@charset 'utf-8';

@font-face {
    font-family: "Proxi";
    src: url('proxi.ttf');
}

@font-face {
    font-family: "Lato";
    src: url('Lato-Regular.ttf');
}

@font-face {
    font-family: "Lato";
    src: url('Lato-Bold.ttf');
    font-weight: bold;
}

@font-face {
    font-family: "Lato";
    src: url('Lato-Italic.ttf');
    font-style: italic;
}

@font-face {
    font-family: "Lato";
    src: url('Lato-BoldItalic.ttf');
    font-style: italic;
    font-weight: bold;
}

@media print {
    html, body {
        font-size:11px;
        height:auto !important;
    }
}

html, body {
    position:relative;
    margin:0px;
    -webkit-print-color-adjust:exact;
    font-family: "Lato";
}

h1 {
    margin-top:5px;
    margin-bottom:5px;
}

h2 {
    color:#2c2c2c;
    font-weight: bold;
    border-bottom: 1px solid #D74647;
    text-transform: uppercase;
}

a {
    color:#D74647;
}

.lien_sur_h2 {
    color:#212121 !important;
}

.txt_grosse_date_article_widget {
    font-size:11px;
}

#barre_menu_float_header {
    z-index: 9999;
}

#barre_menu_float_header table {
    color: inherit !important;
}

#chargement {
    font-size: 10px;
}


.interieur_diaporama {
    font-family: "Lato";
    background-image: url("../images/fond_diapo.jpg");
    background-repeat: repeat-x;
    background-position: 0px 0px;
    animation: animatedBackground 30s linear infinite;
    /*animation-direction: alternate;*/
    overflow: hidden;
}

.sous_diaporama {
    border-bottom:3px solid #444444;
    position: relative;
    width: 100%;
    margin-bottom:20px;
}

.sous_diaporama:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(68, 68, 68, 0);
    border-top-color: #444444;
    border-width: 10px;
    margin-left: -10px;
}

.point_nav_diaporama_calque, .point_nav_diaporama_calque_select {
    border:1px solid #ccc;
}

.ligne_grise {
    height: 200px;
    width:100%;
    margin-bottom:-150px;
    background-color: #f3f3f3;
}

.opaque_blanc {
    background-color: rgba(255, 255, 255, 0.5);
    padding:15px;
}

.bouton_contact {
    display: inline-block;
    border-radius:9px;
    border:1px solid #e95b31;
    background-color:#e95b31;
    color:#fff;
    cursor:pointer;
    width: 164px;
    height: 39px;
    padding-top: 11px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 13px;
    overflow:hidden;
    position: relative;
}

.bouton_contact:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(60deg);
  
  background: rgba(255, 255, 255, 0.23);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

.bouton_contact:hover:after {
  opacity: 1;
  top: 100%;
  left: 100%;
  transition-property: left, top, opacity;
  transition-duration: 0.9s, 0.9s, 0.15s;
  transition-timing-function: ease;
}

.bouton_contact:active:after {
  opacity: 0;
}



.diffu_article_text_small {

}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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

.contenu_page_a-propos-de-vosposts .file_ariane_front {
    display: none;
}

.image_preview_article_grosse_liste {
    border:1px solid #D74647;
}

.ligne_petite_liste_article {
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    padding-bottom:10px;
    font-size: 13px;
    border-bottom:1px dashed #ccc;
}

.image_preview_article_petite_liste {
    width:100px;
    height: auto;
    float:left;
    margin-right:7px;
    margin-bottom:7px;
}

.txt_petite_date_article_widget {
    font-size: 11px;
    font-style: italic;
    color:#444444;
}

.titre_petite_article_widget {
    font-size: 13px;
}

#interieur_barre_cookies {
    padding:15px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#interieur_barre_cookies .barre_cookies_texte {
    color:#212121 !important;
}

.ele_pagination, .ele_pagination_select {
    margin:7px;
}


/* AUTEUR */
.encadre_description_auteur {
    padding-bottom: 30px;
}

