/* FONTS
 *
 *
    SERIF
     font-family: 'OfficinaSerifITCTTBold';
    font-family: 'OfficinaSerifITCBookOS';
    font-family: 'OfficinaSansITCBookItalOS';
    SANS
    font-family: 'OfficinaSansITCBold';
    font-family: 'OfficinaSansITCBook';
    font-family: 'OfficinaSansITCBoldOSOfficinaSansITCBook';
 * */


/** HACKS et PATCHES
 *
 * */
   /* ELASTIC VIDEO FX */
    .video-elastic {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .video-elastic iframe,
    .video-elastic object,
    .video-elastic embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /**/

    /* Mozilla based browsers */
    ::-moz-selection {
           background-color: #1b84a7;
           color: #fff;
    }

    /* Works in Safari */
    ::selection {
           background-color: #1b84a7;
           color: #fff;
    }

    /**/
        .col-reset{
            padding:0
        }
    /**/
        .n{
            display: none
        }

    /**/
        .overhidden{
        overflow: hidden
        }

    /**/


/* PALETTES
 *
 *
 *
 * */
    a.etpuis2012 {color: #321876}
    a.demain {color: #EED403}
    a.frenesie {color: #D44735}
    a.lienaj {color: #D8B431}
    a.etatsame {color: #698300}
    a.color-2015 {color: #1b84a7}
    a.color-2018 {color: #FF4343}
    a:hover.color-2018 {background-color: #FF4343;color: #fff}

    a:hover.etpuis2012 {background-color: #321876;color: #fff}
    a:hover.demain {background-color: #EED403;color: #000}
    a:hover.frenesie {background-color: #D44735;color: #fff}
    a:hover.lienaj {background-color: #D8B431;color: #fff}
    a:hover.etatsame {background-color: #698300;color: #fff}
    a:hover.color-2015 , a.color-2015.ACTIF {background-color: #1b84a7;color: #fff}


/** CLASSES
 *
 */

    body{
        font-family: "OfficinaSansITCBook", Arial, Helvetica, sans-serif;
    }


/**/
    .attached-image{
        border: 1px solid #ccc
    }
/**/
    a.attached-image-popup{
        display: block;
        margin: 2em 0;
    }
    a:hover.attached-image-popup .attached-image{
        border-color:#F14A52
    }
    a.attached-image-popup .legende{
        display:inline-block;
        margin-left:1em
    }

/**/

    .breadcrumb{
        color:#555;
        background: transparent;
        padding-left: 0
    }
    .breadcrumb a{
        color:#000;
        text-decoration: underline
    }



/**/
    .chronologie-browser {
        background:#ddd;
        padding:2em 0;
        font-family:  "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        color:#19262C
    }
    .chronologie-browser h1{
        font-size: 1.6em;
        font-weight: bold
    }
    .chronologie-browser h2{

    }
    .chronologie-browser a{
        color: #F14A52
    }
/**/
    .chronologie-table {
        margin: 2em 0;
        overflow: hidden
    }
    .chronologie-table td{
        padding:1em;
        vertical-align:top
    }
    .chronologie-table thead tr th{
        font-size: 1.4em;
        margin: 0;
        background: #374650;
        color: #95C4E8;
        padding:.625em 1em;
        font-weight: normal
    }
    .chronologie-table tr td{
        background: #fcfcfc;
        padding:2em 0 2em 2em;
    }
    .chronologie-table tr.odd td{
        background: #f0f0f0
    }
    .chronologie-table .titre{
        font-weight: bold;
        display: block;
    }
    .chronologie-table tr td.date{
    }
    .chronologie-table tr td .auteur{
        margin-bottom: .625em
    }
    .chronologie-table tr td .descriptif{
        font-size: .93em;
        margin: 1em 0;
        color: #555
    }

/**/

    .chronologie-navigation {
        margin: 2em 0;
        padding: 0
    }
    .chronologie-navigation li {
        display: inline-block;
    }
    .chronologie-navigation li a.active,
    .chronologie-navigation li a:hover{
        background-color: #374650;
        color: #95C4E8
    }
    .chronologie-navigation li a{
        border:1px solid #c6c6c6;
        color: #19262C;
        display:block;
        font-size:1.2em;
        margin: 0 1em 0 0;
        padding:.625em 1em ;
        font-weight: bold
    }

/**/

     .HOME-2015 .puce{
        background:#1b84a7;
        display:inline-block;
        height: 1.425em;
        width: 1.425em;
        margin: 0 .325em 0 0
    }
/**/
    .HOME-2015 .row-header h1{
        color: #222;
        display:inline-block;
        font-size: 1.425em;
        font-family: "OfficinaSerifITCBookOS", Georgia, "Times New Roman", Times, serif;
        margin: 0 0 .325em;
    }
    .HOME-2015 .row-header-descriptif{
        color: #222;
        font-size: 1.125em;
       margin:0 0 0 1.825em;
    }
    .HOME-2015 .row-header-descriptif p{
        margin: 0 0 3px
    }



/*  2015 / PANNEAU "A" */

    .HOME-2015-A .row-bg{
        background: url('medias/HOME-2015-A.jpg') center 0 repeat-x;
        min-height: 709px;
        height:auto !important;
        height: 709px;
    }

    .HOME-2015-A .row-contenu .row-article-1 a,
    .HOME-2015-A .row-contenu .row-article-2 a,
    .HOME-2015-A .row-contenu .row-article-3 a,
    .HOME-2015-A .row-contenu .row-article-4 a,
    .HOME-2015-A .row-contenu .row-article-5 a
    { color:#556D15 }
    .HOME-2015-A .row-contenu .row-article-1 a:hover,
    .HOME-2015-A .row-contenu .row-article-2 a:hover,
    .HOME-2015-A .row-contenu .row-article-3 a:hover,
    .HOME-2015-A .row-contenu .row-article-4 a:hover{ color:#222 }


    .HOME-2015-A .row-contenu h2{
        font-size: 1.23em;
        margin: 0;
        font-family: 'OfficinaSansITCBold';
        line-height: 1.425em
    }
    .HOME-2015-A .row-contenu h5{
        color:#333;
        font-size: 1em;
        font-family: 'OfficinaSansITCBookItalOS';
        display: inline-block;
        margin-right: .625em;
        margin-top: 0
    }
    .HOME-2015-A .row-contenu h6{
        color:#555;
        display: inline-block;
        font-size: 1em;
        margin-top: 0
    }




/*  2015 / PANNEAU "B" */

    .HOME-2015-B .row-bg{
        background: url('medias/HOME-2015-B.jpg') center 0 no-repeat;
        min-height: 627px;
        height:auto !important;
        height: 627px;
        position: relative
    }
    .HOME-2015-B .row-contenu .article-row a {
        color:#1B84A7;
    }
    .HOME-2015-B .row-contenu .article-row a h2{
        font-size: 1.625em;
        line-height: 1.425em;
    }
    .HOME-2015-B .row-contenu .article-row a:hover {
        color: #111;
        text-decoration: none
    }
    .HOME-2015-B .row-contenu .article-row h6 ,
    .HOME-2015-B .row-contenu .article-row h5
    {
        display:inline-block;
        margin-top:0;
        font-size:1em;
    }
    .HOME-2015-B .row-contenu .article-row h5 {
        color: #000
    }
    .HOME-2015-B .row-contenu .article-row .article_s_titre {
        font-family: 'OfficinaSansITCBook';
        font-style: italic
    }




/*  2015 / PANNEAU "C" */

    .HOME-2015-C .row-bg{
        min-height: 545px;
        height:auto !important;
        height: 545px;
        position: relative;
        background-image:url('medias/HOME-2015-C.jpg');
        background-color: #fff;
        background-repeat: no-repeat;
        background-position:  center bottom;
    }

    .HOME-2015-C .row-contenu .article-row a:hover {
        color: #111;
        text-decoration: none
    }
    .HOME-2015-C .row-contenu .article-row a{
        color: #1B84A7;
        display: block
    }
    .HOME-2015-C .row-contenu .article-row a h2{
        font-family: "OfficinaSansITCBold", Arial, Helvetica, sans-serif;
        font-size: 1.1em;
        line-height: 1.425em;
        margin: 0
    }
    .HOME-2015-C .row-contenu .article-row h6 ,
    .HOME-2015-C .row-contenu .article-row h6 ,
    .HOME-2015-C .row-contenu .article-row h5
    {
        display:inline-block;
        margin-top:0;
        font-size:1em;
    }
    .HOME-2015-C .row-contenu .article-row h5 {
        color: #000;
        line-height: 1.475em;
        margin: 0
    }
    .HOME-2015-C .row-contenu .row-article-4 h2,
    .HOME-2015-C .row-contenu .row-article-5 h2,
    .HOME-2015-C .row-contenu .row-article-6 h2{
        margin: 0 ;
        display: inline-block;
    }



/*  2015 / PANNEAU "D" */

    .HOME-2015-D .row-bg{
        min-height: 391px;
        height:auto !important;
        height: 391px;
        position: relative;
        background-image:url('medias/HOME-2015-D.jpg');
        background-color: #fff;
        background-repeat: no-repeat;
        background-position:  55% 0;
    }
    .HOME-2015-D .row-contenu{
        padding: 380px 0 0 0
    }
    .HOME-2015-D .row-contenu .row-article-1 a{
        color: #799d3b
    }
    .HOME-2015-D .row-contenu .row-article-2 a{
        color: #8d4a83
    }
    .HOME-2015-D .row-contenu .row-article-3 a{
        color: #55968f
    }
    .HOME-2015-D .row-contenu .article-row{
        margin: 0 6em 2em 8em;
        text-align: center
    }
    .HOME-2015-D .row-contenu .article-row a h2{
        font-size: 1.425em
    }
    .HOME-2015-D .row-contenu .article-row a:hover{
        color: #333
    }




    /*  2015 / PANNEAU "F" */

    .HOME-2015-F .row-header{
        margin-bottom: 4em
    }
    .HOME-2015-F .row-bg-a{
        background: url('medias/HOME-2015-F-a.jpg') right 30px no-repeat;
        display:block;
        min-height: 305px;
        height:auto !important;
        height: 305px;
    }
    .HOME-2015-F .row-bg-b{
        background: url('medias/HOME-2015-F-b.jpg') center 0 no-repeat;
        display:block;
        min-height: 200px;
        height:auto !important;
        height: 200px;
        margin: 85px 0 0 50px;
    }

    .HOME-2015-F .article{
        color: #666;
        margin-bottom: 1.425em;
    }
    .HOME-2015-F .article a{
       color: #000;
    }
    .HOME-2015-F .article a:hover{
       color: #1b84a7;
       text-decoration: none
    }


    .HOME-2015-F .article-1 a:hover{
       color: #cd0606;
    }
    .HOME-2015-F .article-2 a:hover{
       color: #d4aa00;
    }
    .HOME-2015-F .article-3 a:hover{
       color: #ff7800;
    }

    .HOME-2015-F .article a span.intitule{
        text-transform: uppercase;
        font-family: "OfficinaSansITCBold", Arial, Helvetica, sans-serif;
    }
    .HOME-2015-F .article .article_auteur{
        color: #333;
    }
    .HOME-2015-F .article .article_date ,
    .HOME-2015-F .article .article_s_titre{
        font-size:.9em
    }










    /*  2015 / PANNEAU "G" */

    .HOME-2015-G{
        margin-bottom: 5em
    }
    .HOME-2015-G .row-header{
        margin-bottom: 3em
    }
    .HOME-2015-G .row-bg{
        min-height: 640px;
        height:auto !important;
        height: 640px;
        background-image:url('medias/HOME-2015-G.jpg');
        background-color: transparent;
        background-repeat: no-repeat;
        background-position:  center bottom;
        -webkit-background-size : 100%;
        -moz-background-size    : 100%;
        -o-background-size      : 100%;
        background-size         : 100%;
    }

    .HOME-2015-G .row-bg .wrapper{
        width: 960px;
        margin: 0 auto

    }

    .HOME-2015-G a{
        color:#fff;
        display: block;
    }
    .HOME-2015-G a:hover{
        color:#555;
        text-decoration: none
    }


    .HOME-2015-G .row-bg .article{
        background: #090909;
        color:#aaa;
        display: inline-block;
        padding: .625em 1em;
        text-align: center;
        border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        -webkit-border-radius: 15px 15px 15px 15px;
    }


    .HOME-2015-G .article a span.intitule{
        font-family: "OfficinaSansITCBold", Arial, Helvetica, sans-serif;
    }






    /*  2015 / PANNEAU "H" */

    .HOME-2015-H{
        margin-bottom: 5em
    }
    .HOME-2015-H .row-bg{
        display:block;
        min-height: 665px;
        height:auto !important;
        height: 665px;
        position: relative;
        background-image:url('medias/HOME-2015-H.png');
        background-color: transparent;
        background-repeat: no-repeat;
        background-position:  center bottom;
        -webkit-background-size : contain ;
        -moz-background-size    : contain;
        -o-background-size      : contain;
        background-size         : contain;
    }
      .HOME-2015-H .row-bg:hover {
         background-color: #465454
      }
    /* firefox targeting
     ffx ne supportes pas blur
     * */
    @-moz-document url-prefix() {
    }


/**/

    .logo a{
        display:block;
        padding:3em 0;
        text-align: center;
    }
    .logo a img{
        margin: 0 auto
    }


/**/

    .menu{
        padding: 3em 0
    }
    .menu ul ,
    .menu li {
        list-style: none;
        padding: 0
    }
    .menu li a.primaire.ACTIF{
        font-weight: normal;
    }
    .menu li a.primaire{
        display:block;
        font-family: "OfficinaSerifITCBookOS", Georgia, "Times New Roman", Times, serif;
        padding:.625em 1em;
        font-size:1.2em;
        font-weight: bold;
        text-align: center
    }
    .menu li a:hover.primaire{
        text-decoration: none
    }

/**/
    .menu .sousmenu{
        padding: 1em 0 1em
    }
    .menu .sousmenu li {
        margin-bottom: 1.425em
    }
    .menu .sousmenu li a{
        color:#1b84a7;
        font-size:1.2em;
        font-family: "OfficinaSansITCBold", Georgia, "Times New Roman", Times, serif;
        display: block;
        padding: 0 .625em .325em 0;
        border-bottom: 1px solid #ccc;
    }
    .menu .sousmenu li span{
        color: #666;
    }

    .articles-auteurs{
        padding: 0 2em 0 0;
        display: none
    }
/**/

    .menufooter-row{
        background: #d6d6d6;
        padding: .425em 0 0
    }
    .menufooter-row ul ,
    .menufooter-row li {
        list-style: none;
        padding: 0
    }
    .menufooter-row li {
        display:inline-block;
        padding:0 .625em ;
        font-size:.97em;
    }
    .menufooter-row li a{
        color: #323232;
    }
    .menufooter-row li a:hover{
        color: #999;
    }


/**/
    .panneau{
        margin-bottom: 4em;
        overflow: hidden
    }

/**/
    .plandusite-row{
        padding: 8em 0;
        margin: 2em 0
    }
    a.plandusite {
        background: url("i/BTN_4.gif") no-repeat scroll 0 0 transparent;
        color: #333;
        display: block;
        padding-top: 120px;
        margin: 0 auto;
        overflow: hidden;
        width: 123px;
        z-index: 99;
        text-align: center
    }



/**/
    .pop-article{
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff
    }

/**/
    .popup-header{
        position:absolute;
        right: 2em;
        width: 340px
    }
/**/
    .popup-footer{
        position:absolute;
        background: #efefef;
        bottom: 0;
        z-index: 999999
    }
/**/
    a.bt-aller-menu {
        background: #090909;
        border: 2px solid #000;
        color: #fff;
        display: block;
        margin: 1em;
        padding: .625em;
        text-align: center;
    }

/**/
    a.bt-popup-hide{
        background: #090909;
        border: 2px solid #000;
        color: #fff;
        display: inline-block;
        margin: 1em;
        padding: .625em;
        text-align: center;
        float: right;
    }
    a:hover.bt-popup-hide{
        background: #fff;
        color: #000;
    }

/**/
    a.popup-nav-bt{
        background: #fff;
        color: #000;
        border: 2px solid #ccc;
        display: inline-block;
        margin: 1em;
        padding: .625em;
        text-align: center;
    }
    a:hover.popup-nav-bt{
        border: 2px solid #000;
    }

/**/
    .popup-navigation-titres {
        padding: 1.425em
    }
    .popup-navigation-titres a:hover{
        color: #aaa;
    }
    .popup-navigation-titres a{
        display: block;
        color: #222;
        padding: .625em 0 0 .625em ;
    }
    .popup-navigation-titres a.nav-popup-active{
        display: block;
        color: #ccc;
        background: #282828;
        padding: .625em .325em
    }

    .popup-navigation-titres h3{
        font-size: 1.2em;
        font-family: "OfficinaSerifITCBookOS", Georgia, "Times New Roman", Times, serif
    }
/**/
    .rrow {
        padding: 3em 0;
    }
/**/

    .recherche-row {
        background: #f1f1f1;
        border-top: 1px solid #d9d9d9;
    }


    .recherche-form form {
        padding: 0 0 4em 0
    }
    .recherche-form form .wrapper{
        background: #ffffff;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

    .recherche-form form input{
        padding: .625em 5px;
        border: 1px solid #ddd;
        background:#f8f8f8;
        width: 100%;
        min-height: 35px;
        font-size: 1.1em
    }

    .recherche-form form label{
        color:#444;
        display: inline-block;
        margin: .625em .625em .625em 0;
        font-weight: 900;
        font-size: 1.1em
    }
    .recherche-form form a:hover.bt-submit{
        color: #999
    }
    .recherche-form form a.bt-submit{
        background:#000;
        color:#fff;
        display: block;
        font-weight: bold;
        font-size: 1.1em;
        text-align: center;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
    }

/**/

    .resultats-rows{
        font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        border-bottom: 1px solid #ccc;
        padding:  2em
    }
    .resultats-rows h2{
        font-size: 1.2em;
        color: #111;
    }
    .resultat-row{
        border-top: 1px solid #ccc;
        padding: 1em 0
    }
    .resultat-row h3{
        font-size: 1.2em;
    }
    .resultat-row a.intitule{
        font-weight: normal;
    }
    .resultat-row .auteur{
        color: #333;
        font-size: 1em;
        font-weight: bold;
    }
    .resultat-row .date{
        color: #545454;
    }
    .resultat-row .resultat-descriptif{
        color: #545454;
    }


/**/

    .single-article-row h1{
        color:#000;
        font-weight: bold;
        font-family:'OfficinaSerifITCBookOS', Georgia, serif;
        margin-top: 1em
    }
    .single-article-row h2{
        color:#000;
        font-size: 1.625em
    }
    .single-article-row h3 {
        color:#111;
        font-family:'OfficinaSerifITCBookOS', Georgia, serif;
        font-size: 1.1em;
        display: inline-block;
        margin: 1.425em 0 0
    }
    .single-article-row h4{
        color:#666;
        font-size: 1.1em;
        display: inline-block
    }
    .single-article-row .article_contenu{
        color:#000;
        font-size: 1.125em;
        margin: 1.425em
    }


/**/
    .single-article-row-inside{
        padding-right: 4em
    }

/**/
    .single-media-texte{
        background:#efefef;
        padding: 2em 3em ;
        margin: 2em auto;
    }
    .single-media-texte h6{
        margin: 0 0 2em ;
    }
    .single-media-texte a.bt-dl{
        display: block;
        padding: .625em 0
    }


/**/
    .single-media-audio{
        background:#efefef;
        padding: 3em ;
        margin: 2em auto;
    }
    .single-media-audio .legende{
        margin: 1.425em auto;
    }


/**/
    .single-article-header{
        padding: 2em 0
    }
/**/
    .single-article-tools ul{
        list-style:none;
        padding: 1.425em 0;
        margin: 0
    }
    .single-article-tools li{
        display:inline-block;
    }
    .single-article-tools li a:hover{
        color: #aaa
    }
    .single-article-tools li a{
        color:#444;
        display:block;
        padding: 0 1em 0 0
    }
/**/




/* --------------------------------------------------------------------------- */

/**
 *
 *  MEDIA QUERIES
 *
 *  @see                        pour voir le site sur un mobile : http://www.responsinator.com/
 *
 *  @see                        http://stackoverflow.com/questions/16443380/common-css-media-queries-break-points
 */


/** EXTRA SMALL DEVICES, PHONES
 *
 *
 *  */
@media only screen and (min-width : 320px){


    .HOME-2015-A .row-contenu{
       padding: 640px 0 0 0;
    }


    .HOME-2015-B .row-contenu .row-article-1{
        margin-top: 60px;
        width: 340px
    }
    .HOME-2015-B .row-contenu .row-article-2{
        width: 180px
    }







    .HOME-2015-C .row-bg{
        -webkit-background-size : 50% auto;
        -moz-background-size    : 50% auto;
        -o-background-size      : 50% auto;
        background-size         : 50% auto;
    }

    .HOME-2015-C .row-contenu .article-row{
        margin-bottom:1.425em
    }



    /*  2015 / PANNEAU "E"
     *  Core du style mobile-first
     * */

    .HOME-2015-E .row-header{
        margin-bottom: 2em
    }
    .HOME-2015-E .row-bg{
        background: url('medias/HOME-2015-E.jpg') center center no-repeat;
        min-height: 880px;
        height:auto !important;
        height: 880px;
        margin-bottom: 4em
    }
    .HOME-2015-E  .entete{
        background: #fff;
        margin: .325em 0;
        padding: .625em
    }
    .HOME-2015-E .entete h1{
        background:#1b84a7;
        color: #fff;
        display: block;
        font-family: "OfficinaSansITCBold", Georgia, "Times New Roman", Times, serif;
        font-size: 1.325em;
        padding: .325em .625em;
    }
    .HOME-2015-E .entete h2{
        color:#1b84a7;
        font-size: 1em;
        margin: 0 0 .625em 0;
        line-height: 1em;
    }
    .HOME-2015-E .entete h3{
        color:#222;
        font-size: 1em;
        margin: 0 0 1em 0;
    }
    .HOME-2015-E .entete h4{
        color:#999;
        font-size: .9em;
        margin-top: 0
    }

    .HOME-2015-E a.bt-dl{
        background:#ffffff;
        color:#1b84a7;
        border:1px solid #1b84a7;
        padding: .325em .625em;
        display: inline-block;
        margin: 0 0 2em
    }
    .HOME-2015-E a:hover.bt-dl{
        background: #1b84a7;
        color: #fff;
        text-decoration: none
    }


    .HOME-2015-E .article a span.index{
        font-family: "OfficinaSansITCBook", Arial, Helvetica, sans-serif;
    }
    .HOME-2015-E .article a:hover span.index{
        color: #1b84a7
    }
    .HOME-2015-E .article a:hover{
        background-color: #1b84a7;
        color: #fff;
        font-family: "OfficinaSansITCBook", Arial, Helvetica, sans-serif;
        text-decoration: none;
        -webkit-transition: background-color 1000ms linear;
        -moz-transition: background-color 1000ms linear;
        -o-transition: background-color 1000ms linear;
        -ms-transition: background-color 1000ms linear;
        transition: background-color 1000ms linear;
    }
    .HOME-2015-E .article a{
        background-color:#fafafa;
        color:#252525;
        font-size: 1.125em;
        display:inline-block;
        margin: .325em;
        padding: .625em ;
    }



    .HOME-2015-E .note-nonlieu .entete{
        margin-top: 3em;
    }
    .HOME-2015-E .note-nonlieu .article a{
        color:#333;
        display:block;
        margin: 2px 0;
        padding: .625em 1em;
    }
    .HOME-2015-E .note-nonlieu .article a:hover{
        color:#fff;
    }



    .HOME-2015-E .st-eloy .article {
        display:inline-block;
        float: left
    }

    .HOME-2015-E .st-eloy .article a span.intitule{
        text-transform: uppercase;
        font-family: "OfficinaSansITCBold", Arial, Helvetica, sans-serif;
    }



    /* "G"
     *
     * */
    .HOME-2015-G .row-bg .row-container {
        position: relative;
    }

    .HOME-2015-G .row-bg .article{
        margin: 0 1em .325em 0;
    }

}

/* CUSTOM PLUS PETIT QUE 320PX
 * Identique ˆ (min-width : 320px)
 *
@media only screen and (max-width : 320px) {}
 *  */



/**  SMALL DEVICES, PHONES PAYSAGE
 *
 *
@media only screen and (min-width : 480px) {


}
 *  */










/* SMALL DEVICES, TABLETS
 *
 *  */
@media only screen and (min-width : 768px) {

    .articles-auteurs{
        display: block;
    }
    .menu .sousmenu li a{
        border: 0
    }


    /* "C" */
    .HOME-2015-C .row-contenu .article-row{
    }






    /* "E"
     *
     * */
    .HOME-2015-E .row-bg{
        background: url('medias/HOME-2015-E.jpg') center bottom no-repeat;
    }

    .HOME-2015-E .article a{
        font-size: 1em;
    }
    .HOME-2015-E .entete h1{
        display: inline-block;
    }


    .HOME-2015-E .st-eloy .article a span.intitule{
        text-transform: uppercase;
        font-family: "OfficinaSansITCBold", Arial, Helvetica, sans-serif;
    }
    .HOME-2015-E .st-eloy .article-241 { width: 140px   }
    .HOME-2015-E .st-eloy .article-243 { width: 90px }
    .HOME-2015-E .st-eloy .article-244 { width: 90px }
    .HOME-2015-E .st-eloy .article-245 { width: 110px;}
    .HOME-2015-E .st-eloy .article-249 { width: 110px; }
    .HOME-2015-E .st-eloy .article-250 { width: 90px; }
    .HOME-2015-E .st-eloy .article-252 { width: 80px; }

    .HOME-2015-E  .entete{
        background: transparent;
        padding: 0
    }


    /** "F" */

    .HOME-2015-F .row-bg-a{
        background: url('medias/HOME-2015-F-a.jpg') center 30px no-repeat;
    }
    .HOME-2015-F .article{
        color: #666;
        margin-bottom: 0;
    }

    .HOME-2015-F .article-1,
    .HOME-2015-F .article-2{
        float: right;
        text-align:right;
        width: 300px;
    }
    .HOME-2015-F .article a{
       display: inline-block;
    }
    .HOME-2015-F .article a:hover{
       color: #1b84a7;
       text-decoration: none
    }

    .HOME-2015-F .article-1{
        margin:0 20px 20px 0 ;
    }
    .HOME-2015-F .article-1 a:hover{
       color: #cd0606;
    }
    .HOME-2015-F .article-2{
        margin-right: 90px;
    }
    .HOME-2015-F .article-2 a:hover{
       color: #d4aa00;
    }
    .HOME-2015-F .article-3{
        margin: 40px 0 0 90px;
        float: left
    }
    .HOME-2015-F .article-3 a:hover{
       color: #ff7800;
    }
    .HOME-2015-F .article-4{
        padding: 200px 0 60px;
        text-align: center
    }

    .HOME-2015-F .article{
        color: #666;
        margin-bottom: 1.425em;
    }



    /** "G" */
    .HOME-2015-G .row-bg .row-container{
        position:inherit;
        }
    .HOME-2015-G .row-bg .article{
        margin: 0
    }
}



/** MEDIUM DEVICES, DESKTOPS
 *
 *  MIN WIDTH      992px
 *
 *
 *
 * */
@media only screen and (min-width : 992px) {

    /** A */
    .HOME-2015-A .row-contenu{
       padding: 460px 260px 0 0;
    }
    .HOME-2015-G .row-bg .article:after
    {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    bottom: -20px ;
    border: 15px solid;
    border-color: #000 transparent transparent #000;
    }


    /** B */

    .HOME-2015-B .row-contenu .row-article-1{
        margin-top: 300px;
        text-align: right;
        float: left;
        width: 340px
    }
    .HOME-2015-B .row-contenu .row-article-2{
        margin-top: -340px;
        margin-left: 760px;
        float: left;
        position: relative;
    }






    /** C */

    .HOME-2015-C .row-bg{
        -webkit-background-size : 60% auto;
        -moz-background-size    : 60% auto;
        -o-background-size      : 60% auto;
        background-size         : 60% auto;
    }
    .HOME-2015-C .row-contenu .row-article-1{
        float: left;
        position: absolute;
        text-align: right;
        top: 0;
        width:330px;
    }
    .HOME-2015-C .row-contenu .row-article-2{
        float: left;
        position: absolute;
        text-align: right;
        top: 100px;
        width: 260px;
    }
    .HOME-2015-C .row-contenu .row-article-3{
        float: left;
        position: absolute;
        text-align: right;
        top: 200px;
        width: 280px;
    }
    .HOME-2015-C .row-contenu .row-article-4{
        margin-left:610px;
        margin-top: 0;
    }
    .HOME-2015-C .row-contenu .row-article-5{
        margin-left:680px;
        margin-top: 0;
    }
    .HOME-2015-C .row-contenu .row-article-6{
        margin-left:640px;
        margin-top: 0;
    }
    .HOME-2015-C .row-contenu .article-row h6,
    .HOME-2015-C .row-contenu .article-row h6,
    .HOME-2015-C .row-contenu .article-row h5{
        display: inline
    }




    /** G */

    .HOME-2015-G .row-bg .article-1:after
    {
    right: 10px;
    }
    .HOME-2015-G .row-bg .article-2:after
    {
    left: 80px;
    }
    .HOME-2015-G .row-bg .article-3:after
    {
    right: 0;
    }
    .HOME-2015-G .row-bg .article-4:after
    {
    right: 50%;
    }

    .HOME-2015-A .row-contenu .article-row{
        margin-bottom: .625em
    }
    .HOME-2015-A .row-contenu .row-article-1{
        margin-left:410px;
    }
    .HOME-2015-A .row-contenu .row-article-2 {
        margin-left: 310px;
    }
    .HOME-2015-A .row-contenu .row-article-3 {
        margin-left: 120px;
    }
    .HOME-2015-A .row-contenu .row-article-4 {
        margin-left: 40px;
    }


    /** E */

    .HOME-2015-E .st-eloy .entete{
        float: right;
    }
    .HOME-2015-E .note-nonlieu .entete{
        float: left
    }

    .HOME-2015-E .note-nonlieu{
        margin: 0 4em 0 2em
    }





    /** G */
    .HOME-2015-G .row-bg{
        position:relative;
        -webkit-background-size : auto auto;
        -moz-background-size    : auto auto;
        -o-background-size      : auto auto;
        background-size         : auto auto;
    }

     .HOME-2015-G .row-bg .article-1{
            position: absolute;
            top: 80px;
            left:10px;
            width: 130px;
            max-width: 130px;
        }
        .HOME-2015-G .row-bg .article-1:after
        {
        right: 10px;
        }
        .HOME-2015-G .row-bg .article-2{
            left:200px;
            position: absolute;
            top: -10px;
            width: 240px;
            max-width: 240px;
        }
        .HOME-2015-G .row-bg .article-2:after
        {
        left: 80px;
        }
        .HOME-2015-G .row-bg .article-3{
            left:450px;
            position: absolute;
            top: 20px;
            width: 220px;
            max-width: 220px;
        }
        .HOME-2015-G .row-bg .article-3:after
        {
        right: 0;
        }
        .HOME-2015-G .row-bg .article-4{
            left:720px;
            position: absolute;
            top: 30px;
            width: 200px;
            max-width: 200px;
        }
        .HOME-2015-G .row-bg .article-4:after
        {
        right: 50%;
        }
        .HOME-2015-G .row-bg .article-5{
            right: 20px;
            position: absolute;
            top: 180px;
            width: 110px;
            max-width: 110px;
        }


}


/** LARGE DEVICES, WIDE SCREENS
 *
 *  MIN WIDTH      1200px
 *
 * */
@media only screen and (min-width : 1200px)  {


    .HOME-2015-A .row-contenu{
       padding: 460px 320px 0 0;
    }
    .HOME-2015-A .row-contenu .article-row{
        margin-bottom: .625em
    }
    .HOME-2015-A .row-contenu .row-article-1{
        margin-right:50px;
        margin-left:510px;
    }
    .HOME-2015-A .row-contenu .row-article-2 {
        margin-left: 430px;
    }
    .HOME-2015-A .row-contenu .row-article-3 {
        margin-left: 230px;
    }
    .HOME-2015-A .row-contenu .row-article-4 {
        margin-left: 90px;
    }






    .HOME-2015-B .row-contenu .row-article-1{
        margin-top: 300px;
        text-align: right;
        float: left;
        width: auto
    }
    .HOME-2015-B .row-contenu .row-article-2{
        margin-top: -340px;
        margin-left: 860px;
        float: left;
        position: relative;
    }






    .HOME-2015-C .row-bg{
        -webkit-background-size : auto auto;
        -moz-background-size    : auto auto;
        -o-background-size      : auto auto;
        background-size         : auto auto;
    }
    .HOME-2015-C .row-contenu .row-article-1{
        float: left;
        position: absolute;
        text-align: right;
        top: 60px;
        width:330px;
    }
    .HOME-2015-C .row-contenu .row-article-2{
        float: left;
        position: absolute;
        text-align: right;
        top: 160px;
        width: 280px;
    }
    .HOME-2015-C .row-contenu .row-article-3{
        float: left;
        position: absolute;
        text-align: right;
        top: 240px;
        width: 310px;
    }
    .HOME-2015-C .row-contenu .row-article-4{
        margin-left:780px;
        margin-top: 0px;
    }
    .HOME-2015-C .row-contenu .row-article-5{
        margin-left:870px;
        margin-top: 20px;
    }
    .HOME-2015-C .row-contenu .row-article-6{
        margin-left:840px;
        margin-top: 20px;
    }

    .HOME-2015-C .row-contenu .article-row h6,
    .HOME-2015-C .row-contenu .article-row h6,
    .HOME-2015-C .row-contenu .article-row h5{
        display: inline-block
    }





}


/** LARGE DEVICES, WIDE SCREENS
 *
 *
@media only screen and (min-width : 1200px)) {}
 * */


/** VERY LARGE DEVICES, WIDE SCREENS
 *
@media only screen and (min-width : 1600px)){}
 * */