@import url(commun.css);
section#formulaire{width:343px; float:left;  }
div#slides{ width:634px; float:left; margin-top:20px; position:relative}
div#slides .slidesjs-pagination{ position:absolute; top:271px; z-index:99; left:11px}
div#slides .slidesjs-pagination li{ float:left; margin:0px 3px}
div#slides .slidesjs-pagination li a{ background:url(../img/bg/a-slide.png) no-repeat; width:13px; height:13px; display:block; font-size:0px; color:#000; padding:3px;}
div#slides .slidesjs-pagination li a:hover, div#slides .slidesjs-pagination li a.active{background:url(../img/bg/a-slide_active.png) no-repeat; font-size:0px; color:#fff}
div#slides .slidesjs-navigation{ display:none}
div#slides .slidesjs-container{ height:296px !important}
div#slides .promo{ position:relative; line-height:30px;}
div#slides .promo h2{ position:absolute; top:26px; left:17px; color:#271a15; font-size:30px;font-family: 'GeorgiaRegular';}
div#slides .promo h3{ position:absolute; top:36px; left:373px; color:#271a15; font-size:45px;font-family: 'GeorgiaRegular';}
div#slides .promo h3 span{ color:#fff; font-size:30px; margin:0; padding:0; }
div#slides .promo h4{position:absolute; top:176px; left:510px; font-size:48px; color:#fff; font-family: 'GeorgiaRegular';}
div#slides .promo h4 span{ font-size:18px;}
div#slides .promo a.savoirPlus{ background:url(../img/bg/savoirplus.gif) right #cf302d;color:#fff; font-weight:bold; font-size:11px; display:block; position:absolute; right:18px; bottom:20px; padding:7px 26px 7px 8px; line-height:14px; display:none}
div#slides .promo a.savoirPlus:hover{ color:#000}

#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; padding-top:10px;}
#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 a{ display:block;  width: 100%;  height: 52px;}
#services ul li.bagages-en a{ background:url(../img/pictos/pictos-slide-en/bagages.png) no-repeat}
#services ul li.bagages-en a:hover{background:url(../img/pictos/pictos-slide-en/bagages_over.png) no-repeat}
#services ul li.ponctualite-en a{ background:url(../img/pictos/pictos-slide-en/ponctualite.png) no-repeat}
#services ul li.ponctualite-en a:hover{ background:url(../img/pictos/pictos-slide-en/ponctualite_over.png) no-repeat}
#services ul li.confort-en a{background:url(../img/pictos/pictos-slide-en/confort.png) no-repeat}
#services ul li.confort-en a:hover{background:url(../img/pictos/pictos-slide-en/confort_over.png) no-repeat}
#services ul li.wifi-en a{background:url(../img/pictos/pictos-slide-en/wifi.png) no-repeat}
#services ul li.wifi-en a:hover{background:url(../img/pictos/pictos-slide-en/wifi_over.png) no-repeat}
#services ul li.meteo-en a{background:url(../img/pictos/pictos-slide-en/meteo.png) no-repeat}
#services ul li.meteo-en a:hover{background:url(../img/pictos/pictos-slide-en/meteo_over.png) no-repeat}




