/* Styles généraux */
body{
	color: #004494;
}
/* class individuelle  remplace le CSS dans une html style="propriété:12em" (permet les "debugs" uniquement)*/
.float_left{float: left;}


.encadrement
{
	 font: 8pt "Trebuchet MS",Arial;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.btnSend
{
	
    font: 8pt "Trebuchet MS",Arial;
    color: #003b84;
	font-weight:bold;
	border-right: #508ba9 1px solid;
	border-top: #508ba9 1px solid;
	border-left: #508ba9 1px solid;
	border-bottom: #508ba9 1px solid;
	background-color: #ebf4f8;
	cursor: pointer;	
}


.ListeContact
{ 
	font: 7pt "Trebuchet MS";
	text-align :left;
	width:100%;
	background-color: transparent;
	border : 0;
	cursor: pointer; 
}

body
{
    margin: 0px;
}

.content {
	height: 100%; 
	overflow: auto
} 

table
{
    font-size: 10pt;
}

a
{
    font: 8pt "Trebuchet MS";
    color: rgb(14, 97, 139);
}

#contenu_page a
{
  
}

a:hover
{
    text-decoration: none;
}

.decoNone
{
	text-decoration : none;	
}

img
{
    border-style: none;
}

h1, h2, h3, h4, h5, h6
{
    text-align: center;
}

#contenu_page li
{
	margin-left: 20px;
}


/* Styles de page */

#page_entiere
{
    margin: 0px 0 0 0px;
    width: 1070px;
}

#contenu_page
{
    float: left;
    top: 185px;
    width: 821px;
    margin: 10px;
    text-align: left;
    
}


.spacer 
{
    height:1px;
    clear: both;
    overflow: hidden;
}
.champsTexte
{
	border:1px solid #79b53c;
    background-color:#f4ffe6; color:#6699cc;
	width: 144px;
	height: 15px;
	font-size: 8pt; 
	color: #003b84;
}
.spacer2 
{
    height:4px;
    clear: both;
    overflow: hidden;
}

.BlocTexte{
	margin:0;
	border:0;
	width:310px;
	height:100px;
	border-top: 1px solid #6A9ACC;
	border-left: 1px solid #6A9ACC;
	border-bottom: 1px solid #6A9ACC;
}
.BlocTexteHaut{
	margin:0;
	border:0;
	width:310px;
	height:200px;
	border-top: 1px solid #6A9ACC;
	border-left: 1px solid #6A9ACC;
	border-bottom: 1px solid #6A9ACC;
}


  /**********************************************/
 /*                Menu du haut                */
/**********************************************/

#Entete_page
{
background: transparent url(../Graphisme/BarreNav/N_BACKGROUND.jpg) center top;
height : 110px; 

}
#menu_haut
{

}
#menu_haut .CadreRecherche
{
  float : left; 
  margin-top: 0px; 
  margin-left: 70px; 
  width :465px;
  padding-right: 20px;
}
.ligneNaviguation
{
    /*text-align:center;*/
    /*margin-bottom: 5px;*/
    /*float : left;*/
    margin-left: 450px;
}
.ligneNaviguationDeco
{
    position: absolute;
    margin-left: -150px;
}
.rechercheAge
{
  /*border: solid 1px #F1F1F1;*/
  width : 405px;
  height:82px;
  /*background: transparent url(../Graphisme/BarreNav/N_BACKGROUND_AGE.jpg) center top;*/
}
.regarder
{
    text-align:center;
    margin-top:5px;
}

#menu_haut .CadreRouge
{
	float : left;
	
	width:150px;

}

.CommandeDirecte
{
	margin-top: 17px; 
	width:150px;
	font: 8pt "Trebuchet MS";
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #F1F1F1;
	background: #d81345;
} 
.Panier
{
  width:150px;
  height:36px;
  border-bottom: solid 1px #F1F1F1;
  border-right: solid 1px #F1F1F1;
  border-left: solid 1px #F1F1F1;
  background: #d81345;
  overflow :hidden;
  font : 8pt Arial;
  color : #ffffff;
} 

#menu_haut .logo_fej
{
    float: left;
    margin-top: 16px; 
    margin-left: 15px; 
    height: 50px;

}
#menu_haut .accroche
{
    TEXT-DECORATION: none;
    float: left; 
    margin-top: 16px; 
    font-size: 16pt; 
    font-weight:bold;
    color:#003B84; 
}
#menu_haut .accroche a
{
    TEXT-DECORATION: none;
    font-size: 16pt; 
    font-weight:bold;
    color:#003B84; 
}
.BoutonAjoutPanier
{
    width: 108px;
    height: 30px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphisme/Panier/ajoutmini.gif) no-repeat center top;
    cursor: pointer; 
}
/* menu en haut à droite : Compte/Panier/Commande directe/Newsletter/contact/services */

#menu_haut_droite
{
    float: right; position : relative; right:130px;
}

/* boutons du menu en haut à droite : */
a.bouton_vert
{
    color: Black;
    display: block;
    padding: 0;
    background: #FFFFFF url(../Graphisme/MenuHaut/bouton_vert.gif) no-repeat left top;
    width: 110px;
    text-align: center;
    text-decoration: none;
}
a.bouton_vert:hover
{
    text-decoration: underline;
}
td.bouton_vert
{
    width:110px; 
    background: #FFFFFF url(../Graphisme/MenuHaut/bouton_vert.gif) no-repeat left top;
}
td.bouton_vert a
{
    color: Black;
    text-decoration: none;
}
td.bouton_vert a:hover
{
    text-decoration: underline;
}

/* Note : le padding-top et le height, variables, se règlent sur la page elle-même.
    La somme des deux doit être 36 */

a.bouton_rose
{
    color: Black;
    display: block;
    padding: 0;
    background: #FFFFFF url(../Graphisme/MenuHaut/bouton_rose.gif) no-repeat left top;
    width: 110px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
a.bouton_rose:hover
{
    text-decoration: underline;
}


/* barre de recherche */

#formulaire_recherche
{
    clear: right; padding-top: 5px;
    margin:0;padding:0;
}

#formulaire_recherche .titre
{
    font-size:0.9em;
    font-weight:bold;
}

#formulaire_recherche .champ_texte
{
    width: 120px;font-size: 8pt; color: #003B84;
}

input.submit_ok
{
    width: 26px;
    height: 25px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphisme/BarreNav/bouton_ok.gif) no-repeat center top;
    cursor: pointer; 
}
.recherche_express
{
    margin-left: 10px;
    padding: 0 10px 0 10px;
    background-color: White;
    border-bottom: solid 2px #F1F1F1;
    border-right: solid 2px #F1F1F1;
    border-top: solid 2px #909090;
    border-left: solid 2px #909090;
}





  /**********************************************/
 /*                Menu de gauche              */
