/***********************************************/
/*				www.abapp.com 				   */
/*		 Copyright(c)2006   www.menlog.com 	   */
/***********************************************/


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#4D7AD9;  
	padding:0px;
	margin: 0px auto;
}


.Sbleu {
	font-size:15px;
	color: #18368B;
	font-weight: bold;
}


h1 {
	font-size:20px;
	color: #18398C;
	padding: 20px 0px 15px 0px;
	margin: 0;
	}

h2 {
	font-size:16px;
	color: #4D7AD9;
	padding: 0px 0px 0px 0px;
	margin: 0;
	}

h3 {
	font-size:18px;
	color: #FFAA3D;
	padding: 0px 0px 0px 0px;
	}



.orange {
	color:#FFAA3D;
	font-weight:bold;
		font-size:18px;
	}


.blanc {
	color:#FFFFFF;
	font-weight:bold;
	}
	
.bleu {
	font-size:17px;
	color:#18398C;
	font-weight:bold;
	}

.bleu2 {
	font-size:15px;
	color:#8AB3FF;
	font-weight:bold;
	}	
	
.bleuPetit {
	color:#4D7AD9;
	font-weight:bold;
	font-size:12px;
	}	


div#pageInfo {
	width: 550px;
	padding: 20px 0px 0px 180px;
	background-color:#8AB3FF;
	}


div#page {
	width: 822px;
	width: 950px;
	padding:0px;
 	margin: auto; 
	background-image:url(images/fdPage.gif);
	background-repeat:repeat-y;
	}
	
.clear { clear: both; margin: 0; }

a img {border: none;}

div#boxTitre { 
	width: 822px;
	height:66px; 
	margin: 0px 0px 0px 0px;
	background-image:url(images/fdTitre.gif);
	background-repeat:no-repeat;
	}
	
#boxTitre .anim{ 
	width: 50px;
	height:29px;
	margin: 0px 0px 0px 740px;
	padding: 35px 0px 0px 0px;
	}	
	
div#boxNav1 { 
	width: 822px;
	height:38px; 
	margin: 0px 0px 0px 0px;
	background-image:url(images/fdNav1.gif);
	background-repeat:no-repeat;
	}	
	
div#boxpad {float:left; padding: 0px 0px 0px 368px; margin: 8px 0px 0px 0px;} 			
#boxpad a, #boxpad  a:visited {
	display:block;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	width:128px;
	color:#FFFFFF;
	letter-spacing:1px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#boxpad  a:hover {
	width:128px;
	text-decoration:underline;
}


div#boxAd {float:right; padding: 0px 82px 0px 0px; margin: 8px 0px 0px 0px; width:82px;}
#boxAd a, #boxAd  a:visited {
	float:right;
	width:82px;
	height:30px;
	background-image:url(images/btAd1.gif);
}

#boxAd  a:hover {
	width:82px;
	height:30px;
	background-image:url(images/btAd2.gif);
}
	
div#boxNav2 { 
	width: 822px;
	height:32px; 
	margin: 0px 0px 0px 0px;
	background-image:url(images/fdNav2.gif);
	background-repeat:no-repeat;
	}
	
/******************mail********************/	
div#boxNav2 .mail{ 
	width: 50px;
	height:32px;
	margin-left:380px;
	}

#boxNav2 .mail a, #boxNav2 .mail a:visited {
	display:block;
	width: 50px;
	height:32px;

}

#boxNav2 .mail a:hover {
	width: 50px;
	height:32px;
}

/******************recherche********************/	
div#boxNav2 .recherche{ 
	float:right;
	width: 340px;
	height:29px;
	margin-top:3px;
	}	

div#boxNav2 .recherche input{
	background-color:#8AB3FF;
	border:1px solid #0D2971;
	color:#18398C;
}

	
div#boxNav3 { 
	width: 822px;
	height:76px; 
	margin: 0px 0px 0px 0px;
	background-image:url(images/fdNav3.gif);
	background-repeat:no-repeat;
	}	
	

