/* Accueil */
.blocVideoFlash_h {
    border-top: 20px solid #095DA6;
    margin: 0;
    width: 300px;
    color: #095DA6;
}

    .blocVideoFlash_h p {
        padding: 5px;
        margin: 0;
        color: #095da6;
        background: #eeeeee;
    }

        .blocVideoFlash_h p span {
        }

    .blocVideoFlash_h ul {
        margin-bottom: 0;
        f;
    }

        .blocVideoFlash_h ul li {
            margin-bottom: 0;
            margin-top: 0.5em;
        }

.blocVideoFlash_m {
    margin: 0 0 25px 0;
    padding: 0;
    width: 300px;
    overflow: hidden;
}

    .blocVideoFlash_m #movie {
        display: block;
    }

.blocVideoFlash_b {
    background: url("/_layouts/PortailMapaq/Images/blocVideoFlash_b.gif") no-repeat scroll left top transparent;
    height: 11px;
    margin: 0;
    padding: 0;
    width: 310px;
    margin-bottom: 1em;
}

.accueil .zone2 .menuBoiteVerte a:hover, .accueil .menuBoiteVerte .zone1 a:hover {
    text-decoration: none !important;
}

.accueil .h2-accueil {
    padding-top: 20px;
}

.accueil .sectionDroite {
    float: left !important;
    width: 590px !important;
}

.accueil .contextuel {
    margin-top: 29px !important;
}

.accueil #socialicons {
    margin-right: -170px !important;
}

/* Classes pour Responsive Slider */
.objetVideo {
    display: none;
    max-height: 100%;
}

.caption {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    Text-align: left;
    background: #eee;
    color: #095da6;
}

.rslides1_s1 {
    margin-left: 15px;
}

.caption a {
    color: #DDD;
}

#slider {
    margin-left: 0;
}

.rslides_container {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    height: 100%;
}

    .rslides_container ul li img, .rslides_container ul li object {
        width: 570px;
        height: 320px;
        margin-bottom: 75px;
    }
    /* .rslides_container ul li object{
    position:relative;
       z-index:1000;
}
 */


    .rslides_container p {
        margin: 0;
    }

    .rslides_container ul li {
        margin: 0;
        padding: 0;
    }



.rslides_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    opacity: 0.55;
    text-indent: -9999px;
    overflow: hidden;
    top: 35.5%;
    bottom: 0;
    left: 0;
    background: url("/_layouts/PortailMapaq/Images/themes.gif") no-repeat 8% 50%;
    width: 30px;
    height: 40px;
    z-index: 99;
}

    .rslides_nav.next {
        left: auto;
        background-position: 89% 50%;
        right: 0;
    }

    .rslides_nav:focus {
        outline: none;
    }



.rslides_tabs {
    background: #ccc;
    height: 27px;
    position: absolute;
    top: 320px;
    left: 0;
    margin: 0 !important;
    Z-index: 99;
    width: 570px;
}

    .rslides_tabs ul {
        margin-left: 0;
    }

    .rslides_tabs li:first {
        Padding-left: 10px !important;
    }


    .rslides_tabs li {
        display: inline-block;
        Background-image: none !important;
        padding: 10px 0 10px 0 !important;
    }

.rslides li {
    height: 395px;
}

.rslides_tabs a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: #eee;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.rslides_here a {
    background: #095DA6;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #095DA6;
    -moz-box-shadow: 0 0 2px #095DA6;
    box-shadow: 0 0 2px #095DA6;
}

.lienDisponible {
    cursor: pointer;
}

.videoYoutube {
    display: block;
    background: url("/_layouts/PortailMapaq/Images/btn_youtube_play.png") no-repeat 0 100% transparent;
    position: absolute;
    z-index: 1;
    width: 75px;
    height: 53px;
    top: 33.5%;
    left: 43.5%;
    cursor: pointer;
    text-indent: -9999px;
}

    .videoYoutube:hover {
        background: url("/_layouts/PortailMapaq/Images/btn_youtube_play.png") no-repeat 100% 100% transparent;
        cursor: pointer;
    }


/** Fin Responsive Slider */
.twitter-feed {
    width: 245px;
    float: left;
}

.deux_colonnes .zone1 {
    width: 100%;
    margin-right: 20px;
}

.deux_colonnes .zone2 {
    width: 210px;
    float: left;
}

.menuBoiteVerte {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    overflow: hidden;
    height: 29px;
    background: #fff;
    border: solid 1px #d8dfe5;
}

    .menuBoiteVerte a, .menuBoiteVerte a:hover, .menuBoiteVerte a:visited, .menuBoiteVerte a:actif {
        text-decoration: none !important;
        display: block;
        float: left;
    }

        .menuBoiteVerte a.TitreCentrePresse {
        }

            .menuBoiteVerte a.TitreCentrePresse:hover, .menuBoiteVerte a.TitreCentrePresse:focus, .menuBoiteVerte a.TitreCentrePresseFocus {
            }

        .menuBoiteVerte a.TitreCommuniques {
        }

            .menuBoiteVerte a.TitreCommuniques:hover, .menuBoiteVerte a.TitreCommuniques:focus, .menuBoiteVerte a.TitreCommuniquesFocus {
            }

        .menuBoiteVerte a.TitrePhotos {
        }

            .menuBoiteVerte a.TitrePhotos:hover, .menuBoiteVerte a.TitrePhotos:focus, .menuBoiteVerte a.TitrePhotosFocus {
            }

        .menuBoiteVerte a.TitreVideos {
        }

            .menuBoiteVerte a.TitreVideos:hover, .menuBoiteVerte a.TitreVideos:focus, .menuBoiteVerte a.TitreVideosFocus {
            }

        .menuBoiteVerte a.TitreContact {
        }

            .menuBoiteVerte a.TitreContact:hover, .menuBoiteVerte a.TitreContact:focus {
            }

    .menuBoiteVerte ul li {
        margin: 0;
        padding: 5px 10px 5px 10px;
        display: inline-block;
        border-left: 1px solid #ddd;
        display: block;
        float: left;
        background-image: none;
    }

        .menuBoiteVerte ul li:last-child {
            border-right: 1px solid #ddd;
        }

    .menuBoiteVerte li:hover {
        border-bottom: 3px solid #E65238;
    }

    .menuBoiteVerte h2 {
        display: inline;
        float: left;
        padding: 3px 20px 2px 10px;
    }

.accueil .boiteVerte {
    margin-bottom: 25px;
}

.avis-pub-titre {
    padding-top: 10px;
}

body.accueil .menu-principal {
    border-bottom: 0;
}

body.accueil h2.titreQuoiNeuf {
    margin-top: 2em;
}

h2.titreGrandsDossiers a {
    border-bottom: 1px solid #095DA6;
    color: #095DA6 !important;
    display: block;
    text-transform: uppercase;
    padding-top: 0;
    width: 210px;
}

    h2.titreGrandsDossiers a:hover {
    }

.accueilGrandsDossiers {
    margin-bottom: 10px;
}

.accueil .contexte1 {
}
/* Gabarit deuxColGaucheLarge */
.deuxColGaucheLarge .zone1 {
    width: 355px;
}

.deuxColGaucheLarge .zone2 {
    width: 165px;
}

/* Gabarit uneColCentrale */
.uneColCentrale .zone1 {
    width: 560px;
    margin-right: 0;
}

.uneColCentrale .zone2 {
    display: none;
}

/* Gabarit aucunMenu */
.aucunMenu {
    margin-left: 210px;
}

    .aucunMenu .zone1 {
        width: 558px;
        margin-right: 0;
    }

    .aucunMenu .zone2 {
        display: none;
    }

/* Gabarit DemandeDocuments */
#boiteBtnRadio .messageErreur {
    display: block;
    clear: left;
    color: red;
    margin-bottom: 10px;
}

/* Tableau des documents */
#demandeDocumentsTableau {
    width: 100%;
}

    #demandeDocumentsTableau td {
        padding: 10px 0 10px 15px;
    }

        #demandeDocumentsTableau td h2 {
            text-align: left !important;
        }

        #demandeDocumentsTableau td input {
            width: 35px;
            text-align: center;
        }

    #demandeDocumentsTableau .ligneImpair {
        background-color: #E0E0E0;
    }

#demandeDocumentsCoordonnees label, #formCondamnation label {
    display: block;
    margin: 10px 0 4px 0;
}

#demandeDocumentsCoordonnees .demandeDocumentLblNom {
    margin-top: 2px;
    margin-left: 10px;
}

#boiteBtnRadio {
    margin-bottom: 20px;
}

    #boiteBtnRadio table {
        margin-top: 10px;
    }

    #boiteBtnRadio input {
        float: left;
        margin: 0 5px 5px 5px;
    }

    #boiteBtnRadio label {
        display: block;
        margin-bottom: 5px;
    }

.asterisqueRouge {
    color: Red;
}



/* Gabarit uneColSansMenuDroite */
div.uneColSansMenuDroite {
    width: 749px;
    margin-right: 0;
}

    div.uneColSansMenuDroite .zone1 {
        width: 739px;
        margin-right: 0;
        margin-left: 10px;
        float: left;
    }



    div.uneColSansMenuDroite .zone2 {
        display: none;
    }

.consigneuneColSansMenuDroite {
    width: 100%;
    margin-bottom: 10px;
}

.CoordonneeBloc {
    float: left;
}

/* MesAlimentsArticles */

#banniereAlimentArticle, #banniereAlimentNousJoindre, #banniereAlimentListeArticles {
    float: right;
    width: 746px;
    height: 131px;
    background-image: url('/_layouts/PortailMapaq/Images/fr/mesaliments_article_header.gif');
}

#banniereAlimentNousJoindre {
    background-image: url('/_layouts/PortailMapaq/Images/fr/mesaliments_nousjoindre_header.gif');
}

#banniereAlimentListeArticles {
    background-image: url('/_layouts/PortailMapaq/Images/fr/mesaliments_listearticles_header.gif');
}

.articlesDate {
    font-size: 1.21em;
    color: #FFA200;
}

.articlesTitre {
    font-size: 1.50em;
}

.contenu .pageAliments {
    width: 700px;
    margin-left: 53px;
    margin-top: 10px;
    border-top: 1px dotted gray;
}

    .contenu .pageAliments h1 {
        color: #0668B3;
        background: none;
    }

    .contenu .pageAliments h2.commentaires {
        width: 444px;
        color: black;
        background-position: 4px 5px;
        border-top: 1px dotted gray;
        background-image: url('/_layouts/PortailMapaq/Images/fleche_bleu.gif');
        padding-left: 20px;
        background-repeat: no-repeat;
    }

    .contenu .pageAliments p {
        color: #6A6969;
    }

.pageAliments ul {
    color: #6A6969;
    margin-left: 1em;
}

    .pageAliments ul li ul, .pageAliments ul ul {
        margin-bottom: 0;
        margin-left: 2.5em;
    }

    .pageAliments ul li {
        background-image: url("/_layouts/PortailMapaq/Images/puce_bleue.png");
        background-position: left 7px;
        background-repeat: no-repeat;
        list-style-type: none;
        margin: 5px 0 7px;
        padding-left: 10px;
    }

.pageAliments .articleListeAliment ul li {
    background-position: left 14px !important;
}

.pageAliments ul li ul li, .pageAliments ul ul li {
    background-image: none;
    list-style-type: circle;
    padding-left: 4px;
}

.contenu .pageAliments ul.listeHorizontale li {
    padding: 2px;
}

    .contenu .pageAliments ul.listeHorizontale li a.actif {
        text-decoration: underline;
    }

.contenu .pageAliments label {
    color: Black;
}

#Mes_aliments_courrier .soumettreCommentaire {
    cursor: pointer;
    margin-left: 170px;
    border: 0;
    background-image: url('/_layouts/PortailMapaq/Images/fr/btn_envoyer.gif');
    width: 95px;
    height: 33px;
}

