html,body{margin:0;padding:0px 0px 10px 0px;}
body{
	font: 11px verdana, arial, sans-serif;
	text-align:center;
	background-color:#ffffff;
	color:#4c4c4c;
	background-image: url(../i/fd.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

img{border:0}

a{
	color:#ffffff;
	text-decoration:underline;
}
a:hover{
	color:#cfcfcf;
	text-decoration:none;
}

div#header{
	margin:0 auto;
	height:165px;
	width:907px;
	padding:0px 0px 13px 0px;
	background: top no-repeat url(../i/header.jpg);
}

div#footer{
	clear:both;
	height:40px;
	width:907px;
	padding:0px 0px 13px 0px;
	background: 0 8px repeat-x url(../i/fdPts.gif);
	text-align:center;
	color:#00b5dd;

}

div#footer span {
	background-color: #ffffff;
	padding: 0px 5px 0px 5px;
}

div#footer a {
	color:#00b5dd;
	text-decoration: none;	
}
div#footer a:hover {
	text-decoration: underline;	
}




div#container{
text-align:left;
width:950px;
margin:0 auto;
}

div#wrapper{float:left;width:100%}


p{
padding:10;
margin:10px 0px 0px 0px;
}

div#edito{
	float:left;
	background: top no-repeat url(../i/fdEdito.jpg);
	width:386px;
	height: 538px;
	margin:0;
	padding:33px 38px 0px 52px;
	text-align: justify;
}
div#edito h1{
	margin:0;
	padding: 41px 0px 10px 0px;
	font-size:17px;
	text-align: left;
}

.editoT{
height:330px;
overflow:auto;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
}


div#actualites{
	float:left;
	background: top no-repeat url(../i/fdActualites.jpg);
	width:359px;
	height:341px;
	margin:0px 0px 0px 22px;
	padding:32px 43px 0px 44px;
	text-align: justify;
}

div#actualites div#actualitesL{
	margin:0;
	padding:25px 0px 0px 0px;	
}
div#actualites p{
	margin:10px 0px 0px 0px;
	padding:0;
}

.actuDate{
	color:#01b5dd;
	font-size:11px;
}

div#listeCas{
	float:left;
	background: top no-repeat url(../i/fdListe.jpg);
	width:367px;
	height: 454px;
	margin:0;
	padding:32px 38px 0px 109px;
	text-align: justify;
}

#rechercheBloc{
	float:left;
	width:364px;
	margin:0px 0px 0px 28px;
	padding:38px 0px 0px 0px;
}


#datesListe{
	float:left;
	margin:20px 0px 0px 0px;
	padding:0;
	width:138px;
	background-color: #00abc4;
	color:#ffffff;
}
#datesListe h1{
	margin:0;
	padding:9px 5px 0px 5px;
	width:128px;
	height: 24px;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #8cc63f;
}

#datesListe ul{
	width:120px;
	margin:0;
	padding:0px 0px 0px 10px;
	text-align: left;
}
#datesListe ul li{
	list-style-position:inside;
	margin:0;
	padding:7px 0px 7px 0px;
	border-top: 1px dashed #ffffff;
}

 #datesListe ul li:first-child{
	border:none;
}


 #datesListe ul li.on{
	color:#00233f;
	font-weight:normal;
 }

.compListe{
	float:right;	
	margin:20px 0px 0px 0px;
	padding:0;
	width:207px;
	background-color: #00abc4;
	color:#ffffff;	
}

.compListe h1{
	margin:0;
	padding:9px 5px 0px 5px;
	width:197px;
	height: 24px;
	font-size: 10px;
	text-align:left;
	text-transform: uppercase;
	background-color: #8cc63f;
}

.compListe ul{
	width:187px;
	margin:0;
	padding:0px 0px 0px 10px;
	text-align: left;
}

 .compListe ul li{
	list-style-position:inside;
	margin:0;
	padding:7px 0px 7px 0px;
	border-top: 1px dashed #ffffff;
}

 .compListe ul li:first-child{
	border:none;
}


 .compListe ul li.on{
	color:#00233f;
	font-weight:normal;
 }

 .compListe ul li a, #datesListe ul li a{
 	width:100%;
	text-decoration: none;

 }
 .compListe ul li a:hover, #datesListe ul li a:hover {
	color:#00233f;
 }

#listeCas ul{
	width:318px;
	margin:0;
	padding:27px 0px 0px 0px;
	text-align: left;
}

#listeCas ul li{
	list-style-position:inside;
	margin:0;
	padding:0px 0px 7px 0px;
} 

#listeCas ul li a{
	font-size:12px;
 	color:#4c4c4c;
	text-decoration:none;
 }
#listeCas ul li a:hover{
	text-decoration:underline;
 }

.clear{
clear:both;
}

#ficheHeader{
	width:815px;
	margin:0;
	padding:32px 0px 0px 70px;
	background: top left no-repeat url(../i/fdH.gif);
	height:60px;
}


