@media screen and (min-width: 1000px)
{
    # grand ecran;
    html, body
    {
	height: 100%;
	width: 100%;
    }
    body
    {
	font-size: 15px;
	font-color: #0000ff;
  	background: linear-gradient(rgba(240, 240, 240, 0.90),rgba(240, 240, 240, 0.90) ),url("https://luminy.fr/raidreg/images/bateaux.jpg");
	background-size: 100%
    }
    input[type="text"]
    {
	font-size:1em;
    }
    input[type="email"]
    {
	font-size:1em;
    }
    input[type="password"]
    {
	font-size:1em;
    }

   .boite_simple_centree
    {
	width: 50%;
	text-align: justify;
	display: inline-block;
	border:0px solid #f00;
	padding: 8px 12px;
	float :center;
	p
	{
	    text-indent: -1em;
	    margin-bottom: 0em;
	    width: 100%;
	}
    }
   
    a
    {
	text-decoration: none;
	#font-size: 20px;
	transition: 0.5s;
    }
    a:link
    {
	text-decoration: none;
	#font-size: 20px;
	color: #f000ff;
	transition: 0.5s;
    }
    a:visited
    {
	text-decoration: none;
	#font-size: 20px;
	color: #f000ff;
	transition: 0.5s;
    }
    a:hover
    {
	text-decoration: none;
	color: #fb0;
	transition: 0.5s;
    }
    a:active
    {
	text-decoration: none;
    }
}

@media screen and (max-width: 999px)
{
    # smartphone ;
    html, body
    {
	height: 100%;
	width: 100%;
    }
    body
    {
	font-size: 15px;
	font-color: #0000ff;
  	background: linear-gradient(rgba(240, 240, 240, 0.90),rgba(240, 240, 240, 0.90) ),url("https://luminy.fr/raidreg/images/bateaux2.jpg");
	background-size: 100%
    }
   .boite_simple_centree
    {
	width: 80%;
	text-align: justify;
	display: inline-block;
	border:1px solid #ff0;
	padding: 8px 12px;
	float :center;
	p
	{
	    text-indent: 2em;
	    margin-bottom: 0em;
	    width: 100%;
	}
    }
    input[type="text"]
    {
	font-size:1em;
    }
    input[type="email"]
    {
	font-size:1em;
    }
    input[type="password"]
    {
	font-size:1em;
    }
    
    a
    {
	text-decoration: none;
	#font-size: 30px;
	transition: 0.5s;
    }
    a:link
    {
	text-decoration: none;
	#font-size: 30px;
	color: #a000ff;
	transition: 0.5s;
    }
    a:visited
    {
	text-decoration: none;
	#font-size: 30px;
	color: #a000ff;
	transition: 0.5s;
    }
    a:hover
    {
	text-decoration: none;
	#font-size: "30px";
	color: #fb0;
	#transform: scale(2);
	transition: 0.5s;
    }
    a:active { text-decoration: none; }
    

  jojo
  {
      padding: 0;
      text-decoration: none;
      #font-size: 30px;
      color: #a000ff;
      #transition: 0.5s;
  }
  
}