/* CSS Document */
/*
marron #87775B
bleu #60738D
*/

body {
	font-family: "Trebuchet MS";
	font-size:62.5%;
	margin: 0;
	padding: 0;
	color:#888076;
	
}
#conteneur {
	position: relative;
	width: 116em;
	margin: 0 auto; 
	background:url(fond.gif) repeat-y #FFF;
	min-height:80em;
	_height:80em;
}

#header {
	height: 14.3em;
	background-color: #FFFFFF;
}
	#header img{float:left; margin-right:10em;}
	.menuhaut {
		list-style-type: none;
		margin: 0;padding:0;
	}
		.menuhaut li {
			float:left;
			margin:0 2.25em;
			margin-top:7em;
		}
		.menuhaut li a{
			font-size:1.8em;
			color:#B9B9BA;
			
		}
		.menuhaut li a:hover{color:#888076;}
		.menuhaut li a.act{color:#888076;}

#gauche {
	width: 30.5em;
	position:absolute;
	left:0;
	text-align:center;
	padding-top:1.85em;
}

#centre {
	width:69em;
	background:#FFF;
	margin-left:32.5em;
	padding-bottom:2em;
}
	#centre td{ vertical-align:top;}
	#centre p{ font-size:1.4em;}
		#centre p.cadreContact{background:#b9b9ba;color:#FFFFFF; font-size:2em; padding:1em 5em;}
#droite {
	width: 13em;
	background:#FFF;
	position:absolute;
	right:0;
	top:18.9em;;
	margin-left:99em;
}
	#droite p{ font-size:1.2em; font-weight:bold; text-align:left; position:relative; margin:0;}
		.newsletter{
			color:#60738D;
			border:1px solid #60738D;
			font-size:1em;
			width:9em;
			margin-bottom:1em;
		}
	#droite p.erreur{ color:#FFFFFF;height:2em; background:#60738D; text-align:center;}	
	
#pied {
	background:white;
	position:relative;
	clear:both;
}

/*si on est sur la page index*/
	#pied p{
		font-size:1.2em; 
		font-weight:bold; 
		text-align:right; 
		position:relative; 
		margin:0;
		_margin-top:-2em; 
	}
		#pied p.erreur{ 
			color:#FFFFFF;
			height:2em; 
			background:#60738D; 
			text-align:center; 
			position:absolute; 
			right:20em; 
			top:1em; 
			line-height:2em; 
			padding:0 2em;
			margin:0;
		}	
		
a{ text-decoration:none;}
img{ border:none;}

h1{color:#888076; font-size:2.2em;}
h2{color:#888076; font-size:2.8em;}

h2.contact{font-size:2.0em;}

/*la page boutique*/
.listeBoutiques{width:100%;}
.telephoneBoutique{color:#87775B;font-size:1.4em; width:8em;}
.nomBoutique{font-size:1.8em; width:9.7em;}
.presentation{font-size:1.4em;}


/*pour la page index */
#conteneur.index{background:none;}
	#conteneur.index #gauche{
		top:21.0em;
		_top:21.1em;
		background:#B9B9BA; 
		height:42.1em;
		*height:42.5em;
	}
		#conteneur.index #gauche img{
			margin-top:8em;
		}
	#conteneur.index #centre{margin-left:30.5em;}
	#conteneur.index #droite{
		top:21.0em;
		_top:21.1em;
		height:44.0em;
		*height:44.3em;
		background:#B9B9BA; 
		width:25em;
	}

/*pour la page presse*/	
#presse{background:#B9B9BA; text-align:center;}	

.formulaireContact td{ font-size:16px; padding:5px 20px;}

