BODY {
	font-family : helvetica, tahoma, arial;
	font-size : 14px;
	color : #EFCF7A;
	margin : 0px;
	padding : 0px;	
	background: url(../images/body_back.jpg) top;
		
}

A { color : #4095DD;
}

img { border : 0px; }

/* !!! symbole de redimensionnement de la boutique */
/* div pour centrer la boutique entière */
Div.conteneurPage {
    position: absolute;
    width: 916px;        /* !!! selon la largeur voulue */
    margin-left: -457px; /* !!! moitie de width */
    left: 50%;           /* constant, toujours 50% */    
    top : 0px;     
    background: url("../images/bkg_page1.png") repeat-y scroll 0px 0px;
    margin-top : 0px;   
    height : auto; 
    padding-left : 15px;
    padding-right : 1px;
    
  }
  
.spacer {
	clear : both;
	visibility : hidden;
}

DIV.conteneurFooter {	  
    width: 899px;        /* !!! selon la largeur voulue */   
    height : auto;        
    clear:both;
    position:relative;
    height:61px; 
    background: url("../images/bg_footer.png") top repeat-x black;
    text-align : center;
    color : brown;
}  


/* le div qui contiendra les pages */
Div.detail {	
	left : 0px;	
	width : 680px;  /* !!! */
	height : auto;	
	float : left;
	padding : 9px;
	top : 150px;
}



DIV.entete {
	width : 100%;
	padding : 0px;
	/* border : 1px solid red; */
}

DIV.Barre_Menu_Entete A {
	
	color : #EFCF7A;
	text-decoration : none;
}
DIV.Barre_Menu_Entete {
	background: url("../images/bg_barre_menu.png") top repeat-x #66554b;
	width:698px;
	height: 30px;
	position:relative;
	float:left;
}

DIV.Barre_Menu_Entete .No_Select {
	height : 24px;	
	text-align:center;
	font-weight : bold;	
	padding-top : 6px;
	padding-left : 4px;
	padding-right : 4px;
	float : left;
	background: url("../images/bg_barre_menu.png") top repeat-x #66554b;
	cursor : pointer;
	
}

DIV.Barre_Menu_Entete .Menu_Hover {
	height : 24px;
	text-align:center;
	font-weight : bold;	
	padding-top : 6px;
	padding-left : 4px;
	padding-right : 4px;
	float : left;	
	background: url("../images/bg_barre_menubis.png") top repeat-x #66554b;
	cursor : pointer;
}

DIV.Barre_Menu_Entete .Selected {
	height : 24px;
	text-align:center;
	font-weight : bold;	
	padding-top : 6px;
	padding-left : 4px;
	padding-right : 4px;
	float : left;	
	background: url("../images/bg_barre_menu_selected.png") top repeat-x #66554b;
	cursor : pointer;
}

DIV.Barre_Menu_Entete .Barre_Separator {
	height : 30px;
	width : 2px;
	background: url("../images/bg_barre_menu_separator.png") top repeat-x #66554b;
	float : left;
}

DIV.footer {
	height : 50px;
	left : 0px;
	position : absolute;
	padding-top: 23px;	
	width : 800px;
	/* border : 1px solid red; */
	text-align : center;	
	
}


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

Div.menu {
	 position : relative;
	 width : 200px;
	 height : auto;
	 overflow : hidden;
	 /* border : 1px solid yellow;  */
	 float : right;		 	
	 margin-right:18px;
	 top : -8px;	
	 
}

/* div qui contient la case de recherche */
Div.menu .Recherche {
	 width : 100%;
	 overflow : hidden;
	 background: url("../images/bg_recherche.png") top repeat-x #66554b;
	 height : 61px;
}

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-left : 1px solid #7B4D05;
	border-bottom : 2px solid #800000;
	background: url("../images/bg_resume_panier.gif") top  #66554b;
	color : #7B4D05;
	padding-left:8px;
	padding-right : 8px;
	padding-bottom : 6px;
	padding-top:6px;
	
}

div.bas_menu_francepoupees {
	width:200px;
	height : 30px;
	border-top : 1px solid #7B4D05;	  	
}

