/*----------------------- GENERAL -----------------------*/
body {
    line-height: normal;
}
.alerte  {
    margin:10px auto;
    font-size:20px;
    text-align: center;
    border:1px solid;
    font-weight:bold;
    padding:5px;
}

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

a img  {
    border:none;
}

.spacer  {
    clear:both;
}

.centre  {
    text-align:center;
    margin:auto;
}
.text-center {
    text-align: center !important;
}
.pull-right {
    float: right;
}
small {
    font-size: 85%;
}

.ligne_b4e  {
    color: grey;
    background-color: grey;
    height: 1px;
    border: 0;
}

.div_expandable {
    display:none;
}

i[class^="icon-"] {
    vertical-align: middle;
}

#lien_parrainage {
    font-size:10px;
}

#content .contenu_recherche fieldset,
#conteneur .contenu_recherche fieldset,
.conteneur .contenu_recherche fieldset,
#contenu .contenu_recherche fieldset,
#cont .contenu_recherche fieldset,
#global .contenu_recherche fieldset{
    border: 0;
    padding: 0;
    margin: 5px;
}

.membre_rank
{
    color:#FFFFFF;
    padding:3px;
    border-radius:3px;
    text-transform:uppercase;
    font-weight:bold;
    overflow: hidden;
    white-space: nowrap;
    font-size:9px;
    font-family: Arial;
}

.tableau
{
    width:100%;
    border-collapse:collapse;
}
.tableau td, .tableau th
{
    padding:10px;
}
.tableau table, .tableau th, .tableau td
{
    border: 1px solid #CCC;
}
.tableau .small
{
    font-size:10px;
}

.b4e-button
{
    background:#080808;
    border:1px solid #080808;
    box-shadow : 0px 0px 3px rgba(255,255,255,0.6);
    text-transform:uppercase;
    border-radius:3px;
    color:white;
    padding:5px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
}

.b4e-button-disabled
{
    background:#777777;
    border:1px solid #777777;
    box-shadow : 0px 0px 3px rgba(255,255,255,0.6);
    text-transform:uppercase;
    border-radius:3px;
    color:white;
    padding:5px;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    width:130px;
}

.tooltip-inner
{
    min-width:200px;
}

/*----------------------- SIDEBAR -----------------------*/
.facebook-likebox
{
    margin: auto;
    width: 182px;
    margin-top: 20px;
}

.facebook-likebox-dark
{
    background-color: black;
}

.facebook-likebox-light
{
    background-color: white;
}

/*----------------------- FOOTER -----------------------*/
footer {
    min-height: auto;
    padding: 0;
}

footer #recherche_inter_blogs form {
    margin-top: 10px;
    margin-bottom: 20px;
}

footer #recherche_inter_blogs form input {
    margin: 0px;
    height: 25px;
}

/*----------------------- ACCUEIL -----------------------*/

div#accueil_photos_diaporama a {
    background:none;
}

div#accueil_photos_diaporama a:hover {
    background:none;
}

/*----- {articles mode="extrait"} ------ */
.dynamicode_articles_extrait
{
    clear:both;
}
.dynamicode_articles_extrait img
{
    max-width:150px;
    float:left;
    padding: 3px;
    border: solid;
    border-color: #DDD #AAA #AAA #DDD;
    border-width: 1px 2px 2px 1px;
    background-color: white;
    border-radius:5px;
    margin-bottom:15px;
}
.dynamicode_articles_extrait .extrait, .dynamicode_articles_extrait h4
{
    margin-left:170px;
}
.dynamicode_articles_extrait .extrait
{
    opacity:0.7;
    word-break: break-word;
}
.dynamicode_articles_extrait .suite
{
    margin-top:10px;
    text-align:right;
}

/*----------------------- COMMENTAIRES (ARTICLES ET ALBUM PHOTOS) ----------*/
.commentaire_auteur
{
    width:120px;
    border-bottom:1px dotted #E9E9E9;
    border-right:1px dotted #E9E9E9;
    padding:5px;
    text-align:center;
    vertical-align:top;
    font-weight:bold;
}
.commentaire_site
{
    text-align:left;
    margin-top:7px;
    margin-bottom:7px;
}
#contenu .commentaire_site a, #contenu .commentaire_nb_messages a
{
    font-size:10px;
}
.commentaire_nb_messages
{
    text-align:left;
}
.commentaire_message
{
    vertical-align:top;
    border-bottom:1px dotted #E9E9E9;
    width:80%;
    padding:5px;
    line-height: 2;
}
.commentaire_date
{
    text-align:right;
    font-size:10px;
    opacity:0.5;
    margin-bottom:5px;
}
#contenu .commentaire_date a
{
    font-size:10px;
}
.commentaire_rank_div
{
    margin: 5px 0;
}
.commentaire_rank_div a {
    text-decoration: none !important;
}
.commentaire_rank_div a:hover {
    text-decoration: none !important;
}
.commentaire_avatar
{
    height:100px;
    margin-right:5px;
    margin-bottom:2px;
    margin-top:5px;
}
.commentaire_avatar img
{
    max-width:100px;
    max-height:100px;
}

/*----------------------- ARTICLE -----------------------*/
.tiny3 p {
    margin:0;
    padding:0;
    line-height:normal;
}

.blog-article {
    word-break: break-word;
}

#rubriques .article_index_lien,
#content .article_index_lien {
    list-style-type: none;
    list-style-position: inside;
    padding: 0 0 0 7px;
    margin: 0 0 0 15px;
}
#rubriques .article_index_lien li,
#content .article_index_lien li {
    list-style-type: none;
    list-style-position: inside;
}
#rubriques .photo_index_lien,
#content .photo_index_lien {
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
}
#rubriques .photo_index_lien li,
#content .photo_index_lien li {
    list-style-type: none;
    list-style-position: inside;
}

.articles_index_barre_article {
    font-size:12px;
    float:left;
}

.articles_index_social_article_facebook {
    float:right;
    margin-left:5px;
    margin-top:-5px;
}

.articles_index_social_article_twitter {
    float:right;
    margin-left:5px;
    margin-top:-5px;
}

.articles_index_social_article_google {
    float:right;
    margin-top:-5px;
}

.articles_index_hr_fin_article {
    /*clear: both;*/
    clear:none;
    margin-top:30px;
    width:100%;
}

#articles_index_categorie_titre {
    font-style:italic;
}

#articles_index_categorie_desc {
    font-style:italic;
}

#articles_show_retour_articles {
    margin-top: 80px;
}

.articles_show_stats_article {
    font-style:italic;
    /*background: #f7f7f7;
    padding:10px;
    margin-bottom:5px;
    color:black;*/
}

.articles-show-printable-top {
    float: right;
    margin-top: 15px;
}

.article_index_categorie_nom {
    font-weight:bold;
}

#article_recherche {
    margin-top:20px;
}

#articles_index_categorie_desc {
    margin-bottom:10px;
}

.articles_index_site_title_hr {
    margin : 0px;
    margin-bottom: 20px;
}

.articles_index_contenu_article img,
.blog-article img {
    max-width: 100%;
    height: auto;
}

/*------------ COMMENTAIRES */
#articles_commentaires_titre {
    font-weight:bold;
    margin-top:10px;
    margin-bottom:15px;
}

