/*******alterner grand petit  */

 .aside .grand,.aside .petit {width:90%;}
 .aside .une {width:100%;margin-left:auto;margin-right:auto;}
.grand,.petit{width:90%;}

@media (min-width: 768px) {
.grand {width:60%}
.petit {width:40%}
.aside .grand {width:60%}
.aside .petit {width:40%}

}

@media (min-width: 1200px) {
.aside .grand, .aside .petit{width:100%}
.aside .une {width;:100%;}
}

/*texte sur fond*/
.texte_surfond {
	color: #ffffff;
	text-shadow: -1px 0 0 rgba(0,0,0,0.8),
						 1px 0 0 rgba(0,0,0,0.8),
						 0 -1px 0 rgba(0,0,0,0.8),
						 0 1px 0 rgba(0,0,0,0.8);
	font-weight: 700;margin-top:20px;margin-bottom:20px;padding:10px;	}
/*************LES TITRES ************************/

.cadre_titre {
	 background-color: #FFFFFF;
	/*text-shadow: 1px 5px 1px rgba(0, 0, 0, 0.2);*/
	text-transform: capitalize;font-weight: bold;
	font-size:18px;  min-height:2em;
}

.ombretitre {
	
	border-bottom: thin solid grey;
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	text-shadow: 1px 5px 1px rgba(0, 0, 0, 0.2);
	
}
/*** titre elegant ***********/


.a_elegant{ padding-top:2rem!important;padding-bottom: 3rem!important; 
text-transform: uppercase!important;font-weight: 600;font-family: Maitree,serif!important;
margin-top: 0;margin-bottom: .5rem;line-height: 1.2!important;font-size:52px;color: black;
margin-left:auto;margin-right:auto;text-align:center}

.a_elegant:after
{content: '';
display: block;
width: 50%;
height: 3px;
margin-top: 20px!important;margin-left:25%;margin-right:25%;
background-color: black;
}
.s_elegant{  padding-top:2rem!important;padding-bottom: 3rem!important; 
text-transform: uppercase!important;font-weight: 600;font-family: Maitree,serif!important;
margin-top: 0;margin-bottom: .5rem;line-height: 1.2!important;font-size:52px;color: black;
margin-left:auto;margin-right:auto;text-align:center;text-decoration:underline;text-underline-offset:2rem;}

.title{
	font-weight: bold;
	text-transform: uppercase;
	font-style:oblique;
	margin:0;
	padding :0 10px ;
	font-family:inherit;
	font-size:85%;line-height:1.2
	
	}
.aside .title{font-size:85%;text-align:center;margin-left:auto;margin-right:auto;}
	
}
.aside .a_elegant {font-size:20px}	

.gtitle,.mtitle { font-size: var(--size-30)!important;font-weight: bold;line-height:1.25;margin-bottom:30px;text-transform: none;
  text-shadow: none;}
.btitle{font-size: var(--size-28)!important;margin-top: 0;font-weight: bold;line-height:1.25;margin-bottom:60px;text-transform: none;
  text-shadow: none;}
.stitle{font-size: var(--size-24)!important;margin-top: 0;font-weight: bold;line-height:1.25;margin-bottom:20px;text-transform: none;
  text-shadow: none;}
.ltitle{font-size: var(--size-20)!important;margin-top: 0;font-weight: bold;line-height:1.25;margin-bottom:0px;text-transform: none;
  text-shadow: none;}
.smtitle{font-size: var(--size-18)!important;margin-top: 0;font-weight: bold;line-height:1.25;margin-bottom:0px;text-transform: none;
  text-shadow: none;}

.aside .gtitle, .aside .btitle,.aside .mtitle{font-size: var(--size-20)!important;line-height:1.5;padding: 20px 1px 10px 20px;margin:10px 0 10px 0;}
.aside .stitle{line-height:1.25;font-size: var(--size-20)!important;  }
.mside .gtitle, .mside .btitle,.mside .mtitle{font-size: var(--size-20)!important;line-height:1.5;padding: 20px 1px 10px 20px;margin:10px 0 10px 0;}
.mside .stitle{line-height:1.25;font-size: var(--size-20)!important;  }
.n_souligne {border-bottom:none!important}
.souligne {border-bottom:4px solid grey;padding-bottom:2em;}
@media (min-width: 768px) {
	.btitle,.gtitle,.mtitle { font-size: var(--size-32)!important;margin-bottom:30px}
	}
	
@media (min-width: 1024px) {
	.gtitle{font-size: var(--size-52)!important;margin-top: 0;font-weight: bold;line-height:1.25;margin-bottom:60px}
	.btitle{font-size: var(--size-48)!important;margin-top: 0;font-weight: bold;line-height:1.25;margin-bottom:60px}
	.mtitle{font-size: var(--size-36)!important;margin-top: 0;font-weight: bold;line-height:1.25;margin-bottom:40px}
}

	
/***titres */
.smart,.elegant,.smart_l{
font-size: 150%;
line-height: 1.7;
font-weight: 600 !important;
text-transform: uppercase;
overflow: hidden;
padding: 20px;
text-align:center;
font-family: Maitree,serif;
}
.smart_l{width:100%}
.aside .smart,.aside .elegant {font-size: 100%;line-height: 1 }


/********bigmessage */
/* pour modele bigmessage lorsqu'on est dans une petite colonne */
.aside .btexte{font-size:40px!important;margin:0!important;padding:10px!important;}
.aside .bigmess::before{font-size:80px!important; }
.aside .bigmess::after{font-size:80px!important; }
.aside .bigmess{padding:40px}
.aside  .btexte { 
    font-size: max(18px, min(32px, 2vmax))!important;   
	font-size: max(min(18px,2vmax), 32px)!important;   
    font-size: clamp(18px, 32px,2vmax)!important;  
	}
@media (max-width: 768px) {
	.bigmess::before, .bigmess::after {font-size: 15vmax !important}
	
}
.bigmess::before{
  content: "\201C"; /*Unicode pour Double Quote*/
  z-index: 1;/*position: absolute; top :5rem;left:0; */
  font-family: Georgia, serif;
  font-size: 10vmax;
  font-weight: bold;
  color: inherit;
  display:block;
  position:absolute;
  left:0;top:0;
}
.bigmess::after{
    content: "\201D";
	font-family: Georgia, serif;
	font-size: 10vmax;
	font-weight: bold;
	color: inherit;
	position:absolute;right:0;
	line-height:2vmax;bottom:0;
	     	}
.bigmess{
	color: red;padding:5rem;
	}

.guillemet::after{
    content: "\201D";
	font-family: Georgia, serif;
	font-size: 10vmax;
	font-weight: bold;
	color: inherit;
	float:right;
	position: absolute;
	right: 10px;
	vertical-align:bottom;
	content: "\201D";
	margin-left:5rem;
    margin-right:50px;padding-right:0;
}

