/* image entete */
/*header .image {
height: 400px;
width: 970px;
/*overflow: hidden;*/
/*position: relative;
margin: 0 0 0 0;
}
header .image img {
max-width: 100%;
width: 970px;
background: #000;
margin: 0px auto;
/*border-left: 2px solid #fff!important; /*ligne blanche*/
/*border-right: 2px solid #fff!important;
border-top: 4px solid #fff!important;*/
border-radius: 250px 250px 0px 0px; /*arrondi de la bannière*/
/*voir aussi contenu*/
}

#contenu {
width: 970px;
margin: 0px auto;
background: # !important;
border-radius: 450px 450px 0 0!important;
border: 0px solid;
}
/* FIN image entete */
/****************************/

/********RUBAN  ribbon style **********/
/* ribbon style */

 .ribbon-wrapper {
	position: absolute;
	border-bottom: 0px solid #ccc;
	border-top: 0px solid #ccc;
	-moz-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-bottom-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-moz-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
	-webkit-border-top-colors: rgba(0, 0, 0, 0.02) rgba(0, 0, 0, 0.04) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.12) rgba(0, 0, 0, 0.14) rgba(0, 0, 0, 0.16) rgba(0, 0, 0, 0.18) rgba(0, 0, 0, 0.20);
}
  .ribbon-front {
	background-color: #ebd7a3;	height: 30px;
	width: 325px;
	position: relative;
	left:-25px;
	z-index: 2;
}

  .ribbon-front,
  .ribbon-back-left,
  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright,
  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 30px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -25px;
	border-color: transparent #212121  transparent transparent;
}

  .ribbon-edge-topleft {
	top: 0px;
	border-width: 0px 20px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 20px 10px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 200px;
	border-color: transparent transparent transparent #a65229;
}

  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 0px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 0px;
}

  .ribbon-back-left {
	position: absolute;
	top: 10px;
	left: -105px;
	width: 100px;
	height: 30px;
	background-color: #9d906e ;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 30px;
		z-index: 0;
}

/************FIN RUBAN  ribbon style *******/
/**********/
/**********/
/*******Lignes verticales page centrale****/
.main {
    border-left: 0px solid #212121;
    border-right: 0px solid #212121;
    background-image: none;
} 
/***fin Lignes verticales page centrale*****/
/***************************************/
/*****************TITRES articles*******************/
/*#contenu h3*/
/*#articles_show_titre_article
{
background : #000000;
color : #E8EEF4;
width : 0px;
height : 0px;
padding-left : 0px;
padding-right : 0px;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
font-size : px;
/*font-family : Trebuchet MS;*/
}
/************************************/
/***************************************/
/******BARRE de NAVIGATION******/

/*SOUS Menu barre navigation*/
nav ul ul {
    float: none;
    position: absolute;
    display: none;
   background-color: inherit;
    margin: 0;
    padding: 0 20px;
    margin-left: -20px;
    padding-bottom: 10px;
}
nav li:hover ul {
    display: block !important;
}
nav ul ul li {
    display: block;
    white-space: nowrap;
}
/*couleur fleche menu deroulant*/
nav ul .caret {
    margin: 18px 0 0 10px;
    border-width: 6px;
}
/* config barre navigation */
nav /*{
  background-image: url('https://static.blog4ever.com/2013/06/742413/3Rb2lC1MpHUdS6Fo8YfdO8vbP0I.gif');
}*/
{
  background: transparent;
  margin-top: 0px;
  }