/* MesAlimentsAccueil.aspx */
.EnvoyerAmi .btnSubmitEnvoyerAmi {
    cursor: pointer;
    float: none;
    background-image: url('/_layouts/PortailMapaq/Images/fr/btn_envoyer_ami.gif');
    border: 0;
    width: 104px;
    height: 34px;
}

.EnvoyerAmi div label {
    color: #fff;
}

.EnvoyerAmi div input {
    float: left;
}

.modeEdition .mesAlimentsHeader {
    background: none;
    display: block;
    height: 330px;
}

.modeEdition .approbateurs {
}

.modeEdition .mesAlimentsPiedPage {
    display: none;
}

.modeEdition .messageBienvenu {
    color: #000;
    float: left;
    position: relative;
    top: 0;
    left: 0;
}

.modeEdition .zoneCtrMesAlimentsColDroite {
    padding-top: 0;
    background: none;
}

.modeEdition .zoneCtrMesAlimentsColGauche {
    display: none;
}

.modeEdition .zoneCtrMesAlimentsColDroite .troussePedagogique {
    background-color: #fff;
    height: auto;
    width: auto;
}

.modeEdition .zoneCtrMesAlimentsColDroite .troussePeda_footer {
    width: 0;
    height: 0;
    display: none;
}

.modeEdition .troussePedagogique ul {
    padding-top: 0;
    margin-left: 0;
}

    .modeEdition .troussePedagogique ul li {
        color: #000;
        margin-left: 10px;
    }

.modeEdition .zoneCtrMesAlimentsColDroite .troussePedagogique img {
    float: none;
    clear: none;
}

.modeEdition .zoneCtrMesAlimentsColDroite .jeuMesAliments1 {
    margin-left: 0;
    height: auto;
}

.modeEdition .zoneCtrMesAlimentsColDroite .jeuMesAliments2 {
    height: auto;
}

.modeEdition .jeuxFooter {
    display: none;
}

.modeEdition .zoneCtrMesAlimentsColDroite .EnvoyerAmi {
    display: none;
}

.modeEdition .jeuMesAliments1 .ms-long {
    width: auto;
}

.modeEdition .jeuMesAliments2 .ms-long {
    width: auto;
}

.modeEdition h2.commentaires {
    display: none;
}

.modeEdition #Mes_aliments_courrier {
    display: none;
}

.mesAlimentsHeader {
    position: relative;
    background-image: url('/_layouts/PortailMapaq/Images/fr/mesaliments_header.gif');
    width: 746px;
    height: 127px;
}

.messageBienvenu {
    color: #FFCC24;
    position: absolute;
    top: 65px;
    left: 100px;
    width: 513px;
}

    .messageBienvenu a {
        color: #fff;
    }

.zoneCtrMesAlimentsColGauche {
    width: 299px;
    float: left;
    padding-top: 127px;
    background-repeat: no-repeat;
    background-image: url('/_layouts/PortailMapaq/Images/fr/mesaliments_actualites.jpg');
    background-position: top left;
}

.zoneCtrMesAlimentsColDroite {
    width: 447px;
    float: left;
    background-repeat: no-repeat;
    background-image: url('/_layouts/PortailMapaq/Images/fr/trousse_pedagogique.jpg');
    padding-top: 43px;
    background-position: top left;
}

.zoneCtrMesAlimentsColGauche .actualite {
    /*margin-left: 45px;*/
}

    .zoneCtrMesAlimentsColGauche .actualite ul li {
        list-style: none;
        width: 285px;
        padding: 10px 8px;
    }

.zoneCtrMesAlimentsColDroite .troussePedagogique {
    background-color: #75c045;
    width: 430px;
    height: 189px;
}

.zoneCtrMesAlimentsColDroite .troussePeda_footer {
    background-image: url('/_layouts/PortailMapaq/Images/fr/bas_trousse_peda.gif');
    width: 447px;
    height: 37px;
}

.troussePedagogique ul {
    /*width: 223px;*/
    padding-top: 30px;
    margin-left: 160px;
}

    .troussePedagogique ul li {
        color: #fff;
        font-size: 1.3em;
    }

.zoneCtrMesAlimentsColDroite .troussePedagogique img {
    float: left;
    margin-top: 1em;
    margin-left: 30px;
}

.zoneCtrMesAlimentsColDroite .jeuMesAliments1 {
    float: left;
    width: 214px;
    height: 265px;
    margin-left: 19px;
    background-color: #e09322;
    text-align: center;
}

.zoneCtrMesAlimentsColDroite .jeuMesAliments2 {
    float: left;
    width: 214px;
    height: 265px;
    background-color: #cd5f15;
    text-align: center;
}

.jeuMesAliments1 .titreJeu1 {
    background-image: url('/_layouts/PortailMapaq/Images/fr/jeu_interactif1.gif');
    background-repeat: no-repeat;
    width: 214px;
    height: 47px;
}

.jeuMesAliments2 .titreJeu2 {
    background-image: url('/_layouts/PortailMapaq/Images/fr/jeu_interactif2.gif');
    background-repeat: no-repeat;
    width: 214px;
    height: 47px;
}

.jeuMesAliments1 p {
    color: #004176;
    margin: 10px 10px;
}

.jeuMesAliments2 p {
    color: #fff;
    margin: 10px 10px;
}

.EnvoyerAmi .divSubmitEnvoyerAmi {
    text-align: center;
    width: 100%;
}

.zoneCtrMesAlimentsColDroite .EnvoyerAmi {
    float: right;
    margin-right: 17px;
    background-color: #3595d1;
    width: 420px;
    padding-top: 60px;
    padding-left: 10px;
    clear: both;
    margin-top: 20px;
    background-image: url('/_layouts/PortailMapaq/Images/fr/envoyeraunami.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

.jeuxFooter {
    background-image: url('/_layouts/PortailMapaq/Images/plusdejeux_sans.gif');
    height: 35px;
    width: 428px;
    margin-left: 19px;
    clear: left;
}

.EnvoyerAmi div {
    float: left;
    color: #fff;
    width: 200px;
    margin-top: 5px;
}

.EnvoyerAmi .messageErreur {
    display: block;
    clear: left;
    color: #000;
}

.actualiteAvecCouleur {
    background-color: #FFF787;
}

.actualiteSansCouleur {
    background-color: #FFFFFF;
}

.actualite {
    color: #6a6969;
}

.tousLesArticles, .lienRss {
    margin-top: 10px;
    font-size: 1.21em;
}

    .tousLesArticles a, .lienRss a {
        text-decoration: underline;
    }

.actualite .dateActualite {
    color: #ffa200;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.actualite .titreActualite {
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #6a6969;
}

.actualite .sommaireActualite {
    font-family: Arial, Helvetica, sans-serif;
    color: #6a6969;
    font-size: 10pt;
}

.actualite .lnkSuiteActualite {
    letter-spacing: 1pt;
    color: #6a6969;
}

/* AccueilPortailRegion */
.contenuVedette h3 a {
    float: left;
    clear: left;
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
}

    .contenuVedette h3 a:hover, .contenuVedette h3 a:focus, .contenuVedette h3 a.enAction {
    }

.accueil div.avisPublicites {
    width: 315px !important;
    padding-right: 10px;
    margin: 0;
}

div.avisPublicites {
    float: left;
    width: 320px;
    margin: 15px 0;
}

    div.avisPublicites ul {
        float: left;
        /*border-left: 10px solid #0668b3;*/
    }

    div.avisPublicites p {
        float: left;
        margin-bottom: 7px;
        padding-bottom: 0px;
        padding-left: 8px;
        padding-right: 2px;
        width: 208px;
    }
    /*border-bottom: 1px dotted gray; */
    div.avisPublicites img {
        width: 80px;
        float: left;
    }

    div.avisPublicites a:link, div.avisPublicites a:visited {
        text-decoration: none;
    }
/*div.actualitesPointeBas { clear: left; background:url("/_layouts/PortailMapaq/Images/avis_public_coin_bas.gif") no-repeat left top; width: 10px; height: 14px;}*/
/*div.actualitesPointeHaut {background:url("/_layouts/PortailMapaq/Images/avis_public_coin_haut.gif") no-repeat left top; width: 10px; height: 14px;}*/

/*Styles pour les avis de pub par Sébastien*/
div.articlesAvisPub {
    padding-bottom: 2px;
    padding-right: 5px;
    border-bottom: #999999 1px dotted;
    float: left;
}

    div.articlesAvisPub:hover {
        background-color: #e0eec4;
        cursor: pointer;
    }

    div.articlesAvisPub img {
        padding: 5px 10px 0 5px;
        border: none;
    }

    div.articlesAvisPub h3 {
        margin-top: 2px;
    }

        div.articlesAvisPub h3 a, div.articlesAvisPub p a {
            text-decoration: none;
        }

div.articlesAvisPubImage {
    float: left;
    height: 95px;
    padding-right: 5px;
    padding-top: 0;
    width: 90px;
}
/*--------------------------------------*/

.modeEdition .accordeonContenu, .modeEdition .accordeonContenu * {
    overflow: visible;
    height: auto;
    display: block !important;
}

.modeEdition div.actualitesPointeBas {
    background: none;
    margin-left: -10px;
}

.modeEdition div.avisPublicites p {
    float: none;
    clear: none;
}

.modeEdition div.actualitesPointeTop {
    background: none;
    margin-left: -10px;
}

.modeEdition div.avisPublicites img {
    width: auto;
}


div.avisPublicites ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 14px;
}
    /* background:url("/_layouts/PortailMapaq/Images/avis_public_coin_bas.gif") no-repeat left bottom; */
    div.avisPublicites ul li {
        padding: 10px 0 0px 15px;
        margin-left: -10px;
        border-top: 1px dotted #999;
        background-image: none;
        clear: left;
    }
        /*border-left:10px solid #0668B3;*/
        div.avisPublicites ul li:first-child {
            border-top: 0;
            margin-top: 0;
        }

        div.avisPublicites ul li ul {
            background: none;
            padding-top: 0;
            list-style-type: disc;
            padding-left: 1.2em;
        }

            div.avisPublicites ul li ul li {
                padding: 0;
                border-left: 0;
                border-top: 0;
            }

/* CalendrierEvenements.ascx */
h2.enteteCalendrier {
    border-bottom: 1px solid #095DA6;
    padding: 0;
    margin-top: -5px;
    width: 165px;
    margin-bottom: 1em;
    background: #fff;
    text-transform: uppercase;
}

    h2.enteteCalendrier a {
        display: block;
        color: #095DA6 !important;
    }

        h2.enteteCalendrier a:hover {
        }

/* CentrePressePageCommunique.aspx */
h1.enteteH1Communique {
    background: none;
    text-align: center;
}

h2.enteteH2Communique {
    background: url(/_layouts/PortailMapaq/Images/bande_verte.gif) top left no-repeat;
    padding-top: 15px;
    margin-bottom: 1em;
    font-size: 1.2em;
}

/* AccueilGrandsDossiers.aspx */
.boiteGrandDossier {
    width: 500px;
}

/* PlanSite.ascx */
/*ul#ListePlanSite {margin-top:2em;font-size:1.2em;}
ul#ListePlanSite li {list-style-type:none;text-transform:uppercase;padding-left:1.5em;font-weight:bold;line-height:3em;font-size:}
ul#ListePlanSite li li {background: url(/_layouts/PortailMapaq/Images/puce_a.gif) left 1.1em no-repeat}
ul#ListePlanSite li li li {background: url(/_layouts/PortailMapaq/Images/puce_b.gif) left  1.3em no-repeat}
ul#ListePlanSite li li,
ul#ListePlanSite li li li {text-transform:none;font-weight:normal}*/

/* PLAN DU SITE */
#plan-du-site ul span {
    display: none;
}