#articles_commentaires_email_label, #articles_commentaires_site_label  {
    line-height:15px;
}

#articles_commentaires_pseudo_avatar {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

#articles_commentaires_pseudo_texte {
    font-weight:bold;
}

/*----------------------- ALBUM PHOTOS -----------------------*/
.photos_index_photo_desc {
    margin-top:5px;
}

.photos_index_photo_desc p
{
    text-align:center;
}

.photos_index_photo img, .photos_photo img {
    max-width: 100%;
}

#photos_photo_nom {
    font-weight:bold;
}

#photos_photo_description {
    font-style:italic;
}

#photos_index_categorie_separation, #photos_index_pagination_hr_fin, .photos_index_photo_separation {
    height:1px;
    display:block;
}

#photos_index_categorie_separation {
    margin-top:5px;
    margin-bottom:5px;
}

#photos_photo_lien img,#lancer_gallery img
{
    max-width:550px;
}
    /*------------- COMMENTAIRES --*/
    #photos_commentaires_site_input
    {
        width:413px;
    }

    #photos_commentaires_pseudo_phrase
    {
        margin-bottom:10px;
    }

    #photos_commentaires_email_label, #photos_commentaires_site_label
    {
        line-height:15px;
    }

    #photos_commentaires_pseudo_avatar
    {
        float:left;
        margin-right:10px;
        margin-bottom:10px;
    }

    #photos_commentaires_pseudo_texte
    {
        font-weight:bold;
    }
/*----------------------- NEWSLETTER ---------------------*/
#menu_newsletter_formulaire_text {
    width:80%;
}
#newsletter_voir p {
    min-height: 12px;
}
/*----------------------- FORUM -----------------------*/
#forum_categories tr td{
    padding: 3px 0 3px 4px;
}

#forum_categories table{
    border-collapse: separate;
    border-spacing: 0 8px;
}

.forum_categorie_title {
    max-width: 400px;
    font-size: 22px;
}

.forum_sujet_tableau_message_contenu img {
    max-width:400px;
    vertical-align: top;
    padding-left: 5px;
    
}

.forum_index_derniers_sujets_sujet {
    margin-bottom:5px;
}

#forum_index_titre_derniers_sujets {
    display: inline-block;
}

#forum_index_nouveau_sujet {
    float: right;
    margin-top: 25px;
}

#forum_index_nouveau_sujet .dropdown-toggle {
    padding: 10px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-image: none;
    font-size: 14px !important;
    text-transform: uppercase;
    border: 1px solid;
}

#forum_index_nouveau_sujet .dropdown-toggle .caret {
    margin: 3px;
}

#forum_index_nouveau_sujet .dropdown-menu {
    margin-top: 10px;
}

#forum_index_nouveau_sujet .dropdown-menu li {
    padding-left: 10px;
    padding-right: 10px;
}

#forum_index_nouveau_sujet .dropdown-menu li:hover {
    background: #CCC;
}

#forum_index_nouveau_sujet .dropdown-menu li a {
    padding : 5px;
    padding-left : 0px;
}

#forum_index_nouveau_sujet .dropdown-menu li.disabled {
    color: #808080;
}

#forum_index_nouveau_sujet .dropdown-menu li.disabled:hover {
    background: none;
}

#forum_index_nouveau_sujet .open > .dropdown-menu {
    min-width: 100%;
}

#forum_index_nouveau_sujet .dropdown-menu li > a:hover, #forum_index_nouveau_sujet .dropdown-menu li > a:active {
    color: black;
    background : none;
}

#forum_categories {
    margin-top:20px;
}

#forum_haut_menu_liens {
    font-size:10px;
}

#forum_haut_menu_visiteur {
    margin-top:10px;
}

#forum_haut_menu_form_div {
    margin-top:10px;
}

#forum_haut_menu_lien_inscription {
    margin-top:10px;
}

#forum_haut_recherche_text {
    width:300px;
}

.forum_breadcrumb
{
    margin-top:10px;
    margin-bottom:10px;
    padding:5px;
    padding-left:10px;
}
.forum_breadcrumb i
{
    margin-left:5px;
    margin-right:5px;
    opacity:0.3
}
#forum_sujet_tableau .forum_sujet_message_titre
{
    border:none;
}

#forum_categorie_fil {
    margin-bottom:10px;
}

#forum_categorie_description {
    font-style:italic;
}

#forum_categorie_tri, #forum_categorie_pagination, #forum_categorie_moderateur, #forum_sujet_pagination {
    text-align:center;
}

#forum_categorie_pagination {
    margin:10px;
}

#forum_categorie_ouvrir {
    margin-top:20px;
    margin-bottom:30px;
    text-align:right;
}

#forum_categorie_ouvrir_lien {
    padding:10px;
    border:1px solid grey;
    border-radius:5px;
    font-size:15px;
}

.forum_categorie_tableau_ligne_date {
    font-size:10px !important;
}

.forum_categorie_tableau_ligne_date:before {
    content: 'mis à jour le ';
}

.forum_categorie_tableau_ligne_auteur, .forum_categorie_tableau_ligne_nb, .forum_categorie_tableau_ligne_hits, .forum_categorie_tableau_ligne_dernier, .forum_categorie_tableau_entete_auteur, .forum_categorie_tableau_entete_nb, .forum_categorie_tableau_entete_dernier {
    text-align: center;
}

.forum_categorie_tableau_ligne_auteur {
    font-weight:bold;
}

#forum_sujet_entete {
    margin-top:5px;
    margin-bottom:10px;
}

#forum_sujet_composeur {
    margin:auto;
}

#forum_sujet_repondre_submit {
    margin:10px;
    font-size:12px;
    padding:10px;
}

.forum_statut_image
{
    vertical-align:-1px;
}

