/* CSS Document */

body, html
{
	background: #C0B867 url(../images/charte/bg-body.jpg) repeat-y top center;
   /*	display:table; */
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
p, ul, li, table, div, h1, h2, h3, hr, img
{
	padding:0px;
	margin:0px;
}

/* header*/
#container
{
	margin:0;
	width:100%;
    display:table;
}
#container0
{
	margin:0px auto;
	width:762px;
	/*display:table;  */
}
#header
{
	margin:0px;
	width:762px;
	height:223px;
	padding:0px;
	display:table;
}
/* contains the left and right col*/
#container1
{
	background: url(../images/charte/bg-container1.jpg) repeat-y top left ;
	width:762px; 
	display:table;
	margin:0px;
}
#container2{
	background: url(../images/charte/right-corner.gif) no-repeat bottom right;
	width:762px; 
 /*  	display:table; */
}
	#left-col
	{
		width:182px;
		float:left;
		font-family:Tahoma, Verdana, Arial;
		font-size:12px;
		color:#404009;
		font-weight:normal;
	}
		#menu
		{
			width:182px;
			height:210px;
			float:left;			
		}
		
		#adress
		{
			width:182px;
			height:327px;
			background:url(../images/charte/bg-adresse.jpg) no-repeat top left;
			float:left;
		}
		#adr	{	
			width:100px;
			margin-top:68px;
			margin-left:40px;
			font-family:Tahoma, Verdana, Arial;
			font-size:12px;
			color:#404009;
			text-align:center;
		}
		#horaire	{	
			width:140px;
			margin-top:5px;
			margin-left:20px;
			font-family:Tahoma, Verdana, Arial;
			font-size:12px;
			color:#404009;
			text-align:left;
		}
		#jour{
		font-weight:bold;
		text-align:left;
		margin-bottom:5px;
		margin-top:5px;
		}
		#jour1{
		font-weight:bold;
		text-align:left;
		margin-bottom:5px;
		margin-top:5px;
		}
		#jour2{
		font-weight:bold;
		text-align:left;
		margin-bottom:5px;
		margin-top:5px;
		}
		#jour-text{
		text-align:center;
		margin-top:8px;
		margin-bottom:15px;
		}
		#jour-text1{
		text-align:center;
		margin-top:8px;
		margin-bottom:15px;
		}
		#jour-text2{
		text-align:center;
		margin-top:8px;
		margin-bottom:15px;
		}
		#tel
		{
			width:120px;
			margin-top:5px;
			margin-left:30px;
			text-align:center;
		}
		#email
		{
			width:90px;
			margin-top:15px;
			margin-left:70px;
		}
		#logo
		{
		width:182px;
		height:235px;
		float:left;
		}	
	#right-col
	{
		width:580px;
		float:right;
		}
		.page-dynamic
		{
			text-align:right;
			width:570px;
			color:#404009;
			float:right;

		}
		.page-dynamic p
		{
			line-height:18px;
			font-family:Tahoma, Verdana, Arial;
			font-size:12px;
			color:#5B5606;
			text-align:justify;
		}
		.page-title
		{
			width:578px;
			height:63px;
			float:left;
		}
		
		.presentation
		{
			background:url(../images/charte/title-presentation.jpg) no-repeat center top;
		}
		.produits
		{
			background:url(../images/charte/title-produits.jpg) no-repeat center top;
		}
		.services
		{
			background:url(../images/charte/title-services.jpg) no-repeat center top;
		}
		.mariage
		{
			background:url(../images/charte/title-mariage.jpg) no-repeat center top;
		}
		.toute
		{
			background:url(../images/charte/title-toutes.jpg) no-repeat center top;
		}
		.deuil
		{
			background:url(../images/charte/title-deuil.jpg) no-repeat center top;
		}
		.contact
		{
			background:url(../images/charte/title-contact.jpg) no-repeat center top;
		}
		.merci
		{
			background:url(../images/charte/title-merci.jpg) no-repeat center top;
		}