.guillemet{
	color: red;margin-left:auto;margin-right:auto;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.guillemet::before{
  content: "\201C"; /*Unicode pour Double Quote*/
  font-family: Georgia, serif;
  font-size: 10vmax;
  font-weight: bold;
  color: #999;color: inherit;
  float:left;
  vertical-align:top;
  margin-right:20px;
  margin-left:0;padding-left:0;
}


.bigmessage img {
  overflow: hidden;
  border-radius: 50%;
  object-fit: contain;
  max-width:100%;
}

.padmess {padding :1rem;}
@media (min-width: 768px) {
  .big-message {
    display: flex;
  }
  
}
/***********bord ******************/
.bordrond{border-radius:50%}
.bordpetale{border-radius:15px 50px}
.bordarrondis{border-radius:15px}
.bordfeuille{border-radius:10px 100px / 120px;}
 
 .bordcoeur::before{
    content: '';
    width: 100%;
    height: 100%;
    background: #e54a27;
    position: absolute;
    top: -50%;
    left: 0;
    border-radius: 50%;
    z-index: -1;
}
.bordcoeur:after{
    content: '';
    width: 100%;
    height: 100%;
    background: #e54a27;
    position: absolute;
    bottom: 0%;
    right: 50%;
    border-radius: 50%;
    z-index: -1;
}

/********* effet rotation **************/

.solinfo
{  	border: 4px solid #B2B2FF;
	-moz-border-radius:15px;
	-webkit-border-radius: :15px;  
	border-radius:15px;
	margin:10px;margin-left:0px;margin-right:auto;
	padding:5px;
	list-style-image: none;
	list-style-type: none;
	text-align:center;color: #000;
	background-color: #FFFFD7;
	}

.block_bg {
    background-image: url('image.ext');
    background-size: cover;
}

/* test */
.lien 
{width:220px;height:170px;}
.radius5{ 
        border-radius: 1em 4em 1em 4em; 
 } 

.fig-flag
{
  font-size: 1rem;
  line-height: 1;
  border-top-left-radius: 0px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0px;
  box-shadow: 3px 3px 3px -2px rgba(51, 51, 51, 0.65);
  color: #ffffff;
  padding-top: 6px;
  padding-right: 8px;
  padding-bottom: 6px;
  padding-left: 8px;
  text-transform: uppercase;
  font-weight: bold;
  position: absolute;
  top: -11px;
  left: 0px;
}

/* Ligne 1 */
.fig-flag-ensemble
{
  background-color: #407cc9;
  z-index: 1;
}

/* Ligne 1 */
.fig-flag
{
  font-size: 1.2rem;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  top: -14px;
}

.fig-profil, .fig-wait-load-art
{
	clear: both;
	position: relative;
	display: block;
	
}

/* Ligne 1 */
.fig-profils .fig-profil, .fig-profils .fig-wait-load-art
{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #d6d6d6;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 15px;
  padding-left: 0px;
}

/* Ligne 1 */
.fig-profils .fig-profil, .fig-profils .fig-wait-load-art, .fig-profils .fig-promo-p01
{
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 20px;
}

/* Ligne 1 */
.fig-profils .fig-profil, .fig-profils .fig-wait-load-art, .fig-profils .fig-promo-p01
{
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-left: 20px;
}

/* Ligne 1 */
.fig-ensemble section:first-of-type
{
  border-top-width: medium;
  border-top-style: none;
}

/* Ligne 1 */
.fig-profils .fig-ensemble .fig-profil, .fig-profils .fig-ensemble .fig-wait-load-art
{
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}

div.rotate_right {
    float: left;
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Safari */
    transform: rotate(7deg);
}

div.rotate_left {
    float: left;
    -ms-transform: rotate(-8deg); /* IE 9 */
    -webkit-transform: rotate(-8deg); /* Safari */
    transform: rotate(-8deg);
}

	



.stripe-line
{
	background-color:#a90303;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	height: 12px;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-top: 5px;
}



.sans_boite{
	width:auto;
	overflow: hidden;
	/*font-size:95%;*/
	text-align:center;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.pointille,.pointille_ombre  {
border:dashed 3px #679403;
order-radius:5px;

}
.pointille_ombre  {
-webkit-box-shadow:10px 10px grey;
	 -moz-box-shadow:10px 10px grey;
	 box-shadow: 10px 10px grey;
}
.tourbox{background: #fff;
			padding: 20px;
			border: 20px solid #ddd;
			position: relative;
			box-shadow: 0px 0px 20px #000;
			border-radius: 20px;
			
			
			}
.boite
{	position:relative;overflow: hidden;
	background-color:#FFFFFF;
	margin-top:1rem;
	margin-bottom:10px;
	margin-left:auto;	margin-right:auto;text-align:center;
	border-bottom-width:15px;
	border-bottom-style:solid;
	border-top-width:10px;
	border-top-style: solid;
	border-top-color:#CCCCCC;
	border-right-color:#666;
	border-bottom-color:#CCCCCC;
	border-left-color:#666;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	
	box-sizing:border-box;
	padding:0px;
	
	}
	.boiteb
{	position:relative;overflow: hidden;
	background-color:#FFFFFF;
	margin-top:1rem;
	margin-bottom:10px;
	margin-left:auto;	margin-right:auto;text-align:center;
	border-bottom-width:15px;
	border-bottom-style:solid;
	border-top-width:10px;
	border-top-style: solid;
	border-top-color:#CCCCCC;
	border-right-color:#666;
	border-bottom-color:#CCCCCC;
	border-right-width:1px;
	border-right-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#666;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	
	box-sizing:border-box;
	padding:0px;
	
	}
	


.boite h2
{	text-align:center;	
	padding:0px;margin:0px;
	padding-bottom: 0.5em;
	text-shadow: none;font-style: oblique;position: relative;
	color: #333333;background-color:#F4F4F4;
 }

.boite img ,.boite .spip_logos{
	
	border:none;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	float:none;
	text-align:center;
	padding:0;
	margin-top: 0px;	
}
.boite h2 a:hover {background-color: #333;	color: #FFFFFF;}
.boite ul li a:hover, .boite_rub ul li a:hover{
	background-color: #333;
	color: #FFFFFF;
	
}


.hentry, .post {
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 3px;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 1px 2px 4px
rgba(0, 0, 0, .5);
    overflow: hidden;
}

.bordrond
{	box-sizing:border-box;position:relative;
	border: medium solid #CCC;
	-moz-border-radius:19px;-webkit-border-radius:19px;	border-radius:19px;
	overflow: hidden;
	background-color: #FFFFFF;
	
	}




.rond { 
   border-radius: 50%; 
   border: 1px solid gray;
   /*box-shadow: -2px 5px 5px 2px #888888;*/
   overflow:hidden;
	
  }
 .polaroid,.encoche,.bigencoche {
  
  padding: 10px 10px 20px 10px;
  border: 1px solid #BFBFBF;
  background-color: #ffffff;
  box-shadow: 10px 10px 5px #aaaaaa;
}
.shadow
{ border: 1px solid #BFBFBF;
  background-color: #ffffff;
  box-shadow: 10px 10px 5px #aaaaaa;
}
.extitre {
  text-shadow: 2px 2px 8px #000000;
  margin: 1.2em 0;
  letter-spacing: .05em;
  font-size: 70px;
  color: #ffffff;
  line-height: 80px;
  text-align: center;
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 700;
}
}
.encoche,.bigencoche{	position: relative;	}
.encoche:before 
{
	content: "";
	display: block;
	border: 12px solid transparent;
	border-top-color:inherit;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 10%;
	margin-bottom: -24px;
	
}

 .encoche:after{
	content: "";
	display: block;
	border: 11px solid transparent;
	border-top-color: inherit;
	position: absolute; 
	z-index: 11;
	top: 0;
	left: 10%;
	margin-left: 1px;
	margin-bottom: -21px;
}
.bigencoche:before{

	content: "";
	display: block;
	border: 34px solid transparent;
	border-top-color:#inherit;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	/*margin-bottom: -24px;*/
}
.bigencoche:after
{
	content: "";
	display: block;
	border: 32px solid transparent;
	border-top-color: inherit;
	position: absolute;
	z-index: 11;
	top: 0;
	left: 5%;
	margin-left: 1px;
	margin-bottom: -21px;
}



.polaroid-bord
{ border: 4px solid #B2B2FF;
  -moz-border-radius:15px;
  -webkit-border-radius: :15px;  
  border-radius:15px;
  padding: 10px 10px 20px 10px;
  background-color: white;
  box-shadow: 10px 10px 5px #aaaaaa;
  }
.diago-right {
  border:1px solid grey;
  float: left;
  -ms-transform: rotate(7deg); /* IE 9 */
  -webkit-transform: rotate(7deg); /* Safari */
  transform: rotate(7deg);
  margin-top:100px!important;
  margin-bottom:100px!important;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
    -o-transform-origin: right  top;
    transform-origin: right top; 
}

.diago-left {
	border:1px solid grey;
  float: left;
  -ms-transform:  rotate(-8deg); /* IE 9 */
  -webkit-transform:  rotate(-8deg); /* Safari */
 /* transform:translateY(-100%)  rotate(-8deg);*/
  margin-top:100px!important;
  margin-bottom:100px!important;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; 
   
    
}
   

.polaroid h2 {
	font-style: normal;padding:10px;padding-bottom:20px;
}

.polaroid h1 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left:20px;}


/******triangle************/
.triangle,.bigtriangle,.triangleombre,.bigtriangleombre  { 
	position: relative; 
	border: 1px solid #BFBFBF;
	border-top: 1px solid #ffffff;
	background-color: #ffffff;
	
			
}
.triangleombre,.bigtriangleombre {
	box-shadow: 10px 10px 5px #aaaaaa;
}
.triangle:before,.triangleombre:before
{
	content: "";
	display: block;
	border: 12px solid transparent;
	border-top-color:#ffff;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 10%;
	margin-bottom: -24px;
}

 .triangle:after,.triangleombre:after{
	content: "";
	display: block;
	border: 11px solid transparent;	
	position: absolute;
	z-index: 11;
	top: 0;
	left: 10%;
	margin-left: 1px;
	margin-bottom: -21px;
}


.bigtriangle:before,.bigtriangleombre:before{
	content: "";
	display: block;
	border: 34px solid transparent;
	position: absolute;
	z-index: 10;
	top: 0;
	right:5%;
	border-top-color:#ffff;
		margin-bottom: -24px;
	
}
.bigtriangle:after,.bigtriangleombre:after
{
	content: "";
	display: block;
	position: absolute;
	z-index: 11;
	top: 0;
	right: 5%;
	margin-left: 1px;
	margin-bottom: -21px;
	border: 32px solid transparent;
}




 
/*******************pas sur imag ************************/
.boxshadow {
    position: relative;
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 10px;
    background: white;
	 border: 1px solid #8a4419;
    border-style: inset;
}

.boxshadow::after {
    content: '';
    position: absolute;
    z-index: -1; /* hide shadow behind image */
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);                
    width: 70%; 
    left: 15%; /* one half of the remaining 30% */
    height: 100px;
    bottom: 0;
}



