/*=============================================================

	CSS GENERAL DE MISE EN PAGE DE LA STRUCTURE DU SITE
	
=============================================================*/

* { margin:0; padding: 0; }

option { padding-left: 0.4em; } /* LTR */
select { padding: 1px; }


* html body * { overflow:visible; }

html {
	height: 100%;
    /*background:#999 url('../images/Design/fond-html2.png') top left repeat-x;*/ /* jusqu'en janv 2014 */
	background:ThreeDDarkShadow;  /* #999 ajoute a l'occasion du fond Bonne annee */
	/*background-image:url(../../../images/fonds/194.jpg);*/  /* ajoute a l'occasion du fond Bonne annee */
	background-attachment:fixed;  /* ajoute a l'occasion du fond Bonne annee */
}

body {

font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
font-size: 1em; 
color: #000000;
width:1024px;
margin:0 auto;
border-top:none;
border: 1px #000000 solid; /* ajoute a l'occasion du fond Bonne annee */
}

p{font-weight:light;}

a{text-decoration:none; color:#000000;}

a:hover{text-decoration:none; color:#017cfe;}

.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
.center { text-align:center; margin: 0 auto }

/*=======================
	LES TITRES
======================*/
h1{
font-size:1.1em;
color:#3f4c6b;
margin-top:10px;
/*margin-bottom:5px;*/
}

h2{
font-size: 1.1em;
color:#999;
/*margin-top:10px;*/
margin-bottom:5px;
}

h3{
font-size: 1em;
color:#666;
/*margin-top:10px;*/
margin-bottom:5px;
}


p{
/*margin-top:5px;*/
margin-bottom:7px;
}

/*
hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
}
*/

/*
hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #333, #ccc, #fff); 
    background-image:    -moz-linear-gradient(left, #333, #ccc, #fff); 
    background-image:     -ms-linear-gradient(left, #333, #ccc, #fff); 
    background-image:      -o-linear-gradient(left, #333, #ccc, #fff); 
}
*/

#Container { margin: 0 auto;}

/* Layout Properties | Layout-Eigenschaften */
#Container {
width: 1024px; background: white;
}

.page { padding: 0; margin:0;}

/*
#Header { 
	color: #000;
	background: #ffffff url('../images/Design/header.png') top left no-repeat;
	height:167px;
}
*/

#Menu { overflow:hidden; }

#Menu{
	width:1024px;
	padding: 0;
	height:36px;
	line-height: 36px;
	background: url('../images/Design/fondmenu.png')top left no-repeat;
}

.logoacad{
float: left;
}

.basmenuhaut{
margin-top:36px;
background : #ffffff;
}


#Wrapper{
margin:0;
padding:0;
z-index:1;
background: white;
}



/*===================================
			ZONE GAUCHE
===================================*/

#Gauche { 
float: left;
width:210px;
margin-left: 5px;
}

.GaucheContenu{
background: #ffffff;
}

.navigation { 
margin: 0; 
padding: 5px 0; 
list-style: none; 
background: #ffffff url(../images/Design/symbole_acad.png) center top no-repeat; 
width: 210px;
min-height: 217px;
}

.navigation li{
line-height:30px;
}

.navigation a, .navigation span { 
display: block;
padding-left: 20px;
text-decoration: none;
background: transparent url(../images/Design/menu-item.png) left bottom no-repeat;
font-size: .8em;
} 

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
background-image: url(../images/Design/menu-item-deroule.png); 
}

.navigation .toggleSubMenu a:hover,  .navigation .toggleSubMenu a:focus{
background-image: url(../images/Design/menu-item-deroule-hover.png);
}

.navigation .open a, .navigation .open span,  .navigation .open span, .navigation .open a:focus { 
background-image: url(../images/Design/menu-item-enroule.png); 
}

.navigation .open li a{
font-variant: normal;
font-weight: normal;
font-size: 0.8em;
}

.navigation .open li a:hover{
background: #4a93f1;
color: white;
}

.navigation a:hover, .navigation a:focus, .navigation a:active {
background-image: url(../images/Design/menu-item-hover.png);
} 

