@CHARSET "UTF-8"; /* ------------- HAUT DE PAGE ------------ */ html {background-color:#8E8276;} body { font-family:"Trebuchet Ms"; font-size:12px; line-height:13px; color:#000; } /* ------------- CONTENU COMMUN ----------------- */ h1{font-family:Georgia;font-size:34px;font-style:italic;font-weight:normal;color:#000;} h2{font-family:Georgia;font-size:24px;font-style:italic;font-weight:normal;color:#6F6256;} h3{font-family:Georgia;font-size:18px;font-style:italic;font-weight:normal;color:#BE0F35;} h4{font-family:Georgia;font-size:14px;font-style:italic;font-weight:normal;color:#6F6256;} h5{font-size:14px;font-weight:bold;color:#000;} h6{font-size:14px;font-weight:bold;color:#BE0F35;} .txtcourant{font-family:"Trebuchet Ms";font-size:12px;line-height:13px;color:#000;font-style: normal;font-weight: normal;} a {color:#BE0F35;text-decoration:none;} a:visited {color:#BE0F35;text-decoration:none;} a:hover {color:#BE0F35;text-decoration:underline;} hr{border-bottom:1px solid #B0A696;} input.text {background-color:#E3DFD3;border:1px solid #B0A696;} select {border:1px solid #B0A696;} textarea {background-color:#E3DFD3;border:1px solid #B0A696;} .center_list{text-align:center;} .errorbox {border:1px dashed #FF0000;color: #C21F42;font-weight:bold;} .validbox { border: 1px dashed #339900;color: #339900;font-weight:bold;} .infobox {border: 1px dashed #FF9900;color: #FF9900;font-weight:bold;} .small {font-size:10px;} /* ------------- HAUT DE PAGE ------------------- */ #wrap {background: url(../images/back_in.jpg) repeat-y scroll left top;} #pageHeader{background: url(../images/back_top.jpg) top left no-repeat;} #notInProd {font-size:42px;color:#BE1035;border:1px solid #BE1035;background-color: #FFF;} #client_space ul li span {border:1px solid #71716E;background-color:#E3DFD3;font-weight:bold;font-size:10px;} #client_space ul li a {color:#000;text-decoration:none;cursor:pointer;} #client_space ul li a:visited {color:#000;} #client_space ul li a:hover {color:#BE0F35;} #client_space ul li a span.logout {background: #E3DFD3 url(../images/deco.jpg) left center no-repeat;} #client_space ul li a span.user_space {background: #E3DFD3 url(../images/space.jpg) left center no-repeat;} #client_space ul li a:hover span.logout {background: #E3DFD3 url(../images/deco_on.jpg) left center no-repeat;} #client_space ul li a:hover span.user_space {background: #E3DFD3 url(../images/space_on.jpg) left center no-repeat;} #menu {background:transparent url(../images/back_menu.jpg) left top repeat-x;} #menu ul li a {color:#E3DFD3;border-right:1px solid #E3DFD3;} #menu ul li a:visited {color:#E3DFD3;} #menu ul li a:hover {color:#b0a696;text-decoration:none;} #menu ul li.activetab a {color:#BE0F35;background-color:#E3DFD3;} #menu ul li.activetab a:visited {color:#BE0F35;background-color:#E3DFD3;} #menu ul li.activetab a:hover {color:#BE0F35;background-color:#E3DFD3;} #menu div.ou_comment {color:#E3DFD3;font-family:"Georgia";font-size:14px;font-style:italic;text-align:right;} #submenu {background-color:#E3DFD3;border-bottom:1px solid #B0A696;} #submenu a {color:#000;} #submenu a:visited {color:#000;} #submenu a:hover {color:#BE0F35;text-decoration:none;} #submenu a.actSubMenu {color:#BE0F35;} #submenu a.actSubMenu:visited {color:#BE0F35;} #submenu a.actSubMenu:hover{color:#BE0F35;text-decoration:none;} ul#submenu ul {background:#E3DFD3 none repeat scroll 0 0;border-right:1px solid #B0A696;border-left:1px solid #B0A696;border-bottom:1px solid #B0A696;} #submenu ul li a span {cursor:pointer;} /* ------------- CONTENU ----------------- */ #pageBody {} .user_box{border:1px solid #B0A696;color:#000000;} .box_title{color:#FFF;font-family:Georgia;font-size:13px;font-style:italic;text-align: left} .button1, .button2, .button3 { background:transparent none repeat scroll 0 0; color: #FFF;font-family: Georgia;font-style: italic;text-align: center; font-size: 17px; cursor: pointer;vertical-align:middle;} .button1 a, .button2 a, .button3 a {color: #FFF;} a.button1:visited, a.button2:visited, a.button3:visited {color: #FFF;} a.button1:hover, a.button2:hover, a.button3:hover {color: #FFF;text-decoration: underline;} .button1 span {background: transparent url(../images/but_rouge_right.png) no-repeat scroll right top;} .button1 span span {background: transparent url(../images/but_rouge_left.png) top left no-repeat;} .button2 span {background: transparent url(../images/but_vert_right.png) top right no-repeat;} .button2 span span {background: transparent url(../images/but_vert_left.png) top left no-repeat;} .button3 span {background: transparent url(../images/but_marron_right.png) top right no-repeat;} .button3 span span {background: transparent url(../images/but_marron_left.png) top left no-repeat;} .button4 {border:1px solid #000;} .txt14 {font-size:14px;font-weight:bold;} .little_in_box {font-size:10px;font-style:italic;font-weight:normal;} .redBg{background:transparent url(../images/back_box_title_red.jpg) repeat-x scroll left top;} .brownBg{background:transparent url(../images/back_box_title_brown.jpg) repeat-x scroll left top;} .greenBg{background:transparent url(../images/back_box_title_green.jpg) repeat-x scroll left top;} .red {color:#BE0F35;} .ocre {color:#6F6256;} .green, .vert {color:#948A12;} .required {color:#C21F42;font-weight:bold;} .marron1 {background-color:#C9C1B3;} .marron2 {background-color:#d4cdc2;} .marron3 {background-color:#e4e0d9;} .marron4 {background-color:#f4f3f0;} .strike {text-decoration:line-through;} dt label {font-weight:bold;} .boxCorner {background-color:#FFFFFF;border:1px solid #C9C1B3;} .boxCorner h2 {color:#3C2E25;} .boxCorner input.text {background-color:#FFFFFF;border-color:#988B7D;} div.info-box {background-color:#C9C1B3;text-align:center;} span.corners-top, span.corners-top span, span.corners-bottom, span.corners-bottom span { background-repeat:no-repeat;font-size:1px; } span.corners-top {background-image:url(../images/corners_left.png);background-position:0 0;} span.corners-top span {background-image:url(../images/corners_right.png);background-position:100% 0;} span.corners-bottom {background-image:url(../images/corners_left.png);background-position:0 100%;} span.corners-bottom span {background-image:url(../images/corners_right.png);background-position:100% 100%;} .stage-title{font-family:Georgia;font-size:24px;font-style:italic;font-weight:normal;color:#6F6256;} /* ------------ DATEPICKER ------------------ */ div.datepicker {text-align: center;border: 1px #C4D5E3 solid;font-family: arial;background: #FFFFFF;font-size: 10px;} div.datepicker table {font-size: 10px;text-align: center;} div.datepicker table thead tr th {font-size: 12px;font-weight: bold;background: #e9eff4;border-bottom: 1px solid #c4d5e3;} div.datepicker table tbody tr {border: 1px white solid;} div.datepicker table tbody tr td {border: 1px #eaeaea solid;text-align: center;} div.datepicker table tbody tr td:hover, div.datepicker table tbody tr td.outbound:hover, div.datepicker table tbody tr td.today:hover { border: 1px #c4d5e3 solid; background: #e9eff4; cursor: pointer; } div.datepicker table tbody tr td.select:hover {border: 1px #c4d5e3 solid;background: #E9F4EA;cursor: pointer;} div.datepicker table tbody tr td.wday {border: 1px #ffffff solid;background: #ffffff;cursor: text;} div.datepicker table tbody tr td.outbound {background: #e8e4e4;} div.datepicker table tbody tr td.today {border: 1px #16518e solid;background: #c4d5e3;} div.datepicker table tbody tr td.select {border: 1px #090 solid;background: #A4EFA7;} div.datepicker table tbody tr td.nclick, div.datepicker table tbody tr td.nclick_outbound {cursor: default;color: #aaa;} div.datepicker table tbody tr td.nclick_outbound {background: #E8E4E4;} div.datepicker table tbody tr td.nclick:hover, div.datepicker table tbody tr td.nclick_outbound:hover { border: 1px #eaeaea solid;background: #FFF; } div.datepicker table tbody tr td.nclick_outbound:hover {background: #E8E4E4;} div.datepicker table tfoot {font-size: 10px;background: #e9eff4;border-top: 1px solid #c4d5e3;cursor: pointer;text-align: center;} div.datepicker .disabled, div.datepicker .disabled:hover {background-color: #FDC1C1;border: 1px solid #F20000;cursor: default;} div.datepicker .nclick_disabled,div.datepicker .nclick_disabled:hover {background-color: #FDC1C1;border: 1px solid #F20000; cursor: default;} /* ------------ ONGLETS ------------------ */ #tabHeader .cmd_onglet {text-align:center;} .cmd_onglet {background-color:#C9C1B3;color:#3C2E25;cursor:pointer;} a.cmd_onglet,a.cmd_onglet:visited {color:#000;text-decoration:none;} .cmd_active { background-color:#FFF;border-color:#B0A696 #B0A696 #FFF; border-style:solid solid none;border-width:1px 1px 1px; } .cmd_content{border:1px solid #B0A696;} .cmd_angle {background:#FFF url(../images/angle_cmd.jpg) no-repeat scroll right top;} .angle_middle {background:transparent url(../images/angle_middle.jpg) no-repeat scroll right top;} .cmd_onglet span.num,.box_cmd_title span.num { background:transparent url(../images/num.jpg) no-repeat scroll center center; font-size:15px;font-style:normal;font-weight:bold;text-align:center; } .cmd_active span.num {background:transparent url(../images/num_on.jpg) no-repeat scroll center center;} .boxDoubleAngle .angleTop {background:transparent url(../images/angle_large_marron-clair_haut.jpg) no-repeat scroll left top;color:#000000; font-family:Georgia;font-size:24px;font-style:italic;} .boxDoubleAngle .angleBottom {background:#C9C1B4 url(../images/angle_large_marron-clair_bas.jpg) no-repeat scroll left top; color:#000000;font-family:Georgia;font-size:18px;} .boxDoubleAngle .content {background-color:#C9C1B4;} ul.puceRouge li {background: transparent url(../images/puce_red.png) 0px 5px no-repeat;} td.faq {vertical-align:top;} dl.faq {color:#000000;font-size:12px;} dl.faq dt {color:#000000;font-size:14px;font-style:normal;font-weight:bold;} dl.faq li{white-space:normal;background: transparent url(../images/puce_red.png) 0px 5px no-repeat;} /* ------------ HOME ET PAGES DOMAINES ---------- */ #homeTop p.intro {color:#6F6256;font-family:Georgia;font-size:18px;font-style:italic;} div.domain .local { background-color:transparent;background-repeat:no-repeat;color:#6F6256;font-size:14px;font-style:italic;font-weight:normal;text-align:left; vertical-align:middle;font-family: Georgia; } #castle .tab_text_pratique {background-color:#C9C1B3;} #castle .tab_votre_formule {background-color:#C9C1B3;} #castle .tab_text_pratique th, #castle .tab_text_pratique td {vertical-align:top;} #castle .tab_text_pratique hr.separe_red {border-bottom:1px solid #BE0F35;} #castle h5.question {color:#948A12;font-size:12px;font-style:italic;} #castle .tab-text li {white-space:normal;} /* ------------ CONTENU: BOITE COMMANDE --------- */ #boxCmd td {white-space:nowrap;} #boxCmd #promoText {white-space:normal;} #boxCmd #listStage {text-align:left;} /* ----------------- PROCESS DE COMMANDE ---------- */ dl.cmd {color:#000000;font-size:12px;} dl.cmd dt {color:#000000;font-style:normal;font-weight:bold;} dl.cmd span {font-weight:normal;} .box_cmd {background:#C9C1B3 url(../images/angle_cmd.jpg) no-repeat scroll right top;text-align:left;} .box_cmd_title{font-family:"Georgia";font-size:17px;font-style:italic;} /* ----------------- ESPACE CLIENT ---------- */ table .brdtop {border-top:1px solid #B0A696;} table .brdright {border-right:1px solid #B0A696;} #tabHeaderUser .cmd_onglet {text-align:center;} table.cmdList th,table.points th {color:#3c2e25;font-weight:bold;} table.cmdList th, table.cmdList td,table.points th,table.points td{text-align:center;border-right: 1px solid #B0A696;} table.cmdList th.end, table.cmdList td.end,table.points th.end,table.points td.end{ text-align:center;border-right: 0px none; } #boxFormule dt {font-weight:bold;} #boxCoord dd {text-align:center;} .cmd_onglet_episode { background-color:#FFFFFF;border-left:1px solid #B0A696;border-top:1px solid #B0A696; color:#3C2E25;text-decoration:none; } div.rssContent {border-top:1px solid #C9C1B3;} #contentUserSpace .stage .infos, #contentUserSpace .subunsub .infos, #contentUserSpace .stagesec .infos { background-color:#C9C1B3;text-align:center; } #contentUserSpace .icon_botte {background: transparent url(../images/pratique_botte.png) no-repeat scroll left top;} #contentUserSpace .icon_seca {background: transparent url(../images/pratique_seca.png) top left no-repeat scroll;} #contentUserSpace .icon_bottle{background: transparent url(../images/pratique_bottle.png) top left no-repeat scroll;} #contentUserSpace .icon_etik {background: transparent url(../images/icon_bottle_etik.png) top left no-repeat scroll;} #contentUserSpace .icon_expe {background: transparent url(../images/icon_bottle_expe.png) top left no-repeat scroll;} table.stageType td.descr {background-color:#C9C1B3;} table.stageType td.status, table.stageType td.action {text-align:center;} table.stageType td.status {background-color:#E4E0D9;} table.stageType td.action {background-color:#D4CDC2;} #contentUserSpace .stage .welcome li,#contentUserSpace .subunsub .welcome li, #contentUserSpace .stagesec .welcome li { white-space:normal; } #contentUserSpace .subunsub .welcome ol, #contentUserSpace .stagesec .welcome ol {list-style-type:decimal;} table.stageList {border:1px solid #B0A696;} table.stageList th, table.stageList td{vertical-align:middle;} table.stageList th.places, .stageList td.places {text-align:center;} td.date {text-align:center;} form.stageSec dd {text-align:right;} #previsu {text-align:left;} .activ_login,.activ_coord {border:1px solid #B0A696;} .activ_login legend,.activ_coord legend {font-weight:bold;} table.points th,table.points td{border-bottom: 1px solid #B0A696;} /* ------------ MODAL OU OVERLAY ------------------ */ #modal_container {background-color:#fff;border:1px solid #666;color:#333;text-align:left;} #modal_overlay {background-color:#000;} /* ------------- PIED DE PAGE ----------- */ #pageFooter #crossing {background:#FFFFFF url(../images/foot_cross.jpg) no-repeat scroll left bottom;} #pageFooter #dark_foot {background-color:#6F6256;color:#B0A696;text-align:center;} #pageFooter #dark_foot a {color:#B0A696;} #pageFooter #dark_foot a:visited {color:#B0A696;} #pageFooter #dark_foot a:hover {color:#B0A696;} #pageFooter #logos {background-color:#E3DFD3;color:#6F6256;text-align:center;} #pageFooter #logos a {color:#6F6256;} #pageFooter #logos a:visited {color:#6F6256;} #pageFooter #logos a:hover {color:#6F6256;} #debug {border:1px solid #BE0F35;background-color:#FFF;} /* --------- autocomplete ------------------- */ .autocomplete { line-height: 13px; border: 1px solid #B0A696; background-color: #FFFFFF; overflow: auto; } .autocomplete li { cursor: pointer; } .autocomplete li.selected { background-color: #E4E0D9; } #userChoices.vigneron {width:450px;margin-left:209px;} /* --------- lightbox ------------------- */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }