/* ---------------------------------------------------------- */
/*         SITE WEB MADRAGUE VERSION 1.0                      */
/* ---------------------------------------------------------- */

/* ----------------------------- */
/*    	  RESET AND BASICS       */
/* ----------------------------- */

*{
margin:0px;
padding:0px;
outline:none;
}

a{
border:0px;
text-decoration:none;
}

:focus{ -moz-outline-style:none;}

hr{
clear:both;
visibility:hidden;
border:0px;
}

img{border:0px;}

input, textarea{
border:solid 1px #c6c4c4;
color:#666;
}

textarea{
font-family:Arial, sans-serif;
font-size:12px;
}

ul{
list-style:none;
list-style-position:outside;
}

body{
background-color:#a5a5a5;
color:#f9f9f9;
font-family:Arial, sans-serif;
font-size:13px;
line-height:15px;
text-align:center;
margin:0;
padding:0;
height:100%;
width:100%;
}

body input, body select, body textarea{
border:0px solid transparent;
color:#080808;
margin:1px;
}

a img{
border:none;
color:#FFF;
display:block;
}

a:link, a:active, a:visited{
text-decoration:none;
color:#FFF;
}

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

/* ----------------------------- */
/*    TYPOGRAPHIE GLOBALE        */
/* ----------------------------- */

p{
font-weight:normal;
font-size:13px;
font-family:Arial, sans-serif;
line-height:17px;
}

h1, h2, h3 {
color:#FFF;
font-family:Klill, Arial, sans-serif;
font-weight:normal;
text-transform:uppercase;
}

h1 {
font-size:25px;
line-height:27px;
}

h2 {
color:#f9f9f9;
font-size:16px;
line-height:18px;
}

h3 {
font-size:13px;
line-height:15px;
}

blockquote {font-size:1.5em;}

input {
background:url(../images/input_bg.jpg) top left;
font-size:12px;
}

textarea {background:url(../images/textarea_bg.jpg) top left;}

.absolink{
-moz-opacity:0;
background-color:#000;
color:#FFF;
top:0;
filter:alpha(opacity=0);
height:100%;
left:0;
opacity:0;
position:absolute;
width:100%;
z-index:999;
}

.DIN{
background:url(../images/fleche_DIN.png) no-repeat 0px 3px;
padding-left:15px;
text-transform:uppercase;
}

.upp{text-transform:uppercase;}

.clearB{
clear:both;
height:1px;
}

.sousTitre{
color:#FFF;
font-size:15px;
font-weight:bold;
}

.remove{display:none;}

/**

~~	G L O B A L ~~

*/

#bg_madrague{
min-width:900px;
left:0;
position:fixed;
top:0;
width:100%;
z-index:1;
}

#global{
/*background:url(../images/noir20.png);*/
left:0;
margin:0;
overflow:visible;
padding:0;
position:absolute;
text-align:center;
top:0;
width:100%;
z-index:5;
}

/** Header */

#header{
/*background:url(../images/noir10.png);*/
height:140px;
position:relative;
width:100%;
z-index:50;
}

.header_bg{
opacity : 0.1;
-moz-opacity : 0.1;
-ms-filter: "alpha(opacity=10)"; /* IE 8 */
filter : alpha(opacity=10); /* IE < 8 */
background-color:#000;
height:140px;
position:absolute;
width:100%;
top:0;
left:0;
}

#header #logo{
display:block;
height:86px;
width:180px;
}

#header .content{
height:86px;
margin:0 auto;
padding:27px 0;
position:relative;
text-align:left;
width:900px;
}

#header #menu, #header #newsCompte, #header #lang{
bottom:0;
position:absolute;
right:0;
}

#header #menu li .sousMenu{
top:35px;
display:none;
left:0;
position:absolute;
z-index:50;
width:270px;
}

#header #menu li .sousMenu a{
background:url(../images/noir75.png);
display:block;
height:30px;
line-height:28px;
margin-top:1px;
padding-left:40px;
position:relative;
text-align:left;
text-transform:uppercase;
width:230px;
}

#header #menu li .sousMenu a:hover,#header #menu li .sousMenu a.active{
background-color:#ea690b;
background-image:none;
}

#header #menu li .sousMenu:hover a.active{background:url(../images/noir75.png) transparent;}

#header #menu li .sousMenu a.active:hover{
background-color:#ea690b;
background-image:none;
}

#header #menu li:hover .sousMenu{display:block;}

#header #newsCompte{bottom:55px;}

#header #lang{bottom:105px;}

#header #lang li{
float:right;
margin-left:10px;
padding:18px 0 0px;
}

