BODY {
  font-family : helvetica, tahoma, arial;
	font-size : 14px;
	color : #6C5E4C;	
	margin : 0;
	padding : 0;	
	height : 100%;	
	font-size : 14px;					
	vertical-align:top; 	 
	background:url(maquette/body-bg.gif) repeat-x left top #D2C1AC;
	overflow-y : scroll;
} 

img { border : 0px; }
A { color : #363E46; text-decoration : none; }

/* !!! symbole de redimensionnement de la boutique */
/* div pour centrer la boutique entière */


Div.conteneurPage {
    position: relative;   
    width: 736px;          /* !!! selon la largeur voulue */
    margin-left: -368px; /* !!! moitie de width */
    left: 50%;             /* constant, toujours 50% */    
    top : 0px;         
    height : auto;   
    margin-top : 0px;  
               
  }


  
.spacer {
	clear : both;
	visibility : hidden;
	margin :0;
}  
  
DIV.conteneurFooter {
	
	  position: relative;   
    width: 736px;        /* !!! selon la largeur voulue */
    margin-left: -368px; /* !!! moitie de width */
    left: 50%;           /* constant, toujours 50% */     
    top : 0px;         
    height : auto;   
    margin-top : 0px;         
    padding-top:10px;
    padding-bottom : 10px;	   	
} 



DIV.footer_div {
	width : 100%;
	left:0px;
	padding : 0px;
	height : 70px;	
	position:relative;
	float : left;
	font-size : 11px;
} 

Table.table_footer {  border:0; 
                      border-collapse:collapse;
                      width:766px; 
                      height:100%; 
                      padding-top:0px;
                    }
Table.table_footer TD.ligne_footer {
	font-size:11px; 
	font-family:Tahoma; 
	color:#6C5E4C; 
	line-height:14px; 
	vertical-align:top; 
	padding:0;
	width:100%; 
	height:100%; 
	background:url(maquette/f_back.gif) 
	no-repeat left top; 
	text-align:center;
}

DIV.conteneurFooter a {color:#363E46; font-weight:normal;}


/* le div qui contiendra les pages */
Div.detail {
	position : relative;
  left : 50%;
  margin-left : -170px;
	width : 610px;  /* !!! */
	height : auto;
	float : left;	
	line-height:17px;	
	background : white;
	padding : 8px;
	border : 1px solid #B75151;
	top : 6px;
}

/* ======================================================================================= */
/* Entete de page                                                                          */
/* ======================================================================================= */

DIV.entete {
	width : 736px;
	left : 50%;
	margin-left : -368px;
	margin-top : 0px;
	padding : 0px;
	height : 370px;			
	position:relative;
	float : left;
	clear : both;	
	margin-bottom : 48px;
	
}

#image_large {
	width : 766px;
	height : 351px;
	background : url(maquette/logo.jpg) no-repeat;
	position : relative;
	top : 23px;
	left : 0px;
	margin-bottom : 28px;	
}


div.barre_menu_container {
	width : 766px;
	height : 43px;	
	position : relative;
	top : 0px;
	left : 0px;	
	padding-left : 164px;
	padding-top : 0px;	
}

div.adapt_fr { padding-left: 20px; }

#leitmotiv { 
	           height : 18px;
	           width:auto;
	           position : absolute;
	           left : 430px;
	           top : 135px;
	           z-index : 10;
	           font-size : 22px;
	           color : #6C5E4C;
	           }

div.menu_haut {position : relative; float : left; height : 46px; padding-right:6px; padding-top:0px;  margin:auto;}
.image_menu1_fr {background:url(maquette/h_butt2_fr.gif) no-repeat scroll 0 0; width:142px; }
.image_menu1_uk {background:url(maquette/h_butt2_uk.gif) no-repeat scroll 0 0; width:142px; }
.image_menu1_de {background:url(maquette/h_butt2_de.gif) no-repeat scroll 0 0; width:142px; }

.image_menu2_fr {background:url(maquette/h_butt3_fr.gif) no-repeat scroll 0 0; width:142px; }
.image_menu2_uk {background:url(maquette/h_butt3_uk.gif) no-repeat scroll 0 0; width:142px; }
.image_menu2_de {background:url(maquette/h_butt3_de.gif) no-repeat scroll 0 0; width:142px; }

.image_menu3_fr {background:url(maquette/h_butt4_fr.gif) no-repeat scroll 0 0; width:142px; }
.image_menu3_uk {background:url(maquette/h_butt4_uk.gif) no-repeat scroll 0 0; width:142px; }
.image_menu3_de {background:url(maquette/h_butt4_de.gif) no-repeat scroll 0 0; width:142px; }

.image_menu4_fr {background:url(maquette/h_butt6_fr.jpg) no-repeat scroll 0 0; width:142px; }

