body
{
 margin:0 auto;
 padding:0px;
 text-align:center;
 width:100%;
 font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
 background-color:#000000;
}

p
{
 margin:0px;
 margin-top:15px;
 color:#8A4B08;
 font-size:17px;
 font-weight:bold;
 text-align:left;
}

#wrapper {
  position: absolute; /* postulat de départ */
  top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}


#encart
{
 width:450px;
 }

#login_form
{
 
 width:500px;
 margin-left: auto;
 margin-right: auto;

 box-sizing:border-box;
 position:relative;
}




#myInput
{

 width:250px;
 margin-top:10px;
 height:40px;
 padding-left:10px;
 font-size:16px;
}

#login_form input[type="password"]
{

 width:250px;
 margin-top:10px;
 height:40px;
 padding-left:10px;
 font-size:16px;
}

#login_form input[type="checkbox"]
{

position:absolute;
top:41px;
right:100px;}

#show{
position:absolute;
top:42px;
right:70px;
color:white;
}

#login_form input[type="submit"]
{
 width:250px;
 margin-top:10px;
 height:40px;
 font-size:16px;
 background-color:#222222;
 border:none;
 color:white;
 border-radius:3px;
}

#bouton
{
 width:150px;
 }


#fond
{
background-image:url(fond.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;
 }
 
 #fond2
{
background-image:url(fond2.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;
 }
 
  #fond3
{
background-image:url(fond3.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;

 }
 
   #fond4
{
background-image:url(fond4.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;
 }
 
    #fond5
{
background-image:url(fond5.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;
 }
 
    #fond6
{
background-image:url(fond6.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;
 }

   #fond7
{
background-image:url(fond7.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;
 }
 
    #fond8
{
background-image:url(fond8.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;
 }
 
    #fond9
{
background-image:url(fond9.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;
 }
 
    #fond10
{
background-image:url(fond10.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:20px;
background-size: cover;
 }
 
     #fond11
{
background-image:url(fond11.jpg);
background-repeat:no-repeat;
background-attachment: fixed;
background-position:center;
padding-bottom:100px;
background-size: cover;
width:100%;
height:100%;
 }
 
 #objet_horizontal
 {
  position: absolute; /* postulat de départ */
  top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
  max-width:100%;
  
}

#objet
{
margin-top:50px;
max-width: 100%;
height: auto;
 }
 
 #logout_form_allegro input[type="submit"]
{

 width:250px;
 margin-top:10px;
 height:40px;
 font-size:16px;
 background-color:#222222;
 color:white;
}

#logout_form input[type="submit"]
{
 width:250px;
 margin-top:10px;
 height:40px;
 font-size:16px;
 background-color:#222222;
 color:white;
}

iframe
{
 margin-top:50px;
 text-align:center;

 
}