div.infos_legales {	
	width:200px;
	height : 300px;		
}

A.lien_infos_legales {
	padding-left : 20px;	
}

A:hover.lien_infos_legales {
	color : #42A2FC;
}
div.infos_legales DIV {
	border-left : 1px solid #7B4D05;
	width : 200%;
	background : white;
}

div.bas_infos_legales {
	height : 6px;
	border : 1px solid #7B4D05;
	border-top : 0px;
}

TD.ligne_texte {
	color : #7B4D05;
	font-size : 16px;
	text-align : justify;
	line-height : 21px;
	padding-left : 20px;
	padding-right : 20px;
}

TD.ligne_texte P.titreSection {
	font-size : 21px;
	font-weight : bold;
	line_height : 30px;
}

div.infos_legales IMG {
	width : 200px;
}

div.menu .Premier {
	background: white ;
	height : 21px;
	width : 200px;
	padding-left : 20px;	
	padding-top : 4px;
	border-left : 1px solid #7B4D05;
}

div.menu A {
	text-decoration : none;	
	color : #AE3A2E;
	font-weight : bold;
}

div.menu div.PremierHover {
	background: #F7A54A url(../images/menu_puce_hover.gif) no-repeat scroll 0 0;	
	padding-left : 18px;	
	border-left : 3px solid #7B4D05;
	height : 21px;
	padding-top : 4px;
}

div.menu div.PremierSelected {
	background: white url(../images/menu_puce_selected.gif) no-repeat scroll 0 0;
	height : 19px;
	width : 200px;
	padding-left : 30px;	
	border-left : 1px solid #7B4D05;	
	padding-top : 6px;
}


div.menu ul {
	height : 20px;
	padding-top : 4px;
}
div.menu ul.Second {
	background: white url(../images/sous_menu_puce.gif) no-repeat scroll 0 0;
	margin:0; 
	height:27px;
	padding:0;
	list-style-type:none;
	border-left : 1px solid #7B4D05;
}
div.menu ul.Premier li {
	/* background:#FFFFFF ; */	
	padding-left:30px;	
}

div.menu div.PremierHover a {
	color : black;
}

div.menu ul.Second li a {
	color : black;	
	font-size : 12px;
}

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

div.menu ul.Second_Hover {
	background:white url(../images/sous_menu_puce_hover.gif) no-repeat scroll 0 0;
	margin:0; 
	height:27px;
	padding:0;
	list-style-type:none;
	border-left : 1px solid #7B4D05;		
}

div.menu div.menubas {
	height : 6px;
	width : 200px;
	background : url(../images/menu_puce_bas.gif) no-repeat;
	border-left : 1px solid #7B4D05;
	
}
div.menu ul.Second_Hover li {
	padding-left : 27px;	
	padding-top: 4px;
	height:23px;	
}

div.menu ul.Second_Hover li a {
	color : white;	
	font-size : 12px;
}

a:link.menuboutique, a:visited.menuboutique, a:hover.menuboutique, a:active.menuboutique {
	font-family: tahoma,arial,helvetica,sans-serif;
	text-decoration: none;
	color: #800000;
	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;
	color : #E10000;
}


H2.TitreProduit {
	font-size : 25px;
	color : #E10000;
	text-align:left;
	margin-top : 30px;
	margin-bottom : 0px;
}

H1.TitreProduit {
	font-size : 25px;
	color : #E10000;
	text-align : left;
	margin-top : 30px;
	margin-bottom : 0px;
	background : none;
}

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

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

/* nouveaux styles */
/* les ombarges à gauche et à droite de la page produits */
DIV.gaucheProduit {
	background : white url(../images/prod_gauche.png) repeat-y scroll 0 0;
	width : 20px;
	height:100%;
	float : left;	
	position : relative;
}

DIV.droiteProduit {
	background : white url(../images/prod_droit.png) repeat-y scroll 0 0;
	width : 20px;
	height:100%;
	float : right;
	position : relative;
}

/* la case de visualisation des images produits */
DIV.cadreImageProduit {

	width : 305px;
	height : auto;
	float : left;	
  margin-top :6px;
  padding-bottom:0px; 
	
}

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 : #C07908;
	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 : #BB6406;
	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 */