/**********************************************/

#menu_gauche
{
    float: left;
    width: 166px;
    overflow: hidden;
 }
 
.menuPanier
{
    height: 16px;
    background: url(../Graphisme/MenuGauche/Monpanier.jpg) no-repeat left top;
    overflow: hidden;
}
.menuRdv
{
    height: 16px;
    background: url(../Graphisme/MenuGauche/N_RENDEZVOUS.jpg) no-repeat left top;
    overflow: hidden;
}
.menuCata
{
    height: 18px;
    background: url(../Graphisme/MenuGauche/N_CATALOGUE.jpg) no-repeat left top;
    overflow: hidden;
}
.menuMagasin
{
    height: 21px;
    background: url(../Graphisme/MenuGauche/N_MAGASIN.jpg) no-repeat left top;
    overflow: hidden;
}

.menuToutSur
{
    height: 21px;
    background: url(../Graphisme/MenuGauche/N_TOUTSUR.jpg) no-repeat left top;
    overflow: hidden;
}

.menuSortie
{
    height: 18px;
    background: url(../Graphisme/MenuGauche/N_SORTIE.jpg) no-repeat left top;
    overflow: hidden;
}
.menuVerbaudet
{
    height: 18px;
    background: url(../Graphisme/MenuGauche/menu_Verbaudet.gif) no-repeat left top;
    overflow: hidden;
}

.menuCentre
{
    border-left: solid 2px #89bb33;
    border-right: solid 2px #89bb33;
    padding: 0 0px 0 5px;
    text-align: left;
    font: 9pt "Trebuchet MS",Arial;
}

.menuBas
{
    height: 4px;
    background: url(../Graphisme/MenuGauche/N_BAS.jpg) no-repeat left top;
    overflow: hidden;
}



.cadre_bleu
{  
    margin-top: 10px;
    width: 125px;
}

.cadre_bleu .cadre_haut
{
    height: 6px;
    background: url(../Graphisme/MenuGauche/cadre_bleu_haut.gif) no-repeat left top;
    overflow: hidden;
}

.cadre_bleu .titre
{
    border-left: solid 1px rgb(8, 65, 136);
    border-right: solid 1px rgb(8, 65, 136);
    background-color: rgb(199, 230, 248);
    
    padding: 0 5px 0 5px;

    font-weight: bold;
    text-align: center;
}

.cadre_bleu .titre_haut
{
    height: 3px;
    background: url(../Graphisme/MenuGauche/cadre_bleu_titre_haut.gif) no-repeat left top;
    overflow: hidden;
}

.cadre_bleu .titre_bas
{
    height: 3px;
    background: url(../Graphisme/MenuGauche/cadre_bleu_titre_bas.gif) no-repeat left top;
    overflow: hidden;
}

.cadre_bleu .texte
{
    border-left: solid 1px rgb(8, 65, 136);
    border-right: solid 1px rgb(8, 65, 136);

    padding: 5px;
    text-align: center;
}

.cadre_bleu .separateur
{
    border-left: solid 1px rgb(8, 65, 136);
    border-right: solid 1px rgb(8, 65, 136);
    background-color: rgb(199, 230, 248);
    height: 6px;
    overflow: hidden;
}




  /**********************************************/
 /*              Cadre de droite               */
/**********************************************/

.colonne_droite .cadre_vert .cadre_blanc .div_spacer
{
    width: 138px; /*IE*/
    _width: 148px; /*FF*/
    text-align: center;
}
.cadre_vert
{
    border: solid 1px #89bc33;
    padding: 5px 5px 5px 5px;
    font: 9pt "Trebuchet MS",Arial;
}
.produit_recent
{
    width: 138px; /*IE*/
    _width: 148px; /*FF*/
    text-align: center;
    line-height: 13px;
    padding-bottom: 5px;
    text-decoration: none;
}
.prochaine_sortie
{
    width: 138px; /*IE*/
    _width: 148px; /*FF*/
    text-align: center;
    line-height: 13px;
    padding-bottom: 5px;
    text-decoration: none;
    font: 9pt "Trebuchet MS",Arial;
}
.div_spacer
{
    font-size: 4px;
}
#divFlecheBasPetit
{
    width: 162px;
    height: 36px;
    background: transparent url(../Graphisme/Home/AVANT_FLECHE_BAS_PETIT.gif) no-repeat center top;
    margin-top: 1px;
}
#divFlecheBas
{
    width: 162px;
    height: 66px;
    background: transparent url(../Graphisme/Home/AVANT_FLECHE_BAS.gif) no-repeat center top;
    margin-top: 1px;
}
#divFlecheBasConnu
{
    width: 162px;
    height: 66px;
    background: transparent url(../Graphisme/Home/AVANT_FLECHE_BAS.gif) no-repeat center top;
    margin-top: 1px;
}
#divInconnu
{
    width: 162px;
    height: 106px;
    background: transparent url(../Graphisme/Home/AVANT_INCONNU.gif) no-repeat center top;
    margin-top: 5px;
}
#divCliquez
{
    font-weight: bold;
    text-indent: 27px;  
    margin-top: 15px;
}
#divAvantages
{
    margin-top: 15px;
}
#imgTitreAvanatge
{
    margin-top: 8px;
}
/*
#divAvantageFoot
{
    width: 150px;
    height: 49px;
    background: transparent url(../Graphisme/Home/AVANT_BOTTOM.gif) no-repeat center top;
}
#divAvantageHead
{
    width: 162px;
    height: 44px;
    background: transparent url(../Graphisme/Home/AVANT_TOP.gif) no-repeat center top;
    margin-top: 8px;
}*/
#divAvantageFoot
{
width: 150px;
height: 49px;
background-color:#f7931d;
}
.TxtBlanc
{
    color:#ffffff;
    text-align:center;
}
.TxtBlanc10
{
    color:#ffffff;
    text-align:center;
    font: 9pt "Trebuchet MS",Arial;
}
.blanc10
{
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: "Trebuchet MS",Arial;
}
.TxtBlanc9
{
    color:#ffffff;
    text-align:center;
    font: 8pt "Trebuchet MS",Arial;
}
.TxtBlanc8
{
    color:#ffffff;
    text-align:center;
    font: 7pt "Trebuchet MS",Arial;
}
.submit_Avantage
{
    width: 30px;
    height: 18px;
    margin-top: 0px;
    _margin-top: 1px;
    border: 0;
    background: transparent url(../Graphisme/BarreNav/NN_OK.jpg) no-repeat center top;
    cursor: pointer;
}
.btn_Avantage
{
    margin: 0px 3px 3px 3px;
}
.bg_Avantage
{
    width: 152px; /*IE*/
    _width: 162px; /*FF*/
    background-color: #fcaf11;
    padding: 5px;
    overflow: hidden;
    font: 8pt "Trebuchet MS",Arial;
    color: #003b84;
    text-align:center;
    font-weight: bold;
}
.txt_Avantage
{
	border-style: solid;
	border-width: 1px;
	border-color: #75839f;
    background-color:#FFFFFF;
    color:#6699cc;
    width: 145px;
	height: 18px;
	font-size: 8pt; 
}
.txt_Avantage_pwd
{
	border-style: solid;
	border-width: 1px;
	border-color: #75839f;
    background-color:#FFFFFF;
    color:#6699cc;
    width: 115px;
	height: 18px;
	font-size: 8pt;
	margin-left: 3px;
}
.pave_avantages
{
    width: 138px; /*IE*/
    _width: 148px; /*FF*/
}
		/*.tabAvantages
		{
			width: 162px;
			background-color: #065392;
			margin-top: -15px;
		}*/