div#Nav3 {float:right; padding: 0px 15px 0px 0px; margin: 3px 0px 0px 0px; width:390px; height:31px;}
#Nav3 a, #Nav3  a:visited {
	float:left;
	text-align:center;
	color:#18368B;
	padding-top:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	width:125px;
	height:25px;
	background-image:url(images/fdBtnav3.gif);
	background-position:right;
	background-repeat:no-repeat;
	text-decoration:none;
	
}

#Nav3  a:hover {
	color:#FF6600;

}




div#contenu {
	/*width: 801px;*/
	width: 906px;
	margin: 0px 0px 0px 21px;
}
	

/* cote left*/

div#navigationLeft {

	background-image:url(images/fdNavLeft.gif);
	background-repeat:repeat-y;
	width: 190px;
	margin: 0; 
	border: 0; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	}

#navigationLeft .image{
	width: 190px;
	height:38px;
	background-image:url(images/imgPois.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}

#navigationLeft .logo{
	display:block;
	float:left;
	width: 163px;
	height:151px;
	/*background-color:#D5F0D5;*/
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	margin: 0px 0px 3px 0px;
	}


/*-----------------menu gauche-------------------------------------------*/


#menuCat {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 8px;
	list-style-type:none;
	width:155px;
	}
	
#menuCat li {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	/*letter-spacing:1px;*/
	font-size:13px;
	font-weight:bold;
	}

#menuCat li span{
	display:block;
	float:left;
	width:140px;
	height:21px;
	text-decoration:none;
	color:#C0DBFE;
	background-image:url(images/flOra1.gif);
	background-repeat:no-repeat;
	background-color:#3D5CB8;
	padding:4px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	}

#menuCat li a, #menuCat li a:visited {
	display:block;
	float:left;
	width:140px;
	height:21px;
	color:#C0DBFE;
	text-decoration:none;
	background-color:#3D5CB8;
	background-image:url(images/flVert1.gif);
	background-repeat:no-repeat;
	padding:4px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	}

#menuCat li a:hover {
	background-color:#243F90;
	background-image:url(images/flOra1.gif);
	background-repeat:no-repeat;
 	text-decoration:none;
	color:#FFFFFF;
	padding:4px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	}	

/*---------------fin--menu gauche-------------------------------------------*/

/*-----------------lien info-------------------------------------------*/

#info {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 8px;
	list-style-type:none;
	width:155px;

	}
	
#info li {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	/*letter-spacing:1px;*/
	font-size:14px;
	font-weight:bold;
	}

#info li span{
	display:block;
	float:left;
	width:140px;
	height:21px;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#FB8F03;
	background-repeat:no-repeat;
	background-image:url(images/flOra2.gif);
	padding:4px 0px 0px 15px;
	margin:3px 0px 2px 0px;
	}

#info li a, #info li a:visited {
	display:block;
	float:left;
	width:140px;
	height:21px;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(images/flOra1.gif);
	background-repeat:no-repeat;
	background-color:#FFAA3D;
	padding:4px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	}

#info li a:hover {
	background-color:#FB8F03;
 	text-decoration:none;
	background-image:url(images/flOra2.gif);
	background-repeat:no-repeat;
	color:#FCEC9F;
	padding:4px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	}	
	
/*-----------------fin lien info-------------------------------------------*/	

#txtInfo{
	width: 155px;
	background-color:#FFFFFF;
	margin: 0px 0px 3px 8px;
	}
	
#txtInfo p{
	font-size:12px;
	}	
	
#txtInfo  a, #txtInfo  a:visited {
	display:block;
	font-size:11px;
	float:left;
	width:140px;
	height:21px;
	color:#4B2B01;
	text-decoration:underline;
	background-color:#CFCFCF;
	padding:4px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	}

#txtInfo  a:hover {
 	text-decoration:underline;
	color:#FFFFFF;
	padding:4px 0px 0px 15px;
	margin:0px 0px 2px 0px;
	}	


/*----------------------------principal--------------------------------------*/
/* cote droit */
div#principal {
	font-family: Arial, Helvetica, sans-serif;
	width: 510px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 180px 0px 0px;
	border: 0;
 	float: right;
}

#principal .highlight { 
	border: 1px solid #FFFFFF;
	font-size:14px;
	padding: 15px 15px 15px 20px;
	background: #A4C4FF;
	}

