/* CSS Document */

body {
	background-color: #E4E5E7;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.container{
	position:absolute;
	top:0;
	left:50%;
	width:972px;
	margin-left:-477px;
	background:#FFF;
}

a{
	color:#000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}


/*----------*/
.slogan{
	font-size: 16px;
	color: #ADB3B3;
}


/*--- couleur suivant la rubrique---*/
.agri{
	font-size: 11px; 
	color: #003300;	
}
.aqua{
	font-size: 11px; 
	color: #660000;
}
.autres{
	font-size: 11px; 
	color: #3E4A34;	
}
.bois{
	font-size: 11px; 
	color: #3E4A34;
}
.faune{
	font-size:11px;
	color: #695F58;
}
.qui{
	font-size:11px;
	color:#98A47D;
}

/*--- 000033----*/
/*---titre du haut de page (nom page)--*/
h1{
	margin-top:40px;	
}
.titre_qui{
	font-size: 13px;
	font-weight: bold;	
	color: #566D22;
}
.titre_faune{
	font-size: 13px;
	font-weight: bold;	
	color: #908177;
}

.titre_bois {
	font-size: 13px;
	font-weight: bold;
	color: #718AA7;
}

.titre_autres {
	font-size: 13px; 
	font-weight: bold; 
	color: #AFC0D3;  
}

.titre_aqua{
	font-size: 13px;
	font-weight: bold;
	color: #92523A;
}

.titre_agri{
	font-size: 13px;
	font-weight: bold;
	color: #7A855D;
}

.titre_accueil{ 
	color: #ADB3B3; 
	font-weight: bold; 
	font-size: 18px; 
}

.titre_plan_lien{
	font-size: 13px;
	font-weight: bold;	
	color: #98A47D;	
}

.titre_accueil{
	font-size:14px; 
	color: #4B4432; 
	font-weight: bold;	
	margin:0 0 10px 0;
}
.titre_accueil_gr{
	font-size: 18px;
	font-weight: bold;
	color: #92523A;
}
.titre_actualite{
	font-size: 18px;
	font-weight: bold;
	color:#92523A;
	margin:9px;
}
/*--------------menu left--------------*/
h2.titre_menu_qui{
	font-size:12px;	
	margin:0 ;
	padding:5px 0 0 10px;
	background: url(../images/titre_qui2.gif) no-repeat;
	color:#FFF;
	height:23px;
	text-align:left;	
}

ul.menu_qui{
	margin:0;
	padding:0;
}
ul.menu_qui li{
	list-style-type:none;
	text-align:left;
	font-size:11px;
	margin:0;
	padding:8px 0 0 0;
	border:solid 1px #FFF;
	border-top:none;;
	height:22px;	
	background:#d8dbd7;
}
ul.menu_qui li:hover{
	background:#9ea49a;
}
ul.menu_qui li.ouvert{
	background:#9ea49a;
}
ul.menu_qui li a{
	color: #676e61;
	text-decoration:none;
	margin:0 0 0 10px;
	padding:0;
}


h2.titre_menu_agri{
	font-size:12px;	
	margin:0 ;
	padding:5px 0 0 10px;
	background: url(../images/titre_agricoles2.gif) no-repeat;
	color:#FFF;
	height:23px;
	text-align:left;	
}

ul.menu_agri{
	margin:0;
	padding:0;
}
ul.menu_agri li{
	list-style-type:none;
	text-align:left;
	font-size:11px;
	margin:0;
	padding:8px 0 0 0;
	border:solid 1px #FFF;
	border-top:none;;
	height:22px;	
	background:#e4e7df;
}
ul.menu_agri li:hover{
	background:#bcc2ae;
}
ul.menu_agri li.ouvert{
	background:#bcc2ae;
}
ul.menu_agri li a{
	color:#57624d;
	text-decoration:none;
	margin:0 0 0 10px;
	padding:0;
}

h2.titre_menu_faune{
	font-size:12px;	
	margin:0 ;
	padding:5px 0 0 10px;
	background: url(../images/titre_faune2.gif) no-repeat;
	color:#FFF;
	height:23px;
	text-align:left;	
}
ul.menu_faune{
	margin:0;
	padding:0;
}
ul.menu_faune li{
	list-style-type:none;
	text-align:left;
	font-size:11px;
	margin:0;
	padding:8px 0 0 0;
	border:solid 1px #FFF;
	border-top:none;;
	height:22px;	
	background:#ddd9d6;
}
ul.menu_faune li:hover{
	background:#c7c0bb;
}
ul.menu_faune li.ouvert{
	background:#c7c0bb;
}
ul.menu_faune li a{
	color:#695f58;
	text-decoration:none;
	margin:0 0 0 10px;
	padding:0;
}


h2.titre_menu_aqua{
	font-size:12px;	
	margin:0 ;
	padding:5px 0 0 10px;
	background: url(../images/titre_aqua2.gif) no-repeat;
	color:#FFF;
	height:23px;
	text-align:left;	
}
ul.menu_aqua{
	margin:0;
	padding:0;
}
ul.menu_aqua li{
	list-style-type:none;
	text-align:left;
	font-size:11px;
	margin:0;
	padding:8px 0 0 0;
	border:solid 1px #FFF;
	border-top:none;;
	height:22px;	
	background:#e7d9d4;
}
ul.menu_aqua li:hover{
	background:#c8a89c;
}
ul.menu_aqua li.ouvert{
	background:#c8a89c;
}
ul.menu_aqua li a{
	color:#92523a;
	text-decoration:none;
	margin:0 0 0 10px;
	padding:0;
}



h2.titre_menu_bois{
	font-size:12px;	
	margin:0 ;
	padding:5px 0 0 10px;
	background: url(../images/titre_bois2.gif) no-repeat;
	color:#FFF;
	height:23px;
	text-align:left;	
}

ul.menu_bois{
	margin:0;
	padding:0;
}
ul.menu_bois li{
	list-style-type:none;
	text-align:left;
	font-size:11px;
	margin:0;
	padding:8px 0 0 0;
	border:solid 1px #FFF;
	border-top:none;;
	height:22px;	
	background:#e3e8ed;
}
ul.menu_bois li:hover{
	background:#b8c4d3;
}
ul.menu_bois li.ouvert{
	background:#b8c4d3;
}
ul.menu_bois li a{
	color:#435367;
	text-decoration:none;
	margin:0 0 0 10px;
	padding:0;
}

h2.titre_menu_autre{
	font-size:12px;	
	margin:0 ;
	padding:5px 0 0 10px;
	background: url(../images/titre_autres2.gif) no-repeat;
	color:#FFF;
	height:23px;
	text-align:left;	
}

ul.menu_autre{
	margin:0;
	padding:0;
}
ul.menu_autre li{
	list-style-type:none;
	text-align:left;
	font-size:11px;
	margin:0;
	padding:8px 0 0 0;
	border:solid 1px #FFF;
	border-top:none;;
	height:22px;	
	background:#e7ecf2;
}
ul.menu_autre li:hover{
	background:#cfd9e5;
}
ul.menu_autre li.ouvert{
	background:#cfd9e5;
}
ul.menu_autre li a{
	color:#435367;
	text-decoration:none;
	margin:0 0 0 10px;
	padding:0;
}




/*-------texte--------------*/
.texte{
	font-size: 11px; 
	color: #4B4432;
}

.texte_grand{
	font-size:14px;
	color:#566D22;
}

.texte_grand_accueil{
	font-size:16px;
	color: #92523A;
}
.texte_news{
	font-size:12px;
	color: #92523A;
}

ul li{
	margin:10px 0 15px 0;	
}

ul ol li{
	margin:5px 0 5px 0;	
}
ul ul li{
	margin:5px 0 5px 0;	
}


/*---------encadrer écritures blanche-------*/

.titre_encadrer{ 
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 18px; 
	text-align:center;
	margin:10px 0 20px 0;
}

.soustitre_encadrer{
	font-size: 16px;
	color: #FFFFFF;
	margin:5px 0 5px 0;
}

.soustitre2_encadrer{
	margin-top:15px;
	font-size: 13px; 
	font-weight: bold; 
	color: #FFFFFF;
}

.texte_encadrer{
	font-size: 11px; 
	color: #FFFFFF;	
}
p.titre_encadrer_horz{ 
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 18px; 
	margin:0;
	padding:0;
}

/*---------encadrer écritures noir-------*/



.soustitre_n_encadrer{
	margin-top:15px;
	font-size: 13px; 
	font-weight: bold; 
	color: #000033;
}
.texte_n_encadrer{
	font-size:10px;
	color: #000033;
}

p.description{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	margin:0;
	padding:10px 0 0 12px;
}

ul.menu{
	background:#FFF;
	height:125px;
	width:780px;
	margin:0 0 2px 0px;
	padding:0 0 0 0px;
	position:absolute;
	top:93px;
	left:176px;
}

ul.menu li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline;
}
 ul.menu a{
	height:125px;
	width:125px; 	
 }