.navigation .subMenu { 
      font-size: .8em; 
      background: inherit url(subMenu.png) 0 0 repeat-x; 
      font-size: .9em; 
      padding: 0; 
      border: 1px solid #cccccc;
	  border-top: none;
	  list-style: none;
	  width: 85%;
	  margin: 0 auto;
      } 
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px;
      }

.GaucheContenu a img.lienspartenaires{
display: block;
margin: 10px auto;
}

.Photodumois{
width: 195px;
margin : 1em auto;
}

.Photodumois img{
border: 2px solid #cccccc;
}

.Photodumois h2{
text-align: center;
font-size: .8em;
color: #3d3d3d;
}

/*===================================
		FIN ZONE GAUCHE
===================================*/

/*===================================
		FIN ZONE DROITE
===================================*/
#Droite{
float:right;
width: 160px; /*200px;*/
padding-right: 2px;
}

.FluxRSS{
border: 1px solid #cccccc;
width: 170px;
margin: 10px 5px;
padding: 5px;
}

.FluxRSS h2{
background: #eeeeee url(../images/Design/infosIPR.png) right no-repeat ;
font-size: .8em;
color: #3d3d3d;
border-bottom: 1px solid #cccccc;
padding: 2px 5px;
}

.FluxRSS ul{
list-style-type: none;
height: 300px;
overflow: auto;
}

.FluxRSS a{
font-size: .9em;
color: #356aa0;
}

.FluxRSS .DescriptionFlux{
font-size: .7em;
padding-right: 5px;
margin-bottom: 10px;
-webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

p.DateFlux{
font-size: .7em;
text-align: left;
color: #356aa0;
padding-bottom: 7px;
padding-left: 5px;
}

p.ContenuFlux{
text-align: justify;
font-size: .7em;
padding: 2px 5px;
word-wrap: break-word;
}

/*===================================
			ZONE CENTRE
===================================*/

#Centre {
	/* il faut diminuer cette valeur ainsi que #Droite width si on veut elargir le bloc central */
	margin: 0 160px; /*0 215px;*/
	padding: 27px; /*10px;*/
}

.CentreContenu {
padding-left: 40px; /*20px;*/
}

.CentreContenu h1{
line-height: 30px;
margin-bottom: 1em;
}

.CentreContenu p{
font-size:.9em;
text-align: justify;
}

.CentreContenu ul{
margin: 10px 10px; /*10px 20px;*/
list-style-type: circle;
}

.CentreContenu li{
font-style: italic;
}

.CentreContenu a{
color: #356aa0;
}

.CentreContenu a:hover{
color: #4d97e3;
}

.TitreActuInH2, .TitreActuInH2 a{
color: #4a93f1;
font-weight: lighter;
}

p.DateActu{
font-size:.7em;
font-weight: bolder;
}

p.HR{
margin-bottom:20px;
border-bottom: 1px dotted #cccccc;
}

p.HR a{
display: block;
width:16px;
height:16px;
background: url(../images/Design/lirelasuite.png) top left no-repeat;
margin-left: 540px; /*540px;*/
}

p.HR a:hover{
color:#4a93f1;
}

.ombrage3 {
margin-bottom:20px;
padding-left: 10px;
border: 10px solid #fff;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
box-shadow: 1px 1px 12px #555;
}

/*==================================
			FORMULAIRE CONTACT
==================================*/
.formcontact{
background: #f1f1f1;
border: 1px solid #e5e5e5;
padding: 15px 0;
}

.formcontact label{
color: #000000;
font-weight: normal;
font-variant: small-caps;
font-size: .9em;
}

.formcontact input{
margin-bottom: 10px;
width: 60%;
}

.formcontact textarea{
width: 90%;
height: 150px;
}

span.asterisque{
color: #4a93f1;
font-weight: bold;
}

span.champetoile{
font-size: .8em;
font-style: italic;
}

.formcontact .Button{
margin-top: 10px;
margin-left: 395px;
cursor: pointer;
width: 15%;
}


/*==================================
			FIN ZONE CENTRE
===================================*/

/*===================================
			ZONE FOOTER
===================================*/

#footer { 
clear:both;
height: 78px;
background: url(../images/Design/footer.png) no-repeat;
}

