/* CSS Document */

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

#container
{
	margin:0;
	width:100%;
}
#container0
{/*background:#C3C3C3 url(../images/charte/bg-container1-1.jpg) repeat-x;*/
	margin:0px auto;
	width:815px;
	display:table;
}
/* bannerul flash*/
#header
{
	width:815px;
	height:205px;
	margin-left:-2px;
}

#container2
{
	background:url(../images/charte/layout_border.gif) repeat-y;
	background-position: 0px 0px;
	width:781px;
	display:table;
}
#container1
{
	background:#C3C3C3 url(../images/charte/bg-container1-1.jpg) repeat-x;
	background-position:1px 0px;
	width:781px; 
	display:table;
	margin-left:2px;
}

	#left-col
	{
		width:230px;
		float:left;
		margin-left:-3px;
	}
		
		#adress
		{
			width:230px;
			height:375px;
			background:url(../images/charte/bg-adress.jpg) no-repeat top left;
			float:left;
		}
			#adr	{	
				width:205px;
				margin-top:45px;
				margin-left:10px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#ffffff;
				text-align:center;
				font-weight:bold;
			}
			
			#tel
			{
				width:200px;
				margin-top:5px;
				margin-left:20px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#ffffff;
				text-align:center;
				font-weight:bold;
			}
			#email
			{
				width:90px;
				margin-top:10px;
				margin-left:45px;
			}
			#horaire
			{
				width:220px;
				margin-top:220px;
				margin-left:5px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#ffffff;
				text-align:center;
			
			}
	#plan
		{
		background:url(../images/charte/bg-plan.jpg) no-repeat top center;
		width:230px;
		height:44px;
		float:left;
		}	
			.map{
		cursor:pointer;

		}
	#logo
		{
		width:230px;
		height:330px;
		float:left;

		}	
/*---------------------------------------------------------------*/
	#right-col
	{
		width:552px;
		float:right;
	}
	.femmes:link, .femmes:visited{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#000000;
			text-decoration:none;
			background:none;
	}
	.femmes:hover, .femmes:active{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFFFFF;
			text-decoration:none;
			background:none;
	}
		.page-dynamic
		{
			width:550px;
			color:#000000;
			float:right;
			margin-left:2px;
		}
		.page-dynamic p
		{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#000000;

		}
		.page-title
		{
			width:550px;
			height:59px;
			float:left;
		}
		
		.presentation
		{
			background:url(../images/charte/title-presentation.jpg) no-repeat center top;
		}
		.femmes
		{
			background:url(../images/charte/title-femmes.jpg) no-repeat center top;
		}
		.homme
		{
			background:url(../images/charte/title-homme.jpg) no-repeat center top;
		}
		.produits
		{
			background:url(../images/charte/title-produits.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-right
{
	float:right;
	margin:15px 4px 0px 8px;
	cursor:pointer;
}	
.image-right1
{
	float:right;
	margin:5px 5px 0px 10px;
	cursor:pointer;
}	

.image-left
{
	float:left;
	margin:15px 7px 0px 3px;
	cursor:pointer;
}	

.paragraf
{
	background:url(../images/charte/paragraf.jpg) no-repeat top left;
	width:539px;
	height:173px;
	margin-left:5px;
	float:left;
	}
	.paragraf1-1
{
	background:url(../images/charte/paragraf1-1.jpg) no-repeat top left;
	width:539px;
	height:132px;
	margin-left:5px;
	float:left;
	}

#text-paragraf
{
width:310px;
margin-top:20px;
line-height:23px;
margin-left:10px;
float:left;
}
#text-pg
{
width:380px;
line-height:20px;
margin-left:15px;
float:left;
}
.paragraf1
{
	background:url(../images/charte/paragraf1.jpg) no-repeat top left;
	width:540px;
	height:174px;
	float:left;
	margin-top:0px;
	margin-left:4px;
	}
#text-paragraf1
{
width:390px;
margin-top:50px;
margin-left:10px;
line-height:30px;
color:#000000;
letter-spacing:-0.2px;
float:left;
text-align:left;
}
#text
{
width:525px;
float:left;
line-height:25px;
color:#000000;
margin-top:5px;
margin-left:8px;
text-align:left;
}
.partener{
width:400px;
height:70px;
margin-top:5px;
padding-left:80px;
float:left;
}
.bottom-paragraf
{
	background:url(../images/charte/bg-partener.jpg) no-repeat top left;
	width:540px;
	height:202px;
	float:left;
	margin-top:0px;
	margin-left:4px;
	}
.line
{float:left;
	margin:2px 0px 2px 8px;
}
#text-center
{
width:520px;
font-size:13px;
float:left;
line-height:18px;
color:#000000;
margin-top:3px;
margin-left:8px;
text-align:center;
}
/*fin page presentation*/
.image-right-femme
{
	float:right;
	margin:1px 7px 0px 10px;
	cursor:pointer;
}	
.image-right1-femme
{
	float:right;
	margin:15px 5px 0px 10px;
	cursor:pointer;
}	
.image-left-femme
{
	float:left;
	margin:10px 10px 0px 5px;
	cursor:pointer;
}	
.image-left1-femme
{
	float:left;
	margin:-5px 10px 0px 5px;
	cursor:pointer;
}	

.paragraf-femme
{
	background:url(../images/charte/paragraf-femme.jpg) no-repeat top left;
	width:540px;
	height:155px;
	margin-left:5px;
	float:left;
	}
	.paragraf-femme1
{
	background:url(../images/charte/paragraf-femme1.jpg) no-repeat top left;
	width:540px;
	height:148px;
	margin-left:5px;
	float:left;
	}
#text-femme{
margin-top:50px;
margin-left:10px;
float:left;
}
#text-femme1{
margin-top:40px;
margin-right:10px;
float:right;
}
#text-femme2{
margin-top:40px;
margin-bottom:10px;
margin-left:10px;
float:left;
}
#text-femme3{
margin-top:20px;
margin-left:10px;
float:left;
}
.paragraf-femme2
{
	background:url(../images/charte/paragraf-femme2.jpg) no-repeat top left;
	width:540px;
	height:173px;
	margin-left:5px;
	float:left;
	}
	.paragraf-femme3
{
	background:url(../images/charte/paragraf-femme3.jpg) no-repeat top left;
	width:540px;
	height:128px;
	margin-left:5px;
	float:left;
	}
	#text-femme4{
