@charset "utf-8";
/* CSS Document */

body{width: 750px;
	margin-right: auto;	margin-left: auto;
	background-color: #871c0c;
	background-image: url(images/fond.png);
	background-repeat: repeat-y;
	background-position: center;}
	
center{	font-family: arial;
	font-size: 12px;	
	padding-left: 20px;
	padding-right: 20px;}
	
a {text-decoration: none;}
a:hover {text-decoration: none;}
	
img {margin : 1px 1px;}
	
ol{	text-align: justify;}

h1{margin: 15px auto ;
	color: #b41c0c; text-align:center}
	
h2{margin: 15px auto; /*texte centré gras noir 110% */
font: bold 110% Verdana, Arial, Helvetica, sans-serif; 
color: #000; text-align:center;}
.h2 a { color: #000; }
.h2 a:hover { color: #000; }

h3 {margin: 15px auto ; /*texte centré gras brun 110% */
font:bold 110% Verdana, Arial, Helvetica, sans-serif; 
color:#b41c0c; text-align:center;}
.h3 a { color: #b41c0c; }
.h3 a:hover { color: #b41c0c; }

h4 {margin: 15px auto; /*texte centré gras bleu gris 110% */
font:bold 110% Verdana, Arial, Helvetica, sans-serif; 
color:#006699; text-align:center;}
.h4 a { color: #006699; }
.h4 a:hover { color: #6699FF; }


.illustration-gauche {
    overflow: hidden; /* empêche le dépassement des flottants */
    padding-left: 140px; /* Largeur de l'image + gouttière */
}
.illustration-gauche .pic {
    float: left;
    margin-left: -140px;
}

.agendatitreG { overflow: hidden;  padding-left: 205px; padding-top:10px; margin-bottom:10px;     /*texte gras brun à gauche 100% */
font:bold 95% Verdana, Arial, Helvetica, sans-serif;
color: #b41c0c; text-align:left;}
.agendatitreG .pic { float: left; margin-top:-10px; margin-left: -205px; margin-right:10px}
.agendatitreG a { color: #b41c0c; }
.agendatitreG a:hover { color: #b41c0c; }

.agendatitreD { overflow: hidden;  padding-right: 10px;  padding-top:10px; margin-bottom:10px;  /*texte gras brun à gauche 100% */
font:bold 95% Verdana, Arial, Helvetica, sans-serif;
color: #b41c0c; text-align:right; }
.agendatitreD .pic { float: right; margin-top:-10px; margin-left:10px;}
.agendatitreD a { color: #b41c0c; }
.agendatitreD a:hover { color: #b41c0c; }


.articleG { overflow: hidden;  padding-left: 105px; padding-top:10px; margin-bottom:10px;     /*texte gras bleu gris à gauche 100% */
font:bold 95% Verdana, Arial, Helvetica, sans-serif;
color: #006699; text-align:left;}
.articleG .pic { float: left; margin-top:-5px; margin-left: -105px; margin-right:10px}
.articleG a { color: #006699; }
.articleG a:hover { color: #b41c0c; }

.articleD { overflow: hidden;  padding-right: 10px;  padding-top:10px; margin-bottom:10px;  /*texte gras bleu gris à gauche 100% */
font:bold 95% Verdana, Arial, Helvetica, sans-serif;
color: #006699; text-align:right; }
.articleD .pic { float: right; margin-top:-5px; margin-left:10px;}
.articleD a { color: #006699; }
.articleD a:hover { color: #b41c0c; }

.articleG2 { overflow: hidden;  padding-left: 105px; padding-top:10px;      /*texte gras bleu gris à gauche 100% */
font:bold 95% Verdana, Arial, Helvetica, sans-serif;
color: #006699; text-align:left;}
.articleG2 .pic { float: left; margin-top:-10px; margin-left: -105px; margin-right:10px}
.articleG2 a { color: #006699; }
.articleG2 a:hover { color: #b41c0c; }

.articleD2 { overflow: hidden;  padding-right: 10px;  padding-top:10px;  /*texte gras bleu gris à gauche 100% */
font:bold 95% Verdana, Arial, Helvetica, sans-serif;
color: #006699; text-align:right; }
.articleD2 .pic { float: right; margin-top:-20px; margin-left:10px;}
.articleD2 a { color: #006699; }
.articleD2 a:hover { color: #b41c0c; }

.p01{margin:0 50px;/*texte gras justifié noir 90% */
font:100% Verdana, Arial, Helvetica, sans-serif;
color: #000;text-align:justify;}
.p01 .pic { float: left; margin-top:-5px; margin-left: -85px; margin-right:10px}
.p01 .pic2 { float: right; margin-top:-20px; margin-left:10px;}
.p01 a { color: #000; }
.p01 a:hover { color: #985449; }

.p01n{margin:0 50px;/*texte justifié noir 100% */
font:100% Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align:justify;}
.p01n .pic { float: left; margin-top:-5px; margin-left: -55px; margin-right:10px}
.p01n .pic2 { float: right; margin-top:-20px; margin-left:10px;}
.p01n a { color: #b41c0c; }
.p01n a:hover { color: #b41c0c; }

.pc {margin:0 auto;/*texte centré noir 120% */
font: 120% Verdana, Arial, Helvetica, sans-serif;
color: #000;
text-align:center;}
.pc a { color: #000; }
.pc a:hover { color: #985449; }

.p02 {margin:10px 10px;/*texte gras justifié bleu 100% */
font:bold 100% Verdana, Arial, Helvetica, sans-serif;
color: #006699;
text-align:justify;}
.p02 a { color: #006699; }
.p02 a:hover { color: #6699FF; }

.p03{margin:0 20px 0 160px;/*texte justifié noir 80% marge gauche pour ss menu */
font:bold 80% Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align:justify;}
.p03 a { color: #b41c0c; }
.p03 a:hover { color: #b41c0c; }

.p04{margin:0 20px 0 160px;/*texte justifié noir 80% marge gauche pour ss menu */
font:80% Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align:justify;}
.p03 a { color: #b41c0c; }
.p03 a:hover { color: #b41c0c; }

.pcbleu {margin:0 auto;/*texte centré 100% */
font:bold 80% Verdana, Arial, Helvetica, sans-serif;
color: #006699;
text-align:left;}
.pcbleu a { color: #006699; }
.pcbleu a:hover { color: #6699FF; }

.bleugris { color: #006699;}
.bleugrispetit { font-size: 80%; color: #006699;} 
.noirpetit { font-size: 80%; color: #000000;} 
.brun01 { color: #b41c0c;} 
.bleug {font-weight:bold;color: #006699}
.petit {font-size:80%;}
.ital { font-style:italic;}
.gras {font-weight:bold;}

table{	margin: auto;}

#tete{width: 750px;	height: 300px;
	margin-right: auto;	margin-left: auto;
	background-image: url(images/banniere.png);}
	
	#tete ul{font-family: arial;font-size: 11px;list-style: none;}
	#tete li{display: inline;}
	#tete a{text-decoration: none;color: #b41c0c;}

	#connexion{padding-top: 6px;padding-left: 10px;	}
			

	
#menu{width: 750px;	height: 70px;
	margin : 0px 0px;
		background-color: #821d0d;}
		
	#menu ul{	list-style: none;
		padding:10px 0px 0px 0px;margin: 0px;
		text-align: center;}
		
	#menu li{display: inline; margin : 0px 10px;}

#sousmenu{width: 750px;	height: 150px;
	margin : 0px 0px; }
		
	#sousmenu ul{	list-style: none;
		padding:0px;;
		text-align: left;}
		
	#sousmenu li{display: inline;
			padding:2px 2px; text-align: center;}
			

					
#conteneur{margin-right: auto;margin-left: auto;margin-top: 0px;
	width: 750px;height: auto;
	background-color: #FFFFFF;
	background-image: url(images/fondtexte.png);background-repeat: repeat-y;}
	
	#navigation{width: 165px;float: left;padding-top: 40px;}
	
	#navigation ul{list-style: none;text-align: center;padding-left: 0px;}
	
	#navigation li{	padding-top: 5px;padding-bottom: 5px;}

	#contenu{width: 700px;padding-left: 30px;padding-top:10px;}
	
	#contenu pn{padding-left: 20px;padding-right: 20px;
			text-align: justify;
			font-family: arial;font-size: 12px;}
			
		#contenu li{font-family: Arial;font-size:12px;padding-right:20px;}

.imgflottantedroite {float:right;margin-left: 20px;margin-bottom:5px;}
	
.imgflottantegauche{float:left;	margin-right: 20px;	margin-bottom:5px;}

.lien ul{list-style: none;}

#pied{width: 750px;height: 30px;
		margin-right: auto;	margin-left: auto;margin-top: 30px;
		background-image: url(images/barrepied.png);background-repeat: no-repeat;background-position: top;
		background-color: #FFFFFF;	
	padding: 0px;}
	
	#pied p{text-align: center;
	font-family: arial;	font-size: 11px;color: #8e8e8d;
		padding-top: 5px;}
		
	#pied a{color:text-decoration: none;color: #871c0c;	}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }