BODY {
	font-family : tahoma, verdana, arial;
	font-size : 14px;
	color : black;
	margin : 0px;
	padding : 0px;	
	height : 100%;
	background : #EDEFF0 url(maquette/bg.gif) repeat-x scroll 0 0;	
}

img { border : 0px; }

/* !!! symbole de redimensionnement de la boutique */
/* div pour centrer la boutique entière */
Div.conteneurPage {
    position: relative;
    width: 1021px;        /* !!! selon la largeur voulue */
    margin-left: -520.5px; /* !!! moitie de width */
    left: 50%;           /* constant, toujours 50% */    
    top : 0px;
    height : 100%;      
    padding-left : 10px;
    padding-right : 10px;
    margin-top : 0px;
    background : white url(./maquette/border-inside.png) repeat-y scroll 0 0;
  }
  
.spacer {
	clear : both;
	visibility : hidden;
}  
  
DIV.conteneurFooter {
	  position: relative;
    width: 1041px;        /* !!! selon la largeur voulue */     
    height : auto;   
    clear : both;   
    top : 50px;
    margin-left : -11px;
   
}  




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


DIV.entete {
	width : 1081px;
	height : 126px;	
	margin-left : -30px;
	padding : 0px;
	
}

DIV.entete DIV.entete_left {	
	height : 126px;
	width : 30px;
	background : white url(maquette/entete_gauche.png) no-repeat scroll 0 0;
	float : left;
	position : relative;
}

DIV.entete DIV.entete_right {
	height : 126px;
	width : 30px;
	background : white url(maquette/entete_droit.png) no-repeat scroll 0 0;
	float : right;
	position : relative;	
}


DIV.entete DIV.entete_logo {	
	position : relative;
	float : left;
	height : 125px;
	width : 989px;
	padding-left : 15px;
	padding-right : 15px;	
	background : transparent;
}