#principal  .highlight a{
	background-position: 0 55%; 
	background-image:url(../images/pdf.gif);
	background-repeat:no-repeat;
	padding-left: 25px;
	text-decoration:underline;
	}	


#principal .highlight a:hover{
	background-position: 0 55%; 
	text-decoration:none;
	}

#principal  .espace{
height:10px;
	}


#principal .bordure { 
	border-top: 2px dotted #95CDCF;
	padding: 0px 0px 0px 0px;

	}
	
#principal .center { 
	margin: 0px 0px 0px 0px;
	text-align:center;
	}	
	
#principal .center a { 
	color: #FEA608;
	font-weight:bold; 
	text-decoration: underline;
	}		
	
#principal .center a:hover { color: #95CDCF; }


#principal   p{
	color:#18368B;
	font: normal 14px Arial, Helvetica, sans-serif;
	/*text-align:justify;*/
	line-height: 15px;
}

#principal   .infoG {
	color:#18368B;
	font: normal 14px Arial, Helvetica, sans-serif;
	line-height: 15px;
}


#principal   ul{
	color:#18368B;
	font: normal 13px Arial, Helvetica, sans-serif;
	font-weight:bold;

}

#principal   p a{
color:#3C6586;
font-weight:bold;
text-decoration: line-through;
}

#principal   p a:hover{
color:#FEA608;
}


#boxAder {
	margin:0px 0px 0px 0px;
	background-image:url(images/fdAder.gif);
	width:500px;
	height:333px;
}

#boxAder p {
	padding:130px 0px 0px 90px;
	width:350px;
	font: normal 14px  Arial, Helvetica, sans-serif;
	color:#18368B;
}

#boxAder .jaune {
	font: bold 13px  Arial, Helvetica, sans-serif;
	color:#FFCC00;
}

/*-----------------adherents-------------------------------------------*/

div#principalAd {
	font-family: Arial, Helvetica, sans-serif;
	width: 713px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	border: 0;
 	float: right;
}

#Ader {
	width:713px;
	background-image:url(images/fdBoxAd.gif);
	background-repeat:repeat-y;
}

#AderHaut {
	width:713px;
	height:77px;
	background-image:url(images/hautBoxAd.gif);
}


#AderContenu {
	width:650px;
	color:#18368B;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 20px;
	}


#ligne{
	width:298px;
	height:38px;
	background-image:url(images/fdLigne.gif);
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 8px 0px 0px 10px;
	background-repeat:no-repeat;
}

#ligne .txt{
 	float: left;
}

#ligne .form{
 	float: right;
	padding: 0px 40px 0px 0px;
}

#AderContenu .separer{
	border-bottom: 2px dotted #D5F0D5;
	padding: 20px 0px 0px 0px;	
}

#AderContenu .tabAd table {
	border:1px solid #FFFFFF;
	padding:0px;
}

#AderContenu .tabAd th {
	background-color:#4D7AD9;
	padding:4px;
	text-align:left;
	color:#FFFFFF;
}

#AderBas {
	width:713px;
	height:29px;
	background-image:url(images/basBoxAd.gif);
}
/* ........................................ chiffres.......................................................... */

a.lienmenu{
	font-family : Arial, geneva, Verdana, sans-serif;
        font-size : 13px; 
        Color : #FFFFFF;
        font-weight : bold;
        line-height : 11px; 
        Text-Decoration : none;}

a.lienmenu:hover{ color:#FFB447; 


} 


a.lienblanc{
	font-family : Arial, geneva, Verdana, sans-serif;
        font-size : 15px; 
        Color : #FFFFFF;
        font-weight : bold;
        Text-Decoration : underline;}

a.lienblanc:hover{ color:#FFB447; 


} 



a.lienbleu{
	font-family : Arial, geneva, Verdana, sans-serif;
        font-size : 13px; 
        Color : #18368B;
        font-weight : bold;
        Text-Decoration : underline;}

a.lienbleu:hover{ color:#FFB447; 


} 






#ContenuChif {
	display:block;
 	float: right;
	width:550px;
	color:#18368B;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 150px 0px 0px;
	}


