/* Note: CSS menu fusionn avec CSS principal (index) pour viter des pbs de clignotement au chargement du site*/ 
body {
background: #FFF url(../img/fond/fond_accueil.gif);
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding: 0;
border: 0;
margin: 0;
	}
	
#container{
/* la position:relative permet de mieux positionner la barre de menu.
Cela vite le dcalement  gauche de cette barre, en cas de raccourcissement de la largeur de page du navigateur. 
Par contre, il faut passer la varaible "centrer_menu"  false dans l'Html*/
position: relative;
background-color: #FFF;
width: 957px;
margin: auto;
padding: 0;
}
/* -- Pour mise en forme Libell gnral au dessus table produit ---*/
.produit{
/* Pour placer la table Produit en dessous*/
clear:both;
}



/* -- MAIN --------- */
#main_container{
/*background-color:#FFF;*/
width:957px;
margin: 10px 0 0 0;
/*height: 990px;*/
padding: 0;
}

#main{
/*border: 1px solid;border-color: green;*/
float:left;
/*background-color:#FFF;*/
width:751px;
margin: 19px 0 0 0;
/*height: 980px;*/
padding: 0;
}

/* ------- HEADER --------- */
#header1 {
width: 957px;
height: 118px;
margin: 0;
padding: 0;
}

#bando {
background:#FFF url(../img/fond/fond_accueil.gif)50% 50%;
margin: 0;
padding: 0;
width: 790px;
height: 118px;
float: right;
}

#header2 {
width: 957px;
height: 24px;
margin: 0;
padding: 0;
}

#sous_logo{
float: left;
background: #FFF url(../img/head_acceuil_sous_logo.jpg) no-repeat;
width: 167px;
height: 24px;
margin: 0;
padding: 0;
}

#newsletter_bar{
float: right;
background: #FFF url(../img/head_newsletter_bar_decale.jpg) no-repeat;
width: 790px;
height: 24px;
margin: 0;
padding: 0;
}

.newsletter{
position: inherit;
left: 600px;
width: 360px;
margin: 5px 0px 0px 400px ;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}

.loginfield {
color:#5A5a5A; 
font: 9px Verdana, Arial, Helvetica, sans-serif;
/* IE */
margin: 0px 0px 0px 0px;	
voice-family: "\"}\"";
voice-family:inherit;
/* fin IE*/
width:100px; 
height: 10px;
margin: 0 0 -2px 10px;
}

.button_newsletter { 
width: 16px;
height: 16px;
margin: -5px 0 -5px 10px;
}

/* -- MAIN COL GAUCHE--------- */
#col_gauche{
float:left;
background-color:#fff;
width:167px;
margin: 0;
padding: 0;
}

#client_box{
margin: 0;
padding: 0;
}

/* LOGGIN ******************************* */

.button_identification { 
width: 27px;
margin: 0px 0px -5px 10px;
}

.client_box_titre{
text-align: center;
}

.button_identification { 
margin: 0px 0px -5px 10px;
}

.client_field {
clear: both;
color:#5A5a5A; 
font: 9px Verdana, Arial, Helvetica, sans-serif;
width:70px; 
height: 11px;
margin: 0px 0 0px 0px;
padding:0px 0 0px 10px;
}

.lien_col_gche{
font: 9px Arial, Helvetica, sans-serif;
width: 150px;
height: 15px;
text-align: center;
text-decoration: none;
margin: 0 0 -5px 0 ;
padding: 0;
}


/* ...... RECHERCHE ....... */
#recherche_box{
background: #FFF url(../img/recherche_box_fond.gif) no-repeat ;
width:157px;
height:95px;
margin: 40px 5px 0 5px;
padding: 5px 0 0 0;
}

.recherche_box_titre{
color: #1d60aa;
font: bold11px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 0 20px 0 0 ;
}

.recherche_form{
margin: 0 0 0 10px ;
padding: 5px 0 5px 0 ;
}

.recherche_field {
font: 9px Verdana, Arial, Helvetica, sans-serif;
color:#5A5a5A; 
width:95px; 
height: 11px;
}

