﻿@import url("../../../../Providers/HtmlEditorProviders/Fck/FCKeditor/editor/css/fck_editorarea.css");
/* *********************************************************************************** */
/*                                                                       Partie - Global.css                                                                        */
/* *********************************************************************************** */


.all_content{
	position:relative;
	width:1040px;
	margin:0px auto 0px auto;
}
/*header*/
.bandeau{
	width:780px;
}
.bandeau img{
	border:none;
}
/*fil ariane*/
#fil-ariane {
	width:auto;
	height:auto;
	margin:0; padding:10px 0 0 0;
}
*+html #fil-ariane {
	padding:10px 0 0 0;
}
* html #fil-ariane {
	padding:10px 0 0 0;
}
#fil-ariane ul {
	margin:0px 0 7px 0; padding:0;
	list-style:none;
}
#fil-ariane ul li {
	display:inline;
	width:auto;
	margin:0;
	padding:0;
	color:#000000;
}
#fil-ariane ul li a, #fil-ariane ul li a:link, #fil-ariane ul li a:visited { color:#000000; text-decoration:none;}
#fil-ariane ul li a:hover { color:#000000; text-decoration:underline;}
/*général*/
body{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
border:none;
padding:0;
background:url(images/bg_background2.jpg);
background-repeat:repeat-x;

}

