span{
margin-left:30px;
margin-right:30px;
}
@font-face
{
font-family:'Scriptina';
src: url('SCRIPTIN.ttf') format('truetype');
}
.message
{
margin: 0px;
color: #000033;
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:3vmin;
text-decoration: none;
}
body 
{
margin: 0px;
margin-top:1.4285714vh;
padding:0px;
background-color: #EEEEEE;
}
aside
{
text-align:center;
display:inline-block;
width:14.8148%;
min-width:12.5em;
}
header    
{
margin-bottom:0px;
margin-top:0px;
margin-left:2.5%;
margin-right:2.5%;
width:95%;

}
nav
{
margin-top:0px;
margin-bottom:20px;
margin-left:2.5%;
margin-right:2.5%;
background-color: #CCCCCC;
line-height:4vmin;
width:95%;

}
nav ul
{
margin: 0px;
list-style-type: none;
}
nav li
{
margin: 0px;
display: inline-block;
margin-right:3.7037%;
}
nav  a
{
margin: 0px;
color: #000033;
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size:3vmin;
text-decoration: none;
}
nav a:hover
{
margin: 0px;
color: #FFFFFF;
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-size:3vmin;
text-decoration: none;
}
a
{
color:blue;
text-decoration:none;
}
footer
{
width:95%;
margin:0px;
margin-left:2.5%;
margin-right:2.5%;

}
table
{
border-collapse: collapse;
border-style:outset;
margin-left:10%;
width: 80%;
}
td 
{
border: 2px black solid;
width: 25%;
font-size: 1.2em;
color: #000033; 
font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}
.inlineb
{
vertical-align : top;
display : inline-block;
}
.rouge
{
display : none;
}
.entete
{
width:100%;
margin-bottom:2%;
margin-bottom:2%;
}
.subscription
{
border: #AAAAAA solid 2px;
border-radius:10px;
width:16%;
min-width: 150px;
margin:-10% 0% 2% 83%;
padding:0px 2px 5px 10px;
background-color:#EEEEEE;
overflow:show;
}
.subscription input
{
font-size: 2vmin;
}

.subscription p
{
font-size: 2vmin;
}
.subscribesubmit {
    position: relative; /* Pour que l'aperçu se positionne correctement par rapport à son contenur */
    display: inline-block; /* Pour que le conteneur fasse bien la taille de son contenu et pas plus */
}

/* On affiche l'aperçu au survol du suscribesubmit */
.subscribesubmit:hover .apercusubscribesubmit {
    display: block;
}

/* Petit design du contenu */
.contenusubscribesubmit {
 margin-bottom:2px;  
}
.contenusubscribesubmit input{
border-radius:5px;
}
.contenusubscribesubmit input:hover{
 background-color: #AAAAAA;  
}

/* Positionnement et design de l'aperçu */
.apercusubscribesubmit {
    position: absolute;
    top: 100%;
    left: 10%;
    display: none;
    font-size: 2vmin;
	padding: 0px 2px 0px 2px;
	
}

.conteneurdyn {
    position: relative; /* Pour que l'aperçu se positionne correctement par rapport à son contenur */
   /* display: inline-block; /* Pour que le conteneur fasse bien la taille de son contenu et pas plus */
}

/* On affiche l'aperçu au survol du suscribesubmit */
.conteneurdyn:hover .descriptiondyn {
    display: block;
}

/* Petit design du contenu */
.titredyn {
 margin-bottom:2px;  
}
.titredyn p:hover{
 background-color: #AAAAAA;
border: 2px #AAAAAA solid;
border-radius: 4px;  
}

/* Positionnement et design de l'aperçu */
.descriptiondyn {
	background-color: #DDDDDD;  
	width:150%;
	word-wrap:break-word;
	z-index:1;
    position: absolute;
    top:100%;
    left: 10%;
    display: none;
    font-size: 3vmin;
	padding: 0px 2px 0px 2px;
	border: 2px #AAAAAA solid;
        border-radius:4px;
}