#header #lang li.presse{
height:35px;
line-height:33px;
padding:0;
position:relative;
text-align:center;
top:8px;
width:102px;
}

#header #lang li.presse a{
display:block;
height:100%;
text-transform:uppercase;
width:100%;
}

#header #lang li.presse a:hover, #header #lang li.presse a.active{
background-color:#EA690B;
background-image:none;
}

#header #lang li.fb{
    height:35px;
    line-height:33px;
    margin-right:25px;
    padding:0;
    position:relative;
    text-align:center;
    top: 17px;
}

#header #lang li.fb a{
	float:left;
	width:auto;
}

#header #lang li.fb a.share{
	display:inline;
	float:none;
	margin-left:5px;
}

#header #lang li.fb a.share img{display:inline}

#menu  li, #newsCompte  li{
background:url(../images/noir75.png);
margin-left:1px;
float:left;
height:35px;
line-height:33px;
position:relative;
text-align:center;
text-transform:uppercase;
width:134px;
}

#header #newsCompte .btCompte{width:134px;}

#menu li.noir40, #newsCompte li.noir40, #lang li.noir40{background:url(../images/noir40.png);}

#menu  li:hover, #newsCompte  li:hover,#menu  li.active, #newsCompte  li.active{
background-color:#ea690b;
background-image:none;
}

#menu  li:hover a, #newsCompte  li:hover a{color:#FFF;}

#newsCompte li.none{
background-image:none;
margin-right:35px;
text-transform:none;
width:auto;
}

#newsCompte li.none:hover{background-color:transparent;}

#newsCompte li .DIN{
background-position:10px 15px;
padding-left:7px;
}

#newsCompte li.btCompte .DIN{
background-position:9px 15px;
padding-left:7px;
font-size:12px;
line-height:36px;
}

#header #menu a,#header #newsCompte a,#header li span{
display:block;
height:100%;
width:100%;
}

/** Center */

#center{
margin:0 auto;
position:relative;
width:900px;
z-index:20;
}

#center .content .arianne{
font-size:16px;
height:16px;
margin-bottom:15px;
text-align:left;
}

#center .content .arianne img{margin-right:5px;}

#center .content .arianne .separato{margin:0 10px;}

#center .content .arianne.vindetail li{
float:left;
margin-right:7px;
}

#center .content .arianne.vindetail a .off{
display:block;
color:#FFF;
}

#center .content .arianne.vindetail a .on{
display:none;
color:#4A4A4A;
}

#center .content .arianne.vindetail a:hover .off{display:none;}
#center .content .arianne.vindetail a:hover .on{display:block;}

/** Footer */

#footer{
/*background:url(../images/noir20.png);*/
height:50px;
margin-bottom:30px;
position:relative;
width:100%;
z-index:10;
}

.footer_bg{
opacity : 0.2;
-moz-opacity : 0.2;
-ms-filter: "alpha(opacity=20)"; /* IE 8 */
filter : alpha(opacity=20); /* IE < 8 */
background-color:#000;
height:50px;
position:absolute;
width:100%;
top:0;
left:0;
}

#footer a#beseen{
position:absolute;
top:13px;
right:0;
}

#footer .content{
margin:0 auto;
position:relative;
width:900px;
}

#footer .content ul{
color:#FFF;
font-size:11px;
height:10px;
line-height:10px;
padding:20px 0;
text-transform:uppercase;
width:100%;
}

#footer .content li a{color:#FFF;}

#footer .content li{
float:left;
padding:0 15px;
border-left:1px solid #d9d9d9;
}

#footer .content li:first-child{
padding:0 15px 0 0;
border-left:0px solid #FFF;
}

/**

~~  A C C U E I L  ~~

*/

#center #diaporama{
height:290px;
position:relative;
margin-top:20px;
width:100%;
}

#center #diaporama  li{
height:100%;
left:0;
position:absolute;
text-align:left;
top:0;
width:100%;
z-index:20;
}

#center #slide_nav{
position:absolute;
left:540px;
top:55px;
z-index:50;
}

#center #slide_nav li{
cursor:pointer;
float:left;
}

#diaporama .textuel{
position:absolute;
right:20px;
top:90px;
width:340px;
text-transform:uppercase;
}

#diaporama .textuel h2{
line-height:25px;
margin-bottom:5px;
}

#diaporama .textuel h1{
line-height:30px;
margin-bottom:10px;
}

#diaporama .textuel .DIN{font-size:16px;}

#centerHome{
background-image:url(../images/noir60.png);
margin:10px 0 30px;
position:relative;
width:100%;
}