form {
	margin:0px; padding:0px;
}
a, a:link, a:visited {color: #57004f; text-decoration:none;}
a:hover{
	text-decoration:underline;
}
a p{
color:#000000;
}
a img{
	border:none;
}
.left10{
	left:10px;
}
.top9{
	top:9px;
}
.marginRight9 {
	margin-right:9px;
}
.marginRight12{
	margin-right:12px;
}
.marginLeft5{
	margin-left:5px;
}
.marginTop10{
	margin-top:10px;
}
.marginLeft3{
	margin-left:3px;
}
.marginLeft12{
	margin-left:12px;
}
.marginRight2{
	margin-right:2px;
}
*+html .marginLeft3{
	margin-left:2px;
}
* html .marginLeft3{
	margin-left:2px;
}
.marginBottom4{
	margin-bottom:4px;
}
.paddingLeft10{
	padding-left:10px;
}
.width240{
	width:240px;
}
.width210{
	width:210px;
}
.width188{
	width:188px;
}
.width95{
	width:95px;
}
.width218{
	width:218px;
	height:30px;
	min-height:30px;
	padding-bottom:8px;
}
.width384{
	width:384px;
	float:left;
	position:relative;
}
.width568{
	width:568px;
}
.height288{
	height:288px;
	border:1px solid #cccccc;
}
.height320
{
	height:320px;
	border:1px solid #cccccc;
}

.height340
{
	height:340px;
	border:1px solid #cccccc;
}

*+html .width218{
	width:238px;
	height:21px;
	padding-bottom:8px;
}
.padding8t8b{
	padding:8px 0 8px 0;
}
*+html .padding8t8b{
	padding:7px 0 7px 0;
}
* html .padding8t8b{
	padding:7px 0 7px 0;
}
.padding3t3b{
	padding:3px 0 3px 0;
}
.paddingBottom19{
	padding:0 0 19px 0;
}
.paddingBottom33{
	padding:0 0 33px 0;
}
*+html .paddingBottom33{
	padding:0 0 0px 0;
}
* html .paddingBottom33{
	padding:0 0 0px 0;
}
.paddingBottom4{
	padding:0 0 4px 0;
}
.bgColorGris{
	background-color:#fafafa;
}
.boutonNav{
	border:1px solid #979797;
	background-color:#d0d0d0;
	color:#999999;
	margin-bottom:6px;
	width:20px;
	height:24px;
	cursor:pointer;
}
.boutonNavViolet{
	border:1px solid #57004f;
	background-color:#8c4d8c;
	color:#ffffff;
	margin-bottom:6px;
	width:20px;
	height:24px;
	cursor:pointer;
}
*+html .boutonNav{
	margin-bottom:4px;
}
*+html .boutonNavViolet{
	margin-bottom:4px;
}
* html .boutonNav{
	margin-bottom:4px;
}
* html .boutonNavViolet{
	margin-bottom:4px;
}
.pointille{
	border-bottom-color: #999999;
border-bottom-width: 2px;
border-bottom-style: dotted;
}
.typo_rouge{
	color:#cc0000;
}
.absolu{
	position:absolute;
	
}
.relatif{
	position:relative;
}
.divTraitGris
{
    background-image: url(images/1gris.gif);
    background-repeat:repeat-x;
}
.cadreGris{
	padding:1px 1px 1px 1px;
	border:1px solid;
	border-color:#cccccc;
	width:776px;
	margin-bottom:9px;
	margin-top:9px;
	clear:both;
}
.marginSpecMenu{
	margin-top:41px; /*(9+ hauteur du menu+ marge du menu)*/
}
* html .marginSpecMenu{
	margin-top:15px; /*(pas avec ie6)*/
}
.gras{
	
	font-weight:bold;
}
.gras14{
	font-size:14px;
	font-weight:bold;
}
.gras12{
	font-size:12px;
	font-weight:bold;
}


.grasViolet{
	color:#660066;
	font-weight:bold;
}
.grasViolet16{
	color:#660066;
	font-weight:bold;
	font-size:16px;
}
.grasViolet14{
	color:#660066;
	font-weight:bold;
	font-size:14px;
}
.titre_rouge{
	color:#996699;
	font-weight:bold;
	width:280px;
	float:left;
	margin:5px 0 5px 0;	
}
.titre_rouge2
{	
	color:#996699;
	font-weight:bold;
	width:400px;	
	float:left;
	margin:5px 0 5px 0;	
}

.prix_vin2
{	
	width:100px;
	float:right;	
	text-align:right;
	margin:5px 0 5px 0;
}

.souligne{
	text-decoration:underline;
}
.paddingRight30{
	padding-right:30px;
}

.paddingRight10{
	padding-right:10px;
}
.barre{
	text-decoration:overline;
}
.gauche{
	float:left;
	display:block;
}
.droite{
	float:right;
	display:block;
}
/*superposition*/
.fond{
position:absolute;

}
.contenu{
position:relative;

}
/*colonne*/
.colonne_gauche{
	width:820px;
	display:block;
	float:left;
	margin-right:4px;
}
* html .colonne_gauche{
	margin-right:2px;
}
.colonne_droite{	
	width:210px;
	display:block;
	float:left;
}
/*principal*/
.titre{
	border-bottom:2px dotted #999999;
	margin-bottom:2px;
	color:#666666;
	font-weight:bold;
	font-size:12px;
	margin-top:20px;
}
.prix_vin{
	float:right;
	width:50px;
	margin-top:5px;
	text-align:right;
	
}
.offres{
	width:381px;
	height:149px;
	padding: 1px 1px 1px 1px;
	border: 1px solid;
	border-color:#cccccc;
	margin-bottom:9px;
}
.offres .contenu{
	 top:125px; left:130px;
}
.offres .contenu a img{
	 border:none;
}
.petit_cadre{
	width:188px;
	height:150px;
	padding:1px 1px 1px 1px;
	border:1px solid;
	border-color:#cccccc;
	font-size:12px;
}
.annonces{
	width:385px;
	float:left;
}
.produits{
	width:385px;
	float:right;
}
.produitsEnLigne{
	padding-top:11px;
}

.produit{
	position:relative;
	float:left;
	width:186px;/*186 + 2 (border)=188*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px 0 4px 0;
	margin-bottom:9px;
	border:solid 1px;
	border-color:#cccccc;
}
.produit .image {
	float:left;
	width:55px;
}
.produit p{
	margin:0px;
}
.produit .texte_produit{
	float:left;
	width:121px;
	padding:6px 10px 0px 0px;
}
.note{
	position:absolute; bottom:8px; left:55px;
}

* html .note{
	width:130px;
}
.note .verre {
	float:left;
	width:40px;
}
.note .etoiles {
	float:left;
	padding-top:6px;
	width:82px;
	color:#999999; font-size:9px;
}
/*offre de bienvenue*/
.tabProduits
{
    width:800px;
    margin-left:-10px;
    margin-right:-10px;
}
.tabProduits td
{
  
	width:186px;/*186 + 2 (border)=188*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*padding:3px 0 4px 0;*/
	margin-bottom:9px;
	border:solid 1px;
	border-color:#cccccc;
}
.tabProduits  .image
{
    float:left;
    width:55px;
  
}
.tabProduits  .noteProduit
{
   bottom:auto; left:55px;
 
}
.tabProduits  .noteProduit .verre {
	float:left;
	width:40px;
	margin-top:19px;
}

.tabProduits .noteProduit .etoiles {
	float:left;
	padding-top:6px;
	width:82px;
	color:#999999; font-size:9px;
}

 
/*Noter un produit*/
.tabInfoProduitNote
{
    width:100%;
    border:solid 1px #cccccc;
    height:150px;
}
.tabInfoProduitNote .tdImage
{
    width:30%;
     padding:5px;
     text-align:center;
     
}
.tabInfoProduitNote .tdInfo
{
   vertical-align:top;
   padding: 10px;
}

 .tabInfoProduitNote .tdInfo .divAvisSavour
{
    margin-top:20px;
}
 
 
.tabAppreciation
{
    width:250px;
     margin-left:300px;
     margin-top:10px;
}
.tabAppreciation input
{
    width:70px;

}
.tabAppreciation .tdTitre
{
     text-align:right ;

}
.tabAppreciation .tdTotal
{
    text-align:center;
    font-weight:bold;
    font-size:14px;
}
.divBoutonCentrer
{
    margin:10px auto 0px auto;
    text-align:center;
}
/*liste des produits*/
.tri{
	background-color:#f4f4f4;
	position:relative;
}
.tri select{
	width:200px;
	z-index:0;
}
.tri .triListeProduitTab{
	width:100%;
	
}
.tri .triListeProduitTab .tdTri{
	 width:95%;  
     margin-left:10px;
     border-left:10px;
     
}
.tri .selectPage{
	width:auto;
	
}
.tri .textPage
{
   
     font-weight:bold;
   
}
.tri .calerBoutons{
	position:absolute;
	right:0px;
	top:9px;
	height:20px;
}
*+html .tri .calerBoutons{
	top:7px;
}
* html .tri .calerBoutons{
	top:7px;
}
.tri .calerBoutons select{
	width:auto;
}
.tri .calerTexte{
	position:absolute;
	top:4px;
	right:360px;
	font-weight:bold;
}
.indication_lien{
	font-size:13px;
	color:#333333;
	width:540px;
	padding-bottom:10px;
}
.colonne_facturation{
	width:235px;
}
.colonne_livraison{
	width:245px;
}
.colonne_facturation p{
	margin:7px 0 7px 0;
	font-size:12px;
}
.colonne_livraison p{
	margin:7px 0 7px 0;
	font-size:12px;
}
.colonne_message p{
	/*margin:7px 0 7px 0;*/
	margin:4px 0pt;
	font-size:12px;
}
.colonne_facturation .adresse{
	top:84px;
	width:205px;
	left:15px;
}
.colonne_livraison .adresse{
	top:84px;
	width:215px;
	left:15px;
}
.contenu_colonne{
	padding:0 15px 0 15px;
	height:260px;
	border:1px solid #cccccc;
}
.colonne_message .message{
	width:240px;
	margin:0px 0 13px 0;
}

.colonne_livraison .boutons{
	bottom:10px;
	left:15px;
}
.colonne_livraison .boutons img{
	margin-bottom:12px;
}
.colonne_facturation .boutons{
	bottom:42px;
	left:15px;
}
.colonne_livraison select{
	margin:20px 0 20px 0;
	width:215px;
}
.colonne_message .contenu_colonne .cadeau{
	padding:13px 0 5px 0;
}
.colonne_message .contenu_colonne .cadeau p{
	color:#993399;
	font-size:13px;
	font-weight:bold;
}
.vin_carac{
	border:1px solid #cccccc;
	margin-bottom:9px;
	color:#999999;
}
.vin_carac ul{
	padding-left:20px;
}
*+html .vin_carac ul{
	padding-left:0px;
	margin-left:20px;
	margin-top:20px;
}
* html .vin_carac ul{
	padding-left:0px;
	margin-left:20px;
	margin-top:20px;
}
.vin_carac ul li{
	list-style-image:url(images/picto/fleche_gris.png);
	width:135px;
}

.vin_carac ul li a{
	color:#996699;
	font-weight:bold;	
}

.vin_carac ul li a:visited{
	color:#996699;
}
.vin_carac ul li a:hover{
	color:#996699;
}
.filtreSelected
{
    color:White!important;
    background-color:#996699!important;
}

.vin_carac .indication{
	color:#999999;
	list-style:none;
}

.erreurProduit
{
   text-align:center;
   color:Red;
   font-weight:bold;   
}

.erreurPaiement
{
   text-align:center;
   color:Red;
   font-weight:bold;  
   font-size:10pt; 
}

.confirmPaiement, .succes
{
   text-align:center;
   color:Green;
   font-weight:bold;   
}


.liste_produit{
	position:relative;
	float:left;
	width:579px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px 0 4px 0;
	margin-bottom:9px;
	border:solid 1px;
	border-color:#cccccc;
}
.liste_produit .innerTable
{
     padding: 0;
     height: 130px; 
     width: 100%;
}
.liste_produit .image {
	float:left;
	width:55px;
}
.liste_produit p{
	margin:0px;
}
.liste_produit .Millesime{
	
	color:Purple ;
	font-size:12px;
	vertical-align:top;
	font-weight:bold;
	padding-top:3px;
	display:block; 
}
.liste_produit .titre_produit{
 
	width:221px;

	color:#333333;
	font-size:12px;
	font-weight:bold;
}

.liste_produit .liste_texte_produit{
	float:left;
	width:221px;
	padding:6px 10px 0px 110px;
	color:#333333;
	font-size:12px;
}

.liste_produit .prix_produit{
	font-weight:normal;
	font-size:14px;
}
.liste_produit .taille_bouteille{
	font-size:11px;
	color:#999999;
}
.liste_produit .prix_normal{
	font-size:14px;
	color:#666666;
}
.liste_produit .prix_produit strong{
	font-size:16px;
}
.liste_note{
	position:absolute; bottom:8px; left:165px;
}
* html .liste_note{
	width:130px;
}
.liste_produit .verre {
	
	width:40px;
	position:absolute; bottom:7px;left:85px;
}
.liste_note .etoiles {
	float:left;
	padding-top:6px;
	width:82px;
	color:#999999; font-size:9px;
}
.liste_produit .commander{
	position:absolute;
	top:0px; right:10px;
	width:180px;
	padding:3px 10px 0px 0px;
	height:140px;
}
.liste_produit .commander a{
	border:none;
	background:none;
}
.liste_produit .commander .calerDroite{
	position:absolute;
	left:40px;
	bottom:0px;
}
.liste_produit .commander .calerImg{
	position:relative;
	left:20px;
	top:0px;
}
.liste_produit .commander .alignement{
	width:148px;
	margin-bottom:35px;
}
*+html .liste_produit .commander .alignement{
	margin-bottom:15px;
}
* html .liste_produit .commander .alignement{
	margin-bottom:15px;
}
.liste_produit .commander .alignement p{
	float:left;
	color:#666666;
	margin-top:4px;
}
.liste_produit .commander .alignement select{
	float:right;
}

/* recherche avancée */

.tableRechercheAvancee
{
    margin:20px auto 20px auto;
    border-style:solid;
    border-width:1px;
    border-color:#cccccc;
    color:#666666;
    padding : 30px;
    width:450px;
    font-size:12px
}
.tableRechercheAvancee tr
{
   height:35px;
}
.tableRechercheAvancee td
{
     padding-right:10px;
}

.tableRechercheAvancee .tdTitre
{
    text-align:right ;
    font-weight:bold;
    width:40%;
  
}
.divBoutonRechercheAvancee
{
     margin:10px auto;
     width:450px;
     text-align:center;
}
 /*adresse livraison consultation*/
 .messageErreur
{
  
   color:Red;
   font-weight:bold;   
}
.messageInfo
{
    color:#996699;
    font-weight:bold ;
}

 .divAdresseLivraison
 {
    width: 575px;
 }
 * html .divAdresseLivraison
 {
    width: 557px;
  }
  .divAdresseLivraison .divAdresse
 {
    font-size:14px;
 }
 .divAdresseLivConsultation
 {
      margin:20px auto;
       width:300px;
       font-size:12px;
 }
  .divAdresseLivConsultation strong
 {
      font-weight:bold;
      color:#996699;
 }
 .divListeAdresse
 {
     margin-top:30px;
     margin-bottom:30px;
 }
 
  
   .divAdresseLivConsultation a
 {
      text-decoration:underline;
 }
  .divBoutonsAdresseLivConsultation
 {
      text-align:center;
      width:100%;
      margin:40px auto;
 }  
 /*adresses livraison edition*/
.adressesLivContent{
left:200px;
margin-top:63px;
position:absolute;
}
.adressesLiv_colLeft {float:left; display:inline; width:555px ; }
 
 * html .adressesLiv_colLeft
 {
    width:555px 
 }
.adressesLivInfo {float:left; display:inline; width:380px ; margin-left:200px}
 * html .adressesLivInfo
 {
    width:375px ;
    margin-left:190px
 }

/*affiche carton*/
.affiche{
	width:776px;
	position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px 0 4px 0;
	margin-bottom:9px;
	border:solid 1px;
	border-color:#cccccc;
}
* html .affiche{
margin-bottom:0px;
}
.affiche .image {
	float:left;
	width:281px;
	height:260px;
	text-align:center;
	vertical-align:bottom;
}	
.affiche p{
	margin:0px;
}
.affiche .texte_affiche{
	float:left;
	width:475px; /*+taille image=largeur de la div+padding*/
	padding:6px 10px 0px 10px;
}
.affiche .texte_affiche .note{
	position:absolute; bottom:34px; left:288px;
}
.affiche .texte_affiche .titreproduit{
	width:275px; /*+taille image=largeur de la div+padding*/
}
.affiche .texte_affiche .pTitre{
	width:320px; /*+taille image=largeur de la div+padding*/
}
.titreproduit{
	width:275px; /*+taille image=largeur de la div+padding*/
}

.affiche .promo{
	position:absolute; top:8px; right:15px;
}

.affiche .panier{
	position:absolute; top:80px; right:15px;
}

.affiche .listeMultiple{
	position:absolute;
	right:15px;
	bottom:35px;
}

.boutonSepare{
	padding-left:40px;
}

.affiche .boutons{
	position:absolute; bottom:8px; right:15px;
}
* html .affiche .boutons{
	right:0px;
	margin-right:15px;
}

.affiche .boutons img {
	float:left;
	/*width:110px;*/
}
.affiche img{
	border:none;
}
.prix_affiche
{	
	padding-top:50px;	
	color:#666666;
	font-size:14px;
	width:150px;
}
.prix_affiche .gras{
	font-size:24px;
	color:#660066;
}

.pointer
{
	cursor:pointer
}

/*fiche produit*/
.fiche{
	width:778px;
}
.fiche_ligne{
	padding-top:5px;
	padding-bottom:5px;
}
.fiche_ligne strong{
	color:#996699;
	text-decoration:none;
}

.produit_indispo
{
	font-size:13px;
	color:#996699;
	text-decoration:none;
	font-weight:bold;	
}

.fiche img{
	border:none;
}
.fiche_titre{
	background-color:#996699;
	border:1px solid #660066;
	color:#FFFFFF;
	text-transform:uppercase;
}
.fiche_titre p{
	margin-top:3px;
	margin-bottom:3px;
}
.fiche_titre img{
	margin-right:3px;
	margin-left:3px;
}
.fiche_boutons{
	position:absolute;
	bottom:5px;
	
}

.carton_qte{
	position:absolute;		
	bottom:8px;
	right:10px;
}

.carton_qte strong{
	color:#996699;
	text-decoration:none;
}

/*item de colonne droite*/
.item{
	margin-top:9px;
	border:solid 1px;
	border-color:#cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	width:210px;
	position:relative;
	overflow:hidden;
	height:1%;
	
}

.item p{
	margin:0 0 0 5px;
}
.item a{
	color:#000000;
}
.item input{
	padding-bottom:1px;
	border:1px solid;
	border-color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:170px;
	height:18px;
}
.item img{
	margin-right:5px;
}
.item .contenu img{
	margin-right:5px;
}
* html .item img{
	margin-right:0px;
}

.item .droite img{
	margin-right:1px;
}
.item_para{
	clear:both;
	/*padding-top: 29px;*/
	padding-bottom:0px;
	margin:0;
}
*+html .item .fond{
	position:relative;
}
* html .item .fond{
	position:relative;
}
*+html .item_para{
	padding-top: 4px;
}
/** html .item_para{
	padding-top: 0px;
	padding-bottom:0px;
	margin:0;
	position:relative;
}*/
.item_para img{
	position:relative;
	top:2px;
	margin-right:5px;
}
/*paragraphes*/
.prix_produit{
	margin:0;
	padding-top:5px;
	font-size:18px;
	color:#57004f;
	font-weight:bold;
}

.espace1_connexion
{
	height:15px;
}
.espace2_connexion
{
	height:20px;
}
.nomprenom
{
	font-weight:bold;
}
.petit_cadre .contenu .texte_cadre{
	position:absolute;
	margin:0;
	top:25px;
	left:75px;
	width:111px;
}
.petit_cadre .contenu .texte_cadre strong{
	color:#660066;
}
.petit_cadre .contenu .titre_cadre{
	position:absolute;
	margin:0;
	top:6px;
	left:8px;
	font-weight:bold;
	font-size:11px;
}
.petit_cadre .contenu .titre_cadre img{
	padding-right:5px;
}
.petit_cadre .contenu .titre_cadre a{
	text-decoration:none;
	color:#660066;
}
.petit_cadre .contenu .ensavoirplus{
	position:absolute;
	margin:0;
	top:125px;
	left:70px;
}
.petit_cadre .contenu .ensavoirplus img{
	border:none;
}
/*colonne de droite*/
.selection{
	padding-top:5px;
	padding-bottom:13px;
}
.selection select{
	padding-bottom:2px;
	border:1px solid;
	border-color:#cccccc;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:170px;
	height:20px;
}
.connexion{
	font-size:11px;
	color:#666666;
	padding-bottom:5px;
}
.connexion input{
	margin-bottom:2px;
	border:1px solid;
	border-color:#660066;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:170px;
	height:18px;
}
.connexion p{
	margin:0;
	padding:1px 0 1px 0;
}
.recherche{
	background:url(images/bg_recherche2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:220px;
	padding-top:13px;
	margin-bottom:9px;
	padding-bottom:8px;
}
.recherche input{
	font-size:10px;
	border:1px solid;
	border-color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:170px;
	height:18px;
}
.recherche p{
margin:0;
clear:both;
position:relative; top:5px; left:10px;
}
/**+html .recherche p{
margin:0;
position:relative; top:15px; left:10px;
}
* html .recherche p{
margin:0;
position:relative; top:0px; left:10px;
}*/
.recherche img{
margin-right:5px;
}
.ligne{
	height:20px;
	width:210px;
}
/**+html .ligne{
	position:relative;
	height:20px;
	width:210px;
}
* html .ligne{
	position:relative;
	height:20px;
	width:210px;
}*/
.ligne .ok {
	/*position:relative;
	bottom: 12px;
	left: 180px;*/
	width: 29px;
	float:left;
}
.ok img{
	border:none;
}
.ligne .ligne_input{
	width:175px; float:left;
	/*position:relative; top:10px; left:0px;*/
}
/*##################css importe de fc.css###########################################*/
/*************** CONTENU ***************/

.rubriques {
	float:left;
	width:188px;
	margin-right:10px;
}
.rubriques .content {
	padding:0px 15px 5px 15px;
	font-size:12px;
	border:1px solid #cccccc;
	border-top:0px;
}
.rubriques .content ul {
	margin:0px; padding:0px;
}
.rubriques .content ul li {
	padding:15px 0px 10px 0px;
	list-style:none;
	font-weight:bold; color:#996699;
}
.rubriques .content ul li a {
	color:#996699;
}
.rubriques .content ul li ul {
	margin:0px;
}
.rubriques .content ul li ul li {
	padding:5px 0px 0px 16px;
	font-weight:normal;
	background-image:url(images/picto/plus.gif); background-repeat:no-repeat; background-position:0px 8px;
}
.rubriques .content ul li ul li a {
	color:#000000;
}

.agenda {
	float:left;
	width:621px;  
	margin-left: -1px; /*EBY ajout du margin-left permettre le mode Edition de page sans retour à la ligne */
}
 * html .agenda  {
	width:585px;
}
.agendaLarge 
{
    float:none;
	width:821px;  
}

.agenda .content {
	float:left;
	margin:0px 0px 15px 0px;
	padding:15px;
	font-size:12px;
	border:1px solid #cccccc;
	border-top:0px;
	width:590px;
}
 * html .agenda .content {
	width:572px;
}
.agenda .contentNoBorder {
 
	border:none;
	 
}
.agendaLarge .content 
{
    float:none;
	width:769px;  
}
.agenda .content p {
	margin:0px;
	padding:0px;
}
.agenda .content .illustration {
	position:relative;
	float:left;
}
.agenda .content .illustration .image {
	float:left;
	width:280px;
}
.agenda .content .illustration .image img {
	padding:1px;
	border:1px solid #cccccc;
}
.agenda .content .illustration .texte {
	float:left;
	width:269px;
	font-size:14px; color:#996699;
}
.agenda .content .illustration .legende {
	clear:both;
	margin-top:-10px;
	padding:0px 0px 0px 280px;
	font-size:9px; color:#999999;
}
html[xmlns] .agenda .content .illustration .legende {
	position:absolute; bottom:-3px; left:281px;
	padding:0px;
}
.agenda .content .txt_imprimer {
	float:left;
	width:549px;
}
.agenda .content .txt {
	float:left;
	width:425px;
	padding:0px 0px 50px 0px;
}
.agenda .content .txt p {
	padding:0px 0px 25px 0px;
}
.agenda .content .imprimer {
	float:left;
	width:110px;
	padding:0px 0px 0px 14px;
}
.agenda .content .imprimer div {
	padding:0px 0px 7px 0px;
}
.agenda .content .infos {
	font-size:11px; color:#666666;
}
.agenda .content .infos a {
	color:#666666;
}
.agenda .content .infos strong {
	color:#996699;
}
.agenda .precedent_suivant {
	clear:both; float:left;	
	width:581px;
	padding:0px 0px 25px 0px;
}
.agenda .precedent_suivant .precedent {
	float:left;
	width:290px;
}
.agenda .precedent_suivant .suivant {
	float:left;
	width:291px;
	text-align:right;
}
.nomAdresse{
	border:1px solid #996699;
	padding:13px 13px 13px 13px;
	margin-bottom:13px;
	width:552px;
}
* html .nomAdresse{
	width:535px;
}
.nomAdresse p{
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin:5px 20px 0 0;
}
.nomAdresse input{
	width:215px;
}

/*************** FOOTER ***************/

.footer, .footer_pi {
	clear:both; float:left;
	width:1000px;
	padding:20px 0px 0px 0px;
	font-size:9px;
}
.footer_pi {
	background-image:url(images/pointille.gif); background-repeat:repeat-x;
}
.footer .gauche, .footer_pi .gauche {
	float:left;
	width:780px;	
	color:#966393;
	text-align:center;
}
.footer .gauche div, .footer_pi .gauche div {
	padding:0px 0px 5px 0px;
}
.footer .gauche a, .footer_pi .gauche a {
	color:#966393;
}
.footer .gauche strong, .footer_pi .gauche strong {
	font-size:11px; color:#966393; font-weight:normal;
}
.footer .droite, .footer_pi .droite {
	float:left;
	width:220px;
}

/*********************************************/

.gridBorder
{
    border:1px solid #cccccc;
}
.gridRowGuideSavour
{
    height:150px;
     margin-bottom:5px;
     padding:5px;
     
}
.gridRowGuideSavour .divEtoiles
{
    margin:5px; 
    text-align:center!important; 
}

* html .gridRowGuideSavour .divEtoiles
{
    margin:0px;
    text-align:center!important; 
     white-space:nowrap;
}
.gridRowGuideSavour .divQuantite
{
    margin:5px; 
    text-align:right ; 
}
* html .gridRowGuideSavour .divQuantite
{
    margin:0px;
    text-align:right!important; 
    white-space:nowrap;
} 
.gridRowGuideSavour .divBouton
{
   margin:5px;
   text-align:center!important;
}
* html .gridRowGuideSavour .divBouton
{
   margin:0px;
   text-align:center!important;
}


.gridRowAlternateStyle
{
    background-color: #FAFAFA;
}
.commandeTabHeader {
	padding:2px 0px 2px 15px;
	color:#ffffff;
	text-align:left;
	background-color:#996699;
	background-image:url(images/picto/fleche_blanche.jpg); background-repeat:no-repeat; background-position:4px 5px;

	font-size:11px;
}
.gridTabHeader {
	padding:2px 0px 2px 15px;
	color:#ffffff;
	text-align:left;
	background-color:#996699;
	background-image:url(images/picto/fleche_blanche.jpg); background-repeat:no-repeat; background-position:4px 5px;
    
	font-size:11px;
	border-width:1px;
	border-style:solid;
	border-right-color:#996699;
	border-bottom-color:#660066!important;
	border-top-color:#660066;
}
.gridTabHeaderLast
{
   border-right-color:#660066;
}
.gridTabHeaderFirst
{
    border-left-color:#660066;
}
.gridTabHeaderVide {
	 background-image:none;
}

/*************** PANIER ***************/

.panier {
	padding:13px 0px 0px 0px;
}
.panier .etapes {
	float:left;
	width:780px;
	padding:0px 0px 30px 0px;
}
.panier .etapes div.etape {
	float:left;
	width:125px;
}
.panier .etapes div.separator {
	float:left;
	width:38px; height:66px;
	padding:0px;
	background-image:url(images/picto/suivant.gif); background-repeat:no-repeat; background-position:9px 23px;
}
.panier .commande_directe {
	text-align:right;
}
.panier .contenu {
	padding:5px 0px 40px 0px;
}
.panier .contenu a {
	font-weight:bold; color:#996699;
}
.panier .contenu table {
	border-collapse:collapse;
}
.panier .contenu table tr th {
	padding:2px 0px 2px 15px;
	color:#ffffff;
	text-align:left;
	background-color:#996699;
	background-image:url(images/picto/fleche_blanche.jpg); background-repeat:no-repeat; background-position:4px 5px;
	border:1px solid #660066;
	font-size:11px;
}

.panier .contenu table tr td {
	padding:2px 8px 2px 8px;
	border:1px solid #cccccc;
}
.panier .contenu table select {
	width:46px;
	border:1px solid #b3b3b3;
}
.panier table tr td.noBorder {
	border:0px;
}
.panier table tr td.noTxt {
	padding:0px;
	line-height:9px;
}
.panier table tr td.total {
	padding:1px;
}
.panier div.total {
	padding:2px 5px 2px 5px;
	font-weight:bold; color:#ffffff;
	text-align:right;
	background-color:#c1a8c1;
}

.panier .code_livraison {
	float:left;
}
.panier .code_livraison .code_avantage {
	float:left;
	width:385px;
	margin:0px 10px 0px 0px;
}
.code_avantage_reservation {
	float:left;
	width:300px;
	margin:0px 10px 0px 0px;
}
.panier .code_livraison .code_avantage .code {
	margin:0px 0px 10px 0px; padding:5px 7px 5px 7px;
	border:1px solid #cccccc;
}
.panier .code_livraison .code_avantage .code input.champ {
	width:93px;
	margin:0px 0px 0px 13px; padding:1px 5px 2px 5px;
	border:1px solid #57004f;
}
.panier .code_livraison .livraison {
	float:left;
	width:385px;
}
.livraison table {
	border-collapse:collapse;
}
.livraison table tr td {
	padding:3px 10px 4px 10px;
	border:1px solid #cccccc;
}
.livraison table tr td p {
	margin:0px; padding:0px;
}
.panier .code_livraison .livraison .radio {
	float:left;
	width:21px; margin-right:10px
	/*background-color:#9933CC;*/
}
.panier #blockValidation {
text-align:center; margin-top:40px; margin-bottom:35px
}
/* porltet panier*/
div#validatePanier {	
	position:absolute;
	display:none;
	z-index:63;
	left:50%;	
	top:50%;
	margin-top:320px;
	margin-left:-220px;	
}
div#validatePanierTop{
	background:url(images/portletDegarde_etirable.gif) left 150px repeat-y
}
div#vPanierEtirable {
	background:url(images/portletDegarde_top.gif) left top no-repeat;
	width:414px; min-height:140px;
	padding:15px; font-size:14px;
}
* html div#vPanierEtirable {background:url(images/portletDegarde_top.gif) left top no-repeat; height:140px;}
div#vPanierEtirable p { margin:0px}
div#validatePanierBottom {
	background:url(images/portletDegarde_bottom.png) left bottom no-repeat;
	width:444px; height:12px;
}
* html div#validatePanierBottom {background:url(images/portletDegarde_bottom.gif) left bottom no-repeat}
div.portlet_col2 { margin-top:20px}
div.portlet_col2left { float:left; width:336px; display:inline}
div.portlet_col2right { float:left; width:66px; display:inline}
div.portletPanier_bt { padding-top:50px}
div#fondFullScreen 
{		
	position:absolute; 
	left:0px; right:0px; top:0px; bottom:0px; 
	background-color:#fafafa;    
	z-index:60;		
	height:1700px;
	width:1024px;	
	display:none;
	opacity:0.7; 
    filter:alpha(opacity=70);
}
html, body {height:100%}
/*Saisie code avantage*/

