/* -------------------------- PAGES GENERALE------------------------- */

BODY, FORM, DIV, IMG, P, MAP, H2 {border:0; margin:0; padding:0;}

A {margin:0px;color:black;text-decoration:none;}

BODY {
	text-align: center;
	background: url(../../images/fond_trame.jpg) top left repeat-x;
	background-color:#EAD8CA;
	font: 12px Verdana;
}

#main_container {	
	position:relative;
	margin: 0 auto;
	padding: 0;	
	text-align: left;
}


#container {	
	position:relative;
	margin: 0 auto;
	padding: 0;	
	text-align: left;
	background: url(../../images/fond.gif) top center no-repeat;
	width: 980px;
	min-height:550px;
	height:auto;
	float:left;
}

/* POUR IE */
* html #container  {
	height:550px;
}	

#pub {	
	position:relative;
	float:left;
/*	margin-top:162px;
	left:1325px;
	top:150px;
	width: 150px;
	height:478px;
*/
}

IMG.png { behavior: url(../../include/js/png.htc); }

#main {
	position:relative;
	width:980px;
	min-height:550px;
	height:auto;
}

/* POUR IE */
* html #main  {
	height:550px;
}

#menu {
	z-index:1;
	position:absolute;
	top:114px;
	left:245px;
	width:715px;
	background: url(../../images/fond_menu.jpg) top center no-repeat;
}

#menu A {
	position:relative;
	margin-bottom:0 auto;
	margin-top:0px;
	padding:0 auto;
}

#banniere{
	width:980px;
	z-index:10;
}

#footer {
	position:relative;	
	text-align:center;
	margin:0;
	width:100%;
	padding:0;
	padding-top:23px;
	padding-bottom:10px;
	background: url(../../images/footer.gif) top center no-repeat;
}

#footer,
#footer .lien {
	font-size:11px;
	color:#D5B096;
}

#footer_droits {
	position:relative;
	width:980px;
	text-align:center;
	padding:8px 0px 20px 0px;
	margin-left:0px;
}

#footer_droits,
#footer_droits a {
	font-size:11px;
	color:#470D00;
}

.photo_droite{
	margin-right:20px;
	padding-right:0px;
	float:right;
}

.logo{
	padding-left:0px;
	margin-left:15px;
	margin-top:0px;
	float:left;
}

/* -------------------------- PAGES ACCUEIL------------------------- */

#accueil_presentation {
	position:relative;
	width:900px;
	padding:5px 15px 0px 15px;
	margin:0px 25px 0px 24px;
}

#presentation {
	position:absolute;
	top:20px;
	left:525px;
	z-index:1;
	text-align:left;
	color:#FFFFFF;
	font:13px verdana;
	padding-left:15px;
	margin-right:20px;
	border-left:solid 1px #FFFFFF;
}

#alternatives {
	position:relative;
	width:200px;
}

#alternatives P {
	width:200px;
}

#alternatives,
#extraits,
#eau {
	padding-left:13px;
	font:13px verdana;
}

#extraits {
	position:relative;
	margin-top:5px;
	width:285px;
}

#extraits P {
	width:290px;
}

#eau{
	position:absolute;
	top:130px;
	left:695px;

}

#eau P{
	width:200px;
}

#actualites{
	position:absolute;
	top:330px;
	left:610px;
	color:#FFFFFF;
	width:280px;
	font:12px verdana;
	margin:0px;
	padding:0px;
	padding-left:15px;
	margin-right:20px;
	border-left:solid 1px #FFFFFF;
}

#actualites H2{
	color:#FFFFFF;
	font:13px verdana;
	padding-left:13px;
	font-weight:bold;
}

#gouttes {
	position:absolute;
	top:50px;
	left:220px;	
}

.opacity {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

.opacity:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
}

.clear { 
  clear: both; 
}  
  
.photo_gauche{
	padding:5px 5px 0px 0px;
	margin:0px;
	float:left;
}

.align_droite {
	font:14px verdana;
	color:#FFF;
	text-align:right;
	text-decoration:none;
}

.align_droite a {
	font:14px verdana;
	color:#FFFFFF;
	padding-right:15px;
	text-decoration:underline;
}

.align_droite a:hover,
.align_droite a:visited {
	color:#FE4D00;
	text-decoration:underline;
}

H2 {
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left:-13px;
}

/* -------------------------- PAGES PRODUITS------------------------- */

#navig {
	position:absolute;
	top:10px;
	left:10px;
	width:210px;
}

#navig A{
	padding-top:50px;
} 

#texte{
	position:relative;
	width:410px;
	padding-top:17px;
	margin-left:210px;
	min-height:350px;
	height:auto;
}

/* POUR IE */
* html #texte {
	height:350px;
}

#visuel{
	position:absolute;
	z-index:1;
	top:10px;
	right:0px;
	padding:0px;
	margin:0px;
}

#sous-titre {
	color:#FFF;
	position:relative;
	margin:5px 0px 0px 5px;
	padding-left:15px;
	border-left:solid 1px #FFFFFF;
}

#rubrique{
	position:relative;
	width:400px;
	margin-top:15px;
	margin-left:5px;
	margin-bottom:0px;
	padding-left:15px;
}

.justifie {
	text-align:justify;
}

.accueil {
	font:14px verdana;
	text-align:left;
}


.titre {
	font:14px verdana;
	text-align:left;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:0px;
}

.description {
	font:14px verdana;
	text-align:left;
	color:#470E00;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0px;
}

/* -------------------------- PAGE ENTREPRISE------------------------- */

#cadre_infos{
	position:relative;
	padding:0px;
	margin:0px;
	width:210px;
	float:left;
}