.tabAvantages
{    
    background-color: #ffffff;
    width: 100%;
}
		/*.rondAvantageReduc
		{
			background: transparent url(../Graphisme/HOME/AVANT_REDUC.gif) no-repeat center top;
			width:54px;
			height:54px;
		}*/
.rondAvantageReduc
{
    background: transparent url(../Graphisme/Home/blocAvantage/AVANT_ROND.gif) no-repeat center top;
    width:43px;
    height:43px;
}
		/*.rondAvantageOffre
		{
			background: transparent url(../Graphisme/HOME/AVANT_OFFRE.gif) no-repeat center top;
			width:54px;
			height:54px;
		}*/
		/*.rondContenu
		{
			color:White;
			margin-top:18px;
			text-align:center;
			font-weight:bolder;
			font-size:12px;
		}*/
.rondContenu
{
    color:#f7931d;
    margin-top:5px;
    text-align:left;
    font-weight:900;
    font-size:12px;
}

		/*.rondContenuGros
		{
			color:White;
			margin-top:13px;
			text-align:center;
			font-weight:bolder;
			font-size:20px;
		}*/
.rondContenuGros
{
	color: #ffffff;
	margin-top: 9px;
	text-align: center;
	font-family: Arial;
	font-weight: normal;
	font-size: 18px;
	width: 50px;
}
.avantagesDetails
{
    color: #ffffff;
    position: relative;
    top: 13px;
    left: 50px;
}
		/*.form_perso_separateur
		{
			width: 162px;
			height: 17px;
			background: transparent url(../Graphisme/HOME/AVANT_PLUS.gif) no-repeat center top;
		}*/
.form_perso_separateur
{
    width: 150px;
    height: 20px;
    background: transparent url(../Graphisme/HOME/blocAvantage/AVANT_SEPARATEUR.gif) no-repeat center top;
}
.form_perso_txt_principal
{
	overflow: hidden;
    font: 8pt "Trebuchet MS", Arial;
    color: #f7931d;
    font-weight: normal;
}
.form_perso_txt_mea
{
	overflow:hidden;
    font: 8pt "Trebuchet MS", Arial;
    color: #f7931d;
	font-weight: bold;
}
form_perso_link
{
    color: #ffffff;
    font-weight:bold;
    font-size: 9pt;
}
a.form_perso_link
{
    color: #f7931d;
	text-decoration: underline;
	font-weight:bold;
	font-size: 9pt;
}



  /**********************************************/
 /*             Page de recherche              */
/**********************************************/

.bandeau_tri td
{
    padding: 0 5px 0 5px;
}

.bandeau_tri td.fleche_bleu
{
    padding: 0;
    width: 20px;
    background: url(../Graphisme/Recherche/fleche_bleu.gif) no-repeat;
    background-position: 10px 0; 
}

.keymatch
{
    width: 670px;
    background-color: #d1ecfd;
    margin: 5px;
    padding: 10px;
}

.keymatch a
{
    font-size: 10pt;
    display:list-item;
    margin: 0 0 0 30px;
    padding: 0 0 0 10px;
}

.pagination
{
    display: block;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    float: right;
}

.pagination a 
{
 font: 11px "Trebuchet MS"; 
	color:#8ba3a4;
	width:16px; 
	height:15px; 
	padding:1px; 
	float:left; 
	margin-right:3px; 
	text-align:center; 
	background-color:#ffffff; 
	text-decoration:none; 
	cursor: pointer; 
	border : #ffffff 1px solid;
}

.pagination a:hover { 
	background-color:#ffffff; 
	color:#6E6C6C; 
	font-weight: bolder;
	text-decoration:none; 
}
.pagination a.selected {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #6E6C6C;
    font-weight: bolder;
}

.pagination a.selected:hover { 
	background-color:#ffffff;
	font-weight: bolder; 
	cursor:default; 
}

.pagination a.precedentsuivant {
	font: 11px "Trebuchet MS"; 
	color:#00bbf0;
	width:60px; 
	height:15px; 
	text-align:center; 
	background-color:#ffffff; 
	text-decoration:none; 
	border : #ffffff 1px solid;
}

.resultats 
{
}
.resultats table
{
    width: 100%;
    border-collapse:collapse;
}
.resultats table table
{
    border: solid 1px #6BB2E6; 
    margin-bottom: 10px;
}
.resultats table table td
{
    /*background-color: #FFFFFF;*/
}
.resultats .vignette 
{
    background-color: #FFFFFF;
    border-right: solid 1px #6BB2E6; 
    width: 155px;
    text-align: center;
    padding: 0;
}

.resultats .titre 
{
    margin-left: 20px;
    font-weight: bold;
    font-size: 13pt;
}
.resultats .description
{
    position: relative;
    left: 5px;
    font-size: 10pt;
    text-decoration: none;
}
.resultats .age
{
    margin-left: 5px;
    font-style: italic;
    text-align: right;
    vertical-align: middle;
    padding-right: 35px;
}
.resultats .paveheader
{
    font-weight: bold;
    margin-top: 20px;
    margin-left: 20px;
    color: Red;
}
.resultats .esi
{
    width: 300px;
    float: right;
    vertical-align: bottom;
    margin: 5px;
}
.resultats .esi table
{
    border-style: none; 
}
.resultats .fiche_fond
{
    width: 100%;
}



  /**********************************************/
 /*              Idées cadeaux                 */
/**********************************************/


.formu_idees_cadeaux 
{
    background: transparent url(../Graphismes/IdeeCadeau/fond.gif) no-repeat center 15px;
}

