@import url('https://static.blog4ever.com/2012/06/704535/style-DP2_labs-complementaire.css');
 /* Police complementaire liee */
@import url(https://fonts.googleapis.com/css?family=Racing+Sans+One);
@import url(https://fonts.googleapis.com/css?family=Playball);

/* Couleur du fond du blog */
body {
  background-color: #e8e8e8;
  /* background-image: url('https://static.blog4ever.com/2012/06/704535/cabane_neige.jpg');  */
  /* background-image: url('https://static.blog4ever.com/2012/06/704535/pca8868_hiver.jpg'); */
  background-repeat: repeat;
  background-position: 50% 50%;
  /* background-size:cover; */
  font-family: 'Headland One', Georgia, serif;
  color: #080808;
  font-size: 15px !important;
  padding: 30px 0;
}
a{outline-style: none;}
a{outline : 0;}

 /* les bulles jAime dans stats articles */
div.articles_show_stats_article div.popover-content{background-color: #6F90B1;}
div.articles_show_stats_article div.popover-content a{color: #FCE9BE;}
 /* les bulles jAime dans commentaires */
#article_commentaires div.popover-content{background-color: #1455A3;}
#article_commentaires div.popover-content a{color: #D4D4D4 !important;}
/*
#article_commentaires div.popover-inner {background-color: #1455A3;}
#article_commentaires div.popover-inner div.popover-content div.profile span.username a{color: #D4D4D4 !important;}
#article_commentaires div.popover-inner div.popover-content div.profile span.messages {color: #FFFF00 !important;}
#article_commentaires div.popover-inner div.popover-content div.profile span.website a{color: #FFFFFF !important;}
*/
 /* les bulles jAime dans forum */
#forum_sujet_messages div.popover-content{background-color: #D4D4D4;}
#forum_sujet_messages div.popover-content{color: #1455A3;}

#contenu {
  -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);  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
.main {
    border: none;
} 

/* Style du titre du blog */
header{
  background-color: transparent;
  border: none;
  height: 380px;
}
 /* Gestion la hauteur de l espace image */
header .image{
  height: 300px; 
}
/* gestion du texte du titre du blog */
#titre_lien,
header h1 a {
  font-family: 'Hobo Std', cursive;
  color: #3450A3;
  font-size: 45px;
  font-style: italic;
}
 /* Alignement du titre du blog */
header h1 {
  background-color: #FFFFFF;
  background-image: url(http://);
  background-repeat: no-repeat;
  text-align: center;
  border: none;
  height: 80px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

#contenu,
article {
  background: rgba(255, 255, 255, 1.0);
  background-image: url('https://www.blog4ever.com/resources/img/blogs/dizperso/backgrounds/squares-2.png');
  background-repeat: repeat;
}

 /* gestion du bas de page */
footer{
  background-color: transparent;
  background: #000 url('https://static.blog4ever.com/2012/06/704535/bas-fond.jpg') top left repeat-y; 
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -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);
}
footer a{background: transparent; padding: 0;}
#barre_bas a{
  background-color: #FFF;
}
#barre_bas a:hover {
  color: #000;
}

 /* centrage du formulaire de recherche accueil */
div#dynamique_recherche{
  width: 480px; 
  margin: 20px auto;
}

 /* gestion de la position du blog sur l ecran */
#contenu {
  background-color: transparent;
  margin: 10px auto;
}
 /* modifications des paragraphes dans les articles */
article,
#articles_show_contenu_article p,
#article .tiny p,
#article p{
  line-height: 20px;
 /* padding: 5px;  */
  font-style: italic;
  font-weight: normal;
  font-size: 14px !important;
}
article p a,
#article p a {
  font-style: normal;
  font-weight: bold;
  padding: 0 3px;
}
article li, article ol,
#article li, #article ol {
  font-style: normal;
}

div#article_liste_articles p.article_index_lien {
  padding: 2px;
}

 /* Style des anotations dans le texte */
abbr, acronym
{
  border-bottom: .1em dotted;
  cursor: help;
}				
.pre-scrollable{
  max-height:100px;
  color: #FFFFFF;
  background: #808080;
  padding: 5px !important;
}

#articles_index_categorie_desc h4{text-align: center; font-style: normal;}
#articles_index_categorie_desc p{text-align: left; font-style: normal;}

div.cacher_afficher{width: 240px; margin: 0 auto; cursor:pointer; display: block;}
div.afficher{position: relative; width:500px; margin: 5px auto; display: block;}


div.dynamicode_articles_extrait img:hover{
  border-color: yellow;
  -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);
}

 /* ---- Diverses CLASSes ---- */

 /* CLASS pour des paragraphes specifiques */
.p_super {
  background: #505050;
  color: #FFFFFF;
  margin: 50px 20px !important;
  padding: 10px !important;
  border: 1px solid #FFFFFF;
}
.arrondi5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.arrondi10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}
.ombre{
  -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);
}
.vignette{width: 150px !important;}
.bloc_parent{overflow: hidden;}
.img_flottante{margin: 10px 20px;}
.img_centre{margin: 10px auto; border: 1px solid black; display: block;}
.img_gauche{width: 200px; margin: 10px; border: 1px solid black; float: left;}
.diapo{overflow: hidden}
.diapo img{width: 200px; margin: 10px; border: 1px solid black; float: left;}

.celluleMargeExt {
  border-Collapse: separate;
  border-spacing: 10pt 20pt;
}

 /* Alignement du texte dans tableau */
.text-droite{
  text-align: right;
}
.text-droite td+td{
  text-align: left;
}
 /* Class paragraphe avec image flottante */
.p_imgGauche,
.p_imgDroite {
  overflow: hidden;
}
.p_imgGauche img {
  float: left;
  margin: 10px;
}
.p_imgDroite img {
  float: right;
  margin: 10px;
}
#article_suggestions {
  width: 90%;
  margin:30px auto;
  padding: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  
  -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);
}
#article_suggestions a:hover{
  background-color: #FFFFFF;
  text-decoration: none;
  padding: 0 5px;
}

/* Style du formulaire flottant  */
#floating-form {
  background-color: #8BB1ED !important;
  background-image: url('https://static.blog4ever.com/2012/06/704535/artfichier_704535_3634007_201404112423494.png');
  /* background-image: url('https://static.blog4ever.com/2012/06/704535/artfichier_704535_3634034_201404112428736.png'); */
  background-repeat: repeat;
  background-position: 50% 50%; 
   /* bottom: 100px !important; */
  margin-bottom: 100px;
  right: 10px;
  /* left: 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 #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);
} 

#floating-form h3 {
    color: #990000; 
}

#floating-form p.register{
  background-color: #B0B0B0;
  /* background-image: url('https://www.blog4ever.com/resources/img/blogs/dizperso/backgrounds/squares-2.png');
  background-repeat: repeat; */
  color: #0000CC;
  font-size: 11.5px;
  padding: 5px;

   /* 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);
 }

#floating-form p.subscribers {
  color: #CC0000;
}

#floating-form button{
   background-color: #0000CC;
   color: #FFFF00;
  border: 1px outset #000;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   border-radius: 5px;
}


aside iframe {
  margin-left:auto;
  margin-right: auto;
}
button#articles_commentaires_submit.submit{
  background-color: #5776CD;
}

/* fin  */