#plan-du-site ul, #plan-du-site ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    background-image: none;
}

    #plan-du-site ul ul {
        margin-left: 1.3em;
    }

    #plan-du-site ul li a {
        color: #0044A1;
        font-size: 1em;
        text-decoration: none;
    }

        #plan-du-site ul li a:hover {
            text-decoration: underline;
        }

    #plan-du-site ul li a {
        background-color: #dfeaf6;
        border-bottom: 1px solid #EAF0F6;
        display: block; /*font-size:1.5em;*/
        padding: 4px;
        text-transform: uppercase;
        width: 680px;
    }

    #plan-du-site ul ul li a {
        background-color: Transparent;
        border: 0px none;
        text-transform: none;
        display: inline;
        font-weight: bold;
        font-size: 1.1em;
    }

    #plan-du-site ul ul ul li a {
        font-weight: normal;
    }

    #plan-du-site ul li ul {
        margin-top: 10px;
    }

    #plan-du-site ul li {
        margin-bottom: 10px;
        padding-bottom: 1px;
    }

        #plan-du-site ul li ul li {
            margin-bottom: 10px;
            padding-bottom: 2px;
        }

            #plan-du-site ul li ul li ul li {
                margin-bottom: auto;
                padding-bottom: 0;
            }

            #plan-du-site ul li ul li ul li {
                background: transparent url(/_layouts/PortailMapaq/Images/m_fleche_droite.gif) no-repeat scroll left 0.25em;
                padding-left: 8px;
            }


/* FormulaireEnvoiCourrier.ascx */
#FormulaireCourriel input[type=text], #FormulaireCourriel textarea {
    width: 350px;
    margin-bottom: 1em;
    font-family: Arial;
}

/* FormulaireTroussePedagogique.ascx */
#FormulaireTrousse {
    width: 400px;
}

    #FormulaireTrousse input[type=text], #FormulaireTrousse textarea {
        /*width:30em;*/
        margin-bottom: 2em;
        font-family: Arial;
    }

    #FormulaireTrousse label {
        display: block;
        margin-bottom: 10px;
    }

    #FormulaireTrousse p {
        clear: both;
    }
/* FormulairePlainte.ascx */
#FormulairePlainte {
    width: 36em;
}

    #FormulairePlainte input[type=text], #FormulairePlainte textarea {
        width: 30em;
        margin-bottom: 1em;
        font-family: Arial;
    }

    #FormulairePlainte .inputPlainte img {
        float: left;
    }

    #FormulairePlainte .inputPlainte div {
        float: left;
        clear: left;
        width: 100%;
    }

#ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_ucFormulairePlainte_chkSymtomes tr td label {
    padding-left: 10px;
}

#FormulairePlainte .inputPlainte input, #FormulairePlainte .inputPlainte span {
    clear: left;
    float: left;
    margin-bottom: 15px;
}

#FormulairePlainte .inputPlainte h3, #FormulairePlainte .inputPlainte h2, #FormulairePlainte .inputPlainte p {
    clear: left;
    float: left;
}

#FormulairePlainte .inputPlainte label {
    float: left;
    clear: left;
    margin-bottom: 10px;
    margin-top: 15px;
}

#erreursPlaintes {
    overflow: hidden;
}

span.MessageErreurPlainte {
    display: block;
    color: #fff !important;
    background: #fb3535;
    padding: 5px;
    border: solid 1px #fff;
    float: left;
    clear: both;
    width: 350px;
}

/* ListePublication.ascx */
table.listePublications {
    width: 100%;
}

    table.listePublications td {
        vertical-align: top;
    }

    table.listePublications td, table.listePublications th {
        padding: 0.5em;
    }

    table.listePublications tr td:last-child {
        vertical-align: middle;
    }

    table.listePublications .colTable1 {
        width: 75px;
    }

    table.listePublications .colTable3 {
        width: 60px;
    }

    table.listePublications tr.listePublicationsCellCouleur td {
        background: #E4EED3;
    }

    table.listePublications p {
        margin-bottom: 0.5em;
    }

ul.indexAlphaPublications li {
    margin-right: 0.7em;
    background-image: none;
    padding-left: 7px;
    margin: 0px;
}

table.listePublications tr.hors-champ th {
    display: inline;
}

/* UtilitairesSujetsThemes.ascx */
.publicationsSujetsThemes ul {
    list-style-type: none;
    width: 45%;
    float: left;
}

/* Recherche.ascx */
/*.resultatsRecherche .separateur {margin:0.2em 0}*/
.resultatsRecherche li {
    border-bottom: 1px dotted #CCCCCC;
    padding: 5px 0 4px 0 !important;
}

.resultatsRecherche .titreResultat {
    display: block;
    font-size: 1.3em;
    margin-top: 0.3em;
    clear: both;
}

/* LEGENDE DANS LES CONTENUS */
.legende {
    display: block;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid #999;
}

.float_left {
    margin: 0 5px 0 0;
    float: left;
}

.float_right {
    margin: 0 0 0 5px;
    float: right;
}

.legende p {
    display: block;
    padding: 5px 0;
    margin: 5px 0 0 0;
}

/* XLA : nouvelle recherche */
#srch-maintop2 .srch-stats {
    background-color: #EEEEEE !important;
}

#srch-Page-img .srch-Page {
    background-color: #EEEEEE !important;
}

/* Gabarit Condamnations */

.sticky {
    position: fixed;
    top: 0;
    width: 652px;
    z-index: 1000;
}

    .sticky .page-navigation {
        margin-right: 2px;
    }

#zoneNavFiltre {
    background-color: White;
}

.MessageErreurCond li {
    color: #fff !important;
    background: #fb3535;
    padding: 5px;
    border: solid 1px #fff;
    background-image: none !important;
    margin-left: -12px !important;
}

#enteteInfraction p, #contenuInfraction p {
    font-size: 12px;
}

#enteteInfraction {
    width: 620px;
    background-color: #e4eed3;
    padding: 15px 15px 15px 15px;
    margin-bottom: 2px;
    overflow: hidden;
    position: relative;
    min-height: 80px;
}

    #enteteInfraction h1 {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        color: #000;
        background-image: none;
        margin: 0;
    }

    #enteteInfraction #nomAdresse {
        width: 455px;
        float: left;
    }

        #enteteInfraction #nomAdresse p {
            margin: 10px 0 0 0;
        }

    #enteteInfraction #dateAmende {
        width: 145px;
        float: left;
        margin: 0 0 0 20px;
    }

    #enteteInfraction span.amende {
        font-size: 18px; /*font-weight:bold;*/
        margin: 10px 0 0 0;
        display: block;
    }

#enteteDetailsInfraction {
    width: 620px;
    margin-bottom: 2px;
    overflow: hidden;
}

    #enteteDetailsInfraction h1 {
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        color: #000;
        background-image: none;
        margin: 0;
    }

    #enteteDetailsInfraction #nomAdresse {
        width: 240px;
        float: left;
    }

        #enteteDetailsInfraction #nomAdresse p {
            margin: 10px 0 0 0;
        }

    #enteteDetailsInfraction #datejugement {
        width: 250px;
        float: left;
    }

        #enteteDetailsInfraction #datejugement p {
            margin: 10px 0 0 0;
        }

    #enteteDetailsInfraction #dateAmende {
        width: 75px;
        float: left;
        margin: 0 0 0 20px;
    }

    #enteteDetailsInfraction span.amende {
        margin: 10px 0 0 0;
    }

#contenuInfraction {
    background-color: #ecf3e1;
    clear: both;
    width: 620px;
    padding: 5px 15px 15px 15px;
}

    #contenuInfraction p {
        margin: 10px 0 0 0;
        font-size: 11px;
        line-height: 16px;
    }

        #contenuInfraction p.txtInfraction {
            border-bottom: 1px solid #d4e1c0;
            border-top: 3px solid #d4e1c0;
            padding: 10px 0;
        }

.ui-datepicker-trigger {
    margin-right: 15px;
    cursor: pointer;
}

#ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_choixEtatLieux input {
    float: left;
    width: 20px;
    margin: 11px 5px 0 0;
    clear: left;
}

#ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_choixEtatLieux label {
    float: left;
}

#ContenuFormCond {
    width: 640px;
    margin-left: 5px;
}

.articleCond {
    margin-left: 20px;
    margin-top: 25px;
}

.calenderCond {
    width: 80px;
    margin-right: 5px;
}

#resultatCondamnation {
    margin-bottom: 15px;
    padding-top: 40px;
    background-color: #ffffff;
}

.obligatoireCond, #oblig-civique, #oblig-rue, #oblig-muni {
    color: red;
    display: none;
}

#ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_PanelTitreNouveaute p {
    margin-bottom: 0px;
}

.condRegionSection {
    margin: 0px 30px 10px 0px;
    float: left;
}

.clearCondLeft {
    clear: left;
}

.condFloatLeft {
    float: left;
}

.hiddenObligatoire {
    display: none;
    padding-top: 25px;
}

    .hiddenObligatoire span {
        color: Red;
    }

div span.btnprecedent1, div span.btnsuivant1 {
    display: block;
    padding: 5px;
    background-color: #ecf2e1;
    width: 75px;
    text-align: center;
    margin-bottom: 10px;
}

div span.btnprecedent1, .floatLCond {
    float: left;
}

div span.btnsuivant1 {
    float: right;
    margin-right: -10px;
}
/*Nouvelle barre de navigation*/
#paginationTop li a.prev, #paginationTop li a.next {
	padding-top: 4px;
	padding-bottom: 4px;
    background-color: #e9effb;
    width: 85px;
    text-align: center;
    border: 1px solid #dae5f9;
    color: #2261d4;
}

#paginationTop li span.prev, #paginationTop li span.next {
	padding-top: 4px;
	padding-bottom: 4px;
    background-color: #f9f9f9;
    width: 85px;
    text-align: center;
    border: 1px solid #EAEAEA;
    color: #ccc;
}

#paginationTop li span, #paginationTop li a {
	float: left;
	color: #666;
	font-size:12px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 0px solid #BBB;
	min-width: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0 0 0 0;
}

#paginationTop li a.prev, .floatLCond {
    float: left;
}

#paginationTop li a:hover {
	text-decoration: none;
	color: #000;
}

#paginationTop li a.next {
    float: right;
    margin-right: 10px;
}

ul.simple-pagination {
	list-style: none;
	margin-right: 10px;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding-right: 15px;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}

/*Fin nouvelle barre de navigation*/
.page-navigation {
    float: right;
    padding-bottom: 10px;
    margin-right: -10px;
    margin-top: -65px;
    clear: left;
    width: auto;
}

    .page-navigation p {
        float: left;
        margin: 5px 10px 0px;
        font-size: 12px;
    }

        .page-navigation p span {
            padding: 0px 3px 0px 3px;
        }

    .page-navigation .button {
        background-color: #e9effb;
        padding: 5px;
        width: 75px;
        float: left;
        width: auto;
        border: 1px solid #dae5f9;
    }

        .page-navigation .button a:hover, .page-navigation p span a:hover {
            text-decoration: none;
            color: #0b1e42;
        }

        .page-navigation .button a, .page-navigation p span a {
            color: #2261d4;
        }

    .page-navigation .inactive {
        background-color: #F9F9F9 !important;
        padding: 5px;
        width: 75px;
        float: left;
        width: auto;
        border: 1px solid #EAEAEA !important;
    }

        .page-navigation .inactive a {
            color: #CCC !important;
        }

#trieCond {
    float: left;
    margin-top: 0px !important;
    clear: left;
}

.page-navigation div div {
    float: right;
}

#resumeCond {
    background-color: #ECF3E1;
    padding: 10px 10px 20px 10px;
    width: 625px;
    border: 1px solid #CCCCCC;
}

    #resumeCond .ResumeColorSpan {
        color: #004080;
        font-weight: bold;
    }

.formCondLabelFloat {
    float: left;
    width: 115px;
}

.contenuResultatCondamnation {
    border: 1px solid #d5e5ba;
    float: left;
    margin-bottom: 20px;
}

#txtMontantTotal {
    clear: both;
    position: absolute;
    margin-top: -25px;
    left: 242px;
}

#boutonFormualreCond {
    padding-top: 15px !important;
    padding-bottom: 45px;
}