#footer ul{
list-style:none;
text-align: center;
}

#footer li{
display: inline;
line-height: 78px;
padding-right: 20px;
font-size: .8em;
}

#footer li img{
vertical-align: middle;
padding-right: 3px;
}

#footer li a{
color: #777777;
}

#footer li a:hover{
color: #4a93f1;
}


p.signature{
height: 13px;
line-height: 13px;
font-size:0.6em;
text-align:center;
background: url(../images/Design/fondsignature.png) top left repeat-x;
color: #ffffff;
}

p.signature {
margin-top:0px;
margin-bottom:0px;
}

p.signature em{
font-style: normal;
/*font-weight: bold;*/
color: #fff; /*#3bb000*/
}

p.signature a{
color: #fff;
}

/*===================================
		FIN ZONE FOOTER
===================================*/

.ArianeFil{
	color: #bbbbbb;
	border-bottom: 1px dashed #dddddd;
	margin-bottom: 1em;
}

img { border: 0 solid; }


dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; } /* LTR */

/*=============================================================

	CSS PAGINATION
	
=============================================================*/

.Pagination{
	font-weight:bold;
	text-align:center;
	margin-bottom:0;
	margin-bottom:10px;
	color:#017cfe;
	height:35px;
}
.Pagination a{
	text-decoration:none;
	padding:5px;
	margin-left: 3px;
	color:#017cfe;
	width:35px;
}

.Pagination a:hover{
	padding:5px;
	color:#000;
}

.Pagination .CurrentPage{
	padding:8px;
	margin-left: 3px;
	color:#FFF;
	background:url(../images/puce-numerotation.jpg) no-repeat center top;
	width:37px;
	height:37px;
}

/*=============================================================

	FIN ::: CSS PAGINATION
	
=============================================================*/

/*=============================================================

	CSS ZONES INFORMATION
	
=============================================================*/
.NoBot{
display:none;
visibility:hidden;
}

.Good, .Bad, .Info{
	color:#017cfe;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	padding: 0px 0 35px 0;
	padding-left: 60px;
	margin-left: 10px;
}


.Bad{
	background: url(../images/error.png) no-repeat left top;
	color:red;
}

.Good{
	background: url(../images/ok.png) no-repeat left top;
	color:green;
}

.Info{
	background: url(../images/Info-Big.png) no-repeat left top;
	color:black;
}
/*=============================================================

	FIN ::: CSS ZONES INFORMATION
	
=============================================================*/

/*=============================================================

	CSS MENU GAUCHE
	
=============================================================*/

.EngineSearch input,.EngineSearch select{
	font-size: 10px;
}

.EngineSearch input.OkNewsButton{
	background: url(../images/ok-off.png) center no-repeat;
	border:none;
	width:20px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	font-size:1px;
	cursor:pointer;
}

.EngineSearch input.OkNewsButtonHover{
	background: url(../images/ok-on.png) center no-repeat;
	border:none;
	width:20px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	font-size:1px;
	cursor:pointer;
}

.OkNewsButton{
	background: url(../images/ok-off.png) no-repeat;
	border:none;
	width:20px;
	height:20px;
	color:#FFF;
	font-weight:bold;
	font-size:1px;
	cursor:pointer;
}

.OkNewsButtonHover{
	background: url(../images/ok-on.png) no-repeat;
	border:none;
	width:20px;
	height:20px;
	color:#FFF;
	font-weight:bold;
	font-size:1px;
	cursor:pointer;
}

.PrixMaxi{
	width:120px;
	border:1px solid silver;
}

.PrixMini{
	width:120px;
	border:1px solid silver;
	margin-top:5px;
}

.Desi{
	width:120px;
	border:1px solid silver;
	margin-bottom:5px;
}

.Newsletter{
	width:120px;
	border:1px solid silver;
	margin-bottom:5px;
	font-size: 10px;
}


.RechercherButton{
	background: url(../images/rechercher-off.gif) no-repeat;
	width:95px;
	color:transparent;
	height:35px;
	margin-left:-10px;
	border:none;
	cursor:pointer;
}