/*************** carte *************************/

.card {
	width:250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

.card .header {
    background-color: #4CAF50;
    color: white;
    padding: 10px;
    font-size: 40px;
}

.card .container {
    padding: 10px;
}
/*************** encadrement *************************/

.encadrement
{	width:98%;
    font-variant: small-caps;	font-weight: bold;
	text-align:center;margin-left:auto;margin-right:auto;
	border: medium solid #FFFBF0;
	-moz-border-radius:19px;-webkit-border-radius:19px;	border-radius:19px;
	-moz-box-shadow: -2px 8px 5px 2px #888888;-webkit-box-shadow: -2px 8px 5px 2px #888888;box-shadow: -2px 8px 5px 2px #888888;
	padding:2px;margin-bottom:10px;
		
}
.encadrement .p, p.encadrement
{
  margin-bottom:0;padding-left:0;  text-align:center;margin-left:auto;margin-right:auto;
}
.encadrement h2
{
	padding-top:0px;
	padding-bottom:3px;
	margin:0px;
	text-align:center;margin-left:auto;margin-right:auto;
	line-height: 1;
	font-family: "Times New Roman",Times,serif;
	font-style: oblique;
	color: #333333;
	position: relative;
	text-transform: uppercase;
	border-bottom-width: medium;
	border-bottom-style: solid;/*	text-shadow: 1px 5px 1px rgba(0, 0, 0, 0.2);*/
}

/*************** boites  *************************/
.boite_2,.boite_3 ,.boite_4{
	box-sizing:border-box;
	text-align:center;
	color:#333333;overflow:hidden;
	border: 1px solid #CCC;
	-moz-border-radius:19px;-webkit-border-radius:19px;	border-radius:19px;
	
}

.boite_image,.boite_image_2{
	box-sizing:border-box;margin:auto;text-align:center;position:relative;color:#333333;overflow:hidden;
}



.boite_3 {
	-moz-box-shadow: 0px 2px 0px 2px #888888;-webkit-box-shadow: 0px 2px 0px 2px #888888;box-shadow: 0px 2px 0px 2px #888888;
	
}
.aside .boite_2  h2
{	background-color:#E9E9E9;

}

.boite_2 h2, .boite_3 h2,.boite_image_2 h2 {
	color:#000;
	font-size:90%;
	line-height:1;
	position:relative;text-align:center;
	margin:3px 0 0 0 ;
	overflow: auto;
	text-shadow: none;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 5px;
	color: #000000;
  }
  
.boite_4 h2, .boite_image h2
{position: absolute;font-weight:700; top: 20%;  left: 50%;  transform: translate(-50%, -50%);  color: white;text-shadow: none;}


.boite_2 h3,.boite_3 h3
{	font-size: 80%;	text-align:center;color:#333333;margin:0;line-height: 1;padding:2px;
}

.boite_2  img ,.boite_3 img,.boite_4 img, .boite_image_2, img.boite_image img,.boite_image img,
.boite_2  .adapt-img ,.boite_3 .adapt-img,.boite_4 .adapt-img
   {
	float:none;overflow:hidden;
	text-align:center;
	padding:0px;
	box-sizing :border-box;
	margin:auto;
	
}

.boite_image_2 .adapt-img, .boite_image .adapt-img,
.boite_image_2  img, .boite_image img,
.boite_image .adapt-img-wrapper ,.boite_image2 .adapt-img-wrapper 

   {-moz-border-radius:19px;-webkit-border-radius:19px;	border-radius:19px;	border:1px solid #CCC}


/*@media (min-width: 768px)and (max-width:1024px; {
.boite_image .himgauto  .adapt-img-wrapper,.boite_image .himgauto  img
   {-moz-border-radius:0;-webkit-border-radius:0;	border-radius:0;	}
	} 
	*/
.boite_2:hover,.boite_3:hover ,.boite_4:hover,.boite_image:hover,.boite_image2:hover{
	opacity: 0.5;
	-moz-transition: all 400ms linear 0s;
	}


.boite_6 {
	float: left;position:relative;
	width: 300px;
	text-align: center;
	padding: 5px;
	box-sizing :border-box;
	
}

.boite_6 img {
	margin:0px;padding:0px;
	box-sizing :border-box;
	border: medium solid #FFFBF0;
	-moz-border-radius:19px;
	-webkit-border-radius:19px;
	border-radius:19px;
	-moz-box-shadow:0px 0px 11px #000000;
	-webkit-box-shadow:0px 0px 11px #000000;
	box-shadow:0px 0px 11px #000000;
}

.boite_6 img a:hover {
	-moz-border-radius:19px;
-webkit-border-radius:19px;
border-radius:19px;
-moz-box-shadow:0px 0px 11px #000000;
-webkit-box-shadow:0px 0px 11px #000000;
box-shadow:0px 0px 11px #000000;
	opacity: 0.5;
	-moz-transition: all 400ms linear 0s;
	
}
.boite_6 a:hover {
	-moz-border-radius:19px;
-webkit-border-radius:19px;
border-radius:19px;
-moz-box-shadow:0px 0px 11px #000000;
-webkit-box-shadow:0px 0px 11px #000000;
box-shadow:0px 0px 11px #000000;
	opacity: 0.5;
	-moz-transition: all 400ms linear 0s;
	
}
.boite_6 h2{
position:relative;
	top:-22px;}
	

.transparent
{ }
/************************************/
div.edito_rubrique  {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #666;

}
div:last-child .edito_rubrique {
  border-bottom:none;
}

/**************************************/
.edito
   {box-sizing :border-box; position:relative;
    background-color: #F4F4F4;
    margin-left:auto;margin-right:auto;
    padding:0px;margin-bottom:20px;
    text-align:center;
	 border-width: 1px;
	 border-style: solid;
	 border-color:#CCC;
	 
    }
	

.edito h1
{
	border:none;
	text-align:center;
	background: rgba(255,255,255,0.7);
	font-weight: bold;
}


/*************************************/
/* une seule colonne */
.btns{
 background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  width:30px;float:right;margin-right:5px;
}


.btns:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



/* ----------------------*/
.vc_separator .vc_sep_holder
{
  display: table-cell;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.vc_separator .vc_sep_holder .vc_sep_line
{
  height: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ebebeb;
  display: block;
  position: relative;
  top: 1px;
  width: 100%;
}

/* Ligne 1219 */
.vc_separator.vc_sep_double .vc_sep_line
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ebebeb;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ebebeb;
  height: 3px;
}

/* Ligne 1254 */
.vc_separator.vc_sep_color_black .vc_sep_line
{
  border-top-color: #2a2a2a;
  border-right-color: #2a2a2a;
  border-bottom-color: #2a2a2a;
  border-left-color: #2a2a2a;
}

.vc_separator .vc_sep_holder .vc_sep_line
{
  height: 1px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ebebeb;
  display: block;
  position: relative;
  top: 1px;
  width: 100%;
}

/* Ligne 1219 */
.vc_separator.vc_sep_double .vc_sep_line
{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ebebeb;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ebebeb;
  height: 3px;
}

/* Ligne 1257 */
.vc_separator.vc_sep_color_grey .vc_sep_line
{
	border: thin dashed #0F0;
}

/*      fin copie                  */

.stylecol_s  {
	text-align:center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	width:95%;

}
.stylecol_s  h3{
	font-weight:bold;
}




.stylecol_s   .spip_logos {  margin: 0; }
.stylecol_s .tgrid6  {
	padding:5px;
}


/* deco */
* {box-sizing: border-box;}
/* a déplacer pas dans disposer */

/* modele une colonne */

.unecolonne
{   box-sizing: border-box;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	text-align:justify;
	color: #000;
	vertical-align:middle;
	}
 
.unecolonne .spip_logos,.unecolonne img ,.unecolonne  .adapt-img-wrapper {
	vertical-align: middle;
	float: left!important;
	padding:10px;margin-right:10px;margin-bottom:10px;
	}

.unecolonne h2{
	padding-top: 5px;
	font-size: 130%;
	text-transform: capitalize;
	padding: 5px;margin-bottom:10px;
	text-align: left;
	color: #333;
	font-weight: bold;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.unecolonne  h3{
	padding-top: 5px;
	font-size: 120%;
	text-transform: capitalize;
	padding-top:0px;margin-top:0;margin-bottom:0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: left;
	color: #333;
	font-weight: bold;margin-bottom:15px;
}

.unecolonne_droite .spip_logos,.unecolonne_droite img ,.unecolonne_droite  .adapt-img-wrapper {
	float: right;
	}
.unecolonne .intro , .unecolonne_droite .intro{	vertical-align: middle;}

/* commun une colonne logo à gauche */
.stcol
{
	box-sizing: border-box;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:5px;
	text-align:justify;
	color: #333;
	vertical-align:middle;
	border: 4px solid #B2B2FF;
	-moz-border-radius:15px;
	-webkit-border-radius: :15px;  
	border-radius:15px;
	background-color: #FFFFF4;
	vertical-align:middle;
	}
 
.stcol .spip_logos,.stcol img ,.stcol  .adapt-img-wrapper {
	vertical-align: middle;
	float: left;
	padding:10px;margin-right:10px;margin-bottom:10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.05);
	}
	


.stcol h2{
	padding-top: 5px;
	font-size: 130%;
	text-transform: capitalize;
	padding: 5px;
	text-align: left;
	color: #333;
	font-weight: bold;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.stcol  h3{
	padding-top: 5px;
	font-size: 110%;
	text-transform: capitalize;
	padding-top:2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-align: left;
	color: #333;
	font-weight: bold;
}/* colonne logo a gauche */
/* ombrage                 */
.stcol2,.stcol2_droite,.stcol4
{   box-sizing: border-box;
	background-color: #FFFFFF;
	box-shadow: 10px 10px grey;
	border: thin solid #CCC;
	width:99%;
	}
 
.stcol2 .spip_logos, .stcol2 img, .stcol2  .adapt-img-wrapper 
{
	float: left;
	padding:10px;margin-right:10px;margin-bottom:10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.05);

	}
	
	
.stcol2_droite .spip_logos, .stcol2_droite img, .stcol2_droite  .adapt-img-wrapper 
{
	float: right;margin-left:10px;
	vertical-align: middle;
	padding:10px;margin-right:10px;margin-bottom:10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.05);

	}
/* cadre */
.stcol3,.stcol3_droite 
{
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	padding: 10px;
	background: white;
	position:relative;
	overflow:hidden;
	box-shadow: 10px 10px grey;
	border: thin solid grey;
	}


 
.stcol3 .spip_logos, .stcol3 img, .stcol3  .adapt-img-wrapper ,.stcol3_droite .spip_logos, .stcol3_droite img, .stcol3_droite  .adapt-img-wrapper 
{
	vertical-align: middle;
	padding:10px;margin-right:10px;margin-bottom:10px;
	box-shadow: 0 0 3px rgba(0,0,0,0.05);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	}
.stcol3_droite .spip_logos, .stcol3_droite img, .stcol3_droite  .adapt-img-wrapper 
{	float: right;margin-left:10px;
  	}


.stcol3::after {
    content: '';
    position: absolute;
    z-index: -1; /* hide shadow behind image */
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);                
    width: 70%; 
    left: 15%; /* one half of the remaining 30% */
    height: 100px;
    bottom: 0;
}


