/*commentaire Saint-Gence*/
html { 
  margin:0;
  padding:0;
  max-width: 1500px;}

body{	
  margin:0px;
  padding:0px;
  background: url(images/fonda.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 */
max-width:1500 px;
min-width : 600px
body onload="ImpEcrOff()"
}

div.fond{	
position : absolute ;
top :0px;
width:80%;
margin-left : 3% ;
 background-color : none ;
 max-width:1500 px;
}

div.corps0{
position : fixed;
top : 0px;	
width: 18%;
margin-left : 0%;	
font-size: 1.10vw; 
font-family: verdana, Arial,"Trebuchet MS", sans-serif;}

div.corps{
position : absolute ;
top : 0px;
width: 90%;
margin-left : 24%;	
background-color : #505050;    
max-width: 1200px;
}

div.cadre1{
padding-left : 5%;
padding-right : 5%;
top : 0px;
color :#FCFAE1;
font-size: 1.10vw; 
line-height : 120%;
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
 text-align: justify;
}

div.bouton  {
margin-left : -19% ;
width:120% ;
min-width: 100px;
max-width : 400px;
height : auto; 
padding: 5px;
 -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: 20px;
 -webkit-border-radius: 20px;
 border-radius: 20px;
 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;
}



h1{	
font-size: 2.00vw; 
margin : 20px;
color:  #E7E7E7;
text-shadow : 20px;	
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-align: center;
letter-spacing: 6px;
text-shadow:2px 2px 4px #FFFFFF; /*ombrage du titre*/}

h2{	
width: 92%;
color:  #505050;
font-size: 1.70vw; 
margin-top : 20px;
margin-bottom : 20px;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 120px;
background-color :#EFE4D9 ;
padding : 10px;
margin-left : auto;	
margin-right : auto;

}

div.haut{
width : 20% ;
margin-left : 75%;
border-color : none ; 
color :#FCFAE1;}

div.haut a{
color : #66FF00 ;
}

div.haut a:hover{
color : yellow ;
}


a{
color : #96FC30 ;
 font-size: 1.10vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
text-decoration : none ;
;}

a:hover{
text-decoration :underline ;
color : yellow ;}

div.espace { line-height :60%;}

ul{
texte-indent : -10px ;
padding-left : 20px ;
line-height :150%
}

div.blocgauche {
 float: left ;
 width : 47%;
}


div.blocdroit {
 float: right ;
 width : 47%;
}



 div.droitevignette { 
 float: right;
 width : 60% ;
}


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

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

div.legende {
color:#000000;
line-height : 110% ;
padding : 8px;
font-size:0.9vw;
width : 95%;
text-align : center ;}

div.imacentre {
clear : both;
 margin-left: auto;
 margin-right: auto;
 width: 70%;
padding-top : 20px;
text-align: center;
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: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }

div.imamilieu {
clear : both;
 margin-left: auto;
 margin-right: auto;
 width: 40%;
padding-top : 20px;
text-align: center;
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: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }


div.imagauche {
 float: left ;
padding-top : 20px;
margin-top : 20px;
width :47% ;
background-color : #F7EBCA;
text-align: center;
-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: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }

div.imadroite {

 float: right ;
padding-top : 20px;
margin-top : 20px;
width :47% ;
background-color : #F7EBCA;
text-align: center;
-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: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; }

div.viggauche{
padding-top : 20px;
float : left;
 width :32% ;
 background-color : #F7EBCA;
 text-align: center;
-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: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
} 

div.vigcentre{
padding-top : 20px;
float : left;
 width :32% ;
 background-color : #F7EBCA;
 text-align: center;
 margin-left :2%;
-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: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
} 

div.vigdroite{
padding-top : 20px;
float : left;
 width :32% ;
 margin-left :2%;
 background-color : #F7EBCA;
 text-align: center;
-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: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
} 

div.textecentre { 
 width :32% ;
float : left;
 margin-left :2%;
font-size: 1.10vw; 
line-height : 120% ;
color :#FCFAE1;
}