#centerHome ul{
margin:0 auto;
padding:20px 0;
position:relative;
width:900px;
}

#centerHome li{
float:left;
text-align:left;
width:520px;
}

#centerHome li:first-child{
float:left;
padding-right:50px;
text-align:left;
width:330px;
}

#centerHome li .text{
float:left;
width:330px;
padding-bottom:15px;
}

#centerHome li .visu{
float:left;
padding:30px 0 0 40px;
width:150px;
}

#centerHome h3{margin-bottom:10px;}

#centerHome h2,#centerHome p{margin-bottom:10px;}

#centerHome li .DIN{text-transform:uppercase;}

#centerHome h2{width:220px;}

#promotion #pictos{float:right;}

/**

~~  D O M A I N E  ~~

*/

ul#center{margin:20px auto 30px;}

ul#center:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

ul#center>li{
float:left;
text-align:left;
}

#center .content{
position:relative;
width:675px
}

#center .content #banner{
height:200px;
margin-bottom:10px;
position:relative;
width:675px;
}

#center .content #sideSlider{
height:970px;
position:relative;
width:195px;
}

#center .content #banner li, #sideSlider li{
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

#center .content .text{
background:url(../images/noir60.png);
padding:25px 70px 25px 20px;
}

#center .content .text h2{
font-size:16px;
line-height:18px;
margin:0 0 15px;
}

#center .content .text p{
padding:0 0 20px;
width:585px;
}

#center .content .text object{
padding:0 0 45px;
width:585px;
}

#abCase{
width:100%;
float:left;
}

#abCase img{
float:left;
margin-right:20px;
width:80px;
}

#center  .content .text #abCase p{
float:left;
width:475px;
}

/**

~~  V I N S  ~~

*/

#center .content.vins{
background:url(../images/noir60.png);
padding:25px 0 25px 20px;
width:655px;
}

#center .content.vins h2{
font-size:16px;
margin-bottom:15px;
text-transform:uppercase;
}

#center .content.vins .infos h2{
font-size:16px;
margin-bottom:0;
text-transform:uppercase;
}

.catalogue_produits, .catalogue_produits .titre{width:100%;}

.content.vins .AbLogo{top:30px;}

.catalogue_produits .titre h1,.nomProduit{
border-bottom:1px solid #757575;
padding-bottom:10px;
}

.catalogue_produits .contenu{
padding-top:30px;
position:relative;
width:100%;
}

.catalogue_produits .listeProduits{
position:relative;
width:100%;
}

.catalogue_produits .listeProduits:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.listeProduits li{
cursor:pointer;
float:left;
height:255px;
margin-right:8px;
padding-right:20px;
position:relative;
width:190px;
}

.listeProduits .bouteille{
left:0;
position:absolute;
top:0;
z-index:25;
height:252px;
overflow:hidden;
}

.listeProduits .infos{
bottom:50px;
left:0;
padding:15px 5px 15px 55px;
position:absolute;
width:130px;
z-index:20;
}

.listeProduits li:hover .infos{background:url(../images/noir60.png);}

.listeProduits .infos .type{font-size:13px;}

.listeProduits li .DIN{display:block;}

.listeProduits li .DIN.on{
background:url(../images/fleche_DIN_on.png) no-repeat 0px 3px;
color:#EA690B;
display:none;
}

.listeProduits li:hover .DIN{display:none;}

.listeProduits li:hover .DIN.on{display:block;}

/** Détails */

#center #produitDetail{
padding:0px;
width:675px;
}

#center #produitDetail .text{
padding:0;
width:100%;
}

.nomProduit{
padding:25px 5px 10px 20px;
width:650px;
}

.nomProduit .descLeft{
width:100%;
}

.content .text .descLeft h1{
font-size:25px;
margin-bottom:10px;
}

.content .text .descLeft h2{font-size:13px;}

.nomProduit .attributs{
text-align:right;
white-space: nowrap;
}

.nomProduit .attributs img{margin-left:8px;}

.nomProduit .descRight{
text-align:right;
width:200px;
}

.nomProduit .descRight .prix{
font-size:30px;
line-height:32px;
padding-right:10px;
}

.nomProduit .descRight .indice{margin-right:10px;}

#center  .content .text .descLeft .nomination h2{margin-bottom:0;}

#specifications{width:100%;}

#specifications:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#specifications p{margin-bottom:30px;}

#center  .content .text #specifications p{width:auto;}

#specs{
float:left;
padding:25px 20px;
width:400px;
}

