/***************** 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;

}


#federation strong{
	color:#666666;
}

#federation h2{
	background-color:#FF9900;
	width:520px;
}