
    /* Modification a partir du 24 avril */
    .display-table{display:table;} 
    .w-100{width:100%}
    .expandArrowForTablet{position:relative;}

    /* error left */
    .error_left .field-validation-error{float:left}
    .error_left .erreur>div{left: 57px;right:auto;}

    /* /fr/planifier-trajet/velo/velostations/inscription */
    .formulaire-velostation-contenu{width:70%;}
    .formulaire-velostation-questions{width:30%;padding-left:20px;text-align:right;}
    .formulaire-velostation-inscription .validation-summary-errors{float:left;margin-bottom:40px;}
        .formulaire-velostation{list-style:none;width:70%;}
            .formulaire-velostation-separateur{border-bottom:1px solid #D7DCDF;padding-bottom:10px;margin-bottom:20px;}
            .formulaire-velostation-label{width:40%;float:left;display:table;position:relative;margin-bottom:20px;font-family: 'open_sansbold';}
                .formulaire-velostation-input{width:60%;float:left;}
                    .formulaire-velostation-input input{width:100%;float:left;margin:0;}
                    .formulaire-velostation-input select{width:100%;float:left;margin:0;}
                .formulaire-velostation-obligatoire::before{content:"*";color:red;font-family: 'open_sansregular';}
                .formulaire-velostation-text{width:100%;display:table-cell;vertical-align:middle}
                .formulaire-velostation-icon{width:auto;display:table-cell;vertical-align:middle;padding-right: 10px}
                .formulaire-velostation-icon::before{font-family: amt2;font-size:26px;font-size:2.6rem;color:#909090;width:2.6rem;height:2.6rem;float: left;line-height: normal;}
                .formulaire-velostation-icon-user::before{content:"\e603"}
                .formulaire-velostation-icon-poste::before{content:"\e654"}
                .formulaire-velostation-icon-telephone::before{content:"\e634"}
                    .formulaire-velostation-input-tel{float:left;}
                    .formulaire-velostation-input-tel:last-child{margin-right:0%;}
                .formulaire-velostation-icon-courriel::before{content:"\e631"}
                .formulaire-velostation-icon-empty::before{content:""}
                .formulaire-velostation-icon-opus-plus::before{content:"\e648"}
                .formulaire-velostation-telephone-domicile .formulaire-velostation-input input{width:10%;margin-right:2%;}
                .formulaire-velostation-telephone-travail .formulaire-velostation-input input{width:10%;margin-right:2%;}
                .formulaire-velostation-telephone-cellulaire .formulaire-velostation-input input{width:10%;margin-right:2%;}
                    .formulaire-velostation-opus-plus .formulaire-velostation-input input{width:auto;}
                    #formulaire-velostation-radio-oui, #formulaire-velostation-radio-non{margin:5px 10px 0 0;}
                    #formulaire-velostation-recevoir-renseignements{margin:0;}
    .formulaire-velostation-inscription .liste-erreurs{padding:0 0 0 40px;margin:0;float:left;width:100%;}
    .formulaire-velostation-inscription .liste-erreurs li{float:left;width:100%;}
    .formulaire-velostation-inscription .liste-erreurs a{width:100%;}
    .formulaire-velostation-inscription .liste-erreurs a:hover{text-decoration:underline}
    .formulaire-velostation-inscription .liste-erreurs .formulaire-velostation-text{display:inherit}
    .formulaire-velostation-inscription .liste-erreurs .formulaire-velostation-icon{display:none}
    .formulaire-velostation-inscription .liste-erreurs .invisibleText{display:none}
    .formulaire-velostation-inscription .liste-erreurs .formulaire-velostation-obligatoire::before{content:""}

    /* voies-reservees */
    .content-wrapper{width:100%;}
    .content-left{}
    .content-right{}
    .liste-voies-reservees-wrapper{}
        .liste-voies-reservees-header       {background-color: #F5F5F5;color:#333;border: #D3D8DB 1px solid;border-bottom:0;position:relative;display:table;}
        .liste-voies-reservees-header:hover {background-color: #4891DC;color:#fff;cursor:pointer}
        .liste-voies-reservees-header:hover .accordeon-light-arrow::after{color:#fff;}
        .liste-voies-reservees-wrapper:last-child .liste-voies-reservees-header{border-bottom:#D3D8DB 1px solid;}
        .liste-voies-reservees-wrapper:last-child .liste-voies-reservees-content{border-bottom:#D3D8DB 1px solid;border-top:0;}
        .liste-voies-reservees-content{background-color: #F5F5F5;border: #D3D8DB 1px solid;border-bottom:0;}
            .liste-voies-reservees-content-ul{list-style:none;padding:10px;}
                .liste-voies-reservees-content-li{margin-bottom:10px;background-color: #FFF;padding:10px;border: #D3D8DB 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
                .liste-voies-reservees-content-li:last-child{margin-bottom:0}
                .liste-voies-reservees-content-table{display:table;width:100%}
                    .liste-voies-reservees-content-lien{}
                    .liste-voies-reservees-content-image{display:table-cell;width:20%;vertical-align: middle;}
                    .liste-voies-reservees-content-nom{display:table-cell;width:80%;vertical-align: middle;}
                    .accordeon-light-title{display:table-cell;width:70%}
                    .accordeon-light-arrow{display:table-cell;width:30%;height: 100%;vertical-align: middle;}
                    .accordeon-light-arrow::after{content: '\e646';font-family: amt2;float: right;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);color: #004990;}
                    .activeOne .accordeon-light-arrow::after{content: '\e646';font-family: amt2;float: right;transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);color: #004990;}
    /* custom */
    .dyn-voies-reservees .liste-voies-reservees-content-li{width:49.5%; margin-right:1%;}
    .dyn-voies-reservees .liste-voies-reservees-content-li:nth-child(even){margin-right:0;}

    /*Summary */
    .summary-wrapper{padding:0 0 20px 0;margin:0 0 20px 0;/*border-bottom:1px solid #D3D8DB;*/}

    /* Menu utilitaire */
    section#menu_utilitaire {margin: 0 0 40px 0; border:0 solid #fff; width:100% }
    section#menu_utilitaire ul { margin: 0; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
    section#menu_utilitaire ul li {display: inline-block; width: 20%; list-style: none; margin: 0; padding: 0; float: left; height: 170px; border-right: solid 1px #ccc !important; border-top: solid 1px #ccc !important; border-bottom: solid 1px #ccc !important; }
    section#menu_utilitaire ul li:first-child {border-left: solid 1px #ccc; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
    section#menu_utilitaire ul li:last-child {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
    section#menu_utilitaire ul li a {position: relative;display: block; width: 100%; height: 100%; padding: 20px; color: #333; font:normal 16px  DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-size:1.6rem; }
    section#menu_utilitaire ul li a span{display: block; font-weight: bold}
    section#menu_utilitaire ul li:hover { background: #ebebeb}
    section#menu_utilitaire ul li a .figure {margin: 0; position: absolute; bottom: 0; left: 0; }
    section#menu_utilitaire ul li a .figure img {display:block; width: 100%; height: auto;}
    /* //Menu utilitaire */
    @media screen and (max-width: 960px) {
	    .dyn-accueil section#menu_utilitaire{clear:both;}
        section#menu_utilitaire {margin: 20px 0 0; border-bottom: solid 1px #ccc;}
        section#menu_utilitaire ul li {display: block;width: 100%;list-style: none;margin: 0;padding: 0;float: none;height: 70px;border-right: none;border-bottom: solid 1px #ccc;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border-top:0 solid #fff; }
        section#menu_utilitaire ul li:last-child {border-bottom: 0;} /* border-bottom 0 pour accueil connecté, border sous "Service mobiles" */
        section#menu_utilitaire ul li a {padding: 20px 0 0 100px;}
        section#menu_utilitaire ul li a:after {content: "\e646";font-family: amt2;position: absolute;top: 0;right: 20px;line-height: 70px;color: #004990;font-size: 22px;}
        section#menu_utilitaire ul li a .figure {}/*left: -10px; retiré car les images sorte du cadre */
        section#menu_utilitaire ul li a .figure img {width: auto;height: 70px;}
        section#nouvelles{background: #fff !important; border-top: none; margin: 20px 0 }
    }


section#bloc_accueil, section#menu_utilitaire, section#nouvelles, section#echangez, section#promo_accueil {z-index: 1;position: relative; background: #fff; display: block; border: solid 1px #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;margin-bottom: 40px; /*max-width: 1180px*/}
.max1180 {display: block; /*max-width: 1180px;*/ width: 100%;padding:0 18px;}
.dyn-accueil .max1180 {display: block;width: 100%;padding:0;} /* sur accueil */
.icone--externe{position:relative}
.icone--externe:after{content: "\e61d";font-family: amt2;width:24px;height:24px;position:absolute;font-size: 24px;line-height: 24px;color: #f26d0c;padding-left: 5px;}

/* Sticky texte sous carte */
    .sticky .option-introduction{width:840px;width: -webkit-calc(100% - 320px);width: calc(100% - 340px);max-width: 840px;}
/* jquery ui grossi la typo dans les onglets, hack*/
    html .onglets .ui-widget-content{font-size:94%;}

/* Service à la clientèle - Avis */
    ol#Amt-Accordeon-avis p.avis-titre,ol#Amt-Accordeon-avis p.avis-date {	display: inline-block;	margin: 0;}
    ol#Amt-Accordeon-avis p.avis-date {font-size: 1.4rem;	font-family: open_sansregular;}
    #principale-contenu ol#Amt-Accordeon-avis li div:first-child:after{margin-top: -46px;}
    #principale-contenu ol#Amt-Accordeon-avis li .ui-accordion-header span::before{margin-top: 9px;}

/* /fr/planifier-trajet/train/candiac/0/11540#InformationsGare lien dans onglets*/
    article .ui-widget-content a{color:#004990}

/* Pages details*/
    .projet-detail-image{margin:0 0 20px 0;float:left;width:100%}
    .projet-detail-image img{float:left;width:100%}
    .projet-detail-body{float:left;width:100%}
    .projet-detail-date{float:left;width:100%;margin:0 0 20px 0;}

/* Dossier */
    ol.dossier-liste { margin: 0; }
    ol.dossier-liste li.dossier-liste-item {list-style-type: none;border-bottom: 1px solid #E0E0E0;padding-bottom: 30px;margin-bottom: 30px;}
    ol.dossier-liste li.dossier-liste-item.last {border: none;margin-bottom: 0;}
    ol.dossier-liste .dossier-image-wrapper {float: right;width: 35%;margin-left: 3%;margin-top: -51px;}
    ol.dossier-liste .dossier-image-wrapper img {display: block;max-width: 100%;}
    ol.dossier-liste .dossier-description-courte-wrapper { width: 100%; }
    ol.dossier-liste .dossier-detail-wrapper {margin-top: 20px;}

/* Offre spéciales */
    ol.promotion-liste { margin: 0; }
    ol.promotion-liste li.promotion-liste-item {list-style-type: none;border-bottom: 1px solid #E0E0E0;padding-bottom: 30px;margin-bottom: 30px;}
    ol.promotion-liste li.promotion-liste-item.last {border: none;margin-bottom: 0;}
    ol.promotion-liste .promotion-image-wrapper {float: right;width: 35%;margin-left: 3%;margin-top: -51px;}
    ol.promotion-liste .promotion-image-wrapper img {display: block;max-width: 100%;}
    ol.promotion-liste .promotion-description-courte-wrapper { width: 100%; }
    ol.promotion-liste .promotion-detail-wrapper {margin-top: 20px;}

/* Widget dernieres nouvelles */
    .widget-DernieresNouvelles{padding: 20px 0 20px 20px;z-index: 1;position: relative;background: #FFF;display: block;border: solid 1px #CCC;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-bottom: 40px;float: left;width: 33%}
    .widget-DernieresNouvelles header h1{float: left;width: 100%;font-size: 28px;font-size: 2.8rem;font-weight: normal;color: #333;font-family: 'DinNext';padding: 0 0 20px 0;margin: 0 0 20px 0;border-bottom: solid 1px #CCC;}
    #contenu .widget-DernieresNouvelles .nouvelles-titre{margin-bottom:0;padding-right:20px;font-size: 14px;font-size: 1.4rem;line-height: 1.6rem;font-family: 'open_sansregular';}
    #contenu .widget-DernieresNouvelles .nouvelles-liste-element.last{padding-bottom:0;}
    #contenu .widget-DernieresNouvelles .nouvelles-liste{margin-bottom:0;}



    /*Media et publications*/
    .widget-MediaPublications{float: left;width: 100%;border: #D3D8DB 1px solid;border-bottom:0;background-color: #F5F5F5;}
    .widget-MediaPublications header{width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-MediaPublications header h1{font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin: 0;}
    .widget-MediaPublications ol{margin:0;padding: 20px 0 0 20px;list-style:none;}
    .widget-MediaPublications ol li.first{border-top:none;padding-top:0;}
    .widget-MediaPublications ol li{margin:0 0 20px 0;}
    .widget-MediaPublications ol li.last{margin:0;}
    .widget-MediaPublications ol li.a-propos-accueil-communique-item { margin-bottom: 10px; border-bottom: #D3D8DB 1px solid;padding: 0 20px 10px 0;}
    .widget-MediaPublications .a-propos-accueil-titre{margin-bottom:10px;}
    .widget-MediaPublications .a-propos-accueil-titre a:link{color:#4891dc;line-height:14px;}
    .widget-MediaPublications .a-propos-accueil-titre a:visited{color:#4891dc;}
    .widget-MediaPublications .a-propos-accueil-titre a:hover{color:#f26d0c;}
    .widget-MediaPublicationsDossier{float: left;width: 100%;border: #D3D8DB 1px solid;border-top:0;background-color: #F5F5F5;margin-bottom:20px;}
    .widget-MediaPublicationsDossier ol{margin:0;padding: 20px;list-style:none;}
    .widget-MediaPublicationsDossier .dossier-titre{margin:0 0 10px 0;}
    .widget-MediaPublicationsDossier .dossier-titre a:link{color:#4891dc;line-height:14px;}
    .widget-MediaPublicationsDossier .dossier-titre a:visited{color:#4891dc;}
    .widget-MediaPublicationsDossier .dossier-titre a:hover{color:#f26d0c;}
    .widget-MediaPublicationsDossier .dossier-image img{width:100%;margin-bottom: 20px;}




    









    /* /fr/actualites/nouvelles-evenements/evenements */
    .evenement-liste{list-style:none;float:left;width:100%;margin:0 0 20px 0;padding:0;}
    .evenement-liste .evenement-liste-item{float:left;width:100%;margin-bottom:20px;padding:0 0 20px 0;border-bottom:1px solid #d3d8db}
    .evenement-liste .evenement-liste-title{margin-top:10px;}
    .evenement-liste .evenement-liste-detail a{position:relative}
    .evenement-liste .evenement-liste-detail a::after{font-size: 1.4rem;line-height: 1.4rem;padding-left: 10px;position: absolute;top: 4px;content: "\e646";font-family: "amt2", "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin: 0;text-align: center;opacity: 1;font-variant: normal;text-transform: none;}
    .evenement-liste{}

    /* share icon Facebook et Twiiter */
    .share-icon-wrapper{float:left;width:100%;margin-bottom:20px;margin-top: -70px;}
    .share-icon{width:30px;height:30px;font-family:AdobeBlank;position: relative;background-color: #D3D8DB;float: left;}
    .share-icon:hover{background-color: #f26d0c;}
    .share-icon:hover:before{color: #fff;}
    .share-icon:before{content:'\e627';font-family:amt2;color:#5c5c5c;padding:1px;position: absolute;font-size: 20px;line-height: 20px;text-align: center;padding: 5px;bottom: 0;}
    .share-facebook:before{content:'\e62e';}
    .share-twitter {content:'\e627';}
    /* Bandeau beta */
    .beta-bandeau{width:100%;background-color:#fff;-webkit-box-shadow: 0 0 10px 0 #050505;box-shadow: 0 0 10px 0 #050505;}
    .beta-text{width:1180px;margin:auto;padding:5px 0;position: relative;}
    .beta-pour-en-savoir-plus{display: inline-block;position:relative;color: #5090CD;}
    .beta-pour-en-savoir-plus:before{content: '\e619';font-family: amt2;width:24px;height:24px;position:absolute;font-size: 20px;font-size: 2.0rem;color: #f26d0c;right: -30px;bottom: -5px;}
    .beta-retour-vers-l-ancien-site{display: inline-block;font-size: 14px;font-size: 1.4rem;color: #5090CD;padding-right: 21px;position: absolute;right:0;}
    .beta-retour-vers-l-ancien-site:hover{color: #F26D0C;}
    .beta-retour-vers-l-ancien-site::after{content: '\e646';font-family: amt2;width: 13px;height: 13px;background-color: #F26D0C;color: #FFF;padding: 1px;margin-left: 5px;position: absolute;margin-top: 3px;font-size: 10px;line-height: 14px;text-align: center;}


    /* /fr/actualites/projets/en-cours */
    .projets-en-cours-accueil-list{float:left;width:100%;list-style:none;margin:0 0 0 0;padding:0 0 0 0;}
    .projets-en-cours-accueil-list-item.first{float:left;width:100%;position:relative;}
    /*
    .projets-en-cours-accueil-list-item.first .projets-en-cours-accueil-list-item-titre-wrapper{position:absolute;bottom: 120px;padding: 20px 20px 0 20px;width: 100%;}
    .projets-en-cours-accueil-list-item.first .projets-en-cours-accueil-list-item-description-courte-wrapper{position:absolute;bottom: 50px;padding: 20px 20px 0 20px;}
    .projets-en-cours-accueil-list-item.first .projets-en-cours-accueil-list-lien-wrapper{position:absolute;bottom: 0;padding: 10px 20px 20px 20px;width: 100%;}
    */
    .projets-en-cours-accueil-list-item.first .projets-en-cours-accueil-list-item-titre-wrapper{padding: 20px 20px 0 20px;width: 100%;background-color:#dbdfe0;}
    .projets-en-cours-accueil-list-item.first .projets-en-cours-accueil-list-item-titre{margin: 0 0 0 0 }
    .projets-en-cours-accueil-list-item.first .projets-en-cours-accueil-list-item-description-courte-wrapper{padding: 20px 20px 0 20px;width: 100%;background-color:#dbdfe0}
    .projets-en-cours-accueil-list-item.first .projets-en-cours-accueil-list-lien-wrapper{padding: 20px;width: 100%;background-color:#dbdfe0}    
    .projets-en-cours-accueil-list-item.first .projets-en-cours-accueil-list-item-image{overflow: hidden;position: relative;height: auto;line-height:0}
    .projets-en-cours-accueil-list-item.first .projets-en-cours-accueil-list-item-image img{position: inherit;z-index: 0;margin-top: 0;}
    .projets-en-cours-accueil-list-lien a::after{content: "\e646";font-family: "amt2", "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin: 0;text-align: center;opacity: 1;font-variant: normal;text-transform: none;}
    .projets-en-cours-accueil-list-lien a::after{font-size: 1.4rem;padding-left: 10px;position: absolute;}
    .projets-en-cours-accueil-list-lien a{position:relative}
    
    
     .projets-en-cours-accueil-list-item{float:left;width:49%;margin-bottom:40px;}
    .projets-en-cours-accueil-list-item:nth-child(2n+2){margin-right:2%;}
    .projets-en-cours-accueil-list-item-image img{width:100%;}
    .projets-en-cours-accueil-list-item-titre{margin:10px 0 10px 0}
    .projets-en-cours-accueil-list-item-description-courte{}
    .projets-en-cours-accueil-list-lien-wrapper{padding:20px 20px 20px 0;}
    .projets-en-cours-accueil-list-item-image-wrapper{}
    .projets-en-cours-accueil-list-item-titre-wrapper{}
    .projets-en-cours-accueil-list-item-description-courte-wrapper{}

    
    /* /fr/actualites/nouvelles-evenements */
    #contenu .nouvelles-liste{list-style:none;padding:0;margin:0 0 20px 0}
    #contenu .nouvelles-titre{font-size:18px;font-size:1.8rem;color:#333333;font-family:'open_sansbold';margin-bottom:15px;}
    #contenu .nouvelles-liste-element{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #d3d8db}
    #contenu .nouvelles-liste-element.last{margin-bottom:0;border-bottom:0}
    #contenu .nouvelles-description-courte{margin-bottom:15px}

    /* /fr/titres-tarifs/comment-acheter/autres-points-de-vente */
    #RechercheMunicipalitePointVente .list_recherche_container { float:left;width:100%;background-color:#fafafa;padding:20px 20px 0 20px;border:1px solid #d3d8db}
    #autresPointsDeVente_Carte{float: left;width: 100%;margin-top: 20px;}
    #RechercheMunicipalitePointVente .list_recherche_container label {font-size:14px;font-size:1.4rem;color:#333333;font-family:DinNext;}
    #RechercheMunicipalitePointVente #RechercheMunicipalitePointVente_municipalite { float:left; width:80%; padding: 8px 5px; }
    #RechercheMunicipalitePointVente #RechercheBouton { float:left; width:18%; margin-left:2% }
    #RechercheMunicipalitePointVente #RechercheMunicipalitePointVente_rechercher{width:100%}
    #RechercheMunicipalitePointVente #RechercheMunicipalitePointVente_rechercher:focus{background-color:#ff6a00 }
    #RechercheMunicipalitePointVente { }

    /* Widget Sujets */
    .widget-SujetsListe1{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-SujetsListe1 nav ul li {float:none}
    .widget-SujetsListe1 nav ul li a{float:none}
    .widget-SujetsListe1 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-SujetsListe1 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-SujetsListe1 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
    .widget-SujetsListe1 ul li a{position: relative;font-size:12px; font-size:1.2rem;color:#5c5c5c; font-family:open_sansregular;padding-left:21px;}
    .widget-SujetsListe1 ul li a:hover{color:#f26d0c;}
    .widget-SujetsListe1 ul li a:before{content:'\e666'; left: 0;font-family:amt2;width:15px;height:15px;color:#7c7c7c;margin-right:5px;position: absolute;margin-top: 5px;font-size: 15px;font-size: 1.5rem;line-height: 15px;line-height: 1.5rem;text-align: center;}
    
        .widget-SujetsListe2{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-SujetsListe2 nav ul li {float:none}
    .widget-SujetsListe2 nav ul li a{float:none}
    .widget-SujetsListe2 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-SujetsListe2 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-SujetsListe2 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
    .widget-SujetsListe2 ul li a{position: relative;font-size:12px; font-size:1.2rem;color:#5c5c5c; font-family:open_sansregular;padding-left:21px;}
    .widget-SujetsListe2 ul li a:hover{color:#f26d0c;}
    .widget-SujetsListe2 ul li a:before{content:'\e666'; left: 0;font-family:amt2;width:15px;height:15px;color:#7c7c7c;margin-right:5px;position: absolute;margin-top: 5px;font-size: 15px;font-size: 1.5rem;line-height: 15px;line-height: 1.5rem;text-align: center;}
    
        .widget-SujetsListe3{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-SujetsListe3 nav ul li {float:none}
    .widget-SujetsListe3 nav ul li a{float:none}
    .widget-SujetsListe3 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-SujetsListe3 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-SujetsListe3 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
    .widget-SujetsListe3 ul li a{position: relative;font-size:12px; font-size:1.2rem;color:#5c5c5c; font-family:open_sansregular;padding-left:21px;}
    .widget-SujetsListe3 ul li a:hover{color:#f26d0c;}
    .widget-SujetsListe3 ul li a:before{content:'\e666'; left: 0;font-family:amt2;width:15px;height:15px;color:#7c7c7c;margin-right:5px;position: absolute;margin-top: 5px;font-size: 15px;font-size: 1.5rem;line-height: 15px;line-height: 1.5rem;text-align: center;}
    
        .widget-SujetsListe4{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-SujetsListe4 nav ul li {float:none}
    .widget-SujetsListe4 nav ul li a{float:none}
    .widget-SujetsListe4 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-SujetsListe4 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-SujetsListe4 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
    .widget-SujetsListe4 ul li a{position: relative;font-size:12px; font-size:1.2rem;color:#5c5c5c; font-family:open_sansregular;padding-left:21px;}
    .widget-SujetsListe4 ul li a:hover{color:#f26d0c;}
    .widget-SujetsListe4 ul li a:before{content:'\e666'; left: 0;font-family:amt2;width:15px;height:15px;color:#7c7c7c;margin-right:5px;position: absolute;margin-top: 5px;font-size: 15px;font-size: 1.5rem;line-height: 15px;line-height: 1.5rem;text-align: center;}
    
        .widget-SujetsListe5{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-SujetsListe5 nav ul li {float:none}
    .widget-SujetsListe5 nav ul li a{float:none}
    .widget-SujetsListe5 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-SujetsListe5 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-SujetsListe5 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
    .widget-SujetsListe5 ul li a{position: relative;font-size:12px; font-size:1.2rem;color:#5c5c5c; font-family:open_sansregular;padding-left:21px;}
    .widget-SujetsListe5 ul li a:hover{color:#f26d0c;}
    .widget-SujetsListe5 ul li a:before{content:'\e666'; left: 0;font-family:amt2;width:15px;height:15px;color:#7c7c7c;margin-right:5px;position: absolute;margin-top: 5px;font-size: 15px;font-size: 1.5rem;line-height: 15px;line-height: 1.5rem;text-align: center;}
    
        .widget-SujetsListe6{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-SujetsListe6 nav ul li {float:none}
    .widget-SujetsListe6 nav ul li a{float:none}
    .widget-SujetsListe6 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-SujetsListe6 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-SujetsListe6 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
    .widget-SujetsListe6 ul li a{position: relative;font-size:12px; font-size:1.2rem;color:#5c5c5c; font-family:open_sansregular;padding-left:21px;}
    .widget-SujetsListe6 ul li a:hover{color:#f26d0c;}
    .widget-SujetsListe6 ul li a:before{content:'\e666'; left: 0;font-family:amt2;width:15px;height:15px;color:#7c7c7c;margin-right:5px;position: absolute;margin-top: 5px;font-size: 15px;font-size: 1.5rem;line-height: 15px;line-height: 1.5rem;text-align: center;}
    
        
        .widget-SujetsListe7{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-SujetsListe7 nav ul li {float:none}
    .widget-SujetsListe7 nav ul li a{float:none}
    .widget-SujetsListe7 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-SujetsListe7 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-SujetsListe7 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
    .widget-SujetsListe7 ul li a{position: relative;font-size:12px; font-size:1.2rem;color:#5c5c5c; font-family:open_sansregular;padding-left:21px;}
    .widget-SujetsListe7 ul li a:hover{color:#f26d0c;}
    .widget-SujetsListe7 ul li a:before{content:'\e666'; left: 0;font-family:amt2;width:15px;height:15px;color:#7c7c7c;margin-right:5px;position: absolute;margin-top: 5px;font-size: 15px;font-size: 1.5rem;line-height: 15px;line-height: 1.5rem;text-align: center;}
    
    
    
    
    
    
    /* Comme on ne peux pas ajouter une classe via Orchard a un widget mais juste une class unique!, j'ai dupliqué ce widget * 4. */
    /* Widget Nouvelles */
    .widget-NouvellesListe{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-NouvellesListe header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-NouvellesListe header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-NouvellesListe ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
        .widget-NouvellesListe ul li.nouvelles-liste-element{margin-bottom:10px;border-bottom: #D3D8DB 1px solid;padding:0 20px 10px 0;}
            .widget-NouvellesListe ul li.nouvelles-liste-element .nouvelles-titre{margin-bottom:7px;}
            .widget-NouvellesListe ul li.nouvelles-liste-element .nouvelles-titre a:link{color:#4891dc;font-family: 'open_sanssemibold';}
            .widget-NouvellesListe ul li.nouvelles-liste-element .nouvelles-titre a:visited{color:#4891dc;}
            .widget-NouvellesListe ul li.nouvelles-liste-element .nouvelles-titre a:hover{color:#f26d0c;}
            .widget-NouvellesListe ul li.nouvelles-liste-element .nouvelles-description-courte{margin-bottom:7px;}
        .widget-NouvellesListe ul li.nouvelles-liste-element.last{margin-bottom:0;border-bottom: 0 ;padding-bottom:0;}

    .widget-NouvellesListe2{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-NouvellesListe2 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-NouvellesListe2 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-NouvellesListe2 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
        .widget-NouvellesListe2 ul li.nouvelles-liste-element{margin-bottom:10px;border-bottom: #D3D8DB 1px solid;padding:0 20px 10px 0;}
            .widget-NouvellesListe2 ul li.nouvelles-liste-element .nouvelles-titre{margin-bottom:7px;}
            .widget-NouvellesListe2 ul li.nouvelles-liste-element .nouvelles-titre a:link{color:#4891dc;font-family: 'open_sanssemibold';}
            .widget-NouvellesListe2 ul li.nouvelles-liste-element .nouvelles-titre a:visited{color:#4891dc;}
            .widget-NouvellesListe2 ul li.nouvelles-liste-element .nouvelles-titre a:hover{color:#f26d0c;}
            .widget-NouvellesListe2 ul li.nouvelles-liste-element .nouvelles-description-courte{margin-bottom:7px;}
        .widget-NouvellesListe2 ul li.nouvelles-liste-element.last{margin-bottom:0;border-bottom: 0 ;padding-bottom:0;}

    .widget-NouvellesListe3{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-NouvellesListe3 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-NouvellesListe3 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-NouvellesListe3 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
        .widget-NouvellesListe3 ul li.nouvelles-liste-element{margin-bottom:10px;border-bottom: #D3D8DB 1px solid;padding:0 20px 10px 0;}
            .widget-NouvellesListe3 ul li.nouvelles-liste-element .nouvelles-titre{margin-bottom:7px;}
            .widget-NouvellesListe3 ul li.nouvelles-liste-element .nouvelles-titre a:link{color:#4891dc;font-family: 'open_sanssemibold';}
            .widget-NouvellesListe3 ul li.nouvelles-liste-element .nouvelles-titre a:visited{color:#4891dc;}
            .widget-NouvellesListe3 ul li.nouvelles-liste-element .nouvelles-titre a:hover{color:#f26d0c;}
            .widget-NouvellesListe3 ul li.nouvelles-liste-element .nouvelles-description-courte{margin-bottom:7px;}
        .widget-NouvellesListe3 ul li.nouvelles-liste-element.last{margin-bottom:0;border-bottom: 0 ;padding-bottom:0;}

    .widget-NouvellesListe4{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-NouvellesListe4 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-NouvellesListe4 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-NouvellesListe4 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
        .widget-NouvellesListe4 ul li.nouvelles-liste-element{margin-bottom:10px;border-bottom: #D3D8DB 1px solid;padding:0 20px 10px 0;}
            .widget-NouvellesListe4 ul li.nouvelles-liste-element .nouvelles-titre{margin-bottom:7px;}
            .widget-NouvellesListe4 ul li.nouvelles-liste-element .nouvelles-titre a:link{color:#4891dc;font-family: 'open_sanssemibold';}
            .widget-NouvellesListe4 ul li.nouvelles-liste-element .nouvelles-titre a:visited{color:#4891dc;}
            .widget-NouvellesListe4 ul li.nouvelles-liste-element .nouvelles-titre a:hover{color:#f26d0c;}
            .widget-NouvellesListe4 ul li.nouvelles-liste-element .nouvelles-description-courte{margin-bottom:7px;}
        .widget-NouvellesListe4 ul li.nouvelles-liste-element.last{margin-bottom:0;border-bottom: 0 ;padding-bottom:0;}

    .widget-NouvellesListe5{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-NouvellesListe5 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-NouvellesListe5 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-NouvellesListe5 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
        .widget-NouvellesListe5 ul li.nouvelles-liste-element{margin-bottom:10px;border-bottom: #D3D8DB 1px solid;padding:0 20px 10px 0;}
            .widget-NouvellesListe5 ul li.nouvelles-liste-element .nouvelles-titre{margin-bottom:7px;}
            .widget-NouvellesListe5 ul li.nouvelles-liste-element .nouvelles-titre a:link{color:#4891dc;font-family: 'open_sanssemibold';}
            .widget-NouvellesListe5 ul li.nouvelles-liste-element .nouvelles-titre a:visited{color:#4891dc;}
            .widget-NouvellesListe5 ul li.nouvelles-liste-element .nouvelles-titre a:hover{color:#f26d0c;}
            .widget-NouvellesListe5 ul li.nouvelles-liste-element .nouvelles-description-courte{margin-bottom:7px;}
        .widget-NouvellesListe5 ul li.nouvelles-liste-element.last{margin-bottom:0;border-bottom: 0 ;padding-bottom:0;}

    /* Widget evenements */
    .widget-EvenementsListe{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-EvenementsListe header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-EvenementsListe header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-EvenementsListe ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
        .widget-EvenementsListe ul li.evenements-liste-element{margin-bottom:10px;border-bottom: #D3D8DB 1px solid;padding:0 20px 10px 0;}
            .widget-EvenementsListe ul li.evenements-liste-element .evenements-titre{margin-bottom:10px;width:100%;padding-left:20px;margin-top:10px;}
            .widget-EvenementsListe ul li.evenements-liste-element .evenements-titre a:link{color:#4891dc;font-family: 'open_sanssemibold';}
            .widget-EvenementsListe ul li.evenements-liste-element .evenements-titre a:visited{color:#4891dc;}
            .widget-EvenementsListe ul li.evenements-liste-element .evenements-titre a:hover{color:#f26d0c;}
            .widget-EvenementsListe ul li.evenements-liste-element .evenements-date-jour{float:left;padding:5px 10px;margin-right:10px;margin-left:-24px;background-color:#004990;color:#fff;font-family: 'DinNext';font-size:30px;font-size:3.0rem;text-align:center}
            .widget-EvenementsListe ul li.evenements-liste-element .evenements-date-mois-an{color:#004990;font-size:18px;font-size:1.8rem;font-family: 'open_sanssemibold';line-height: 32px;line-height: 3.2rem;}
        .widget-EvenementsListe ul li.evenements-liste-element.last{margin-bottom:0;border-bottom: 0 ;padding-bottom:0;}
        .widget-EvenementsListe ul li.evenements-liste-element.last .evenements-titre{margin-bottom:0;}

 /* Widget evenements */
    .widget-EvenementsListe2{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-EvenementsListe2 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-EvenementsListe2 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-EvenementsListe2 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
        .widget-EvenementsListe2 ul li.evenements-liste-element{margin-bottom:10px;border-bottom: #D3D8DB 1px solid;padding:0 20px 10px 0;}
            .widget-EvenementsListe2 ul li.evenements-liste-element .evenements-titre{margin-bottom:10px;width:100%;padding-left:20px;margin-top:10px;}
            .widget-EvenementsListe2 ul li.evenements-liste-element .evenements-titre a:link{color:#4891dc;font-family: 'open_sanssemibold';}
            .widget-EvenementsListe2 ul li.evenements-liste-element .evenements-titre a:visited{color:#4891dc;}
            .widget-EvenementsListe2 ul li.evenements-liste-element .evenements-titre a:hover{color:#f26d0c;}
            .widget-EvenementsListe2 ul li.evenements-liste-element .evenements-date-jour{float:left;padding:5px 10px;margin-right:10px;margin-left:-24px;background-color:#004990;color:#fff;font-family: 'DinNext';font-size:30px;font-size:3.0rem;text-align:center}
            .widget-EvenementsListe2 ul li.evenements-liste-element .evenements-date-mois-an{color:#004990;font-size:18px;font-size:1.8rem;font-family: 'open_sanssemibold';line-height: 32px;line-height: 3.2rem;}
        .widget-EvenementsListe2 ul li.evenements-liste-element.last{margin-bottom:0;border-bottom: 0 ;padding-bottom:0;}
        .widget-EvenementsListe2 ul li.evenements-liste-element.last .evenements-titre{margin-bottom:0;}

 /* Widget evenements */
    .widget-EvenementsListe3{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-EvenementsListe3 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-EvenementsListe3 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-EvenementsListe3 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
        .widget-EvenementsListe3 ul li.evenements-liste-element{margin-bottom:10px;border-bottom: #D3D8DB 1px solid;padding:0 20px 10px 0;}
            .widget-EvenementsListe3 ul li.evenements-liste-element .evenements-titre{margin-bottom:10px;width:100%;padding-left:20px;margin-top:10px;}
            .widget-EvenementsListe3 ul li.evenements-liste-element .evenements-titre a:link{color:#4891dc;font-family: 'open_sanssemibold';}
            .widget-EvenementsListe3 ul li.evenements-liste-element .evenements-titre a:visited{color:#4891dc;}
            .widget-EvenementsListe3 ul li.evenements-liste-element .evenements-titre a:hover{color:#f26d0c;}
            .widget-EvenementsListe3 ul li.evenements-liste-element .evenements-date-jour{float:left;padding:5px 10px;margin-right:10px;margin-left:-24px;background-color:#004990;color:#fff;font-family: 'DinNext';font-size:30px;font-size:3.0rem;text-align:center}
            .widget-EvenementsListe3 ul li.evenements-liste-element .evenements-date-mois-an{color:#004990;font-size:18px;font-size:1.8rem;font-family: 'open_sanssemibold';line-height: 32px;line-height: 3.2rem;}
        .widget-EvenementsListe3 ul li.evenements-liste-element.last{margin-bottom:0;border-bottom: 0 ;padding-bottom:0;}
        .widget-EvenementsListe3 ul li.evenements-liste-element.last .evenements-titre{margin-bottom:0;}

 /* Widget evenements */
    .widget-EvenementsListe4{float: left;width: 100%;border: #D3D8DB 1px solid;margin-bottom: 20px;}
    .widget-EvenementsListe4 header{float: left;width: 100%;background-color: #FFF;border-bottom: #D3D8DB 1px solid;}
    .widget-EvenementsListe4 header h1{font-size: 24px;font-size: 2.4rem;color: #004990;padding: 20px;font-family: 'DinNext';margin:0;}
    .widget-EvenementsListe4 ul{margin:0;list-style:none;float: left;width: 100%;padding: 20px 0 20px 20px;background-color: #F5F5F5;font-size: 14px;font-size: 1.4rem;font-family: open_sansregular;color: #333;}
        .widget-EvenementsListe4 ul li.evenements-liste-element{margin-bottom:10px;border-bottom: #D3D8DB 1px solid;padding:0 20px 10px 0;}
            .widget-EvenementsListe4 ul li.evenements-liste-element .evenements-titre{margin-bottom:10px;width:100%;padding-left:20px;margin-top:10px;}
            .widget-EvenementsListe4 ul li.evenements-liste-element .evenements-titre a:link{color:#4891dc;font-family: 'open_sanssemibold';}
            .widget-EvenementsListe4 ul li.evenements-liste-element .evenements-titre a:visited{color:#4891dc;}
            .widget-EvenementsListe4 ul li.evenements-liste-element .evenements-titre a:hover{color:#f26d0c;}
            .widget-EvenementsListe4 ul li.evenements-liste-element .evenements-date-jour{float:left;padding:5px 10px;margin-right:10px;margin-left:-24px;background-color:#004990;color:#fff;font-family: 'DinNext';font-size:30px;font-size:3.0rem;text-align:center}
            .widget-EvenementsListe4 ul li.evenements-liste-element .evenements-date-mois-an{color:#004990;font-size:18px;font-size:1.8rem;font-family: 'open_sanssemibold';line-height: 32px;line-height: 3.2rem;}
        .widget-EvenementsListe4 ul li.evenements-liste-element.last{margin-bottom:0;border-bottom: 0 ;padding-bottom:0;}
        .widget-EvenementsListe4 ul li.evenements-liste-element.last .evenements-titre{margin-bottom:0;}

    /* 404 */
    .quatre-cent-quatre-image { float:right}
    .quatre-cent-quatre-bloc-englobe { float:left;width:100%}
    #principale-contenu .quatre-cent-quatre-bloc-englobe .content-box { float:left;width:32%;margin-right:2%}
    #principale-contenu .quatre-cent-quatre-bloc-englobe .content-box:nth-child(3) { margin-right:0}
    .quatre-cent-quatre-top{float:left;width:100%}
        .quatre-cent-quatre-oops{color:#002269;font-size:25px;font-size:2.5rem;font-family: 'DinNext';}
    .quatre-cent-quatre-middle{float:left;width:100%;margin-bottom:20px;}
    .quatre-cent-quatre-middle img{float:right;width:100%;}
    /* Zone favoris et Intra content */    
    .zone-favoris-et-intra-content{display:table;width: 100%;}
    .zone-favoris{display:none;vertical-align: top;width: 70%;}
    .intra-content{display:table-cell;vertical-align: top;width: 30%;}
    /* Service a la clientele */
    .Amt-Accordeon li .ui-accordion-header span::before{content:"1";margin-top: -5px;color:#f46c00;border:2px solid #f46c00;border-radius:50px;width:30px;height:27px;float:left;margin-right:20px;text-align:center;padding-top: 3px;}    
    .Amt-Accordeon li:nth-child(2) .ui-accordion-header span::before{content:"2";}
    .Amt-Accordeon li:nth-child(3) .ui-accordion-header span::before{content:"3";}
    .Amt-Accordeon li:nth-child(4) .ui-accordion-header span::before{content:"4";}
    .Amt-Accordeon li:nth-child(5) .ui-accordion-header span::before{content:"5";}
    .Amt-Accordeon li:nth-child(6) .ui-accordion-header span::before{content:"6";}
    .Amt-Accordeon li:nth-child(7) .ui-accordion-header span::before{content:"7";}
    .Amt-Accordeon li:nth-child(8) .ui-accordion-header span::before{content:"8";}
    .Amt-Accordeon li:nth-child(9) .ui-accordion-header span::before{content:"9";}
    .Amt-Accordeon li:nth-child(10) .ui-accordion-header span::before{content:"10";}
    .Amt-Accordeon li:nth-child(11) .ui-accordion-header span::before{content:"11";}
    .Amt-Accordeon li:nth-child(12) .ui-accordion-header span::before{content:"12";}
    .Amt-Accordeon li:nth-child(13) .ui-accordion-header span::before{content:"13";}
    .Amt-Accordeon li:nth-child(14) .ui-accordion-header span::before{content:"14";}
    .Amt-Accordeon li:nth-child(15) .ui-accordion-header span::before{content:"15";}
    .Amt-Accordeon li:nth-child(16) .ui-accordion-header span::before{content:"16";}
    .Amt-Accordeon li:nth-child(17) .ui-accordion-header span::before{content:"17";}
    .Amt-Accordeon li:nth-child(18) .ui-accordion-header span::before{content:"18";}
    .Amt-Accordeon li:nth-child(19) .ui-accordion-header span::before{content:"19";}
    .Amt-Accordeon li:nth-child(20) .ui-accordion-header span::before{content:"20";}
    .Amt-Accordeon li:nth-child(21) .ui-accordion-header span::before{content:"21";}
    .Amt-Accordeon li:nth-child(22) .ui-accordion-header span::before{content:"22";}
    .Amt-Accordeon li:nth-child(23) .ui-accordion-header span::before{content:"23";}
    .Amt-Accordeon li:nth-child(24) .ui-accordion-header span::before{content:"24";}
    .Amt-Accordeon li:nth-child(25) .ui-accordion-header span::before{content:"25";}
    .Amt-Accordeon li:nth-child(26) .ui-accordion-header span::before{content:"26";}
    .Amt-Accordeon li:nth-child(27) .ui-accordion-header span::before{content:"27";}
    .Amt-Accordeon li:nth-child(28) .ui-accordion-header span::before{content:"28";}
    .Amt-Accordeon li:nth-child(29) .ui-accordion-header span::before{content:"29";}
    .Amt-Accordeon li:nth-child(30) .ui-accordion-header span::before{content:"30";}
    .Amt-Accordeon li:nth-child(31) .ui-accordion-header span::before{content:"31";}
    .Amt-Accordeon li:nth-child(32) .ui-accordion-header span::before{content:"32";}
    .Amt-Accordeon li:nth-child(33) .ui-accordion-header span::before{content:"33";}
    .Amt-Accordeon li:nth-child(34) .ui-accordion-header span::before{content:"34";}
    .Amt-Accordeon li:nth-child(35) .ui-accordion-header span::before{content:"35";}
    .Amt-Accordeon li:nth-child(36) .ui-accordion-header span::before{content:"36";}
    .Amt-Accordeon li:nth-child(37) .ui-accordion-header span::before{content:"37";}
    .Amt-Accordeon li:nth-child(38) .ui-accordion-header span::before{content:"38";}
    .Amt-Accordeon li:nth-child(39) .ui-accordion-header span::before{content:"39";}
    .Amt-Accordeon li:nth-child(40) .ui-accordion-header span::before{content:"40";}
    .Amt-Accordeon li:nth-child(41) .ui-accordion-header span::before{content:"41";}
    .Amt-Accordeon li:nth-child(42) .ui-accordion-header span::before{content:"42";}
    .Amt-Accordeon li:nth-child(43) .ui-accordion-header span::before{content:"43";}
    .Amt-Accordeon li:nth-child(44) .ui-accordion-header span::before{content:"44";}
    .Amt-Accordeon li:nth-child(45) .ui-accordion-header span::before{content:"45";}
    .Amt-Accordeon li:nth-child(46) .ui-accordion-header span::before{content:"46";}
    .Amt-Accordeon li:nth-child(47) .ui-accordion-header span::before{content:"47";}
    .Amt-Accordeon li:nth-child(48) .ui-accordion-header span::before{content:"48";}
    .Amt-Accordeon li:nth-child(49) .ui-accordion-header span::before{content:"49";}
    .Amt-Accordeon li:nth-child(50) .ui-accordion-header span::before{content:"50";}
    .Amt-Accordeon li:nth-child(41) .ui-accordion-header span::before{content:"41";}
    .Amt-Accordeon li:nth-child(42) .ui-accordion-header span::before{content:"42";}
    .Amt-Accordeon li:nth-child(43) .ui-accordion-header span::before{content:"43";}
    .Amt-Accordeon li:nth-child(44) .ui-accordion-header span::before{content:"44";}
    .Amt-Accordeon li:nth-child(45) .ui-accordion-header span::before{content:"45";}
    .Amt-Accordeon li:nth-child(46) .ui-accordion-header span::before{content:"46";}
    .Amt-Accordeon li:nth-child(47) .ui-accordion-header span::before{content:"47";}
    .Amt-Accordeon li:nth-child(48) .ui-accordion-header span::before{content:"48";}
    .Amt-Accordeon li:nth-child(49) .ui-accordion-header span::before{content:"49";}
    .Amt-Accordeon li:nth-child(50) .ui-accordion-header span::before{content:"50";}
    .Amt-Accordeon li:nth-child(51) .ui-accordion-header span::before{content:"51";}
    .Amt-Accordeon li:nth-child(52) .ui-accordion-header span::before{content:"52";}
    .Amt-Accordeon li:nth-child(53) .ui-accordion-header span::before{content:"53";}
    .Amt-Accordeon li:nth-child(54) .ui-accordion-header span::before{content:"54";}
    .Amt-Accordeon li:nth-child(55) .ui-accordion-header span::before{content:"55";}
    .Amt-Accordeon li:nth-child(56) .ui-accordion-header span::before{content:"56";}
    .Amt-Accordeon li:nth-child(57) .ui-accordion-header span::before{content:"57";}
    .Amt-Accordeon li:nth-child(58) .ui-accordion-header span::before{content:"58";}
    .Amt-Accordeon li:nth-child(59) .ui-accordion-header span::before{content:"59";}
    .Amt-Accordeon li:nth-child(60) .ui-accordion-header span::before{content:"60";}
    .Amt-Accordeon li:nth-child(61) .ui-accordion-header span::before{content:"61";}
    .Amt-Accordeon li:nth-child(62) .ui-accordion-header span::before{content:"62";}
    .Amt-Accordeon li:nth-child(63) .ui-accordion-header span::before{content:"63";}
    .Amt-Accordeon li:nth-child(64) .ui-accordion-header span::before{content:"64";}
    .Amt-Accordeon li:nth-child(65) .ui-accordion-header span::before{content:"65";}
    .Amt-Accordeon li:nth-child(66) .ui-accordion-header span::before{content:"66";}
    .Amt-Accordeon li:nth-child(67) .ui-accordion-header span::before{content:"67";}
    .Amt-Accordeon li:nth-child(68) .ui-accordion-header span::before{content:"68";}
    .Amt-Accordeon li:nth-child(69) .ui-accordion-header span::before{content:"69";}
    .Amt-Accordeon li:nth-child(70) .ui-accordion-header span::before{content:"70";}
    .Amt-Accordeon li:nth-child(71) .ui-accordion-header span::before{content:"71";}
    .Amt-Accordeon li:nth-child(72) .ui-accordion-header span::before{content:"72";}
    .Amt-Accordeon li:nth-child(73) .ui-accordion-header span::before{content:"73";}
    .Amt-Accordeon li:nth-child(74) .ui-accordion-header span::before{content:"74";}
    .Amt-Accordeon li:nth-child(75) .ui-accordion-header span::before{content:"75";}
    .Amt-Accordeon li:nth-child(76) .ui-accordion-header span::before{content:"76";}
    .Amt-Accordeon li:nth-child(77) .ui-accordion-header span::before{content:"77";}
    .Amt-Accordeon li:nth-child(78) .ui-accordion-header span::before{content:"78";}
    .Amt-Accordeon li:nth-child(79) .ui-accordion-header span::before{content:"79";}
    .Amt-Accordeon li:nth-child(80) .ui-accordion-header span::before{content:"80";}
    .Amt-Accordeon li:nth-child(81) .ui-accordion-header span::before{content:"81";}
    .Amt-Accordeon li:nth-child(82) .ui-accordion-header span::before{content:"82";}
    .Amt-Accordeon li:nth-child(83) .ui-accordion-header span::before{content:"83";}
    .Amt-Accordeon li:nth-child(84) .ui-accordion-header span::before{content:"84";}
    .Amt-Accordeon li:nth-child(85) .ui-accordion-header span::before{content:"85";}
    .Amt-Accordeon li:nth-child(86) .ui-accordion-header span::before{content:"86";}
    .Amt-Accordeon li:nth-child(87) .ui-accordion-header span::before{content:"87";}
    .Amt-Accordeon li:nth-child(88) .ui-accordion-header span::before{content:"88";}
    .Amt-Accordeon li:nth-child(89) .ui-accordion-header span::before{content:"89";}
    .Amt-Accordeon li:nth-child(90) .ui-accordion-header span::before{content:"90";}
    .dyn-service-clientele-accueil .widget-intra-content{float:left;width:100%;}
    .dyn-service-clientele-accueil .widget-intra-content header{float:left;width:100%;position:relative}
    .dyn-service-clientele-accueil .widget-intra-content header h1{font-size:24px;font-size:2.4rem;color:#004990;font-family: DinNext, "Myriad Pro", Arial;position:absolute;margin:-40px 0 0 20px !important;}
    .zone-intra-content{padding:0;}
    .dyn-accueil .connecte .zone-intra-content{padding:20px 20px 0 20px;}
    .zone-aside-second{padding-left:0;padding-top: 88px;}
    .dyn-accueil .zone-aside-second{padding-left:20px;padding-top: 0;}
    /* On remonte la sidebar droite pour la page avec le carrousel interne */
    .dyn-page .zone-aside-second{padding-top: 20px;}
    .service-a-la-clientele-widget{}
    .service-a-la-clientele-table{display:table}   
        .service-a-la-clientele-colonne-gauche-englobe{display:table-cell;padding-right:20px;vertical-align:top;} 
            .service-a-la-clientele-colonne-gauche-bis{width:100%;float: left;}
            .service-a-la-clientele-colonne-droite-bis{width:100%;float: left;}
        .service-a-la-clientele-colonne-droite-englobe{width:300px;display:table-cell;vertical-align:top;}
            .service-a-la-clientele-colonne-droite{}

    /* A propos */
    .a-propos-table{display:table}
        .a-propos-colonne-gauche-englobe{display:table-cell;padding-right:20px;vertical-align:top;}
            .a-propos-colonne-gauche{width:100%;float: left;}
            .a-propos-colonne-gauche-bis{width:100%;float: left;}
        .a-propos-colonne-droite-englobe{width:300px;display:table-cell;vertical-align:top;}
            .a-propos-colonne-droite{width:100%;float: left;}
            .a-propos-colonne-droite-bis{width:100%;float: left;}


    /* CONTENU #InformationContenu */
    #InformationContenu{}
    #InformationContenu ul{}
    #InformationContenu ul li{list-style:none;}
    #InformationContenu{}
    #InformationContenu{}
    #InformationContenu{}
    #InformationContenu{}
    #InformationContenu{}
    #InformationContenu{}
    /* BIG BOX */
    .promotion-big-box-liste{width:100%;margin:0;padding:0;list-style:none;}
    .promotion-big-box-liste:before{content: "";display: table;border-collapse: collapse;}
    .promotion-big-box-liste:after{content: "";display: table;border-collapse: collapse;clear: both;}
        .promotion-big-box-element{float:left;width:100%;margin:0;padding:0;list-style:none;margin-bottom:20px;}
            .content-item{float:left;width:100%;}
                .promotion-big-box-element img{float:left;height:auto !important;border: solid 1px #CCC;}
                .promotion-big-box-element .date-time-field{display:none}
                .promotion-big-box-element .image-item div{display:none}



    /*ETAT DE SERVICE */
    #left-col .etat_services_laval{border-top:1px solid #d8dde0;padding:40px 10px 10px 60px;position: relative;}
    #left-col .etat_services_laval.petit_vert:before  {content:""; display: block; width: 14px; height: 14px; background: #52bf00; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;  position: absolute; left: 15px;top: 43px;}
    #left-col .etat_services_laval.petit_rouge:before {content:""; display: block; width: 14px; height: 14px; background: #ff0000; position: absolute; left: 15px;top: 43px; }
    #left-col .etat_services_laval.petit_orange:before{content:""; width: 0;height: 0;border-style: solid;border-width: 0 7px 12.1px 7px;border-color: transparent transparent #f26c0c transparent;  position: absolute; left: 15px;top: 43px; }
    #left-col .etat_services_laval.petit_blanc:before {content:""; display: block; width: 14px; height: 14px; background: #fff; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;  position: absolute; left: 15px;top: 43px;border: 2px solid #d8dde0;}


    /* SITE MAX-WIDTH */     
    .header{width: 94%;max-width:1180px;margin:0 auto;}
    article .header {width: 100%;max-width:none;}
    #principale{width: 94%;max-width:1200px;margin:20px auto 0 auto;}/*margin bottom a 0 pour fr/planifier-trajets/train/candiac/0 */
    .dyn-accueil #principale{max-width:1180px;}/* 1180px de largeur! pour Acceuil */
    .dyn-accueil #apres-principale {max-width:1180px;}/* 1180px de largeur! pour Acceuil */
    .dyn-accueil #principale.connecte{max-width:1220px;}/* 1220px de largeur! pour Acceuil connecté */ /* PAS width 100% ! */
    .dyn-accueil .connecte #apres-principale{max-width:1200px;}/* 1200px de largeur! pour Acceuil connecté */
    .dyn-accueil #pidedepage-sig .zone {}/* 1180px de largeur! pour Acceuil */
    dyn-accueil #principale:before{content: "";}
    dyn-accueil #principale{margin:0 auto;}
    .panneau-itineraire.accueil{top:27px;z-index: 3;left:0%;}/* 27 au lieu de 47 au lieu de 64 du au fait que le menu croque les info bulles */
    .carte-tool-englobe{width: 100%;max-width: 1200px;margin: 0 auto;position: relative;}/* 100% de largeur! pour Planifier mes deplacement */
    .dyn-accueil .carte-tool-englobe{ width:94%;max-width: 1180px; }/* 94% de largeur! pour Acceuil */ 
    /* safari hack car pas de max- min- sur display table */    
    #principale-englobe{max-width: 1277px;margin: auto;}

    

    /* ACCUEIL CONNECTE SI AUCUN FAVORI */
    .image-cliquable-favoris {float: left;padding: 20px;width: 100%; background-color:#fff; }
    .image-cliquable-favoris a{float:left;width:100%;height:250px;background-image:url('../Content/Images/promo-favoris.jpg'); background-position:left bottom;}

    /* TROUVER TITRE */ 
    /* reset jQuery ui */ 
    .trouver_titre_resultat.ui-widget{font-size: 100%;font-family:open_sansregular, 'Myriad Pro', Arial, Tahoma, Verdana, sans-serif;}
    .trouver_titre_resultat .ui-accordion-header{margin-top:0;border-bottom-right-radius: 0;border-bottom-left-radius: 0;border-top-right-radius: 0;border-top-left-radius: 0;}
    .trouver_titre_resultat .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:none;background: transparent;}
    /* general */ 
    #trouver_titre_gauche_col{float:left;width: 600px;display: block;float: left;}
	.trouver_titre_englobe{float:left;width:100%;}
	    .trouver_titre_trajet{float:left;width:100%;background-color:#ebebeb;border:1px solid #d3d8db;margin-bottom:15px;}
	        .trouver_titre_entete{float:left;width:100%;background-color:#fff;border-bottom:1px solid #d3d8db;}
	            .trouver_titre_retour{float:left;width:10%;position:relative;}
	            .trouver_titre_retour:hover{background-color:#4891dc;color:#fff;cursor:pointer;}
	            .trouver_titre_retour:hover a:before{color:#fff;}
                    .trouver_titre_retour a{float:left;width:100%;height:105px;font-family: AdobeBlank;transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
	                .trouver_titre_retour a:before{font-family: amt2;content: "\e646";width:100%;height:105px;float: left;font-size: 28px;line-height: 105px;color: #004990;}
	            .trouver_titre_sommaire{float:left;width:90%;}
                    .trouver_titre_temps{float:left;width:100%;border-bottom:1px solid #d3d8db;padding:15px;font-size:16px;font-size:1.6rem;border-left:1px solid #d3d8db;}
	                    .trouver_titre_heure{float:left;width:50%;color:#4891dc;}
	                    .trouver_titre_duree{float:left;width:50%;text-align: right;font-family: open_sansbold;}
	                .trouver_titre_etapes{float:left;width:100%;padding:15px;border-left:1px solid #d3d8db;}
	                    .trouver_titre_etapes ol{float:left;width:100%;margin:0;padding:0;}
	                        li.etape_trajet{float:left;display:inline;}
                            li.etape_trajet .icon_etape_trajet{float: left;font-size:19px;}
                            li.etape_trajet .arrow_etape_trajet{font-size:7px;color:#b6b6b6;margin: 0 5px;float: left;}
                            li.etape_trajet .arrow_etape_trajet:before{content: "\e646";}
                            li.etape_trajet:last-child .arrow_etape_trajet:before{content: "";}
                            li.etape_trajet .WALKING{font-family: AdobeBlank;}
                            li.etape_trajet .WALKING:before{content: "\e62d";font-family: amt2;}
                            li.etape_trajet .HEAVY_RAIL{font-family: AdobeBlank;}
                            li.etape_trajet .HEAVY_RAIL:before{content: "\e604";font-family: amt2;}
                            li.etape_trajet .BUS{font-family: AdobeBlank;}
                            li.etape_trajet .BUS:before{content: "\e632";font-family: amt2;}
                            li.etape_trajet .SUBWAY{font-family: AdobeBlank;}
                            li.etape_trajet .SUBWAY:before{content: "\e639";font-family: amt2;}
                            li.etape_trajet .numItineraire{float:left;margin-left: 3px;}
            .trouver_titre_resultat{float:left;width:100%;padding:20px;}
                .trouver_titre_resultat_description{float:left;width:100%;margin:0 0 0 0;color:#565656;font-size:16px;font-size:1.6rem;font-family: open_sanssemibold;}
                .trouver_titre_avertissement{min-height: 50px;float: left;padding: 10px;color: #333333;background-color:#fff;font-size: 14px;font-size: 1.4rem;margin-top: 25px;width: 100%;border: 1px solid #ed1f24;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: relative;}
                    .trouver_titre_avertissement .trouver_titre_avertissement_etape{display: inline-block;}
                    .trouver_titre_avertissement_etape > ul{margin: 0 0 0 39px;width:50px;padding-top: 5px;float: left;}
                    .trouver_titre_avertissement .trouver_titre_avertissement_texte{display: inline-block;width:496px;margin-left:39px;padding-top: 5px;}
                    .trouver_titre_avertissement .icon_alert{height: 100%;margin-right: 10px;position: absolute;width: 30px;}
                    .trouver_titre_avertissement .icon_alert:before{content: "\e600";font-size: 30px;color: #ed1f24;line-height: 30px;width: 30px;height: 30px;float: left;}
                .trouver_titre_resultat .trouver_titre_type_header{margin-top:20px;float:left;width:100%;background-color:#fff;padding:25px 15px;font-size:16px;font-size:1.6rem;color:#333333;border:1px solid #d3d8db;line-height: 28px;line-height: 2.8rem;}
                .trouver_titre_resultat .trouver_titre_type_header:hover{background-color:#4891dc;border:1px solid #4891dc;color:#fff;cursor:pointer;}
                .trouver_titre_resultat .trouver_titre_type_header:hover a:before{color:#fff;}
                    .trouver_titre_resultat .trouver_titre_type_header_texte{float:left;width:45%;font-family: open_sansbold;}
                    .trouver_titre_resultat .trouver_titre_type_header_prix{float:left;width:45%;text-align: right;}
                        .trouver_titre_resultat .trouver_titre_bold{font-family: open_sansbold;}
                    .trouver_titre_resultat .trouver_titre_type_header_arrow{float:left;width:10%;margin:0;}
                        .trouver_titre_resultat .trouver_titre_type_header_arrow a{float:right;font-family: AdobeBlank;width: 28px;height: 28px;transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
                        .trouver_titre_resultat .trouver_titre_type_header_arrow a:before{font-family: amt2;content: "\e646";color: #004990;font-size:28px;float:left;width: 28px;height: 28px;}
                .trouver_titre_resultat .trouver_titre_type_contenu{float:left;width:100%;border:1px solid #d3d8db;border-top:none;background-color:#fafafa;padding:20px;margin:0 0 20px 0;}
                    .trouver_titre_resultat .trouver_titre_cout{float:left;width:100%;}
                        .trouver_titre_resultat .trouver_titre_cout_header{float:left;width:100%;background-color:#fff;padding:20px;border:1px solid #d3d8db;font-size:15px;font-size:1.5rem;}
                        .trouver_titre_resultat .trouver_titre_cout_contenu{float:left;width:100%;color:#565656;background-color:#fff;padding:20px;margin:0 0 20px 0;border:1px solid #d3d8db;border-top:none;}
                        .trouver_titre_resultat .trouver_titre_cout_header .trouver_titre_bold{font-family: open_sansbold;float:right;color:#333333}
                        .trouver_titre_resultat .trouver_titre_type_header_prix_promo{position:absolute;right: 70px;bottom: 6px;}
                        .trouver_titre_resultat .trouver_titre_groupe{float:left;width:100%;margin-bottom: 20px;}
                            .trouver_titre_resultat .trouver_titre_groupe_etapes{float:left;width:20%;}
                                .trouver_titre_groupe_etapes ul {margin: 0;float:left;width:100%;}
                                .trouver_titre_groupe_etapes ul li {float:left;width:100%;}
                                .trouver_titre_resultat .trouver_titre_groupe_etapes li.etape_trajet .arrow_etape_trajet{width:100%;}
                                .trouver_titre_resultat .trouver_titre_groupe_etapes li.etape_trajet .arrow_etape_trajet:before{content: "";}
	                            .trouver_titre_resultat .trouver_titre_groupe_etapes ol{float:left;width:100%;margin:0;padding:0;}
                            .trouver_titre_resultat .trouver_titre_groupe_contenu{float:left;width:80%;position:relative;}
                                .trouver_titre_resultat .trouver_titre_groupe_contenu_vente{position:absolute;width:40%;right: -26px;font-family: open_sansbold;}
                                    .trouver_titre_resultat .trouver_titre_groupe_contenu_vente a{float:right;width: 100%;padding:10px;background-color:#fafafa;color:#565656;border:1px solid #d3d8db;-webkit-box-shadow: inset -4px 0 0 0 #003e7a;box-shadow: inset -4px 0 0 0 #003e7a;}
                                    .trouver_titre_resultat .trouver_titre_groupe_contenu_vente a:hover{padding:10px;background-color:#003e7a;color:#fff;border:1px solid #003e7a;}
                                    .trouver_titre_resultat .trouver_titre_groupe_contenu_vente a:hover>div:before{color:#fff;}
                                    .trouver_titre_resultat .trouver_titre_groupe_contenu_vente a div{float: right;}
                                    .trouver_titre_resultat .trouver_titre_groupe_contenu_vente a div:before{content: "\e646";float: left;font-size: 16px;color: #c8c8c8;line-height: 21px;}
                                .trouver_titre_resultat .trouver_titre_groupe_contenu_titre{float:left;width:65%;font-size:14px;font-size:1.4rem;color:#333333;font-family: open_sansbold;line-height: 1.6rem;}
								.touch .trouver_titre_resultat .trouver_titre_groupe_contenu_titre{ width:80%; }
									.trouver_titre_resultat .trouver_titre_groupe_contenu_titre sup{ font-weight:normal; font-family:Arial, Helvetica; font-size:10px; line-height:10px; font-size:xx-small; vertical-align:super; line-height: 0; position: relative; vertical-align: baseline;top: -0.5em; }
                                .trouver_titre_resultat .trouver_titre_groupe_contenu_texte{float:left;width:100%;color:#333333;margin-top: 10px;}
                                    .trouver_titre_resultat .trouver_titre_groupe_contenu_texte a{color:#f26d0c}
                                    .trouver_titre_resultat .trouver_titre_groupe_contenu_texte a:hover{text-decoration:underline}
                                    .trouver_titre_resultat .trouver_titre_groupe_contenu_texte_condition{font-size: 9px;font-size:0.9rem;margin:10px 0 0;padding:0; display:block; clear:both; }
                                    .trouver_titre_resultat .trouver_titre_groupe_contenu_texte_condition li{list-style:none;margin-top:10px;}


    /* AUTRES POINTS DE VENTE */
    .autre-point-de-vente-accueil{float:left;width:100%;}
    .autre-point-de-vente-contenu{float:left;width:100%;padding:10px 0}
        .autre-point-de-vente-contenu-texte{float:left;width:70%;}
        .autre-point-de-vente-contenu-lien-englobe{float:left;width:30%;}
            .autre-point-de-vente-contenu-lien{background-color:#f26d0c;color:#fff;font-family: DinNext, "Myriad Pro", Arial;font-size:16px;font-size:1.6rem;padding:13px 40px;float:right;-webkit-border-radius: 3px;border-radius: 3px;}
            .autre-point-de-vente-contenu-lien:hover{color:#fff;background-color:#d45c04;}
    .autre-point-de-vente-recherche{float:left;width:100%;position:relative;}
        .autre-point-de-vente-recherche label{margin:0 0 10px 0;padding:0;}
        .autre-point-de-vente-recherche #RechercheMunicipalitePointVente_municipalite{margin:0 0 20px 0}
        .autre-point-de-vente-recherche #RechercheMunicipalitePointVente_rechercher{margin:0 0 20px 0}
    .autre-point-de-vente-carte{float:left;width:100%;}
    .autre-point-de-vente-liste{float:left;width:100%;}
    /* BILLETERIES METROPOLITAINES */
    /* On retire le padding afin d'afficher correctement la div grise */
    .dyn-point-de-vente .zone{padding:20px 0}
    /* On pose le padding de .zone a la balise article */
    .dyn-point-de-vente article.pointDeVente-accueil{padding:0 20px}
    /* On ajuste le texte au dessus de la carte */
    .billeteries_contenu{float:left;margin:0 0 20px 0;font-size:14px;font-size:1.4rem;color:#5c5c5c;line-height:2.0rem;width: 100%;}
        .billeteries_contenu_texte{float:left;width:70%; margin-left:20px; margin-right:20px; }
        .billeteries_contenu_lien{float:left;width:30%;}
    /* On style le bouton orange dans le texte au dessus de la carte */
    a.billeteries_lien_autres{background-color:#f26d0c;color:#fff;font-family: DinNext, "Myriad Pro", Arial;font-size:16px;font-size:1.6rem;padding:13px 40px;float:right;-webkit-border-radius: 3px;border-radius: 3px;}
    a.billeteries_lien_autres:hover{color:#fff;background-color:#d45c04;}
    /* On style l'affichage des billeteries */
    .billeteries_englobes{float:left;width:100%;background-color:#d6d6d6;padding-bottom:20px;margin-top:20px;}
        .billeteries_englobes_header{float:left;width:100%;}
            .billeteries_englobes_header h1{margin: 10px 0 0 0;padding: 0 20px;}
    /* On ajuste la taille de carte par rapport a la maquette */
    .dyn-point-de-vente  #carteCanvas{height:490px;border:1px solid #d8dddf;float:left;width: 919px;margin:0 20px;}
    .dyn-point-de-vente  #carteCanvas{height:490px;border:1px solid #d8dddf;float:left;width: 919px;margin:0 20px;}
    /* La largeur est a 293px contairement a la maquette (300px) */
        .billeteries_billeterie{float:left;background-color:#fff;padding:20px;height:280px;color:#333333;overflow: auto;margin: 20px 0 0 2%;width: 30.7%;font-size:12px;font-size:1.2rem;}
        .autres_billeteries_billeterie{float:left;background-color:#fff;padding:20px;color:#333333;overflow: auto;line-height: 18px;line-height: 1.8rem;margin: 20px 0 0 2%;width: 30.7%;font-size:12px;font-size:1.2rem;}
		/* .dyn-recherche-point-de-vente .autres_billeteries_billeterie{height:455px; } */
    /* On style le contenu de chaque bloc */
            .billeteries_billeterie{position:relative;}
                .billeteries_billeterie_titre{ width:55%; font-family: 'open_sansbold';font-size:14px;font-size:1.4rem;line-height:normal;}
                .billeteries_billeterie_lien{ position:absolute; top:20px; right:20px; }
                    .billeteries_billeterie_lien a{font-size:13px;font-size:1.3rem;line-height:normal;color:#333333;float: right;}
                    .billeteries_billeterie_lien a:hover{color:#f26d0c;}
                    .billeteries_billeterie_lien a:before{font-family: amt2;content: "\e650";color:#f26d0c;font-size:16px;float:left;width: 16px;height: 16px;margin-right:7px;}
            .billeteries_billeterie_adresse{float:left;width:100%;}
            .billeteries_billeterie_ville{float:left;width:100%;}
            .billeteries_billeterie_texte{float:left;width:100%;margin-top: 20px;}
                #principale-contenu .billeteries_billeterie_texte .Amt-tableau td{padding:5px;}
    /* On style le footer si "Cahrger + de resultats" */
        .billeteries_englobes_footer{float:left;width:100%;}
        .billeteries_englobes_footer a#billeteries_plus-resultats{margin: 20px 0 0 20px;background-color: #F26D0C;color: #FFF;font-family: DinNext, "Myriad Pro", Arial;font-size: 16px;font-size: 1.6rem;padding: 13px 40px;float: left;-webkit-border-radius: 3px;border-radius: 3px;}
        .billeteries_englobes_footer a#billeteries_plus-resultats:hover{color:#fff;background-color:#d45c04;}

    /* MEGA MENU */    
    .accessible-megamenu{position:absolute;z-index:12;display:block;list-style:none;margin:0;padding:0;width:100%;}
    .accessible-megamenu h2,.accessible-megamenu h3,.accessible-megamenu h4{font-size:1rem;display:inline;line-height:inherit;margin:0;padding:0;}
    .accessible-megamenu-panel-titre{font-size: 1rem;display: inline;line-height: inherit;margin: 0;padding: 0;font: normal 1.8rem open_sansbold, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;color: #333;}
    .accessible-megamenu .accessible-megamenu-top-nav-item{display:block;list-style:none;float:left;margin:0;padding:0;}
    .accessible-megamenu :focus{}/**/
    .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]{position:relative;display:block;padding-left:.769em;padding-right:.769em;text-decoration:none;z-index:inherit;}
    .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:hover,.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:focus{outline-offset:-1px;}
    .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:hover,.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup]:focus,.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].open{margin-left:0;background:0;z-index:1002;}
    .accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-haspopup]{}
    .accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-haspopup].open{}
    .accessible-megamenu .accessible-megamenu-panel{position:absolute;display:block;cursor:default;visibility:hidden;top:-9999em;max-height:0;overflow:hidden;opacity:0;margin:0;padding:0;
    -webkit-transition:opacity 250ms ease 250ms max-height 500ms ease, visibility 0 linear 500ms top 0 linear 500ms;
    -moz-transition:opacity 250ms ease 250ms max-height 500ms ease, visibility 0 linear 500ms top 0 linear 500ms;
    -ms-transition:opacity 250ms ease 250ms max-height 500ms ease, visibility 0 linear 500ms top 0 linear 500ms;
    -o-transition:opacity 250ms ease 250ms max-height 500ms ease, visibility 0 linear 500ms top 0 linear 500ms;
    transition:opacity 250ms ease 250ms max-height 500ms ease, visibility 0 linear 500ms top 0 linear 500ms;}
    .accessible-megamenu .accessible-megamenu-panel.open{visibility:visible;opacity:1;z-index:-1;top:59px;max-height:800px;padding-top: 20px;border: 1px solid #cccccc;border-top:0;
    -webkit-transition:opacity 250ms ease, max-height 500ms ease, visibility 0 linear 0 top 0 linear 0;
    -moz-transition:opacity 250ms ease, max-height 500ms ease, visibility 0 linear 0 top 0 linear 0;
    -ms-transition:opacity 250ms ease, max-height 500ms ease, visibility 0 linear 0 top 0 linear 0;
    -o-transition:opacity 250ms ease, max-height 500ms ease, visibility 0 linear 0 top 0 linear 0;
    transition:opacity 250ms ease, max-height 500ms ease, visibility 0 linear 0 top 0 linear 0;}
    .accessible-megamenu .accessible-megamenu-panel a{display:inline-block;text-decoration:none;}
    .accessible-megamenu .accessible-megamenu-panel ol{display:block;list-style:none;margin:0;padding:0;}    
    .accessible-megamenu .accessible-megamenu-panel{left: 5%;width: 90%;background-color:rgba(245,245,245,0.9);}
    /*  Décommenter lorsqu'il y aura le planificateur dans le big menu 
    .accessible-megamenu .cols-1.accessible-megamenu-panel{background:#fff url(../Content/Images/menu-bg-col1.png);background-repeat: no-repeat;background-size: 26% 100%;}
    .accessible-megamenu .menu_planificateur{width:26%;height:100%;background-color:grey;float:left;display:block !important}
    .accessible-megamenu .accessible-megamenu-panel ol > li.accessible-megamenu-panel-group{position:relative;list-style:none;width:20.6666666666%;margin:0 2% 0;padding:0;}
    */
    .accessible-megamenu .accessible-megamenu-panel > ol > li > .accessible-megamenu-panel-titre > a{font: normal 21px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-size: 2.1rem;color: #004990;}
    .accessible-megamenu .menu_planificateur{display:none}
    .accessible-megamenu .accessible-megamenu-panel ol > li.accessible-megamenu-panel-group{position:relative;list-style:none;width:29.3%;margin:0 2% 0;padding:0;}
    .accessible-megamenu .accessible-megamenu-panel ol > li > ol{margin:0 0 25px 0;}
    .accessible-megamenu .accessible-megamenu-panel > ol > li{float:left;display:block;}
    .accessible-megamenu .accessible-megamenu-panel > ol > li:first-of-type{}
    .accessible-megamenu .accessible-megamenu-panel > p{}
    .accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a{font:normal 21px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-size:2.1rem;color:#004990;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #dce1e4;width:100%}
    .accessible-megamenu .accessible-megamenu-panel ol ol > li > a{width:auto;color:#4891dc;font-size:12px;font-size:1.2rem;padding: 4px 0;line-height: 1.2rem;font-family:open_sanssemibold;}
    .accessible-megamenu .accessible-megamenu-panel a:hover,.accessible-megamenu .accessible-megamenu-panel a:focus{text-decoration:underline;}
    .accessible-megamenu .accessible-megamenu-panel hr{border-top-color:rgba(0,0,0,0.3);border-bottom-color:#fff;border-style:solid;border-width:1px 0;}
    #menu-principale{z-index: 999999;margin:auto;background-color:#fff;border-bottom:1px solid #bcbcbc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;z-index:12;-webkit-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;}/*width:1180px;*/
    #menu-principale > .zone{padding:0;}
    #menu-principale > .zone nav{background-color:#004990;height:57px;border-bottom: 0;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;-moz-box-shadow:0 2px 0 0  #092a49;-webkit-box-shadow:0 2px 0 0  #092a49;box-shadow:0 2px 0 0  #092a49;}
    #menu-principale > .zone li{line-height: 19px;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}
	#menu-principale > .zone .menu-menu-principal > li:first-child a{ -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;}
        #menu-principale > .zone .menu-menu-principal > li:first-child .current a {
            border-right: 1px solid #000503;
        }
	#menu-principale > .zone .menu-menu-principal > li:last-child a{ -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;}   
	#menu-principale > .zone .menu-menu-principal > li:last-child .accessible-megamenu-panel-titre-h2 a{white-space: nowrap !important;}
                .non-connecte #menu-principale > .zone .menu-menu-principal > li:last-child .accessible-megamenu-panel-titre-h2 a::before{color:#004990;text-shadow:   -1px -1px 0 #fff,      1px -1px 0 #fff,    -1px 1px 0 #fff,     1px 1px 0 #fff;}
    .lt-ie10    .non-connecte #menu-principale > .zone .menu-menu-principal > li:last-child .accessible-megamenu-panel-titre-h2 a::before { color: #fff; }
	#menu-principale > .zone li.first, #menu-principale > .zone li.first a{-webkit-border-top-left-radius:3px;-moz-border-radius-topleft:3px;border-top-left-radius:3px;}
    #menu-principale > .zone li.last{-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-top-right-radius:3px;}
    .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-haspopup].open{}
    #menu-principale > .zone li.current{background-color:#4891dc;}
    #menu-principale > .zone li .accessible-megamenu-panel-titre-h2 a{background-color:#004990;display:block;color:#fff;margin-bottom:6px;font:18px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-size:1.8rem;font-weight:300;border-right:1px solid #0f4070;padding:19px 30px 13px 20px;height: 57px;}
	#menu-principale > .zone li .accessible-megamenu-panel-titre-h2 a:hover{ background-color:#4891dc; }
    #menu-principale > .zone li .accessible-megamenu-panel-titre-h2.current a{ background-color:#02264a; border-left:1px solid #000503; border-right:1px solid #000503;}
    .no-touch  #menu-principale > .zone li .accessible-megamenu-panel-titre-h2 a {padding-right:22px}
#menu-principale > .zone li .accessible-megamenu-panel-titre-h2 a:after {
    font-family:FontAwesome;
    content: "\f107";
    font-size:16px;
    font-weight:normal;
    margin-left:5px;
    margin-top:2px;
}
#menu-principale > .zone li.opened .accessible-megamenu-panel-titre-h2 a:after {
    content: "\f106";
}
#menu-principale > .zone li:first-child .accessible-megamenu-panel-titre-h2 a:after {
    content:'';
    display:none;
}
    #menu-principale > .zone li:last-child .accessible-megamenu-panel-titre-h2 a{border-right:0;}
    #menu-principale > .zone li.accessible-megamenu-top-nav-item:hover, #menu-principale > .zone li:hover h2 a, #menu-principale li.accessible-megamenu-top-nav-item:focus{background-color:none;}
#menu-principale li.accessible-megamenu-top-nav-item.opened > div > a:before {
    content:'';
    position:absolute;
    bottom:-2px;
    left:0;
    width:100%;
    height:5px;
    background-color:#4891dc;
    border-right: 1px solid #0F4070;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
#menu-principale li.accessible-megamenu-top-nav-item.opened > .accessible-megamenu-panel-titre-h2:after {
    content:'';
    width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #4891dc;
    position:absolute;
    bottom:-8px;
    left:50%;
    margin-left:-3px;
}
.whiteboxol {
    padding-left:24px !important;
    padding-top:30px !important;
}
.accessible-megamenu-panel-group.whitebox {
    background:#FFF;
    padding:30px !important;
    width:30% !important;
    margin:0 13px !important;
    -webkit-border-radius: 5px !important; 
  -moz-border-radius: 5px !important; 
  border-radius: 5px !important; 
  -webkit-box-shadow: 0 2px 0 0 #ced1d5;
     -moz-box-shadow: 0 2px 0 0 #ced1d5;
          box-shadow: 0 2px 0 0 #ced1d5;
}
    .whiteboxol.sac .accessible-megamenu-panel-group.whitebox{
        min-height:250px;
    }
    .whiteboxol.tarifs .accessible-megamenu-panel-group.whitebox{
        min-height:215px;
    }
    .whiteboxol.deplacer .accessible-megamenu-panel-group.whitebox{
        min-height:205px;
    }
    .whiteboxol.etats .accessible-megamenu-panel-group.whitebox{
        min-height:300px;
    }
#menu-principale > .zone .listeetatsmenu {
    margin-top:30px;
    margin-right:-30px;
}
#menu-principale > .zone .listeetatsmenu li {
    border-bottom:1px solid #ced1d5;
    border-radius:0 !important;
    position:relative;
}
    #menu-principale > .zone .listeetatsmenu li a {
        padding: 0 !important;
        line-height: 30px;
        display:block;
    }
    #menu-principale > .zone .listeetatsmenu li .etat_color_icone_alerte:after {
        content:'';
        position:absolute;
        top:-11px;
        right:-9px;
        width:4px;
        height:32px;
        background:#52bf00;
    }
    #menu-principale > .zone .listeetatsmenu li .etat_color_icone_alerte.petit_rouge:after {
        background: #ff0000;
    }
    #menu-principale > .zone .listeetatsmenu li .etat_color_icone_alerte.petit_orange:after {
        background: #f26c0c;
        right:-14px;
    }
    #menu-principale > .zone .listeetatsmenu li .etat_color_icone_alerte {
        position:absolute;
        top:4px;
        right:5px;
        margin-right:0;
    }
    #menu-principale > .zone .listeetatsmenu li:first-child {
        border-top:1px solid #ced1d5;
    }
    #menu-principale > .zone li.last .accessible-megamenu-panel-titre-h2 a{border:0 solid #668baf;}
    #menu-principale ul li ul{border:none;width:100%;border-left:1px solid #003e7a;border-right:1px solid #003e7a;border-bottom:1px solid #003e7a;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;-moz-box-shadow:0 2px 1px 0 #666;-webkit-box-shadow:0 2px 1px 0 #666;box-shadow:0 2px 1px 0 #666;left:0;margin:57px 0 0;}
    #menu-principale ul li ul li,nav#menu-principale ul li ul li a{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;}
    #menu-principale ul li ul li .accessible-megamenu-panel-titre-h2 a{background-color:#003e7a!important;margin-bottom:0!important;border:none!important;}
    #menu-principale ul#primary-bigmenu-container{background-color:#fff;border:none;border-top:12px solid #003e7a;border-bottom:12px solid #003e7a;}
    .accessible-megamenu li .cols-1 h3 a{text-align: left;padding-left: 40px;padding-top:3px;}
    .accessible-megamenu li .cols-1 h3.font_amt:before{color:#003e7a;font-family:amt2;font-size:28px;width:28px;height:28px;line-height: 28px;position:absolute;margin:0;padding:0;}
    .accessible-megamenu li .cols-1 h3.train:before{content:"\e604";}
    .accessible-megamenu li .cols-1 h3.metro:before{content:"\e639";}
    .accessible-megamenu li .cols-1 h3.autobus:before{content:"\e632";}
    .accessible-megamenu li .cols-1 h3.velo:before{content:"\e64a";}
    .accessible-megamenu li .cols-1 h3.automobile:before{content:"\e64b";}
    .accessible-megamenu li .cols-1 h3.terminus:before{content:"\e645";}
    .accessible-megamenu li .cols-1 h3.transports_adaptes:before{content:"\e61b";}
    .accessible-megamenu li .cols-1 h3.covoiturage:before{content:"\e64c";}
    #entete-principale-mobile{background-color:#004990;}
    #entete-principale-mobile #basculer-menu-mobile{display:block;width:50px;height:50px;padding:0;font-family:amt2; color:#fff; font-size:30px;font-size:3.0rem; padding: 10px;}     
	#entete-principale-mobile #basculer-menu-mobile:before{ content: "\e651";position: absolute; }
	#entete-principale-mobile #basculer-menu-mobile:focus{ text-decoration:none; }
    /* BIG MENU NOUVELLE VERSION */    
    .accessible-megamenu .accessible-megamenu-panel.col-new-version > ol > li > .accessible-megamenu-panel-titre > a{padding:0;margin:0 0 5px 0;border:0;}
    .accessible-megamenu .accessible-megamenu-panel.col-new-version ol > li.accessible-megamenu-panel-group{width:21%;}
    .accessible-megamenu .accessible-megamenu-panel.col-new-version ol.megamenu-row{width:100%;float:left;margin:0 0 15px 0}
    .accessible-megamenu .accessible-megamenu-panel.col-new-version ol > li > ol{margin:0;}
    .accessible-megamenu .accessible-megamenu-panel.col-new-version .trouver-le-meilleur-itineraire{float:left;width:100%;text-align:right;padding: 0 10px 10px 0;}
    .accessible-megamenu .accessible-megamenu-panel.col-new-version .sans-lien{float:left;width:100%;margin-bottom:10px;padding-right: 20px;font: normal 21px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-size: 2.1rem;}   
    .accessible-megamenu .accessible-megamenu-panel.col-new-version .trouver-le-meilleur-itineraire a{padding-right: 25px;font: normal 21px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif;font-size: 2.1rem;color: #004990;}   
    .accessible-megamenu .accessible-megamenu-panel.col-new-version .trouver-le-meilleur-itineraire a::after{text-decoration:none;content: '\e646';font-family: amt2;width: 13px;height: 13px;background-color: #F26D0C;color: #FFF;padding: 1px;margin-left: 10px;position: absolute;margin-top: 6px;font-size: 10px;line-height: 14px;text-align: center;}
    .accessible-megamenu .accessible-megamenu-panel.col-new-version .trouver-le-meilleur-itineraire a:hover{text-decoration:none !important;}
    .accessible-megamenu .accessible-megamenu-panel.col-new-version .fs_12{font-size:12px;font-size:1.2rem;}
    /* ETAT DES SERVICES */
    #left-col{float:left;width:34%;margin-right:2%;}
    #right-col{float:left;width:64%; padding-bottom: 15px}
    #right-col #carteCanvas{float:left;width:100%;}
    #large-col{float:left;width:100%;}
    .etat_color_texte{padding:0 0} /* ai retiré le padding top et bottom pour /fr/etat-services */
    /* ETAT COLOR */
    #tabs_services_gros ul.Mod_etat_color{list-style:none;margin:0;padding:0;float:left;width:100%;}
    #tabs_services_gros ul.Mod_etat_color li{margin:0 0 20px 0;padding:0;display:inline;float:left;width:100%;border:1px solid #d3d8db;position:relative;}
    #tabs_services_gros ul.Mod_etat_color .etat_color_titre{font-size:16px;font-size:1.6rem;color:#333;margin-bottom:30px;float:left;width:100%;font-family: 'open_sanssemibold';padding-right: 32px;}/* ajout du padding right pour /fr/etat-services/train tablette */
    #tabs_services_gros ul.Mod_etat_color .etat_color_texte {font-size:14px;font-size:1.4rem;color:#565656;float:left;width:100%;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_train_CA_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #646569;box-shadow:inset 4px 0 0 0 #646569;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_train_DM_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #1caed9;box-shadow:inset 4px 0 0 0 #1caed9;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_train_SH_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #752f8a;box-shadow:inset 4px 0 0 0 #752f8a;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_train_MA_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #e2007a;box-shadow:inset 4px 0 0 0 #e2007a;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_train_SJ_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #18a850;box-shadow:inset 4px 0 0 0 #18a850;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_defaut_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #d3d8db;box-shadow:inset 4px 0 0 0 #d3d8db;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_train_VH_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #bf303f;box-shadow:inset 4px 0 0 0 #bf303f;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_metro_5_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #0083ca;box-shadow:inset 4px 0 0 0 #0083ca;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_metro_4_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #ffe400;box-shadow:inset 4px 0 0 0 #ffe400;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_metro_2_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #f08123;box-shadow:inset 4px 0 0 0 #f08123;}
    #tabs_services_gros ul.Mod_etat_color li.ligne_metro_1_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #008e4f;box-shadow:inset 4px 0 0 0 #008e4f;}
    #tabs_services_gros ul.Mod_etat_color .etat_color_icone_alerte{background-color:#fff;line-height: 36px;padding-right: 4px;border-top:1px solid #d3d8db;border-left:1px solid #d3d8db;border-bottom:1px solid #d3d8db;width:51px;height:39px;position:absolute;right:-4px;top:9px;-webkit-box-shadow:inset -5px 0 0 0 grey;box-shadow:inset -5px 0 0 0 grey;}
    #tabs_services_gros ul.Mod_etat_color .etat_color_icone_alerte:before{font-size: 20px;}
    #tabs_services_gros ul.Mod_etat_color .petit_vert{-webkit-box-shadow:inset -5px 0 0 0 #52bf00;box-shadow:inset -5px 0 0 0 #52bf00;}
    #tabs_services_gros ul.Mod_etat_color .petit_vert:before{content: "\e62a";color:#52bf00;}
    #tabs_services_gros ul.Mod_etat_color .petit_rouge{-webkit-box-shadow:inset -5px 0 0 0 #ff0000;box-shadow:inset -5px 0 0 0 #ff0000;}
    #tabs_services_gros ul.Mod_etat_color .petit_rouge:before{content: "\e640";color:#ff0000;}
    #tabs_services_gros ul.Mod_etat_color .petit_orange{-webkit-box-shadow:inset -5px 0 0 0 #f26d0c;box-shadow:inset -5px 0 0 0 #f26d0c;}
    #tabs_services_gros ul.Mod_etat_color .petit_orange:before{content: "\e63f";color:#f26d0c;}
    #tabs_services_gros ul.Mod_etat_color li a{float:left;width:100%;padding:20px;}
    #tabs_services_gros ul.Mod_etat_color li a:hover{background-color:#4891dc}
    #tabs_services_gros ul.Mod_etat_color li a:hover>.etat_color_titre, #tabs_services_gros ul.Mod_etat_color li a:hover>.etat_color_texte, #tabs_services_gros ul.Mod_etat_color li a:hover:after{color:#fff}
    #tabs_services_gros ul.Mod_etat_color li a:after{content: "\e646";font-family:'amt2';position: absolute;top: 70px;right: 20px;line-height: 20px;color: #767676;font-size: 20px;}
    .dyn-e-s-details-ligne header .font_amt{margin-right: 10px;height: 32px;width: 32px;font-size: 28px;float: left;-webkit-border-radius: 3px;border-radius: 3px;margin-top: 7px;padding: 2px;margin-left: 0;}
    .dyn-e-s-details-ligne header .ligne_train_CA_Couleur{background-color:#646569;}
    .dyn-e-s-details-ligne header .ligne_train_CA_Couleur::before{content: '\e604';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_train_DM_Couleur{background-color:#1caed9;}
    .dyn-e-s-details-ligne header .ligne_train_DM_Couleur::before{content: '\e604';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_train_SH_Couleur{background-color:#752f8a;}
    .dyn-e-s-details-ligne header .ligne_train_SH_Couleur::before{content: '\e604';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_train_MA_Couleur{background-color:#e2007a;}
    .dyn-e-s-details-ligne header .ligne_train_MA_Couleur::before{content: '\e604';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_train_SJ_Couleur{background-color:#18a850;}
    .dyn-e-s-details-ligne header .ligne_train_SJ_Couleur::before{content: '\e604';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_train_VH_Couleur{background-color:#bf303f;}
    .dyn-e-s-details-ligne header .ligne_train_VH_Couleur::before{content: '\e604';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_metro_5_Couleur{background-color:#0083ca;}
    .dyn-e-s-details-ligne header .ligne_metro_5_Couleur::before{content: '\e639';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_metro_4_Couleur{background-color:#ffe400;}
    .dyn-e-s-details-ligne header .ligne_metro_4_Couleur::before{content: '\e639';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_metro_2_Couleur{background-color:#f08123;}
    .dyn-e-s-details-ligne header .ligne_metro_2_Couleur::before{content: '\e639';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_metro_1_Couleur{background-color:#008e4f;}
    .dyn-e-s-details-ligne header .ligne_metro_1_Couleur::before{content: '\e639';color:#fff;}
    .dyn-e-s-details-ligne header .ligne_bus_Couleur{background-color:#4891DC;}
    .dyn-e-s-details-ligne header .ligne_bus_Couleur::before{content: "\e632";color:#fff;}
    /* AVIS */
    #avis{}
    #avis .bloc_transporteur{}
    #avis .bloc_transporteur.ligne_train_CA_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #646569;box-shadow:inset 4px 0 0 0 #646569;}
    #avis .bloc_transporteur.ligne_train_DM_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #1caed9;box-shadow:inset 4px 0 0 0 #1caed9;}
    #avis .bloc_transporteur.ligne_train_SH_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #752f8a;box-shadow:inset 4px 0 0 0 #752f8a;}
    #avis .bloc_transporteur.ligne_train_MA_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #e2007a;box-shadow:inset 4px 0 0 0 #e2007a;}
    #avis .bloc_transporteur.ligne_train_SJ_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #18a850;box-shadow:inset 4px 0 0 0 #18a850;}
    #avis .bloc_transporteur.ligne_train_VH_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #bf303f;box-shadow:inset 4px 0 0 0 #bf303f;}
    #avis .bloc_transporteur.ligne_metro_5_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #0083ca;box-shadow:inset 4px 0 0 0 #0083ca;}
    #avis .bloc_transporteur.ligne_metro_4_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #ffe400;box-shadow:inset 4px 0 0 0 #ffe400;}
    #avis .bloc_transporteur.ligne_metro_2_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #f08123;box-shadow:inset 4px 0 0 0 #f08123;}
    #avis .bloc_transporteur.ligne_metro_1_Couleur {-webkit-box-shadow:inset 4px 0 0 0 #008e4f;box-shadow:inset 4px 0 0 0 #008e4f;}
    #avis .bloc_transporteur.ligne_defaut_Couleur{-webkit-box-shadow:inset 4px 0 0 0 #d3d8db;box-shadow:inset 4px 0 0 0 #d3d8db;}
    #avis .bloc_transporteur h4{color:#333;font-size:16px;font-size:1.6rem;font-family:DinNext;font-weight:bold;position:relative;margin: 0;}
    #avis .avis_date{color:#565656;font-size:16px;font-size:1.6rem;float:right;position:absolute;top:26px;right:71px;}
    #avis .avis_texte{font-size:14px;font-size:1.4rem;}
    #avis ul.blocs li{padding: 20px;}
    #avis #blocs_englobe .correspondance_englobe ul.blocs{padding-top:0}
    /* AUTOBUS */    
    .e-s-recherche-autobus h2.titre_onglet, .dyn-e-s-accueil h2.titre_onglet{float:left;width: 100%;font-size:24px;font-size:2.4rem;color:#333;font-family:DinNext;font-weight:bold;margin: 0 0 30px 0;padding:0}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur, .dyn-e-s-accueil ul#RechercheAutobusTransporteur{margin:0;padding:0;list-style:none;float:left;width:100%;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li{float:left;width:100%;margin-bottom:25px;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li#RechercheBouton, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li#RechercheBouton{margin-bottom:0;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li#RechercheTransporteur, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li#RechercheTransporteur{color:#666;font-size:14px;font-size:1.4rem;margin-top:25px;float:left;width:100%;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li#RechercheLigne, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li#RechercheLigne{color:#666;font-size:14px;font-size:1.4rem;margin-top:25px;float:left;width:100%;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li .message_erreur, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li .message_erreur{float:left;padding:10px 1%;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur label, .dyn-e-s-accueil ul#RechercheAutobusTransporteur label{color:#666;font-size:14px;font-size:1.4rem;float:left;width:25%;padding-top: 8px;}
    .dyn-e-s-accueil ul#RechercheAutobusTransporteur button{margin-bottom:0;float:right}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur button{float:right} /* si mod, verifier sur /fr/etat-services/autobus */
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur input, .dyn-e-s-accueil ul#RechercheAutobusTransporteur input{float:left;width:75%;padding:6px 1%;border:0;border:1px solid #aaaaaa;color:#696969;font-size:12px;font-size:1.2rem;} 
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur select, .dyn-e-s-accueil ul#RechercheAutobusTransporteur select{float:left;width:75%;padding:5px 1%;border:0;border:1px solid #aaaaaa;color:#696969;font-size:12px;font-size:1.2rem;height: auto;}/* Laisser height auto pour page etat-services/autobus */             
    /* ITINERAIRE ajustement border-radius: 10px; */
    .numItineraire{padding:0;top: 0;position: relative;z-index: 99999;background-color: #FFF;}/*z-index: 99999; pour que les numero de bus passent au dessus du trait bleu du trajet */
    .dynlculateurtarifs .numItineraire{z-index: 9}
    .sommaire_trajets .numItineraire{top: -4px;} /* -4 pour aligner avec la 1ere ligne */
    .float_right{float:right}
    /* GARE */    
    article h2.titre_onglet{font-size:24px;font-size:2.4rem;color:#333;font-family:DinNext;font-weight:bold;margin: 0 0 40px 0;padding:0}

    article .header h1{margin-top:0;}
    #TitreHoraireLigne{float:left !important;width: 48%;padding: 0;}  
    #TitreHoraireLigne .font_amt{display:none} /* On cache l'icone present a côté du titre Ligne Candiac par exemple */   
    #InformationsGare{float:left;width:100%;margin-top: 40px;padding: 0;} 
    #INFO{float:left;width:100%;margin-top: 40px;padding: 0;}
    #Onglet_trains{float:left;width:100%;margin-top: 40px;padding: 0;}
    #Onglet_metros{float:left;width:100%;margin-top: 40px;padding: 0;}
    #Onglet_bus{float:left;width:100%;margin-top: 40px;padding: 0;}
    #HorairePlans{float:left;width:100%;margin-top: 40px;padding: 0;}
    #HorairePlans img{float:left;width:100%;}
    #correspondancesTrain{float:left;width:100%;margin-top: 40px;padding: 0;}
    #correspondancesAutobus{float:left;width:100%;margin-top: 40px;padding: 0;}
    #correspondancesMetro{float:left;width:100%;margin-top: 40px;padding: 0;}
    #Horaires{float:left;width:100%;margin-top: 40px;padding: 0;}
    #Carte{float:left;width:100%;margin-top: 40px;padding: 0 0 40px 0;}/* padding bottom pour que la carte ne colle pas au bas du site */
        #Carte h2{float:left;width:100%;margin:0 0 20px 0}
    #BUS{float:left;width:100%;margin-top: 40px;padding: 0;}
    #AccesBus{float:left;width:100%;margin-top: 40px;padding: 0;}
        #AccesBus h2{float:left;width:100%;margin:0 0 20px 0}
    #Lignes{float:left;width:100%;margin-top: 40px;padding:0;}
        #Lignes h2{float:left;width:100%;margin:0 0 20px 0}
    #VoiesReservees{float:left;width:100%;margin-top: 40px;padding:0;}
    #Informations{float:left;width:100%;margin-top: 40px;padding:0;}
        h1.planifier_titre{margin:0 0 20px 0;}
     article #TRAIN{float:left;width: 100%;}
        article #TRAIN .correspondance h2.titre_onglet{font-size:24px;font-size:2.4rem;color:#333;font-family:DinNext;font-weight:bold;margin: 40px 0;padding:0}
    article #METRO{float:left;width: 100%;}
        article #METRO .correspondance h2.titre_onglet{font-size:24px;font-size:2.4rem;color:#333;font-family:DinNext;font-weight:bold;margin: 40px 0;padding:0}
    article #onglet_horaire .icon_arret{width:25px;height:25px;float:left;margin: -4px 1%;font-size:25px;color:#909090}
        article #onglet_horaire .icon_arret:before{content: '\e600';} 
        article #onglet_horaire .itineraire_message{float: left;width: 100%;font-size: 13px;font-size:1.3rem;margin: 20px 0;}


    /* transport/Terminus/ */    
            .terminus-accueil{float: left;width: 100%;}
                .terminus-accueil .header{float:left;width: 100%;padding-bottom:20px;} /* margin-bottom:20px;border-bottom:1px solid #e0e0e0; */
                    .terminus-accueil .header h1{font-size:42px;font-size:4.2rem;margin:0;float:left;color:#333;font-family:DinNext;}
                .terminus-accueil .correspondance_englobe:first-child{margin-top:20px;}
                .terminus-accueil .bloc_transporteur{font-family:DinNext;font-size:19px;font-size:1.9rem;color:#333;}
                .terminus-accueil .arrow_metro{width:7%;text-align: right;margin:6px 3% 0 0;}
                .terminus-accueil .arrow_metro:after{position: absolute;color: #004990;font-weight: bold;font-size: 22px;content: "\e646";font-family: amt2;}
                .terminus-accueil .arrow_metro:hover{background-position:-64px -112px;}
                .terminus-accueil .text{width:50%;display: table;height: 39px;}
                .terminus-accueil .text b{display: table-cell;vertical-align: middle;}
                .terminus-accueil .img_icon{padding: 0;float: right;}
                .terminus-accueil #blocs_englobe .font_amt {padding: 0;float: right;margin: 2px 0 0 0;color:#909090;}
                .terminus-accueil #blocs_englobe a:hover>.font_amt{color:#fff;}
                .terminus-accueil #blocs_englobe .icon_bus{height: 32px;width:10%;font-size:32px;margin-left:3%;}
                .terminus-accueil #blocs_englobe .icon_bus:before{content: '\e632';}
                .terminus-accueil #blocs_englobe .icon_metro{height: 32px;width:10%;font-size:32px;margin-left:3%;}
                .terminus-accueil #blocs_englobe .icon_metro:before {content: '\e639';}
                .terminus-accueil #blocs_englobe .icon_train{height: 32px;width:10%;font-size:32px;margin-left:3%;}
                .terminus-accueil #blocs_englobe .icon_train:before {content: '\e604';}
   

    /* transport/autobus/ */ 
      /* TitreLigne */
            article #onglet_horaire #TitreLigne{float:left;width: 418px;margin: 40px 20px 0 20px;}
                article #onglet_horaire #TitreLigne h1{font-size:24px;font-size:2.4rem;font-weight:bold;margin:0;float:left;}
                article #onglet_horaire #TitreLigne .train_vert, .planifier-transport-ligne #TitreLigne .train_vert{margin-right: 10px;height: 32px;width:32px;background-color:#76b830;font-size:28px;float:left;-webkit-border-radius: 3px;border-radius: 3px;margin-top: -4px;padding: 2px;}
                article #onglet_horaire #TitreLigne .train_vert:before, .planifier-transport-ligne #TitreLigne .train_vert:before{content: '\e604';color:#fff;}
                article #onglet_horaire #TitreLigne .ligne_bus_Couleur{margin-right: 10px;height: 32px;width:32px;background-color:#159bd6;font-size:28px;float:left;-webkit-border-radius: 3px;border-radius: 3px;margin-top: 0;padding: 2px;}
                article #onglet_horaire #TitreLigne .ligne_bus_Couleur:before{content: '\e632';color:#fff;}
                article #TitreLigne .titre_arret{float: left;width: 376px;}
                .dyn-planifier-transport-arret article #TitreLigne .titre_arret{width: auto;}
                article #onglet_horaire #TitreLigne .alerte_titre_arret{float:left;width:14px;height:14px;margin: 3px 0 0 15px;}
                article #onglet_horaire #TitreLigne .alerte_titre_arret.Eleve::after{content:""; display: block; width: 22px; height: 22px; background: #ff0000;float:left; }
                article #onglet_horaire #TitreLigne .alerte_titre_arret.Moyen::after{content:""; width: 0;height: 0;border-style: solid;border-width: 0 13px 22.1px 13px;border-color: transparent transparent #f26c0c transparent;float:left; }
                article #onglet_horaire #TitreLigne .alerte_titre_arret.Normal::after{content:""; display: block; width: 22px; height: 22px; background: #52bf00; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }



    /* automobile/circuit-electrique */
             #circuit-electrique-contenu{float:left;width:100%;margin-bottom:20px;}
             .circuit-electrique-contenu{}
             #circuit-electrique-carte{float:left;width:100%;margin-bottom:20px;}
             .circuit-electrique-carte{}
             #circuit-electrique-carte-horaire{float:left;width:100%;margin-bottom:20px;}
             .circuit-electrique-carte-horaire{}
             #circuit-electrique-liste{float:left;width:100%;margin-bottom:20px;}
             .circuit-electrique-liste{}







        /* tableau horaire */
         /* HoraireComplet */
            .planifier-transport-autobus-arret #HoraireComplet{float:left;width: 100%;border-top:1px solid #d3d8db;}
            .planifier-transport-autobus-arret #HoraireComplet .horaire_complet{display:none}
        /* Description */
            .planifier-transport-autobus-arret #Description{float: right;width: 45%;margin: 20px 0 0 5%;}
                .planifier-transport-autobus-arret #Description h2.titre_onglet{font-size:24px;font-size:2.4rem;color:#333;font-family:DinNext;font-weight:bold;margin: 40px 0;padding:0}
        /* Carte */
            .planifier-transport-autobus-arret #Carte{float:left;width: 100%;}
                .planifier-transport-autobus-arret #Carte h2.titre_onglet{font-size:24px;font-size:2.4rem;color:#333;font-family:DinNext;font-weight:bold;margin: 0;padding:0}/*margin top a 0 pour /fr/planifier-trajets/autobus/STM/10/0/53051#Carte*/
        /* .header */
        .planifier-transport-autobus-arret .header {float:left;width: 100%;}
            .planifier-transport-autobus-arret .header #TitreArret {font-size:42px;font-size:4.2rem;color:#333;margin-bottom: 20px;font-family:DinNext;}
    /* fr/Transport/Autobus */ 
        .autobus-accueil{float:left;width: 100%;}
            .autobus-accueil div p:last-child{margin-bottom:0;}
            .autobus-accueil .header {float:left;width: 100%;padding-bottom:20px;} /* margin-bottom:20px;border-bottom:1px solid #e0e0e0; */
                .autobus-accueil .header h1{font-size:42px;font-size:4.2rem;margin:0;float:left;color:#333;font-family:DinNext;}
        /* Nav Passages */
                .autobus-accueil ul.nav_passages{font-size:16px;font-size:1.6rem;color:#333;float:left;margin: 0 0 0 2%;padding-bottom:13px;}
                .autobus-accueil ul.nav_passages li{display:inline;list-style:none;margin-right: 20px;font-family: 'open_sanssemibold';}
                .autobus-accueil ul.nav_passages li a{border-bottom:3px solid #fff;padding-bottom:11px;}
                .autobus-accueil ul.nav_passages li a.selectionne{color:#000;display:inline;list-style:none;border-bottom:3px solid #4891dc;padding-bottom:11px;font-family: 'open_sansbold';}
                .autobus-accueil ul.nav_passages li a:hover{color:#f26d0c;cursor:pointer;padding-bottom:11px;border-bottom:3px solid #f26d0c;text-decoration:none;}
                .autobus-accueil ul.nav_passages li a:focus{text-decoration:none;}
                .autobus-accueil ul.nav_passages li a.selectionne:hover{color:#000;cursor:default;border-bottom:3px solid #4891dc;}     
                .autobus-accueil #recherche-autobus-municipalite{float:left;width: 100%;padding:25px 3%;border:1px solid #d3d8db;}
                    .autobus-accueil #recherche-autobus-municipalite #RechercheAutobusMunicipalite{margin:0;padding:0;list-style:none;}
                    .autobus-accueil #recherche-autobus-municipalite #RechercheAutobusMunicipalite .list_recherche{float:left;width:100%;}
                    .autobus-accueil #recherche-autobus-municipalite #RechercheAutobusMunicipalite .list_recherche#RechercheBouton{margin-bottom:0;}
                        .autobus-accueil #recherche-autobus-municipalite #RechercheAutobusMunicipalite label{color:#666;font-size:14px;font-size:1.4rem;float:left;width:25%;padding-top: 8px;}
                        .autobus-accueil #recherche-autobus-municipalite #RechercheAutobusMunicipalite button{margin-bottom:0;float:right;}
                        .autobus-accueil #recherche-autobus-municipalite #RechercheAutobusMunicipalite input{float:left;width:75%;padding:10px 1%;border:1px solid #aaaaaa;margin:0 0 20px 0}                        
                        .autobus-accueil h2.titre_onglet{float:left;width: 100%;font-size:24px;font-size:2.4rem;color:#333;font-family:DinNext;font-weight:bold;margin: 0 0 30px 0;padding:0}
                .autobus-accueil #recherche-autobus-transporteur{float:left;width: 100%;} 
                .invisibleText{font-family: AdobeBlank !important;}
            /* RESET UI */
                .autobus-accueil .ui-widget-content, .autobus-accueil .ui-state-default, .autobus-accueil .ui-widget-content .ui-state-default, .autobus-accueil .ui-widget-header .ui-state-default{border:0;background:none;}
                
                ul#RechercheAutobusAgence{margin:0;padding:0;list-style:none;}
                ul#RechercheAutobusAgence li{float:left;width:100%;}
                ul#RechercheAutobusAgence input{float:left;width:40%;padding:10px 1%;margin: 0 0 20px 0;border:0;-webkit-box-shadow:inset 0 0 0 1px rgba(170,170,170,1);box-shadow:inset 0 0 0 1px rgba(170,170,170,1);}


/* overrides pour etat service - train */
.dyn-e-s-transport #tabs_services_gros ul.Mod_etat_color li{ margin:0; }
.dyn-e-s-transport #tabs_services_gros ul.Mod_etat_color .etat_color_titre{ margin-bottom:15px; }
.dyn-e-s-transport #tabs_services_gros ul.Mod_etat_color li a:after{ top:59px; }



/* nouvelle recherche dans titres et tarifs Nov.2014 */
#RecherchePointsDeVenteContainer,
#RechercheLieuContainer{ border:1px solid #d5d7d6; background-color:#fafafa; padding:20px; position:relative; }
#RecherchePointsDeVenteContainer label,
#RechercheLieuContainer label{ display:inline; font:bold 18px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font:bold 1.8rem DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; }
#RecherchePointsDeVenteContainer input[type="text"],
#RechercheLieuContainer input[type="text"]{ float:left; width:250px; padding:7px 7px 8px; }
#RecherchePointsDeVenteContainer .rechercheOption input[ type="checkbox"],
#RechercheLieuContainer .rechercheOption input[ type="checkbox"]{ float:left; margin-left:25px; }
#RecherchePointsDeVenteContainer .rechercheOption label,
#RechercheLieuContainer .rechercheOption label,
#RechercheLieuContainer .rechercheOption label{ float:left; font:normal 14px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font:normal 1.4rem DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font-weight: bold;}
#RecherchePointsDeVenteContainer #RechercheBouton,
#RechercheLieuContainer #RechercheBouton{ float:right; }
#RecherchePointsDeVenteContainer #RechercheBouton button,
#RechercheLieuContainer #RechercheBouton button{ margin:0; }

#RechercheLieuContainer label{ width:250px; display:block; float:left; margin-right:20px; }
#RechercheLieuContainer input[type="text"],
#RechercheLieuContainer select{ float:none; width:250px; font-family:DinNext,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; font-size:13px; font-size:1.3rem; }
#RechercheLieuContainer select{ color:#696969; padding:6px 6px 7px; }
#RechercheLieuContainer #RechercheBouton{ padding-top:20px; }

.list_recherche_container .message_erreur_englobe{ padding:20px 50px 20px 20px; position:absolute; top:95px; }
.list_recherche_container .message_erreur_englobe .fermer_message{ top:0; }
/* .billeteries_englobes_new{ background-color:#e7e7e7; border:1px solid #d6d8d7; } */
.billeteries_englobes_new h1{ font:normal 24px DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; font:normal 2.4rem DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; margin-top:30px; }
.billeteries_englobes_new .autres_billeteries_billeterie{ position:relative; }
/*
.billeteries_englobes_new .billeteries_billeterie_lien a{ position:absolute; bottom:20px; right:20px; background:#f26d0c; border-radius:3px; font:normal 15px open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; font:normal 1.5rem open_sansbold,"Myriad Pro",Arial,Tahoma,Verdana,sans-serif; padding:5px 25px; color:#fff; }
.billeteries_englobes_new .billeteries_billeterie_lien a:before{ display:none; }
.billeteries_englobes_new .billeteries_billeterie_lien a:hover{ background:#d45c04; }
*/
#PointsDeVente_Liste,
#carteContainer{ position:relative; }
.carteLegend{ padding:30px 0 10px 10px; float:right; font:bold 1.4rem DinNext, "Myriad Pro", Arial, Tahoma, Verdana, sans-serif; }
.carteLegend img{ vertical-align:middle; margin-left:20px; margin-right:5px; }
.carteLegendDots{ display:inline-block; width:16px; height:16px; border:1px solid #a3b09e; border-radius:50%; margin-left:20px; margin-right:5px; vertical-align:middle; }

.autres_billeteries_billeterie{ position:relative; }
.autres_billeteries_billeterie{ font-size:14px; font-size:1.4rem; }
.autres_billeteries_billeterie .bulle_distance{ border-bottom:2px solid #eaeceb; padding-bottom:20px; margin-bottom:20px; }
.autres_billeteries_billeterie .billeteries_billeterie_zone,
.autres_billeteries_billeterie .billeteries_billeterie_arret,
.autres_billeteries_billeterie .billeteries_billeterie_tarif{ font-weight:bold; text-transform: capitalize; }
.autres_billeteries_billeterie .billeteries_billeterie_tarif{ position:absolute; bottom:42px; text-align:center; }
.autres_billeteries_billeterie .billeteries_billeterie_links{ position:absolute; bottom:20px; text-align:center; }
/* .autres_billeteries_billeterie .billeteries_billeterie_links .billeteries_englobes_link_train{ border-right:2px solid #9b9b9b; padding-right:10px; margin-right:10px; font-weight:bold; } */
.autres_billeteries_billeterie .billeteries_billeterie_links .billeteries_englobes_link_train{ font-weight:bold; }

.autres_billeteries_billeterie .billeteries_billeterie_links .billeteries_englobes_link_tram{ font-weight:bold; }



/* ********************************* 

        TABLETTE 

/* ****************************** */
@media screen and (min-width: 960px) and (max-width: 1240px) {
    #avis .avis_date { position:inherit;float:none}
    .beta-text{width:100%;margin:auto;padding:5px 0;}
    .beta-retour-vers-l-ancien-site{}/*position: inherit;*/
    /* INITIALISATION */
    .bureau_seulement   {display:none !important}
    .tablette_seulement {display:block !important}
    .mobile_seulement   {display:none !important}
    .retina_seulement   {display:none !important}
    
    /* GENERAL */    
    /* ITINERAIRE */
    .planifier-transport-autobus-ligne{}
    .planifier-transport-autobus-ligne h1{margin: 10px 0 0 0;}
    .autobus-accueil ul.nav_passages{font-size:14px;font-size:1.4rem;margin: 0 0 0 2%;padding-bottom:13px;}
    /* MENU SUPERIEUR */
    #entete ul {margin-top: 22px;width:600px;float:left}
    ul.menu-menu-superieur li{max-width:20%;float: right;line-height: 1.6rem;text-align:right}
    /* MEGA MENU */
    #menu-principale{width:100%;}
    #menu-principale > .zone .accessible-megamenu > li.accessible-megamenu-top-nav-item > .accessible-megamenu-panel-titre-h2{font-size:17px;font-size:1.7rem;}
    #menu-principale > .zone .accessible-megamenu > li.accessible-megamenu-top-nav-item > .accessible-megamenu-panel-titre-h2 > a{padding:0 10px;white-space:normal;font-size:17px;font-size:1.7rem;text-align:center;vertical-align: middle;display: table-cell;}
    .accessible-megamenu > li.accessible-megamenu-top-nav-item{max-width:18%;}  
    .accessible-megamenu > li.accessible-megamenu-top-nav-item:last-child{max-width:28%;}
    #menu-principale > .zone .accessible-megamenu > li.accessible-megamenu-top-nav-item > .accessible-megamenu-panel-titre-h2 > a{ padding:0 18px; }
    .touch #menu-principale > .zone .accessible-megamenu > li.accessible-megamenu-top-nav-item > .accessible-megamenu-panel-titre-h2 > a{ padding-right:40px; }
     /* MAX WIDTH */
    .header {width:94%;margin:0 3%;}
    article .header {width:100%;margin:0;}
    #principale{width:94%;margin:20px 3% 40px 3%;padding:0;}
    #entete{padding:0;}
    .accessible-megamenu {width:100%;}
    #menu-principale{margin: 3px 0 0 0;}/* pour ajuster l'alignement du menu */
    .panneau-itineraire.accueil{}
    .dyn-accueil .carte-tool-englobe{width:94%;margin:0 3%;}
    #branding{}
    .dyn-accueil .non-connecte #contenu {padding: 453px 0 0 0}
    /* transport favori */
    .image-cliquable-favoris a{background-repeat:no-repeat}
    /* ETAT DES SERVICES - autobus */
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur select, .dyn-e-s-accueil ul#RechercheAutobusTransporteur select{width:100%;margin: 0 0 20px 0;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur input, .dyn-e-s-accueil ul#RechercheAutobusTransporteur input{width:100%;margin: 0 0 20px 0;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li#RechercheLigne, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li#RechercheLigne{margin:0 }
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li#RechercheTransporteur, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li#RechercheTransporteur{margin:0 }
   /* ETAT DES SERVICES */
    .dyn-e-s-transport #left-col{float:left;width:100%;margin-right:0%;}
    .dyn-e-s-transport #right-col{float:left;width:100%;}	
    /* AUTRES POINTS DE VENTE */
    .dyn-point-de-vente  #carteCanvas{width:96%;margin:auto;float: initial;}
    .dyn-point-de-vente  .billeteries_englobes{width:100%;}
    .dyn-point-de-vente  .billeteries_billeterie{margin: 20px 0 0 2%;width: 47%;}
    /* SERVICE A LA CLIENTELE */
    .service-a-la-clientele-colonne-gauche-englobe{padding-right:0;}
    .service-a-la-clientele-table{display:block}
    .service-a-la-clientele-colonne-gauche-englobe{display:block;width:100%;}
    .service-a-la-clientele-colonne-droite-englobe{display:block;width:100%;}
    /* A PROPOS */
    .a-propos-colonne-gauche-englobe{padding-right:0;}
    .a-propos-table{display:block}
    .a-propos-colonne-gauche-englobe{display:block;width:100%;}
    .a-propos-colonne-droite-englobe{display:block;width:100%;}
    .autres_billeteries_billeterie {margin: 20px 0 0 2%;width: 47%;}
	
	div.accessible-megamenu-panel-titre-h2 .petit_rouge,
	div.accessible-megamenu-panel-titre-h2 .petit_orange{ top:24px; right:4px; }

	#RechercheLieuContainer{ width:78%; margin:0 auto; }
	#RecherchePointsDeVenteContainer{ width:90%; margin:0 auto; }

	/*.carteLegend, #carteCanvas{ display:none; }*/
	
    .accessible-megamenu-panel-group.whitebox {
        width: 29% !important;
    }

    .whiteboxol.sac .accessible-megamenu-panel-group.whitebox{
        min-height:310px;
    }
    .whiteboxol.tarifs .accessible-megamenu-panel-group.whitebox{
        min-height:260px;
    }
    .whiteboxol.deplacer .accessible-megamenu-panel-group.whitebox{
        min-height:220px;
    }
    .whiteboxol.etats .accessible-megamenu-panel-group.whitebox{
        min-height:330px;
    }
    #menu-principale > .zone .accessible-megamenu > li.accessible-megamenu-top-nav-item > .accessible-megamenu-panel-titre-h2 > a {
        padding:0 15px !important;
    }
    #entete ul {
        width: 400px !important;
    }
    .header .search-form fieldset button[type="submit"]:before {
        width:20px !important;
    }
}


/* ********************************* 

        MOBILE

/* ****************************** */
@media screen and (max-width: 960px) {

    /* Intra content onglet */    
    .list-itineraire-lateral{display:none;}
    #Itineraire .itineraire_message, .englobe_itineraire ul, article .prochains_passages .jourJ{border-right:0;}
    #Itineraire, #onglet_horaire { border-left:0;}

    /* /fr/planifier-trajet/velo/velostations/inscription */
    .formulaire-velostation-label, .formulaire-velostation-label, .formulaire-velostation-input, .formulaire-velostation-input input,    
    .formulaire-velostation-contenu,
    .formulaire-velostation-questions,
    .formulaire-velostation-input select{width:100%;}
    .formulaire-velostation{width:100%;}
    .formulaire-velostation-questions{padding-left:0;text-align:left;}
    .formulaire-velostation-label{margin-bottom:0;}
    .formulaire-velostation li{margin-bottom:20px;}
    /* DERNIERES NOUVELLES */
    .widget-DernieresNouvelles{width:100%}
    /* ... */
    .padding_dix_mobile{padding:0 10px;}
    .beta-retour-vers-l-ancien-site{position: inherit;}
    /* PROMOTION */
    ol.dossier-liste { padding: 0 10px; }
    ol.dossier-liste .dossier-image-wrapper {float: none;width: 100%;margin: 0 0 20px;}
    ol.dossier-liste .dossier-image-wrapper img {width: 100%;}
    /* PROMOTION */
    ol.promotion-liste { padding: 0 10px; }
    ol.promotion-liste .promotion-image-wrapper {float: none;width: 100%;margin: 0 0 20px;}
    ol.promotion-liste .promotion-image-wrapper img {width: 100%;}
    /* BANDEAU */
    .beta-bandeau, .beta-text{width:100%;text-align:center;}
    .beta-pour-en-savoir-plus{}
    .beta-retour-vers-l-ancien-site{display: block;float:none}
    /* INITIALISATION */
    .bureau_seulement   {display:none !important}
    .tablette_seulement {display:none !important}
    .mobile_seulement   {display:block !important}
    .retina_seulement   {display:none !important}
    /*.bureau_et_tablette {display:none}*/
    .sidr-class-bureau_et_tablette{display:none}
    /* GENERAL */
	.dyn-accueil .carte-tool-englobe{ width:100%;margin: 0; }
    article.planifier-transport-ligne .header {margin: 0;}
    article.planifier-transport-ligne .header h1{font-size:19px;font-size:1.9rem;margin: 23px 0 23px 10%;}
    #BUS, #Carte {margin-top: 0;}    
    .zone-aside-second{padding-top:0;}
    /* Service a la clientele */
    .service-a-la-clientele-colonne-gauche-englobe{padding-right:0;}
    .service-a-la-clientele-table{display:block}
    .service-a-la-clientele-colonne-gauche-englobe{display:block;width:100%;}
    .service-a-la-clientele-colonne-droite-englobe{display:block;width:100%;}
    #cote-secondaire{padding:0;}
    #principale-contenu .Amt-Accordeon li{border-left:0;border-right:0;}
	#principale-contenu .Amt-Accordeon div.ui-accordion-content li{ border:none; }
    #principale-contenu .Amt-simple-bloc{border-left:0;border-right:0;}
    #principale-contenu .content-box td.content-box-desc, #principale-contenu .content-box td.content-box-title{border-left:0;border-right:0;}
    #principale-contenu .Amt-pour-nous-joindre{border-left:0;border-right:0;}
    /* A PROPOS */
    .a-propos-colonne-gauche-englobe{padding-right:0;}
    .a-propos-table{display:block}
    .a-propos-colonne-gauche-englobe{display:block;width:100%;}
    .a-propos-colonne-droite-englobe{display:block;width:100%;}
    #principale-contenu .Amt-simple-bloc-double{border-left:0;border-right:0;}
    #principale-contenu .Amt-simple-bloc-tier{border-left:0;border-right:0;}


    /* Zone favoris et Intra content */    
    .zone-favoris-et-intra-content{display:block}
    .zone-favoris{display:block;width:100%}
    .intra-content{display:block;padding:20px 20px 0 20px;width:100%}
    .dyn-accueil .connecte .zone-intra-content{padding:0;}
    /* ITINERAIRE */
    #Itineraire{}
        #Itineraire .img_icon{margin-top:4px;} 
        #Itineraire .englobe_itineraire{}
        #Itineraire ul{}
        #TitreLigne h1 {margin:20px 0 !important;}
        #TitreLigne .font_amt{margin-top:-6px;}
        .planifier-transport-ligne .onglets{margin-top:20px;}/* 20px pour page fr/planifier-trajets/train/saint-jerome/0 */
        .planifier-transport-ligne #TitreLigne{margin:20px 20px 0 20px;}
    /* GARE */
     article #onglet_horaire #TitreLigne{margin: 20px 0;padding: 0 20px;}
     article h2.titre_onglet{padding: 0 10px;margin: 20px 0 10px 0;}
     article #METRO .correspondance h2.titre_onglet{padding: 0 10px;margin: 20px 0;}
     .planifier-transport-autobus-arret #Carte h2.titre_onglet{padding: 0 10px;margin: 20px 0 10px 0;}
     article #TRAIN .correspondance h2.titre_onglet{padding: 0 10px;margin: 20px 0;}
     #Carte h2.titre_onglet{padding: 0 10px;margin: 20px 0;}
        #HorairesContenu{float:left;width:100%;padding: 0 10px;}
     article #onglet_horaire #TitreLigne .titre_arret{float:left;margin-top: 5px;}
     .titre-onglet-mobile{float:left;width:100%;padding: 0 0 20px 20px;margin:20px 0 0 0;border-bottom: 1px solid #CCC;font-size: 16px;font-size: 1.6rem;font-family: 'DinNext';font-weight: bold;}
    /* TRAIN */
    .ligne_de_train_titre{float:left;width:100%;padding:0 0 10px 10px;margin:10px 0 0 0;border-bottom: solid 1px #D3D8DB;font-family:open_sanssemibold;font-size:16px;font-size:1.6rem;}
    /* AUTOBUS */
    .autobus-accueil .header h1{font-size:22px;font-size:2.2rem;}
    .autobus-accueil h2.titre_onglet{font-size:19px;font-size:1.9rem;margin: 30px 0;padding: 0 3%;}
    .autobus-accueil #recherche-autobus-municipalite{width: 94%;padding:25px 3%;margin:0 3%;}
    .autobus-accueil #recherche-autobus-transporteur{padding:0 10px;}
    .autobus-accueil ul.nav_passages{margin: 10px 3% 0 3%;}
    .autobus-accueil ul.nav_passages li.selectionne, .autobus-accueil ul.nav_passages li.selectionne:hover{color:#4891dc;}
    .autobus-accueil #recherche-autobus-municipalite #RechercheAutobusMunicipalite label{width:100%;padding:0;margin:0 0 10px 0}
    .autobus-accueil #recherche-autobus-municipalite #RechercheAutobusMunicipalite input{width:100%;font-size:14px;font-size:1.4rem;padding-left:3%;margin:0 0 20px 0}
    .autobus-accueil #recherche-autobus-municipalite #RechercheAutobusMunicipalite button#RechercheAutobusMunicipalite_rechercher{width: 100%;padding: 15px;}
    .autobus-accueil ul.nav_passages li a{color:#565656}
    .autobus-accueil ul.nav_passages li a.selectionne{color:#4891DC}
    .autobus-accueil ul.nav_passages li a.selectionne:hover{color:#4891DC}
    .dyn-planifier-transport-autobus-ligne .onglets{margin-top: 20px;}
    .e-s-recherche-autobus p{padding: 0 10px;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur select, .dyn-e-s-accueil ul#RechercheAutobusTransporteur select{width:100%;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur input, .dyn-e-s-accueil ul#RechercheAutobusTransporteur input{width:100%;}
    .e-s-recherche-autobus h2.titre_onglet, .dyn-e-s-accueil h2.titre_onglet{padding:0 10px;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur button, .dyn-e-s-accueil ul#RechercheAutobusTransporteur button{margin:0 0 20px 0;}/* pas width:100%; car jira T2740-1998 */
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur, .dyn-e-s-accueil ul#RechercheAutobusTransporteur{padding:0 10px;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li{float:left;width:100%;margin-bottom:10px;margin-top:0;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li#RechercheTransporteur, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li#RechercheTransporteur{margin:0;}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur li#RechercheLigne, .dyn-e-s-accueil ul#RechercheAutobusTransporteur li#RechercheLigne { margin-bottom: 0; margin-top: 0; }
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur select, .dyn-e-s-accueil ul#RechercheAutobusTransporteur select{margin:0 0 20px 0}
    .e-s-recherche-autobus ul#RechercheAutobusTransporteur input, .dyn-e-s-accueil ul#RechercheAutobusTransporteur input{margin:0 0 20px 0}
    #Lignes{margin-top:10px;}
    #VoiesReservees{margin-top:10px;padding:0 10px 10px 10px;}
    #HorairePlans{margin-top:10px;}
    #HoraireContenu{padding:0 10px 10px 10px;}
    #InformationsGare{margin-top:10px;}
    #InformationContenu{padding:0 10px 10px 10px;}
    /* MAX WIDTH */
    .header {width:100%;margin:0;}
    #principale{width:100%;margin:0;padding:0;}
    .carte-tool-englobe{width:100%;margin:0;}
    /* FOOTER */
    #apres-principale .achecinq{margin-bottom:15px;}
    #apres-principale .footer__tertiaire .achecinq{padding:15px;margin: 0;}
    #apres-principale .footer__tertiaire ul{width: 100%;}
    #apres-principale .footer_liens_moitie a{padding: 15px 0 15px 15px;background-color: #FFF;border-top: 1px solid #CCC;width: 100%;float: left;}
    .icone--externe:after {right: 15px;}
    #apres-principale .footer__tertiaire {padding:0}
    #pidedepage-sig, #pidedepage-sig a {color:#696969}
    #pidedepage-sig, #pidedepage-sig { color: #696969;background-color: #fff; }
    #pidedepage-sig ul.medias-sociaux{width:100%; background-color:#004990; }
    #pidedepage-sig ul.medias-sociaux li{width:14.2857142857%}
    #pidedepage-sig ul.medias-sociaux li a{width:100%;color:#fff}
    #pidedepage-sig .widget-version-de-build{position:initial}
    #pidedepage-sig ul.medias-sociaux li.first{margin:0 0 15px; color:#fff; padding-top:15px; }    
    /* TROUVER TITRE */
    .trouver_titre_resultat .trouver_titre_type_header{padding:20px 5px; padding-right:0px}
    .trouver_titre_resultat .trouver_titre_cout_header{padding:20px 5px;}
    .trouver_titre_resultat .trouver_titre_cout_contenu{padding:20px 5px;}
    .trouver_titre_resultat{padding:5px;}
    .trouver_titre_resultat .trouver_titre_type_contenu{padding:5px;}
    #trouver_titre_gauche_col{width:100%;padding: 10px}
    .trouver_titre_avertissement .icon_alert{width: 10%;float: left;margin:0;position:initial}
    .trouver_titre_avertissement_etape{width: 20%;float: left;}
    .trouver_titre_avertissement .trouver_titre_avertissement_texte{width: 100%;margin: 0;}
    .trouver_titre_resultat .trouver_titre_type_header_texte{width: 100%;}
    .trouver_titre_resultat .trouver_titre_type_header_prix{float: left;width: 84%;margin: 0 2% 0 0;}
    .trouver_titre_resultat .trouver_titre_type_header_prix_promo {position:inherit; }
    .trouver_titre_avertissement_etape > ul{margin: 0 }
    .trouver_titre_resultat .trouver_titre_groupe_contenu_vente{float:left;width:100%;position:initial;margin-top:20px;}
    .trouver_titre_resultat .trouver_titre_type_header .trouver_titre_bold{display:inline-block;}

    /* transport favori */
    .image-cliquable-favoris{padding:0;margin-top:15px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
    .image-cliquable-favoris a{width:100%;background-repeat:no-repeat}
    /* ETAT COLOR */
    .etat_color_texte{padding:0 10px} /* ai retiré le padding top et bottom pour /fr/etat-services/train */
    #tabs_services_gros ul.Mod_etat_color li{margin:0;}
    #tabs_services_gros ul.Mod_etat_color .etat_color_icone_alerte{right:0;}
    #tabs_services_gros ul.Mod_etat_color li{border-bottom:0;border-left:0;border-left: 0;border-right: 0;}
    #tabs_services_gros ul.Mod_etat_color li:last-child{border-bottom:1px solid #D3D8DB;}
    .dyn-e-s-accueil #Onglet_trains{margin-top:20px;}
    .dyn-e-s-accueil .e-s-accueil p{padding:0 10px;}
    .dyn-e-s-details-ligne #contenu header {float:left;width:100%;}
    .dyn-e-s-details-ligne header .font_amt {margin-left:10px;}
    .dyn-e-s-details-ligne #avis h3{padding:0 10px;}
    .dyn-e-s-details-ligne #avis #blocs_englobe{padding:0;}
    .dyn-e-s-details-ligne #large-col #avis #blocs_englobe .bloc_transporteur{border-left:0;border-right:0;}
   /* ETAT DES SERVICES */
    .dyn-e-s-transport #left-col{float:left;width:100%;margin-right:0%;}
    .dyn-e-s-transport #right-col{float:left;width:100%;}
    .dyn-e-s-transport #right-col #carteCanvas{width:96%;margin:auto;float: initial;height:260px;}
    /*transport ligne */
    article #TitreLigne .titre_arret{width:80%;}
    /* site */
    #contenu{float:left;width: 100%;} /* necessaire si colonne lateral */
    /* AUTRES POINTS DE VENTE */
    .dyn-point-de-vente  #carteCanvas{width:96%;margin:auto;float: initial;height:260px;}
    .dyn-autre-point-de-vente  #carteCanvas{width:96%;margin:auto;float: initial;height:260px;}
    .dyn-point-de-vente  .billeteries_englobes{width:100%;}
    .dyn-point-de-vente  .billeteries_billeterie{width:96%;}
    .dyn-point-de-vente  .billeteries_billeterie{margin: 2% 2%;}
    .dyn-point-de-vente  .billeteries_contenu_texte{width:100%;margin-bottom:20px;padding:) 10px;}
    .dyn-point-de-vente  .billeteries_contenu_lien{width:100%;}
    .autres_billeteries_billeterie {margin: 20px 3% 0;width: 94%;}
    .billeteries_billeterie {margin: 20px 3% 0;width: 94%;}

	#RecherchePointsDeVenteContainer input[type="text"]{ margin-right:20px; }
	#RecherchePointsDeVenteContainer #RechercheBouton{ float:none; display:block; width:100%; text-align:left; clear:both; }
	#RecherchePointsDeVenteContainer .rechercheOption{ float:left; display:block; text-align:left; }
	#RecherchePointsDeVenteContainer #RechercheBouton{ float: none; width:100%; margin:0 auto; padding: 20px 0px 0px; clear: both; text-align:center; }
	#RecherchePointsDeVenteContainer #RechercheBouton button{ width:70%; margin:0 auto; }
	#RecherchePointsDeVenteContainer .rechercheOption{ padding:15px 0; }
	#RecherchePointsDeVenteContainer .rechercheOption input[type="checkbox"]{ margin-left:0; }
	#RecherchePointsDeVenteContainer .rechercheOption label{ padding-right:25px; }
	.carteLegend{ position:relative; padding-bottom:20px; top:auto; right:auto; border:none; }

	.carteLegend, #carteCanvas{ display:block; }
}



/* ********************************* 

        RETINA HD

/* ****************************** */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {
    /* INITIALISATION */
    /* ITINERAIRE */
}



/* ********************************* 

        PRINT

/* ****************************** */
@media print { 

}