html {
  font-family:"Myriad","Myriad Pro",Georgia,Helvetica,Sans-serif; 
/*  background:url(../images/fond/bleu.jpg);*/
/*   background-color: rgb(108,171,215); couleur bleu plus fonce du fond de la page */
  background-color: rgb(172,218,241); /* couleur bleu du fond de la page */
  height:25%;
  padding:0;
  margin:0;

}

body {
   overflow:hidden;
  height:25%;
  padding:0;
  margin:0;
  background-size: cover;
  -moz-background-size: cover;

  /* these two don't work */
  -webkit-background-size: cover;
  -o-background-size: cover;
}



.Arial { 
	font-family: Arial;
	color: #fcff17;
	font-size: 20px;
	font-weight: bold;
}

/*	#######################################		*/



/*	#######################################		*/




/*	#######################################		*/

/*	#######################################		*/



/*	####################	BOUTONS		########################	*/

.bouton_rond{
background: transparent;
/*background: transparent no-repeat scroll top right;
display: block;
float: center;
height: 30px;  hauteur de votre bouton IMPORTANT 
margin-left: 8px;
margin-right: 8px;
margin-bottom: 10px;*/
/*padding-right: 20px;  largeur de votre image de droite */
text-decoration: none;
color: #b03d11;
text-transform:uppercase;
font-size:70%;
/*font-size:12px;*/
font-weight:bold;
/*text-indent:-16px;*/
} 

.bouton_rond span{
background: transparent no-repeat;
/*display: block;
height: 30px;  hauteur de votre bouton IMPORTANT */
/*line-height:30px;  hauteur de votre bouton pour centrer votre texte
padding:0 0 0 40px; */
} 
 
.bouton_rond span:hover{
text-decoration:underline; /* Effet de survol */
} 

.invert img
{
        filter: invert(0);
        -webkit-filter: invert(0);
        -moz-filter: invert(0);
        -o-filter: invert(0);
        -ms-filter: invert(0);
}
.invert img:hover
{
        filter: invert(1);
        -webkit-filter: invert(1);
        -moz-filter: invert(1);
        -o-filter: invert(1);
        -ms-filter: invert(1);
}

#bouton_rond  img{
  -webkit-transition:-webkit-transform .9s; // Chrome Safari
  -moz-transition:-moz-transform .9s;       // Mozilla
  -o-transition:-o-transform .9s;           // Opéra
  -ms-transition:-ms-transform .9s;         // IE
  transition:transform .9s;
}
 
#bouton_rond  img:hover{
  -webkit-transform:rotate(10deg); 
  -moz-transform:rotate(10deg);
  -o-transform:rotate(10deg); 
  -ms-transform:rotate(10deg); 
  transform:rotate(10deg);
}

#bouton_rond  img:active{
	-webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
}


#bouton_rond-  img{
  -webkit-transition:-webkit-transform .9s; // Chrome Safari
  -moz-transition:-moz-transform .9s;       // Mozilla
  -o-transition:-o-transform .9s;           // Opéra
  -ms-transition:-ms-transform .9s;         // IE
  transition:transform .9s;
}
 
#bouton_rond-  img:hover{
  -webkit-transform:rotate(-10deg); 
  -moz-transform:rotate(-10deg);
  -o-transform:rotate(-10deg); 
  -ms-transform:rotate(-10deg); 
  transform:rotate(-10deg);
}

#bouton_rond-  img:active{
	-webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
}

.touche_blanche_do {
  border-radius: 8px; /*bords arrondis*/
  display: block;
/*  padding: 40px 12.5px;*/
  color: #fff;
  text-decoration: none;
  text-align: left;
  background: #fff;
}