.RechercherButtonHover{
	background: url(../images/rechercher-on.gif) no-repeat;
	width:95px;
	color:transparent;
	height:35px;
	margin-left:-10px;
	border:none;
	cursor:pointer;
}
/*=============================================================

	FIN ::: CSS MENU GAUCHE
	
=============================================================*/

/*=============================================================

	CSS FORMULAIRE
	
=============================================================*/

input.NoRadio{
	border: 1px solid silver;
}

label{
	font-weight: bold;
	color: #017cfe;
}

form p{
	margin-left: 28px;
}
/*=============================================================

	FIN ::: CSS FORMULAIRE
	
=============================================================*/

/*=============================================================

	CSS PAGES DE CONTENU
	
=============================================================*/

.PagesNotFull{
	
	padding:0;
	padding: 0 15px 0 15px;
	background: url(../images/Pages/module-centre.png) repeat-y;
	width:750px;
}


.Tetiere{
	width:750px;
	background: url(../images/Pages/module-header.png) no-repeat;
	height:47px;
	padding-top: 20px;
	padding-left: 25px;
	font-weight:bold;
	margin-bottom:0;
	margin-bottom:-20px;
}

.PagesNotFull form{
	margin-left:20px;
}

.BottomPages{
	width:770px;
	background: url(../images/Pages/module-footer.png) no-repeat;
	height:29px;
	margin-top:-12px;
}
/*=============================================================

	FIN ::: CSS PAGES DE CONTENU
	
=============================================================*/

/*=============================================================

	CSS UNE FICHE PRODUIT
	
=============================================================*/


.AddToCartInFiche{
	width:89px;
	height:70px;
	border:none;
	cursor:pointer;
	font-size: 0px;
	margin: 0;
	padding: 0;
	background: url("../images/bouton-acheter-off.gif") left no-repeat !important
}
.AddToCartInFicheHover{
	width:89px;
	height:70px;
	border:none;
	cursor:pointer;
	font-size: 0px;
	margin: 0;
	padding: 0;
	clear:left;
	background: url("../images/bouton-acheter-on.gif") left no-repeat !important;
}

.ZoneAcheterInProduit{
	clear:left;
	height:70px;
	width:270px;
	padding:0;
	padding:10px 10px 10px 20px;
	background: url(../images/ZonePrix.gif) left no-repeat;
	
}

.ZoneAcheterInProduit td{
	padding-left: 20px;
}

.Prix{
	font-weight:bold;
	color:#017cfe;
	font-size: 18px;
	
}

.ZoneQuantite{
	
	width: 40px;
	border: 1px solid silver;
}

.AcheterEtQTE{
	
	height: 40px;
	padding: 10px 0 10px 20px;
	border: 1px dotted silver;
	width: 305px;	
}

p.ImageSup{
	margin-left: 0;
	cursor: pointer;
	margin-top: 10px;
	margin-left:0px;
	margin-left:10px;
}

.FullDescription{
	
	border: 1px solid silver;
	padding: 10px;
	margin-bottom: 10px;	
}

p.ImageSup img {
	border: 1px solid silver;	
}

p.ImageSup img.SelectedInZoom {
	border: 1px solid #06597c;	
}


td.ProduitAssocier{
	background: url(../images/Design/diapo.gif) no-repeat;
	width:186px;
	height:318px;
	text-align:center;
	padding:0;
	padding:10px 0 0 0 ;
}

.NoPuce{
	list-style:none;
	list-style-position:outside;
	margin-left:0;
}

ul.NoPuce p{
	padding-left: 0;
	margin-left: 0;
	text-align: justify;
}

.AccesoireImageList{
	margin-left:-10px;
}

h1.TitreInFicheProduit{
	margin:0;
	margin-bottom:10px;
	margin-top:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #00B2FC;
	margin-left:10px;
}

h1.NomProduit{
	font-size:16px;
}

.DescriptifProduit{
	margin:0;
	width: 320px;
	border:1px solid silver;
	text-align:justify;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:20px;
}

#ZoneZomme{
	width: 420px;
	float:left;
	margin-left:0px;
	margin-left:10px;
}

#ZoneProductDescAndOtherInfo{
	width:340px;
	clear:left;
	position:absolute;
	float:left;
	margin-left:430px;
}

