/*
Theme Name: Starter Template
Theme URI: http://underscores.me/
Author: DVA Digital
Author URI: https://www.dva-digital.com
Description: Minimal and unstyled starter template
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Starter Template is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden], template {
  display: none;
}
a {
  background-color: transparent;
}
a:active, a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b, strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled], html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td, th {
  padding: 0;
}
/* FONT FACE */
/* VARIABLES */
html, body, #content_repeater .line_galerie .container, #content_repeater .line_pictos .container {
  padding: 0;
  margin: 0;
  list-style: none;
}
/* GLOBAL */
html {
  font-family: "Roboto", sans-serif;
  color: #000000;
}
a {
  color: #197CB0;
  text-decoration: none;
}
h1 {
  font-family: "Yanone Kaffeesatz", sans-serif;
}
h2 {
  font-family: "Yanone Kaffeesatz", sans-serif;
}
img {
  max-width: 100%;
  height: auto;
}
/* WORDPRESS */
.gallery {
  display: flex;
  flex-flow: row wrap;
}
.gallery figure {
  margin: 5px;
}
.gallery a {
  display: block;
}
.alignnone, .alignleft, .wp-caption.alignnone, .wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.alignleft {
  float: left;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright, .wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.alignright {
  float: right;
}
.wp-caption .wp-caption-text, .gallery-item .wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/* CLASS */
.clear {
  clear: both;
}
.wrapper, .line_width_wrapper, .line_width_full .container {
  width: 1465px;
  max-width: 95%;
  margin: 0 auto;
}
/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.0 Page
--------------------------------------------------------------*/
#content_repeater .line_bg_color .container, #content_repeater .line_bg_image .container {
  position: relative;
  z-index: 5;
}
#content_repeater .line_bg_color.line_width_wrapper, #content_repeater .line_bg_image.line_width_wrapper {
  padding-right: 40px;
  padding-left: 40px;
}
#content_repeater .line_bg_image {
  position: relative;
  background-size: cover;
  background-position: center center;
}
#content_repeater .line_bg_image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 30, 57, 0.45);
  z-index: 1;
}
#content_repeater .line_text_light * {
  color: #ffffff;
}
#content_repeater .line_image .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
#content_repeater .line_image .container .img {
  background-size: cover;
  background-position: center center;
}
#content_repeater .line_image .container .text {
  flex-basis: 0;
  flex-grow: 1;
  padding-right: 40px;
}
#content_repeater .line_image .container.line_align_reverse {
  flex-flow: row-reverse nowrap;
}
#content_repeater .line_image .container.line_align_reverse .text {
  padding-left: 40px;
  padding-right: 0;
}
@media (max-width: 800px) {
  #content_repeater .line_image .container {
    flex-flow: column;
  }
  #content_repeater .line_image .container .img {
    width: 100% !important;
    height: 80vw;
  }
  #content_repeater .line_image .container .text {
    width: 100%;
    padding: 0 0 40px 0;
  }
  #content_repeater .line_image .container.line_align_reverse {
    flex-flow: column-reverse;
  }
  #content_repeater .line_image .container.line_align_reverse .text {
    padding: 40px 0 0 0;
  }
}
#content_repeater .line_colonnes .container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
#content_repeater .line_colonnes .container.line_colonnes_2 > div {
  width: 48%;
}
#content_repeater .line_colonnes .container.line_colonnes_3 > div {
  width: 31%;
}
#content_repeater .line_colonnes .container.line_colonnes_4 > div {
  width: 24%;
}
@media (max-width: 800px) {
  #content_repeater .line_colonnes .container {
    flex-flow: row wrap;
  }
  #content_repeater .line_colonnes .container > div {
    margin-bottom: 30px;
  }
  #content_repeater .line_colonnes .container.line_colonnes_2 > div {
    width: 100%;
  }
  #content_repeater .line_colonnes .container.line_colonnes_3 > div {
    width: 48%;
  }
  #content_repeater .line_colonnes .container.line_colonnes_3 > div:last-child {
    width: 100%;
  }
  #content_repeater .line_colonnes .container.line_colonnes_4 > div {
    width: 48%;
  }
}
@media (max-width: 450px) {
  #content_repeater .line_colonnes .container > div {
    width: 100% !important;
  }
}
#content_repeater .line_galerie .container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#content_repeater .line_galerie .container li {
  display: block;
  background-size: cover;
  background-position: center center;
  margin-bottom: 15px;
  position: relative;
  transition: 0.2s;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container li {
    margin-bottom: 1vw !important;
  }
}
#content_repeater .line_galerie .container li a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.2s;
}
#content_repeater .line_galerie .container li a:after {
  content: "+";
  color: #ffffff;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-180deg);
  font-weight: 700;
  font-size: 32px;
  transition: 0.2s;
}
#content_repeater .line_galerie .container li span {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  max-height: 35%;
  overflow: hidden;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  background-color: #ffffff;
  opacity: 0;
  transition: 0.2s;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container li span {
    padding: 1vw;
  }
}
#content_repeater .line_galerie .container li:hover a {
  background-color: rgba(0, 30, 57, 0.45);
}
#content_repeater .line_galerie .container li:hover a:after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg);
}
#content_repeater .line_galerie .container li:hover span {
  opacity: 1;
}
#content_repeater .line_galerie .container.line_gal_1 li {
  height: 500px;
  width: 100%;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_1 li {
    height: 80vw;
  }
}
#content_repeater .line_galerie .container.line_gal_2 li {
  height: 300px;
  width: 49%;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_2 li {
    height: 40vw;
  }
}
#content_repeater .line_galerie .container.line_gal_3 li {
  height: 250px;
  width: 32.5%;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_3 li {
    height: 26vw;
  }
}
#content_repeater .line_galerie .container.line_gal_4 li {
  height: 200px;
  width: 24%;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_4 li {
    height: 20vw;
  }
}
#content_repeater .line_galerie .container.line_gal_5 li {
  height: 160px;
  width: 19%;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_5 li {
    height: 20vw;
  }
}
#content_repeater .line_galerie .container.line_gal_6 li {
  height: 140px;
  width: 16%;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_6 li {
    height: 13vw;
  }
}
#content_repeater .line_galerie .container.line_gal_7 li {
  height: 120px;
  width: 13.5%;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_7 li {
    height: 11vw;
  }
}
#content_repeater .line_galerie .container.line_gal_8 li {
  height: 100px;
  width: 12%;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_8 li {
    height: 10vw;
  }
}
#content_repeater .line_galerie .container.line_gal_9 li {
  height: 90px;
  width: 10.5%;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_9 li {
    height: 9vw;
  }
}
#content_repeater .line_galerie .container.line_gal_10 li {
  height: 80px;
  width: 9.5%;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  #content_repeater .line_galerie .container.line_gal_10 li {
    height: 8vw;
  }
}
@media (max-width: 800px) {
  #content_repeater .line_galerie .container.line_gal_10 li, #content_repeater .line_galerie .container.line_gal_9 li, #content_repeater .line_galerie .container.line_gal_8 li, #content_repeater .line_galerie .container.line_gal_7 li, #content_repeater .line_galerie .container.line_gal_6 li {
    width: 19%;
    height: 20vw;
  }
}
@media (max-width: 450px) {
  #content_repeater .line_galerie .container.line_gal_10 li, #content_repeater .line_galerie .container.line_gal_9 li, #content_repeater .line_galerie .container.line_gal_8 li, #content_repeater .line_galerie .container.line_gal_7 li, #content_repeater .line_galerie .container.line_gal_6 li, #content_repeater .line_galerie .container.line_gal_5 li, #content_repeater .line_galerie .container.line_gal_4 li {
    width: 32.5%;
    height: 26vw;
  }
}
#content_repeater .line_faq .container .faq {
  position: relative;
}
#content_repeater .line_faq .container .faq:after, #content_repeater .line_faq .container .faq:first-child:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #197CB0;
  opacity: 0.4;
  transition: 0.2s;
}
#content_repeater .line_faq .container .faq:first-child:before {
  bottom: auto;
  top: 0;
}
#content_repeater .line_faq .container .faq:hover:after, #content_repeater .line_faq .container .faq.active:after {
  opacity: 1;
}
#content_repeater .line_faq .container .faq .question {
  padding: 30px 60px 30px 0;
  position: relative;
  cursor: pointer;
}
#content_repeater .line_faq .container .faq .question:after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 27px;
}
#content_repeater .line_faq .container .faq .question > * {
  margin: 0;
}
#content_repeater .line_faq .container .faq.active .question:after {
  content: "-";
}
#content_repeater .line_faq .container .faq .reponse {
  display: none;
  padding: 0 60px 10px 0;
}
@media (max-width: 450px) {
  #content_repeater .line_faq .container .faq .reponse {
    padding: 0 0 10px 0;
  }
}
#content_repeater .line_pictos .container {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
#content_repeater .line_pictos .container li {
  display: block;
  width: 22%;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  #content_repeater .line_pictos .container li {
    width: 48%;
  }
}
@media (max-width: 450px) {
  #content_repeater .line_pictos .container li {
    width: 100%;
  }
}
#content_repeater .line_pictos .container li .h4 {
  padding-bottom: 12px;
}
#content_repeater .line_pictos .container li .h4:after {
  display: block;
  top: auto;
  width: 20px;
  height: 2px;
}
#content_repeater .line_pictos .container li span {
  display: block;
  width: 55px;
  height: 55px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}
#content_repeater .line_pictos .container.line_align_centre li {
  text-align: center;
}
#content_repeater .line_pictos .container.line_align_centre li .h4:after {
  left: calc(50% - 10px);
}
#content_repeater .line_pictos .container.line_align_centre li span {
  margin: 0 auto;
}
#content_repeater .line_pictos .container.line_align_droite li {
  text-align: right;
}
#content_repeater .line_pictos .container.line_align_droite li .h4:after {
  left: auto;
  right: 0;
}
#content_repeater .line_pictos .container.line_align_droite li span {
  margin: 0 0 0 auto;
}
/*--------------------------------------------------------------
5.0 Footer
--------------------------------------------------------------*/