BODY {
	font-family : helvetica, tahoma, arial;
	font-size : 14px;
	color : black;
	margin : 0px;
	padding : 0px;	
	height : 100%;
}

img { border : 0px; }

/* !!! symbole de redimensionnement de la boutique */
/* div pour centrer la boutique entière */
Div.conteneurPage {
    position: relative;
    width: 900px;        /* !!! selon la largeur voulue */
    margin-left: -450px; /* !!! moitie de width */
    left: 50%;           /* constant, toujours 50% */    
    top : 0px;
    height : 100%;
    /* border : 1px solid blue;    */
   
    margin-top : 0px;
  }
  
.spacer {
	clear : both;
	visibility : hidden;
}  
  
DIV.conteneurFooter {
	  position: relative;
    width: 900px;        /* !!! selon la largeur voulue */
    margin-left: -450px; /* !!! moitie de width */
    left: 50%;           /* constant, toujours 50% */       
    height : auto;
    border : 1px solid green;
    clear : both;   
}  


/* le div qui contiendra les pages */
Div.detail {
	position : relative;
  top : 0px;
	left : 0px;
	width : 690px;  /* !!! */
	height : auto;
	/* border : 1px solid yellow; */
	float : right;
}



DIV.entete {
	width : 100%;
	height : 150px;	
}

DIV.footer {
	height : 50px;
	position : relative;

}


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

Div.menu {
	 position : relative;
	 width : 200px;
	 height : auto;
	 overflow : hidden;
	 left : 0px;
	 /* border : 1px solid yellow; */
	 float : left;		 	
}

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

TD.texteRecherche {
	font-size : 12px;
	 color : white;
	 text-decoration : bold;
	 padding-left : 3px;
}

/* div qui contient les données liées au panier */
Div.menu .resumePanier {
	border-top : 1px solid blue;
	border-bottom : 2px solid blue;
}

div.menu ul.Premier {
	background:#BDF74A url(../files/menu_puce.gif) no-repeat scroll 0 0;
	list-style-type:none;
	margin:0; padding:0;
}

div.menu ul.Second {
	background:#BDF74A url(../files/menu_puce_bis.gif) no-repeat scroll 0 0;
	margin:0; 
	height:27px;
	padding:0;
	list-style-type:none;
}
div.menu ul.Premier li {
	/* background:#FFFFFF ; */
	
	padding-left:30px;
	padding-top: 1px;
	height:23px;
	
}

div.menu ul.Second li {
	padding-left : 40px;	
	padding-top: 1px;
	height:23px;
}

div.menu ul.Second li.MenuBordureBas {
	border-bottom: 1px solid #BDF74A;
}
div.menu ul.Second li.MenuBordureHaut {
	border-top: 1px solid #bdF74A;
}


a:link.menuboutique, a:visited.menuboutique, a:hover.menuboutique, a:active.menuboutique {
	font-family: tahoma,arial,helvetica,sans-serif;
	text-decoration: none;
	color: blue;
	font-size: 0.8em;
}






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

P.IntroListeProduits {
	border-bottom : 1px dotted gray;
	padding-bottom : 30px;
	font-family : verdana;
	font-size : 11px;
}


H2.TitreProduit {
	font-size : 25px;
	color : blue;
	margin-top : 30px;
	background : none;
}

/* 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 {
margin: 18px auto 0 auto;
width: 690px;
background: url(../files/suppBG.gif) repeat-y;
border: 1px solid #a3a3a3;
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 : 300px; /* dimensionne la largeur de l'image dans la page produit */
	height  : auto;
	position : relative;
  margin-top :6px;
  padding-bottom:6px;
  margin-left : 12px;
  float:left;
	
}

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

TD.basTabLeft {
	vertical-align:bottom;
	width:14px;
	height : 14px;
	background : white url(../files/corner_bot_left.png) repeat-y scroll 0 0;
	padding:0;
}

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


TD.hautTabLeft {
	vertical-align : top;
	width : 14px;
	height : 14px;
	background :white url(../files/corner_up_left.png) repeat-y scroll 0 0;
	padding : 0;
}

TD.hautTabRight {
	vertical-align : top;
	width : 14px;
	height : 14px;
	background : white url(../files/corner_up_right.png) repeat-y scroll 0 0;
	padding:0;
}

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

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

TD.bottomTabCase {
	background : #EEEFF1;
	width : 225px;
}

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

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

/* the zoom screen */
DIV.overlay_zoom {
	background: white url(../files/overlay.png) repeat scroll 0 0;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	position : absolute;
	left : 0px;
	top : 0px;
	width : 200px;
	height : 200px;
	/* border : 1px solid red; */
	z-index : 20000;
	display : none;
}

DIV.zoomCadre {
	position : absolute;
	/* width: 400px;        /* !!! selon la largeur voulue */
  /* margin-left: -200px; /* !!! moitie de width */
  /* left: 50%;           /* constant, toujours 50% */ 	
	
	z-index : 20100;
	top : 50px;  
	display : none;
	padding : 4px;
	background : black;	
}

TD.caseZoom {
	background : white;
}

TR.zoomCase {
	background : #E6E6E7;
	line-height:0px;
}

/* la ligne du bouton fermer */
TD.ligneFermer {

	background : url(../files/fondboutonzoomimage.png) repeat scroll 0 0;
	padding:2px;
	text-align : center;
}