.avatar_auteur {
    display: inline-block;
    float: left;
    margin-right:10px;
    margin-bottom:10px;
    width:100px;
}

.interieur_avatar_auteur {
    width:100px;
    height: 100px;
    border-radius: 100px;
    overflow: hidden;
}

.image_auteur {
    max-height: 100px;
    width: auto;
}

.nom_auteur {
    display: inline-block;
    width: calc(100% - 110px);
    text-align: left;
}

.description_auteur {
    display: inline;
    text-align: left;
    padding-bottom: 30px;
    line-height: 23px;
}



@keyframes animatedBackground {
  0% { background-position: 0 0; }
  100% { background-position: -5760px 0; }
}

@media screen and (min-width:120px) {
	.que_diffu_large, .que_diffu_medium, .que_diffu_large_et_medium, #menu_float_header {
        display: none;
    }

    .que_diffu_small, .que_diffu_medium_et_small, .que_diffu_large_et_small {
        display: block;
    }

    #header_top {
        width:100%;
        height:140px;
    }

    .contenu_centre, .entour_page_article, .contenu_page_diffu_interne, .col_droite_widg {
        width:320px;
        margin:auto;
        position:relative;
    }

    .tableau_formulaire_dynamique {
        min-width:300px;
    }

    .table_principale_partion_colonne_footer {
        height: auto !important;
        color: inherit !important;
    }

    .cadre_element_colonne {
        width:300px;
        margin:auto;
    }

    .entour_pub {
        text-align: center;
        margin:auto;
    }

    /* BTN MENU MOBILE */
    #barre_menu_float_header {
        display: none;
    }
    #cadre_des_bouton_menu_mobil {
        left: 0px !important;
        top: -55px !important;
    }

    .logo_vosposts {
        position: absolute;
        top: 20px;
        left:60px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .logo_vosposts img {
        height: 60px;
        width:auto;
    }

    .header_barre_menu {
        width: 100%;
        position: absolute;
        top: 100px;
        left:0px;
        height: 40px;
    }

    .barre_menu {
        display: inline-block !important;
        vertical-align: top;
    }

    #bulle_log {
        background-color:#fff;
        border:1px solid #767168;
        border-radius:10px;
        padding:10px;
        display:none;
        position:absolute;
        right:0px;
        top:50px;
        z-index: 5;
        font-size:12px;
        text-align: center;
    }

    

    /* LOGIN barre menu */

    #btn_connexion_base_img {
        background-color: #292929;
        display: inline-block;
        float: right;
        height: 30px;
        border-radius: 30px;
        padding: 5px;
        cursor:pointer;
        margin-bottom: 5px;
    }

    #bulle_log .btn_senregistrer {
        padding:7px;
        color:#fff;
        background-color:#6b6b6b;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        cursor:pointer;
        color:#fff;
        border-radius:0px 0px 10px 10px;
        margin-top: 7px;
    }

    #bulle_log .btn_senregistrer:hover {
        background-color: #000;

    }

    #bulle_log .btn_senregistrer a {
        text-decoration: none;
        color:#fff;
    }

    .form_login_petit .bouton_submit {
        background-color: #ea6e00 !important;
        color:#fff !important;
        font-weight: bold !important;
        border:none !important;
        margin-bottom: 7px;
        padding:10px !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .form_login_petit .bouton_submit:hover {
        background-color: #e95b31 !important;
    }

    .element_menu, .element_menu a, .element_menu .mot_du_menu, .element_menu .mot_du_menu a {
        font-family: "Proxi" !important;
        color:#fff !important;
        letter-spacing: 1px;
        font-size: 16px !important;
    }

    .element_menu_select, .element_menu_select a, .element_menu_select .mot_du_menu, .element_menu_select .mot_du_menu a {
        font-family: "Proxi" !important;
        color:#888 !important;
        letter-spacing: 1px;
        font-size: 16px !important;
    }

    .sepa_menu {
        height: 40px !important;
        margin:0px !important;
    }

    .file_ariane_front {
        margin-top:15px;
        margin-bottom:15px;
    }

    .cadre_mini_article {
        vertical-align: top;
    }

    .cadre_mini_article .titre_mini_article {
        height:100px;
    }

    .cadre_mini_article .texte_mini_article {
        height: 160px !important;
    }

    .img_cat_article_float {
        float: none !important;
    }

    .entour_presentation_cat_article {
        text-align: center;
    }

    .zone_liste_article {
        text-align: center;
        clear:both;
    }

    .contenu_footer_centre {
        padding-top:20px;
        padding-bottom:20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contenu_article {
        color:#575656;
        background-color:#f4f2f2;
        padding:10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
    }

    /* FORMULAIRE */
    .retour_erreur_formulaire {
        margin-top:25px;
        margin-bottom:25px;
        width: 300px;
        margin:auto;
    }

    .element_formulaire_contact {
        display: block;
    }

    .label_formulaire_contact {
        color:#767676;
        padding:5px;
    }

    .champ_formulaire_contact {
        padding:5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .champ_formulaire_contact table {
        width:100%;
    }

    .champ_form_contact {
        border: 1px solid #F4F2F2;
        background-color: #F4F2F2;
        color: #535353;
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .champ_form_textarea {
        border: 1px solid #F4F2F2;
        background-color: #F4F2F2;
        color: #535353;
        width: 100%;
        padding: 10px;
        height:100px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .btn_valide_contact, .btn_validation {
        font-size:20px;
        border:1px solid #fff;
        padding: 15px;
        text-align: center;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        cursor:pointer;
    }

    .btn_valide_contact:hover, .btn_validation:hover {
        color:#404040;
        background-color:#e6e6e6;
    }

    .retour_formulaire {
        width:300px;
        margin:auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .champ_formulaire_contact {
        text-align: center;
    }

    .receptacle_capcha {
        width:180px;
        margin:auto;
    }

    /* Footer */
    .haut-pied-de-page {
        display: none;
    }
    .enveloppe_ligne_footer {
        border-top: 4px solid #313131;
        margin-top: 30px;
    }
    .footer_titre {
        font-weight:bold !important;
        border-bottom:1px solid #ccc;
        color:#fff !important;
        width:80%;
    }

    .bloque_coordonne_pied_de_page {
        font-size: 12px;
        margin-top:15px;
        text-align: left;
    }

    .titre_bloque_coordonne_pied_de_page {
        display:none;
    }

    .signature_footer a {
        color:#fff;
    }

    .signature_footer {
        font-size:12px;
        margin-top: 15px;
    }

    .colonne_footer_2 h4, .colonne_footer_2 .element_pied_de_page  {
        text-align: left !important;
    }

    /* Ico fix */
    .widget_ico_social {

    }

    /* Language switcher mobile - en haut a droite */
    .header_lang_switcher {
        position: absolute;
        top: 5px;
        right: 10px;
        left: auto;
    }

    /* recherche article */
    .widget_recherche_article {
        width: 275px;
        position:absolute;
        top: 100px;
        right: 45px;
    }
    .cadre_saisie_semi_auto_recherche_article {
        padding:0px !important;
    }
    .class_champs_recherche_article {
        border:1px solid #ccc;
        padding:10px !important;
        border-radius:6px;
    }
    .loupe_bout_de_ligne {
        top:6px !important;
        opacity:0.5;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .cadre_saisie_semi_auto_recherche_article:hover .loupe_bout_de_ligne {
        opacity:1;
    }

    /* Widget derniers articles */
    .img_mini_liste_article_widget, .txt_mini_liste_article_widget {
        display:none;
    }

    .txt_mini_date_article_widget {
        font-style: italic;
        font-size:11px;
    }

    .ligne_mini_liste_article_widget {
        border-bottom:0px !important;
        text-align: left;
    }

    .mini_liste_article_widget h3 {
        margin-bottom: 5px;
        margin-top: 0px;
        font-size: 15px !important;
    }

    .contenu_page_diffu_interne .mini_liste_article_widget {
        max-width: 100% !important;
        text-align: center;
    }

    .cadre_element_colonne .mini_liste_article_widget {
        padding-bottom:10px;
        max-width: 300px !important;
    }



    .autour_des_block_article {
        text-align: center;
    }

    /* DANS ARTICLE */
    .btn_envois_article_amis, .btn_signaler_article {
        width: 100%;
        padding:3px;
        text-align: center;
        background-color:#6e6e6e;
        color:#fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor:pointer;
    }




    .nom_auteur img {
        height:45px;
        width:auto;
    }

    .nom_auteur {
        font-weight:bold;
        border-top:1px solid #fff;
    }

    .lien_contact_auteur {
        font-weight:normal;
        cursor:pointer;
        font-style: italic;
    }

    .date_redaction_article {
        font-style: italic;
        font-size: 12px;
        margin-bottom:10px;

    }

    .video-wrapper {
        width: 300px;
        max-width: 100%;
    }


    .titre_block_col_droite_article {
        background-color: #b6b8b9;
        font-weight: bold;
        width: 100%;
        padding:7px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom:1px solid #727475;
        margin-top:25px;
        margin-bottom:15px;
    }

    .ligne_mini_liste_article_widget {
        margin-bottom:10px !important;
    }

    .simple_vert_element_menu_simplifie, .simple_vert_element_menu_simplifie_select {
        margin-bottom:15px;
    }

    .simple_vert_txt_menu_simplifie, .simple_vert_txt_menu_simplifie_select {
        font-size:15px !important;
    }

    .le_tag_dans_article {
        margin-right:10px;
        margin-bottom:10px;
    }

    .element_menu_mobil .mot_du_menu {
        font-size:16px !important;
    }

    .cadre_video_header_cat {
        width:100%;
    }

    .video_mp4_cat {
        width:100%;
    }



    .mini_liste_article_widget .ligne_mini_liste_article_widget {
        margin-bottom: 20px !important;
    }

    .diffu_article_text_medium, .diffu_article_text_large, .diffu_article_text_small {
        padding-top:30px;
    }

}


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

    .que_diffu_large, .que_diffu_small, .que_diffu_large_et_small {
        display: none;
    }

    .que_diffu_medium, .que_diffu_large_et_medium, .que_diffu_medium_et_small, #cle_de_log, #menu_float_header {
        display: block;
    }

    .contenu_centre, .retour_erreur_formulaire, .entour_page_article, .contenu_page_diffu_interne {
        width:740px;
        margin:auto;
    }

    .article_seul .contenu_article, .section_commentaire_article, .article_seul {
        width:440px;
        display: inline-block;
        vertical-align: top;
    }

    .colonne_droite_article {
        width:295px;
        display: inline-block;
        vertical-align: top;
    }

    .tableau_formulaire_dynamique {
        min-width:400px;
    }

    .cadre_element_colonne {
        width:auto;
        margin: 0px;
    }

    .header_barre_menu {
        width: 100%;
        background-color:#292929;

    }

    .btn_validation {
        width:47%;
        display:inline-block;
    }

    .logo_vosposts {
        left:0px;
    }

    .titre_block_col_droite_article {
        margin-top:0px;
        background-color: #b6b8b9;
        font-weight: bold;
        width: 100%;
        padding:7px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom:1px solid #727475;
        margin-bottom:5px;
    }

    .interieur_block_col_droite_article {
        border-bottom:1px solid #b6b8b9;
        padding-top: 7px;
        margin-bottom:7px;
    }
    /* BTN MENU MOBILE */
    #barre_menu_float_header {
        display: block;
    }

    #barre_menu_float_header #cadre_des_bouton_menu_mobil_float_header {
        display: none;
    }
    #cadre_des_bouton_menu_mobil {
        left: 0px !important;
        top: 0px !important;
    }

    /* FORMULAIRE */

    .element_formulaire_contact {
        display: inline-block;
        width:49%;
        vertical-align: top;
    }

    .retour_formulaire {
        width:auto;
    }

    .champ_formulaire_contact {
        text-align: left;
    }

    .receptacle_capcha {
        width:auto;
    }

    .champ_form_textarea {
        width: 98.5%;
    }

    /* SOUS MENU */
    .sous_menu .titre_colonne {
        color:#000 !important;
        font-size:15px !important;
    }

    .cellule_colonne {
        font-size:13px !important;
    }

    .cellule_colonne a {
        text-decoration: none !important;
        color:#444444 !important;
    }

    .fleche_deploie_sous_menu_up {
        margin-bottom: 5px !important;
    }

    .logo_menu_enfant {
        max-height: 150px;
    }

    .ligne_sous_menu_titre {
        background: -moz-linear-gradient(left, rgba(150,150,150,0.65) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(left, rgba(150,150,150,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to right, rgba(150,150,150,0.65) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6969696', endColorstr='#00000000',GradientType=1 );
    }

    .cadre_titre_colonne {
        padding: 10px;
    }

    .mot_du_menu_enfant {
        font-family: "Lato";
        color:#444444 !important;
        padding-left:10px;
        font-size:17px !important;
    }

    .sous_menu table {
        border-spacing : 0 !important;
        border-collapse : collapse !important;
    }

    #cadre_des_bouton_menu_mobil .menu_rapide_haut {
        top:60px;
        border-radius: 0px 30px 30px 0px;
    }

    #menu_mobil {
        border-radius: 0px 30px 30px 0px;
        overflow:hidden;
    }

    #cadre_des_bouton_menu_mobil .menu_rapide_haut a, #menu_mobil a {
        text-decoration: none;
    }

    .element_menu_mobil {
        border-bottom:1px solid #e6e6e6;
    }


    /* LOGIN barre menu */
    #btn_connexion {
        top:34px;
        right:150px;
    }

    #btn_connexion_base_img {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 20px;
        top: 0px;
        cursor: pointer;
        background-color:transparent;
        float: none;
        display: block;
    }

    /*ico fix */
    .widget_ico_social {
        position:absolute;
        top:30px;
        right:10px;
    }


    /* Language switcher - a gauche du champ recherche */
    .header_lang_switcher {
        top: 32px;
        left: auto;
        right: 470px;
    }

    /* recherche article */
    .widget_recherche_article {
        width: 400px;
        top:30px;
        right:60px;
    }

    /* Widget derniers articles */
    .cadre_element_colonne .mini_liste_article_widget {
        max-width: 500px !important;
    }

    /* DANS ARTICLE */
    .btn_envois_article_amis, .btn_signaler_article {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        padding:3px;
        text-align: center;
        background-color:#6e6e6e;
        color:#fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor:pointer;
    }

    .btn_envois_article_amis .img_de_capcha, .btn_signaler_article .img_de_capcha {
        margin-right: 24px;
    }

    .formulaire_contact_auteur table, .btn_envois_article_amis table, .btn_signaler_article table {
        width: 100% !important;
        min-width: auto !important;
    }

    .video-wrapper {
        width: 400px;
        max-width: 100%;
    }

    .simple_vert_element_menu_simplifie, .simple_vert_element_menu_simplifie_select {
        margin-bottom:5px;
    }

    .simple_vert_txt_menu_simplifie, .simple_vert_txt_menu_simplifie_select {
        font-size:12px !important;
    }

    .le_tag_dans_article {
        margin-right:5px;
        margin-bottom:5px;
    }

    .date_redaction_article {
        font-style: italic;
        font-size: 11px;

    }

    .haut-pied-de-page {
        display: block;
    }

    .contenu_footer_centre {
        width:760px !important;
    }

    .diffu_article_text_medium, .diffu_article_text_large, .diffu_article_text_small {
        padding-top:5px;
    }

}



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

    .que_diffu_medium, .que_diffu_small, .que_diffu_medium_et_small, #menu_mobil {
        display: none;
    }

    .que_diffu_large, .que_diffu_large_et_medium, .que_diffu_large_et_small {
        display: block;
    }

    .contenu_centre, .retour_erreur_formulaire, .entour_page_article, .contenu_page_diffu_interne {
        width:1000px;
        margin:auto;
    }

    .article_seul .contenu_article, .section_commentaire_article, .article_seul {
        width:700px !important;
        display: inline-block;
        vertical-align: top;
    }

    .colonne_droite_article {
        width:295px;
        display: inline-block;
        vertical-align: top;
    }

    .video-wrapper {
        width: 600px;
        max-width: 100%;
    }

    .cadre_video_header_cat {
        width:100%;
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100px;
        overflow: hidden;
        z-index: -1;
    }

    .deco_sur_vide_cat_a {
        max-width: 1000px;
        margin: auto;
        position: sticky;
        height: 100%;
    }

    .deco_sur_vide_cat_b {
        width: 195px;
        height: 100px;
        background-color: #fff;
        opacity: 0.7;
        margin-left: -5px;
    }

    .video_mp4_cat {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1;
    }

    .class_champs_recherche_article {
        -webkit-box-shadow: 0 0 17px 3px #FFFFFF;
        box-shadow: 0 0 17px 3px #FFFFFF;
    }

    .contenu_footer_centre {
        width:100% !important;
        padding-left:40px;
        padding-right: 40px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/* Css de theme_vosposts */


/*pagination */

.element_pagination {
    font-size: 12px;
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    color: #000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.element_pagination_select, .element_pagination:hover {
    font-size: 12px;
    display: inline-block;
    padding: 10px;
    background-color: #f28231;
    color: #fff;
    cursor: pointer;
}


/* mini block article */
.liste_tags {
    width: 100%;
    background-color:#ccc;
    min-height:90px;
}

.un_tag_article {
    display: inline-block;
    margin:3px;
    background-color:rgba(255,255,255,0.7);
    border-radius:3px;
    padding: 3px;
}

/* message notification */


.message {
    width:392px;
    height:170px;
    margin:auto;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:15px;
    text-align:center;
    font-size:13px;
    color: rgba(255,255,255,0.74);
    background-color: #607D8B!important;
}

#message_de_notification_rapide {
    position:fixed;
    z-index:9999990;
    right:5px;
    top:70px;
    width:240px;
}