ul, ul li { list-style:none; list-style-image:none; list-style-type:none;}
a{ color:#1c83e2}

ul.primary-links {margin:0px; padding:0px; list-style:none; text-align:center;}
ul.primary-links li { float:left; padding:0px; background:url(maquette/bg-li.gif) right 3px no-repeat}
ul.primary-links li a {color:#dae0e5; text-decoration:none; font-size:12px; font-weight:bold; text-transform:uppercase; padding:0px 53px 0px 53px; display:block;}
ul.primary-links li a:hover{ color:#FFF; text-decoration:underline;}
ul.primary-links li.last { background:none;}

DIV.entete DIV.image_logo_pro {	
	height : 85px;
	width : 475px;
	margin : 0px;
	padding:0px;
	background : white url(maquette/logo_pro.png) no-repeat scroll 0 10px;
	clear : both;
	position : relative; 
	float:left;

}

DIV.entete DIV.image_logo_col {	
	height : 85px;
	width : 475px;
	margin : 0px;
	padding:0px;
	background : white url(maquette/logo_col.png) no-repeat scroll 0 10px;
	clear : both;
	position : relative; 
	float:left;

}

DIV.entete DIV.log_in {
	position : relative;
	float : right;
	width : 480px;
	height : 35px;
	margin:0px;
	margin-top : 12px;
	padding : 0px;
	padding-left : 12px;
	margin-right:10px;	
	background : #F7F4F0;
	border : 1px solid #E7DED3;
}

DIV.log_in DIV.fields {
	padding : 0px;
	margin: 0px;
	vertical-align : middle;
	height :23px;
	position:absolute;
  width : 480px;
  padding-top :5px;
  padding-left :12px;
	
}

DIV.errorMessage {	
	border : 1px solid red;	
	color : red;
	text-align : center;		
	position:relative;
	top:40px;
	margin-left : -13px;
  padding-left : 8px;
  width : 270px;
  font-size:11px;
  padding-top:3px;
  padding-bottom:3px;
}

DIV.log_in DIV.texte_connecte {
	width:100%;
	text-align : center;
	padding-top:10px;
}

DIV.log_in DIV.deconnecter {
	position : relative;
	width : 485px;
	height : 20px;
	margin-left : -13px;
	top : 15px;
	padding-left : 8px;
}

DIV.deconnecter A {
	font-size : 10px;
	font-weight : bold;
	position : relative;
	top : -6px;
}

DIV.fields INPUT {	
	width:131px; 
	font-size:11px; 
	height:19px; 
	color:#6f614f; 
	background:url(maquette/bg-login-input.gif) top left no-repeat; 
	border:0px solid #cacaca; 
	padding:2px 5px 0px 5px;	
	position : relative;
	top : 3px;
	float : left;
	
}

DIV.fields label {
  position : relative;
  float : left;
  top : 3px;
	font-weight : bold;
	font-size : 12px;
	padding-right : 4px;		
}

DIV.fields .form-submit{ 
	background:url(maquette/login.gif) top left no-repeat; 
	font-family:Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	position : relative;
	float : left;
	border:none; 
	width:52px; 
	height:28px; 
	
	font-weight:normal; 
	color:#FFFFFF; 
	font-size:11px; 
	padding:0px 0px 3px 0px; 	
	top : 0px;
	}

DIV.entete DIV.menu_header {
	background : #31363C;
	height : 9px;
	padding : 17px;
	width : 963px;
	position : relative;
	float : left;
	color : lightgray;
	overflow:hidden; padding-top:12px; padding-left : 0px;	
}

/* imlage sous le header pour la premiere page */
DIV.sous_header {
	width : 1081px;
	height : 600px;	
	margin-left : -30px;	
}

DIV.sous_header DIV.left {
	height : 400px;
	width : 30px;
	background : white url(maquette/header2_left.png) no-repeat scroll 0 0;
	float : left;
	position : relative;	
}

DIV.sous_header DIV.right {
	height : 400px;
	width : 30px;
	background : white url(maquette/header2_right.png) no-repeat scroll 0 0;
	float : right;
	position : relative;	
	clear : right;
}

DIV.sous_header DIV.middle {	
	width : 1020px;
	float : left;
	position : relative;
	height : 615px;
	background : white url(maquette/header_large.jpeg) no-repeat scroll 54px 15px;
	
}


/* le footer */

DIV.footer {
	height : 50px;
	position : relative;
	background : #EDEFF0 url(maquette/footer_background.png) no-repeat scroll 0 0;
}

/* footer */
#footer { color:#62656a; font-size:11px; font-weight:normal; text-transform:uppercase; text-align:center; width:100%; overflow:hidden; padding-top:20px;}
.foot { text-align:right; margin:0 auto; width:1039px;}
#footer a { color:#62656a; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#footer .foot span { padding-right:18px;}
/* footer end */


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

Div.menu {
	 position : relative;
	 width : 200px;
	 height : auto;
	 overflow : hidden;
	 left : 15px;
	 /* border : 1px solid yellow; */
	 float : left;		 
	 background : #F2F4F5 url(maquette/fond_menu.png) repeat-x scroll 0 0;	
}

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

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

/* div qui contient les données liées au panier */
Div.menu .resumePanier {
	
	border-bottom : 2px solid #E5E7E8;
	background : #F2F4F5 url(maquette/fond_menu.png) repeat-x scroll 0 0;
	padding : 5px;
	padding-top:11px;
	padding-bottom : 5px;
}

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



div.bas_Menu {
	width:200px;

	background : white url(maquette/bas_menu.png) no-repeat scroll 0 0;
	height : 8px;
}
div.menu DIV.encadre_Menu {
	background : #F2F4F5 url(maquette/fond_menu2.png) repeat-x scroll 0 0;
	padding-top:11px;		
	
}

div.menu ul.Premier {
	
	background:#F2F4F5 url(maquette/a1.png) no-repeat scroll 10px 6px;
	list-style-type:none;
	margin:0; padding:0;
	padding-top : 2px;
}

div.menu ul.Second {
	background:#F7F4F0 url(maquette/a3.png) no-repeat scroll 19px 7px;
	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:#2e76ad !important;
	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;
	text-align : left;
}


H2.TitreProduit {
	display:block; 
	border-bottom:#bcbcbc 1px solid; 
	color:#3599F9; 
	line-height:34px; margin:0; 
	margin-top:5px; 
	margin-bottom:10px; 
	padding:0;
	font-size : 28px;
	text-align : left;
	margin-bottom : 12px;
}

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

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

/* 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 : #3599F9;
}
/* le titre du produit */
P.TitreFicheProduit {
	color : #0E6FB7;
	font-family : tahoma;
	font-size : 30px;
	font-weight : bold;
	color:#3599F9; 
}

/* le texte descriptif du produit */
/* pour IE */
DIV.descriptifP {
	font-size : 15px;
	font-family : tahoma, verdana, helvetica;
	margin-bottom : 17px;
	margin-top : 12px;
}
/* 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 #3599F9;
	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;
	margin-right : 12px;
	
}

/* 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;
	background : white;
}

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 : #3599F9;
}


/* 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 : #3599F9;	
	font-weight : bold;
	margin-top : 18px;
	font-size : 12px;
	padding : 3px;
}

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

span.prixeuro {
	font-weight : bold;
	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:relative; 
	background : url(maquette/promo.gif) no-repeat scroll 0 0;
	width : 79px;
	height:80px;	
	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.prixfrancs {
	font-size : 12px;
}

span.petit {
	font-size : 9px;
}
/* ======================================================================== */
/* les mises en forme pour le panier                                        */
/* ======================================================================== */
TABLE.panier {
	position : relative;	
	font-size : 11px;
	margin-top : 23px;
	background : white;
	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;
}

P.TitreModePaiement {
	font-size : 18px;
}




/* ======================================================================== */
/* 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: white;}

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