@charset "utf-8";
/* CSS Document */
BODY{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
	background-color:#FFF;
	background-image:url(../images/bodyBg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
A:link, A:visited{
	color:#004b8d;
	text-decoration:none;
}
A:hover{
	color:#20a6f0;
	text-decoration:underline;
}
FORM{
	margin:0;
	padding:0;
}
#page{
	width:950px;
	margin:auto;
	background-image:url(../images/pageBg.jpg);
	background-repeat:no-repeat;
	min-height:500px;
	background-color:#FFF;
}
#entete{
	width:950px;
	height:120px;
	margin:0;
	padding:0;
}
#logo{
	width:228px;
	height:110px;
	float:left;
}
#slogan{
	width:442px;
	height:22px;
	float:left;
	margin-top:68px;
	text-align:right;
}
.separeteurBleu{
	width:950px;
	height:10px;
	background-color:#1789c8;
	clear:both;
	padding:0;
	margin:0;
	line-height:0px;
}
/*LES OUTILS DE COURTOISIE*/
#outils{
	width:240px;
	height:80px;
	background-image:url(../images/outilsBg.gif);
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 10px;
	padding:20px 10px 10px 10px;
}
#outils .bouton{
	width:80px;
	height:22px;
	float:left;
	font-size:11px;
	line-height:11px;
	margin-top:2px;
}
#outils .bouton IMG{
	border:0;
	margin-right:5px;
	vertical-align:middle;
}
#outils .deuxLignes IMG{
	float:left;
}
/*LA BOITE DE RECHERCHE*/
#recherche{
	width:240px;
	padding:0;
	margin:0;
}
#recherche .boiteRecherche{
	width:204px;
	height:11px;
	font-size:11px;
	line-height:11px;
	color:#585858;
	padding:2px;
	vertical-align:middle;
	border:1px solid #b7d9ed;
}
#recherche .go{
	vertical-align:middle;
	margin-left:5px;
}	

/*LES COLONNES*/
#colonnePrincipale{
	width:800px;
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 10px;
	float:left;
}
#colonneCentre{
	width:530px;
	padding:0;
	margin:0;
	float:left;
}
#colonneDroite{
	width:260px;
	padding:0;
	margin:0px 0px 0px 10px;
	float:left;
}
/*LE FOOTER*/
#footer{
	width:950px;
	clear:both;
	margin:20px 0px 0px 0px;
	font-size:10px;
}
#footer .footerLogo{
	color:#585858;
	font-size:10px;
	line-height:11px;
	float:left;
	vertical-align:middle;
	margin:0px 50px 0px 0px;
	padding:0;
	width:250px;
}
#footer .logoSeul{
	color:#585858;
	font-size:10px;
	line-height:11px;
	float:left;
	vertical-align:middle;
	margin:0px 50px 0px 0px;
	padding:0;
	width:100px;
}
#footer .footerLogo A:link, #footer .footerLogo A:visited{
	color:#585858;
	text-decoration:none;
}
#footer .footerLogo A:hover{
	color:#20a6f0;
	text-decoration:underline;
}
#footer .footerLogo IMG{
	border:0;	
	margin-right:5px;
	float:left;
}
#footer .footerLogo P{
	margin-top:5px;
	height:48px;
}

/* LE CONTENU */
H1{
	font-size:24px;
	font-weight:normal;
	color:#5fb2df;
	padding:0;
	margin:0;
	line-height:20px;
}
/* FIL D'ARIANE */
#filAriane{
	font-size:11px;
	color:#585858;
	margin-top:10px;
}
#filAriane .courant{
	color:#20a6f0;
	font-weight:bold;
}
/* LA COLONNE DE DROITE */
.photo{
	margin-bottom:10px;	
}

.photo .legende{
	color:#585858;
	font-size:10px;
	width:240px;
	background-image:url(../images/legendeBg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:10px;
}

.photo .legende P{
	margin:0px 0px 3px 0px;	
}
#documentsTop{
	width:260px;
	height:10px;
	background-image:url(../images/documentsTopBg.jpg);
	background-repeat:no-repeat;
}
#documents{
	width:240px;
	padding:0px 10px 10px 10px;
	background-image:url(../images/documentsBottomBg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:110px;
}
#documents .titre{
	color:#585858;
	font-size:10px;
	text-transform:uppercase;
}
#documents UL{
	font-size:11px;
	margin:5px 0px 0px 0px;
	padding:0;
}
#documents LI{
	list-style:none;
	padding:0px 0px 5px 20px;
	background-repeat:no-repeat;
}
#documents .video{
	background-image:url(../images/icone_video.png);
}
#documents .audio{
	background-image:url(../images/icone_audio.png);
}
#documents .diapo{
	background-image:url(../images/icone_photo.png);
}
#documents .doc{
	background-image:url(../images/icone_document.png);
}

#accueilNouvelles{
	width:780px;
	padding:10px 10px 0px 10px;
	background-image:url(../images/accueilNouvellesTopBg.gif);
	background-repeat:no-repeat;
	margin-top:20px;
}
#accueilNouvelles H2{
	color:#004b8d;
	font-size:14px;
	line-height:14px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
}
.accueilNouvellesItem{
	border-top:2px dotted #d8d8d8;
	padding:5px 0px 5px 0px;
}
.accueilNouvellesItem:first-child{
	border-top:0px;
	padding:0px 0px 5px 0px;
}
#accueilNouvelles A:link, #accueilNouvelles A:visited{
	color:#004b8d;
	text-decoration:none;
}