.infos {
	position:relative;
	margin:0px;
	margin-top:3px;
	padding:0px;
	width:202px;
	background: url(../../images/fond_infos.jpg) top center no-repeat;
}

.footer_infos {
	padding-left:1px;
	margin:0px;
}

.texte_infos {
	font:12px verdana;
	color:#FFFFFF;
	text-align:left;
	padding:5px 5px 5px 10px;
}

#contact_entreprise {
	position:absolute;
	top:485px;
	right:0px;
	padding:0px;
	margin:0px;
}

#rubrique_entreprise{
	position:relative;
	margin:15px 0px 10px 5px;
	padding-left:15px;
}

/* -------------------------- PAGE CONTACT------------------------- */

#infos_contact {
	position:relative;
	margin:0px;
	margin-top:20px;
	padding:0px;
	width:202px;
	background: url(../../images/fond_infos.jpg) top center no-repeat;
}

.titre_coordonnees {
	font:14px verdana;
	text-align:left;
	color:#470E00;
	font-weight:bold;
	padding:10px 5px 5px 10px;
}

.texte_contact {
	text-align:left;
	margin:0px;
	padding:5px 2px 10px 10px;
}

.texte_contact,
.texte_contact A {
	font:12px verdana;
	color:#FFF;
}

.texte_contact A:hover {
	text-decoration:underline;
}

#contact{
	position:absolute;
	top:290px;
	left:325px;
}

.contact {
	padding-left:0px;
	width:325px;
	font:13px arial;
	text-align:left;
}

#visuel_contact{
	position:absolute;
	z-index:1;
	top:20px;
	right:15px;
	padding:0px;
	margin:0px;
}

/* -------------------------- FORMULAIRE DE CONTACT------------------------- */

.formulaire-row-obligatoire,
	.formulaire-row {
		width:100%;
		color:#333;
		margin:0px;
		padding:5px 0px 5px 0px;
	}
	
	.formulaire-row-obligatoire {
		font-weight: bold; 
	}	

	.formulaire-row-obligatoire LABEL, 
	.formulaire-row LABEL {
	   float: left;
	   width:30%;
	   padding: 3px 5px 0px 0px;
	   text-align: right;
	}

	.formulaire-row-obligatoire INPUT, 
	.formulaire-row INPUT,
	.formulaire-row-obligatoire TEXTAREA, 
	.formulaire-row TEXTAREA,	
	.formulaire-row-obligatoire SELECT, 
	.formulaire-row SELECT {
		width:230px;
		border:solid 1px #333;
		margin-right:5px;
		vertical-align:middle; 
		background-color:#EEDACC;
	}
	
	INPUT.radio {
		width:20px;
		vertical-align:middle; 
		border:0px;
		margin:0px;
		padding:0px;
	}
	#message{
		float:left;
		width:100%;
		text-align:center;
		margin-top:10px;
		margin-bottom:5px;
		padding:5px 0px 5px 0px;
		background-color:#ECEEEF;
	}	

	#message P {
		font-size:13px;
		font-weight:bold;
	}	

	#message P.erreur{
		color:red;
	}

	.btn,
	#btn_submit {
		width:100px;
		color:white;
		font-size:12px;
		font-weight:bold;
		background-color:#470E00;
		text-align:center;
		padding:2px 10px 2px 10px;
		margin:10px 0px 0px 160px;
		cursor:pointer;
	}
	

/* -------------------------- Messages système------------------------- */

 .message {
 	font-family: verdana;
 	font-size: 12px;
	font-weight: bold;
 	color: red;
 	text-align: center;
 	margin:10px 0px 15px 0px;
 }
 
 .messageErreur {
 	font-family: verdana;
 	font-size: 12px;
 	color: red;
 	font-weight: bold;
 	text-align: center;
 	margin:10px 0px 15px 0px;
 }
 
/**
 * Gestion des erreurs
 */ 
 #pageErreur {
 	width : 600 px;
 	height: 300px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 200px;
 	text-align: center;
 	
 	font-family: verdana;
 	font-size: 10px;
 	color: red;
 }
 
 #pageErreur IMG {
 	margin-bottom: 5px;
 }
 
 /********* Page MENTIONS *********/

#main_cgvd{
position:relative;
height:auto;
margin:10px 20px 20px 20px;
background-color:#f5f4f1;
padding-left:10px;
text-align:left;
}

#header_cgvd{
position:relative;
width:auto;
margin-left:-10px;
height:98px;
background-image: url(../../images/header_cgvd.jpg);
background-position:left top;
background-repeat:no-repeat;
}


#main_cgvd h1{
position:relative;
padding:10px 5px 10px 15px;
margin-left:-10px;
font-size:21px;
color:#fff;
height:45px;
background-image: url(../../images/bando_cgvd.jpg);
background-position:left top;
background-repeat:no-repeat;
font-weight:normal;
text-transform:uppercase;

}


.unArticle{
position:relative;
padding:5px;
width:690px;
height:auto;
}

.unArticle h2{
position:relative;
padding:10px 0 10px 0;
font-size:14px;
color:#000;
font-weight:bold;
}

.unArticle h3{
position:relative;
padding:5px 0 5px 0px;
font-size:15px;
color:#000;
font-weight:bold;
}

.unArticle p{
position:relative;
padding-left:0px;
font-size:13px;
color:#000;
padding-bottom:5px;
}

.unArticle ul{
position:relative;
padding-left:30px;
font-size:12px;
color:#000;
padding-bottom:5px;
list-style:outside;
}

.unArticle a {
color:#633123;
font-weight:bold;
text-decoration:underline;
}