/*sauvegarde faite le 22 09 2022*/


/*enlever le titre sur le net */
header h1 {
    display:none;
}
/**====================**/

/* adaptation aux petit écrans media queries */
/**adapte la barre pour être lisible**/

@media screen and (max-width: 600px) 
.diz-barre-navigation {
   width: 1000px!important;
    margin: 0 auto;
    padding-left: 0;
    height:80px!important;
    background: url("https://static.blog4ever.com/2018/10/848924/fd-body-graph-2019.jpg") !important;
    font-size:20px!important;
  }
  /** Faire apparaitre le logo sur téléphone**/ 

  header h1{
  background-image: url(" https://nsm09.casimages.com/img/2020/11/12//2011121240117846917122468.jpg")!important;
  background-repeat: no-repeat;
  height:400px!important;
  }
  

/*laisser les signes }}à la fin*****/
/***=======Codes pour téléphone Fin===========***/
  

/*enlever lignes blanches*/
.main {
    border-left: 0px;
	border-right: 0px;
}
/*fin enlever lignes blanches*/


/*___________________________________
           
        DEBUT PARTIE BARRE NAVIGATION
/*+++++++++++++++++++++++++++++++++++*/

nav {
  margin-right: 30px;
  padding-top: 45px !important;
  width: 1140px !important;
  height: 160px !important;
  background-image: url("https://static.blog4ever.com/2013/02/727680/fd-3-A-2020-barr-nav.png")!important;
  background-repeat: no-repeat !important;
  background-position:center !important;
  box-shadow: 0px 0px 0px 0px;/* enlever l'ombre*/
}

nav a{
  text-align: center !important;
  font-family: comic sans ms !important;
  font-size: 14px !important;
  color: #AC0000 !important;
  
}
nav a:hover {
  color: #000000 !important;
}
nav li {
  text-align: left !important;
  width: 150px !important;
  margin-left: 5px!important;
  margin-right: 0px;
  margin-top: 20px !important;
}  