.carac{
margin-bottom:40px;
overflow:auto;
width:400px;
}

.carac tr td{padding-bottom:15px;}

.carac .type{
color:#FFF;
float:left;
font-size:15px;
font-weight:bold;
line-height:17px;
padding:0 5px 10px 0;
vertical-align:top;
white-space:nowrap;
width:100px;
}

.carac .valeur{
color:#f9f9f9;
float:left;
font-size:13px;
line-height:17px;
padding:0 0 10px 0;
width:295px;
}

.distinctions li{margin-bottom:10px;}

/*#specs .sousTitre{margin-bottom:15px;}*/

#tracker{
display:block;
margin-bottom:15px;
padding:10px;
position:relative;
width:100%;
}

#infobulle{
display:none;
position:absolute;
right:0px;
top:0;
width:457px;
z-index:80;
}

#infobulle .center{
background:url(../images/bulle_center.png) repeat-y top left;
padding:15px 25px;
width:407px;
}

#infobulle .center p{margin-bottom:5px;}

#infobulle .center span.str{
display:block;
font-weight:bold;
margin-bottom:10px;
}

#infobulle .top, #infobulle .bot{
background:url(../images/bulle_top.png) no-repeat top left;
height:21px;
width:457px;
}

#infobulle .bot{	background-image:url(../images/bulle_bottom.png);}

.panierMenu{
background:url(../images/noir40.png);
float:left;
margin-left:10px;
padding:30px 10px 10px;
width:205px;
}

.panierMenu a.DIN{
background-position:7px 15px;
display:block;
padding-left:25px;
text-align:left;
}

.panierMenu ul{
margin-bottom:15px;
width:100%;
}

.panierMenu .button{
background:url(../images/noir40.png);
float:left;
height:35px;
line-height:35px;
margin:0 0 5px;
text-align:center;
width:100%;
}

.panierMenu .button .prix{font-size:16px;}

.panierMenu ul.small li.button{
font-size:12px;
padding:0 5px;
width:195px;
}

.panierMenu .button span.indice{text-transform:normal;}

.panierMenu .button.active,.panierMenu .button:hover{
background-color:#ea690b;
background-image:none;
}

.panierMenu label{
text-transform:uppercase;
margin-left:10px;
}

.panierMenu input{
height:15px;
margin-left:10px;
padding:5px;
width:20px;
}

.panierMenu div.button{
margin:25px 0 25px 10px;
padding:0 10px;
width:155px;
}

/** Séparation Domaine / Terroir */
#center .content.vins.specialCase h2{
margin-bottom:0;
padding-top:30px;
}

.specialCase h2.lineUnder{border-color:#a9a9a9;}

#center .content.vins.specialCase li{cursor:pointer;}

#center .content.vins.specialCase li h2{position:relative;}

#center .content.vins.specialCase li h2 a{
background-position:0 5px;
bottom:10px;
font-size:13px;
padding-right:30px;
position:absolute;
right:0;
}

#center .content.vins.specialCase li:first-child h2{padding-top:0px;}

.widePic{
background:url(../images/noir40.png);
text-align:center;
margin-left:-20px;
padding:20px 10px 0;
position:relative;
width:100%;
}

.AbLogo{
position:absolute;
right:30px;
top:80px;
}

.specialCase li:hover .widePic{background:url(../images/noir60.png);}

.specialCase li h2.off{display:block;}

.specialCase li h2.on{
color:#EA690B;
display:none;
}

.specialCase li h2.on a{
background:url(../images/fleche_DIN_on.png) no-repeat 0px 3px;
color:#EA690B;
}

.specialCase li:hover h2.off{display:none;}

.specialCase li:hover h2.on{display:block;}

/**

~~  A C T U A L I T E  ~~

*/

#center #sidebar{
padding-right:30px;
overflow:hidden;
position:relative;
text-align:center;
width:195px;
}

#sidebar .content{
margin:5px 25px 0 0;
width:200px;
}

#sidebar .button{
background:url(../images/noir30.png);
height:35px;
line-height:35px;
padding-left:10px;
text-align:left;
width:190px;
}

#sidebar .button.pair{background:url(../images/noir50.png);}

#sidebar .allActu{
text-align:center;
padding-right:15px;
width:175px;
}

#sidebar .liste_actu li.annee{
height:35px;
font-size:16px;
line-height:35px;
margin-top:25px;
padding:0 10px;
text-align:left;
text-transform:uppercase;
width:180px;
}

#sidebar .liste_actu li.mois{
font-size:12px;
padding:0 10px 0 20px;
text-transform:uppercase;
width:170px;
}

