/****css 19_09_2021****/


header .image
{
  width : 960px;  
  height: 363px;
    border-bottom: 0px solid ;
    border-top: 2px solid #0106C3;
  border-left: 0px solid #0106C3;
    border-right: 0px solid #0106C3;
}

body
{
 background-image : url('https://static.blog4ever.com/2019/05/852462/ciel-bleu.jpg');
  background-repeat : repeat;
font-family: arial!important;

}
#article p 
{
  font-size: 14px !important;
  font-family: arial!important;

}
nav {
  background-image : url(https://static.blog4ever.com/2019/05/852462/Sans-titre-5.png);  
  border-left: 0px solid #0106C3 ;
    border-right: 0px solid #0106C3;
    box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
    border-bottom: 2px solid #0106C3;/* marine */
    border-top : 2px solid #0106C3;/* marine */
    height : 60px;
}
nav a {
    
   font-family: arial!important;
    font-size: 20px;
        line-height: 60px; 
   color: #ffffff;
   
    
}
nav ul
{padding-bottom : 20px;


}
nav a:hover {
    color: #0106C3; /* survol écriture barre */
    text-decoration: none;
}
nav li
{
  margin-left : 150px;
}
#contenu {

    background-color: #C9E1FA;
  background-image : url(https://static.blog4ever.com/2014/10/785230/bluepale3.jpg); /* bleu ciel */
  background-repeat : repeat;
  font-size : 14px;
  font-family: arial!important;
  border-right: 2px solid #0106C3;
  border-left: 2px solid #0106C3;
}
.fond-cote
{
    background-color: #E1FFE1;
   background-image : url(https://static.blog4ever.com/2014/10/785230/bluepale3.jpg); /* bleu ciel */
  background-repeat : repeat;
}

.menu_bloc {
  background-image: url('https://static.blog4ever.com/2014/10/785230/bluepale.jpg');
  background-repeat : repeat;
  margin: 20px 15px;
  border: 1px solid #0106C3 !important; /* marine */  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 5px 0px 10px -2px rgba(0, 0, 0, 0.5);
  width : 188px;

  }

.menu_bloc h2 {
  background-image:url(''); 
  background-repeat: no-repeat;
  
  background-position: center;
  color : #000000;
  font-family: arial!important;
  font-size : 20px; /* grosseur écriture module Art, forum, etc. */
  text-align : center;
  height : 130px;

}
/*couleur catégories menu*/
aside .bloc-cote a {
    color: #000000; /* couleur écriture des catégories */
    font-size : 16px; /* taille police */
  
   }


/*Pour changer puce dans menu à la place des >> devant les catégories et articles*/
.menu_bloc li {
  background: url('https://static.blog4ever.com/2010/03/395730/270.gif') no-repeat left 3px;
  padding-left: 28px;
}

.layout-1 .fond-cote {
  display:none;
   }


footer {
    background-image :  url(https://static.blog4ever.com/2019/05/852462/Sans-titre-5.png);
    width:px;
    
   color: ;
    border-top : 2px solid #0106C3;
    border-bottom: 2px solid #0106C3;
  
     
}

footer a {
    color: #ffffff;
    font-size : 15px;
}
footer a:hover {
    color: #0106C3;
}
span, font{
color:black;
}
/* Image à coté de chaque titre h3 */
article h3
{
background-image: url(/* supprimée par Natacha /*);  
background-repeat: no-repeat;
  height : auto; /* pour adapter la longeur du titre*/
 font-family: arial!important;
background-position: left center;
  font-size: 18px!important;  
  color: #000!important;  /* simon*//*couleur titre*/
    text-align: center;
     border: 1px solid #fff!important;
    box-shadow: 2px 2px 12px #000;
    border-radius: 12px;
    padding: auto;
    margin-bottom: 30px;/* decaler le texte*/
}

/*police modifiée par Nana*/
#articles_show_contenu_article, 
.articles_index_contenu_article { 
font-size: 14px; 
font-family: Arial; 
}



/*transition*/
.menu_bloc:hover { 
background-attachment: scroll; 
background-clip: border-box; 
background-color: #BDD7FC; 
background-image: linear-gradient(#D0E1FA, rgba(000, 000, 000, 0)) !important;  /*# */
background-origin: padding-box; 
background-position: 0 0; 
background-repeat: repeat; 
background-size: auto auto; 
transition: background-color 4s ease 0s; 
}



/* commentaires */

#article_commentaires.comment-v2-fixes .post-comment textarea, #article_commentaires.comment-v2-fixes .reply-comment textarea {
    font-size: 18px !important;
    font-family: comic sans ms;
    color : #000000;
    background-image : url (https://static.blog4ever.com/2014/10/785230/bluepale3.jpg);
}
#articles_commentaires_message_textarea{ /* largeur du cadre message*/
width: 520px;
}
#article_commentaires.comment-v2-fixes .b4e-commentaire-message p {/*largeur du message de reponse*/
    margin: 5px 0 10px;
    width: 450px!important;
  border:solid;
  border: 1px solid #0106C3 ;
  border-radius: 1px;
  background-image: url('https://static.blog4ever.com/2014/10/785230/bluepale3.jpg'); /* gris grum ou on tape */
  /* coins arrondis */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  font-size : 16px;
   text-align: center;
  font-family: comic sans ms;
}
 
#articles_commentaires_submit{ /*placement bouton envoyer*/
  margin-left:130px;
}
#articles_commentaires_submit:hover{  /* bouton envoyer*/
background : #;
  color : #ffffff;
  
  }
#article_commentaires .comment-date{  /*il y a une heure*/
    font-size: 17px;
 font-family: Georgia;
  color : #800000;
}
#article_commentaires dl dt.commentaire_auteur .popover .profile .username {
    font-family: Georgia;
    font-size: 14px;
    color : #000080;
}
#article_commentaires.comment-v2-fixes .b4e-commentaire-message p {
    margin: 5px 0 10px;
    width: auto!important;
    
}
#article_commentaires dl dd.commentaire_message {
    border: 1px solid #0106C3 !important;
    margin: 15px 10px 0 70px!important;
    padding: 10px;
    text-align: justify;
    width: auto;
  border-radius: 20px;
  border: 2px solid #0106C3;
   background-image : url('https://static.blog4ever.com/2014/10/785230/2014-10-15-01-00-38.png');

}