.saisieCode
 {
      margin:20px auto;
       width:300px;
       font-size:12px;
 }
 
.saisieCode .code {
	margin:0px 0px 10px 0px; padding:5px 7px 5px 7px;
	
}

.saisieCode .code input.champ {
	width:93px;
	margin:0px 0px 0px 13px; padding:1px 5px 2px 5px;

}
.validationCode
{
    margin :10px auto 10px;
     text-align:center;
}
/* identification */
div.panierIdent_col {}
div.content {
	padding:0px 15px 5px 15px;
	font-size:12px;

}
div.panierIdent_colLeft {float:left; display:inline; width:380px; 	border:1px solid #cccccc;
	border-top:0px;}
div.panierContact_colLeft {float:left; display:inline; width:380px}
*+html div.panierContact_colLeft {float:left; display:inline; width:380px}
div.h4entete {background-color:#996699; border:1px solid #660066; padding:4px}
div.h4entete h4 {
	font-size:11px; font-weight:bold; 
	text-transform:uppercase; color:#FFFFFF; 
	margin:0px; padding-left:10px;
	background:url(images/picto/fleche_blanc.gif) left center no-repeat
} 
div.panierIdent_data {
	border:1px solid #cccccc; border-top:none; 
	padding-top:4px; padding-bottom:4px
}
div.panierIdent_data p{font-size:12px;/* padding:0px; margin:0px*/}
.navigation .panierIdent_data p{
	margin:7px 0 7px 0;
}
.infosCompte{
	margin-right:12px;
}
.infosCompte a:hover{
	 font-weight:normal;
}
* html .infosCompte{
	margin-right:8px;
}
.infosCompte p{
	margin:0;
}
div.panierIdent_data .nav_select a:link,.nav_select a:hover,.nav_select a:visited{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
div.panierIdent_data .nav_client a:visited,.nav_client a:link{
	color:#333333;
	text-decoration:none;
}
div.panierIdent_data .nav_client a:hover{
	color:#333333;
	/*font-weight:bold;*/
	text-decoration:underline;
}
div.cadreGrisNotop {
	border:1px solid #cccccc; border-top:none;
}
div.colIdent { 
	border-top:1px solid #cccccc; 
	padding-top:3px; padding-bottom:3px;
	clear:both; float:left; width:100% 
}
#tableFilleuls .celImpaireViolet {background-color: #ecdcec}
#tableFilleuls .celPaireViolet {background-color: #f0e5f0}

div.colIdentAplat1, .celImpaire {background-color: #fafafa}
div.colIdentAplat1 .celImpaireViolet {background-color: #ecdcec}
div.colIdentAplat1 .celPaireViolet {background-color: #f0e5f0}
div.colIdentAplat2 {background-color: #ffffff}
div.colIdentLeft, div.colIdentLeft2 { 
	float:left; display:inline; 
	padding-right:10px; padding-top:5px;
	color:#666666; font-weight:bold; font-size:12px
}
div.colIdentLeft {width:123px; text-align:right}
div.colIdentLeft2 {width:228px; padding-left:10px; font-size:11px}

div.colIdentRight, div.colIdentRight2 {float:left; display:inline; width:227px}
div.colIdentRight {width:227px}
div.colIdentRight2 {width:110px}
.colIdentRight p, .colIdentRight2 p { margin:0px; padding:0px;margin-right:20px}
div.colIdentRight2 p {font-size:11px}
p.chpValide {background:url(images/picto/valider.gif) right center no-repeat}
p.chpError { background:url(images/picto/error.gif) right center no-repeat}
p.chpError input { border:1px solid #f3f1f1; background-color:#f3f1f1; color:#b9b9b9}
p.chpActif input {color:#b9b9b9; border:1px solid #57004f}
.imageError
{
    text-align:right;
    vertical-align:middle ;
    padding-left:4px;
}
    
/*confirmation*/
.blockTitle { padding-top:50px; height:20px}
div.blockTitle2col { float:left; display:inline; width:507px; margin-right:10px; margin-bottom:6px;}
div.blockTitle1col { float:left; display:inline; width:245px}
.blockAdresse {float:left; width:100%; margin-bottom:10px;}
div.portlet3 { float:left; display:inline; width:244px;}
div.fiche_data {height:70px; border:1px solid #cccccc; border-top:0px; padding:10px; color:#666666;}
html[xmlns] div.fiche_data {height:auto; min-height:70px;}
div.fiche_data p {margin:0px;}
/*************** DIVERS ***************/
.txtGrisBold {color:#666666; font-weight:bold; font-size:12px}
.txtGris {color:#666666; font-size:12px}
.txt14px {font-size:14px}
.txt13px {font-size:13px}
.txt12px {font-size:12px}
.txt11px {font-size:11px !important}
.txtAlignCenter {text-align:center}
img {border:0px}
fieldset.nonvisible {border:0px;margin:0;padding:0;}
legend.nonvisible {display:none}
.btOk {
	background:url(images/boutons/btOk.gif) left top no-repeat; 
	border:none; width:29px; height:21px; cursor:pointer; font-size:11px
}
a.lienFleche { 
	background:url(images/picto/fleche_gris2.gif) left center no-repeat;
	display:block; margin:0px !important; padding:0px; padding-left:10px; font-size:11px;
	color:#996699 !important; 
}
a:hover.lienFleche { text-decoration:underline !important}
ul.noPuce {list-style:none !important; margin:0px; padding:0px}
ul.noPuce li { border-bottom:1px solid #ffffff}
.width49 {width:49px}
.width60 {width:60px}
.width73 {width:73px}
.width182 {width:182px}
.height20 {height:20px}
.margRight10 {margin-right:10px}
.margTp20 {margin-top:20px}
.paddLeftRight {padding-left:10px; padding-right:10px}
.noBottom {margin-bottom:0px; padding-bottom:0px}
.noMarge {margin:0px; padding:0px}
.paddTop10 {padding-top:10px}
.paddBottom10 {padding-bottom:10px !important}
.clearBoth {clear:both; line-height:1px}
input.inputDefault {border:1px solid #999999; background-color:#FFFFFF; padding:2px}
.textAreaMessage { height:170px; width:400px;border:1px solid #999999; background-color:#FFFFFF; padding:2px; overflow:auto;text-align:justify;}
*+html .textAreaMessage { width:380px;}
* html .textAreaMessage { width:380px;}
.separator {
	padding:15px 0px 15px 0px;
	line-height:1px;
	background-image:url(images/pointille.gif); background-repeat:repeat-x; background-position:0px 15px;
}
.gris {color:#666666}
.paddingBottom5 {padding-bottom:5px}
.marginRight15 {margin-right:15px;}
/*commande directe*/
.contenu .intro {
	padding:0px 0px 20px 0px;
}
.panier .contenu table#tableCommandeDirecte tr td {
	padding:4px 8px 4px 8px;
	border:1px solid #cccccc;
}
.panier .contenu table#tableCommandeDirecte tr td.gris {
	background-color:#fafafa;
}
.panier .contenu table#tableCommandeDirecte select {
	width:61px;
	border:1px solid #b3b3b3;
}
.panier .contenu table#tableCommandeDirecte .code {
	border:1px solid #b3b3b3;
}
.panier #blockValidation img {
	vertical-align:top;
}


.transverse{
	width: 780px;
	/*height: auto;*/
	height:13px;
	color: #660066;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration:none;
	padding-left:8px;
	margin:10px 0 10px 0;
}
.transverse a, .transverse a:link, .transverse a:visited {color: #660066; text-decoration:none;}
.transverse a:hover{
	text-decoration:underline;
}
.transverse p{
color:#9d3495;
}
/*.footer .transverse{
	text-align:center;

}*/
.logos{
	position:relative;
	left: 121px;
}
.fond .caler{
	position:absolute;
	top:0px;
	left:1px;
}
.fond .calerBas{
	position:absolute;
	top:0px;
	left:1px;
}




/* *********************************************************************************** */
/*                                                        Partie - menus.css                                                                                      */
/* *********************************************************************************** */

/*	conteneur du menu	*/
#menu{
	position:relative;
	z-index:50;
	width:780px;
	float:left;
	height:26px;
	/*background:url(images/menu/fondMainMenu.gif) repeat-x;*/
	border-bottom:1px solid #cccccc;
	margin-top:5px;
}
* html #menu{
	margin-top:5px;
}
*+html #menu{
	margin-top:5px;
}
#menu h2{display:none;}

/*	Initialisation général du menu	*/
ul#main_menu,
ul#main_menu li,
ul#main_menu li ul,
ul#main_menu li ul li,
ul#second_menu,
ul#second_menu li,
ul#second_menu li ul,
ul#second_menu li ul li {
	padding:0px;
	margin:0px;
	list-style-type:none;
	text-indent:0px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul#main_menu{ float:left; margin-top:0px}
ul#second_menu{float:right}

/*	images des items de premier niveau*/
ul#main_menu li a.rub_1_FR{width:69px;background:url(images/menu/FR/menu_regions.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_2_FR{width:96px;background:url(images/menu/FR/menu_grands_vins.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_3_FR{width:96px;background:url(images/menu/FR/menu_champagnes.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_4_FR{width:88px;background:url(images/menu/FR/menu_spiritueux.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_5_FR{width:75px;background:url(images/menu/FR/menu_primeurs.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_6_FR{width:115px;background:url(images/menu/FR/menu_profil_gustatif.jpg) no-repeat 0px 0px;}
ul#second_menu li a.rub_7_FR{width:86px;background:url(images/menu/FR/menu_magasin.jpg) no-repeat 0px 0px;}
ul#second_menu li a.rub_8_FR{width:86px;background:url(images/menu/FR/menu_entreprises.jpg) no-repeat 0px 0px;}


ul#main_menu li a.rub_1_DE{width:69px;background:url(images/menu/DE/menu_regions.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_2_DE{width:84px;background:url(images/menu/DE/menu_grands_vins.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_3_DE{width:92px;background:url(images/menu/DE/menu_champagnes.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_4_DE{width:86px;background:url(images/menu/DE/menu_spiritueux.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_5_DE{width:94px;background:url(images/menu/DE/menu_primeurs.jpg) no-repeat 0px 0px;}
ul#main_menu li a.rub_6_DE{width:145px;background:url(images/menu/DE/menu_profil_gustatif.jpg) no-repeat 0px 0px;}
ul#second_menu li a.rub_7_DE{width:84px;background:url(images/menu/DE/menu_magasin.jpg) no-repeat 0px 0px;}
ul#second_menu li a.rub_8_DE{width:97px;background:url(images/menu/DE/menu_entreprises.jpg) no-repeat 0px 0px;}


/*	Menu de premier niveau	*/
ul#main_menu li, ul#second_menu li{position:relative;display:block;float:left;}
ul#main_menu li a, ul#second_menu li a{display:block;height:26px;margin-right:3px;}
ul#main_menu li.cacheUl ul, ul#main_menu li a span, ul#second_menu li.cacheUl ul, ul#second_menu li a span {display:none!important;}
ul#main_menu li.montreUl ul, ul#second_menu li.montreUl ul {display:block!important;}

/*	Menu de second niveau	*/
ul#main_menu li ul, ul#second_menu li ul{
	border:1px solid #999999;
	display:block;
	width:148px;
	clear:left;
	float:left;
	position:absolute;
}
ul#main_menu li ul li a, ul#second_menu li ul li a{
	text-decoration:none;
	color:#57004f;
	display:block;
	background:#FFFFFF;
	padding:3px 3px 3px 6px;
	margin:0px;
	width:139px !important; width /**/:148px;
	height:auto;
	margin-right:0px;
}
ul#main_menu li ul li a:hover, ul#second_menu li ul li a:hover{background:#966393;color:#FFFFFF;}





/* *********************************************************************************** */
/*                                                                      Spécifique DNN                                                                        */
/* *********************************************************************************** */


.adminDNN{
	clear:both; float:left;
	padding:20px 0px 0px 0px;
	font-size:9px;
	text-align:center;
}


/*
* Menu gauche
*/
#left_menu {
	width:185px;
	margin-left:7px;
	margin-bottom:11px;
	margin-top:15px;
}

.left_menuback {
	background:url(images/leftmenu_back.gif) repeat-x;
	background-color:#FFF;
	width:185px;
}

#left_menulist {
	list-style:none;
	margin:10px 0 10px 10px;
}
#left_menulist li {
	margin-bottom:8px;
}

#left_menulist ul {
	margin-left:15px;
	margin-top:10px;
	list-style:none;
}
#left_menulist ul li {
	margin-bottom:5px;
}

#left_menulist ul li ul {
	width:130px;
}