TD.ligneFermer INPUT {
	background : transparent;
	border : 0px;
	color : white;
}

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

/* la description de l'ebook */
DIV.descriptifProduit p.ebook {
	font-size : 9px;
}

/* les cases à bords arrondis dans le descriptif */
TR.productCase {
	background : #E6E6E7;
	/* line-height:0px;		*/
}

TR.productCaseLigne {
	line-height : 0px;
	background : #5B330B;	
}

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

TD.largeurCaseLeft {
	width : 200px;
}
/* texte droit */
TD.productCaseRight {
	padding : 3px;	
	color : white;
	font-size : 18px;
	font-family : verdana, tahoma, arial;	
	width : 105px;
}

TD.coloredCorner {
	background : blue;
}
/* le titre du produit */
P.TitreFicheProduit {
	color : #0E6FB7;
	font-family : tahoma;
	font-size : 20px;
	font-weight : bold;
}

/* le texte descriptif du produit */
/* pour IE */
DIV.descriptifP {
	font-size : 13px;
	font-family : tahoma, verdana, helvetica;
	margin-bottom : 17px;
}
/* pour mozilla */
DIV.descriptifP P {
	font-size : 13px;
	font-family : tahoma, verdana, helvetica;
}

/* l'image affichée en premier dans la case */
IMG.premiereImage {
	display : block;		
}


/* la galerie photo */
DIV.galerie_vignette {
	border : 4px solid blue;
	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 red;
	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 : 300px; /* redimensionne le fond du cadre des options */
	height : auto;
	position : relative;	
	float : left;
	margin-top :10px;	
}

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

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

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

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

.bloc_options { margin:auto;font-size : 11px; font-family : Verdana, arial, sans-serif; display : inline;}
.bloc_options .libelOption {position:absolute; width:100px;  margin-top : 6px; }
.libelOptionSelect {position:relative; left : 105px; margin-top : 6px; width:170px; }

/* le bouton commander de la page produit */
DIV.boutonCommander {
	text-align : right;
	position : relative;
	
}

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

fieldset.doc_ficheproduit {
	border : 1px dotted #0E6FB7;
	padding : 4px;
}

fieldset.doc_ficheproduit legend {
	font-size : 11px;
	font-weight : bold;
	color : #0E6FB7;
}

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

/* fin nouveau styles */


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

/* le libellé du produit */
.products_name{  font-size:12px; font-weight:bold; color:#006dd7; 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 : "#e98d28";}

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 : blue;
}


/* 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 red;}



/* 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 #EBE8D8;
  border-bottom : 0px;		
	margin-top : 0px;		
}

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

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

TD.cadreProduitTop P.titreProduit {
	color : #8ECAFE;	
	font-weight : bold;
	margin-top : 8px;
	font-size : 12px;
	padding : 3px;
}


TD.cadreProduitBottom A {
	color : #1588E1;	
	font-size : 12px;
}

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

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

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 : red;
}
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;
	background : #BCACAC;
	width:auto;
}

TR.headerPanier {
	background : #F3F3F3;	
	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;
	color : black;
	border-right: 1px dotted #8B8461;
}

.colonneDescriptif {
	width : 250px;
	color:black;
}

.colonneQtite {
	width : 50px;
	color:black;
	text-align : right;
	padding-right : 8px;
}

.colonneChiffre {
	width : 110px;
	padding-right:8px;
	color:black;	
	text-align : right;	
}

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

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

/* =============================================== */
/* 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 : 620px;	
	padding-top:20px;
	padding-bottom:20px;
	border : 1px solid #F3F3F3;	
	color : black;
	text-align : center;
}

DIV.retour {
	border : 0px solid;
}

P.SectionPanier {
	font-size : 13px;
	font-weight : bold;
	color : black;
	margin-bottom : 9px;
}

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


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

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






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



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;
	
}


textarea, input, select {
	background-color: #fff;
	border: 1px solid gray;
}



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

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

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; background-color: #F3F3F3;}

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: #000;
	font-weight: bold;
}


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

div.navig {border : 1px solid #ACA899; 
           padding : 3px;
           background : #ECE9D8;           
           position : relative;
           top : 3px;
           margin-bottom : 8px;
           margin-top : 8px;
           margin-right : 5px;
           float : right;
           
           }

div.navig ul {
	list-style-type: none;
	margin:0; padding:0;
	font-size:10px;
}
div.navig ul li {
	display: inline;
}

/* Barres de navigation : liens */
div.navig ul li a {
	text-decoration: none;
}
div.navig ul li a:link, div.navig ul li a:visited {
	
}
div.navig ul li a:hover, div.navig ul li a:active {
	
}

/* Barres de navigation : page en cours */
div.navig ul li span {
	color: #ff1693; /* rose */
}             

/* 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 .navig {	
	background : transparent;	
	border : 0px solid;
	top : 0px;	
}



/* ========================================================= */
/* les calendriers de saisie                                 */
/* ========================================================= */
 /* CSS Document */
.calendar{
	background-color:#f7f6f3;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #0099cc;
	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:#08a1d4;
	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 red;
}

.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 lightgray; 
	padding:8px; 
	width:100%;
}

div.contact_coordonnees .nom {
	background : lightgray;
	padding : 3px;
	font-weight : bold;
	text-align:center;
}

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;
}