/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

#skip-link{
  margin:0;
  padding:0
}

/* ==========================================================================
   Quid
   ========================================================================== */


    /* General */
    body
    {
        background-color: #f7f7f7;
    }
    a:link, a:active, a:visited, a:hover
    {
        text-decoration: none;
        outline:none;
    }


   /* Fonts */
    @font-face {
        font-family: 'calendasBold';
        src: url('../../fonts/calendas_plus_bold-webfont.woff2') format('woff2'),
             url('../../fonts/calendas_plus_bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'HKRegular';
        src: url('../../fonts/hkgrotesk-regular-webfont.woff2') format('woff2'),
             url('../../fonts/hkgrotesk-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'robotoSlabBold';
        src: url('../../fonts/robotoslab-bold-webfont.woff2') format('woff2'),
             url('../../fonts/robotoslab-bold-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'robotoSlabRegular';
        src: url('../../fonts/robotoslab-regular-webfont.woff2') format('woff2'),
             url('../../fonts/robotoslab-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
    }

    /* Entete */
    .headerBG{
        width:100%;
        height:165px;
        background-image: url("../../images/header_BG2.jpg");
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        position:relative;
    }

    /* Logo */
    .logo{
        display:none;
    }
    .headerBG p.quid{
        display:block;
        color: #00ae91;
        font-family: "calendasBold", Myriad Pro, sans-serif;
        text-align: center;
        position: absolute;
        bottom: 30px;
        width: 100%;
        height:100px;
        margin: 0;
        line-height: 40px;
        font-size: 2.2em;
        background-image: url("../../images/lines.png");
        background-position: center;
        background-repeat: no-repeat;
    }

    /* Navigation */
    .pattern{
        background-color: #152430;
        border-bottom:4px solid #00ae91;
    }
    a.menu-link {
        float: right;
        display: block;
        padding: 0px;
        background-color: #152430;
        width: 100%;
        height: 60px;
        padding: 0px;
        position:relative;
    }
    .menuX, .menuX  ul ul {
        clear: both;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .js .menuX, .js .menuX  ul ul {
        overflow: hidden;
        max-height: 0;
        background: #152430;
        position: relative;
    }
    .menuX.active, .js .menuX  ul ul.active {
        max-height: 55em;
        padding: 0px
    }
    .js .menuX  ul ul.active{
        border-bottom:1px solid rgba(255,255,255,0.5);
    }
    .menuX  ul {
        padding:0px;
        margin:0px;
    }
    .menuX li{
        list-style-type: none
    }
    .menuX li a {
        color: #f5f5f5;
        font-family: "HKRegular", Myriad Pro, sans-serif;
        letter-spacing: 0.08em;
        font-size: 0.8em;
        display: block;
        padding: 20px;
        border-top: 1px solid rgba(255,255,255,0.2);
        position: relative;
        letter-spacing: 0.05em;
    }
    #block-menu-menu-main-menu{
        margin-bottom: 0px;
    }
    .menuX li .level-2 a{
        margin:0px;
        padding:15px;
        font-family: "HKRegular", Myriad Pro, sans-serif;
        border:0px;
        letter-spacing: 0.08em;
        border-top:none;
        padding-left:30px;
    }
    .menuX li:last-of-type a{
        border-right: none;
    }
    .menuX li.has-subnav > a:after {
        content: '+';
        position: absolute;
        top: 0;
        right: 0;
        font-family: "latoRegular", Myriad Pro, sans-serif;
        display: block;
        font-size: 1.6em;
        padding: 10px 15px
    }
    .menuX li.has-subnav > a.active:after {
        content: "-";
    }

    /* Menu button */
    #nav-icon4 {
      width: 25px;
      height: 25px;
      position: absolute;
      top: 15px;
      right: 20px;
      margin-top: 5px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      cursor: pointer;
    }
    #nav-icon4 span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #fff;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
    }
    #nav-icon4 span:nth-child(1) {
      top: 0px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
    #nav-icon4 span:nth-child(2) {
      top: 9px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
    #nav-icon4 span:nth-child(3) {
      top: 18px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center;
    }
    #nav-icon4.open span:nth-child(1) {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 0px;
      left: 5px;
    }
    #nav-icon4.open span:nth-child(2) {
      width: 0%;
      opacity: 0;
    }
    #nav-icon4.open span:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: 18px;
      left: 5px;
    }

    /* Contenu Acceuil */
    .contenu{
        margin-top: 55px;
        max-width: 1200px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:65px;
    }
    .contenuGauche{
        width:100%;
    }
    .containerGauche{
        padding:0 20px;
    }
    .accueil .titreContenu, .pageContenu .titreContenu{
        position:relative;
        width: 80%;
    }
    .accueil h2, .pageContenu h2,
    .accueil h1, .pageContenu h1, .pageContenu h3{
        color:#152430;
        font-family: "robotoSlabRegular";
        font-size:2.2em;
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: normal;
        margin-left: 20px;
    }
    .pageContenu h3{
        font-size:1.5em;
        margin-left: 0px;
    }
    .pageContenu h1{
        position: relative;
        line-height: 35px;
    }
    .pageContenu h2{
        line-height: 40px;
        margin-top:20px;
        font-size:1.8em;
        margin-top:20px;
        margin-bottom:20px;
    }
    .accueil .square, .pageContenu .square{
        width:250px;
        position:absolute;
        background-color: rgba(0,174,145,0.4);
        display:block;
        height:15px;
        top: 40px;
        left: -50px;
        z-index: -1;
    }
    .pageContenu .square{
        width:250px;
        position:absolute;
        background-color: rgba(0,174,145,0.4);
        display:block;
        height:15px;
        top: 20px;
        left: -50px;
        z-index: -1;
    }
    .accueil .gauche, .contenuGauche{
        float:left;
    }
    .contenu .time{
        float:left;
        margin-right:30px;
        margin-left: 50px;
        margin-top: 0px;
        position:relative;
    }
    .contenu .time a,
    .contenu .time .field-name-field-date-article{
        font-size: 0.8em;
        color:#424242;
        font-family: "HKRegular";
    }
    .contenu .time a:before,
    .contenu .time .field-name-field-date-article:before{
        content:url("../../images/clock.png");
        margin-right:10px;
        position: absolute;
        left: -30px;
    }

    /* Billets */

    .billet, .billetPremier,
    .billetPremier .billetImage,
    .billetPremier .back, .billet
    .bottom .domaines a,
    .billetPremier .domaines a,
    .billetPremier .evenments_sympo a,
    .bottom .evenments_sympo a{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .billet .auteur,
    .billetPremier .titrePremier,
    .billet .back,
    .billetPremier .back,
    .billet .plus,
    .billetPremier .plus,
    .billet .auteur a,
    .billetPremier .auteur a,
    .billet .bottom .domaines a,
    .billetPremier .domaines a,
    .billetPremier .evenments_sympo a,
    .billet .bottom .evenments_sympo a{
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .billets{
        margin-top:25px;
    }
    .region-blogue-accueil .block .view-content .views-row,
    .containerContenu .view-blogue.view-display-id-page_3 .view-content .views-row,
    .containerContenu .view-blogue.view-display-id-page_5 .view-content .views-row,
    .containerContenu .billet.teaser,
    .containerContenu .view-taxonomy-term.view-display-id-page .views-row{
      display:inline-block;
      vertical-align:top;
    }
    body.page-archives .containerContenu,
    body.page-recherche-billet .containerContenu,
    body.page-taxonomy-term .containerContenu{
      padding:0;
      border:0;
      background: none;
    }
    .view-display-id-page_5 .view-header p a{
        font-family: "robotoSlabBold";
        color:#00ae91;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .form-item .description {
        font-size: 0.7em;
    }
    .view-display-id-page_5 .view-header p a:hover{
        color: #152430;
    }
    .billet{
        width:100%;
        background-color: #fff;
        border:1px solid #cecece;
        margin-bottom:20px;
        margin-right: 20px;
        /*float:left;*/
        overflow: hidden;

    }
    /*.billet:nth-child(odd)*/
    .views-row-even .billet{
        /*float:left;*/
        margin-right:0px;
    }
    .billetPremier{
        width:100%;
        float: left;
        overflow: hidden;
    }
    .billet .top, .billetPremier .top{
        position:relative;
        overflow: hidden;
    }
    .billet .top{
        display:none;
    }
    .billet .billetImage, .billetPremier .billetImage,
    .billet img, .billetPremier img{
        width:100%;
        height:100%;
    }
    .billetPremier img{
        min-height: 300px;
    }
    .billet .billetImage, .billet .back, .billetPremier .back{
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
         border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
    }
    .billetPremier .titrePremier{
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .billet .auteur, .billetPremier .titrePremier{
        position:absolute;
        bottom:0px;
        background: -moz-linear-gradient(left, rgba(21,36,48,1) 0%, rgba(21,36,48,0.6) 51%, rgba(21,36,48,1) 100%);
        background: -webkit-linear-gradient(left, rgba(21,36,48,1) 0%,rgba(21,36,48,0.6) 51%,rgba(21,36,48,1) 100%);
        background: linear-gradient(to right, rgba(21,36,48,1) 0%,rgba(21,36,48,0.6) 51%,rgba(21,36,48,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152430', endColorstr='#152430',GradientType=1 );
        width:100%;
    }
    .billetPremier .titrePremier{
        height:100%;
    }
    .billetPremier .back, .billetPremier .auteur p, .billet .back{
        display:none;
    }
    .billet .auteur{
        height:50px;
    }
    .billet .auteur p{
        color:#fff;
        font-size: 0.9em;
        font-family: 'HKRegular', myriad pro, sans-serif;
        text-align: center;
        position: absolute;
        bottom: 0px;
        margin: 0px;
        padding-top: 15px;
        padding-bottom: 15px;
        width:100%;
    }
    .billet .auteur a, .billetPremier .auteur a{
        text-decoration: none;
        color:#fff;
    }
    .billet .auteur a:hover, .billetPremier .auteur a:hover, .billet .auteur span, .billetPremier .auteur span{
        color:#00ae91;
    }
    .billet .back:hover, .billetPremier .back:hover{
        background: -moz-linear-gradient(left, rgba(21,36,48,1) 0%, rgba(21,36,48,0.6) 51%, rgba(21,36,48,1) 100%);
        background: -webkit-linear-gradient(left, rgba(21,36,48,1) 0%,rgba(21,36,48,0.6) 51%,rgba(21,36,48,1) 100%);
        background: linear-gradient(to right, rgba(21,36,48,1) 0%,rgba(21,36,48,0.6) 51%,rgba(21,36,48,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152430', endColorstr='#152430',GradientType=1 );
        opacity:1;
    }
    .billet .back:hover .plus, .billetPremier .back:hover .plus{
        color:rgba(73,178,147,1);
    }
    .billet .plus, .billetPremier .plus{
        font-family: 'robotoSlabRegular', myriad pro, sans-serif;
        color:#00ae91;
        font-size: 1.2em;
        position:absolute;
        text-decoration: none;
        top: 30%;
        width: 100%;
        text-align: center;
        color:rgba(73,178,147,0);
    }
    .billet .back, .billetPremier .back{
        width:100%;
        position:absolute;
        background: -moz-linear-gradient(left, rgba(21,36,48,0) 0%, rgba(21,36,48,0) 51%, rgba(21,36,48,0) 100%);
        background: -webkit-linear-gradient(left, rgba(21,36,48,0) 0%,rgba(21,36,48,0) 51%,rgba(21,36,48,0) 100%);
        background: linear-gradient(to right, rgba(21,36,48,0) 0%,rgba(21,36,48,0) 51%,rgba(21,36,48,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152430', endColorstr='#152430',GradientType=1 );
        opacity:0;
    }
    .billet .bottom{
        padding: 20px 20px 10px 20px;
    }
    .billet .bottom h3, .billetPremier h3{
        color:#00ae91;
        font-weight: normal;
        font-family: "robotoSlabRegular";
        font-size: 1.4em;
        margin:0px;
    }
    .billetPremier h3{
        margin-top:15px;
        margin-left:20px;
        width: 80%;
    }
    .billet .bottom .date, .billetPremier .date{
        font-family: "HKRegular";
        font-size: 0.8em;
        margin-top:0px;
        margin-bottom:0px;
    }
    .billet .bottom .date{
        color:#7a7a7a;
    }
    .billetPremier .date{
        margin-left:20px;
        color:#f7f7f7;
    }
    .billet .bottom .resume{
        font-family: "HKRegular";
        font-size: 0.9em;
        color:#424242;
        margin-top:15px;
        margin-bottom:15px;
        line-height: 18px;
        text-align: justify;
    }
    .billet .bottom .domaines a, .billetPremier .domaines a,
    .billetPremier .evenments_sympo a, .billet .bottom .evenments_sympo a{
        padding:2px 15px;
        font-family: "HKRegular";
        font-size: 0.8em;
        float:left;
        margin-right:10px;
        margin-bottom:10px;
    }
    .billetPremier .evenments_sympo a, .billet .bottom .evenments_sympo a{
      font-size: 1.1em;
    }
    .billet .bottom .domaines a,
    .billet .bottom .evenments_sympo a{
        color:#00ae91;
        background-color: #fff;
        border:1px solid #cecece;
    }
    .billet .bottom .domaines a:hover{
        background-color: #00ae91;
        border:1px solid #00ae91;
        color:#fff;
    }
    .billet .bottom .evenments_sympo a:hover{
      background-color: #152430;
      color: #fff;
    }
    .billetPremier .domaines a{
        background-color: #00ae91;
        border:1px solid #00ae91;
        color:#fff;
    }
    .billetPremier .domaines a:hover{
        color:#00ae91;
        background-color: #fff;
        border:1px solid #cecece;
    }
    .billetPremier .evenments_sympo a{
      color:#fff;
      background-color: #152430;
    }
    .billetPremier .evenments_sympo a:hover{
      color:#00ae91;
      background-color: #fff;
      border:1px solid #cecece;
    }
    .billetPremier .domaines,
    .billetPremier .evenments_sympo {
        display:none;
    }

    /* Pagination */
    .pagination,
    .block .item-list,
    .containerContenu .item-list{
        margin-top:10px;
        margin-bottom:0px;
        padding:0;
        float:left;
        width:100%;
    }
    .containerPagination,
    .block .item-list ul.pager,
    .containerContenu .item-list ul.pager{
        /*width:150px;*/
        margin-left:auto;
        margin-right:auto;
        padding:0;
    }
    .pagination .prev,
    .block .item-list ul.pager .pager-previous,
    .containerContenu .item-list ul.pager .pager-previous{
        background: url("../../images/arrow2.png") no-repeat 50% 50%;
        margin-top:2px;
    }
    .pagination .next,
    .block .item-list ul.pager .pager-next,
    .containerContenu .item-list ul.pager .pager-next{
        background: url("../../images/arrow.png") no-repeat 50% 50%;
        margin-top:2px;
    }
    .block .item-list ul.pager .pager-next a,
    .block .item-list ul.pager .pager-previous a,
    .containerContenu .item-list ul.pager .pager-previous a,
    .containerContenu .item-list ul.pager .pager-next a{
      font-size:0;
      display:inline-block;
      width:31px;
      height:36px;
      vertical-align: top;
    }
    .pagination .numbers a,
    .block .item-list ul.pager .pager-item a,
    .containerContenu .item-list ul.pager .pager-item a{
        display:inline-block;
        margin-left:3px;
        margin-right:3px;
        padding:0;
        border:1px solid #cecece;
        color:#00ae91;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width:25px;
        height:25px;
        text-align: center;
        font-size: 0.8em;
        font-weight:normal;
        line-height: 25px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .block .item-list ul.pager .pager-item,
    .containerContenu .item-list ul.pager .pager-item{
        padding:0;
    }
    .block .item-list ul.pager li.pager-current,
    .containerContenu .item-list ul.pager li.pager-current{
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      height:25px;
      font-size: 0.8em;
      font-weight:normal;
      line-height: 25px;
      padding-top:0;
      padding-bottom:0;
      padding-left:8px;
      padding-right:8px;
      display:inline-block;
    }
    .pagination .numbers a.current,
    .block .item-list ul.pager li.pager-current,
    .pagination .numbers a:hover,
    .block .item-list ul.pager .pager-item a:hover,
    .containerContenu .item-list ul.pager li.pager-current,
    .containerContenu .item-list ul.pager .pager-item a:hover
    {
        background-color: #00ae91;
        border:1px solid #00ae91;
        color:#fff;
    }
    .block .item-list ul.pager .pager-first,
    .block .item-list ul.pager .pager-last,
    .containerContenu .item-list ul.pager .pager-first,
    .containerContenu .item-list ul.pager .pager-last{
      display:none;
    }



    /* Sidebar */
    .search .btn-recherche, .lienSidebar a, .voirPlus, .nuage a{
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .contenuDroite{
        float:left;
        margin-top:0px;
        width:100%;
        margin-bottom: 65px;
    }
    .containerDroite{
        padding:0 20px;
    }
    .pageContenu .containerDroite{
        margin-top:40px;
    }
    .containerRecherche{
        width:100%;
        position:relative;
    }
    .search .champ-recherche{
        border:1px solid #cecece;
        width: 100%;
        padding: 10px;
        font-size: 0.9em;
        float:left;
        box-sizing:border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 45px;
        outline:none;
        color:#00ae91;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #f7f7f7;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .search .champ-recherche:focus{
        border:1px solid #00ae91;
    }
    .search .champ-recherche:focus + .btn-recherche{
        border:1px solid #00ae91;
    }
    .search .btn-recherche{
        background-image:url("../../images/search.png");
        background-repeat: no-repeat;
        background-position: 50%;
        height: 45px;
        width: 45px;
        position: absolute;
        right: 0px;
        border:1px solid #cecece;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #f7f7f7;
    }
    .search .btn-recherche:hover{
        background-color: #e4e4e4;
    }
    .search .btn-recherche:placeholder{
        color:red;
    }
    .blocSidebar,
    .region-sidebar-first .block{
        margin-top:30px;
        margin-bottom:0;
        width:100%;
        float:left;
    }
    .titreSidebar,
    .region-sidebar-first .block h2.block-title{
        font-family: "robotoSlabBold", Myriad pro, sans-serif;
        color:#424242;
        font-size: 0.9em;
        margin:0px;
        border-bottom:1px solid #cecece;
    }
    .lienSidebar,
    .region-sidebar-first .block .view-content .views-row {
        margin-top:10px;
    }
    .lienSidebar,.view-display-id-block_1 .view-content, .nuage .view-content{
        margin-top:15px;
        margin-bottom:15px;
    }
    .region-sidebar-first .block ul{
      /*  margin-top:15px !important;
        margin-bottom:15px !important;*/
    }
    .lienSidebar a,
    .region-sidebar-first .block .view-content .views-row a, .region-sidebar-first .block ul li a {
        color:#00ae91;
        font-family:"HKRegular", Myriad pro, sans-serif;
        font-size: 0.9em;
        display:block;
        clear:both;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .region-sidebar-first .block ul li a{
        margin-top:10px;
    }
    .lienSidebar a:hover,
    .region-sidebar-first .block .view-content .views-row a:hover, .region-sidebar-first .block ul li a:hover{
        color:#152430;
    }
    .voirPlus,
    .more-link a{
        font-size: 0.8em;
        color:#424242;
        font-family:"HKRegular", Myriad pro, sans-serif;
        margin-top:10px;
        display:block;
        text-align: left;
    }
    .voirPlus:hover,
    .more-link a:hover{
        color:#00ae91;
    }
    .voirPlus:before,
    .more-link a:before{
        content:"";
        width:20px;
        height:1px;
        background-color:#00ae91;
        margin-right:10px;
        margin-top:10px;
        float:left;
    }
    .nuage{
        margin-top:10px;
    }
    .region-sidebar-first .block .nuage .view-content .views-row{
      display:block;
      margin-top:0;
    }
    .region-sidebar-first .block .nuage .view-content .views-row a{
        font-family:"HKRegular", Myriad pro, sans-serif;
        margin-top:8px;
        line-height: 24px;
        color: #00ae91;
        background-color: #fff;
        border: 1px solid #cecece;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .region-sidebar-first .block .nuage .view-content .views-row a:hover{
        background-color: #00ae91;
        border: 1px solid #00ae91;
        color: #fff;
    }
    #block-block-8 p{
        margin:0px;
    }
      .region-sidebar-first .block ul{
      padding:0;
      margin:0;
    }
    .region-sidebar-first .block ul li{
      list-style-type: none;
    }
    .region-sidebar-first .block ul li a{
      float:none;
    }

    /* Footer */
    .footer{
        margin-top: 50px;
    }
    .footerBG{
        background-image: url("../../images/footerBG.jpg");
        background-repeat: no-repeat;
        background-position: left ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        clear:both;
    }
    .containerFooter{
        max-width:1200px;
        margin-left:auto;
        margin-right:auto;
        padding-top:50px;
        padding-bottom:100px;
    }
    .joindre{
        float:left;
        margin-left:20px;
    }
    .liens{
        float: left;
        margin: 30px 15px 0 15px;
        clear: both;
    }
    .joindre .titreJoindre{
        color:#00ae91;
        font-family: "robotoSlabBold", myriad pro, sans-serif;
        font-size: 1em;
        margin:0px;
        letter-spacing: 0.02em;
    }
    .joindre .texteJoindre{
        font-family: "HKRegular", myriad pro, sans-serif;
        color:#999;
        line-height: 17px;
        font-size: 0.8em;
        margin-top:10px;
    }
    .footer .medias{
        margin-top:20px;
    }
    .footer .medias img{
        margin-right:5px;
    }
    .copyright{
        background-color: #152430;
        clear:both;
    }
    .containerCopyright{
        max-width: 1200px;
        margin-left: auto;
        margin-right:auto;
    }
    .copyright p{
        margin-top:0px;
        margin-bottom:0px;
        margin-left:20px;
        padding-top:15px;
        padding-bottom: 15px;
        font-size:0.6em;
        color:#999;
        float:left;
        width:80%;
    }
    .copyright p a{
        color:#999;
        text-decoration: underline;
    }
    .copyright img{
        float:right;
        width:20px;
        margin-top: 15px;
        margin-right: 20px;
    }
    .liens .lien1, .liens .lien2{
        background-color: rgba(21,36,48,0.5);
        width:250px;
        border-bottom: 4px solid #00ae91;
        float:right;
        -moz-border-radius-topleft: 10px;
        -webkit-border-top-left-radius: 10px;
         border-top-left-radius: 10px;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .liens .lien1:hover, .liens .lien2:hover{
        background-color: rgba(21,36,48,1);
    }
    .liens .lien2{
        clear:both;
        margin-top: 30px;
    }
    .liens .lien1 p, .liens .lien2 p{
        font-family: "HKRegular", myriad pro, sans-serif;
        color:#fff;
        font-size: 0.8em;
        line-height: 15px;
        padding: 15px 45px 15px 15px;
        margin:0px;
        position:relative;
    }
    .liens .lien1 p:after, .liens .lien2 p:after{
        content: url("../../images/arrow.png");
        top: 20px;
        right: 15px;
        position:absolute;
    }


    /* Page de contenu */
    .containerTop{
        clear: both;
    }
    .pageContenu .containerTop{
        padding:0 20px;
    }
    .backgroundContenu .containerContenu{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;background-color: #fff;
        border:1px solid #cecece;
        padding: 10px 30px 30px 30px;
        margin-right: 0px;
        margin-top: 40px;
    }

    /* Ariane */
    .pageContenu .ariane a,
    .pageContenu .ariane span{
        font-family: "robotoSlabBold";
        font-size: 0.9em;
        color:#424242;
        float:left;
        margin-top:5px;
    }
    .pageContenu .ariane a::after{
      content: " >";
      margin-right:5px;
    }
    /*.pageContenu .ariane a:last-child*/
    .pageContenu .ariane span.currentPage{
        color:#00ae91;
    }
    .pageContenu .ariane{
        margin-left:20px;
        width:99%;
        float: left;
    }

    /* Auteur */



    .pageContenu .auteur,
    .node-type-article .field-name-field-contributeur > .field-items > .field-item{
        width:100%;
        float:left;
        margin-top: 40px;
    }
    .pageContenu .auteur img,
    .node-type-article .field-name-field-contributeur .field-name-field-photo img,
    .page-taxonomy .auteurs .field-name-field-photo img,
    .view-contributeurs-quid.view-display-id-block .view-content .views-row .field-content > div > span > img{
        float:left;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .pageContenu .auteur .infos,
    .node-type-article .field-name-field-contributeur .field-item .infos,
    .page-taxonomy .auteurs .infos,
    .view-contributeurs-quid.view-display-id-block .view-content .views-row .field-content .vignette-contributeurs{
        margin-left:20px;
        float:left;
    }
    .page-taxonomy .auteurs .infos{
      width:80%;
    }
    .pageContenu .auteur .nom,
    .node-type-article .field-name-field-contributeur .field-item .nom,
    .view-contributeurs-quid.view-display-id-block .view-content .views-row .field-content .vignette-contributeurs h5{
        margin:20px 0 0 0;
        font-family: "robotoSlabBold";
        font-size: 0.9em;
        display:block;
        color:#424242;
    }
    .pageContenu .auteur .courriel,
    .node-type-article .field-name-field-contributeur .field-item .courriel,
    .page-taxonomy .auteurs .infos .courriel,
    .page-taxonomy .auteurs .taxonomy-term-description{
        font-family: "HKRegular";
        font-size: 0.9em;
        color:#424242;
        margin-top: 0px;
    }
    .page-taxonomy-term .auteurs .taxonomy-term-description  img{
      display:none;
    }
    .pageContenu .field-name-body a{
      color:#00ae91;
    }
    .pageContenu .field-name-body a:hover{
      text-decoration: underline;
    }
    .consulter{
        font-size: 0.8em;
        color:#424242;
        font-family:"HKRegular", Myriad pro, sans-serif;
        margin-top:10px;
        display:block;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .consulter:hover{
        color:#00ae91;
    }
    .consulter:before{
        content:"";
        width:20px;
        height:1px;
        background-color:#00ae91;
        margin-right:10px;
        margin-top:10px;
        float:left;
    }
    .backgroundContenu{
        float: left;
        width: 100%;
        clear: both;
    }
    .backgroundContenu p,
    .backgroundContenu li{
        font-family:"HKRegular", Myriad pro, sans-serif;
        font-size: 0.9em;
        color:#424242;
        text-align: justify;
    }
    .backgroundContenu p strong, .backgroundContenu p b{
        font-family: "robotoSlabBold";
    }

    .centrer_p{
      text-align: center !important;
    }
    .align_image_left{
      float: left!important;
      margin-right: 8px!important;
      margin-bottom: 5px!important;
    }
    .align_image_right{
      float: right!important;
      margin-left: 8px!important;
      margin-bottom: 5px!important;
    }
    .caption{
      margin-bottom: 5px !important;
      height: auto!important;
      border: 1px solid #dee3e8;
      background: #FFFFFF;
    }
    .caption p{
      margin:0px;
      padding:10px;
    }
    .basContenu{
        border-top:1px solid #cecece;
        margin-top:30px;
        padding-top:30px;
    }
    .basContenu .medias{
        float:left;
    }
    .basContenu .pdf{
        float:right;
    }
    .basContenu .pdf p{
        float:left;
        font-family: "HKRegular";
        font-size: 0.8em;
        color:#00ae91;
        margin-top:5px;
    }
    .basContenu .pdf img{
        float:left;
        margin-left:10px;
    }
    .cheminBillet{
        width:100%;
        float:left;
        clear:both;
    }
    .chemin{
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: #fff;
        border:1px solid #cecece;
        padding: 30px;
        margin-right: 0px;
        margin-top: 20px;
    }
    .chemin .titreChemin,
    .chemin .field > .field-label{
        font-family: "robotoSlabBold", Myriad pro, sans-serif;
        color: #424242;
        font-size: 0.9em;
        margin: 0px;
        float:none;
    }
    .chemin .contenuChemin,
    .chemin .field > .field-items{
        margin-top:0px;
        margin-bottom:10px;
        float:none;
    }
    .chemin .contenuChemin a,
    .chemin .field > .field-items > .field-item {
        font-family: "HKRegular", Myriad Pro, sans-serif;
        color:#424242;
        display: inline-block;
        margin-right: 10px;
        font-size: 0.75em;
    }
    .chemin .field > .field-items > .field-item > a{
      color:#00ae91;
    }
    .chemin .field > .field-items > .field-item > a:hover{
      color:#424242;
    }
    .chemin .field > .field-items > .field-item > a::after{
      content:" / ";
      color:#424242;
      margin-left:10px;
    }
    .chemin .field.field-name-field-domaines > .field-items > .field-item > a::after{
      margin-right:10px;
    }
    /*.chemin .contenuChemin a:last-child,
    .chemin .field > .field-items > .field-item:last-child > a{
        color:#00ae91;
    }*/
    .chemin .field > .field-items > .field-item:last-child > a::after,
    .chemin .field.field-name-field-domaines > .field-items > .field-item > a:last-child::after{
      content:"";
    }


    /* Recherche avancée */
    .containerContenu .view-blogue.view-display-id-page_5 .views-exposed-form .views-exposed-widget > label{

      font-family: "robotoSlabBold", Myriad pro, sans-serif;
    }

    .containerContenu .view-blogue.view-display-id-page_5 .views-exposed-form .views-exposed-widget,
    .containerContenu .view-blogue.view-display-id-page_5 #edit-field-date-article-value-value-inside-wrapper .form-item-field-date-article-value-value,
    .containerContenu .view-blogue.view-display-id-page_5 #edit-field-date-article-value-value-inside-wrapper .form-item-field-date-article-value-value > #edit-field-date-article-value-value,
    .containerContenu .view-blogue.view-display-id-page_5 #edit-field-date-article-value-value-inside-wrapper .form-item-field-date-article-value-value > #edit-field-date-article-value-value > .form-item.form-type-textfield {
      width:100%;
    }
    .containerContenu .view-blogue.view-display-id-page_5 .ui-dropdownchecklist.ui-dropdownchecklist-selector-wrapper,
    .containerContenu .view-blogue.view-display-id-page_5 .ui-dropdownchecklist-selector {
      width:97% !important;
    }
    .containerContenu .view-blogue.view-display-id-page_5 #edit-body-value,
    .containerContenu .view-blogue.view-display-id-page_5 #edit-field-date-article-value-value-date,
    .containerContenu .view-blogue.view-display-id-page_5 #edit-field-contributeur-tid{
      width:95.3% !important;
      height:25px;
    }
    .containerContenu .view-blogue.view-display-id-page_5 #edit-field-date-article-value-value-date,
    .containerContenu .view-blogue.view-display-id-page_5 #edit-field-date-article-value-value-inside-wrapper .form-item-field-date-article-value-value,
    .containerContenu .view-blogue.view-display-id-page_5 #edit-field-contributeur-tid-wrapper #edit-field-contributeur-tid{
      margin-right:0;
    }
    .containerContenu .view-blogue.view-display-id-page_5 #edit-field-contributeur-tid-wrapper #edit-field-contributeur-tid{
      border:1px solid #cecece;
      width:96.5% !important;
    }
    div.filtresAvancee{
      display:none;
      clear:both;
    }
    a.lienAvancee{
      font-size: 1em;
      font-family: "HKRegular", Myriad pro, sans-serif;
      margin-top: 8px;
      line-height: 24px;
      color: #fff;
      background-color: #00ae91;
      border: 1px solid transparent;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      display:block;
      width:200px;
      margin-left:auto;
      margin-right:auto;
      margin-top:20px;
      text-align: center;
      margin-bottom:40px;
      padding-top: 5px;
      padding-bottom: 10px;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
    }
    a.lienAvancee:hover{
      background-color: #fff;
      color:#00ae91;
      border: 1px solid #cecece;
    }
    .views-exposed-widget.views-submit-button{
      width:100% !important;
      text-align: center;
      margin-top:1em;
    }
    .views-exposed-form .views-exposed-widget.views-submit-button input{
      font-size: 1em;
      font-family: "HKRegular", Myriad pro, sans-serif;
      margin-top: 8px;
      line-height: 24px;
      color: #fff;
      background-color: #00ae91;
      border: 1px solid transparent;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      border-radius: 30px;
      display:block;
      line-height: 22px;
      width:200px;
      margin-left:auto;
      margin-right:auto;
      margin-top:0px;
      text-align: center;
      padding-left: 10px;
      padding-top: 5px;
      padding-bottom: 10px;
      padding-right: 10px;
      box-sizing: border-box;
    }
    .views-exposed-form .views-exposed-widget.views-submit-button input:hover{
      background-color: #fff;
      color:#00ae91;
      border: 1px solid #cecece;
    }

    /* dropdown menu */
    .ui-dropdownchecklist-text,
    .ui-icon.ui-icon-triangle-1-e{
      vertical-align:middle;
      float:none;
      display:inline-block !important;
      color:#000000;
      font-family: "HKRegular", Myriad pro, sans-serif;
    }
    .ui-dropdownchecklist-item,
    span.ui-dropdownchecklist-selector{
      padding:5px;
    }
    .ui-dropdownchecklist-item input{
      margin-right:10px;
    }
    .ui-dropdownchecklist-item label{
      font-weight:normal;
    }
    .ui-dropdownchecklist-dropcontainer-wrapper{
      z-index:301;
    }


    /* Google custom serach engine */
    .gsc-input-box > table{
      margin-top:0;
      margin-bottom:0;
    }
    .gs-webResult .gsc-thumbnail-inside,
    .gs-webResult .gsc-url-top{
      padding:0;
    }
    .gs-title,
    .gs-title > *,
    .gsc-cursor .gsc-cursor-page{
      color:#00ae91 !important;
      text-decoration: none !important;
    }
    .gs-title:hover,
    .gs-title > *:hover,
    .gsc-cursor .gsc-cursor-page:hover{
      color: #152430 !important;
    }
    .gs-webResult .gs-snippet{
      font-family: "HKRegular", Myriad Pro, sans-serif;
      color: #424242;
    }
    /*-----------------------------*/

    /* Page listant les termes de taxonomy d'un vocabulaire */
    .page-node-1266 article.node-1266,
    .page-node-1266 .tabs.primary,
    .page-node-1268 article.node-1268,
    .page-node-1268 .tabs.primary,
    .page-node-1269 article.node-1269,
    .page-node-1269 .tabs.primary,
    .page-node-1270 article.node-1270,
    .page-node-1270 .tabs.primary,
    .page-node-1271 article.node-1271,
    .page-node-1271 .tabs.primary,
    .page-node-1272 article.node-1272,
    .page-node-1272 .tabs.primary,
    .page-node-1273 article.node-1273,
    .page-node-1273 .tabs.primary,
    .page-node-1274 article.node-1274,
    .page-node-1274 .tabs.primary{
      display:none;
    }
    .page-node-1266 .containerContenu .block-menu-block .menu-level-1 > ul.menu,
    .page-node-1268 .containerContenu .block-menu-block .menu-level-1 > ul.menu,
    .page-node-1269 .containerContenu .block-menu-block .menu-level-1 > ul.menu,
    .page-node-1270 .containerContenu .block-menu-block .menu-level-1 > ul.menu,
    .page-node-1271 .containerContenu .block-menu-block .menu-level-1 > ul.menu,
    .page-node-1272 .containerContenu .block-menu-block .menu-level-1 > ul.menu,
    .page-node-1273 .containerContenu .block-menu-block .menu-level-1 > ul.menu,
    .page-node-1274 .containerContenu .block-menu-block .menu-level-1 > ul.menu{
      padding:0;
      margin:0;
    }
    .page-node-1266 .containerContenu .block li a,
    .page-node-1268 .containerContenu .block li a,
    .page-node-1269 .containerContenu .block li a,
    .page-node-1270 .containerContenu .block li a,
    .page-node-1271 .containerContenu .block li a,
    .page-node-1272 .containerContenu .block li a,
    .page-node-1273 .containerContenu .block li a,
    .page-node-1274 .containerContenu .block li a{
      color:#00ae91;
      font-size:16px;
      margin-bottom:5px;
      display:block;
    }
    .page-node-1266 .containerContenu .block li a:hover,
    .page-node-1268 .containerContenu .block li a:hover,
    .page-node-1269 .containerContenu .block li a:hover,
    .page-node-1270 .containerContenu .block li a:hover,
    .page-node-1271 .containerContenu .block li a:hover,
    .page-node-1272 .containerContenu .block li a:hover,
    .page-node-1273 .containerContenu .block li a:hover,
    .page-node-1274 .containerContenu .block li a:hover{
      color: #152430;
    }

    /* Page d'un terme de taxo */
    .containerContenu .term-listing-heading{
      margin-bottom:1em;
    }

    /* Soumettre texte */

    .page-node-1245 table{
        width:100%;
        border: 1px solid #cecece;
    }
    .page-node-1245 table strong{
        color:#00ae91;
    }
    .page-node-1245 table tr td:nth-child(odd){
        background-color: #efefef;
    }
    .page-node-1245 table .rtecenter
    {
        padding-left:20px;
        padding-right:20px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    blockquote{
        padding: 1.5em 75px;
        margin: 0px;
        position: relative;
    }
    blockquote:before {
        font-size: 4em;
        color: #dce5e9;
        content: "«";
        font-family: Georgia, "Times New Roman", Times, serif;
        width: 50px;
        position: absolute;
        top:0px;
        left:0px;
    }
    blockquote:after {
        font-size: 4em;
        color: #dce5e9;
        content: "»";
        font-family: Georgia, "Times New Roman", Times, serif;
        width: 50px;
        position: absolute;
        bottom:0px;
        right:0px;
    }

    .date-display-single,
    .date-display-start,
    .date-display-end{
      text-transform: lowercase;
    }

    /* Styles liste des contributeurs */
    .view-contributeurs-quid.view-display-id-block .view-content .views-row{
      display:inline-block;
      width:45%;
      margin:10px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .view-contributeurs-quid.view-display-id-block .view-content .views-row-odd{
      margin-left:0;
    }
    .view-contributeurs-quid.view-display-id-block .view-content .views-row .vignette-contributeurs{

    }
    .view-contributeurs-quid.view-display-id-block .view-header .filtreAlphabet{
      margin-bottom:20px;
    }
    .view-contributeurs-quid.view-display-id-block .view-header .filtreAlphabet a{
      padding: 0.5em 1.75em;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      border: 1px solid #cecece;
      color: #00ae91;
      cursor:pointer;
      width:15%;
    }
    .view-contributeurs-quid.view-display-id-block .view-header .filtreAlphabet a:hover,
    .view-contributeurs-quid.view-display-id-block .view-header .filtreAlphabet a.active{
      background-color: #00ae91;
      border: 1px solid #00ae91;
      color: #fff;
    }

    .containerContenu form input{
      max-width:100%;
    }

    .basContenu .medias .field-name-field-partager .addthis_toolbox a span.at-icon-wrapper,
    .basContenu .medias .field-name-field-partager .addthis_toolbox a span.at-icon-wrapper > svg{
      height: 40px !important;
      width: 40px !important;
    }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 500px) {

    /* Footer */
    .liens{
        clear:none;
        margin: 0px 20px 0 0;
        float:right;
    }
}
@media only screen and (min-width: 600px) {

    /* Billets */
    .billet .top{
        display:block;
    }

    .billetPremier .evenments_sympo{
        position:absolute;
        top:20px;
        right:10px;
        display: block;
    }
    .billetPremier .domaines{
        position:absolute;
        top:60px;
        right:10px;
        display: block;
    }
    .billetPremier .auteur p{
        color:#fff;
        font-size: 0.9em;
        font-family: 'HKRegular', myriad pro, sans-serif;
        text-align: center;
        margin: 0px;
        padding-top: 20px;
        padding-bottom: 0px;
        display:block;
    }
    .billetPremier .titrePremier{
        height:initial;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 1050px) {

    /* Entete */
    .headerBG{
        background-image: url("../../images/header_BG.jpg");
    }

    /* Logo */
    .logo{
        display:block;
        position:absolute;
        bottom:2px;
        left:0px;
        width:240px;
        height:225px;
        background: -moz-linear-gradient(top, rgba(17,30,38,0.6) 0%, rgba(17,30,38,1) 63%, rgba(17,30,38,1) 100%);
        background: -webkit-linear-gradient(top, rgba(17,30,38,0.6) 0%,rgba(17,30,38,1) 63%,rgba(17,30,38,1) 100%);
        background: linear-gradient(to bottom, rgba(17,30,38,0.6) 0%,rgba(17,30,38,1) 63%,rgba(17,30,38,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99111e26', endColorstr='#111e26',GradientType=0 );
    }
    .logo p.quid{
        color: #00ae91;
        font-family: "calendasBold", Myriad Pro, sans-serif;
        text-align: center;
        position: absolute;
        bottom: 65px;
        width: 100%;
        height:100px;
        margin: 0;
        line-height: 40px;
        font-size: 2.2em;
        background-image: url("../../images/lines.png");
        background-position: center;
        background-repeat: no-repeat;
    }
    .logo p.quid span{
        font-size: 0.7em;
    }
    .headerBG p.quid{
        display:none;
    }

    /* Navigation */
    .pattern
    {
        overflow: visible;
        height:60px;
    }
    .wrapperPattern{
        background-color: #004983;
        float: left;
        width: 100%;
    }
    a.menu-link {
        display: none;
    }
    .js .menuX, .js .menuX  ul ul {
        max-height: none;
        overflow: visible;
        background: none;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .js .menuX  ul ul {
        background: #0075d1;
        display: none;
    }
    .js .menuX  ul li:hover > ul {
        display: block;
    }
    .menuX ul {
        margin: 0px;
        padding: 0px;
        border: 0;
        text-align: right;
    }
    .menuX li a {
        border-top: 0;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        padding:0px 15px;
        margin-top: 22px;
        margin-bottom: 22px;
    }
    .menuX li a:hover{
        color:#00ae91;
    }
    .menuX li .level-2 a{
        padding-left:15px;
        border-top: 1px solid rgba(255,255,255,0.2);
    }
    .menuX li .level-2 li:last-of-type a{
        border-bottom: none;
    }
    .menuX li li a:hover{
        color:#bcbcbc;
    }
    .menuX li.has-subnav a:after {
        content: "";
        font-size: 1em;
        padding: 0.8em 0.5em;
    }
    .menuX .level-1 > li.has-subnav > a:after {
        content: "";
    }
    .menuX ul li {
        margin: 0px;
    }
    .menuX  ul > li {
        display: inline-block;
        position: relative;
    }
    .menuX  ul ul {
        position: absolute;
        top: 0;
        left: 12em;
        width: 12em;
    }
    .menuX ul ul li {
        position: relative;
    }
    .menuX ul ul.level-2 {
        top: 60px;
        left: 0;
        width: 100%;
    }

    /* Billets */
    .billet{
        width:450px;
    }
    .billet.teaser{
      width:405px;
    }
    .billetPremier .back, .billetPremier .top{
        height:300px;
        display:block;
    }
    .billetPremier .auteur p{
        text-align: right;
        position: absolute;
        bottom: 20px;
        right:20px;
    }
    .billet .back, .billet .top{
        height:155px;
        display:block;
    }
    .billetPremier h3{
        /*width:50%;*/
    }
    .billet .bottom{
      min-height:185px;
    }
    /* Page contenu */
    /*.pageContenu .auteur,*/
    .node-type-article .field-name-field-contributeur > .field-items > .field-item{
        width:50%;
    }
    .containerContenu .view-blogue.view-display-id-page_5 .views-exposed-form .views-exposed-widget{
      width:48%;
    }

}

@media only screen and (min-width: 1220px) {

    /* Navigation */
    .menuX li a {
        padding:0px 30px;
    }
    .menuX li:last-child a{
        padding: 0 0 0 30px;
    }
    .joindre,  .copyright p{
        margin-left:0px;
    }
    .liens, .copyright img{
        margin-right: 0px;
    }

    /* Billets */
    .contenuGauche{
        width:80%;
    }
    .containerGauche{
        padding:0 30px 0 0;
    }
    .accueil .contenuDroite{
        width:20%;
        margin-top:25px;
    }
    .pageContenu .contenuDroite{
        width:20%;
        margin-top:-60px;
    }
    .containerDroite{
        padding:0 0;
        margin-top:0px;
    }

    .pageContenu h1{
        width:100%;
        float: left;
    }
    .accueil h2, .pageContenu h2,
    .accueil h1, .pageContenu h1{
        margin-left:0px;
    }
    /*.billet:nth-child(odd)*/
    .views-row-odd .billet{
        /*float:right;*/
    }

    /* Page de contenu */
    .containerTop{
        width:80%;
        float:left;
    }
    .pageContenu ul.primary{
      margin-top:0;
    }
    .pageContenu .ariane{
        margin-left:0px;
        margin-bottom: 1em;
    }
    .pageContenu .containerTop{
        padding:0 0;
    }
    .backgroundContenu .containerContenu, .chemin {
        margin-right: 30px
    }
    .contenu .time{
        float: right;
        margin-left: 0px;
    }
    .pageContenu .containerDroite{
        margin:0px;
    }
}




/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


.not-logged-in .tabs.primary
{
    display: none;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}