/* CSS Document */

body {
	background-image: url(images/motif_fond.png);
	background-repeat: repeat;
}
img{border:0px;}

	#conteneur_logo {
	height: 111px;
	width: 186px;
	background-repeat: repeat-x;
	z-index:4;
	background-image: url(images/logosb.png);
	margin-top: 40px;
	margin-left: 160px;
	position: absolute;
	}
	
	#conteneur2 {
	height: 270px;
	width: auto;
	background-repeat: repeat-x;
	z-index:1;
	background-image: url(images/motif_haut.png);
	margin-top: -15px;
	margin-left: -20px;
	margin-right: -20px;
	}
	
/*________________flash_________________________________________________________________________________________________________________*/

	#conteneur1 {
	height: 768px;
	width: 1024px;
	margin-top: -10px;
	margin-left: auto;
	margin-right:auto;
	position: relative;
	background-repeat: no-repeat;
	z-index:3;
	}
/*________________menu__________________________________________________________________________________________________________________*/

	#menu_accueil {
	height: 34px;
	width: 86px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/bouton_accueil.png);
	margin-top: 140px;
	margin-left: 70px;
	position: absolute;
	}
	
	#menu_web {
	height: 34px;
	width: 86px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/bouton_web.png);
	margin-top: 140px;
	margin-left: 165px;
	position: absolute;
	}
	
	#menu_print {
	height: 34px;
	width: 86px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/bouton_print.png);
	margin-top: 140px;
	margin-left: 251px;
	position: absolute;
	}
	
	#menu_identite {
	height: 34px;
	width: 86px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/bouton_identite.png);
	margin-top: 140px;
	margin-left: 346px;
	position: absolute;
	}
	
	#menu_contact {
	height: 34px;
	width: 86px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/bouton_contact.png);
	margin-top: 55px;
	margin-left: 120px;
	position: absolute;
	}
	
	#menu_liens {
	height: 34px;
	width: 86px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/bouton_liens.png);
	margin-top: 55px;
	margin-left: 215px;
	position: absolute;
	}
	
	#barrette {
	height: 34px;
	width: 9px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/barrette.png);
	margin-top: 140px;
	margin-left: 156px;
	position: absolute;
	}
	
		#barrette2 {
	height: 34px;
	width: 9px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/barrette.png);
	margin-top: 140px;
	margin-left: 242px;
	position: absolute;
	}
	
		#barrette3 {
	height: 34px;
	width: 9px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/barrette.png);
	margin-top: 140px;
	margin-left: 337px;
	position: absolute;
	}
	
		#barrette4 {
	height: 34px;
	width: 9px;
	background-repeat: no-repeat;
	z-index: 2;
	background-image: url(images/barrette.png);
	margin-top: 55px;
	margin-left: 213px;
	position: absolute;
	}

/*________________menu_gris_____________________________________________________________________________________________________________*/

#conteneur_menu_gris{
	height: 15px;
	width: 150px;
	margin-top: 20px;
	margin-left: 745px;
	position: absolute;
	z-index: 3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #999999;
}

/*__________________web_________________________________________________________________________________________________________________*/

#conteneur_web {
	height: 422px;
	width: 802px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	}
	
	#conteneur_web_texte {
	height: 22px;
	width: 802px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 20px;
	margin-left: 72px;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #669999;
	}
	
/*______________________________________________________________________________________________________________________________________*/

	#conteneur_centre {
	height: auto ;
	width: 928px;
	background-repeat: repeat-y;
	z-index:2;
	background-image: url(images/centre.png);
	margin-top: -20px;
	margin-left: auto;
	margin-right: auto;
	}

	#centre {
	height: auto ;
	width: 928px;
	background-repeat: repeat-y;
	z-index:2;
	background-image: url(images/centre.png);
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	}
	
	#barre_h {
	height: 178px ;
	width: 928px;
	background-repeat: no-repeat;
	z-index:2;
	background-image: url(images/barre_h.png);
	margin-top: -180px;
	margin-left: auto;
	margin-right: auto;
	}

	#barre_b {
	height: 178px ;
	width: 928px;
	background-repeat: no-repeat;
	z-index:2;
	background-image: url(images/barre_b.png);
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	}

/*______________________________________________________________________________________________________________________________________*/

	#encart_bleu {
	height: 183px ;
	width: 578px;
	background-repeat: no-repeat;
	background-image: url(images/encart_bleu.png);
	margin-top: 15px;
	margin-left: 20px;
	z-index: 0;
	}
	
	#encart_article {
	height: 165px ;
	width: 550px;
	background-repeat: no-repeat;
	z-index:3;
	background-image: url(images/cadre_article.png);
	margin-top: 21px;
	margin-left: 56px;
	}
	