#forum_sujet_composeur_message
{
    font-size:13px;
}
#forum_sujet_tableau hr
{
    /*visibility:visible;
    border:1px solid #E9E9E9;*/
}
.forum_sujet_tableau_message
{
    border-bottom:1px solid #E9E9E9;
    height: 1px;
}
.forum_sujet_tableau_message_auteur
{
    width:100px;
    border-right:1px solid #E9E9E9;
    padding-right:5px;
    vertical-align:top;
}
.forum_sujet_tableau_message_avatar
{
    text-align:center;
    width:100px;
    height:100px;
    margin: 5px auto;
}
.forum_sujet_tableau_message_avatar img
{
    width:100px;
    height:100px;
}
.forum_sujet_message_corps {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.forum_sujet_message_contenu {
    flex-grow: 1;
}
.forum_sujet_message_signature
{
    border-bottom: 1px solid #E9E9E9;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 10px;
    text-align: left;
}
.forum_sujet_message_signature img {
    max-width: 100%;
}
.forum_sujet_tableau_message_pseudo
{
    text-align:center;
    font-weight:bold;
}
#contenu .forum_sujet_tableau_message_url a, #contenu .forum_sujet_tableau_message_nb a
{
    font-size:10px;
}
.forum_sujet_tableau_message_auteur_rank_div
{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}
.forum_sujet_tableau_message_auteur_rank_div a,
.forum_sujet_tableau_message_auteur_rank_div a:hover {
    text-decoration: none !important;
}
.forum_sujet_tableau_likes strong {
    position: relative;
}
.forum_sujet_tableau_likes i {
    margin-top: -1px;
}
.forum_sujet_tableau_likes .popover.bottom {
    margin-top: 25px;
    color: #4a4a4a;
}
.forum_sujet_tableau_likes .popover {
    text-align: left;
    width: auto;
    white-space: nowrap;
}
.forum_sujet_tableau_message_details, #contenu .forum_sujet_tableau_message_details a
{
   text-align:right;
   font-size:10px;
   margin-bottom:5px;
}

.forum_sujet_no_reply_message
{
    text-align: center;
    margin: 40px;
    font-weight: bold;
}
.forum_inscription_message
{
    border:1px dashed grey;
    margin:10px;
    margin-top:0px;
    padding:10px;
}
.forum_inscription_form table
{
    width:95%;
}
.forum_inscription_form table td
{
    padding:5px;
}
.forum_inscription_form table td input, .forum_inscription_form table td textarea
{
    width:80%;
}

/*---------- PROFIL PAGE -----*/
#membre_profil_gauche
{
    width:170px;
    float:left;
    border-right:1px solid #E9E9E9;
}
#membre_profil_droit
{
    margin-left:180px;
}
#membre_profil_droit h4
{
    margin-bottom:10px;
    margin-top:5px;
}
#contenu #membre_profil_droit ul
{
    margin-left:20px;
    margin-top:5px;
    margin-bottom:5px;
}
#membre_profil_pseudo
{
    font-size:30px;
    font-weight:bold;
    text-align:center;
    margin-bottom:10px;
}
#membre_profil_avatar
{
    text-align:center;
    margin-bottom:10px;
}
#membre_profil_avatar img
{
    max-width:100px;
}
.membre_profil_url
{
    width:150px;
    word-wrap:break-word;
    margin-bottom:5px;
}
.membre_profil_url i
{
    position:absolute;
}
.membre_profil_url a
{
    display:block;
    margin-left:20px
}
#membre_profil_nbmessages_recent
{
    font-size:10px;
}
#membre_profil_rank_div
{
    margin-bottom:10px;
}
#membre_profil_signature
{
    /*border-top:1px solid #E9E9E9;*/
    border-bottom:1px solid #E9E9E9;
    padding:10px;
    text-align:center;
}
#membre_profil_signature img
{
    max-width:480px;
}
#membre_profil_custom
{
    border-bottom:1px solid #E9E9E9;
}
.membre_profil_activite
{
    border-bottom:1px solid #E9E9E9;
}
.reserve_moderateur,.reserve_moderateur a, #contenu .reserve_moderateur a
{
    color: black;
    opacity: 0.6;
    background: orange;
    padding: 2px;
    border-radius: 4px;
    font-size:10px;
}
.reserve_moderateur a
{
    text-decoration:underline;
}

.forum_profil_comment_date
{
    color:grey;
    font-size:10px;
    padding-left:10px;
}

/*----------------------- FORUM NOTIFICATIONS -----------------------*/
.notifications .notification {
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.notifications .notification-icon {
    margin-right: 5px;
    vertical-align: -3px;
}
.notifications .notification-cancel {
    float:right;
}

.notifications  .notifications-settings {
    text-align:right;
}
/*----------------------- FORMULAIRE V2 (style Posterous) -----------------------*/
/*
Cf page /main/contact.php pour le HTML
*/

.form_v2 {
    max-width: 550px;
}

.form_v2 label {
    float:left;
    width:70px;
    height:20px;
    line-height:25px;
    text-align:left;
    font-size:12px;
}

.form_v2 input, .form_v2 textarea {
    font-family: "Droid Sans",Arial,Helvetica,sans-serif;
    font-size: 13px;
}

.form_v2 .form_moitie {
    float: left;
    width: 250px;
}

.form_v2 .form_full {
    float: left;
    width: 500px;
}

.form_v2 .form_moitie input,.form_v2 .form_full input {
    padding: 4px;
    width: 160px;
    margin-bottom: 15px;
}
.form_v2 .form_full textarea {
    width:416px;
    height:140px;
    padding:4px;
}

.form_v2 .libelle {
    font-size:10px;
    font-style:italic;
    color:grey;
}

.form_v2 .submit {
    margin-left:70px; /* alignÃ© avec le textarea */
    font-size:20px; /* en gros */
    margin-bottom:40px; /* Ã©loignÃ© du bas de page (pub) */
    margin-top:10px;
}

.contact-mentions {
    margin-top: 200px;
    text-align: right;
}

/*----------------------- CAPTCHA -----------------------*/
.form_v2 .captcha_left {
    width:150px;
    float:left;
}

.form_v2 .captcha_box {
    margin-top:5px;
    margin-bottom:5px;
    width:500px;
}
.form_v2 .captcha_phrase {
    font-size:10px;
    margin-bottom:5px;
}

.form_v2 .captcha_nbfourni {
    text-align:center;
    font-weight:bold;
}

/* BREADCRUMB */
#droite .blog-breadcrumb,
#texte .blog-breadcrumb,
#contenu .blog-breadcrumb,
#rubriques .blog-breadcrumb,
#content .blog-breadcrumb {
    padding: 5px 10px;
    margin-bottom: 10px;
}
#droite .blog-breadcrumb a,
#texte .blog-breadcrumb a,
#contenu .blog-breadcrumb a,
#rubriques .blog-breadcrumb a,
#content .blog-breadcrumb a {
    border: 0;
    font-weight: bold;
}

/* FORUM */
#droite .login,
#texte .login,
#contenu .login,
#rubriques .login,
#content .login {
    margin: 0 0 10px 0;
}
#droite .login .title,
#texte .login .title,
#contenu .login .title,
#rubriques .login .title,
#content .login .title {
    font-size: 13px;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
}
#droite .login form,
#texte .login form,
#contenu .login form,
#rubriques .login form,
#content .login form {
    padding: 10px;
    text-align: left;
    float: left;
    height: 75px;
}
#droite .login form ul,
#texte .login form ul,
#contenu .login form ul,
#rubriques .login form ul,
#content .login form ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#droite .login form ul li,
#texte .login form ul li,
#contenu .login form ul li,
#rubriques .login form ul li,
#content .login form ul li {
    list-style-type: none;
    margin: 2px 0;
    clear: both;
}
#droite .login form label,
#texte .login form label,
#contenu .login form label,
#rubriques .login form label,
#content .login form label {
    display: block;
    float: left;
    width: auto;
    text-align: right;
    margin: 0 5px 0 0;
    line-height: 20px;
    height: 20px;
    font-size: 11px;
}
#droite .login form input.text,
#texte .login form input.text,
#contenu .login form input.text,
#rubriques .login form input.text,
#content .login form input.text {
    margin: 0 10px 0 0;
    padding: 2px;
    float: left;
    width: 100px;
    font-size: 11px;
    height: 14px;
}
#droite .login form input.button,
#texte .login form input.button,
#contenu .login form input.button,
#rubriques .login form input.button,
#content .login form input.button {
    padding: 3px 8px;
    margin: 0 0 0 7px;
    float: left;
    font-size: 11px;
    height: 22px;
}
#droite .login p,
#texte .login p,
#contenu .login p,
#rubriques .login p,
#content .login p {
    font-size: 10px;
    margin: 5px 0 0 0;
    text-align: center;
}
#droite .login .register,
#texte .login .register,
#contenu .login .register,
#rubriques .login .register,
#content .login .register {
    padding: 10px;
    text-align: left;
    float: right;
    height: 75px;
}
#droite .login .register a,
#texte .login .register a,
#contenu .login .register a,
#rubriques .login .register a,
#content .login .register a {
    padding: 3px 8px;
    margin: 0;
    display: block;
    text-align: center;
}
#droite .member-links,
#texte .member-links,
#rubriques .member-links,
#content .member-links {
    margin: 10px 0;
}

