/*================================
SAUVEGARDE design 2025 FAITE LE 13 03 2025 
=================================*/

.main { /*pour faire disparaitre ligne verticale sur les bords du contenu*/
    border-left: transparent;
    border-right: transparent;
    background-image: none;
}


/*Supprimer module recherche nav*/
.recherche_nav{
 display: none;  
    
}
.form-horizontal .control-label{    
    float:left;
    width:160px;
    padding-top:5px;
    text-align:right;
    font-size: 16px; /*Taille police cadre inscription en tant que membre au site (bouton page accueil) */ 
}


/*--------------------
    DEBUT EN-TETE 
~~~~~~~~~~~~~~~~~~~~~~~~*/

header .image {
    margin-left: 25px;
    width: 1200px;
    height: 510px;
    box-shadow: -1px 1px 10px 1px #3C3C3C;
}
/*--------------------
    FIN EN-TETE 
~~~~~~~~~~~~~~~~~~~~~~~~*/


/*___________________________________
           
      PARTIE BARRE NAVIGATION
-----------------------------------*/

nav {
 width: 1210px;
 height: 240px;
 margin-top: 20px;  
 margin-left: 22px;   
 /*background-image: url(https://static.blog4ever.com/2020/12/861929/barre-nav-noel-2024-soleilvie.gif); 
 background-repeat: no-repeat;*/
 box-shadow: none;
}
.diz-barre-navigation ul {
  margin-top: 20px;  
  margin-left: 90px;
  float: left;
}
 .diz-barre-navigation .recherche_nav {
  float: left;
}
.diz-barre-navigation a { 
  height: 155px !important;
  color: #293612;
  text-align : center;
  font-style : italic;
  font-size: 18px;
}
.diz-barre-navigation a:hover {
  height: 155px !important;
  color: #87AD38;
  text-align : center;
}



/* ---------------------------------------
             CONTENU 
-------------------------------------------*/

/*body{/* FOND IMAGE SOUS LE CONTENU DERRIERE LOGO MENU ET ARTICLES ET NAV 
background-image: url(https://static.blog4ever.com/2020/12/861929/fond-toile-de-jute-bleue-1-design-2023.jpg)!important; 
background-repeat: repeat;        
}*/

#contenu {
color: #000;  
background-image: url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png);
background-repeat: repeat;
width:1250px;
margin-top:  10px !important;  
padding-top: 10px;   
border: 8px #3C3021 double; /*trait autour contenu*/
/*outline:300px solid #c8afaa;  /*couleur de fond à la place du fond body*/
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #3C3C3C !important;   
font-family: Comic Sans MS !important;
font-size : 18px !important; /* TAILLE DU TEXTE DANS LE CONTENU */  
} 

.jcbx-glry-classic{ /*pour changer la couleur fond du diapo galerie photos */
 background-image: url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png) !important;
 background-repeat: repeat;
 border: 2px solid #3C3C3C !important;
 border-radius: 30px;
 box-shadow: -1px 1px 10px 1px #000; 
}

