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

.Style1{font-family: "Raleway", sans-serif; font-size:40px; color:#23485d; font-weight:200; letter-spacing:0.2px;}
.Style2{font-family: "Raleway", sans-serif; font-size:16px; color:#888888; font-weight:lighter; letter-spacing:0.2px;}
.Style3{font-family: "Raleway", sans-serif; font-size:16px; color:#000000; font-weight:300; letter-spacing:0.2px;}
.Style4{font-family: "Raleway", sans-serif; font-size:20px; color:#000000; font-weight:200; letter-spacing:0.2px;}
.Style5{font-family: "Raleway", sans-serif; font-size:80px; color:#23485d; font-weight:400; letter-spacing:0.2px;}
.Style6{font-family: "Raleway", sans-serif; font-size:20px; color:#ffffff; font-weight:lighter; letter-spacing:0.2px;}
.Style7{font-family: "Raleway", sans-serif; font-size:16px; color:#444444; font-weight:lighter; letter-spacing:0.2px;}
.Style8{font-family: "Raleway", sans-serif; font-size:25px; color:#000000; font-weight:200; letter-spacing:0.2px;}
.Style9{font-family: "Raleway", sans-serif; font-size:16px; color:#13374e; font-weight:lighter; letter-spacing:0.2px;}
.Style10{font-family: "Raleway", sans-serif; font-size:18px; color:#000000; font-weight:200; letter-spacing:0.2px;}
.Style11{font-family: "Raleway", sans-serif; font-size:90px; color:#13374e; font-weight:lighter; letter-spacing:0.2px;}
.Style12{font-family: "Raleway", sans-serif; font-size:25px; color:#111b55; font-weight:300; letter-spacing:0.2px;}
.Style13{font-family: "Raleway", sans-serif; font-size:16px; color:#ffffff; font-weight:300; letter-spacing:0.2px;}
.Style14{font-family: Arial; font-size:25px; color:#000000; font-weight:400; letter-spacing:0.2px;}
.Style15{font-family: "Raleway", sans-serif; font-size:30px; color:#23485d; font-weight:200; letter-spacing:0.2px;}
.Style16{font-family: "Raleway", sans-serif; font-size:80px; color:#6eb22d; font-weight:200; letter-spacing:0.2px;}
.Style17{font-family: "Raleway", sans-serif; font-size:12px; color:#000000; font-weight:300; letter-spacing:0.2px;}
.Style18{font-family: "Raleway", sans-serif; font-size:12px; color:#ffffff; font-weight:300; letter-spacing:0.2px;}

.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

html { 
  margin:0;
  padding:0;
  background: url(../img/fond1.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:50px;
background:rgba(255,255,255,1);
z-index:99999;
/*border-bottom:1px solid black;*/
}
#contenu
{
top:50px; left:0; right:0;
position:fixed;
width:100%;
/*border-bottom:1px solid black;*/
}

#slide1
{
top:100%; left:0; right:0;
position:absolute;
width:100%;
background:rgba(255,255,255,1);
z-index:9999;
/*border-bottom:1px solid black;*/
}

#partners
{
top:2350px; left:0; right:0;
position:absolute;
width:100%;
background-color:#ffffff;
background-image:url(../img/fond.png);
/*border-bottom:1px solid black;*/
z-index:9999;
}

/*myBtn
{
outline:none;
cursor:pointer;
width:400px;
height:45px;
text-decoration:none;
font-family: "Raleway", sans-serif; font-size:18px; color:#6bc13b; text-align:center; /*text-transform:uppercase;
border:2px solid #6bc13b;
border-radius:5px;
background-color:#efefef;
z-index:9999;
}*/*/

/* Slide */
#slider{
        margin:0 auto;
        position:relative;
        overflow:hidden;
        width:479px;
        height:270px;
    }
    #slider img{
      width:auto;
      height:270px;
    }
    .img-wrap{
        position:absolute;
        text-align:center;
        width:100%;
    }
    .img-wrap p{
        display: none;
        position:absolute;
        top:5%;
        right:0;
        font-family: Arial sans-serif;
        font-size: 50px;
        padding:10px;
    }
    #prev, #next{
        display: block;
        position:absolute;
        width:54px;
        height:54px;
        z-index: 9999;
		
    }
    #prev{
        top:40%;
        left:5%;
        background: url('../img/b.png') center center;
    }
    #next{
        top:40%;
        right:5%;
        background: url('../img/h.png') center center;
    }
    .nav{
        display: table;
        width:100%;
    }
    .nav a{
        margin-top: 20px;
        text-transform: uppercase;
        font-size: 20px;
        display: table-cell;
        text-align: center;
        text-decoration: none;
        color:#222;
    }
    .nav a.current{
        background-color:#222;
        color:#fff;
    }

#dev
{
position:fixed;
top:500px; left:0; right:0;
width:100%;
z-index:999;
}

#decouv
{
position:absolute;
top:370%; left:0; right:0;
background-image:url(../img/fond2.jpg);
background-color:rgba(255,255,255,0,7);
width:100%;
height:420px;
z-index:9999;
}

#blocreserv
{
top:70px; right:0;
position:fixed;
width:500px;
height:50px;
background-color:#1c4c18;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
z-index:99999;
}

#about
{
position:absolute;
top:100%; left:0; right:0;
background-color:rgba(255,255,255,1);
width:100%;
height:705px;
z-index:999;
}

#present
{
position:absolute;
top:50px; left:0; right:0;
background-color:rgba(17,27,87,1);
width:100%;
height:200px;
z-index:999;
}

#present2
{
position:absolute;
top:280px; left:0; right:0;
width:100%;
z-index:999;
}

#present3
{
position:absolute;
top:2000px; left:0; right:0;
background-color:rgba(17,27,87,1);
width:100%;
height:200px;
z-index:999;
}

#FAQ
{
position:absolute;
top:2200px; left:0; right:0;
background-color:#eeeeee;
width:100%;
height:550px;
z-index:999;
}

#service
{
position:absolute;
top:207%; left:0; right:0;
background-color:rgba(114,112,111,1);
width:100%;
z-index:999;
}

#servbloc
{
position:relative;
top:0; left:0; right:0;
width:350px; height:400px;
background-color:rgba(255,255,255,0.9);
z-index:999;
border-radius:20px;
}

#prods
{
position:absolute;
top:295%; left:0; right:0;
background-color:#111b55;
width:100%;
z-index:999;
}

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

#contact
{
position:absolute;
top:2730px; left:0; right:0;
background-color:#efefef/*222222*/;
width:100%;
z-index:9999;
}

#footer
{
position:absolute;
top:2948px; left:0; right:0;
background-color:#23485d;
width:100%;
z-index:9999;
}

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

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

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

#footer5
{
position:absolute;
top:1100px; 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:500px;
height:50px;
line-height:50px;
border:1px solid #dddddd;

font-family: "Raleway", sans-serif; font-size:16px; color:#333333;
border-radius:10px;
}
#champs2
{
outline: none;
padding-left:10px;
width:390px;
height:50px;
line-height:50px;
border:1px solid #dddddd;

font-family: "Raleway", sans-serif; font-size:16px; color:#333333;
border-radius:10px;
}
#champs3
{
outline: none;
padding-left:10px;
width:800px;
height:50px;
line-height:50px;
border:1px solid #dddddd;

font-family: "Raleway", sans-serif; font-size:16px; color:#333333;
border-radius:10px;
}

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

#envoi
{
outline: none;
width:440px;
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;
}

#envoi2
{
outline: none;
width:150px;
height:45px;
background-color:#13374e;
border:0px solid;
font-family: "Raleway", sans-serif; font-size:16px; color:#ffffff; text-align:center; text-decoration:none;
border-radius:10px;
cursor:pointer;
}
#envoi2:hover
{
background-color:#009900;
transition:background-color 0.7s;
}

#bloc
{
position:relative;
width:250px;
height:150px;
background-color:#cccccc;
border-radius:10px;
}

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

/*VIDEO*/
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial;
  font-size: 17px;
}

#myVideo {
  position: fixed;
  top:-30px;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

/*.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}*/

#myBtn {
  width: 400px;
  height: 60px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #111b55;
  color: #fff;
  cursor: pointer;
  border-radius:10px;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}

/* IMG black */
.zoom-image a{
filter: opacity(0.4);
}
.zoom-image a:hover{
filter: opacity(1);
transition: 0.7s;
}

.zoom-ico a{
filter: opacity(0.4);
}
.zoom-ico a:hover{
filter: opacity(1);
}