@import "reset.css";

body{
	background : #210D17;	
	font-family : Verdana,Arial;
	font-size: 13px;
	line-height : 1.4em;
}

p{
	
}

strong{

font-weight: bold;

}

a {
	color: #95124B;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color:#447B68;
	text-decoration: underline;
}

#sub_body{
background : #210D17 url(img/container-trans.jpg) no-repeat center top;	
	
}


#container{
	width : 1000px;
	margin : 0px auto; 
	min-height : 458px;
	margin-top : 0px;
	position : relative;
	padding-bottom : 5px;
}


#footer{
	background :url(img/footer_bg2-trans.png) no-repeat center top;
	

}

#header{
	background :url(img/bg_header-trans.png) no-repeat center top;
}
#header a img{
	border : none;
}



#logo{
	width : 1000px;
	margin : 0px auto; 
	text-align : center;
}

#menu{
	background :url(img/bg_menu-trans.png) no-repeat center top;
	height : 24px;
	padding-top : 4px;
}

#menu ul, #footer ul{
	width : 1000px;
	margin : 0px auto; 
	overflow : hidden;
}

#menu ul li, #footer ul li{
	display : block;
	float : left;
	width : 100px;
	text-align : center;
}

#footer .sub_footer{
	width : 1000px;
	margin : 0px auto;
	height : 171px;
	background :url(img/deco_footer-trans.png) no-repeat left top;
}

#footer ul{
	padding-top : 10px;
	text-align : center;
	margin : 0px auto;
}

#footer ul li{
	width : auto;
	color : white;
	margin-left: 5px;
}

#footer ul.links_footer{
	margin-left: 30px;
}

#footer ul.creative_footer{
	margin-left: 260px;
	font-size : 0.7em;
}

#menu ul li.current a{
	color : #a3de3d;
	background :url(img/fond_menu_a-trans.png) no-repeat center top;
}	
	

#menu  a , #footer a{
	color : white;
	font-weight : bold;
}

#menu  ul li a {
	display : block;
	width : 100px;
	height : 22px;
	padding-top : 2px;
	text-decoration : none;
}

#menu ul li.small, #menu ul li.small a{
	width : 60px;
	
}

#menu ul li.small.current a, #menu li.small  a:hover{
	background :url(img/fond_menu_a_small-trans.png) no-repeat center top;
	
}
#menu ul li.big, #menu ul li.big a{
	width : 130px;


}

#menu ul li.big{
	margin-left:7px;
}


#menu ul li.big.current a, #menu li.big  a:hover{
	background :url(img/fond_menu_a_big-trans.png) no-repeat center top;
	
}


#menu  a:hover{
	background :url(img/fond_menu_a-trans.png) no-repeat center top;
	color : #a3de3d;
}


#three_bloc{
	overflow : hidden;
	margin-top : 7px;
	background : white url(img/bg_presentation-trans.png) no-repeat left top;
	
}

#three_bloc #resume{
	padding : 10px;
	height : 158px;
	float : left;
	width : 220px;
	padding-left : 65px;
	padding-right : 30px;
	padding-top : 5px;
	position : relative;
}

#three_bloc #resume div{
	font-size : 11px;
	margin-left: 10px;
}

#three_bloc  h2{
	background : url(img/border_present-trans.png) repeat-x left bottom;
	margin-top: 10px;
	font-size : 1.2em;
	padding-bottom : 5px;
	font-weight : bold;
	color : #95124b;
	margin-bottom : 5px;
}

#three_bloc #blog h2{
	background : none;
	border-bottom : 1px solid #d7d7d7;
	padding-bottom : 2px;
}

#three_bloc  .suite{
	border-bottom : 1px solid #ae4a75;
	text-align : right;
	margin-top : 5px;
	clear : left;
	position : absolute;
	bottom : 8px;
	right : 30px;
	width : 100%;
}

#three_bloc  #resume .suite{
	width : 220px;
	padding-bottom : 3px;
}