/*categories*/
.article_index_categorie_nom a{
color: #5d0000 !important;
margin-left: 70px; /*pour décaler vers droite*/ 
}
.article_index_categorie_nom:before {
    content:url(https://static.blog4ever.com/2020/12/861929/etoile-devant-titres-cat.gif);
    left:65px; /*pour décaler vers droite*/
    position:relative;
    top:3px;
}
.article_index_categorie_nom a:before{
 margin-left: 10px; /*pour décaler vers droite*/
}

/* sous categories*/
.article_index_lien a {
-moz-transition:all 0.7s ease;
color: #C94B41!important;
margin-left: 100px; /*pour décaler vers droite*/ 
}
.article_index_lien a:hover {
-moz-transition:all 0.7s ease;
color: #8F833A!important;
margin-left: 100px; /*pour décaler vers droite*/ 
}

/*image titre catégorie*/
.article_index_lien:before{
    content:url(https://static.blog4ever.com/2020/12/861929/Petite-fl--che-devant-titre-articles.png);
    left: 100px; /*pour décaler vers droite*/
    position:relative;
    top:3px;   
    
}
article{

/*background-image: url(https://static.blog4ever.com/2020/12/861929/fond-1-or.png);
background-repeat: repeat;*/
background : #F7E4D6;  
width: 900px !important;
text-align:left;
margin-left: 20px;  
margin-top: 20px;
border: 4px #3C3021 ridge;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #3C3C3C;  
font-family: Comic Sans MS !important;
}

#articles_show_contenu_article, .articles_index_contenu_article {
color: #000; /*couleur police dans les articles */
font-size: 14px;
}

/*-----------------------------------
    Pour les tableaux dans les articles, messages privés et autres
-------------------------------------*/
table{
background-image: url(https://static.blog4ever.com/2020/12/861929/g51_10309638.gif) !important; 
background-repeat: repeat !important;
/*background : #EBC9A4;*/  
border-collapse: separate!important;  
border-radius: 10px !important;    
border: 3px dashed #3C3021 !important;
box-shadow: -1px 1px 10px 1px #3C3C3C!important; 
border-spacing: 10px; /*espace entre les cellules*/  
}

td {
border-radius: 10px !important;  
border: 2px solid #3C3021 !important;    
background-image: url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png) !important; 
background-repeat: repeat !important;
}
  
/*-----------------------------------
     FIN Pour les tableaux dans les articles
-------------------------------------*/

/*----------------------------------------------
    PARTIE BOUTONS LIENS DANS TOUS LES ARTICLES
--------------------------------------------------*/ 
.blog-article .btn-blog, .blog-home .btn-blog {
    background-image : url(https://static.blog4ever.com/2020/12/861929/g51_10309638.gif);
    background-repeat: repeat;
    border: 3px dashed #3C3021;
    color: #000;
    text-decoration: none;
    border-radius: 15px;
    font-size : 18px;
    box-shadow: -1px 1px 10px 1px #3C3C3C;
}
.btn-blog:hover{
    background-image : url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png) !important;
    background-repeat: repeat !important;
    color: #FFFFCC; 
    border: 3px dashed #3C3021;
    text-decoration: none;
  
} /*fin partie boutons liens dans articles*/

/*++++++++++++++++++++++++++++
      PARTIE DERNIERS ARTICLES PUBLIES
+++++++++++++++++++++++++++++++*/
article .dynamique {
text-align: left;  
border: 6px #3C3021 double;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #3C3C3C!important;
margin: 0 0 20px 0;
font-size: 18px !important; 
}
article .dynamique a{ 
font-style : italic;
font-family: capriola !important;  
color: #000 !important;
line-height: 2.2 !important;  
}
article .dynamique a:hover {
    color: #e01a1a !important;
}

article .dynamique ul {
list-style-type: none!important; /*signe devant les titres de derniers articles*/
}

/* 
--------------------------------
      Début "A decouvrir aussi" en bas de chaque article 
      juste au dessus des commentaires
---------------------------------
*/
#article_suggestions{
    text-align : center;
	width : 90%;
	margin : 0px auto;
	padding : 10px;
} 
#article_suggestions h4{ /*A decouvrir*/
	width : 291px;
	color : #000;
	background-image : url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png);
	font-family : gabriola;
	font-size : 45px;
	/*font-weight : bold;*//*pour mettre en gras l'écriture*/
	text-align :center;
	text-decoration : none !important;
	margin : auto !important;
	padding : 20px;
	border: 6px double #3C3021;
	border-radius: 5px;
    box-shadow: -1px 1px 10px 1px #624334!important;
}
#article_suggestions a{    
	color : #000;
    font-size: 18px;
    text-align : center;
    line-height: 2.2;
	background-image : url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png);
    background-repeat: repeat;
    margin-left: -25px;
    margin-right: auto;
	padding: 15px 5px 15px 10px;
    border : 2px solid #3C3021;
	border-radius: 5px;
    box-shadow: -1px 1px 10px 1px #3C3C3C;
}  
#article_suggestions a:hover{
	color : #FFFFCC !important;
	background-image: transparent; 
    background-repeat: repeat;
    border : 2px solid #3C3021;
	padding: 15px 5px 15px 10px;
}
#article_suggestions li{
	background : transparent !important;    
	margin : 20px;
	padding: 3px 15px 3px 15px;
}
/* 
---------------------------------
     Fin "A découvrir aussi"
---------------------------------
*/

