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


    /* BOOTSTRAP reponsive requirements
     * @see http://getbootstrap.com/getting-started/#support
     */

    @-webkit-viewport   { width: device-width; }
    @-moz-viewport      { width: device-width; }
    @-ms-viewport       { width: device-width; }
    @-o-viewport        { width: device-width; }
    @viewport           { width: device-width; }

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

/** HACKS et PATCHES
 *
 * */
    /* 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
        }

    /**/

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


/** CLASSES
 *
 */

    body{
        background: #000;
        font-family: "Roboto", Arial, Helvetica, sans-serif;
    }




    .appel h1{
        font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
        font-weight: 300;
        text-transform:uppercase;
        margin-bottom: 1em
    }

    .appel h2{
        font-weight: 400;
        font-size:1.3em;
        line-height:1.425em;
        margin-bottom: 1em
    }

    .appel h3 {
        font-weight: 900;
        font-size:1.625em;
        line-height:1.425em;
        margin: 2em 0;
    }
    .appel h3 a{
        color: #060606;
        text-decoration: underline;
        display: block
    }
    .appel h3 a:hover{
        color: #666;
    }
    .appel p{
        margin: 2em 0;
        line-height:1.625em;
    }



    .appels-externes {
        border-top:1px solid #a6a6a6;
        padding: 4em 0;
    }

    .appels-externes ul{
        padding: 0;
        list-style: none
    }
    .appels-externes li a{
        color: #242323;
        font-size: 1.3em;
        display: block;
        padding: .625em;
        font-weight: 300;
    }
    .appels-externes li a span{
        font-weight: 900;
    }



    .appel-pied a{
        color: #6b6b6b;
        display: block;
        margin-bottom: .325em
    }
    .appel-pied a.hashtag{
        color: #000;
        font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 1.425em
    }



    .content{
        background: #fff
    }


    .date-miseajour{
        padding: .625em 0
    }




    .fixed-col{
        z-index: 999
    }


    .logo{
        background: #000;
    }
    .logo img{
        margin: 0 auto
    }



    .menu{
        padding: 1.425em 0
    }
    .menu a{
        color: #6c6c6c
    }
    .menu a img{
        display:block;
        margin:0 0 1em
    }
    .menu a span{
        color: #000;
        font-weight: bold
    }



    .plan-acces{
        background:#efefef;
        bottom:0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99999;
    }


    .plan-acces a.bt-close{
        background:#ffffff;
        color: #000;
        padding: .625em;
        display:block;
        margin-top: 2em
    }




    .plan-legende {
        background: #ffffff;
        padding: 1.425em;
    }

    .plan-legende a{
        background: #efefef;
        color:#555;
        padding: .625em;
        display: inline-block
    }


    .transports {
        background: #ffffff;
        padding: 2em;
        margin-bottom: 2em
    }
    .transports span{
        font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
        font-weight: bold
    }


    .signataire img{
        margin: 0 auto
    }

    .signataire{
        height:90px;
        text-align: center;
    }



    .signataires {
        margin:4em 0 0;
        padding: 4em 0
    }
    .signataires .noms {
        margin: 0;
        padding: 0 0 1.425em
    }
    .signataires .noms li{
        list-style:none;
        padding: .625em 0 0;
        font-size: .9em;
        color: #454545;
    }



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




/* CUSTOM, IPHONE RETINA
@media only screen and (min-width : 320px){}
 */



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



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

    .signataires .noms li{
        text-align: right;
    }


}




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


    .appel {
        margin: 4em 0
    }


    .menu a img{
        display:inline-block;
        margin:0 1em 0 0
    }


    .menu{
        padding: 4em 0 3em
    }




    .signataire{
        height:130px;
    }


}





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

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

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

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

/*
<!--
    * RESISTER * CREER *
        _      _ _
       | |    | (_)
     __| | ___| |_  ___ _   _ _   _ ___   ___ ___  _ __ ___
    / _` |/ _ \ | |/ __| | | | | | / __| / __/ _ \| '_ ` _ \
   | (_| |  __/ | | (__| |_| | |_| \__ \| (_| (_) | | | | | |
    \__,_|\___|_|_|\___|\__, |\__,_|___(_)___\___/|_| |_| |_|
                         __/ |
                        |___/
    -->
 */