#ContenuChif .menu{
	display:block;
 	float: left;
	width:496px;
	height:228px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 25px;
	margin:0px;
	background-image:url(images/fdMenuChif.jpg);
	background-repeat:no-repeat;
	}


#ContenuChif .menu p{
	padding: 0px 0px 0px 25px;
}

#ContenuChif .vide{
height:33px;
}

#ContenuChif .menu a{
	color: #FFFFFF;
	font-size:15px;
	font-weight:bold; 
	text-decoration: underline;
	padding: 0px 0px 0px 10px;
	background-image:url(images/flMenuChif.gif);
	background-repeat:no-repeat;
}

#ContenuChif .menu  a:hover { color: #18368B; }




#ContenuChif .tabAd table {
	border:1px solid #FFFFFF;
	padding:0px;
}

#ContenuChif .tabAd th {
	background-color:#4D7AD9;
	padding:4px;
	text-align:left;
	color:#FFFFFF;
}



#ContenuChif .tabAd table {
border:3px solid #3F5FBB;
border-collapse:collapse;
width:550px;

}
#ContenuChif .tabAd thead {

background-color:#8AB3FF;
border:1px solid #6495ed;
}


#ContenuChif .tabAd tfoot {
background-color:#FFEDAD;
border:1px solid #6495ed;
text-align:right;
}

#ContenuChif .tabAd tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}

#ContenuChif .tabAd th {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
border:1px dotted #6495ed;
padding:5px;
background-color:#8AB3FF;
/*width:25%;*/
}

#ContenuChif .tabAd td {
font-family:sans-serif;
font-size:14px;
border:1px solid #FFFFFF;
padding:5px;
}
#ContenuChif .tabAd caption {
font-family:sans-serif;
}



#ContenuChif .light { 
	border: 1px solid #FFFFFF;
	font-size:14px;
	padding: 15px 15px 15px 20px;
	background: #A4C4FF;
	width:400px;
	}

/* ........................................ tableau.......................................................... */


.tabmenu table {
	border:0px;
	padding:0px;
}

.tabmenu th {
	border:1px solid #E08B1E;
	padding:0px;
	background-image:url(images/fdMenu1.gif);
	background-repeat:repeat-x;
	text-align:left;
}
.tabmenu td {
	background-image:url(images/fdMenu2.gif);
	background-repeat:repeat-x;
	border:1px solid #6495ed;
	border-top:0px;
	padding:0px;
	height:27px;

}

.tabmenu a {
  text-decoration:none;
  color:#749DE9;
  font-weight:bold;
  background-image:url(images/flbleu.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:27px;
	padding:0px 0px 0px 13px;
}

.tabmenu a:hover {
  color:#18318C;
}

h5.puces {
  display: list-item;
  list-style-image: url(images/flbleu.gif);
  list-style-position: inside;
}



/*-----------------pied page-------------------------------------------*/	
#boxPied {
width: 605px;
height: 70px;
font: normal 10px  Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#D0E1F1;
margin: 40px 0px 0px 188px;
padding: 0px 0px 0px 0px;
text-align:center;
background-color:#3F5FBB;
background-image:url(images/fdPied.gif);
background-repeat:repeat-x;
}

#boxPied a { text-decoration: underline; color: #90AFC7; font-weight: bold; }
#boxPied a:hover { color: #FFAF03; }



#AderContenu .tabAd table {
border:3px solid #6495ed;
border-collapse:collapse;
width:100%;

}
#AderContenu .tabAd thead {

background-color:#8AB3FF;
border:1px solid #6495ed;
}


#AderContenu .tabAd tfoot {
background-color:#FFEDAD;
border:1px solid #6495ed;
text-align:right;
}

#AderContenu .tabAd tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}

#AderContenu .tabAd th {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
border:1px dotted #6495ed;
padding:5px;
background-color:#8AB3FF;
width:25%;
}
#AderContenu .tabAd td {
font-family:sans-serif;
font-size:14px;
border:1px solid #FFFFFF;
padding:5px;
}
#AderContenu .tabAd caption {
font-family:sans-serif;
}