/*____________________rss_______________________________________________________________________________________________________________*/	

	#part_conteneur_centre {
	height: auto ;
	width: 309px;
	background-repeat: repeat-y;
	background-image: url(images/rss_centre.png);
	margin-top: 0px;
	margin-left: 575px;
	position: absolute;
	z-index:5;
	}
	
	#part-rss {
	height: 243px ;
	width: 309px;
	background-repeat: no-repeat;
	background-image: url(images/rss_h.png);
	margin-top: 30px;
	margin-left: 575px;
	position: absolute;
	z-index: 5;
	}
	
	#part-rss_b {
	height: 60px ;
	width: 309px;
	background-repeat: no-repeat;
	background-image: url(images/rss_b.png);
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	z-index: 5;
	}
	
	#part_rss_motif {
	height: 653px ;
	width: 271px;
	background-repeat: no-repeat;
	margin-top: -30px;
	margin-left: 25px;
	z-index: 5;
	}

/*______________________textes__________________________________________________________________________________________________________*/	

	#texte_titre_encart_bleu {
	height: 15px;
	width: 160px;
	margin-top: 15px;
	margin-left: 50px;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #b9ddde;
	font-weight: bold;
	position:absolute;
	}
	
	#texte_encart_bleu {
	height: 90px;
	width: 480px;
	margin-top: 40px;
	margin-left: 50px;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: justify;
	position:absolute;
	}

	#texte_encart_news {
	height: 115px;
	width: 300px;
	margin-top: 40px;
	margin-left: 20px;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	position:absolute;
	}
	
	#texte_news_image1 {
	height: 125px;
	width: 200px;
	margin-top: 30px;
	margin-left: 340px;
	z-index: 4;
	position:absolute;
	background-image: url(images/images%20accueil/news1.png);
	background-repeat: no-repeat;
	}
	
	#texte_news_image2 {
	height: 125px;
	width: 200px;
	margin-top: 30px;
	margin-left: 340px;
	z-index: 4;
	position:absolute;
	background-image: url(images/images%20accueil/news2.png);
	background-repeat: no-repeat;
	}
	
	
	#texte_titre_encart_news {
	height: 15px;
	width: 180px;
	margin-top: 5px;
	margin-left: 20px;
	z-index: 6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #469b94;
	font-weight: normal;
	position:absolute;
	}
	
/*______________________contact_________________________________________________________________________________________________________*/	
	
	#conteneur_contact {
	height: 322px;
	width: 350px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	}
	
	#conteneur_contact_code {
	height: 312px;
	width: 300px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 20px;
	margin-left: -170px;
	position:absolute;
	}
	#conteneur_contact_image {
	height: 440px;
	width: 336px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: -350px;
	margin-left: 330px;
	position:absolute;
	background-image: url(images/img_contact.png);
	}

/*______________________about_________________________________________________________________________________________________________*/


	#about {
	height: 322px;
	width: 350px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	}
	
	#about_texte {
	height: 322px;
	width: 210px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 20px;
	margin-left: -215px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	color: #333333;
	}
	
	#about_image {
	height: 350px;
	width: 362px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 0px;
	margin-left: 0px;
	position:absolute;
	background-image: url(images/image_about.png);
	}
	
	#about_texte2 {
	height: 232px;
	width: 210px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 137px;
	margin-left: 340px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #333333;
	}
	
/*______________________PRINT__________________________________________________________________________________________________________*/

#print {
	height: 148px;
	width: 148px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/sylvain%20blin%20liens.jpg);
	}

/*______________________identité_______________________________________________________________________________________________________*/

	#conteneur_identite_cases {
	height: 164px;
	width: 783px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/site_identite.png);
	}

	#logo1 {
	height: 113px;
	width: 101px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 20px;
	margin-left: 60px;
	position: absolute;
	}
	
	#logo2 {
	height: 154px;
	width: 92px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 35px;
	margin-left: 305px;
	position: absolute;
	}
	
	#logo3 {
	height: 154px;
	width: 92px;
	background-repeat: no-repeat;
	z-index:0;
	margin-top: 35px;
	margin-left: 580px;
	position: absolute;
	}
/*______________________lightbox_______________________________________________________________________________________________________*/

#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-image: url(../images/prevlabel.gif);
	background-repeat: no-repeat;
	background-position: left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
	background-image: url(../images/nextlabel.gif);
	background-repeat: no-repeat;
	background-position: right 15%;
}

#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; }