html, body{ margin:0; padding:0; width:100%; height:100%; font-family:arial; }
body{ /*min-width:1000px;*/ }
ul{ padding:0; margin:0; }
.clear{ clear:both; }
hr{ border:0; border-bottom:1px solid #d6d6d6; }
p{
	color:#616161;
	margin:0;
	font-size:14px;
}
h1, h2, h3{
	color:#444444;
	font-size:17px;
}


a{ color:#6e6e6e; } /*#6e6e6e*/
img, a{ border:none; }

#home p.home{ color:#6e6e6e; margin:0; font-size:16px;}
#head{ background:url('images/header.jpg') center -18px repeat; min-height:514px; width:100%; }
#head #hornav{ width:987px; margin:auto; height: 172px; } /*983*/
#head .logo{ margin-top:14px; float:left; }
#head .phones{ float:right; margin-top:30px; }
#head .menu{ height:32px; border-bottom:1px solid #2f7481; border-right:1px solid #2f7481; border-left:1px solid #094a57; display: table; }
#head .menu li{ list-style:none; float:left; }
#head .menu li > a{
font-family: 'Roboto', sans-serif;
	text-shadow:0px 0px 1px #094a57;
	border-left:1px solid #2f7481;
	border-right:1px solid #094a57;
	border-bottom:1px solid #094a57;
	text-decoration:none;
	background:url('images/menu-back.png') top left repeat-x;
	display:block;
	float:left;
	padding:8px 14px;
	font-size:12px;
	color:#fff;
	
}
#head .menu li > a:hover{ background:url('images/menu-back.png') bottom left repeat-x; text-shadow:0px 0px 1px #2f7481; }
#head .inner-nav{ display: table; margin: 3px auto auto; }
#head div.slide{ padding-top:30px; margin:auto; width:983px; text-align:center; height: 258px; }
#head .black-nav{ margin:auto; display:table; }
#head .black-nav .menu{ border:0; border-left:1px solid #2e2e2e; border-right:1px solid #4f4f4f; }
#head .black-nav .menu li > a{ padding:13px 48px; border:0; background:none; font-size:16px; color:#ccc; text-shadow:0px 0px 5px #000; border-left:1px solid #4f4f4f; border-right:1px solid #2e2e2e; }
#head .black-nav .menu li > a:hover{ color:#fff; background:#333; }
#head .black-nav .menu li.socials a.social:hover{ background-color:inherit; }
#head .black-nav .menu li.socials{ padding:13px 22px; border-left:1px solid #4f4f4f; border-right:1px solid #2e2e2e; }
#head .black-nav .menu li.socials a.social{ border:0; margin:0 10px 0 0; padding:0; display:block; width:18px; height:18px; background-image:url('images/social.png'); }
#head .black-nav .menu li.socials a.social.fb{ background-position:-129px 0px; }
#head .black-nav .menu li.socials a.social.tw{ background-position:-28px 0px; }
#head .black-nav .menu li.socials a.social.gl{ background-position:-60px 0px; }
#head .black-nav .menu li.socials a.social.rs{ background-position:-92px 0px; }
#head .black-nav .menu li.socials a.social:last-child{ padding:0; }
#head .black-nav .menu li .child{ text-shadow:0 0 2px #000; position:absolute; background:#252525; font-size:13px; width:400px; padding:20px; margin-top:45px; border-radius:0 0 15px 15px; box-shadow:0px 5px 5px #888; }
#head .black-nav .menu li .child h3{ color:#ccc; margin-top:0; text-transform:uppercase; font-size:16px; }
#head .black-nav .menu li .child p{ color:#eee; }

#content a{ color:#31A5B1; }

#content{ margin-bottom:10px; width:939px; box-shadow:0px 0px 10px #888; border-radius:15px; padding:22px; margin:auto; }
#content .dropdowns h3{ color:#fff; font-size:12px; padding:6px 8px; background:#288c99; margin:0; }
#content .dropdowns h3 span{ float:right; color:#fff; font-size:26px; line-height: 22px; }
#content .dropdowns h3 a{ color:#fff; text-decoration:none; font-size:12px; margin:0 0 0 30px; text-shadow:0px 0px 1px #094a57; }
#content .dropdowns h3 a:hover{ text-shadow:0px 0px 5px #fff; }
#content .dropdowns h3 a i{ font-size:16px; }
#content .dropdown .content{ padding:10px; font-size:12px; background:#eee; margin-bottom:8px; color:#333; }
#content .table{ font-size:14px; width:100%; border-collapse:collapse; }
#content .table tr{ border-bottom:1px solid #D6D6D6; }
#content .table tr.noline{ border-bottom:0; font-weight:bold; }
#content .table tr.back{ background:#f6f6f6; }
#content .table tr:hover{ background:#f6f6f6; }
#content .table td, #content .table th{ width:20%; text-align:center; border-right:1px solid #D6D6D6; padding:10px 15px; }
#content .table th{ border:0; background:#f6f6f6; background:url("images/header.jpg") repeat scroll center top transparent; color: #fff; text-transform:uppercase; text-shadow: 0 0 5px #2f7481; }
#content .table tr td:first-child{ text-align:right; }

#content .prix{
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:16px;
	line-height:100%;
	margin-top:0;
	color:#359299;
}