/*-------------------------------
      Début css commentaires code fourni par Simon
   ------------------------------*/
/*poster un commentaire*/
.articles_show_stats_article {
    color: #000000;
    font-style: italic;
}

/*****poster*******/

#article_commentaires ul li {   
background-image: url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png); 
background-repeat: repeat;  
border: 4px double #3C3021;
border-radius: 5px;
list-style-type: none;
position: relative;
margin-top: 20px;
box-shadow: -1px 1px 10px 1px #383838; 
}
.post-comment .mini, .reply-comment .mini { 
  color: #000 !important;
  font-size: 20px !important;
  border: 3px solid #fff !important; 
  height: 100px !important;
}
/*taille pseudo*/
#article_commentaires .comment-op,
#photo_commentaires .comment-op {
    font-size: 16px!important;
}
/*taille date*/
#article_commentaires .comment-date,
#photo_commentaires .comment-date {
    font-size: 16px!important;
}
/*taille de j'aime et répondre*/
#article_commentaires .actions,
#photo_commentaires .actions {
    font-size: 16px;
}

#article_commentaires dl dd.commentaire_message, #photo_commentaires dl dd.commentaire_message { 
/*background-image: url(https://static.blog4ever.com/2020/12/861929/fond-contenu-noel-2024.png); 
background-repeat: repeat;*/
background : #F7E4D6;  
border: 2px dashed #3C3021;;  
border-radius: 5px;
box-shadow: -1px 1px 10px 1px #383838; 
color: #000; 
font-family: Comic Sans Ms;  
font-size: 18px !important; 
margin: 0 10px 0 70px; 
padding: 10px; 
text-align: justify;
Line-Height: 16pt; /* espace vertical entre les lignes*/  
width: auto; 
}
#article_commentaires dl dt.commentaire_auteur .popover,
#photo_commentaires dl dt.commentaire_auteur .popover  { 
   background: none repeat scroll 0 0 #F3DED1; 
   margin-left: 75px; 
   margin-top: -25px; 
   text-align: left; 
   white-space: nowrap; 
   width: auto; 
}
#article_commentaires .post-comment .blogmember_invite ul li, #photo_commentaires .post-comment .blogmember_invite ul li {
    background: none repeat scroll 0 0 #C1D582;
    list-style-type: square;
    text-align: center;
    color: #000; 
    width: 300px;
    height: 20px;
    margin-top: 10px;
}
.post-comment input[type="text"], .reply-comment input[type="text"] {
    border: 4px double #531B25;
    box-shadow: -1px 1px 10px 1px #383838;
    background-color: #AFDEEC; 
    color: #000000; 
    display: block;
    font-size: 15px;
    width: 40%;
}
.post-comment dl dd, .reply-comment dl dd {
    height: 220px;
    margin: 0 0 0 50px;
}
#articles_commentaires_email_input{
  background: #f3ded1;
  border: 4px double #531B25;
  box-shadow: -1px 1px 10px 1px #383838;
    
}

