/* COMMUNS / RESET */ /******************************************************************************/ /******************************************************************************/ * {margin:0; padding:0} a { outline:0; text-decoration:none } :focus { outline: 0} img, a img { border:0} input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif;} fieldset { padding: 10px; border: 1px solid #009EFF} legend { padding: 0 15px; color: #009EFF; font-size: 80%} li, ol, ul { list-style: none} label { font-size: 80%} /**/ .clearboth { clear:both;overflow:hidden;height:0 !important;height /**/:1px} .centreur { text-align:center} .fl_gauche, .fl_g { float:left} .fl_droite, .fl_d { float:right} .SPACER { clear:both;overflow:hidden;height:20px !important;height /**/:20px} .ignore_moi { display: none } select.selecteur_petit {background:#fff ;border:1px solid #ccc; font-size:12px;padding:5px;width:50%} select.selecteur_petit option { padding:5px 5px 2px 15px; margin: 0 5px 2px 5px; border-bottom: 1px solid #5FC6F2;} /******************************************************************************/ /******************************************************************************/ h1{ color: #1D4B6F; font-size: 1.2em; margin-bottom: 10px} /**/ body{background: #102e47; font-family: "Lucida Grande","Segoe UI",Arial,Helvetica,sans-serif; text-align:center;} /**/ #GLOBAL{ margin:15px auto 0 auto;width:1000px; text-align: left; background:#fff; overflow:hidden} #GLOBAL .WRAPPER{ padding: 0 20px} /**/ #LOGO{float: left; width: 340px;} #BTN_LOGO{margin: 20px 0 0 25px; display: block;} /* MENU */ #MENU{ display:block; height: 79px; background: url(../img/FD_0.jpg) no-repeat left 0;} #MENU ul{padding: 20px 0 0 0;} #MENU li { float: left; padding: 0 20px 0 0; margin: 0 20px 0 0; border-right: 1px solid #255e8a;} #MENU li.extremite { border-right: 0px solid #255e8a;} #MENU li a span{ display: none} /**/ #MENU a#BTN_0{ background: url(../img/BTN_0.gif) no-repeat left 0; width: 59px; height: 30px; display: block; overflow: hidden;} #MENU a:hover#BTN_0{ background-position: left -30px; } #MENU a#BTN_1{ background: url(../img/BTN_1.gif) no-repeat left 0; width: 67px; height: 30px; display: block; overflow: hidden;} #MENU a:hover#BTN_1{ background-position: left -30px; } #MENU a#BTN_2{ background: url(../img/BTN_2.gif) no-repeat left 0; width: 121px; height: 30px; display: block; overflow: hidden;} #MENU a:hover#BTN_2{ background-position: left -30px; } #MENU a#BTN_3{ background: url(../img/BTN_3.gif) no-repeat left 0; width: 85px; height: 30px; display: block; overflow: hidden;} #MENU a:hover#BTN_3{ background-position: left -30px; } #MENU a#BTN_4{ background: url(../img/BTN_4.gif) no-repeat left 0; width: 88px; height: 30px; display: block; overflow: hidden;} #MENU a:hover#BTN_4{ background-position: left -30px; } /**/ #ENTETE{ display:block; padding-top: 350px; background: url(../img/FD.jpg) no-repeat left 0;} #ENTETE span{ display: none} /* NL */ #LETTRE_ACTU_HOME{ position:absolute; background:#fff; margin-left:590px; width:380px; padding: 10px 0; z-index:9999; border: 2px solid #164066; display: none;} #LETTRE_ACTU_HOME .WRAPPER{padding: 10px;} #LETTRE_ACTU_HOME a.fermer_pave{float: right; font-size: 70%; color: darkolivegreen; background: #CEFF8F; padding: 0 2px; margin-right: 10px; } #LETTRE_ACTU_HOME a:hover.fermer_pave{ color: #CEFF8F; background: #6F9934} #LETTRE_ACTU_HOME p { padding: 15px;} .chargement_en_cours{ position:absolute; float:left; background:#CEFF8F;margin-left:590px; width:380px; padding: 10px 0; z-index:9999; color: darkolivegreen; font-size: 70%; text-align: center} #nlForm{color: #82B33D; padding: 15px } #nlForm label{ color: #333;} #ENTETE #nlForm span{display: block } #nlForm span label{ } input.champ_NL{background: #F8FFEF;border: 1px solid #102E47; color: #102E47;font-family:inherit; font-size: 100%;margin: 0 0 5px 0;padding: 2px; width: 100%;} input.BOUTON{ background: #102E47 ;border: 0; width: 50px; color: #fff; font-weight: bold; height: 20px; margin: 5px 0; } #nlForm label.error{ color: red;background: transparent url(../img/PICTO_fleche_top.gif) no-repeat scroll 0 0; padding: 10px 0 0 0 ; } #nlForm p.petit{font-size: 80%; display: block; text-align: left; color: #666; } #nlForm .feedback{font-size: 75%; padding: 10px; background:floralwhite; color: #222; margin: 0 80px 0 0;} /* HOME */ #LANCEUR-HOME{ background: url(../img/FD_1.jpg) no-repeat 0 0; height: 409px; display: block; padding: 35px 100px 0 100px;} #LANCEUR-HOME h1{background: url(../img/TITRE_0.gif) no-repeat 0 0; height: 40px; display: block; width: 100%;border-bottom: 1px solid #7cd1e9;margin: 0 0 15px 0;} #LANCEUR-HOME h1 span{display: none} /**/ #LANCEUR-HOME li{ margin: 20px 0 0 0; float: left; width: 160px; height: 110px; background: url(../img/FD_5.gif) no-repeat center top;} #LANCEUR-HOME li.seconde{ margin: 20px 0 0 0; float: left; width: 160px; height: 110px; background: url(../img/FD_8.gif) no-repeat center top;} #LANCEUR-HOME .tab_cursor{ background:transparent url(../img/FD_6.gif) no-repeat scroll 60px top; color:#000000;padding: 20px 0 0; width: 480px;} #LANCEUR-HOME .tab_cursor_extremite-1{ background:transparent url(../img/FD_6.gif) no-repeat scroll 220px top; color:#000000;padding: 20px 0 0; width:480px;} #LANCEUR-HOME .tab_cursor_extremite-2{ background:transparent url(../img/FD_6.gif) no-repeat scroll 380px top; color:#000000;padding: 20px 0 0; width:480px;} #LANCEUR-HOME .bulle_etape {background:transparent url(../img/FD_7.gif) no-repeat scroll left top;height: 150px;width: 480px;} #LANCEUR-HOME .bulle_etape .WRAPPER{padding: 10px 15px;} #LANCEUR-HOME .bulle_etape p{font-size: .8em; color: #102e47;} #LANCEUR-HOME .bulle_etape p a{color: red; font-weight: bold;} #LANCEUR-HOME .bulle_etape p a:hover{color: #000; font-weight: bold;} #LANCEUR-HOME #TITRE-1{text-align: center;float: left; width: 470px; background:transparent url(../img/TITRE_1.gif) no-repeat center top; height: 17px;} #LANCEUR-HOME #TITRE-2{text-align: center;float: left; width: 320px; background:transparent url(../img/TITRE_2.gif) no-repeat center top; height: 17px;} #LANCEUR-HOME #TITRE-1 h2, #TITRE-2 h2{ display: none} #LANCEUR-HOME .COMPTEUR{ font-size: 1.5em; padding: 25px 0 10px; font-weight: bold;} #LANCEUR-HOME .LEGENDE{ font-size: .85em; } /**/ #LANCEUR-PIED{border-top:1px solid #7CD1E9; padding: 5px 0 0 0; margin: 5px 0 0 0; text-align: center;} #LANCEUR-PIED dd{font-size: .8em;color: #24537D;} /**/ #LANCEUR-HOME-BAS{ background: url(../img/FD_2.gif) no-repeat 0 0; padding: 20px 0 0 0;display: block;} #LANCEUR-HOME-BAS dl{width: 900px; margin: 0 auto; } #LANCEUR-HOME-BAS dd{width: 280px;margin: 0 20px 0 0 ; float: left;} #LANCEUR-HOME-BAS dd.lanceur{background: #efefef;-moz-border-radius: 15px;-webkit-border-radius: 15px; padding: 15px 0;} #LANCEUR-HOME-BAS dd.separateur{border-right: 1px solid #bfbfbf; width: 279px;} #LANCEUR-HOME-BAS dd .WRAPPER{ width: 234px; margin: 15px auto;} #LANCEUR-HOME-BAS dd p{ font-size: .85em; color: #838AAA; line-height: 1.5em;} #LANCEUR-HOME-BAS dd p a { color: red; font-weight: bold;} #LANCEUR-HOME-BAS dd p a:hover{ color: black; font-weight: bold;} #LANCEUR-HOME-BAS a span{ display: none;} #LANCEUR-HOME-BAS a#BTN_5{ background: url(../img/BTN_5.gif) no-repeat left 0; width: 234px; height:78px;display: block; overflow: hidden;margin:0 auto 10px auto;} #LANCEUR-HOME-BAS a:hover#BTN_5{ background-position: left -78px; } #LANCEUR-HOME-BAS a#BTN_6 { background: url(../img/BTN_6.gif) no-repeat center 0; width: 234px; height: 100px; display: block; overflow: hidden; margin: 0 auto;} #LANCEUR-HOME-BAS a#BTN_7 { background: url(../img/BTN_7.gif) no-repeat center 0; width: 234px; height: 100px; display: block; overflow: hidden; margin: 0 auto;} /* PIEDS */ #PIED{ width: 100%;display:block;padding: 70px 0 0 0; background:#e7e4e4 url(../img/FD_3.gif) no-repeat left top; margin: 10px 0 0 0 ; } #PIED #menu_pied ul{ margin: 0 auto 0 auto; background: #e7e4e4; padding: 5px 0; width: 1000px; border-top: 1px solid #d5d2d2} #PIED #menu_pied li{ float: left; text-align: left;font-size: 0.75em; } #PIED #menu_pied li a{ padding: 0 10px 0 0; margin: 0 10px 0 10px; border-right: 1px solid #909090; } #PIED #menu_pied li a:hover span{background: #737272;color: #fff; } #PIED #menu_pied li a span{ color: #737272; padding: 0 5px;} #PIED #menu_pied li a.extremite{ border: 0} /* #PIED dl{ margin: 0 auto 40px auto; background: #e7e4e4; width: 800px} #PIED dt{ text-align: center; color: #102e47; border-bottom: 1px solid #d5d2d2; padding: 0 0 10px 0;} #PIED dd{ float: left;width: 160px; margin: 10px 0; }*/ /**/ #SUPER_PIED{ width: 1000px; margin: 0 auto; text-align: center; padding: 0 0 25px 0;} #SUPER_PIED a#BTN_8{ background: url(../img/BTN_8.gif) no-repeat center 0; width: 1000px; height:14px;display: block; overflow: hidden; margin: 15px 0} #SUPER_PIED a#BTN_8 span{display: none;} #SUPER_PIED a:hover#BTN_8{ background-position: center -14px; } #SUPER_PIED p{color: #9a9a9a; text-align: center; font-size: .75em;} /**/ #PIED-BAS{ width: 100%;display:block;height: 13px; background:#dfddde url(../img/FD_4.gif) no-repeat left top; } /* PAGE 1 */ #LANCEUR-PAGE{ background: url(../img/FD_9.jpg) no-repeat 0 0; display: block; padding: 35px 100px 30px 100px;} #LANCEUR-PAGE h1{background: url(../img/TITRE_4.gif) no-repeat 0 0; height: 40px; display: block; width: 100%;border-bottom: 1px solid #bebebe;margin: 0 0 15px 0;} #LANCEUR-PAGE h1 span{display: none} #LANCEUR-PAGE h2{background: url(../img/PICTO_infos.gif) no-repeat 0 0; height: 40px; display: block; width: 100%;color: #333; font-size: 1em;margin: 0 30px 15px 30px; padding: 0 0 0 30px;} #LANCEUR-PAGE h2 a{ color: red;text-decoration: none;} #LANCEUR-PAGE h2 a:hover{ color: #000;} #LANCEUR-PAGE h1.theme_contact{background-image: none; height: 40px; display: block; width: 100%;border-bottom: 1px solid #bebebe;margin: 0 0 15px 0;} /**/ .PAGINATION { padding: 2px; background: #F6FFDF; margin: 5px 0;} .PAGINATION a{ } .PAGINATION a:hover{ } .PAGINATION li{ float: left; margin: 0 2px; font-size: .75em} .PAGINATION li.page_active{ color: #759F00;padding: 5px; font-weight: bold; font-size: .9em;} .PAGINATION li.page{ padding: 5px 0;} .PAGINATION li.page a{ color: #759F00;padding: 5px; border: 1px solid #759F00;} .PAGINATION li.page a:hover{ background: #759F00;padding: 5px; border: 1px solid #759F00; color: white;} .PAGINATION li.total{ padding: 5px; float: right;} /* DEVENIR_PASSAGER */ #DEVENIR_PASSAGER{background:url(../img/FD_devenir_pass.gif) no-repeat left top; padding:30px 0 ; width:970px; margin:20px auto 0 auto; } #DEVENIR_PASSAGER .credits{font-size:12px; color:#666666; } #DEVENIR_PASSAGER .credits dt{font-size:14px; color:#333; margin:0 0 10px 0;} #DEVENIR_PASSAGER .credits a{font-size:12px; color:#666666; border-bottom:1px solid #666; padding-bottom:1px; } #DEVENIR_PASSAGER .credits dd{background:url(../img/PICTO_fleche.gif) no-repeat left center; padding:0 0 0 15px; margin:0 0 10px 5px;} #DEVENIR_PASSAGER #container_etapes{ padding:30px 0 0 0; height:550px; } #DEVENIR_PASSAGER #container_etapes li{width:150px;height:120px;background:url(../img/FD_etape.gif) no-repeat left bottom;padding:20px 0;margin:5px 5px 0 5px; } #DEVENIR_PASSAGER #container_etapes li p{margin:30px 0 0 0; } #DEVENIR_PASSAGER #container_etapes li .THUMBS{display:block;height:60px;} #DEVENIR_PASSAGER #container_etapes p{line-height:16pt; padding:0 0 0 5px; margin:10px 0 ; } #DEVENIR_PASSAGER #container_etapes h3{line-height:18pt; margin:0 0 10px; } #DEVENIR_PASSAGER #container_etapes .libre{padding:0 0 0 90px; background:url(../img/PICTO_libre.gif) no-repeat left center; } #DEVENIR_PASSAGER #container_etapes .douanes{padding:0 0 0 45px; background:url(../img/PICTO_douanes.gif) no-repeat left 3px; } #DEVENIR_PASSAGER #container_etapes dd{background:url(../img/PICTO_fleche.gif) no-repeat left center;padding:0 0 0 15px;line-height:16pt;margin:10px 0 ; color:#333;} #DEVENIR_PASSAGER #container_etapes dl{line-height:16pt; } #DEVENIR_PASSAGER #container_etapes dt{font-weight:bold; margin:0 0 10px 0;color:#000; } #DEVENIR_PASSAGER #container_etapes .contenu_etape{color:#000000;background:url(../img/PICTO_cursor.gif) no-repeat 45px top; width:320px; padding:30px 0 0 0;} #DEVENIR_PASSAGER #container_etapes .contenu_etape_extremite{background:url(../img/PICTO_cursor.gif) no-repeat 205px top; width:320px;padding:30px 0 0 0;} #DEVENIR_PASSAGER #container_etapes .bulle_etape{background:url(../img/FD_contenu_etape.gif) no-repeat left top; width:320px;height:260px;} #DEVENIR_PASSAGER #container_etapes .bulle_etape .WRAPPER{padding:30px;} #DEVENIR_PASSAGER #container_etapes .bulle_etape a{color:red;} /* CONTACT */ #LANCEUR-PAGE #CONTACT h1{background: url(../img/PICTO_email.gif) no-repeat 0 0; height: 40px; display: block; width: 100%;border: 0;margin: 0 0 15px 0;} #LANCEUR-PAGE #CONTACT h1 span{ display: block;margin: 0 0 0 40px;} #CONTACT{ border: 1px solid #1D4B6F; background: #fff; margin:20px auto 5px auto; padding: 20px; width: 640px; } #CONTACT label{ display: block } #CONTACT input.BOUTON{ color: green;border: 1px solid green;background: #fff; padding: 5px 0; width: 100px; margin-top: 5px; } #CONTACT input.champ_txt{ padding: 5px ; border: 1px solid #cfcfcf; width: 600px;} #CONTACT textarea{ padding: 5px ; border: 1px solid #cfcfcf; width: 600px;} #CONTACT label.error{display: block; font-size: .8em; font-weight: bold; color: #FF009A;} /**/ #COLLABORATEURS { margin: 0 0 0 550px; z-index: 100; position: relative; top: -10px;} #COLLABORATEURS .WRAPPER{background:url(../img/FD_bulle_info_H.gif) no-repeat 15px top; padding:10px 0 0 0;} #COLLABORATEURS .pop .pop_contenu{background:#fff url(../img/FD_bulle_info_B.gif) repeat-x left bottom ; padding:10px 10px 30px 10px; width:230px; border:1px solid #255e8a; border-top:0;} #COLLABORATEURS .pop .pop_contenu dd{ padding:10px 5px;} #COLLABORATEURS .pop .pop_contenu dd p{ color:#999;} #COLLABORATEURS .pop .pop_contenu a{ font-size:14px; color: #255E8A;} #COLLABORATEURS .pop .pop_contenu a:hover{ color:#000;font-size:14px;} #airFRANCE{display:block; background:url(../img/PICTO_avion.gif) no-repeat left top; padding:0 0 0 40px ;} #PICTO_republique{display:block; background:url(../img/PICTO_republique.gif) no-repeat left top; padding:0 0 0 40px ; height:45px;} .pop .petit {font-size:.85em;} /******************************************************************************/ .bubbleInfo {position: relative; text-align: left;} .trigger {} .popup {position: absolute; display: none; z-index: 50; border-collapse: collapse; width: 160px; background: #efefef; border: 1px solid #000;} .popup .pop_WRAPPER{ padding: 3px; font-size: .75em; color: #000; } .popup .pop_WRAPPER dd{padding: 10px 10px 10px 20px; display: block; background: #fff url(../img/PUCE_0.gif) no-repeat 3px 15px;} .popup .pop_WRAPPER a{ color: red; font-weight: bold;} .popup .pop_WRAPPER a:hover{color: black;} .popup .pop_WRAPPER p{ height: 50px; padding: 5px 0;} /**/ .arrondir{ -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-radius-bottomleft:5px; -webkit-border-radius-bottomright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; } /******************************************************************************/