body{
margin:0 ;
padding:0;
background-color: #fff;
background-image: url("images/back_body4.jpg") ;
background-repeat: repeat ;
text-align: center ; /* pour les viel navigateurs*/
font-family:Arial, Verdana, webddings, tahoma, Helvetica, sans-serif;
font-size:9px;
color:#000;

}


/* ===================== LE LOGO DU SITE ============================ */
div#logo_site{
margin-bottom: 0px; /* position de la barre nav par defaut */
padding:0px;
padding-bottom:0px;
margin:0;
float:left;
}  
div#logo_site a img {border: none;}
 
/* ============= POSITION LARGEUR et HAUTEUR DE LA BANIERER ========== */
div#baniere1_site{	
margin:0;
padding:0px;
float:right;
border:0px ;
height:60px;  width:536px;
/*background-color:#fc3;*/
margin-top:5px;
margin-right:5%;

}

/* ============================================= */
.AccueilDescriptionHair{
margin:0;
text-align: justify;
font-size:12px;
color:blue;
}

 
.FloatLeft{
float: left;
padding: 4%;
margin-left: 2px;
margin-top: 2px;
width: 120px; 
height: 250px;
} 

.IE_imageprod{
margin:0;
width:150px;
height:450px ;
float: left;
}

.FloatRight{
float: right;
padding: 2%;
margin-left: 2px;
margin-top: 2px;
width: 120px ;
height: auto;
} 

td p{
padding:5px;
text-align:justify;
}

td p span{ 
padding:0px;
text-align:right;
width:50px; height:400px;
border:0px solid #ff0000;
color:#000000;
line-height:25px;
font-weight:bold;
background-color:#f8f8ff;/**/
}


.separateur_col{
border-right:1px solid #ff0000;
margin:0px;
padding-top:0px;
vertical-align:center;
}
.separateur_row{
margin:0; padding:0;
margin-top:5px;
border-bottom:1px solid #ff0000;
}
.UldetailsProd{
margin:0; padding:0;
width:350px;
}

.UldetailsProd li{
margin:0; padding:0;  
line-height:20px;
color:#191970;
list-style-type:square;
text-align:left;
}
.UldetailsProd li span{
margin:0; padding:0;
color:#191970;
font-weight:bold;
text-align: right;
float:right;
padding-right:5px; 
}

/* Hacs pour IE (test sur IE6) */
.IE_UldetailsProd li{
line-height:20px;
color:#191970;
margin:0; padding:0;
list-style-type:square;
text-align:left;
}

.IE_UldetailsProd  li span{
margin-right:10px;
color:#191970;
font-weight:bold;
text-align: right;
padding-right:5px; 

}

.DetailsProd{
color:#0000cd;
font-family: arial, Verdana, sans-serif;
font-size:12px;
text-align:justify;
}
.BoutonDetail{
margin-top:60px;
text-align:right;
}
.ColorEvidence{
color:green;
font-weight:bold;
}
.TarifProd{
font-weight:bold;
color:#8b0000;
font-size:12px;
text-align:center;
}
.RefProd{
margin:0; padding:5px;
font-weight:bold;
color:#191970;
background-color:#dcdcdc;
font-size:12px;
}


.TitreChoixProd{
margin: 10px; padding:10px; 
font-family: arial, Verdana, sans-serif;
color:red; font-size:20px;
}
.TitreChoixProd span{
margin-right:20px;
}

/*div#container  pour centrer le tableau pour tous navigateurs
{
margin-left: 5%;
margin-right:5%;
}*/
.table_fx_div { width: 1096px; border-collapse: collapse; text-align:center; }
.table_fx_div td { padding: 0px; }

.HG, .HD, .EG, .ED, .SG, .SD, .CG, .CD, .BG, .BD { width: 25px;} /* les angles */
.HG, .HD{height:30px;} /* barre de titre */
.EG, .ED, .CG, .CD{height: 10px;} /* header */
.SG, .SD, .BG, .BD{height: 46px; } /* nav et foot */

.HM{ height: 30px;}
.EM{ height: 135px; }/**/
.SM, BM{ height: 46px; }

/*.table_fx_div .haut .HG, .table_fx_div .haut .HD, .table_fx_div .entete .EG, .table_fx_div .entete .ED, .table_fx_div .separation .SG, .table_fx_div .separation .SD,  .table_fx_div .bas .BG, .table_fx_div .bas .BD { width: 25px; height: 20px; }

.table_fx_div .contenant .CG, .table_fx_div .contenant .CD{width: auto; height: auto; }*/