#article_commentaires dl dt.commentaire_auteur .popover, #photo_commentaires dl dt.commentaire_auteur .popover {
background: none repeat scroll 0 0 #C8AFAA; /*fond de couleur lorsque on passe la souris sur l'avatar de l'auteur du commentaire*/
border: 2px ridge #531B25; 
text-align: left;
white-space: nowrap;
width: auto;
}
.post-comment .blogmember_invite {
    bottom: 10px;
    color: #000; 
    font-size: 15px;
    padding: auto;
    position: absolute;
    right: 250px;
    white-space: nowrap;
    width: -200px;
    height: 80px;
}
div.popover-content {
    background-color: transparent;  
}
/*bouton envoyer*/
.diz-blog input[type="submit"],
.diz-blog input[type="button"],
.diz-blog button {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: 15px;
border: 4px #3C3021 outset!important;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #242238!important;
color: #000;
background-image: url(https://static.blog4ever.com/2020/12/861929/g27.gif);
background-repeat : repeat;
font-family: 'Lucida sans Unicode', sans-serif;
font-size: 15px !important;
text-transform: uppercase;
}
/*
---------------------------------
      Fin css commentaires code fourni par Simon
---------------------------------
*/




/*=========================================
          
           MENU LATERAL 

===========================================*/ 



/* BOUTON SE CONNECTER ou S'INSCRIRE en dessous de la barre nav */
.divider{
display: none;
}
.blogmember_menu li a {
 margin-left: 0px!important;
 margin-right: 15px !important; 
 background-image: url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png) !important; 
 background-repeat: repeat;
 /*background: linear-gradient(0.25turn,#3f87a6, #ccc,#088)!important;*/
 border: 3px solid #3C3021 !important;
 border-radius: 3px;
 color: #000!important;
 display: block;
 outline: 0 none;
 padding: 5px;
 text-align: center;
 text-decoration: none;
} 
.blogmember_menu li a:hover {
 background-image: url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png) !important; 
 background-repeat: repeat;
 border: 3px solid #3C3021 !important;
 border-radius: 3px; 
 color: #FFFFCC !important;
 height: 220px; 
}  
/* FIN BOUTON SE CONNECTER ou/S'INSCRIRE */

.fond-cote
{
color:transparent !important;

}

aside {
width:248px;
margin-right: 3px !important;
margin-top: 15px; /*espace en hauteur entre la barre nav et le premier bloc*/  
}
aside li{ /*pour ne pas mettre les signes comme >> devant les titres dans les menus*/
 background: none;   
}

aside .bloc-cote{/*supprimer les bords*/
 border: none!important;   
}

.menu_bloc h2 {
widht: 248px !important;  
text-align: center;
margin-right: 3px !important; 
}

.menu_bloc a{
text-align: left; 
font-size : 18px; /* DIMENSIONS DE LA POLICE ECRITURE LIEN ARTICLES*/
font-family : Comic Sans MS !important;
font-style : normal;
font-weight : normal;
text-decoration : none !important;
color: #000 !important; /* COULEUR TEXTE LIENS ARTICLES*/
margin-top: 10px; /*espace entre les blocs titres liens articles*/
}

.menu_bloc a:hover{
 /*couleur texte liens dans menus au survol*/
color:#000!important;       
}
.menu_bloc { 
margin-top: -10px !important;/*simon*/
}
 
/* BOUTON LIEN ARTICLES DU MENU LATERAL*/
aside ul{
margin: -23px 0; /*pour réduire l'espace en hauteur de chaque bloc (contenant h2 avec liens articles)*/ 
}

aside ul li  {
/*background-image: url(https://static.blog4ever.com/2020/12/861929/fond-4-menu-noel-2024-soleilvie.png);
background-repeat: repeat;*/
background : #F4CDC6;  
display: block;
line-height: 20px;
list-style-type: none !important;
margin-top: 3.5px; 
width: 190px;
border: 3px #3C3021 ridge;
border-radius: 5px;
box-shadow: -1px 1px 5px 1px #383838;
text-decoration: none !important;  
}

aside li:hover {
list-style-type: none !important;
background-image: url(https://static.blog4ever.com/2020/12/861929/g27.gif);
background-repeat : repeat;  
/*background-image: url(https://static.blog4ever.com/2020/12/861929/fond-2-contenu.png);
background-repeat: repeat;*/
text-decoration: none !important;
border: 3px #3C3021 ridge;
border-radius: 5px;
box-shadow: -1px 1px 5px 1px #383838; 

}

/**** bloc statistiques ****/

div#menu_stats ul  {
 text-align: left;
 width: 205px;
 /*background-image: url(https://static.blog4ever.com/2020/12/861929/fond-4-menu-noel-2024-soleilvie.png); 
 background-repeat: repeat;*/
 background : #F4CDC6; 
 border: 2px #3C3021 ridge;
 border-radius: 5px;
 box-shadow: -1px 1px 5px 1px #383838; 
}  
div#menu_stats li {   
   font-size: 15px;
   margin-left: 10px;
   background: none;
   width:165px;
}