.arServices .jcarousel-skin-tango .jcarousel-item {border-left:1px solid #787878 !important;}


.bloc1{width:321px; float:left; position:relative}
.bloc1 h2{ color:#2382c0; position:absolute; top:11px; padding:6px 16px; color:#2382c0; font-family: 'Helvetica57CondensedRoman'; font-size:20px; background:url(../img/bg/fond-h2.png); width:287px}
.bloc1 ul{ position:absolute; bottom:10px; left:6px; background:url(../img/bg/menu-bloc.png) repeat; border:1px solid #fff}
.bloc1 ul li{ float:left; background:url(../img/bg/li-bloc.png) left no-repeat;}
.bloc1 ul li.first{ background:none}
.bloc1 ul li a{ float:left; color:#fff; font-size:12px; font-weight:bold; text-transform:uppercase;display:block; padding:9px 10px; text-align:center }
.bloc1 ul li a:hover{ display:block; background:#0564a2;  }

#nosServices li{ padding-left:2px }
#nosServices ul li.first{ background:none; padding-left:0px}

#reseau{margin:0 7px }
#reseau ul li.first a{width:117px;}
#reseau ul li a{width:150px;}
#ctm ul li a{ width:133px; white-space:nowrap;}


#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}

.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}


/*ul#suivezNous{ position:absolute; right:25px}
ul#suivezNous li{ color:#414141; font-size:12px; font-weight:bold; text-transform:uppercase; padding-bottom:4px; display:block}
ul#suivezNous li a{ color:#8d8d8d; font-size:11px;text-transform:none;}
ul#suivezNous li a:hover{ color:#000; }
ul#suivezNous li.facebook{ background:url(../img/pictos/rs/facebook.png) no-repeat left;  padding:6px 0 6px 28px}
ul#suivezNous li.twitter{ background:url(../img/pictos/rs/twitter.png) no-repeat left; padding:6px 0 6px 28px}
ul#suivezNous li.youtube{ background:url(../img/pictos/rs/youtube.png) no-repeat left; padding:6px 0 6px 28px}*/



form.jqtransformdone div.rowElem{ width:145px; float:left; clear:none; margin:3px 5px 3px 0px; font-size:11px; color:#dcebfa }
.jqTransformSelectWrapper{ width:145px !important; background:url(../img/bg/select.png) no-repeat; height:23px;}
.jqTransformSelectWrapper a.jqTransformSelectOpen{right: 0px; width: 22px; height: 22px; background:url(../img/bg/select_right.png) no-repeat;}
.jqTransformSelectWrapper div span { padding:3px 0 0 5px; height:19px; font-weight:bold; color:#333333}
.jqTransformRadio{ background:url(../img/bg/radio.png) no-repeat; width:12px; height:12px}
form.jqtransformdone div.nbrPassager .jqTransformSelectWrapper a.jqTransformSelectOpen{ background:url(../img/bg/select_right2.png) no-repeat;}
.jqTransformSafari .jqTransformInputInner div input{ position:relative; height:30px; overflow:visible}
.jqTransformSafari .jqTransformInputInner div{ margin:0px;}

.formHome{}
.formHome p.plusRecherche{ text-align:right; margin:5px 15px 0px 0px }
.formHome p.plusRecherche a{ color:#fff; font-size:10px;}
.formHome .recherche{ background:url(../img/bg/fond-rechercher.gif) repeat-x #1c6697; padding:10px 0; width:298px; text-align:center; border:1px solid #fff; color:#fff; font-weight:bold; margin-top:5px}
.formHome .jqTransformSelectWrapper ul{ width:145px !important; }
.formHome .datepiker{ background:url(../img/bg/fond-input.gif) 0px 0px no-repeat; width:144px !important; height:22px !important; border:none; cursor:pointer; font-weight:bold; color:#333333; padding:0px 0 0 5px; font-size:10px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.formHome .datepiker {
background:url(../img/bg/fond-input.gif) 0px 10px no-repeat !important; height:39px !important;

	}
}
.jqTransformSelectWrapper div span{ font-size:10px}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GABARITS  Formulaire onglets */

#formulaire ul.nav{list-style:none; width:330px; height:37px; height:37px; background:url(../img/bg/onglets.png) no-repeat; margin:20px 0 9px;  }
#formulaire  ul.nav li{float:left; }
#formulaire  ul.nav li.acheter a{ display:block; width:120px; height:27px; background:url(../img/bg/acheter.png) no-repeat 16px 9px;  padding:10px 0px 0px 45px; font-weight:bold}
#formulaire  ul.nav li.acheter a:hover, #formulaire  ul.nav li.acheter a.current{  background:url(../img/bg/acheter_hover.png) no-repeat 0px 0px; color:#fff}
#formulaire  ul.nav li.horaire a{display:block; width:111px; height:27px; background:url(../img/bg/horaire.png) no-repeat 21px 8px; padding:10px 0px 0px 49px; font-weight:bold; margin-left:2px}
#formulaire  ul.nav li.horaire a:hover, #formulaire  ul.nav li.horaire a.current{background:url(../img/bg/horaire_hover.png) no-repeat 0px 0px; color:#fff}
#formulaire .onglets{}
#formulaire .list-wrap{ background:url(../img/bg/fond-formulaire.png) no-repeat; width:313px; height:250px !important; padding:13px 0 0 15px; color:#fff }


@media (max-width: 767px) {}
@media (max-width: 480px) {}
@media (min-width: 768px) and (max-width: 979px) {.container {}}
@media (min-width: 1200px) { }