/* barre de titre */
.HG {background-image: url(images/aphrodite_hg.gif); }
.HM {background-image: url(images/aphrodite_hm.gif); background-repeat: repeat;}
.HD {background-image: url(images/aphrodite_hd.gif); }

/* img entree-sortie et background de l'entête */
.EG { background-image: url(images/aphrodite_header_g.gif); }
.EM { background-image: url(images/new_baniere_background.gif); /*aphrodite_header_m.gif*/
/*font-family: Arial, Verdana, webddings, tahoma, Helvetica, sans-serif;  Police utilisée */
font-size:12px;  Taille de la police /**/
color: #C4B550; /* Couleur de la police */
text-align: center;
background-color:#60f;
}
.ED { background-image: url(images/aphrodite_header_d.gif); }

/*=======  ici NAV =========== */
.SG { background-image: url(images/aphrodite_nav_g.gif); }
.SM { background-image: url(images/aphrodite_nav_m.gif);}
.SD { background-image: url(images/aphrodite_nav_d.gif); }

/* ========== CONTENU =================  */
.CG { background-image: url(images/aphrodite_contenu_g.gif); }
.CM { background-image: url(images/aphrodite_contenu_m.gif);
/*font-family: Arial, Verdana, webddings, tahoma, Helvetica, sans-serif;  Police utilisée */
font-size: 12px;  Taille de la police /**/
color: #fff; /* Couleur de la police */
text-align: left;
}
.CD { background-image: url(images/aphrodite_contenu_d.gif); }

/* 3img dessus  FOOT */
.BG { background-image: url(images/aphrodite_foot_g.gif); }
.BM { background-image: url(images/aphrodite_foot_m.gif); }
.BD { background-image: url(images/aphrodite_foot_d.gif); }

/* ===================== ================= */
#xtable_header{
width:100%;
height:166px;
padding:0px;
margin:0px;
border-width:0px;
}
/* =========================================================================================================== */


div#menu_g{
   /*float: left;  Le menu flottera à gauche */
   width: 165px; /* Très important : donner une taille au menu */
   margin-left: 0px;
   padding-right: 1px;
}
.sous_menugd{
   background-color: #c33;
   background-image: url("xxdesign/back_bg.gif");
   background-repeat: repeat;
   border: 0px solid black;
   margin: 0;
   padding:0;
   margin-bottom: 0; 
}

/* ================== LE TITRE DE CHAQUE BLOC DE GAUCHE ============================ */
.sous_menugd h3{
padding:0px;
margin:0px;
vertical-align:middle;
text-align:center;
background-image: url("design/fond_nav.jpg");
/*font-family:Arial, Verdana, webddings, tahoma, Helvetica, sans-serif;*/
font-size:14px;
color:#fff ;/* ff3 */
height:25px;
font-weight:bold;
}


/* --------- la propriété de chaque block de gauche  ----------- */
.ul_sous_menugd {
list-style-type: none;
background-color: #900;	 /* #06f couleu arriere menu g & d */
/* ----------- Image BACKGROUNG de Chaque bloc fond_blanc2.jpg
background-image: url("design/fond_blanc2.jpg"); */
margin: 0;
padding:0;
padding-bottom:5px; /* espace la fin de chaque block */
/*font-family:Arial, Verdana, webddings, tahoma, Helvetica, sans-serif;*/
font-size:9px;
color:#0ff; 
border-right: thin dotted #f60;
}

/* +++++ SOUS MENU GAUCHE +++++++++++ */
.ul_sous_menugd li{
margin-bottom: 1px;
line-height:1.5em; 
color:#0ee; 
/* ---------------LA LARGEUR DES BLOCS ------------------------ */
width:150px ; 	
}

.ul_sous_menugd li a{
margin: 1px 2px;
display: block;	
text-indent:20px;
color:#fff;
font-size:1.2em;
line-height:18px;
font-weight:bold;

/*----------- IMAGES VISITE PUCES DES BLOCS ---------------------------- */
background-image:url('design/puce_fixe.jpg');
background-position: left center;
background-repeat: no-repeat;
text-decoration: none;
/*background-color:#dec ;	 la couleur du fond du lien*/
}

.ul_sous_menugd a:hover {
/*list-style-image:url('../design/puce1.gif');*/
margin: 1px 2px;
color: #f00;
display: block;	
text-indent:20px;

/*----------- IMAGES HOVER PUCES DES BLOCS ---------------------------- */
background-image:url('design/puce_rollover.jpg');
background-position: left center;
background-repeat: no-repeat;
text-decoration: underline;
}



 /* ######################## DROITE #################################  */
 div#menu_d{
 margin-left: 0px; 
 margin: 0px;
 width: 165px; 
 padding-right: 1px;
}

