@charset "utf-8";
/* CSS Document */

.Style1{font-family:Calibri; font-size:50px; color:#13374e; font-weight:lighter; letter-spacing:0.2px;}
.Style2{font-family:Calibri; font-size:16px; color:#888888; font-weight:lighter; letter-spacing:0.2px;}
.Style3{font-family:Calibri; font-size:16px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style4{font-family:Calibri; font-size:20px; color:#13374e; font-weight:lighter; letter-spacing:0.2px;}
.Style5{font-family:Calibri; font-size:50px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style6{font-family:Calibri; font-size:20px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style7{font-family:Calibri; font-size:16px; color:#444444; font-weight:lighter; letter-spacing:0.2px;}
.Style8{font-family:Calibri; font-size:25px; color:#000000; font-weight:lighter; letter-spacing:0.2px;}
.Style9{font-family:Calibri; font-size:16px; color:#13374e; font-weight:lighter; letter-spacing:0.2px;}
.Style10{font-family:Calibri; font-size:24px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style11{font-family:Calibri; font-size:90px; color:#13374e; font-weight:lighter; letter-spacing:0.2px;}

html { 
  margin:0;
  padding:0;
  background: url(../img/fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover;  pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}

#header
{
top:0; left:0; right:0;
position:fixed;
width:100%;
height:90px;
background:rgba(255,255,255,0.6)/*13374e*/;
z-index:9999;
/*border-bottom:1px solid black;*/
}

#btn a
{
display:block;
background-color:#409dbe;
width:200px;
height:50px;
border-radius:10px;
line-height:50px;
font-family:calibri; font-size:19px; font-weight:lighter; color:#ffffff; letter-spacing:0.2px; text-decoration:none; text-align:center;
}
#btn a:hover
{
background-color:#82a3af;
} 

#btn1 a
{
display:block;
width:200px;
height:50px;
line-height:50px;
background-color:#13374e;
font-family:calibri; font-size:16px; font-weight:lighter; color:#ffffff; letter-spacing:0.2px; text-decoration:none; text-align:center;
border-radius:10px;
}
#btn1 a:hover
{
color:#13374e;
background-color:#68c6db;
}

#btn2 a
{
display:block;
width:250px;
height:50px;
line-height:50px;
background-color:rgba(255,255,255,0.8);
font-family:calibri; font-size:16px; font-weight:lighter; color:#13374e; letter-spacing:0.2px; text-decoration:none; text-align:center;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
#btn2 a:hover
{
color:#13374e;
background-color:#68c6db;
}

/* Slide */
#slider
{
top:150px; left:0; right:0;
position:absolute;
}
.slide { border:5px solid #000000; position:relative; width:600px; height:400px; border-radius:20px; }
.slide img { position:absolute;  }

#about
{
position:absolute;
top:100%; left:0; right:0;
background-color:#409dbf;
width:100%;
z-index:999;
}

#service
{
position:absolute;
top:198%; left:0; right:0;
width:100%;
z-index:999;
}

#prods
{
position:absolute;
top:200%; left:0; right:0;
background-color:rgba(241,103,38,0.8);
width:100%;
z-index:999;
}

#ref
{
position:absolute;
top:275%; left:0; right:0;
background-color:rgba(255,255,255,0.9);
width:100%;
height:300px;
z-index:999;
}

#contact
{
position:absolute;
top:310%; left:0; right:0;
background-color:#ffffff/*222222*/;
width:100%;
height:526px;
z-index:999;
}

#footer
{
position:absolute;
top:385%; left:0; right:0;
background-color:#000000;
width:100%;
z-index:999;
}

#footer2
{
position:absolute;
top:915px; left:0; right:0;
background-color:#000000;
width:100%;
z-index:999;
}

#footer3
{
position:absolute;
top:597px; left:0; right:0;
background-color:#000000;
width:100%;
z-index:999;
}

#who
{
position:absolute;
top:120px; left:0; right:0;
background-color:rgba(255,255,255,0.8);
width:100%;
z-index:999;
}

#plomb
{
position:absolute;
top:120px; left:0; right:0;
background-color:rgba(255,255,255,0.8);
width:100%;
z-index:999;
}


/*----------------- FORMULAIRES -----------------*/
#champs
{
outline: none;
padding-left:10px;
width:440px;
height:40px;
line-height:40	px;
border:0px solid #dddddd;
border-bottom:1px solid #dddddd;
font-family:Calibri; font-size:16px; color:#333333;
/*border-radius:10px;*/
}

textarea
{
outline: none;
border:0px solid #dddddd;
border-bottom:1px solid #dddddd;
width:430px;
height:140px;
background-color:rgba(255,255,255,1);
font-family:Calibri; font-size:16px;
padding:10px;
/*border-radius:10px;*/
}

#envoi
{
outline: none;
width:450px;
height:45px;
background-color:#13374e;
border:0px solid;
font-family:Calibri; font-size:16px; color:#ffffff; text-align:center; text-decoration:none;
border-radius:10px;
cursor:pointer;
}

#envoi:hover
{
background-color:#009900;
transition:background-color 0.7s;
}

#btn_up
{
position: fixed;
bottom: 30px;
right: 25px;
cursor: pointer;
display:none;
z-index:9999;
}