#three_bloc  #blog .suite{
	width : 475px;
	padding-bottom : 3px;
}

#three_bloc  .suite a{
	text-decoration : none;
	color : #ae4a75;
	
}

#three_bloc #blog{
	background :url(img/bg_billet_blog-trans.png) no-repeat left top;
	height : 158px;
	float : left;
	width : 475px;
	padding : 5px 25px;
	padding-bottom : 10px;
	position : relative;
}

#three_bloc #blog h2 a{
	color : #2f4341;
	text-decoration : none;
}

#three_bloc #blog div img{
	float : left;
	margin-right : 5px;
	margin-bottom : 5px;
}


#three_bloc #contact_bloc{
	background :url(img/bg_encard-trans.png) no-repeat left top;
	width : 168px;
	height : 135px;
	position : absolute;
	right : -8px;
	top : 342px;
	z-index: 500;
	padding : 15px 5px ;
}

#three_bloc #contact_bloc h2{
	color : white;
	border : none;
	background :none;
	text-align :center;
}

#three_bloc #contact_bloc ul{
	color : white;
	margin : 15px 0px;
	list-style : none;
	font-size : 0.9em;
	padding : 0px;
	line-height: 1.2em;
}

#three_bloc #contact_bloc ul li{
	text-align :center;
}

#three_bloc #contact_bloc ul li.contact_email{
	font-size : 10px;
	
}

#three_bloc #contact_bloc ul.tel{
	color : #8fc627;
}