/* colonne logo a droite */
/* une colonne */
.dcol
{
	box-sizing: border-box;
	width:95%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d6d6d6;
	margin-right: 0px;
	margin-left: 0px;
	margin-top:10px;
	margin-bottom:0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align:middle;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: #ececec;
	text-align:left;
	color: #000;
	color: #999;
	}
 
.dcol .spip_logos,.dcol img {
	vertical-align: middle;
	float: right;
	padding:0px;
	margin-right:10px;
	border:none;
	}
.dcol .txt{
 float:left;
}
.pave
{ width:100%;margin-left:auto;margin-right:auto;; background-color: #f5f5f5;
  margin-top: 5px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  margin-top:auto;margin-bottom:auto;vertical-align:middle;}
  

.colonne{  
  position: relative;cursor: pointer;
  min-height: 1px;
/*  padding-top:5px;padding-bottom:5px;*/
  padding-left: 15px; padding-right: 15px;
  text-align:center;box-sizing:border-box;margin-left:auto;margin-right:auto;

  }
.colonne ul.spip,.colonne ol.spip { margin-left: 5px; }
.colonne ul.spip    { list-style-type: none; }
.colonne ul.spip    { list-style-type: none; }
.colonne li ul.spip { list-style-type: disc; }
.colonne .spip_logos, .colonne .img
{
  float: none;margin-left:auto;margin-right:auto;vertical-align:middle;display:inline;
}



a.btn-more
{
  background-color: #72c02c;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  float:right;padding-right:10px;
}

/* Ligne 174 */
a.btn-more:hover
{
  box-shadow: 10px 10px #5fb611;
  text-decoration-line: none;
  text-decoration-style: solid;
 }


.bl{
	border-top-color: #00F;
	border-right-color: #00F;
	border-bottom-color: #00F;
	border-left-color: #00F;
}

.buttons
{
display: inline-block;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
border: 1px solid #a1a1a1;
padding: 0 2em;
margin: 0.5em;
font: bold 1em/2em Arial, Helvetica;
text-decoration: none;
color: #333;
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
border-radius: .2em;
}
.buttons:before
{
float: left;
width: 1em;
text-align: center;
font-size: 1.7em;
margin: 0 0.5em 0 -1em;
padding: 0 .2em;
pointer-events: none;
}
/************************* port folio************************* */


#documents_portfolio {
	text-align:center;margin-left:auto;margin-right:auto;width:100%;
}

#documents_portfolio img {
  -webkit-box-shadow: 0 0 6px #fff; /* anciennes versions de Chrome et Safari */
  -moz-box-shadow: 0 0 6px #fff;  /* anciennes versions de Firefox */
  box-shadow: 0 0 6px #fff;
  margin:10px;max-width:100%;
}
#documents_portfolio img {
	box-shadow: 8px 8px 12px #aaa;
  -webkit-transition: -webkit-transform 0.8s ease;
  -moz-transition: -moz-transform 0.8s ease;
  -ms-transition: -ms-transform 0.8s ease;
  -o-transition: -o-transform 0.8s ease;
  transition: transform 0.8s ease; /* appel de la transition à l'état initial */
}
#documents_portfolio img:hover {
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  transform: translate(0, -20px); /* déclanchement de la transition au survol */
}
#documents_portfolio  li{
	list-style-image: none;
	list-style-type: none;
	display: inline;
}
@media only screen and (max-width: 320px) {
#documents_portfolio img {width:80%!important;text-align:center;margin-left:auto;margin-right:auto;  }
}

@media only screen and (min-width:321px)and (max-width: 640px) {
#documents_portfolio img {width:40%!important; }
}

@media only screen and (min-width:641px)and (max-width: 1024px) {
#documents_portfolio img {min-width:28%!important; }
}
@media only screen and (min-width:1024px)and (max-width: 1399px) {
#documents_portfolio img {min-width:19%!important; }
}
@media   (min-width: 1400px) {
#documents_portfolio img {min-width:12%!important; }
}

/* fin doc */
.ex4 li {
	display: inline-block;
	width: 200px;
	margin: 0 10px;
	padding: 5px;
	box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 3px #816F47;
}
.ex4 figure {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 125px;
	margin: 0;
	text-align: center;
	overflow: hidden;
}
.ex4 figcaption {
	position: absolute;
	left: 0; bottom: -1em;
	width: 200px;
	height: 2.6em;
	line-height: 1.5em;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
	overflow: hidden;
	/*préparation de la transition*/
	transition: all 0.7s;
}
.ex4 figcaption span { display: block; }
.ex4 figure:hover figcaption,
.ex4 figure:focus figcaption {
	height: 4.2em;
	background: rgba(0,0,0,0.8);
}
.like:before               {
	content: "\2764";
	
}


/* les styles  PAPERS ***/

/***************************/

.papers
{   position: relative;
	margin-bottom:30px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	padding-right: 2em;	
	padding-bottom: 2em;
	padding-left: 2em;
	overflow:visible;
	 text-align:center;
}
.papers, .papers:before, .papers:after
{
	background-color: #ffff;
	border: 2px solid #ccc;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.6), 1px 1px 3px rgba(0,0,0,0.7);
}

.papers:before, .papers:after
{   box-sizing: border-box;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: rotateZ(2.5deg);
	-o-transform: rotate(2.5deg);
	transform: rotateZ(2.5deg);
	z-index: -1;
	
	
}

.papers::after {
    -webkit-transform: rotateZ(-2.5deg);
    -o-transform: rotate(-2.5deg);
    transform: rotateZ(-2.5deg);
}

.papers h1
{
	font-weight: normal;
	text-align: center;
	padding: 0.2em 0;
	margin: 0;
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
}

.papers p
{
	text-align: left;
	margin: 1.5em 0;
}
.papers h2
{min-height: auto;  height:auto;}

.papers.encolonne
{width:90%;	
 padding-right: 1px;
padding-left: 1px;text-align:center;
	}
	

.papers.encolonne img
{
    float:none;width:95%;
		
}

/********************paper-stack*************************************/

.paper-stack.encolonne
{width:90%;	
 padding-right: 1px;
padding-left: 1px;
	}

.paper-stack h1
{border-bottom-width: 2px;	border-bottom-style: solid;	border-bottom-color: #CCC;
}
/********************************/
.papertop {
  background: #fff;max-width:100%;position:relative;
  box-shadow:
    /* The top layer shadow */
    0 -1px 1px rgba(0,0,0,0.15),
    /* The second layer */
    0 -10px 0 -5px #eee,
    /* The second layer shadow */
    0 -10px 1px -4px rgba(0,0,0,0.15),
     /* The third layer */
    0 -20px 0 -10px #eee,
    /* The third layer shadow */
    0 -20px 1px -9px rgba(0,0,0,0.15);
    /* Padding for demo purposes */
    border: 1px solid #ccc!important;
}