.btnSoumettre {
    margin-right: 15px;
}

.clearLCond {
    clear: left;
}

#searchSectionCondamantion .fondColore {
    width: 600px;
}

.fondColore {
    padding: 10px;
    overflow: hidden;
    zoom: 1;
    width: 520px;
}

#contenuSReapeater {
    padding-top: 5px;
    float: left;
}

.fixCSSCond select {
    margin-left: 0px;
}

#formCondamnation .formCondLabelFloat {
    width: 135px;
}
/*Page libre*/
.pageLibreStyle {
    background-color: #fff;
    padding-top: 40px;
}

    .pageLibreStyle h1 {
        background: none;
    }

/*Page libre - Infolettre version Web*/
#infolettre-contenu #content p img {
    margin: 20px 0 !important;
}

#infolettre-contenu #content img {
    max-width: 100%;
    max-height: 100%;
}

#infolettre-contenu #content {
    clear: both;
    padding-top: 0px;
    padding-bottom: 20px;
    padding-right: 60px;
    padding-left: 30px;
}

#infolettre-contenu .date {
    float: right;
    clear: both;
    padding: 0px;
    font-weight: bold;
    color: #b0c104;
    font-size: 16px;
}

#infolettre-contenu #outlook a {
    padding: 0;
}

#infolettre-contenu {
    width: 600px;
    font-family: Arial, Helvetica, sans-serif !important;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    background-color: #fff;
    background-attachment: scroll;
    font-size: 14px;
    line-height: 18px;
    color: #424242;
    margin: auto;
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.26);
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.26);
    box-shadow: 0 0 10px 1px rgba(0,0,0,0.26);
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6,direction=135,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#C6C6C6,direction=315,strength=3);
    zoom: 1;
}

    #infolettre-contenu a img {
        border: none;
    }

    #infolettre-contenu a {
        color: #007dbb;
    }

    #infolettre-contenu .img-content {
        width: 180px;
    }

    #infolettre-contenu p {
        margin: 1em 0;
    }

    #infolettre-contenu div.section1, div.section2 {
        clear: both;
        overflow: auto;
        margin: 25px 0px 25px 0px;
    }

    #infolettre-contenu div.section3 {
        clear: both;
        overflow: auto;
    }

    #infolettre-contenu h2 {
        font-weight: bold;
        font-size: 20px;
    }

        #infolettre-contenu h2.section1 {
            color: #4E965A !important;
        }

        #infolettre-contenu h2.section2 {
            color: #F7A021 !important;
        }

        #infolettre-contenu h2.section3 {
            color: #df322b !important;
        }

    #infolettre-contenu h3 {
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 10px;
        padding-bottom: 0px;
        line-height: 22px;
    }

        #infolettre-contenu h3.section1 {
            color: #4E965A !important;
        }

            #infolettre-contenu h3.section1 a {
                color: #4E965A !important;
            }

        #infolettre-contenu h3.section2 {
            color: #F7A021 !important;
        }

            #infolettre-contenu h3.section2 a {
                color: #F7A021 !important;
            }

        #infolettre-contenu h3.section3 {
            color: #df322b !important;
        }

            #infolettre-contenu h3.section3 a {
                color: #df322b !important;
            }

    #infolettre-contenu .titreSpan {
        color: #ED7244 !important;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    #infolettre-contenu hr {
        margin-top: 0px;
        margin-bottom: 30px !important;
        margin-right: 0;
        margin-left: 0;
        border-style: none;
        background-color: #ddd;
        height: 1px;
    }

    #infolettre-contenu table td {
        border-collapse: collapse;
    }

    #infolettre-contenu .yshortcuts, .yshortcuts a, .yshortcuts a:link, .yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span {
        color: black;
        text-decoration: none !important;
        border-bottom: none !important;
        background: none !important;
    }

    #infolettre-contenu #wrap {
        margin-top: 0;
        margin-bottom: 20px;
        margin-right: 5px;
        margin-left: 10px;
        background-color: #fff;
        background-image: none;
        background-repeat: repeat;
        background-position: top left;
        background-attachment: scroll;
        clear: both;
    }

    #infolettre-contenu #headline {
        padding-top: 25px;
        padding-bottom: 10px;
        padding-right: 30px;
        padding-left: 30px;
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        margin-left: 0;
    }

        #infolettre-contenu #headline img {
            margin-left: -30px;
            margin-top: -25;
            margin-bottom: 0px;
        }

    #infolettre-contenu #ligneVerteSection {
        border-top-style: solid;
        border-top-width: 10px;
        border-top-color: #A7C43C;
        clear: both;
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    #infolettre-contenu #ligneJauneSection {
        border-bottom-style: solid;
        padding-bottom: 10px;
        border-bottom-width: 10px;
        border-bottom-color: #FEBF14;
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    #infolettre-contenu #ligneRougeSection {
        border-bottom-style: solid;
        padding-bottom: 10px;
        border-top-width: 20px;
        border-bottom-width: 10px;
        border-bottom-color: #a8685e;
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    #infolettre-contenu #boite_livrevert {
        background-color: #4E965A;
        padding: 10px 0px 10px 15px;
        display: block;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        margin-top: 25px;
    }

    #infolettre-contenu #footer {
        clear: both;
        overflow: auto;
        margin-top: 30px;
        margin-bottom: 0px;
        margin-right: 0;
        padding-bottom: 0px;
    }

/*Infolettre-abonnement*/
div#form-abonnement label, div#form-abonnement input {
    float: left;
    clear: left;
}

div#form-abonnement label {
    border: none !important;
    padding-bottom: 0px !important;
}

div#form-abonnement input {
    margin: 5px 0px 10px 0px;
    width: 300px !important;
}

div#choix_infolettre {
    clear: both;
    padding: 15px 0 30px 0;
}

    div#choix_infolettre h3 {
        padding-top: 20px;
    }

    div#choix_infolettre label {
        margin-left: 20px;
        cursor: pointer;
        display: block;
    }

div#form-abonnement-erreur span {
    float: left !important;
}

div#choix_infolettre label span {
    font-weight: normal;
}

div#choix_infolettre input {
    float: left;
    cursor: pointer;
    height: auto;
}
/* Gabarit page libre : Thermoguide */


#thermoguidepage :focus {
    outline: none;
}

#thermoguidepage h1, #thermoguidepage h2, #thermoguidepage h3, #thermoguidepage h4 {
    margin: 1em 0;
}

#thermoguidepage p, #thermoguidepage ul, #thermoguidepage ol, #thermoguidepage table {
    margin-bottom: 1em !important;
}

#thermoguidepage p {
    color: #000 !important;
}

#thermoguidepage ul {
    margin-left: 20px !important;
}

#thermoguidepage a {
    cursor: pointer;
    color: #646466 !important;
}

    #thermoguidepage a:focus {
    }

    #thermoguidepage a:visited {
    }

    #thermoguidepage a:hover {
        color: #f6a800 !important;
    }
    /*a:focus*/
    #thermoguidepage a *, button * {
        cursor: pointer !important;
    }



#thermoguidepage h1 img {
    width: 100%;
    max-width: 600px;
    min-width: 200px;
}

#thermoguidepage h2 {
    font-size: 16px;
    display: block;
    padding: 5px 5px 5px 15px !important;
    background: #e76c38;
    color: #fff;
    margin: 0px 0 25px 0 !important;
    width: 95%;
    min-width: 50%;
    max-width: 760px;
    float: left;
    clear: both;
}

#thermoguidepage .noteThermo {
    clear: both;
    font-size: 11px;
    margin-top: 10px;
}

#thermoguidepage h3 {
    font-size: 14px;
    color: #fff;
    width: 100%;
    min-width: 50%;
    clear: both;
}

    #thermoguidepage h3 span {
        padding: 5px 5px 5px 15px !important;
        display: block;
        margin-right: 20px;
    }

    #thermoguidepage h3:hover {
        background-color: #449191 !important;
    }

    #thermoguidepage h3:hover {
        cursor: pointer;
    }

    #thermoguidepage h3.active {
        background: url(/_layouts/PortailMapaq/Images/symbole-moins.png) no-repeat 95% #4da4a4 !important;
    }

    #thermoguidepage h3.btOuvrirContenu {
        background: url(/_layouts/PortailMapaq/Images/symbole-plus.png) no-repeat 95% #4da4a4;
    }

    #thermoguidepage h3.sectionpanne {
        width: 60%;
        padding: 5px 0px 5px 10px;
        margin: 15px 0 25px 10px;
    }

#thermoguidepage #navThermoGuide ul {
    margin-left: -2px !important;
}

    #thermoguidepage #navThermoGuide ul li {
        list-style: none;
        float: left;
        margin: 15px 0 0 2px;
        width: 24%;
        padding: 0px;
        background-image: none;
        background-position: none;
    }

        #thermoguidepage #navThermoGuide ul li a {
            text-decoration: none;
            display: block;
            padding: 10px 15px 10px 9px !important;
            background: #47a3da;
            color: #fff !important;
            font-size: 12px;
        }

            #thermoguidepage #navThermoGuide ul li a:hover {
                background: #258ecd;
            }

.sectionThermo1 {
    background: #efefef;
    clear: both;
    float: left;
    width: 100%;
    margin: 60px 0 10px 0;
}

    .sectionThermo1 h1 {
        line-height: 25px;
        font-size: 26px;
        padding: 0px 0 20px 15px !important;
        color: #646466;
    }

        .sectionThermo1 h1 span {
            font-size: 18px;
            color: #646466;
        }

    .sectionThermo1 p {
        clear: both;
        padding: 2px 15px 2px 15px;
    }

.sectionThermo {
    width: 100%;
    max-width: 45%;
    overflow: hidden;
}

.sectionThermoLeft {
    float: left;
    margin-right: 15px;
    clear: left;
}

.sectionThermoRight {
    float: right;
    clear: right;
}

.temperatureThermo ul {
    text-align: center;
    display: block;
    float: right;
    margin: 0 5px 15px 25px;
}

    .temperatureThermo ul li {
        display: inline-block;
        font-weight: bold;
    }

.listeThermo {
    clear: both;
    color: #000;
    font-size: 12px;
}

    .listeThermo li {
        padding: 2px 15px 2px 0px;
        width: 90%;
    }

#thermoguidepage tr td, .contenuCache tr th {
    padding: 5px 0px 5px 10px;
    text-align: left;
}

#thermoguidepage tr.odd {
    background: #eee;
}

#thermoguidepage thead tr.even {
}

#thermoguidepage .thermoNonCache thead tr th {
    background-color: #4da4a4;
    color: #fff;
    padding: 5px 2px 5px 5px;
}

#thermoguidepage thead tr th {
    width: 35%;
}

#thermoguidepage thead tr span {
    font-size: 14px;
}

#thermoguidepage .thermoNonCache {
    width: 97%;
    margin-left: 1%;
    border: 1px solid #4da4a4;
}

    #thermoguidepage .thermoNonCache td {
        border: 1px solid #9de0e0;
    }

    #thermoguidepage .thermoNonCache tr ul {
        margin-left: -20px;
    }

#thermoguidepage table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
}

.reminderThermo {
    font-size: 14px;
    color: #424242;
    font-weight: bold;
    margin-left: 15px;
    display: block;
}

@media screen and (min-width : 320px) and (max-width : 800px) {
    .sectionThermo {
        max-width: 100%;
    }

    .sectionThermoRight {
        margin-top: -10px;
    }

    #thermoguidepage #navThermoGuide ul li {
        width: 49%;
        margin: 2px 0 0 2px;
    }

        #thermoguidepage #navThermoGuide ul li a {
            font-size: 14px;
        }
}