nav ul li ul li a {    
    font-size: 13.5px !important;
    font-family: Comic Sans MS !important;
    background: blue linear-gradient(#7F4040, #FED9CF, #FED9CF, #7F4040) repeat scroll 0 0;
    box-shadow:2px 2px 10px -2px #000000!important;
    color: #000000 !important;
    z-index: 10;
    line-height: 0pt;
} 
 
nav ul li ul li a:hover {
    background: blue linear-gradient(#FED9CF, #7F4040, #7F4040, #FED9CF) repeat scroll 0 0;
    box-shadow:2px 2px 10px -2px #000000!important;
    color: #FED9CF !important;
    z-index: 10;
    line-height: 0pt !important;
    font-size: 13.5px !important;
    font-family: Comic Sans MS !important;
   
}
/* grossir le cadre au survol*//*simon*/
nav ul li ul:hover {
    display: none;
    position: absolute;
    width: 215px!important; /*ici c'est pour régler la largeur des sous catégories*/
    z-index: 10;
    border-radius: 10px;
    border: 4px ridge #FC977F !important;
    margin-top: 0px !important;   

}  
nav ul li ul {
    background-image: url(https://static.blog4ever.com/2013/02/727680/fd-body-graph-2019.jpg) !important;
    display: none;
    position: absolute; 
    width: 215px; /*ici c'est pour régler la largeur des sous catégories fond cadre total*/
    z-index: 10; 
    border-radius: 10px;
    border: 4px ridge #FC977F !important;
    margin-top: 0px !important;    
    line-height: 5px; /*espace entre les lignes*/
}

/* changer la couleur de la flèche, ajouté par Maelyne */
nav ul .caret {
  /*border-top-color: #AC0000;*/
  background-image: url(https://static.blog4ever.com/2013/02/727680/fl--cheA-barre-nav-GOS-2020.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 15px;
  height: 30px;
  border: 0 !important;
  margin: 13px 0 0 7px;
}
/*___________________________________
           
        DEBUT PARTIE FOND DE PAGE
/*+++++++++++++++++++++++++++++++++++*/

body {
  	/*
  		Suppression du !important par Maelyne, 
  		cela affectait le fond du composeur et
  		n'était de toute façon pas nécessaire
  	*/
    background: url("https://static.blog4ever.com/2018/10/848924/fd-body-graph-2019.jpg");
    background-repeat: repeat;
    background-attachment: fixed !important;
    color: #D4C47E;
}

/*___________________________________
           
       FIN PARTIE FOND DE PAGE
/*____________________________________*/





/* BOUTON EN HAUT DU BLOG A DROITE DE L'ECRAN */

.blogmember_menu{ /*Se trouve en haut du blog à droite "Notifications" "Speudo"*/ 
width: auto !important;
height: 38px !important;  
margin-top: 8px!important;
margin-left:auto!important; 
max-width: 300px!important; 
right: 10px!important;
border: 4px double #F3D897 !important;
border-radius: 5px;
box-shadow:2px 2px 10px -2px #804040!important;
} 
.blogmember_menu li a {
 background: #F6B7A1 none repeat scroll 0 0 !important;
 border: 2px solid #5A4973 !important;
 border-radius: 3px;
 color: #5A4973 !important;
 display: block;
 outline: 0 none;
 padding: 5px;
 margin-top:0; 
 text-align: center;
 text-decoration: none; 
} 
.blogmember_menu li a:hover {
 background: #F5987E none repeat scroll 0 0 !important;
 border: 2px dotted #5A4973 !important;
 border-radius: 3px;
 color: #5A4973 !important;
 display: block;
 outline: 0 none;
 padding: 5px;
 margin-top: 3px !important; 
 text-align: center;
 text-decoration: none; 
}


/* FIN BOUTON EN HAUT DU BLOG A DROITE DE L'ECRAN */



/*=======================
Bouton sélection une langue
=========================*/
#translator-top {   
position: no-fixed !important;   
top: 10px!important;   
left: 60px!important;   
padding: 0px;       
border: 4px double #804040 !important;  
border-radius: 5px;  
box-shadow:2px 2px 10px -2px #804040!important;   
z-index: 9999; 
margin-left:-50px; 
} 

#translator a { 
  background-color: #F6CA84!important;
  color: #000 !important;
  font-family: monotype corsiva!important; 
  font-size: 18px!important; 
} 
#translator a:hover { 
 color:#ffffff!important; 
} 
.goog-te-gadget-simple { 
 background-image: url(https://static.blog4ever.com/2018/10/848924/fond2-article-graph-2019.png) !important;    
}

/*=======================
 FIN Bouton sélection une langue
=========================*/

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

header .image { 
    height: 420px !important;
    width: 1200px;
    overflow: hidden;
    position: relative;
    margin-left: 25px;
}
/*--------------------
    FIN EN-TETE 
~~~~~~~~~~~~~~~~~~~~~~~~*/




/*="="="="="="="="="="="=

     DEBUT PARTIE CONTENU QUI SE TROUVE DERRIERE 
     ARTICLE ET MENU LATERAL

='='='='='='='='='='='='=*/
    #contenu {
    border: 0px inset bisque;
    border-radius:0px;    
    font-family : Comic Sans Ms;
    font-size : 20px;
    width: 1140px !important;
    margin: 60px auto 0; /*descendre le logo pour voir s'inscrire se connecter*/  
    position: relative;
    box-shadow: 0px 0px 0px 0px;/*enlever ombre*/

}


/*="="="="="="="="="="="=

     FIN PARTIE CONTENU QUI SE TROUVE DERRIERE 
     ARTICLE ET MENU LATERAL

='='='='='='='='='='='='=*/


/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-

       DEBUT PARTIE ARTICLE

-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/

.dynamicode_articles_extrait img
{/*fond des images dans derniers articles sur page accueil*/
    max-width:150px;
    float:left;
    padding: 3px;
    border: ridge;
    border-color: #7C3C3C;
    border-width: 2px 2px 2px 2px;
    background-color:transparent!important;
    border-radius:5px;
    margin-bottom:15px;
}

/*fond de couleur en dessous des liens dans les articles*/
.btn-blog{
  background: transparent !important;
  border: 2px dotted #422f82!important;      
} 
.btn-blog:hover{ 
  background: #F7956F!important;       
}
/*fin pour fond de couleur en dessous des liens dans les articles*/


aside .bloc-cote:first-child {
    
    margin-top: 30px;
}

/*
	Ajout de la classe .diz-contenu par Maelyne.
	Permets au style de s'appliquer également
	au composeur.
*/
article, .diz-contenu {
    font-family : Comic Sans Ms;
    font-size : 18px;
    min-height:300px;
    padding:20px;
    position:relative;
    background-image : url("https://static.blog4ever.com/2018/10/848924/fond2-article-graph-2019.png");
    background-repeat: repeat !important;
    color: #824343!important;
    width: 1000px!important;    
    margin-left: 40px !important;    
    margin-top: 0px;
    border: 8px double #53322F!important;
    border-radius: 5px;    
}

article a { /*pour les liens directs */
    font-family : Comic Sans MS!important;
    font-size: 18px !important;
    color: #422f82 !important; 
}
article a:hover {/*survol pour tous liens*/
    color: #000!important;  
}
/* taille écriture dans les articles*/
#articles_show_contenu_article,.articles_index_contenu_article {
    font-size: 20px !important;
    font-family : Comic Sans MS!important;
}

