@charset "utf-8";
/* CSS Document */

.Style1{font-family:calibri; font-size:50px; color:#009e6e; font-weight:lighter;}
.Style2{font-family:calibri; font-size:25px; color:#444444; font-weight:lighter;}
.Style3{font-family:calibri; font-size:18px; color:#000000; font-weight:200;}
.Style4{font-family:calibri; font-size:12px; color:#000000; font-weight:lighter;}
.Style5{font-family:calibri; font-size:16px; color:#aaaaaa; font-weight:lighter;}
.Style6{font-family:calibri; font-size:22px; color:#888888; font-weight:lighter;}
.Style7{font-family:calibri; font-size:18px; color:#000000; font-weight:lighter;}
.Style8{font-family:calibri; font-size:30px; color:#009e6e; font-weight:lighter;}
.Style9{font-family:calibri; font-size:18px; color:#ffffff; font-weight:lighter;}
.Style10{font-family:calibri; font-size:70px; color:#009e6e; font-weight:lighter; text-align:center;}
.Style11{font-family:calibri; font-size:25px; color:#000000; font-weight:lighter; text-align:center;}
.Style12{font-family:calibri; font-size:18px; color:#ffffff; font-weight:200;}

html { 
  margin:0;
  padding:0;
  background: url(../img/fond.jpg) no-repeat top fixed; 
  -webkit-background-size: cover;  pour anciens Chrome et Safari */
  background-size: cover;  version standardisée */
}

#header
{
position:fixed;
top:0; left:0; right:0;
background-color:#ffffff;
width:100%;
height:50px;
z-index:9999;
box-shadow:2px 0 10px 2px black;
}

#slogan
{
position:fixed;
top:300px; left:0; right:0;
width:100%;
height:200px;
z-index:999;
}

#contenu
{
position:absolute;
top:100%; left:0; right:0;
background-color:rgba(255,255,255,0.9);
width:100%;
z-index:999;
}

#contenu2
{
position:absolute;
top:80px; left:0; right:0;
background-color:rgba(255,255,255,0.9);
width:100%;
z-index:999;
}

#bon
{
position:absolute;
top:100px; left:20%; right:0;
background-color:rgba(255,255,255,0.9);
width:800px;
height:500px;
z-index:999;
border-radius:20px;
}

#Page-1
{
position:absolute;
top:650px; left:0; right:0;
width:100%;
height:100%;
background-color:#ffffff/*rgba(51,51,51,0.7)*/;
z-index:999;
}

#Page-2
{
position:absolute;
top:1300px; left:0; right:0;
width:100%;
height:100%;
/*background-color:#000000rgba(51,51,51,0.7)*/;
z-index:999;
}

#Page-3
{
position:absolute;
top:2500px; left:0; right:0;
width:100%;
height:100%;
background-color:#ffffff/*rgba(51,51,51,0.7)*/;
z-index:999;
}

#Page-4
{
position:absolute;
top:3150px; left:0; right:0;
width:100%;
height:100%;
/*background-color:#ffffffrgba(51,51,51,0.7)*/;
z-index:999;
}

#Page-5
{
position:absolute;
top:3800px; left:0; right:0;
width:100%;
height:100%;
background-color:#ffffff/*rgba(51,51,51,0.7)*/;
z-index:999;
}

#contact
{
position:absolute;
top:1980px; left:0; right:0;
width:100%;
height:800px;
background-color:#eeeeee/*rgba(51,51,51,0.9)*/;
z-index:999;
}

#footer
{
position:absolute;
top:2700px; left:0; right:0;
width:100%;
height:80px;
background-color:#1d2a3a/*rgba(51,51,51,0.9)*/;
z-index:999;
}

/* formulaire */
#champs
{
outline:none;
padding:10px;
width:500px;
height:30px;
border:1px solid #cccccc;
font-family:Calibri; font-size:15px; color:#999999;
border-radius:10px;
}

#champs1
{
outline:none;
padding:10px;
width:522px;
height:52px;
border:1px solid #cccccc;
font-family:Calibri; font-size:15px; color:#999999;
border-radius:10px;
}

#champs2
{
outline:none;
padding:10px;
width:522px;
height:52px;
border:1px solid #cccccc;
font-family:Calibri; font-size:15px; color:#999999;
border-radius:10px;
}

#txt
{
outline:none;
padding:10px;
width:500px;
height:100px;
border:1px solid #cccccc;
font-family:Calibri; font-size:15px; color:#999999;
border-radius:10px;
}

#envoi
{
outline:none;
width:520px;
height:50px;
border:0px solid #cccccc;
background-color:#79e283;
font-family:Calibri; font-size:15px; color:#ffffff;
border-radius:10px;
}

#envoi2
{
outline:none;
width:120px;
height:50px;
border:0px solid #cccccc;
background-color:#40af7e;
font-family:Calibri; font-size:15px; color:#ffffff;
border-radius:10px;
}

#empty
{
visibility:hidden;
display:none;
}

#menulat
{
position:fixed;
width:50px;
top:200px; left:0; right:0;
z-index:9999;
}