#menu_stats a{    
text-align: center;    
}

/*fin bloc statistiques*/  

/*___________________________________

FIN MENU LATERAL

/*+++++++++++++++++++++++++++++++++++*/


/*------------------------------------------------
       FORMULAIRE S'INSCRIRE EN BAS DU SITE
                 cadeau de Simon
---------------------------------------------------*/
#floating-form {
background: #D9928D!important;
box-shadow: -1px 1px 10px 1px #3C3C3C;
color: #000000;
bottom: 0;
border: 3px solid #3C3021;
border-radius: 25px 0 0 0;
padding: 0 15px;
position: fixed;
right: 10px;
bottom: -500px;
width: 210px;
z-index: 999;
}

#floating-form form button, #floating-form form a, #floating-form form a:visited {
background-color: #FEF5E6!important;
margin-top: 5px;
text-transform: none;
font-size: 15px;
width: 100%;
border: 2px inset #800000;
color: #5d0000;
box-shadow: none;
}
#floating-form form button:hover, #floating-form form a, #floating-form form a:visited {
background-color: #FCDBD2!important;
color: #000;
}

/*------------------------------------------------
          FIN FORMULAIRE S'INSCRIRE EN BAS DU SITE
                   cadeau de Simon
---------------------------------------------------*/


/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=
     DEBUT PIED DE PAGE FOOTER
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/

footer { 
width: 1210px;
height: 380px;  
/*background-image: url(https://static.blog4ever.com/2020/12/861929/barre-nav-noel-2024-soleilvie.gif);*/
background-image: transparent;
background-repeat : repeat;
margin-top: 10px!important;
margin-left: 20px;  
text-align: center;
position: relative;
min-height: 90px;
max-width: 1230px!important;/*ici largeur du bloc pied de page*/   
padding: 0 0 0 0;    
overflow: hidden;
box-shadow: none;  
}

footer a {
    color: #293612;
    font-size : 18px;
    margin-left: 10px;
    padding-top: 10px !important;
    margin-top: 200px !important;  
}
footer a:hover {
    color: #800000;
}

#barre_bas {
    padding: 0 10px;
    line-height: 20px;
    margin-top: 30px; /*réglage en hauteur des textes*/
}


/*=============================
       MESSAGES PRIVES
===============================*/

#private-messages {  
  padding: 5px;
  border-radius: 10px;
  box-shadow: 2px 4px 12px #666;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
#private-messages h2 {
  text-align: center;
}
/* Liste des conversations */
#private-messages .pm-conversation-list {
  background-color: transparent ; /* fond de l'ensemble en dessous des avatars*/
  margin-left: 5px;
  padding: 10px 10px;
  border-radius: 10px;
}
#private-messages div.pm-conversation.active {/*Avatar sélectionné*/ 
  background-color: #EBC9A4;
  box-shadow: 2px 4px 12px #666;
  border-radius: 5px;
  border :2px solid #3C3021;
  height : 90px;
  width: 120px;
}
 #private-messages .pm-conversation-list .username .date{
 font-size: 12px;
 }
/* Titre de la conversation */
#private-messages div.conversation-title h4 {
  font-style: italic;
}

/* zone de la conversation active */
#private-messages .conversation-messages {
  width: 650px;
  margin-left: 10px;
  font-size: 20px !important;
}

 #private-messages .conversation-messages .message-date {
  color: #000 !important;
  font-size: 15px;
}
/* Zone saisie réponse */
#private-messages form#conversation-reply textarea{
width: 650px !important;
border: 4px double #3C3021;
font-size: 18px; 
border-radius: 10px;
}

/*=================================
      FIN PARTIE MESSAGES PRIVES
===================================*/