/* liens des catégories*/
#article_liste_articles {
border: medium dotted;
border-radius: 20px;
margin-left: 280px;
text-align: cente;
width: 450px;
transition: background-color 5s ease 0s;
box-shadow: 2px 2px 10px 2px #000;
}
#article_liste_articles:hover {
border: medium dashed;
text-align: cente;
background-image: linear-gradient(#dcc, #fff, #fcc);
}


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

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

#article_commentaires ul li {   
background-image: url(https://static.blog4ever.com/2013/02/727680/fd-body-graph-2019.jpg) !important;
background-repeat : repeat !important;  
border: 2px ridge #F7956F !important;
border-radius: 5px;
list-style-type: none;
position: relative;
margin-top: 20px !important;
box-shadow:2px 2px 10px -2px #804040!important; 
}
.post-comment .mini, .reply-comment .mini { /*rajouté le 27 02 2014 code de Simon*/
  color: #000 !important;
  font-size: 20px !important;
  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/2018/10/848924/fond2-article-graph-2019.png) !important;
background-repeat : repeat !important;
border: 2px dashed #7B3B3A !important;  
border-radius: 5px; 
color: #7B3B3A !important; 
font-size: 18px !important; 
margin: 0 10px 0 70px !important; 
padding: 10px; 
text-align: justify;
Line-Height: 16pt; /* espace vertical entre les lignes*/  
width: auto !important; 
}
#article_commentaires dl dt.commentaire_auteur .popover,
#photo_commentaires dl dt.commentaire_auteur .popover  { 
   background: none repeat scroll 0 0 #F7956F !important;
   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 # !important;
    list-style-type: square;
    text-align: center !important;
    color: #FFF;
    width: 300px !important;
    height: 20px !important;
    margin-top: 10px !important;
}
.post-comment input[type="text"], .reply-comment input[type="text"] {
    background-color: #F7956F !important;
    color: #000000 !important;
    display: block;
    font-size: 11px;
    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 #F7956F !important; /*2 6 17*/
border: 2px ridge #fff !important; 
text-align: left;
white-space: nowrap;
width: auto !important;
}
.post-comment .blogmember_invite {
    bottom: 10px !important;
    color: #fff !important;
    font-size: 11px;
    padding: auto !important;
    position: absolute;
    right: 250px !important;
    white-space: nowrap;
    width: -200px !important;
    height: 80px !important;
}
div.popover-content {
    background-color: 0!important;
}
/*
---------------------------------
 Fin css commentaires code fourni par Simon
---------------------------------
*/

/* 
--------------------------------
 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;
   /* box-shadow:2px 2px 10px -2px #804040!important;*/
} 
#article_suggestions h4{ /*A decouvrir*/
	width : 200px;
	color : #F6B7A1;
	background-image : url("https://static.blog4ever.com/2013/02/727680/fd-body-graph-2019.jpg") !important;
	font-family : Dancing Script;
	font-size : 28px;
	font-weight : bold;
	/*font-style : italic;*/
	text-align : center;
	text-decoration : none;
	margin : auto !important;
	padding : 20px;
	border: 12px double #F6B7A1;
	border-radius: 5px;
    box-shadow:2px 2px 10px -2px #000!important;
}
#article_suggestions a{    
	color : #F6B7A1 !important;
    font-size: 16px !important;
    text-align : center;
    line-height: 2.2;
	background-image : url("https://static.blog4ever.com/2013/02/727680/fd-body-graph-2019.jpg") !important;
    margin-left: -25px !important;
    margin-right: auto !important;
	padding: 15px 5px 15px 10px;
    border : 2px solid #F6B7A1;
	border-radius: 5px;
    box-shadow:2px 2px 10px -2px #000!important;
}  
#article_suggestions a:hover{
	color : #000000 !important;
	background-image : url(https://static.blog4ever.com/2018/10/848924/fond2-article-graph-2019.png)!important;
    border : 2px solid #53322F;
	padding: 15px 5px 15px 10px;
}
#article_suggestions li{
	background : transparent !important;    
	margin : 20px;
	padding: 3px 15px 3px 15px;
}
/* 
---------------------------------
 Fin "A découvrir aussi"
---------------------------------
*/

/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-

       FIN PARTIE ARTICLE

-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_*/






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

     DEBUT PIED DE PAGE FOOTER

*=*=*=*=*=*=*=*=*=*=*=*=*/
.centre {   /*ici cela permet de changer l'image fond dans footer et le twitter*/
    background-image: url("");
    border: 2px dashed #FCBDB4!important;
    border-radius: 5px;    
    margin: 0 0 30px;
    text-align: center;
    position: relative;
    max-width: 1140px!important;/*ici largeur du bloc pied de page*/
}