#image-title{
width:558px;
margin-top:10px;
margin-bottom:10px;
float:left;
}
#vanille
{margin-top:25px;
margin-bottom:10px;
line-height:18px;
}

.vanille{
margin-top:20px;
float:left;
padding-right:5px;}

.image{
float:right;
margin:5px 4px 5px 5px;
}	

.image-right
{
	float:right;
	margin:5px 10px 5px 5px;
	cursor:pointer;
}	
.image-left
{
	float:left;
	margin:5px 10px 5px 0px;
	cursor:pointer;
}	

.line
{float:right;
	margin:10px 90px 5px 0px;
}
.line-services
{float:right;
	margin:5px 90px 0px 0px;
}
.space-line{
width:550px;
height:10px;
float:left;
}
.space-left{
width:120px;
height:45px;
float:left;
}

.paragraf
{
	background:url(../images/charte/paragraf.jpg) no-repeat top left;
	width:393px;
	height:80px;
	float:left;
	margin-top:10px;
	}
	.paragraf-services
{
	background:url(../images/charte/paragraf.jpg) no-repeat top left;
	width:393px;
	height:80px;
	float:left;
	margin-top:0px;
	}
#text-paragraf
{
width:375px;
margin-top:20px;
margin-left:10px;
line-height:18px;
color:#681207;
font-weight:bold;
margin-right:5px;
}
#text-paragraf-services
{
width:375px;
margin-top:20px;
margin-left:10px;
line-height:18px;
color:#681207;
font-weight:bold;
margin-right:5px;
}
#text-paragraf1
{
width:375px;
margin-top:10px;
margin-left:10px;
line-height:18px;
color:#681207;
font-weight:bold;
margin-right:5px;
}
.space1{
width:400px;
height:10px;
float:right;
}
#text
{
width:420px;
float:right;
margin-bottom:10px;
}
#text-contact{
width:550px;
font-size:12px;
text-align:center;
float:left;
line-height:20px;
}
#text-contact a:link, #text-contact a:visited{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#404009;
	text-decoration:none;
	}
#text-contact a:hover, #text-contact a:active{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#681207;
	text-decoration:underline;
}
.img-contact{

padding-top:0px;}
#text-logo{
float:left;
margin-bottom:10px;}

.florajet{
float:left;
}
.cb{
float:left;
margin-top:10px;
}
#half-text{
float:left;
margin-top:15px;
margin-left:10px;
font-size:13px;
margin-bottom:10px;
}
#half-text1{
float:left;
margin-top:15px;
margin-left:10px;
font-size:13px;
margin-bottom:10px;
}
.paragraf1
{
	background:url(../images/charte/paragraf1.jpg) no-repeat top left;
	width:415px;
	height:80px;
	float:left;
	margin-top:5px;
	margin-left:5px;
	padding-top:5px;
	}
#text1
{
width:430px;
float:left;
margin-bottom:10px;
margin-left:7px;
}
#mini-text{
margin-top:-5px;
font-size:10px;
margin-left:7px;
float:left;
}
#text2
{
width:300px;
float:left;
margin-top:30px;
}
#text-produit
{
width:530px;
float:left;
margin-top:30px;
line-height:18px;
font-family:Tahoma, Verdana, Arial;
font-size:14px !important;
color:#5B5606;
text-align:center;
}

.mariage{
width:165px;
float:left;
margin:28px 5px 0px 3px;
cursor:pointer;}
.occasions{
width:180px;
float:left;
margin:30px 5px 0px 10px;
cursor:pointer;}
.deuil{
width:180px;
float:left;
margin-top:30px;
cursor:pointer;}

