body{
	background-color:#282828;
	height:100%;
	padding:0;
	margin:0;
}


html {
	height: 100%;
	margin:0;
	padding:0;
	overflow-x: hidden; 
	overflow-y: auto;
}


a{
	color:#63cfe6;
	font-style:none;
}


a:hover{
	color:#626161;
	font-style:none;
}


.hidden{
	display:none;
}

.fleche{
	color:#7a7a7a;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:12px;
}

.t1{
	color:#c3c3c3;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:14px;
	text-align:left;
}

.t1bis{
	color:#c3c3c3;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:14px;
	text-align:left;
}

.t1ter{
	color:#c3c3c3;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:12px;
	text-align:center;
}

.t2{
	color:#cccccc;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:13px;
	/* background-color:#111111; */
	padding:5px 0px 5px 20px;
	margin-right:30%;
}

.t2ter{
	color:#c61818;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:16px;	
	text-align:center;
}

.titre_contact{
	color:#ffffff;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:34px;
}

.titre_corps_contact{
	color:#cccccc;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:22px;
}

.corps_contact{
	color:#cccccc;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:14px;
}

.titre_corps_contact_adresse{
	color:#c80909;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:22px;
	text-align:center;
}

.corps_contact_adresse{
	color:#ffffff;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:18px;
	text-align:center;
}

.titre_contact_horaire{
	color:#c80909;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:16px;
	text-align:center;
}

.corps_contact_horaire{
	color:#ffffff;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:12px;
	text-align:center;
}

.t3_tableau{
	color:#c3c3c3;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:14px;
	text-align:center;
}


/*///////////////////////////////
			Header
///////////////////////////////*/

#top{
	position:absolute;
	width:252px;
	height:71px;
	top:30px;
	left:50%;
	margin-left:-126px;
	margin-top:0px;
	padding:0;
}

/*///////////////////////////////
			Séparation
///////////////////////////////*/

#trait{
	background:url(images/trait.png) no-repeat center center;
	position:absolute;
	width:791px;
	height:3px;
	left:50%;
	top:148px;
	margin-left:-395px;
	padding:0;
	z-index:110;
}

#trait1{
	background:url(images/trait.png) no-repeat center center;
	position:absolute;
	width:791px;
	height:3px;
	left:50%;
	top:555px;
	margin-left:-395px;
	padding:0;
	z-index:110;
}

#trait2{
	background:url(images/trait.png) no-repeat center center;
	position:absolute;
	width:791px;
	height:3px;
	left:50%;
	top:1310px;
	margin-left:-395px;
	padding:0;
	z-index:110;
}

#trait3{
	background:url(images/trait.png) no-repeat center center;
	position:absolute;
	width:791px;
	height:3px;
	left:50%;
	top:2010px;
	margin-left:-395px;
	padding:0;
	z-index:110;
}

#trait4{
	background:url(images/trait.png) no-repeat center center;
	position:absolute;
	width:791px;
	height:3px;
	left:50%;
	top:2700px;
	margin-left:-395px;
	padding:0;
	z-index:110;
}



/*///////////////////////////////
			Flèche Haut de page
///////////////////////////////*/

#fleche_studio{
	position:relative;
	height:30px;
	width:105px;
	display:block;
	float:right;
	margin:15px;
	top:430px;
	margin-right:60px;
}

#fleche_mariage{
	position:relative;
	height:30px;
	width:105px;
	display:block;
	float:right;
	right:-330px;
	margin:15px;
	top:430px;
}

#fleche_identite{
	position:relative;
	height:30px;
	width:105px;
	display:block;
	float:right;
	right:-310px;
	margin:15px;
	top:430px;
}

#fleche_num{
	position:relative;
	height:30px;
	width:105px;
	display:block;
	float:right;
	right:-345px;
	margin:15px;
	top:425px;
}

#fleche_retouche{
	position:relative;
	height:30px;
	width:105px;
	display:block;
	float:right;
	right:-345px;
	margin:15px;
	top:430px;
}

#fleche_transfert{
	position:relative;
	height:30px;
	width:105px;
	display:block;
	float:right;
	right:-350px;
	margin:15px;
	top:430px;
}

#fleche_contact{
	position:relative;
	height:30px;
	width:105px;
	display:block;
	float:right;
	margin:15px;
	top:830px;
}

#fleche_tarif{
	position:relative;
	height:30px;
	width:105px;
	display:block;
	float:right;
	right:-350px;
	margin:15px;
	top:725px;
}

/*///////////////////////////////
			Jump : ancre
///////////////////////////////*/

#jump1{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:650px;
}

#jump2{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:1350px;
}

