body, html {
padding:0;
margin:0;
border:0;
font-family: 'Roboto', sans-serif;
font-size:16px;
line-height:20px;
}

code {
display: inline-block;
}

code,
.hamburger {
vertical-align: middle;
}

a {
-webkit-transition:0.4s; /* Safari */
transition:0.4s;
text-decoration:none;
}

a:hover {
-webkit-transition:0.4s; /* Safari */
transition:0.4s;
}

h1 {
line-height:36px;
}

h2 {
color:#fff;
font-size:48px;
line-height:58px;
text-align:left;
text-shadow:2px 2px #000;
}

.texte-h2 {
color:#fff;
font-size:20px;
text-align:left;
font-size:600;
line-height:12px;
text-shadow:none;
}

h3 {
color:#fff;
font-size:30px;
text-transform:uppercase;
text-align:left;
text-shadow:2px 2px #000;
}

h3 a {
color:#fff;
text-decoration:none;
}

h4 {
font-size:20px;
margin:0;
line-height:30px;
}

ul {
padding:0;
}

.container {
max-width:1140px;
height:auto;
margin:0 auto;
padding:0 15px;
}

.container-pret {
max-width:1140px;
height:auto;
margin:250px auto 0 auto;
padding:0 15px;
position:relative;
z-index:11;
}

.container-pret ul, .container-pret ul li {
margin:0;
padding:0;
list-style:none;
line-height:43px;
}

.container-pret ul {
margin-top:80px;
}

.container-pret ul img {
float:left;
margin-right:20px;
}

.container-pret ul li {
line-height:71px;
font-size:40px;
color:#fff;
font-weight:500;
text-shadow:0px 0px 4px #000;
}

.container-adaptatif {
max-width:900px;
height:auto;
margin:0 auto;
padding:0 15px;
position:relative;
opacity:1!important;
-webkit-transition:0.7s; /* Safari */
transition:0.7s;
top:-64px;
}

#menu-container {
opacity:0;
-webkit-transition:0.7s; /* Safari */
transition:0.7s;
}

.row {
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-15px;
margin-left:-15px;
}

#rangee-001 {
position:relative;
padding:40px 0;
width:100%;
height:auto;
background-color:rgba(58,100,156, 0.91);
color:#fff;
}

#bordure-rangee-001 {
background-color:rgba(38, 44, 53, 0.75);
height:13px;
margin-top:100px;
position:relative;
}

#rangee-002 {
position:relative;
width:100%;
height:725px;
background-image:url('pret-prive_001.jpg');
background-repeat:no-repeat;
background-size:cover;
color:#fff;
}

#rangee-003 {
position:relative;
width:100%;
height:auto;
background-color:#fff;
}

#rangee-004 {
position:relative;
width:100%;
height:auto;
background-color:#3a649c;
color:#fff;
}

#rangee-005 {
position:relative;
width:100%;
background-color:#3d4450;
height:auto;
color:#fff;
font-size:16px;
font-weight:300;
line-height:60px;
text-align:center;
text-transform:uppercase;
}

#rangee-005 a {
color:#fff;
text-decoration:none;
}

#rangee-003-texte {
text-align:center;
padding:100px 0;
font-size:24px;
font-weight:300;
line-height:40px;
}

#rangee-003-texte a {
color:#000;
text-decoration:none;
}

#bloc-couple img {
bottom:-2px;
position:absolute;
}

#bloc-noir-001 {
display:block;
position:absolute;
height:auto;
background-color:rgba(38, 44, 53, 0.89);
top:60px;
margin-bottom:60px;
margin-right:20px;
padding:30px;
width:400px;
float:right;
right:30px;
}

#pret {
opacity:1;
top:100px;
position:relative;
z-index:99;
-webkit-transition:0.4s; /* Safari */
transition:0.4s;
}

.bpret {
opacity:0!important;
-webkit-transition:0.4s; /* Safari */
transition:0.4s;
}

#carrousel {
margin-top:80px;
margin-bottom:190px;
}

/* Formulaire */

.col-12-formulaire {
   margin-top:30px;
}

.container-pret button {
width:300px;
background-color:#3a649c;
height:50px;
color:#fff;
border:0;
text-transform:uppercase;
font-weight:500;
font-size:17px;
margin-top:40px;
cursor:pointer;
-webkit-transition:0.4s; /* Safari */
 transition:0.4s;
 display:block;
}

.container-pret button a {
color:#fff;
}

.container-pret button:hover {
background-color:#2f4f7b;
cursor:pointer;
-webkit-transition:0.4s; /* Safari */
 transition:0.4s;
}

input[type=text] {
width:100%;
height:30px;
}

textarea[type=text] {
width:100%;
}

input[type=submit] {
width:102%;
background-color:#3e454b;
height:50px;
color:#fff;
border:0;
text-transform:uppercase;
font-weight:500;
font-size:17px;
margin-bottom:30px;
margin-top:20px;
-webkit-transition:0.4s; /* Safari */
transition:0.4s;
}

input[type=submit]:hover {
background-color:#57616a;
cursor:pointer;
-webkit-transition:0.4s; /* Safari */
transition:0.4s;
}

/* Header */

#principal {
width:100%;
height:auto;
background-color:rgba(255, 255, 255, 0.9);
}

.toggle {
display:block!important;
-webkit-transition:0.7s; /* Safari */
transition:0.7s;
opacity:0.92!important;
overflow:hidden;
}

#menu-principal {
list-style:none;
margin:0 auto;
visibility:visible;
}

