/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1, #fenetre h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#FF9900;
margin:0 0 10px;
}
#contenu h1.pl{
font:bold 14px Arial, Helvetica, sans-serif;
color:#FF9900;
margin:0 0 10px;
}
#contenu p.titre{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FF9900;
border-bottom:1px dotted #FF9900;}
#contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#fff;
padding-left:5px;
width:500px;
background-color:#86d130;
margin:0 0 10px;
}
#contenu ul{
margin-bottom:10px;}
#contenu h2.tt{
font:bold 14px Arial, Helvetica, sans-serif;
color:#fff;
padding-left:5px;
width:100%;
background-color:#86d130;
margin:0 0 10px;
}
#contenu h2.inter{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FF9900;
padding-left:5px;
width:350px;
background-color:#fff;
margin:10px 0 10px;
}
#contenu p{
font:11px/1.8em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur, strong , #fenetre li strong {
font-weight:bold;
color:#6BAA1D;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#999;
}
#contenu a:hover, #contenu a:active{
color:#FF9900;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#316687;
text-align:right;
padding:50px 20px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#316687;
}
#footer a:hover, #footer a:active{
color:#fff;
}

/******************__________________________________organigramme*******************/
#fenetre{
width:100%;
background-color:#fff;
height:auto;
padding:20px;}


#fenetre li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-bottom:5px;
	margin-left:10px;
	line-height:1.8em;}

#organigramme{
	float:left;
	width:480px;
	height:950px;
	margin-left:20px;
	background:url(../images/charte/organigramme.jpg) no-repeat;}


.conseil_admin{
	float:left;
	margin-left:50px;
	width:380px;
	height:40px;
	margin-top:30px;}

.bureau{
	float:left;
	margin-left:185px;
	width:120px;
	height:40px;
	margin-top:35px;}

/**************_____________________competence technique *************************/

.competence{
	float:left;
	background:url(../images/charte/competencetech.jpg) bottom no-repeat;
	width:478px;
	padding:10px 20px 30px 20px;
	height:auto;
	margin-bottom:20px;}

#contenu .competence img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;}

#contenu .competence p{
line-height:1.4em;}






/************************************carpe****************************************/

.encarth {
	float:left;
	width:478px;
	padding:10px 20px 30px 20px;
	background:url(../images/charte/competencetech.jpg) no-repeat;
}





/**************************reservi*****************************************/
#contenu li, #contenu .demi_page50 li{
	font:11px/1.8em Arial, Helvetica, sans-serif;
	color:#666;
	margin-left:10px;
	list-style-image:url(../images/charte/puce.gif);
	line-height:1.8em;}

#contenu li.sous_list{
	font:11px/1.8em Arial, Helvetica, sans-serif;
	color:#666;
	list-style-image:inherit;
	margin-left:30px;
	line-height:1.8em;}

#contenu ul.reserve{
border-bottom:1px dotted #666;
padding-bottom:10px;
margin-bottom:10px;
width:500px;}


.demi_page{
width:150px;
float:left;
margin-left:10px;}
#contenu .competence p.chapeau{
font-style:italic;
margin-bottom:5px;

}
#contenu .competence p.chapeau2{
font-style:italic;
margin-bottom:5px;

}


/********************************************************** animation*********************/



.demi_page_animation1{
width:230px;
float:left;
margin-left:0px;}


.demi_page_animation2{
width:282px;
float:left;
margin-left:0px;}


.demi_page_animation3{
width:292px;
float:left;
margin-left:0px;}
.demi_page50{
width:290px;
float:left;
margin-left:40px;}



/***********_________________________________________ date ouverture****************************/

#contenu p.chapeau{
padding-bottom:10px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.2em;
width:500px;}

#contenu td.ouverture_fondorange{
background-color:#FF9900;
padding:5px;
}

#contenu td.ouverture_fondblanc{
padding:5px;}

#contenu td.ouverture{
background-color:#ddd;
padding:5px;}

#contenu td.ouverture2{
border-bottom:1px dotted #666;
border-right:1px dotted #666;
padding:5px;}

#contenu td p{
line-height:1.2em;
text-align:left;}

#contenu td p.prix{
line-height:1.2em;
text-align:center;
color:#ff9900;
font-weight:bold;
font-size:13px;}

#contenu p.entete_tab{
color:#FFF;
text-align:center;
font-weight:bold;}

.info{
float:left;
width:209px;
margin-left:40px;
margin-bottom:20px;
}

#contenu .info .visuel{
float:left;
margin:0 5px 5px 5px;
width:100px;
max-width:100px;
height:120px;
max-height:120px;
border:1px  dotted #ff9900;}