#retour{
	width:250px;
	float:right;
	text-aling:right;
	padding:0px 10px 0px 0px;
}
#retour a{
	color:#000000;
}
#fiche{
	margin:0;
	padding:29px 30px 0px 67px;
	width:778px;
	background: top left repeat-y url(../i/fdM.gif);
	color:#4c4c4c;
	font-size: 12px;
}

#ficheFooter{
	margin:0px 0px 30px 0px;
	padding:0;
	background: top left no-repeat url(../i/fdB.gif);
	height:46px;
}

#fiche h1{
	color:#4c4c4c;
	font-size: 18px;
	text-align:left;
	text-transform: uppercase;
	margin:0;
	padding:0;
}
#fiche h2{
	color:#8cc63f;
	font-size: 14px;
	text-align:left;
	font-style:italic;
	margin:0;
	padding:0;
}

#fiche a{color:#8cc63f;
	text-decoration: underline;
}
#fiche a:hover{color:#8cc63f;
	text-decoration: none;
}
#infos{
	margin:0;
	padding:25px 0px 25px 0px;
}

#fiche .dateN, #fiche .auteurN{
	color:#4c4c4c;
	font-size:11px;
	font-weight: bold;
}
#fiche .dateV, #fiche .auteurV{
	color:#8cc63f;
	font-size:11px;
	font-weight: bold;
}

.fichier{
	clear:both;
	margin:0;
	padding:10px 0px 0px 0px;
}
.fichier a{;
	color:#8cc63f;
	text-decoration: underline;
}
.fichier a:hover{
	color:#004165;
	text-decoration: none;
}
.fichier img{
	float:left;
	margin:0;
	padding:0;
}

.arbo{
	clear:both;
	margin:0;
	padding:20px 0px 30px 0px;
	color:#808080;
}

form{
	margin:0;
	padding:10px 0px 0px 0px;
}

form label{
	margin:0;
	padding:0px 10px 0px 0px;
	width:250px;
	float:left;
	text-align: right;
}

input{
	border: 1px solid #8cc63f;	
	border-bottom: 2px solid #8cc63f;
	width:300px;
}
textarea{
	border: 1px solid #8cc63f;	
	border-bottom: 2px solid #8cc63f;
	width:450px;
}
input.btSubmit{
	color:#ffffff;
	background-color: #004165;
	border-top: 1px solid #008dc5;
	border-left: 1px solid #008dc5;
	border-bottom: 1px solid #002340;
	border-right: 1px solid #002340;
	width:100px;
}

.galerie{
	margin:0;
	padding:15px 0px 0px 0px;
}

.galerie div{
	float:left;
	width:145px;
	margin:0;
	padding:0px 15px 20px 0px;
}
.galerie div img{
	float:left;
	margin:0;
	padding:0;
}

#blocAccueil{
	float:left;
	margin:0;
	padding:110px 0px 0px 85px;
	width:140px;
	height: 33px;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:bold;
}
#blocAccueil a{
	color:#ffffff;
}

#blocSearch{
	float:right;
	margin:14px 0px 0px 0px;
	padding:33px 0px 0px 11px;
	width:167px;
	height: 87px;
	background: top left no-repeat url(../i/fdSearch.gif);
	color:#ffffff;
	text-transform: uppercase;
	font-weight:bold;
}
#fSearch input.iKeyword{
	float:left;
	border:none;
	color:#000000;
	width:118px;
	height:21px;
	margin:0;
	padding: 0px 0px 0px 10px;
}

#fSearch{
	padding:0;
	margin:5px 0px 0px 0px;

}

#fSearch .searchOk{
	float:left;
	color:#00233f;
	background-color: #fff;
	font-weight:bold;
	width:24px;
	height:21px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}
#fSearch .searchOk:hover{
cursor:pointer;
}

#editoPage{
	margin:0;
	padding:0;
	width:780px;
	font-size: 12px;
    text-align:justify;
}

.blocR{
	float:left;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 10px;
	border-right: 1px dashed #000000;
	width:250px;
	height:250px;
}
.blocR h3{
	margin:0;
	padding:0px 0px 0px 0px;
}

.blocR ul li a{
	font-size:12px;
 	color:#4c4c4c;
	text-decoration:none;
 }
.blocR ul li a:hover{
	text-decoration:underline;
 }
 
.pageN{
	float:right;
	margin:0;
	padding:5px 10px 5px 0px;
}
.pageP{
	float:left;
	margin:0;
	padding:5px 0px 5px 10px;
}

.editoPhoto{
	float:left;
	maring:0;
	padding: 0px 5px 5px 0px;
}


div#pub{
	float:left;
	width:402px;
	margin:0px 0px 0px 32px;
	padding:0px 0px 0px 0px;
	text-align: justify;
}
#pub img{
	margin:0;
	padding:2px 2px 2px 2px;
	border: 1px solid #002e3e;
}

.pagination{
	width:300px;
}

.pagination a{
color:#000000;
}
.pagination a:hover{
color:#cfcfcf;
}