DIV.descriptifProduit {
	position : relative;
	float : left;
	width : 365px;
	height : auto;	
	/* border : 1px solid red; */
	left : 10px;
	margin-bottom :12px;
}
P.ebook {
	color : #2A1100;
}
DIV.descriptifProduit FIELDSET {
	border : 1px solid #2A1100;	
	font-size : 17px;	
	color : #2A1100;	
	background : transparent;
	width : 340px;	
}

DIV.descriptifProduit FIELDSET DIV.ie_adapt {}

DIV.descriptifProduit FIELDSET P {
	
	padding : 0px;
	font-size : 17px;	
	color : #2A1100;	
}

DIV.descriptifProduit LEGEND {
	font-size : 18px;
	font-family : tahoma, verdana, arial;	
	font-weight : bold;
	color : #2A1100;
	padding : 9px;
}

DIV.descriptifProduit FIELDSET TD.propriete_titre {
	width : 33%;
	border-bottom : 1px solid white;
}

DIV.descriptifProduit FIELDSET TD.libel_propriete {
	font-size : 13px;
	vertical-align : top;
	width : 100px;
}

DIV.descriptifProduit FIELDSET TD.libel_caracteristique {
	vertical-align : top;
	font-size : 15px;
	font-weight : bold;
}

/* les cases à bords arrondis dans le descriptif */
TR.productCase {
	background : #F0E4BC;		
}

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


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

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

TD.coloredCorner {
	background : #BB6406;
}

/* le titre du produit */
  P.TitreFicheProduit {	
	font-family : tahoma;
	font-size : 25px;
	font-weight : bold;
	color : #E10000;
}

/* 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 #800000;
	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 #BDF74A;
	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;
	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 : white;
}

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

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

.bloc_options {  margin:auto;font-size : 12px; font-family : Verdana, arial, sans-serif; display : inline; font-weight:bold;color:#6A4C10;}
.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;	
	padding:8px;
	padding-right : 0px;
	clear : both;
}


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

fieldset.doc_ficheproduit {
	border : 1px solid #27A338;
	padding : 9px;	
	background : transparent;

}

fieldset.doc_ficheproduit legend {
	font-size : 15px;
	font-family : tahoma, verdana, arial;	
	font-weight : bold;
	color : #27A338;
}

A.libel_documentation {
	font-size : 13px;
	color : darkgray;
	font-weight : bold;	
}
/* 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 : #800000;
}


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





Table.conteneurMosaique {
	width : auto;		
	 font-size : 11px;  
  height : auto;
   
 
  border-collapse:separate;
}

.conteneurMosaique TD.cadreProduitTop {
	border : 1px solid #E10000;		
	border-bottom : 0px solid;
	margin : 6px;
	margin-top : 0px;	
	padding:4px;	
	padding-top : 0px;
	color : #1E6E06;
	font-weight : bold;
	font-size :13px;	
	
	/* background : black url(../images/bg_mosaique_titre.png) repeat-x scroll 0 0; */
}
.conteneurMosaique TD.cadreProduitMiddle {
	
	margin : 6px;
	margin-top : 0px;
	border : 1px solid #E10000;		
	border-bottom : 0px solid;
	border-top : 0px solid;
	padding:4px;	

}

A.plusinfo {
	text-decoration : none;
	font-size : 15px;
	font-weight : bold;
	color : #C00849;
}
.conteneurMosaique TD.cadreProduitBottom {
	
	margin : 6px;
	margin-top : 0px;
	border : 1px solid #E10000;			
	border-top : 0px solid;
	padding:4px;			
	background : url(../images/bg_poupees.gif) scroll 0 0;
}

P.titreProduit {
	font-size:16px;	
	font-weight : bold;
	margin-top : 0px;
	padding:0px;
	color : #2A1100;
}

.conteneurMosaique .cadreProduit IMG {
	margin : 8px;
	clear  : both;
}

.conteneurMosaique TD.bottomMosaique {
	text-align : left;
	margin : 0px;		
}

