/* CSS Document */
html, body {
margin:0;
padding:0;
font:100% Verdana, Arial, Helvetica, sans-serif;
}
html {
background:#ffffff url("../images/background.jpg") no-repeat top center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
position:relative;
min-height:100%;
}
body {
font-size:12px;
line-height:16px;
color:#ffffff;
}
* {
margin:0;
padding:0;
}


/* La Bannière */
div#banniere {
width:925px;
height:195px;
margin:0 auto 37px auto;
position:relative;
}
img#logo {
width:524px;
height:195px;
position:absolute;
top:0;
left:0;
z-index:10;
}
img#autocar {
width:426px;
height:162px;
position:absolute;
top:39px;
right:0;
z-index:5;
}
img#autocar_accueil {
width:300px;
height:114px;
position:absolute;
top:87px; /* 48px de décalage */
right:300px;
z-index:5;
}

#facebook{
    position: absolute;
    top: 1em;
    right: 0;
}

#facebook #lien_facebook_arsac{
    display: inline-block;
}

#facebook #lien_facebook_arsac > img{
    margin-top: -30px;
}


/* Le Menu */
div#menu {
width:925px;
height:49px;
position:absolute;
top:195px;
left:0;
z-index:15;
background:url('../images/bg-menu.png') no-repeat center top;
}
/* premier niveau */
div#menu ul.topnav {
width:925px;
height:37px;
background-color:#000000;
list-style-type:none;
}
div#menu ul.topnav > li {
float:left;
position:relative;
}
div#menu ul.topnav > li > a {
display:block;
font-size:15px;
line-height:15px;
padding:10px 7px 12px 7px;
text-align:center;
font-family:Helvetica, Arial, sans-serif;
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
}
div#menu ul.topnav > li > a:hover, div#menu ul.topnav > li > a#a_actif_principal {
background-color:#e11425;
}
/* second niveau */
div#menu ul.topnav li ul.subnav {
list-style-type:none;
position:absolute;
top:37px;
left:0;
padding:0;
background-color:#000000;
}
div#menu ul.topnav li ul.subnav > li {
margin:0;
padding:0;
width:250px;
}
div#menu ul.topnav li ul.subnav > li > a {
display:block;
font-size:15px;
line-height:15px;
padding:4px 4px 4px 4px;
text-align:left;
font-family:Helvetica, Arial, sans-serif;
color:#ffffff;
text-decoration:none;
/* text-transform:uppercase; */
}
div#menu ul.topnav li ul.subnav > li > a:hover, div#menu ul.topnav li ul.subnav > li > a#a_actif_secondaire {
background-color:#e11425;
}


/* Le Contenu */
div#conteneur {
width:792px;
padding:30px 55px 45px 55px;
margin:0 auto 49px auto;
/*background-color:#041858;*/
background-color:rgba(4, 24, 88, 0.7);
background-image:url('../images/bg-conteneur.png');
background-repeat:no-repeat;
background-position:left top;
/*color: rgba(4, 24, 88, 0.4);*/
color:#ffffff;
}
div#texte_intro {
height:150px;
margin:0 0 0 200px;
text-align:justify;
position:relative;
}
div#texte_intro_devis {
    height:auto;
    margin:0 0 0 200px;
    text-align:justify;
    position:relative;
}
div#texte_intro_contenu {
width:250px;
position:absolute;
bottom:0;
left:0;
}
div#texte_page_simple {
margin:150px 0 0 0;
}
div.colonne_gauche_300px {
float:left;
width:300px;
}
div.colonne_droite_150px {
float:left;
width:150px;
}
div.colonne_225px {
    float:left;
    width:225px;
}

div.colonne_gauche_50pc {
    float: left;
    width: 48%;
}
div.colonne_droite_50pc {
    float:right;
    width:48%;
}



/* Page d'Accueil */
div.bloc_gauche_accueil {
float:left;
width:346px;
height:246px;
position:relative;
}
div.bloc_droite_accueil {
float:right;
width:346px;
height:246px;
position:relative;
}