#ZoneProductDescAndOtherInfo p{
	margin-left: 0;
	margin-left: 6px;
}

#slider{
	width:250px;
	height:10px;
	margin-top: 330px;
	margin-left:40px;
}

#ZoomLine{
	margin-bottom:30px;
	width:345px;
	background: url(../images/barre-zoom.gif) no-repeat ;
}
	
	
#ZoomLine #slider{
	margin-top:-5px;
}

	
#LeZoomOfCourse{

	width:400px;
}

#ImageZooming{
	
}

#ProduitAssocierDiv{
	
}

ul.ListeDesTaxesInFiche{
	list-style:none;
	font-size:11px;
	margin-bottom: 10px;
}

.EnteteListeTaxe, .ListeDesTaxesInFiche{

	margin-left:10px;	
	
}
#AllTaxeAnnexe{
	position:absolute;
	float:left;
	margin-left:160px;
}

button.PanierButton { 
  background: url(../images/bouton-acheter-off.gif) right no-repeat;
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 80px 0 0; 
  text-align:center;
  margin-left:-20px;
}


button .FinPanierButton{

	height:67px;
	line-height:67px;
	background: url(../images/ZonePrix.gif) no-repeat top left;
	border:0;
	position:relative; 
	display:block; 
  	white-space:nowrap; 
  	padding: 4px 15px 0 20px;
}

button.PanierButton:hover{
  background: url(../images/bouton-acheter-on.gif) right no-repeat;
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 80px 0 0; 
  text-align:center;
  margin-left:-20px;
}

/*=============================================================

	FIN ::: CSS UNE FICHE PRODUIT
	
=============================================================*/

/*=============================================================

	CSS LISTING DES PRODUITS
	
=============================================================*/
.PrixRemise{
	color:#fea655;
}

td.UnProduit{
	background: url(../images/Design/diapo.gif) no-repeat;
	width:186px;
	height:318px;
	text-align:center;
	padding:0;
	padding:10px 0 0 0 ;
}

td.UnProduit img.Produit{
	border:1px solid #ededed;
	margin-top:-10px;
}

td.UnProduit .Prix{
	color:#000;
	font-size:14px;
}
/*
td.UnProduit .ColorIt{
	font-weight:bold;
	color:#017cfe;
	width: 175px;
	padding-left: 10px;
	padding-right: 15px;  
}*/

.NonCliquableFiltre{
	color:#42656b;
	font-weight:bold;
}

.ZoneFiltre{
	font-weight:bold;	
	color:#42656b;
	background: url(../images/barre-bleue-filtre.jpg) no-repeat;
	height:42px;
	width:742px;
	padding-top:10px;
	padding-left:5px;
}

#FiltresActif{
	padding-left:5px;
}

.XOfFilter{
	color: red;
	text-decoration: none;
}


p.ProductNameDiapo{
	font-weight:bold;
	color:#017cfe;
	padding:0;
	padding: 0 10px 0 15px;
	height:40px;
	width:160px;
	
}
/*=============================================================

	FIN ::: CSS LISTING DES PRODUITS
	
=============================================================*/

/*=============================================================

	CSS MODULE DE CONNEXION
	
=============================================================*/

#ConnexionBloc{
	width:750px;

}

.ZoneConnexionIn{
	width: 375px;
	/*background: url(../images/Compte/fond-module-identification.jpg) repeat-y;*/
}

.ZoneConnexionIn table{
	margin-left:25px;
}

.ButtonConnexion{
	color:transparent;
	background: url(../images/bouton-identifiez-vous-off.gif) no-repeat;
	width:151px;
	height:48px;
	border:0;
	cursor:pointer;
	font-size:0px;
}

.ButtonConnexionHover{
	font-size:1px;
	color:transparent;
	background: url(../images/bouton-identifiez-vous-on.gif) no-repeat;
	width:151px;
	height:48px;
	border:0;
	cursor:pointer;
	font-size:0px;
}
/*=============================================================

	FIN ::: CSS MODULE DE CONNEXION
	
=============================================================*/

/*=============================================================

	CSS COMPTE
	
=============================================================*/


.CreationCompte p{
	margin-left: 25px;
	margin-top: 6px;
}

