/*-----------------------------
 SAUVEGARDE 05 03 2023 - 19h59
------------------------------*/

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

/* pour changer la couleur fond du diapo galerie photos */

.jcbx-glry-classic{
 background-image: url(https://static.blog4ever.com/2006/01/91770/fond-vert-roger-2023.jpg)!important;
 background-repeat: repeat!important;
 border: 4px solid #C6AB96 !important;
 border-radius: 30px;
 box-shadow: -1px 1px 10px 1px #000; 
}
/*--------------------
    DEBUT EN-TETE 
~~~~~~~~~~~~~~~~~~~~~~~~*/

header .image {
    margin-left: 40px;
    width: 1174px;
    height: 503px;
    box-shadow: -1px 1px 10px 1px #000;
}
/*--------------------
    FIN EN-TETE 
~~~~~~~~~~~~~~~~~~~~~~~~*/


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

nav {
 width: 1200px;
 height: 220px;
 margin-top: 25px;
 margin-left: 25px; 
 background-image: url(https://static.blog4ever.com/2006/01/91770/Fond-1-barre-nav-Roger-2023.png); 
 background-repeat: no-repeat;
 box-shadow: -1px 1px 10px 1px #000;
 border-radius: 5px; 
}
 .diz-barre-navigation ul {
  margin: 30px 0px 0 280px;
  float: left;
}

.diz-barre-navigation a { 
  height: 185px !important;
  color: #000;
  text-align : center;
} 
.diz-barre-navigation a:hover { 
    height:185px;
    color: #77885C;
    text-align: center; 
    
}

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

/*categories*/
.article_index_categorie_nom a{
color: #6D7D4F !important;
}

/* sous categories*/
.article_index_lien a {
-moz-transition:all 0.7s ease;
color: #000!important;
}


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

article{

background-image: url(https://static.blog4ever.com/2006/01/91770/fond-orange-roger-2023.jpg);
background-repeat: repeat;
width: 760px !important;
text-align:left;
border: 4px #77885C solid;
border-radius: 5px;
box-shadow: -1px 1px 10px 1px #000; 
margin-top: 50px;  
margin-right: 220px; 
margin-left:auto;  
font-family : Comic Sans MS;
font-size: 16px;  
min-height: 3200px!important;  /*simon*/ 
}

/* FOND IMAGE SOUS LE CONTENU */

#contenu { 
width: 1250px;
padding-top: 20px;  
background-image: url(https://static.blog4ever.com/2006/01/91770/fond-vert-roger-2023.jpg);
background-repeat: repeat;
border: 4px #C6AB96 solid !important;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #000;
}

/*ci-dessous partie boutons liens dans tous les articles*/ 
.blog-article .btn-blog, .blog-home .btn-blog {
    background-image : url(https://static.blog4ever.com/2006/01/91770/fond-vert-roger-2023.jpg);
    background-repeat: repeat;
    border: 4px dashed #050E33;
    color: #000;
    text-decoration: none;
    border-radius: 15px;
    font-size : 18px;
    box-shadow: -1px 1px 10px 1px #000;
}
.blog-article .btn-blog:hover{
    background: transparent !important;
    border: 4px dashed #050E33;
    color: #000;
    text-decoration: none;
  
} /*fin partie boutons liens dans articles*/

/*PARTIE DERNIERS ARTICLES PUBLIES*/

article .dynamique {
text-align: left;  
border: 3px #77885C dashed;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #3F3F3F!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: #B23E45 !important;
}

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


/* --------------------------------
      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;
	border : 0px solid #;
	border-radius: 0px;
} 
#article_suggestions h4{ /*A decouvrir*/
	width : 200px;
	color : #DDE26A;
	background-image : url(https://static.blog4ever.com/2006/01/91770/fond-vert-roger-2023.jpg);
	font-family : Comic sans ms;
	font-size : 14pt;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	margin : auto !important;
	padding : 20px;
	border: 6px double #1D365D;
	border-radius: 5px;
    box-shadow: -1px 1px 10px 1px #3C3C3C!important;
}
#article_suggestions a{    
	color : #DDE26A;
    font-size: 13pt;
    text-align : center;
    line-height: 2.2;
	background-image : url(https://static.blog4ever.com/2006/01/91770/fond-vert-roger-2023.jpg);
    background-repeat: repeat;
    margin-left: -25px;
    margin-right: auto;
	padding: 15px 5px 15px 10px;
    border : 2px solid #1D365D;
	border-radius: 5px;
    box-shadow: -1px 1px 10px 1px #3C3C3C;
}  
#article_suggestions a:hover{
	color : #000 !important;
	background-image: url(https://static.blog4ever.com/2006/01/91770/fond-orange-roger-2023.jpg); 
    background-repeat: repeat;
    border : 2px solid #1D365D;
	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/2006/01/91770/fond-vert-roger-2023.jpg); /* SOUS CONTENU */
background-repeat: repeat;  
border: 4px dotted #F0BB77;
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: 15pt;
  border: 3px solid #fff !important; 
  height: 100px !important;
}

#article_commentaires dl dd.commentaire_message, #photo_commentaires dl dd.commentaire_message { 
background-image: url(https://static.blog4ever.com/2006/01/91770/fond-orange-roger-2023.jpg); 
background-repeat: repeat;
border: 3px solid #77885C;  
border-radius: 5px;
box-shadow: -1px 1px 10px 1px #383838; 
color: #000; 
font-family: parisienne;  
font-size: 15pt !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 #C9B0AB; 
   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 #DDCCC8;
    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"] {
    background-color: #CBB2AD; 
    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; 
    
}

#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 #fff; 
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: 50px;
border: 4px #B23E45 outset!important;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #242238!important;
color: #000;
background: #77885C;
font-family: 'Lucida sans Unicode', sans-serif;
font-size: 15pt;
text-transform: uppercase;
}


/* ---------------------------------
      Fin css commentaires code fourni par Simon
--------------------------------- */


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

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


.fond-cote{
float: left;  
    border: px solid white;
width:220px;
    margin-left:30px;
}





aside {
width:210px;
margin-top: 60px; /*position des blocs menu*/
margin-left:5px !important;
}
aside li{ /*pour ne pas mettre les signes comme >> devant les titres dans les menus*/
 background: none;   
}

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

/* FOND DES TITRES DES BLOCS DU MENU LATERAL */

aside h2 {
  
width: auto !important;
height: auto !important;
text-align: center;
padding-top: 5px;
margin-top: -20px;
color: #000; /* COULEUR TEXTE catégorie ARTICLE*/
}

#articles_show_contenu_article, .articles_index_contenu_article {
color: #00000;
font-size: 14px;
}

.menu_bloc a{
text-align: left; 
font-size : 13pt; /* 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 NOIR 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:#DDE26A!important;       
}
.menu_bloc { 
margin-top: -10px !important;/*simon*/
}
 


/* BOUTON LIEN ARTICLES DU MENU LATERAL*/

aside ul li, #aside ul li  {
background-image: url(https://static.blog4ever.com/2006/01/91770/fond-orange-roger-2023.jpg);
background-repeat: repeat;
display: block;
line-height: 20px;
list-style-type: none !important;
margin-left: -20px;
margin-right: auto;
margin-top: 5px;  
padding-top: 2px;
width: 180px;
border: 4px #77885C solid;
border-radius: 5px;
box-shadow: -1px 1px 5px 1px #404040;
text-decoration: none !important;  
}

aside li:hover, #aside2 li:hover {
background-image : url(https://static.blog4ever.com/2006/01/91770/fond-vert-roger-2023.jpg);
background-repeat: repeat; 
list-style-type: none !important;
text-decoration: none !important;
border: 4px #F6C47B solid;
border-radius: 5px;
box-shadow: -1px 1px 5px 1px #404040; 

}


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

div#menu_stats ul  {
 text-align: left;
 width: 190px;
 margin-left: -12px;/*réglage du positionnement bloc*/
 background-image: url(https://static.blog4ever.com/2006/01/91770/fond-orange-roger-2023.jpg); 
 background-repeat: repeat;
 border: 4px #77885C solid;
border-radius: 5px;
box-shadow: -1px 1px 5px 1px #000; 
}  
div#menu_stats li {   
   font-size: 14px;
   margin-left: 0px;
   background: none;
  width:165px;
}

