@CHARSET "UTF-8";
* {margin:0px;padding:0px;border:0px none;}
/* ------------- HAUT DE PAGE ------------ */
html {}
body {margin:0px 9px 0px -44px}
#wrap {
	position:relative;
  width: 1054px;
  padding: 0;
  margin: 0px auto;
}
/* -------------  CONTENU COMMUN  ----------------- */
h1{line-height:36px;padding-bottom:5px;}
h2{line-height:26px;}
h3{line-height:20px;}
h4{line-height:15px;}
h5{line-height:15px;}
h6{line-height:15px;}
a {}
a:visited {}
a:hover {}
ul{list-style-image:none;list-style-position:outside;list-style-type:none;}
li{white-space:nowrap;}
hr{clear:both;display:block;height:0px;margin-top:30px;margin-bottom:20px;width:100%;}
hr.separe_red {margin:3px 0px 20px;}
input.text{}
dd input.text {max-width:100%;}

select{width:100%;}
select.day, select.month, select.year {width:auto;}

.button1, .button2, .button3 {display: block; height: 26px;line-height: 26px;}
.button1 a, .button2 a, .button3 a {float: left;margin: 0px 1px 0px 0px;padding: 0px 0px 0px 7px;}

.button1 span, .button2 span, .button3 span {float: none;display: block;padding: 0px 2px 5px 0px;white-space: nowrap;}
.button1 span span, .button2 span span, .button3 span span {display: block;padding:3px 3px 2px;} /* Pour les boutons */
a.button1 span span, a.button2 span span, a.button3 span span {display: block;padding:0px 3px 5px;} /* pour les liens qui ressemble à des boutons */
.button4{width:170px;margin:5px;}

.cleared{clear:both;height:0px;display:block;width:1px;}
.fleft {clear:left;float:left;}
.DoubleLeft {float:left;margin-right:20px;}
.DoubleRight,.left{float:left;}
.fright{float:right;}
.short {width:45px;}
.small {width:120px;}
.small2 {width:140px;}
.medium {width:180px;}
.long {width:250px;}

.errorbox, .validbox, .infobox {margin: 10px 0 10px 0;padding: 10px;}

/* -------------  HAUT DE PAGE  ----------------- */
#pageHeader {height:362px;}
#notInProd {position:absolute;top:35px;left:400px;line-height:50px;padding:0px 10px;}

#client_space{position:absolute;top:10px;right:20px;}
#client_space ul li {display:inline;}
#client_space ul li span , #client_space ul li a span 
{display:block;float:left;margin-right:2px;padding:3px 10px;}
#client_space ul li a span.with_icon{padding-left:20px;}

#menu {width: 970px;height:30px;margin-top:-232px;margin-left:69px;}
#menu ul li{display:inline;}
#menu ul li a {display:block;height:30px;line-height:30px;float:left;}
#menu ul li a span {padding:0px 10px;white-space:nowrap;}
#menu div.ou_comment {float:right;height:28px;line-height:28px;margin-right:20px;}

/*
#submenu {width:970px;height:25px;margin-left:69px;}
#submenu li{float: left;display: block;padding: 0 2px;}
#submenu li a {display:block;line-height:25px;}
#submenu li a span {margin:0px 10px;white-space:nowrap;}

ul#submenu li ul {display: none;}
ul#submenu li:hover>ul {display: block;}
ul#submenu ul {position: absolute;width: 156px;z-index: 1;}
ul#submenu ul ul {top: 0px;left: 156px !important;left: 168px;z-index: 2;}
ul#submenu ul li {position: relative;display: inline;}
ul#submenu ul li a {display: block;width: 156px;}
ul#submenu ul li a span {display: block;width: 156px;margin:0px 8px;}
*/
#submenu {width:970px;height:25px;margin-left:69px;left:0;top:0;list-style-type:none;}
#submenu li{float:left;padding: 0 2px;margin:0;}
#submenu .sousMenu {position: absolute;list-style-type: none;z-index: 1;}
#submenu .sousMenu li {float:none;}

#submenu li a {display:block;line-height:25px;}
#submenu li a span {margin:0px 10px;white-space:nowrap;}
#submenu .sousMenu ul {top: 0px;z-index: 2;}
#submenu .sousMenu li a {display: block;}
#submenu .sousMenu li a span {display: block;margin:0px 8px;}