/* Paypal */
#droite div.paypal form,
#texte div.paypal form,
#contenu div.paypal form,
#rubriques div.paypal form,
#content div.paypal form {
    margin: auto;
    padding-bottom: 10px;
    border-radius: 10px;
    float: none;
    height: auto;
    text-align: center;
    min-width: 250px;
    max-width: 250px;
}
#droite div.paypal form .price,
#texte div.paypal form .price,
#contenu div.paypal form .price,
#rubriques div.paypal form .price,
#content div.paypal form .price {
    font-size: 20px;
    margin: 20px 0;
    border: none;
}
#droite div.paypal form .shipping,
#texte div.paypal form .shipping,
#contenu div.paypal form .shipping,
#rubriques div.paypal form .shipping,
#content div.paypal form .shipping {
    font-size: 13px;
    margin: 0 0 10px 0;
    border: none;
}
/*------------------- SONDAGES -------------------- */
.article_sondage
{
    text-align:left;
}
.sondage_question, .tiny3 p.sondage_question
{
    font-weight:bold;
    margin-bottom:5px;
}
.article_sondage .sondage_reponse
{
    line-height:25px;
}

/* JUICEBOX GALLERY*/
.jcbx-glry-classic {
    clear: none !important;
}
.jcbx-glry-classic .jb-idx-thb-list .jb-idx-thumb img {
    max-height: 160px !important;
    max-width: 160px !important;
    top: auto !important;
    left: auto !important;
}

.moderator {
    color: #df3f1d;
}
/*------------------- MEMBER SYSTEM -------------------- */
article .form_v2 .form_moitie.blogmember_invite
{
    width:42%;
    padding:10px;
    margin-bottom:10px;
    border-radius:10px;
}
.blogmember_invite ul {
    margin: 5px 0 10px 0;
    padding: 0;
}
.blogmember_invite ul li
{
    list-style-type:disc;
    margin-left:20px;
    line-height:18px;
}
/*------------------- Cart-Recap -------------------- */
#cart-recap .option-name
{
    font-size:10px;
}
#cart-recap .verif-suppression
{
    font-size:10px;
    cursor:pointer;
}

#cart-recap .table_panier
{
    border-top:none;
}

#cart-recap .name
{
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
}

#cart-recap .price
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
}

#cart-recap .shipping-price
{
    font-size:12px;
    font-style:italic;
    margin-bottom:10px;
}

#cart-recap .stock-dispo
{
    font-size:10px;
}

#cart-recap .stock-dispo-red
{
    color:red;
    font-size:10px;
}

#cart-recap .stock_error
{
    color:red;
}
#suppressModal {
    z-index: 1041;
}
#suppressModal .cart-erase-choice
{
    color:white;
}
#cart-recap .table td, .table th {
    text-align:center;
}
#cart-recap .product_price {
    width:120px;
}
#cart-recap .product_quantity {
    width:100px;
}
#cart-recap .product_quantity input {
    text-align:center;
}
#cart-recap .product_total_price {
    width:100px;
}
@media (max-width: 480px) {
    #cart-recap .product_price {
        width:60px;
    }
    #cart-recap .product_quantity {
        width:40px;
    }
    #cart-recap .product_quantity input {
        width:25px;
    }
    #cart-recap .product_total_price {
        width:80px;
    }
}

.cart-modal-footer-left {
    float: left;
}

.cart-modal-footer-right {
    float: right;
}

@media (max-width: 480px) {
    .cart-modal-footer-left, .cart-modal-footer-right {
        width: 100%;
        text-align: center;
        height: 29px;
    }
}

#cart-recap #paypal_order {
    width: 200px;
}

#cart-recap .paypal-logo {
    margin-top: 50px;
    text-align: right;
}

#cart-recap .paypal-logo img{
    width: 200px;
}

/*------------------- Member modal -------------------- */
#register_modal,#login_modal, #register_modal label,#login_modal label
{
    color:black;
    font-size:12px;
}

#register_modal .close,#login_modal .close
{
    float:right;
}

#register_modal .form-horizontal .control-label, #login_modal .form-horizontal .control-label
{
    width:160px !important;
}

#register_modal .help-inline
{
    margin-top:10px;
}

#register_modal .intro
{
    margin:auto;
    margin-bottom:25px;
    width:350px;
    line-height:20px;
    border:1px solid #CCC;
    padding:10px;
    border-radius:5px;
    background:#D9EDF7;
    color:#3A8AB4;
}

#register_modal .intro ul
{
    margin-left:20px;
}
/*-------------------- MEMBER BOX --------*/
.menu_blogmember_box_avatars a {
    text-decoration: none;
}
.menu_blogmember_box_avatars .avatar{
    width: 54px;
    height: 54px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    display: inline-block;
}
.menu_blogmember_box_avatars .avatar span {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #fff;
    background-size: 54px 54px;
    background-position: center center;
}
.menu_blogmember_box_link:hover
{
    text-decoration: none;
}
.menu_blogmember_box_register
{
    margin-top:10px;
}
.menu_blogmember_box_link
{
    margin-bottom:5px;
}
.menu_blogmember_box_invite
{
    font-size:12px;
}

/*------------------- Panier -------------------- */
.cart-button
{
    margin:10px;
}

.cart-button .modal input
{
    width:200px;
}
.cart-button .modal label
{
    width:150px;
}
.cart-button .modal h3
{
    font-size: 16px;
    font-weight: bold;
}
.cart-button .modal .close
{
    float:right;
    cursor:pointer;
}

.cart-button a.cart-button-add:hover
{
    color:white;
}
.cart-button .btn-margin
{
    margin-right:10px;
}

.cart-button .b4e-button, .cart-button .b4e-button:hover, article .cart-button .b4e-button, article .cart-button .b4e-button:hover,#contenu .cart-button .b4e-button, #contenu .cart-button .b4e-button:hover
{
    text-decoration:none;
    color:white;
    background:black;
    font-size:16px;
}
.cart-button .b4e-button:hover, article .cart-button .b4e-button:hover, #contenu .cart-button .b4e-button:hover
{
    color:#FFEFBD;
}

.cart-button a.btn-margin:hover
{
    color:black;
    text-decoration:none;
}
.cart-button .modal
{
    font-family:Arial;
}

.cart-button .modal-header
{
    border:none;
}

.cart-erase-choice, article .cart-erase-choice
{
    float:right;
    margin-right:10px;
    color:white;
    text-decoration:none;
}

article .cart-erase-choice:hover
{
    color:white;
}