#content .prix2{
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:14px;
	line-height:100%;
	margin-top:0;
	color:#359299;
}

#content h1{ font-family: 'Roboto', sans-serif; font-weight:200; font-size:40px; line-height:100%; margin-top:0; }
#content h2.sub{ font-family: 'Roboto', sans-serif; font-weight:200; font-size:26px; line-height:100%; font-style: italic; color:#888; }
#content h2.sub2{
	font-family: 'Roboto', sans-serif;
	font-weight:200;
	font-size:26px;
	line-height:100%;
	color:#666666;
}
#content img.right{ float:right; margin:10px 0 20px 0px; }

#footer{ background:url('images/footer.jpg') top center repeat; /*min-height:854px;*/ padding-top: 10px; }
#footer .blocks{ background:url('images/blocks.png') top center no-repeat; min-height:376px; margin:auto; width:988px; }
#footer .blocks .block{ float:left; text-align:center; width:238px; padding:125px 45px 0 46px; font-size:12px; height: 228px; }
#footer .blocks .block p{ font-size:12px; }
#footer .blocks .block h3{ text-transform: uppercase; font-size:16px;}
#footer .blocks .block a{ position:absolute; }
#footer .blocks .blocks-links a{ display:block; float:left; text-align:center; width:238px; padding:5px 45px 0 46px; font-size:12px; height: 17px; text-decoration:none; }
#footer .links{ background:url('images/i.png') 685px 56px no-repeat; width:939px; padding:30px 22px 0 22px; margin:auto; }
#footer .links .link{ width:234px; float:left; color:#c7c7c7; font-size:11px; }
#footer .links .link p, #footer .links .link a{ color:#c7c7c7; text-decoration:none; }
#footer .links .link a:hover{ text-decoration:underline; }
#footer .links .link h3{ margin-top:0; color:#fff; font-size:13px; text-transform:uppercase; }
#footer .links .link ul li{ list-style:none; background:url('images/plus.png') 0px 4px no-repeat; padding-left:12px; padding-bottom:2px; }


#footer .links .link2{ width:234px; float:left; color:#c7c7c7; font-size:11px; }
#footer .links .link2 p, #footer .links .link a{ color:#c7c7c7; text-decoration:none; }
#footer .links .link2 a:hover{ text-decoration:underline; }
#footer .links .link2 h3{ margin-top:0; color:#fff; font-size:13px; text-transform:uppercase; }
#footer .links .link2 ul li{ list-style:none; background: transparent url('images/crochet.png') 0px 4px no-repeat; padding-left:12px; padding-bottom:2px; }
#footer .footer-social{ width:983px; text-align:right; margin:auto; height:30px; margin-top:-43px; }

