@media all and ( max-width: 480px ) {
.content{
	width:100%;
	margin:0 auto;
	padding:25px 0 5px 0;
}
#main{
	padding-top:70px;
	overflow:hidden;
}
header{
width:100%;
height:75px;
background:#FFF;
border-top:4px solid #a6cb3d;
border-bottom:none;
position:fixed;
z-index:10;
}
#logo{
float:none;
background:#FFF;	
}
#logo p{
	padding-left:15px;
}
#logo p img{
width:150px;
height:auto;
padding-top:1px;	
}
#zoneheaderdroite{
    float:none;
	width:100%;
	background:#FFF;
	padding:0;
	margin:0 auto;
	display:none;
	position:fixed;
	z-index:999999;
	height:100%;
}
#mobile-menu{
	display:block;
	position:fixed;
	top:25px;
	right:25px;
	z-index:11;
}
#mobile-menu .fa-bars{
	color:#a6cb3d;
	font-size:30px;
}
nav#menu{
    float:none;
	overflow:visible;
	margin-right:0;
	width:99%;
}
nav#menu ul li{
	float:none;
	margin-right:0;
	margin-bottom:20px;
}
#headerbouton{
	float:none;
	overflow:hidden;
	margin-top:25px;
}
#headerbouton p{
	float:none;
	border-radius:15px;
	padding:5px;
	text-align:center;
	width:200px;
	margin:25px auto;
}
#headerbouton p a{
	color:#FFF;
	font-weight:600;
}
.wrapper{
	width:97%;
	margin:0 auto;
	overflow:visible;
	padding:2px;
}

.onehalf{
	float:none;
	width:99%;
	height:auto;
	padding:10px;
}
.onehalf .image100100{
	width:99%;
	height:auto;
}
#hometitre{
	color:#77787c;
	font-size:18px;
	margin:10px 0 0 0 ;
	padding:0;
	text-align:center;
}
.onehalf h2{
	font-size:30px;
	width:90%;
	padding:0;
	margin:0;
	line-height:1.2em;
	text-align:center;
}
.Homecadre{
	box-shadow:0px 0px 8px rgba(0,0,0,0.2);
	position:relative;
	padding:0 15px 15px 15px;
}
.onethird{
height:auto;
display:block;
width:90%;
padding: 0;
margin:45px auto;
border-spacing:0;
}
.onethird h3{
	text-align:center;
	padding-top:45px;
}
.onethirdlast{
margin:0 auto;	
}
.Homethirdtext{
text-align:center;
}
.HomeIcone{
background:	#a6cb3d;
width:75px;
height:75px;
border-radius:50%;
position:absolute;
top:-35px;
left:40%;

}
.HomeIcone p{
	display:table-cell;
    vertical-align:middle;
	text-align:center;
width:75px;
height:75px;
}
.HomeIcone img{
	width:70%;
	height:auto;

    margin:0 auto;
}
footer{
	width:100%;
	background:#39393b;
	height:auto;
	overflow:hidden;
}
footer #pied{
	overflow:hidden;
	padding:15px 0 15px 0;
	width:90%;
	margin:0 auto;
}
footer #pied h3{
	font-weight:bold;
	color:#a6cb3d;
}
footer #pied h4{
	color:#a6cb3d;
}
footer #pied .pied{
	float:none;
	width:100%;
	color:#FFF;
}
footer #pied .pied ul{
list-style:none;
padding:0;	
}
footer #pied .pied ul li{
	padding:0 0 10px 0;
	color:#FFF;
	font-size:14px;
	
}
footer #pied .pied ul li i{
	padding-right:5px;
	color:#ffffff;
}
footer #pied .pied ul li a{
	color:#FFF;
	font-size:14px;
}
.socialicon{
	font-size:22px;
	color:#FFF;
}
footer #pied .pied ul li a:hover{
	color:#a6cb3d;
	font-size:14px;
	font-weight:bold;
}
#copyright{
	width:90%;
	margin:0 auto;
	color:#FFF;
	font-size:14px;
	padding:8px;
	border-top:1px solid #cecece;
	text-align:center;
	padding-top:25px;
}
#copyright p a{
	color:#FFF;
	font-size:12px;
}
#copyright p a:hover{
	color:#a6cb3d;
}
#titrepage{
	font-size:18px;
	text-align:center;
}
.backgroundlogin,.backgroundregister{
	background:#FFF url() no-repeat;
	background-size:cover;
	padding-top:0px !important; 
	margin:0 0 0 0 !important;
   height:auto;
}