span.prixeuro {
	font-weight : bold;
	color : #3F3935;
	font-size : 19px;
}

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

div.etiquette_promo {
	position:absolute; 
	background : url(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;
	color : black;
}
span.prixeuro_promo {
	font-weight : bold;
	font-size : 19px;
	color : #3F3935;
}
span.prixeuro_barre {
	font-weight : bold;
	font-size : 15px;
	text-decoration: line-through;
	color : black;
}

span.petit {
	font-size : 9px;
	color : #C00849;
}

/* ======================================================================== */
/* les mises en forme pour le panier                                        */
/* ======================================================================== */
TABLE.panier {
	position : relative;
	width : 100%;
	font-size : 11px;
	margin-top : 23px;
	background : transparent;
	url(../images/bg_poupees.gif) scroll 0 0;	
	
}

TR.headerPanier {
	/* background : url(../images/bg_barre_panier.png) repeat-x scroll 0 0;	 */
	background : #C07908;
	font-weight : bold;	
	font-size : 13px;
	margin-left : 5px;	
	color : white; 
}



TD.lignePanier {
	vertical-align:top;		
	border-right : 1px dotted #2A1100;
	color : #2A1100;
	font-size : 14px;
}

.border_left {
	border-left : 1px dotted #2A1100;
}

.border_bottom {
	border-bottom : 1px dotted #2A1100;
}

TD.lignePanierNumber {
	text-align : right;
	margin-right : 4px;
	vertical-align : top;
  padding-right:8px;
	color : #2A1100;
	border-right: 1px dotted #2A1100;
	font-size:14px;
}

.colonneDescriptif {
	width : 250px;	
}

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

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

TD.lignePanierNumberFooter {	
	font-weight : bold;
	font-size : 12px;
}
/* =============================================== */
/* 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 : 600px;
	padding : 20px;
	border : 1px solid #2A1100;	
	margin-top : 20px;
	text-align : center;
	color : #2A1100;
}

DIV.retour {
	border : 0px solid;
}

P.SectionPanier {
	font-size : 17px;
	font-weight : bold;
  color : #2A1100;
	margin-bottom : 9px;
}

/* ======================================================================== */
/* styles pour les courriers                                                */
/* ======================================================================== */

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


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

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

/* paiement paypal */
DIV.descriptifPaypal {
	font-size : 13px;
	font-family : tahoma, verdana, helvetica;
	color : #339642;	
}

P.TitreModePaiement {
	color : white;
	margin-left : 18px;
	font-size : 25px;
}





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

fieldset.form {
	padding : 20px;
	background : url(../images/bg_poupees.gif);
	border : 1px solid #2A1100;
}

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 : #2A1100;
	
}


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



fieldset.form label span, fieldset.form p {
	color: #2A1100;
	font-size : 19px;
	left : -4px;
}

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: transparent;
  	font-size : 15px;}

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 {
           padding : 3px;           
         
           top : 0px;
           margin-bottom : 8px;
           margin-top : 2px;
           margin-right : 5px;          
           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 : #F49628;
	border : 1px solid white;
}

div.navig ul li a:visited {
background : #F49628;
border : 1px solid white;
	
}
div.navig ul li a:hover, div.navig ul li a:active {	
}

/* Barres de navigation : page en cours */
div.navig ul li span {
	background : green;
	border : 2px solid #F49628;
	padding-left : 4px;
	padding-right : 4px;
	color : white;
}             

/* 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          */
/* ========================================================= */

/* pour les resultats en MOSAIQUE */
.barreMosaique {
	background : transparent;
	width : 100%;
	height : 36px;
	position : relative;	 
  vertical-align:middle;
  clear : both;
}


.barreMosaique .navig {	
	background : transparent;	
	border : 0px solid;
	top : 0px;	
	float : right;
	  position : relative;
}



/* ========================================================= */
/* 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 #2A1100; 
	padding:8px; 
	width:100%;
}

small.commentaire_contact  {
	color : #2A1100;
}

div.contact_coordonnees .nom {
	background : #E3D4B5;
	padding : 3px;
	font-weight : bold;
	text-align:center;
	color : #2A1100;
}

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

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

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