.cart-button .options
{
    margin-top:10px;
    margin-bottom:10px;
}

.cart-button .options select
{
    width:153px;
}

.cart-button .options_error
{
    color:red;
    margin-bottom:15px;
    font-size: 12px;
}

.cart-button .cart-button-div
{
    margin:10px;
}

.cart-button .cart-button-disabled
{
    margin-top:10px;
}

.cart-button .name
{
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
}

.cart-button .price
{
    font-size:14px;
    margin-bottom:10px;
}

.cart-button .price_reduction .price_reduction_reduced
{
    font-size:18px;
    margin-bottom: 15px;
}

.cart-button .shipping_cost
{
    font-size:12px;
    font-style:italic;
    margin-bottom:5px;
}

.cart-button .stock
{
    font-size:12px;
    font-style:italic;
    margin-bottom:5px;
}

.cart-button .weight_price
{
    text-decoration:underline;
    cursor:pointer;
    margin-bottom:20px;
}

/*------------------- Barre Panier -------------------- */
.cart_box
{
    float:right;
}

.cart-box-float > a:hover
{
    color:white;
}

.cart-box-float > a
{
    color:grey;
}

article .cart-box-float, #contenu .cart-box-float
{
    display:none;
    background-color: #1B1B1B;
    position:fixed;
    z-index:100;
    right:20px;
    bottom:10px;
    padding:8px;
    border-radius:5px;
}

article .cart-box-float a,#contenu .cart-box-float a
{
    color:white;
    background-color: #1B1B1B;
    font-size:14px;
}

#cart-recap th
{
    border-top:none;
}

#cart-recap .price
{
    text-align:right;
}

#cart-recap #paypal_button
{
    text-align:right;
}

.cart-box-float .icon-shopping-cart
{
    margin-right:5px;
    vertical-align: -2px;
}

#cart-recap .shipping_cost_discounts
{
    float:right;
    width:220px;
    margin-bottom:15px;
    font-size:11px;
}

#cart-recap .shipping_cost_discounts i
{
    vertical-align:-4px;
}

/* NEWS COMMENTS */

#article_commentaires ul.b4e-liste-commentaires,
#article_commentaires ul.b4e-commentaire-reponses,
#photo_commentaires ul.b4e-liste-commentaires,
#photo_commentaires ul.b4e-commentaire-reponses {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.b4e-liste-commentaires li ul.b4e-commentaire-reponses li {
    background-color: transparent;
}

#article_commentaires dl,
#photo_commentaires dl {
    position: relative;
}
#article_commentaires dl dt.commentaire_auteur,
#photo_commentaires dl dt.commentaire_auteur {
    float: left;
    width: 70px;
    border: none;
}
.b4e-avatar img,
.b4e-avatar img {
    width: 50px;
    height: auto;
    border-radius: 5px;
}

#article_commentaires dl dt.commentaire_auteur .popover,
#photo_commentaires dl dt.commentaire_auteur .popover {
    text-align: left;
    width: auto;
    white-space: nowrap;
    margin-left: 75px;
    margin-top: -25px;
}
#article_commentaires dl dt.commentaire_auteur .popover .avatar,
#photo_commentaires dl dt.commentaire_auteur .popover .avatar {
    float: left;
}
#article_commentaires dl dt.commentaire_auteur .popover .avatar img,
#photo_commentaires dl dt.commentaire_auteur .popover .avatar img {
    width: 75px;
    height: auto;
    border-radius: 5px;
}
#article_commentaires dl dt.commentaire_auteur .popover .profile,
#photo_commentaires dl dt.commentaire_auteur .popover .profile {
    float: left;
    text-align: left;
    margin: 0 0 0 10px;
    color: #414141;
}
#article_commentaires dl dt.commentaire_auteur .popover .profile span,
#photo_commentaires dl dt.commentaire_auteur .popover .profile span {
    display: block;
    line-height: 20px;
}
#article_commentaires dl dt.commentaire_auteur .popover .profile .username,
#photo_commentaires dl dt.commentaire_auteur .popover .profile .username {
    font-size: 14px;
}
#article_commentaires dl dt.commentaire_auteur .popover .profile .messages,
#photo_commentaires dl dt.commentaire_auteur .popover .profile .messages {
    font-size: 10px;
    font-weight: normal;
}
#article_commentaires dl dt.commentaire_auteur .popover .profile .website,
#photo_commentaires dl dt.commentaire_auteur .popover .profile .website {
    font-size: 11px;
}
#article_commentaires dl dt.commentaire_auteur .popover .profile .rank .commentaire_rank_div,
#photo_commentaires dl dt.commentaire_auteur .popover .profile .rank .commentaire_rank_div {
    height: 20px;
    line-height: 20px;
    margin: 0;
}
#article_commentaires dl dt.commentaire_auteur .popover .profile .rank .membre_rank,
#photo_commentaires dl dt.commentaire_auteur .popover .profile .rank .membre_rank {
    display: inline;
}
#article_commentaires dl dd.commentaire_message,
#photo_commentaires dl dd.commentaire_message {
    margin: 0 0 0 70px;
    width: auto;
    padding: 10px;
    text-align: justify;
    border: none;
}
#article_commentaires .comment-date,
#photo_commentaires .comment-date {
    font-size: 11px;
}
#article_commentaires .comment-op,
#photo_commentaires .comment-op {
    font-size: 11px;
}
#article_commentaires .actions,
#photo_commentaires .actions {
    font-size: 11px;
}

.reply-comment {
    margin: 0;
    border-top: 0px !important;
}
.post-comment input[type="text"],
.reply-comment input[type="text"],
.post-comment input[type="email"],
.reply-comment input[type="email"],
.post-comment select,
.reply-comment select {
    width: 40%;
    font-size: 11px;
    display: block;
    box-sizing: content-box;
}
#article_commentaires .post-comment .hide,
#article_commentaires .reply-comment .hide,
#photo_commentaires .post-comment .hide,
#photo_commentaires .reply-comment .hide {
    display: none;
}
#article_commentaires dl.moderateur > dt > a > .b4e-avatar img,
#photo_commentaires dl.moderateur > dt > a > .b4e-avatar img {
    border: 2px solid #df3f1d;
}

#article_commentaires dl.moderateur > dd > div > a > .b4e-pseudonyme,
#photo_commentaires dl.moderateur > dd > div > a > .b4e-pseudonyme {
    color: #df3f1d;
}