#menu-principal li {
float:left;
font-weight:300;
text-transform:uppercase;
margin:30px 30px;
line-height:82px;
}

#menu-principal li a:hover {
color:#3a649c;
}

#trois {
margin:20px 30px 0!important;
line-height:82px!important;
}

#menu-principal li a {
color:#000;
text-decoration:none;
}

#secondaire {
width:100%;
height:auto;
background-color:#3a649c;
visibility:visible;
}

#menu-secondaire {
list-style:none;
margin:0 auto;
}

#menu-secondaire li {
float:left;
font-size:13px;
font-weight:300;
text-transform:uppercase;
margin:6px 20px;
color:#fff;
}

#menu-secondaire li a {
color:#fff;
text-decoration:none;
}

#menu-secondaire li a:hover {
color:#89aee3;
}

.minuscules {
text-transform:lowercase;
}

#logo {
max-width:320px;
height:auto;
}

#menu-adaptatif-001 {
display:none;
width:100%;
}

#menu-adaptatif-002 {
width:100%;
background-color:#4a5667;
opacity:0;
position:relative;
height:auto;
display:none;
z-index:999;
-webkit-transition:0.7s; /* Safari */
transition:0.7s;
}

#menu-adaptatif-002 ul {
margin:1px 15px;
list-style:none;
padding:8px 0;
}

#menu-adaptatif-002 ul a {
color:#fff;
border-bottom-style:dotted;
text-decoration:none;
border-width:1px;
border-color:#cccfd3;
}


#menu-adaptatif-002 ul a li {
line-height:40px;
color:#fff;
font-size:15px;
text-transform:uppercase;
text-decoration:none;
}

#menu-adaptatif-002 ul a li:last-child {
border-width:0;
}

/* Footer */

/* Carrousel */

#slideshow{
position:fixed;
width:100%;
height:100%;
top:0;
}

#slideshow span{
position:absolute;
left:0;
top:0;
z-index:8;
opacity:0.0;
height:100%;
min-height:100%;
width:100%;
background-position:50% 50%;
background-size:cover;
background-repeat:no-repeat;
}

#slideshow span.active {
z-index:10;
opacity:1.0;
}

#slideshow span.last-active {
z-index:9;
}

/* Queries @ */

@media screen and (max-width: 990px) {

   #secondaire {
   visibility:hidden;
   }

   #bloc-noir-001 {
   width:75%;
   opacity:0.8;
   }

   #menu-principal {
   list-style:none;
   margin:0 auto;
   display:none;
   }

   #menu-adaptatif-001 {
   display:block;
   margin:15px;
   }

   #rangee-001 {
      margin-top:200px;
   }

   #pret {
   opacity:1;
   top:0;
   position:relative;
   z-index:99;
   -webkit-transition:0.4s; /* Safari */
   transition:0.4s;
   float:left;
   margin-right:40px;
   }

   h2 {
   line-height:50px;
   }

   .container-pret ul {
   margin-top:20px;
   }

   .container-pret ul li {
   font-size:3.6vw;
   text-shadow:0px 0px 2px #000;
   }

}

@media screen and (max-width: 900px) {

   .col-4 {
   -ms-flex: 0 0 46%;
   flex: 0 0 46%;
   max-width: 46%;
   }

}

@media screen and (max-width: 750px) {

   .col-6 {
   -ms-flex: 0 0 96%;
   flex: 0 0 96%;
   max-width: 96%;
   }

   .col-4 {
   -ms-flex: 0 0 100%;
   flex: 0 0 100%;
   max-width: 100%;
   text-align:center;
   margin-left:-15px;
   }

   #bloc-noir-001 {
   width:75%;
   opacity:0.8;
   }

   #bloc-couple img {
      width:97%;
      height:auto;
      max-width:620px;
   }

}

@media screen and (max-width: 600px) {

   .container-pret ul img {
   max-width:30px;
   height:auto;
   margin-right:8px;
   }

   .container-pret ul li {
   line-height:41px;
   margin:10px 0;
   }

   .container-pret button {
   margin:40px auto;
   }

}

@media screen and (max-width: 493px) {

   .container-adaptatif {
   margin-top:-31px;
   }

}


@media screen and (max-width: 430px) {

   #bloc-noir-001 {
   width:100%;
   opacity:0.75;
   position:relative;
   margin-bottom:60px;
   margin-right:20px;
   padding:30px 15px;
   float:none;
   right:15px;
   }

}

@media screen and (max-width: 380px) {

   #principal #logo {
   width:170px;
   height:auto;
   }

   .hamburger {
   margin-top:0!important;
   }

   h2 {
   line-height:40px;
   font-size:32px;
   }

   h3 {
   line-height:30px;
   font-size:24px;
   }

   .container-pret {
   max-width:1140px;
   height:auto;
   margin:0 auto;
   padding:0 15px;
   }

}

@media screen and (max-width: 354px) {

   .container-adaptatif {
   margin-top:-128px;
   }

   .container-pret ul li {
   font-size:5vw;
   text-shadow:0px 0px 2px #000;
   }

   .container-pret button {
      line-height:26px;
      padding:10px 10px;
      width:80%;
      height:auto;
   }

}

@media screen and (max-width: 346px) {

   .container-adaptatif {
   margin-top:-95px;
   }

}

@media screen and (max-width: 280px) {

   #principal #logo {
   width:170px;
   height:auto;
   }

   .hamburger {
   margin-top:0!important;
   }

}

@media screen and (max-width: 279px) {

   .container-adaptatif {
   margin-top:-127px;
   }

}