table.ListeAdresseLivraison{
	width:360px;
}

table.ListeAdresseLivraison td{
	padding:10px;
	padding-right:20px;
}

.LinkCreerAddrLivraison{
	margin-top: 15px;
	margin-bottom: 15px;
}

table.FormulaireCompte{
	width: 760px;	
}

table.FormulaireCompte tr{
	height: 30px;
}

table.FormulaireCompte label{
	text-align: right;
	margin-left:10px;
}

tr.BottomListeAdresses{
	background:url(../images/Compte/Carnet/carnet-footer.png) no-repeat;
	height:34px;
}

table.CompteMenuHaut th{
	padding-left:5px;
	width:144px;
	background: url(../images/Panier/bloc-process-blanc.png) no-repeat;
	height:59px;
}

.AddresseExistanteLabel{
	font-weight: bold;	
	width: 335px;
	padding: 10px;	
	background: url(../images/Compte/Carnet/TopListeAdresse.jpg) no-repeat;
}

.UneAdresseLivraison{
	
	width: 335px;
	padding: 10px;	
	background: url(../images/Compte/Carnet/FondListeAdresse.jpg) repeat-y;
}

.BottomAddresseListe{
	
	width: 335px;
	padding:0 10px 0 10px;	
	background: url(../images/Compte/Carnet/BottomListeAdresse.jpg) repeat-y;
}

#CreationNewAdresseLivraison tr.EnteteCarnetAdresse td{
	padding-left: 20px;
}

#CreationModificationAdresse .PanierGauche{
	width: 120px;	
}

#CreationModificationAdresse{
	width: 395px;	
	clear:left;
	float: left;
	position: absolute;
	top:0;
	top:245px;
	margin-left: 360px;
	background: url(../images/Compte/Carnet/FondNewAdresse.jpg) repeat-y;
}

#CreationModificationAdresse .LabelNewAdresse{
	font-weight:bold;
	padding-left: 10px;
	padding-top: 10px;
	background: url(../images/Compte/Carnet/TopNewAdresse.jpg) no-repeat;	
}

#CreationModificationAdresse .BottomAjoutAdresses{
	font-weight:bold;
	padding-left: 10px;
	padding-top: 10px;
	background: url(../images/Compte/Carnet/BottomNewAdresse.jpg) no-repeat;	
}



/*=============================================================

	FIN ::: CSS COMPTE
	
=============================================================*/

/*=============================================================

	CSS PANIER
	
=============================================================*/

#BigZoneProcess{
	
	width:755px;	
	background: url(../images/Panier/FondBigProcess.png) repeat-y;	
}

#BigZoneProcess .TopOfBigProcess{
	
	padding: 10px 0 10px 10px;
	background: url(../images/Panier/TopBigProcess.png) no-repeat;	
}

#BigZoneProcess .BottomBigProcess{
	padding: 10px 0 10px 10px;
	background: url(../images/Panier/BottomBigProcess.png) bottom no-repeat;	
}
/* On donne la largeur max du panier */

table.PanierListing, table.EtapeListing, .BottomZoneInPanier, .TheZoneInPanier, .TopZoneInPanier, tr.TheLigneZoneInPanier, table.FooterPanier, .SepaCodeAvantage{
	width:755px;
}


table.FooterPanierNoBtn{
	width:720px;
}

/* Process panier */
table.EtapeListing{
	
	padding:10px;
	margin:0;
	margin-bottom: 20px;
	border-collapse:collapse;
	padding-top: 15px;
	height:59px;
}

tr.EnteteEtape th a,tr.EnteteEtape th span{
	padding-left:10px;
		
}

tr.EnteteEtape td{
	background-color:white;
}

/* Fin Process panier */

/* Listing produit in panier */
table.PanierListing{

	padding:0;
	margin:0;
	border-collapse:collapse;
	background: url(../images/Panier/TitreCelluleListeProduit.png) top no-repeat;
	padding-top:0px;
	margin-left:0px;
}


table.PanierListing td{
	
	padding-top:20px;
}
table.PanierListing tr.Small td{
	padding-top: 0px;
}
tr.EnteteListing{
	padding-left:0px;
	height:43px;
}

