/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/


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

/*  SOMAIRE DU FICHIER
 *
 *
 *      0 == Reset global
 *      --------------------------------------------------------------
 *
 *
 *      A == BOILERPLATE
 *      --------------------------------------------------------------
 *      - body
 *      - a:focus, a:active
 *      - li, ol, ul
 *      - col-reset
 *      - col-crop
 *      - col-centered
 *      - input button textarea label
 *
 *
 *       B == THEMES CSS
 *      --------------------------------------------------------------

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


/** 0 == Reset global
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        border: 0;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        vertical-align: baseline;
        list-style: none
    }

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

/*    A == BOILERPLATE */

    a:focus, a:active {
      text-decoration:none;
      color:#000000;
      outline-color: #333
    }

    body{
        background:#46751e;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
    }

    li, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
    }
    .n{
        display: none
    }
    .col-reset{
        padding: 0
    }
    .col-crop{
        overflow: hidden
    }
    .centrer{
        text-align: center
    }
    .col-centered{
        margin: 0 auto;
        float: none
    }

    input[type="text"],
    button,
    textarea {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        border: 1px solid #ccc;
        border-radius: 3px;
        color:#111;
        font-family: inherit;
        padding: 6px;
        padding: 0.428571429rem;
    }
    label{
        margin-bottom: 0;
        font-weight: 400;
        display: block;
    }

    /* @see http://stackoverflow.com/questions/19430217/bootstrap-3-set-container-width-to-940px-maximum-for-desktops */
    .container { max-width: 960px; padding: 0; margin:0 auto }


    /** VIDEO ELASTIC */
   .video-elastic {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }
    .video-elastic iframe,
    .video-elastic object,
    .video-elastic embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



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





/*      B == THEMES CSS */






/** @package BREADCRUMB

    .breadcrumb{
        background: transparent;
        padding: 1em 0
    }
    .breadcrumb,
    .breadcrumb a{
        color: #fff;
        font-weight: 300;
        font-size: .93em
    }
    .breadcrumb a:hover{
        color: #333
    }
*/


/** @package EMAIL */

    .email-form input , .email-form textarea{
        width: 100%
    }
    .email-form label{
        font-family:'Roboto Condensed' , sans-serif;
        margin: 1.425em 0 .35em;
        font-weight: 300;
    }






/* @package "MENU SOCIAL" */

    .menu-social {
        display:block;
        padding-top: 1em
    }
    .menu-social a{
        color:#000;
        display:inline-block;
        font-weight: 300;
        font-size:.83em;
        text-decoration:none;
    }
    .menu-social a:hover{
        color:#fff
    }


/* @package "MENU" */

    .menu-menu-principal-container li.menu-item{
        text-align: center;
    }
    .menu-menu-principal-container li.menu-item > a{
        display: block;
        padding: .325em;
        margin: 0 .625em;
        color: #000;
        text-decoration: none;
        border-bottom: 2px solid transparent
    }
    .menu-menu-principal-container li.menu-item > a:hover ,
    .menu-menu-principal-container li.menu-item.current-menu-item > a,
    .menu-menu-principal-container li.current-menu-parent  > a,
    .single-parution li.menu-item-33 > a ,
    .home li.menu-item-21 > a
    {
        color:red;
        border-bottom: 2px solid red
    }




/* @package  "AGENDA" */

    body.category-3,
    body.single-agenda
    {
        background:#4b3627;
    }
    .a-nos-amis{
        color: #ccc
    }

    .agenda-lanceur{
        margin: 0 0 2em;
        color: #46751e;
        line-height: 1.425em
    }
    .agenda-lanceur h2{
        font-size: 1.2em
    }

    .agenda-vignettes{
        margin:1.425em 0
    }
    .agenda-vignette{
        margin: 5px 5px 5px 0;
        position: relative;
    }
    .agenda-vignette-head{
        color: #fff;
        padding: 2em 0;
        font-size: 1.2em
    }

    .agenda-vignette .the_title{
        color: #fff;
        font-size: 1.425em;
        text-transform: uppercase
    }
    .agenda-vignette .the_content{
        font-size: .93em;
    }

    .agenda-vignette .vignette-foot a.btn-more{
        color: red
    }
    .agenda-vignette .vignette-foot a:hover.btn-more{
        color:#fff
    }

    .agenda-vignette .vignette-foot{
        font-size:.9em;
        margin: 2em 0 0;
        text-transform: uppercase;
        padding: 1em;
    }

    .agenda_date{
        font-size: 1.3em;
        color: #fff;
    }
    .agenda-dates-header{
        padding: 1.425em;
    }
    .agenda-dates-header h4{
        font-family: 'Roboto Slab', Georgia, serif;
    }
    a.agenda-calendrier-jour p{
        font-size: .9em;
        margin-top: .25em
    }
    .agenda-vignette-body{
        padding: .25em 1em;
    }



    .agenda-calendrier{
        border: 1px solid #675447;
        color:#fff;
    }
    .agenda-calendrier-annee{
        font-family: 'Roboto Slab', Georgia, serif;
        padding:1em;
    }

    .agenda-calendrier-jour-event{
        padding: .25em 0
    }
    .agenda-calendrier-jour-event-contenu{
        padding:0
       }

    .agenda-nav-mois {
        border-top: 1px solid #675447;
        border-bottom: 1px solid #675447;
    }
    .agenda-nav-mois li {
        padding:1.425em 0;
    }
    .agenda-nav-mois li a{
        color:#675447;
        font-size: .9em;
        text-align: center;
        display: block
    }
    .agenda-nav-mois li.active a{
        color:red
    }
    .agenda-nav-mois a:hover{
        color:#fff;
        text-decoration: none;
    }

    a.agenda-calendrier-jour{
        color:#675447;
        border: 1px dashed #675447;
        display: block;
        height: 150px;
        padding: .5em;
        text-decoration: none;
        position:relative;
        margin:1px
    }
    a.agenda-calendrier-jour .vignette-foot{
        color: red;
        position: absolute;
        bottom: .5em;
    }
    a:hover.agenda-calendrier-jour{
        background: #675447;
        color: #fff
    }

    a.agenda-calendrier-jour h5{
        padding: 0 0 .25em 0;
        font-weight: bold
    }
    a.agenda-calendrier-jour.agenda-coming{
        border: 1px solid #675447;
        color:#fff;
    }








