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

#container {
	width:1024px;
	height:660px;
	left:0;
	margin:0 auto;
	position:relative;
	text-align:left;
	top:0;
	visibility:visible;
	z-index:1;
	background-color:#000000;
	;
	/*background-repeat:no-repeat;*/
	}
	
#container_infos{
	width:400px;
	height:300px;
	left:0;
	margin:0 auto;
	margin-top:0;
	margin-left:0;
	position:absolute;
	text-align:left;
	top:0;
	visibility:visible;
	z-index:1;
	background-image:url(site/images/infos/informations.jpg);
	}
	
#container_credits{
	width:400px;
	height:300px;
	left:0;
	margin:0 auto;
	margin-top:0;
	margin-left:0;
	position:absolute;
	text-align:left;
	top:0;
	visibility:visible;
	z-index:1;
	background-image:url(site/images/infos/credits.jpg);
	}
	
#container_infos2{
	width:400px;
	height:300px;
	left:0;
	margin:0 auto;
	margin-top:0;
	margin-left:0;
	position:absolute;
	text-align:left;
	top:0;
	visibility:visible;
	z-index:1;
	background-image:url(site/images/infos/infos2.jpg);
	}
	


	
/*début index*/

#image{
	position:absolute;
	left:50%;
	top:50%;
	width:456px;
	height:206px;
	margin-left:-228px;
	margin-top:-103px;
	z-index:1;
	text-align: center;
	background-image:url(site/images/intro_initial.jpg);
	}   
	
#texte_index{
	position:absolute;
	left:523px;
	top:543px;
	width:436px;
	height:100px;
	margin-left:-228px;
	margin-top:-103px;
	z-index:2;
	text-align: center;
	}   
	
#clique{
	position:absolute;
	left:162px;
	top:176px;
	width:271px;
	height:19px;
	z-index:2;
	}
	
/*fin index*/


/*début header*/
#header {
	position:absolute;
	left:2px;
	top:1px;
	width:1024px;
	height:140px;
	z-index:2;
	/*background-image:url(site/boutons/menu/gabarit.jpg);
	background-repeat:no-repeat;*/
}

#logo{
	position:absolute;
	left:18px;
	top:5px;
	width:174px;
	height:107px;
	z-index:2;
	background-image:url(site/boutons/menu/logo.jpg);
	background-repeat:no-repeat;
}

#menu_bar {
	position:absolute;
	left:213px;
	top:56px;
	width:770px;
	height:59px;
	z-index:2;
	}
/*fin header*/

/*texte interieur + copyright*/

.style_texte{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding-left:5px;
	text-align:justify;
	font-weight:400;
	}
	
.style_texteaccueil{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	/*padding-left:5px;*/
	margin:0px;
	padding:0px;
	text-align:justify;
	font-weight:400;
	}
	
.style_texteindex{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9c1206;
	/*padding-left:5px;*/
	margin:0px;
	padding:0px;
	text-align:justify;
	font-weight:400;
	}
	
.style_texte2{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	/*padding-left:10px;*/
	margin:0px;
	padding:0px;
	text-align:justify;
	font-weight:400;
	line-height:1,5em;
	}
	
.style_texte2bis{
    font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	padding-left:45px;
	text-align:justify;
	font-weight:400;
	line-height:1,5em;
	}
	
.style_textelien{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding-left:2px;
	text-align:justify;
	font-weight:400;
	line-height:1,5em;
	}
	
.style_textelien2{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding-left:2px;
	text-align:justify;
	font-weight: 800;
	line-height:1,5em;
	}
	
.style_texte2bis_bis{
    font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	padding-left:35px;
	text-align:justify;
	font-weight: bolder;
	line-height:1,5em;
	}
	
.style_textejaune{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffd800;
	font-weight:bold;
	/*padding-left:10px;*/
	margin:0px;
	padding:0px;
	text-align: justify;
	font-weight:400;
	}
	
.style_textejaunebis{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffd800;
	font-weight: 700;
	padding-left:7px;
	text-align: center;
	font-weight: bolder;
	}
	
.style_textejaune_motifgoodies{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffd800;
	margin-left:46px;
	padding:0px;
	text-align: justify;
	font-weight: bolder;
	}
	
.style_texteor{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d3b177;
	text-align:justify;
	font-weight:400;
	}
	
/*infos footer*/
#copyright{
	position:absolute;
	top:559px;
	left:120px;
	}
	
#credits{
	position:absolute;
	top:559px;
	left:583px;
	width:350px;
	}
	
#copyright_projets{
	position:absolute;
	top:581px;
	left:120px;
	}
	
#credits_projets{
	position:absolute;
	top:581px;
	left:583px;
	width:350px;
	}
	
#copyright_goodies{
	position:absolute;
	top:475px;
	left:120px;
	}
	
#credits_goodies{
	position:absolute;
	top:475px;
	left:583px;
	width:350px;
	}
	
#copyright_contact{
	position:absolute;
	top:501px;
	left:120px;
	}
	
#credits_contact{
	position:absolute;
	top:501px;
	left:583px;
	width:350px;
	}
/*mise en page pictos*/

#container_galerie{ 
	position:relative;
 	margin-top:0px;
	margin-left:0px;        
	width:644px;	 
    height:130px;	 
	 }
	 
#picto_container{
	position:relative;
	margin-top:40px;
	margin-left:55px;
	width:533px;
	height:50px;
	}
	
/*infos légales...*/
#contenu{
	position:absolute;
	width:300px;
	height:121px;
	margin-top:100px;
	margin-left:100px;
	left: -44px;
	top: 30px;
}

#contenu_credits{
	position:absolute;
	width:350px;
	height:62px;
	margin-top:100px;
	margin-left:100px;
	left: -66px;
	top: 64px;
}

#contenu_infos{
	position:absolute;
	width:350px;
	height:121px;
	margin-top:100px;
	margin-left:100px;
	left: -74px;
	top: 38px;
}

.style_texteinfos{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	/*padding-left:5px;*/
	margin:0px;
	padding:0px;
	text-align:justify;
	font-weight:400;
	line-height:2em;
	}
	
.style_texteinfosbis{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	/*padding-left:5px;*/
	margin:0px;
	padding:0px;
	text-align:justify;
	font-weight:400;
	line-height:1,8em;
	}
	
	#close_popup{
	position:relative;
	right:0px;
	top:280px;
	padding-right:7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:f20904;
	font-weight:bolder;
	text-align:right;
	 }