.ul_sous_menugd #search{
margin-top:0px;
color:red;
text-align:center;
font-size:12px;

}
.ul_sous_menugd #search li{ margin:2px 0px; line-height:1.2em; }

 /* =================== AFFICHE DATE ET SESSION ========================= */
.textAff_Session{
padding:0; margin:5px;
font-size:12px;
color:white;
margin-bottom:8px;
text-align:left;
}


/* ==================== VOTRE COMPTE ================== */

/* ========================TABLE CONTENU MILIEU========================= */
table .contenu_tab td{
position:auto ;
	padding:0;
	margin:auto;
	vertical-align:top;

}

.table_middle{
text-align:justify;
padding:10px;
margin:0;
width:632px;
border-left:dashed 1px #f60;
border-right:dashed 1px #f60;
letter-spacing:1.5px;
line-height:12px;
color:#000;
height:auto; /*570
overflow:scroll ;*/
background-color: white;
}

.titre_table_middle_coiff{
padding:0 10px; /*  agrandir la barre des titres en hauteur padding: 10*/
width:96%;
border:groove 1px #f60;
background-color:#000;
/*background-image: url("images/backg_noir.jpg");f60; 903*/
background-repeat: repeat;
vertical-align: middle ;
color:white;
margin-top: 2px;
} 

.titre_table_middle_esthe{
padding:0 10px;
width:96%;
border:groove 1px #f60;
background-color:#f60;
background-image: url("images/backg_vert.jpg");
background-repeat: repeat;
vertical-align: middle ;
color:white;
} 

.titre_table_middle_prod{
padding:0 10px;
width:96%;
border:groove 1px #f60;
background-color:#f60;
background-image: url("images/backg_orange.jpg");
background-repeat: repeat;
vertical-align: middle ;
color:white;
}

.titre_table_middle_actu{
padding:0 10px;
width:96%;
border:groove 1px #FF66FF;
background-color:#FF66FF;
background-image: url("ximages/backg_orange.jpg");
background-repeat: repeat;
vertical-align: middle ;
color:white;
} 
.titre_table_middle_infos{
padding:0 10px;
width:96%;
border:groove 1px #0099FF;
background-color:#0099FF;
background-image: url("ximages/backg_orange.jpg");
background-repeat: repeat;
vertical-align: middle ;
color:white;
} 


.titre_table_middle_diapofixe{
padding:0 10px;
width:96%;
border:solid 2px #f60;
background-color:#f60;
background-image: url("images/backg_noir.jpg");
background-repeat: repeat;
vertical-align: middle ;
color:white;
}
.titre_table_middle_diapo{
padding:0 10px;
width:96%;
border:groove 1px #f60;
background-color:#f60;
background-image: url("images/backg_orange.jpg");
background-repeat: repeat;
vertical-align: middle ;
color:white;
} 

/* ================================= HEADER PAGE PRODUITS ================================== */
img.floatLeft { 
    float: left; 
    margin: 5px; 
	margin-left: 1px; 
	margin-bottom:5px;
}
img.floatRight { 
    float: right; 
    margin: 4px; 
	margin-right: -1px;
}


.Normal-P
        {
        margin:0.0px 0.0px 0.0px 0.0px; text-align:justify; font-weight:100; 
 line-height:1.2; color:#ff1015; font-weight:normal;

        }
.Normal-C
        {
        margin:0; padding:0;
        font-family:"Verdana", sans-serif; font-weight:bold; font-size:14.0px; 
        line-height:1.13; 
        }
.Normal-C0
        {
		padding:0; margin:0;
        font-family:"Verdana", sans-serif; font-size:30.0px; 
       /* line-height:1.22; color:#000; */
        }
.Normal-C1
        {
        font-family:"arial", sans-serif; font-size:1.2em; 
        line-height:1.14; color:#7f1015;
        }
.Normal_text_Acc
        {
        font-family:"arial", sans-serif; font-size:14.0px; 
        line-height:1.2; color:#fff; 
		padding:5px;
		margin: 5px;
	
        }
.Normal-ACC
        {
		padding:0; margin:0;
        font-size:30.0px; 
		color:#f00;
		}
.xxxxxNormal-C2
        {
        font-family:"Verdana", sans-serif; font-size:16.0px; 
        line-height:1.13; 
        }


.xxxxNormal_text_white-C0
        {
        font-family:"Verdana", sans-serif; font-size:54.0px; 
        line-height:1.22; color:#fff; 
        }
/* ===================================================================== */
/* ######################## BODY #################################  */
 #idbodysite_global{