#sidebar .liste_actu.adresses li.mois{
font-size:12px;
padding:0 10px;
text-transform:uppercase;
width:180px;
}

#sidebar .liste_actu li.mois a{
display:block;
height:100%;
position:relative;
width:100%;
}

#sidebar .liste_actu li.mois a .quantite{
position:absolute;
top:0;
right:0;
}

#sidebar .button.active,#sidebar .button:hover{
background-color:#ea690b;
background-image:none;
}

#actus h1{
border-bottom:1px solid #d9d9d9;
margin-bottom:10px;
padding-bottom:10px;
width:100%;
}

#actus .liste_actu li{
background:url(../images/noir40.png);
margin-top:1px;
cursor:pointer;
overflow:auto;
padding:20px;
}

#actus .liste_actu li:first-child{margin-top:0;}

#actus .liste_actu li:hover{background-image:url(../images/noir60.png);}

#actus .liste_actu.pagepresse li{cursor:default;}

#actus .liste_actu.pagepresse li:hover{background:url(../images/noir40.png);}

#actus .liste_actu .visuel, #actus .liste_actu .textuel{float:left;}

#actus .liste_actu .visuel{
width:195px;
padding-right:50px;
}

#actus .liste_actu .textuel{width:390px;}

#actus .liste_actu.pagepresse .visuel{width:250px;}

#actus .liste_actu.pagepresse .textuel{width:335px;}

#actus .liste_actu .date{
font-size:13px;
line-height:13px;
margin-bottom:10px;
text-transform:uppercase;
}

#actus .liste_actu h2{
line-height:16px;
margin-bottom:15px;
padding:0;
}

#actus .liste_actu p{
line-height:17px;
margin-bottom:10px;
padding:0;
}

#actus .liste_actu a{display:block;}

#actus .liste_actu a.DIN.on{
background:url(../images/fleche_DIN_on.png) no-repeat 0px 3px;
color:#EA690B;
display:none;
}

#actus .liste_actu li:hover a.DIN{display:none;}

#actus .liste_actu li:hover a.DIN.on{display:block;}

#center #actuDetail .description{
float:left;
width:375px;
}

#actuDetail h1{
border-bottom:1px solid #d9d9d9;
margin-bottom:10px;
padding-bottom:20px;
width:100%;
}

#center #actuDetail .text{
padding-right:25px;
}

#center #actuDetail .text .carac{width:100%;}

#center #actuDetail .text .type{width:90px;}

#center #actuDetail .text .valeur{width:280px;}

#center #actuDetail .visuels{
float:right;
width:200px;
}

#center #actuDetail .visuels img{margin-bottom:30px;}

/**

~~ C O N T A C T ~~

*/
#center .content.contact{width:675px;}

.content.contact h1{
border-bottom:1px solid #d9d9d9;
margin-bottom:20px;
padding-bottom:10px;
width:100%;
}

#center .content h2{
font-size:16px;
line-height:18px;
margin-bottom:10px;
text-transform:uppercase;
}

#formulaire, #gmap, #connexion{
background:url(../images/noir60.png);
padding:25px 20px;
}

#formulaire{margin-bottom:45px;}

#formulaire p{margin-bottom:25px;}

#center .errors{
color:#ea690b;
margin:0 0 25px;
}

#formulaire ul{width:100%;}

#formulaire .partLeft, #formulaire .partRight{
float:left;
width:317px;
}

#formulaire ul li.partLeft input, #formulaire ul li.partLeft select{
height:15px;
padding:5px;
width:240px;
}

#formulaire ul li.partLeft .listeChamps li{margin:0 0 15px 0;}

#formulaire ul li.partLeft select{
height:25px;
line-height:25px;
padding:0;
width:250px;
}

#formulaire ul li.partLeft option{
height:15px;
padding:5px;
}

#formulaire ul li.partRight{padding-top:45px;}

#formulaire ul li.partRight .listeChamps li{margin:0 0 15px 5px;}

#formulaire.signin ul li.partRight .listeChamps li{margin:0 0 15px 0;}

.hiddenFormulaire .listeChamps{float:left;margin-bottom:15px;}

.hiddenFormulaire .listeChamps li{margin:0 0 5px 0;}

#formulaire ul li.partRight input, #formulaire ul li.partRight textarea{
height:15px;
padding:5px;
width:300px;
}

#formulaire ul li.partRight textarea{height:94px;}

.obligatoire{
border:1px solid #ea690b;
margin:0;
}

.obligatoire_ok{
border:0px;
margin:1px;
}

