html{ overflow:-moz-scrollbars-vertical; }
*{margin:0;padding:0;}
body, h1, h2, h3, h4, h5, h6, a, input, select, textarea{font-size:12px; font-family:tahoma, verdana, Helvetica; color:#414141; font-weight:normal; }
img{border:0}
a{text-decoration:none; color:#2382c0; }
a:hover{text-decoration:none; color:#414141; }
ul{list-style:none;}
.clear{clear:both;}
body{ background:url(../img/bg/fond.gif) repeat-x; font-family:tahoma, verdana, Helvetica; }
@font-face {
font-family: 'Helvetica57CondensedRoman';
src: url('font/helveticacd.eot');
src: url('font/helveticacd.eot') format('embedded-opentype'),
url('font/helveticacd.woff') format('woff'),
url('font/helveticacd.ttf') format('truetype'),
url('font/helveticacd.svg#Helvetica57CondensedRoman') format('svg');
}
@font-face {
font-family: 'GeorgiaRegular';
src: url('font/georgia.eot');
src: url('font/georgia.eot') format('embedded-opentype'),
url('font/georgia.woff') format('woff'),
url('font/georgia.ttf') format('truetype'),
url('font/georgia.svg#GeorgiaRegular') format('svg');
}
#global{width:977px; margin:0 auto; padding-top:13px }
header{ position:relative; padding-top:80px; }
header h1.logo{ position:absolute; top:14px; left:9px}
header .eurolines{ position:absolute; top:53px; left:232px}
header .offres{ position:absolute; top:85px; right:20px; display:block; background:url(../img/bg/offres.png) no-repeat; width:217px; text-align:center}
header .offres a{ color:#fff; font-family: 'Helvetica57CondensedRoman'; font-size:17px; text-transform:uppercase; text-align:center; padding-top:6px; outline:none; line-height:30px;}
header .offres a:hover{ color:#E9F2F9}
header .offres .bloc2{ position:relative; z-index:999; height:33px; cursor:pointer}
header .offres .bloc2 .offresSpecial{ top:3px; left:-13px; height:305px; position:absolute; width:248px;}
a.home{ background:url(../img/pictos/home.png) no-repeat 0px 0px; display:block; width:21px; height:18px; top:89px; left:12px; position:absolute}
a.home:hover{ background:url(../img/pictos/home_over.png) no-repeat 0px 0px}
nav#menuPrincipal{ background:url(../img/bg/fond-menu.png) no-repeat; height:37px; padding-top:1px; }
nav#menuPrincipal ul{padding-left:45px; position:relative; z-index:999 }
nav#menuPrincipal ul li{ float:left; display:inline; background:url(../img/bg/menu-sep1.gif) no-repeat left; padding:0 1px 0 2px; }
nav#menuPrincipal ul li a{ color:#fff; font-family: 'Helvetica57CondensedRoman'; font-size:17px; text-transform:uppercase; display:block; height:29px; padding:6px 22px 0 22px; line-height:22px; overflow:hidden; font-size: 14px\8; }
*+html nav#menuPrincipal ul li a{ font-size: 14px; }
nav#menuPrincipal ul li a{ font-size: 14px\9; }
nav#menuPrincipal ul li a:hover{ background:url(../img/bg/hover-menu.gif) repeat-x; color:#a9ddff}
nav#menuPrincipal ul li a.active,nav#menuPrincipal ul li a.hover{background:url(../img/bg/hover-menu.gif) repeat-x; color:#a9ddff}
span.subspan{ display:none}
nav#menuPrincipal ul li ul{position:absolute; -webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; border:2px solid #2075ad; background:url(../img/bg/menu-fond.png) repeat; display:none;width:954px; top:34px;padding:5px; }
nav#menuPrincipal ul li.first ul{ display:none; left:2px;}
nav#menuPrincipal ul li.second ul{ display:none; left:2px;}
nav#menuPrincipal ul li.third ul{ display:none; left:2px;}
nav#menuPrincipal ul li.fourth ul{ display:none; left:2px;}
nav#menuPrincipal ul li ul li a{color:#2381c0; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-transform:none; height:auto; padding:0 !important}
nav#menuPrincipal ul li ul li a:hover, nav#menuPrincipal ul li ul li a.hover{ background:none; color:#033A82 }
nav#menuPrincipal ul li ul li a.active{ background:none; color:#033A82}
nav#menuPrincipal ul li ul li span{ font-size:11px}
nav#menuPrincipal ul li ul li{ background:none; width:160px; float:left; margin:5px 10px 5px 10px; padding:0px 10px 0 45px; min-height:70px}
nav#menuPrincipal ul li ul li span.subspan{ display:block}
nav#menuPrincipal ul li ul li ul.menu{ display:none !important}
nav#menuPrincipal ul li ul li.a-ln{ background:url(../img/bg/menu/rub1/lignes-nationales.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.a-li{ background:url(../img/bg/menu/rub1/lignes-internationales.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.a-na{ background:url(../img/bg/menu/rub1/nos-agences.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.a-ectm{ background:url(../img/bg/menu/rub1/experience.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.a-club{ background:url(../img/bg/menu/rub1/club.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.a-rech{ background:url(../img/bg/menu/rub1/maroc.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.a-prem{ background:url(../img/bg/menu/rub1/premium.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.a-meteo{ background:url(../img/bg/menu/rub1/meteo.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.b-ach{ background:url(../img/bg/menu/rub2/acheter-billet.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.b-lh{ background:url(../img/bg/menu/rub2/lignes-horaire.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.b-os{ background:url(../img/bg/menu/rub2/meilleures-offres.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.b-pv{ background:url(../img/bg/menu/rub2/preparer-voyage.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.c-par{ background:url(../img/bg/menu/rub3/particulier.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.c-ent{ background:url(../img/bg/menu/rub3/entreprise.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.c-tour{ background:url(../img/bg/menu/rub3/touristique.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.c-msg{ background:url(../img/bg/menu/rub3/messagerie.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.d-nc { background:url(../img/bg/menu/rub4/nous-connaitre.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.d-dnd{ background:url(../img/bg/menu/rub/nos-metier.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.d-ctmco{background:url(../img/bg/menu/rub4/ctm-corporate.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.d-ecp{ background:url(../img/bg/menu/rub4/carriere.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.d-nres{ background:url(../img/bg/menu/rub4/respo.png) no-repeat top left; width:180px}
nav#menuPrincipal ul li ul li.d-dnd{ background:url(../img/bg/menu/rub4/nos-metier.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.d-mp{ background:url(../img/bg/menu/rub4/mot-president.png) no-repeat top left;}
nav#menuPrincipal ul li ul li.d-pub{ background:url(../img/bg/menu/rub4/publication.png) no-repeat top left;}
nav#menuHaut{ position:absolute; right:0; top:-7px;}
nav#menuHaut ul{ float:left}
nav#menuHaut ul li.fisrt{ background:none; margin-top: -4px;}
nav#menuHaut ul li{ float:left; background:url(../img/bg/menu-sep.gif) left 8px no-repeat; padding:0 8px 0 8px}
nav#menuHaut ul li a{ float:left; color:#292d37; font-size:11px; padding:4px 0 10px}
nav#menuHaut ul li a:hover{ color:#1f75ac}
nav#menuHaut ul li.last a{ padding-right:14px; display:block}
nav#menuHaut ul li.last ul li{ padding:0; background:none; position: relative; width:80px;}
nav#menuHaut ul li.last ul li span{ display:block; position:absolute; right:0px; top:0px; background:url(../img/bg/langues.gif) right 6px no-repeat; width:12px; height:20px; cursor:pointer }
nav#menuHaut ul li a.youtube{ width:32px; height:32px; background:url(../img/pictos/rs-top/youtube.png) no-repeat; margin:0px 8px}
nav#menuHaut ul li a.twitter{width:32px; height:32px; background:url(../img/pictos/rs-top/twitter.png) no-repeat; margin:0px 8px}
nav#menuHaut ul li a.facebook{width:32px; height:32px; background:url(../img/pictos/rs-top/facebook.png) no-repeat; margin:0px 8px}
nav#menuHaut ul li a.instagram{ width:32px; height:32px; background:url(../img/pictos/rs-top/instagram.png) no-repeat; margin:0px 8px}
#recherche{ position:absolute; right:0px; top:43px}
#recherche input{ width: 140px; height:22px; background:url(../img/bg/fond-recherche.png) no-repeat; border:none; padding-left:14px; color:#414141; font-size:11px; margin:5px 0 0 5px}
#recherche input.ok{width: 25px; height:22px; background:url(../img/bg/ok.png) no-repeat; padding:0; margin:1px 8px 0 5px}
#blocBottom{ height:34px; clear:both; padding:11px 0; position:relative}
#blocBottom .numVert{ position:absolute; left:2px; top:9px;}
#blocBottom ul{ float:right}
#blocBottom ul li{float:left; margin:0px 2px 0px 7px}
#services{ width:100%; background:#e9f2f9; padding:5px 0; margin:0px 0px 19px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#services p{ font-weight:bold; color:#666666; width:294px; margin-left:13px; float:left}
#services ul li{}
#services ul li a{ display:block; width: 100%; height: 52px;}
#services ul li.bagages a{ background:url(../img/pictos/pictos-slide/bagages.png) no-repeat}
#services ul li.bagages a:hover{background:url(../img/pictos/pictos-slide/bagages_over.png) no-repeat}
#services ul li.ponctualite a{ background:url(../img/pictos/pictos-slide/ponctualite.png) no-repeat}
#services ul li.ponctualite a:hover{ background:url(../img/pictos/pictos-slide/ponctualite_over.png) no-repeat}
#services ul li.confort a{background:url(../img/pictos/pictos-slide/confort.png) no-repeat}
#services ul li.confort a:hover{background:url(../img/pictos/pictos-slide/confort_over.png) no-repeat}
#services ul li.wifi a{background:url(../img/pictos/pictos-slide/wifi.png) no-repeat}
#services ul li.wifi a:hover{background:url(../img/pictos/pictos-slide/wifi_over.png) no-repeat}
#services ul li.meteo a{background:url(../img/pictos/pictos-slide/meteo.png) no-repeat}
#services ul li.meteo a:hover{background:url(../img/pictos/pictos-slide/meteo_over.png) no-repeat}
.mentionLegale { clear:both; height:20px;}
.mentionLegale ul li{ float:left; background:url(../img/bg/sep1.gif) no-repeat left 5px; color:#414141; font-size:10px; padding:2px 8px}
.mentionLegale ul li.first{ background:none; padding:2px 8px 2px 0px}
.mentionLegale ul li a{ color:#414141; font-size:10px;}
.mentionLegale ul li a:hover{ color:#023A82}
footer{ position:relative}
footer #menuBottom{ padding-top:10px;}
footer #menuBottom ul li.expanded{ float:left; width:200px;}
footer #menuBottom ul li.expanded a{ color:#414141; font-size:12px; font-weight:bold; text-transform:uppercase; padding-bottom:4px; display:block}
footer #menuBottom ul li.expanded ul li a{color:#8d8d8d; font-size:11px; font-weight:normal; text-transform:none; padding-bottom:1px}
footer #menuBottom ul li.expanded ul li a:hover{ color:#000}
footer #menuBottom ul li.expanded ul li ul.menu{display:none !important}
ul#suivezNous{ position:absolute; right:10px}
ul#suivezNous li{ color:#414141; font-size:12px; font-weight:bold; text-transform:uppercase; padding-bottom:8px; display:block; }
ul#suivezNous li a{ color:#484848; font-size:10px;text-transform:none; }
ul#suivezNous li a:hover{ color:#47A7E7; }
ul#suivezNous li.facebook{ background:url(../img/pictos/rs/facebook.png) no-repeat left; padding:0px 0 1px 18px; width:58px; margin-bottom:3px}
ul#suivezNous li.twitter{ background:url(../img/pictos/rs/twitter.png) no-repeat left; padding:0px 0 1px 18px; width:58px; margin-bottom:3px}
ul#suivezNous li.youtube{ background:url(../img/pictos/rs/youtube.png) no-repeat left; padding:0px 0 1px 18px; width:58px; margin-bottom:3px}
div#slides2{ width:248px; float:left; position:relative}
div#slides2 .slidesjs-pagination{ position:absolute; top:280px; z-index:99; left:11px}
div#slides2 .slidesjs-pagination li{ float:left; margin:0px 3px}
div#slides2 .slidesjs-pagination li a{ background:url(../img/bg/a-slide1.png) no-repeat; width:12px; height:12px; display:block; font-size:0px; color:#000; padding:0px;}
div#slides2 .slidesjs-pagination li a:hover, div#slides2 .slidesjs-pagination li a.active{background:url(../img/bg/a-slide2.png) no-repeat; font-size:0px; color:#fff}
div#slides2 .slidesjs-navigation{ display:none}
div#slides2 .slidesjs-container{ height:315px !important}
header .connected .logout { border: 1px solid #DEDEDE; color: #000000;font-weight: bold;padding: 2px 7px;}
header .connected a.personne {color: #D34654;}
header .connected {left: 358px;position: absolute;top: 4px;z-index: 999;}
.jingle{width:200px; position:absolute; top:34px; right:218px; height:36px; }
.jingle h3{ font-family: 'Helvetica57CondensedRoman'; font-size:12px; margin:2px 0px 0px 0px; text-transform:uppercase; color:#2281BF !important; font-weight:bold; line-height:15px }
.jingle .kkc-days{ font-family: 'GeorgiaRegular'; font-size:20px; margin:2px 5px 0px 0px; text-transform:uppercase; color:#5CBD20 !important; font-weight:bold; line-height:15px }
.jingle .kkc-days-text{font-size:11px; font-weight:bold; font-family: 'GeorgiaRegular'; color:#AAAAAA }
.kkc-hours, .kkc-hours-text, .kkc-sec, .kkc-min-text, .kkc-min{display:none !important}
@media (max-width: 1024px) and (max-width: 1049px) {}
/* For larger displays */
@media (min-width: 1084px) {}
/* ==========================================================================
HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 35em) {
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
/* ==========================================================================
Helper classes
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* For larger displays */
/* ==========================================================================
HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (min-width: 35em) {
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
/* ==========================================================================
Helper classes
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}