@media only screen and (min-width : 240px) and (max-width : 480px) {
    .#thermoguidepage thead tr span {
        font-size: 12px;
        margin-right: 30px;
    }

    .#thermoguidepage thead tr th {
        width: 15%;
    }

    #thermoguidepage #navThermoGuide ul li {
        width: 60%;
    }
}
/* autres fix */
@media only screen and (max-width: 320px), (min-width: 320px) and (max-width: 480px) {
    #thermoguidepage table, table.thermoNonCache {
        width: 550px !important;
    }

    .contenuCache, .contenuNonCache {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 320px) {
    .sectionThermoLeft, .sectionThermoRight {
        float: none;
    }

    .sectionThermo, .sectionThermo h3 span {
        max-width: 100%;
    }

    #thermoguidepage #navThermoGuide ul li {
        min-width: 200px;
        margin-top: 2px;
    }
}


/*Infolettre-envoie*/
.sectionEnvoiInfolettre table {
    margin: 15px 0 0 0;
    font-size: 11px;
}

.sectionEnvoiInfolettre td {
    padding: 0 0 5px 0;
    display: block;
}

    .sectionEnvoiInfolettre td label {
        margin-left: 3px;
        top: -4px;
        position: relative;
        font-weight: bold;
    }

.sectionEnvoiInfolettre {
    width: 540px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border-top: 2px solid #8091ac;
}

.boiteBleuEnvoi {
    float: right;
    width: 350px;
    background-color: #ebf3ff;
    padding: 6px;
    margin: 0;
}

    .boiteBleuEnvoi select {
        padding: 0;
        display: block;
    }

    .boiteBleuEnvoi label {
        color: #444;
        font-weight: normal;
    }

.ms-formlabel {
    display: block;
    float: left;
    margin-top: 5px;
    border: none;
}

.tblAbonnesInfolettre #libelles {
    font-weight: bold;
    background-color: #EBF3FF;
}

.tblAbonnesInfolettre td {
    padding: 4px;
}

.tblAbonnesInfolettre {
    border-spacing: 0 2px;
}

    .tblAbonnesInfolettre .rangeesTableau {
        background-color: #F4F5F7;
    }


/*SlideShow section photo*/
#visionneuse {
    width: 530px;
}

#visionneuseInterieurMAPAQ {
    float: left;
    width: 520px; /*Grandeur de la photo ou du dedans*/
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    z-index: 1;
}

    #visionneuseInterieurMAPAQ ul {
        position: relative;
        left: 0px; /* important */
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        width: 99999px; /* important */
        z-index: 0;
    }

        #visionneuseInterieurMAPAQ ul li {
            float: left;
            width: 540px; /* fixed width, important 200 */
            padding: 0px;
            margin-top: 5px;
            margin-left: 0px; /* fixed width, important 5*/
            margin-right: .0px;
            position: relative;
        }

    #visionneuseInterieurMAPAQ li img {
        margin-bottom: -4px; /* IE  fix */
        border: 0px;
        width: 520px;
        height: 346px;
    }

#btnGaucheV, #btnDroiteV {
    width: 30px !important; /*largeur des images des btn*/
    height: 59px !important; /*hauteur des images des btn*/
    float: right;
    cursor: pointer;
}

#btnGaucheV {
    margin-right: 10px;
}

    #btnGaucheV img, #btnDroiteV img {
        margin: 10px 0 0 -12px;
        border: 0;
    }

#selectionVisionneuse li {
    margin-top: 10px;
    float: left;
    display: block;
    padding: 10px;
    margin-right: 10px;
    background-color: #e7e7e7;
    background-image: none !important;
    font-size: 12px;
}

.invisible {
    display: none;
    cursor: default !important;
}

.visible {
    display: block;
    cursor: pointer;
}

#selectionVisionneuse {
    margin-left: 0px;
    margin-top: 0px;
    float: left;
    width: 430px;
}

    #selectionVisionneuse li:hover, .select {
        background-color: #0880C0 !important;
        color: #fff;
    }

.noselect {
    color: #000;
}

.focusitem {
    cursor: pointer;
}

.bas-vignette {
    font-size: 12px;
    color: #fff;
    height: 116px;
    top: 215px;
    display: block;
    position: absolute;
    opacity: 0;
    z-index: 20;
    overflow: auto;
    background: rgba(000, 000, 000, 0.75);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 100%);
    width: 500px;
    padding: 10px 10px 5px 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#ulvisionneuse:hover span.bas-vignette {
    opacity: 1;
}

#visionneuseInterieurMAPAQ:hover #info_basvignette {
    display: none;
}

#info_basvignette {
    display: block;
    margin-left: 480px;
    margin-top: 315px;
    position: absolute;
    z-index: 50;
}

#disablingDiv {
    /* Do not display it on entry */
    display: none; /* Display it on the layer with index 1001.       Make sure this is the highest z-index value       used by layers on that page */
    z-index: 1001; /* make it cover the whole screen */
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%; /* make it white but fully transparent */
    background-color: white;
    opacity: .00;
    filter: alpha(opacity=00);
}


.listeSansPuce {
    background-image: none !important;
    margin-left: -20px !important;
}

    .listeSansPuce .legendStyleH2 {
        font-size: 1.1em;
    }

#ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_ucFormulairePlainte_txtDescriptionIncident {
    float: left;
    clear: left;
}

/* Gabarit Agenda du ministre */

#agenda ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #agenda ul li {
        margin: 0;
        padding: 0;
    }

#agenda strong {
    display: inline;
    vertical-align: baseline;
    font-size: 110%;
    font-weight: normal;
}

#agenda .horsChamp {
    display: none;
}

#agenda h3 {
    text-transform: capitalize;
}

#agenda {
    margin: 16px 0;
    float: left;
}

    #agenda.mainContent {
        max-width: 750px;
        margin: 0 0 0 10px;
    }

        #agenda.mainContent .mainTitle {
            position: relative;
            padding: 8px;
        }

            #agenda.mainContent .mainTitle h2 {
                margin-bottom: 0;
            }

                #agenda.mainContent .mainTitle h2 strong {
                    display: block;
                }


    #agenda .calendrier {
        margin-top: 30px;
        padding: 0 8px 8px 8px;
    }

        #agenda .calendrier h3 {
            margin-top: 0;
            border-bottom: 1px solid #BFC6D3;
        }

        #agenda .calendrier h4 {
            display: inline-block;
            margin-top: 20px;
            margin-bottom: 8px;
            font-weight: normal;
            font-size: 12px;
        }

        #agenda .calendrier p {
            margin-top: 0;
        }

        #agenda .calendrier .date {
            margin-bottom: 0;
        }

            #agenda .calendrier .date > span, span.mois span.numero {
                padding-right: 3px;
            }

        #agenda .calendrier .listeHoraire ul li {
            margin: 0;
            margin-bottom: 8px;
            padding: 8px 8px 8px 0;
        }

            #agenda .calendrier .listeHoraire ul li:nth-child(odd) {
                background: #f5f5f5;
            }

            #agenda .calendrier .listeHoraire ul li p {
                margin-bottom: 8px;
            }

        #agenda .calendrier .listeHoraire .heure {
            display: block;
            width: 16%;
            padding-left: 4%;
            float: left;
            text-align: left;
            font-size: 1.2em;
        }

        #agenda .calendrier .listeHoraire .lieu {
            display: block;
            width: 80%; /*padding-left: 20%;*/
            font-size: 1.2em;
        }

        #agenda .calendrier .listeHoraire .description {
            display: block;
            width: 80%;
            padding-left: 20%;
            font-family: Arial, sans-serif;
        }

        #agenda .calendrier li.last {
            margin-bottom: 0 !important;
        }

        #agenda .calendrier .listeRencontres ul li {
            margin: 0;
            margin-bottom: 8px;
            padding: 8px;
            border: 3px solid #EEF1EC;
            background: #EEF1EC;
        }

            #agenda .calendrier .listeRencontres ul li p {
                margin-bottom: 0;
            }

        #agenda .calendrier .listeRencontres .titre, .calendrier .listeRencontres .lieu {
            font-size: 1.3em;
            font-size: 1.3rem;
        }

        #agenda .calendrier .listeRencontres .description {
            font-family: Arial, sans-serif;
        }

    #agenda .tout-agenda .calendrier:nth-child(n+6) {
        display: none;
    }

.lte8 #agenda .calendrier.nth-child_ie8 {
    display: none;
}

#agenda .center {
    text-align: center;
}

#agenda #afficherPlus {
    cursor: pointer;
    margin: 20px 0;
    padding: 15px 15px;
    border: none;
    background: #4f965a;
    font-size: 12px;
    line-height: 1.15;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

color:#FFF; position:relative; z-index: 0;
}

#agenda #afficherPlus:hover {
    text-decoration: none;
    background-color: #254875;
    outline: none;
}

#agenda #afficherPlus:focus {
    outline: none;
}


#agenda .notes {
    position: relative;
    margin-top: 8px;
    padding: 12px 42px 12px 12px;
    min-height: 30px;
    background: #f5f5f5;
    border: 1px solid #ddd;
}

    #agenda .notes p {
        margin-bottom: 0;
        font-size: 1.2em;
        font-size: 1.2rem;
        text-transform: uppercase;
    }

#agenda .notes-btn {
    cursor: pointer;
    float: left;
    width: 29px;
    height: 29px;
    margin-right: 10px;
    padding: 0 0 0 30px;
    border: 0 none;
    background: url(https://www.transparence.gouv.qc.ca/fileadmin/templates/images/contenu/drop-up.gif);
    overflow: hidden;
    font-size: 0;
    text-align: center;
}


#agenda .notes-label {
    margin-bottom: 0;
    padding: 2px 0;
    font-size: 1.2em;
    line-height: 1.75;
    color: #000;
}

#agenda #notes-content {
    display: block;
}

#agenda .notes-content {
    margin-top: 4px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

    #agenda .notes-content ol {
        padding-left: 20px;
    }

        #agenda .notes-content ol li {
            position: relative;
            margin-bottom: 16px;
            z-index: 0;
        }

            #agenda .notes-content ol li:before {
                position: absolute;
                top: 0;
                left: -25px;
                display: block;
                width: 20px;
                height: 20px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background: #fff;
                content: "";
                font-family: 'pt-sans-bold';
                z-index: -1;
            }

/* Page-promo-recessement 2016 -- retirer à la fin */
#page-promo-recensement {
    background-color: #179cab;
    font-family: 'Oswald', sans-serif;
}

    #page-promo-recensement h3 {
        color: #fff;
    }

    #page-promo-recensement iframe {
        margin-bottom: 60px;
        width: 100%;
    }

    #page-promo-recensement p {
        margin: 0px;
    }

    #page-promo-recensement ul {
        margin: 12px 0 0 20px;
    }

        #page-promo-recensement ul li {
            list-style-type: none;
            margin: 0px;
            background: none;
            padding: 0px;
            list-style-image: url("/_layouts/PortailMapaq/Images/recensement/puce.jpg");
            margin-bottom: 6px;
            font-size: 17px;
            font-size: 1.7rem;
            line-height: 19px;
            line-height: 1.9rem;
        }

    #page-promo-recensement strong {
        font-weight: 700;
    }

    #page-promo-recensement .header {
        background: url("/_layouts/PortailMapaq/Images/recensement/img_header.png") no-repeat left center;
        background-size: cover;
        height: 425px;
        padding-top: 6px;
    }

@media (min-width: 1024px) {
    #page-promo-recensement .header {
        height: 525px;
    }
}

@media (min-width: 1500px) {
    #page-promo-recensement .header {
        height: 625px;
    }
}

@media (min-width: 2000px) {
    #page-promo-recensement .header {
        height: 775px;
    }
}

@media (min-width: 2400px) {
    #page-promo-recensement .header {
        height: 825px;
    }
}

#page-promo-recensement .header .logo-container {
    position: absolute;
    top: 65px;
    left: 10px;
}

@media (min-width: 767px) {
    #page-promo-recensement .header .logo-container {
        left: 0;
    }
}

@media (min-width: 1024px) {
    #page-promo-recensement .header .logo-container {
        left: inherit;
        right: 0;
    }
}

#page-promo-recensement .header .logo-container img {
    margin-bottom: 8px;
}