#jump3{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:2050px;
}

#jump4{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:2750px;
}

#jump5{
	position:absolute;
	width:10px;
	height:10px;
	left:50%;
	margin-left:-5px;
	padding:0;
	z-index:130;
	top:600px;
}



/*///////////////////////////////
			Nouveau
///////////////////////////////*/




#nouveau{
	position:absolute;
	width:220px;
	margin:0px;
	left:50%;
	top:40px;
	margin-left:-500px;
	padding:0px;
	height:420px;
	z-index:0;
}

#nouveau ul li{
	list-style:none;
	display:block;
	width:220px;
	height:210px;
	float:left;
	padding:0px 5px 0px 5px;
	margin-top:0;
}


#nouveau ul li a{
	height:210px;
	width:220px;
	display:block;
	padding:0px 0px 0px 0px;
	background:url(images/bt_nouveau.png) no-repeat bottom left;
}

#nouveau ul li a:hover{
	background-position:top left;
}

#nouveau ul li a.new{
	background-image:url(images/bt_nouveau.png);
}




#nouveau2{
	position:absolute;
	width:220px;
	margin:0px;
	left:50%;
	top:2800px;
	margin-left:-500px;
	padding:0px;
	height:420px;
	z-index:0;
}

#nouveau2 ul li{
	list-style:none;
	display:block;
	width:220px;
	height:210px;
	float:left;
	padding:0px 5px 0px 5px;
	margin-top:0;
}


#nouveau2 ul li a{
	height:210px;
	width:220px;
	display:block;
	padding:0px 0px 0px 0px;
	background:url(images/bt_nouveau.png) no-repeat bottom left;
}

#nouveau2 ul li a:hover{
	background-position:top left;
}

#nouveau2 ul li a.new{
	background-image:url(images/bt_nouveau.png);
}



/*///////////////////////////////
			Menu
///////////////////////////////*/




#menu{
	position:absolute;
	width:370px;
	margin:0px;
	left:50%;
	top:135px;
	margin-left:-185px;
	padding:0px;
	height:26px;
	z-index:120;
}

#menu ul li{
	list-style:none;
	display:block;
	width:107px;
	height:26px;
	float:left;
	padding:0px 5px 0px 5px;
	margin-top:0;
}

#menu ul li a{
	height:26px;
	width:107px;
	display:block;
	padding:0px 0px 0px 0px;
	background:no-repeat top left;
}

#menu ul li a:hover{
	background-position:bottom left;
}
#menu ul li a.contact{
	background-image:url(images/bt_contact01.png);
}
#menu ul li a.boutique{
	background-image:url(images/bt_boutique01.png);
}
#menu ul li a.photo{
	background-image:url(images/bt_photo01.png);
}




/*///////////////////////////////
			Bandeau
///////////////////////////////*/

#bandeau{
	background:url(images/bandeau_01.png) repeat-x top center;
	position:absolute;
	width:100%;
	top:140px;
	height:425px;
	margin:0;
	padding:0;
	left: 0;
}

#contenu_bandeau{
	position:relative;
	left:50%;
	width:720px;
	height:300px;
	margin-left:-360px;
	margin-top:80px;
	padding:0px
}
#contenu_bandeau_boutique{
	position:relative;
	left:50%;
	width:960px;
	height:300px;
	margin-left:-470px;
	margin-top:80px;
	padding:0px
}

#contenu_bandeau_contact_img{
	position:absolute;
	float:left;
	left:50%;
	width:380px;
	height:260px;
	margin-left:-400px;
	margin-top:80px;
	padding:0px
}

#contenu_bandeau_contact_txt{
	position:absolute;
	float:right;
	right:50%;
	width:380px;
	height:260px;
	margin-right:-400px;
	margin-top:80px;
	padding:0px
}



/*///////////////////////////////
			Galerie Studio
///////////////////////////////*/

#galerie_studio{
	background:#111111 repeat-x center center;
	position:absolute;
	display:block;
	width:150px;
	height:30px;
	top:478px;
	left:50%;
	margin-left:-75px;
	padding:0;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:12px;
	color:#ffffff;
	z-index:200;

	/* Coins arrondis */
	border:1px solid #B0C4DE;    /* IE */
	border-radius: 8px 8px 0 0;
	
	-webkit-border-bottom-left-radius: 8px;    /* Safari et Chrome */
	-webkit-border-bottom-right-radius: 8px;
	
    -moz-border-radius: 0 0 8px 8px;       /* Firefox */
}

.galerie{
	font-style:none;
	padding-top: 6px;
}