/* page-mariage*/
.middle{
margin-left:10px;
background:url(../images/charte/right-corner1.gif) no-repeat bottom right;
width:560px;
margin:0px;
padding:0px;
height:810px;
}
.middle1{
margin-left:10px;
background:url(../images/charte/right-corner1.gif) no-repeat bottom right;
width:570px;
margin:0px;
padding:0px;
height:850px;
}
.middle-mariage{
margin-left:10px;
background:url(../images/charte/right-corner1.gif) no-repeat bottom right;
width:570px;
margin:0px;
padding:0px;
height:852px;
}
.page-mariage{
background:#ffffff url(images/charte/bg-mariage.jpg) repeat-x;
width:570px;
margin:0px;
padding:0px;
height:850px;
}
.detail-paragraf
{
background:url(../images/charte/bg-paragraf-mariage.gif) no-repeat top center;
float:left;
text-align:left;
width:510px;
margin-left:20px;
margin-top:20px;
font-family:Tahoma, Verdana, Arial;
font-size:14px;
line-height:18px;
color:#5B5606;
}
.detail-paragraf1
{border:solid 1px #BCCFAA;
float:left;
text-align:left;
width:510px;
margin-left:20px;
margin-top:20px;
font-family:Tahoma, Verdana, Arial;
font-size:14px;
line-height:18px;
color:#5B5606;
}
.detail-title{
border:solid 1px #BCCFAA;
width:145px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
font-weight:bold;
margin:15px 0px 5px 10px;
padding-left:5px;
float:left;
text-align:left;
}
.detail-title1{border:solid 1px #BCCFAA;
width:150px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
font-weight:bold;
margin:10px 10px 0px 10px;
padding-left:5px;
float:left;
text-align:left;
}

.text-descriptif
{border:solid 1px #BCCFAA;
width:485px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
font-weight:normal;
margin:0px 5px 0px 10px;
padding-left:5px;
float:left;
text-align:left;
}
.detail-produit{
width:100px;
margin:-10px 10px 5px 10px;
float:right;
cursor:pointer;
}
.text-descriptif a:link, .text-descriptif a:visited{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	color:#A11726;
	text-decoration:none;
	}
.text-descriptif a:hover, .text-descriptif a:active{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	color:#A11726;
	text-decoration:underline;
}
.text-page{
	text-align: center;
	width:93%;
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	color:#5B5606;
	display:table;
	}

.text-page a:link, .text-page a:visited{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	color:#5B5606;
	text-decoration:none;
}

.text-page a:hover, .text-page a:active{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:normal;
	color:#FF001C;
	text-decoration:underline;
}

.popup-link:link, .popup-link:visited{
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	color:#5B5606;
	text-decoration:none;
}

.popup-link:hover, .popup-link:active{
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	font-weight:normal;
	color:#FF001C;
	text-decoration:underline;
}
/* page-toute-occasions*/
.detail-paragraf-occasion
{
background:url(../images/charte/bg-paragraf-occasions.gif) no-repeat top center;
float:left;
text-align:left;
width:510px;
margin-left:20px;
margin-top:20px;
font-family:Tahoma, Verdana, Arial;
font-size:14px;
line-height:18px;
color:#5B5606;
}
.detail-title-occasion{border:solid 1px #F9B410;
width:150px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
font-weight:bold;
margin:15px 0px 5px 7px;
padding-left:5px;
float:left;
text-align:left;
}
.detail-title1-occasion{border:solid 1px #F9B410;
width:150px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
font-weight:bold;
margin:15px 10px 0px 7px;
padding-left:5px;
float:left;
text-align:left;
}
.text-descriptif-occasion
{border:solid 1px #F9B410;
width:480px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
font-weight:normal;
margin:0px 5px 0px 7px;
padding-left:5px;
float:left;
text-align:left;
}
.text-descriptif-occasion a:link, .text-descriptif-occasion a:visited{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	color:#A11726;
	text-decoration:none;
	}
.text-descriptif-occasion a:hover, .text-descriptif-occasion a:active{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	color:#A11726;
	text-decoration:underline;
}
#page-dynamic-occasion{
width:550px;
height:100%;
background-color:#F8E9B4;
}
.td_text-occasion
{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	color:#5B5606;
	display:table;
}
.td_text-occasion a:link, .td_text-occasion a:visited{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	color:#5B5606;
	text-decoration:none;
}