#article_commentaires .b4e-commentaire-message .b4e-pseudonyme {/* couleur du pseudo */
    font-family: Georgia;
    font-size: 18px!important;
    white-space: nowrap;
    color:#000000;
}

.post-comment input[type="text"], .reply-comment input[type="text"] {/*couleur pseudo et mail dans champ réponse nana petit*/
    display: block;
    font-size: 16px;
    width: 40%;
    color:#000000;
}
#articles_commentaires_titre { /*couleur poster un commentaire*/
    border: 1px solid;
    color: #000000;
    font-family: courrier news;
    font-weight: bold;
  font-size : 18px;
    margin-bottom: 18px;
    margin-top: 10px;
   text-align: center;
}
#article_commentaires.comment-v2-fixes .actions a { /* j' aime et répondre */
    color: #000000!important;
    font-size: 14px!important;
    font-weight: bold;
}
/*en vous inscrivant sur le blog */

.post-comment .blogmember_invite { 
    bottom: 0;
  background:transparent!important;
    font-size: 14px!important;
    padding: 0px 30px 0px 10px!important;
    position: absolute;
    right: -30px!important;
    width: 310px!important;
    color:#000000;
    top:80px!important;
  height: 100px;
}

.post-comment .member {
    display: block;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    font-family: arial!important;
    color : #000000;
}
.element.style {
    height: 170px;
}
#article_commentaires.comment-v2-fixes .actions a {
    font-size: 15px;
    font-family: arial!important;
    color : #;
}
input, button, select, textarea {
    background-color: #000;
    color : #; 
    font-family: "Georgia",Helvetica,Arial,sans-serif;
}
strong {
    color: #000000; /*le nombre de "J'aime"*/
    font-size: 16px;
    font-weight: bold;
}
#article_commentaires .comment-op {/*pseudo en cas de réponse*/
    color: #000000;  
    font-size: 14px;
    font-family: arial!important;
    font-weight: bold;
}

