@charset "utf-8";
/* CSS Document */

html, body{
	margin: 0;
	background: #F7F8F9; 
	text-align:center;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background-image:url(images/cote.jpg);
	background-repeat : repeat-x;
	
}

#container {
	margin: 0px auto;
	padding: 0px auto;
	width: 1020px;
	
}

.anim {
	position:absolute;
	z-index:-1;
	

	}
#header{
	height: 162px;
	margin: 0px;
	background-image:url(images/head.jpg);
	padding-top:0px; padding-left: 0px;
}
.menu{
	
	width:370px;
	padding-top:130px;
	padding-left: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	
	
}

.menu a { 
margin: 0 2px;
text-decoration: none; 
color: #0066CC; 
font-size: 14px;
 
} 
.menu a:hover { 
 color: #9DE217;
} 
.menu a:active { 
 
color: #fff; 
} 





#mid{
	min-height:402px;
	-height:402px;
	/*padding: 10px 400px 10px 200px;*/
	
	position:relative;
	

	
	
}

.clear{
	clear:both;
}


.bloc{
	width:332px;
	margin-bottom:0px;
	padding:20px 50px 0px 0px;
	letter-spacing:-0.5px
	
}


.bloc1{
	width:332px;
	background-image:url(images/blanc10.png);
	padding:20px 20px 3px 2px;
	
	text-align:left;
}

.bloc1 p{
	text-align:left;
	
}

.bloc1 h1{
	text-align:left;
	padding:0;
	margin:0;
	
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
}
.bloc1 ul, .bloc1 ul li{
	margin:10px 0 10px 0;
}
.bloc1 ul li{
	margin:0;
}
.bloc1 img{
	float:left;
}
.bloc1 a:link, .bloc1 a:visited{
	padding-top:2px;
	color:#FF9933;
	text-decoration:none;
	font:11px Arial, Helvetica, sans-serif;
	padding-right: 15px;
	background-image:url(images/plus_link.png);
	-background-image: none;
	background-repeat:no-repeat;
	background-position: right;
}
.bloc1 a:hover, .bloc1 a:active{
	padding-top:2px;
	color:#FF9933;
	-text-decoration: underline;
	font:11px Arial, Helvetica, sans-serif;
	padding-right: 15px;
	background-image:url(images/plus_hover.png);
	-background-image: none;		
	background-repeat:no-repeat;
	background-position: right;
}
.bloc2{
	width:420px;
	background-image:url(images/blanc10.png);
	padding:3px 5px 3px 5px;
	text-align:left;
}
.bloc2 h1{
	text-align:left;
	padding:0;
	margin:0 0 10px 0;
	color:#00A6EB;
	font-size:10px;
	border-bottom:1px solid white;
}
.bloc2 h2{
	margin:0;
	font-size:10px;
	font-weight:bold;
}
.bloc2 img{
	float:right;
}
.bloc2 a:link, .bloc2 a:visited{
	padding-top:2px;
	color: #FFF;
	text-decoration:none;
	font:9px Arial, Helvetica, sans-serif;
	padding-right: 15px;
	background-image:url(images/plus_link.png);
	-background-image: none;
	background-repeat:no-repeat;
	background-position: right;
}
.bloc2 a:hover, .bloc2 a:active{
	padding-top:2px;
	color: #FFF;
	-text-decoration: underline;
	font:9px Arial, Helvetica, sans-serif;
	padding-right: 15px;
	background-image:url(images/plus_hover.png);
	-background-image: none;		
	background-repeat:no-repeat;
	background-position: right;
}



#mid2{
	
	/*padding: 10px 400px 10px 200px;*/
	
}

.bloc_texte{
	width:400px;
	margin-bottom:0px;
	padding:5px 5px 5px 5px;
	text-align:justify;
	
}

.bloc_texte2{
	width:540px;
	height:148px;
	margin-left:20px;
	padding:0px 15px 0px 15px;
	text-align:left;
	background-color: white;
	-moz-border-radius : 10px; 
	opacity: 0.8;
}

.bloc_texte h1{
	padding: 0;
	margin: 40 0 10px 0;
	font: 24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FC7506;
}

