/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin:0;
padding:0;
border:0;
}
body{
font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#626469;
text-align:center;
background-color:#FFF;
margin:0 0 20px 0;
}
#centrage {
width:940px;
margin:0 auto;
font-size:11px;
display:table;
text-align:left;
position:relative;
}
.gras{
font-weight:bold;
}
.grasorange{
font-weight:bold;
color:#ec2f12;
}
.italique{
font-style:italic;
}
a:link, a:visited{
color:#626469;
text-decoration:none;
}
a:hover, a:active{
color:#626469;
text-decoration:underline;
}
.gauche{
float:left;
}
.droite{
float:right;
}
.centre{
text-align:center;
}
form{
margin:0;
padding:0;
}
input{
color:#8B8B8B;
}
td{
vertical-align:top;}
.both{
clear:both;}
/* En tête --------------------------------------------------------------- */
#langues{
height:34px;
width:933px;
padding-right:27px;
background-image:url(../pics/fd_ac_blanc.gif);
font-size:90%;
display:none;
}
#langues ul{
margin-top:10px;
float:right;
}
#langues ul li{
list-style:none outside none;
display:inline;
}

/* Navigation ----------------------------------------------------------------- */

#nav{
height:75px;
background-image:url(../pics/relook/fond-menu.gif);
background-repeat:no-repeat;
background-position:right top;
margin:5px 11px 0 0;
}
#nav ul{
float:right;
margin:0 -1px 8px 0;
}
#nav ul li{
list-style:none outside none;
float:left;
width:94px;
height:28px;
padding-top:3px;
text-align:center;
margin-left:2px;
}
#nav ul li.on{
background-image:url(../pics/relook/fond-menu-on.gif);
background-repeat:no-repeat;
}
#nav ul li img{
margin-right:-3px;
}
#logo{
float:left;
margin:0 0 0 0;
}
form#rechercher{
float:left;
margin:2px 0 0 160px;
}	
input.recherche{
width:180px;
border:1px solid #CCC;
}
span.recherche{
font-weight:bold;
color:#A51821;
font-size:110%;
}
input#loupe{
position:relative;
top:-3px;
padding-left:5px;
}
a#contacter {
float:right;
margin-right:45px;
}
/* Bandeau ----------------------------------------------------------------- */
	#bandeau{
	text-align:justify;
	background-image:url(../pics/relook/fond-bandeau.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	height:178px;
	width:925px;
	padding-right:7px;
	margin-left:-4px;
	}
	#bandeau form{
	position:relative;
	float:left;
	width:295px;
	background-image:url(../pics/relook/fr/acces-direct.gif);
	background-repeat:no-repeat;
	background-position:center 10px;
	padding:60px 20px 0 13px;
	}
	#bandeau form .both{
	width:100%;
	height:20px;
	}
	#bandeau form ul{
	float:right;
	margin:13px 10px 0 0;
	background-color:#FFFFFF;
	border:1px solid #cb3117;
	list-style:none outside none;
	background-image:url(../pics/relook/fond-selecteur.gif);
	background-repeat:no-repeat;
	background-position:right 1px;
	width:170px;
	position:abolute;
	z-index:1;
	}
	#bandeau form ul a{
	display:block;
	text-decoration:none;
	padding:1px 0 0 3px;
	height:13px;
	text-align:left;
	}
	html>/**/body #bandeau form ul a{
	height:auto;
	}
	#bandeau form ul ul{
	margin:0;
	background-image:none;
	background-color:#dcdcdc;
	background-image:url(../pics/relook/fond-selecteur.jpg);
	background-repeat:repeat-x;
	position:absolute;
	margin-left:-1px;
	width:170px;
	border:1px solid #cb3117;
	display:none;
	padding-bottom:5px;
	}
	#bandeau form ul ul li.gras{
	padding:3px 0 2px 7px;
	font-size:11px;
	}
	#bandeau form ul ul li a{
	padding-left:15px;
	}
	/* OUVERTURE   Niveau 1 ouverture niveau 2 */	
	#bandeau form ul li:hover ul{
	display:block;
	}
	#bandeau form ul li:hover{
	height:13px;
	}
	html>/**/body #bandeau form ul li:hover{
	height:auto;
	}
	#bandeau form ul li:hover ul ul{
	display:none;
	}
			
	#bandeau #video{
	width:231px;
	height:174px;
	float:right;
	padding:0px 0;
	margin:0;
	}
	html>/**/body #bandeau #video{
	margin:0;
	}
	#bandeau p{
	padding:15px 0;
	}
	#bandeau p span{
	color:#a32511;
	font-weight:bold;
	}
	