#submenu .sousMenu {display: none;}
#submenu li:hover > .sousMenu {display: block;}

/*

#submenu .sousMenu
{
	display: none;

 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#submenu li:hover > .sousMenu { display: block; }

#submenu .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#submenu li a:link, #submenu li a:visited
{
 display: block;
 height: 1%;
 margin: 0;
 padding: 4px 8px;
 border-right: 1px solid #fff;
 text-decoration: none;
}

#submenu .sousMenu li a:link, #submenu .sousMenu li a:visited {
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
}
*/



/* -------------  CONTENU  ----------------- */
#pageBody {width:930px;margin:20px 0px 0px 69px;padding:0px 20px;}
.user_box {width:160px;padding:4px;margin-bottom:10px;line-height:16px;}
.box_title{height:25px;line-height:20px;margin:-4px -4px 10px -4px;padding:2px 5px;}
#tableWithBox {width:100%;margin-top: 30px;}
.boxCorner {padding:9px;}
.boxCorner h2 {margin-bottom:20px;}
.boxCorner .cmd_angle {margin:-10px -10px 0 0;}
.boxCorner dt {width:100px;}
.boxCorner dd {margin-left:120px;}

.stage-title {padding-left:55px;line-height:43px;}

/* -------------  DATEPICKER  ------------------ */
div.datepicker {position: absolute;padding: 0px;}
div.datepicker table {margin: 0px;padding: 0px;width: 180px;}
div.datepicker table thead tr th {padding: 0px;margin: 0px;}
div.datepicker table tbody tr {margin: 0px;padding: 0px;}
div.datepicker table tbody tr td {margin: 0px;padding: 0px;}
div.datepicker table tfoot {padding: 0px;}

/* -------------  ONGLET  ------------- */
.cmd_onglet{display:block;float:left;line-height:18px;height:24px;margin-left:10px;min-width:140px;padding:8px 5px 0px 0px;width:auto;}
.cmd_active{position:relative;margin-bottom:-2px;}
.cmd_content{width:740px;}
.cmd_angle {width:31px;height:30px;float:right;margin:-1px -1px 0px 0px;position:relative;z-index:11;}
.angle_middle {position:relative;margin-right:-21px;}
.tab-text {margin:30px 20px 10px;}
.cmd_onglet span.num,.box_cmd_title span.num {display:block;float:left;height:22px;margin:-3px 7px 0;width:22px;line-height:19px;}

/* -----------------  CONTENU  ------------------- */
div.twoColumns {clear:both;}
div.twoColumns .colLeft {float:left;margin-right:20px;}
div.twoColumns .colRight {}
div.threeColumns {clear:both;width:100%}
div.threeColumns .colLeft {float:left;margin-right:20px;}
div.threeColumns .colMiddle {float:left;margin-right:20px;}
div.threeColumns .colRight {float:left;}

img.thumbWithText {float:left;margin-right:10px;}

.noTop {margin-top:0px;}
.top10 {margin-top:10px;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}
.top40 {margin-top:40px;}
.top50 {margin-top:50px;}

.w100 {width:100px;}
.w233 {width:233px;}
.w320 {width:315px;}
.w360 {width:360px;}
.w510 {width:510px;}
.w550 {width:550px;}