.info_b{
float:left;
width:209px;
height:12px;
background:url(../images/charte/info_b.jpg) no-repeat;
}

#contenu .info h1{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FF9900;
margin:0;
height:50px;
}
#contenu .info p.tail{
font:bold 12px Arial, Helvetica, sans-serif;
color:#6BAA1D;
margin:0;

}



.haut{
float: right;
width:116px;
cursor:pointer;
height:29px;
background:url(../images/charte/haut.jpg) no-repeat;
border:0;}

/***___________________________________actualite***********************************/




.vigniette{
float:left;
width:60px;
height:60px;
margin-left:15px;
padding:0px;
margin-bottom:7px;}


#contenu .competence p.lien {
float:right;
color:#FF6600;
margin-bottom:10px;}


.act{
float:left;
width:150px;
height:212px;
margin:0 20px 15px 0;
background:url(../images/charte/bg_act.jpg) no-repeat;}

.visuel{
float:left;
width:128px;
height:110px;
max-height:110px;
max-width:128px;
text-align:center;
margin:5px 0px 5px 12px;}


#contenu .act p.titr{
text-align:center;
color:#66b722;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:40px;
line-height:1.2em;
max-height:40px;
font-weight:bold;}

#contenu .act p.date{
text-align:left;
color:#f96008;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:10px;
line-height:1.2em;
}

#contenu .competence p.date{
font-weight:bold;
text-align:right;
margin-right:60px;
color:#ff9900;}

/*__________________________________________________pagination****************/




	
 #pagination{
	width:490px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	
	
	margin-bottom:10px !important;
}

 #pagination p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:10px;

}


.prev{
	float:left;
	width:100px;
	height:31px;
	text-decoration:none;
	cursor:pointer;

}
 #pagination  .prev p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
padding-left:0px;
color:#484441;
z-index:800;
	position:relative;
}
.next{
	float:right;
	width:100px;
	height:31px;
	text-decoration:none;
	
}
	
 #pagination .next p{
	font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:0px;
color:#484441;
z-index:800;
	position:relative;
	cursor:pointer;
}


 #pagination  p a{
 font-size:11px;
 text-decoration:none;
 text-align:center;
}


 #pagination  p {
 font-size:11px;
  text-align:center;}
 


/**************__________lieu de peche****************************************/
#lieu{
float:left;
width:190px;
margin-left:20px;
}


#lieu p{
line-height:1em;
margin-bottom:0px;}


#contenu li.rouge, #contenu li.rouge a ,#contenu li.rouge a:hover, #contenu li.rouge a:link , #contenu li.rouge a:active, #contenu li.rouge a:visited{
	font:11px/1.8em Arial, Helvetica, sans-serif;
	color:#e12506;
	margin-left:10px;
	padding:0px;
	list-style-image:url(../images/charte/pucerouge.gif);
	line-height:1.8em;}
	
	#contenu li.jaune, #contenu li.jaune a ,#contenu li.jaune a:hover, #contenu li.jaune a:link , #contenu li.jaune a:active, #contenu li.jaune a:visited{
	font:11px/1.8em Arial, Helvetica, sans-serif;
	color:#fac200;
	margin-left:10px;
	list-style-image:url(../images/charte/pucejaune.gif);
	line-height:1.8em;}


#lieu li.rouge, #lieu li.rouge a ,#lieu li.rouge a:hover, #lieu li.rouge a:link , #lieu li.rouge a:active, #lieu li.rouge a:visited{
	font:11px/1.8em Arial, Helvetica, sans-serif;
	color:#e12506;
	margin-left:0px;
	padding:0px;
	list-style-image:url(../images/charte/pucerouge.gif);
	line-height:1.4em;}
	
	#lieu li.jaune, #lieu li.jaune a ,#lieu li.jaune a:hover, #lieu li.jaune a:link , #lieu li.jaune a:active, #lieu li.jaune a:visited{
	font:11px/1.8em Arial, Helvetica, sans-serif;
	color:#fac200;
	margin-left:0px;
	list-style-image:url(../images/charte/pucejaune.gif);
	line-height:1.4em;}
#lieu ul{
margin-left:30px;
margin-bottom:0px;
}

#lieu ul.plan_eau{
margin-bottom:10px;
margin-left:35px;
padding:0px;
}


/*  ____________________________________________________________page fiche  */
.left_fiche{
width:192px;
float:left;
margin-top:30px;
}
.g_img_fiche{
width:192px;
float:left;
height:160px;
text-align:center;

}
.g_img_fiche img{
border:1px ridge #000;
}
.liste_img{
width:192px;
margin-top:10px;
float:left;

}