.post-comment .mini,
.reply-comment .mini {
    height: 35px;
}
.post-comment textarea,
.reply-comment textarea {
    width: 100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    font-size: 11px;
    resize: none;
    font-size: 13px;
    min-height: 70px;
}
.post-comment dl dt,
.reply-comment dl dt {
    float: left;
    width: 50px;
}
.post-comment dl dd,
.reply-comment dl dd {
    margin: 0 0 0 50px;
}
.post-comment dt img,
.reply-comment dt img {
    width: 35px;
    height: auto;
    border-radius: 5px;
}
.post-comment .member,
.reply-comment .member {
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: left;
}
.post-comment .blogmember_invite {
    white-space: nowrap;
    position: absolute;
    bottom: 15px !important;
    right: 0;
    padding: 10px;
    font-size: 11px;
    width: 285px;
}
.post-comment .blogmember_invite ul {
    margin: 5px 0 5px 0 !important;
}
#article_commentaires  .post-comment .blogmember_invite ul li,
#photo_commentaires  .post-comment .blogmember_invite ul li {
    list-style-type : square;
}
.post-comment form {
    margin: 0 0 30px 0;
}
.post-comment label input,
.reply-comment label input {
    margin: 2px 5px 0 0 ;
    float: left;
}
.comment-guest {
    font-style:italic;
    font-size:10px;
}
.action-msg {
    position: fixed;
    width: 600px;
    left: 50%;
    margin: 0 0 0 -300px;
    top: 120px;
    z-index: 999;
    text-align: center;
}
.share {
    height: 20px;
    padding: 10px;
    border-radius: 5px;
    margin: 0 0 20px 0;
}
.share .popover-inner {
    width: 160px;
    overflow: visible;
}
.share ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.share ul.social-media-buttons li {
    margin: 0 15px 0 0;
    text-align: center;
    float: left;
    max-height: 20px;
}
.share ul.social-media-buttons li {
    opacity: 0.7;
}
.share ul.social-media-buttons li:hover {
    opacity: 1.0;
}

ul.social-media-buttons {
    list-style-type: none !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
.social-media-buttons .fb-like span {
    vertical-align: initial !important;
}
.social-media-buttons .fb-send {
    line-height:14px;
}
.social-media-buttons .gplus div, .social-media-buttons .gplus iframe {
    width: 60px !important;
}
.social-media-buttons .article-printable {
    display: block;
    line-height: 20px;
}
.clear {
    clear: both;
}
.popover {
    width: auto !important;
}
.modal input[type="text"], .modal input[type="password"] {
    width: 250px;
}
.commentaire_rank_div {
    font-weight: normal !important;
}
.nav > li > a {
    display: block;
}

.alert .close {
    right:0px !important;
}

/* FIX CLEAR ISSUE */
/*#droite, #texte, #cadre #contenu, #rubriques, #content {
    float: left;
    margin: auto;
}
#menu {
   margin: 0 !important;
}*/
#VoteSondage label, #sondage_contenu label {
    display: inline !important;
    vertical-align:-3px;
    padding-left:5px;
}
/*aside #VoteSondage label {
    display: block;
}*/
.popover-inner {
    position: relative;
}
.popover-inner button {
    height: 15px;
    line-height: 11px;
    width: 15px;
    position: absolute;
    text-align: center;
    top: 5px;
    right: 5px;
    font-size: 9px;
    padding: 0;
    margin: 0;
    border: 1px solid #c0c0c0;
    background-color: #ffffff;
    color: #c0c0c0;
    cursor: pointer;
    border-radius: 7px;
}
.articles_show_stats_comments, .articles_show_stats_likes {
    float: right;
}
.articles_show_stats_comments {
    margin: 0 10px 0 0;
}
.total-likes {
    position: relative;
}
.total-likes .popover.bottom {
    margin-top: 25px;
    margin-left: -40px;
    color: #4a4a4a;
    white-space: nowrap;
}
/*--------------------- Box pour tinyMce ------------------ */
.boite-bleue, .boite-rouge, .boite-verte, .boite-jaune {
    clear:both;
    margin: 0 0 20px 0;
    text-shadow: none;
    padding: 15px;
    line-height: 17px;
}
.boite-bleue {
    background:#c2ddf9;
    border:1px solid #80bbef;
    color:#4783b7;
}
.boite-rouge {
    background:#ffcccc;
    border:1px solid #ff9999;
    color:#c31b00;
}
.boite-verte {
    background:#d1f7b6;
    border:1px solid #8bca61;
    color:#5e9537;
}
.boite-jaune {
    background:#fdebae;
    border:1px solid #e6c555;
}

.alert {
    /*text-align: left !important;*/
    padding: 4px 10px !important;
}
#statistiques_date_derniere_maj_li,
#statistiques_date_creation_li {
    display:none;
}

/*--------------------- FORMS ------------------ */
.form-horizontal .control-label
{
    width:230px;
    font-size:12px;
}
.form-horizontal .controls
{
    margin-left:250px;
}
.cat-forum-auth {
}
.cat-forum-auth p {
    margin: 10px 0 15px 0;
}
.cat-forum-auth label {
    margin: 0 0 10px 0;
    display: block;
}
/*-------------------- OVER BLOG SPECIFIC--------*/
.ob-section img
{
    position:relative !important;
}

#private-messages .pm-table .new {
    font-weight: bold;
}
/*-------------------- RE-CAPTCHA--------*/
.recaptcha_container
{
    margin-bottom:10px;
}
/*-------------------- CONTACT FORM ----*/
#contact_form
{
    margin-top:10px;
}
#contact_intro
{
    margin-bottom: 35px;
}
#contact_form label
{
    width:160px;
}
#contact_submit_input
{
    margin-left:160px; /* alignï¿½ avec le textarea */
    font-size:20px; /* en gros */
    margin-bottom:40px; /* ï¿½loignï¿½ du bas de page (pub) */
}

#contact_sujet_input
{
    width:412px; /* mï¿½me largeur que le textarea */
}
/*-------------------- REC FORM ----*/
#recommander_intro
{
    margin-bottom:15px;
}

#recommander_emails_phrase
{
    margin-bottom:5px;
}
#recommander_form label
{
    width:160px;
}

#recommander_submit_input
{
    margin-left:160px; /* alignï¿½ avec le textarea */
    font-size:20px; /* en gros */
    margin-bottom:40px; /* ï¿½loignï¿½ du bas de page (pub) */
}

#recommander_emails_textarea
{
    height:80px;
    margin-left:160px;
    margin-bottom:20px;
}
/*----------------- ABUSE REPORT -----*/
#reporter_abus textarea
{
    width:95%;
    height:120px;
}

/* PRIVATES MESSAGES */

#private-messages .pm-conversation-list {
    width: 200px;
    float: left;
    min-height: 200px;
    position: relative;
}
#private-messages .pm-conversation {
    height: 50px;
    padding: 10px 0;
    cursor: pointer;
    position: relative;
}

#private-messages .avatar-sm {
    width: 50px;
    height: 50px;
}
#private-messages .avatar-sm img {
    width: 100%;
}
#private-messages .pm-conversation-list .b4e-avatar {
    float: left;
    margin: 0 10px;
}
#private-messages .pm-conversation-list .username {
    height: 40px;
    margin: 5px 0;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    width: 130px;
}
#private-messages .pm-conversation-list .username strong {
    line-height: 20px;
}
#private-messages .pm-conversation-list .username span {
    line-height: 20px;
}
#private-messages .pm-conversation-list .username .date {
    font-size: 10px;
}

#private-messages .conversation-interface {
    float: left;
}
#private-messages .conversation-interface.dizperso2 {
    width: 446px;
}
#private-messages .conversation-interface.dizperso1 {
    width: 446px;
}
#private-messages .conversation-interface.theme {
    width: 375px;
}