.ml100 {margin-left:110px;}
.ml233 {margin-left:253px;}
.ml466 {margin-left:506px;}
.ml320 {margin-left:330px;}
.ml360 {margin-left:380px;}
.ml510 {margin-left:530px;}
.mt20 {margin-top:20px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.boxDoubleAngle {clear:both;margin:20px 0 20px -20px;width:970px;}
.boxDoubleAngle .angleTop {clear:both;height:30px;line-height:30px;padding:0 0 0 20px;}
.boxDoubleAngle .angleBottom {clear:both;height:30px;}
.boxDoubleAngle .content {padding:20px;}

ul.puceRouge {margin:0 0 20px 20px;padding-left:0;}
ul.puceRouge li {padding:3px 0 5px 15px;}

table.cmdList {width:100%;}
table.cmdList th, table.cmdList td{min-width:90px;}
td.faq {width:780px;padding-right:20px;}
td.boxes {width:170px;vertical-align:top;}
dl.faq {margin-top:20px;}
dl.faq dt {float:left;line-height:15px;width:240px;}
dl.faq dd {margin-left:260px;}
dl.faq ul {margin:20px 0 20px 0px;padding-left:0;}
dl.faq ul li {padding:0 0 1px 15px;margin-top:10px;}

form dl {clear:both;margin-bottom:10px;}
form dt {float:left;width:300px;}
form dd {margin-left:310px;}

div.info-box {padding:0 5px;}
span.corners-top, span.corners-top span, span.corners-bottom, span.corners-bottom span {
	display:block;height:5px;line-height:1px;
}
span.corners-top,span.corners-bottom {margin:0 -5px;}
dl {clear:both;margin-top:20px;}
dl dt {float:left;}


/* -------------- CONTENU: HOMEPAGE ----------- */
#homeTop p.intro {height:195px;line-height:20px;padding-left:235px;padding-top:5px;width:190px;}
#homeMiddleTop .text {float:left;width:420px;height:200px;margin-right:20px;}
#homeMiddleBottom {margin-top:40px;}
#homeMiddleBottom .cmd_menus_bar {margin-top:5px;}
td.image {width:100px;padding-bottom:20px;padding-right:5px;text-align:left;vertical-align:top;}
td.text  {width:120px;padding-bottom:20px;padding-right:10px;text-align:left;vertical-align:middle;}
.noPaddingBottom {padding-bottom:0px;}


/* ------------  CONTENU: BOITE COMMANDE  --------- */
#boxCmd dl {width:160px;}
#boxCmd dt {float:none;width:100%;}
#boxCmd dd {float:none;margin-left:0px;}
#boxCmd input.text{width:100%;}
#boxCmd #listStage {margin:10px 0px 0px 20px;width:135px;}
#boxCmd #listStage li {margin-left:0px;display:inherit;width:135px;}
#boxCmd #selectBottles {width:158px;}

/* -----------------  PROCESS DE COMMANDE  ---------- */
dl.cmd {clear:both;margin-bottom:10px;margin-top:20px;}
dl.cmd dt {float:left;line-height:15px;width:300px;}
dl.cmd dd {margin-left:320px;}
dl.cmd dd li {margin-bottom:10px;margin-left:0px;}
dl.cmd hr {margin-top:20px;margin-bottom:20px;}

.column_box {width:170px;}
.cmd_text {margin:40px 40px 10px 40px;}
/*.cmd_text select {width:90%}*/

.box_cmd {margin-bottom:9px;padding:5px;width:160px;}
.box_cmd_title span.num{line-height:18px;float:none;margin:15px auto;} 

#total_cmd {margin:0 60px 0 auto;width:250px;}
#total_cmd dl {margin:0 0 3px;}
#total_cmd dt {width:150px;}
#total_cmd dd {margin-left:160px;text-align:right;}
#formuleSubmit {margin:10px 60px 40px auto;width:250px;}

.submit-buttons {height:26px;margin:30px auto;padding:4px;text-align:center;width:400px;}

.vert_list dt {float:none;width:auto;}
.vert_list dd {float:none;margin-left:7px;}
.cmdCoordLogin {width:300px;}
.cmdCoordCreate {width:300px;margin-left:380px;}
#otherInfo dt {width:150px;}
#otherInfo dd {margin-left:150px;}

#resumeFormule dl {clear:left;}
#resumeFormule dt {float:left;width:550px;}
#resumeFormule dd {margin-left:550px;text-align:right;}

/* -----------------  PAGES DOMAINES  ---------- */
div.domain .local {float:left;height:170px;line-height:15px;margin:0 20px 20px 0;padding-left:170px;width:190px;}
#castle table.bottom {margin-top:40px;width:100%;}
#castle table.bottom td.content {width:760px;}
#castle td.boxes {padding-top:32px;}
#castle .tab_text_left {float:left;width:460px;padding-bottom:10px;margin-right:20px;}
#castle .tab-text {width:460px;margin:30px 0px 10px 20px;}
#castle .bottom .text_column_left {float:left;margin-right:20px;margin-top:20px;width:210px;}
#castle .text_column_right {width:210px;margin-left:232px;margin-top:20px;}
#castle .tab_text_pratique {float:right;margin:30px 20px 10px 0px;padding:0 5px;width:230px;}
#castle .tab_votre_formule {float:right;margin:0px 0px 0px 0px;padding:0 5px;width:200px;}
#castle .tab_text_pratique th {padding:0 0 20px;width:50px;}
#castle .tab_text_pratique td {margin-left:55px;padding-left:5px;}
#castle .text_paragraf {margin-bottom:10px;}
#castle ul.puceRouge {margin:20px 0;padding-left:0;}

/* -----------------  ESPACE CLIENT  ---------- */
#tabHeaderUser .cmd_onglet {min-width:80px;padding:8px 3px 0 ;}
#contentUserSpace div.cmd_text {margin:30px 20px 10px;}
#boxFormule dt {clear:left;}
#boxFormule dt {float:left;width:60px;}
#boxFormule dd {margin-left:60px;}
.cmd_onglet_episode {
	display:block;float:left;height:23px;margin:-1px 0 -1px -14px;
	padding:5px 5px 0 10px;position:relative;width:688px;z-index:11;
}
div.rssContent {margin:-2px 0px 0px -20px;padding:5px 0px 0px 20px;width:700px;z-index:-10;}
div.rssContent .alignleft {display:inline;margin:0 7px 2px 0;padding:4px;}
div.rssContent .alignleft {float:left;}
div.rssContent p {margin:5px 0px 10px;}
div.rssContent p img {max-width:100%;}
#previsu dt {width:70px;}
#previsu dd {margin-left:70px;}

#contentUserSpace .stage .infos, #contentUserSpace .subunsub .infos, #contentUserSpace .stagesec .infos {
	float:left;margin-bottom:10px;padding:0 5px;width:160px;
}
#contentUserSpace .stage .welcome, #contentUserSpace .subunsub .welcome, #contentUserSpace .stagesec .welcome {
	width:500px;
}
#contentUserSpace h2.icon {height:43px;line-height:43px;margin:5px 0;padding-left:55px;}
table.stageType td.descr {padding:10px;width:360px;}
table.stageType td.status, table.stageType td.action {height:45px;width:170px;}
#contentUserSpace .subunsub .welcome ol, #contentUserSpace .stagesec .welcome ol {
	list-style-type:decimal;margin-left:20px;padding-left:5px;
}
table.stageList th, table.stageList td{height:25px;width:50%;padding:3px 5px;}
table.subUnsub {width:100%;}
table.subUnsub td.date, table.subUnsub th.date {width:33%;}
table.subUnsub td.places, table.subUnsub th.places {width:33%;}
table.subUnsub td.select, table.subUnsub th.select {width:33%;}
form.stageSec {width:315px;float:left;margin-left:20px;}