div.accueil_blocs {
width:346px;
height:246px;
position:relative;
z-index:10;
overflow:hidden;
}
a.a_accueil_blocs {
display:block;
width:346px;
height:246px;
text-decoration:none;
position:relative;
z-index:1500;
}
a.a_accueil_blocs > span.span_accueil_blocs {
display:block;
width:346px;
height:28px;
overflow:hidden;
background-color:#e11425;
}
a.a_accueil_blocs > span > span.span_accueil_blocs_titre {
display:block;
width:336px;
height:18px;
font-size:18px;
line-height:18px;
padding:5px;
color:#ffffff;
text-transform:uppercase;
text-align:center;
letter-spacing:0px;
}
a.a_accueil_blocs > span > span.span_accueil_blocs_texte {
display:block;
width:326px;
font-size:16px;
line-height:16px;
padding:5px 10px;
color:#ffffff;
text-align:justify;
}
a.a_accueil_blocs > span > span.span_accueil_lire_la_suite {
display:block;
width:326px;
font-size:16px;
line-height:16px;
padding:5px 10px;
color:#ffffff;
text-decoration:none;
/*font-style:italic;*/
font-weight:bold;
text-align:right;
}
a.a_accueil_blocs > span > span.span_accueil_lire_la_suite:hover {
text-decoration:underline;
}







div.bloc_titre {
position:absolute;
top:0;
left:0;
z-index:15;
width:156px;
height:37px;
background-color:#e11425;
}
div.bloc_titre_100pc {
position:absolute;
top:0;
left:0;
z-index:15;
width:346px;
height:37px;
background-color:#e11425;
}
div.bloc_titre a, div.bloc_titre_100pc span, div.bloc_titre_100pc a {
display:block;
padding:9px 8px 12px 8px;
font-size:16px;
line-height:16px;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
text-decoration:none;
}
div.bloc_texte {
position:absolute;
top:37px;
left:0;
z-index:15;
width:144px;
height:194px;
padding:6px 6px 9px 6px;
background-color:rgba(4, 24, 88, 0.4);
text-align:justify;
}
div.bloc_texte_100pc {
position:absolute;
top:37px;
left:0;
z-index:15;
width:330px;
height:188px;
padding:9px 8px 12px 8px;
background-color:rgba(4, 24, 88, 0.4);
}
div.bloc_diapo {
position:absolute;
top:0;
right:0;
z-index:1;
width:346px;
height:246px;
}
h2.h2_accueil {
font-size:12px;
line-height:12px;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
text-decoration:none;
background:url("../images/puce-h2.jpg") no-repeat center left;
padding-left:15px;
margin:0 0 5px 0;
}
h2 > a.a_h2_accueil {
display:block;
font-size:12px;
line-height:12px;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
text-decoration:none;
}


/* Les Listings d'Articles */
div.listing {
width:475px;
height:90px;
padding:10px 0 10px 0;
border-bottom:1px dotted #ffffff;
}
div.listing_actu {
width:590px;
height:90px;
padding:10px 0 10px 0;
border-bottom:1px dotted #ffffff;
}
div.listing_image, div.listing_image_portrait {
float:left;
width:160px;
height:89px;
text-align:center;
}
div.listing_image img {
width:160px;
}
div.listing_image_portrait img {
height:89px;
}
div.listing_texte {
float:right;
width:275px;
height:89px;
}
div.listing_texte_actu {
float:right;
width:390px;
height:89px;
}
div.listing_texte div.listing_titre, div.listing_texte_actu div.listing_titre {
display:block;
color:#e11425;
font-size:13px;
line-height:19px;
font-weight:bold;
font-style:italic;
text-align:left;
}
div.listing_texte h2 {
font-size:15px;
line-height:21px;
margin:0 0 10px 0;
/*background:url("../images/puce-h2.jpg") no-repeat center left;
padding-left:15px;*/
background:none;
padding-left:0;
}
div.listing_texte_actu h2 {
font-size:15px;
line-height:21px;
margin:0 0 5px 0;
/*background:url("../images/puce-h2.jpg") no-repeat center left;
padding-left:15px;*/
background:none;
padding-left:0;
}
div.listing_texte h2 a, div.listing_texte_actu h2 a {
font-size:15px;
line-height:21px;
color:#ffffff;
text-decoration:none;
}
div.listing_texte div.listing_ligne_bas {
height:30px;
position:relative;
display:block;
color:#ffffff;
}
div.listing_texte span.span_date_voyage {
position:absolute;
top:0;
left:0;
font-weight:bold;
}
div.listing_texte a.a_lire_la_suite, div.listing_texte_actu a.a_lire_la_suite {
position:absolute;
bottom:0;
right:0;
color:#ffffff;
text-decoration:none;
font-weight:bold;
font-style:italic;
}
div#pagination {
display:block;
text-align:center;
font-size:1rem;
line-height:1rem;
font-weight:bold;
margin:20px 0;
}
div#pagination a {
font-size:1rem;
line-height:1rem;
font-weight:bold;
}


