﻿


.rssfeed  {
	display: block;
	position: absolute;
	width: 10%;
	height: auto;
	top: 10%;
	right: 70%;
	left: 6%;
    bottom: auto;
	z-index:10;
    margin-bottom: 4em;	
    box-shadow: none;
}
 .sondages  {
    display: block;	
	position: absolute;
	list-style:none;
	width: auto;
	height: auto;
	top: 16%;
	right: 20%;
	left: 75%;
    bottom: auto;	
	z-index:999;
}

 .sondage  {
    display: float;	
	position: absolute;
	list-style:none;
	width: auto;
	height: auto;
	top: 25%;
	right: 25%;
	left: 45%;
    bottom: auto;	
	z-index:1;
}

.soustitre {
	font-family:'Book Antiqua'; 
	font-style:normal; 
	font-weight:bold; 
	font-size:1.2em; 
	color:whitesmoke; 
	text-align:center; 
	color:white; 
	height:50px; 
	
}

.cover  {
display:inline-flex!important;
position:absolute!important;
top: 75%!important;
left: 6%!important;
right:76%!important;
width:20%!important;
height: auto!important;
box-shadow: 10px 10px 7px #000000!important;


}

.formnewsletter  {
    margin-left: 20%;
	width: auto;
	height: auto;	
	z-index:10;
}
.logo  {  /* Rotation du logo en 2 étapes*/  
    display:block!important;
    position:absolute!important;
    bottom: auto!important;
	top: 20%!important;
	left: 6%!important;
	right: 76%!important;
	width: auto!important;
	height: 35%!important;
	z-index: 3!important;
	margin-top: 4cm!important;
	box-shadow: none!important;
                                               /*implementation de la rotation du logo etape 1*/
              -webkit-transition: all 0.5s ease 0s;
              -moz-transition: all 0.9s ease 0s;
              -o-transition: all 0.5s ease 0s;
              -ms-transition: all 0.5s ease 0s;
              transition: all 0.9s ease 0s;
              cursor:pointer;
	      opacity: 1;
	}
.logo:hover  {                       /* Etape 2 rotation de l'image lorsqu'on pointe la souris sur le logo*/
              -webkit-transform: rotate(360deg);
              -moz-transform: rotate(360deg);
              -ms-transform: rotate(360deg);
              -o-transform: rotate(360deg);
              transform: rotate(360deg);
          } .logo:active img {
              -webkit-transform: rotate(360deg);
              -moz-transform: rotate(360deg);
              -ms-transform: rotate(360deg);
              -o-transform: rotate(360deg);
              transform: rotate(360deg);
          }	

		  
.moteurcharges  {
    display: block;
	position: absolute;
	width: 40%;
	height: 100%;
	top: 0.8%;
	right: auto;
	left: 41%;
    bottom: 58%;
	z-index:10;
}

 .sellfy-buy-button  {
    display: block;	
	position: absolute;
	list-style:none;
	width: auto;
	height: auto;
	top: 22%;
	right: 55%;
	left: 45%;
    bottom: 5%;	
	z-index:1;
}





.paypaldon {
    display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 2.38%;
	right: 25%;
	left: 75%;
    bottom: auto;
	z-index:10;
}

.paypaldonvernis {
    display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 1.75%;
	right: 25%;
	left: 72%;
    bottom: auto;
	z-index:10;
}






.livrecharges  {
display:block;
position: absolute;
margin-left: 2.53164557%;
top: 8%;
right: auto;
bottom: auto;
left: 90%;
max-width: 100%;
width:25%;
z-index: 3;

 } 
 
.livrevernis  {
display:block;
position: absolute;
margin-left: 2.53164557%;
top: 2%;
right: auto;
bottom: auto;
left: 90%;
max-width: 100%;
width:25%;
z-index: 3;

 }  

#google_translate_element_charges {
    display:block;
	position: absolute;	
    width: 100%;
	top: 5%;
	left: 1%;
	min-width: 90%;
    box-shadow: none;
    border-radius: 0px;
    z-index:10;
}  

.paypalindex  {
    display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 10%;
	right: 45%;
	left: 48%;
    bottom: auto;
	z-index:3;
} 

  