.galerie a{
	color:#d84747;
	font-style:none;
	text-decoration:none;
}

.galerie a:hover{
	color:#990808;
	text-decoration:none;
	padding-top:0px;
}


/*///////////////////////////////
			Galerie Mariages
///////////////////////////////*/

#galerie_mariage{
	background:#111111 repeat-x center center;
	position:absolute;
	display:block;
	width:150px;
	height:30px;
	top:477px;
	left:50%;
	margin-left:-75px;
	padding:0;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:12px;
	color:#ffffff;
	z-index:200;
	
	/* Coins arrondis */
	border:1px solid #B0C4DE;    /* IE */
	border-radius: 8px 8px 0 0;
	
	-webkit-border-bottom-left-radius: 8px;    /* Safari et Chrome */
	-webkit-border-bottom-right-radius: 8px;
	
    -moz-border-radius: 0 0 8px 8px;       /* Firefox */
}



/*///////////////////////////////
			Conteneur
///////////////////////////////*/

#conteneur{
	position:absolute;
	left:50%;
	top:600px;
	width:800px;
	height:100%;
	margin-left:-400px;
}

#conteneur_contact{
	position:absolute;
	left:50%;
	top:600px;
	width:800px;
	height:200px;
	margin-left:-400px;
}

#conteneur h1{
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:24px;
	color:#ffffff;
}


/*///////////////////////////////
			Contenu Studio
///////////////////////////////*/

#studio{
	position:absolute;
	background:url(images/fond_studio.png) no-repeat top center;
	background-color:#282828;
	left:50%;
	top:100px;
	width:800px;
	height:508px;
	margin-left:-400px;
}

#studio_textes{
	position:relative;
	height:41px;
	width:320px;
	display:block;
	float:left;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:13px;
	color:#7a7a7a;
	margin:15px;
	top:130px;
	left:50%;
	margin-left:0;
}


#studio_images{
	background:url(images/img_studio.png) no-repeat center center;
	position:relative;
	height:459px;
	width:345px;
	display:block;
	float:left;
	margin:15px;
	left:15px;
}



/*///////////////////////////////
			Contenu Mariages
///////////////////////////////*/

#mariages{
	position:absolute;
	background:url(images/fond_mariage.png) no-repeat center center;
	background-color:#282828;
	left:50%;
	top:800px;
	width:800px;
	height:508px;
	margin-left:-400px;
}

#mariages_textes{
	position:relative;
	height:41px;
	width:300px;
	display:block;
	float:right;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:13px;
	color:#7a7a7a;
	margin:15px;
	top:130px;
	margin-right:60px;
}


#mariages_images{
	background:url(images/img_mariages.png) no-repeat center center;
	position:relative;
	height:459px;
	width:345px;
	display:block;
	float:left;
	margin:15px;
	left:15px;
}


/*///////////////////////////////
			Contenu Identités
///////////////////////////////*/

#identites{
	position:absolute;
	background:url(images/fond_identite.png) no-repeat center center;
	background-color:#282828;
	left:50%;
	top:1500px;
	width:800px;
	height:508px;
	margin-left:-400px;
}

#identites_textes{
	position:relative;
	height:41px;
	width:280px;
	display:block;
	float:right;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:14px;
	color:#ffffff;
	margin:15px;
	top:140px;
	margin-right:60px;
}


#identites_images{
	background:url(images/img_mariages.png) no-repeat center center;
	position:relative;
	height:459px;
	width:345px;
	display:block;
	float:left;
	margin:15px;
	left:15px;
}


/*///////////////////////////////
			Contenu Numerisation
///////////////////////////////*/

#num{
	position:absolute;
	background:url(images/fond_numerisation.png) no-repeat top center;
	background-color:#282828;
	left:50%;
	top:100px;
	width:800px;
	height:508px;
	margin-left:-400px;
}

#num_textes{
	position:relative;
	height:41px;
	width:320px;
	display:block;
	float:right;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:13px;
	color:#7a7a7a;
	margin:15px;
	top:120px;
	margin-right:60px;
}


/*///////////////////////////////
			Contenu retouche
///////////////////////////////*/

#retouche{
	position:absolute;
	background:url(images/fond_retouche.png) no-repeat top center;
	background-color:#282828;
	left:50%;
	top:800px;
	width:800px;
	height:508px;
	margin-left:-400px;
}

#retouche_textes{
	position:relative;
	height:41px;
	width:320px;
	display:block;
	float:right;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:13px;
	color:#7a7a7a;
	margin:15px;
	top:435px;
	margin-right:60px;
}


/*///////////////////////////////
			Contenu transfert
///////////////////////////////*/