#formulaire .boutonValider, .news .boutonValider{
background:url(../images/noir40.png);
height:35px;
line-height:35px;
margin:0 0 5px 435px;
padding:0 10px;
text-align:right;
width:180px;
cursor:pointer;
}

#formulaire.signin .boutonValider{margin:0 0 5px 390px;}

.boutonValider.active,#formulaire .boutonValider:hover{
background-color:#ea690b;
background-image:none;
}

#googlemap{
height:350px;
margin-top:20px;
width:635px;
}

/**

~~ S I G N I N / L O G I N ~~

*/

#connexion{margin-bottom:45px;}

#connexion table tr td{
height:30px;
vertical-align:top;
width:250px;
}

#connexion table tr td input, #subscribe input{
height:15px;
padding:5px;
width:240px;
}

#connexion table tr td:first-child{width:320px;}

#connexion table tr:first-child td{font-size:14px;}

#connexion table tr.champs td{
font-size:13px;
height:45px;
}

#connexion table tr td{font-size:12px;}

#connexion .boutonValider{
background:url(../images/noir40.png);
float:right;
height:35px;
line-height:35px;
padding:0 15px;
text-align:right;
}

#connexion .boutonValider.active,#connexion .boutonValider:hover{
background-color:#ea690b;
background-image:none;
}

#connexion .boutonValider a{
display:block;
height:15px;
line-height:15px;
margin:10px 0;
}

#formulaire.signin{margin-bottom:0px;}

#formulaire.signin .partLeft{width:310px;}

#formulaire.signin .partRight{
padding:0;
width:324px;
}

#formulaire.signin .partRight p{margin-top:13px;}

.contact .mask{
color:#080808;
font-size:12px;
height:17px;
left:0px;
line-height:17px;
margin-left:5px;
padding:5px;
position:absolute;
top:0;
width:242px;
}

#formulaire.signin .partRight input{width:240px;}

#formulaire.signin .boutonValider{width:150px;}

/** Le Champ DateOfBirth */

#selectChain{margin-top:20px;}

#formulaire ul li.partLeft #selectChain input, #subscribe #selectChain input{
height:14px;
width:63px;
}

#selectChain li.picker {
background:url(../images/select_bg.png) no-repeat scroll right top transparent;
height:25px;
position:relative;
width:75px;
}

#selectChain li.picker a{
display:block;
height:100%;
line-height:25px;
left:0;
padding-right:20%;
position:absolute;
text-align:center;
top:0;
width:80%;
}

.picker ul{
background-color:#e1e1e1;
border-left:1px solid #bdbdbd;
border-top:1px solid #bdbdbd;
left:0;
position:absolute;
top:25px;
width:252px;
z-index:30;
}

.picker ul li{
border-bottom:1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
color:#080808;
cursor:pointer;
float:left;
height:25px;
line-height:25px;
text-align:center;
width:35px;
}

.picker ul li:hover{
background:url(../images/jourpicker_li.jpg) top left no-repeat;
color:#e1e1e1;
}

#jourSelect {
width:75px;
overflow:hidden;
}

#moisPicker.picker ul{left:-83px;}

/**

~~ T U N N E L   D E   C O M M A N D E ~~

*/

.lineUnder{
border-bottom:1px solid #d9d9d9;
margin-bottom:20px;
padding-bottom:10px;
width:100%;
}

#avancement{
height:25px;
line-height:25px;
margin-bottom:10px;
width:100%;
}

#avancement li{
float:left;
font-size:1.1em;
margin-left:15px;
text-transform:uppercase;
}

#avancement li img{margin-right:5px;}

#avancement li.active, #avancement li a:hover{color:#ea690b;}

#avancement li:first-child{margin-left:0;}

#avancement li .num{
font-size:20px;
line-height:20px;
}

.bilanPanier, .historique{
margin-bottom:10px;
width:100%;
}

.bilanPanier th, .historique th{
font-size:13px;
height:35px;
padding-right:20px;
text-align:right;
text-transform:uppercase;
}

.bilanPanier th:first-child, .historique th:first-child{
font-size:16px;
text-align:left;
}

.bilanPanier td, .historique td{
background:url(../images/noir30.png);
border-top:1px solid #8f8f8f;
height:40px;
margin-bottom:20px;
padding-right:20px;
text-align:right;
vertical-align:center;
}

tr td.suppr{
text-align:right;
padding-right:10px;
width:22px;
}

.bilanPanier td.price, .historique td.price{font-size:16px;}

.bilanPanier .pair td, .historique .pair td{background:url(../images/noir50.png);}