ul.menu a.m_qui{	
	background:url(../images/qui2.jpg) no-repeat;
	position:absolute;
	
}
ul.menu a:hover.m_qui{
	background:url(../images/qui.jpg) no-repeat;	
}
ul.menu a.m_agricoles{
	background:url(../images/agricoles2.jpg) no-repeat;	
	position:absolute;
	left:130px;
}
ul.menu a:hover.m_agricoles{
	background:url(../images/agricoles.jpg) no-repeat;	
}
ul.menu a.m_faune{
	background:url(../images/faune2.jpg) no-repeat;	
	position:absolute;
	left:260px;
}
ul.menu a:hover.m_faune{
	background:url(../images/faune.jpg) no-repeat;	
}
ul.menu a.m_millieux{
	background:url(../images/aquatiques2.jpg) no-repeat;
	position:absolute;
	left:390px;
}
ul.menu a:hover.m_millieux{
	background:url(../images/aquatiques.jpg) no-repeat;	
}
ul.menu a.m_habitat{
	background:url(../images/bois2.jpg) no-repeat;
	position:absolute;
	left:516px;
}
ul.menu a:hover.m_habitat{
	background:url(../images/bois.jpg) no-repeat;	
}
ul.menu a.m_autre{
	background:url(../images/autres2.jpg) no-repeat;
	position:absolute;
	left:651px;
}
ul.menu a:hover.m_autre{
	background:url(../images/autres.jpg) no-repeat;	
}

