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

* {margin: 0; padding: 0; border: 0;}

body {font-family: "Montserrat", sans-serif; color: #000; line-height: 1.4;}

#zone-top, #zone-mid, #zone-bas {padding: 5vw 0;}
#zone-top .div-inner, #zone-mid .div-inner, #zone-bas .div-inner {display: flex;}

.div-inner {width: 1450px; margin: 0 auto;}

.col {width: 50%;}
.col img {width: 100%; height: auto; display: block;}

.col:first-child .col-inner {padding-right: 10%;}
.col:last-child .col-inner {padding-left: 10%;}

h1 {display: block; height: 0; color: #fff;}
h2 {font-size: 40px; margin-bottom: 20px; line-height: 1;}
h2 span {font-size: 20px;}

p, ul {font-size: 21px; margin-bottom: 30px;}
p:last-child {margin-bottom: 0;}
p.intro { font-size: 25px;}

ul {list-style: none;}


#zone-mid {color: #fff; background: url("../images/bg-bleu.jpg") center center no-repeat; background-size: cover; background-attachment: fixed;}
#zone-mid h2, #zone-mid p, #zone-mid ul {color: #fff;}

#zone-mid ul {margin-bottom: 0; font-weight: bold;}
#zone-mid ul li {padding-left: 70px; background-size: 50px 50px; background-repeat: no-repeat; min-height: 60px; padding-top: 10px;}
#zone-mid ul li:nth-child(1) {background-image: url("../images/icons/tel.png");}
#zone-mid ul li:nth-child(2) {background-image: url("../images/icons/web.png");}
#zone-mid ul li:nth-child(3) {background-image: url("../images/icons/adresse.png");}
#zone-mid ul li:nth-child(4) {background-image: url("../images/icons/courriel.png");}
#zone-mid ul li a {color: #fff;}

.btn-arrondi {display: inline-block; padding: 15px 24px; font-size: 21px; font-weight: bold; border: 1px solid #fff; text-decoration: none; margin-top: 30px; border-radius: 20px;}

#zone-mid .col:first-child .btn-arrondi {background-color: #fff; color: #000;}
#zone-mid .col:first-child .btn-arrondi span {font-weight: normal; text-transform: uppercase; font-size: 16px; padding-left: 20px;}
#zone-mid .col:last-child .btn-arrondi {color: #fff;}

.btn-arrondi:hover {background-color: #000 !important; color: #fff !important; border-color: #000;}

#zone-bas img {border-radius: 20px;}




/* Transitions standard */

a, a * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;}