@import "reset.css";

body{
	background : #433B36 url(../images/body_png.png) repeat-x top left;
	font-family : "Georgia, Arial, Verdana";
	font-size : 12px;
	position :relative;
}

a{
	color: #312b27;
}

a:hover{
	color: #910f62;
}

strong{
	font-weight : bold;
	color : #A5116F;
}

p{
	margin : 10px 0px;
}

small{
	font-size : 0.8em;
}



h1{
	font-size: 1.7em;
	font-weight : bold;
	color : white;
	padding-left: 10px;
	padding : 8px;
}

/* Container */

#container{
	background : url(../images/container.png) no-repeat top center;
	width : 100%;
	padding-top : 21px;
	min-height: 916px;
}

#container_bottom{
	background : url(../images/footer.png) no-repeat top center;
	width : 795px;
margin-left:5px;
	height: 27px;
	margin : 0px auto;
	color : white;
	padding-left: 10px;
}

#sub_container{
	padding-left : 29px;
	padding-right:29px;
	width : 757px;
	margin : 0px auto;
	background : url(../images/repeat_content.png) repeat-y top center;
}

/* Content */

#content{
	background : #ffb3e3 url(../images/content_bg.jpg) repeat-x top left;
	padding: 3px;
}

#sub_content{
	background : white;
	overflow: hidden;
	padding-bottom : 15px;
}

/* Real content */

#real_content{
	background : #3d3531 url(../images/centre_info_top.jpg) no-repeat top left;
	width : 651px;
	margin-left:64px;
	padding-top : 21px;
}

#sub_real_content{
	background : #3d3531 url(../images/centre_info_bottom.jpg) no-repeat bottom left;
	width : 651px;
	padding-bottom : 21px;
	min-height:600px;
}

#sub_real_content #photos{
	position : relative;
}

#sub_real_content #photos p.prev{
	width : 23px;
	float : right;
	/*background : url(../images/prev.jpg) no-repeat bottom left;
	padding-left: 23px;*/
	height : 23px;
	font-size : 20px;
	color : white;
	position : absolute;
	top : 50%;
	z-index : 1000;
	left: 5px;
}

#sub_real_content #photos p.next{
	width : 23px;
	float : right;
	/*background : url(../images/next.jpg) no-repeat bottom right;
	padding-right: 23px;*/
	text-align : right;
	height : 23px;
	font-size : 20px;
	position : absolute;
	top : 50%;
	z-index : 1000;
	right: 3px;
}

#sub_real_content #photos p.next a, #sub_real_content #photos p.prev a{
	color : white;
	text-decoration : none;
}

#sub_real_content #photos ul{
	list-style: none;
	padding-left: 27px;
}

/*  Tarif */

#sub_real_content #tarifs,#sub_real_content #divers{
	background : white;
	margin: 10px;
	padding: 10px;
	-moz-border-radius : 5px;
	border-radius : 5px;
	-webkit-border-radius: 5px;
	margin-top : 0px;
	padding-top : 0px;
	margin-bottom : 0px;
	min-height:600px;
}

#sub_real_content #tarifs h1,#sub_real_content #divers h1,#sub_real_content #divers #client h1{
	color : #3d3531;
}

#sub_real_content #divers #client h1{
	font-size : 1.5em;
	background : url(../images/puce_licurrent.jpg) no-repeat left 7px;
	text-align : left;
	padding-left: 25px;
}

#sub_real_content #divers #client p{
	font-size : 1.2em;
	padding : 15px 0px;
}

#sub_real_content #divers #client p.lien_galerie{
	font-weight : bold;
	text-align : center;
}


#sub_real_content #divers{
	font-size : 1.2em;
}

#sub_real_content #divers li{
	list-style-image : url(../images/puce_lismall.jpg);
	line-height : 1.2em;

}


/* Menu */

#menu ul{
	margin : 0px;
	list-style : none;
	padding-top:10px;
	overflow : hidden;
	height : 40px;
	padding-left:0px;
}

#menu ul li{
	display : block;
	float :left;
	font-weight : bold;
	font-size : 19px;
	margin-right: 8px;
	margin-left: 7px;
}

#menu ul li a{
	background : url(../images/puce_li.jpg) no-repeat top left;
	padding-left: 20px;
	text-decoration : none;
}

#menu ul li a:hover, #menu ul li.current a{
	background : url(../images/puce_licurrent.jpg) no-repeat top left;
	padding-left: 20px;
	color: #910f62;
}

/* Onglet */

#onglet ul{
	list-style : none;
	padding-left:0px;
}

#onglet{
	width : 39px;
	float : left;
	padding-left:25px;
}

#onglet ul li.current a{
	display : block;
	width : 39px;
	height : 134px;
}

#onglet ul li a{
	display : block;
	width : 39px;
	height : 134px;
}