margin-top:30px;
margin-left:10px;
float:right;
}
.paragraf-femme4
{
	background:url(../images/charte/paragraf-femme4.jpg) no-repeat top left;
	width:540px;
	height:97px;
	margin-left:5px;
	float:left;
	}
#text-femme5{
margin-top:20px;
width:350px;
margin-left:10px;
float:left;
}
#text-femme6{
margin-top:10px;
margin-left:10px;
float:left;
}
.paragraf-homme3
{
	background:url(../images/charte/paragraf-homme3.jpg) no-repeat top left;
	width:540px;
	height:128px;
	margin-left:5px;
	float:left;
	}
/*fin page femme&homme*/
#text-produit
{
margin-top:20px;
width:350px;
margin-left:30px;
float:left;
}
#text-produit1
{
margin-top:20px;
width:350px;
margin-left:30px;
float:left;
}

#text-produit2
{
margin-top:20px;
width:350px;
margin-left:30px;
float:left;
}

#text-produit3
{
width:350px;
margin-top:20px;
line-height:30px;
margin-left:30px;
float:left;
}

#text-produit4
{
width:350px;
margin-top:20px;
margin-top:40px;
line-height:30px;
margin-left:20px;
float:left;
}
/*fin page produit*/
#footer
{
	background:url(../images/charte/bg-footer.jpg) no-repeat top right;
	width:781px;
	height:53px;
	margin-left:2px;
}
	#digital
	{
		width:220px;
		height:30px;
		float:left;
	}
	.digital-age{
	cursor:pointer; 
	margin-left:35px;
	margin-top:10px;
	}
#nav-footer
	{ width:550px;
		height:38px;
		margin-top:9px;
		margin-left:0px;
		margin-right:0px;
		background:url(../images/charte/bg-footer-droit.jpg) no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:8px;
		color:#000000;
		font-weight:lighter;
		text-align:center;
		float:right;
		padding-top:5px;
	}
		
#footer-droits
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	float:left;
	width:543px;
	color:#000000;
	padding-top:1px;
}
	#nav-footer a:link, #nav-footer a:visited
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#000000;
		font-weight:normal;
		text-decoration:none;
	}
	#nav-footer a:hover, #nav-footer a:active
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:normal;
		text-decoration:underline;
	}

	#mentions-link:link, #mentions-link:visited
	{
		color:#000000 !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:#000000!important;
	}	

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