#three_bloc #contact_bloc ul.tel li.tel_mobile{
	color : #cdfd4d;
	font-weight : bold;
}

 #tarifs{
	background : white url(img/bg_fond_tarif.jpg) no-repeat left bottom;
	margin-top : 8px;
	padding: 10px;
	padding-bottom : 0px;
	overflow : hidden;
	min-height : 450px;
 }
  #tarifs.pageInt {
	padding-left : 30px;
	padding-bottom : 100px;
  }
  
  #apropos #tarifs{
	background : none;
  }
  
  #apropos #tarifs.pageInt{
	padding-left : 0px;
	padding-left : 10px;
  }
   #apropos #tarifs.pageInt h2{
	width : auto;
	padding : 0px;
	margin-top : 0px;
   }
  
 #tarifs.pageInt h2{
	color : #95124B;
	background:url(img/bordure_ssmenuCurr-trans.png) repeat-x scroll 0 bottom transparent;
	height:19px;
	padding-top:16px;
	width : 50%;
 }
 
  #tarifs.pageInt  h1{
	color:#447B68;
	font-size:1.2em;
	margin : 20px 0px;
 }
  #tarifs .menuPartPage{
	width : 160px;
	float : left;
	overflow : hidden;
	padding-top : 20px;
	list-style: none;
	margin-left:0px;
	padding-left : 5px;
  }
  
  #tarifs .menuPartPage li{
	background :  url(img/bordure_ssmenu-trans.png) repeat-x 0px bottom;
	height : 17px;
	padding-top : 18px;
	width : 160px;
	
  }
  
  #tarifs .menuPartPage li.current{
	background :  url(img/bordure_ssmenuCurr-trans.png) repeat-x 0px bottom;
	height : 19px;
	padding-top : 16px;
  }
  
   #tarifs .menuPartPage li a{
	color : black;
	text-decoration : none;
   }
    #tarifs .menuPartPage li.current a{
	color : #95124b;
	font-weight : bold;
   }
   
   
  
  #tarifs .partPage{
	width : 800px;
	overflow : hidden;
	display : none;
	padding-top : 10px;
	margin-left:175px;
  }
  
  #tarifs .partPage#disponibilite,#tarifs .partPage#photos {
	display : block;
  }
  
 
 #tarifs h2, #tarifs h1, #tarifs table th{
	font-weight : bold;
 }
 
  #tarifs table,  #tarifs h2,  #tarifs ul,  #tarifs p{
	margin : 10px 0px;
  }
  
    #tarifs table td,#tarifs table th{
		padding : 5px;
	}
	
	.dispo{
		border : 1px solid black;
		background : white;
	}
	
	.reponse{
		background : #fdeef5;
	}
	
	.attente_resa{
		background : #fd9ec7;
	}
	
	.reservee{
		background : #b52d68;
		color : white;
	}
	
	.legend_bloc div.explain{
		clear : left;
		width : 160px;
		font-size : 0.8em;
	}
	
	.legend_bloc {
		float : left;
		width : 170px;
		overflow : hidden;
		margin : 20px 5px;
	}
	
	.legend_bloc div{
		float : left;
	}
	
	.legend_bloc div.colors{
		width : 25px;
		margin-right : 5px;
		margin-bottom : 5px;
		height : 25px;
		border : 1px solid #741d43;
	}
	
	.legend_bloc div.means_colors{
		width : 135px;
	}
	
	table caption{
		text-align : center;
		font-weight : bold;
	}
	
	.listCalendar{
		margin-left: 25px;
	}
	
	div.legende{
		overflow : hidden;
		background : url(img/fond_legende-trans.png) no-repeat top center;
		padding-top : 10px;
		padding-left : 50px;
	}
	
	td.colors{
		width : 20px;
	}
	
	#tarifs .DispoCarousel{
		list-style : none;
	}
		
	#container #content #tarifs .listCalendar .DispoCarousel li{
		width : 750px;
		height : 420px;
		list-style : none;
	}
	
	#tarifs_info h1, #disponibilite h1{
		color : #447B68;
		font-size : 1.2em;
		text-align : center;
	}
	
	#tarifs_info  h2{
		background:url("img/bordure_ssmenuCurr-trans.png") repeat-x scroll 0 bottom transparent;
		padding-top:16px;	
		color : #95124B;
		font-size : 1.1em;
		padding-bottom : 4px;
	}
	
	.bloc_moment{
		overflow : hidden;
	}
	
	.bloc_moment img{
		float :right;
		margin-left: 20px;
		margin-bottom : 10px;
	}
	
	
	#disponibilite h1{
		margin-bottom : 15px;
	}
	
	#tarifs .prevDispo, #tarifs .nextDispo{
		position : absolute;
		top : 100px;
		cursor: pointer;
		z-index : 100;
	}
	
	#tarifs .prevDispo{
		left: 0px;
	}
	
	#tarifs .nextDispo{
		right: 28px;
	}
	
	#tarifs .subDispoCarousel{
		position : relative;
		padding-left: 20px;
		width : 780px;
		height : 430px;
	}

	
	#tarifs  table.calendar {
		float : left;
		height : 165px;
		background : white;
		width : 212px;
		border-collapse : collapse;
		margin : 0px 15px;
		margin-bottom : 30px;
	}
	
	#tarifs  table.calendar caption{
		background : white url(img/entete_header_table-trans.png) no-repeat top left;
		height : 24px;	
		text-align : center;
		vertical-align : middle;
		color : #95124b;
		margin : 0px;
		padding: 0px;
		padding-top : 5px;
	}
	
	#tarifs table.calendar td,#tarifs  table.calendar th{
		padding : 0px;
		margin : 0px;
		text-align : center;
		vertical-align : middle;
		border-collapse : collapse;
		border : none;
		
	}
	
	
	
	#tarifs  table.calendar th{
		height : 33px;
		width : 30px;
		color: #297a56;
		padding : 0px;
		font-weight : normal;
		background : #f6ffe8 url(img/fond_th_calend-trans.png) no-repeat top left;

	}
	
	#tarifs table.calendar tr td{
		border-bottom : 1px #cbf086 solid;
	}
	
	#tarifs .plus_infos_tarifs{
		float : right;
		background : url(img/fond_barre_plus_info.jpg) no-repeat bottom left;
		width : 212px;
		padding : 20px 15px;
		height : 410px;
		padding-bottom : 0px;
		
	}
	
	#tarifs .plus_infos_tarifs p{
		font-size : 11px;
	}
	
	#tarifs .plus_infos_tarifs strong,#tarifs .plus_infos_tarifs a{
		color: #95124b;
	}
	
	#tarifs .plus_infos_tarifs h2{
		color: #447B68;
		border-bottom : 1px solid #447B68;
		font-weight : normal;
		width : 199px;
	}
	
	
	#tarifs table.tableau_tarif .impair{
		background : #f6f1f3;
	}
	
	#tarifs table.tableau_tarif{
		border-collapse : collapse;
		width : 550px;
		font-size : 0.9em;
	}
	
	#tarifs table.tableau_tarif tr td{
		border-top : 1px #cbf086 solid;
		text-align : center;
		vertical-align : middle;
		height : 50px;
		padding : 5px 1px;
		font-size: 11px;
	}
	
	#tarifs table.tableau_tarif tr  th{
		color : #95124b;
		text-align : center;
		vertical-align : middle;
		background : url(img/titre_long_tiret_vert-trans.png) no-repeat bottom left;
		padding : 10px 1px;
	}
	
	#tarifs table.tableau_tarif tr  th.impair{
		background : #f6f1f3 url(img/titre_long_tiret_vert-trans.png) no-repeat bottom left;
	}
	
	.liste_albums ul li{
		display : block;
		float : left;
		height : 30px;
		min-width : 140px;
		margin : 5px 20px;
		text-align : center;
		padding-top : 7px;
		background : url(img/fond_li_album_demo-trans.png) repeat-x bottom left;
	}
	
	.liste_albums ul li.current{
		height : 52px;
		background : url(img/fond_li_current_album_demo-trans.png) repeat-x bottom left;
	}
	
	.liste_albums ul li a{
		color : #aa396a;
		text-decoration : none;
	}
	
	.liste_albums ul li.current a{
		color : white;
		font-weight: bold;
	}
	
	
	
	/************** Faire part de mariage ********************/
	
	.img_illus {
		border-top : 1px solid #d7d7d7;
		border-bottom : 1px solid #ae4a75;
		padding : 3px 0px;
		width : 677px;
		margin : 0px auto;
		height : 280px;
		overflow : hidden;
		position : relative;
	}
	
	.img_illus ul{
		list-style : none;
	}
	
	.img_illus li{
		position : absolute;
		top : 8px;
		left: 0px;
	}
	
	#faire_part{
		position : relative;
	}
	
	.contact_milene{
		position : absolute;
		top : 250px;
		right : 20px;
		z-index : 100;
	}
	
	.presentation_faire_part_mariage {
		width : 400px;
		margin-left: 70px;
		margin-top : 15px;
	}
	
	.presentation_faire_part_mariage strong{
		color : #ab396b;
		
	}
	
	/************ Contact *********************/
	
	#contact label{
		float : left;
		width : 165px;
		display : block;
		color : #5a9e81;
		background : url(img/puce_verte-trans.png) no-repeat left 3px;
		padding-left: 15px;
	}
	
	#contact .infos_contact li{		
	
		display : block;
		color : #aa416f;
		background : url(img/puce_verte-trans.png) no-repeat left 3px;
		padding-left: 20px;
		margin : 7px 0px;
		
	}
	
	#contact .infos_contact li.aurore {
		color : #5a9e81;
		font-weight : bold;
		padding-left: 0px;
		background : none;
	}
	
	#contact input, #contact select, #contact textarea{
		float : left;
	}
	
	#contact p{
		overflow : hidden;
	}
	
	#contact .infos_contact{
		float : right;
		width : 268px;
		height : 190px;
		padding : 30px;
		background : url(img/contact_panel-trans.png) no-repeat top left;
		margin-right: 10px;
		margin-top : 80px;
		padding-top :15px;
	}
	
	#contact .infos_contact .infos{
		font-size : 0.8em;
		text-align : justify;
		line-height : 1.2em;
		margin : 15px 0px;
	}
	
	#contact #for_username{
		display : none;
	}
	
	#tarifs .submit{
		
		text-align : center;		
		margin-left: 180px;
	}
	
	#contact .submit input{
		color : white;
		font-weight : bold;
		border : none;
		cursor : pointer;
		padding-bottom : 26px;
		width : 140px;
		float :none;
		height : 53px;
		background : url(img/fond_li_current_album_demo-trans.png) no-repeat top left;
	}
	
	#contact form{
		width  : 450px;
	}
	
	/************ Livrables ********************/
	
	#livrables{
		padding-bottom : 50px;
	}
	
	#livrables li{
		background : url(img/fond_li_album_demo-trans.png) repeat-x bottom left;
		display : block;
		margin : 10px 0px;
		height : 30px;
		padding-top : 20px;
		text-align : center;
	}
	
	#livrables li.current{
		background : url(img/bouton_menu_livrable-trans.png) no-repeat center top;
		display : block;
		height : 40px;
		padding-top : 10px;
	}
	
	#livrables .livrable_div li{
		background : none;
		height : auto;
		text-align : left;
		margin : 2px 0px;
		padding-top : 0px;
		color : #AA416F;
		background : url(img/puce_verte-trans.png) no-repeat left 4px;
		padding-left:15px;
	}
	
	#livrables .livrable_div  h3{
		color : #5A9E81;
		border-bottom : 1px solid #5A9E81;
		font-weight : bold;
		width : 450px;
		margin-bottom : 15px;
	}
	
	#livrables .livrable_div ul{
		margin : 0px;
		height : auto;
		width : auto;
		float : none;
		width : 430px;
	}
	
	#livrables .livrable_div  p{
		width : 450px;
	}
	
	#livrables ul{
		float : right;
		width : 190px;
		margin : 10px 30px;		
		height: 350px;
	}
	
	#livrables li a{
		color: #aa396a;
		font-weight : bold;
		text-decoration : none;
	}
	
	#livrables li.current a{
		color : white;
	}
	
	#livrables .livrable_div p{
		padding-right: 20px;
	}
	
	#livrables .livrable_div p strong{
		color: #aa396a;
	}
	
	#livrables .livrable_div{
		
		padding-top : 20px;
		padding-left: 20px;
	}
	
	#livrables .livrable_div .photo_livrable{
		height : 310px;
		text-align : center;
		width : 450px;
		padding : 2px;
		padding-bottom : 30px;
		padding-left:5px;
		padding-top:5px;		
		background : url(img/fond_illus_livr-trans.png) no-repeat left top;
	}
	
	/************ Questions ********************/
	
	#questions li{
		background : url(img/fond_li_album_demo-trans.png) repeat-x bottom left;
		display : block;
		margin : 10px 0px;
		height : 35px;
		padding-top : 15px;
		text-align : center;
		
		padding-left: 10px;
		padding-right: 10px;
	}
	
	#questions li.current{
		background : url(img/fond_txt_quest-trans.png) no-repeat center top;
		display : block;
		height : 45px;
		padding-top : 5px;
	}
	
	#questions ul{
		float : left;
		width : 345px;
		margin : 10px 5px;		
		height: 450px;
	}
	
	#questions li a{
		color: #aa396a;
		font-weight : bold;
		text-decoration : none;
		font-size : 11px;
		line-height: 1em;
	}
	
	#questions li.current a{
		color : white;
		
	}
	
	#questions .listQuestions{
		width : 389px;
		height : 430px;
		padding : 10px;
		margin : 20px 0px;
		margin-top : 10px;
		margin-left : 16px;
		float : left;
		background : url(img/fond_illus_quest-trans.png) no-repeat left top;
	}
	
	#questions .listQuestions div{
		padding : 20px;
		padding-top : 2px;
	}
	
	#questions .listQuestions div .question{
		color : #447B68;
		font-weight : bold;
	}
	
	#questions .listQuestions div .reponse{
		background : none;
		font-size : 11px;
	}
	
	#questions .listQuestions div .reponse strong{
		font-weight : bold;
	}