/*************pas dans image*******************/
/* Diagonal stacked paper effect */
.paper-stack {max-width:100%;position:relative;
  background-color:#fff;
  /* Need position to allow stacking of pseudo-elements */
  position: relative;
  border: 1px solid #ccc;
}
.paper-stack::before,
.paper-stack::after {
  /* Add shadow to distinguish sheets from one another */
  box-shadow: 2px 1px 1px rgba(0,0,0,0.15);
}

.paper-stack::before,
.paper-stack::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #eee;
}

/* Second sheet of paper */
.paper-stack::before {
  left: 7px;
  top: 5px;
  z-index: -1;
}

/* Third sheet of paper */
.paper-stack::after {
  left: 12px;
  top: 10px;
  z-index: -2;
}	

.paper-stack .encolonne
{width:90%;	
 padding-right: 1px;
padding-left: 1px;
	}

.paper-stack h1
{border-bottom-width: 2px;	border-bottom-style: solid;	border-bottom-color: #CCC;
}

/**************************************/
.cadre
{
	text-align:center;
	position:relative;
	overflow:hidden;
	background-color: #FFFFFF;
	border: thin solid grey;
	-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
	-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
	
	
}


.cadre h1 {
    border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left:20px;}
	

.cadre_article {
    border-radius: 3px;
    background: #fff;
    position: relative;
    min-height: 300px;    
    -webkit-transition: -webkit-box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out;
    transition: box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out;
	box-shadow: 0 0 12px rgba(0,0,0,.1);
	border: 1px solid #d2cece;
}
@media only screen and (max-width: 768px) {
   .cadre_article {margin-bottom:20px}
  
}


.evidence h1,.evidence h2 {font-size:105%}
@media only screen and (max-width: 768px) {
.sensevidence{ 
   flex-direction: column-reverse!important;
   -ms-flex-direction: column-reverse !important;
   }
  
}
@media only screen and (min-width: 1200px) {
.aside .sensevidence{ 
   flex-direction: column-reverse!important;
   -ms-flex-direction: column-reverse !important;
   }
  
}

.article_content{
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
     background: #fff;
    border-radius: 0 0 3px 3px;
	
}
.flag::before,.flag::after {

    height: 0;
    width: 20px;
    border-top: 2px solid #e20020;
    content: '';
    display: inline-block;
     vertical-align: middle;

}
.flag::after  {  margin-left: 10px;}
.flag::before {  margin-right: 10px;}

.flag {
    font-size: 0.8em;
}

.flag a {
    color: inherit;
    -webkit-transition: opacity 125ms cubic-bezier(.455,.03,.515,.955);
    transition: opacity 125ms cubic-bezier(.455,.03,.515,.955);
}
.minflag::before,.minflag::after{width: 10px; }


/*************OMBRE ***************/
.ombre,.ombre_rond,.ombre_arrondis

{   position:relative;
	max-width:100%;
	overflow:hidden;
	-webkit-box-shadow:10px 10px grey;
	 -moz-box-shadow:10px 10px grey;
	 box-shadow: 10px 10px grey;
	border: thin solid #CCC;
	}
	
	
	
.ombre_rond
 { -moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	padding:5px;
	}
	
	
 
	
.ombre_image_2 h2{
	
	font-size:90%;
	line-height:1;
	position:relative;text-align:center;
	margin:3px 0 0 0 ;
	overflow: auto;
	text-shadow: none;
	padding-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 5px;
	
  }
  
 .ombre_image

{   text-align:center;
	position:relative;
	box-sizing: border-box;
    margin: auto;
 	
	}
.ombre_image h2
{position: absolute;font-weight:700; top: 20%;  left: 50%;  transform: translate(-50%, -50%);  color: white;text-shadow: none;}



.ombre_image_2 .adapt-img, .ombre_image .adapt-img,
.ombre_image_2  img, .ombre_image img,
.ombre_image .adapt-img-wrapper ,.ombre_image2 .adapt-img-wrapper 
  
{	position:relative;
	overflow:hidden;
	background-color: #FFFFFF;
	box-shadow: 10px 10px grey;
	border: thin solid #CCC;
	
}
.ombre_image_2 .adapt-img::after, .ombre_image .adapt-img::after,
.ombre_image_2  img::after, .ombre_image img::after,
.ombre_image .adapt-img-wrapper ::after,.ombre_image2 .adapt-img-wrapper ::after
{
 content: '';
    position: absolute;
    z-index: -1; /* hide shadow behind image */
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);                
    width: 70%; 
    left: 15%; /* one half of the remaining 30% */
    height: 100px;
    bottom: 0;
	}
/*****************FIN OMBRE ***************************/
 /* etiquette */
.aside .note .spip_logos,.aside .note img{
	float: none;   padding:0;margin-left:auto;margin-right:auto;text-align:center;width:auto;
}

.note h2{
	text-align: center;border:none;
/*	border-bottom: 2px solid #ddd;*/
	text-shadow:none;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	
}

	  
.note:before{
  z-index:10;
  content: "";
  position: absolute;  top: 0;  right: 0;
 /* border-width: 0 16px 16px 0;*/
  border-style: solid;
  border-color: #FFFFFF #FFFFFF #E1E1E1 #E1E1E1;
 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  
  /* Firefox 3.0 damage limitation */
   display: block; width: 0;
 
 /* ajout */
  background: #ddd; border-width: 8px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}



.note {position:relative;
	 text-align:center;
	 box-shadow: none;
  border: 1px solid #d0cccc;
    border-radius: 0 25px 0 0;
	
   
    }
	
.note_image

{   overflow:hidden;padding:0px;position:relative;margin:auto;
    max-width:100%;text-align:center;
	box-sizing: border-box;
 
	}
.note_image h2
{position: absolute;font-weight:700; top: 20%;  left: 50%;  transform: translate(-50%, -50%);  color: white;text-shadow: none;}



.note_image_2 .adapt-img, .note_image .adapt-img,
.note_image_2  img, .note_image img,
.note_image .adapt-img-wrapper ,.note_image2 .adapt-img-wrapper 
  
{	position:relative;margin:auto;
	 text-align:center;
	 box-shadow: none;
    border: 2px solid #E1E1E1;
    border-radius: 0 25px 0 0;
	
}
.note_image_2 .adapt-img::before, .note_image .adapt-img::before,
/*div.note_image_2:before, div.note_image:before,*/
.note_image .adapt-img-wrapper:before,.note_image2 .adapt-img-wrapper :before
{
z-index:10;
  content: "";
  position: absolute;  top: 0;  right: 0;
 /* border-width: 0 16px 16px 0;*/
  border-style: solid;
  border-color: #FFFFFF #FFFFFF #E1E1E1 #E1E1E1;
   
  /* Firefox 3.0 damage limitation */
   display: block; width: 0;
 
 /* ajout */
  background: #ddd; border-width: 15px;
  -moz-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
	}
.bignote:before{
  z-index:10;
  content: "";
  position: absolute;  top: 0;  right: 0;
 
  border-style: solid;
  border-color: #FFFFFF #FFFFFF #E1E1E1 #E1E1E1;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  
  /* Firefox 3.0 damage limitation */
   display: block; width: 0;
 
 /* ajout */
  background: #ddd; border-width: 38px;
  -moz-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}



.bignote {position:relative;margin:auto;
	 text-align:center;
	 box-shadow: none;
     border-radius: 0 100px 0 0;
}
/**************************************************************************************************/

/* bulle  style_lien */
.bullepenchee,.bullepenchee_ombre
{	overflow:hidden;position:relative;
   max-width:100%;
   	border: 1px solid grey;
	border-bottom-right-radius: 30px;
	border-top-left-radius: 30px;
  
	}
.bullepenchee_ombre
{   box-shadow: 10px 10px grey;
	border: thin solid #CCC;
	}

 .bullepenchee_ombre::after {
    content: '';
    position: absolute;
    z-index: -1; /* hide shadow behind image */
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);                
    width: 70%; 
    left: 15%; /* one half of the remaining 30% */
    height: 100px;
    bottom: 0;

}
 


.bullepenchee ul li {	list-style-image: none;}

.bullepenchee_image

{   overflow:hidden;padding:0px;position:relative;margin:auto;
   max-width:100%;text-align:center;
	box-sizing: border-box;
 
	}
.bullepenchee_image h2
{position: absolute;font-weight:700; top: 20%;  left: 50%;  transform: translate(-50%, -50%);  color: white;text-shadow: none;}



.bullepenchee_image_2 .adapt-img, .bullepenchee_image .adapt-img,
.bullepenchee_image_2  img, .bullepenchee_image img,
.bullepenchee_image .adapt-img-wrapper ,.bullepenchee_image2 .adapt-img-wrapper 
  