ul.b4e-liste-commentaires li:nth-child(odd) {
    background-image : url(https://static.blog4ever.com/2014/10/785230/bluepale.jpg);
}



ul.b4e-liste-commentaires li:nth-child(even) {
    background-image : url(https://static.blog4ever.com/2014/10/785230/bluepale.jpg);
}

.menu_blogmember_box_invite 
{ 
 font-family: arial!important; 
 color: #624014!important;  
 font-size: 12px; 
}

#menu_articles h2
{
background-image:url(https://static.blog4ever.com/2019/05/852462/oiseaumodulearticle.png);
background-repeat:no-repeat;
margin-left : 10px;
border : none;
height : 150px;
width : px;
}
#menu_partenaires h2
{
  background-image: url(https://static.blog4ever.com/2019/05/852462/membres.png);
  background-repeat:no-repeat;
margin-left : 0px;
border : none;
height : 150px;
width : px;
}
#menu_forum h2
{
  background-image: url(https://static.blog4ever.com/2019/05/852462/oiseaumoduleforum.png);
  background-repeat:no-repeat;
margin-left : 0px;
border : none;
height : 150px;
width : px;
}  
#menu_stats h2
{
  background-image: url(https://static.blog4ever.com/2019/05/852462/oiseaumodulestats.png);
  background-repeat:no-repeat;
margin-left : 20px;
border : none;
height : 150px;
width : px;
}
#menu_photos h2
{
  background-image: url(https://static.blog4ever.com/2019/05/852462/stats.png);
  background-repeat:no-repeat;
margin-left : 0px;
border : none;
height : 150px;
width : px;
}
#menu_blogmember_box h2 {

background-image: url(https://static.blog4ever.com/2019/05/852462/oiseaumodulemembres.png); 
background-repeat: no-repeat; 
background-position: center;
  height : 150px;
}

.menu_blogmember_box_avatars {
background: #00517A;
padding-top: 10px;
padding-bottom: 10px;
/* 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 #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}

.menu_blogmember_box_link {
width:60%;
margin-top: 20px !important;
margin-bottom: 10px;
padding: 3px 10px;
border: 2px solid #000000;
} 

.menu_blogmember_box_invite {
background-color: #B4CBEE;
padding: 10px;
font-family : comic;
color: #000000 !important;
/* coins arrondis */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
/*--formulaire flottant*/ 
#floating-form {
    background-color: #F7F7F7;
    background-image : url(https://static.blog4ever.com/2019/05/852462/Sans-titre-5.png);
    box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
    color:#000;
    bottom: 0;
    border-radius: 30px 0 0;
    border: 3px solid #fff;
    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: #00a!important; /* inscrivez-moi*/
   margin-top: 5px;
   text-transform: none;
   font-size: 15px;
   width:100%;
   border:none;
   color: #fff;
   box-shadow: none;
}
/*message fin article*//*simon*/
.bloc_fin{
 width: 90%;
 margin: 20px auto; 
 background-color: #efefef; 
 padding: 5px; 
font-style: normal;
text-align: center;
 border: 1px solid #000;
/* coins arrondis */
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 -khtml-border-radius: 10px;
 border-radius: 10px;
/* bordures ombres */
 -webkit-box-shadow: 2px 4px 12px #666;
 -moz-box-shadow: 2px 4px 12px #666;
 box-shadow: 2px 4px 12px #666;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
/******fin message***/