div.menu_haut_international {position : relative; float : left; height : 12px; width:44px; top:17px; }
.lien_fr { background:url(maquette/flag_fr.png) no-repeat scroll 30px 0px; }
.lien_uk { background:url(maquette/flag_uk.png) no-repeat scroll 30px 0px; }
.lien_de { background:url(maquette/flag_de.png) no-repeat scroll 30px 0px; }

/* les elements d'identification */
div.erreur_identifiant {
	position : relative; left : 335px; width : 398px; height : 10px; font-size : 11px; color : red; padding : 3px; text-align : left;font-weight:bold;
}
#passe_perdu {
	position : relative; float:right; width : 120px; height : 10px; font-size : 9px; padding : 3px; text-align : left;font-weight:bold;
}
#passe_perdu a:hover, #pass_return a:hover {text-decoration:underline;}


/* ======================================================================================= */
/* page index                                                                              */
/* ======================================================================================= */

div.image_vin_fr { background : url(maquette/1_w3_fr.jpg) no-repeat;
	                 width : 250px;
	                 height : 35px;}
div.image_vin_uk { background : url(maquette/1_w3_uk.jpg) no-repeat;
	                 width : 250px;
	                 height : 35px;}	    
div.image_vin_de { background : url(maquette/1_w3_de.jpg) no-repeat;
	                 width : 250px;
	                 height : 35px;}	                              


/* ======================================================================================= */
/* Mise en forme du menu de gauche                                                         */  
/* ======================================================================================= */
/* le div qui contiendra les menus */

Div.menu {
	 position : relative;
	 width : 250px;
	 height : auto;
	 overflow : auto;
	 left : 50%;
	 margin-left : -437px;
	 /* border : 1px solid yellow; */	 	
	 text-align:left;
	 float:left;
	 clear : left;
	 background : transparent;	
}

/* div qui contient la case de recherche */
Div.menu .Recherche {
	 width : 100%;
	 overflow : hidden;	
	 height : 50px;

}

#caseRecherche { width : 150px;}
TD.texteRecherche {
	font-size : 12px;
	text-decoration : bold;
	padding-left : 3px;
}

/* div qui contient les données liées au panier */
Div.menu .resumePanier {	
	padding : 3px;
	padding-bottom : 5px;
	padding-left:8px;		
}

div.div_commentaire {
	width:270px; border : 1px solid lightgray; padding:8px;margin-left:12px;height:275px;margin-bottom:6px;
}
div.div_commentaire .area_commentaire {
	width:270px;
	border:1px solid lightgray; 
	height:255px;
}

#div_adresse {
	position:relative; border : 1px solid lightgray; padding:8px;margin-left:12px; width:270px;
}


/* ======================================================================================= */
/* les styles pour le menu derouka nt de gauche                                            */
/* ======================================================================================= */

div.menu A {
	text-decoration : none;	
}

DIV.menu_container {
	width:100%;
	background: url(maquette/fond_menu.png) repeat-y scroll 0 0;
	overflow : hidden;	
	margin-left : 0px;	
}

DIV.menu_container DIV.haut_menu {
	background : url(maquette/menu_haut.png) no-repeat scroll 0 0;
	width:100%;	
	height : 20px;
}

DIV.menu_container DIV.menu_bas {
	background : url(maquette/menu_bas.png) no-repeat scroll 0 0;
	width :100%;
	height : 13px;
}

/*menu premier niveau */

div.menu .Premier {	
	height : 27px;
	width:247px;	
	padding-left : 20px;	
	padding-top : 4px;	
}

div.menu div.PremierSelected {
	background: url(maquette/fond_menu_selected.png) no-repeat scroll 0 0;
	height : 27px;
	margin-left : 9px;	
	padding-top : 4px;	
	font-weight : bold;
}

div.menu div.PremierHover {
	background: url(maquette/fond_menu_hover.png) no-repeat scroll 0px 0;	
	margin-left : 9px;	
	height : 27px;
	padding-top : 4px;
}

div.menu div.PremierSelectedHover {
	background: url(maquette/fond_menu_selected_hover.png) no-repeat scroll 0px 0;	
	margin-left : 9px;	
	height : 27px;
	padding-top : 4px;	
}