#page-promo-recensement .header .logo-container .logo-text-container {
    border: 2px solid #fff;
    padding: 5px 24px;
    width: 238px;
}

    #page-promo-recensement .header .logo-container .logo-text-container .logo-text {
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 15px;
        line-height: 1.5rem;
    }

#page-promo-recensement .header nav {
    background-color: #fff;
    height: 35px;
    width: 100%;
}

    #page-promo-recensement .header nav > .wrapper {
        margin: 0 auto;
        padding: 0 20px;
        width: 100%;
    }

@media (min-width: 767px) {
    #page-promo-recensement .header nav > .wrapper {
        width: 800px;
        padding: 0;
    }
}

#page-promo-recensement .header nav ul {
    margin: 0;
    padding-top: 8px;
}

    #page-promo-recensement .header nav ul:after {
        content: "";
        display: table;
        clear: both;
    }

    #page-promo-recensement .header nav ul .left-nav:after,
    #page-promo-recensement .header nav ul .right-nav:after {
        content: "";
        display: table;
        clear: both;
    }

    #page-promo-recensement .header nav ul .left-nav {
        float: left;
    }

        #page-promo-recensement .header nav ul .left-nav li {
            list-style-image: none;
        }

            #page-promo-recensement .header nav ul .left-nav li:last-child {
                padding-left: 20px;
            }

        #page-promo-recensement .header nav ul .left-nav a {
            font-weight: 400;
        }

    #page-promo-recensement .header nav ul .right-nav {
        float: right;
    }

        #page-promo-recensement .header nav ul .right-nav li {
            list-style-image: url("/_layouts/PortailMapaq/Images/recensement/puce2.jpg");
        }

    #page-promo-recensement .header nav ul .left-nav li:first-child {
        margin-right: 15px;
    }

    #page-promo-recensement .header nav ul .right-nav a {
        font-weight: 700;
    }

    #page-promo-recensement .header nav ul li {
        float: left;
    }

        #page-promo-recensement .header nav ul li a {
            color: #179cab;
            text-decoration: none;
            font-size: 14px;
            font-size: 1.4rem;
        }

#page-promo-recensement .header > .wrapper {
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}

@media (min-width: 767px) {
    #page-promo-recensement .header > .wrapper {
        width: 520px;
        padding: 0;
    }
}

#page-promo-recensement .section .wrapper {
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
}

@media (min-width: 767px) {
    #page-promo-recensement .section .wrapper {
        width: 520px;
        padding: 0;
    }
}

#page-promo-recensement .section.section2 {
    margin-top: -30px;
    padding: 50px 0;
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);
    z-index: 11000;
}

    #page-promo-recensement .section.section2 .wrapper {
        -webkit-transform: skewY(2deg);
        transform: skewY(2deg);
    }

#page-promo-recensement .section.section3 {
    padding: 140px 0 160px 0;
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);
    z-index: 10000;
}

    #page-promo-recensement .section.section3 .wrapper {
        margin-top: -35px;
        -webkit-transform: skewY(2deg);
        transform: skewY(2deg);
    }

#page-promo-recensement .section.section4 {
    background: #fff url("/_layouts/PortailMapaq/Images/recensement/background-pourquoi.jpg") no-repeat center center;
    background-size: cover;
    height: 226px;
    position: relative;
    margin-top: -90px;
    -webkit-transform: skewY(2deg);
    transform: skewY(2deg);
    z-index: 9000;
}

    #page-promo-recensement .section.section4 .wrapper {
        padding: 50px 0;
        -webkit-transform: skewY(-2deg);
        transform: skewY(-2deg);
    }

        #page-promo-recensement .section.section4 .wrapper .img-container {
            margin-bottom: 25px;
            text-align: center;
        }

    #page-promo-recensement .section.section4 .filter {
        background-color: #179cab;
        opacity: 0.8;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

#page-promo-recensement .section.section5 {
    padding: 100px 0;
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);
}

    #page-promo-recensement .section.section5 .wrapper {
        -webkit-transform: skewY(2deg);
        transform: skewY(2deg);
    }

#page-promo-recensement .section.section6 {
    background-color: #fff;
    padding: 0 0 150px 0;
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);
}

    #page-promo-recensement .section.section6 .wrapper {
        -webkit-transform: skewY(2deg);
        transform: skewY(2deg);
    }

        #page-promo-recensement .section.section6 .wrapper .document-container:after {
            content: "";
            display: table;
            clear: both;
        }

        #page-promo-recensement .section.section6 .wrapper .document-container .left {
            width: 100%;
            margin-bottom: 20px;
        }

@media (min-width: 767px) {
    #page-promo-recensement .section.section6 .wrapper .document-container .left {
        float: left;
        margin-right: 25px;
        margin-bottom: 0;
        width: 245px;
    }
}

#page-promo-recensement .section.section6 .wrapper .document-container .left img {
    margin-top: -20px;
}

#page-promo-recensement .section.section6 .wrapper .document-container .right {
    width: 100%;
}

@media (min-width: 767px) {
    #page-promo-recensement .section.section6 .wrapper .document-container .right {
        float: right;
        margin-top: 45px;
        width: 245px;
    }
}

#page-promo-recensement .section.section6 .wrapper .document-container .right .img-container {
    margin-bottom: 20px;
}

#page-promo-recensement .section.section6 .wrapper .document-container .right .title {
    font-weight: 400;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
}

#page-promo-recensement .section.section6 .wrapper .document-container .right p {
    font-weight: 300;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
}

#page-promo-recensement .section.section7 {
    background: #fff url("/_layouts/PortailMapaq/Images/recensement/background-comment.jpg") no-repeat center center;
    background-size: cover;
    margin-top: -90px;
    -webkit-transform: skewY(2deg);
    transform: skewY(2deg);
    height: 226px;
    position: relative;
}

    #page-promo-recensement .section.section7 .wrapper {
        padding: 50px 0;
        -webkit-transform: skewY(-2deg);
        transform: skewY(-2deg);
    }

        #page-promo-recensement .section.section7 .wrapper .img-container {
            margin-bottom: 25px;
            text-align: center;
        }

#page-promo-recensement .section.section8 {
    margin-top: -5px;
    padding: 100px 0 200px 0;
    -webkit-transform: skewY(2deg);
    transform: skewY(2deg);
}

    #page-promo-recensement .section.section8 .wrapper {
        -webkit-transform: skewY(-2deg);
        transform: skewY(-2deg);
    }

#page-promo-recensement .section.section9 {
    margin-top: -100px;
    padding: 100px 0 200px 0;
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);
}

    #page-promo-recensement .section.section9 .wrapper {
        -webkit-transform: skewY(2deg);
        transform: skewY(2deg);
    }

    #page-promo-recensement .section.section9 .img-container {
        margin-bottom: 2px;
    }

        #page-promo-recensement .section.section9 .img-container img {
            display: block;
            margin: 0 auto;
            width: 70px;
        }

    #page-promo-recensement .section.section9 .text-container a {
        text-decoration: none;
    }

    #page-promo-recensement .section.section9 .text-container .first {
        background: url("/_layouts/PortailMapaq/Images/recensement/puce2.jpg") no-repeat left top;
        font-weight: 300;
        margin-bottom: 10px;
        padding: 0 0 0 25px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 14px;
        line-height: 1.4rem;
    }

    #page-promo-recensement .section.section9 .text-container .second {
        font-weight: 700;
        text-transform: uppercase;
        font-size: 46px;
        font-size: 4.6rem;
        letter-spacing: 2px;
        letter-spacing: 0.2rem;
    }

#page-promo-recensement .section.section10 {
    background: url("/_layouts/PortailMapaq/Images/recensement/logo-twitter.jpg") repeat left top;
    margin-top: -100px;
    padding: 100px 0 200px 0;
    -webkit-transform: skewY(2deg);
    transform: skewY(2deg);
}

    #page-promo-recensement .section.section10 .wrapper {
        -webkit-transform: skewY(-2deg);
        transform: skewY(-2deg);
    }

        #page-promo-recensement .section.section10 .wrapper .left p:first-child {
            font-weight: 300;
            text-transform: uppercase;
        }

#page-promo-recensement .section.section11 {
    margin-top: -100px;
    -webkit-transform: skewY(-2deg);
    transform: skewY(-2deg);
}

    #page-promo-recensement .section.section11 img {
        width: 100%;
    }

#page-promo-recensement .section.section12 {
    margin-top: -115px;
    padding: 50px 0;
    -webkit-transform: skewY(2deg);
    transform: skewY(2deg);
}

    #page-promo-recensement .section.section12 .wrapper {
        -webkit-transform: skewY(-2deg);
        transform: skewY(-2deg);
    }

        #page-promo-recensement .section.section12 .wrapper .title {
            font-weight: 300;
            margin-bottom: 30px;
            text-transform: uppercase;
            font-size: 52px;
            font-size: 5.2rem;
        }

        #page-promo-recensement .section.section12 .wrapper p.first {
            font-weight: 300;
            margin-bottom: 10px;
            font-size: 16px;
            font-size: 1.6rem;
        }

        #page-promo-recensement .section.section12 .wrapper p.second {
            background: url("/_layouts/PortailMapaq/Images/recensement/puce4.jpg") no-repeat left center;
            font-weight: 300;
            padding: 0 0 0 25px;
            font-size: 16px;
            font-size: 1.6rem;
        }

            #page-promo-recensement .section.section12 .wrapper p.second a {
                text-decoration: none;
            }

#page-promo-recensement footer {
    margin-top: -100px;
    padding: 100px 0 25px 0;
}

    #page-promo-recensement footer .wrapper {
        margin: 0 auto;
        padding: 0 20px;
        width: 100%;
    }

@media (min-width: 767px) {
    #page-promo-recensement footer .wrapper {
        width: 520px;
        padding: 0;
    }
}

#page-promo-recensement footer .wrapper .footer-container {
    border-bottom: 2px solid #a4c341;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

#page-promo-recensement footer .wrapper .logo-container:after {
    content: "";
    display: table;
    clear: both;
}

#page-promo-recensement footer .wrapper .logo-container .logo-wrapper {
    float: right;
}

    #page-promo-recensement footer .wrapper .logo-container .logo-wrapper img {
        margin-right: 20px;
    }

        #page-promo-recensement footer .wrapper .logo-container .logo-wrapper img:last-child {
            margin-right: 0;
        }

#page-promo-recensement footer .wrapper a {
    text-decoration: none;
}

#page-promo-recensement footer .wrapper ul li {
    font-weight: 300;
    font-size: 16px;
    font-size: 1.6rem;
}

    #page-promo-recensement footer .wrapper ul li:first-child {
        list-style-image: url("/_layouts/PortailMapaq/Images/recensement/puce3.jpg");
    }

    #page-promo-recensement footer .wrapper ul li:last-child {
        list-style-image: url("/_layouts/PortailMapaq/Images/recensement/puce4.jpg");
    }

#page-promo-recensement .background.blue {
    background-color: #179cab;
}

#page-promo-recensement .background.white {
    background-color: #fff;
}

#page-promo-recensement .background.green {
    background-color: #a4c341;
}

#page-promo-recensement .background.grey {
    background-color: #4d5350;
}

#page-promo-recensement .blue {
    color: #179cab;
}

#page-promo-recensement .grey {
    color: #4d5350;
}

#page-promo-recensement .white {
    color: #fff;
}

#page-promo-recensement .green {
    color: #a4c341;
}

#page-promo-recensement .sentence {
    color: #fff;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
}

    #page-promo-recensement .sentence .first-part {
        display: inline-block;
        font-weight: 700;
        font-size: 42px;
        font-size: 4.2rem;
    }

    #page-promo-recensement .sentence .second-part {
        font-size: 23px;
        font-size: 2.3rem;
    }

#page-promo-recensement .arrow-down {
    display: block;
    height: 40px;
    margin: 0 auto 25px auto;
    width: 44px;
}