#onglet ul li a span{
	display:none;
}

#onglet ul li#tarifs_Onglet_mariage a{
background : url(../images/onglet_tarif_mariage.jpg) no-repeat top left;
height : 232px;

}

#onglet ul li#tarifs_Onglet_mariage a:hover,#onglet ul li#tarifs_Onglet_mariage.current a{
background : url(../images/onglet_tarif_mariage_current.jpg) no-repeat top left;
}


#onglet ul li#tarifs_Onglet_naissance a{
background : url(../images/onglet_tarif_naissance.jpg) no-repeat top left;
height : 232px;

}

#onglet ul li#tarifs_Onglet_naissance a:hover,#onglet ul li#tarifs_Onglet_naissance.current a{
background : url(../images/onglet_tarif_naissance_current.jpg) no-repeat top left;
}


#onglet ul li#tarifs_Onglet_portrait a{
background : url(../images/onglet_tarif_portrait.jpg) no-repeat top left;
height : 232px;

}

#onglet ul li#tarifs_Onglet_portrait a:hover,#onglet ul li#tarifs_Onglet_portrait.current a{
background : url(../images/onglet_tarif_portrait_current.jpg) no-repeat top left;
}


#onglet ul li#tarifs_Onglet_grossesse a{
background : url(../images/onglet_tarif_grossesse.jpg) no-repeat top left;
height : 232px;

}

#onglet ul li#tarifs_Onglet_grossesse a:hover,#onglet ul li#tarifs_Onglet_grossesse.current a{
background : url(../images/onglet_tarif_grossesse_current.jpg) no-repeat top left;
}


#onglet ul li#tarifs_Onglet_anniversaire a{
background : url(../images/onglet_tarif_anniversaire.jpg) no-repeat top left;
height : 232px;

}

#onglet ul li#tarifs_Onglet_anniversaire a:hover,#onglet ul li#tarifs_Onglet_anniversaire.current a{
background : url(../images/onglet_tarif_anniversaire_current.jpg) no-repeat top left;
}


#onglet ul li#tarifs_Onglet_vie_quotidienne a{
background : url(../images/onglet_tarif_vie_quotidienne.jpg) no-repeat top left;
height : 232px;

}

#onglet ul li#tarifs_Onglet_vie_quotidienne a:hover,#onglet ul li#tarifs_Onglet_vie_quotidienne.current a{
background : url(../images/onglet_tarif_vie_quotidienne_current.jpg) no-repeat top left;
}

#onglet ul li#photos_Onglet a{
background : url(../images/onglet_photo.jpg) no-repeat top left;
}

#onglet ul li#photos_Onglet a:hover,#onglet ul li#photos_Onglet.current a{
background : url(../images/onglet_photo_current.jpg) no-repeat top left;
}

#onglet ul li#divers_Onglet a{
background : url(../images/onglet_divers.jpg) no-repeat top left;
}

#onglet ul li#divers_Onglet a:hover,#onglet ul li#divers_Onglet.current a{
background : url(../images/onglet_divers_current.jpg) no-repeat top left;
}

/* Footer */

#footer ul{
	list-style: none;
	text-align: right;
	height : 5px;
	padding-top : 20px;
	margin-right : 10px;
}

#footer ul li{
	display : inline;
	font-weight:  bold;
	margin : 0px 7px;
}

#footer ul li a{
	color: #910f62;
	text-decoration : none;

}

#footer ul li a:hover{
	color: #312b27;
	text-decoration : underline;
}




.clear {
   clear: both;
}

/* tarifs */

#tarifs{

	font-size : 1.2em;
}

#tarifs ul{
	margin : 20px 0px;
}

#tarifs li{
	margin : 10px 0px;
}

#tarifs table{
	border : 3px solid #B39B90;
	-moz-border-radius : 5px;
	border-radius : 5px;
	-webkit-border-radius: 5px;
	margin : 20px 0px;
}

#tarifs table th{
	color : white;
	background : #B39B90;
	text-align : center;
	font-weight : bold;
	padding: 5px;
}

#tarifs table td{
padding: 5px;
text-align : center;
vertical-align : middle;
}

#tarifs table tr.pair td{
	background : #D2C3BC;
}

#tarifs table tr.impair td{
	background : #E7DEDA;
}

/* Formulaire de contact */

#for_username{
	display : none;
}

form {
}

form label {
	display : block;
	float : left;
	width :200px;
	color : #A5116F;
	font-weight : bold;
}

fieldset{
	border: 3px solid #3D3532;
	-moz-border-radius : 5px;
	border-radius : 5px;
	-webkit-border-radius: 5px;
	width : 420px;
	padding : 5px;
}

legend{
	padding : 0px 10px;
	color : #3D3532;
	font-weight : bold;
}

