@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:300,400,400i,700,700i,900');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.4;
}
html, body {
  position: relative;
  font-family: 'Roboto', sans-serif;
  color: #1d1d1b;
  font-size: 16px;
  font-weight: 300;
}
body {
  overflow-x: hidden;
}
body * {
  box-sizing: border-box;
}
h1 {
font-size: 3.2em;
font-weight: 400;
display: inline-block;
}

p {
margin-top: 0;
}	

p, h1, h2, h3 {
  position: relative;
}
::selection {
  background-color: #f48120;
  color: #fff;
}

/**
 * Generic
 */
a {color: #bac433;text-decoration: none; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; border: 0;}
a:hover, a:active, a:focus {text-decoration: none;}
img {display: block;max-width: 100%; height: auto;}
.col-md-20 {float: left; width: 20%;}
.col-md-50 {float: left; width: 50%;}
.col-md-100 {float: left; width: 100%;}
.container {max-width: 1600px; margin: 0 auto;}
body:not(.path-frontpage) .container {padding: 0 30px;}
.layout-sidebar-first {width: 20%; float: left;}
.layout-content {width: 100%;}
.has-sidebar-first .layout-content {width:80%;}
.has-sidebar-first.has-sidebar-second .layout-content {width:60%;}
main {background: rgba(255, 255, 255, 0.97); display: block; width: 100%; position: relative;}
li {list-style: none; padding: 0;}
button {background: #f39200; border-radius: 20px; border: 0; padding: 0.6em 1em 0.5em; font-size: 1.2em; text-transform: uppercase; color: white; line-height: 1; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
button:hover {background: #1d1d1b;}
.layout-container {margin-top: 70px;}
.path-frontpage .layout-container {margin-top: 0;}
h2, .field--name-field-titre {font-size: 1.2em; background: #1d1d1b; color: #f39200; font-weight: 700; font-style: italic; display: inline-block; padding: 0 0.2em; margin-top: 0;}

/*Header*/
.site-logo {position: fixed; top: 0; left: 4em; width: 125px; z-index: 10;}
.path-frontpage .site-logo {width: 250px; left: 0;}
.site-logo.sticky {width: 120px;}
.site-logo img {position: relative;}
.path-frontpage .site-logo:before {content:""; position: absolute; left: -195px; top: -685px; width: 800px; height: 800px; background: white; transform: rotate(68deg);-webkit-box-shadow: 10px 0px 12px -1px rgba(255,255,255,1); transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;
-moz-box-shadow: 10px 0px 12px -1px rgba(255,255,255,1);
box-shadow: 10px 0px 12px -1px rgba(255,255,255,1);} 
.path-frontpage .site-logo.sticky:before {top: -809px;}
.block-backgroundvideo {position: relative;}
#block-selecteurdelangue {z-index: 15; position: fixed; top: 0; right: 30px;}

.region-header .block-language ul {width: 112px; position: relative; padding-left: 0; margin-top: 23px;}
.path-frontpage .region-header .block-language ul {margin-top: 12px;}
.region-header .block-language ul li {float: left; line-height: 1; padding: 0; height: 26px; margin-bottom: 4px;}
.region-header .block-language ul li.fr a {background: url(../images/flag-fr.jpg) no-repeat center;}
.region-header .block-language ul li.en a {background: url(../images/flag-en.jpg) no-repeat center;}
.region-header .block-language ul li.is-active a {border: 1px solid #dddddd;}
.region-header .block-language ul li img {margin: 0 auto;}
.region-header .block-language ul li a {color: #434343; padding: 0.5em 1em; display: inline-block; background: #f2f2f2; width: 48px; box-sizing: border-box; height: 26px; overflow: hidden; text-indent: -9999px;} 
.region-header .block-language ul li.is-active {top: 0; left: 0; display: inline-block;}
.region-header .block-language ul li.is-active:after {cursor: pointer; content: ""; position: absolute; top: 0; left:0; width: 100%; height: 100%; box-sizing: border-box; background: none; text-indent: 0;}
.region-header .block-language ul li.is-active a {padding: 0.5em 2em 0.5em 1em; box-sizing: border-box; background-color: none;}
.region-header .block-language ul li a:hover {background-color: #db570f;}

/*Menu*/
#block-navigationprincipale {position: fixed; width: 100%; top: 0; right: 0; background: white;text-align: right; z-index: 5; height: 70px; border-bottom: 1px solid #dddddd;}
.path-frontpage #block-navigationprincipale {background: rgba(243, 126, 0, 0.85); height: 50px; border-bottom: 0;}
#superfish-main {display: inline-block; margin-right: 140px; margin-top: 10px;}
.path-frontpage #superfish-main {margin-top: 0;}
body ul.sf-menu a, body ul.sf-menu span {padding: 1em 1.5em; display: block; height: 50px; color: #555555; font-family: 'Montserrat', sans-serif; font-weight: 400;}
body ul.sf-menu a.sf-depth-2 {color: white; padding: 10px 18px; height: auto; font-size: 0.95em; display: inline-block;}
.path-frontpage ul.sf-menu a, .path-frontpage ul.sf-menu span {color: white}
body:not(.path-frontpage) ul.menu a.sf-depth-1.is-active, body:not(.path-frontpage) ul.menu li.sfHover > span, body:not(.path-frontpage) ul.menu a.sf-depth-1:hover {color: #f39200;}
ul.menu a.sf-depth-2.is-active {color: white;}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 60px; background: #f39200; color: white; padding: 10px 0; width: 210px!important;}
.path-frontpage ul.sf-menu li:hover > ul, .path-frontpage ul.sf-menu li.sfHover > ul {top: 50px;}
ul.sf-menu.menu li a, ul.sf-menu.menu li span {position: relative; overflow-x: hidden;}
ul.sf-menu.menu li a:before, ul.sf-menu.menu li span:before {content:""; position: absolute; left: -200%; bottom: 0.7em; width: 100%; height: 1px; background: #f39200; margin-left: 1.5em; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
ul.sf-menu.menu li a:hover:before, ul.sf-menu.menu li span:hover:before, ul.sf-menu.menu li a.is-active:before, ul.menu li.sfHover > span:before {left: 0;}
ul.sf-menu.menu li a:after, ul.sf-menu.menu li span:after {content:""; position: absolute; right: 0; top: 0; width: 1.5em; height: 96%; background: white;}
ul.sf-menu.menu li a.sf-depth-2:after {width: 18px; background: #f39200;}
ul.sf-menu.menu li a.sf-depth-2:before {background: white; margin-left: 18px; bottom: 0.25em;}
.path-frontpage ul.sf-menu.menu li a.sf-depth-1:after, .path-frontpage ul.sf-menu.menu li span.sf-depth-1:after {display: none;}
.path-frontpage ul.sf-menu.menu li a.sf-depth-1:before, .path-frontpage ul.sf-menu.menu li span.sf-depth-1:before {background: white; margin-left: 15%; width: 70%;}
.user-logged-in #block-navigationprincipale {top: 80px;}
.field--name-field-texte-large {text-align: justify;}

/*Homepage*/
.home-abs {position: absolute; top: 46%; right: 10%; font-family: 'Montserrat', sans-serif; width: 634px;}
.home-abs.sticky {position: fixed; top: 50px; }
.home-tte-1 {font-size: 2.5em; color: white; background: #f39200;}
.home-tte-2 {font-size: 2.5em; color: white; background: rgba(0, 0, 0, 0.35);}
.home-tte-3 {background: white; color: #344f60; font-family: 'Roboto', sans-serif; display: inline-block; padding: 0.6em; font-size: 1.3em; font-weight: 300;}
.home-tte-3 span {font-size: 1.1em; font-weight: 700;}
.home-tte-3 img {float: left; margin-right: 1em; width: 75px;}
.path-frontpage #block-vigourouxsea-content {text-align: center;}
#block-vigourouxsea-content h1 {margin: 0.8em 0 0; display: inline-block;}
#block-vigourouxsea-content h1 span {font-weight: 900;}
.path-frontpage #block-vigourouxsea-content article {max-width: 800px; margin: 0 auto;}
.path-frontpage main .container {max-width:2200px;}

/*Bloc lien accueil*/
.block-views-block-liens-accueil-block-1 {position: relative;}
.block-views-block-liens-accueil-block-1 .view-content {max-width: 1600px; margin: 0 auto;}
.block-views-block-liens-accueil-block-1 .views-row {float: left; padding: 0 2em; width: 25%;}
.view-display-id-block_1 {display: block; position: relative; padding-bottom: 4em; width: 100%; overflow: hidden;}
.view-display-id-block_1:before {content: ""; width: 150%; height: 800px; position: absolute; left: -18%; top: 14em; background: #eeeeee; transform: rotate(-10deg);} 
.title-wrapper {max-width: 1600px; margin: 0 auto 1em; padding: 0 2em;}
.title-wrapper-content {width: 50%; overflow: hidden;}
.title-wrapper-content span {display: inline-block; padding-right: 0.3em; position: relative; color: #f39200; font-size: 3em;}
.title-wrapper-content span:after {content: ""; width: 800px; height: 1px; background: #db570f; position: absolute; bottom: 30%; left: 100%;}
.cadre-lien {position: relative;}
.block-views-block-liens-accueil-block-1 .field-image {overflow: hidden; border-radius: 50%; position: relative;}
.block-views-block-liens-accueil-block-1 .field-description {position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); color: white; top: 0; left: 0; border-radius: 50%; opacity: 0; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.block-views-block-liens-accueil-block-1 .field-image:hover .field-description {opacity: 1;}
.block-views-block-liens-accueil-block-1 .field-description-txt {margin: 0 3em; font-size: 1.2em; text-align: center; position: relative; top: 50%; transform: translateY(-50%);}
.block-views-block-liens-accueil-block-1 .field-title {position: absolute; top: 1em; left: 0; font-size: 1.2em; padding: 0.2em 0.6em; border-radius: 20px; background: #1d1d1b; color: #f39200; font-weight: 700; font-style: italic;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:first-child {margin-top: 12em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(2) {margin-top: 8em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(3) {margin-top: 4em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(4) {margin-top: 0em;}

.content-bottom {display: block; width: 100%; background: white; position: relative;}
/*main.sticky .region-content {position: fixed; top: 50px; left: 0; width: 100%;}
main.sticky .block-views-block-liens-accueil-block-1  {position: fixed; top: 195px; left: 0; width: 100%;}*/

/*Bloc accueil 2*/
.block-bloacaccueil2 {background: url(../images/bg-feu.jpg) no-repeat center; background-size: 100%;}
.block-bloacaccueil2 .field--name-body {max-width: 1600px; margin: 0 auto;}
.columns-2 {height: 247px; margin: 4em 0; color: white;}
.column-2-left {width: 635px; float: left;}
.column-2-right {width: 490px; float: right;}
.column-2-left .column-left {width: 56%; float: left; height: 100%; background: #1d1d1b; padding: 1.5em;}
.column-2-left .column-right {width: 44%; float: left; height: 100%; background: #000000; text-align: center; padding: 1.5em;}
.column-2-right .column-left {width: 50%; float: left; height: 100%;}
.column-2-right .column-right {width: 50%; float: left; height: 100%; background: #000000; padding: 1.5em;}
.column-title {font-size: 3em; font-weight: 300; line-height: 1}
.column-title span{font-size: 0.7em; font-weight: 700;}
.column-left p {margin: 1.5em 0;}
.column-2-left .column-right button {margin-top: 1.5em;}
.column-2-right .column-right a {display: block; width: 100%; height: 100%; position: relative; border-radius: 50%; border: 1px solid #f39200; padding: 45% 1em 1em; color: white; text-align: center; font-size: 1.5em; font-weight: 300;}
.column-2-right .column-right a span {display: inline-block; font-size: 0.7em; font-weight: 700; background: #f39200; font-style: italic; padding: 0 0.5em;}
.column-2-right .column-right a:before {content: ""; width: 30px; height: 40px; position: absolute; top: 40px; left: 50%; background: url(../images/cat.png) no-repeat center; transform: translateX(-50%);}
.column-2-right .column-right a:hover {background: #1d1d1b;}

/*Bloc counter*/
.block-bloaccounter {max-width: 1600px; margin: 0 auto; text-align: center; padding: 4em 0;}
.img-counter {margin-bottom: 1em; display: inline-block; width: 80px; height: 80px; border-radius: 50%; background: #f39200;}
.img-counter img {margin: 0 auto; position: relative; transform: translateY(-50%); top: 50%;}
.counter-value {font-size: 3em; font-weight: 700; color: #f39200; line-height: 1;}

/*Bloc catalogue*/
.block-cata {position: fixed; width: 100%; top: 0; height: 100%; right: -100%; z-index: 2; padding-top: 50px; transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.block-cata .field--name-body {height: 100%;}
.block-cata iframe {width: 100%; height: 100%; border: 0;}
.has-cata .block-cata {right: 0;}
.has-cata .site-logo:before {display: none;}
.has-cata .site-logo {width: 100px;}
body ul.sf-menu span.close-cata {display: none; cursor: pointer; background: #1D1D1B;}
body.has-cata ul.sf-menu span.close-cata {display: block;}

/*Footer*/
footer {position: relative; background: #1d1d1b; text-align: center; color: white; padding: 2em 1em;}
footer ul.menu {display: inline-block;}
footer .menu li {float: left; padding: 0 0.5em; line-height: 0.9;}
footer .menu li:first-child {border-right: 1px solid white;}
footer a {color: white;}
footer a:hover {color: #f39200;}

/*Page interne*/
.page-title {color: #f39200; padding-right: 0.6em; line-height: 1; margin-bottom: 0;}
.page-title:after {content:""; width: 270px; height: 1px; background: #f39200; position: absolute; left: 100%; bottom: 25%;}
.breadcrumb {color: #999999; font-size: 0.8em; margin-bottom: 3em;}
.breadcrumb a {color: #999999;}
.breadcrumb ol li:nth-child(n+2):before {content: ' > ';}
.field--name-field-paragraphes > .field__item {display: inline-block; width: 100%; margin-bottom: 2em;}

/*Paragraphe Image-texte*/
.paragraph--type--image-texte > div {width: 50%; text-align: justify;}
.paragraph--type--image-texte .field--name-field-image-paragraphe img {margin: 0 auto;}
.img-right.paragraph--type--image-texte > div {padding: 0 0 0 1.5em;}
.img-right.paragraph--type--image-texte > div:first-child {padding: 0 1.5em 0 0;}
.img-left.paragraph--type--image-texte > div {padding: 0 1.5em 0 0;}
.img-left.paragraph--type--image-texte > div:first-child {padding: 0 0 0 1.5em;}
.img-left > div {float: right;}
.img-right > div {float: left;}

/*Paragraphe Fichiers*/
.field--name-field-fichiers-a-telecharger {display: flex; flex-wrap: wrap; margin: 0 -1em 1em;}
.field--name-field-fichiers-a-telecharger > .field__item {width: 25%; padding: 0 1em; margin: 1em 0;}
.field--name-field-fichiers-a-telecharger > .field__item span {width: 100%; padding: 0; height: 100%;}
.field--name-field-fichiers-a-telecharger > .field__item a {border: 1px solid #dddddd; display: block; width: 100%; padding: 0.8em 0.8em 0.8em 4em; height: 100%; position: relative; color: #1d1d1b; font-weight: 700; text-transform: uppercase;}
.field--name-field-fichiers-a-telecharger > .field__item a:before {content: ""; width: 3em; height: 100%; position: absolute; left: 0; top: 0; border-right: 1px solid #dddddd; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.field--name-field-fichiers-a-telecharger > .field__item a:after {content: ""; width: 2.5em; height: 2.5em; position: absolute; left: 0.5em; top: 50%; transform: translateY(-50%); background: url(../images/dl.svg) no-repeat 3px -38px; background-size: 27px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.field--name-field-fichiers-a-telecharger > .field__item a:hover:after {background-position: 3px 7px;}
.field--name-field-fichiers-a-telecharger > .field__item a:hover:before, .field--name-field-fichiers-a-telecharger > .field__item a:hover {border-color: #f39200;}
.file--image {background: none;}

/*Paragraphe Liste d'images*/
.paragraph--type--liste--images {margin: 0 -10px;}
.field--name-field-images {display: flex; flex-wrap: wrap;}
.field--name-field-images > .field__item {padding: 0 10px; margin-bottom: 1.5em;}
.field--name-field-images > .field__item img {margin: 0 auto;}
.col-2 .field--name-field-images > .field__item {width: 50%;}
.col-3 .field--name-field-images > .field__item {width: 33.33333%;}
.col-4 .field--name-field-images > .field__item {width: 25%;}


/*Bloc calcul*/
.block-calculchainedancre {position: relative;}
.block-calculchainedancre .form-item {margin-bottom: 0.8em;}
.box-calc {position: absolute; top:20%; left: 50%; width: 500px; background: white; padding: 2em;}
.choose-weight {width: 100%; border: 1px solid #dddddd; height: 30px; margin-top: 0.5em; width: 100%;}
#input-meter {border: 1px solid #dddddd; height: 30px; margin-top: 8px; width: 80%; padding-left: 5px;}
.unit-meter {width: 20%; height: 30px; border: 1px solid #dddddd; border-left: 0; text-align:center; float: right; margin-top: 8px; color: #dddddd; font-size: 0.9em; line-height: 1.9;}
.box-calc label {position: relative;}
.help-desc {position: absolute; right: 0; bottom: 25px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
 padding: 0.5em 0.8em; text-align: center; background: white; color: #f39200; font-weight: 700; display: none;}
.is-help {cursor: pointer; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #dddddd; display: inline-block; text-align: center; color: #dddddd; font-size: 0.9em;}
.is-help:hover .help-desc {display: block;}
.box-calc input[type=radio] {margin: 0 0.6em 0 1em;}
.box-calc button {border-radius: 0; width: 200px; padding: 0.5em; color: white; font-weight: 300; background: #cccccc;}
.box-calc button:hover {background: #1d1d1b;}
.result-calc {border: 1px solid #dddddd; padding: 1em; display: none;}
.result-calc label {color: #f39200; font-weight: 700; font-style: italic;}
.box-calc p {font-size: 0.9em; color: #aaaaaa; margin-top: 0.5em;}
.result-ok, .result-none, .result-nd, .result-mixt {display: none;}


/*Contact*/
.field--name-webform {width: 50%; float: left; padding-right: 1.5em;}
.page-node-type-webform article {display: inline-block; width: 100%;}
.page-node-type-webform article .field--name-body {width: 50%; float: left; padding-left: 1.5em; position: relative; margin-top: -4em;}
.page-node-type-webform article .field--name-body img {width: 69%;}
.contact-abs {color: white; padding: 3em; position: absolute; left: 53%; bottom: 22%; background: #f39200;}
.contact-abs a {color: white;}
.webform-submission-form .form-type-textfield, .form-item.js-webform-radios-fieldset, .form-type-email {width: 50%; float: left; margin: 0 0 1em 0;}
.form-type-textarea {display: inline-block; width: 100%;}
.webform-submission-form .form-type-textfield input, .form-type-email input {width: 100%; padding: 0.2em 0.5em; border: 1px solid #dddddd;}
.webform-submission-form textarea {border: 1px solid #dddddd;}
.selected label {color: #f39200;}
.selected input, .selected textarea {border-color: #f39200!important;}
.webform-button--submit {border: 1px solid #dddddd; width: 50%; margin: 2em 25% 0!important; letter-spacing: 2px; text-align: center; text-transform: uppercase; padding: 0.3em; background: white; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.webform-button--submit:hover {border-color: #f39200;}
.form-composite > legend, .label, label.option {font-weight: 300;}
.col-left {padding-right: 1em;}
.col-right {padding-left: 1em;}
.form-radios .form-type-radio {float: left; margin: 0 1.5em 0 0; }
.form-item, .form-actions {margin: 0;}
.form-item-raison-sociale {display: none;}
.webform-submission-form .form-type-textfield.form-item-raison-sociale {margin-bottom: 0.5em;}
.label-oblig {color: #aaaaaa; margin-left: 25%;}
.captcha {margin: 2em 0 0;}


@media (max-width: 1800px) {
.block-bloacaccueil2 .field--name-body {margin: 0 15px;}
}

@media (max-width: 1625px) {
.path-frontpage .site-logo {width: 180px;}
.path-frontpage .site-logo:before {top: -760px;}
.site-logo.sticky {width: 120px;}
}

@media (max-width: 1540px) {
.block-views-block-liens-accueil-block-1 .field-description-txt {margin: 0 1.5em; font-size: 1em;}
ul.sf-menu.menu li a:after, ul.sf-menu.menu li span:after {width: 1em;}
ul.sf-menu.menu li a:before, ul.sf-menu.menu li span:before {margin-left: 1em;}
.contact-abs {left: 44%; bottom: 15%;}
}	

@media (max-width: 1415px) {
#block-selecteurdelangue {right: 0;}
#superfish-main {margin-right: 60px;}
body ul.sf-menu a, body ul.sf-menu span {padding: 1em;}
}	

@media (max-width: 1315px) {
.column-2-left {width: 480px;}
.column-title {font-size: 2.1em;}
.column-2-right {width: 400px;}
.columns-2 {height: 202px;}	
.column-2-right .column-right a {padding: 35% 0.5em 1em; font-size: 1.3em;}
.column-2-right .column-right a:before {top: 15px;}
.field--name-field-fichiers-a-telecharger > .field__item {width: 33.33333%;}
.field--name-field-fichiers-a-telecharger > .field__item a {font-size: 0.9em;}
.field--name-field-paragraphes > .field__item {margin-bottom: 1em;}
.page-node-type-webform article .field--name-body img {width: 78%;}
.contact-abs {padding: 2em;}
}

@media (max-width: 1250px) {
.home-abs {width: 484px;}
.home-tte-1, .home-tte-2 {font-size: 2em;}
.home-tte-3 {font-size: 1em;}
.path-frontpage .site-logo, .site-logo.sticky {width: 120px;}
.path-frontpage .site-logo:before {top: -809px;}
body ul.sf-menu a, body ul.sf-menu span {padding: 1em 0.5em;}
.path-frontpage ul.sf-menu.menu li a.sf-depth-1:before, .path-frontpage ul.sf-menu.menu li span.sf-depth-1:before {margin-left: 10%; width: 80%;}
h1 {font-size: 2.5em;}
.title-wrapper-content span {font-size: 2.3em;}
.block-views-block-liens-accueil-block-1 .views-row {float: left; padding: 0 1em;}
.view-display-id-block_1 {padding-bottom: 2em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(3) {margin-top: 3em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(2) {margin-top: 7em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:first-child {margin-top: 10em;}
.view-display-id-block_1:before {top: 12em;}
.block-views-block-liens-accueil-block-1 .field-title {font-size: 1em;}
.block-views-block-liens-accueil-block-1 .field-description-txt {font-size: 0.9em; margin: 0 1em;}
ul.sf-menu.menu li a:after, ul.sf-menu.menu li span:after {width: 0.5em;}
ul.sf-menu.menu li a:before, ul.sf-menu.menu li span:before {margin-left: 0.5em;}
.box-calc {width: 400px; transform: translateX(-50%);}
}	

@media (max-width: 1030px) {
.column-2-left {width: 320px;}	
.column-title {font-size: 1.3em;}
.column-title span {font-weight: 400;}
.column-2-left .column-left,.column-2-left .column-right, .column-2-right .column-right {padding: 1em;}
.column-left p {margin: 1em 0; font-size: 14px;}
.column-2-left .column-right button {font-size: 0.8em;}
.columns-2 {height: 160px;}
.column-2-right {width: 316px;}
.page-node-type-webform article .field--name-body img {width: 100%;}
.contact-abs {left: inherit; right: 0;}
.field--name-webform {padding-right: 0.5em;}
.col-left {padding-right: 0.5em;}
.col-right {padding-left: 0.5em;}
.page-node-type-webform article .field--name-body {padding-left: 0.5em;}
.contact-abs {padding: 1em;}
}	

@media (max-width: 992px) {
.path-frontpage .site-logo, .site-logo.sticky, .site-logo {width:100%; background: white;}
.site-logo img {width: 120px; margin: 0 auto;}
.path-frontpage .site-logo:before {display: none;}
.path-frontpage #block-navigationprincipale {height: 105px; padding-top: 55px;}
#block-navigationprincipale {height: 105px; padding-top: 55px;}
.layout-container {margin-top: 100px;}
#superfish-main {margin: 0;}
h1 {font-size: 2em;}
.title-wrapper-content span {font-size: 1.6em;}
.block-views-block-liens-accueil-block-1 .field-description-txt {font-size: 0.8em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(4) {margin-top: 2em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(3) {margin-top: 4em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(2) {margin-top: 6em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:first-child {margin-top: 8em;}
.view-display-id-block_1:before {top: 10em;}
.block-views-block-liens-accueil-block-1 .field-title {top: 0.5em;}
.img-right.paragraph--type--image-texte > div {padding: 0 0 0 1em;}
.img-right.paragraph--type--image-texte > div:first-child {padding: 0 1em 0 0;}
.img-left.paragraph--type--image-texte > div {padding: 0 1em 0 0;}
.img-left.paragraph--type--image-texte > div:first-child {padding: 0 0 0 1em;}
.breadcrumb {margin-bottom: 1em;}
.site-logo {left: 0;}
.box-calc {width: 600px; top: 2em; font-size: 0.8em;}
.is-help {line-height: 1.5;}
}	

@media (max-width: 840px) {
.field--name-field-fichiers-a-telecharger > .field__item {padding: 0 0.5em; margin: 1em 0 0;}
.field--name-field-fichiers-a-telecharger > .field__item a {font-size: 0.8em;}
.field--name-field-fichiers-a-telecharger > .field__item a:after {left: 0.2em;}
}	

@media (max-width: 768px) {
#superfish-main-toggle {display: block; width: 100%; text-align: center; height: 50px; padding: 1em; color: white; text-transform: uppercase; font-weight: 400; background: #f39200;}	
#superfish-main-accordion {background: #f39200;}
ul.sf-menu ul {position: relative; top: 0; padding-left: 1em!important;}
.path-frontpage ul.sf-menu li:hover > ul, .path-frontpage ul.sf-menu li.sfHover > ul {top: 0; padding: 0;}
ul.sf-menu.menu li a:before, ul.sf-menu.menu li span:before {display: none;}
.block-views-block-liens-accueil-block-1 .views-row {width: 50%; padding: 0 3em;}
.block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(4), .block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(3), .block-views-block-liens-accueil-block-1 .view-content .views-row:nth-child(2), .block-views-block-liens-accueil-block-1 .view-content .views-row:first-child {margin: 0 0 2em;}
.view-display-id-block_1:before {top: 40%;}
body ul.sf-menu a, body ul.sf-menu span, body:not(.path-frontpage) ul.menu a.sf-depth-1.is-active, body:not(.path-frontpage) ul.menu li.sfHover > span, body:not(.path-frontpage) ul.menu a.sf-depth-1:hover {color: white;}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 0; padding: 0;}
ul.sf-menu.menu li a:after, ul.sf-menu.menu li span:after {display: none;}
.box-calc {width: 100%; top: 0; position: relative;}
.block-calculchainedancre img {display: none;}
}

@media (max-width: 710px) {
.home-tte-1, .home-tte-2 {font-size: 1.3em;}
.home-tte-3 {font-size: 0.9em;}
.home-abs {width: 326px;}
.title-wrapper-content {width: 100%;}
.column-2-left, .column-2-right {float: none; margin: 1em auto; display: inline-block; text-align: left;}
.block-bloacaccueil2 .field--name-body {text-align: center;}
.block-bloacaccueil2 {background: white; padding-top: 1em;}
.counter-value {font-size: 2em;}
.block-bloaccounter {font-size: 0.9em;}
}	

@media (max-width: 600px) {
html, body {font-size: 15px;}
h1 {font-size: 1.5em;}
.block-views-block-liens-accueil-block-1 .views-row {padding: 0 1.5em;}
.title-wrapper-content span {font-size: 1.4em;}
.block-bloaccounter {padding: 1em 0;}
.counter {display: flex; flex-wrap: wrap;}
.counter .col-md-20 {float: none; width: 33.3333%; margin-bottom: 1em;}
.paragraph--type--image-texte > div {width: 100%;}
.img-right.paragraph--type--image-texte > div, 
.img-right.paragraph--type--image-texte > div:first-child, 
.img-left.paragraph--type--image-texte > div, 
.img-left.paragraph--type--image-texte > div:first-child {padding: 0;}
.field--name-field-fichiers-a-telecharger > .field__item {width: 50%;}
.is-help {line-height: 1.7;}
.field--name-webform, .page-node-type-webform article .field--name-body {width: 100%; padding: 0;}
}	

@media (max-width: 530px) {
.home-tte-1, .home-tte-2 {font-size: 1.3em;}
.home-tte-3 {font-size: 0.9em;}
.home-abs {width: 100%; position: relative; top: 0; left: 0;}
.block-backgroundvideo {margin-top: 50px;}
.block-backgroundvideo video {display: block;}
}

@media (max-width: 440px) {
.block-views-block-liens-accueil-block-1 .views-row {width: 100%; padding: 0 3em;}	
.title-wrapper {padding: 0 1em;}
#block-vigourouxsea-content h1 {margin: 0.2em;}
.field--name-field-fichiers-a-telecharger > .field__item {width: 100%;}
}	

@media (max-width: 390px) {
.home-tte-1, .home-tte-2 {font-size: 1em; padding: 0 0.5em;}
.home-tte-3 {font-size: 0.8em;}
.column-2-left .column-left, .column-2-left .column-right, .column-2-right .column-left, .column-2-right .column-right, .column-2-right, .column-2-left {width: 100%;}
.columns-2 {height: 100%;}
.column-2-right .column-right a {width: 150px; height: 150px; padding: 21% 0.5em 1em; margin: 0 auto;}
.contact-abs {bottom: 10%; font-size: 0.9em;}
}