#page-promo-recensement .box-container {
    width: 100%;
}

    #page-promo-recensement .box-container:after {
        content: "";
        display: table;
        clear: both;
    }

    #page-promo-recensement .box-container .box {
        border-bottom: 2px solid #a4c341;
        margin-bottom: 20px;
        padding: 27px 10px;
        width: 100%;
    }

        #page-promo-recensement .box-container .box:last-child {
            border: none;
        }

@media (min-width: 767px) {
    #page-promo-recensement .box-container .box {
        float: left;
        width: 32%;
        border-bottom: none;
        border-right: 2px solid #a4c341;
    }

        #page-promo-recensement .box-container .box:last-child {
            border: none;
        }
}

@media (min-width: 767px) {
    .box-container .box.box-center {
        margin: 0 2%;
    }
}

#page-promo-recensement .box-container .box .box-number {
    border: 2px solid #179cab;
    display: block;
    margin: 0 auto 25px auto;
    text-align: center;
    width: 22px;
    font-size: 12px;
    font-size: 1.2rem;
}

#page-promo-recensement .box-container .box .box-sentence {
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 23px;
    line-height: 2.3rem;
}

#page-promo-recensement .box-container .box:nth-child(1) {
    padding: 27px 18px;
}

    #page-promo-recensement .box-container .box:nth-child(1) .box-number {
        padding: 3px 8px;
    }

#page-promo-recensement .box-container .box:nth-child(2) {
    padding: 27px 7px;
}

    #page-promo-recensement .box-container .box:nth-child(2) .box-number {
        padding: 3px 6px;
    }

#page-promo-recensement .box-container .box:nth-child(3) .box-number {
    padding: 3px 5px;
    width: 23px;
}

#page-promo-recensement .col-container:after {
    content: "";
    display: table;
    clear: both;
}

#page-promo-recensement .col-container .left {
    border: 1px solid #fff;
    padding: 22px 13px 24px 13px;
    margin-bottom: 20px;
    width: 100%;
}

@media (min-width: 767px) {
    #page-promo-recensement .col-container .left {
        float: left;
        margin-bottom: 0;
        width: 31.6504854368932%;
    }
}

#page-promo-recensement .col-container .left .with-guillemet {
    font-weight: 300;
    text-align: center;
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 24px;
    line-height: 2.4rem;
}

    #page-promo-recensement .col-container .left .with-guillemet:before {
        content: '\201c';
    }

    #page-promo-recensement .col-container .left .with-guillemet:after {
        content: '\201d';
        height: 16px;
        padding-top: 17px;
    }

    #page-promo-recensement .col-container .left .with-guillemet:before, #page-promo-recensement .col-container .left .with-guillemet:after {
        color: #a4c341;
        display: block;
        margin: 0 auto;
        width: 10px;
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 25px;
        line-height: 2.5rem;
    }

#page-promo-recensement .col-container .right {
    font-weight: 300;
    width: 100%;
}

@media (min-width: 767px) {
    #page-promo-recensement .col-container .right {
        float: right;
        margin-left: 6.79611650485437%;
        width: 61.55339805825243%;
    }
}

#page-promo-recensement .col-container .right .top {
    margin-bottom: 30px;
}

    #page-promo-recensement .col-container .right .top p {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 19px;
        line-height: 1.9rem;
    }

#page-promo-recensement .col-container .right .bottom .title {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 20px;
    font-size: 2rem;
}

#page-promo-recensement .col-container .right .bottom p {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 19px;
    line-height: 1.9rem;
}

    #page-promo-recensement .col-container .right .bottom p:last-child {
        margin-bottom: 0;
    }

#page-promo-recensement .col-container.second-version .left {
    border-color: #a4c341;
    padding: 14px;
}

    #page-promo-recensement .col-container.second-version .left p:first-child {
        margin-bottom: 13px;
        text-align: center;
        font-size: 11px;
        font-size: 1.1rem;
    }

        #page-promo-recensement .col-container.second-version .left p:first-child strong {
            font-size: 15px;
            font-size: 1.5rem;
        }

    #page-promo-recensement .col-container.second-version .left p:last-child {
        font-weight: 300;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
    }

#page-promo-recensement .col-container.second-version .right .top h3.title {
    font-weight: 300;
    font-size: 42px;
    font-size: 4.2rem;
}

    #page-promo-recensement .col-container.second-version .right .top h3.title .first-part-title,
    #page-promo-recensement .col-container.second-version .right .top h3.title .second-part-title {
        display: inline-block;
        text-transform: uppercase;
    }

#page-promo-recensement .col-container.second-version .right .bottom .block {
    margin-bottom: 25px;
}

    #page-promo-recensement .col-container.second-version .right .bottom .block:last-child {
        margin-bottom: 0;
    }

#page-promo-recensement .col-container.second-version .right .bottom p {
    font-weight: 400;
    margin-bottom: 7px;
}

    #page-promo-recensement .col-container.second-version .right .bottom p:last-child {
        font-weight: 300;
        margin-bottom: 0;
    }

#page-promo-recensement .col-container.second-version .number {
    margin-bottom: 3px;
    text-align: center;
    font-size: 130px;
    font-size: 13rem;
}

#page-promo-recensement .col-container.second-version .line-clock-container {
    width: 100%;
}

    #page-promo-recensement .col-container.second-version .line-clock-container:after {
        content: "";
        display: table;
        clear: both;
    }

    #page-promo-recensement .col-container.second-version .line-clock-container .line {
        border-top: 1px solid #a4c341;
        height: 1px;
        width: 31.81818181818182%;
        margin-top: 10px;
    }

    #page-promo-recensement .col-container.second-version .line-clock-container .clock {
        background: url("/_layouts/PortailMapaq/Images/recensement/clock.png") no-repeat center center;
        height: 22px;
        margin: 0 9.84848484848485%;
        width: 16.66666666666667%;
    }

    #page-promo-recensement .col-container.second-version .line-clock-container .line,
    #page-promo-recensement .col-container.second-version .line-clock-container .clock {
        float: left;
    }

#page-promo-recensement .col-container.third-version .left {
    border: none;
    padding: 0;
}

    #page-promo-recensement .col-container.third-version .left p:first-child {
        font-size: 52px;
        font-size: 5.2rem;
    }

    #page-promo-recensement .col-container.third-version .left p:last-child {
        font-weight: 300;
        font-size: 20px;
        font-size: 2rem;
    }

#page-promo-recensement em {
    font-style: italic;
}

#page-promo-recensement .FAQ-promo {
    margin-bottom: 100px !important;
    line-height: 1.4;
}

    #page-promo-recensement .FAQ-promo ul li {
        list-style-image: none;
    }

    #page-promo-recensement .FAQ-promo strong {
        font-weight: 400;
    }

    #page-promo-recensement .FAQ-promo p {
        font-size: 1.4rem;
        font-weight: 300;
    }

    #page-promo-recensement .FAQ-promo a {
        color: #A4C341;
        text-decoration: none;
    }

    #page-promo-recensement .FAQ-promo .text-accordeon-promo {
        margin: 1rem 0;
        color: #fff;
    }

    #page-promo-recensement .FAQ-promo .accordeon-promo {
        margin: 0;
    }

    #page-promo-recensement .FAQ-promo .accordeon-promo_item {
        margin-bottom: 0.5rem;
    }

    #page-promo-recensement .FAQ-promo .active > .accordeon-promo_title:after {
        content: '-';
    }

    #page-promo-recensement .FAQ-promo .accordeon-promo_title {
        cursor: pointer;
        padding: 0.8rem;
        color: #A4C341;
        border-bottom: 1px solid #A4C341;
        line-height: 1.4;
    }

        #page-promo-recensement .FAQ-promo .accordeon-promo_title:after {
            float: right;
            content: '+';
            font-size: 3rem;
            font-weight: 300;
            margin-top: -15px;
        }

    #page-promo-recensement .FAQ-promo .accordeon-promo_item:nth-last-child(2) .accordeon-promo_title:after {
        margin-top: -25px !important;
    }

    #page-promo-recensement .FAQ-promo .accordeon-promo_content {
        padding: 0.8rem;
    }


/* Liste filtrée des événements */
.FiltrerEvenements {
    margin: 30px 0px 25px 0px;
}

    .FiltrerEvenements select {
        margin: 0 10px 0 5px;
        Font-size: 12px;
    }


img.LienCalendrierICS {
    vertical-align: middle;
}

/* Page Évenement */
#ctl00_ctl00_ContenuSubMasterPage_ZoneContenu_btAjoutCalendrier {
    position: relative;
    left: 5px;
    top: 2px;
}


/* Depenses du ministere */

#DepenseMinistere {
    margin: 16px 0;
    float: left;
}

    #DepenseMinistere.mainContent {
        max-width: 750px;
        margin: 0 0 0 10px;
    }

        #DepenseMinistere.mainContent .mainTitle {
            position: relative;
            padding: 8px;
        }

            #DepenseMinistere.mainContent .mainTitle h2 {
                margin-bottom: 0;
            }

                #DepenseMinistere.mainContent .mainTitle h2 strong {
                    display: block;
                }

/* Liste coordonnées*/
#listeCoordonnees {
    margin: 16px 0;
    float: left;
}


.CoordonneeItem {
    margin-bottom: 25px;
}

    .CoordonneeItem h2 {
        margin-bottom: 2px;
    }

/* Icon SVG - Condamnations */
.svg-condamnations {
    width: 560px;
    background: #fff;
}

    .svg-condamnations div {
        float: left;
        position: relative;
        width: 184px;
        height: 275px;
        margin-right: 2px;
        text-align: center;
    }

        .svg-condamnations div span, .svg-condamnations div p {
            font-family: arial, helvetica, clean, sans-serif !important;
            display: inline-block;
        }

        .svg-condamnations div span {
            font-size: 15px;
            text-decoration: underline;
            padding-top: 15px;
            width: 150px;
            color: #677000;
        }

    .svg-condamnations a:hover div span {
        color: #095da6;
    }

    .svg-condamnations div p {
        position: absolute;
        font-size: 12px;
        width: 160px;
        top: 205px;
        left: 10px;
        color: #000;
    }

    .svg-condamnations div:last-child() {
        margin-right: 0px;
    }

    .svg-condamnations div svg {
        width: 100%;
    }

        .svg-condamnations div svg > * {
            -webkit-animation-play-state: paused;
            animation-play-state: paused;
        }

    .svg-condamnations a:hover svg > * {
        -webkit-animation-play-state: running;
        animation-play-state: running;
    }

.svg-map-condamnations {
    background: #ddd;
}

    .svg-map-condamnations svg {
        margin-top: 20px;
        overflow: visible;
    }

.svg-form-condamnations {
    background: #eee;
}

    .svg-form-condamnations svg {
        margin-top: 30px;
        overflow: visible;
    }

.svg-mobile-condamnations {
    background: #fafafa;
}

    .svg-mobile-condamnations svg {
        margin-top: 30px;
        overflow: visible;
    }

.svg-form-condamnations #loupe {
    -webkit-animation-name: loupe-animation;
    -webkit-animation-duration: 3500ms;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50% 0;
    animation-name: loupe-animation;
    animation-duration: 3500ms;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 50% 50% 0;
}

