/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ | | Copyrigth (c) 2007 ASFA | Design + HTML/CSS/DOM JavaScript:Smart Agence | http://www.smartagence.com/ | \ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @import "common.css"; @import "navigation.css"; /* ______________________[ 03 | Contenu principal:présentation en 3 colonnes*/ #ContainerCols {clear:both;width:978px;margin:0 auto 20px auto;padding:0;display:block;font-size:.9em;text-align:left;background-color:#fff;background-repeat:repeat-y;background-position:0 0;} /* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} /* \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* */ #Annexe3 {font:1em arial, sans-serif;padding:0 0 0 14px;margin:0;background-color:#fff;} #Annexe3:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #Annexe3 {display:inline-block;} /* \*/ * html #Annexe3 {height:1%;} #Annexe3 {display:block;} /* */ #TxtTools {float:right;width:150px;display:inline;height:20px;margin:10px 25px 0 0} #TxtTools a {float:right;display:inline;border-right:1px solid #13578e;margin-left:5px;} #TxtTools a span {position:absolute;top:-777px;left:-777px;} #Tplus {width:23px;height:20px;background:url(../../img/ico_tplus.gif) #fff no-repeat 0 0;border:none !important;} #Tmoins {width:23px;height:20px;background:url(../../img/ico_tmoins.gif) #fff no-repeat 0 0;border:none !important;} #Print {width:23px;height:20px;background:url(../../img/ico_print.gif) #fff no-repeat 0 0;border:none !important;} #Send {width:23px;height:20px;background:url(../../img/ico_ami.gif) #fff no-repeat 0 0;border:none !important;} #Favoris {width:23px;height:20px;background:url(../../img/ico_favoris.gif) #fff no-repeat 0 0;border:none !important;} .hidden {position:absolute;top:-777px;left:-777px;} /* FIL d'ARIANE */ #FildAriane {color:#999;padding:0;background-color:#fff;float:left;font:bold 1em arial,verdana,sans-serif;} #FildAriane span {color:#6b6a6a;font-size:.9em;font-weight:normal;} #FildAriane a {color:#6b6a6a;font-size:.9em;font-weight:normal;} #FildAriane a:hover {color:#000;font-size:.9em;} /* [ 03.2 | INTÉRIEUR:Colonne de menu secondaire ]________________________ */ #ColMenu {width:186px;float:left;font:normal 1em arial,verdana,sans-serif;margin:0;padding:15px 0 0 0;} #ColMenu p {padding:0 20px;} .TitreRub {display:none;} #TitreContenu {display:block;margin:0;padding:0px 0 0 14px;background-color:#fff } #MenuContainer {padding:0;margin:0} #MenuSecondaire {margin:0;padding:0 1px 20px 0;list-style-type:none;} #MenuSecondaire li {height:1%;margin:0;padding:0;border-bottom:1px solid #f99;background:url(../../img/bg_nav_droite_off.gif) #fff no-repeat 0 0;} #MenuSecondaire li a {color:#6b6a6a;display:block;margin:0;padding:2px 0 3px 32px;text-decoration:none;} #MenuSecondaire li a:hover {text-decoration:none;background-color:#fff;background-repeat:no-repeat;background-position:0 0;border-bottom-width:0;} #MenuSecondaire li.on {background-color:#fff;background-repeat:no-repeat;background-position:0 0;} #MenuSecondaire li.on a {font-weight:bold;padding:2px 0 3px 32px;} #MenuSecondaire ul {margin:0 !important;padding:0 !important;background-color:#fff !important;} #MenuSecondaire li.on ul {margin:0 !important;padding:5px 0 15px 0 !important;} #MenuSecondaire li.on li {border-bottom-color:#fff;font:normal .9em arial,verdana,sans-serif;background:url(../../img/bullet_05.gif) #fff no-repeat 27px .4em !important;padding:0 !important;margin:0 0 0 19px;line-height:1.2em} #MenuSecondaire li.on li a {color:#6b6a6a !important;border:none !important;padding:0 0 0 38px !important;font-weight:normal;} #MenuSecondaire li.on li a:hover {background-position:27px .4em !important;} #MenuSecondaire li.on li.on a {text-decoration:none;margin:0;padding:0;} #MenuSecondaire li.on li.on a:hover {cursor:default;margin:0;padding:0;text-decoration:none;} /*encart pub (pour l'image de fond et le cas de la pub page d'accueil, voir css 00, 01 etc...*/ .encartPub {text-align:center;width:186px;min-width:186px;float:left;margin:0 0 8px 0} html>body .encartPub {width:auto} /* [ 03.3 | INTÉRIEUR:Colonne de contenu principal ]________________________ */ #ColContenu {font-size:.9em;text-align:left;padding:18px 55px 10px 55px;float:left;width:568px;voice-family:"\"}\"";voice-family:inherit;width:458px} html>body #ColContenu {width:458px;} body.long #ColContenu {width:657px;} /* pas de col de droite */ #ContainerCols.double #ColContenu {width:702px;padding-right:10px !important;} #ColContenu p {font:normal 1.1em arial,verdana,sans-serif;color:#000;margin-bottom:.8em;margin-top:0;margin-right:0;margin-left:-15px;padding:0;} #ColContenu p a {text-decoration:underline;} #ColContenu p a:hover {text-decoration:underline;} #ColContenu .content70 {width:60%;float:left;} #ColContenu .content70 p {height:1%;position:relative} #ColContenu .droite{float:right;width:30%;margin:0 0 0 10px;} .droite a {color:#000;background:url(../../img/ico_pdf.gif) 0 0 no-repeat;padding-left:20px;margin-top:5px;text-decoration:none;display:block;} .clearfloat {clear:both} #ColContenu .droite p {position:relative;margin:0 !important} /* liens */ .voir {margin:0 !important;padding:0 0 0 12px !important;background:url(../../img/bg_voir.gif) transparent no-repeat 0 .3em !important;} a.voir {margin:0 !important;padding:0 0 0 16px !important;background:url(../../img/bg_voir.gif) transparent no-repeat 0 .3em;} /* \*/ * html body .voir {height:1%;}/* */ /*--- chapeau ---*/ .chapeau {padding:0;color:#000;margin:0 -50px 10px -30px;padding:0 25px 0 15px;} .chapeau {display:inline-block;} #ContainerCols.double #ColContenu .chapeau {margin:0 -8px 10px -43px;} #ContainerCols.double #ColContenu .chapeau p {margin-left:0;margin-right:0} /*--- encarts ---*/ .encart01 {padding:10px 0px 10px 10px;margin:10px 0 0px 0;color:#000} .encart01:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .encart01 {display:inline-block;} /* \*/ * html .encart01 {height:1%;} .encart01 {display:block;} /* */ .encart01 p {margin:0;padding:5px 0 0px 0;color:#000;font:bold 1.1em arial,verdana,sans-serif;} .encart02 {background-color:#FDC48D;width:337px;float:right;padding:5px 10px;margin:0 0 1em 0;font-size:1.1em;voice-family:"\"}\"";voice-family:inherit;width:368px;} html>body .encart02 {width:368px;} /* --- listes--- */ /*#ColContenu table {padding:0;margin:0 0px 15px -15px;font-size:1em} #ColContenu table table {padding:0;margin:0;}*/ #ColContenu table p {padding:0;margin:0 0 1em 0;} #ColContenu ul {list-style:none;padding-left:0;margin:0 0 .5em 10px;} #ColContenu ul {font-size:1.1em;} #ColContenu li {margin:0 0 0.2em 0;padding:0 0 0 10px;background:url(../../img/bullet_00.gif) transparent no-repeat 2px .4em;} /* */ #ColContenu ul ul {font-size:1em;padding:0.2em 0 0.4em 0;margin:0 0 0 18px;} #ColContenu li li {font-size:1em;padding:0 0 0 8px;margin:0;background:url(../../img/tiret_01.gif) transparent no-repeat 2px .7em;height:1%;} * html #ColContenu li {height:1%;} * html #ColContenu li li {height:1%;} #ColContenu ul.notiret li {padding-left:0;background-image:none} #ColContenu ul.bullet li {background-color:transparent;background-repeat:no-repeat;background-position:1px .4em;margin:0;padding:0;} #ColContenu ul.bullet li {margin:0;padding:0 0 0 10px;background-color:transparent;background-repeat:no-repeat;background-position:2px .5em;} .htmlarea-showtableborders {border-collapse:collapse;border-width:1px;border-style:solid;} .htmlarea-showtableborders td {padding:.5em;vertical-align:top;border-width:1px;border-style:solid;} .htmlarea-showtableborders td.align-center{text-align:center } .htmlarea-showtableborders td.align-left{text-align:left } .htmlarea-showtableborders td.align-right{text-align:right } .imgRight td img {margin-left:10px} .imgLeft td img {margin-right:10px} /****************** Frames *****************************/ .iFrame{text-align:justify !important;} .iFrame h2 {font-size:1em !important;padding:0 0 .5em 0 !important;} .iFrame h4 {font-size:.9em !important;font-style:italic;padding:0 0 .5em 0 !important;} .iFrame p {font:normal .9em arial,verdana,sans-serif !important;color:#000;margin-top:0 !important} .iFrame p a {text-decoration:underline;} .iFrame p a:hover {text-decoration:underline;} .iFrame ul {font-size:.9em;} .iFrame ul {list-style:none;padding-left:0;margin:0 0 .5em 10px;} .iFrame ul li {margin:0 0 0.2em 0;padding:0 0 0 10px;background:url(../../img/bullet_00.gif) transparent no-repeat 2px .4em;} /* \*/ .iFrame ul ul {font-size:1em;padding:0.2em 0 0.4em 0;margin:0 0 0 18px;} .iFrame li li {font-size:1em;padding:0 0 0 8px;margin:0;background:url(../../img/tiret_01.gif) transparent no-repeat 2px .7em;height:1%;} * html .iFrame li li {height:1%;} * html .iFrame ul li {height:1%;} /* */ .TblBord iframe {border:none !important;width:610px;height:850px;overflow:auto;margin:10px 0 0 10px;} .TblBord iframe{margin-left:10px;} /***************** formulaire préparez votre voyage ************************/ .titreForm {height:1%;padding:0 0 0 30px;margin:0 0 0 25px;font-size:1.6em;font-style:italic;font-weight:bold;background-image:url(../../img/fleche_01.gif);background-repeat:no-repeat;color:#8D949B} .formulaire {margin:0 -15px 0 -15px;width:463px;border-width:1px;border-style:solid;background-color:#fff} .formulaire form {padding:23px 0 12px 0;margin:0} .formulaire fieldset {border:none;margin:10px 0 0 0;padding:0 0 0 25px;font-size:1.1em;clear:left;} .formulaire fieldset label {color:#000;width:120px;float:left;margin:0;padding:2px 0 2px 5px;text-align:left;} .formulaire fieldset label.long {width:160px;} .formulaire fieldset input {width:15px;margin:0;padding:0;float:left;height:1.2em;} .formulaire div.row {margin:0;padding:0 30px 0 0;text-align:right;clear:left;} .formulaire input.button {cursor:pointer;width:35px;height:23px;padding:4px 0 5px 2px;background:url(../../img/bg_bt_ok_02.gif) transparent no-repeat center 1px;border:none;font:bold 1.1em arial,verdana,sans-serif;color:#fff} html>body .formulaire input.button {padding:2px 0 6px 2px;} /***************** guide vert ************************/ .guidevert {margin:0 -15px 0 -35px;width:528px;border-width:1px;border-style:solid;background-color:#fff} .guidevert form {padding:12px 0 12px 0;margin:0} .guidevert fieldset {border:none;padding:0 0 0 15px;font-size:1em;} .guidevert fieldset label.checkbox {color:#000;width:35px;float:left;margin:0;padding:0 0 10px 5px;text-align:left;} .guidevert fieldset input.checkbox {width:15px;margin:0;padding:0;float:left;} .guidevert div.row {margin:0;padding:0 0 10px 0;text-align:left;clear:left;} .guidevert div.row label {width:107px;display:block;float:left;text-align:right;padding:0 7px 0 0;} .guidevert div.row select {width:146px;} .guidevert input.button {width:99px;cursor:pointer;float:right;margin:0 10px 0 0 !important;} .en .guidevert input.button {width:108px;} .guidevert .colA {width:315px;float:left;font-size:1.1em;} .guidevert .colA input {border:1px solid #39CB1D;} .guidevert .colB {width:170px;padding:0 -20px 0 15px !important;} .guidevert .colA div, .guidevert .colB div {clear:both;} .guidevert .colB div {clear:both;margin:0 0 0 -15px !important;padding:0 !important;} .guidevert .colB div p {margin:0 0 5px 0 !important;} /* _______ */ .box03 .guidevertform {margin:0 0 5px 0 !important;padding:0 !important;} .box03 .guidevertform label {display:block;margin:0 0 1px 0 !important;} .box03 .guidevertform input {border:1px solid #39CB1D;width:130px;font-size:1em;margin:0 0 5px 0;} .box03 .guidevertform select {border:1px solid #39CB1D;width:130px;font-size:1em;margin:0 0 5px 0;} .box03 .guidevertform input.button {float:right;width:auto;border:none;margin:0;} .box03 .guidevertform a {color:#000 !important;text-decoration:underline !important;} .box03 .guidevertform a:hover {text-decoration:none !important;} /***************** tableau de bord ************************/ .TblBord {clear:both;float:none;margin:0 -24px 20px -19px;padding:0 0 24px 0;background:url(../../img/bg_tbl_bord.gif) transparent no-repeat 0 100%;width:476px} #ContainerCols.double #ColContenu .TblBord {background:url(../../img/bg_tbl_bord_db.gif) transparent no-repeat 0 100%;width:670px;padding-left:20px;padding-right:20px} /* tableau de bord bleu */ .TblBord_bleu {float:none;margin:0 -21px 20px -19px;padding:5px 50px 20px 20px;background:url(../../img/bg_tbl_bord_bleu.gif) no-repeat 0 100%;width:476px;voice-family:"\"}\"";voice-family:inherit;width:404px;} .TblBord_bleu:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .TblBord_bleu {display:inline-block;} /* \*/ * html .TblBord_bleu {height:1%;} .TblBord_bleu {display:block;} /* */ .TblBord_bleu .content70 {float:left;width:60%;} .TblBord_bleu .droite{float:right;width:30%;} .TblBord_bleu p{margin:0 0 .8em 0 !important;} /* onglets */ #ContainerCols.double #ColContenu .onglets {background:url(../../img/bg_ul_onglet_db.gif) #F8EFFF no-repeat 0 bottom;width:668px;font-size:1.1em} .onglets:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .onglets {display:inline-block;clear:both;float:none;padding:0 0 10px 4px!important;margin:15px -24px 0 -19px!important;background:url(../../img/bg_ul_onglet.gif) #F8EFFF no-repeat 0 bottom;width:474px;} .onglets li {display:block;float:left;color:#850fdb;text-align:center;margin:0!important;padding:10px 0 0 0 !important;background:url(../../img/bg_onglet_off.gif) transparent no-repeat 0 0 !important;width:71px;height:33px;} .onglets li.on {background:url(../../img/bg_onglet_on.gif) transparent no-repeat 0 0 !important;width:71px;height:33px} .onglets li a {height:33px;display:block;color:#850fdb;font-weight:bold;text-decoration:none} .onglets li a:hover {text-decoration:underline} /* \*/ * html .onglets {height:1%;} .onglets {display:block;} /* */ /* onglets bleus */ .onglets_bleu:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .onglets_bleu {display:inline-block;clear:both;float:none;padding:0 0 10px 0!important;margin:15px -21px 0 -20px!important;background:url(../../img/bg_ul_onglet_5.gif) no-repeat 0 100%;width:480px;} /* \*/ * html .onglets_bleu {height:1%;} .onglets_bleu {display:block;} /* */ .onglets_bleu li {display:block;float:left;color:#005AE4;text-align:center;margin:0 !important;padding:10px 0 0 0 !important} /* \*/ * html .onglets_bleu li {padding-bottom:8px !important;} /* */ .onglets_bleu li {background:url(../../img/bg_onglet_5_off.gif) transparent no-repeat 0 0 !important;width:71px;height:32px;voice-family:"\"}\"";voice-family:inherit;height:22px;} .onglets_bleu li.on {background:url(../../img/bg_onglet_5_on.gif) transparent no-repeat 0 0 !important;width:73px;height:32px;voice-family:"\"}\"";voice-family:inherit;height:22px;} .onglets_bleu li.first{background-image:url(../../img/bg_onglet_5_first_off.gif) !important;width:76px;} .onglets_bleu li.firstOn{background-image:url(../../img/bg_onglet_5_first_on.gif) !important;width:78px;} .onglets_bleu li a {color:#005AE4;font-weight:bold;text-decoration:none} .onglets_bleu li a:hover {text-decoration:underline} .rapport_titre {clear:left;font-weight:bold !important;margin-left:20px !important;} .rapport_liste{font-size:1.1em;margin-left:20px !important;} .rapport_liste li{background:url(../../img/bullet_06.gif) 0 4px no-repeat!important;padding-bottom:5px !important;} .rapport_detail {margin:15px 0 0 20px !important;} .csc-textpic dt {background-image:none !important;padding:3px 0 !important;} .csc-textpic p {font:normal 1.1em arial,verdana,sans-serif;color:#000;margin-bottom:.8em;margin-left:0 !important;padding:0;} /***************** quiz ************************/ .quiz form {margin:-10px 0 0 0;padding:0} .quiz fieldset {border:none;width:auto;margin:0 0 10px 0;font-size:1.1em;padding:0;} .quiz fieldset legend {padding:0;margin:0;} .quiz fieldset legend strong {display:block;width:700px;} .quiz fieldset .formw {display:block;padding:0 0 0 15px} .quiz input.button {background:url(../../img/bg_bt_envoyer.gif) transparent no-repeat 0 0;border:none !important;font:bold .9em Verdana,sans-serif;color:#fff;margin:5px 0 20px 20px;width:63px;text-align:center;padding:4px 0 0 0;voice-family:"\"}\"";voice-family:inherit;padding:2px 0 6px 0;} html>body .quiz input.button {padding:2px 0 6px 0;} fieldset.reponse p, div.introResultat p {margin-left:8px!important;} .quiz .question {float:left;font-weight:bold;padding:0 3px;margin:0 10px 0 0;} /* \*/ * html .quiz .question {margin-right:0;} /* */ .quiz legend strong{display:block;font-weight:bold;width:470px;} .quiz fieldset.reponse p {display:block;margin:5px 0;padding:0 0 0 20px !important;font-size:1em !important} .quiz fieldset.reponse p.vrai {background:transparent url(../../img/bg_vrai.gif) no-repeat scroll 0 10px;padding-top:10px !important;} .quiz fieldset.reponse p.faux {background:transparent url(../../img/bg_faux.gif) no-repeat scroll 0 10px;padding-top:10px !important;} /***************** image box "Ginette" ************************/ #imgBox{background:transparent url(../../img/bg_ginette.gif) no-repeat 0 0;width:400px;height:400px;} #imgBox p, #imgBox ul{position:relative;text-align:center;font-size:11px !important;font-weight:bold;color:#DB9C25} #imgBox li{background-image:none ;} #imgBox .box1{top:235px;left:20px;width:120px;} #imgBox .box2{top:100px;left:145px;width:100px;} #imgBox .box3{top:-60px;left:40px;width:170px;} #imgBox .box4{top:-130px;left:310px;width:90px;} #imgBox .box5{top:-55px;left:300px;width:80px;} #imgBox .box6{top:60px;left:295px;width:75px;} #imgBox .box7{top:50px;left:125px;width:100px;} body.en #imgBox .box1 {top:225px;left:10px;width:120px;} body.en #imgBox .box2{top:110px;left:135px;width:100px;} body.en #imgBox .box3{top:-40px;left:20px;width:170px;} body.en #imgBox .box4{top:-100px;left:300px;width:90px;} body.en #imgBox .box5{top:-35px;left:310px;width:80px;} body.en #imgBox .box6{top:80px;left:295px;width:75px;} body.en #imgBox .box7{top:80px;left:155px;width:100px;} /***************** Map Parkings ************************/ #carteRoutier {margin:0 0 10px -28px;width:689px;border:1px solid #fc7b00;background:#fff;clear:left;} #CarteVide{border-right:1px solid #fc7b00;float:left;background:transparent url(../../img/carte_france.gif) no-repeat 0 0 ;margin:0;padding:0;width:400px;height:400px;} #CarteVide a {background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;height:20px;width:150px;z-index:10;} #CarteVide a strong {position:absolute;left:-10000px;top:-10000px;} #CarteVide a:hover {background-position:0 100%;} #CarteVide #ParkingValenciennes{background-image:url(../../img/parking_valenciennes.gif);margin-left:250px;margin-top:30px;} #CarteVide #ParkingVemars{background-image:url(../../img/parking_vemars.gif); margin-left:220px;margin-top:70px;} #CarteVide #ParkingLangres{background-image:url(../../img/parking_langres.gif); margin-left:300px;margin-top:140px;} #CarteVide #ParkingCommunay{background-image:url(../../img/parking_communay.gif);margin-left:285px;margin-top:255px;} #CarteVide #ParkingBeziers{background-image:url(../../img/parking_beziers.gif);margin-left:205px;margin-top:330px;} #CarteVide #ParkingBosrobert{background-image:url(../../img/parking_bosrobert.gif);margin-left:153px;margin-top:77px;width:95px;} #CarteVide #ParkingChaumont{background-image:url(../../img/parking_chaumont.gif);margin-left:145px;margin-top:90px;width:95px;} #CarteVide #ParkingLisledabeau{background-image:url(../../img/parking_Lisle-d-Abeau.gif);margin-left:280px;margin-top:235px;width:120px;} #CarteVide #ParkingParisSudEst{background-image:url(../../img/parking_paris-sud-est.gif);margin-left:217px;margin-top:114px;width:110px;} #CarteCroq div.object_container{width:292px;float:left;} * html body #CarteCroq{position:relative !important;} * html body #CarteCroq div.object_container{position:relative !important;top:0;} #carteRoutier img{display:inline;display:block;float:left;margin:0 -4px 0 -3px !important;padding:0 !important;voice-family:"\"}\"";voice-family:inherit;margin:0!important;} html>body #carteRoutier img{margin:0!important;} #carteRoutier .hidden {position:absolute;margin-left:-7777px;margin-top:-7777px;} #carteRoutier .visible {position:absolute;margin-left:400px;margin-top:269px;z-index:100;voice-family:"\"}\"";voice-family:inherit;margin-left:401px;} html>body #carteRoutier .visible {margin-left:401px;} #carteRoutier dl {background-color:#99CC01;font-weight:bold;padding:15px 15px 0 15px;width:287px;height:131px;voice-family:"\"}\"";voice-family:inherit;width:258px;height:116px;} html>body #carteRoutier dl {width:258px;height:116px;} #carteRoutier dt {font-size:1.2em;text-transform:uppercase;padding-bottom:10px;color:#fff;} #carteRoutier dd {margin:0 !important;padding:0 !important;} #carteRoutier dd p {font-size:1.2em !important;color:#fff !important;margin:0 !important;} #carteRoutier dd ul {margin:15px 0 0 0 !important;padding:0 !important;} #carteRoutier dd li {float:left;background-image:url(../../img/bullet_07.gif) !important;margin:0 15px 0 0 !important;} #carteRoutier dd a {color:#fff !important;display:inline !important;position:relative !important;width:1%;white-space:nowrap;height:1%;} /***************** Map animations ************************/ /*#CarteVide #AireStavold{background-image:url(../../img/aires.gif);margin-left:330px;margin-top:95px;width:20px;} #CarteVide #AireMorainvillers{background-image:url(../../img/aires.gif);margin-left:190px;margin-top:90px;width:20px;} #CarteVide #AireRouen{background-image:url(../../img/aires.gif);margin-left:140px;margin-top:100px;width:20px;} #CarteVide #AireStarnoult{background-image:url(../../img/aires.gif);margin-left:180px;margin-top:110px;width:20px;} #CarteVide #AireBrou{background-image:url(../../img/aires.gif);margin-left:158px;margin-top:120px;width:20px;} #CarteVide #AireLemans{background-image:url(../../img/aires.gif);margin-left:135px;margin-top:125px;width:20px;} #CarteVide #AireGravelle{background-image:url(../../img/aires.gif);margin-left:110px;margin-top:125px;width:20px;} #CarteVide #AireSaran{background-image:url(../../img/aires.gif); margin-left:185px;margin-top:130px;width:20px;} #CarteVide #AireOrleans{background-image:url(../../img/aires.gif); margin-left:185px;margin-top:140px;width:20px;} #CarteVide #AirePeageMonaie{background-image:url(../../img/aires.gif); margin-left:150px;margin-top:155px;width:20px;} #CarteVide #AireMonaie{background-image:url(../../img/aires.gif); margin-left:150px;margin-top:165px;width:20px;} #CarteVide #AireAncenis{background-image:url(../../img/aires.gif); margin-left:85px;margin-top:160px;width:20px;} #CarteVide #AirePoitou{background-image:url(../../img/aires.gif); margin-left:110px;margin-top:210px;width:20px;} #CarteVide #AireJura{background-image:url(../../img/aires.gif); margin-left:300px;margin-top:190px;width:20px;} #CarteVide #AireMacon{background-image:url(../../img/aires.gif); margin-left:270px;margin-top:200px;width:20px;} #CarteVide #AireNangy{background-image:url(../../img/aires.gif); margin-left:320px;margin-top:220px;width:20px;} #CarteVide #AireGranier{background-image:url(../../img/aires.gif); margin-left:315px;margin-top:245px;width:20px;} #CarteVide #AireVolcan{background-image:url(../../img/aires.gif);margin-left:230px;margin-top:225px;width:20px;} #CarteVide #AireAquitaine{background-image:url(../../img/aires.gif); margin-left:130px;margin-top:300px;width:20px;} #CarteVide #AireLancon{background-image:url(../../img/aires.gif); margin-left:280px;margin-top:330px;width:20px;} #CarteVide #AireCambarette{background-image:url(../../img/aires.gif); margin-left:305px;margin-top:340px;width:20px;} #CarteVide #AireNarbonne{background-image:url(../../img/aires.gif); margin-left:210px;margin-top:350px;width:20px;} #CarteVide ul, #CarteVide li {margin:0 !important;padding:0 !important;position:absolute;}*/ /***************** Map Croq'malin ************************/ #CarteCroq {margin:0 0 10px -28px;width:689px;border:1px solid #fc7b00;background:#005AAB;clear:left;} #CarteCroq img{display:inline;display:block;float:left;margin:0 -4px 0 -3px !important;padding:0 !important;voice-family:"\"}\"";voice-family:inherit;margin:0 !important;display:block;} html>body #CarteCroq img{margin:0 !important;} #CarteCroq .hidden {position:absolute;margin-left:-7777px;margin-top:-7777px;} #CarteCroq .visible {position:absolute;margin-top:220px;margin-left:-292px;z-index:100;} #CarteCroq dl {background:#005AAB;font-weight:bold;padding:0px 30px 0 30px;width:292px;height:180px;voice-family:"\"}\"";voice-family:inherit;width:232px;height:165px;} html>body #CarteCroq dl {width:232px;height:165px;} #CarteCroq dt {font-size:1.2em;padding-bottom:5px;color:#fff;} #CarteCroq dd {margin:0 !important;padding:0 !important;} #CarteCroq dd p {font-size:1.2em !important;color:#fff !important;margin:0 !important;} #CarteCroq #CarteVide{float:right;border:none;background:transparent url(../../uploads/pics/croqmalin/carte_croqmalin.gif) no-repeat 100% 0 ;width:395px;height:400px;voice-family:"\"}\"";voice-family:inherit;width:397px;} html>body #CarteCroq #CarteVide {width:397px;} #CarteCroq #CarteVide a {background-image:url(../../uploads/pics/croqmalin/croq_homme.gif);background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;height:16px;width:16px;z-index:10;} #CarteCroq #CarteVide a strong {position:absolute;left:-10000px;top:-10000px;} #CarteCroq #CarteVide a:hover {background-image:url(../../uploads/pics/croqmalin/croq_homme_on.gif);} #CarteCroq img.imgBottom{float:right;} #CarteCroq #CarteVide #Aire01{margin-left:190px;margin-top:103px;} #CarteCroq #CarteVide #Aire02{margin-left:177px;margin-top:107px;} #CarteCroq #CarteVide #Aire03{margin-left:220px;margin-top:108px;} #CarteCroq #CarteVide #Aire04{margin-left:159px;margin-top:115px;} #CarteCroq #CarteVide #Aire05{margin-left:153px;margin-top:119px;} #CarteCroq #CarteVide #Aire06{margin-left:145px;margin-top:127px;} #CarteCroq #CarteVide #Aire07{margin-left:187px;margin-top:132px;} #CarteCroq #CarteVide #Aire08{margin-left:183px;margin-top:135px;} #CarteCroq #CarteVide #Aire09{margin-left:240px;margin-top:145px;} #CarteCroq #CarteVide #Aire10{margin-left:158px;margin-top:152px;} #CarteCroq #CarteVide #Aire11{margin-left:188px;margin-top:153px;} #CarteCroq #CarteVide #Aire12{margin-left:188px;margin-top:158px;} #CarteCroq #CarteVide #Aire13{margin-left:254px;margin-top:162px;} #CarteCroq #CarteVide #Aire14{margin-left:285px;margin-top:162px;} #CarteCroq #CarteVide #Aire15{margin-left:270px;margin-top:188px;} #CarteCroq #CarteVide #Aire16{margin-left:270px;margin-top:193px;} #CarteCroq #CarteVide #Aire17{margin-left:268px;margin-top:198px;} #CarteCroq #CarteVide #Aire18{margin-left:220px;margin-top:215px;} #CarteCroq #CarteVide #Aire19{margin-left:313px;margin-top:215px;} #CarteCroq #CarteVide #Aire20{margin-left:313px;margin-top:242px;} #CarteCroq #CarteVide #Aire21{margin-left:115px;margin-top:202px;} #CarteCroq #CarteVide #Aire22{margin-left:105px;margin-top:222px;} #CarteCroq #CarteVide #Aire23{margin-left:173px;margin-top:245px;} #CarteCroq #CarteVide #Aire24{margin-left:270px;margin-top:242px;} #CarteCroq #CarteVide #Aire25{margin-left:270px;margin-top:252px;} #CarteCroq #CarteVide #Aire26{margin-left:125px;margin-top:282px;} #CarteCroq #CarteVide #Aire27{margin-left:267px;margin-top:292px;} #CarteCroq #CarteVide #Aire28{margin-left:267px;margin-top:302px;} #CarteCroq #CarteVide #Aire29{margin-left:173px;margin-top:327px;} #CarteCroq #CarteVide #Aire30{margin-left:240px;margin-top:323px;} #CarteCroq #CarteVide #Aire31{margin-left:272px;margin-top:323px;} #CarteCroq #CarteVide #Aire32{margin-left:280px;margin-top:323px;} #CarteCroq #CarteVide #Aire33{margin-left:283px;margin-top:328px;} #CarteCroq #CarteVide #Aire34{margin-left:310px;margin-top:332px;} #CarteCroq #CarteVide #Aire35{margin-left:340px;margin-top:315px;} #CarteCroq #CarteVide #Aire36{margin-left:79px;margin-top:315px;} #CarteCroq #CarteVide #Aire37{margin-left:205px;margin-top:365px;} #CarteCroq #CarteVide #Aire38{margin-left:295px;margin-top:240px;} #CarteCroq #CarteVide #Aire39{margin-left:265px;margin-top:215px;} #CarteCroq #CarteVide #Aire40{margin-left:235px;margin-top:139px;} #CarteCroq #CarteVide #Aire41{margin-left:210px;margin-top:140px;} #CarteCroq #CarteVide #Aire42{margin-left:295px;margin-top:192px;} #CarteCroq #CarteVide #Aire43{margin-left:267px;margin-top:282px;} #CarteCroq #CarteVide #Aire44{margin-left:260px;margin-top:310px;} #CarteCroq #CarteVide #Aire45{margin-left:260px;margin-top:320px;} #CarteCroq #CarteVide #Aire46{margin-left:195px;margin-top:339px;} #CarteCroq #CarteVide #Aire47{margin-left:125px;margin-top:335px;} #CarteCroq #CarteVide #Aire48{margin-left:110px;margin-top:328px;} #CarteCroq #CarteVide #Aire49{margin-left:169px;margin-top:275px;} #CarteCroq #CarteVide #Aire50{margin-left:110px;margin-top:212px;} #CarteCroq #CarteVide #Aire51{margin-left:100px;margin-top:190px;} #CarteCroq #CarteVide #Aire52{margin-left:100px;margin-top:170px;} #CarteCroq #CarteVide #Aire53{margin-left:100px;margin-top:213px;} /***************** Map patrouilleurs 2008 ************************/ #CarteVide .cone#Aire01 {margin-left:210px;margin-top:50px;} #CarteVide .cone#Aire02 {margin-left:313px;margin-top:75px;} #CarteVide .cone#Aire03 {margin-left:170px;margin-top:80px;} #CarteVide .cone#Aire04 {margin-left:140px;margin-top:90px;} #CarteVide .cone#Aire05 {margin-left:185px;margin-top:100px;} #CarteVide .cone#Aire06 {margin-left:183px;margin-top:125px;} #CarteVide .cone#Aire07 {margin-left:110px;margin-top:115px;} #CarteVide .cone#Aire08 {margin-left:228px;margin-top:128px;} #CarteVide .cone#Aire09 {margin-left:300px;margin-top:180px;} #CarteVide .cone#Aire10 {margin-left:295px;margin-top:110px;} #CarteVide .cone#Aire11 {margin-left:265px;margin-top:200px;} #CarteVide .cone#Aire12 {margin-left:285px;margin-top:235px;} #CarteVide .cone#Aire13 {margin-left:310px;margin-top:205px;} #CarteVide .cone#Aire14 {margin-left:320px;margin-top:240px;} #CarteVide .cone#Aire15 {margin-left:235px;margin-top:320px;} #CarteVide .cone#Aire16 {margin-left:130px;margin-top:290px;} #CarteVide .cone#Aire17 {margin-left:275px;margin-top:320px;} #CarteVide .cone#Aire18 {margin-left:265px;margin-top:270px;} #CarteVide .cone#Aire19 {margin-left:295px;margin-top:330px;} #CarteVide .cone#Aire20 {margin-left:110px;margin-top:200px;} #CarteVide ul, #CarteVide li {margin:0 !important;padding:0 !important;position:absolute;} #CarteVide a.cone {background-position:0 0;background-repeat:no-repeat;display:block;position:absolute;height:24px;width:20px;z-index:10;background-image:url(../../img/cone-fs8.png); } #CarteVide a.cone:hover {background-image:url(../../img/cone2-fs8.png); } #carteRoutier .carteCone dl {background-color:#FFD5C7;} #carteRoutier .carteCone dl p {color:#DF5A2C !important;} #carteRoutier .carteCone dl dt {color:#DF5A2C !important;} /***************** Map + Legendes ************************/ #legendes{background-color:#fff;margin:0 -20px 20px -20px;padding:20px 20px 0 20px;width:475px;voice-family:"\"}\"";voice-family:inherit;width:435px;} html>body #legendes {width:435px;} #legendes .right{margin:0;} #legendes img{display:block;margin:0;padding:0;} #legendes .carte{padding:0 30px 20px 18px;border:0;} #legendes p{margin:0;} #legendes ul{padding:0;margin:0;width:200px;} #legendes li{font-size:12px;padding:8px 0 12px 30px;background-color:transparent;background-position:0 0;background-repeat:no-repeat;margin:0 0 10px 0;voice-family:"\"}\"";voice-family:inherit;padding-left:40px;} html>body #legendes li {padding-left:40px;} #legendes p.title{text-transform:uppercase;font-size:14px;font-weight:bold;padding:0 0 10px 0;} #legendes li.toilettes{background-image:url(../../img/bg_li_leg_toilettes.gif);} #legendes li.carburant{background-image:url(../../img/bg_li_leg_carburant.gif);} #legendes li.gonflage{background-image:url(../../img/bg_li_leg_gonflage.gif);} #legendes li.restaurant{background-image:url(../../img/bg_li_leg_restaurant.gif);} #legendes li.bar{background-image:url(../../img/bg_li_leg_bar.gif);} #legendes li.billets{background-image:url(../../img/bg_li_leg_billets.gif);} #legendes li.aire{background-image:url(../../img/bg_li_leg_aire.gif);} #legendes li.hotel{background-image:url(../../img/bg_li_leg_hotel.gif);} #legendes li.internet{background-image:url(../../img/bg_li_leg_internet.gif);} #legendes li.tel{background-image:url(../../img/bg_li_leg_tel.gif);} #legendes li.boutique{background-image:url(../../img/bg_li_leg_boutique.gif);} #cartesociete {text-align:center;margin:0 0 20px 0} /***************** Videos ************************/ .tx-flvplayer-pi1{padding:0 0 20px 0;} /***************** Tableaux d'images ************************/ .imgtext-table img{display:block;margin:0 5px;} /***************** Newsletter ************************/ /* TABLEAU */ .tableDonnees {border-collapse:collapse;font-size:1em } .tableDonnees td, th{border:1px solid #FF978D;padding:5px; } .tableDonnees th{vertical-align:middle;font-weight:bold;font-size:1.1em;text-align:center;} .tableDonnees td{vertical-align:middle;font-size:1.1em;text-align:center;} .tableDonnees td li {background:url(img/bullet_00.gif) 0 center no-repeat;font-size:.9em;text-align:left; } .tableDonnees thead tr {color:#fff;} .tableDonnees tbody tr {background-color:#fff;} .tableDonnees p {font-size:.9em} .tableDonnees td {text-align:left;vertical-align:middle;padding:10px} .tableDonnees .tx-kuloplayer-pi1 {margin:0 0 -10px -10px} .sPetit{ width:100px;} .sNormal{ width:170px;} .leftAlign{text-align:left !important;} .tablePetit{width:340px;table-layout:fixed;border-collapse:collapse;} .tablePetit td, th{border:1px solid #FF978D;padding:5px; } .tablePetit th{vertical-align:middle;font-weight:bold;font-size:1.1em;text-align:center;} .tablePetit td{vertical-align:top;font-size:1.1em;text-align:left;} .tablePetit img{margin-top:7px;} .tablePetit thead tr {color:#fff;} .tablePetit tbody tr {background-color:#fff;} .subTitle {background-color:#fff !important;} /* Tableau Liber-t */ #TabLibertTitre {margin:0;} #TabLibert {margin:0 0 0 -28px;width:670px;border-collapse:collapse;border-width:0;border-spacing:0;} #TabLibert td {padding:0;vertical-align:top;} #TabLibertTxt {background:url(../picts/visuels/liber_t_abonnement_bg.gif) #fff repeat-y 0 0;} .bgorange {background-color:#FE841B;} #TabLibertNote {margin:5px 0 0 15px;display:block !important;width:731px;font:9px Verdana,Arial,sans-serif;color:#808AB4;} #TabLibertNote a {font:bold 9px Verdana,Arial,sans-serif;color:#808AB4;text-decoration:none;} #TabLibertNote a:hover {text-decoration:underline} #TabMedia {margin:8px 0 5px 15px;border-collapse:collapse;border-width:0;border-spacing:0;} #TabMedia td {text-align:absmiddle !important;} #TabMedia img {vertical-align:middle !important;} #TabMedia a {font:bold 10px Verdana,Arial,sans-serif;color:#011569;text-decoration:none;} #TabMedia a:hover {text-decoration:underline} /***************** Resultats de recherche ************/ /* css nav_05 */ /***************** Plan du site **********************/ /* css nav_05 */ /* chargement de PDF Services aux personnes à mobilité réduite */ .ListePdf {text-align:right;margin:5px -10px 0 0;padding:0} .ListePdf select {font-size:.9em;/*background-color:#b6d8ff;*/ color:#377bed} .ListePdf input.button {cursor:pointer;width:35px;height:23px;padding:5px 0;background:url(../../img/bg_bt_ok_02.gif) transparent no-repeat 5px 3px;border:none;font:bold 1.1em arial,verdana,sans-serif;color:#fff} /* [ 03.3 | INTÉRIEUR ? Colonne de contenu contextuel (colonne de droite ]________________________ */ /* Colonne de contenu contextuel au contenu principal */ #ColContextuel {font-size:.9em;text-align:left;margin:0 !important ;float:left;padding:5px 0 0 12px;display:inline;width:186px;} /*-----box 01----*/ #ColContextuel dl {margin:5px 0 0 0} #ColContextuel dl {list-style-type:none;width:186px;padding:0;background-repeat:repeat-x;font-weight:normal;font-size:1.1em;font-family:Arial, sans-serif;} #ColContextuel dl dt.haut {font-weight:bold;margin:0;padding:16px 10px 0px 35px;color:#67717a;background-repeat:no-repeat;background-position:0 0;font-style:italic;font-size:1.4em;} #ColContextuel dl dd.milieu {color:#000;margin:0;padding:5px 22px 5px 22px;background-repeat:repeat-y;background-image:url(../../img/bg_dd_box.gif);background-position:0 0;} #ColContextuel dl dd.milieu ul {margin:0;padding:0;} #ColContextuel dl dd.milieu ul li {background-color:transparent;background-repeat:no-repeat;background-position:0 .4em !important;padding:0 0 3px 15px!important;margin:0 !important;} #ColContextuel dl dd.milieu a {text-decoration:none} #ColContextuel dl dd.milieu a:hover {text-decoration:underline} #ColContextuel dl dd.milieu ul li a {display:inline;text-decoration:underline !important;color:#000 !important;padding:0 !important;margin:0 !important;} #ColContextuel dl dd.milieu ul li a:hover {text-decoration:underline;color:#000;padding:0 !important;margin:0;} #ColContextuel dl dd.bas {height:15px;background-color:transparent;background-repeat:no-repeat;background-position: 0 0 !important;padding:0 !important;margin:0 0 0px 0px;} #ColContextuel dl dd.milieu p {margin:0 0 .5em 0;padding:0;} #ColContextuel dl dd.milieu img {margin:0;padding:0;} #ColContextuel .box01 dl {background-image:url(../../img/bg_dl_box1.gif);background-color:#f3e3ff;} #ColContextuel .box01 dl dt.haut {background-image:url(../../img/bg_dt_box1.gif);} #ColContextuel .box01 dl dd.milieu a {color:#a730ff;} #ColContextuel .box01 dl dd.milieu ul li {background-image:url(../../img/fleche_nav_01_off.gif);} #ColContextuel .box01 dl dd.milieu ul li a:hover {color:#a730ff !important} #ColContextuel .box01 dl dd.bas {background-image:url(../../img/bg_dd_box_fin.gif);} /*-----box 02----*/ #ColContextuel .box02 dl {background-image:url(../../img/bg_dl_box2.gif);background-color:#fee2c7;} #ColContextuel .box02 dl dt.haut {background-image:url(../../img/bg_dt_box2.gif);} #ColContextuel .box02 dl dd.milieu a {color:#fc7b00;} #ColContextuel .box02 dl dd.milieu ul li {background-image:url(../../img/fleche_nav_02_off.gif);} #ColContextuel .box02 dl dd.milieu ul li a:hover {color:#fc7b00 !important} #ColContextuel .box02 dl dd.bas {background-image:url(../../img/bg_dd_box_fin.gif)} /*-----box 03----*/ #ColContextuel .box03 dl {background-image:url(../../img/bg_dl_box3.gif);background-color:#dcfacf;} #ColContextuel .box03 dl dt.haut {background-image:url(../../img/bg_dt_box3.gif);} #ColContextuel .box03 dl dd.milieu a {color:#36c712;} #ColContextuel .box03 dl dd.milieu ul li {background-image:url(../../img/fleche_nav_03_off.gif);} #ColContextuel .box03 dl dd.milieu ul li a:hover {color:#36c712 !important} #ColContextuel .box03 dl dd.bas {background-image:url(../../img/bg_dd_box_fin.gif);} /*-----box 04----*/ #ColContextuel .box04 dl {background-image:url(../../img/bg_dl_box4.gif);background-color:#cfeefe;} #ColContextuel .box04 dl dt.haut {background-image:url(../../img/bg_dt_box4.gif);} #ColContextuel .box04 dl dd.milieu a {color:#009dd8;} #ColContextuel .box04 dl dd.milieu ul li {background-image:url(../../img/fleche_nav_04_off.gif);} #ColContextuel .box04 dl dd.milieu ul li a:hover {color:#009dd8 !important} #ColContextuel .box04 dl dd.bas {background-image:url(../../img/bg_dd_box_fin.gif);} /*-----box 05----*/ #ColContextuel .box05 dl {background-image:url(../../img/bg_dl_box5.gif);background-color:#cedffa;} #ColContextuel .box05 dl dt.haut {background-image:url(../../img/bg_dt_box5.gif);} #ColContextuel .box05 dl dd.milieu a {color:#005AE4;} #ColContextuel .box05 dl dd.milieu ul li {background-image:url(../../img/bg_li_box5.gif);} #ColContextuel .box05 dl dd.milieu ul li a:hover {color:#005AE4 !important} #ColContextuel .box05 dl dd.bas {background-image:url(../../img/bg_dd_box_fin.gif);}