:root {
--fushia: #B2B2B2;
--blanc: rgb(255, 255, 255);
--bleufonce: #001B3F;
--bleu: #1790DF;
--grisclair: rgb(232, 232, 232);
--grismed: #B2B2B2;
--gris: rgb(70, 69, 69);
--grisfonce: #333333;
--noir: #001B3F;
--noirtransp: rgba(0, 0, 0, .4);
--noir-01: rgba(0, 0, 0, .05);
--noir-02: rgba(0, 0, 0, .2);
--filtre: rgb(0, 0, 0, .6);
--degfooterst: rgb(18, 18, 18);
--degfooterend: rgb(51, 51, 51);
}
[data-ratio] {
display: block;
max-width: 100%;
position: relative
}
[data-ratio]:before {
content: '';
display: block;
}
[data-ratio]>* {
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
[data-ratio='20:9']::before {
padding-top: 47.5%;
}
[data-ratio='16:9']::before {
padding-top: 56.25%;
}
[data-ratio='4:3']::before {
padding-top: 75%;
}
[data-ratio='3:4']::before {
padding-top: 133.33%;
}
[data-ratio='1:1']::before {
padding-top: 100%;
}
[data-ratio='page']::before {
padding-top: 141.51%
}
.has-bleu-color {
color: var(--bleu);
}
.has-fushia-color {
color: var(--fushia);
}
.has-gris-color {
color: var(--gris);
}
.has-grisfonce-color {
color: var(--grisfonce);
}
.has-bleu-background-color {
background-color: var(--bleu);
}
.has-fushia-background-color {
background-color: var(--fushia);
}
.has-gris-background-color {
background-color: var(--gris);
}
.has-grisfonce-background-color {
background-color: var(--grisfonce);
}
html {
font-size: 14px;
font-family: 'Roboto', sans-serif;
}
body {
margin: 0;
text-align: center;
font-size: 1rem;
font-weight: 300;
color: var(--noir);
}
a {
text-decoration: none;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
img {
height: auto;
vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-align: left;
margin: 1em 0;
font-weight: 700;
}
h1 {
font-size: 3rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
h4,
h5,
h6 {
font-size: 1.25rem;
}
.center {
text-align: center;
}
.bts {
text-align: left;
}
a.bouton,
.popupaoc-button {
color: var(--bleu);
display: inline-block;
padding: 0.75rem 1rem;
border: 2px solid;
font-size: 1.2rem;
text-align: center;
border-radius: 0;
}
.popupaoc-button {
color: var(--blanc);
border: 2px solid var(--bleu);
}
a.bouton:hover,
.popupaoc-button:hover {
background-color: var(--grismed);
color: var(--blanc);
border: 2px solid var(--grismed);
}
a.bouton.plein {
background-color: var(--bleu);
color: var(--blanc);
border: 2px solid var(--bleu);
}
a.bouton.plein:hover {
background-color: var(--grismed);
border: 2px solid var(--grismed);
}
.cover {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.bleu {
color: var(--bleu);
}
.fushia {
color: var(--fushia);
}
.contenu>.inner {
width: 90%;
margin: 0 auto;
}
.contenu .ariane {
text-align: left;
font-size: 0.8rem;
padding: 1.5rem 0;
}
.contenu .ariane a {
color: var(--gris);
}
.contenu .ariane a:hover {
color: var(--bleu);
}
.contenu h1 {
font-weight: 400;
margin: 1em 0;
font-size: 2.267rem; position:relative; 
}
.contenu h1.categ::after {
content:"";display:block;  width:80px; height:3px; background-color:var(--bleu); position:absolute; left:0; top:130%;
}
.contenu h2 {
font-weight: 400;
margin: 1em 0;
font-size: 1.6rem;
}
#form_enqutedesatisfaction{
text-align:left; max-width:1024px; margin:3rem auto;
}
#form_enqutedesatisfaction input {
font-family: 'Roboto', sans-serif; font-size:1rem;
width:calc(100% - 1rem); padding:0.5rem;
}
#form_enqutedesatisfaction input[type=text], #form_enqutedesatisfaction input[type=email] {
border:none; background-color:rgba(255,255,255,.7); padding-top:1rem; padding-bottom:1rem;
}
#form_enqutedesatisfaction input[type=radio], #form_enqutedesatisfaction input[type=checkbox] {
width:auto;
}
#form_enqutedesatisfaction fieldset{
border:none; padding:0;
}
#form_enqutedesatisfaction label, #form_enqutedesatisfaction .frm_primary_label{
padding:0.5rem 0 0.25rem 0;
}
#form_enqutedesatisfaction .frm_primary_label{
font-weight:700; color: var(--grismed);
}
#form_enqutedesatisfaction h3{
color: var(--bleu); font-size:1.15rem; text-transform:uppercase; position:relative; padding-left:10px;
}
#form_enqutedesatisfaction h3 span{
background-color: var(--bleu); color: var(--blanc); display:inline-block;width:50px; height:50px; line-height:50px; text-align:center;
border-radius:2rem; position:absolute; left:0; top:50%;
-webkit-transform: translate(-100%, -5%); transform: translate(-100%, -50%);
}
#form_enqutedesatisfaction .frm_section_heading{
background-color: var(--grisclair); margin:1.5rem 0; padding:1rem;
}
#form_enqutedesatisfaction .frm_form_field{
margin:0 0 1.25rem 0;
}
.dz-message svg{
width:40px; height: auto;
}
.frm-star-group input + label::before, .frm-star-group .star-rating::before {
color: var(--fushia);
}
.frm-star-group:not(.frm-star-hovered) input[type="radio"]:checked + label::before, .frm-star-group input + label:hover::before, .frm-star-group:hover input + label:hover::before, .frm-star-group .star-rating-on::before, .frm-star-group .star-rating-hover::before {
color: var(--fushia);
}
.frm-star-group .star-rating, .frm-star-group input + label{
margin-right:1rem;
}
#form_enqutedesatisfaction .frm_submit button{
background-color: var(--fushia); color: var(--blanc); padding:0.75rem 1.5rem; font-size:1.25rem; text-transform: uppercase;
border:0; margin-top:1rem; cursor:pointer;
}
#form_enqutedesatisfaction .frm_opt_container{
margin:0.5rem 0;
}
#form_enqutedesatisfaction .frm_error, #form_enqutedesatisfaction .frm_error_style, #form_enqutedesatisfaction .frm_message {
color: var(--fushia);
}
#form_enqutedesatisfaction .frm_error{
display:inline-block; padding:0.25rem 0; font-size:0.85rem;
}
#form_enqutedesatisfaction .frm_error_style, #form_enqutedesatisfaction .frm_message{
font-weight:700;
}
@media screen and (min-width:1024px) {}
@media screen and (min-width:1280px) {
.animated {
opacity: 1 !important;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
.contenu .inner {
width: 95%;
margin: 0 auto;
}
}
@media screen and (min-width:1440px) {
html {
font-size: 15px;
}
.contenu .inner.etroit {
width: 80%;
margin: 0 auto;
}
}
@media screen and (min-width:1920px) {
html {
font-size: 17px;
}
}
@media screen and (min-width:2500px) {
.contenu .inner {
width: 90%;
}
}
@media print {
.custombox-lock header, .custombox-lock footer, .custombox-lock div.contenu, .custombox-lock .paoc-popup-close {
display:none;
}
.custombox-lock .custombox-overlay {
display:none;
}
.custombox-lock .paoc-popup-modal {
box-shadow:none;
}
.custombox-lock .paoc-popup-modal-cnt {
margin:0;
}
.custombox-lock .custombox-content > * {
max-height: 100%;
}
.custombox-lock .custombox-open .paoc-popup-modal-cnt, .custombox-lock .custombox-open > div, .custombox-lock .custombox-open .paoc-popup-modal-cnt div {
display:block !important;
}
}