{	overflow:hidden;position:relative;margin:auto;
    max-width:100%;text-align:center;
	box-sizing: border-box;
	border-bottom-right-radius: 30px;
	border-top-left-radius: 30px;  
	border:1px solid #CCC;
	
}
.petaled
{	overflow:hidden;
    max-width:100%;
   	border: 2px solid grey;
	border-bottom-right-radius: 50%;
	border-top-left-radius: 50%;  
    text-overflow: ellipsis; 
}

@media (max-width:576px){
	 .petaled,.petaleg{padding:50px!important;}
}

.petaled .cadre_titre * ,.petaled h1 *, .petaled h2 * 
{width: inherit !important;text-align:right;padding-left:50px!important;padding-right:0!important;align-self:flex-end}

.petaled .desc  ,.petaled .texte_min   {padding-right:50px!important; }

.desc {font-size: medium;overflow-wrap: break-word}
 
.petaleg
{	overflow:hidden;
    max-width:100%;
   	border: 2px solid grey;
	border-bottom-left-radius: 50%;
	border-top-right-radius: 50%;  
	 
}
.petaleg .cadre_titre * ,.petaleg h1 * , ,.petaleg h2 * {padding-right:20%!important;text-align:left;align-self:flex-end}


.triangledarrondis
{	overflow:hidden;
    max-width:100%;
   	border: 2px solid grey;
	
	border-bottom-right-radius: 100%;
}
.trianglegarrondis
{	overflow:hidden;
    max-width:100%;
   	border: 2px solid grey;
	border-bottom-left-radius: 100%;
	
}
.arrondisgauche
{	overflow:hidden;
    max-width:100%;
   	border: 2px solid grey;
	border-top-left-radius: 50px;
}
.arrondisdroite
{	overflow:hidden;
    max-width:100%;
   	border: 2px solid grey;
	border-top-right-radius:50px;  
}


/****************************************************************************************/
.arrondis
{	max-width:100%;overflow:hidden;position:relative;
	border:0;
	border-radius: 30px;
}
.arrondis_cadre
{	max-width:100%;overflow:hidden;position:relative;
	border:1px solid grey;
	border-radius: 30px;
}
.arrondis ul li{	list-style-image: none;}

.bigarrondis
{	border-radius: 15%;overflow:hidden;position:relative;
}

.rond h1,.rond h2 , .rond .cadre_titre {
	text-align: center;border:none;
	padding:10%!important;
	
	
	
}

/****************************************************************************************/