form.stageSec dt {width:200px;}
form.stageSec dd {margin-left:200px;}

.payement_info {width: 350px;}
.activ_login {width:650px;margin:10px auto;padding:10px;}
.activ_login legend,.activ_coord legend {margin:0px 10px;padding:0px 10px;}
.activ_login dt {width:200px;}
.activ_login dd {margin-left:200px;}
.activ_coord {width:650px;margin:10px auto;padding:10px;}

#contentUserSpace dl dt {}
#contentUserSpace dl dd {}

table.points th {height:24px;}
table.points td{height:18px;}


#etik-previsu {position:relative;margin:0px auto;}
#etik-cuvee,#etik-suivi {position:absolute;text-align:center;}
dl.etik {margin-top:20px;}
dl.etik dt {float:left;line-height:15px;width:240px;}
dl.etik dd {margin-left:260px;}

dl.user_expe {margin-top:20px;}
dl.user_expe dt {float:left;line-height:15px;width:180px;}
dl.user_expe dd {margin-left:200px;}



/* ------------  RIB  ------------------ */
table.virement_infos {width:100%;}
table.virement_infos td {height:30px;padding:0px 20px;}

/* ------------  MODAL OU OVERLAY  ------------------ */
#modal_container {padding:5px;overflow:scroll;}

/* -------------  PIED DE PAGE  ----------------- */
#pageFooter {clear:both;width:970px;margin:20px 0px 0px 69px;}
#pageFooter #crossing {height:40px;}
#pageFooter #dark_foot {padding:20Px 0px;}
#pageFooter #logos img {vertical-align:middle;}

#debug {width:970px;margin:10px auto;padding:10px;}

/* --------- autocomplete ------------------- */
.autocomplete {
    /*margin: -20px 0 0 -10px;*/
    max-height: 200px;
}

.autocomplete ul {
    list-style: none;
}

.autocomplete li {
    padding: 3px 0 5px 3px;
}