/*  HTML5 - Boilerplate
    + Normalize
    Author: SUPERSONIKS
    Font : OSWALD, light + regular

    Bleu            : 044CA2 // 004494
    Pharma          : 007e31
    Infirmier       : db6712
    Complémentaire  : 6d255d
*/

*,
*:before,
*:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(/js/libs/boxsizing.htc);
}

body {background:#e5e5e5 no-repeat center top;line-height: 1.5em}
body,  td { font-family: Georgia, "Times New Roman", Times, serif; color: #444; }

/*  ------------------------------------------------
    ROOT
--------------------------------------------------*/

/* @import url('https://fonts.googleapis.com/css?family=Oswald:300,400'); */

@font-face {
    font-family: 'Oswald';
    src: url('/font/oswald-light-webfont.eot');
    src: url('/font/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/oswald-light-webfont.woff') format('woff'),
         url('/font/oswald-light-webfont.ttf') format('truetype'),
         url('/font/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('/font/oswald-regular-webfont.eot');
    src: url('/font/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/oswald-regular-webfont.woff') format('woff'),
         url('/font/oswald-regular-webfont.ttf') format('truetype'),
         url('/font/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: bold;
    font-style: normal;
}




/*  ------------------------------------------------
    LAYOUT
--------------------------------------------------*/
    .site-container {
        position: relative;
    }
    .container {
        max-width: 740px;
        margin:0 auto;
        padding:0 10px;
        width: 100%;
        position: relative;
    }
    .bloc-principal {
        word-wrap:break-word;
        padding:10px 10px 5px;
        background:#fff;
        margin-bottom:8px;
    }
    .bloc-principal .bloc-principal {padding:0;margin-bottom:0;}

    .habillage-container {
        display:    none;
    }

    .iframe-hauteur,
    #iframe-coeur-et-diabete,
    #iframe-doconline {
        width: 100% !important;
        overflow: visible !important;
        border: 0 !important;
    }

/*  ------------------------------------------------
    HEADING / Titrage
--------------------------------------------------*/
    h1, .h1-like,
    h2, .h2-like,
    h3, .h3-like,
    h4, .h4-like,
    h5, .h5-like,
    h6, .h6-like{
        font-family : "Oswald",  Arial, Helvetica, sans-serif;
        font-weight : bold;
        line-height:1.4em;
        text-rendering: auto;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6{
        margin:0;
    }

    h1, .h1-like {font-size:167%;}
    h2, .h2-like {font-size:135%;}
    h3, .h3-like {font-size:113%;}
    h4, .h4-like {font-size:108%;}
    h5, .h5-like {font-size:108%;}
    h6, .h6-like {font-size:100%; font-weight : normal;}

    /*Titre soulignés*/
    .interview-infos,
    .sous-titre-encart,
    .titre-encart {
        font-size:120%;
        text-transform:uppercase;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-weight: normal;
    }

    .interview-infos {margin-bottom: 8px;}

    .bloc-article .interview-infos {margin-bottom: 0;font-size: 100%;}

    .titre-encart{color:#666;border-bottom:4px solid #666;padding-bottom:2px;margin-bottom:12px;}
    .bloc-principal .titre-encart {display:inline-block;max-width: 100%;}
    .a-la-une .titre-encart {max-width: 100%;display: inline-block;}

    .sous-titre-encart {color:#666;border-bottom:1px dotted #666;margin-bottom:12px;}


    /* Titres dans corps de texte */
    .mceContentBody h1 {font-size:167%;}
    .mceContentBody h1, .mceContentBody h2,
    .mceContentBody h3, .mceContentBody h4,
    .mceContentBody h5, .mceContentBody h6 {margin:1em 0 0.7em;color:#000;}

    .mceContentBody .titre-encart {margin-top:0;}
/*  ------------------------------------------------
    TYPOGRAPHIE
--------------------------------------------------*/

    nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

    .mceContentBody ol,
    .mceContentBody ul,
    .mceContentBody p {margin-bottom:1em;line-height: 1.5;}
    p {margin-bottom:1em;}

    #tinymce {background:#fff;padding:0 1em;}
    .mceContentBody a{text-decoration:underline;}
    .mceContentBody .btn{text-decoration:none;}

    .mceContentBody li {margin-bottom:4px;}
    .mceContentBody li li{margin-bottom:0;}
    .mceContentBody ul ol,
    .mceContentBody ol ol {margin:3px 0;list-style-type:lower-alpha ;}
    .mceContentBody ul ul,
    .mceContentBody ul ol {margin:3px 0;}

    /* Styles de texte, chapo etc */
        .chapo{font-size:108%;color:#111;}

        .accroche {
            padding:2%;font-size:123%;
            font-family:'Oswald', Arial, Helvetica, sans-serif;
            text-align:center;
            border-top:3px double #ddd;
            border-bottom:3px double #ddd;
        }

        .image-100 img{width:100%;height:auto;}

    /* Alignement droite - gauche */
        .image-gauche {float:left;  margin:0 1em 0.5em 0 ;}
        .image-droite {float:right; margin:0 0 0.5em 1em ;}

        .mceContentBody img[align="left"] { margin:0 1em 0.5em 0 ;max-width: 40%;}
        .mceContentBody img[align="right"] {margin:0 0 0.5em 1em ;max-width: 40%;}

        .figcaption,
        figcaption { font-family:'Oswald', Arial, Helvetica, sans-serif;font-size:93%;color:#666;margin-top: 5px;display: block; }


    /* Tableaux */
        .mceContentBody table.blind {background:#fff;border:none;}
        .mceContentBody table.blind th,
        .mceContentBody table.blind tr,
        .mceContentBody table.blind td {background:#fff;border:none;padding:0;}


        .mceContentBody table {margin:1.5em 0;font-size:85%; width:100%;border:1px solid #6983a1;background:#e3e9f0;}
        .mceContentBody table table{margin:0;background:#fff;font-size:100%;}
        .mceContentBody caption {color:#999;}

        .mceContentBody table p {margin:5px 0;}

        .mceContentBody table th,
        .mceContentBody table td{
            font-family : "Trebuchet MS",  Arial, Helvetica, sans-serif;
            vertical-align:middle;padding:9px;
            border:1px solid #6983a1;
        }
        .mceContentBody table tr {border-bottom:1px solid #6983a1;}

        .mceContentBody table th,
        .mceContentBody table td.tableau-entete{
        background:#044CA2;color:#fff;
        border:1px solid #6983a1;
        padding:4px 10px;
        font-weight: bold;
        }
        .mceContentBody table td:first-child{border-left: none;}
        .row-separator td {background: #fff !important; height: 40px;}
        /*
        .mceContentBody table tr{background:#fff;}
        .mceContentBody table tr:nth-child(2n){background:#eee;}
        */

    /* Styles complémentaires*/
        .mceContentBody .clearFloat {clear:both;}
        .mceContentBody img {max-width:100%;height:auto !important;}

/* Spécifier les classes suivantes au wysiwyg drupal
Chapo = chapo
Image à gauche = image-gauche
Image à droite= image-droite
Image à 100%(forcée) = image-100
Accroche de texte = accroche
Entête de tableau = tableau-entete
Reinitialiser l'alignement = clearFloat
*/

/*  ------------------------------------------------
    LIENS
--------------------------------------------------*/
    a{
        text-decoration : none;
        cursor : pointer;
        color:#111;
    }

    input:focus ,
    a:focus { outline: none !important;text-decoration: none;}

    a:active,
    a:hover { outline : 0 !important; color : #666;text-decoration: none; }

    .medecin a:hover {color:#044CA2;}
    .pharmacien a:hover {color:#007e31;}
    .infirmier a:hover {color:#db6712;}

    a,
    .transition{
        -o-transition-property:border-color, color, background-color, opacity, box-shadow, bottom, top;
        -o-transition-duration:0.3s;
        -o-transition-timing-function:ease;

        -moz-transition-property:border-color, color, background-color, opacity, box-shadow, bottom, top;
        -moz-transition-duration:0.3s;
        -moz-transition-timing-function:ease;

        -webkit-transition-property:border-color, color, background-color, opacity, box-shadow, bottom, top;
        -webkit-transition-duration:0.3s;
        -webkit-transition-timing-function:ease;

        transition-property:border-color, color, background-color, opacity, box-shadow, bottom, top;
        transition-duration:0.3s;
        transition-timing-function:ease;
    }


/*  ------------------------------------------------
::  FORMULAIRES
--------------------------------------------------*/
    form {margin: 0 0 20px; }

    label {color:#000;}

    ::-webkit-input-placeholder { /* WebKit browsers */
        color:    rgba(0,0,0,0.6);
    }
    :-moz-placeholder { /* Mozilla Firefox 6 to 18 */
        color:rgba(0,0,0,0.6);
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:rgba(0,0,0,0.6);
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color:rgba(0,0,0,0.6);
    }

    textarea { overflow: auto; vertical-align: top; resize: vertical;}
    .btn.active{background:#111;color:#fff;border-color:#111;}

    .btn-icon {padding:4px 7px 4px;
        background:url(../img/sprite.png) #666;background-position: 0 -120px;color:#fff;
        border:none;
    }
    .nuage-tag .btn  {margin-bottom: 4px}


    .btn {
        background:#f4f4f4;
        border-color:#ccc;    }
    .btn:focus,
    .btn:hover {background:#e7e7e7;}
    .btn,
    .btn:focus,
    .btn:hover {        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;}

    .btn-link,
    .btn-link:hover,
    .btn-link:focus {background:transparent;border-color:transparent;}

    .btn.btn-primary {background:#044CA2;color:#fff;border-color:#00316a}
    .btn.btn-primary:focus,
    .btn.btn-primary:hover {background:#00316a;color:#fff;}

    .btn.btn-success {background:#5BB75B;color:#fff;border-color:#48AA48}
    .btn.btn-success:focus,
    .btn.btn-success:hover {background:#48AA48;color:#fff;}

    .btn.btn-warning {background:#FAA732;color:#fff;border-color:#F89406}
    .btn.btn-warning:focus,
    .btn.btn-warning:hover {background:#F89406;color:#fff;}

    .btn.btn-danger {background:#d83b36;color:#fff;border-color:#b6302c}
    .btn.btn-danger:focus,
    .btn.btn-danger:hover {background:#b6302c;color:#fff;}

    .btn.btn-info {background:#5BC0DE;color:#fff;border-color:#2F96B4}
    .btn.btn-info:focus,
    .btn.btn-info:hover {background:#2F96B4;color:#fff;}

    .btn.btn-inverse {background:#333;color:#fff;border-color:#222}
    .btn.btn-inverse:focus,
    .btn.btn-inverse:hover {background:#111;color:#fff;}


    /*formulaires*/
    .form-ligne {margin:6px 0;}

    /*footer formulaires*/
    .form-footer {border-top:1px dotted #aaa;border-bottom:1px dotted #aaa;padding:5px 0 4px;margin:8px 0;}

    /*  ------------------------------------------------
     Code couleur
    --------------------------------------------------*/
    /* Defaut (medecin) */
    body .bg,
    body .bg-hover:hover,
    body .bg-active.active {background-color:#044CA2;color:#fff;}

    body .coul,
    body .coul-hover:hover,
    body .coul-active.active {color:#044CA2;}

    body .border,
    body .border-hover:hover,
    body .border-active.active {border-color:#044CA2;}

    /* Medecin  */
    .medecin .bg,
    .medecin .bg-hover:hover,
    .medecin .bg-active.active {background-color:#044CA2;color:#fff;}

    .medecin .bg-darker,
    .medecin .bg-darker-hover:hover,
    .medecin .bg-darker-active.active {background-color:#00284b;color:#fff;}


    .medecin .chapo,
    .medecin .coul,
    .medecin .coul-hover:hover,
    .medecin .coul-active.active {color:#044CA2;}

    .medecin .border,
    .medecin .border-hover:hover,
    .medecin .border-active.active {border-color:#044CA2;}

    /* Pharmacien  */
    .pharmacien .bg,
    .pharmacien .bg-hover:hover,
    .pharmacien .bg-active.active {background-color:#007e31;color:#fff;}

    .pharmacien .chapo,
    .pharmacien .coul,
    .pharmacien .coul-hover:hover,
    .pharmacien .coul-active.active {color:#007e31;}

    .pharmacien .border,
    .pharmacien .border-hover:hover,
    .pharmacien .border-active.active {border-color:#007e31;}

    .pharmacien .bg-darker,
    .pharmacien .bg-darker-hover:hover,
    .pharmacien .bg-darker-active.active {background-color:#004c1b;color:#fff;}

    /* Infirmier  */
    .infirmier .bg,
    .infirmier .bg-hover:hover,
    .infirmier .bg-active.active {background-color:#db6712;color:#fff;}

    .infirmier .chapo,
    .infirmier .coul,
    .infirmier .coul-hover:hover,
    .infirmier .coul-active.active {color:#db6712;}

    .infirmier .border,
    .infirmier .border-hover:hover,
    .infirmier .border-active.active {border-color:#db6712;}

    .infirmier .bg-darker,
    .infirmier .bg-darker-hover:hover,
    .infirmier .bg-darker-active.active {background-color:#AD4900;color:#fff;}

    /* TRANSVERSAL  */
    /*trnsversal si medecin*/
    .transversal .bg,
    .transversal .bg-hover:hover,
    .transversal .bg-active.active {background-color:#6d255d;color:#fff;}

    .transversal .chapo,
    .transversal .coul,
    .transversal .coul-hover:hover,
    .transversal .coul-active.active {color:#6d255d;}

    .transversal .border,
    .transversal .border-hover:hover,
    .transversal .border-active.active {border-color:#6d255d;}


    /*trnsversal couleur-2*/
    .transversal-2 .bg,
    .transversal-2 .bg-hover:hover,
    .transversal-2 .bg-active.active {background-color:#A31F1F;}

    .transversal-2 .chapo,
    .transversal-2 .coul,
    .transversal-2 .coul-hover:hover,
    .transversal-2 .coul-active.active {color:#A31F1F;}

    .transversal-2 .border,
    .transversal-2 .border-hover:hover,
    .transversal-2 .border-active.active {border-color:#A31F1F;}

    /*trnsversal couleur-3*/
    .transversal-3 .bg,
    .transversal-3 .bg-hover:hover,
    .transversal-3 .bg-active.active {background-color:#2d3e57;}

    .transversal-3 .chapo,
    .transversal-3 .coul,
    .transversal-3 .coul-hover:hover,
    .transversal-3 .coul-active.active {color:#2d3e57;}

    .transversal-3 .border,
    .transversal-3 .border-hover:hover,
    .transversal-3 .border-active.active {border-color:#2d3e57;}

    /*trnsversal si infirmier*/
    .infirmier .transversal .bg,
    .infirmier .transversal .bg-hover:hover,
    .infirmier .transversal .bg-active.active {background-color:#A31F1F;}

    .infirmier .transversal .chapo,
    .infirmier .transversal .coul,
    .infirmier .transversal .coul-hover:hover,
    .infirmier .transversal .coul-active.active {color:#A31F1F;}

    .infirmier .transversal .border,
    .infirmier .transversal .border-hover:hover,
    .infirmier .transversal .border-active.active {border-color:#A31F1F;}

    /*trnsversal si pharmacien*/
    .pharmacien .transversal .bg,
    .pharmacien .transversal .bg-hover:hover,
    .pharmacien .transversal .bg-active.active {background-color:#B84E01;}

    .pharmacien .transversal .chapo,
    .pharmacien .transversal .coul,
    .pharmacien .transversal .coul-hover:hover,
    .pharmacien .transversal .coul-active.active {color:#B84E01;}

    .pharmacien .transversal .border,
    .pharmacien .transversal .border-hover:hover,
    .pharmacien .transversal .border-active.active {border-color:#B84E01;}




    /*pagination*/
   .pagination:only-child {margin:0;}
   .pagination ul > .active > a,
   .pagination ul > .active > span {color:#044CA2}

   .infirmier .pagination ul > .active > a,
   .infirmier .pagination ul > .active > span {color:#A31F1F}

   .pharmacien .pagination ul > .active > a,
   .pharmacien .pagination ul > .active > span {color:#2d3e57}

   .transversal .pagination ul > .active > a,
   .transversal .pagination ul > .active > span {color:#6d255d}




    .bg a {color:#fff;}
    .bg a:hover,
    .bg a.active {color:#f7b200;}
    /*ROLL HOVER*/
    a.bg:not(.bg-hover):hover{background-color:#444;color:#fff;}
    a.coul:not(.coul-hover):hover{color:#444;}
    a.border:not(.border-hover):hover{border-color:#444;}


    /*Liens en bande*/
    .lien-bande {
        margin:8px 0;display:block;text-align:right;padding:2px 10px;
        font-family : "Oswald",  Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        border-top:1px dotted #ccc;
        border-bottom:1px dotted #ccc;
    }
    .lien-bande.bg {border:none;}


    /*  ------------------------------------------------
    ::  MENU Specialites
    --------------------------------------------------*/
    .specialites-menu-container,
    .specialites-bouton-container  {
        font-family: 'Oswald', Arial, sans-serif;
        position: relative;
        background-color:#9ab4d5;
    }

    .specialites-bouton-wrapper {
        width: 165px;
        display: block;
        height: 40px;
        float: left;
        position: relative;
        background-color:#9ab4d5;
        padding:10px;
    }

    .specialites-bouton {
       line-height:33px;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       padding:2px 0 2px 5px;
       z-index: 10;
       background: #9AB4D5;

    }

    /*Reset spé*/
    .specialites-bouton-reset {
       position: absolute;
       top: 0;
       right: 5px;
       z-index: 11;
       opacity: 0.3;
    }

    .specialites-bouton-reset i{
       font-size: 13px;
    }
    a.specialites-bouton-reset:hover {
        opacity: 1;
        color:#111;
    }

    .specialites-bouton:hover{
        background-color:#ACC4E2;
    }

    .specialite-bouton-texte {
        vertical-align: middle;
        display: inline-block;
        margin-left: 2px;
        line-height: 1.3;
        font-weight: bold;
        font-size:     13px;

    }
    .specialites-bouton strong {
        text-transform: uppercase;
    }
    .specialites-bouton i {
        vertical-align: middle;
        font-size: 20px;
        width: 22px;
        text-align: center;
        position: relative;
        top:-1px;

    }


    /*AFFICHE BAR / CROIX*/
    .specialites-bouton.active .icon-reorder,
    .specialites-bouton .icon-remove {
        display: none;
    }
    .specialites-bouton.active .icon-remove {
        display: inline-block;
    }

    /*Bande bleue clair*/
    .specialites-bouton-wrapper:before {
        background-color:#9ab4d5;
        height: 100%;
        width: 1000px;
        left:-1000px;
        content:'';
        display: block;
        position: absolute;
        pointer-events:none;
        top:0;
    }


    /* Liste container */
    .specialites-liste-container .container {
        min-width: 0;
    }



     .specialites-liste-container {
        background-color:#9ab4d5;
        font-family: 'Oswald', Arial, sans-serif;
        overflow: hidden;
        max-height: 0;
        -webkit-transition:all .3s  ease ;
        -moz-transition:all .3s  ease ;
        -o-transition:all .3s  ease ;
        transition:all .3s  ease ;
        position: absolute;
        left: 10px;
        top: 0;
        z-index: 9;
        width: 165px;
        overflow-y: scroll;
        background-color:#ACC4E2;
        -webkit-overflow-scrolling: touch;
    }

    .specialites-liste-container.active{
        max-height:300px;
    }

    .specialites-liste-container li {
        margin-right: 15px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
        line-height: 1.1;
        margin: 7px 0 7px 22px ;
    }


    .specialites-liste-container a{
        color:#111;
    }
     .specialites-liste-container  a.active{
        text-decoration: underline;
    }

    .specialites-liste-container li:last-child {margin-right: 0;}

    /*  ------------------------------------------------
    ::  MENU DEROULANT
    --------------------------------------------------*/
    .menu-deroulant-toggle {
        text-transform: uppercase;padding:2px 12px 1px;margin-right:25px;position: relative;background:#e5e5e5;text-align:left;display: inline-block;

    }
    .menu-deroulant-toggle:before{
          position: absolute;
          right: -25px;
          top: 0;
          height: 100%;
          content: '\f078';
          font-family: 'FontAwesome';
          background: #666 url(../img/sprite.png) no-repeat 0 -120px;
          width: 25px;
          text-align: center;
          color: #fff;
          line-height: 20px;
          z-index: 2;
          border-left: 5px solid #fff;
    }

    .menu-deroulant-toggle:hover:before{
        background-color:#444;
    }

    .menu-deroulant-container {
        font-family: 'Oswald', Arial, sans-serif;
        display:inline-block;position: relative;z-index: 30;
    }
    .menu-deroulant {
       position: absolute;top:100%;right:0;z-index: 15;margin-top:8px;
       display:none;text-align: left;z-index: 50;
        min-width: 100%;
    }
    .menu-deroulant:before {
       position: absolute;top:-10px;left: 50%;margin-left:-10px;content:'';display: block;
       border-bottom:10px solid #000;
       border-left:10px solid transparent;
       border-right:10px solid transparent;
    }
    .menu-deroulant nav{
       white-space: nowrap;background:#fff;z-index: 15;
       max-height: 330px;
       overflow:hidden;overflow-y:scroll;
       -webkit-overflow-scrolling: touch;
       box-shadow: 0 0 10px rgba( 0,0,0,0.4) ;
       border:3px solid #000;

    }
    .menu-deroulant ul{
        list-style:none;padding:0;margin:0;white-space: nowrap;background:#fff;

    }
    .menu-deroulant a {padding:7px 12px;display:block;border-bottom:1px dotted #aaa;}

    .menu-deroulant li:last-child a {border-bottom: none;}

    .menu-deroulant a:hover {background-color:#eee;}

    .menu-deroulant a.active {background-color: #000;border-bottom-color: #000;color: #fff;}



   /*  ------------------------------------------------
    ::  themes-menu
    --------------------------------------------------*/
    .themes-menu-container  {text-align:right;padding-top: 7px;}
    .icone-submit {padding:3px 5px 2px;margin-left:5px;background-image:url(../img/sprite.png) ;background-position: 0 -120px;}

    .themes-menu .menu-deroulant-toggle {width:120px;}

/*  ------------------------------------------------
::
::
::  BANNIERE / HEADER
::
::
--------------------------------------------------*/
    .mobile-header {
        background: #fff;
        padding: 5px 10px 3px;
        box-shadow: 0 0 10px #777;
        border-top:   4px solid;
        -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    .mobile-logo {
        max-width:120px;
        margin: 10px auto 0;
    }

    .mobile-baseline {
        text-transform: uppercase;
        text-align: center;
        color:#999;
        font-size: 12px;
        font-family:"Oswald", helvetica, arial, sans-serif;
        font-weight: bold;
        margin-top: 2px;
    }

    .mobile-preheader {
        padding:4px 10px;
    }

    .mobile-preheader-btn {
        border:1px solid;
        line-height: 26px;
        min-width:  33px;
        text-align:center;
        padding: 0 5px;
        display:    inline-block;
        height:28px;
        vertical-align: middle;
        position:   relative;
        font-family:"Oswald", helvetica, arial, sans-serif;
        z-index: 10;
        -webkit-transform:translateZ(0);
        -moz-transform:translateZ(0);
        -o-transform:translateZ(0);
        transform:translateZ(0);
    }


    .mobile-preheader-btn i {
        font-size:19px;
        position: relative;
        top: 2px;
    }
    .mobile-preheader-btn .icon-remove,
    .mobile-preheader-btn.active .icon-align-justify {
        display:    none;
    }


    .mobile-preheader-btn.active .icon-remove {
        display:    inline-block   ;
    }

    .mobile-preheader-btn.active,
    .mobile-preheader-btn:hover {
        color:#666;

    }


    #menu-mobile-toggle-spe {
         max-width:   68px;
         color:#fff;
    }

    #menu-mobile-toggle-spe .spe-angle {
        position: absolute;
        left: 100%;
        display: block;
        border-left-width: 5px;
        border-left-style: solid;
        border-top: 7px solid transparent !important;
        border-bottom: 7px solid transparent !important;
        margin-top: 5px;
    }
    #menu-mobile-toggle-spe:hover .spe-angle {
        border-left-color: #444;
        transition:border .3s ease;

 }


    /*  ------------------------------------------------
    ::  Mobile recherche
    --------------------------------------------------*/
    .mobile-recherche {
        padding:12px 0 10px 10px;
        white-space: nowrap;
    }

    .mobile-recherche form {
        margin:0;
    }

    .mobile-recherche input[type="text"] {
        width: 210px;
        background: #eee;
        padding-left: 15px;
        border-radius:20px;
        vertical-align: middle;
        margin:0;
        border-color:   transparent;
        box-shadow:     none;
    }

    .mobile-recherche input[type="text"]:focus {
        border-color:transparent;
        color:#444;
        box-shadow: none;
        background:     #ddd;
    }

     .mobile-recherche .btn {
        width:  30px;
        height:     30px;
        padding-left:   0;
        padding-right:  0;
        border-radius:  50%;
        color:#666;
        position: relative;
    }

     .mobile-recherche .btn:hover {
        text-decoration:    none;
        background:     #ddd;
        color:#444;
    }

    .mobile-autre-recherche {
        margin:0 0 0 9px;
    }

    .mobile-autre-recherche a{
        color:#999;
        font-size:  11px;
        text-transform:uppercase;
    }

    .mobile-autre-recherche a:hover{
        color:#444;
    }



    /*  ------------------------------------------------
    ::  catégorie (médecin pharmacion infirmier)
    --------------------------------------------------*/
    .mobile-liens-categorie {
        padding: 15px 0 12px 10px;
        white-space: nowrap;
    }
    .mobile-liens-categorie img {
        height: 28px;
    }
    .mobile-liens-categorie a {
        margin-left: 13px;
    }
    .mobile-liens-categorie a:first-child {
        margin-left: 0;
    }


    /*  ------------------------------------------------
    ::  catégorie (médecin pharmacion infirmier)
    --------------------------------------------------*/
    .menu-mobile.menu-mobile-user {
        border-top-width: 5px;
    }
    .menu-mobile-user a{
        padding-left:   40px;
    }

    .menu-mobile-user a .icon-user {
       position: absolute;
        left: 10px;
        font-size: 25px;
        top: 14px;
    }
    .menu-mobile-user small{
        text-transform: none;
        font-size:  12px;
        opacity:    0.5;
    }


/*  ------------------------------------------------
::  BANNIERE / HEADER
--------------------------------------------------*/
    .banniere {
        background:#fff;height: 80px;position: relative;
    }

    .banniere-contenu {background:url(../img/ombre-logo.png) repeat-y 115px 0 #fff;background-size:auto 100% ;}
    .site-header{position:relative;background:#fff;}
    .date-maj {
      display: none;
    }

    .site-logo {width: 118px;padding: 15px 10px 0 0;}
    .header-logo-pharmacien,
    .header-logo-infirmier {display:none;}

    .pharmacien .header-logo-general,
    .infirmier .header-logo-general {display:none;}

    .pharmacien .header-logo-pharmacien {display:block;}
    .infirmier .header-logo-infirmier {display:block;}

    /*  ------------------------------------------------
    ::  PREHEADER
    --------------------------------------------------*/
    .pre-header {text-align:right;height: 30px;overflow: hidden;}
    .pre-header .pre-header-contenu {padding-top:0; padding-bottom: 0;}
    .menu-utilisateur {position: relative;background:#e5e5e5;color:#666;}

    .raccord-fond{height: 100%;width:20px;z-index:0;right: 0;top:0;position: absolute;}

    .menu-utilisateur:before{
        height: 100%;
        width:1200px;
        margin-left: -1200px;
        left:0;
        top:0;
        content:"";
        position: absolute;
        background: #e5e5e5;
    }
    .menu-utilisateur a {color:#444;margin-left:3px;display:inline-block;}
    .menu-utilisateur a:hover,
    .menu-utilisateur a.active {color:#444}

    /*LOGIN etc*/
    .pre-header-contenu{background:url(../img/user-menu.png) repeat-y 72% top;}
    .login-menu {padding-left:10px;}

    .login-menu-contenu {float: right;}
    .login-menu  a,
    .login-menu-contenu > span {float:left;border-left:1px solid rgba(255,255,255,0.5);padding:0 5px ;}
    .login-menu a:first-child {border:none;}


    .login-menu .ellipsis{max-width: 90px;}
    .login-menu,
    .menu-utilisateur {padding-top:5px;padding-bottom:5px;position: relative;}
    body .premium-typo {
        display:inline-block;position: relative;
        background-image:url(../img/sprite.png);background-position:-150px 2px ;
        width:72px;height:17px;}
    .login-menu .premium-typo {width:21px;background-position:-66px 2px ;}
    .controls .btn + .premium-typo {vertical-align:middle;margin-top:10px;float:right;}

    /*  ------------------------------------------------
    ::  identité / bannière
    --------------------------------------------------*/
    .banniere .grid {padding-top:0;padding-bottom:10px;height:80px;}
    .banniere-contenu {width: 100%;}
    .banniere .banniere-element {float:left;height: 80px;}

    /*Ombre logo + txt*/
    .signature-logo {padding: 17px 0 10px 12px;}
    .signature-logo img {width: 78px}

    /*Liste liens header*/
    .liste-lien-categorie li{height:80px;display:inline-block;position: relative;padding:22px 1px 0 5px ;}
    .liste-lien-categorie {padding-left:5px;}
    .lien-categorie-jim{
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
        filter: alpha(opacity=35);
        opacity:0.35;
    }
    .lien-categorie-jim:hover {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity:1;
    }

    .general .lien-categorie-jim-pharmacien,
    .general .lien-categorie-jim-medecin,
    .general .lien-categorie-jim-infirmier,

    .pharmacien .lien-categorie-jim-pharmacien,
    .medecin    .lien-categorie-jim-medecin,
    .infirmier  .lien-categorie-jim-infirmier {
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity:1;
    }


    .banniere .lien-categorie-jim img {height:25px;width: auto}

    .liste-lien-categorie li:first-child:after {display:none;}
    .liste-raccourcis:before,
    .liste-raccourcis:after,
    .liste-lien-categorie li:after {
        height: 45px;width: 1px;content:"";display:block;
        border-right:1px dotted #aaa;position: absolute;left:0;top:50%;margin-top:-22px;
    }

    .liste-raccourcis:after {right:0;left:auto;}

    /*Liste raccourcis twitter, etc*/
     .banniere .liste-raccourcis {float:right;text-align:center;padding:17px 12px 0;position: relative;}
     .liste-raccourcis a {display:block;margin-bottom:2px;}
     .liste-raccourcis .icon-twitter {font-size:14px;}
     .liste-raccourcis .icon-rss {font-size:14px;}
     .liste-raccourcis .icon-large.icon-mobile-phone {font-size:18px;}

    /*  ------------------------------------------------
    ::  Bloc recherche
    --------------------------------------------------*/
    .bloc-recherche  form{margin:10px 10px 4px 0 ;padding-right:40px;position: relative;}
    .bloc-recherche  form input[type='text']{width: 100%;border:none;background:#e5e5e5;margin:0;}
    .bloc-recherche  form button {position: absolute;right: 0;top:0;}
    .autre-recherche {font-size:93%;line-height: 1.3em;}


/*  ------------------------------------------------
::  NAVIGATION
--------------------------------------------------*/

    /*Menu Principal */
    .menu-container {position: relative;}
    .menu-principal{
        font-family:"Oswald", helvetica, arial, sans-serif;
        font-weight: bold;
        padding:0 10px;
    }
    .menu-principal li{
        float:left;position: relative;padding:0;
    }
    .menu-principal a {
        display:block;
        padding: 0 7px;
        height: 40px;
        line-height: 40px;
        position: relative;
        overflow: hidden;
    }

    .menu-principal a:hover {
        color:#fff;
        background-color:rgba(255,255,255,0.15);
    }

    .menu-principal a.active {
        color:#fff;
    }

    .menu-pointeur {
        width: 10px;
        height: 10px;
        position: absolute;
        left: 50%;
        margin-left: -5px;
        bottom:-12px;
        -moz-transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    .menu-principal a.active .menu-pointeur{
        bottom:-5px;
    }


    /*Separateur*/
    .sous-menu li a:after,
    .menu-principal li:after{
        content:"";
        height:14px;
        width: 1px;
        background:#fff;
        position: absolute;
        display: block;
        left: 0;top:50%;
        margin-top:-7px;
        opacity: 0.4;
    }

    .sous-menu li a:after{
        background:#fff;height:12px;
        margin-top:-6px;
        left:auto;
        right:-1px;
        opacity: 0.3;
    }

    .sous-menu li:last-child a:after,
    .menu-principal li:first-child:after{display:none;}

    /*Sous-menu*/
    .sous-menu{
        font-family:"Oswald", helvetica, arial, sans-serif;
        font-size:12px;
        padding:4px 10px 4px  ;
    }
    .sous-menu li {float:left;position: relative;margin-right:1px;}
    .sous-menu li a{padding:1px 10px 1px;display:block;position:relative;z-index:2;color:#fff;}
    .sous-menu li a:hover{background-color:rgba(255,255,255,0.15);color:#fff;}
    .sous-menu li a.active{color:#fff;text-decoration: underline;}




/*  ----------------------------------------------
    old-ios
--------------------------------------------------*/
  /*
    .old-ios ,
    .old-ios body  {
        overflow :auto;
    }

    .old-ios #menu-mobile-toggle-container,
    .old-ios #menu-mobile-toggle-spe-container,
    .old-ios .snap-drawers {
        display: none !important;
    }


    .old-ios .snap-content {
        position: relative;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
    }

*/



    .old-ios .menu-mobile-container ,
    .old-ios #menu-mobile-toggle-container,
    .old-ios #menu-mobile-toggle-spe-container,
    .old-ios .snap-drawers {
        display: none !important;
    }


/*  ----------------------------------------------
    MENU MOBILE
--------------------------------------------------*/
    /*.snap-content {
      background:#e5e5e5;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: auto;
      height: auto;
      z-index: 2;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }

    .snap-drawers {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: auto;
      height: auto;
      background:#fff;
      color:#666;
    }

    .snap-drawer {
      position: absolute;
      top: 0;
      right: auto;
      bottom: 0;
      left: auto;
      width: 265px;
      height: auto;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      -webkit-transition: width 0.3s ease;
         -moz-transition: width 0.3s ease;
          -ms-transition: width 0.3s ease;
           -o-transition: width 0.3s ease;
              transition: width 0.3s ease;
        -webkit-transform : translate3d(0,0,0);
        -moz-transform    : translate3d(0,0,0);
        -o-transform      : translate3d(0,0,0);
        -ms-transform     : translate3d(0,0,0);
        transform         : translate3d(0,0,0);
    }

    .snap-drawer-left {
      left: 0;
      z-index: 1;
    }

    .snap-drawer-right {
      right: 0;
      z-index: 1;
    }

    .snapjs-left .snap-drawer-right,
    .snapjs-right .snap-drawer-left {
      display: none;
    }

    .snapjs-expand-left .snap-drawer-left,
    .snapjs-expand-right .snap-drawer-right {
      width: 100%;
    }
*/

    .menu-mobile {
        font-family: "Oswald", helvetica, arial, sans-serif;
        border-top: 1px solid #ddd;
    }

    .menu-mobile-container {
        background: #fff;
        height: 0;
        overflow-x:hidden;
    }


    /*  ------------------------------------------------
    ::  BOUTON DEPLIER NAV INFERIEURE
    --------------------------------------------------*/
    .menu-mobile-deplier {
      position: relative;
    }
    .deplier-bouton {
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      color: #ccc;
      position: absolute;
      z-index: 10;
      right: 0;
      top: 0;
      bottom: 0;
      padding: 8px 13px 0;
    }
    .deplier-bouton:hover,
    .deplier-bouton.active {
      background: rgba(0,0,0,0.1);
      color: #666;
    }

    li.active .deplier-bouton {
        color:#fff;
    }
    .deplier-bouton.active .icon-chevron-down {
      display: none;
    }
    .deplier-bouton .icon-chevron-up {
      display: none;
    }
    .deplier-bouton.active .icon-chevron-up {
      display: inline-block;
    }

    /*  ------------------------------------------------
    ::  Niveau 1
    --------------------------------------------------*/
    .menu-mobile-niveau-1 {
       position:   relative;
       z-index: 1;

       padding: 12px 50px 10px 11px;
       color: #333;
       display: block;
       border-bottom: 1px solid #ddd;
       border-top: 1px solid #ddd;
       margin-top:  -1px;
       text-transform:  uppercase;
       font-weight:     bold;
       font-size: 16px;
       line-height:     1;
    }
    .menu-mobile-niveau-1:hover {
        background: #f5f5f5;
    }

    /*  ------------------------------------------------
    ::  Niveau 2
    --------------------------------------------------*/
    .menu-mobile > ul  ul {
        display: none;
        border-bottom: 1px solid #ddd;
    }
   .menu-mobile .active  ul {
        display: block;
    }

    .menu-mobile > ul  ul {
    }
    .menu-mobile > ul  ul a:after {
        position: absolute;
        top: 50%;
        margin-top: -10px;
        color: #ddd;
        content: "\f105";
        right: 16px;
        font-family: "FontAwesome";
        font-size: 20px;
    }

    .menu-mobile > ul  ul a:hover:after {
        color: #666;
    }


    /*
    .menu-mobile > ul  ul a:before {
        content: "\f0da";
        display:    inline-block;
        margin-right:   3px;
        opacity:    0.4;
        font-family: "FontAwesome";

    }*/
    .menu-mobile > ul  ul a {
        color:#666;
        padding:6px 40px 6px 10px;
        position:   relative;
        display:    block;
        border-bottom:1px solid #fff;
    }

    .menu-mobile > ul  ul li:last-child a {
        border-bottom:none;
    }

    .menu-mobile > ul  ul a.active{
        background: #eee;
    }
    .menu-mobile > ul  ul a:hover {
        background: #f5f5f5;
    }

   /*  ------------------------------------------------
    ::  Menu spécialité
    --------------------------------------------------*/
    .menu-mobile-titre {
        padding:20px 10px  ;
        text-align: center;
        text-transform:     uppercase;
    }
    .menu-mobile-reset-spe {
        background: #f5f5f5;
        color :#888;
    }


    .menu-mobile-reset-spe:hover {
        background: #ccc;
        color:#000 !important   ;
    }
    .menu-mobile-spe .menu-mobile-niveau-1 {
       padding: 9px 10px 9px;
       font-size: 14px;
       text-transform:none;

    }




    /* General styles for all menus */
    .cbp-spmenu {
        position: fixed;
    }

    /* Orientation-dependent styles for the content of the menu */

    .cbp-spmenu-vertical {
        width: 265px;
        height: 100%;
        top: 0;
        z-index: 1000;
        overflow-y: auto;
    }


    /* Vertical menu that slides from the left or right */

    .cbp-spmenu-left {
        left: -265px;
    }

    .cbp-spmenu-right {
        right: -265px;
    }

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 0px;
    }

    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0px;
    }

    /* Horizontal menu that slides from the top or bottom */

    .cbp-spmenu-top {
        top: -150px;
    }

    .cbp-spmenu-bottom {
        bottom: -150px;
    }

    .cbp-spmenu-top.cbp-spmenu-open {
        top: 0px;
    }

    .cbp-spmenu-bottom.cbp-spmenu-open {
        bottom: 0px;
    }

    /* Push classes applied to the body */

    .cbp-spmenu-push {
        overflow-x: hidden;
        position: relative;
        left: 0;
    }

    .cbp-spmenu-push-toright {
        left: 265px;
    }

    .cbp-spmenu-push-toleft {
        left: -265px;

    }

    /* Transitions */

    .cbp-spmenu,
    .cbp-spmenu-push {
        -ms-transition: left 0.3s ease, right 0.3s ease ;
        -webkit-transition: left 0.3s ease, right 0.3s ease ;
        -moz-transition: left 0.3s ease, right 0.3s ease ;
        transition: left 0.3s ease, right 0.3s ease ;
    }

   /* .site-container:before ,
    .site-container:before {
        opacity:    0;
        display:block;

    }
*/
     .cbp-spmenu-push-toleft .site-container:before ,
    .cbp-spmenu-push-toright .site-container:before {
        background:rgba(80,80,80,0.6);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        content: "";
        display: block;
        visibility: visible;
        display:block;
        height:auto;
        z-index: 999;

      /*  opacity:    1;
        -webkit-transition:opacity 0.3s ease;
        -moz-transition:opacity 0.3s ease;
        -o-transition:opacity 0.3s ease;
        transition:opacity 0.3s ease;*/
    }


@media only screen and (max-width: 767px) {

    .cbp-spmenu-push-toright ,
    .cbp-spmenu-push-toleft {
        overflow: hidden;

    }


}


@media only screen and (min-width: 768px) {
    .menu-mobile-container {
        display:    none;
    }

    .cbp-spmenu-push-toright,
    .cbp-spmenu-push-toleft {
        left:0 !important;
        z-index:    10;
    }

    .cbp-spmenu-push-toleft .site-container:before ,
    .cbp-spmenu-push-toright .site-container:before {
        display:    none !important;
    }
}

/*  ----------------------------------------------
    CNIL / COOKIES - inutile voir i-dessous
--------------------------------------------------*/
    #trackingCookie {
        background: #004494;
        color: #ddd;
        box-shadow: 0 -5px 5px rgba(0,0,0,0.2) inset;
        padding: 10px;
        font-size: 13px;
    }

    #trackingCookie a{ color:#fff;}
    #trackingCookie a:hover{ color:#f7b200;}

/**-----------Pour les cookies ------------*/


#trackingCookie .cookiesOK {
    background: none repeat scroll 0 0 #004494;
    border: 1px solid #C5C6C7;
    color: #fff;
    font-size:12px;
    padding: 0 4px !important;
    text-decoration: none;
    cursor: pointer;
}

#trackingCookie a.liencookies {
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    text-decoration: none;
}
#trackingCookie  a.liencookies:hover{
    color: #f7b200;
}
/*  ----------------------------------------------
    FOOTER DU SITE
--------------------------------------------------*/
    .site-footer-container {padding-top:0;padding-bottom: 0;}
    .footer-principal {background:#fff;padding:10px;text-align:     center; }
    .footer-principal .element{ display:inline-block;}

    /*FOOTER SECONDAIRE*/

    .footer-plan-site li{line-height: 1.4em;}

    .footer-plan-site > ul > li ,
    .footer-plan-site > ul > li > ul > li {margin-bottom:12px;}

    .footer-plan-site li li{}
    .footer-plan-site {
        background:#58585a;
        font-size:93%;
        padding:10px 10px 8px;float: left;width: 66.6666666%;
        -webkit-transform : translate3d(0,0,0);
        -moz-transform    : translate3d(0,0,0);
        -o-transform      : translate3d(0,0,0);
        -ms-transform     : translate3d(0,0,0);
        transform         : translate3d(0,0,0);
    }


    .footer-plan-site  a {color:#ddd;}
    .footer-plan-site  a:hover {color:#fff !important;text-decoration: underline;}

    .footer-plan-site .niveau-1 {font-weight: bold;text-transform: uppercase;font-size: 13px;color:#fff;}
    .footer-plan-site .niveau-2 {font-weight: bold;}


    .footer-plan-site .niveau-3 {position: relative;display: inline-block;line-height: 1em;padding-left: 8px;margin-left:3px;color:#bbb;}
    .footer-plan-site li li:hover .niveau-3 {color:#ccc;}
    .footer-plan-site .niveau-3:before {
        content: "";border-left:4px solid #444;border-top:4px solid transparent;border-bottom:4px solid transparent;
        position: absolute;left: 0;top: 2px;}

    .csscolumns .footer-plan-site {
        -moz-column-count   :4;
        -webkit-column-count:4;
        -webkit-column-count:4;
        column-count        :4;
    }
    .footer-logos {width: 33.333333%;float:left;padding:20px;}

    .logo-footer {}
    .premium-footer {margin-top:20px;max-width: 225px;padding-top:20px;border-top:1px dotted #aaa;}


    .footer-secondaire {background: url(../img/ombre-footer.png) 106% 0 repeat-y}


    /*  ------------------------------------------------
    ::  Footer
    --------------------------------------------------*/
    .menu-footer  {font-size:93%;margin:10px 10px 0;}
    .menu-footer a {border-left:1px solid #e5e5e5;padding:0 2px 0 3px;display: inline-block;}
    .menu-footer a:first-child {border-left:none;}

    /*FOOTER partenaires*/
    .logos-partenaires a {border-left:1px solid #e5e5e5;padding:0 3px  ;}
    .logos-partenaires a:first-child {border:none;padding-left:0;}
    .logos-partenaires img {
        height:23px;
    }

    .footer-raccourcis {float:right;margin:10px 0 0;}
    .footer-raccourcis a{margin:0 3px;}


/*  ------------------------------------------------
    PLUGINS
--------------------------------------------------*/
 /*
     * jQuery FlexSlider v2.0
     * http://www.woothemes.com/flexslider/
     *
     * Copyright 2012 WooThemes
     * Free to use under the GPLv2 license.
     * http://www.gnu.org/licenses/gpl-2.0.html
     *
     * Contributing author: Tyler Smith (@mbmufffin)
     */

    /* Browser Resets */
    .flexslider a {-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}

    .flex-container a:active,
    .flexslider a:active,
    .flexslider-container  a:focus,
    .flex-container a:focus,
    .flexslider a:focus  {outline: none !important;}

    .slides,
    .flex-control-nav,
    .flex-direction-nav {margin: 0; padding: 0; list-style: none;}


    /* FlexSlider Necessary Styles
    *********************************/
    .flexslider {margin: 0; padding: 0;}
    .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {width: 100%; display: block;}
    .flex-pauseplay span {text-transform: capitalize;}

    /* Clearfix for the .slides element */
    .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
    html[xmlns] .slides {display: block;}
    * html .slides {height: 1%;}

    .no-js .slides > li:first-child {display: block;}

    /* FlexSlider Default Theme
    *********************************/
    .flexslider { position: relative;zoom: 1;}
    .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
    .loading .flex-viewport {max-height: 300px;}
    .flexslider .slides {zoom: 1;}

    .carousel li {margin-right: 5px}

    /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
    .flexslider-container {zoom: 1; position: relative;}

    /* Direction Nav */
    .flex-direction-nav li a:hover {
        opacity:0.6;
    }
    .flex-direction-nav li a {
        width: 20px; height: 40px;
        background: url(../img/sprite.png) no-repeat -5px  -80px transparent;
        margin: -40px 0 0;opacity:0.25;filter:alpha(opacity=25);
        display: block; position: absolute; top: 50%;
        cursor: pointer; text-indent: -9999px;z-index:4;
    }
    .flex-direction-nav li .flex-next {background-position:-48px -70px; right:0;}
    .flex-direction-nav li .flex-prev {background-position: -8px  -70px ;left:0;}
    .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

    /* Control Nav */
    .flex-control-nav {width: 100%; text-align: center;margin:5px 0;z-index:4;position: relative;}
    .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
    .flex-control-nav li:first-child {margin: 0;}
    .flex-control-nav li a {background:#ccc;border-radius:13px;width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
    .flex-control-nav li a:hover {background:#aaa;}
    .flex-control-nav li a.flex-active { cursor: default;background:#111;}

    /*Navigation personnalisée*/
    .slider-custom-nav {}
    .slider-custom-nav a{}
    .slider-custom-nav a:hover{}
    .slider-custom-nav a.flex-active{}

    /*image*/
    .slides .image-link {display:block;}

    /* Caption style */
    .flex-caption {zoom: 1;width: 50%;position: absolute; left: 0; bottom:0;background:rgba(0,0,0,0.6);padding:1.2em;}



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

    Elements de base ( Pagination, liens sur image, fil d'ariane, etc )

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

    /*  ------------------------------------------------
    :: Breadcrumbs - Fil d'ariane
    --------------------------------------------------*/
        .breadcrumbs-container  {padding-bottom:0;margin-bottom:-10px;z-index:8;color:#999;}
        .breadcrumbs-contenu  {background:#fff;padding:0 10px 10px ;}

        .breadcrumbs {overflow: hidden;padding:5px;border-bottom:1px dotted #aaa;margin-right: 20px}
        .breadcrumbs li {padding-right:2px ; display:inline;}
        .breadcrumbs li a, .breadcrumbs li span { font-size: 93%; padding-left: 0;color:#999;font-size:85%; }
        .breadcrumbs li a:hover{color:#000; }

        .breadcrumbs li:first-child a, .breadcrumbs li:first-child span { padding-left: 0; }
        .breadcrumbs li:before { content: "> "; color: #999; }
        .breadcrumbs li:first-child:before { content: " "; }
        /*Element actif*/
        .breadcrumbs li:last-child a{color:#999; }

        /*Lien fil d'ariane desactivé*/
        .breadcrumbs .unavailable a { color: #999; }
        .breadcrumbs .unavailable:hover a { text-decoration: none; color: #999; cursor: default; }

    /*-------------------------------------------------
    :: Transition pour images entourés d'un lien
    --------------------------------------------------*/
        figure {margin:0;}
        .image-container ,
        .image-link {
           -webkit-backface-visibility: hidden;
           -moz-backface-visibility: hidden;
           -ms-backface-visibility: hidden;
           backface-visibility: hidden;

           -webkit-perspective: 1000px;
           -moz-perspective: 1000px;
           -ms-perspective: 1000px;
           perspective: 1000px;

              -webkit-transform : translate3d(0,0,0);
            -moz-transform    : translate3d(0,0,0);
            -o-transform      : translate3d(0,0,0);
            -ms-transform     : translate3d(0,0,0);
            transform         : translate3d(0,0,0);
            position:relative;display:inline-block;max-width:100%;
        }

        .image-full img {width: 100%;}

        figure,
        figure img,
        .image-container img,
        .image-link img{
            max-width:100%;
            -webkit-transition: opacity .3s;
            -moz-transition   : opacity .3s;
            -o-transition     : opacity .3s;
            -ms-transition    : opacity .3s;
            transition        : opacity .3s;
            -webkit-transform : translate3d(0,0,0);
            -moz-transform    : translate3d(0,0,0);
            -o-transform      : translate3d(0,0,0);
            -ms-transform     : translate3d(0,0,0);
            transform         : translate3d(0,0,0);
        }

        .effet-zoom img{
            -webkit-transition: all 1s;
            -moz-transition   : all 1s;
            -o-transition     : all 1s;
            -ms-transition    : all 1s;
            transition        : all 1s;
        }

        a:hover figure img,
        .image-link:hover img {opacity:0.75;text-decoration:none;}


    /*-------------------------------------------------
    :: Addthis Barre de partage
    --------------------------------------------------*/
    .addthis_toolbox {min-height:20px;float:right;}
    .addthis_toolbox a {height:20px;overflow:hidden;}

    /*------------------------------------------------
    :: Blocks vidéos youtube dailymotion etc. responsive
    --------------------------------------------------*/
    .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
    .video-container iframe,
    .video-container object,
    .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .youtube-video-container { padding-top: 30px; }

    /*------------------------------------------------
    :: Loader Ajax
    --------------------------------------------------*/
    .site-container .ajax-progress {
      position:fixed;top:50%;left:50%;
      display: inline-block;z-index:9999;
      margin: -16px 0 0 -16px;
      padding:5px;
      border-radius:3px;
      background:#fff;
      box-shadow:0 0 6px #666;
    }
    .site-container .ajax-progress .throbber {
      background: transparent url(../img/loading.gif) !important;
      height: 32px;
      width: 32px;
    }


    /*  ------------------------------------------------
    :: Outils
    --------------------------------------------------*/
    .outils {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:93%;}

    /*------------------------------------------------
    ::  Bloc
    --------------------------------------------------*/
    .bloc {margin:10px 0 1em;}
    .bloc-contenu {padding:0 10px;}


    /*------------------------------------------------
    ::  Onglets
    --------------------------------------------------*/
    .etabs {list-style:none;margin:0;padding:0;display:table;width: 100%;}
    .etabs li {display:table-cell;padding-right:1px;width:25%;vertical-align:middle;}
    .etabs li:last-child {padding-right:0;}
    .etabs a {
        color:#888;
        display:table;
        width: 100%;
        padding:9px 4px;
        border:1px solid #ccc;
        border-bottom:none;
        font-size: 12px;
        line-height: 1.3;
    }
    .etabs a span{display:table-cell;vertical-align:middle;}
    .etabs li a:hover{
        border-color:#aaa;
        color:#000;
    }
    .etabs li a.active{
        background:#fff;
        color:#000;
        border-color:#fff;
    }
    .tab-container .bloc-contenu {background:#fff;padding:10px;}

    /*------------------------------------------------
    :: Block rogné
    --------------------------------------------------*/
    .crop-block-content ,
    .crop-block-content-wrapper {position: relative;}
    .cropped .texte-masque {
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#00ffffff',endColorStr='#ffffffff');
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, 0)),to(rgba(255, 255, 255, 1.0)));
        background-image: -moz-linear-gradient(top center,rgba(255, 255, 255, 0) 20%,rgba(255, 255, 255, 1.0) 95%);
        bottom: 0;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorStr='#00ffffff',endColorStr='#ffffffff');
        height: 70px;
        position: absolute;
        width: 100%;
    }
    .crop-bouton {width: 100%;margin:7px 0;border:none;}


    /*------------------------------------------------
    ::  Bloc actualite / ARTICLE
    --------------------------------------------------*/
    .bloc-article  {
        display:block;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .isotope .liste-no-img .bloc-article,
    .article-hauteur-auto .bloc-article{
        height:auto !important;
        margin-bottom:1.8em;
    }
    .js-liste-bouton-plus {
        margin-bottom:1.8em;
    }


    .liste-article article {position: relative;border-bottom:1px dotted #aaa;padding-bottom:0.8em;margin-bottom:0.8em;}

    .article-lien-rompu {color:#999;font-size: 11px;}
    .article-lien-rompu:hover {color:#444;}

    .liste-article.article-min article {padding-bottom:5px;margin-bottom: 5px;}

    /*retire le bord des derniers blocs*/
    .liste-article > article:last-child,
    .liste-article > :last-child div[class*="col"]:last-child article{
        border-bottom:none;
        padding-bottom:0;
    }

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

        .liste-article > :last-child article{
            border-bottom:none;
            padding-bottom:0;
        }

    }


    .article-date-publication {
        color:#999;
        line-height:  1.2;
        font-size:  11px;
    }

    .article-titre {
        margin-bottom:8px;
    }

    .article-date {
        font-family: Georgia, "Times New Roman", Times, serif;
        margin-bottom: 8px;
        color:#444;
        font-weight: normal;
        font-size: 100%;
    }

    .article-resume {
        margin: 0.5em 0 0.6em;
        line-height: 1.5;
        font-size:  12px;
        color:  #666;
    }

    .article-infos {
        text-align:right;
        white-space: nowrap;
    }

    .article-infos > span {
        margin-bottom:5px;
        padding-left:8px;
        margin-left:7px;
        display:inline-block;
        vertical-align:middle;
        border-left:1px solid #ccc;
        height: 13px;
        line-height: 13px;
    }

    .article-infos > span:first-child {
        border-left:none;
        margin-left:0;
    }

    .info-premium {
        background-image:url(../img/sprite.png);
        width: 22px;
        height: 13px;
        background-position:-65px -28px;
        display:inline-block !important;
        vertical-align:middle;
    }

    .article-infos .info-premium {
        display:inline-block;
    }

    /*Article important*/
    .une-important {margin-bottom: 1em}
    .une-important .article-titre {font-size:20px;}/*h1*/
    .article-important .article-titre {font-size:17px; max-width: 550px}/*h2*/

    /*Article secondaire*/
    .liste-article-titre .article-titre ,
    .article-secondaire .article-titre {font-size:15px;}/*h4*/
    .article-secondaire .article-resume {font-size:85%;}
    .article-secondaire .article-date {font-size:85%;}

    .une-secondaire .info-libelle,
    .liste-article-titre .info-libelle,
    .article-mini .info-libelle {display: none;}

    /*Article mini*/
    .article-mini  {margin-bottom: 8px;}
    .article-mini .article-titre {font-size:13px;}/*h4*/
    .article-mini .article-resume {font-size:80%;line-height: 1.3em;color:#555;}
    .article-mini .article-date {font-size:80%;}


    /*Une secondaire*/
    .bloc-article .image-horizontal {margin-bottom: 5px;}
    .une-secondaire .image-medium {margin:0 10px 10px 0;}

    .une-accueil .une-secondaire {margin-bottom:10px;}
    .une-accueil .bloc-principal {margin-bottom:0;}
    .une-accueil .une-secondaire .image-medium,
    .bloc-article .image-small {
        width: 33.3333%;
        max-width:60px;
        margin:0 10px 5px 0;
        float:left;
    }

    .article-important .image-small {
        max-width:80px;
    }


    /*  ------------------------------------------------
    ::bloc jim +
    --------------------------------------------------*/
    .mini-titre-encart {
        line-height: 1.2em;
        display: inline-block;
        margin-bottom: 2px;
        text-transform: uppercase;
    }
    .transversal .mini-titre-encart {
        padding:2px 5px;
        background:#fff;
    }


    /*  ------------------------------------------------
    ::  UNE GENERALE
    --------------------------------------------------*/
    .une-generale.a-la-une .bloc-principal {margin-bottom:0;}
    .image-medium {width:26%;max-width:250px;margin:0 20px 0 0;float:left;}

    .image-big {margin-bottom: 8px;}
    .image-big img {width:100%;}


    /*  ------------------------------------------------
    ::  UNE RUBRIQUE
    --------------------------------------------------*/
    .slider-une-container {padding:0 20px;}
    .slider-une-container .flex-control-nav:before {
        content:"Les unes précédentes";display:block;text-align:center;
        text-transform: uppercase;border-top:1px dotted #aaa;padding-top:5px;
    }

    .slider-une-container.no-title-nav .flex-control-nav:before {
        content:"";
    }


    .slider-une-container .bloc-article {margin-bottom: 0;}
    .slider-une-container .image-medium {width: 30%;}

    /*  ------------------------------------------------
    ::  BIBLIOTHEQUE
    --------------------------------------------------*/
    .liste-liste-article .lien-bande {margin-bottom:30px;}
    .selection-specialite {margin:0;}
    .selection-specialite select{width: 100%}



    /*  ------------------------------------------------
    ::  Publicite bloc 300 large
    --------------------------------------------------*/
    .pub-bloc-180 ,
    .pub-bloc-300 {
        margin:30px 0;
        text-align:center;
        overflow:hidden;
        /* background: #fff; */
        /* box-shadow:0 0 0 9px #fff; */

    }

    .pub-bloc-180:first-child,
    .no-menu-principal-active .pub-bloc-300:first-child,
    .has-une-accueil .pub-bloc-300:first-child{
        margin-top:9px;
    }

    .transversal.no-menu-principal-active .pub-bloc-300:first-child,
    .pub-bloc-300:first-child{
        margin-top:19px;
    }

    /*  ------------------------------------------------
    ::  Publicite jim bloc
    --------------------------------------------------*/
    .pub-jim a {border-top:4px solid #ccc;border-bottom:4px solid #ccc;padding:4px 0;}

    /*  ------------------------------------------------
    ::  image semaine
    --------------------------------------------------*/
    .image-semaine-bloc figure{margin-top:4px;overflow: hidden;text-align:center;   }
    .image-semaine-bloc a ,
    .image-semaine-bloc figure img{
        width: 100%;
    }

    .image-semaine-bloc figure img{
        max-width: 200px;
    }

    /*  ------------------------------------------------
    ::  mais aussi bloc / liste d'article
    --------------------------------------------------*/
    ol.liste-article-titre {margin-top:0 ;margin-bottom:0 ;}
    ul.liste-article-titre {margin:0 auto;list-style:none;padding: 0;}

    .liste-article-titre li {border-bottom:1px dotted #aaa;padding:8px 2px;}
    .liste-article-titre li:last-child {border:none;}


    .liste-article-titre li .bloc-article {margin:0 ;}
    .liste-article-titre li .article-titre {display:inline;}

    /*.liste-article-titre li:hover{background-color:#f5f5f5;}*/
    .info-commentaires {display:inline-block}

    .liste-article-titre .article-infos {display:inline-block;}
    .liste-article-titre  .article-infos > span {margin-bottom:0;}
    .liste-article-titre .article-resume {margin:0;color:#555}

    .liste-article-titre-secondaire .article-resume {font-size: 80%;line-height: 1.3em}
    .liste-article-titre-secondaire .h4-like{font-size:108%;}
    .liste-article-titre-secondaire .article-resume  {font-size:85%;line-height: 1.6em}

    /*  ------------------------------------------------
    ::  liste-article-titre-video
    --------------------------------------------------*/
    .liste-article-titre-video li:before {
        content:'\f01d';
        position: absolute;
        font-family: 'FontAwesome';
        left: 3px;
        top:11px;
        display: block;
        font-size:28px;
        opacity: 0.2;
    }
    .liste-article-titre-video li {
        padding-left: 35px;
        position: relative;
    }




    /*  ------------------------------------------------
    ::  FOCUS
    --------------------------------------------------*/
    .focus-bloc .image-small{height: 60px;width: 60px;overflow: hidden;}

    /*  ------------------------------------------------
    ::  video bloc
    --------------------------------------------------*/
    .bloc-gris-contenu {background:#cbcbcb;margin:2.1em 0 1.5em;box-shadow:0 0 0 10px #cbcbcb;}
    .bloc-gris-contenu + .lien-bande {margin-left:-10px;margin-right:-10px;}


    .bloc-video-image,
    .lien-video figure  {position: relative;margin-bottom:7px;}
    .bloc-video-image .ir,
    .lien-video .ir{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 55px;height: 55px;
        margin:-27px 0 0 -27px ;
        z-index: 2;
        background-image : url(../img/sprite.png);
        -webkit-transition:all 0.3s ease;
        -moz-transition   :all 0.3s ease;
        -o-transition     :all 0.3s ease;
        -ms-transition    :all 0.3s ease;
        transition        :all 0.3s ease;
    }
    .bloc-video-image:hover  .ir,
    .lien-video:hover .ir{
        -webkit-transform : scale(1.15) translate3d(0,0,0);
        -moz-transform    : scale(1.15) translate3d(0,0,0);
        -o-transform      : scale(1.15) translate3d(0,0,0);
        -ms-transform     : scale(1.15) translate3d(0,0,0);
        transform         : scale(1.15) translate3d(0,0,0);
    }

    .article-secondaire  .bloc-video-image .ir  {
        -webkit-transform : scale(0.65) translate3d(0,0,0);
        -moz-transform    : scale(0.65) translate3d(0,0,0);
        -o-transform      : scale(0.65) translate3d(0,0,0);
        -ms-transform     : scale(0.65) translate3d(0,0,0);
        transform         : scale(0.65) translate3d(0,0,0);

    }
    .article-secondaire  .bloc-video-image:hover .ir  {
        -webkit-transform : scale(0.8) translate3d(0,0,0);
        -moz-transform    : scale(0.8) translate3d(0,0,0);
        -o-transform      : scale(0.8) translate3d(0,0,0);
        -ms-transform     : scale(0.8) translate3d(0,0,0);
        transform         : scale(0.8) translate3d(0,0,0);
    }




    /*  ------------------------------------------------
    ::  BANDEAU PUBLICITE
    --------------------------------------------------*/
    .bandeau-pub {
        margin:0 auto;
        text-align: center;
        overflow:    hidden;
    }
    .bandeau-pub  div,
    .bandeau-pub  span,
    .bandeau-pub  object {
        display:block;
        margin:0 auto;
        max-width: 100%;
    }
    .mention-publicite {display: block;margin:0 auto;color:#999;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 11px;line-height: 13px;}
    .bloc-pub-bandeau-footer {margin-bottom: 8px;}


    /*  ------------------------------------------------
    ::  JIM PLUS
    --------------------------------------------------*/
    .titre-categorie {
        color:#aaa;text-transform: uppercase;
        margin: 10px 0;
        border-top: 1px solid #EEE;
        padding: 5px 0;
        border-bottom: 1px solid #EEE;
    }
    .alert-mute {
        background-color: #F5F5F5;
        border-color: #DDD;
        color: #666;
    }
    .le-chiffre {font-size:50px;display: block;line-height: 1em;padding:20px 10px;text-align: center;}
 /*  ------------------------------------------------
    ::  liste image semaine
    --------------------------------------------------*/
    .titre-encart + .liste-image-semaine {margin-top: -5px}
    .isotope-container + .lien-bande{margin-top:0}
    .isotope-item.bloc-image-semaine {width: 100%;float: left;padding:10px 10px 5px !important;}
    .bloc-image-semaine:hover{background:#fff;z-index: 10}
    .bloc-image-semaine figure{margin-bottom:4px}
    .bloc-image-semaine .article-resume{
        font-size: 11px;
        line-height: 1.5;
        color: #666;
    }


    .article-image-semaine .article-image{
        float:none;
        margin:0 auto 8px;
        text-align: center;
        width: auto;
        max-width: 80%;
    }

    .article-image-semaine .article-page-titre ,
    .article-image-semaine .article-texte{
        text-align:center;
    }




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

    ARTICLE

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

    /*Barre outils (partage etc.)*/
    .article-outils:last-child {
        border-top-width:4px ; border-top-style:solid ;
        border-top:1px dotted #aaa;display:block;
        border-bottom:none;
        padding:10px 0;
    }
    .article-outils {border-bottom:4px solid #666;display:inline-block;padding-bottom:5px;}
    .article-outils .element {display:inline-block;border-left:1px solid #000;padding:0 5px;}
    .article-outils .element:first-child {border-left:none ;padding-left: 0}
    .article-outils .element a{margin:0 3px;position: relative;}

    .article-outils .icon-comment {font-size: 16px;}
    .comment-number {
        display: inline-block;
        color: #FFF;
        font-size: 9px;
        height: 13px;
        line-height: 15px;
       width: 19px;
        top: 1px;
        left: 0;
        text-align: center;
        border-radius: 50%;
        font-weight: bold;
        font-family: arial,helvetica,sans-serif;
        position: absolute;
        z-index: 2;
    }

    /*Article header*/
    .article-header {margin:1.1em 0;}
    .article-page-titre {color:#000;margin:8px 0 5px;}
    .page-titre {margin:8px 0 15px;color:#000;}
    .page-titre i{
        vertical-align: middle;
        margin-top: -7px;
        display: inline-block;
    }

    .article-sous-titre {color:#888;font-size:108%;}

    /*Illustration article*/
    .article-image {float: left;width:33%;margin:0 1em 1em 0 ;}
    .article-texte iframe {
        clear: both;
    }


    /*suggestions*/
    .article-suggestions .titre-encart{font-size:100%;}

    /*References*/
    .references h6 {text-transform:uppercase;color:#555;font-weight: bold;margin-top:1.5em;}

/*  --------------------------------------------------
    :: Sondage
    --------------------------------------------------*/
    .sondage-resultat {width: 100%;margin: 20px 0;}
    .sondage-resultat td{padding:10px;}
    .sondage-resultat td:first-child{text-align: right;width:40%}
    .resultat-libelle {font-size: 16px;}
    .resultat-barre {
        height: 24px;display: inline-block;
        background: #ccc;margin-right:8px;vertical-align: middle;

    }
    .resultat-chiffre {font-size: 20px;vertical-align: middle;display: inline-block;}
     .sondage-resultat td.resultat-nombre-votes {border-top:2px solid #eee;text-align: center;text-transform: uppercase;}

    .resultat-1 .resultat-barre  {background-color:#A31F1F;}
    .resultat-2 .resultat-barre  {background-color:#00947d;}
    .resultat-3 .resultat-barre  {background-color:#6d255d;}
    .resultat-4 .resultat-barre  {background-color:#c1ba46;}
    .resultat-5 .resultat-barre  {background-color:#044CA2;}
    .resultat-6 .resultat-barre  {background-color:#aaa;}
    .resultat-7 .resultat-barre  {background-color:#007e31;}
    .resultat-8 .resultat-barre  {background-color:#db6712;}
    .resultat-9 .resultat-barre  {background-color:#2582a5;}
    .resultat-10 .resultat-barre {background-color:#2d3e57;}
    .resultat-11 .resultat-barre {background-color:#A31F1F;}
    .resultat-12 .resultat-barre {background-color:#00947d;}
    .resultat-13 .resultat-barre {background-color:#6d255d;}
    .resultat-14 .resultat-barre {background-color:#c1ba46;}
    .resultat-15 .resultat-barre {background-color:#044CA2;}
    .resultat-16 .resultat-barre {background-color:#aaa;}
    .resultat-17 .resultat-barre {background-color:#007e31;}
    .resultat-18 .resultat-barre {background-color:#db6712;}
    .resultat-19 .resultat-barre {background-color:#2582a5;}
    .resultat-20 .resultat-barre {background-color:#2d3e57;}

    /**/
    .une-sondage .article-page-titre {padding-left: 20px;padding-right: 10px;margin-bottom: 15px}
    .une-sondage .form-ligne {font-size: 120%;margin:7px 0;padding-left: 20px}
    .une-sondage .form-ligne label {color:#444;}
    .une-sondage .form-footer {margin-top: 20px}
    .une-sondage .form-ligne label:hover {color:#000;}
    .une-sondage .form-ligne input[type="radio"] {margin-top:6px}

/*  --------------------------------------------------
    :: FORMULE ABONNEMENT
    --------------------------------------------------*/
   .bloc-formule {text-align: center;padding:10px 10px 55px;border:5px solid #eee;margin:15px 0;position: relative;}
   .bloc-formule .btn{position: absolute;bottom:10px;left: 10px;right:10px;}
   .formule-description{display: block;margin:10px 0 15px;font-size:11px;line-height: 1.2em;padding-top:10px;border-top:1px solid #eee;}
   .formule-prix {font-size: 80px;line-height: 1;}
   .formule-duree {}

/*  --------------------------------------------------
    :: FORMULE AVANTAGE
    --------------------------------------------------*/
    .bloc-avantage {position: relative;padding-bottom:25px;margin-bottom:25px;}
    .bloc-avantage .icon-3x{color:#6D255D;}
    .bloc-avantage .avantage-picto{padding-left:10px;margin-bottom:6px;}
    .bloc-avantage p{border-top:1px solid #eee;padding-top:5px;margin:5px 0;}
    .bloc-avantage .btn {position: absolute;bottom:0;}

/*  --------------------------------------------------
    :: Languelien
    --------------------------------------------------*/
    .langue-en,
    .langue-sp,
    .langue-fr {width:21px;height:14px;background:url(../img/langue-fr.jpg);
        display:inline-block;vertical-align: baseline;margin-right:3px;
    }
    .langue-en {background:url(../img/langue-en.jpg);}
    .langue-sp {background:url(../img/langue-sp.jpg);}

    .article-titre i[class*="icon-"] {opacity:0.46;}

/*  --------------------------------------------------
    :: liste-reactions
    --------------------------------------------------*/
    .liste-reactions {margin: 0;padding: 0;list-style: none;}
    .liste-reactions p {margin:7px 0 7px 12px ;clear: both;}
    .reaction-auteur {margin-left: 12px;}
    .liste-reactions li {margin-top:1em ;padding-bottom:1em;border-bottom:1px dotted #aaa;}
    .liste-reactions li:last-child {border:none;}
    .formulaire-reaction-article p {
        margin-bottom:12px;
    }

    .reactions-vide-message {
        margin: 12px 0  15px;
    }
    .notation-reaction {
        display : inline-block;
        vertical-align: middle;
        height: 18px;
        float: right;
    }
    .notation-reaction a {
        color:#999 ;
        font-size: 18px;
        vertical-align: middle;
        float: left;
        margin-left: 10px;
    }

    .majorite-plus .btn-plus,
    .notation-reaction .btn-plus:hover {
        color:#468847;
    }
    .majorite-moins .btn-moins,
    .notation-reaction .btn-moins:hover {
        color:#B94A48;
    }


   .formulaire-reaction textarea {width: 100%;}
   .formulaire-reaction input[type="text"] {width: 100%;max-width: 360px;}
   .text-sm {font-size: 85%;line-height: 1.3;}

/*  --------------------------------------------------
    :: Accueil dossier
    --------------------------------------------------*/
    .dossier-bandeau{ margin-bottom: 20px;}

    .liste-article a.dossier-bandeau{ margin: 8px 0 0;}
    .liste-article .dossier-bandeau:first-child{ margin:  0;}
    .dossier-bandeau-titre{ padding:8px 50px 8px 10px;text-transform: uppercase;
        position: relative;
        margin-top: 1px;}
    .dossier-bandeau-titre .icon-angle-right{
        position: absolute;right:10px;top:50%;
        margin-top: -0.5em;
    }
    .dossier-bandeau:hover .dossier-bandeau-titre{ background:#222;}


    .dossiers-bloc-avec-liens .liste-article a {
        margin: 8px 0;
        display: block;
    }

    .dossiers-bloc-avec-liens .lien-bande {
        margin: 15px 0 20px;
    }

    .dossiers-bloc-avec-liens .dossier-bandeau {
        width: 100%;
    }

/*  --------------------------------------------------
    :: Mon profil
    --------------------------------------------------*/
    .profil-nav .btn {width: 100%;margin:0 0 1em 0;text-align: left;}
    .profil-nav .btn i{margin-right: 6px}


    .btn-primary.disabled:hover {background:#044CA2;}
    .btn.disabled {cursor:not-allowed;opacity:0.4;}


    .newsletter-form td:last-child{width: 140px;}
    .newsletter-form .inline{padding-top: 0;}
    .bibliotheque-liste td:last-child{width: 40px;text-align: right;}

    .data-liste a{color:#000;}
    .data-liste h4{font-size: 123%;font-weight: normal;}

    .recherche-resultat td{color:#888;}
    .bordered-grid {border-top:1px solid #E5E5E5;padding-top:1em;}

    /*  ------------------------------------------------
    ::  APPLICATIONS / APPLITHEQUE
    --------------------------------------------------*/
    .miniature-application {
        border-radius: 18%; overflow: hidden;
    }
    .miniature-application img {
        width: 100%;
    }

    .site-container .application-infos {
        list-style-type: none;
        margin:10px 0;
        padding:0;
        color:#666;
        font-weight: normal;
    }
    .application-infos strong {
       color:#444;
    }
   .application-infos li  {
       margin-bottom: 5px;
    }

    .application-infos-prix {
        padding:6px 0;
        margin-top:15px;
        color:#000;
    }

    .application-info-resume {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin:20px 0;
        padding:15px 0;
    }


    .application-infos-terminal strong {vertical-align: middle;}


    .appli-pour-qui div {
        margin-right: 15px;display: inline-block;
    }
    .appli-pour-qui {
        margin: 5px 10px 10px;
        color:#000;
    }

    .appli-pour-qui i{
        margin-right: 5px;
    }


    .captures-container {
        overflow-x:scroll;
        margin-bottom: 20px;
        background:#f5f5f5;
        -webkit-overflow-scrolling: touch;
        background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    }



    .captures-item {
        display: table-cell;
        vertical-align: middle;padding:10px;
    }

    .captures-container img {
        max-width: none;
        border:1px solid #fff;
        box-shadow: 0 0 10px #aaa;
    }

    /*  ------------------------------------------------
    ::  Recherche applitheque
    --------------------------------------------------*/
    .applitheque-telechargement a >  img {
        vertical-align: bottom;
    }

    .applitheque-telechargement figure{
        margin-top:3px;
    }
    .applitheque-telechargement {
        display: inline-block;
        max-width: 120px;
        margin:0 12px  15px 0;
    }
    .applitheque-telechargement:last-child {
        margin-right: 0;
    }

    .applitheque-telechargement-container {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .logo-dmd {
        margin:15px 0;
     }

    /*  ------------------------------------------------
    ::  Recherche applitheque
    --------------------------------------------------*/
    .recherche-oreille select,
    .recherche-applitheque select,
    .recherche-oreille input,
    .recherche-applitheque input{
        width: 100%;
        margin-bottom: 14px;
    }
    .recherche-oreille .btn,
    .recherche-applitheque .btn {
        margin-bottom: 5px;
    }

    .recherche-oreille + .bloc{margin-top : 25px;}


    /*  ------------------------------------------------
    ::  Article vidéo
    --------------------------------------------------*/
    .article-videos {margin-bottom: 25px;}
    .article-videos .video-container {margin-top: 15px; margin-bottom: 15px;}


/*  ------------------------------------------------
::  Bloc mon jim
--------------------------------------------------*/
    .mon-jim-promo {max-width: 215px;}

/*  --------------------------------------------------
    :: RUSTINES
    --------------------------------------------------*/
    div.alert {margin-bottom: 8px;}
    .disclaimer p,
    .disclaimer {margin-top:10px;}

    div.alert p {margin: 5px 0;}
    .bloc-principal div.alert {margin-bottom: 20px;}

   .icon-rotate-45 {
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        transform:rotate(-45deg);
        display: inline-block;

   }


    .style_13_rouge {color:#d83b36;font-size:108%;}

    #sundaffil_main #sundaffil_footer_results .sundaffil_pager a, #sundaffil_main #sundaffil_footer_results .sundaffil_pager span, #sundaffil_main #sundaffil_footer_results .sundaffil_pager em {height:auto !important;}

/*  --------------------------------------------------
::
:: Scrollbar webkit
::
--------------------------------------------------*/
    .no-touch .specialites-liste-container::-webkit-scrollbar{ width:7px; height:7px;}

    .no-touch .specialites-liste-container::-webkit-scrollbar-track-piece {
        background-color:#fff;
         -webkit-border-radius:8px;

        }

    .no-touch .specialites-liste-container::-webkit-scrollbar-thumb:vertical {
        height:50px;
        background-color:#666;
        -webkit-border-radius:8px;
    }

    .no-touch .specialites-liste-container::-webkit-scrollbar-thumb:horizontal {
        width:50px;
        background-color:#666;
        -webkit-border-radius:8px;
    }


    .no-touch .specialites-liste-container::-webkit-scrollbar-track-piece {
        background-color:transparent;

    }

    .no-touch .specialites-liste-container::-webkit-scrollbar-thumb:vertical {
        background-color:rgba(0,0,0,0.4);
    }


   .no-touch .captures-container::-webkit-scrollbar-track-piece {
       background:#ccc;
    }
   .no-touch .captures-container::-webkit-scrollbar-thumb:horizontal {
       background:#044CA2;
    }


/*------------------------------------------------
:: Chapitrage VIMEO
--------------------------------------------------*/
.vimeo-chapitres {
    margin-bottom: 25px;
}

.vimeo-chapitres li{
    margin: 4px;
}
.vimeo-chapitres a {
    color: #044CA2;
}
.vimeo-chapitres a:hover {
    color: #333
}


/*------------------------------------------------
:: Retour haut de page
--------------------------------------------------*/

    .retour-haut {
        display: none;
        position: fixed;
        background: rgba(0,0,0,0.7);
        bottom: 20px;
        right: 20px;
        width:36px;
        height:36px;
        line-height: 36px;
        z-index: 20;
        font-size: 19px;
        color:#fff !important;
        text-align: center;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

    .retour-haut:focus,
    .retour-haut:hover {
        background-color:#000;
        color:#fff;
    }


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

    /*  ------------------------------------------------
    ::  image semaine
    --------------------------------------------------*/
    .isotope-item.bloc-image-semaine {
        width: 48%;
    }


    /*  ------------------------------------------------
    ::  IMAGES
    --------------------------------------------------*/
    .image-big {
        width:40%;
        margin:0 20px 0 0;
        float:left;
    }

}

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

    .thematiques .sous-menu ul {margin: 0  !important;}
    .thematiques .sous-menu li a {padding-left: 2px;padding-right: 2px;}

    .medecin .no-specialite .menu-principal li:first-child:before {
        display: block;
        content:'';
        background:rgba(255,255,255,0.1);
        position: absolute;
        top:0;
        left:-1000px;
        width: 1000px;
        height: 40px;
    }

}

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

    /*  ------------------------------------------------
    ::  TYPOGRAPHIE
    --------------------------------------------------*/
    h1, .h1-like {font-size:200%;}
    h2, .h2-like {font-size:150%;}
    h3, .h3-like {font-size:135%;}
    h4, .h4-like {font-size:113%;}
    h5, .h5-like {font-size:108%;}
    h6, .h6-like {font-size:108%; font-weight : normal;}

    /*  ------------------------------------------------
    ::  Thematique
    --------------------------------------------------*/
    .themes-menu .menu-deroulant-toggle {width:260px;}


    /*  ------------------------------------------------
    ::  header
    --------------------------------------------------*/
    .site-logo {
        width: 165px;
        padding:15px 20px 0 10px;
    }


    .date-maj {
        color: #aaa;
        font-size: 12px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-left: 13px;
        display: block;
        height: 17px;position: absolute;top:4px;
    }
    .site-logo {
        padding-top:20px;
    }




    /*  ------------------------------------------------
    ::  Navigation
    --------------------------------------------------*/
    /*avoid bump nav*/
    .menu-principal  {height: 40px;}
    .sous-menu  {height:31px;}

    .specialites-bouton-wrapper {margin-bottom: -40px;}
    .specialites-liste-container {top: 40px;}

    .thematiques .sous-menu li a {padding-left: 4px;padding-right: 4px;}


  /*  ------------------------------------------------
    ::  Menu principal
    --------------------------------------------------*/
    .medecin .menu-principal ul,
    .medecin .sous-menu ul {margin-left: 165px;}



    .banniere-contenu {background-position:165px 0;}

    .liste-lien-categorie li{padding:22px 10px 0;}
    .banniere .lien-categorie-jim img {height:30px;}
    .liste-lien-categorie {padding-left:10px;}

   /*  ------------------------------------------------
    ::  Image semaine
    --------------------------------------------------*/
    .isotope-container {width: 101.24%;} /*Compense la goutière a droite*/

    /*  ------------------------------------------------
    ::  FOOTER
    --------------------------------------------------*/
    .logos-partenaires {margin-right:20px;}
    .logos-partenaires a {padding:0 10px ;}

    .footer-principal {
        text-align: left;
    }

    /*  ------------------------------------------------
    ::  Habillage
    --------------------------------------------------*/
    .habillage-container {
        display: none;
        position: absolute;
        top:30px;
        left: 0;
        right: 0;
        text-align:center;
        bottom:0;
    }

    .habillage-container a {
        display: block;
        position: absolute;
        text-align:center;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    .habillage-container img {
        max-width: none;
        width: auto;
        opacity:    0;
    }

    .habillage .habillage-site-contenu {
        background:#e5e5e5;
        position: relative;
        max-width: 1000px;
        z-index: 2;
        margin:0 auto 0;
        overflow-x: hidden;
    }



}



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


    .article-outils .element a {
        margin:0 5px;
    }

    .container {
        max-width:1000px;
    }


     .big-container {
        max-width:1024px;
        padding:0;
        overflow: hidden;
    }

    .big-container .bloc-principal {
        padding:0;
    }

    /*------------------------------------------------
    ::  Typographie
    --------------------------------------------------*/
    h1, .h1-like {font-size:240%;}
    h2, .h2-like {font-size:167%;}
    .article-date-publication {font-size:  13px;}
    .article-resume { font-size:  100%;}

    .une-accueil .une-important h3 {font-size:240%;}

    /*Sondage*/
    .sondage-page-titre {font-size: 200%;}

    /*Article important*/
    .une-important .article-titre {font-size:34px;}

    .article-important .article-titre {font-size:21px;}
    .liste-article-titre .article-titre ,
    .article-secondaire .article-titre {font-size:16px;}
    .article-mini .article-titre {font-size:14px;}


    .article-important .image-small {max-width:110px;}

    /*  ------------------------------------------------
    ::  Header
    --------------------------------------------------*/
    .banniere .autre-recherche {margin-left:50px;}
    .login-menu .ellipsis{max-width: 140px;}

    /*  ------------------------------------------------
    ::  Thematique / spécialités
    --------------------------------------------------*/
    .themes-menu .menu-deroulant-toggle {width:270px;}


    /*  ------------------------------------------------
    ::  MENU Principal
    --------------------------------------------------*/
    .menu-principal a {
        display:block;
        padding:0 10px;
        font-size:15px;
        text-transform: uppercase;
    }
    .sous-menu {
        text-transform: uppercase;
        font-size: 13px;
    }


    /*Spécialités*/
    .specialites-liste-wrapper  {
        background: #9AB4D5;
    }
    .specialites-liste-container{
        position: relative;
        width: auto;
        top: 0;
        left: 0;
        background: #9AB4D5;
        overflow: hidden;
        height: 40px;
        max-height: 0;
    }
    .specialites-liste-container.active{
        max-height: 40px;
    }
    .specialites-liste-container ul {
        margin-left: 175px;
        line-height: 1.25;
        padding-top: 3px;
    }

    .specialites-liste-container li {
        display: inline-block;
        margin:0  12px 0 0;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.1;
        display: inline-block;
    }



    /*  ------------------------------------------------
    ::  MENU utilisateur
    --------------------------------------------------*/
     /*.login-menu .premium-typo {width: ;}*/





    /*  ------------------------------------------------
    ::  A LA UNE
    --------------------------------------------------*/
    .une-accueil .image-medium {width:42%;}

    .a-la-une .titre-encart {
        min-width:  340px;
    }

    /*  ------------------------------------------------
    ::  ARTICLE
    --------------------------------------------------*/
    .article-header .article-page-titre,
    .article-sous-titre,
    .references-texte,
    .applitheque-telechargement-container,
    .article-texte,
    .article-chapo {padding-left:20px;padding-right:10px;}
    .article-intro {margin-bottom:0;}

    .article-image,
    .mceContentBody img[align="left"] {margin-left: -20px;}

    .article-texte {font-size: 108%;}
    /* Copyright - CM */
     .article-copyright {text-align:right; font-size:70%; }

    /*  ------------------------------------------------
    ::  Applitheque
    --------------------------------------------------*/
      .logo-dmd {
        float:right;
        padding:5px;
        margin:0 0 10px 10px ;
        display: inline-block;
     }
     .applitheque-telechargement {margin-right: 25px;}


    /*  ------------------------------------------------
    ::  image semaine
    --------------------------------------------------*/
    .isotope-item.bloc-image-semaine {
        width: 32%;
    }


    /*  ------------------------------------------------
    ::  IMAGES
    --------------------------------------------------*/
    .image-big {
        width:60%;
    }

    /*  ------------------------------------------------
    ::  FOOTER
    --------------------------------------------------*/
    .logos-partenaires img {
            height:     auto;
    }

    /*------------------------------------------------
    ::  Onglets
    --------------------------------------------------*/
    .etabs a {
        font-size:  14px
    }
}


@media only screen and (max-width: 991px) {


}


@media only screen and (max-width:767px) {


    .pagination ul > li > a, .pagination ul > li > span {
  padding: 4px 8px;
}
   /* .is-article .site-colonne .bloc {
        display: none;
    }

    .is-article .site-colonne .pub-bloc {
        display: block;
    }
   */
    .sondage-resultat table,
    .sondage-resultat tr {
        display:    block;
    }
    .sondage-resultat td:first-child,
    .sondage-resultat td {
        display:block;
        width:auto;
        padding:0 5px;
        text-align:left;
    }
    .sondage-resultat td:last-child {
        margin:0 0 30px;
    }


    /*  ------------------------------------------------
    :: PUBLICITE POUR MOBILE
    :: DESACTIVER habillage
    --------------------------------------------------*/
    #habillage-container {
        display:    none !important ;
    }

    body .habillage-site-contenu {
        margin-top:0 !important ;
    }
    .bandeau-pub  div,
    .bandeau-pub  span,
    .bandeau-pub  embed,
    .bandeau-pub  object {
        max-width: 100% !important  ;
    }



    /*  ------------------------------------------------
    :: Réduit les blocs
    --------------------------------------------------*/
    .region-xs {
        margin:20px 0;
    }

    .bloc-collapsible {
        margin:0 15px 2px 15px;
    }

    .bloc-collapsible-toggle {
        color:#fff;
        padding:7px 8px 7px 25px;
        position: relative;
        border:none;
        cursor: pointer;
        text-transform: uppercase;
    }

    .bloc-collapsible-toggle small {
        opacity:    0.6;
        line-height:    1.2;
        font-size:  11px;
        display: block;
    }
    .bloc-collapsible .icon-caret-right,
    .bloc-collapsible .icon-caret-down{
        position:   absolute;
        left:  10px;
        top:    50%;
        margin-top:     -8px;
        transition: opacity 0.2s ease;
    }


    /*Si fermé*/
    .bloc-collapsible .bloc-collapsible-toggle .icon-caret-right {
        display: block;
    }
    .bloc-collapsible .bloc-collapsible-toggle .icon-caret-down{
        display: none;
    }

    /*Si ouvert*/
    .bloc-collapsible-opened .bloc-collapsible-toggle .icon-caret-right {
        display: none;
    }
    .bloc-collapsible-opened .bloc-collapsible-toggle .icon-caret-down{
        display: block;
    }

    /*Contenu*/
    .contenu-collapsible {
        display: none;
        background: #fff;
        padding:10px;
    }

    .bloc-collapsible-opened .bloc-collapsible-toggle {
        background: #222;
    }

    .bloc-collapsible-opened .contenu-collapsible {
        display: block;
    }

    /*Lien bande dans contenu réduit*/
    .contenu-collapsible .mini-titre-encart{
        background:#eee;
    }

    /*Lien bande dans contenu réduit*/
    .contenu-collapsible .lien-bande{
        margin-bottom:  0;
        background: #aaa;
    }

    .contenu-collapsible .lien-bande:hover{
        background: #666;
    }
    /*
    .contenu-collapsible .dossier-bandeau-titre{
        background: #333;
    }

    .contenu-collapsible .dossier-bandeau-titre:hover{
        background: #666;
    }
    */




  /*  ------------------------------------------------
    :: OFFRES D'EMPLOI
    --------------------------------------------------*/
    #sundaffil_related img {
        height: 15px !important;
        width: auto;
    }
    #sundaffil_header {
        margin-bottom:  0 !important;
    }
    #sundaffil_main #sundaffil_search_form .sundaffil_content_field ,
    #sundaffil_main #sundaffil_search_form {
        width: 100% !important;
    }

    #sundaffil_main #sundaffil_search{
        width: 100% !important;
        padding:30px 15px 10px!important;
    }
   #sundaffil_pub1 {
        position: relative !important;
        margin: 20px auto !important;
        top:  auto !important;
        top:  auto !important;
        top:  auto !important;
    }
    #sundaffil_main .sundaffil_action_button {
        clear: both !important;
    }

    #sundaffil_main #sundaffil_results .sundaffil_search_description  {
        float:  none !important;
            width:  100% !important;
    }
    #sundaffil_main #sundaffil_results .sundaffil_search_logo  {
        margin:15px  auto 0 !important;
        width:  100px !important;
        clear:  both !important;
        float:  none !important;
        background:     #fff;
    }
    #sundaffil_main #sundaffil_search_form input {
        clear:  both !important ;
        float:  none !important ;
        width:  100%;
    }

    #sundaffil_main #sundaffil_search_form input[type="submit"] {
       text-transform:  uppercase;
       text-align:  center;
    }
    #sundaffil_text_for_search {
        margin-bottom: 10px;
        text-transform:     uppercase;
        font-weight:    bold;
    }

    #sundaffil_main #sundaffil_page_filters h4,
    #sundaffil_main #sundaffil_page_filters label {
        font-family:    arial, helvetica , sans-serif   ;
        font-size:  14px;
    }
    #sundaffil_main #sundaffil_page_filters {
      float: right;
      margin: 5px 0 10px 0 !important;
      font-size: 14px;
      vertical-align: middle;
    }

  /*  ------------------------------------------------
    :: Colonne
    --------------------------------------------------*/
    .site-colonne {
        margin-top: 20px;
    }

    .image-semaine-bloc {
        margin-top:     20px;
    }

  /*  ------------------------------------------------
    :: Nombres d'articles dans listes
    --------------------------------------------------*/

  /*  .bloc-principal .liste-article > article:nth-child(2),
    .bloc-principal .liste-article .grid:nth-child(2) div:only-of-type article,
    .bloc-principal .liste-article .grid:nth-child(2) .col-xs-12:nth-child(1) article {
        border:none;
    }

    .bloc-principal .liste-article > article,
    .bloc-principal .liste-article .grid .col-xs-12:nth-child(2),
    .bloc-principal .liste-article .grid {
        display: none;
    }


    .bloc-principal .liste-article > article:nth-child(1),
    .bloc-principal .liste-article > article:nth-child(2),
    .bloc-principal .liste-article .grid:nth-child(2),
    .bloc-principal .liste-article .grid:nth-child(2) .col-xs-12:nth-child(1),
    .bloc-principal .liste-article .grid:nth-child(1) {
        display: block;
    }
    .congres-suggestions .grid {
        display: block !important;
    }*/
}



/*COMENTAIRES*/
.lo-commentaire:before {
    content:"\f10d";
    font-family:"FontAwesome";
    font-weight: normal;
    font-style: normal;
    margin-right: 2px;
    display: inline-block;
    margin-left:-24px;
}

.lo-commentaire:after {
    content:"\f10e";
    font-family:"FontAwesome";
    font-weight: normal;
    font-style: normal;
    margin-left:5px;

}


.lo-commentaire {
    font-style: italic;
    font-size: 17px;
    margin: 25px 0  ;
    padding-left:24px;
}

.lo-auteur {
    font-family:'Oswald', Arial, Helvetica, sans-serif;
    font-size:16px;
    display: block;
    line-height: 1.2;
    font-style: normal;
    padding-left:50px;
    margin-bottom:42px;

}
.lo-commentaire + .lo-auteur {
    margin-top:-5px;
}
.lo-auteur:before{
    content:"ㅡ ";
    width:20px;
    display : inline-block;
}


.lo-auteur:first-line{
    color:#000;
    font-weight: bold;
}