/*-------- CSS CHARTES VERSION 2.0 ------------ */

/*-------------------------------TOUT-------------------------------*/
@charset "UTF-8";

* {
	margin:0px;
	padding:0px;
}

html {
    font-size: 100%;
}

html, body {
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#DA7227;
	background:url(../charte/fond-page.jpg) repeat-x top center #f8f8f8;
}

img {border:0}

/* menus */
ul#menuhoriz {
    display: block;
    height: 20px;
    padding: 0;
    position: absolute;
    top: 165px;}

#menuhoriz > li {
	padding:0 1px;
	border-left:1px solid #D58701;
}

#menuhoriz > li:first-child {border:0}
	
#menuhoriz > li,
#menuhoriz > li > a {
	vertical-align: top;
	display:inline-block;
	color: #F8F8F8;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 30px;
	height:30px;
	text-transform:uppercase;
	text-align:center;
}

#menuhoriz > li > a {
	color:#fff;
    text-decoration: none;
}

#menuhoriz img {vertical-align:middle;margin:4px 0 0 5px}

#menuhoriz > li:hover > a {
	color:#f8f8f8;
}

*+html #menuhoriz > li {display:inline;}

#menuhoriz > li > ul {
	display:none;
	position:absolute;
	list-style:none;
	background-color:#994B05
}

#menuhoriz > li:hover > ul {display:block;z-index:100}

#menuhoriz ul > li {padding:0 3px}

#menuhoriz ul > li a {
	color:#F4E5A2;
	text-decoration:none;
	white-space:nowrap;
	display:block;
	width:100%;
	height:100%;
	padding:1px 3px;
	margin-left:-3px;
	text-align:left;
}

#menuhoriz ul > li:hover a {
background-color:#F4E5A2;
color:#994B05;}


#menuvert {margin-top:20px}
#menuvert ul {
	list-style:none;
}
#menuvert > ul {margin-top:2px;display:block}
	
#menuvert li {
	display:block;
	line-height:14px;
	padding:0;
	margin:0
}

*+html #menuvert ul {display:inline;float:left;clear:left} /* hack IE7*/
*+html #menuvert li {display:inline;float:left;clear:left}
	
#menuvert a {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-indent: 5px;
    width: 170px;
	text-transform:uppercase;
	white-space:nowrap;
}

#menuvert ul ul a {
	font-size:10px;
	text-indent:10px;
}

/*-------------------------------PREPAGE-------------------------------*/

.fond-prepage {
	background:url(../charte/fond-page.jpg) repeat-x top center #f8f8f8;
}

#conteneur-prepage {
	width:100%;
	text-align:center;
}

#intro {
	width:700px;
	height:520px;
	margin:0px auto;
	padding-top:100px;
}

#texte-prepage {
	width:700px;
	margin:20px auto 0px auto;
}

#texte-prepage a {
	color:#CC3300;
}

#texte-prepage a:hover {
	color:#FFFF99;
	text-decoration:none;
}

#liens-prepage {
	width:700px;
	font-size:0.7em;
	color:#666666;
	text-align:center;
}

#liens-prepage ul {
	list-style:none;
	text-align:center;
}

#liens-prepage ul li {
	display:inline;
	margin-right:10px;
	text-align:center;
}

#liens-prepage ul li a {
	color:#666666;
}

#liens-prepage ul li a:hover {
	color:#000000;
	text-decoration:none;
}

/*-------------------------------CHARTE-------------------------------*/

#conteneur {
	width:960px;
	margin:0px auto;
	background-color:transparent;
}

#haut {
	height:198px;
}

#zone-panier {
	height:40px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position: absolute;
	margin-left: 790px;
	margin-top: 125px;
}

#flashhaut {
	height:168px;
	height:49px;
	background:url(../charte/fond-haut.jpg) no-repeat top center;
}

#contenu {
	width:100%;
	overflow:hidden;
	background:url(../charte/fond-contenu.jpg) repeat-y top center;
}

#gauche {
	width:200px;
	height:624px;
	float:left;
}

#navigation {
	width:200px;
	height:741px;
	background:url(../charte/fond-gauche.jpg) no-repeat top center;
}

#recherche {
	width:170px;
	padding-top: 39px;
}

#centre {
	width:580px;		/* Mettre à 900px (ou largeur du template) pour un site horizontal */
	min-height:524px;	/* Hauteur du template par dfaut */
	_height:524px;		/* Hack IE Hauteur du template par dfaut */
	float:left;
	font-size:0.8em;
	background:url(../charte/fond-centre.jpg) no-repeat top center;
	background-color:#FFFFFF;
}

#droite {
	width:180px;
	height:741px;		/* Hauteur du template par dfaut */
	float:left;
	background:url(../charte/fond-droite.jpg) no-repeat top center;
}

#bas {
	height:70px;
	background:url(../charte/fond-bas.jpg) no-repeat top center;
}

#logo-distributeur {
	position:absolute;
	margin-left:900px;
}

#liens-bas {
	width:100%;
	margin:0px auto;
	padding-top:30px;	/* A regler suivant la hauteur des coordonnées dans le fond */
	font-size:0.7em;
	color:#6E5D3F;
	text-align:center;
}

#liens-bas ul {
	list-style:none;
	display:inline;
}

#liens-bas ul li {
	display:inline;
	margin-right:10px;
}

#liens-bas ul li a {
	color:#9F7A3A;
}

#liens-bas ul li a:hover {
	color:#000000;
	text-decoration:none;
}


/* Formulaires */

.champ-article	{
	width:143px;
	height:20px;
	background-color:#FFFFFF;
	border-color:#ffbc49;
	color:#666;
	font-weight:bold;
	margin-left:7px;
	margin-bottom:7px;
}

.champ-article2	{
	width:147px;
	height:20px;
	background-color:#FFFFFF;
	border-color:#ffbc49;
	color:#666;
	font-weight:bold;
	margin-left:7px;
	margin-bottom:22px;
	margin-top: 0px;
}


#jumpMenu	{
	width:171px;
	height:26px;
	background-color:#482d0a;
	border-color:#994b05;
	color:#f6812d;
	border:none;
	font-weight:bold;
	margin-left:15px;
}

.btn-ok	{
	position:absolute;
	margin-top:0px;
	margin-left:3px;
}

#btn-panier	{
	position:absolute;
	margin-left:140px;
	margin-top:2px;
}

.champ-login	{
	width:143px;
	height:20px;
	background-color:#FFFFFF;
	border-color:#b3aa8b;
	color:#666;
	font-weight:normal;
	margin-left:5px;
	margin-bottom:7px;
	margin-top:33px;
}

.champ-pass	{
	width:113px;
	height:20px;
	background-color:#FFFFFF;
	border-color:#b3aa8b;
	color:#777;
	font-weight:normal;
	margin-left:5px;
	margin-bottom:7px;
}

.btn-clients	{

}


.clients	{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#000;
}