/* CSS Document */

body {

	background-color: #EAEAEA;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}


/*--------------------------------------------------- CONTENEURS GENERAUX ---------------------------------------------------*/

.conteneurgeneral{
	width: 779px;
	padding:0px;
	
	background-color : #1E86E5;	
	Margin-left: auto;
    margin-right: auto;

}

/*--------------------------------------------------- HEADER ---------------------------------------------------*/

.conteneurheader{
	height:150px;
	width: 779px;   
}

/*--------------------------------------------------- CENTRE ---------------------------------------------------*/

.conteneurcentre_presentation{
	width:779px;
	height: 430px;
	background-color:  #1E86E5;
		
	
}

.conteneurcentre_réalisations{
	width:779px;
	height: 450px;
		
	
}
.conteneurcentre_travaux{
	
	height: 530px;
	background-color:  #DCEAF3;
	
	
}

/*--------------------------------------------------- PAGE PRESENTATION ---------------------------------------------------*/

.un      {
    margin:0 4px;
    height:1px;
    background-color:#BFBFBF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}

.quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;}
	

.centrearrondi {
    border:1px solid #BFBFBF;
    border-top:0;border-bottom:0;
    margin:0 1px;
    padding:0 2em;
    min-height:150px;/* avec eventuellement une hauteur mini */
    height:auto!important;
    height:150px;

}	
	


.bloc_titre{
	
	height:25px;
	width: 779px;
	background-color: #1E86E5;
	}   
	


.blocs{
	
	width: 770px;
	margin-top:0px;
	margin-left:0px;
	
}


.bloc_left{
	
	width: 375px;
	background-color: #006BCD;
	float:left;
	margin-top:05px;  
	margin-left:09px;
	border-style:solid 1px;
	
	border-color:#99FF00;
}

.bloc_right{
	
	width: 375px;
	background-color: #006BCD;
	float:left;
	margin-top:05px; margin-left:9px; 
	
}


.bloc_titre h1{
	color:#FFFFFF;
	
	font: 18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-left:10px;
}


.texte{
	
	width:350px;
	
	text-align:justify;
	padding:10px;
	
	
}

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

.texte p{
	padding: 0;
	margin:0;
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:justify;
	
}

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


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

.bloc1 p{
	text-align:justify;
}

.bloc1 h1{
	text-align:left;
	padding:0;
	margin:0;
	font-size:10px;
	border-bottom:1px solid white;
}
.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: #FFF;
	text-decoration:none;
	padding-right: 15px;
	background-image:url('images/plus_link.png');
	-background-image: none;
	background-repeat:no-repeat;
	background-position:  right 50%;; font-style:normal; font-variant:normal; font-weight:normal; font-size:9px; font-family:Arial, Helvetica, sans-serif
}
.bloc1 a:hover, .bloc1 a:active{
	padding-top:2px;
	color: #FFF;
	-text-decoration: underline;
	padding-right: 15px;
	background-image:url('images/plus_hover.png');
	-background-image: none;		
	background-repeat:no-repeat;
	background-position:  right 50%;; font-style:normal; font-variant:normal; font-weight:normal; font-size:9px; font-family:Arial, Helvetica, sans-serif
}

.clear{
	clear:both;
}

.bottom{
	background:url('images/bottom.png');
	height:6px;
	width:336px;
	padding:0;
	margin:0
}

/*--------------------------------------------------- MENU ---------------------------------------------------*/
.conteneurmenu{
	
	
	width: 212px;
	float: left;
	padding-left:5px;
}

/*--------------------------------------------------- COPYRIGHT ---------------------------------------------------*/
.conteneurcopyright{
	height: 20px;
	background-color: #F2F2F2;
}

a {
color: #33CCFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
a:hover {text-decoration: none;
		color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.copyright a {
color: #ffffFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.copyright a:hover {text-decoration: none;
		color: #33CCFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