footer { 
height: auto; 
min-height: 90px;
padding: 30px 0 0 0;
text-align: center;    
overflow: hidden;
font-size : 18px !important;
}

#barre_bas a {
    color: #FCBDB4 !important;
    font-size : 20px !important;
    margin-left: 10px;
}
#barre_bas a:hover {
    color: #F0D487 !important;
}

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

      FIN PIED DE PAGE FOOTER

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





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

    DEBUT FORMULAIRE FLOTTANT POUR S'INSCRIRE AU BLOG

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

#floating-form {
 background-image: url(https://static.blog4ever.com/2018/10/848924/fd4-contenu-graph-2019.png);
 background-repeat: repeat;
 border: 6px #7E3E3C double; 
 background-position: 50% 50%; 
 margin-bottom: 100px;
 right: 10px;
 /* coins arrondis */
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;
/* bordures ombrées */
 -webkit-box-shadow: 2px 4px 12px #000;
 -moz-box-shadow: 2px 4px 12px #000;
 box-shadow: 2px 4px 12px #000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
#floating-form p.register{
 background-color: #F7956F;
 color: #000000;
 font-size: 11px;
 padding: 5px;
 border: 4px #FCFEAB dotted; 
/* coins arrondis */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;
/* bordures ombrées */
 -webkit-box-shadow: 2px 4px 12px #000;
 -moz-box-shadow: 2px 4px 12px #000;
 box-shadow: 2px 4px 12px #000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
 }
#floating-form form button,
#floating-form form a,
#floating-form form a:visited {
   background-image: url("https://static.blog4ever.com/2013/02/727680/fd-body-graph-2019.jpg");
   margin-top: 5px;
   text-transform: none;
   font-size: 15px;
   width:100%;
   border:none;
   color: #F7956F;
   box-shadow: none;

/* coins arrondis */
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;
/* bordures ombrées */
 -webkit-box-shadow: 2px 4px 12px #000;
 -moz-box-shadow: 2px 4px 12px #000;
 box-shadow: 2px 4px 12px #000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
 }
/*=========================== 

FIN FORMULAIRE FLOTTANT POUR S'INSCRIRE AU BLOG

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

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

PARTIE MESSAGE PRIVE

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

#private-messages {
  width: 990px !important;
  margin-left: 0px !important;
  margin-right: 50px!important;
  padding: 5px;
  border : 2px dashed #56466B;
  border-radius: 10px;
  box-shadow:2px 2px 10px -2px #000!important;
}
#private-messages .conversation-interface.dizperso2 {
width: 700px !important;
}
/* Liste des conversations */
#private-messages .pm-conversation-list {
  background: #;
  margin-left: 0px !important;
  border: 2px solid #7F383D;
  padding: 10px 0;
  border-radius: 10px;
  box-shadow:2px 2px 10px -2px #000!important; 
}

#private-messages .conversation-messages td {
 background: transparent;
 color: #000 !important;
 border-radius: 10px; 
 font-size: 18px !important;
}
#private-messages .conversation-messages table td {
border: 8px double #7F383D !important;
}
/* Zone saisie envoyer un message */
#private-messages form#conversation-reply textarea{
font-size: 20px !important;  
border: 2px dashed #7F383D;
background-color: # !important;
border-radius: 10px;
box-shadow:2px 2px 10px -2px #000!important;
margin-top: 0px !important;  
}

/*==============================
 texte en 2 ou 3 colonnes 
================================*/ 
.box2cols { 
-moz-column-count:2; 
-webkit-column-count:2; 
-o-column-count:2; 
column-count:2;
} 
.box3cols { 
 -moz-column-count:3; 
 -webkit-column-count:3; 
 -o-column-count:3; 
 column-count:3;
 
} 
.box2cols, 
.box3cols { 
-moz-column-gap:20px; 
-webkit-column-gap:20px; 
-o-column-gap:20px; 
column-gap:20px; 
-webkit-column-rule-width:4px; 
-webkit-column-rule-color:#854545; 
-webkit-column-rule-style:dotted; 
-moz-column-rule-width:4px; 
-moz-column-rule-color:#854545; 
-moz-column-rule-style:dotted; 
-o-column-rule-width:4px; 
-o-column-rule-color:#854545; 
-o-column-rule-style:dotted; 
column-rule-width:4px; 
column-rule-color:#854545; 
column-rule-style:dptted; 
}
/* fin texte en colonnes */
 
.blogmember_box_lite li a {
color: #ff9 !important;
font-family: courrier;
font-size: 18px; 
}