/* @package "PARUTIONS" */


    body.category-5 ,
    body.single-parution{
        background:#ffcd00;
    }

    .parutions{
        color: #010101
    }
    .parution .the_title a ,
    .parution-liens li a{
        color: #000;
        display: block;
        padding: .5em 0;
        font-weight: bold;
        line-height: 1.425em;
    }
    .parution .the_content li, .parution .the_content ol, .parution .the_content ul{
        list-style-type:disc;
        list-style-position: inside
    }



    .parution-vignette{
        margin-bottom: 4em;
        min-height: 360px;
        height: 360px;
    }
    .parution-vignette .the_title{
        text-align: center
    }
    .parution-vignette .badge{
        background: #000;
    }

    .parution .the_thumbnail{
        display: block;
        margin-bottom: 1em;
        min-height: 300px;
        height: 300px;
    }
    .parution  a.the_thumbnail img{
        border-right: 7px solid #000;
        border-bottom: 4px solid #000;
        display: block
    }
    .parution  a.the_thumbnail:hover img{
        border-right: 7px solid red;
        border-bottom: 4px solid red;
    }

    .parution-liens{
        border-top: 1px solid #b39500;
        margin: 1em 0;
    }
    .parution-liens li {
        border-bottom: 1px solid #b39500;
        padding: .25em 0;
    }


    .parution-liens li a .parution-mime ,
    .parution-liens li .parution-mime{
        background: #000;
        color: #fff;
        display:inline-block;
        font-size: .9em;
        padding: .25em 1em;
        font-weight:normal;
    }
    .parution-liens li a:hover .parution-mime{
        background:#ffffff;
        color:#000;
    }

    .parution-liens li .parution-legende{
        font-size: .87em;
        display: inline-block;
    }

    .parution-liens li.parution-liens-more{
        border-bottom: 2px solid #b39500;
    }
    .parution-liens li.parution-liens-more .parution-more{
        color:#000;
        display:inline-block;
        font-size: .8em;
        font-weight:bold;
        padding: .2em .5em;
        margin: .2em 1em .2em 0 ;
    }







    .parutions-navigation .editeurs li a{
        display: block;
    }
    .parutions-navigation .editeurs li{
        display: block;
        text-align: center;
        padding:0 0 1.425em 0;
        margin: 0 0 3em;
      border-bottom: 2px solid transparent;
    }
    .parutions-navigation .editeurs li:hover,
    .parutions-navigation .editeurs li.current-subcat{
      border-bottom: 2px solid #695501;

    }



    .parutions-langues {
        margin:0 0 3em 0
    }
    .parutions-langues li {
        display:inline-block;
        font-size:.93em;
    }
    .parutions-langues li > a{
        color: #695501;
        display: block;
        padding:0 .625em;
        margin:.625em 0;
        text-decoration: none;
        border-bottom: 2px solid #ffcd00
    }
    .parutions-langues li > a:hover ,
    .parutions-langues li > a.langue-current{
        border-bottom: 2px solid red;
        color: red;
    }
    .parutions-langues li > a:hover.langue-current{
     color: #000
    }



    .parutions-tri-header{
        padding: 0 0 2em;
    }


    .parution-single {
        color: #111;
        margin-bottom: 6em
    }
    .parution-single h1{
        font-size: 3.625em;
        font-weight: 900;
        margin-bottom: 1.425em
    }

    .parution-single .the_content {
        margin: 2em 0
    }
    .parution-single .the_content p{
        margin-bottom: .165em
    }
    .parution-single .the_description{
        padding: 1em
    }
    .parution-single h4{
        color:#AA8A04;
        margin-bottom: .325em;
        font-weight: bold;
    }


    .no-download-message{
        padding: 1.425em;
        font-weight:bold
    }

    .video-title{
        font-weight: bold;
        padding: .625em 0
    }


