/*commentaire pronos PMU*/
html { 
  margin:0;
  padding:0;}

body{	
  margin:0px;
  padding:0px;
  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%;
min-width : 600px}

div.fond{	
positon : absolute ;
top :0px;
margin-left : 3% ;
 background-color : none ;
}

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


div.corps{
positon : absolute ;
top : 0px;
width: 80%;
margin-left : 18%;	
background-color : #505050;    
}


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

div.bouton  {
margin-left : -18% ;
width:110% ;
mini-width: 70px;
height : 20px; 
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.60vw; 
margin : 40px;
color:  #E7E7E7;
text-shadow : 20px;	
font-family: Helvetica,Arial,sans-serif;
text-align: center;
letter-spacing: 8px;
text-shadow:2px 2px 4px #FFFFFF; /*ombrage du titre*/}

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

}

div.haut{
width : 20% ;
margin-left : 75%;
border-color : none ; 
font-size: 1.10vw; 
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
color :#FCFAE1;}

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

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

a{color : #96FC30 ;}

a:hover{color : yellow ;}

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


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


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

div.petitblocgauche{ 
 float:left;
 width : 35% ;
 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 : 35% ;
 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.bloccentre { 
position : absolute ;
 margin-left : 24%;
 width :22% ;
 text-align: justify;
font-size: 1.10vw;  
font-family: verdana, Arial,"Trebuchet MS", sans-serif;
line-height : 120% ;
 vertical-align: middle 
 color :#FCFAE1;}




div.legende {
color:black;
padding : 8px;
font-size:small;
width : 95%;
text.alig : 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.imagauche {
 float: left ;
padding-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;
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{ /* la largeur totale ne représente que 80% */
 position : absolute ;/* ce qui es du à  position : absolute   */
padding-bottom : 15px;
padding-top : 15px;
 width :22% ;
 border : none ;
 background-color : #F7EBCA;;
 text-align: center;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;}

div.vigcentre{ 
position : absolute ;
padding-bottom : 15px;
padding-top : 15px;
 margin-left : 24%;
 width :22% ;
 border : none ;
 background-color : #F7EBCA;
 text-align: center;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;}

div.vigdroite{ 
position : absolute ;
padding-bottom : 15px;
padding-top : 15px;
 margin-left :48%;
 width : 22% ;
 border : none ;
 background-color : #F7EBCA;
 text-align: center;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;}