.flip :hover {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

/* coeur */
.coeur,.coeurg {
 position:relative;
 width:100px;
 height:100px;
 margin:10% auto 0 auto;
 background: red;
}
.coeur{
 -ms-transform: rotate(45deg); /* IE 9 */
 -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
 transform: rotate(45deg);
}

.coeur:before,
.coeur:after,.coeurg:before,
.coeurg:after {
  position:absolute;
  content: "";
  width:100%;
  height:100%;
  border-radius:50%;
  background-color:inherit;
  top: -50%;
  left: 0;
}
.coeur:after,.coeurg:after {
  left: -50%;
  top: 0;
}
.animcoeur {
  width:100px;
  height:100px;
  margin:10% auto 0 auto;
  background: red;
  -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    position:relative;
    box-shadow: 0 0 0 -1px rgba(169, 68, 66, 0);
    -webkit-animation: pulse .75s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse .75s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse .75s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse .75s infinite cubic-bezier(0.66, 0, 0, 1);
}
/* style simple */
.traitbas{
  min-height: 20px;
  padding-top: 19px;
  padding-right: 19px;
  padding-bottom: 19px;
  padding-left: 19px;
  margin-bottom: 20px;
  border-bottom-width: 4px;
  border-bottom-style: solid;
  border-bottom-color: #e3e3e3;
 }
 .traithaut{
  min-height: 20px;
  padding-top: 19px;
  padding-right: 19px;
  padding-bottom: 19px;
  padding-left: 19px;
  margin-bottom: 20px;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #e3e3e3;
 }
 
.cadresimple,.simple_trait
{
  min-height: 20px;
  padding-top: 19px;
  padding-right: 19px;
  padding-bottom: 19px;
  padding-left: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #e3e3e3;
  border-right-color: #e3e3e3;
  border-bottom-color: #e3e3e3;
  border-left-color: #e3e3e3;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-width: 1;
  border-image-outset: 0;
  border-image-repeat: stretch stretch;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;
}
.cadresimple img ,.cadresimple .spip_logos, .simple_trait img ,.simple_trait .spip_logos
   {
	text-align:center;
	padding:0px;
	box-sizing :border-box;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
}
.cadresimple h2, .simple_trait h2,.cadresimple h3, .simple_trait h3,.cadresimple h4, .simple_trait h4{
	text-align: center;
	padding:0 0 19px 0;
	margin: 0;
	text-shadow:none;
	font-weight: bold;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #ddd;
}
.cadresimple  h1, .simple_trait  h1{
	text-align: center;
	padding: 0.2em 0;
	margin: 0;
	text-shadow:none;
	font-weight: bold;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #ddd;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.aside .simple_trait .nav ul 
{   font-weight: bolder;
	list-style:none;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #dddddd;
	padding-left:0px;margin-left:5px;margin-bottom:5px;}
.aside .simple_trait  ul, .aside .simple_trait  ul li{ list-style:none;font-size: 94%;}
.tourner30 { flex-direction:column; -webkit-transform: rotate(-30deg);}
/*---------------------------VAGUE-----------------*/
.vague {
  	position: relative;
	margin: 0 auto 2em;
	border: 1px solid #ddd;
	background: #FFF;
	text-align:center;
	
		
}

.vague:before,
.vague:after {
	position: absolute;
	bottom:16px;
	z-index: -10;
	width: 50%;
	height: 20px;
	content: " ";
	background: rgba(0,0,0,0.1);
	border-radius: 50%;
	box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
}


.vague:before {
	left:0;
	transform: rotate(-4deg);
}
.vague:after {
	right:0;
	transform: rotate(4deg);
}

.vague .figcaption {
	position:absolute;
	left:0; right:0; bottom: 0;
	padding: 0;
	margin:0;
	border-top: 1px solid rgb(225,225,225);
	text-align:center;margin:auto;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	font-family: Georgia, Times, serif;
	background: #FFFFFF;
	background: rgba(255,255,255,0.7);
	color: #555;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
	animation: figcaptionner 40s infinite;
}

.vague h1 , .vague h2{
	text-align:center;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	font-family: Georgia, Times, serif;	
	background: rgba(255,255,255,0.7);
	color: #555;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
	
}




@keyframes figcaptionner {
	0%, 25%, 50%, 75%, 100%						{ bottom: -60px;	}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ bottom: 5px;		}
}



/*------LES EFFETS-----------**/
.spin .animer{
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }
.spin-hover .animer:hover{
-webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }
		  
.pulse .animer{
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }	 
.pulse-hover .animer:hover{
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }	
.pulse-lent .animer{
  -webkit-animation: fa-spin 1s infinite ;
          animation: fa-spin 1s infinite ; }	
		  
/* grossis et tourne */
.effet1  ,.effet1 .animer{
	text-align:center;
	transition-property: all;
	transition-duration: 0.8s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
	margin-left:auto;
	margin-right:auto;
	float: none !important;
	/*width: auto !important;*/
	clear: none;
	vertical-align:top;
	box-sizing :border-box;
	 }


.effet1:hover,.effet1 .animer:hover
{
  transform: scale(1.2) rotate(2deg);
}
/********************************************/

/* Image ronde si image carré sinon ...ovale */
/* Image ronde */

.rounded{
  -webkit-transition: .3s ease-in-out !important; 
  transition: .3s ease-in-out !important; 
}
.rounded , .rounded .animer{
  -webkit-transition: .3s ease-in-out !important; 
  transition: .3s ease-in-out !important; 
}
.rounded:hover ,.rounded .animer:hover{
   border-radius: 50%; 
  }
  
  
  /* Image carre si image ronde */
 
.squared,.squared .animer{
  -webkit-transition: .3s ease-in-out !important; 
  transition: .3s ease-in-out !important; 
 /* border:0;*/
} 
/*img.squared {border:0;}*/
.squared:hover, .squared .animer:hover{
	border-radius: 10% !important; 
	}
/* Rotation */

.rotate, .rotate .animer{
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.rotate:hover,.rotate .animer:hover {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.rotate50, .rotate .animer{
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.rotate50:hover,.rotate .animer:hover {
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
}



/* filtre d'image Flou */
.blur:hover,  .blur .animer:hover{
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	
}
/*.blur, .blur  .animer{
	-webkit-filter: blur(0);
	filter: blur(0);
}
*/
/* filtre d'image Noir et blanc */
.grayscale:hover ,.grayscale .adapt-img-wrapper:hover, .grayscale .animer:hover{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.grayscale,.grayscale .adapt-img-wrapper ,.grayscale .animer{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}


/* filtre d'imageSepia */
.sepia:hover , .sepia  .animer:hover{
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.sepia,.sepia  .animer{
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

/* filtre d'image Morph */
.morph,.morph  .animer{
  -webkit-filter: grayscale(0) blur(0px);
  filter: grayscale(0) blur(0px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
 
.morph:hover,.morph  .animer:hover{
   border-radius: 50%;  /* on arrondit l'image */
  -webkit-transform: rotate(360deg); /* rotation de l'image */
  transform: rotate(360deg);
}
.effet2 ,.slide-vertical,.effet2 ,.slide-vertical .animer{
	box-shadow: 8px 8px 12px #aaa;
  -webkit-transition: -webkit-transform 0.8s ease;
  -moz-transition: -moz-transform 0.8s ease;
  -ms-transition: -ms-transform 0.8s ease;
  -o-transition: -o-transform 0.8s ease;
  transition: transform 0.8s ease; /* appel de la transition à l'état initial */
}
.effet2:hover, .slide-vertical:hover,.slide-vertical  .animer:hover{
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  transform: translate(0, -20px); /* déclanchement de la transition au survol */
}
.zoom:hover  ,.zoom  .animer:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;
	-moz-box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;
	-ms-box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;
	-o-box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;
	box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;
}
/* Slide */

.slide-gauche, .slide-gauche  .animer{
  box-shadow: 8px 8px 12px #aaa;
  -webkit-transition: -webkit-transform 0.8s ease;
  -moz-transition: -moz-transform 0.8s ease;
  -ms-transition: -ms-transform 0.8s ease;
  -o-transition: -o-transform 0.8s ease;
  transition: transform 0.8s ease; /* appel de la transition à l'état initial */
}

.slide-gauche:hover, .slide-gauche  .animer:hover {
  -webkit-transform: translate(-40px,0);
  -moz-transform: translate(-40px, 0);
  -ms-transform: translate(-40px, 0);
  -o-transform: translate(-40px, 0);
  transform: translate(-40px, -0); /* déclanchement de la transition au survol */
}
.slide-droit,.slide-droit  .animer{
 /* box-shadow: 8px 8px 12px #aaa;*/
  -webkit-transition: -webkit-transform 0.8s ease;
  -moz-transition: -moz-transform 0.8s ease;
  -ms-transition: -ms-transform 0.8s ease;
  -o-transition: -o-transform 0.8s ease;
  transition: transform 0.8s ease; /* appel de la transition à l'état initial */
}

.slide-droit:hover,.slide-droit  .animer:hover {
  -webkit-transform: translate(40px,0);
  -moz-transform: translate(40px, 0);
  -ms-transform: translate(40px, 0);
  -o-transform: translate(40px, 0);
  transform: translate(40px, -0); /* déclanchement de la transition au survol */
}
/******************FIN EFFETS **********************/


/*------LES EFFETS-----------**/
/*---- machine a écrire ----**/
@-webkit-keyframes typing {
from { width: 0 }
to { width:100% }
}

@-moz-keyframes typing {
from { width: 0 }
to { width:100% }
}

@-webkit-keyframes blink-caret {
from, to { border-color: transparent }
50% { border-color: transparent}
}

@-moz-keyframes blink-caret {
from, to { border-color: transparent }
50% { border-color: transparent }
}
/************ machine a écrire en css attention texte court car nowrap*****/
.machine { font-family: Consolas, monospace; }
.machine-lente,.machine-rapide,.machine-moyenne {
white-space:nowrap;
border-right: .1em solid red;
overflow:hidden;
width: 0;
}


.machine-lente
{-webkit-animation: typing 20s steps(150, end), /*  steps =nbre de caracteres et espaces */
blink-caret 1s step-end infinite;
-moz-animation: typing 20s steps(150, end), 
blink-caret 1s step-end infinite;}
.machine-rapide
{
-webkit-animation: typing 5s steps(250, end), /*  steps =nbre de caracteres et espaces */
blink-caret 2s step-end infinite;
-moz-animation: typing 5s steps(250, end), 
blink-caret 2s step-end infinite;}
.machine-moyenne
{
-webkit-animation: typing 10s steps(400, end), /*  steps =nbre de caracteres et espaces */
blink-caret 2s step-end infinite;
-moz-animation: typing 10s steps(400, end), 
blink-caret 2s step-end infinite;}



/* pour les titres de slider */
.effettitre1 .figcaption {
	position:absolute;
	left:0; right:0; bottom: 5px;
	padding: 20px;
	margin:0;
	border-top: 1px solid rgb(225,225,225);
	text-align:center;
	letter-spacing: 0.05em;
	word-spacing: 0.05em;
	font-family: Georgia, Times, serif;
	background: #fff;
	background: rgba(255,255,255,0.7);
	color: #555;
	text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
	animation: figcaptionner 34s infinite;
}



@keyframes figcaptionner {
	0%, 25%, 50%, 75%, 100%						{ bottom: -55px;	}
	5%, 20%, 30%, 45%, 55%, 70%, 80%, 95%		{ bottom: 5px;		}
}



/*------------debut plus-----------*/

.plus {
    position: relative;
    color: #ea614b;
    border-bottom: 1px solid #ea614b;
    margin: 0 0 3em 0;
    display: block;
    height: auto;
    padding-bottom: 1em;
}

.plus>a {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    color: #ed7761;
    font-size: 1.8rem;
    width: 30px;
    height: 30px;
    text-align: center;
    text-decoration: none;
    outline: none !important;
    background-color: #ea614b;
}

.plus>a::after {
    content: "+";
    display: block;
    font-family: serif;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    -webkit-transition: all .7s;
    transition: all .7s;
}

.plus>a:hover::after,
.plus>a:focus::after,
.plus>a:active::after {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.elipse {
	padding-left:40px!important;
    border-top-left-radius: 30%;
    border-bottom-left-radius:30%;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,0.4);
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.4);overflow:hidden;
}

@media (max-width: 576px){
	 .elipse{padding-left:50px!important;}
}
 


/*------------------en test ---------------------*/
.uneetoile{
	background:#000;
	margin:100px auto;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid #069;
	position: relative;
	
}
.uneetoile:after{
	content:'';
	border: 1px solid #069;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 100px solid #069;
	width:0;
	height:0;
	position: absolute;
	top:30px;
	left:-50px;
}
.losange {
  width  : 0;
  height : 0;
  border : 25px solid transparent;
  border-bottom : 35px solid green;
  position : relative;
  top : -25px;
}
.losange:after {
  width  : 0;
  height : 0;
  content : '';
  position : absolute;
  left : -50px;
  top  : 35px;
  border : 25px solid transparent;
  border-top : 35px solid green;
}
 .triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; }



.untriangle {
  border-style : solid;
  border-color : transparent transparent green transparent; /* transparence */
  border-width : 0 40px 20px  20px; 
  background   : none; /* suppression de l'arrière plan */
  
}

#star-five {
margin: 50px 0;
position: relative;
display: block;
color: red;
width: 0px;
height: 0px;
border-right: 100px solid transparent;
border-bottom: 70px solid red;
border-left: 100px solid transparent;
-moz-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
}
#star-five:before {
border-bottom: 80px solid red;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
position: absolute;
height: 0;
width: 0;
top: -45px;
left: -65px;
display: block;
content: '';
-webkit-transform: rotate(-35deg);
-moz-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
-o-transform: rotate(-35deg);

}
#star-five:after {
position: absolute;
display: block;
color: red;
top: 3px;
left: -105px;
width: 0px;
height: 0px;
border-right: 100px solid transparent;
border-bottom: 70px solid red;
border-left: 100px solid transparent;
-webkit-transform: rotate(-70deg);
-moz-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
-o-transform: rotate(-70deg);
content: '';
}
/******petits objet à integrer *************/

.heart {
  background-color: red;
  height: 30px;
  transform: rotate(-45deg);
  width: 30px;
}
.heart:before,
.heart:after {
  content: "";
  background-color: red;
  border-radius: 50%;
  height: 30px;
  position: absolute;
  width: 30px;
  top: -15px;
  left: 0;
  
}



.pacman {
width: 0px;
height: 0px;
border-right: 60px solid transparent;
border-top: 60px solid red;
border-left: 60px solid red;
border-bottom: 60px solid red;
border-top-left-radius: 60px;
border-top-right-radius: 60px;
border-bottom-left-radius: 60px;
border-bottom-right-radius: 60px;
}


 #triangle-left { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; }
.talkbubble {
width: 120px;
height: 80px;
background: red;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.talkbubble:before {
content:"";
position: absolute;
right: 100%;
top: 26px;
width: 0;
height: 0;
border-top: 13px solid transparent;
border-right: 26px solid red;
border-bottom: 13px solid transparent;
}


.presentation h3 span.pull-right{  transition: 0.70s;  -webkit-transition: 0.70s;  -moz-transition: 0.70s;  -ms-transition: 0.70s;  -o-transition: 0.70s; display: block; }
.presentation h3:hover span.pull-right{ transition: 0.70s; -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);transform: rotate(360deg); font-weight: 100;}





/* -------------Fin plus---------------------*/

/* le défilement horizontal */
.containerhorizontal{ /* pour mettre un fon de couleur sans height cela ne marche pas ..*/
	width:100%;	height:50px;
	font-weight: bold;	font-size:120%;	font-variant: small-caps;
	margin-bottom:20px;	padding:2px;vertical-align:middle;
	
}

.marquee {
 height:100%; position: relative;overflow: hidden;
}
.marquee div{
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 text-align: center;
 /* position de départ*/
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* animation de l'element */	
 -moz-animation: scroll-left 5s linear infinite;
 -webkit-animation: scroll-left 5s linear infinite;
 animation: scroll-left 15s linear infinite;
}


.marquee   p, .marquee  strong{display:inline-block;padding-left:20px;}
.marquee:hover div{
    animation-play-state: paused;
	-webkit-animation-play-state:paused;
	-moz-animation-play-state: paused;
}

/*definition de l' animation */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
/*******************  defiler horizontalement un message  ********************* */
.defilehorizontal{ /* pour mettre un fond de couleur sans height cela ne marche pas ..*/
	width:100%!important;text-align:center;
	min-height:30px;	height:auto;
	font-weight: bold;	font-size:110%;
	text-align:left;
	padding:2px;
}
.defilegd,.defilegd figure {overflow: hidden;
    width: 100%;
    margin: 0;
  /* animation de l'element */	
  -moz-animation: scroll-left 15s linear infinite;
  -webkit-animation: scroll-left 15s linear infinite;
  animation: scroll-left 15s linear infinite;
  
}

.defilegd:hover,.defilegd:hover figure {
     animation-play-state: paused;
	-webkit-animation-play-state:paused;
	-moz-animation-play-state: paused;
}
@media (min-width: 576px) {
.defilegd  p, .defilegd figure{
  animation: scroll-left 20s linear infinite;
}

/*definition de l' animation */
@keyframes scroll-left {
    0%  {transform:translateX(100%);}
    100%{transform:translateX(-100%);}
}
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
/* defilement vertical */
.containervertical  {
	overflow: hidden;
	position: relative;
	text-align:center;
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	margin-top: 1em;
	height:50%;min-height:50%;
	}
.aside .containervertical {width:95%;}

/* defilement vertical */

.containervertical  {
	overflow: hidden;
	position: relative;
	text-align:center;
	box-sizing: border-box;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	margin-top: 1em;
	height:50%;min-height:50%;
	}
.aside .containervertical {width:95%;}
/*******************************************/
 .affevent {
	text-align: justify;
}
.affevent img ,.affevent .spip_logos
   {
	margin:15px;
}

.affevent  h1{
	text-align: center;
}
.affevent h2
{
	padding-top:0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	text-align: left;
}


/*******************************/
.pdf {overflow: scroll;
	height: 900px;
	width: 100%;max-width:100%;
}
 

.moyen {width:95%;}

@media (max-width: 340px) { 
.dcol{  padding:2px;width:100%;font-size:95%;}
.moyen {width:95%;}
}
@media (max-width: 480px) {
	
	.unecolonne .spip_logos,.unecolonne img ,.unecolonne  .adapt-img-wrapper ,.unecolonne_droite .spip_logos,.unecolonne_droite img ,.unecolonne_droite  .adapt-img-wrapper ,.stcol2 .spip_logos, .stcol2 img, .stcol2 .adapt-img-wrapper
	{text-align:center;margin-left:auto!important;margin-right:auto!important;float:none!important;	}
}
@media only screen and (min-width:341px)and (max-width: 640px) {
.titresl {font-size:105%;}
.moyen {width:90%;}

}



@media (max-width: 640px) {
.unecolonne h2 {text-align:center}
.colonne  h2 {   min-height:40px;height:40px;overflow:hidden;}
.edito   {width:100%!important; }
div.lebloc{ display: block;}

.pave{  padding:2px;width:98%;}
.dcol{  padding:2px;width:100%;}
.pave	.tgrid1   .spip_logos,.pave .tgrid1    img ,.pave	 .dcol  .tgrid1 .spip_logos,.pave  .dcol  .tgrid1  img
	{ margin:2px;	float: right!important;width: auto !important; clear: none;	overflow: auto;	}
	
}



  @media only screen and (max-width: 690px) {
	  .letexte {float:none;clear:both;width:95%;margin-left:0;margin-right:0;height:auto;}
 .spip_logo, .spip_logos{max-width:100%!important;} 

  }

@media only screen and (min-width:641px)and (max-width: 1024px) {
.moyen {width:70%;}
.aside  .menu_site{padding:20px; width:80%;}                                                      
.aside  .boite  ul li {list-style:none;}
 }
 
 
.titresl {font-size:120%;float:none;}


/*************ruban sur un titre ou texte */
.ruban {
  position: relative;
  margin: 0 auto 20px;
  padding: 10px 40px;
  text-align: center;
  background-color: #ece5e5;
  overflow:visible!important;
 
}

.ruban::before, .ruban::after {
  content: '';
  width: 80px;
  height: 100%;
  background-color: #ece5e5;
  /* position ribbon ends behind and slightly lower */
  position: absolute;
  z-index: -1;
  top: 20px;
  
  /* clip ribbon end shape */
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);

  /* draw and position the folded ribbon bit */
  background-image: linear-gradient(45deg, transparent 50%, #5d3922 50%);
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.ruban::before {
  left: -60px;
}

.ruban::after {
  right: -60px;
  transform: scaleX(-1); /* flip horizontally */
}


/********* effet rotation **************/
.rotate3d{
     -webkit-transition: all 1s;
     -moz-transition: all 1s;
     -ms-transition: all 1s;
     -o-transition: all 1s;
     transition: all 1s;
}
.rotate3d:hover {
     transform:rotate3d(0,1,0,180deg);
}

//****************media unique*****************/
.cadre_plus {
    position: relative;
    overflow: hidden;
    margin-bottom: 45px;
}
.cadre_plus a {opacity:1;}
.cadre_plus>a {
    display: block;
    text-decoration: none;
    color: #fff;
	
}

.cadre_plus h3 {
    color: #fff;
    font-family: 'Open Sans', arial, sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1px;
    padding: 10px 1.7em;
    margin: 0;
}


.cadre_plus.ctourne .plus,
.cadre_plus.ctourne .plus a {
    position: relative;
    display: block;
}

.cadre_plus h3::after,
.cadre_plus.ctourne .plus a::after {
    position: absolute;
    /*font-family: serif;*/
    font-size: 4rem;
    font-weight: 100;
    position: absolute;
    right: 11px;
    top: 0;margin-top:0px;
    line-height: 0.8;
    content: '+';
    -webkit-transition: all .7s;
    transition: all .7s;
}

@media screen and (max-width:992px) {
.cadre_plus h3::after, .cadre_plus.ctourne .plus a::after {
	font-size: 3em;top: 0;
	}
.cadre_plus h3 {
        font-size: 1rem;
    }
}



.cadre_plus>a h3:hover::after,
.cadre_plus>a h3:focus::after,
.cadre_plus>a h3:active::after,


.cadre_plus.ctourne .plus a:hover::after,
.cadre_plus.ctourne .plus a:focus::after,
.cadre_plus.ctourne .plus a:active::after {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cadre_plus.ctourne .plus a::after {
    right: -27px;
    /*top: -16px;*/
    font-size: 3.5rem;
}

.cadre_plus.ctourne .plus {
    width: 90%;
    margin: 0 auto;
    padding: 7px 10% 23px 0;
}

.cadre_plus.ctourne .plus::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    border-bottom: 1px solid;
    bottom: 10px;
}

.cadre_plus p {
    font-size: 1.1rem;/*1.6rem;*/
    margin: 27px 56px 25px 160px;
    line-height: 1.28;
}

.cadre_plus img {
    float: right;
    margin: 0 68px 0 0;
}

.cadre_plus.ctourne p {
    margin: 27px 20px 25px 20px;
}

.cadre_plus.ctourne img {
    float: none;
    margin: 0;
    width: 100%;
    height: auto;
}

.cadre_plus .plus {
    text-align: right;
    padding: 7px 84px 23px 0;
}

.cadre_plus p { font-family: 'Open Sans';
    font-size: 1.6rem;
    margin: 27px 56px 25px 160px;
    line-height: 1.28;
}


@media screen and (min-width:426px) and (max-width:640px) {
.cadre_plus h3 {
     font-size: 1rem;
  
}
}
@media screen and (max-width:425px) {
    .cadre_plus p {
        margin: 25px 4px;
    }
    .cadre_plus img {
        float: none;
        margin: 0;
        width: 100%;
    }
    .cadre_plus .plus {
        text-align: center;
        padding: 12px 84px 12px 0;
    }
    .cadre_plus .plus a {
        font-size: initial !important;
    }
	
}
/*
.contentBloc {
    background-color: #FFFFFF;
  
}
*/