/*commentaire orchidées*/
html {   margin:0;
  padding:0;}

body{ margin:0;
  padding:0;
 background: url(Images/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */ 
  width:100%;
margin:auto;
min-width : 500px
  }

div.fond{	width: 96%;
margin-left :auto;
margin-right :auto;
}

div.corps0{top : 0px;	
margin-left: 0px;
 width: 20%;
 mini-width:100px;
height: 100%;
position: fixed ;
background-color : none; }

div.espace{	
 height:10px; visibility:hidden; margin-bottom:-1px;}

div.corps{
top : 0px; 
text-align: center;
margin-left: auto;
margin-right: auto;
 margin-left: 20%;
background-color : #505050;
width: 80%;
font-family:  Helvetica,Arial,sans-serif;
color : withe ; }

div.menu a{ 
 left :0;
 width: 20% ;
 text-decoration:none;
 text-align: center;
 color :#96FC30;
   font-size: 1.1vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;}
	
a{color : #96FC30 ;
text-decoration:none;
}

a:hover{color : #FFFF33;
text-decoration:underline;
}

div.menu a:hover
{ text-decoration:underline;
 color : #FFFF33 ;
}


br {margin : 2px;}

div.bouton {
width:90%;
mini-width:80px;
height : 18px; 
padding-bottom : 8px ;
-moz-box-shadow: 0px 0px 10px #343434;
-webkit-box-shadow: 0px 0px 10px #343434;
-o-box-shadow: 0px 0px 10px #343434;
box-shadow: 0px 0px 10px #343434;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 1px solid #656565;
background:#cfcfcf;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#656565"); /* Pour IE seulement et mode gradient à linear */
background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#656565));
background: -webkit-linear-gradient(#cfcfcf, #282C28);
background: -moz-linear-gradient(#cfcfcf, #282C28);
background: -o-linear-gradient(#cfcfcf, #282C28);
background: -ms-linear-gradient(#cfcfcf, #v);
background: linear-gradient(#cfcfcf, #282C28); 
text-align: center;
}

a{color : #96FC30 ;}

a:hover{color :  yellow ;}

ul {list-style-type: none;
line-height : 150%;}

div.textseul{
margin-left: 10%;
margin-right: 10%;
 width : 80%;
text-align: justify;
 background :none ;
 font-size: 1.20vw;
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
line-height : 130% ;
color :#FCFAE1;
}

 p{
color :#FCFAE1;
line-height : 120%;
   font-size: 1.20vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
 text.alig : justify ;}	

div.bloctab1{color :#FCFAE1;
width : 70% ;
margin-left :15%;
 margin-right : 15%;
    font-size: 1.20vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-align: justify;}

div.blocdroit { 
 border-color : none ; 
 float: right;
 margin-right : 10%;
 width : 38% ;
 text-align: justify;
   font-size: 1.20vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
line-height : 130% ;
 color :#FCFAE1;
 background :none ;}

div.blocdroit2{
position : absolute ;


float : right ;
margin-left : 54%;	
margin-right : 5%;	
border : none ;
   font-size: 1.20vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-align: justify;
color :#FCFAE1 ;}

h1{
color:  #E7E7E7;
  font-size: 2.0vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;

text-align: center;
letter-spacing: 6px;
 text-shadow:2px 2px 4px #FFFFFF; /*ombrage du titre*/}

h2{
color:  #505050;
   font-size: 1.80vw;  
	font-family: verdana, Arial,"Trebuchet MS", sans-serif;
 text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color :#E0CE9C ;
padding : 10px;
width : 80% ; 
margin-left :auto;
margin-right :auto;}

h3
{font-size: x-large; 
 color: white;	
   font-size: 1.50vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-align: center;
background-color :#D6AC89 ;
padding : 10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
width:900 px;}

div.banniere{  margin-left: auto;
 margin-right: auto;
 width: 100%;
text-align: center;}

div.haut{
margin-right : 10%;
margin-left : 50%;
border-color : none ; 
 font-size: 1.0vw;
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-align: left;
color :#FCFAE1;}

div.legende { 
 color:black;
 line-height : 150%;
 font-size: 1.0vw;
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
width : 90%;
text-align : center ;
 padding : 8px;}

div.legendecentre{ 
color: black;
line-height : 150%;
width : 90%;
 font-size: 1.0vw;
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-align : center ;
;}


div.blocgauche {
  float: left ;
 margin-left : 5%;
 border-color : none ;
 width : 41%;
 text-align: justify;
   font-size: 1.20vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
line-height : 130% ;
 background :none ;
 color :#FCFAE1;}

div.imagauche { 
 float: left ;
 margin-left : 5%;
 width :43%;
 border : none ;
 background-color : #F7EBCA;
 -moz-box-shadow: 10px 10px 5px #C7C7C7;
 -webkit-box-shadow: 10px 10px 5px #C7C7C7;
 -o-box-shadow: 10px 10px 5px #C7C7C7;
 box-shadow: 10px 10px 5px #C7C7C7;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 text-align: center;}

Span.plop{
font-weight: bold;
color : blue ;
text-decoration: blink; }

div.imadroite { 
 float: right ;
 width :43%;
 border : none ;
 margin-right : 5%;
 background-color : #F7EBCA;
 -moz-box-shadow: 10px 10px 5px #C7C7C7;
 -webkit-box-shadow: 10px 10px 5px #C7C7C7;
 -o-box-shadow: 10px 10px 5px #C7C7C7;
 box-shadow: 10px 10px 5px #C7C7C7;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
 text-align: center;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;}

div.imacentre{ 
 margin-left: 15%;
 margin-right: 15%;
 width : 70% ;
 border : none ;
 -moz-box-shadow: 10px 10px 5px #C7C7C7;
 -webkit-box-shadow: 10px 10px 5px #C7C7C7;
 -o-box-shadow: 10px 10px 5px #C7C7C7;
 box-shadow: 10px 10px 5px #C7C7C7;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
 background-color : #F7EBCA;
 -moz-border-radius:10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;}

div.petitblocdroit{ 
 float: right;
 width : 37% ;
 border-color : none ; 
 text-align: justify;
font-size: 1.20vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
line-height : 130% ;
 color :#FCFAE1;
 background :none ;
 position : relative ; right : 8% ;}
 
div.petitblocgauche{ 
 float:left;
 width : 35% ;
 border-width :15px ;
 border-color : none ; 
 padding :10px;
 text-align: justify;
 font-size: 0.90vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
line-height : 130% ;
 color :#FCFAE1;
 background :none ;
 position : relative ; left : 8% ;}


div.bloccentre { 
 width : 70% ;
 border-width :10px ;
 border-color : none ; 
 padding :10px;
 text-align: justify;
 display: table-cell;
   font-size: 1.20vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
line-height : 130% ;
 vertical-align: middle 
 margin-left : 15%;
 color :#FCFAE1;}