div.menu div.PremierHover a {	color : #A5090D;	margin-left : 11px;}
div.menu div.PremierSelected a { color : white; margin-left:11px;}
div.menu div.PremierSelectedHover a { color : white; margin-left:11px;}

/* fi premier niveau */




/* les espaces sur les textes */


div.menu ul {
	list-style-type:none;
	margin:0px; padding:0px;
	margin-left : 10px;
	text-align:left;
	height : 27px;
	padding-top : 4px;	
	
}

div.menu ul li {	
	padding-left:30px;
	padding-top: 0px;
	margin :0px;
}	          

div.menu ul.Second {
	background: url(maquette/fond_sousmenu.png) no-repeat scroll 0 0;
	margin:0; 
	height:20px;
	padding:0;
	list-style-type:none;	
	margin-left:9px;
}


div.menu ul.SecondHover {
	background:url(maquette/fond_sousmenu_hover.png) no-repeat scroll 0 0;
	margin:0; 
	margin-left : 9px;	
	height:20px;
	padding:0;
	list-style-type:none;
}

div.menu ul.Second li, div.menu ul.SecondHover li, div.menu ul.SecondSelected li, div.menu ul.SecondSelectedHover li{
	padding-left : 33px;	
	padding-top: 2px;
	height:23px;	
}


div.menu ul.SecondSelected {
	background:url(maquette/fond_sousmenu_selected.png) no-repeat scroll 0 0;
	margin:0; 
	margin-left : 9px;	
	height:20px;
	padding:0;
	list-style-type:none;
}

div.menu ul.SecondSelectedHover {
  background:url(maquette/fond_sousmenu_selected_hover.png) no-repeat scroll 0 0;
	margin:0; 
	height:20px;
	padding:0;
	list-style-type:none;
	margin-left : 9px;	
}


div.menu div.menubas {
	height : 6px;
	width : 247px;
	background : url(maquette/bas_sous_categories.png) no-repeat;	
	margin-left : 9px;
	
}
a:link.menuboutique, a:visited.menuboutique, a:hover.menuboutique, a:active.menuboutique {	
	font-size: 1em;
}





/* ======================================================================================= */
/* mise en forme des résultats de recherche                                                */
/* ======================================================================================= */
H1.TitreSection {
	font-size : 35px;
	color : #A5090D;
}

P.IntroListeProduits {
	border-bottom : 1px dotted #B75151;
	padding-bottom : 30px;
	font-family : verdana;
	font-size : 11px;
	color : #B75151;
	text-align:left;
}


H2.TitreProduit, H1.TitreProduit {
	font-size : 25px;
	color : #B75151;
	margin-top : 30px;
	background : none;
	text-align:center;
}

/* pour les resultats en liste */
Div.conteneurProduit {
	position : absolute;
	float : left;
	clear : both;
	width : 100%;
	height : 100%;
	margin-top : 4px;
	margin-bottom : 0px;
	
	
}

/* dans la page resultat de recherche, retrait de la barre horizontale basse */
Div.resumeProduit {
	border-top : 1px solid #E6E6E6;
	border-bottom : 1px solid #E6E6E6;
	height : 100%;	
}

/* nouveaux styles */

.blockContain {
width: 610px;
background: url(../files/suppBG.gif) repeat-y;
height : auto;
position : relative;
float : left;
}

.blockContain a, .blockContain a:visited, .blockContain a:hover, .blockContain a:active{
font-weight: normal;
} 



/* la case de visualisation des files produits */
DIV.cadreImageProduit {
	background : White;
	width : 250px; /* dimensionne la largeur de l'image dans la page produit */
	height  : auto;
	position : relative;
  margin-top :6px;
  padding-bottom:6px;
  margin-left : 12px;
  position : relative;
  float : left;


}

DIV.cadreImageProduit TABLE {	
	width : 100%;
	border : 0px;	
}

TR.ligne_header {
	line-height : 14px;
}
TD.basTabLeft {
	vertical-align : top;	
	width:14px;
	height : 14px;
	background : White url(maquette/corner_bot_left.png) no-repeat scroll 0 0px;
	padding:0;
	margin : 0px;
}

TD.basTabRight {
	vertical-align:bottom;
	width:14px;
	height : 14px;
	background : White url(maquette/corner_bot_right.png) repeat-y scroll 0 0;
	padding:0;
}


TD.hautTabLeft {
	vertical-align : top;
	width : 14px;	
	background :White url(maquette/corner_up_left.png) no-repeat scroll 0 0;
	padding : 0;
	margin : 0px;
}

TD.hautTabRight {
	vertical-align : top;
	width : 14px;
	height : 14px;
	background : White url(maquette/corner_up_right.png) no-repeat scroll 0 0;
	padding:0;
	margin :0px;
}

TD.middleTabLeft {
	background : White url(maquette/middle_left.png) repeat-y scroll 0 0;
}
TD.middleTabRight {
	background : White url(maquette/middle_right.png) repeat-y scroll 0 0;		
}
TD.middleTabTop {
	background : White url(maquette/middle_top.png) repeat-x scroll 0 0;
}
TD.middleTabCase {
	background : White;
	text-align : center;			
}

DIV.conteneurPhoto {
	overflow : auto; 
	width:100%; 
	height:250px;	
	position : relative;
	
	
}

TD.bottomTabCase {
	background : #EEEFF1;
	
}

TD.bottomMiddleTabLeft {
	background : White url(maquette/middle_left_bottom.png) repeat-y scroll 0 0;	
}

TD.bottomMiddleTabRight {
	background : White url(maquette/middle_right_bottom.png) repeat-y scroll 0 0;		
}
/* the zoom case */
TD.bottomTabCaseDark {
	background : #E6E6E7;
	width : 50px;
}
TR.galeryLine {
	height : 60px;
}



/* le conteneur du descriptif des produits à droite de l'image*/
DIV.descriptifProduit {	
  position : relative;
  float : right;  
	height : auto;			
	margin-bottom :12px;		
	width:330px;	
	
}

/* les liens vers ami et facebook */
UL.Prod_Liens { list-style-type:none; }
UL.Prod_Liens A { color : #A5090D;}
UL.Prod_Liens A:hover {text-decoration:underline;}


/* la description de l'ebook */
DIV.descriptifProduit div.ebook {
	font-size : 9px;
	text-align : left;
	position : relative;
	float : right;
	width : 200px;
	margin-top : 8px;	
}


#table_prix { margin-top : 8px; position:relative; float:right; margin-bottom:8px;}
/* les cases à bords arrondis dans le descriptif */
/* les cases à bords arrondis dans le descriptif */
TR.productCase {
	background : #E6E6E7;		
}

TD.prix_cornerupleft { width : 5px; height : 5px; background : url(maquette/cornerupleft.png) no-repeat scroll 0 0;}
TD.prix_cornerupright{ width : 5px; height : 5px; background : url(maquette/cornerupright.png) no-repeat scroll 0 0;}
TD.prix_cornerbottomleft { width : 5px; height : 5px; background : url(maquette/cornerbottomleft.png) no-repeat scroll 0 0; }
TD.prix_cornerbottomright { width : 5px; height : 5px; background : url(maquette/cornerbottomright.png) no-repeat scroll 0 0; }

TR.productCaseLigne {
  background : #E6E6E7;	 
  line-height : 3px;
}


/* libelle gauche des cases */
TD.productCaseLeft {
	padding : 3px;
	padding : 8px;
	padding-left : 8px;
	padding-top :8px;
	font-weight : bold;
	font-family : verdana, tahoma, arial;	
	font-size : 13px;	
	
}

TD.largeurCaseLeft {
	width : 60px;
	
}
/* texte droit */
TD.productCaseRight {	
	font-size : 18px;
	font-family : verdana, tahoma, arial;	
	width : 105px;	
	padding-top : 0px;
	text-align:right;
  padding-right:4px;
}

TD.productCaseRight SPAN {
	color : White;
	padding : 0px;
	top:20px;	
	
}


TD.coloredCorner {
	background :  #A5090D;
}


DIV.div_titre {
	position:relative;width:100%; padding-left:12px;
}
/* le titre du produit */
P.TitreFicheProduit {
	color : #A5090D;
	font-family : tahoma;
	font-size : 28px;
	font-weight : bold;
	text-align:left;
	margin-left : 0px;	
	line-height : 1.3em;
	margin-top: 0.3em;	
}



DIV.descriptifP {margin-bottom : 8px;}

DIV.descriptifP LEGEND {
	font-weight : bold;
}
/* pour mozilla */
DIV.descriptifP P {
	font-size : 13px;
}

/* l'image affichée en premier dans la case */
IMG.premiereImage {
	display : block;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:0;
	top:50%;
	position:relative;  

}


/* la galerie photo */
DIV.galerie_vignette {
	border : 4px solid #A5090D;
	display : inline;
	float : left;
	margin : 5px;		
}

DIV.galerie_vignette IMG {	
	margin: 0 auto;
	width : 35px;	
	
}

/* styles hovering les images */
DIV.galerie_vignetteHover {
	border : 4px solid #4448D8;
	display : inline;
	float : left;
	margin : 5px;	
}

DIV.galerie_vignetteHover IMG {
	width : 35px;	
}

/* le prix des produits en francs */
.productPrice{  font-size:10px; font-weight:bold; color : White;}


/* le conteneur des options pour produit */
DIV.conteneurOptions {
	width : 100%; /* redimensionne le fond du cadre des options */
	height : auto;
	position : relative;	
	float : left;
	margin-top :0px;	
}

TD.ongletProdLeft {
	background : url(maquette/ongletprodleft.png) no-repeat scroll 0 0;
	width : 6px;
	height : 22px;
}

TD.ongletContinu {
	background : url(maquette/ongletprodcontinu.png) repeat-x scroll 0 0;
	font-family : helvetica, tahoma, verdana;
	font-size : 12px;
	font-weight : bold;
	color : #A5090D;
}

TD.ongletProdRight {
	background : url(maquette/ongletprodright.png) no-repeat scroll 0 0;
	width : 6px;	
}

TD.ProdPanelOption {
	background : #FFFFFF;
  height : auto;    
	border : 1px solid #A5090D;
	vertical-align : top;
	padding : 8px;
	
}

.bloc_options { margin:auto;font-size : 11px; font-family : Verdana, arial, sans-serif;  width:100%;display:inline;}
.bloc_options .libelOption {position:relative; width:120px; float:left;  margin-top : 6px; font-size:10px;} /* libelle liste */
.libelOptionSelect {position:relative; float:left; margin-top : 6px; width:180px; } /*liste deroulante */



/* la case des documentations téléchargeables */
DIV.case_documentation {
	position:relative;
	width:100%; 
	margin-top : 12px;
}

fieldset.doc_ficheproduit {
	border : 1px dotted #A5090D;
	padding : 4px;
	margin-bottom:8px;
	
	
}

fieldset.doc_ficheproduit legend {
	font-size : 11px;
	font-weight : bold;
	color : #A5090D;
	background : white;
}

A.libel_documentation {
	font-size : 13px;
	color : #A5090D;
}

/* fin nouveau styles */


/* les images des produits */
.product_image {border: 1px solid #5C949D;}

/* le libellé du produit */
.products_name{  font-size:12px; font-weight:bold; color:#A5090D; font-family:Verdana, Arial, Helvetica, sans-serif;}



/* le descriptif du produit */
.text_descriptif{clear:left; font-size:11px; font-family : Verdana, Arial, sans-serif;  }

/* le prix des produits */

.product_partirde {font-size : 9px; font-decoration:italic;}

/* les barres de séparation des produits et divers */
HR { color : "#5C949D";}

Div.conteneurProduit .plusInfos {
	
	position : relative;
	height : 30px;
	font-size : 9px;
	font-weight : 0;
	display : inline;
	margin-top :30px;
	vertical-align : top;
	margin-left : 0px;
	
}

A.rechercheCategorie {
	font-size : 10px;
	color : #A5090D;
}


/* AFFICHAGE DES PRIX */
/* ======================================================================== */
SPAN.PartieEntiere {FONT-SIZE:30pt; COLOR:#FF7F00; FONT-WEIGHT : bold; }
SPAN.PartieDecimale {position: relative; FONT-SIZE:15pt; COLOR:#FF7F00; FONT-WEIGHT : bold; margin-left:4px; top:-16px;}
TD.EncadrePrix {BACKGROUND:#FFFFFF; COLOR:#000000; FONT FAMILY : verdana; text-align:right; vertical-align:top; width:100px; border:1px solid #A5090D;}



/* pour les resultats en MOSAIQUE */
.barreMosaique {
	background : White url(../files/fond_barre.png) repeat-x scroll 0 0;
	width : 100%;
	height : 36px;
	position : relative;
	border-top : 1px solid #F1F1F1;
  border-bottom : 1px solid vertical-align:middle;
  clear : both;
}


Table.conteneurMosaique {
	width : auto;	
	font-size : 11px;  
  height : auto;
  padding : 5px;  
  
  
}

TD.cadreProduitTop {
	border : 1px solid #A5090D;
  border-bottom : 0px;		
	margin-top : 0px;		
}

TD.cadreProduitMiddle {
	border : 1px solid #A5090D;
	border-top : none;		
	border-bottom : 0px;
	padding-left:3px;
	padding-top : 12px;
	padding-bottom : 12px;
	text-align:center;
}

TD.cadreProduitBottom {
	border : 1px solid #A5090D;
	border-top : none;			
}

TD.cadreProduitTop P.titreProduit {
	font-family : tahoma;
	color : #891518;	
	font-weight : bold;
	margin-top : 8px;
	font-size : 16px;
	padding : 3px;
	text-align:center;
}


TD.cadreProduitBottom A {
	color : #56AABF;	
	font-size : 12px;
}

span.prixeuro {
	font-weight : bold;
	font-size : 12px;
}

span.prixfrancs {
	font-size : 12px;
}

div.marqueprod {position:relative; float:left;font-weight:bold;padding-left:3px;}
div.refprod {position:relative; float:right;padding-right:3px;}
div.etiquette_promo {
	position:absolute; 
	background : url(maquette/promo.gif) no-repeat scroll 0 0;
	width : 79px;
	height:80px;	
	margin-left:20px;
}
div.libelPromo {
	padding:4px; 
	width:92%; 
	border:1px solid DarkGray;
	margin-bottom:8px;
}
span.prixeuro_promo {
	font-weight : bold;
	font-size : 12px;
	color : #A5090D;
}
span.prixeuro_barre {
	font-weight : bold;
	font-size : 12px;
	text-decoration: line-through;
}
span.petit {
	font-size : 9px;
}
/* ======================================================================== */
/* les mises en forme pour le panier                                        */
/* ======================================================================== */
TABLE.panier {
	position : relative;	
	font-size : 11px;
	margin-top : 23px;
	width:auto;
}

TR.headerPanier {
	background : #A5090D;
	color : White;	
	font-weight : bold;		
}

TD.lignePanier {
	vertical-align:top;		
	border-right : 1px dotted #8B8461;	
}

.border_left {
	border-left : 1px dotted #8B8461;
}

.border_bottom {
	border-bottom : 1px dotted #8B8461;
}

TD.lignePanierNumber {
	text-align : right;
	margin-right : 4px;
	vertical-align : top;
  padding-right:8px;
	border-right: 1px dotted #8B8461;
}

.colonneDescriptif {
	width : 300px;
	padding-left:5px;
}

.colonnePhoto {
	padding-left : 5px;
}

.colonneQtite {
	width : 80px;
	padding-left:5px;
}

.colonneChiffre {
	width : 90px;
	padding-right:8px;
}

TD.lignePanierNumberFooter {	
	font-weight : bold;
	font-size : 12px;
}

/* lien pour effacer une ligne du panier */
A.PanierAction {
	color : #363E46;
}

/* =============================================== */
/* affichages des options dans les lignes de panier */

TD.optionPanier {
	font-size : 11px;
}

DIV.qtiteUpdater {	
	width : 12px;
	height : 30px;
	position : relative;
	float : left;
	padding-top : 0px;
	margin-top : 0px;	
}

DIV.qtiteUpdater IMG {
	width : 12px;
	height:10px;
	padding-top:0px;
	padding-bottom : 0px;
	position:relative;
	float:left;
}

DIV.panierVide {
	width : 610px;	
	padding-top:20px;
	padding-bottom:20px;
	border : 1px solid #CC2424;	
	color : #363E46;
	text-align : center;
}

DIV.retour {
	border : 0px solid;		
}

P.SectionPanier {
	font-size : 13px;
	font-weight : bold;
	margin-bottom : 9px;
	text-align:left;
}

P.Mail {
	border-bottom : 1px solid Gray;
}


/* ======================================================================== */
/* styles pour les écrans de paiement                                       */
/* ======================================================================== */

SPAN.alertePaiement {
	color : #A5090D;
	font-weight : bold;
}

P.TitreModePaiement {
	font-weight : bold;
	color : #363E46;
	font-size : 18px;
	margin-top : 20px; 
	line-height : 26px;
	text-align : left;
}

TD.fond_vert {
	background:url(maquette/top_bgr1.jpg) top left no-repeat; width:245px; height:245px;
}

DIV.descriptifPaypal {
	font-size : 14px;
	
}

Table.table_paiement { width: 100%; margin-top:23px;}


/* ======================================================================== */
/* mises en forme pour les formulaires                                      */
/* ======================================================================== */

fieldset.form {
	border : 1px solid #363E46;	
}

fieldset.form legend {
	
	padding: 2px;
	margin-bottom: 10px;
	font-weight : bold;
	font-size : 13px;
}

/* les labels pour les champs de formulaires */
fieldset.form label {
	clear: left;
	width: 120px;
	float: left;
	margin-right: 5px;
	font-size:12px;
	color : #620808;
	text-align:left;
	padding-top : 5px;	
	
}

input[type="submit"] {}

textarea, input[type="text"], select {
	background-color: #FFF;
	border: 1px solid #620808;
	font-weight : bold;
}



fieldset.form label span, fieldset.form p {
	color: #A5090D;
}

fieldset.form label span.min { font-size:11px; color: #334;}

fieldset.form label sup {
	font-size: 9px;
}

fieldset.form input, fieldset.form textarea, fieldset.form select {
	float: left;
	width: 100px;
	margin-bottom: 10px;
}

/*
*	Radio
*/
fieldset.form div.radio label, fieldset.form div.radio input {  clear: none; float: left; width: auto; border: none; color: #CC2424;}

fieldset.form div.radio label {margin-top: -5px; }
fieldset.form div.radio input { width: 15px; }

fieldset.form div.button { text-align:center; clear: left; }
fieldset.form div.button input {
	clear: left; margin-left:155px;
	background-color: #EEE;
	color: #334;
	font-weight: bold;
}


/* ================================================================================================================= */
/* the navigation bars inside the data products listings                                                                  */
/* ================================================================================================================= */

div.navig {
           padding : 3px;           
           position : relative;
           top : 6px;
           margin-bottom : 8px;
           margin-top : 2px;
           margin-right : 5px;
           float : right;
           font-weight : bold;
           
           }

div.navig ul {
	list-style-type: none;
	margin:0; padding:0;
	font-size:12px;
	font-family : tahoma, verdana, arial;
}
div.navig ul li {
	display: inline;
}

/* Barres de navigation : liens */
div.navig ul li a {
	text-decoration: none;
	color : White;
	padding-left : 4px;
  padding-right : 4px;
}
div.navig ul li a:link {	
	background : #363E46;
	border : 1px solid White;
	color : White;
}

div.navig ul li a:visited {
  background : #363E46;
	border : 1px solid White;
	color : White;
	
}
div.navig ul li a:hover {
	background : #B8B8B8;
	border : 1px solid #363E46;
	color : #363E46;
}
div.navig ul li div.navig ul li a:active {
	color : White;
}

/* Barres de navigation : page en cours */
div.navig ul li span {
	background : #B8B8B8;
	border : 1px solid #363E46;
	padding-left : 4px;
	padding-right : 4px;
	color : #363E46;
}             

/* Barres de navigation termes precedent et suivant */
A.navig_termes {
	font-weight : bold;
	font-size : 12px;
	font-family : arial;
	margin-left : 8px;
	
}


/* ========================================================= */
/* la barre de defilement resultats mosaique images          */
/* ========================================================= */

.barreMosaique {
	background : White url(maquette/fond_barre.png) repeat-x scroll 0 0;
	width : 100%;
	height : 36px;
	position : relative;	 
  vertical-align:middle;
  clear : both;
  border-top : 1px solid #E1B3B3;
  border-bottom : 1px solid #E1B3B3;
}


/* ========================================================= */
/* les calendriers de saisie                                 */
/* ========================================================= */
 /* CSS Document */
.calendar{
	background-color:#F7F6F3;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #60D6C3;
	width : 180px; /* mettre en relation, cette largeur avec celle des cellules en span */
	
	
}
.calendar a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;	
}


.calendar span{
	position:relative;
	float:left;
	display:block;
	width:25px;  /* verifier que 7 x width < .calendar:width */
	cursor:pointer;
	text-align:center;
	padding:0px;
	
}
.titleMonth{
	width:100%;
	background-color:#67D8C6;
	color:#FFFFFF;
	text-align:center;
	border-bottom:1px solid #666;
	margin:0px;
	padding:0px;
	padding-bottom:2px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
}
.separator{
	float:left;
	display:block;
	width:25px;
	border : 1px solid #A5090D;
}

.currentDay{
	font-weight:bold;
}

.last_week {
	border : 1px solid #F7F6F3;  /* la même couleur que le fond, évite le bug d'affichage en largeur! */
}

/* l'éfran de téléchargement */
/*===========================*/

DIV.descriptifTelecharger fieldset {
	width : auto;
	border : 1px solid #2A1100;
}

DIV.descriptifTelecharger legend {
	color : #2A1100;
}

DIV.descriptifTelecharger TD {
	color : #2A1100;
}
TD.puce_telecharger {
	width : 25px;
	height : 15px;
	background : url(puce_download.png) no-repeat scroll 0 10px;
}
TD.nom_telecharger {	
	width : 280px;
	font-weight : bold;
	font-size : 15px;
}
TD.dispo_telecharger {
	width : 200px;
	font-size : 12px;
	text-align : left;
}

A.lien_telecharger {
	text-decoration : none;
}


/* fin ecran de telechargement */
/*=============================*/


/* ecran page contact */
/*========================================================== */
div.contact_coordonnees {
	border:1px solid #363E46; 
	padding:8px; 
	width:510px;
	margin-top:0px;
}

div.contact_coordonnees .nom {
	background : #363E46;
	padding : 3px;
	font-weight : bold;
	text-align:center;
	color : White;
}

div.contact_coordonnees .infos {
	padding-top : 18px;
	text-align:center;
	width:100%;
}

div.contact_coordonnees TD {text-align:left; padding-left:12px;}
TD.phone {
	width : 30px;
	height : 30px;
	background : url(maquette/phone.png) no-repeat scroll 0 0;
}

TD.mail {
	width : 31px;
	height : 33px;
	background : url(maquette/mail.png) no-repeat scroll 0 0;
}

fieldset.form .libel_contact {	
	float: left;
	margin-right: 5px;
	font-size:12px;
	color : #A5090D;
	text-align:left;
	padding-top : 5px;	
	border : 1px solid #363E46; 
	width : 300px;
	
} 

/*======================================================================================== */
/* différents styles pour les boutons                                                      */
/*======================================================================================== */

#img_return { position : absolute; width : 200px; height:21px;cursor:pointer;} 
#img_return.static_fr { background : url(maquette/back_home_fr.png) no-repeat scroll 0 0;}
#img_return.static_uk { background : url(maquette/back_home_uk.png) no-repeat scroll 0 0;}
#img_return.hover_fr   { background : url(maquette/back_home_hover_fr.png) no-repeat scroll 0 0;} 
#img_return.hover_uk   { background : url(maquette/back_home_hover_uk.png) no-repeat scroll 0 0;} 

#img_request {width : 200px; height : 21px;cursor:pointer;}
#img_request.static_fr { background : url(maquette/button_contact_fr.png) no-repeat scroll 0 0;}
#img_request.static_uk { background : url(maquette/button_contact_uk.png) no-repeat scroll 0 0;}
#img_request.hover_fr  { background : url(maquette/button_contact_hover_fr.png) no-repeat scroll 0 0;} 
#img_request.hover_uk  { background : url(maquette/button_contact_hover_uk.png) no-repeat scroll 0 0;} 

#img_commander {width : 121px; height:46px;margin-right:0px;padding-right:0px; float:right; cursor:pointer;} 
#img_commander.static_fr { background : url(maquette/button_in_cart_fr.png) no-repeat scroll 0 0;}
#img_commander.static_uk { background : url(maquette/button_in_cart_uk.png) no-repeat scroll 0 0;}
#img_commander.hover_fr   { background : url(maquette/button_in_cart_hover_fr.png) no-repeat scroll 0 0;} 
#img_commander.hover_uk   { background : url(maquette/button_in_cart_hover_uk.png) no-repeat scroll 0 0;} 

#img_reserver {width : 97px; height:21px;} 
#img_reserver.static_fr { background : url(maquette/button_book_fr.png) no-repeat scroll 0 0;cursor:pointer;}
#img_reserver.static_uk { background : url(maquette/button_book_uk.png) no-repeat scroll 0 0;}
#img_reserver.hover_fr   { background : url(maquette/button_book_hover_fr.png) no-repeat scroll 0 0;} 
#img_reserver.hover_uk   { background : url(maquette/button_book_hover_uk.png) no-repeat scroll 0 0;} 


span.bouton_retour_panier {position:relative;float:left;margin-left : 475px; margin-top:-20px;cursor:pointer;}
span.bouton_retour_ami {position:relative;float:right;margin-top:0px; cursor:pointer; margin-right:120px;}
span.bouton_retour_liste {position:relative; float:left; margin-left:335px; margin-top:10px;}


#img_panier_retour { position : absolute; width : 141px; height:21px;cursor:pointer;margin-left:0px;} 
#img_panier_retour.static_fr { background : url(maquette/go_back_fr.png) no-repeat scroll 0 0;}
#img_panier_retour.static_uk { background : url(maquette/go_back_uk.png) no-repeat scroll 0 0;}
#img_panier_retour.hover_fr   { background : url(maquette/go_back_hover_fr.png) no-repeat scroll 0 0;} 
#img_panier_retour.hover_uk   { background : url(maquette/go_back_hover_uk.png) no-repeat scroll 0 0;} 

#img_ami_retour { position : absolute; width : 141px; height:21px;cursor:pointer;margin-left:0px;} 
#img_ami_retour.static_fr { background : url(maquette/go_back_fr.png) no-repeat scroll 0 0;}
#img_ami_retour.static_uk { background : url(maquette/go_back_uk.png) no-repeat scroll 0 0;}
#img_ami_retour.hover_fr   { background : url(maquette/go_back_hover_fr.png) no-repeat scroll 0 0;} 
#img_ami_retour.hover_uk   { background : url(maquette/go_back_hover_uk.png) no-repeat scroll 0 0;} 

#img_panier_ok { width : 117px; height:46px;cursor:pointer;text-align:center;} 
#img_panier_ok.static_fr { background : url(maquette/basket_ok_fr.png) no-repeat scroll 0 0;}
#img_panier_ok.static_uk { background : url(maquette/basket_ok_uk.png) no-repeat scroll 0 0;}
#img_panier_ok.hover_fr   { background : url(maquette/basket_ok_hover_fr.png) no-repeat scroll 0 0;} 
#img_panier_ok.hover_uk   { background : url(maquette/basket_ok_hover_uk.png) no-repeat scroll 0 0;} 

#buttonPaypal { width : 200px; height:21px;cursor:pointer;text-align:center;} 
#buttonPaypal.static_fr {background : url(maquette/button_paypal_fr.png) no-repeat scroll 0 0;}
#buttonPaypal.hover_fr  {background : url(maquette/button_paypal_hover_fr.png) no-repeat scroll 0 0;}
#buttonPaypal.static_uk {background : url(maquette/button_paypal_uk.png) no-repeat scroll 0 0;}
#buttonPaypal.hover_uk  {background : url(maquette/button_paypal_hover_uk.png) no-repeat scroll 0 0;}

#buttonCRCA { width : 200px; height:21px;cursor:pointer;text-align:center;} 
#buttonCRCA.static_fr {background : url(maquette/button_crca_fr.png) no-repeat scroll 0 0;}
#buttonCRCA.hover_fr  {background : url(maquette/button_crca_hover_fr.png) no-repeat scroll 0 0;}
#buttonCRCA.static_uk {background : url(maquette/button_crca_uk.png) no-repeat scroll 0 0;}
#buttonCRCA.hover_uk  {background : url(maquette/button_crca_hover_uk.png) no-repeat scroll 0 0;} 


/* page index */
#actualite_index {
	width : 250px;
	height : 35px;
	background : url(maquette/actualites.jpg) no-repeat;
	margin-top : 12px;
}

/* les actualites */

marquee.actualite_marquee {
	height : 230px;		
	padding : 4px;
	font-size : 12px;
}

div.actualites {
	width : 100%;
	height : 200px;	
}

div.actualites_titre {
	font-weight : bold;
	width : 250px;
	/* border : 1px solid red; */
	height : auto;
	text-align : center;
	margin-bottom: 5px;
	
}