tr.EnteteListing th{
	padding-left:0px;
	padding-top:0px;
	text-align: left;
}

tr.EnteteListing th.Right{
	padding-left:0px;
	padding-top:0px;
	text-align: right;
}

table.OptionInPanierShow td{
	padding-top:0;
	height: 15px;	
}

table.PanierListing tr.LigneProduitInPanier td.PanierGauche, tr.CodeReduction td.PanierGauche{

	border:none;	
	background: url(../images/Panier/PanierGauche.png) left repeat-y;
}

table.PanierListing tr.LigneProduitInPanier td.PanierDroite, tr.CodeReduction td.PanierDroite{
	border:none;	
	background: url(../images/Panier/PanierDroite.png) right repeat-y;
}
tr.LigneProduitInPanier select, tr.LigneProduitInPanierAlternatif select{
	font-size: 10px;	
}

table.PanierListing tr.LigneProduitInPanierAlternatif td.PanierGauche{
	
	border:none;	
	background: url(../images/Panier/PanierGaucheAlter.png) left repeat-y;
}

table.PanierListing tr.LigneProduitInPanierAlternatif td.PanierDroite{
	border:none;	
	background: url(../images/Panier/PanierDroiteAlter.png) right repeat-y;
}

table.PanierListing tr.LigneProduitInPanierAlternatif td{
	
	background: #e4e4e4;
}

#SepaCodeAvantage{

	padding:0;
	margin:0;
	background: url(../images/Panier/SepaCodeAvantage.png) no-repeat;
	height:42px;
}

tr.CodeReduction{
	height:22px;
	padding-bottom:0;
	padding-top:0;
}

tr.CodeReduction td{
	padding:0;
	background: #d5d4d4;
}

#BottomZoneInPanier{
	background: url(../images/Panier/PaiementBas.png) no-repeat;
	height:21px;
}

/* Fin Listing produit in panier */

tr.BottomPanier{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
	border-bottom:none;
	border-top:none;
}

tr.BottomPanierLast{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
	border-top:none;
}

tr.BottomPanierFirst{
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
	border-bottom:none;
}

th.BoutonActuPanier{
	text-align:left;
	padding-left:0;
	padding-left:15px;
}


/* Affichage des paramètres avancés */

.AffParamAvancee{
	width:350px;
	background:#FFF;
	border:1px solid #017cfe;
	padding:10px;
	position:absolute;
}

.AffParamAvancee ul{
	list-style:none;
	list-style-type: none;
}

.AffParamAvancee a{
	float:right;
	margin-top:-10px;
	margin-right:-10px;
}

.MsgPasDeCommande{
	margin-top: 10px;
}

.Refresh{
	background: url(../images/Panier/Actualiser.png) no-repeat;
	height:18px;
	cursor:pointer;
	width:22px;
	border:none;
}

.TheZoneInPanier{
	border-collapse:collapse;
}

.TopZoneInPanier{
	background: url(../images/Panier/big-tetiere-jaune.png) repeat-y;
	height:54px;
}

tr.TopZoneInPanier td{
	font-weight: bold;
	padding-left:20px;
}

.TheLigneZoneInPanier td{
	padding-left:15px;
}

a.ContinueAchats{

	background:url(../images/Panier/ContinuerAchatsOff.png) no-repeat;
	color:#000;
	font-weight:bold;
	border:none;
	display:block;
	height:44px;
	width:184px;
	cursor:pointer;
	padding-left:25px;
	
	padding-top:15px;
}

a.ContinueAchats:hover{
	background:url(../images/Panier/ContinuerAchats.png) no-repeat;
	color:#000;
	font-weight:bold;
	border:none;
	height:44px;
	width:184px;
	cursor:pointer;
	padding-top:15px;
	padding-left:25px;
}

tr.TheLigneZoneInPanier{
	background: url(../images/Panier/paiement-centre.gif)  repeat-y;
}

table.PanierListing td{
/*	background:#ecf7fd;*/
}

	
table.PanierListing  tr.SepaCodeAvantage td, table.PanierListing  tr.BottomZoneInPanier td{
	background: none;
}
	
table.PanierListing td.None{
	background: none;
}