nav a {
  background: #fafad2;/*jaune clair*/
  padding: 5px 8px;
  color: #000000; /*#162185;*/
  border: 2px outset #162185;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 4px 12px #666;
  -moz-box-shadow: 2px 4px 12px #666;
  box-shadow: 5px 5px 15px #f2f2f2;/*gris clair*/ 
  font-family: quanto;
  font-size: 14px;
  font-weight: bold;
}
/* espacement des boutons de la barre navigation */
nav li{
  /*background-image: url(https://static.blog4ever.com/2013/06/742413/Globe.png);*/
  background-image: url(https://static.blog4ever.com/2013/06/742413/47t6xp8f.jpg);
  background-repeat: no-repeat;
  padding-left: 1px;
  background-position: center;
 }
/* couleur boutons survoles */
nav a:hover {
  background: #D3D3D3;
  color: #FF0000;
  border: 2px inset #FFFF00;
}
/*suppression de la fenetre recherche*/
.recherche_nav{
display:none;
}
nav .caret {
    border-top-color: #ffff00;
    font-size: 15px;
}
/***********************************/
 images****/
/*galerie image*/
.jcbx-glry-classic{
 background: transparent !important;
 }
/*modif fenetre commentaires*/
#article_commentaires dl dd.commentaire_message, #photo_commentaires dl dd.commentaire_message {
color: #ffffff !important;
text-align: justify;
}
#article_commentaires ul li {
border-radius: 15px;
list-style-type: none;
margin-top: 10px;
position: relative;
}
/*membres du blog message*/
.menu_blogmember_box_invite {
color: #ffffff !important;
font-size: 12px;
}
/*modification couleur titre commentaires***/
article h4 {
    color: #ffff00;
    /font-family: Artifika,cursive;
}
/*****carrousel 3d automatique*****/

*{box-sizing : border-box}
img{max-width:100%}
.contenu_carou_auto{
margin:2rem auto;
width:480px;
height:259px;
perspective:9000px
}
.caroussel-image{
animation:rotation 18s infinite alternate linear;       
transform-style:preserve-3d;
position:relative;      
}
.caroussel-image img{
position: absolute;
top:0;
left: 0;
}
.caroussel-image img{
filter:drop-shadow(0 12px 5px hsla(0,0%,0%,.4));
width:400px;
height:240px;
left:10px;
outline:1px solid transparent;
backface-visibility:hidden
}
.caroussel-image img:nth-child(1){
transform:translate3d(0,0,495px)
}
.caroussel-image img:nth-child(2){
transform:rotateY(45deg) translateZ(495px)
}
.caroussel-image img:nth-child(3){
transform:rotateY(90deg) translateZ(495px)
}
.caroussel-image img:nth-child(4){
transform:rotateY(135deg) translateZ(495px)
}
.caroussel-image img:nth-child(5){
transform:rotateY(180deg) translateZ(495px)
}
.caroussel-image img:nth-child(6){
transform:rotateY(225deg) translateZ(495px)
}
.caroussel-image img:nth-child(7){
transform:rotateY(270deg) translateZ(495px)
}
.caroussel-image img:nth-child(8){
transform:rotateY(315deg) translateZ(495px)
}
  
@keyframes rotation{
from{transform:rotatey(0)}
to{transform:rotatey(1turn)}}
        
/*****fin carrousel 3d automatique*****/
/************************************/
/*******/
/************ARTICLES*****/
/*article{
/*background-image: url("https://static.blog4ever.com/2012/06/704535/ybq15my.png");*/
background-repeat: repeat;
color: #cecece;
} 
/************FIN   ARTICLES*****/

/*****selections images en survol*****/
/img:hover {
     border : 2px solid #BBACAC;/*couleur grise*/
     box-shadow:8px 8px 10px;
}
img {
     -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
}
/*img:hover {
     transform:scale(1.1);
}*/
/************Fin ombres bordure images*********/

/************ombres bordure images*********/
img {
-moz-box-shadow: 8px 8px 10px 0px #656565;
-webkit-box-shadow: 15px 10px 20px 0px #656565;
-o-box-shadow: 15px 10px 20px 0px #656565;
box-shadow: 15px 10px 20px 0px #656565;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-moz-border-radius:20px;
/*-webkit-border-radius:20px;#c0c0c0;*/
border-radius:20px;
border: 5px outset #c0c0c0;
  /*********************************/