@charset "UTF-8";
/* CSS Document */


@charset "UTF-8";
/* CSS Document */
.pp{text-align:center;padding:20px; font-size:16px;}
/* p{text-align:justify;padding:10px;} */
p{padding:0px;margin:0px;text-align:justify;padding-right:10px;padding-left:10px;}

#dHeaderBottom{background-color:#666;text-align:left;}
#dContent{background:#9C9;width:900px;}
h5{margin-bottom:0px;padding-bottom:0px;}


a{color:#fff;}
a:hover{color:#E0ED7E;}

p a{color:#660;}
p a:hover{color:#333;}


.text{ border-bottom:#696 1px solid;color:#666;}
a.text:hover{color:#666;}
#tableBG{  text-align:center; background: rgba(0,0,0,.70); position:relative;z-index:0;
   
}
#bgbg{background-color:#333; width:100%;height:100%; position:relative; top:0; left:0; right:0; bottom:0; opacity:0.2;
	
}
#yoga1{position:relative;z-index:0;
width: 310px; 
height: 530px; 
margin:10px auto;
vertical-align:middle; /* On aligne les éléments au milieu */
 display:inline-block;/* On le remplace au float:left; */
background:#E0EE77;
border: solid 2px #FFF; 
overflow: auto;
text-align:left;/* On réinitialise les élements centré a gauche */	
					
}

img{border:#666 solid 3px;}

#prof{background: rgba(0,0,0,.80);color:#FFF; font-size:18px;padding:0px;}
#prof2{width:310px; text-align:center}
<!--#menu{margin-top:-10px;margin-left:-8px;padding-right:50px;background:#333;color:#FFF;text-align:right;height:auto; position:fixed;  padding:10px; padding-right:50px; padding-top:15px;z-index:1;border-bottom:#999 solid 1px;}-->
#menu2{color:#FFF; width:100%;position:fixed;z-index:1;border-bottom:#999 solid 1px; background:#333; text-align:right;padding:5px;font-size:1em}

h2{background:#444; color:#FFF;border-bottom:#fff solid 2px; text-transform:uppercase; margin:0px; text-align:center;font-family:Verdana, Geneva, sans-serif;font-size:18px}

#header{height:640px;}

body{padding:0px;margin:0px;}

html {  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  background: url(images/header5.jpg) no-repeat center fixed; 
w  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}


#headerTable{}
@media screen and (max-device-width: 768px) {
html {  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  background: url(images/header4.jpg) no-repeat top #9C3; 
  
}
}
/* #yoga1{position:relative;float:left;border:#000 1px solid;
margin:10px;width:200px;height:400px;} */


#yoga{margin-left:auto;position:relative;float:left;border:#000 1px solid; 

margin:10px;width:200px;height:400px;}




 #content{left:0px; border:#666 solid 1px;   background: rgba(0,0,0,.70);
 color:#333;margin:0px; border-left:0px;border-right:0px;padding:10px;margin-left:0px;padding-top:0px; text-align:center;} 
 
 #cube a{color:#000;}
 
 #cube{ width: 290px; 
 min-height:450px;
margin:10px auto;
vertical-align:top; /* On aligne les éléments au milieu */
 display:inline-block;/* On le remplace au float:left; */
background:#E0ED7E; 
border: solid 4px #FFF; 
overflow: auto;
position: relative;
text-align:left;/* On réinitialise les élements centré a gauche */	
 }
 
  #cube2{ width: 614px; 
 min-height:370px;
margin:10px auto;
vertical-align:top; /* On aligne les éléments au milieu */
 display:inline-block;/* On le remplace au float:left; */
background:#E0ED7E; 
border: solid 4px #FFF; 
overflow: auto;
position: relative;
text-align:left;/* On réinitialise les élements centré a gauche */	
 }
   #cube3{ width: 300px; 
 min-height:370px;
margin:10px auto;
vertical-align:top; /* On aligne les éléments au milieu */
 display:inline-block;/* On le remplace au float:left; */
background:#E0ED7E; 
border: solid 4px #FFF; 
overflow: auto;
position: relative;
text-align:left;/* On réinitialise les élements centré a gauche */	
 }

     #cube4{ width:300px; padding:5px;
 min-height:370px;
margin:10px auto;
vertical-align:top; /* On aligne les éléments au milieu */
 display:inline-block;/* On le remplace au float:left; */
background:#E0ED7E; 
border: solid 4px #FFF; 
overflow: auto;
position: relative;
text-align:justify;/* On réinitialise les élements centré a gauche */	
 }