/* Article */
div.article_colonne_gauche {
float:left;
width:450px;
}
div.article_colonne_gauche p.display_seb, p.display_seb {
text-indent:0;
margin-bottom:10px;
}
div.article_colonne_gauche ul {
margin-left:15px;
}
div.article_colonne_gauche a {
text-decoration:underline;
color:#ffffff;
}
/*
div.article_colonne_gauche a:after {
content:"\0000a0[\2197]";
}
*/
span.span_date_publication {
display:block;
font-style:italic;
}
div.article_diapo {
width:450px;
height:250px;
margin-bottom:25px;
position:relative;
}
img.photo_article {
float:left;
width:300px;
margin:0 15px 5px 0;
}
img.photo_article_droite {
float:right;
width:300px;
margin:0 0 5px 15px;
}
img.photo_article_autre {
width:300px;
margin:10px 10px 10px 10px;
}
div.article_photos_voir_aussi {
width:120px;
height:60px;
float:left;
margin:10px;
text-align:center;
}
div.article_photos_voir_aussi img {
height:60px;
}
div.bloc_details_article {
width:450px;
margin-bottom:20px;
}
div.bloc_details_article_titre {
width:450px;
height:37px;
background-color:#e11425;
}
div.bloc_details_article_titre span, div.bloc_details_article_titre a {
display:block;
padding:9px 8px 12px 8px;
font-size:16px;
line-height:16px;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
text-decoration:none;
}
div.bloc_details_article_texte {
width:434px;
padding:9px 8px 12px 8px;
background-color:rgba(4, 24, 88, 0.4);
}
div.bloc_details_article_texte a.a_telechargement {
display:block;
background:url("../images/pdf.png") no-repeat center left;
padding-left:41px;
color:#ffffff;
text-decoration:none;
}
div.bloc_details_article_texte a.a_telechargement:hover {
text-decoration:underline;
}
/* Les Journées */
div.bloc_journees {
width:450px;
margin-bottom:20px;
}
div.bloc_journees_article_titre {
width:434px;
padding:9px 8px 12px 8px;
background-color:#e11425;
}
div.bloc_journees_article_titre h2 {
display:block;
padding-left:0;
background:none;
font-size:16px;
line-height:16px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
margin:0;
}
div.bloc_journees_article_titre h2, div.bloc_journees_article_titre h2 a {
display:block;
font-size:16px;
line-height:16px;
font-weight:bold;
color:#ffffff;
text-decoration:none;
margin:0;
}
div.bloc_journees_article_titre span {
display:block;
padding:9px 8px 0 0;
font-size:12px;
line-height:12px;
font-weight:bold;
text-decoration:none;
}
div.bloc_journees_article_texte {
width:434px;
padding:9px 8px 12px 8px;
background-color:rgba(4, 24, 88, 0.4);
}
div.bloc_journees_article_texte a.a_lire_la_suite_journee {
display:block;
text-align:right;
color:#ffffff;
text-decoration:none;
font-weight:bold;
font-style:italic;
margin-top:5px;
}
/* La Colonne de Droite */
div.article_colonne_droite {
float:right;
width:265px;
}
div.bloc_droite_article {
width:265px;
margin-bottom:20px;
}
div.bloc_droite_article_titre {
width:265px;
height:37px;
background-color:#e11425;
}
div.bloc_droite_article_titre span, div.bloc_droite_article_titre a {
display:block;
padding:9px 8px 12px 8px;
font-size:16px;
line-height:16px;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
text-decoration:none;
}
div.bloc_droite_article_texte {
width:249px;
padding:9px 8px 12px 8px;
background-color:rgba(4, 24, 88, 0.4);
}
div.bloc_droite_article_texte a {
display:block;
background:url("../images/pdf.png") no-repeat center left;
padding-left:41px;
color:#ffffff;
text-decoration:none;
}
div.bloc_droite_article_texte div.titre_actu a {
display:block;
background:none;
padding-left:0;
margin-bottom:15px;
color:#ffffff;
text-decoration:underline;
}
div.bloc_droite_article_texte div.actu_lire_la_suite a {
display:block;
text-align:right;
background:none;
padding-left:0;
color:#ffffff;
text-decoration:underline;
}
div.bloc_droite_article_texte a:hover {
text-decoration:underline;
}