#private-messages .conversation-title {
    height: 40px;
    border-radius: 0;
    box-shadow: 0;
    padding: 10px;
}
#private-messages .conversation-recipient input[type="text"] {
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    margin-top: 5px;
    height: 30px;
    margin: 0;
}
#private-messages .dizperso2 .conversation-recipient input[type="text"] {
    width: 384px;
}
#private-messages .dizperso1 .conversation-recipient input[type="text"] {
    width: 384px;
}
#private-messages .theme .conversation-recipient input[type="text"] {
    width: 313px;
}
#private-messages .conversation-recipient label {
    height: 40px;
    line-height: 40px;
    width: 26px;
    display: block;
    float: left;
    margin: 0;
}
#private-messages .conversation-messages {
    height: 400px;
    overflow: auto;
    padding: 0 10px;
}
#private-messages .conversation-messages table {
    border: 0;
    width: 98%;
}
#private-messages .conversation-messages table td {
    border: 0;
    /*padding: 0 0 20px 0;*/
}
#private-messages .conversation-messages .message-date {
    font-size: 10px;
    float: right;
    color: #c0c0c0;
}
#private-messages .conversation-compose {
    padding: 10px;
}
#private-messages .conversation-compose textarea {
    font-family: inherit;
}
#private-messages .tools {
    float: right;
}
#private-messages .conversation-username-search {
    height: 340px;
    overflow: auto;
}
#private-messages .conversation-username-search ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#private-messages .conversation-username-search ul li {
    list-style-type: none;
    height: 50px;
    cursor: pointer;
    padding: 5px;
}
#private-messages .conversation-username-search .b4e-avatar {
    float: left;
    margin: 0 10px 0 0;
}
#private-messages .delete-conversation {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 14px;
    height: 14px;
    line-height: 13px;
    text-align: center;
    color: #ffffff;;
    font-weight: bold;
    background-color: #808080;
    border-radius:3px;
    font-size: 10px;
    text-decoration: none;
}
#private-messages .pm-dropdown {
    position: relative;
    display: inline-block;
    float: right;
}
#private-messages .pm-dropdown button {
    background-color: transparent !important;
    color: #000000;
    border: none;
}
#private-messages .actions {
    position: absolute;
    min-width: 100px;
    border: 1px solid;
    background-color: #ffffff;
    z-index: 999;
}
#private-messages .actions ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#private-messages .actions li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#private-messages .actions a {
    display: block;
    cursor: pointer;
    width: 100%;
    padding: 0 5px;
    white-space: nowrap;ï¿½
}
.hide {
    display: none;
}
#private-messages .pm-message-delete{
    padding-left:5px;
    margin-top:-5.3px;
    float:right;
}
#private-messages .pm-message-delete .icon-trash{
    opacity: 0.5;
}

/*----------------- FORMULAIRE FLOTTANT -----------------*/

#floating-form {
    background-color: #F7F7F7;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
    color:#000;
    bottom: 0;
    border-radius: 3px 0 0;
    padding: 0 15px;
    position: fixed;
    right: 10px;
    bottom: -500px;
    width: 210px;
    z-index: 999;
}
#floating-form input[type="text"],
#floating-form input[type="password"] {
    margin:5px 0;
    width:93%;
    height: auto;
}
#floating-form form button,
#floating-form form a,
#floating-form form a:visited {
   background-color: #000;
   margin-top: 5px;
   text-transform: none;
   font-size: 15px;
   width:100%;
   border:none;
   color: #fff;
   box-shadow: none;
}
#floating-form .alert {
    width: 92%;
    padding:10px !important;
}

#floating-form h3 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    border-bottom: none;
    margin-top: 20px;
    margin-bottom: 10px;
    word-wrap: break-word;
    background-image: none !important;
    background-color: transparent !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    font-family: Helvetica, Arial, sans-serif;
}
#floating-form p.register {
    font-size: 14px;
    margin: 10px 0;
    text-align: center;
    font-weight: bold;
    line-height: 16px;
}
#floating-form p.subscribers {
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
}

#floating-form a.close {
    border-radius: 3px 0 0;
    border: 0 none;
    float: right;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    margin-right: -10px;
    margin-top: 5px;
    opacity: 1;
    padding:5px;
    text-shadow: 0 1px 0 #fff;

}
#floating-form p.member-count{
   /* color: #000;*/
    font-size: 13px;
    margin:0 -8px 5px 6px;
}
#floating-form .alert {
    margin-bottom: 0px;
    margin-top: 10px;
}

/*----------------- PROMOBLOG -----------------*/

