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

.Style1{font-family: "Raleway", sans-serif; font-size:50px; color:#000000; 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:lighter; letter-spacing:0.2px;}
.Style4{font-family: "Raleway", sans-serif; font-size:20px; color:#000000; font-weight:400; letter-spacing:0.2px;}
.Style5{font-family: "Raleway", sans-serif; font-size:50px; color:#ffffff; font-weight:lighter; 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:lighter; 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;}


.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/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:50px;
background:rgba(255,255,255,0.5);
z-index:9999;
/*border-bottom:1px solid black;*/
}
#header2
{
top:0; left:0; right:0;
position:fixed;
width:100%;
height:50px;
background:rgba(255,255,255,1);
z-index:9999;
/*border-bottom:1px solid black;*/
}

#btn a
{
display:block;
width:120px;
height:50px;
line-height:50px;
font-family: "Raleway", sans-serif; font-size:20px; font-weight:400; color:#111b55; letter-spacing:0.2px; text-decoration:none; text-align:center;
}
#btn a:hover
{
color:#3d498f;
} 

#btn1 a
{
display:block;
width:200px;
height:50px;
line-height:50px;
background-color:#111b55;
font-family: "Raleway", sans-serif; font-size:16px; font-weight:lighter; color:#ffffff; letter-spacing:0.2px; text-decoration:none; text-align:center;
border-radius:10px;
}
#btn1 a:hover
{
background-color:#3d498f;
}

#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;
}

#btn4 a
{
display:block;
width:200px;
height:50px;
line-height:50px;
background-color:#efefef;
font-family: "Raleway", sans-serif; font-size:16px; font-weight:lighte; color:#111b55; letter-spacing:0.2px; text-decoration:none; text-align:center;
border-radius:10px;
}
#btn4 a:hover
{
color:#3d498f;
} 

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 */



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

#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:441%; left:0; right:0;
background-color:#efefef/*222222*/;
width:100%;
z-index:999;
}

#footer
{
position:absolute;
top:561%; 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: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:440px;
height:50px;
line-height:50px;
border:0px solid #dddddd;
border-bottom: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;
}

#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;
  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);
}