.les_logos_partenaires_transport {
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

img.logo_partenaires_transport {
    /* float: left; */
    width: 120px;
    /* height: 150px; */
    padding: 1em;
}

/* Le formulaire de contact */
form#form_contact label {
display:block;
float:left;
width:110px;
text-align:left;
}
form#form_contact label.label_large {
display:block;
width:249px;
text-align:left;
}
form#form_contact input[type="text"], form#form_contact textarea {
display:block;
float:left;
width:335px;
text-align:left;
}

/* Le formulaire de devis */
form#form_contact.form_devis .bloc {
    border: 1px solid #ffffff1f;
    border-radius:0.25rem;
    padding:1.25rem;
    margin-bottom: 2rem;
}
form#form_contact.form_devis .title {
    display: inline-block;
    border-radius: 0.25rem;
    padding: 0.5rem;
    margin-top: -2rem;
    margin-bottom: 1rem;
    background: #e11425;
    color: white;
    text-transform: uppercase;
}
form#form_contact.form_devis label {
    display:block;
    text-align:left;
    float: none;
    width: 98%;
    margin-bottom: 0.25rem;
}
form#form_contact.form_devis input:not([type="image"]), form#form_contact textarea {
    display:block;
    text-align:left;
    float: none;
    width: 98%;
    padding: 0.25rem;
    border-radius: 0.25rem;
    border: none;
}
form#form_contact.form_devis .ui_message_erreur {
    margin-bottom: 3rem;
}

/* Signature du site */
div#bas_de_page {
position:absolute;
bottom:0;
left:0;
width:100%;
padding:15px 0 20px 0;
background-color:#000000;
}
div#bas_de_page_contenu {
width:792px;
margin:0 auto;
font-size:10px;
line-height:14px;
text-align:right;
}
div#bas_de_page_contenu a {
font-size:10px;
line-height:14px;
color:#ffffff;
text-decoration:none;
}
div#bas_de_page_contenu a.lien_couleur_normal {
font-size:10px;
line-height:14px;
color:#ffffff;
text-decoration:none;
}


/* La pop-up */
a#lien_popup {
display:none;
}


/* Texte préformaté */
.texte_19px {
font-size:19px;
line-height:21px;
}
.texte_18px {
font-size:18px;
line-height:20px;
}
.texte_17px {
font-size:17px;
line-height:19px;
}
.texte_16px {
font-size:16px;
line-height:18px;
}
.texte_15px {
font-size:15px;
line-height:17px;
}
.texte_14px {
font-size:14px;
line-height:16px;
}
.texte_13px {
font-size:13px;
line-height:15px;
}
.texte_12px {
font-size:12px;
line-height:14px;
}