.notification_rapide_droite {
    position: relative;
    background: url('/images/black80.png');
    background: rgba(0, 0, 0, 0.8);
    padding: 1.25em;
    color: #fff;
    margin-bottom: 1em;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-size:11px;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.message_succes_contact {
    background-color:#e5ffe6;
    color:#335e34;
    border:1px solid #335e34;
    width: 300px;
    margin:auto;
    padding:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Language switcher header */
.header_lang_switcher {
    z-index: 100;
}
.header_lang_switcher .selecteur_langue {
    display: inline-block;
}
.header_lang_switcher .selecteur_code_lang {
    position: relative;
    cursor: pointer;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: bold;
    color: #333;
    min-width: 80px;
    white-space: nowrap;
}
.header_lang_switcher .selecteur_code_lang:hover {
    border-color: #D74647;
}
.header_lang_switcher .lang_actuelle {
    display: flex;
    align-items: center;
    gap: 6px;
}
.header_lang_switcher .drapeau_lang {
    height: 16px;
    width: auto;
    vertical-align: middle;
    border-radius: 2px;
}
.header_lang_switcher .fleche_dropdown_lang {
    margin-left: 4px;
    font-size: 10px;
    color: #999;
}
.header_lang_switcher #interne_selecteur_code_lang {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    right: -1px;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    z-index: 101;
}
.header_lang_switcher .option_select_code_lang {
    padding: 6px 10px;
    cursor: pointer;
    font-size: 13px;
    color: #555;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
.header_lang_switcher .option_select_code_lang:hover {
    background: #D74647;
    color: #fff;
}