#produits_box{
width:157px;
height:600px;
background-color:#FFF;
margin: 0 5px 0 5px ;
padding: 0;
}
.produits_box_titre{
background:url(../img/produits_box_tete.jpg) no-repeat;
color: #1d60aa;
font-family: bold 11px Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 -5px 0 0 ;
padding: 5px 20px 0 0 ;
}

.produits_box_contenu{
background:#FFF url(../img/produits_box_fond.gif) repeat-y;
}

/* -- MAIN COL DROITE--------- */
#col_droite{
float: right;
width:204px;
/*	background-color:#c0c0c0;*/
background-color:#fff;
margin: 19px 0px 0px 0px;
}

#contact_box{
width:194px;
height:92px;
padding: 0px 0px 0px 0px;
margin: 0px 5px;
background:#FFF url(../img/contacts_box.jpg) no-repeat;
}

#contact_box_EN{
width:194px;
height:92px;
padding: 0px 0px 0px 0px;
margin: 0px 5px;
background:#FFF url(../img/contacts_box_EN.jpg) no-repeat;
}

#panier_box{
width:194px;
background: #fff url(../img/panier_box_fond.gif) repeat-y;
margin: 10px 5px 10px 5px;
}

.panier_box_contenu{
background: #FFF url(../img/panier_box_fond.gif) repeat-y;
}

#actus_box{
width:194px;
height:550px;
background:#fff url(../img/actus_box_fond.jpg) repeat-y;
margin-left:auto;
margin-right:auto;
}

.actus_box_contenu{
background:url(../img/actus_box_fond.jpg) repeat-y;
}

.actus_box_intercalaire{
background-image:url(../img/actus_box_separation.png);
}

/* --------- FOOTER --------- */
#footer{
clear:both;
background: url(../img/footer_fond.jpg) repeat-x;
width:957px;
height: 17px;
margin : 0;
padding : 0;
}


#footer ul {
margin : 0;
padding : 0;
}
	  
#footer li {
display : block;
float : left;
}
	  
#footer a {
display : block;
width : 159px;
height: 17px;
font :  10px Verdana, Arial, Helvetica, sans-serif ;
color : #66655D;
text-align : center ;
text-decoration : none;
margin : 0px;
padding : 3px 0 0 0;
}
	  
#footer a:hover,#footer a:active {
background : url(../img/footer_fond_btn_over.jpg) no-repeat;
height: 20px;
cursor : pointer;
font-weight: bold;
color : #424139;
}

/*Pour lien vers sites Externes*/
a.lien_ext:link, a.lien_ext:visited{	text-decoration: none;}
a.lien_ext:hover, a.lien_ext:active{text-decoration: underline;	color: #1d60aa;}

/************ dycamedia ************/

/* lien normaux */
a.general:link, a.general:visited{
font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
color: #009D00;
text-decoration: none;
}

a.general:hover, a.general:active{
font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
color: #989689;
text-decoration: underline;
}


/* lien colonne de droite */
a.general10:link, a.general10:visited{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	margin-left: 10px;
}

a.general10:hover, a.general10:active{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin-left: 10px;
}

/* retrait gauche 1px dans bandeau gauche */
.margegauche1{
    margin-left: 1px;
}
/* retrait gauche 10px dans bandeau droit */
.margegauche10{
    margin-left: 10px;
}

#footer_print {
font: 10px Verdana, Arial, Helvetica, sans-serif;	text-align: center;
}

/* Pour l'affichage des LIBELLES au dessus des tableaux de produits*/
.libelle{ float: left;font: 10px/15px Verdana, Arial, Helvetica, sans-serif;margin: 0;padding:0 0 20px 62px;width: 340px;}
.libelle_titre{font: bold 12px Verdana, Arial, Helvetica, sans-serif;}
.gamme{font: bold 11px Verdana, Arial, Helvetica, sans-serif;text-decoration: underline;}
.visuel{float: left;padding: 0px 0 10px 10px;margin: 0;width: 165px;}