.separate_bar_left_menu {
	background:url(images/separate_bar.gif) repeat-x;
	height:28px;
	width:185px;
	text-transform:uppercase;
	color:#1f1f1f;
	font-weight:bold;
	font-family: Verdana, sans-serif;
	font-size:11px;
}



.menuVerticalRoot
{
	color:#6a5079;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	margin:10px 0 10px 10px;
	font-weight:bold;
}

.menuVerticalRoot
{
	color:#6a5079;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	margin:10px 0 10px 10px;
	font-weight:bold;
}

.menuVerticalSub
{
	color:#6a5079;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	margin:10px 0 10px 10px;
	font-weight:bold;
}

.menuVerticalRootSelected
{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:5px;
	color:#000;
}

.menuVerticalSubSelected
{
	color:black;
	font-weight:bold;
	margin-bottom:15px;
}

.menuVerticalHover
{
text-decoration:underline;	
}


.titreMenuGauche{
color:#996699;
font-weight:bold;
padding:15px 0px 5px;
}


.texteViolet {
	color:#966393;
}


/* PLAN DU SITE -------------------------------------- */
.tabPlanDuSite 
{
    width:100%;
		
}
.tabPlanDuSite td
{
    width:250px;
     height:100%;
     border:1px solid #cccccc;
     padding-bottom:15px;
}
.tabPlanDuSite .tdInvisible
{
 
      border-style:none;

}
.tabPlanDuSite tr
{
     vertical-align:top;
}