.contact ul{
	width : 120px;
	float : right;
	list-style : none;
	background : url(../images/puce_lismall.jpg) no-repeat top left;
	margin-left:10px;
	font-size : 1.1em;
}

p.submit{
	text-align : right;
	width : 405px;
}



.contact p.infos{
	background :url(../images/puce_lismall.jpg) no-repeat top left;
	text-indent : 20px;
	width : 450px;
	line-height : 1.2em;
}

.contact p.error{
	color : red;
}


/* Page accueil*/
#sub_real_content  #accueil h1{
	text-align : center;
	font-size : 35px;
	color : #141110;

}

#accueil ul{
	width : 620px;
	padding : 0px 0px;
	overflow : hidden;
	padding-left: 0px;
}

#accueil ul li{

	padding: 50px 7px;
	display : block;
	height : 220px;
	float : left;
	width : 192px;
	padding-bottom : 10px;
}

#accueil ul li span{
	display : none;
}

#accueil ul li.mariage{
	padding-top : 70px;
}

#accueil ul li.mariage a{
	display : block;
	width : 192px;
	height : 193px;
	background : url(../images/accueil/mariage_fusion.jpg) no-repeat 0px 0px;
}

#accueil ul li.mariage a:hover{

	background : url(../images/accueil/mariage_fusion.jpg) no-repeat 0px -193px;
}

#accueil ul li.portrait a{
	display : block;
	width : 192px;
	height : 171px;
	background : url(../images/accueil/portrait_fusion.jpg) no-repeat  0px 0px;
}

#accueil ul li.portrait a:hover{
	background : url(../images/accueil/portrait_fusion.jpg) no-repeat 0px -171px;
}

#accueil ul li.grossesse a{
	display : block;
	width : 192px;
	height : 214px;
	background : url(../images/accueil/grossesse_fusion.jpg) no-repeat  0px 0px;
}

#accueil ul li.grossesse a:hover{
	background : url(../images/accueil/grossesse_fusion.jpg) no-repeat 0px -214px;
}

#accueil ul li.naissance a{
	display : block;
	width : 195px;
	height : 171px;
	background : url(../images/accueil/naissance_fusion.jpg) no-repeat  0px 0px;
}

#accueil ul li.naissance a:hover{
	background : url(../images/accueil/naissance_fusion.jpg) no-repeat 0px -171px;
}

#accueil ul li.vie_quotidienne a{
	display : block;
	width : 199px;
	height : 172px;
	background : url(../images/accueil/vie_quotidienne_fusion.jpg) no-repeat  0px 0px;
}

#accueil ul li.vie_quotidienne a:hover{
	background : url(../images/accueil/vie_quotidienne_fusion.jpg) no-repeat  0px -172px;
}

#accueil ul li.anniversaire{
	padding-top : 80px;
}

#accueil ul li.anniversaire a{
	display : block;
	width : 195px;
	height : 193px;
	background : url(../images/accueil/anniversaire_fusion.jpg) no-repeat  0px 0px;
}

#accueil ul li.anniversaire a:hover{
	background : url(../images/accueil/anniversaire_fusion.jpg) no-repeat  0px -193px;
}

#accueil p.picha-creations {
	margin : 0px;
	padding: 0px;
	text-align : center;
}

#accueil p.picha-creations a{
	display : block;
	width : 300px;
	height : 163px;
	margin-left: 155px;
	background : url(../images/accueil/picha_creations.jpg) no-repeat  0px 0px;
}

#accueil p.picha-creations a:hover{
	background : url(../images/accueil/picha_creations.jpg) no-repeat  0px -163px;
}

#accueil p.picha-creations span{
		display : none;
}



#accueil #divers{
	background :none;
}

#accueil #divers{
	background :none;
}

#accueil #divers #client{
	background : white;
	margin: 10px;
	padding: 10px;
	-moz-border-radius : 5px;
	border-radius : 5px;
	-webkit-border-radius: 5px;
	margin-top : 0px;
	padding-top : 0px;
	margin-bottom : 0px;
	min-height:600px;
}



.mentions_legales ul{
	margin : 10px;
	font-size : 1.2em
}

.mentions_legales h2{
	font-size : 1.3em;
	font-weight : bold;
	margin-top : 50px;
	margin-left:10px;
}



#s3slider{
	width : 600px;
	height : 600px;
	margin-left : 26px;
}

#divers #s3slider {
margin-left : 5px;
	height : 400px;
}

#s3slider li{
		float : left;
		display : block;
		width : 600px;
		height : 600px;
}

.s3sliderImage div.protection_legale{
	width : 600px;
	height : 600px;
	top : 0;
	left: 0;
	position : absolute;
	z-index:  1000;
}

.s3sliderImage{
	position : relative;
}