ul.menu li div.s_qui{
	background:url(../images/fond_s_qui.gif) no-repeat;	
	height:56px;
	width:260px;
	display:none;
}
ul.menu li:hover div.s_qui{
	display:block;
	position:absolute;
	top:125px;
}


ul.menu li div.s_agricoles{
	background:url(../images/fond_s_agri.gif) no-repeat;	
	height:56px;
	width:390px;
	display:none;
}
ul.menu li:hover div.s_agricoles{
	display:block;
	position:absolute;
	top:125px;
	left:130px;
}

ul.menu li div.s_faune{
	background:url(../images/fond_s_faune.gif) no-repeat;	
	height:56px;
	width:510px;
	display:none;
}
ul.menu li:hover div.s_faune{
	display:block;
	position:absolute;
	top:125px;
	left:261px;
}


ul.menu li div.s_millieux{
	background:url(../images/fond_s_aqua.gif) no-repeat;	
	height:56px;
	width:375px;
	display:none;
}
ul.menu li:hover div.s_millieux{
	display:block;
	position:absolute;
	top:125px;
	left:390px;
}


ul.menu li div.s_habitat{
	background:url(../images/fond_s_bois.gif) no-repeat;	
	height:56px;
	width:390px;
	display:none;
}
ul.menu li:hover div.s_habitat{
	display:block;
	position:absolute;
	top:125px;
	left:260px;
}