.formu_idees_cadeaux td
{
    padding: 3px 10px 3px 10px;
}

input.submit_valider
{
    width: 99px;
    height: 22px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphisme/Compte/validerPetit.gif) no-repeat center top;
    cursor: pointer; 
}

input.submit_valider_fid
{
    width: 59px;
    height: 17px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphisme/Compte/FID_VALIDER.gif) no-repeat center top;
    cursor: pointer; 
}

input.submit_terminer
{
    width: 87px;
    height: 23px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphisme/Compte/N_BTN_TERMINER.gif) no-repeat center top;
    cursor: pointer; 
}

input.submit_fermer
{
    width: 87px;
    height: 23px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphisme/Compte/N_BTN_FERMER.png) no-repeat center top;
    cursor: pointer; 
}

input.submit_oui
{
    width: 59px;
    height: 25px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphisme/Compte/OUI.gif) no-repeat center top;
    cursor: pointer; 
}
input.submit_non
{
    width: 59px;
    height: 25px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphisme/Compte/NON.gif) no-repeat center top;
    cursor: pointer; 
}
input.submit_valider_petit
{
    width: 89px;
    height: 21px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphismes/Boutons/validerPetit.gif) no-repeat center top;
    cursor: pointer; 
}
input.submit_ajouter
{
    width: 89px;
    height: 21px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphismes/Boutons/ajouter.gif) no-repeat center top;
    cursor: pointer; 
}




  /**********************************************/
 /*              Home Page                     */
/**********************************************/
.tableau_pave
{
    width: 630px;
}

.pave
{
    margin: 10px;
    text-align: center;
    vertical-align: middle;
}


.ete
{
    margin-top: 15px;
    border: solid 1px #6BB2E6;
    width: 630px;
}

.ete h1
{
    border-bottom: solid 1px #6BB2E6;
    background-color: #DAF0FD;
    margin: 0;
    padding: 5px;
    font-size: 1em;
    font-weight: bold;
}
.ete h1 a
{
    font-size: 1em;
    font-weight: bold;
}

.ete h2
{
    border-bottom: solid 1px #6BB2E6;
    background-color: #DAF0FD;
    margin: 0;
    padding: 5px;
    font-size: 1em;
    font-weight: normal;
}

.ete table
{
    width: 100%;
}

.ete td
{
    font-weight: bold;
    vertical-align: top;
}

.liens_non_soulignes a
{
    text-decoration: none;
}
.liens_non_soulignes a:hover
{
    text-decoration: underline;
}




  /**********************************************/
 /*              Page Catégories               */
/**********************************************/

.DivAffinez 
{
    float: left;
    width: 210px;
    height: 390px;
    overflow: hidden;
}

.DivAffinez div.interieur
{
    margin: 0 0 0 20px;
    width: 166px;
}

.DivAffinez div.bordure
{
    width: 164px;
    border: solid 1px #6BB2E6;
    border-top-style: none;
}

.DivAffinez h3
{
    margin: 0;
    padding: 5px 5px 0 5px;
    font-size: 0.7em;
    background-color: #C7E6F8;
}

.DivAffinez .ListeRubriques
{
    margin: 5px 5px 10px 15px;
}


  /********************************/
 /*        FICHE PRODUIT         */
/********************************/

.ficheGauche
{
width: 316px;
float:left;
}

.ficheDroite
{
width: 427px;
}

.FicheAge
{
font: 11pt "Trebuchet MS",Arial;
color: #003b84;
font-weight:bold;

}

.fiche_fond_bouton
{
	overflow:hidden;
	width: 213px;
    height: 35px;
    padding-top : 7px;
    padding-left: 30px;
    background: transparent url(../Graphisme/ficheproduit/fic_fond_bouton.gif) no-repeat left top;
    cursor: pointer; 
}
.ENCADREBLEU
{
    BORDER-RIGHT: #e9e9e9 1px solid;
    BORDER-TOP: #e9e9e9 1px solid;
    BORDER-LEFT: #e9e9e9 1px solid;
    BORDER-BOTTOM: #e9e9e9 1px solid
}
.ENCADREGRIS
{
    BORDER-RIGHT: #d5d5d5 1px solid;
    BORDER-TOP: #d5d5d5 1px solid;
    BORDER-LEFT: #d5d5d5 1px solid;
    BORDER-BOTTOM: #d5d5d5 1px solid
}
.fiche_frais
{
	width: 115px;
    height: 59px;
    padding-left: 45px;
    padding-top : 15px;
    font: 9pt "Trebuchet MS",Arial;
    color: #78b346;
    font-weight:bold;
	background: transparent url(../Graphisme/ficheproduit/picto_sans_frais.gif) no-repeat left top;
}
.fiche_titre
{
    font: 15pt "Trebuchet MS",Arial;
    color: #003b84;
    font-weight:bold;

}
.fiche_promo
{
    font: 15pt "Trebuchet MS",Arial;
    color: #db0041;
    font-weight:bold;

}

#CONTENEUR_PRIX{
width:455px;
border-left: #d30045 2px solid;
border-right: #d30045 2px solid;
border-bottom: #d30045 2px solid;
}

#CONTENEUR_PRIX_SOLDE
{
width:455px;
border-left: #d30045 2px solid;
border-right: #d30045 2px solid;
border-bottom: #d30045 2px solid;
}
#CONTENEUR_PRIX_FIDELITE
{
width:455px;
border-left: #024393 2px solid;
border-right: #024393 2px solid;
border-bottom: #024393 2px solid;    
}
#CONTENEUR_VENTEFLASH
{
width:455px;
border-left: #d30045 2px solid;
border-right: #d30045 2px solid;
border-bottom: #d30045 2px solid;
}
.TITRE_SOLDE
{
width:455px;
background-color : #d30045;
border-left: #d30045 2px solid;
border-right: #d30045 2px solid;
}
.TITRE_FIDELITE
{
width:455px;
background-color : #024393;
border-left: #024393 2px solid;
border-right: #024393 2px solid; 
}
.TITRE_VENTEFLASH
{
width:455px;
background-color : #d30045;
border-left: #d30045 2px solid;
border-right: #d30045 2px solid;
}
.divFlashTitre
{
	width:601px;
	height:200px;
	float: left;
	margin-left: 1px;
	background: transparent url(../Graphisme/produit/FLASH_Titre.gif) no-repeat right top;
	/*border: solid 1px Black;*/
}
.divFlashAbo
{
	width:200px;
	height:200px;
	float:left;
	/*background-color:#fdae1b;*/
	/*background-color:#d91344;*/
}
.divFlashNoTitre
{
	width:601px;
	height:200px;
	float: left;
	margin-left: 1px;
}
.divFlashAnim
{
	width:143px;
	height:200px;
	float: left;
	margin-left: 1px;
	background: transparent url(../Graphisme/produit/FLASH_Anim.gif) no-repeat left top;
}

  /****************************************/
 /*            Styles divers     			        */