#contact .blocks{ margin:auto; width:988px;}
#contact .blocks .formu{
	float:left;
	width:450px;
	min-height: 640px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 2px;
}


/*Formulaire*/

.textarea{
	background: transparent url('images/bg-form.gif') no-repeat left top;
	border: solid #bbb 1px;
	color: #333;
	width: 375px;
	height: 115px;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 17px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.textbox {
	width: 375px;
	height:19px;
	background: transparent url('images/bg-form.gif') no-repeat left top;
	border: solid #aaa 1px;
	margin-top: 4px;
	font-size: 12px;
	margin-bottom: 6px;
	color: #333;
	font-family : Arial, Helvetica,  Verdana, sans-serif;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2;
	padding-left: 3px;
} 

.textboxdept {
	width: 375px;
	height:25px;
	border: solid #aaa 1px;
	font-size: 12px;
	padding: 2px 3px 0 3px;
	margin-bottom: 10px;
	color: #333;
	font-family : Arial, Helvetica,  Verdana, sans-serif;
	background-color: #F6F7F7;
} 

fieldset {
	margin: 1em 0;
	border: none;
	border: 1px solid #ddd;
	padding: 13px 20px;
}

legend {
	padding: 0;
	margin: 0;
	font-size: 150%;
	letter-spacing: -1px;
	color: #bf3218;
	font-family: Georgia, "Times New Roman", Times, serif;
}

label2 {
	float: left;
	width: 200px;
	padding: 0;
	padding-bottom: 5px;
	padding-right: 5px;
	text-align: left;
}

fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}

.submit {
	color: #333;
	font-size: 10pt;
	padding: 1px;
	padding-bottom: 3px;
	margin: 0;
	border: solid #aaa 1px;
	background: transparent url('images/bg-form.gif') no-repeat left top;
	height: 26px;
	width:60px;
	cursor: pointer;
}

fieldset div{	clear:both;}
fieldset div.reqfield { }
/*fieldset div.reqfield label:before { content: "* ";*/ /* does not work in IE }*/


/* Image Hover */

#projet .zitem {
	width:450px;
	height:195px;
	border:2px solid #CCCCCC;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
	margin-top: 6px;
	margin-right: 12px;
	margin-bottom: 6px;
	margin-left: 0;
}

#projet .zitem .caption {
	width:450px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

#projet .zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

#projet img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}


/* Clients */

#clients .zitem {
	width:218px;
	height:218px;
	border:2px solid #CCCCCC;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
	margin-top: 6px;
	margin-right: 12px;
	margin-bottom: 6px;
	margin-left: 0;
}

#clients .zitem .caption {
	width:218px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

#clients .zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:11px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

#clients img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

/* Projets */

#projets .zitem {
	width:175px;
	height:175px;
	border:2px solid #CCCCCC;
	/* required to hide the image after resized */
	overflow:hidden;
	/* for child absolute position */
	position:relative;
	/* display div in line */
	float:left;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 20px;
	margin-left: 0;
}

#projets .zitem .caption {
	width:175px;
	height:30px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

#projets .zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:11px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

#projets img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

#projets .rien img{
	border:0;
	position:relative;
}

#projets .left{
	padding-top: 25px;
}

#projets h2{ font-size:14px; color:#006475;
font-family: 'Roboto', sans-serif; 
}

.clearl{
	clear:both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #687476;
}
  
  
/* Numero 1-800 */

div.drapeaux { width:512px; height:49px; padding:20px 0 0 25px; background:url('images/bg-drapeaux.jpg') no-repeat; color:#8bd317; font-size:17pt; margin-bottom:15px;}
#drapeau div.drapeaux p{  color:#8bd317; font-size:17pt; }
* html div.drapeaux { width:537px; height:69px;}