.td_text-occasion a:hover, .td_text-occasion a:active{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#5B5606;
	text-decoration:underline;
}
/* page-toute-deuil*/
.detail-paragraf-deuil
{
background:url(../images/charte/bg-paragraf-deuil.gif) no-repeat top center;
float:left;
text-align:left;
width:510px;
margin-left:20px;
margin-top:20px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
line-height:18px;
color:#5B5606;
}
.detail-title-deuil{
border:solid 1px #DFB7FA;
width:150px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
font-weight:bold;
margin:15px 0px 5px 7px;
padding-left:5px;
float:left;
text-align:left;
}
.detail-title1-deuil{
border:solid 1px #DFB7FA;
width:150px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
font-weight:bold;
margin:10px 10px 0px 7px;
padding-left:5px;
float:left;
text-align:left;
}

.text-descriptif-deuil
{
border:solid 1px #DFB7FA;
width:480px;
font-family:Tahoma, Verdana, Arial;
font-size:13px;
font-weight:normal;
margin:0px 5px 5px 7px;
padding-left:5px;
float:left;
text-align:left;
}
.text-descriptif-deuil a:link, .text-descriptif-deuil a:visited{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	color:#A11726;
	text-decoration:none;
	}
.text-descriptif-deuil a:hover, .text-descriptif-deuil a:active{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:13px;
	font-weight:bold;
	color:#A11726;
	text-decoration:underline;
}
#page-dynamic-deuil{
width:550px;
height:100%;
background-color:#F2EFE4;
}
.td_text-deuil
{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	color:#5B5606;
	display:table;
}
.td_text-deuil a:link, .td_text-deuil a:visited{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	color:#5B5606;
	text-decoration:none;
}

.td_text-deuil a:hover, .td_text-deuil a:active{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#5B5606;
	text-decoration:underline;
}
.retour
{float:left;
margin-top:10px;
padding-bottom:10px;
padding-left:15px;
cursor:pointer;}
/*---------------------------------------------------------------*/

#footer
{
	background:url(../images/charte/bg-footer.jpg) no-repeat top right;
	width:762px;
	height:58px;

}
	#digital
	{
		width:100px;
		height:30px;
		float:left;

	}
	.digital-age{
	cursor:pointer; 
	margin-left:5px;
	margin-top:10px;
	}
#nav-footer
	{
		font-family:Tahoma, Verdana, Arial;
		font-size:12px;
		color:#F1F156;
		font-weight:normal;
		text-align:right;
		float:right;
		width:570px;
		height:20px;
		padding-top:15px;
		padding-right:10px;
	}
		
#footer-droits
{
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	text-align:right;
	float:left;
	width:570px;
	color:#ffffff;
	padding-top:3px;
}
	#nav-footer a:link, #nav-footer a:visited
	{
		font-family:Tahoma, Verdana, Arial;
		font-size:12px;
		color:#F1F156;
		font-weight:normal;
		text-decoration:none;
	}
	#nav-footer a:hover, #nav-footer a:active
	{
		font-family:Tahoma, Verdana, Arial;
		font-size:12px;
		font-weight:normal;
		text-decoration:underline;
	}

	#mentions-link:link, #mentions-link:visited
	{
		color:#ffffff !important;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px !important;
		font-weight:bold !important;
	}
	#mentions-link:hover, #mentions-link:active
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px !important;
		font-weight:bold !important;
		text-decoration:underline;
		color:#ffffff!important;
	}	

/*---popup---*/
#fermer 
{
	background-color:#F6EDD9;
	height:30px
}
#fermer a:link, #fermer a:visited{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#A11726;
	text-decoration:none;
	}
#fermer a:hover, #fermer a:active{
	height:20px;
	font-family:Tahoma, Verdana, Arial;
	font-size:12px;
	font-weight:bold;
	color:#A11726;
	text-decoration:underline;
}

.linking:link, .linking:visited{ text-decoration: none; color: #5b5606;}
.linking:hover, .linking:active{ text-decoration: underline; color: #681207;}