/****************************************/
.marge
{
	margin-top:20px;
	margin-bottom:20px;
}
.Titre
{
    font: 10pt "Trebuchet MS",Arial;
    color: #003b84;
    font-weight:bold;

}
.Titre12
{
    font: 12pt "Trebuchet MS",Arial;
    color: #003b84;
}
.Texte
{
	overflow:hidden;
    font: 8pt "Trebuchet MS",Arial;
    color: #7a8187;
    text-decoration : none;

}
.TexteVert08
{
	overflow:hidden;
    font: 8pt "Trebuchet MS",Arial;
    color: #8cba31;
    text-decoration : none;

}
.TexteGris10
{
	overflow:hidden;
    font: 10pt "Trebuchet MS",Arial;
    color: #7a8187;

}

.TexteRouge15
{
	overflow:hidden;
    font: 15pt "Trebuchet MS",Arial;
    color: #db0041;

}
.TexteRouge
{
	overflow:hidden;
    font: 8pt "Trebuchet MS",Arial;
    color: #db0041;

}
.Texte08
{
	overflow:hidden;
    font: 8pt "Trebuchet MS",Arial;
    color: #003b84;
}

.TexteOrange11
{
	overflow:hidden;
    font: 10pt "Trebuchet MS",Arial;
    color: #fcaf11;
	text-decoration: none;
}
.TexteRouge11
{
	overflow:hidden;
    font: 11pt "Trebuchet MS",Arial;
    color: #db0041;
	font-weight:bold;
	text-decoration: none;
}
.TexteRouge08
{
	overflow:hidden;
    font: 8pt "Trebuchet MS",Arial;
    color: #db0041;
	font-weight:bold;
	text-decoration: none;
}

.TexteBlanc08
{
	overflow:hidden;
    font: 8pt Arial;
    color: #ffffff;
	text-decoration: none;
}
.TexteBlanc11
{
	overflow:hidden;
    font: 11pt Arial;
    color: #ffffff;
	text-decoration: none;
}
.TexteBlanc16
{
	overflow:hidden;
    font: 20pt Arial;
    color: #ffffff;
	text-decoration: none;
}

.TexteRouge10
{
	overflow:hidden;
    font: 10pt "Trebuchet MS",Arial;
    color: #db0041;
	font-weight:bold;
}
.TexteVert14
{
	overflow:hidden;
    font: 14pt "Trebuchet MS",Arial;
    color: #7dc242;
	font-weight:bold;
}
.TexteVert10 {
    color: #768187;
    font: 12px "Trebuchet MS",Arial;
    overflow: hidden;
}
.TexteRouge08
{
	overflow:hidden;
    font: 8pt "Trebuchet MS",Arial;
    color: #db0041;
	font-weight:bold;
}
.TexteMessageErreur
{
	overflow:hidden;
    font: 8pt "Trebuchet MS",Arial;
    color: #d0293f;
	font-weight:bold;
}
.TexteGras
{
    font: 10pt "Trebuchet MS",Arial;
    color: #7a8187;
    font-weight:bold;
}

  /*************************************************/
 /*         Cadre pop in			              */
/*************************************************/

/*.popinwhite
{
	width: 500px;
	height:600px;
	background:#ffffff;
	top:150px;
    border-collapse: collapse;
    border: 2px solid blue;
    margin: 0;
    padding: 0;
    margin: 0 auto 0;
    position:absolute;
    display:none;
}*/

.popinwhite
{
	padding-top : 10px;
	padding-bottom : 10px;
	font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
	color: #0e618b; 
	width:756px;
	border:solid 1px #ffae10;
	margin: 0;
    padding: 0;
    margin: 0 auto 0;
	text-align: left;
	background-color: #f1f1f1; 
	color: #0e618b;
    display:none;
}


  /*************************************************/
 /*         Cadre avec bordure bleue              */
/*************************************************/

.tableaubordurebleue
{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 10px;
}
.tableaubordurebleue .hautgauche
{
    width: 18px;
    height: 22px;
    background-image: url(../GRAPHISMES/PANIER/G1.GIF)
}
.tableaubordurebleue .haut
{
   	border-top: #7accf7 1pt solid;
	background-color:#f4fafe;
}
.tableaubordurebleue .hautdroite
{
    width: 18px;
    height: 22px;
    background-image: url(../GRAPHISMES/PANIER/D1.GIF)
}
.tableaubordurebleue .gauche
{
   	border-left: #7accf7 1pt solid;
	background-color:#f4fafe;
}
.tableaubordurebleue .centre
{
	background-color:#f4fafe;
	font-size: 10pt;
    color: #0e618b;
	text-align: center;
}
.tableaubordurebleue .droite
{
   	border-right: #7accf7 1pt solid;
	background-color:#f4fafe;
}
.tableaubordurebleue .basgauche
{
    width: 18px;
    height: 22px;
    background-image: url(../GRAPHISMES/PANIER/GB1.GIF)
}
.tableaubordurebleue .bas
{
   	border-bottom: #7accf7 1pt solid;
	background-color:#f4fafe;
}
.tableaubordurebleue .basdroite
{
    width: 18px;
    height: 22px;
    background-image: url(../GRAPHISMES/PANIER/GD1.GIF)
}
.tableaubordurebleue .titre
{
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	text-decoration: underline;
}

  /***************************************************************************/
 /*         Cadre avec bordure bleue et titre en haut à droite              */
/***************************************************************************/

