/* Styles des onglets du menu principal */ #onglet-menu {width: 958px; height: 33px; background: #5B554D; text-align: left;} #onglet-menu span#action1 {width: 184px; height: 26px; font: bold 16px Arial; color: #000000; background: url('../images/template/bg-onglet-actif.png') no-repeat top left; text-align: center; display: block; float: left; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 13px;} #onglet-menu span#action2 {width: 184px; height: 26px; font: bold 16px Arial; color: #000000; background: url('../images/template/bg-onglet-inactif.png') no-repeat top left; text-align: center; display: block; float: left; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 5px;} #onglet-menu span#action3 {width: 184px; height: 26px; font: bold 16px Arial; color: #000000; background: url('../images/template/bg-onglet-inactif.png') no-repeat top left; text-align: center; display: block; float: left; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 5px;} /* Styles du contenu principal */ #full-content div#left-content h1 {width: 522px; height: 20px; text-align: left; display: block; margin: 0px; padding: 6px 0px 0px 40px; font: bold 10px Arial; color: #000000; background: #95d155;} /* Styles des formulaires des forfaits */ #full-content div#left-content div#menu-forfaits {width: 562px; height: 36px; text-align: left; display: block; margin: 0px; background: url('../images/template/bg-menu-forfaits.png') repeat-x top left;} #full-content div#left-content div#menu-forfaits h2 {width: 522px; text-align: left; display: block; margin: 0px; padding: 6px 0px 0px 40px; font: bold 14px Arial; color: #8E8E8E;} #full-content div#left-content div#form-forfait form {width: 562px; text-align: center; display: block; background: url('../images/template/bg-forfait1-form.png') repeat-x top left;} #full-content div#left-content div#form-forfait form img.submit {margin: 0px auto 0px auto; cursor:pointer;} #full-content div#left-content div#form-forfait form h3 {width: 522px; text-align: left; display: block; margin: 0px; padding: 6px 0px 0px 40px; font: 12px Arial; color: #474747;} #full-content div#left-content div#form-forfait form table {width: 517px; text-align: left; display: block; margin: 0px 0px 10px 0px; border-collapse: collapse; margin: 6px 0px 0px 35px; background: url('../images/template/bg-tableau-ombres.png') no-repeat top left;} #full-content div#left-content div#form-forfait form table td {text-align: left; padding: 5px 0px 0px 5px; vertical-align: top;} #full-content div#left-content div#form-forfait form table td.picto {width: 120px;} #full-content div#left-content div#form-forfait form table td p {display: block; font: 12px Arial; color: #3D3D3D; margin: 0px 0px 10px 0px;} #full-content div#left-content div#form-forfait form table td span {display: block; font: bold 12px Arial; color: #757575;} #full-content div#left-content div#form-forfait form table td span#vl2_dpr {display: none; font: bold 12px Arial; color: #757575;} #full-content div#left-content div#form-forfait form table td span#vl2_arv {display: none; font: bold 12px Arial; color: #757575;} #full-content div#left-content div#form-forfait form table td label {display: block; font: bold 12px Arial; color: #757575; margin: 0px 20px 10px 0px;} #full-content div#left-content div#form-forfait form table td label#error_address {font-style:italic;color:red;} #full-content div#left-content div#form-forfait form table td label#error_place_start {font-style:italic;color:red;} #full-content div#left-content div#form-forfait form table td label#error_place_end {font-style:italic;color:red;} #full-content div#left-content div#form-forfait form table td label#error_road_start {font-style:italic;color:red;} #full-content div#left-content div#form-forfait form table td label#error_road_end {font-style:italic;color:red;} #full-content div#left-content div#form-forfait form table td label#error_date {font-style:italic;color:red;} #full-content div#left-content div#form-forfait form table td label#nm2_dpr {display: none; font: bold 12px Arial; color: #757575; margin: 0px 20px 10px 0px;} #full-content div#left-content div#form-forfait form table td label#nm2_arv {display: none; font: bold 12px Arial; color: #757575; margin: 0px 20px 10px 0px;} #full-content div#left-content div#form-forfait form table td label#mdp_8h {font: bold 12px Arial; color: #757575;float:left;} #full-content div#left-content div#form-forfait form table td table {border:0px;margin:0px;padding:0px;background:#fff;width:auto;margin-left:10px;} #full-content div#left-content div#form-forfait form table td label i {display: block; font: lighter italic 10px Arial; color: #FF0000;} #full-content div#left-content div#form-forfait form table td label i#big_it {display: block; font: lighter italic 12px Arial; color: #FF0000;} #full-content div#left-content div#form-forfait form table td label input#place_start {width: 225px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left; margin: 0px 0px 10px 0px;} #full-content div#left-content div#form-forfait form table td label input#info_sup_start {width: 225px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left; margin: 0px 0px 10px 0px;} #full-content div#left-content div#form-forfait form table td label input#info_sup_end {width: 225px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left; margin: 0px 0px 10px 0px;} #full-content div#left-content div#form-forfait form table td label input#place_end {width: 225px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left; margin: 0px 0px 10px 0px;} #full-content div#left-content div#form-forfait form table td label input#road_start {width: 225px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left; margin: 0px 0px 10px 0px;} #full-content div#left-content div#form-forfait form table td label input#road_end {width: 225px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left; margin: 0px 0px 10px 0px;} #full-content div#left-content div#form-forfait form table td label input#NumVolDpr2 {width: 225px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left; margin: 0px 0px 10px 0px;} #full-content div#left-content div#form-forfait form table td label input#NumVolArv2 {width: 225px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left; margin: 0px 0px 10px 0px;} #full-content div#left-content div#form-forfait form table td label input {width: 130px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left;} #full-content div#left-content div#form-forfait form table td label input#date2 {width: 100px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575; float: left;} #full-content div#left-content div#form-forfait form table td label select {width: 225px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575;} #full-content div#left-content div#form-forfait form table td label.mini {display: block; font: bold 12px Arial; color: #757575; margin: 0px 0px 10px 0px; float: left;} #full-content div#left-content div#form-forfait form table td label.mini select#hour {width: 65px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575;} #full-content div#left-content div#form-forfait form table td label.mini select#min {width: 65px; border: 1px solid #C3C3C3; background: #EBEBEB; font: bold 12px Arial; color: #757575;} #full-content div#left-content div#form-forfait form div#course_forfait1 table {width: 140px; border-collapse: collapse;} /* Styles des encarts en bas à gauche */ dl {width: 265px; margin: 0px 8px 10px 8px; padding: 0px 0px 8px 0px; background: #E0E0E0 url('../images/template/my-box-bottom.gif') no-repeat bottom left; float: left;} dt {margin: 0px 0px 0px 0px; padding: 10px 5px 5px 5px; font: 14px Arial; color: #6C6C6C; text-align: center; background: #E0E0E0 url('../images/template/my-box-top.gif') no-repeat top left;} dd {margin: 0px; padding: 3px 0px 3px 0px; color: #3F3F3F; font: 12px Arial; clear: both;} dl#encart-left dd span {width: 165px; margin: 0px 0px 2px 10px; padding: 3px 0px 3px 5px; background: #FFFFFF; display: block; float: left;} dl#encart-left dd p.text {width: 240px; margin: 0px 0px 2px 10px; padding: 3px 0px 3px 5px; background: #FFFFFF; display: block; float: left;} dl#encart-left dd a {width: 75px; font: bold 12px Arial; color: #444444; text-decoration: none; padding: 3px 0px 3px 0px; background: #FFFFFF; display: block; float: left;} dl#encart-right1 dd i {width: 20px; margin: 0px 0px 2px 10px; font: bold 12px Arial; color: #444444; text-decoration: none; padding: 3px 5px 3px 5px; background: #FFFFFF; display: block; float: left;} dl#encart-right1 dd span {width: 135px; margin: 0px 0px 2px 0px; padding: 3px 0px 3px 5px; background: #FFFFFF; display: block; float: left;} dl#encart-right1 dd a {width: 75px; font: bold 12px Arial; color: #444444; text-decoration: none; padding: 3px 0px 3px 0px; background: #FFFFFF; display: block; float: left;} dl#encart-right2 dd i {width: 20px; margin: 0px 0px 2px 10px; font: bold 12px Arial; color: #444444; text-decoration: none; padding: 3px 5px 3px 5px; background: #FFFFFF; display: block; float: left;} dl#encart-right2 dd span {width: 135px; margin: 0px 0px 2px 0px; padding: 3px 0px 3px 5px; background: #FFFFFF; display: block; float: left;} dl#encart-right2 dd a {width: 75px; font: bold 12px Arial; color: #444444; text-decoration: none; padding: 3px 0px 3px 0px; background: #FFFFFF; display: block; float: left;} #forfait1{margin-left:150px;} .forfait1-ok {font: bold 14px Arial; color: #FFFFFF; text-decoration: underline; width: 106px; height: 22px; display: block; float: left; padding: 6px 0px 0px 0px; margin: 11px 0px 0px 40px; text-align: center; background: url('../images/template/bg-forfait1-ok.png') no-repeat; cursor: pointer;} .forfait2-ok {font: bold 14px Arial; color: #FFFFFF; text-decoration: underline; width: 106px; height: 22px; display: block; float: left; padding: 6px 0px 0px 0px; margin: 11px 0px 0px 13px; text-align: center; background: url('../images/template/bg-forfait2-ok.png') no-repeat; cursor: pointer;} .forfait3-ok {font: bold 14px Arial; color: #FFFFFF; text-decoration: underline; width: 136px; height: 22px; display: block; float: left; padding: 6px 0px 0px 0px; margin: 11px 0px 0px 13px; text-align: center; background: url('../images/template/bg-forfait3-ok.png') no-repeat; cursor: pointer;} .forfait1-ko {font: 13px Arial; color: #FFFFFF; text-decoration: underline; width: 106px; height: 25px; display: block; float: left; padding: 3px 0px 0px 0px; margin: 11px 0px 0px 40px; text-align: center; background: url('../images/template/bg-forfait1-ko.png') no-repeat; cursor: pointer;} .forfait2-ko {font: 13px Arial; color: #FFFFFF; text-decoration: underline; width: 106px; height: 25px; display: block; float: left; padding: 3px 0px 0px 0px; margin: 11px 0px 0px 13px; text-align: center; background: url('../images/template/bg-forfait2-ko.png') no-repeat; cursor: pointer;} .forfait3-ko {font: 13px Arial; color: #FFFFFF; text-decoration: underline; width: 136px; height: 25px; display: block; float: left; padding: 3px 0px 0px 0px; margin: 11px 0px 0px 13px; text-align: center; background: url('../images/template/bg-forfait3-ko.png') no-repeat; cursor: pointer;} #sub-foot {text-align:justify;width: 928px; background: url('../images/template/bg-subfooter.png') no-repeat top left; padding: 15px; margin: 40px auto 0px auto;} #sub-foot h4 {font: bold 14px Arial; color: #72bd22; margin: 0px;} #sub-foot h5 {font: bold 11px Arial; color: #FFFFFF; margin: 0px;} #sub-foot p {font: normal 11px Arial; color: #CCCCCC; margin: 0px 0px 15px 0px;} #sub-foot a {font: normal 11px Arial; color: #CCCCCC; margin: 0px; text-decoration: none;}