.bloc1 p{
	text-align:justify;
	
}

.texte_gauche{
	float: left;
    width: 45%;
	
	padding:0px 0px 0px 0px;
	
	
}

.texte_droite{
	float:right;
	width: 45%;
    padding:0px 0px 0px 0px;
	
}

#texte{
	text-align:justify;
	width:430px;
	padding:30px 0px 30px 50px;
	
	zoom:1;
}

#texte_p{
	text-align:justify;
	width:320px;
	padding:5px 5px 5px 5px;
	
	zoom:1;
}

#texte h1{
	padding: 0;
	margin: 0 0 10px 0;
	font: 25px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF6600;
}
#texte h2{
	padding: 0;
	margin: 0 0 10px 0;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#texte p{
	padding: 0;
	margin:0;
}

#texte ul{
	padding-left:0px;
	margin-left:10px;
}

#texte ul li{
	list-style-type:none;
	padding-left:20px;
	background-image:url(images/plus_li.png);
	background-repeat:no-repeat;
	background-position: top left;
}

#texte a:link, #texte a:visited{
	padding-top:2px;
	color: #FFF;
	text-decoration:none;
	font:9px Arial, Helvetica, sans-serif;
	padding-right: 15px;
	background-image:url(images/plus_link.png);
	background-image: none;
	background-repeat:no-repeat;
	background-position: right;
}
#texte a:hover, #texte a:active{
	padding-top:2px;
	color: #FFF;
	text-decoration: underline;
	font:9px Arial, Helvetica, sans-serif;
	padding-right: 15px;
	background-image:url(images/plus_hover.png);
	background-image: none;		
	background-repeat:no-repeat;
	background-position: right;
}

.contact{
	margin-top:40px;		
	text-align:center;
	font-size:large;
	
}


	
	



.menu_b
	{
	text-align:center; 	
    bottom:0px;
    position: absolute;
	width:100%;
	}
.menu_b a { 
margin: 0 2px;
text-decoration:none;
color:#FC7506; 
font-size: 12px;
 
} 
.menu_b a:hover { 
 color:#CC6600;
} 
.menu_b a:active { 
 
color: #fff; 
} 
	
#texte2 p

.menu_b a:hover { 
 color:#CC6600;
}
/*-----------------------------------------------------Réalisations------------------------------------------------------------------------------*/

.realisations {
text-align:left;
}

.menu_real {
text-align:justify;
width:320px;
float: left;
padding:80px 0px 0px 30px;
	
}

.diaporama {
width:650px;
float:right;
padding:50px 0px 0px 0px;
}

.menu_real a:link, .menu_real a:visited{
	
	color: #FC7506;
	text-decoration:none;
	font:24px Arial, Helvetica, sans-serif;
	
	
}
.menu_real a:hover, .menu_real a:active{
	
	color: #9DE217;
	text-decoration:none;
	font:24px Arial, Helvetica, sans-serif;


}

.realisations h1{
	padding: 0;
	margin: 70 40 10px 5px;
	font: 24px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF6600;
	

	
}

.adresses a:link, .adresses a:visited{
	
	color: #333333;
	text-decoration:none;
	font:18px Arial, Helvetica, sans-serif;
	
	
}
.adresses a:hover, .adresses a:active{
	
	color: #9DE217;
	text-decoration:none;
	font:18px Arial, Helvetica, sans-serif;


}

/*-----------------------------------------------------footer------------------------------------------------------------------------------*/

.menu_b
	{
	text-align:center; 	
    bottom:-12px;
    position: absolute;
	width:100%;
	}
.menu_b a { 
margin: 0 2px;
text-decoration:none;
color:#FC7506; 
font-size: 12px;
 
} 
.menu_b a:hover { 
 color:#CC6600;
} 
.menu_b a:active { 
 
color: #fff; 
} 

/*------------------------------------------Page de contact-------------------------------------------------------------------------------------*/



.formulaire{
	position:absolute;
	z-index:1;
	text-align:left;
	width: 100%;
	left: 257px;
	top: 3px;
}