.blocbleu
{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-top: 10px;
}
.blocbleu td
{
    text-align: left;
    padding: 0;
}
.blocbleu .hautgauche
{
    width: 18px;
    height: 22px;
    background: #d1ecfd url(../GRAPHISMES/PANIER/G.GIF) no-repeat;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
.blocbleu .haut
{
   	border-top: #7accf7 1pt solid;
	background-color: #d1ecfd;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
.blocbleu .hautmilieu
{
    width: 25px;
    height: 22px;
    background-image: url(../GRAPHISMES/PANIER/MILIEUCADRE.GIF);
    background: #ffffff url(../GRAPHISMES/PANIER/MILIEUCADRE.GIF) no-repeat;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
.blocbleu .titre
{
	font-weight: bold;
	text-align: right;
	text-decoration: underline;
}
.blocbleu .haut2
{
	background-color:#d1ecfd;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
.blocbleu .hautdroite
{
    width: 18px;
    height: 22px;
    background-image: url(../GRAPHISMES/PANIER/D.GIF);
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
.blocbleu .gauche
{
   	border-left: #7accf7 1pt solid;
	background-color:#d1ecfd;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
.blocbleu .centre
{
	background-color:#edf7fe;
	font-size: 10pt;
    color: #0e618b;
	text-align: center;
	padding: 5px;
}
.blocbleu h2
{
    text-align: left;
    font-size: 10pt;
    color: #D81345;
}
.blocbleu h3
{
    text-align: left;
    font-size: 10pt;
}
.blocbleu .droite
{
   	border-right: #7accf7 1pt solid;
	background-color:#d1ecfd;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
.blocbleu .basgauche
{
    width: 18px;
    height: 22px;
    background: #d1ecfd url(../GRAPHISMES/PANIER/GB.GIF) no-repeat;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
.blocbleu .bas
{
   	border-bottom: #7accf7 1pt solid;
	background-color:#d1ecfd;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
.blocbleu .basdroite
{
    width: 18px;
    height: 22px;
    background-image: url(../GRAPHISMES/PANIER/GD.GIF);
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}


  /******************************************/
 /*       TextBox arrondi                  */
/******************************************/

table.tableinput
{    
    border-collapse: collapse;
}
table.tableinput td
{    
    padding: 0;
    vertical-align: middle;
}
table.tableinput .inputgauche
{
    width: 6px;
    height: 28px;
    background: url(../GRAPHISMES/CLIENT/GAUCHE.GIF) no-repeat center;
}
table.tableinput .inputdroite
{
    width: 6px;
    height: 28px;
    background: url(../GRAPHISMES/CLIENT/droite.GIF) no-repeat center;
}
table.tableinput input
{
    border: 0 ;
    border-top: #508ba9 1px solid;
    border-bottom: #508ba9 1px solid;
    font-size: 8pt;
    color: #2a2a2a;
    font-family: "Trebuchet MS",Arial;
}


select
{
    border: #508ba9 1px solid;
    font-size: 8pt;
    color: #2a2a2a;
    font-family: "Trebuchet MS",Arial;
}


  /**********************************************************/
 /*         Styles du pavé hiérarchie des rubriques         /
/**********************************************************/
 
 .hierarchie
 {
    margin-bottom: 5px;
 }
 .hierarchie a:hover
 { text-decoration:underline;
 }
 .hierarchie a.pageactuelle {
    color: #58585A;
    font-size: 12px;
    font-weight: bold;
}

 .hierarchie a.pageactuelle:hover {
    text-decoration:none;
}

 
 
 #ListeProduit tr.bandeau
 {
    display: none;
 }
 
  /***********************************/
 /*       Suivi des commandes       */
/***********************************/
/* utilisé aussi pour les listes de souhaits */

table.listecommandes 
{
    width: 800px;
    margin: 10px;
    border-collapse: collapse;
}

table.listecommandes th
{
    height: 18px;
    text-align: center;
    font-variant: small-caps;
    color: White;
    background-color: #105F8A;
    padding: 5px;
}
 
table.listecommandes td
{
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    border: solid 1px #d1ecfd;
    border-bottom-style: none;
    border-top-style: none;
    padding: 3px;
}

table.listecommandes .hautgauche
{
    width: 18px;
    height: 18px;
    padding: 0;
    margin: 0;
    border-style: none;
    background: #105F8A url(../Graphisme/Tableaux/bordureGauche.GIF) no-repeat;
    font-size: 1pt; 
}
table.listecommandes .hautdroite
{
    width: 18px;
    height: 18px;
    border-style: none;
    padding: 0;
    background: #105F8A url(../Graphisme/Tableaux/bordureDroite.GIF) no-repeat;
    font-size: 1pt; 
}
table.listecommandes .gauche
{
    border-style: none;
   	border-left: #7accf7 1pt solid;
	background-color:#d1ecfd;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
table.listecommandes .droite
{
    border-style: none;
   	border-right: #7accf7 1pt solid;
	background-color:#d1ecfd;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
table.listecommandes .basgauche
{
    width: 18px;
    height: 22px;
    border-style: none;
    padding: 0;
    background: #d1ecfd url(../Graphisme/Tableaux/GB.GIF) no-repeat;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
table.listecommandes .bas
{
    border-style: none;
   	border-bottom: #7accf7 1pt solid;
	background-color:#d1ecfd;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
table.listecommandes .basdroite
{
    width: 18px;
    height: 22px;
    border-style: none;
    padding: 0;
    background: #d1ecfd url(../Graphisme/Tableaux/GD.GIF) no-repeat;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}
table.listecommandes .separator
{
    border-style: none;
    height: 5px;
	background-color:#d1ecfd;
    font-size: 1pt; /* pour empêcher que les   ne deviennent trop grands et cassent la mise en page */
}

table.listecommandes .esi
{
    margin: 5px; 
    float: right;
}
table.listecommandes .suppr
{
    margin: 5px; 
    float: right;
    clear: right;
    background-color: #DDDDDD;
}
table.listecommandes .suppr img
{
    vertical-align: middle;
}
table.listecommandes .suppr a
{
    text-decoration: none;
}
table.listecommandes .vignette
{
    vertical-align: middle;
}


  /*************************************/
 /*       Infos bulles C-Direct       */
/*************************************/
a.info{
    position:relative; 
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ 

 	display:block; 
	 position:absolute;
    
    
    top:2em; left:5em; width:15em;
    border:1px solid #6699cc;
    background-color:#eeeeee; color:#6699cc;
    text-align: justify;
    font-weight:normal;
    padding:1px;
    
    }

 
table.formu_compte td
{
    height: 2em;
    font-weight: bold;
}
table.formu_compte label
{
    font-weight: normal;
}
table.formu_compte input
{
    font-weight: normal;
}
table.formu_compte select
{
    font-weight: normal;
}

.encadrementClient
{
	border-right: #508ba9 1px solid;
	border-top: #508ba9 1px solid;
	border-left: #508ba9 1px solid;
	border-bottom: #508ba9 1px solid;
	background-color: #ebf4f8;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
}

.search_google
{
	font: 8pt "Trebuchet MS",Arial;
	width: 106px;
	height: 15px;
    margin-top:1px;
    background-color: White;
    border: solid 1px #75839f;
}


  /**********************************************/
 /*             COMPTE CLIENT                  */
/**********************************************/
.btnVal
{
	cursor: pointer;
	width: 30px;
	height: 18px;
    margin-top: 1px;
	background: #105F8A url(../Graphisme/BarreNav/NN_OK.jpg) no-repeat;
	border:  0px solid;
}

.EntetePave
{
width:756px;
margin-top : 5px;
border-left :solid 1px #f1b324;
border-right :solid 1px #f1b324;
font: bold 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
background-color: #f1b324; 
color: #fff;
}

.ContenuPave
{
padding-top : 10px;
padding-bottom : 10px;
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b; 
width:756px;
border-left :solid 1px #ffae10;
border-right :solid 1px #ffae10;
border-bottom :solid 1px #ffae10;
margin-right:3px;
text-align: left;  
background-color: #f1f1f1;
}

.EntetePaveRouge
{
width:756px;
margin-top : 5px;
border-left :solid 1px #d81345;
border-right :solid 1px #d81345;
font: bold 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
background-color: #d81345; 
color: #fff;
}

.ContenuPaveRouge
{
padding-top : 10px;
padding-bottom : 10px;
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b; 
width:756px;
border-left :solid 1px #d81345;
border-right :solid 1px #d81345;
border-bottom :solid 1px #d81345;
margin-right:3px;
text-align: left;  
background-color: #f1f1f1; 
}

.EntetePaveBleu
{
width:400px;
margin-top : 5px;
border-left :solid 1px #024393;
border-right :solid 1px #024393;
font: bold 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
background-color: #024393; 
color: #fff;
}

.ContenuPaveBleu
{
padding-top : 10px;
padding-bottom : 10px;
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b; 
width:400px;
border-left :solid 1px #024393;
border-right :solid 1px #024393;
border-bottom :solid 1px #024393;
margin-right:3px;
text-align: left;  
background-color: #fff; 
}

.CompteInput
{
width: 200px; 
border :solid 1px #979797;
font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
background-color: #ffffff; 
color: #000000;
}

.TextAreaInput
{
	margin:0;
	padding:0;
	border:0;
	width:310px;
	height:100px;
	border :solid 1px #979797;
	font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
	background-color: #ffffff; 
	color: #000000;
}

.TextAreaInputLarge
{
	margin:0;
	padding:0;
	border:0;
	margin : 0 auto 0;
	width:640px;
	height:100px;
	border :solid 1px #979797;
	font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
	background-color: #ffffff; 
	color: #000000;
}

.ComptePave
{
	width:754px;
	font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
	color: #0e618b;
}

.InfoGris
{
	font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
	color: #959595;
}
.CompteAccroche
{
	font: 15px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
	color: #0e618b;
}
.TexteRelais
{
	overflow:hidden;
    font: 7pt Arial, Helvetica;
    color: #0e618b;

}
.TexteCpt08
{
	font: 6px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
}

.TexteCompte
{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b;
}
.TexteCompteGras
{
	font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
    font-weight: bold;
}
.TexteCompteRouge{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #d81345;
}



.EntetePaveDemi
{
margin-top : 5px;
font: bold 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
background-color: #ffae10; 
color: #fff;
}

.ContenuPaveDemi
{
height:80px;
padding:4px 4px 4px 4px; 
border-left :solid 1px #ffae10;
border-right :solid 1px #ffae10;
border-bottom :solid 1px #ffae10;
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
background-color: #f1f1f1; 
color: #0e618b;
}

.EntetePaveVert
{
font: bold 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
background-color: #79b63f; 
color: #fff;
}

.ContenuPaveDemiVert
{
padding:4px 4px 4px 4px; 
border-left :solid 1px #79b63f;
border-right :solid 1px #79b63f;
border-bottom :solid 1px #79b63f;
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
background-color: #f1f1f1; 
color: #0e618b;
}
.ContenuPaveVert
{
padding:4px 4px 4px 4px; 
margin-right : 3px;
border:solid 1px #79b63f;
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
background-color: #f1f1f1; 
color: #0e618b;
}


.Compte_Bordure_Orange
{
	width:757px;
	background: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-right: #fcaf11 1px solid;
	border-left: #fcaf11 1px solid;
	border-bottom: #fcaf11 1px solid;
}

  /**********************************************/
 /*             ESI LISTE PRODUIT              */
/**********************************************/

.LibelleESI
{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
color: #17819b;
text-decoration : none;
}

.AgeESI
{
font: 9px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
text-align: left;  
color: #7b8287;
text-decoration : none;
}

.PrixESI
{
font: 16px Arial, Helvetica,  sans-serif; 
text-align: left;  
color: #7b8287;
text-decoration : none;
font-weight: bold;
}
.PrixESIFiche
{
font: 20px Arial, Helvetica,  sans-serif; 
text-align: left;  
color: #7b8287;
text-decoration : none;
font-weight: bold;
}
.PoucentagePromo
{
font: 16px Arial, Helvetica,  sans-serif; 
text-align: left;  
color: #ffffff;
text-decoration : none;
font-weight: bold;
}

.PrixESIBarre
{
font: 14px Arial, Helvetica,  sans-serif; 
text-align: left;  
color: #7b8287;
text-decoration : none;

}

.ListeTri
{
    background: #ffffff;
    cursor: pointer;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    border-right: #89bb33 1px solid;
    border-top: #89bb33 1px solid;
    border-left: #89bb33 1px solid;
    border-bottom: #89bb33 1px solid;
}

.bandeauPromo
{
  background: #004494;
  width:200px;
  height:20px;
}

.bandeauFidelite
{
  background: #024393;
  width:200px;
}


  /**********************************************/
 /*             PANIER - BARREv                */
/**********************************************/
.TextePanierBleu
{
    font: 8pt "Trebuchet MS",Arial;
    color: #003b84;
    text-decoration : none; 
}

.TextePanierRouge
{
    font: 8pt "Trebuchet MS",Arial;
    color: #d81345;
    text-decoration : none; 
}
.TextePanierGris
{
    font: 8pt "Trebuchet MS",Arial;
    color: #9ca1a5;
    text-decoration : none; 
}
.PanierContour
{
border-left : solid 1px #009de0;
border-right : solid 1px #009de0;
border-bottom : solid 1px #009de0;
}

.validerClubAnniv
{
    width: 87px;
    height: 23px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent url(../Graphisme/Compte/Club_valider.gif) no-repeat center top;
    cursor: pointer; 
}

  /****************************************************/
 /*         POLICES D'ECRITURE CONTENU               */
/****************************************************/
 
.txt_09_Orange
{
font: 9px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #fdb016;
} 

.txt_10_Orange
{
font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #fdb016;
} 

.txt_11_Orange
{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #fdb016;
} 

.txt_12_Orange
{
font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #fdb016;
} 

.txt_14_Orange
{
font: 14px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #fdb016;
} 

.txt_16_Orange
{
font: 16px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #fdb016;
} 

.txt_18_Orange
{
font: 18px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #fdb016;
} 

.txt_09_Vert
{
font: 9px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #7dc243;
} 

.txt_10_Vert
{
font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #7dc243;
} 

.txt_11_Vert
{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #7dc243;
} 

.txt_12_Vert
{
font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #7dc243;
} 

.txt_14_Vert
{
font: 14px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #7dc243;
} 

.txt_16_Vert
{
font: 16px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #7dc243;
} 

.txt_18_Vert
{
font: 18px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #7dc243;
} 

.txt_09_Rouge
{
font: 9px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #d81446;
} 

.txt_10_Rouge
{
font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #d81446;
} 

.txt_11_Rouge
{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #d81446;
} 

.txt_12_Rouge
{
font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #d81446;
} 

.txt_14_Rouge
{
font: 14px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #d81446;
} 

.txt_16_Rouge
{
font: 16px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #d81446;
} 

.txt_18_Rouge
{
font: 18px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #d81446;
font-weight: bold;
} 
.txt_20_Rouge
{
font: 20px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #d81446;
} 
.txt_09_Noir
{
font: 9px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #000000;
} 

.txt_11_Noir
{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #000000;
} 


.txt_10_Noir
{
font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #000000;
} 

.txt_12_Noir
{
font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #000000;
} 

.txt_14_Noir
{
font: 14px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #000000;
} 

.txt_16_Noir
{
font: 16px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #000000;
} 

.txt_18_Noir
{
font: 18px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #000000;
} 

.txt_20_Noir
{
font: 20px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #000000;
} 

.txt_09_Blanc
{
font: 9px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #ffffff;
} 

.txt_10_Blanc
{
font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #ffffff;
} 

.txt_11_Blanc
{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #ffffff;
} 

.txt_12_Blanc
{
font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #ffffff;
} 

.txt_14_Blanc
{
font: 14px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #ffffff;
} 

.txt_16_Blanc
{
font: 16px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #ffffff;
} 

.txt_18_Blanc
{
font: 18px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #ffffff;
} 

.txt_22_Blanc
{
font: 22px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #ffffff;
font-weight: bold;
} 

.txt_09_Rose
{
font: 9px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #E83194;
} 

.txt_10_Rose
{
font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #E83194;
} 

.txt_11_Rose
{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #E83194;
} 

.txt_12_Rose
{
font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #E83194;
} 

.txt_14_Rose
{
font: 14px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #E83194;
} 

.txt_16_Rose
{
font: 16px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #E83194;
} 

.txt_18_Rose
{
font: 18px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #E83194;
} 

.txt_09_Bleu
{
font: 9px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b;
} 

.txt_10_Bleu
{
font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b;
} 

.txt_11_Bleu
{
font: 11px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b;
} 

.txt_12_Bleu
{
font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b;
} 

.txt_14_Bleu
{
font: 14px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b;
} 

.txt_16_Bleu
{
font: 16px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b;
} 

.txt_18_Bleu
{
font: 18px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
color: #0e618b;
} 

.Qas
{
	font: 9px "Trebuchet MS"; 
	border-collapse:collapse;
	border:1px solid black;
}

/*Style animations magasins*/
.panim
{
	margin:0;
	padding:0;
	margin:0 auto 0;
	text-align:left;
}

.pnom_mag
{
	margin:0;
	padding:0;
	margin:0 auto 0;
	text-align:left;
	font-size: 12pt;
    color: #fdb016;
    font-family: "Trebuchet MS",Arial
}
/***************************/


.PROMOTION_HOME
{
width: 160px;
margin:0;
padding:0;
border-left :solid 1px #d2003c;
border-right :solid 1px #d2003c;
border-bottom :solid 1px #d2003c;
background: #ffffff url(../Graphisme/Home/PAVE_PROMOTION3.gif) top no-repeat;
}
.PROMOTION_BAS
{
width:160;
font-size: 10pt;
font-weight: bold;
color: #ffffff;
font-family: "Trebuchet MS",Arial;
background-color: #d2003c; 
border-left :solid 1px #d2003c;
border-right :solid 1px #d2003c;
border-bottom :solid 1px #d2003c;
}

.COUPDECOEUR
{
width: 160px;
margin:0;
padding:0;
border-left :solid 1px #ff5500;
border-right :solid 1px #ff5500;
vertical-align : bottom
}

.COUPDECOEURH
{
width:160;
font-size: 10pt;
font-weight: bold;
color: #ffffff;
font-family: "Trebuchet MS",Arial;
background-color: #ff5500; 
border-left :solid 1px #ff5500;
border-right :solid 1px #ff5500;
border-bottom :solid 1px #ff5500;
}

.crit_H1
{
	display:inline;
	overflow:hidden;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	text-align:left;
    font: 10pt "Trebuchet MS",Arial;
    font-weight: bold;
    color: #fcaf11;
	text-decoration: none;
}

.Fiche_H1
{
	display:inline;
    font: 15pt "Trebuchet MS",Arial;
    color: #003b84;
    font-weight:bold;
}

.Fiche_H2
{
	display:inline;
	font: 11pt "Trebuchet MS",Arial;
	color: #003b84;
	font-weight:bold;
}

.crit_H2
{
	overflow:hidden;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	text-align:left;
    font: 10pt "Trebuchet MS",Arial;
    color: #fcaf11;
	text-decoration: none;
}

.crit_H3
{
	display:inline;
	font: 12px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	text-align: left;  
	color: #17819b;
	text-decoration : none;
}

.bleu08
{
	font: 10px "Trebuchet MS", Arial, Helvetica,  sans-serif; 
	color: #004494;
}

/* PAGES DOSSIER */
#divDossierCentre
{	
	margin:auto;
	overflow:hidden;
	width: 919px;
}
#divDossierDroite
{
	width: 160px;
	overflow:hidden;
	display:none;
	float: left;
}

#divDossierCentre #main{
	margin-left:auto;
	margin-right:auto;
	float:none;
}

#divDossierCentre #contenu{
	margin-left:auto;
	margin-right:auto;
	float:none;
}

#divDossierCentre #content{
	margin-left:auto;
	margin-right:auto;
	float:none;
}

/*		Calendrier		*/

#clubAnnivTitre2
{
	width:300px;
	float:left;
	margin-right:5px;
	line-height:25px;
	text-align:right;
}

.divAddEnfantPrenom, .divAddEnfantNaiss, #addEnfantSexe, #addEnfantParente
{
	margin-bottom:5px;
	height: auto;
	line-height:20px;
}
#addEnfantSexe{
	height:20px;
}