#login{
	width:100%;
	margin:0 auto;
	box-shadow:0px 0px 8px rgba(0,0,0,0.4);
	padding:0 0px 15px 0;
	background:#FFF;
}
#login h1{
font-size:18px;
text-align:center;
color:#FFF;
background:#77787b;
height:30px;
padding:25px;
margin-bottom:50px;
font-weight:500;
}
.loginform{
	width:80%;
	margin:0 auto;
}
#registerglobal{
width:95%;
height:auto;
box-shadow:0 0 8px rgba(0,0,0,0.4);	
margin:20px auto;
padding:0;
background:#FFF;
}
#registerglobal h1{
font-size:18px;
text-align:center;
color:#FFF;
background:#77787b;
height:30px;
padding:25px;
margin-bottom:20px;
font-weight:500;
}
#InscriptionFormulaire{
	width:100%;
	margin:0 auto;
	padding:15px 0 15px 0;

}
#InscriptionFormulaire div{
	width:95%;
	margin: 0 auto;
	   margin-bottom:15px;
}
#InscriptionFormulaire div input{
	width:98%;
   text-indent:15px;
   height:50px;
   border:1px solid rgba(0,0,0,0.6);
}
.boutonrgst{
	background:#a6cb3c;
	color:#FFF;
	border:none;
	transition:background 1s ease;
	border-radius:15px;
	height:50px;
	width:95%;
	font-size:20px;
	display:block;
	margin:auto auto;
}
.formlignetelephone .indicatif{
	width:12% !important;
	text-indent:0px !important;
	text-align:center;
}
.formlignetelephone  .tel{
	width:80% !important;
}
#inscriptionreussi{
	width:80%;
	margin:25px auto;
	text-align:center;
	min-height:300px;
}
#inscriptionreussi .fa-check-circle{
	color:#a6cb3d;
	font-size:40px;
	display:block;
}
.validecomptetext{
	font-weight:bold;
	background:#a6cb3d;
	transition:background 1s ease;
	border-radius:15px;
	padding:10px;
	text-align:center;
	width:50%;
	margin:0 auto;
}
}
@media all and ( min-width: 481px ) and ( max-width: 979px ) {
#main{
	padding-top:100px;
	overflow:hidden;
}	
.content{
	width:100%;
	margin:0 auto;
	padding:25px 0 5px 0;
}
#logo p img{
width:200px;
height:auto;
padding-top:10px;	
}
header{
width:100%;
height:75px;
background:#FFF;
border-top:4px solid #a6cb3d;
border-bottom:1px solid red #cecece;
position:fixed;
z-index:10;
}
#logo{
float:none;
background:#FFF;	
}
#logo p{
	padding-left:15px;
}
#logo p img{
width:200px;
height:auto;
padding-top:1px;	
}
#zoneheaderdroite{
    float:none;
	width:100%;
	background:#FFF;
	padding:0;
	margin:0 auto;
	display:none;
	position:fixed;
	z-index:999999;
	height:100%;
}
#mobile-menu{
	display:block;
	position:fixed;
	top:25px;
	right:25px;
	z-index:11;
}
#mobile-menu .fa-bars{
	color:#a6cb3d;
	font-size:30px;
}
nav#menu{
    float:none;
	overflow:visible;
	margin-right:0;
	width:99%;
}
nav#menu ul li{
	float:none;
	margin-right:0;
	margin-bottom:20px;
}
#headerbouton{
	float:none;
	overflow:hidden;
	margin-top:25px;
}
#headerbouton p{
	float:none;
	border-radius:15px;
	padding:5px;
	text-align:center;
	width:200px;
	margin:25px auto;
}
#headerbouton p a{
	color:#FFF;
	font-weight:600;
}
.wrapper{
	width:90%;
	margin:0 auto;

}
.onehalf{
	width:50%;
	height:auto;
	display:table-cell;
	vertical-align:middle;
}
.onehalf .image100100{
	width:100%;
	height:auto;
}
#hometitre{
	color:#77787c;
	font-size:18px;
	margin:10px 0 0 0 ;
	padding:0;
}
.onehalf h2{
	font-size:38px;
	width:85%;
	padding:0;
	margin:0;
	line-height:1.2em;
}
.onethird{
height:auto;
display:table-cell;
width:30%;
padding: 0 10px 15px 5px;
border-spacing:3%;
}
.Homecadre{
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);
	position:relative;
	padding:0 5px 15px 5px;
}
.onethird h3{
	text-align:center;
	padding-top:45px;
}
.onethirdlast{
margin-right:0;	
}
.Homethirdtext{
text-align:center;
}
.HomeIcone{
background:	#a6cb3d;
width:75px;
height:75px;
border-radius:50%;
position:absolute;
top:-35px;
left:30%;

}
.HomeIcone p{
	display:table-cell;
    vertical-align:middle;
	text-align:center;
width:75px;
height:75px;
}
.HomeIcone img{
	width:70%;
	height:auto;
    margin:0 auto;
}
}
@media all and (min-width:980px) and ( max-width: 1024px ) {
.content{
	width:98%;
	margin:0 auto;
	padding:25px 0 5px 0;
}
.wrapper{
	width:95%;
	margin:0 auto;

}
.onehalf{
	float:left;
	width:48%;
	height:auto;
}
.onehalf .image100100{
	width:99%;
	height:auto;
}
#hometitre{
	color:#77787c;
	font-size:18px;
	margin:70px 0 0 0 ;
	padding:0;
}
.onehalf h2{
	font-size:48px;
	width:85%;
	padding:0;
	margin:0;
	line-height:1.2em;
}
}