/* Classes généralistes */
h1 {
font-size:20px;
line-height:24px;
margin-bottom:5px;
font-weight:normal;
}
h2 {
font-size:15px;
line-height:21px;
margin-bottom:15px;
background:url("../images/puce-h2.jpg") no-repeat center left;
padding-left:15px;
}
hr {
color:transparent;
background:transparent;
border:0;
height:1px;
margin:9px 0 15px 0;
clear:both;
}
img {
vertical-align:middle;
border:0;
}
a {
color:#e11425;
}
a:hover {
text-decoration:underline;
}
a.lien_sortant:after {
content:"\0000a0[\2197]";
}
img#logo_zefyx {
position:absolute;
top:10px;
left:10px;
border:0;
}
.orange_clair {
color:#ffbc53;
}
.gauche {
display:block;
text-align:left;
}
.centrer {
display:block;
text-align:center;
}
.droite {
display:block;
text-align:right;
}
.justifier {
display:block;
text-align:justify;
}
.gras {
font-weight:bold;
}
.italique {
font-style:italic;
}
.souligne {
text-decoration:underline;
}
.display_none {
display:none;
}
.float_left {
float:left;
}
.float_right {
float:right;
}
.display_block {
display:block;
}
div.ui_message_erreur {
border: 1px solid #fed22f;
background: #ffe45c url('../images/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png') 50% top repeat-x;
color:#363636;
margin:20px 0;
padding: 5px 10px 5px 35px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
position:relative;
}
span.ui_erreur {
position:absolute;
left:10px;
top:7px;
width: 16px;
height: 16px;
background-image: url('../images/jquery-ui/ui-icons_ef8c08_256x240.png');
background-position: 0 -144px;
}
div.ui_message_confirmation {
border: 1px solid #0c8c36;
background: #ffe45c url('../images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png') 50% top repeat-x;
color:#363636;
margin:20px 0;
padding: 5px 10px 5px 35px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
position:relative;
}
span.ui_confirmation {
position:absolute;
left:10px;
top:7px;
width: 16px;
height: 16px;
background-image: url('../images/jquery-ui/ui-icons_0c8c36_256x240.png');
background-position:-64px -144px;
}
.separateur_70px {
width:100%;
height:70px;
clear:both;
}
.separateur_50px {
width:100%;
height:50px;
clear:both;
}
.separateur_40px {
width:100%;
height:40px;
clear:both;
}
.separateur_30px {
width:100%;
height:30px;
clear:both;
}
.separateur_20px {
width:100%;
height:20px;
clear:both;
}
.separateur_15px {
width:100%;
height:20px;
clear:both;
}
.separateur {
width:100%;
height:10px;
clear:both;
}
.clear_both {
width:100%;
height:1px;
clear:both;
}
sup {
font-size: 0.6em;
line-height: 0.6em;
}


/* Browsers update */
#browsers_update {
position:absolute;
top:50%;
left:50%;
z-index:10000;
width:800px;
height:150px;
margin-top:-125px;
margin-left:-450px;
background-color:#FFFFCC;
text-align:center;
padding:50px;
border:1px solid black;
font-weight:bold;
}
#browsers_close {
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}



body.devis .ui-datepicker-header {
    background-image: none;
    background-color: #e11425;
    border-color: #e11425;
}
body.devis .ui-datepicker-week-col, body.devis th {
    font-weight: bold;
}
body.devis .ui-datepicker-calendar a {
    color: #666 !important;
}
body.devis .ui-state-default, body.devis .ui-widget-content .ui-state-default, body.devis .ui-widget-header .ui-state-default {
    color: #ccc;
}
body.devis .ui-datepicker .ui-datepicker-today span, body.devis .ui-datepicker .ui-datepicker-today a {
   color: #e11425  ;
}
body.devis .ui-datepicker .ui-state-active {
    border-color: #e11425;
    background-image: none;
    background-color: #FFF;
    color: #e11425;
}
body.devis .ui-datepicker td a:hover {
    border-color: #e11425;
    background-image: none;
    color: #e11425;
    background-color: #FFF;
}