.liste_img img{
border:1px ridge #000;

}

.dec_img {
	margin-right:6px;
}

#lieupeche{
width:192px;
height:150px;
float:left;
}

#lieupeche img{
border:1px ridge #000000;
}

#desclieupeche{
margin:0 0 0 20px;
width:300px;
float:left;
}


#fiche{
	float:left;
	margin-left:25px;
	width:300px;
	background:url(../images/charte/fiche.jpg) repeat-y;
}
	
#ficheh{
	
	width:300px;
	margin:0;
	
	background-image:url(../images/charte/ficheh.jpg);
	background-repeat:no-repeat;
	float:left;
	height:65px;
}

#ficheb{
	width:300px;
	height:46px;
	float: left;
			
	
	margin-left:0px;
	margin-top:0;
}

#cont_fiche{
	padding:0px 10px 0px 20px;
	background-repeat:no-repeat;
	width:270px;
	float: left;
		
	background-image:url(../images/charte/fichem.jpg);
	background-repeat: repeat-y;
	margin-bottom:0px;

}
#cont_fiche p.rouge{color:#e12506;}

#cont_fiche p.jaune{color:#fac200;}

#cont_fiche h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#86d130;
	border-bottom:1px dotted #86d130;
	text-align: left;


}


#contenu p.planeau a ,#contenu p.planeau a:hover, #contenu p.planeau a:link , #contenu p.planeau a:active,#contenu p.planeau a:visited{
color:#FF9900;
font-size:14px;

}








/***********************************************contact**********************************************/


#contact_fomulaire {
	width:400px;
	float:left;
	padding-bottom:20px;
	margin-left:20px;
	
	
}
#contact_prop {
	width:300px;
	float:left;
}

#contact_prop p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;}

#contact_plan a #imgplan {
	margin-left:0px;
	width:280px;
	

}


#contact_fomulaire input,textarea{
	width:95%;
	font-size:12px;
	border:1px solid #f38000;
	color:#000;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire input:focus,textarea:focus{
	border:1px solid #000;
}
#contact_fomulaire .champRequis{
	color:#f38000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contact_fomulaire   .bouton {
	border:1px solid #000;
	color:#000;
	background-color:#f38000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contact_fomulaire  .bouton:focus {
	border:1px solid #f38000;
}

#contact_fomulaire  .capa{
	width:95%;
border:1px solid #f38000;
	color:#000;
	background-color:#fff;
	font-size:12px;
	
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire  .capa:focus{
	border:1px solid #000;
}

#contact_fomulaire .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}


#contact_coordonnees {
	width:284px;
	float:left;
	margin-bottom:20px;
	margin-left:10px;
	padding-left:5px;

}


#contact_loi {
	width:280px;
	float:left;

	margin-top:15px;
	padding-bottom:10px;
			padding-left:5px;

}
#contact_plan {
	width:280px;
	float:left;
	margin-left:10px;
}


#contact_fomulaire .txt_bas3 {
	font-size:11px;
	color:#666;
	
}


#contact_loi .txt_bas{
	font-size:9px;
	color:#000;}

#contact_fomulaire .txt_bas{
	font-size:9px;
	color:#666;}
#contact_fomulaire .titre_parti .listee2{
	width:110px;
	border:1px solid #313131;
	font-size:12px;
	color:#313131;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
}




.img_acces{
margin-top:20px;
float:left;
width:298px;
height:299px;
margin-bottom:20px;
}

.desc_acces{
	width:620px;
	float:left;
	border:1px solid #313131;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;

}

.label3{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}
	
	


.titre_parti{
	margin-bottom:15px;
	margin-left:0px;
	width:100%;
	
}
.titre_parti22{
	margin-bottom:15px;
	margin-left:0px;
	width:200px;
	
}



.partenaire{
float:left;
width:150px;
margin-left:10px;
height:95px;
max-height:95px;
padding-top:10px;
max-width:150px;
text-align:center;}

#contenu p.lienact{
text-align:center;
font-size:13px;}
.tiret{
color:#FF9900;
font-weight:bold;}
.demi_page_animation2{
width:200px;
float:left;
margin-left:23px;
}
.onema{
float:left;
width:350px;
margin-top:20px;
text-align:center;}

#contenu .onema p{

text-align:center;}

#contenu .onema p.entet{

text-align:center;
font-weight:bold;
color:#FF9900;}
#contenu .onema table{
border:1px solid #0066FF;
margin-left:30px;
padding-top:20px;
margin-bottom:10px;}

#invisible{
display:none;
}