.bilanPanier tr:first-child td, .historique tr.first td{border-top:0px;}

.bilanPanier td:first-child{
padding-left:20px;
text-align:left;
width:270px;
}

.bilanPanier td .livraison.button{
float:right;
height:30px;
line-height:30px;
margin:5px 0;
width:auto;
}

.bilanPanier td.fraisLivr{padding-right:0;}

.bilanPanier td.livraison{
text-align:right;
padding-right:35px;
}

.bilanPanier .total td, .bilanPanier .recapLivraison td{
padding-right:50px;
text-align:right;
}

.bilanPanier .total td span{font-size:16px;}

.bilanPanier .total td:first-child, .bilanPanier .recapLivraison td:first-child{
width:auto;
padding-left:300px;
text-align:left;
}

.bilanPanier td input, .historique td input{
height:15px;
padding:5px;
text-align:right;
width:25px;
}

.content.panier #panier_buttons{
float:right;
height:35px;
margin:20px 0;
text-align:right;
}

.content.panier li.button, .content.panier li.button_spe , .content.panier li.button_spe_active {margin-left:20px;}

.content.panier .button, .content.panier .button_spe, .content.panier .button_spe_active  {
background:url(../images/noir40.png) repeat scroll 0 0 transparent;
float:left;
height:35px;
line-height:35px;
margin:0 0 5px;
padding:0 10px;
text-align:center;
}

.content.panier .button.active,.content.panier .button:hover, .content.panier .button_spe:hover, .content.panier .button_spe_active{
background-color:#ea690b;
background-image:none;
}

#livraisonRecap, #livraisonsTitres{width:674px;}

#livraisonRecap .partLeft, #livraisonRecap .partRight,#livraisonsTitres li{
float:left;
width:337px;
}

#livraisonRecap{
background:url(../images/noir60.png);
float:left;
margin-bottom:50px;
}

.panier #{margin-bottom:0px;}

#livraisonRecap li .conteneur{
padding:25px 20px;
width:297px;
}

#livraisonRecap li.partRight .conteneur{padding:25px 20px 0 0;}
#livraisonRecap li.partRight .conteneur.spe{padding:25px 20px 25px 0;}

#livraisonRecap li.partLeft .conteneur .button{
float:none;
width:150px;
}

#livraisonRecap li.partRight .conteneur .button{
float:none;
width:170px;
}

.button.spe{margin-top:15px;}

#livraisonRecap li .conteneur input{
background-image:none;
margin-right:10px;
}

.content.panier h2{margin-bottom:10px;}

#livraisonRecap li .conteneur p{margin-bottom:20px;}

.recap #livraisonsTitres{margin-top:40px;}

#choixPaiement{
background:url(../images/noir60.png);
padding:25px 20px;
width:635px;
}

#choixPaiement #factureBut{
height:50px;
width:100%;
}

#choixPaiement .text{margin:35px 0;}

#choixPaiement p{
margin-bottom:20px;
width:585px;
}

#choixPaiement ul:first-child{
height:40px;
width:100%;
}

#choixPaiement ul li:first-child{margin-left:0;}

#choixPaiement .hiddenContent{padding-top:20px;}

#choixPaiement input{margin-right:10px;}

#choixPaiement label input{background-image:none;}

#choixPaiement .lastLine{
color:#ea690b;
height:40px;
line-height:40px;
margin-top:25px;
text-align:left;
position:relative;
width:100%;
}

#choixPaiement .lastLine .button{
position:absolute;
right:0;
top:0;
}

/**

~~ C O M P T E ~~

*/ 

.historique{margin-top:40px;}

.historique td:first-child{
text-align:left;
padding-left:20px;
}

.historique .name{text-align:left;}

.historique td a img{display:inline;}

#livraisonRecap .hiddenFormulaire{padding:25px 20px 20px;}

#livraisonRecap .partRight .hiddenFormulaire{padding-left:0;}

#livraisonRecap .hiddenFormulaire input{
height:15px;
padding:5px;
width:240px;
}

#livraisonRecap .postal input{width:50px;}

#livraisonRecap .telephone input{width:25px;}
/**

~~ I N S C R I P T I O N ~~

*/

#subscribe{
float:left;
width:100%;
}

#subscribe .partLeft{
float:left;
width:317px;
}

#subscribe li.partRight{
float:left;
width:260px;
}

.listeChamps li{margin-bottom:15px;}

#subscribe li.partRight .listeChamps li{margin-bottom:20px;}

.news .boutonValider{
margin:0 0 5px 460px;
width:90px;
}