#menu_stats a{    
text-align: center;    
}

/*fin bloc statistiques*/  

/*___________________________________

FIN MENU LATERAL
_____________________________________*/

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

footer { 
background-image: url(https://static.blog4ever.com/2006/01/91770/fond-orange-roger-2023.jpg);
background-repeat : repeat;
margin-top: 200px!important; 
margin-left: 20px;  
text-align: center;
position: relative;
max-width: 1200px!important;/*ici largeur du bloc pied de page*/  
min-height: 90px;
height: 500px;
padding: 0 0 0 0;    
overflow: hidden;
border: 4px #77885C solid;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #000;  
}

#barre_bas a {
    color: #000;
    font-size : 14pt;
    margin-left: 10px;
    margin-top: 50px;
}
#barre_bas a:hover {
    color: #B23E45;
}

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

      FIN PIED DE PAGE FOOTER

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

/*------------------------------------------------
       FORMULAIRE S'INSCRIRE EN BAS DU SITE
---------------------------------------------------*/
#floating-form {
background: #77885C!important;
box-shadow: -1px 1px 10px 1px #3C3C3C;
color:#E6E639;
bottom: 0;
border: 2px solid #E6E639;
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: #FAC87F!important; /*inscrivez moi*/
margin-top: 5px;
text-transform: none;
font-size: 15pt;
width: 100%;
border: 2px inset #E9B478;
color: #000;
box-shadow: none;
}
#floating-form form button:hover, #floating-form form a, #floating-form form a:visited {
background-color: #E9B478!important;
color: #000;
}

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

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

          BLOC MEMBRES
=============================================*/

.menu_blogmember_box_avatars {
background-image: url(https://static.blog4ever.com/2006/01/91770/fond-orange-roger-2023.jpg); 
background-repeat: repeat;
padding-top: 10px;
padding-bottom: 10px;
border: 4px #77885C solid;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #404040;
}

.menu_blogmember_box_link { /*nombres de membres*/
width:auto;
margin-top: 20px !important;
margin-bottom: 10px;
padding: 3px 10px;
border: 4px #F0BB77 solid;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #404040;
}

.menu_blogmember_box_invite {/*phrase "pour être tenu au courant...*/ 
background-color: #B4CBEE;
padding: 10px;
font-size: 14pt;  
font-family : comic;
color: #000000 !important;
border: 4px #77885C solid;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #404040;
}
/*bouton s'inscrire membres*/
#register-sidebar {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #f1bf76!important;
    border-radius: 3px;
    border: 3px #77885C dashed;
    color: #ffffff;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px;
    box-shadow: -1px 1px 5px 1px #404040;
}
#register-sidebar:hover {
    background: #77885C!important;
    text-decoration: none;
    color: #DDE26A!important;
    border: 3px #F0BB75 solid;
}

/*supprimer le lien tous les articles*/
#menu_articles_tous{
    display: none;   
} 
/*==============================================

          FIN BLOC MEMBRES
=============================================*/