/*Centre */

#centre
{
clear:both;
display:table;
background-image:url(../pics/relook/fond-page.jpg);
background-position:-6px 0px;
border-left:6px solid #868a8b;
background-repeat:no-repeat;
}
	
	/* Sous navigation ------------------------------------------------------------ */
	#ssnav{
	width:172px;
	min-height:200px;
	display:table;
	float:left;
	padding-left:4px;
	}
	html>/**/body #ssnav{
	padding-left:1px;
	}
		#ssnav ul {
		padding:3px 0;
		background-image:url(../pics/navigation/fd_liste.jpg);
		background-repeat:repeat-y;
		list-style:none outside none;
		}
		#ssnav ul.produits li a{
		color:#fff;
		padding-left:15px;
		}
		#ssnav ul.produits li.titre{
		color:#F72C00;
		font-size:12px; 
		color:#9ea3a7;		
		margin-left:10px;
		}
		#ssnav ul.services li a{
		color:#fff;
		padding-left:15px;
		display:block;
		margin-bottom:-12px;
		background-image:url(../pics/navigation/fd_liste.jpg);
		background-repeat:repeat-y;
		}

		html>body #ssnav ul.services li a{
		margin-bottom:0;
		}
		#ssnav ul li a.on{
		background-image:url(../pics/puce_fleche.gif);
		background-position:2px 5px;
		background-repeat:no-repeat;
		padding-left:15px;
		color:#fff;
		}
		img.basliste{
		top:-3px;
		position:relative;
		}
	/* pub ------------------------------------------------------------ */
	td#pub{
	width:238px;
	}
	td#pub *{
	margin:5px;
	}		
	/* Contenu ------------------------------------------------------------ */

	div#produits, div#services, div#autres {
	background-image:url(../pics/relook/fond-pubs-accueil.gif);
	background-repeat:no-repeat;
	clear:both;
	margin:0 0 50px 0;
	display:table;
	width:680px;
	}
	div#nouveautes{
	clear:both;
	margin:5px 0 40px 0;
	display:table;
	width:680px;
	}
	#contenu H2{
	position:relative;
	/*margin:-15px 0 0 -1px;*/
	margin:-22px 0 0 -1px;
	color:#8F9195;
	font-size:190%;
	}
	html>/**/body #contenu H2{
	/*margin:-17px 0 0 -3px;*/
	margin:-24px 0 0 -3px;
	}
	#contenu table{
	width:660px;
	margin-top:5px;
	}
	#contenu table td{
	text-align:right;
	}
	#contenu table td.texte{
	width:220px;
	padding:5px 10px 5px 15px;
	text-align:justify;
	line-height:160%;
	}

/* Pied de Page --------------------------------------------------------------- */
#footer{
clear:both;
display:table;
background-color:#696c71;
border:1px solid #787a7e;
color:#fff;
font-size:10px;
width:100%;
padding:5px 3px 0 3px;
}
#footer a{
color:#fff;
}

#footer div.paiement{
background-image:url(../pics/puce_fleche.gif);
background-position:0 5px;
background-repeat:no-repeat;
font-weight:bold;
float:left;
position:relative;
padding-left:10px;
margin-left:75px;
}

.paiement img{
vertical-align:middle;
}
#footer ul{
float:right;
margin-right:8px;
}
#footer ul li{
list-style:none outside none;
display:inline;
}
#footer #adresse{
clear:both;
width:100%;
text-align:center;
padding:10px 0 5px 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
}

h1{
position:absolute;
top:-50px;
}