table.PanierListing tr.LigneProduitInPanier td{
	background:#d5d4d4;
}

.MaCommandePanierEntete{
	font-size:11px;
	color: #8f9293;
	
}

.EnteteProcessPanierInActif, .EnteteProcessPanierActifStart, .EnteteProcessPanierInActifEnd,.EnteteProcessPanierActif,.EnteteProcessPanierInActifStart,.EnteteProcessPanierActifEnd{
	width: 130px;
	padding-right:14px;
}

.EnteteProcessPanierInActif, .EnteteProcessPanierInActifStart, .EnteteProcessPanierInActifEnd{

	background: url(../images/Panier/Process-NoActif.png) center no-repeat;
}

.EnteteProcessPanierActif, .EnteteProcessPanierActifStart, .EnteteProcessPanierActifEnd{
	background: url(../images/Panier/Process-Actif.png) center no-repeat;
}

.EnteteProcessPanierActif a, .EnteteProcessPanierActifStart a, .EnteteProcessPanierInActifEnd a{

	color:#000;	
}

table.FooterPanier .Colonne1,table.FooterPanierNoBtn .Colonne1{
	width: 10px;
}

table.FooterPanier .LibelleLigne,table.FooterPanierNoBtn .LibelleLigne{
	width: 350px;
	border-top:1px solid #d5d4d4;
}

table.FooterPanier .EnteteInfoFooterPanier,table.FooterPanierNoBtn .EnteteInfoFooterPanier{
	border-top:1px solid #d5d4d4;
	background:#d5d4d4;
	color:#434647;
	padding:5px 10px 5px 10px;
}

table.FooterPanier .ZoneEspacementEnteteInfoFooterPanier,table.FooterPanierNoBtn .ZoneEspacementEnteteInfoFooterPanier{
	width: 15px;
	border-top:1px solid #d5d4d4;
	color:#434647;
}

table.FooterPanier .ZoneEspacementEnteteInfoFooterPanierNoColor,table.FooterPanierNoBtn .ZoneEspacementEnteteInfoFooterPanierNoColor{
	width: 15px;
}

table.FooterPanier{
	margin-bottom: 0px;
}

#Ticket{
	top:212px;
	position:fixed;
	margin-left:760px;
	background: url(../images/Panier/TicketFond.png) repeat-y;
	width: 	214px;
}

#Ticket p{
	margin-left: 20px;	
}

#Ticket p.Center{
	
	color: #22586b;
}

/*=============================================================

	FIN ::: CSS PANIER
	
=============================================================*/




/* - - - - - AJOUTE LE 12/12/2013 - - - - - - */

.col_droite_recent {
	border: 1px solid #ccc; /*#006598*/
	font-size: 0.75em; 
	/*background: #e7e7e7;*/
	margin-left: -10px;
	margin-right: 10px;
	margin-top: 58px;
	}
	
.col_droite_recent h2.titre_bloc {
	display: block;	margin: 0; padding: 1px; /*font-size: 0.7em;*/ line-height: 1.5em; /*font-weight: bold;*/ text-align: center;
	border-bottom: 1px solid #ccc; /*#006598*/
	background: #f8f8f8;
	color: #666;} /*#808080;*/
	/*
.col_droite h2 a.titre_bloc {
	display: block;	margin: 0; padding: 1px; /*font-size: 0.7em; line-height: 1.5em; text-align: center;
	border-bottom: 1px solid #ccc;
	background: #f0f7ff;
	color: #808080;}
	
	
.col_droite h2 a.titre_bloc:hover {
	background: #808080;
	color: #ffffff; 
	text-decoration: none;}
	*/
	
.col_droite_recent .contenu_bloc {
	/*
	display: block;	margin: 0; padding: 1px; line-height: 1.5em; text-align: center;
	border-bottom: 1px solid #ccc; 
	background: #f0f7ff;
	color: #808080;
	*/
	margin-left: 10px;
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 5px;
	}


.col_droite_recent .lien_col_droite {
	color: #999;
	}
.col_droite_recent .lien_col_droite:hover{
	color: darkblue;
}
	
.col_droite_a_voir {
	margin-left: -13px;
	margin-top: 20px;
	}