.texte
{
background-color:#EEEEEE;
font-size:1.2em;
color: black; 
font-family: Times New Roman, Calibri, Verdana, Arial, Helvetica, sans-serif;
font-weight:none;
width:95%;
margin-left:2.5%;
margin-right:2.5%;
border: 2px  #CCCCCC  solid;
border-radius: 0.625em 0.625em 0.625em 0.625em;
}
.style
{width:100%;
margin:auto;
font-family: Scriptina, Harrington, Verdana, Arial, Helvetica, sans-serif;
margin-top: -1.5%;
margin-bottom:1.5%;

text-align: center;
color: #000033;
font-size: 5vmin;
font-weight: bold;
}
.styleentete 
{width:100%;
margin:auto;
font-family: Scriptina, HMH, Harrington, Verdana, Arial, Helvetica, sans-serif;
margin-top: -2%;
text-align: center;
color: #000033;
font-size:5.5vmin;
font-weight: bold;
}
.styleentete2 
{
width:40%;
margin:auto;
font-family: Scriptina, HMH, Harrington, Verdana, Arial, Helvetica, sans-serif;
margin-bottom:0px;
margin-top: -2%;
text-align: right;
color: #000033;
font-size: 3.5vmin; 
font-weight: bold;
}
.cote-droit
{
vertical-align:top;
display: inline-block;
width:30%;
}
.cote-gauche
{
vertical-align:top;
display: inline-block;
width:69%;
padding:0px;
margin:0px;
}
.corps
{
width:62.5em;
margin:auto;
min-width:62.5em;
}
.articleteachers
{
display:inline-block;
vertical-align:top;
width:74%;
margin-left:0px 0px 0px 1%;
}
.articletherapy
{
display:inline-block;
vertical-align:top;
width:74%;
margin-left:0px 0px 0px 1%;
}
.articleworkshops
{
display:inline-block;
vertical-align:top;
width:74%;
margin-left:0px 0px 0px 1%;
}
.imageteachers
{background-color: rgba(0,0,0,0.2);
width:100%;
box-shadow:4px 4px 4px rgba(0,0,0,0.2);
margin: 0px 0px 1.4285714vh 0px;
}
.imagetherapy
{
width:100%;
border: 0px;
margin: 0px 0px 1.4285714vh 0px;
}
.imageworkshops
{
width:100%;
border: 0px;
margin: 0px 0px 1.4285714vh 0px; 
}
.texte2
{
box-shadow:4px 4px 1px #AAAAAA;
background-color:#F7F7F7;
padding: 2px 5px 2px 0.625em;
word-wrap:break-word;
font-size:1.2em;
color: black; 
font-family: Times New Roman, Calibri, Verdana, Arial, Helvetica, sans-serif;
font-weight:none;
width:100%;
border: 2px  #CCCCCC  solid;
border-radius: 0.625em 0.625em 0.625em 0.625em;
margin: 0px 0px 1.4285714vh 0px;
}

.photo-title
{
width: 95%;
margin: auto;
margin-bottom:4px;
overflow:hidden;
}

.photo-title-flou1 {
float:left;
position:relative;
top:0%;
animation: flou1 40s infinite;
-webkit-animation: flou1 40s infinite; /* Chrome, Safari, Opera */
}
.photo-title-flou2 {
position:relative;
top:-100%;
animation: flou2 40s infinite;
-webkit-animation: flou2 40s infinite; /* Chrome, Safari, Opera */
}
.photo-title-flou3 {
position:relative;
top:-200%;
animation: flou3 40s infinite;
-webkit-animation: flou3 40s infinite; /* Chrome, Safari, Opera */
}

@keyframes flou1 {  
    0%, 33%  	{ opacity: 1 }  
    33%,  34%     { opacity: -1 }
	34%,  66%   { opacity: 0 }
	66%,  67%   { opacity: 0 }
	67%,  99%     { opacity: 0 }
    99%,  100%     { opacity: +1 }
} 
/* Chrome, Safari, Opera */
@-webkit-keyframes flou1 {
	0%, 33%  	{ opacity: 1 }  
    33%,  34%     { opacity: -1 }
	34%,  66%   { opacity: 0 }
	66%,  67%   { opacity: 0 }
	67%,  99%     { opacity: 0 }
    99%,  100%     { opacity: +1 }
}


@keyframes flou2 {  
    0%, 33%  	{ opacity: 0 }  
    33%,  34%     { opacity: +1 }
	34%,  66%     { opacity: 1 }
    66%,  67%     { opacity: -1 }
	67%,  99%   { opacity: 0 }
	99%,  100%   { opacity: 0 }	
} 

@-webkit-keyframes flou2 {
	0%, 33%  	{ opacity: 0 }  
    33%,  34%     { opacity: +1 }
	34%,  66%     { opacity: 1 }
    66%,  67%     { opacity: -1 }
	67%,  99%   { opacity: 0 }
	99%,  100%   { opacity: 0 }	
}

@keyframes flou3 {  
    0%, 33%  	{ opacity: 0 } 
	33%,  34%   { opacity: 0 }
	34%,  66%   { opacity: 0 }	
    66%,  67%     { opacity: +1 }
	67%,  99%     { opacity: 1 }
    99%,  100%     { opacity: -1 }
}
@-webkit-keyframes flou3 {
	0%, 33%  	{ opacity: 0 } 
	33%,  34%   { opacity: 0 }
	34%,  66%   { opacity: 0 }	
    66%,  67%     { opacity: +1 }
	67%,  99%     { opacity: 1 }
    99%,  100%     { opacity: -1 }
}

.photo-text1
{
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:white;
Width:50%;
text-align:right;
animation:flou1 40s infinite;
-webkit-animation: flou1 40s infinite; /* Chrome, Safari, Opera */

}
.photo-text2
{
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:white;
Width:95%;
text-align:right;
animation:flou2 40s infinite;
-webkit-animation: flou2 40s infinite; /* Chrome, Safari, Opera */

}
.photo-text3
{
font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color:white;/*rgba(0,0,0,0.8);*/
Width:95%;
text-align:right;
animation:flou3 40s infinite;
-webkit-animation: flou3 40s infinite; /* Chrome, Safari, Opera */
}

.petitlogo
{
margin:0px 0px 0px 0px;
border:0px;
padding:0px;
}