.promoblog {
    border-top: 1px solid rgba(0, 0, 0, .1);
    /*border-bottom: 1px solid rgba(0, 0, 0, .1);*/
    padding-top: 15px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.promoblog_intro {
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px;
}

.promoblog_intro strong {
    font-size: 15px;
}

.promoted_blogs {
    margin-top: 15px;
}
.promoted_blog_thumbnail {
    display: inline-block;
    width: 150px;
}

.promoted_blog_thumbnail img {
    border: 1px solid rgba(0, 0, 0, .1);
    width: 150px;
}

.promoted_blog_text {
    display: inline-block;
    width: 150px;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 20px;
    padding-top: 5px;
    opacity: 0.8;
}

.promoted_blog_text a {
    font-size: 14px;
}

.promoted_blog_description {
    margin-top: 5px;
}

.responsive-only-separator {
    display: none;
}

.cookie-warning {
    background-color: #000000;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    position: relative;
    z-index: 9999;
}
.cookie-warning button {
    height: 16px;
    line-height: 10px;
    font-size: 10px;
    padding: 0 5px;
    background-color: #808080;
    color: #ffffff;
    border: 0;
    border-radius: 3px;
    margin-top: -2px;
    margin-left: 5px;
}

.wysibb .wysibb-toolbar .wysibb-toolbar-container .wysibb-toolbar-btn span.btn-inner {
    white-space: nowrap;
}

.blog-article.tiny4 .picture img {
    max-width: 100%;
}
.blog-article.tiny4 .pictures-rows-one,
.blog-article.tiny4 .pictures-rows-two,
.blog-article.tiny4 .pictures-rows-three {
    text-align: center;
}
.blog-article.tiny4 .pictures-rows-one div:first-child,
.blog-article.tiny4 .pictures-rows-two div:first-child,
.blog-article.tiny4 .pictures-rows-three div:first-child,
.blog-article.tiny4 .pictures-rows-right div:first-child,
.blog-article.tiny4 .pictures-rows-left div:first-child {
    padding-top: 0 !important;
}
.blog-article.tiny4 .pictures-rows-one .picture {
    vertical-align: top;
    padding: 10px;
}
.blog-article.tiny4 .pictures-rows-two .picture {
    vertical-align: top;
    width: 47%;
    padding: 9px;
    padding-top: 0 !important;
    display: inline-block;
}
.blog-article.tiny4 .pictures-rows-three .picture {
    vertical-align: top;
    width: 30%;
    padding: 9px;
    padding-top: 0 !important;
    display: inline-block;
}
@media (max-width: 725px) {
    .blog-article.tiny4 .pictures-rows-two .picture,
    .blog-article.tiny4 .pictures-rows-three .picture {
        width: auto;
    }

}
.blog-article.tiny4 .picture .picture-img {
    margin-bottom: 5px;
    display: inline-block;
    max-width: 100%;
}
.blog-article.tiny4 .picture .picture-legend {
    font-style: italic;
    text-align: left;
}

.blog-article.tiny4 .pictures-rows-right,
.blog-article.tiny4 .pictures-rows-left {
    margin: auto;
}
.blog-article.tiny4 .pictures-rows-right .picture,
.blog-article.tiny4 .pictures-rows-left .picture {
    padding: 10px;
    clear: both;
}
.blog-article.tiny4 .pictures-rows-right .picture .picture-img {
    width: 39%;
    float: left;

}
.blog-article.tiny4 .pictures-rows-right .picture .picture-legend {
    width: 56%;
    float: left;
    margin-left: 10px;
    text-align: justify !important;
}
.blog-article.tiny4 .pictures-rows-left .picture .picture-img {
    width: 39%;
    float: right;
}
.blog-article.tiny4 .pictures-rows-left .picture .picture-legend {
    width: 56%;
    float: right;
    margin-right: 10px;
    text-align: justify !important;
}


.blog-article.tiny4 .video-player {
    padding: 20px 10px;
    max-height: 500px;
    width: auto;
    max-width: 100%;
    text-align: center;
}
.blog-article.tiny4 .video-player .img-polaroid {
    display: inline-block;
}
.blog-article.tiny4 .video-player .img-polaroid video {
    max-height: 500px !important;
}

.blog-article.tiny4 .audio-player {
    padding: 20px 10px;
}
.blog-article.tiny4 .audio-player .playlist {
    list-style-type: none;
    max-width: 300px;
    margin: auto;
    padding: 0 10px;
}

.total-likes .tooltip-inner,
.forum_sujet_tableau_likes .tooltip-inner {
    min-width: initial;
    max-width: 300px;
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
.modal-header h3 {
    border-bottom: 0;
}
#likers-modal ul {
    list-style-type: none;
}
#likers-modal ul li {
    height: 60px;
    margin-bottom: 2px;
    border-bottom: 1px solid #eeeeee;
}
#likers-modal ul li img {
    max-height: 50px;
    max-width: 50px;
    display: inline-block;
    vertical-align: middle;
}
#likers-modal ul li a {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    display: inline-block;
}
.document-viewer {
    width: 90%;
    height: 500px;
    margin: 20px auto;
    display: block;
    border: 1px solid #CCC;
}
div.document-viewer p {
    text-align: center;
    line-height: 500px;
}
.print-link {
    cursor: pointer;
}
.blog-article.tiny4 .form-viewer {
    width: 90%;
    min-height: 500px;
    margin: 20px auto;
    display: block;
}
.blog-article.tiny4 .poll {
    width: 50%;
    margin: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.blog-article.tiny4 .poll .poll-question {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    line-height: 40px;
    height: 40px;
}
.blog-article.tiny4 .poll .poll-options {
    list-style: none;
    padding: 0;
    margin: 4px 0 0 0;
}
.blog-article.tiny4 .poll .poll-options li {
    padding: 5px;
    background-color: #efefef;
    margin-bottom: 1px;
}
.blog-article.tiny4 .poll form {
    margin: 0;
}
.blog-article.tiny4 .poll .poll-options li label {
    font-weight: normal;
    margin: 0;
}
.blog-article.tiny4 .poll .poll-options li input {
    margin-top: 3px;
    margin-right: 10px;
    vertical-align: top;
}
.blog-article.tiny4 .poll .poll-vote-result {
    width: 100%;
    box-sizing: border-box;
}
.blog-article.tiny4 .poll .poll-vote-result * {
    box-sizing: border-box;
}
.blog-article.tiny4 .poll .poll-vote-result span {
    display: inline-block;
    font-size: 10px;
}
.blog-article.tiny4 .poll .poll-vote-percentage {
    height: 20px;
    width: 90%;
    border: 1px solid #ddd;
    background-color: #ffffff;
    padding: 1px;
    display: inline-block;
    vertical-align: middle;
}
.blog-article.tiny4 .poll .poll-vote-result {

}
.blog-article.tiny4 .poll .poll-vote-percentage .poll-vote-percentage-value {
    height: 16px;
    background-color: #808080;
}
.blog-article.tiny4 .calendar-viewer {
    width: 90%;
    min-height: 500px;
    margin: 20px auto;
    display: block;
}
.blog-article.tiny4 .map-viewer {
    width: 96%;
    min-height: 500px;
    margin: 20px auto;
    display: block;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
#register-sidebar {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #080808;
    border-radius: 3px;
    border: 1px solid #080808;
    color: #ffffff;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px;
}
#register-sidebar:hover {
    text-decoration: none;
}
.gsc-search-button.gsc-search-button-v2 {
    width: 10px;
    height: 12px;
    padding: 5px 10px;
    background-color: #000000;
    border: 1px solid #000000;
}
.modal-body a {
    color: #0088cc;
}

/*----------------- RESTRICTED BANNER (BLOG CLOSED OR PASSWORD PROTECTED) -----------------*/

.restricted-banner {
    z-index: 1000; 
    position:fixed; 
    left:0; bottom:0; 
    padding-top:10px; 
    min-height:50px;
    background:#FDEBAE; 
    text-align: center; 
    width:100%; 
    border-bottom:1px solid #E6C555;
    box-sizing: border-box;
    line-height: 30px;
}
.restricted-banner:after {
    content: ""; 
    display: table;
    clear: both;
}
.restricted-banner-text {
    float: left; 
    width: 70%; 
    color:#9E660D;
    box-sizing: border-box;
    line-height: 30px;
}
.restricted-banner-link {
    float: right;
    width: 30%;
    color:#9E660D;
    box-sizing: border-box;
}
@media screen and (max-width: 600px) {
    .restricted-banner-text, .restricted-banner-link  {
        width: 100%;
        margin-bottom: 10px;
    }
}
.restricted-banner-link a {
    color:#9E660D; 
    background:#EDDB9E; 
    text-decoration:none; 
    border-radius:5px; 
    padding: 10px;
    vertical-align: baseline;
    border:1px solid #E6C555; 
}
.restricted-banner-link a:hover{
    color:#9E660D; 
    background:#EDDB9E; 
    text-decoration:none 
}
.jb-splash-holder img {
    max-width: initial;
}

@media screen and (min-width: 1024px) {
    .translator-top {
        position: fixed;
        top: 0;
        left: 20px;
        padding: 10px;
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.2);
        z-index: 9999;
    }
}
@media screen and (max-width: 1023px) {
    .translator-top {
        position: fixed;
        padding: 10px;
        top: 0;
        left: 20px;
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.2);
        text-align: center;
        z-index: 9999;
    }

    .translator-slot {
        height: 30px;
    }
}
@media screen and (max-width: 979px) {
    .translator-top {
        position: fixed;
        padding: 10px 0;
        bottom: 0;
        left: 0;
        width: 100%;
        top: initial;
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.2);
        text-align: center;
        z-index: 9999;
    }

    .translator-slot {
        height: 0;
    }

    body {
        margin-bottom: 50px;
    }
}


.diz-barre-navigation .gsc-control-cse {
    background-color: transparent;
    border: none;
}
.diz-barre-navigation .gsc-control-cse .gsc-search-button.gsc-search-button-v2 {
    height: 24px;
    width: 32px;
}