.contenu_plandusite {
	margin:0 10px 0 0; padding:0;
}
.boite_plandusite {
	float:left;
	width:250px; height:auto;
	margin:10px 9px 0 0; padding:0;
}
.lastboite_plandusite {
	float:left;
	width:252px; height:auto;
	margin:10px 0 0 0; padding:0;
}

.contenu_plandusite .contenu_colonne {height:100%;}
* html .contenu_plandusite .contenu_colonne {height:100%;}
* + html .contenu_plandusite .contenu_colonne {height:100%;}


.liste_plandusite {
	margin:0; padding:15px 0 0 15px;
	list-style:none!important;
}
.liste_plandusite li{
	margin:0!important; 
	padding:2px 0 2px 8px!important; 
	background:url(images/picto/fleche_violet2.gif) left 6px no-repeat!important;
	font-size:12px!important;
	 
	list-style-type:none!important;
}
.liste_plandusite li a{color:#666666!important; text-decoration:none;}
.liste_plandusite li a:hover{color:#996699!important; text-decoration:underline;}


.font12 {font-size:12px; font-weight:normal;}
.espace14 {height:14px;}
/*AutoComplete flyout */
 

.autocomplete_completionListElement 
{ 
    text-decoration:none;
    color:#57004f!important;
	visibility : hidden;
	margin : 0px!important;
	background:#FFFFFF;
	cursor:pointer;
	padding:3px 3px 3px 6px;
	border-width : 1px;
	border-style : solid;
	border-color:#999999;
	overflow : auto;
	height : 200px; 
    text-align : left; 
    list-style-type : none!important;
    width:200px!important;
    z-index:200;
    
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #966393;
	color: #FFFFFF;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background:#FFFFFF;
	color : #57004f;
    margin-bottom:5px;
	
    list-style-type : none!important;
}


.msgInfo
{
	margin-top:10px;
	width:100%;
	text-align:center;	
}
 
.msgInfoOK
{
	color:Green;
	font-weight:bold;
	text-align:center;
	width:100%;
}

.msgInfoKO
{
	color:Red;
	font-weight:bold;
	text-align:center;
	width:100%;
}


.clear
{
	clear:both;
} 

.col1_comdirecte
{
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:1px;
	float:left;
	height:24px;
	padding-left:18px;
	padding-top:4px;
	width:77px;	
}

.col2_comdirecte
{
	float:left;	
	padding-left:18px;
	padding-top:8px;
}


/*Bulles et etiquettes. Géré par javascript*/
.Bulle 
{
	background-color:#FFF3BF;
	border: #000000 1px solid;
	font-family: Arial;
	font-size: 11px;
	visibility:hidden;
	padding: 4px 4px 4px 4px;
	text-align:left;
	position:absolute;
    z-index:250;
}
.Etiquette
{
	background-color:#FFFFFF;
	margin-top:-15px;
	visibility:hidden;
	position:absolute;
	/*DDE Mantis 144 border: solid 1px #000000;*/
	text-align:center;	
	z-index:250;
}


/* Menu Gauche - Page standard & Admin */
.menunonselected
{
	
}

.menuselected
{
		
}

#barre_connexion
{
	text-align:right;
	margin-top: 5px;
	float: left;
	height: auto;
	width: 775px;		
}

#barre_admin
{
	text-align:right;
	margin-top: 5px;
	float: left;
	height: auto;	
}

.vtop
{
	vertical-align:top;	
}


/* FCK - New Styles */
.fckTexteIllustration {	
	width:269px;
	font-size:14px;
	color:#996699;
}
.fckLegende
{	
	font-size:9px;
	color:#999999;
}


/***************	PARRAINAGE	***************/
.parrainage{color:#666666;}
.parrainage table{color:#333333;}
.gains ul{
	list-style:none;
	padding-left:5px;
	list-style-type : none!important;
}
.gains li{
	list-style:none;	
	list-style-type : none!important;
}
div.filleuls{clear:both;padding-top:10px;}
.form_parrainer{padding-top:10px;}
.form_parrainer .bloc-parrainage{border:1px solid #cccccc;padding:10px;margin-top:5px; width:364px;color:#666666; font-size:12px;}
.form_parrainer .bloc-parrainage form div{margin-bottom:12px;}

.form_parrainer .bloc-parrainage img{margin-right:5px;}
.form_parrainer .bloc-parrainage p{margin:12px 0 12px 0;}
.form_parrainer .bloc-parrainage input{margin-bottom:7px;width:285px;}
.form_parrainer .bloc-parrainage span input{margin-bottom:1px}
.form_parrainer .bloc-parrainage .calerInput{margin-bottom:7px;margin-right:5px;}
*+html .form_parrainer .bloc-parrainage span input{margin-bottom:3px;}
* html .form_parrainer .bloc-parrainage span input{margin-bottom:3px;}
.form_parrainer .bloc-parrainage input.width67{width:67px;}
div.filleuls tr td,.filleuls tr th{
	padding:7px 5px 7px 5px!important;
}
div.filleuls tr th{
	padding-left:15px!important;
	background-position: 4px 13px!important;
}
.gains .contenuGain{
	border:1px solid #cccccc;
	padding-left:5px;
	margin-top:5px;
}


/* ---------------------------------------------------
 MODIF STUDIO pour page accueil_v2.htm - le 02/07/2008 
------------------------------------------------------ */ 
.changebody{
	background:url(images/bg_background3.gif) left top repeat-x;
}
.header {
	 
}
.transverse {margin:11px 0 10px 0;}
* html .transverse {margin:10px 0;}

/*	images des items de premier niveau*/

ul#main_menu  li a.rub_1_FR{width:82px;background:url(images/menu/FR/menu_actualites.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_1_FR:hover{width:82px;background:url(images/menu/FR/menu_actualites.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_2_FR{width:181px;background:url(images/menu/FR/menu_histoire-philo.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_2_FR:hover{width:181px;background:url(images/menu/FR/menu_histoire-philo.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_3_FR{width:123px;background:url(images/menu/FR/menu_presse.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_3_FR:hover{width:123px;background:url(images/menu/FR/menu_presse.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_4_FR{width:104px;background:url(images/menu/FR/menu_magasins.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_4_FR:hover{width:104px;background:url(images/menu/FR/menu_magasins.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_5_FR{width:91px;background:url(images/menu/FR/menu_entreprises.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_5_FR:hover{width:91px;background:url(images/menu/FR/menu_entreprises.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_6_FR{width:96px;background:url(images/menu/FR/menu_international.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_6_FR:hover{width:96px;background:url(images/menu/FR/menu_international.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_7_FR{width:59px;background:url(images/menu/FR/menu_emploi.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_7_FR:hover{width:59px;background:url(images/menu/FR/menu_emploi.jpg) no-repeat 0px -26px;}

ul#main_menu  li a.rub_1_EN{width:82px;background:url(images/menu/EN/menu_actualites.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_1_EN:hover{width:82px;background:url(images/menu/EN/menu_actualites.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_2_EN{width:181px;background:url(images/menu/EN/menu_histoire-philo.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_2_EN:hover{width:181px;background:url(images/menu/EN/menu_histoire-philo.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_3_EN{width:123px;background:url(images/menu/EN/menu_presse.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_3_EN:hover{width:123px;background:url(images/menu/EN/menu_presse.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_4_EN{width:104px;background:url(images/menu/EN/menu_magasins.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_4_EN:hover{width:104px;background:url(images/menu/EN/menu_magasins.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_5_EN{width:91px;background:url(images/menu/EN/menu_entreprises.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_5_EN:hover{width:91px;background:url(images/menu/EN/menu_entreprises.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_6_EN{width:96px;background:url(images/menu/EN/menu_international.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_6_EN:hover{width:96px;background:url(images/menu/EN/menu_international.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_7_EN{width:59px;background:url(images/menu/EN/menu_emploi.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_7_EN:hover{width:59px;background:url(images/menu/EN/menu_emploi.jpg) no-repeat 0px -26px;}

 
ul#main_menu  li a.rub_1_DE{width:82px;background:url(images/menu/DE/menu_actualites.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_1_DE:hover{width:82px;background:url(images/menu/DE/menu_actualites.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_2_DE{width:181px;background:url(images/menu/DE/menu_histoire-philo.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_2_DE:hover{width:181px;background:url(images/menu/DE/menu_histoire-philo.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_3_DE{width:123px;background:url(images/menu/DE/menu_presse.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_3_DE:hover{width:123px;background:url(images/menu/DE/menu_presse.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_4_DE{width:104px;background:url(images/menu/DE/menu_magasins.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_4_DE:hover{width:104px;background:url(images/menu/DE/menu_magasins.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_5_DE{width:91px;background:url(images/menu/DE/menu_entreprises.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_5_DE:hover{width:91px;background:url(images/menu/DE/menu_entreprises.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_6_DE{width:96px;background:url(images/menu/DE/menu_international.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_6_DE:hover{width:96px;background:url(images/menu/DE/menu_international.jpg) no-repeat 0px -26px;}
ul#main_menu  li a.rub_7_DE{width:59px;background:url(images/menu/DE/menu_emploi.jpg) no-repeat 0px 0px;}
ul#main_menu  li a.rub_7_DE:hover{width:59px;background:url(images/menu/DE/menu_emploi.jpg) no-repeat 0px -26px;}


.contenu_central {
	width:1050px; height:auto;
	margin:0; padding:0;
}
.column_left {
	float:left;
	width:820px; height:auto;
	margin:0 4px 0 0; padding:0;
}

* html .column_left {
 
	margin:0;  
	 
}

.column_right {
	float:left;
	width:226px; height:auto;
	margin:0; padding:0;
}
* html .column_rightContenu {
	 
	margin-left:-15px;  
}
 

.bloc_actualites {
	width:auto; height:auto;
	margin:0; padding:32px 5px 32px 0;
}
.bloc_actualites h1{
	margin:0 0 10px 0; padding:0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; font-weight:bold;
	color:#993399;
	background:url(images/picto/pointille.gif) left bottom repeat-x;
}
.bloc_actualites p{
	margin:0; padding:0;
	font-size:12px;
}
.bloc_actualites img{
	float:right;
	margin:0 0 5px 5px; padding:0;
}


.desblocs {
	width:auto; height:auto;
}
.desblocs .item{
	position:relative;
	float:left;
	width:188px; height:auto;
	min-height:222px;
	margin:9px 6px 4px 0;
	border:1px solid #CCC;
	font-size:12px;
	color:#000000;
}
* html .desblocs .item { height:222px;}

.desblocs .itemlast {margin:9px 0px 4px 0;}
.desblocs .itemdouble{
	position:relative;
	float:left;
	width:382px; height:auto;
	min-height:222px;
	margin:9px 0 4px 0;
	border:1px solid #CCC;
	font-size:12px;
	color:#000000;
}
* html .desblocs .itemdouble {height:222px;}

.desblocs .item p.titreimg, .desblocs .itemdouble p.titreimg{
	margin:0; padding:0;
	text-align:center;
}
.desblocs .item p.illus, .desblocs .itemdouble p.illus{
	margin:7px 0 0 0; padding:0;
	text-align:center;
}
.desblocs .item p.desc, .desblocs .itemdouble p.desc{
	margin:0; padding:7px;
}
.desblocs .item p.titreitem, .desblocs .itemdouble p.titreitem{
	margin:0; padding:7px;
	font-weight:bold;
	color:#660066;
}
.desblocs #blocdrapeau {
	width:auto; height:auto;
	margin:0; padding:3px 0 22px 0;
}
* html .desblocs #blocdrapeau {padding:3px 0 20px 0;}
* + html .desblocs #blocdrapeau {padding:3px 0 20px 0;}

.desblocs .blocdrapeau {
	float:left;
	width:185px; height:auto;
	margin:0; padding:4px 0 4px 6px;
}
.desblocs .blocdrapeau img {float:left;}
.desblocs .blocdrapeau a {
	float:left;
	margin:0; padding:10px 0 9px 10px;
}

.desblocs .item a.btn{
	position:absolute;  bottom:0; left:0;
	display:block;
	width:185px; height:auto;
	margin:0; padding:0 0 0 3px;
	background:url(images/boutons/btn_vide.gif) left top no-repeat;
	text-decoration:none;
}

.desblocs .item a.btn span{
	display:block;
	width:auto; height:auto;
	margin:0; padding:4px 3px 4px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; color:#FFFFFF;
	text-align:center; line-height:13px;
	background:url(images/boutons/btn_vide2.gif) right top no-repeat;
}

.desblocs .itemdouble a.btn{
	position:absolute; bottom:0; left:0;
	display:block;
	width:380px; height:auto;
	margin:0; padding:0 0 0 2px;
	background:url(images/boutons/btn_vide.gif) left top no-repeat;
	text-decoration:none;
}

.desblocs .itemdouble a.btn span{
	display:block;
	width:auto; height:auto;
	margin:0; padding:4px 2px 4px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; color:#FFFFFF;
	text-align:center; line-height:13px;
	cursor:pointer;
	background:#F00 url(images/boutons/btn_vide2.gif) right top no-repeat;
}

.desblocs .item img{
	margin:0;
}

.flags {
	width:auto; height:auto;
	margin:0; 
	text-align:center;
}
.flags a{
	width:auto; height:auto;
	margin:0 10px; padding:0;
}

.flagsHome
{
    padding:10px 0 0 0;
}
.titre_violet {
	padding:10px 0;
	font-size:12px; font-weight:bold;
	text-transform:uppercase;
	color:#b959b0;
}

.column_right ul {
	margin:0 0 10px 8px; padding:0;
	list-style:none;
} 
.column_right ul li {
	margin:0; padding:0 0 0 10px;
	background:url(images/picto/fleche_gris.png) left 4px no-repeat;
	zoom:1;
} 
.column_right ul li a, .column_right ul li a:link, .column_right ul li a:visited{color:#000000; text-decoration:none;}
.column_right ul li a:hover{text-decoration:underline;}

.column_right a.btn_colR{
	display:block;
	width:209px; height:auto;
	margin:10px 9px 10px 5px; padding:0 0 0 3px;
	background:url(images/boutons/btn_vide.gif) left top no-repeat;
	text-decoration:none;
}

.column_right a.btn_colR span{
	display:block;
	width:auto; height:auto;
	margin:0; padding:4px 3px 4px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; color:#FFFFFF;
	text-align:center; line-height:13px;
	background:#F00 url(images/boutons/btn_vide2.gif) right top no-repeat;
}

.column_right .minH {min-height:608px;}
* html .column_right .minH {height:608px;}