#accueilNouvelles A:hover{
	color:#20a6f0;
	text-decoration:underline;
}
#accueilNouvelles P{
	color:#585858;
	font-size:11px;
	line-height:12px;
	margin:5px 0px 0px 0px;
}

#avertissement{
	width:710px;
	min-height:52px;
	padding:10px 10px 0px 80px;
	background-image:url(../images/avertissementTopBg.gif);
	background-repeat:no-repeat;
	color:#FFF;
}
#avertissement H2{
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
	margin:0px 0px 5px 0px;
}
#avertissement P{
	color:#FFF;
	font-weight:bold;
	line-height:13px;
	margin:5px 0px 0px 0px;
}
.mediasColomne{
	width:250px;
	float:left;
	padding:0;
	margin:0px 0px 0px 0px;
}

.mediasEntete{
	height:74px;
	background-repeat:no-repeat;
	font-size:18px;
	line-height:18px;
	color:#004b8d;
	padding-top:20px;
}
.enteteVideo{
	background-image:url(../images/mediasEnteteVideo.gif);	
	padding-left:88px;
}
.enteteAudio{
	background-image:url(../images/mediasEnteteAudio.gif);	
	padding-left:72px;
}
.enteteDiapo{
	background-image:url(../images/mediasEnteteDiapo.gif);	
	padding-left:78px;
}
.mediasScrollContainer{
	background-color:#FFF;
	height:550px;
	width:238px;
	padding:5px;
	border-left:1px solid #b9daef;
	border-right:1px solid #b9daef;
}

.mediasScroll{
	width:230px;
	padding:0;
	height:550px;
	overflow-y:scroll;
	font-size:11px;
	line-height:12px;
}

.mediasScroll UL{
	margin:0;
	padding:0px 0px 0px 20px;
}
.mediasScroll UL LI{
	padding:0px 0px 5px 0px;
}

.listeNouvelles{
	margin:0px 0px 0px 20px;
	padding:10px 0px 0px 0px;	
	border-bottom:2px dotted #dcdcdc;
}
.listeNouvelles H2{
	font-weight:normal;	
	font-size:18px;
	line-height:18px;
	margin:5px 0px;
}
.nouvellesDetails{
	font-size:10px;
	text-transform:uppercase;
	color:#a5a5a5;
}
.nouvellesDetails A:link, .nouvellesDetails A:visited{
	color:#656565;	
}
.listeNouvelles P{
	font-size:11px;
	line-height:15px;
	margin:0px 0px 5px 0px;
	text-align:justify;
	color:#656565;
}

.resultatRecherche{
	margin:0px 0px 0px 20px;
	padding:10px 0px 0px 0px;	
	border-bottom:2px dotted #dcdcdc;
}
.resultatRecherche H2{
	font-weight:normal;	
	font-size:18px;
	line-height:18px;
	margin:5px 0px;
}
.resultatDetails{
	font-size:10px;
	color:#a5a5a5;
}

.resultatRecherche P{
	font-size:11px;
	line-height:15px;
	margin:0px 0px 5px 0px;
	text-align:justify;
	color:#656565;
}
.highlight{
	color:#000;	
}
.categories{
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 40px;
}
.categories LI{
	text-transform:uppercase;
	padding:0px 0px 5px 0px;
	list-style:url(../images/puce.gif);
	font-size:11px;
}

#pagination{
	margin:20px 0px 0px 0px;
	padding:0;
}
#pagination .paginationChiffre{
	float:left;
	width:17px;
	color:#FFF;
	font-size:11px;
	line-height:11px;
	background-image:url(../images/paginationChiffre.jpg);
	background-repeat:no-repeat;
	padding:3px 0px 3px 0px;
	text-align:center;
	margin-right:5px;
}
#pagination .paginationChiffre:hover{
	background-position:bottom;	
}
#pagination .on{
	background-position:bottom;	
}
#pagination .paginationChiffre A:link, #pagination .paginationChiffre A:visited{
	color:#FFF;	
}
#pagination .paginationChiffre A:hover{
	color:#FFF;
	text-decoration:underline;
}
#pagination .paginationSuivant{
	float:left;
	width:17px;
	color:#FFF;
	font-size:11px;
	line-height:11px;
	background-image:url(../images/paginationSuivant.jpg);
	background-repeat:no-repeat;
	padding:3px 0px 3px 0px;
	text-align:center;
	margin-right:5px;
}
#pagination .paginationSuivant:hover{
	background-position:left center;		
}
#pagination .paginationPrecedent{
	float:left;
	width:17px;
	color:#FFF;
	font-size:11px;
	line-height:11px;
	background-image:url(../images/paginationPrecedent.jpg);
	background-repeat:no-repeat;
	padding:3px 0px 3px 0px;
	text-align:center;
}
#pagination .paginationPrecedent:hover{
	background-position:left center;		
}
#pagination .off{
	background-position:left bottom;	
}
#pagination .off:hover{
	background-position:left bottom!important;
}

#rechercheAvancee{
	font-size:11px;
	margin-top:10px;
}
#rechercheAvancee .textfield{
	height:11px;
	font-size:11px;
	line-height:11px;
	color:#585858;
	padding:2px;
	vertical-align:middle;
	border:1px solid #b7d9ed;
}
#rechercheAvancee .go{
	vertical-align:middle;
	margin-left:5px;
	float:right
}	
OL{
margin:10px 10px 10px 40px;
}
OL LI{
margin:2px 0px 2px 0px;
}