#subHeader

{

	top: auto;

/*   padding-top: 133px; */

}





/******MAX 1200*******/

@media (max-width: 1220px) 

{

  

/*   html

{

  height: auto;

  overflow: hidden;

} */



  #userLogin

  {

    float: none;

    width: auto;

  }





  #subHeader

  {

  	overflow: hidden;

  	height: auto;

  	/* min-height: 100vh; */

  	padding-top: 1px;

  }



  #footer-accueil

  {

    width: auto;

  }



}







/******MAX 1024*******/

@media (max-width: 1080px) 

{

  #userLogin input[type=text], #userLogin input[type=password] 

  {

    width: 149px;

  }



  #stats 

  { 

    width: 136px;

  }



		 #userLogin

		 {

		 	float: right;

		 	margin-right: 0;

		 }



		 #stats {

		     	float: right;

		 	margin-right: 0;

		}







}



/******MAX 935*******/

@media (max-width: 935px) 

{



  #footer-accueil

  {

    text-align: center;

    width: 72% !important;

    margin-right: auto;

    margin-left: auto;

    display: block;

    float: none;

  }



  #subHeader p,#subHeader .titre-resume

  {

    text-align: center !important;

  }



  .button-inscription

  {

    display: block;

    float: none;

    width: 261px;

    margin-left : auto;

    margin-right: auto;

  }



  body #stats

  {

    display: block;

    width: 142px;

  }



  body #stats > div

  {

    display: block;

    float: left;

    width: auto;

  }

  #userLogin input[type=text], #userLogin input[type=password] {
    border: solid 1px #FA709A;
  }
  

  #userLogin input[type=text], #userLogin input[type=password],.greenButton

  {

    width: 80%;

    float: none;

    margin: auto;

    margin-bottom: 7px;

  }





  .greenButton

  {

    width: 85%;

    float: none;

    margin: auto;

    margin-bottom: 7px;

  }

  

    html:before

  {

    display: none;

  }



  body.body_cosmopoly:before

  {

    display: none;

  }



    body.body_cosmopoly:after

  {

    display: none;

  }



   body

   {

    background-color: white !important;

    background-position: top, left !important;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    background-repeat: no-repeat !important;

   }

   

   header.public

   {

   	display: block;

   	overflow: hidden;

   	width: 100%;

   	float: none;

    margin: auto;

   }



   .logo-accueil

   {

   	display: block;

   	margin: auto;

   }



   #userLogin

   {

   	   	display: block;

   	overflow: hidden;

   	width: 100%;

   	float: none;

   }



      #stats

   {

   	   	display: block;

   	overflow: hidden;

   	   	width: 158px;

   	margin: auto;

   	float: none;

   }



   #login-form

   {

   	display: block;

   	overflow: hidden;

   	width: 461px;

   	margin: auto;	

   }



   #subHeader

   {

    display: block;

   	overflow: hidden;

   	width: 100%;

   	float: none;

   	text-align: center;

   	padding-left: 8%;

   	padding-right: 8%;

   	box-sizing: border-box;

    margin-right: auto;

    margin-left: auto;

    margin-top: 38px;

   }



   div.indexstereopoly

   {

   	height: auto;

   	overflow: hidden;

    min-height:  100%;

   }



   #footer-accueil

   {

   	position: relative;

   	left: auto;

   	bottom: auto;

   	width: 100%;

   	overflow: hidden;

    padding-left: 1%;

    margin-bottom: 15px;

   }



}







/******MAX 500******/

@media (max-width: 505px) 

{



     body

   {

   	background-color: white !important;

   	background-position: top, left !important;

   	background-repeat: repeat !important;

   }



   .qc-cmp-persistent-link

   {

   	top: 0 !important;

   	font-size: 10px;

    padding: 2px 7px; 

    max-height: 23px;

   }





   header.public

   {

   	margin-top: 25px;

   }

   #subHeader > p, #subHeader > span {
     color: black;
   }


}





/******MAX 470******/

@media (max-width: 470px) 

{



	#login-form

	{

		width: 100%;

	}



	 #login-form input

	{

		width: 90% !important;

		display: block;

		margin: auto !important;

		margin-bottom: 12px  !important;

		float: none;

	}





	#login-form .greenButton

	{

		margin-top: 7px;

	}



	#login-form .inbl

	{		width: 90% !important;

		display: block;

		margin: auto !important;

		margin-bottom: 12px  !important;

		float: none;

  }





  body #subHeader p > .titre-resume

  {

    font-size: 25px;

  }



  #footer-accueil > a

  { 

    width: 50%;

    text-align: center;

    margin-right: 0;

    margin-left: 0;

  }











}