/* @package  "a-nos-amis-extraits" categorie  */

    body.category-4{
        background:#46751e;
    }
    .a-nos-amis-extraits{
        color: #fff
    }

    .a-nos-amis-extraits .post .the_title{
       font-size: .9em;
       padding: 1.425em  0;
        font-weight:300;
    }
    .a-nos-amis-extraits .post .the_title a{
        color: #fff;
    }
    .a-nos-amis-extraits .post .the_content{
        line-height: 1.425em;
        font-family: 'Roboto Slab', Georgia, serif;
    }


    /* image responsive avec constant height */
    .extrait-th-wrapper{
      display: block;
      width: 100%;
      position: relative;
      height: 0;
      padding: 0 0 100%  0;
      overflow: hidden;
    }
    img.extrait-th{
      position: absolute;
      display: block;
      max-width: 100%;
      max-height: 100%;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
    }
    img.parution-th{
      display: block;
      width: auto;
      max-height: 100%;
      margin: 0 auto;
      text-align: center
    }





/* @package CONTACT */

    body.page-id-295{
        background:#fafafa;
    }



/* @package carousel  common*/


    /*  FADE FX carousel
        @see       http://stackoverflow.com/questions/9526970/can-the-twitter-bootstrap-carousel-plugin-fade-in-and-out-on-slide-transition
     */
    .carousel.fade {
      opacity: 1;
    }
    .carousel.fade .item {
        color:#fff;
      -moz-transition: opacity ease-in-out .7s;
      -o-transition: opacity ease-in-out .7s;
      -webkit-transition: opacity ease-in-out .7s;
      transition: opacity ease-in-out .7s;
      left: 0 !important;
      opacity: 0;
      top:0;
      position:absolute;
      width: 100%;
      display:block !important;
      z-index:1;
      height: 540px;
      display: none;
      text-decoration: none
    }
    .carousel.fade .item:first-child {
      top:auto;
      position:relative;
    }
    .carousel.fade .item.active {
      opacity: 1;
      -moz-transition: opacity ease-in-out .7s;
      -o-transition: opacity ease-in-out .7s;
      -webkit-transition: opacity ease-in-out .7s;
      transition: opacity ease-in-out .7s;
      z-index:2;
    }


    .carousel-control {
        background: red;
        border:0;
        color:#46751E;
        display:inline-block;
        height: 36px;
        position:initial;
        top:inherit;
        left: inherit;
        right:inherit;
        margin:0 1em .625em 0;
        text-align: center;
        width: 36px;
        opacity: 1;
        overflow: hidden;
        z-index:3;
        -webkit-border-radius   : 0;
        -moz-border-radius      : 0;
        border-radius           : 0;
        font-weight: normal;
        text-shadow: 0 0 0
    }
/* --------------------------------------------------------------------------- */






/**
 *
 *  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
 */




/* **** MAIN MOBILE ****
 *
 *
 * Custom, iPhone Retina */
@media only screen and (min-width : 320px){

    /* "header" */
    .header{
        padding: 2em 0
    }

      /* "logo" */
    .logo{
        padding: 15px
    }

    /* @package "MENU SOCIAL" */

    .menu-social a{
        padding: .5em 0 .5em 15px;
        text-align: center
    }


    /* @package "MENU" */

    .menu-menu-principal-container li.menu-item > a{
        margin: 15px
    }


    /* CAROUSEL */
    .a-nos-amis-extraits .item .post{
        padding-right:15px;
        padding-left:15px;
    }

    .carousel.fade .item {
    }

    .carousel-control {
        line-height: 45px;
        height: 45px;
        margin-left:.625em ;
        width: 45px;
        font-size: 1.4em
    }

    .a-nos-amis-extraits .post .the_content{
        font-size: 1.425em;
    }


    /* @package "parutions" */
   .parutions{
       padding: 15px
   }

}

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




/* **** MAIN TABLETTE ****
 *
 *
 * Small Devices, Tablets */

@media only screen and (min-width : 768px)
{
    .menu-social a{
        float: right;
        text-align: right
    }

      /* "logo" */
    .logo{
        padding: 15px 0
    }


    /* @package "parutions" */
   .parutions{
       padding: 0
   }


    /* @package "MENU" */

    .menu-menu-principal-container li.menu-item{
        float: left;
    }



    /* CAROUSEL */

    .carousel-control {
        line-height: 30px;
        height: 30px;
        margin-left:0 ;
        width: 30px;
        font-size: 1.4em
    }

    .a-nos-amis-extraits .post .the_content{
        font-size: 1.3em;
    }

}
/* --------------------------------------------------------------------------- */




/* **** MAIN DESKTOP ****
 *
 *
 * Medium Devices, Desktops
 *  */
@media only screen and (min-width : 992px) and (min-height : 768px)
{

    /* "header" */
    .header{
        padding: 4em 0
    }

    /* @package "MENU SOCIAL" */


    /* CAROUSEL */

    .carousel.fade .item {
      height: 540px;
    }
}
/* --------------------------------------------------------------------------- */








/* STRICT MOBILE *  */
@media only screen and (max-width : 320px){ }
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){}
/* 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)){}