@-webkit-keyframes loupe-animation {
    0% {
        -webkit-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, 0%);
        -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    20% {
        -webkit-transform: translate(15px, 30px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    46.67% {
        -webkit-transform: translate(-11px, 41px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    73.33% {
        -webkit-transform: translate(-27px, 14px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, -50%);
        -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    100% {
        -webkit-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, 0%);
    }
}

@keyframes loupe-animation {
    0% {
        transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, 0%);
        animation-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    20% {
        transform: translate(15px, 30px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, -50%);
        animation-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    46.67% {
        transform: translate(-11px, 41px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, -50%);
        animation-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    73.33% {
        transform: translate(-27px, 14px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, -50%);
        animation-timing-function: cubic-bezier(.25,.25,.75,.75);
    }

    100% {
        transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, 0%);
        animation-timing-function: cubic-bezier(.25,.25,.75,.75);
    }
}

.svg-mobile-condamnations #ecran {
    -webkit-animation-name: ecran-animation;
    -webkit-animation-duration: 1700ms;
    -webkit-animation-delay: 0ms;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 0 0;
    animation-name: ecran-animation;
    animation-duration: 1700ms;
    animation-delay: 0ms;
    animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    transform-origin: 0 0;
}

@-webkit-keyframes ecran-animation {
    0% {
        -webkit-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, 0%);
    }

    50% {
        -webkit-transform: translate(0px,20px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, -50%);
    }

    100% {
        -webkit-transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, 0%);
    }
}

@keyframes ecran-animation {
    0% {
        transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%,0%);
    }

    50% {
        transform: translate(0px, 20px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, -50%);
    }

    100% {
        transform: translate(0px, 0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(0%, 0%);
    }
}

.svg-map-condamnations #marque-restaurant {
    -webkit-animation-name: marque-animation;
    animation-name: marque-animation;
    -webkit-animation-duration: 1.15s;
    animation-duration: 1.15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.svg-map-condamnations #marque-veterinaire {
    -webkit-animation-name: marque-animation;
    animation-name: marque-animation;
    -webkit-animation-duration: 1.15s;
    animation-duration: 1.15s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes marque-animation {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
    }
}

@keyframes marque-animation {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }

    60% {
        transform: translateY(-5px);
    }
}

/* Ajouter <div class="resultat-locations"> qui englobe les résultats  */
.resultat-locations {
    overflow: scroll;
    position: relative;
    float: left;
    height: 250px;
    width: 100%;
}
/* Ajout CSS */
.location-search {
    margin-bottom: 20px;
}

img.adp-marker {
    padding: 10px !important;
}

.location-search input[type="text"] {
    font-size: 12px;
    margin: 5px 0 15px 0;
    padding: 5px;
}

.storelocator-filter .feature-filter input[type="checkbox"] {
    vertical-align: middle;
    margin-right: 5px;
}

.direction-panel {
    margin-top: 20px;
}

    .direction-panel input[type="text"] {
        padding: 5px;
        display: block;
    }

    .direction-panel input[type="submit"] {
        margin-top: 10px;
        float: left;
        display: block;
    }

    .direction-panel .close-direction {
        display: inline-block;
        margin: 10px 0 0 15px;
    }


/* Ajustement Rétroaction */
#retroaction_consigneOui {
    margin-top: 20px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    background: rgba(0, 204, 0, 0.4) !important;
    color: #000;
}

#RetroChoixNonOuPartiel {
    margin-top: 20px;
}

/* Gabarit Liste des formateurs */
#ListeFormateurs {
    margin: 16px 0;
    float: left;
}

    #ListeFormateurs.mainContent {
        max-width: 740px;
        margin: 0 0 0 20px;
    }

    #ListeFormateurs #resultatsformateurs {
        font-size: 14px;
        margin-top: 20px;
    }

    #ListeFormateurs #listFormateursDiv ul li {
        background: none;
    }

    #ListeFormateurs #listFormateursDiv select {
        font-size: 10pt;
    }

    #ListeFormateurs #listFormateursDiv .listesemantique {
        margin-top: -20px;
        margin-left: 0;
    }

    #ListeFormateurs #listFormateursDiv #controlesTris .sort {
        display: inline-block;
        margin: 5px 0 7px 0;
        padding: 5px 5px 5px 10px;
        color: #677000;
    }

        #ListeFormateurs #listFormateursDiv #controlesTris .sort:first-child {
            padding-left: 0;
        }

    #ListeFormateurs #controlesFiltres {
        margin-bottom: 10px;
    }

        #ListeFormateurs #controlesFiltres .champFormationEnligne input[type="checkbox"] {
            margin-right: 7px;
            vertical-align: text-top;
        }

    #ListeFormateurs #listFormateursDiv .paginationTop,
    #ListeFormateurs #listFormateursDiv #controlesTris {
        margin: 0;
    }

        #ListeFormateurs #listFormateursDiv .paginationTop .active a {
            text-decoration: none;
        }

    #ListeFormateurs .ligneBoite {
        margin-bottom: 20px;
    }

    #ListeFormateurs .formateurItem {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
    }

    #ListeFormateurs .boiteFormateur {
        width: 738px;
        border: 1px solid #d5e5ba;
        background: #fff;
        float: left;
        clear: left;
        margin-bottom: 20px;
    }

        #ListeFormateurs .boiteFormateur a,
        #ListeFormateurs .boiteFormateur a:link,
        #ListeFormateurs .boiteFormateur a:visited {
            color: #095da6;
        }

        #ListeFormateurs .boiteFormateur .entete h1 {
            font-size: 18px;
            font-weight: 500;
            line-height: 22px;
            color: #000;
            margin: 0;
        }

    #ListeFormateurs .clearBoite:before,
    #ListeFormateurs .clearBoite:after {
        content: "";
        display: table;
    }

    #ListeFormateurs .clearBoite:after {
        clear: both;
    }

    #ListeFormateurs .clearBoite {
        zoom: 1; /* For IE 6/7 (trigger hasLayout) */
    }

    #ListeFormateurs .boiteFormateur .hautBoite,
    #ListeFormateurs .boiteFormateur .basBoite {
        padding: 10px;
    }

    #ListeFormateurs .boiteFormateur .hautBoite {
        background-color: #e4eed3;
    }

    #ListeFormateurs .boiteFormateur .basBoite {
        background-color: #ecf3e1;
    }

        #ListeFormateurs .boiteFormateur .basBoite ul li {
            background-image: url(/_layouts/PortailMapaq/Images/sous-puce_bleue.png) !important;
            background-repeat: no-repeat !important;
            background-position: left 7px !important;
        }

    #ListeFormateurs .corpgauche,
    #ListeFormateurs .corpdroite {
        margin-top: 10px;
    }

    #ListeFormateurs .corpgauche {
        float: left;
        font-family: arial, helvetica, clean, sans-serif;
        font-size: 12px;
    }

    #ListeFormateurs .corpdroite {
        float: right;
        text-align: right;
    }

.contenu {
    clear: both;
}

#ListeFormateurs .paginationBottom, .paginationTop {
    float: right;
}

    #ListeFormateurs .paginationBottom li, .paginationTop li {
        display: inline-block;
        padding: 5px;
    }

#ListeFormateurs .DateTriable, .IndicateurOffertEnLigne {
    display: none;
}

#ListeFormateurs .DateDerniereMiseAjour {
    float: right;
    font-size: smaller;
}

#ListeFormateurs .label {
    font-weight: bold;
}

#ListeFormateurs .sort {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

#ListeFormateurs .champFormationEnligne {
    float: left;
    margin-left: 30px;
    border-left: thin solid #0072bc;
    padding-left: 30px;
}

    #ListeFormateurs .champFormationEnligne label {
        color: #000;
        font-weight: normal;
    }

#resultatFormateur {
	background-color: #fff;
    width: 740px;
}

#listFormateursDiv .sticky .page-navigation {
	margin-right: -10px!important;
}

#entete h1 {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    color: #000;
    background-image: none;
    margin: 0;
}
/* fin gabarit formateurs */

/* Gabarit Liste des besoins */
#ListeBesoinsClientele {
    margin: 16px 0;
    float: left;
}

    #ListeBesoinsClientele.mainContent {
        max-width: 740px;
        margin: 0 0 0 20px;
    }

    #ListeBesoinsClientele #resultatsBesoinsClientele {
        font-size: 14px;
        margin-top: 20px;
    }

    #ListeBesoinsClientele #listBesoinsClienteleDiv ul li {
        background: none;
    }

    #ListeBesoinsClientele #listBesoinsClienteleDiv select {
        font-size: 10pt;
    }

    #ListeBesoinsClientele #listBesoinsClienteleDiv .listesemantique {
        margin-top: -20px;
        margin-left: 0;
    }

    #ListeBesoinsClientele #listBesoinsClienteleDiv #controlesTris .sort {
        display: inline-block;
        margin: 5px 0 7px 0;
        padding: 5px 5px 5px 10px;
        color: #677000;
    }

        #ListeBesoinsClientele #listBesoinsClienteleDiv #controlesTris .sort:first-child {
            padding-left: 0;
        }

    #ListeBesoinsClientele #controlesFiltres {
        margin-bottom: 10px;
    }



    #ListeBesoinsClientele #listBesoinsClienteleDiv .paginationTop,
    #ListeBesoinsClientele #listBesoinsClienteleDiv #controlesTris {
        margin: 0;
    }

        #ListeBesoinsClientele #listBesoinsClienteleDiv .paginationTop .active a {
            text-decoration: none;
        }

    #ListeBesoinsClientele .ligneBoite {
        margin-bottom: 20px;
    }

    #ListeBesoinsClientele .BesoinsClienteleItem {
        display: inline;
        list-style-type: none;
        padding-right: 20px;
    }

    #ListeBesoinsClientele .boiteBesoinsClientele {
        width: 738px;
        border: 1px solid #d5e5ba;
        background: #fff;
        float: left;
        clear: left;
        margin-bottom: 20px;
    }

        #ListeBesoinsClientele .boiteBesoinsClientele a,
        #ListeBesoinsClientele .boiteBesoinsClientele a:link,
        #ListeBesoinsClientele .boiteBesoinsClientele a:visited {
            color: #095da6;
        }

        #ListeBesoinsClientele .boiteBesoinsClientele .entete h1 {
            font-size: 18px;
            font-weight: 500;
            line-height: 22px;
            color: #000;
            margin: 0;
        }

    #ListeBesoinsClientele .clearBoite:before,
    #ListeBesoinsClientele .clearBoite:after {
        content: "";
        display: table;
    }

    #ListeBesoinsClientele .clearBoite:after {
        clear: both;
    }

    #ListeBesoinsClientele .clearBoite {
        zoom: 1; /* For IE 6/7 (trigger hasLayout) */
    }

    #ListeBesoinsClientele .boiteBesoinsClientele .hautBoite,
    #ListeBesoinsClientele .boiteBesoinsClientele .basBoite {
        padding: 10px;
    }

    #ListeBesoinsClientele .boiteBesoinsClientele .hautBoite {
        background-color: #e4eed3;
    }

    #ListeBesoinsClientele .boiteBesoinsClientele .basBoite {
        background-color: #ecf3e1;
        font-family: arial, helvetica, clean, sans-serif;
        font-size: smaller;
    }

        #ListeBesoinsClientele .boiteBesoinsClientele .basBoite ul li {
            background-image: url(/_layouts/PortailMapaq/Images/sous-puce_bleue.png) !important;
            background-repeat: no-repeat !important;
            background-position: left 7px !important;
        }

    #ListeBesoinsClientele .corpgauche,
    #ListeBesoinsClientele .corpdroite {
        margin-top: 10px;
    }

    #ListeBesoinsClientele .corpgauche {
        float: left;
        font-family: arial, helvetica, clean, sans-serif;
        font-size: 12px;
    }

    #ListeBesoinsClientele .corpdroite {
        float: right;
        text-align: right;
    }

    #ListeBesoinsClientele .paginationBottom, .paginationTop {
        float: right;
    }

        #ListeBesoinsClientele .paginationBottom li, .paginationTop li {
            display: inline-block;
            padding: 5px;
        }

  
  #ListeBesoinsClientele .basboitegauche {
        float: left;
     
    }

    #ListeBesoinsClientele .basboitedroite {
        float: right;
    }

    #ListeBesoinsClientele .label {
        font-weight: bold;
    }

    #ListeBesoinsClientele .sort {
        color: blue;
        text-decoration: underline;
        cursor: pointer;
    }

    #resultatBesoin {
	background-color: #fff;
    width: 740px;
    }

    #listBesoinsClienteleDiv .sticky .page-navigation {
	margin-right: -10px!important;
    }

   .hide {
    display: none;

    }


/* fin gabarit BesoinsClientele */