/* --[ Global ]-- */ * {margin:0px; padding:0px} html { width:100%; font:11px Arial, helvetica, sans-serif; color:#424242; } body{background:#c0bdb6;text-align:center} .bleu {color:#5471cf !important} .vert {color:#a7c956 !important} .gris {color:#424242 !important} .right {float:right} .left {float:left} .clear {clear:both} img {border:none} /*p {text-align:justify}*/ a {text-decoration:none} h1 {font-size:15px} h1 span{float:left;margin-top:-2000px} h2 {font-size:14px} h3 {font-size:13px} h4 {font-size:12px;margin:5px 0} h5 {font-size:10px;margin:5px 0} .liste {background-color:#6296a4; color:#fff; border:1px #ccdeff solid; padding:10px 10px 0px 10px} .liste li {margin:0px 0px 10px 15px} #page{width:959px;margin:auto} div#listing{background:url(../img/standard/bg_listing.gif) repeat-y} .cacher{display:none} /******************************************************************************************************/ /********************************* TOP */ #top{height:126px;background:url(../img/squelette/top.gif) no-repeat top center;text-align:left;position:relative;z-index:110;} #top h1{float:left;width:373px;height:76px;margin:0px 0 0 25px} #partie_droite{float:left;margin-left:70px;margin-top:-39px} #marrakech{height:84px;margin-bottom:9px} #contentMarrakech{width:322px;padding:7px 10px 0 12px;height:72px;background:#b14b2b;border-bottom:5px #794e40 solid} #contentMarrakech img.titreMa{margin-bottom:7px} #contentMarrakech span.hide{float:left;margin-top:-3000px} #contentMarrakech a.vign{display:block;float:left;width:31px;height:31px;border:2px #d49784 solid;margin-right:6px} #contentMarrakech a.vign:hover{border:2px #fff solid} #partie_droite ul li{display:inline;list-style:none} #partie_droite ul li a.galerie,#partie_droite ul li a.tarifs,#partie_droite ul li a.contact,#partie_droite ul li a.contactActif,#partie_droite ul li a.tarifsActif,#partie_droite ul li a.galerieActif{display:block;float:left;font-weight:bold;height:28px;text-align:center;color:#fff;text-transform:uppercase;padding-top:5px} #partie_droite ul li a.galerie,#partie_droite ul li a.galerieActif{width:139px;} #partie_droite ul li a.galerie{background:url(../img/top/btn_photos.jpg) 0 0} #partie_droite ul li a.galerie:hover,#partie_droite ul li a.galerieActif{background:url(../img/top/btn_photos.jpg) 0 -33px} #partie_droite ul li a.tarifs,#partie_droite ul li a.tarifsActif{width:199px;} #partie_droite ul li a.tarifs{background:url(../img/top/btn_tarifs.jpg) 0 0} #partie_droite ul li a.tarifs:hover,#partie_droite ul li a.tarifsActif{background:url(../img/top/btn_tarifs.jpg) 0 -33px} #partie_droite ul li a.contact,#partie_droite ul li a.contactActif{width:87px;} #partie_droite ul li a.contact{background:url(../img/top/btn_contact.jpg) 0 0} #partie_droite ul li a.contact:hover,#partie_droite ul li a.contactActif{background:url(../img/top/btn_contact.jpg) 0 -33px} a.marrakech_plus{display:block;float:right;width:35px;height:36px;background:url(../img/top/btn_suitema.gif) no-repeat 0 0} a.marrakech_plus:hover{background:url(../img/top/btn_suitema.gif) no-repeat 0 -36px} #top #flags{position:relative;left:310px;top:10px;width:135px;height:37px;padding:2px 0 0 4px;background:url(../img/flags/bg.jpg) no-repeat;} /**********************************************************************************************************************************/ #conteneur {background:url(../img/accueil/fond_riad.jpg) no-repeat bottom right;} #head{width:959px;} #riad{background:url(../img/head/masque_riad.png);width:959px;height:425px;margin-top:-148px;} img#suiteHead{margin-top:201px} div.vignette_chambre{float:left;margin-left:17px;margin-top:20px;width:160px;text-align:right;} div.vignette_chambre p{margin-left:23px} /******************** NABILA ******/ #riad #nabila{float:left;width:160px;margin:180px 0 10px 75px} #riad p{font-size:12px;color:#fff;text-align:right;} #riad p span.little{font-size:10px} #riad a.vignette{float:right;display:block;border:3px #fff solid;width:103px;height:103px;margin-top:5px} #riad a.vignette:hover{border:3px #d6481b solid} #riad #nabila a.lightNabila,#riad #nabila a.lightNabilaActif{position:relative;z-index:169;display:block;float:right;width:36px;height:36px;margin:-40px 35px 20px 0;} #riad #nabila a.lightNabila{background:url(../img/accueil/light_nabila.jpg) no-repeat 0 0px} #riad #nabila a.lightNabila:hover{background:url(../img/accueil/light_nabila.jpg) no-repeat 0 -36px} #riad #nabila a.lightNabilaActif{background:url(../img/accueil/light_nabila.jpg) no-repeat 0 -36px} a.zoneNabila{position:relative;z-index:150;margin:-35px 0 0 -55px;width:200px;height:70px;float:left;} /***********************************************************************/ /******************** CHERKAOUI ******/ #riad #cherkaoui{float:left;width:160px;margin:150px 0 10px 70px} #riad #cherkaoui a.lightCherka,#riad #cherkaoui a.lightCherkaActif{position:relative;z-index:170;display:block;float:right;width:44px;height:41px;margin:-25px 15px 20px 0;} #riad #cherkaoui a.lightCherka{background:url(../img/accueil/light_cherka.jpg) no-repeat 0 -41px} #riad #cherkaoui a.lightCherka:hover{background:url(../img/accueil/light_cherka.jpg) no-repeat 0 0px} #riad #cherkaoui a.lightCherkaActif{background:url(../img/accueil/light_cherka.jpg) no-repeat 0 0px} a.zoneCherkaoui{position:relative;z-index:150;margin:-45px 0 0 -55px;width:200px;height:70px;float:left;} /***********************************************************************/ /******************** BAHIA ******/ #riad #bahia{float:left;width:160px;margin:130px 0 10px 65px} #riad #bahia a.lightBahia,#riad #bahia a.lightBahiaActif{position:relative;z-index:171;display:block;float:right;width:42px;height:42px;margin:-40px 45px 20px 0;} #riad #bahia a.lightBahia{background:url(../img/accueil/light_bahia.jpg) no-repeat 0 0} #riad #bahia a.lightBahia:hover{background:url(../img/accueil/light_bahia.jpg) no-repeat 0 -42px} #riad #bahia a.lightBahiaActif{background:url(../img/accueil/light_bahia.jpg) no-repeat 0 -42px} a.zoneBahia{position:relative;z-index:150;margin:-65px 0 0 -55px;width:200px;height:110px;float:left;} /***********************************************************************/ /******************** SULIMAN ******/ #riad #suliman{float:left;width:160px;margin:120px 0 10px 75px} #riad #suliman a.lightSuliman,#riad #suliman a.lightSulimanActif{position:relative;z-index:172;display:block;float:right;width:39px;height:39px;margin:-40px 30px 20px 0;} #riad #suliman a.lightSuliman{background:url(../img/accueil/light_suliman.jpg) no-repeat 0 0} #riad #suliman a.lightSuliman:hover{background:url(../img/accueil/light_suliman.jpg) no-repeat 0 -39px} #riad #suliman a.lightSulimanActif{background:url(../img/accueil/light_suliman.jpg) no-repeat 0 -39px} a.zoneSuliman{position:relative;z-index:150;margin:-80px 0 0 -55px;width:190px;height:115px;float:left;} /***********************************************************************/ /******************************************************************************************************/ /********************************* LISTING RIAD ACCUEIL */ /* nabila */ ul#m_nabila{float:left;background:#813e28 url(../img/accueil/bg_cell_nab.jpg) no-repeat top ;margin:-27px 0 15px 39px;border-bottom:1px dotted #c66e40} ul#m_nabila li{list-style:none;width:231px;text-align:center;} #listing ul#m_nabila a.cell{display:block;height:33px;margin:auto;color:#fff;width:215px;padding-top:8px;font-weight:bold;font-size:11px;border-bottom:1px #673220 solid} #listing ul#m_nabila a.cell:hover{background:#fff;color:#813e28} /* cherkaoui */ ul#m_cherkaoui{float:left;background:#af4a2a url(../img/accueil/bg_cell_cherka.jpg) no-repeat top ;margin:-40px 0 20px;border-bottom:1px dotted #c66e40} ul#m_cherkaoui li{list-style:none;width:223px;text-align:center;} #listing ul#m_cherkaoui a.cell:hover{background:#fff;color:#af4a2a} #listing ul#m_cherkaoui a.cell{display:block;height:33px;margin:auto;color:#fff;width:215px;padding-top:8px;font-weight:bold;font-size:11px;border-bottom:1px #8c3b22 solid} /* bahia */ ul#m_bahia{float:left;background:#a83b1a url(../img/accueil/bg_cell_bahia.jpg) no-repeat top ;margin:-60px 0 20px;border-bottom:1px dotted #c66e40} ul#m_bahia li{list-style:none;width:227px;text-align:center;} #listing ul#m_bahia a.cell:hover{background:#fff;color:#a83b1a} #listing ul#m_bahia a.cell{display:block;height:33px;margin:auto;color:#fff;width:215px;padding-top:8px;font-weight:bold;font-size:11px;border-bottom:1px #862f15 solid} /* suliman */ ul#m_suliman{float:left;background:#c1300a url(../img/accueil/bg_cell_suliman.jpg) no-repeat top ;margin:-83px 0 20px;border-bottom:1px dotted #c66e40} ul#m_suliman li{list-style:none;width:229px;text-align:center;} #listing ul#m_suliman a.cell:hover{background:#fff;color:#c1300a} #listing ul#m_suliman a.cell{display:block;height:33px;margin:auto;color:#fff;width:215px;padding-top:8px;font-weight:bold;font-size:11px;border-bottom:1px #9a2608 solid} /* bas blanc */ #blanc{width:930px;height:10px;float:right;background:#fff} /* communs aux 4 riads */ #listing a.plus_riad_fr,#listing a.plus_riad_en,#listing a.plus_riad_es,#listing a.plus_riad_it,#listing a.plus_riad_de{display:block;margin:15px auto;width:151px;height:46px} #listing a.plus_riad_fr{background:url(../img/fr/accueil/plus_riad.png) no-repeat 0 0} #listing a.plus_riad_en{background:url(../img/en/accueil/plus_riad.png) no-repeat 0 0} #listing a.plus_riad_es{background:url(../img/es/accueil/plus_riad.png) no-repeat 0 0} #listing a.plus_riad_it{background:url(../img/it/accueil/plus_riad.png) no-repeat 0 0} #listing a.plus_riad_de{background:url(../img/de/accueil/plus_riad.png) no-repeat 0 0} #listing a.plus_riad_fr:hover,#listing a.plus_riad_en:hover,#listing a.plus_riad_it:hover,#listing a.plus_riad_es:hover,#listing a.plus_riad_de:hover{background-position:0 -46px} span.small{font-size:10px;font-weight:normal} /******************************************************************************************************/ /********************************* FOOTER */ #footer{width:890px;background:#fff;padding:10px 20px;margin-left:29px;border-top:#c0bdb6 5px solid;color:#8c3b22;font-size:10px;text-align:left} #footer #ulFoot{float:right;} #footer p span.boldFoot{font-weight:bold;font-size:11px} #footer a{color:#8c3b22 !important;text-decoration:none;font-weight:normal;} #footer a:hover{text-decoration:underline} #footer #ulFoot ul li{display:inline;margin:0 3px;list-style:none} #footer #ulFoot ul#bis{text-align:right;margin-top:10px} #linkAdd{width:890px;background:#fff;padding:10px 20px;margin-left:29px;border-top:#c0bdb6 5px solid;color:#bbb;font-size:10px;text-align:left;text-align:center;} #linkAdd a{color:#bbb !important;text-decoration:none;font-weight:normal;} #linkAdd a:hover{text-decoration:underline} /******************************************************************************************************/ /********************************* PAGES - COMMUN RIAD */ #conteneurRiad {background:url(../img/pages/fond_riad_pages.gif) repeat-y top right;margin-top:-1px} #a_droite p.description{width:480px;margin:10px 0 0 20px;text-align:justify} #a_droite img.titre{margin:0 10px 0 7px} #a_droite img.visu{border:10px #fff solid;margin:3px auto 0 auto} #a_droite div.corps_g{width:360px;text-align:justify;color:#fff;} #a_droite div.corps_g ul.infos{width:360px;text-align:left;margin-top:10px} #a_droite div.corps_g ul.infos li{margin-left:20px;list-style:circle;} #a_droite div.corps_g ul{width:360px;text-align:left;margin-top:10px} #a_droite div.corps_g ul li{margin-left:20px;list-style:circle;} #a_droite .legendeSmall{display:block;margin:5px 0 15px 10px;font-size:10px;font-weight:normal;} #contentRiadN #a_droite div.corps_g a.reserv{margin:20px 75px 0 0} #a_droite .corps_d{width:262px !important;} #a_droite .corps_d img.visu{border:10px #fff solid;margin-bottom:3px} #whiteCoat{width:959px;background:url(../img/pages/bng_fond.gif) repeat-y} /******************************************************************************************************/ /********************************* PAGES - RIAD NABILA */ /*** CONTENANTS ***/ #conteneurRiadN{width:910px;background:url(../img/pages/top_blancN.png) no-repeat;padding-top:80px;margin:-260px 0 0 39px;} #contentRiadN{text-align:left;background:#fff;margin:0 0 0 39px;border-bottom:10px #fff solid} /*** TITRES ***/ #contentRiadN h2{text-align:left;font-size:13pt;margin:5px 0 5px 10px;color:#744a3d} #contentRiadN #a_droite h3{text-align:left;font-size:13pt;color:#241815;background:url(../img/pages/bg_titre.png) no-repeat;width:282px;height:22px;padding:3px 0 0 8px;margin-top:-10px} /*** CONTENEURS PROPRES ***/ #contentRiadN #a_gauche{float:left;width:215px;background:#fff;margin:10px 0 0 10px} #contentRiadN #a_droite{float:left;width:637px;background:#744A3D;margin:-10px 0 0 16px;padding:16px;color:#fff} /*** MENU LISTE DES CHAMBRES ***/ #contentRiadN #a_gauche ul.listChambres{width:215px;border-top:1px #cccccc solid;} #contentRiadN #a_gauche ul.listChambres li{list-style:none;text-align:left;} #contentRiadN #a_gauche ul.listChambres a.cell,#contentRiadN #a_gauche ul a.cell_actif{display:block;margin:auto;width:205px;padding:8px 0 8px 10px;font-weight:bold;font-size:11px;border-bottom:1px #cccccc solid;} #contentRiadN #a_gauche ul.listChambres a.cell{color:#744a3d;} #contentRiadN #a_gauche ul.listChambres a.cell:hover,#contentRiadN #a_gauche ul a.cell_actif{background:#744a3d;color:#fff} /*** MENU GAUCHE NABILA ***/ #contentRiadN #a_gauche #menu_gauche{background:url(../img/nabila/bg_menu_g.jpg) repeat-y;margin-top:15px} #contentRiadN #a_gauche #menu_gauche #topMg{padding:3px 0 0 8px;color:#fff;font-weight:bold;height:16px;background:url(../img/nabila/top_menu_g.jpg) no-repeat;} #contentRiadN #a_gauche #bottom{height:9px;margin-top:-1px;background:url(../img/nabila/bottom_menu_g.jpg) no-repeat;} #contentRiadN #a_gauche #menu_gauche ul li{list-style:none;width:204px;margin:0 0 1px 2px;} #contentRiadN #a_gauche #menu_gauche ul li a{display:block;width:204px;padding:3px 0 3px 6px;color:#7b4f41;background:#fff} #contentRiadN #a_gauche #menu_gauche ul li a:hover,#contentRiadN #a_gauche #menu_gauche ul li a.actif{color:#fff;background:#4c2f26} /*** BOUTON RESERV ***/ #contentRiadN #a_droite a.reserv{display:block;float:right;width:151px;height:26px;background:url(../img/nabila/btn_reserv.jpg) no-repeat 0 0;color:#fff;padding:12px 0 0 65px;margin:10px 30px 0 0} #contentRiadN #a_droite a.reserv:hover{background:url(../img/nabila/btn_reserv.jpg) no-repeat 0 -38px} /*** LEGENDES PHOTOS ***/ #contentRiadN #a_droite p.legende{width:627px;text-align:center;background:#fff;color:#744a3d;padding:5px;margin:2px 0 10px 0} span.legende_corps{display:block;width:256px;background:#fff;color:#744a3d;padding:3px;text-align:center} #boutonsPhotos {margin-top:1em} #boutonsPhotos a img{border:5px solid #fff} #boutonsPhotos a:hover img{border:5px solid #d9a800} /******************************************************************************************************/ /********************************* PAGES - RIAD CHERKAOUI */ /*** CONTENANTS ***/ #conteneurRiadC{width:910px;background:url(../img/pages/top_blancC.png) no-repeat;padding-top:80px;margin:-260px 0 0 39px;} #contentRiadC{text-align:left;background:#fff;margin:0 0 0 39px;border-bottom:10px #fff solid} /*** TITRES ***/ #contentRiadC h2{text-align:left;font-size:13pt;margin:5px 0 5px 10px;color:#9a543e} #contentRiadC #a_droite h3{text-align:left;font-size:13pt;color:#241815;background:url(../img/pages/bg_titre.png) no-repeat;width:282px;height:22px;padding:3px 0 0 8px;margin-top:-10px} /*** CONTENEURS PROPRES ***/ #contentRiadC #a_gauche{float:left;width:215px;background:#fff;margin:10px 0 0 10px} #contentRiadC #a_droite{float:left;width:637px;background:#9a543e;margin:-10px 0 0 16px;padding:16px;color:#fff} /*** MENU LISTE DES CHAMBRES ***/ #contentRiadC #a_gauche ul.listChambres{width:215px;border-top:1px #cccccc solid;} #contentRiadC #a_gauche ul.listChambres li{list-style:none;text-align:left;} #contentRiadC #a_gauche ul.listChambres a.cell,#contentRiadC #a_gauche ul a.cell_actif{display:block;margin:auto;width:205px;padding:8px 0 8px 10px;font-weight:bold;font-size:11px;border-bottom:1px #cccccc solid;} #contentRiadC #a_gauche ul.listChambres a.cell{color:#9a543e;} #contentRiadC #a_gauche ul.listChambres a.cell:hover,#contentRiadC #a_gauche ul a.cell_actif{background:#9a543e;color:#fff} /*** MENU GAUCHE NABILA ***/ #contentRiadC #a_gauche #menu_gauche{background:url(../img/cherkaoui/bg_menu_g.jpg) repeat-y;margin-top:15px} #contentRiadC #a_gauche #menu_gauche #topMg{padding:3px 0 0 8px;color:#fff;font-weight:bold;height:16px;background:url(../img/cherkaoui/top_menu_g.jpg) no-repeat;} #contentRiadC #a_gauche #bottom{height:9px;margin-top:-1px;background:url(../img/cherkaoui/bottom_menu_g.jpg) no-repeat;} #contentRiadC #a_gauche #menu_gauche ul li{list-style:none;width:204px;margin:0 0 1px 2px;} #contentRiadC #a_gauche #menu_gauche ul li a{display:block;width:204px;padding:3px 0 3px 6px;color:#7b4f41;background:#fff} #contentRiadC #a_gauche #menu_gauche ul li a:hover,#contentRiadC #a_gauche #menu_gauche ul li a.actif{color:#fff;background:#4c2f26} /*** BOUTON RESERV ***/ #contentRiadC #a_droite a.reserv{display:block;float:right;width:151px;height:26px;background:url(../img/cherkaoui/btn_reserv.jpg) no-repeat 0 0;color:#fff;padding:12px 0 0 65px;margin:20px 30px 20px 0} #contentRiadC #a_droite a.reserv:hover{background:url(../img/cherkaoui/btn_reserv.jpg) no-repeat 0 -38px} /*** LEGENDES PHOTOS ***/ #contentRiadC #a_droite p.legende{width:627px;text-align:center;background:#fff;color:#9a543e;padding:5px;margin:2px 0 10px 0} #contentRiadC #a_droite p.corps_d span.legende_corps{display:block;width:256px;background:#fff;color:#9a543e;padding:3px;text-align:center} /******************************************************************************************************/ /********************************* PAGES - RIAD BAHIA */ /*** CONTENANTS ***/ #conteneurRiadB{width:910px;background:url(../img/pages/top_blancB.png) no-repeat;padding-top:80px;margin:-260px 0 0 39px;} #contentRiadB{text-align:left;background:#fff;margin:0 0 0 39px;border-bottom:10px #fff solid} /*** TITRES ***/ #contentRiadB h2{text-align:left;font-size:13pt;margin:5px 0 5px 10px;color:#b14b2b} #contentRiadB #a_droite h3{text-align:left;font-size:13pt;color:#241815;background:url(../img/pages/bg_titre.png) no-repeat;width:282px;height:22px;padding:3px 0 0 8px;margin-top:-10px} /*** CONTENEURS PROPRES ***/ #contentRiadB #a_gauche{float:left;width:215px;background:#fff;margin:10px 0 0 10px} #contentRiadB #a_droite{float:left;width:637px;background:#b14b2b;margin:-10px 0 0 16px;padding:16px;color:#fff} /*** MENU LISTE DES CHAMBRES ***/ #contentRiadB #a_gauche ul.listChambres{width:215px;border-top:1px #cccccc solid;} #contentRiadB #a_gauche ul.listChambres li{list-style:none;text-align:left;} #contentRiadB #a_gauche ul.listChambres a.cell,#contentRiadB #a_gauche ul a.cell_actif{display:block;margin:auto;width:205px;padding:8px 0 8px 10px;font-weight:bold;font-size:11px;border-bottom:1px #cccccc solid;} #contentRiadB #a_gauche ul.listChambres a.cell{color:#b14b2b;} #contentRiadB #a_gauche ul.listChambres a.cell:hover,#contentRiadB #a_gauche ul a.cell_actif{background:#b14b2b;color:#fff} /*** MENU GAUCHE NABILA ***/ #contentRiadB #a_gauche #menu_gauche{background:url(../img/bahia/bg_menu_g.jpg) repeat-y;margin-top:15px} #contentRiadB #a_gauche #menu_gauche #topMg{padding:3px 0 0 8px;color:#fff;font-weight:bold;height:16px;background:url(../img/bahia/top_menu_g.jpg) no-repeat;} #contentRiadB #a_gauche #bottom{height:9px;margin-top:-1px;background:url(../img/bahia/bottom_menu_g.jpg) no-repeat;} #contentRiadB #a_gauche #menu_gauche ul li{list-style:none;width:204px;margin:0 0 1px 2px;} #contentRiadB #a_gauche #menu_gauche ul li a{display:block;width:204px;padding:3px 0 3px 6px;color:#7b4f41;background:#fff} #contentRiadB #a_gauche #menu_gauche ul li a:hover,#contentRiadB #a_gauche #menu_gauche ul li a.actif{color:#fff;background:#4c2f26} /*** BOUTON RESERV ***/ #contentRiadB #a_droite a.reserv{display:block;float:right;width:151px;height:26px;background:url(../img/bahia/btn_reserv.jpg) no-repeat 0 0;color:#fff;padding:12px 0 0 65px;margin:10px 30px 0 0} #contentRiadB #a_droite a.reserv:hover{background:url(../img/bahia/btn_reserv.jpg) no-repeat 0 -38px} /*** LEGENDES PHOTOS ***/ #contentRiadB #a_droite p.legende{width:627px;text-align:center;background:#fff;color:#b14b2b;padding:5px;margin:2px 0 10px 0} #contentRiadB #a_droite p.corps_d span.legende_corps{display:block;width:256px;background:#fff;color:#b14b2b;padding:3px;text-align:center} /******************************************************************************************************/ /********************************* PAGES - RIAD SULIMAN */ /*** CONTENANTS ***/ #conteneurRiadS{width:910px;background:url(../img/pages/top_blancS.png) no-repeat;padding-top:80px;margin:-260px 0 0 39px;} #contentRiadS{text-align:left;background:#fff;margin:0 0 0 39px;border-bottom:10px #fff solid} /*** TITRES ***/ #contentRiadS h2{text-align:left;font-size:13pt;margin:5px 0 5px 10px;color:#d6481b} #contentRiadS #a_droite h3{text-align:left;font-size:13pt;color:#241815;background:url(../img/pages/bg_titre.png) no-repeat;width:282px;height:22px;padding:3px 0 0 8px;margin-top:-10px} /*** CONTENEURS PROPRES ***/ #contentRiadS #a_gauche{float:left;width:215px;background:#fff;margin:10px 0 0 10px} #contentRiadS #a_droite{float:left;width:637px;background:#d6481b;margin:-10px 0 0 16px;padding:16px;color:#fff} /*** MENU LISTE DES CHAMBRES ***/ #contentRiadS #a_gauche ul.listChambres{width:215px;border-top:1px #cccccc solid;} #contentRiadS #a_gauche ul.listChambres li{list-style:none;text-align:left;} #contentRiadS #a_gauche ul.listChambres a.cell,#contentRiadS #a_gauche ul a.cell_actif{display:block;margin:auto;width:205px;padding:8px 0 8px 10px;font-weight:bold;font-size:11px;border-bottom:1px #cccccc solid;} #contentRiadS #a_gauche ul.listChambres a.cell{color:#d6481b;} #contentRiadS #a_gauche ul.listChambres a.cell:hover,#contentRiadS #a_gauche ul a.cell_actif{background:#d6481b;color:#fff} /*** MENU GAUCHE NABILA ***/ #contentRiadS #a_gauche #menu_gauche{background:url(../img/suliman/bg_menu_g.jpg) repeat-y;margin-top:15px} #contentRiadS #a_gauche #menu_gauche #topMg{padding:3px 0 0 8px;color:#fff;font-weight:bold;height:16px;background:url(../img/suliman/top_menu_g.jpg) no-repeat;} #contentRiadS #a_gauche #bottom{height:9px;margin-top:-1px;background:url(../img/suliman/bottom_menu_g.jpg) no-repeat;} #contentRiadS #a_gauche #menu_gauche ul li{list-style:none;width:204px;margin:0 0 1px 2px;} #contentRiadS #a_gauche #menu_gauche ul li a{display:block;width:204px;padding:3px 0 3px 6px;color:#7b4f41;background:#fff} #contentRiadS #a_gauche #menu_gauche ul li a:hover,#contentRiadS #a_gauche #menu_gauche ul li a.actif{color:#fff;background:#4c2f26} /*** BOUTON RESERV ***/ #contentRiadS #a_droite a.reserv{display:block;float:right;width:151px;height:26px;background:url(../img/suliman/btn_reserv.jpg) no-repeat 0 0;color:#fff;padding:12px 0 0 65px;margin:10px 30px 0 0} #contentRiadS #a_droite a.reserv:hover{background:url(../img/suliman/btn_reserv.jpg) no-repeat 0 -38px} /*** LEGENDES PHOTOS ***/ #contentRiadS #a_droite p.legende{width:627px;text-align:center;background:#fff;color:#d6481b;padding:5px;margin:2px 0 10px 0} #contentRiadS #a_droite p.corps_d span.legende_corps{display:block;width:256px;background:#fff;color:#d6481b;padding:3px;text-align:center} /******************************************************************************************************/ /********************************* PAGES - BLEU - TARIFS ET PAGES DIVERSES */ /*** CONTENANTS ***/ #conteneurRiadT{width:910px;background:url(../img/pages/top_blancT.png) no-repeat;padding-top:80px;margin:-260px 0 0 39px;} #contentRiadT{text-align:left;background:#fff;margin:0 0 0 39px;border-bottom:10px #fff solid} /*** TITRES ***/ #contentRiadT h2{text-align:left;font-size:13pt;margin:5px 0 5px 10px;color:#277186} #contentRiadT #a_droite h3{text-align:left;font-size:13pt;color:#241815;background:url(../img/pages/bg_titre.png) no-repeat;width:282px;height:22px;padding:3px 0 0 8px;margin:0 0 10px 0} /*** CONTENEURS PROPRES ***/ #contentRiadT #a_gauche{float:left;width:215px;background:#fff;margin:10px 0 0 10px} #contentRiadT #a_droite{float:left;width:637px;background:#277186;margin:-10px 0 0 16px;padding:16px;color:#fff} /*** TARIFS CHOIX DE RIAD ***/ div.tarifs ul li {list-style-type:none; float:left;width:109px;text-align:center;margin-right:5px;} div.tarifs ul li.linkTarifs {list-style-type:none; float:left;width:151px;text-align:center;margin-right:5px;} /*div.tarifs ul li img {border:3px solid #FFF;}*/ div.tarifs ul li a {color: #FFF;} div.tarifs ul li a:hover {color: #E2CEC7;} div.tarifs ul li a:hover img {border-color: #E2CEC7;} /*** MENU LISTE DES CHAMBRES ***/ #contentRiadT #a_gauche ul.listChambres{width:215px;border-top:1px #cccccc solid;} #contentRiadT #a_gauche ul.listChambres li{list-style:none;text-align:left;} #contentRiadT #a_gauche ul.listChambres a.cell,#contentRiadT #a_gauche ul a.cell_actif{display:block;margin:auto;width:205px;padding:8px 0 8px 10px;font-weight:bold;font-size:11px;border-bottom:1px #cccccc solid;} #contentRiadT #a_gauche ul.listChambres a.cell{color:#277186;} #contentRiadT #a_gauche ul.listChambres a.cell:hover,#contentRiadT #a_gauche ul a.cell_actif{background:#277186;color:#fff} /*** MENU GAUCHE NABILA ***/ #contentRiadT #a_gauche #menu_gauche{background:url(../img/bleu/bg_menu_g.jpg) repeat-y;margin-top:15px} #contentRiadT #a_gauche #menu_gauche #topMg{padding:3px 0 0 8px;color:#fff;font-weight:bold;height:16px;background:url(../img/bleu/top_menu_g.jpg) no-repeat;} #contentRiadT #a_gauche #bottom{height:9px;margin-top:-1px;background:url(../img/bleu/bottom_menu_g.jpg) no-repeat;} #contentRiadT #a_gauche #menu_gauche ul li{list-style:none;width:204px;margin:0 0 1px 2px;} #contentRiadT #a_gauche #menu_gauche ul li a{display:block;width:204px;padding:3px 0 3px 6px;color:#7b4f41;background:#fff} #contentRiadT #a_gauche #menu_gauche ul li a:hover{color:#fff;background:#4c2f26} /*** BOUTON RESERV ***/ #contentRiadT #a_droite a.reserv{display:block;float:right;width:151px;height:26px;background:url(../img/bleu/btn_reserv.jpg) no-repeat 0 0;color:#fff;padding:12px 0 0 65px;margin:10px 30px 0 0} #contentRiadT #a_droite a.reserv:hover{background:url(../img/bleu/btn_reserv.jpg) no-repeat 0 -38px} /*** LEGENDES PHOTOS ***/ #contentRiadT #a_droite p.legende{width:627px;text-align:center;background:#fff;color:#277186;padding:5px;margin:2px 0 10px 0} #contentRiadT #a_droite p.corps_d span.legende_corps{display:block;width:256px;background:#fff;color:#277186;padding:3px;text-align:center} /*** FORMULAIRES ***/ label a{font-weight:bold;color:#fff;text-decoration:underline} label a:hover{text-decoration:none} #contentRiadT #a_droite div.bg_marron{width:627px;background:#714739;border:color:#fff;padding:10px 10px;margin:10px 0 10px 0} #contentRiadT #a_droite div.bg_clair_bordure,#contentRiadT2 #a_droite div.bg_clair_bordure,{width:617px;background:#174c5b;border:5px #6296a4 solid;color:#fff;padding:10px 5px;margin:10px 0 10px 0} #contentRiadT #a_droite div.bg_clair,#contentRiadT2 #a_droite div.bg_clair{width:627px;background:#6296a4;color:#fff;padding:10px 5px;margin:10px 0 10px 0} #contentRiadT #a_droite div.bg_m_clair,{background:#7f5a4d;padding:7px;text-align:center;margin-top:10px} /*** input avec fond > ex tarif **/ #contentRiadT #a_droite label.gauche{float:left;width:150px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:7px} #contentRiadT #a_droite label.alone{width:150px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:7px} #contentRiadT #a_droite label.labelCheck{width:25px;position:relative;top:-2px} #contentRiadT #a_droite p.inpoute{float:left;background:url(../img/form/bg_bleu_input.jpg) no-repeat;width:333px;height:25px;padding:3px 0 0 3px} #contentRiadT #a_droite p.inpoute input.textuel{background:#fff;border:none;width:323px;height:16px;padding-top:4px;padding-left:7px;font-family:arial;font-weight:bold;color:#174c5b} /**** input sans fond ***/ /*#contentRiadT #a_droite p.inpout{float:left;width:333px;padding:8px}*/ #contentRiadT #a_droite p.inpout{float:left;padding:8px} #contentRiadT #a_droite label.normal{float:left;width:150px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:9px} #contentRiadT #a_droite p.inpout input.textuel{background:#fff;border:none;width:300px;height:16px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT #a_droite p.inpout input.envoyer{background:#fff;border:none;width:200px;padding:3px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT #a_droite p.inpout select.long{width:302px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT #a_droite p.inpout textarea{width:450px;height:150px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT #a_droite p.inpout select.jour{margin-right:2px;width:40px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT #a_droite p.inpout input.nbPers{margin-right:2px;width:20px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px;text-align:center} #contentRiadT #a_droite p.inpout select.annee{margin-right:2px;width:50px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px} /**** input en block ***/ #contentRiadT #a_droite div.inpoutLine{width:500px;margin:10px 0 0 20px} #contentRiadT #a_droite div.inpoutLine div.riad{margin:5px 0 0 10px} #contentRiadT #a_droite p.info_prix{margin-top:5px;background:#fff;padding:5px;color:#373737} #contentRiadT #a_droite p.info_prix span.rouge{width:150px;text-align:center;padding:3px 20px;background:#eb3333;color:#fff;margin-left:10px} a.imgLinkTarifs{width:155px;height:215px;border:none;margin:0;padding:0} a.imgLinkTarifs img{border:none} /******************************************************************************************************/ /********************************* 2 -PAGES - BLEU - TARIFS ET PAGES DIVERSES */ /*** CONTENANTS ***/ #contentRiadT2{text-align:left;background:#fff;margin:0 0 0 39px;border-bottom:10px #fff solid} /*** TITRES ***/ #contentRiadT2 h2{text-align:left;font-size:13pt;margin:5px 0 5px 10px;color:#277186} #contentRiadT2 #a_droite h3{text-align:left;font-size:13pt;color:#241815;background:url(../img/pages/bg_titre.png) no-repeat;width:282px;height:22px;padding:3px 0 0 8px;margin:0 0 10px 0} /*** CONTENEURS PROPRES ***/ #contentRiadT2 #a_gauche{float:left;width:215px;background:#fff;margin:10px 0 0 10px} #contentRiadT2 #a_droite{float:left;width:637px;background:#277186;margin:-10px 0 0 16px;padding:16px;color:#fff} /*** MENU LISTE DES CHAMBRES ***/ #contentRiadT2 #a_gauche ul.listChambres{width:215px;border-top:1px #cccccc solid;} #contentRiadT2 #a_gauche ul.listChambres li{list-style:none;text-align:left;} #contentRiadT2 #a_gauche ul.listChambres a.cell,#contentRiadT #a_gauche ul a.cell_actif{display:block;margin:auto;width:205px;padding:8px 0 8px 10px;font-weight:bold;font-size:11px;border-bottom:1px #cccccc solid;} #contentRiadT2 #a_gauche ul.listChambres a.cell{color:#277186;} #contentRiadT2 #a_gauche ul.listChambres a.cell:hover,#contentRiadT #a_gauche ul a.cell_actif{background:#277186;color:#fff} /*** MENU GAUCHE NABILA ***/ #contentRiadT2 #a_gauche #menu_gauche{background:url(../img/bleu/bg_menu_g.jpg) repeat-y;margin-top:15px} #contentRiadT2 #a_gauche #menu_gauche #topMg{padding:3px 0 0 8px;color:#fff;font-weight:bold;height:16px;background:url(../img/bleu/top_menu_g.jpg) no-repeat;} #contentRiadT2 #a_gauche #bottom{height:9px;margin-top:-1px;background:url(../img/bleu/bottom_menu_g.jpg) no-repeat;} #contentRiadT2 #a_gauche #menu_gauche ul li{list-style:none;width:204px;margin:0 0 1px 2px;} #contentRiadT2 #a_gauche #menu_gauche ul li a{display:block;width:204px;padding:3px 0 3px 6px;color:#7b4f41;background:#fff} #contentRiadT2 #a_gauche #menu_gauche ul li a:hover{color:#fff;background:#4c2f26} /*** BOUTON RESERV ***/ #contentRiadT2 #a_droite a.reserv{display:block;float:right;width:151px;height:26px;background:url(../img/bleu/btn_reserv.jpg) no-repeat 0 0;color:#fff;padding:12px 0 0 65px;margin:10px 30px 0 0} #contentRiadT2 #a_droite a.reserv:hover{background:url(../img/bleu/btn_reserv.jpg) no-repeat 0 -38px} /*** LEGENDES PHOTOS ***/ #contentRiadT2 #a_droite p.legende{width:627px;text-align:center;background:#fff;color:#277186;padding:5px;margin:2px 0 10px 0} #contentRiadT2 #a_droite p.corps_d span.legende_corps{display:block;width:256px;background:#fff;color:#277186;padding:3px;text-align:center} /*** FORMULAIRES ***/ label a{font-weight:bold;color:#fff;text-decoration:underline} label a:hover{text-decoration:none} #contentRiadT2 #a_droite div.bg_marron{width:627px;background:#714739;border:color:#fff;padding:10px 10px;margin:10px 0 10px 0} #contentRiadT2 #a_droite div.bg_clair_bordure,#contentRiadT2 #a_droite div.bg_clair_bordure,{width:617px;background:#174c5b;border:5px #6296a4 solid;color:#fff;padding:10px 5px;margin:10px 0 10px 0} #contentRiadT2 #a_droite div.bg_clair,#contentRiadT2 #a_droite div.bg_clair{width:627px;background:#6296a4;color:#fff;padding:10px 5px;margin:10px 0 10px 0} #contentRiadT2 #a_droite div.bg_m_clair,{background:#7f5a4d;padding:7px;text-align:center;margin-top:10px} /*** input avec fond > ex tarif **/ #contentRiadT2 #a_droite label.gauche{float:left;width:150px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:7px} #contentRiadT #a_droite label.alone{width:150px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:7px} #contentRiadT2 #a_droite label.labelCheck{width:25px;margin-left:-5px;position:relative;top:-2px} #contentRiadT2 #a_droite p.inpoute{float:left;background:url(../img/form/bg_bleu_input.jpg) no-repeat;width:333px;height:25px;padding:3px 0 0 3px} #contentRiadT2 #a_droite p.inpoute input.textuel{background:#fff;border:none;width:323px;height:16px;padding-top:4px;padding-left:7px;font-family:arial;font-weight:bold;color:#174c5b} /**** input sans fond ***/ /*#contentRiadT #a_droite p.inpout{float:left;width:333px;padding:8px}*/ #contentRiadT2 #a_droite p.inpout{float:left;padding:8px} #contentRiadT2 #a_droite label.normal{float:left;width:150px;text-align:right;font-weight:bold;margin-right:7px;position:relative;top:9px} #contentRiadT2 #a_droite p.inpout input.textuel{background:#fff;border:none;width:300px;height:16px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT2 #a_droite p.inpout input.envoyer{background:#fff;border:none;width:200px;padding:3px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT2 #a_droite p.inpout select.long{width:302px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT2 #a_droite p.inpout textarea{width:450px;height:150px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT2 #a_droite p.inpout select.jour{margin-right:2px;width:40px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px} #contentRiadT2 #a_droite p.inpout input.nbPers{margin-right:2px;width:20px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px;text-align:center} #contentRiadT2 #a_droite p.inpout select.annee{margin-right:2px;width:50px;height:18px;padding-top:2px;padding-left:2px;font-family:arial;color:#174c5b;font-size:11px} /**** input en block ***/ #contentRiadT2 #a_droite div.inpoutLine{width:500px;margin:10px 0 0 20px} #contentRiadT2 #a_droite div.inpoutLine div.riad{margin:5px 0 0 10px} #contentRiadT2 #a_droite p.info_prix{margin-top:5px;background:#fff;padding:5px;color:#373737} #contentRiadT2 #a_droite p.info_prix span.rouge{width:150px;text-align:center;padding:3px 20px;background:#eb3333;color:#fff;margin-left:10px} /******************************************************************************************************/ /********************************* PAGES - GALERIE PHOTO */ /*** CONTENANTS ***/ #conteneurRiadP{width:910px;background:url(../img/pages/top_blancJ.png) no-repeat;padding-top:80px;margin:-260px 0 0 39px;} #contentRiadP{background:#fff;margin:0 0 0 39px;border-bottom:10px #fff solid} /*** TITRES ***/ #contentRiadP h2{text-align:left;font-size:13pt;margin:5px 0 5px 10px;color:#a37f03} #contentRiadP #a_droite h3{text-align:left;float:left;font-size:13pt;color:#241815;background:url(../img/pages/bg_titre.png) no-repeat;width:282px;height:22px;padding:3px 0 0 8px;margin:0 0 10px 0} /*** CONTENEURS PROPRES ***/ #contentRiadP #a_gauche{float:left;width:215px;background:#fff;margin:10px 0 0 10px} #contentRiadP #a_droite{float:left;width:637px;background:#a37f03;margin:-10px 0 0 16px;padding:16px;color:#fff} /*** MENU LISTE DES CHAMBRES ***/ #contentRiadP #a_gauche ul.listChambres{width:215px;border-top:1px #cccccc solid;} #contentRiadP #a_gauche ul.listChambres li{list-style:none;text-align:left;} #contentRiadP #a_gauche ul.listChambres a.cell,#contentRiadP #a_gauche ul a.cell_actif{display:block;margin:auto;width:205px;padding:8px 0 8px 10px;font-weight:bold;font-size:11px;border-bottom:1px #cccccc solid;} #contentRiadP #a_gauche ul.listChambres a.cell{color:#a37f03;} #contentRiadP #a_gauche ul.listChambres a.cell:hover,#contentRiadP #a_gauche ul a.cell_actif{background:#a37f03;color:#fff} /*** MENU GAUCHE NABILA ***/ #contentRiadP #a_gauche #menu_gauche{background:url(../img/jaune/bg_menu_g.jpg) repeat-y;margin-top:15px} #contentRiadP #a_gauche #menu_gauche #top{padding:3px 0 0 8px;color:#fff;font-weight:bold;height:16px;background:url(../img/jaune/top_menu_g.jpg) no-repeat;} #contentRiadP #a_gauche #bottom{height:9px;margin-top:-1px;background:url(../img/jaune/bottom_menu_g.jpg) no-repeat;} #contentRiadP #a_gauche #menu_gauche ul li{list-style:none;width:204px;margin:0 0 1px 2px;} #contentRiadP #a_gauche #menu_gauche ul li a{display:block;width:204px;padding:3px 0 3px 6px;color:#7b4f41;background:#fff} #contentRiadP #a_gauche #menu_gauche ul li a:hover{color:#fff;background:#4c2f26} /*** BOUTON RESERV ***/ #contentRiadP #a_droite a.reserv{display:block;float:right;width:151px;height:26px;background:url(../img/jaune/btn_reserv.jpg) no-repeat 0 0;color:#fff;padding:12px 0 0 65px;margin:10px 30px 0 0} #contentRiadP #a_droite a.reserv:hover{background:url(../img/jaune/btn_reserv.jpg) no-repeat 0 -38px} /*** LEGENDES PHOTOS ***/ #contentRiadP #a_droite p.legende{width:627px;text-align:center;background:#fff;color:#a37f03;padding:5px;margin:2px 0 10px 0} #contentRiadP #a_droite p.corps_d span.legende_corps{display:block;width:256px;background:#fff;color:#a37f03;padding:3px;text-align:center} #contentRiadP #a_droite div.legendeGalerie{width:627px;text-align:center;background:#b89f49;color:#fff;padding:10px 5px;margin:10px 0 10px 0} #contentRiadP #a_droite div.legendeGalerie p.gaucheTitre{float:left;width:150px;margin-right:10px;text-align:right;font-weight:bold;font-size:11px} #contentRiadP #a_droite div.legendeGalerie div.droite{float:left;width:440px;text-align:justify;font-weight:normal;font-size:11px} #contentRiadP #a_droite #vignettes{width:635px;margin:10px auto 10px auto} #contentRiadP #a_droite a.vign_galerie {display:block;float:left;width:105px;border:10px #fff solid;margin:0 2px 2px 0;} #contentRiadP #a_droite a.vign_galerie:hover{border:10px #d9a800 solid} /************************************************************************ *************************** CALENDRIER SAISONS ************************* ************************************************************************/ .calendrier {text-align:left} .calendrier .date{color:#fff; padding:2px 3px;float:left;margin-right:2px} .calendrier input{vertical-align:middle} .dat{width:200px;background:#000} .saison1, .saison1 input{background-color:#EB3333} .saison2, .saison2 input{background-color:#FF6600} .saison3, .saison3 input{background-color:#33B718} .saison4, .saison4 input{background-color:#aaa} .saison5, .saison5 input{background-color:black} .legendes {margin-top:3px;} .legendes div {margin-right:3px;} #ChoixLocation h5{font-size:11px;padding:3px} #infosSejour h4,#ChoixLocation h4{display:block;background:#935C4A;font-size:13px;padding:3px} .tarifs h4{margin-top:30px} .tarifs .calendrier h4{margin-top:0;} /* ============================================== Mentions etc ==========================================================================*/ #leb-img {margin-top:20px} .fond-infos,.fond-infos2 {background-color:#714739; margin:5px 0px; padding:5px 0px 5px 20px; width:450px} .fond-infos2 {background-color:#6296a4} .fond-infos a,.fond-infos2 a,td.couleur1 a,td.couleur2 a{color:#fff;text-decoration:none;border-bottom:1px #fff dotted} .fond-infos a:hover,.fond-infos2 a:hover,td.couleur1 a:hover,td.couleur2 a:hover{color:#fff;text-decoration:none;border-bottom:1px #fff solid} .couleur1 {background-color:#64a3b4} .couleur2 {background-color:#6296a4} td.couleur1,td.couleur2{height:50px} .aide{padding-left:10px} .aide caption {width:620px; background-color:#174c5b; color:#fff; padding:1px 0px; font-weight:bold} #extras caption {width:580px; background-color:#174c5b; color:#fff; padding:1px 0px; font-weight:bold} #extras td {padding:5px 0px} #extras p{text-align:justify; width:580px} #extras li{text-align:justify; margin-left:20px} #extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px} .annexes h3 {color:#dc9b00;} .annexes p {display:block; width:580px} .annexes ul {margin-left:20px} .annexes li {margin-bottom:5px} #plan{padding:10px} #plan ul{margin-top:10px} #plan ul li{list-style:none;zoom:1} #plan ul li a.titre{zoom:1;display:block;background:#174c5b;color:#fff;padding:5px;border-bottom:1px #277186 solid;font-weight:bold} #plan ul li a.titre:hover{background:#1f5d6f;} #plan ul li a{zoom:1;display:block;background:#64a3b4;color:#fff;padding:5px;border-bottom:1px #277186 solid;} #plan ul li a:hover{background:#82bbcb;} div.extras .credits1,div.extras .credits2{color:#666;background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:400px} div.extras .bg1{background-color:#38647f} div.extras .credits2,div.extras .bg2{background-color:#2e566f} div.extras td{padding:5px 0;color:#fff;font-size:11px} div.extras .credits1 p,div.extras .credits2 p{margin-top:0 !important} #creditsLeb a{text-decoration:none !important} #creditsLeb h4{margin:10px 0} #creditsLeb ul li{margin-left:0 !important} #creditsLeb ul{border:none} #creditsLeb a.rouge,#creditsLeb a.grisC{color:#fff !important} #creditsLeb .credits1 a.rouge{color:#666 !important} td.calendrier{color:#fff; text-align:center} ul.formules li.formule {display:block;clear:both;width:auto;margin:5px 0 0 40px;} ul.formules li.formule label{margin-left:5px} .ok, .error{ text-align:center; } .ok {background-color:#00B000; color:#fff; font-weight:bold; padding:2px 0px} .error {background-color:#f00; color:#fff; font-weight:bold; padding:2px 0px}