#transfert{
	position:absolute;
	background:url(images/fond_transfert.png) no-repeat top center;
	background-color:#282828;
	left:50%;
	top:1500px;
	width:800px;
	height:508px;
	margin-left:-400px;
}

#transfert_textes{
	position:relative;
	height:41px;
	width:320px;
	display:block;
	float:right;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:13px;
	color:#7a7a7a;
	margin:15px;
	top:435px;
	margin-right:60px;
}


/*///////////////////////////////
			Contenu tarif
///////////////////////////////*/

#tarif{
	position:absolute;
	background:url(images/fond_tarif.png) no-repeat top center;
	left:50%;
	top:2200px;
	width:800px;
	height:801px;
	margin-left:-400px;
	z-index:100;
}

#tarif_textes{
	position:relative;
	height:41px;
	width:320px;
	display:block;
	float:right;
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:13px;
	color:#7a7a7a;
	margin:15px;
	top:435px;
	margin-right:60px;
}


#photobookmarker{
	position:absolute;
	height:30px;
	width:300px;
	display:block;
	float:right;
	right:235px;
	margin:0px;
	top:726px;
}




/*///////////////////////////////
		Contenu textes gauche
///////////////////////////////*/

#contenu{
	width:300px;
	height:200px;
	margin-left:50%;
	padding:0;
	font-family:Verdana;
	font-size:12px;
	color:#7a7a7a;
}

#contenu h1{
	font-family:"Bauhaus Light", Verdana, sans-serif, serif;
	font-size:22px;
	color:#7a7a7a;
}



/*///////////////////////////////
		Footer
///////////////////////////////*/


.clearfooter {
	height: 50px;
	clear: both;
}

#footer_index{
	background:url(images/footer.gif) repeat-x top left;
	position:absolute;
	width:100%;
	height:79px;
	border-top:1px solid #e2e1e1;
	left: 0;
	top:2700px;
}

#footer_boutique{
	background:url(images/footer.gif) repeat-x top left;
	position:absolute;
	width:100%;
	height:79px;
	border-top:1px solid #e2e1e1;
	left: 0;
	top:3700px;
}

#footer_contact{
	background:url(images/footer.gif) repeat-x top left;
	position:absolute;
	width:100%;
	height:79px;
	border-top:1px solid #e2e1e1;
	left: 0;
	top:1500px;
}

#social{
	position:absolute;
	left:68%;
	top:50%;
	width:30px;
	height:30px;
	margin-left:0px;
	margin-top:-15px;
	}

#social2{
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	width:397px;
	height:12px;
	margin-left:-198px;
	margin-top:-6px;
}



/*///////////////////////////////
		Contact mail
///////////////////////////////*/

#texte_contact{
	position:absolute;
	float:Left;
	left:50%;
	width:350px;
	height:100px;
	margin-left:-400px;
	margin-top:80px;
	padding:0px;
	font-family:Verdana,"Bauhaus Light",sans-serif,serif;
	font-size:12px;
	color:#7a7a7a;
}


#texte_contact2{
	position:absolute;
	float:Left;
	left:50%;
	width:350px;
	height:100px;
	margin-left:-400px;
	margin-top:500px;
	padding:0px;
	font-family:Verdana,"Bauhaus Light",sans-serif,serif;
	font-size:12px;
	color:#7a7a7a;
}

#mailok{
	font-family:Verdana,"Bauhaus Light",sans-serif,serif;
	font-size:18px;
	color:#ffffff;
	position:absolute;
	left:50%;
	width:500px;
	margin-left:-250px;
	margin-top:100px;
}

#formulaire{
	position:absolute;
	float:left;
	left:50%;
	width:600px;
	height:300px;
	margin-left:-300px;
	margin-top:430px;
	padding:0px;
}

.formulaire_txt{
	font-family:"Bauhaus Light",Verdana,sans-serif,serif;
	font-size:14px;
	color:#7a7a7a;
	text-align:left;
}

.titre_formulaire{
	font-family:"Bauhaus Light",Verdana,sans-serif,serif;
	font-size:24px;
	color:#FFFFFF;
	text-align:left;
}

/*///////////////////////////////
		Google Maps
///////////////////////////////*/

#map{
	position:absolute;
	float:right;
	right:50%;
	width:400px;
	height:300px;
	margin-right:-400px;
	margin-top:30px;
	padding:0px;
	border:3px solid #B0C4DE;
}


#map2{
	position:absolute;
	float:right;
	right:50%;
	width:400px;
	height:300px;
	margin-right:-400px;
	margin-top:450px;
	padding:0px;
	border:3px solid #B0C4DE;
}
