body, table { margin: 0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#00423F; background-color:#ffffff; } table { background-color:transparent; } /* tableau principal */ #main { width:820px; background-color:#7EACAC; } #main #header { text-align:left; background-color:#FFFFFF; vertical-align:middle; } #main #language { text-align:right; background-color:#FFFFFF; vertical-align:bottom; padding-bottom:15px; } #main #language a.selected, #main #language a:hover { opacity: 0.4; filter : alpha(opacity=40); } #main #language a.selected { cursor:auto; } #main #footer { text-align:left; padding: 20px; color:#FFFFFF; } /* menu */ #main #menu #buttons { float: left; margin: 0px; padding: 0px; width: auto;} #main #menu ul#mainlevel-nav{ list-style: none; padding: 0; margin: 0; font-size: 0.8em;} #main #menu ul#mainlevel-nav li{ padding-left: 0px; padding-right: 0px; float: left; margin: 0; font-size: 11px; line-height: 23px; white-space: nowrap; background-image: none;} #main #menu ul#mainlevel-nav li a{ display: block; padding: 0px 32px 0px 45px; text-decoration: none; background-color: #7EACAC; letter-spacing:-1px; font-weight:bold; color: #FFFFFF; font-style:normal; background-image: url(../img/bg_rubrique.png); background-repeat:no-repeat; } #main #menu ul#mainlevel-nav li a.first { background-image: none; } #main #menu ul#mainlevel-nav li a.selected { color: #055E58; } #main #menu #buttons>ul#mainlevel-nav li a { width: auto; } #main #menu ul#mainlevel-nav li a:hover { color: #055E58; } /* Icons */ #main #icons { padding: 20px; background-color:#7EACAC; } #main #icons ul { position: relative; height: 45px;} #main #icons ul li { position: absolute; background: url(../img/icons.png); } #main #icons ul li a { height: 48px; display: block; } #main #icons ul li.telephone { left: 10px; width:39px; height: 47px; background-position: -0px -48px; background-repeat:no-repeat; } #main #icons ul li.doc { left: 113px; width:35px; height: 47px; background-position: -39px -48px; background-repeat:no-repeat; } #main #icons ul li.maison { left: 222px; width:48px; height: 47px; background-position: -74px -48px; background-repeat:no-repeat; } #main #icons ul li.compte { left: 341px; width:35px; height: 47px; background-position: -122px -48px; background-repeat:no-repeat; } #main #icons ul li.lettre { left: 452px; width:46px; height: 47px; background-position: -157px -48px; background-repeat:no-repeat; } #main #icons ul li.transfert { left: 564px; width:51px; height: 47px; background-position: -203px -48px; background-repeat:no-repeat; } #main #icons ul li.creation { left: 670px; width:35px; height: 47px; background-position: -254px -48px; background-repeat:no-repeat; } #main #icons ul li.telephone a.selected { background: url(../img/icons.png) 0 0 no-repeat; } #main #icons ul li.doc a.selected { background: url(../img/icons.png) -39px 0 no-repeat; } #main #icons ul li.maison a.selected { background: url(../img/icons.png) -74px 0 no-repeat; } #main #icons ul li.compte a.selected { background: url(../img/icons.png) -122px 0 no-repeat; } #main #icons ul li.lettre a.selected { background: url(../img/icons.png) -157px 0 no-repeat; } #main #icons ul li.transfert a.selected { background: url(../img/icons.png) -203px 0 no-repeat; } #main #icons ul li.creation a.selected { background: url(../img/icons.png) -254px 0 no-repeat; } #main #icons ul li.telephone a:hover { background: url(../img/icons.png) 0 0 no-repeat; } #main #icons ul li.doc a:hover { background: url(../img/icons.png) -39px 0 no-repeat; } #main #icons ul li.maison a:hover { background: url(../img/icons.png) -74px 0 no-repeat; } #main #icons ul li.compte a:hover { background: url(../img/icons.png) -122px 0 no-repeat; } #main #icons ul li.lettre a:hover { background: url(../img/icons.png) -157px 0 no-repeat; } #main #icons ul li.transfert a:hover { background: url(../img/icons.png) -203px 0 no-repeat; } #main #icons ul li.creation a:hover { background: url(../img/icons.png) -254px 0 no-repeat; } #main #icons table.visuels td { background-color:#CCD7D8; padding: 35px 30px; text-align: center;; } #main #icons table.visuels td div.descriptions { position: relative; } #main #icons table.visuels td div.description { position: absolute; top: 2px; font-size:9px; color: #779F9F; height:20px; width: 62px; text-align:center; } #main #icons table.visuels td div.telephone { left: -2px; } #main #icons table.visuels td div.doc { left: 101px; } #main #icons table.visuels td div.maison { left: 213px; } #main #icons table.visuels td div.compte { left: 326px; } #main #icons table.visuels td div.lettre { left: 445px; } #main #icons table.visuels td div.transfert { left: 550px; } #main #icons table.visuels td div.creation { left: 656px; } /* content -- Core table */ #content { background-color:#7EACAC; padding: 0px 20px; } #content .pathway { width: 600px; height: 20px; text-align:left; } #content .right { width: 250px; vertical-align:top; } #content .right .numero_azur { text-align:left; color: #ffffff; font-size: 9px; } #content .right .adresse { background-color: #005d5b; color: #FFFFFF; padding: 20px; margin: 20px 0px 0px 0px; text-align:left; } #content .right .qui_sommes_nous { background-color: #CCD7D8; color: #055E58; padding: 20px; text-align:left; margin-top: 20px; } #content .dyn { vertical-align:top; padding-top: 20px; padding-right:20px; text-align:left; } #content .dyn h1 { color:#FFFFFF; } #content table { border-collapse:collapse; } /* Shop */ .shop_categories .categorie a { padding: 8px 5px; line-height:30px; } .shop_categories .categorie a img { vertical-align:middle;} .shop_produit { width:500px;} .shop_produit td { padding-bottom:40px; } .shop_produit .visuel { width: 75px; vertical-align:top; text-align:center;} .shop_produit .milieu { width: auto; } .shop_produit .milieu .desc_produit { color:#FFFFFF; } .shop_produit .gauche { width: 125px; vertical-align:top; text-align:right; } .shop_produit .gauche .net { text-align:right; padding-right: 17px; font-size:12px; font-weight:bold; } .shop_produit .gauche .ttc { text-align:right; padding-right: 17px; font-size: 9px; } .shop_produit .gauche .bouton { } /* Formulaire */ #form_client { } #form_client div.legend { color: #FFFFFF; font-size: 14px; font-weight:bold; } #form_client div.separator { padding: 10px 0px; color: #FFFFFF; font-weight:bold; } #form_client fieldset { border: 0px; } #form_client input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2;} #form_client input, textarea, select { border: 1px solid #1A8F8D; background-color:#CCD7D8;} #form_client input.required, textarea.required, select.required { border: 1px solid #005D5B;} #form_client input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #FF3300; color : #FF3300;} #form_client input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #1A8F8D;} #form_client .validation-advice { margin: 0px 0px 0px 185px; padding: 0px 0px 5px 10px; color : #FF3300; font-weight: bold; float: left;} #form_client .custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold;} #form_client label { font-weight: bold;} #form_client .form-row { clear: both; padding: 0px;} #form_client .field-label { float: left; width: 190px; text-align:left; padding-top: 3px;} #form_client .field-commentaire { color: #666666; padding: 5px 10px; font-style:italic; font-size:9px;} #form_client span.commentaire { color: #666666; font-style:italic;} #form_client .field-widget { padding: 1px;} #form_client input, #form_client textarea, #form_client select, #form_client option { padding: 2px; } #form_client input, #form_client textarea { width: 80px; } #form_client .long { width: 170px; } #form_client div.submit { text-align:left; padding-top: 20px; } #form_client div.submit input { border: 2px outset; font-weight:bold; padding: 5px 5px; width: auto; } #form_client .explanation { text-align:left; color:#CC0000; padding: 20px 0px 10px; } #form_client input.radio {width: auto; } #form_client label.radio { font-weight:normal; font-size:9px; } #cancelform fieldset { border: 0px; } #cancelform div.submit { text-align:left; padding-top: 20px; } #cancelform div.submit input { border: 2px outset; font-weight:bold; padding: 5px 5px; width: auto; background-color:#CCD7D8; } /* Utils - Général */ .dotted { letter-spacing:7px; font-weight:bold; line-height:8px;} .clear { clear:both; } .pointer { cursor:pointer; } a img { border: 0px; } a, a:link, a:visited { color: #00423F; text-decoration:none; font-style:italic; outline: none; } a:hover { color: #ffffff; text-decoration:none; } .introuvable { text-align:center; font-weight: bold; } .hidden_link {color: #ffffff; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,fieldset,input{ margin: 0; padding: 0; } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; font-weight:bold; color: #00423F; letter-spacing:0px; margin: 0px; margin-bottom: 10px; } h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #00423F; letter-spacing:0px; margin: 0px; margin-bottom: 10px; } a img,:link img,:visited img { border: none; } li { list-style-type: none; } input, textarea, select, option { font: normal 11px Verdana; color: #005D5B; } blockquote { border-left: 2px solid #CCD7D8; padding-left: 5px; }