ul.menu li div.s_autre{
	background:url(../images/fond_s_autres.gif) no-repeat;	
	height:56px;
	width:511px;
	display:none;
}
ul.menu li:hover div.s_autre{
	display:block;
	position:absolute;
	top:125px;
	left:260px;
}

ul.actu{
	margin:0 10px 0 25px;
	padding:0;
	
	color: #92523A;
}

a.plus{
	font-size:10px;
	text-decoration:none;
	color:#999;
}
a.plus:hover{
	color:#92523A;
}

a.point{
	text-decoration:none;	
}

/*----------page d'accueil--------------*/
div.logo{
	float:left;	
	margin:0 0 0 5px;
	height:700px;
	background:#FFF;
	width:170px;
}
div.banner{
	margin-top:10px;	
}

div.txt_accueil{
	padding:150px 0 0 0;
}

div.txt_accueil table tr td{
	vertical-align:top;
}

div.txt_accueil table tr td.cols{
	width:245px;
	height:160px;
	padding:5px;
	vertical-align:top;
}

div.txt_accueil table tr td.cols ol{
	margin-left:25px;
}

div.action{
	margin: 10px;	
}

div.actualite{
	margin-top:55px;	
	height:430px;
	background:url(../images/rectangle_rouge.gif) no-repeat;
}
/*---------action-------------*/

ul.action{
	list-style-type:none;
	margin:20px 0 5px 40px;
	padding:0;
	height:110px;
	
}
ul.action li{
	float:left;
	margin:0 15px 10px 15px;
	overflow: hidden;
}

ul.action li a img{
	border:solid 3px #FFF;
	opacity: 0.65;
}

ul.action li a:hover img{
	border:solid 3px #999;
	opacity: 1;
}

img.left{
	margin:60px 5px 0 15px;
	float:left;	
	border:0px;
}

img.right{
	padding:0;
	margin:60px 20px 0 5px;
	float:right;
	border:0px;
}




ul.onglet{
	margin:20px 0 0 0;
	padding:0;
	height:19px;
}

ul.onglet li{
	list-style-type:none;
	float:left;
	font-size:12px;
	margin:0 2px 0 0px;
	padding:3px 0 0 0;
	background:url(../images/onglet.gif) no-repeat;
	width:140px;
	height:17px;
}

ul.onglet li.ouvert{	
	background:url(../images/onglet_ouvert.gif) no-repeat;

}

ul.onglet li a{
	text-decoration:none;
	color:#FFF;
	margin:5px 0 0 10px;
}

div.onglet{
	border-top:solid 2px #788071;
	width:750px;
	margin:2px 0 0 0;
}

div.membre{
	background:#c5c8c2;
	margin:3px;
	min-height:120px;
}

div.membre_espace{
	margin:0px 0 0 10px;
}

div.membre img{	
	width:80px;
}

form.form_adhesion label{
	font-size:12px;
	color:#3e4a35;
	margin-left:10px;
}

form.form_adhesion input[type="text"]{
	width:470px;
}

form.form_adhesion input[type="checkbox"]{
	margin-left:5px;
}

form.form_adhesion input[type="text"].autre{
	width:220px;
}

form.form_adhesion input[type="text"].pt{
	width:250px;
}

table.form_adhesion{
	background:#c5c8c2;	
	padding:10px;
}

div.action2{
	border:solid 2px #c5c8c2;
	margin:5px;
	padding:5px;
}
h2.action{
	font-size:14px;
	color: #ADB3B3;
	font-weight:bold;
	margin:0px 0 0 8px;
}
h3.action{
	font-size:13px;
	color: #ADB3B3;
	font-weight:bold;
	margin:0px 0 0px 0px;
}

p.action{
	font-size:11px;
	margin:5px 0 0 0;
}
p.action_lien{
	font-size:11px;
	margin:10px 0 0 0;
	text-align:right;
}

img.action{
	float:left;
	border:solid 2px #c5c8c2;
	margin: 0 10px 0 0;
	width:30px;
	height:30px;
}

