/*structure*/	
body{
	margin:0px;
	background-color:#FFFFFF;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	background-image:url(img/fond2.jpg);
	font-size: 10px;
	color:#666666;
	height:100%;
}

#pola{
	padding:5px 5px 20px 5px;
	border:1px solid #cccccc;
	text-align: center;
}

#polaserv{
	margin: 5px;
	padding:5px 5px 20px 5px;
	border:1px solid #cccccc;
	float:left;
	background-color:#FFFFFF;
	
}

#contenu{
	background-color:#333333;
	background: url(img/fondcont.jpg);
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	font-size: 10px ;
	color:#FFFFFF;
	height:370px;
}
#contenuac{
	background: url(img/fondac.jpg);
	height:370px;
}
#contenusoc{
	background: url(img/fondsoc.jpg);
	height:370px;
}

#contenuserv{
	background: url(img/fondserv1.jpg);
	height:370px;
}
#contenuserv2{
	background: url(img/fondserv2.jpg);
	height:370px;
}

#contenumail{
	background: url(img/fondmail.jpg);
	height:370px;
}

#contenuref{
	background: url(img/fondref.jpg);
	height:370px;
}
#contenunews{
	background: url(img/fondnews.jpg);
	height:370px;
}


div#gauche {
      	width: 260px;
      	height: 230px;
      	overflow: auto;
      	font-size: 10px;
		color:#333333;
		padding-left:10px;
      }


div#gaucheactu {
      	width: 260px;
      	height: 230px;
      	overflow: auto;
      	font-size: 10px;
		color:#333333;
		padding-left:10px;
      }
      
div#droite {
      	width: 610px;
      	height: 255px;
      	overflow: auto;
      	font-size: 10px;
		color:#333333;
		padding-left:10px;
      }
      
.droitegros {
      	font-size: 12px;
      	font-weight:bold;
		color:#666666;
      }
 
.gauche10 {
		padding-top:15px;
      	font-size: 10px;
      	font-weight:bold;
		color:#666666;
      }
      
.gauchegros {
		padding-top:15px;
      	font-size: 11px;
      	font-weight:bold;
		color:#666666;
      }

      
#suite a{
	color:#333333;
	font-size:10px;
	text-decoration:none;
	}

#suite a:hover{
	color:#FFFFFF;
	background-color:#ec9700;
	font-size:10px;
	}

    
#menuservice a{
	color:#666666;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	}

#menuservice a:hover{
	color:#FFFFFF;
	background-color:#ec9700;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	}
	

.titreserv{
      	font-size: 13px;
      	font-weight:bold;
		color:#ec9700;
		
      }



.textserv{
		font-size: 11px;
      	font-weight:bold;
		color:#666666;
		text-align:justify;
      }
      
.titreactu{
      	font-size: 10px;
      	font-weight:bolder;
		color:#ec9700;
		
      }


.textactu{
      	font-size: 11px;
		font-weight:bold;
		color:#666666;
		text-align:justify;
      }

#content{
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	font-size: 10px ;
	color:#FFFFFF;
}

.panoramique{
	color:#EC9700;
	text-decoration: none;
	font-weight:bold;
}
.panoramique:hover{
	color:#EC9700;
	text-decoration: underline;
}
.contact, .contact input, .contact textarea {
	font-size: 10px;
}