width: 800px; /*auto;   Très important : donner une taille contenu  */
margin-left: 150px;
margin-right: 150px; 
margin-top: 0px;
border: 0px solid red;
padding:2px 5px;
font-size:1.2em;
letter-spacing:1.5px;
line-height:14px;
}

/**********================ PARAMETRE de la page d'accueil ==================**************/
.accueil_center {
padding :2px;
margin-right: 1px;  /* placement du logo dans son conteneur, head1 */
margin: 1px;
border: 0px;
background-color: #fff;
color:#000;
font-size:.9em;
}

.textcenter{
float: left;
margin: 0;
border: 0px;
background-color: #00ff00;

}
/*----------fin page d'acueil --------------------- */

/* ######################## foot #################################  */
#footsite{
 width:1048px; 
 background-color:#ee7e1c ;
 background-image: url("../design/xxxhead.gif");
 text-align: center; padding:3px 0 3px 0;
 clear:both;
 margin:0; padding: 0;
 
}
#footsite p {
margin: 0;
padding:0;
font-size:12px;
color:white
}
#footsite p a:link{
color:white;
}
#footsite p a:hover{
color:blue;
}
#footsite p a:visited{
color:#fc6;
}


.ul_sous_menugd p a{
list-style-type:none ;
}
.rotation_f{
		margin:0;
		
		 /*font-family:Arial, Verdana, webddings, tahoma, Helvetica, sans-serif; */
		font-size: 10px;
		list-style-type: lower-roman;
		color: #000099;
		font-weight: normal; 
		line-height: normal; 
		 /* text-transform: lowercase;  transforme tous les champs en minuscule*/ 	  
		list-style-image: none;
		text-align: left ;
 }
.position_private_form{
margin:5% 20%;
}

.boite_form_private_membre{
width:400px;
border-width: 2px;
border:0px solid green;
text-align: center ;
}

.ul_sous_menugd p{
margin:0; padding-left:5px;
	/*font-family: Arial, Verdana, webddings, tahoma, Helvetica, sans-serif; */
	font-size: 14px;
	color: #FFFFFF;
	clip: rect(auto auto auto auto);
	margin-bottom:3px;
}



/**********========== PAGE PUB AU BAS DE CHAQUE PAGE DU MILIEU ==========*******/
.tab_pub{
border:0px solid #cfd ; 
margin-top:0px;
padding-top:0px;
}

.titre_tab{
padding:10px;
width:96%;
background-image: url("../design/barre_de_titre2.jpg");
color:blue;
font-weight:bold;
}
.grise {
width:auto;
padding:3px;
border-style:solid; 
border-width:1px; 
border-color:#f00; 
background-color:#fcd;
color:blue;
border-collapse:collapse;
}

.blue{
margin:5px; 
border-style:solid; 
border-width:1px; 
border-color:#fc6;
border-collapse:collapse;
color:#000;
}

.red{
color: #ff00cc;
}
.ERREUR_TEXTE{
margin: auto;
color: #ff00cc;
font-size: 18px;
text-align:center;
font-weight:bold;
}

/* #####################  FORMULAIRE ######################## */
  form.css fieldset
  {
  padding: 1em;
  color:#309;
  }

form.css label{
  display: inline;
  float: left;
  width: 180px;
 
  } 

form.css legend{
/*font-family: arial, verdanawe, bddings, tahoma, sans serif ;*/
color:#309;
font-size:16px
font-weight:bold;
}
  form.css hr{
  color:#3366cc;
  width:80%;
  text-align:left;
  }
/*================================== */
.conformiter{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	overflow: visible;
	position: static;
	left: auto;
	clip: rect(auto auto auto auto);
}	
.rotation {
		font-family:arial,verdana, Helvetica, sans-serif;
		font-size: 12px;
		list-style-type: lower-roman;
		color: #000099;
		font-weight: normal; 
		line-height: normal; 
		 /* text-transform: lowercase;  transforme tous les champs en minuscule*/ 	  
		list-style-image: none;
		text-align: left ;
 }

 .identification {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	width: 120px ;
}
/* ---------------------------------------------- */
.text_fixe{
margin:3px ; 
padding:1px 5px ;
font-family:  verdana, webddings, arial, tahoma,sans serif;
text-align:left;
}


/* ============== GOOGLE MAP la largeur du plan ================================= */

#map{
text-align: center;
margin: auto;
width: 620px; 
height: 400px;
 }
/* les champs de recherche dans google maps*/
.boxgooglemaps{
 border: 1px dashed #f00;
width:100% ;
/* font-family: Arial, Verdana, webddings, tahoma, Helvetica, sans-serif; */
 text-align: center;
 }
 .boxgooglemaps li{
 list-style-type:none;
 text-align:left;
 }