.news .boutonValider:hover{
background-color:#ea690b;
background-image:none;
}

/**

~~ Pages Erreur et Mentions/CGV ~~

*/

#rappelMenu li{
font-size:16px;
margin-top:45px;
}

#rappelMenu li:first-child{margin-top:0;}

#rappelMenu .miniMenu{
padding-top:10px;
font-size:13px;
}

#rappelMenu .miniMenu li{font-size:13px;}

#rappelMenu .miniMenu li{
font-weight:bold;
margin-top:10px;
}

.miniMenu.fullsize li{
float:left;
width:50%;
}

/** Shadowbox */

#shadowbg{
background-color:#000;
height:100%;
width:100%;
}

#estimation{
background-color:#000;
height:340px;
margin:0 auto;
padding:30px 0;
text-align:left;
width:420px;
}

#estimation ul{
float:left;
width:100%;
}

#estimation li.type{line-height:23px;}

#estimation li.type,#estimation li.valeur{
float:left;
margin:0 0 5px 0;
width:160px;
}

#estimation li.valeur{width:260px;}

#estimation h2{margin-bottom:25px;}

#estimation p{margin-bottom:35px;}

#estimation .button{
background:url(../images/noir40.png);
float:right;
height:35px;
line-height:35px;
margin:0 0 5px;
padding:0 10px;
text-align:center;
}

#estimation h2.frais{
margin-top:10px;
position:relative;
}

#estimation h2.frais .montant{
position:absolute;
right:10px;
top:0;
}

#estimation .button:hover{
background-color:#ea690b;
background-image:none;
}

#estimation .button a:hover{color:#FFF;}

#oubli_login{
background-color:#000;
margin:0 auto;
padding:30px 0;
text-align:left;
width:300px;
height:150px;
}

#oubli_login p{padding-top:20px;}

#oubli_pass p{padding:20px 0;}

#oubli_pass{
background-color:#000;
margin:0 auto;
padding:30px 0;
text-align:left;
width:420px;
height:190px;
}

#oubli_pass .boutonValider{
background:url(../images/noir40.png);
height:25px;
line-height:25px;
padding:0 10px;
width:72px;
cursor:pointer;
margin-left:10px;
}

#oubli_pass .boutonValider:hover{
background-color:#ea690b;
background-image:none;
}

#oubli_pass input{
height:15px;
padding:5px;
width:240px;
}

#center .content .text .actu_detail p{
width:100%;
}

/** Modifications du 26/01/2012 */

.textuel .promo{
background-color:#ea690b;
display:inline-block;
height:16px;
font-size:16px;
line-height:16px;
margin-bottom:8px;
padding:5px 10px;
}

.encartPromotionnel{
background: url(../images/noir30.png);
height:74px;
position:absolute;
top:-75px;
left:0;
padding:0 5px 0 55px;
text-align:center;
width:130px;
}

.panierMenu .encartPromotionnel{
height:auto;
margin:20px 0 10px;
padding:0 20px 10px;
position:static;
width:185px;
}

#center .panierMenu .encartPromotionnel p{
margin:0;
padding:0;
}

.encartPromotionnel .orangeOne, .offresPromotionnelles .orangeTitle{
background-color:#ea690b;
display:inline-block;
font-size:16px;
line-height:16px;
margin:0 auto 5px;
padding:5px 10px;
text-transform:uppercase;
}

.offresPromotionnelles .orangeTitle{
margin-bottom:1px;
}

.offresPromotionnelles{
padding:10px 0 15px;
}

.offresPromotionnelles li{
background: url(../images/noir50.png);
height:20px;
line-height:20px;
margin-bottom:2px;
padding:10px;
width:655px;
}

.location .rue{
font-size:13px;
margin-bottom:5px;
text-transform:uppercase;
}

.location .ville{
font-size:16px;
line-height:24px;
margin-bottom:10px;
text-transform:uppercase;
}

.nomEtBouton{
border-bottom:1px solid #FFF;
margin-left:20px;
padding:0 0 5px 0;
width:655px;
}

#center .content .nomEtBouton h2{
float:left;
margin-bottom:0px;
width:400px;
}

.nomEtBouton .bouton{
float:right;
width:160px;
}

#actus .liste_actu.location li .hovering{background-image:url(../images/noir30.png);}

#actus .liste_actu.location li, #actus .liste_actu.location li:hover a.DIN{display:block;}

#actus .liste_actu.location li, #actus .liste_actu.location li:hover{
padding:20px 0;
margin:0;
background:url(../images/noir40.png);
cursor:default;
}

.hovering{padding:20px;}