article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #fff;
}
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
h1,
h2,
h3,
.h1,
.h2,
.h3 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
margin: 0;
color: #2c3033;
}
h4,
h5,
h6,
.h4,
.h5,
.h6 {
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
}
h4,
.h4 {
font-size: 0.96em;
margin: 0;
color: #2c3033;
}
h5,
.h5 {
font-size: .83em;
margin: 0;
}
h6,
.h6 {
font-size: .75em;
margin: 0;
}
abbr[title] {
border-bottom: 0;
}
b,
strong {
font-weight: bold;
}
button {
border: 0;
background: 0;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p,
pre {
margin: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: '';
content: none;
}
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;
}
dl,
menu,
ol,
ul {
margin: 0;
list-style: none;
}
dd {
margin: 0;
}
menu,
ol,
ul {
padding: 0;
}
nav ul,
nav ol,
footer ul {
list-style: none;
list-style-image: none;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
/**overflow: visible;*/
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
/**height: 13px;
*width: 13px;*/
}
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;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
}
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.45;
}
a {
text-decoration: none;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
* {
box-sizing: border-box;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.no-margin {
margin: 0!important;
}
.no-padding {
padding: 0!important;
}
.padding-bottom {
padding-bottom: 15px!important;
}
.border-top {
border-top: 1px solid #d8d9da;
}
.border-bottom {
border-bottom: 1px solid #d8d9da;
}
.nowrap {
white-space: nowrap;
}
.width-auto {
width: auto!important;
}
.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.align-center {
text-align: center;
}
a[href^="tel:"] {
white-space: nowrap;
}
input::-webkit-input-placeholder {
color: #fff;
}
input:-moz-placeholder {
color: #fff;
}
/* Grille */
/* Couleur discontinue */
/* / Couleur discontinue */
/* BLEU */
/* GRIS FONCÉ */
/* BLEU NORME */
/* Recherche */
/* MENU PRINCIPAL */
/* BREAKPOINT */
/* HEADING */
/*Collapse */
/* TABLEAU */
/* FOOTER */
/* CARROUSEL NAV */
/* Bandeau bleu se connecter */
/* Divers */
.nobr {
white-space: nowrap!important;
}
.lien-aucun {
text-decoration: none!important;
}
.lien-aucun:hover {
text-decoration: underline!important;
}
.lien-aucun a {
text-decoration: none!important;
}
.lien-aucun a:hover {
text-decoration: underline!important;
}
.hq-lien-icn-ext {
display: inline;
margin-left: 5px;
}
.lien-icn-ext {
display: inline;
}
.bordure-defaut {
border: 1px solid #D8D9DA;
}
/* Espacement */
.margintop-0 {
margin-top: 0px!important;
}
.marginbottom-0 {
margin-bottom: 0px!important;
}
.margintop-10 {
margin-top: 10px!important;
}
.marginbottom-10 {
margin-bottom: 10px!important;
}
.margintop-20 {
margin-top: 20px!important;
}
.paddingtop-20 {
padding-top: 20px!important;
}
.margintop-30 {
margin-top: 30px!important;
}
.paddingtop-30 {
padding-top: 30px!important;
}
.margintop-h2 {
margin-top: 45px!important;
}
.paddingtop-h2 {
padding-top: 45px!important;
}
/* Alignement */
.centrer {
text-align: center!important;
}
.aligner-gauche {
text-align: left!important;
}
.aligner-droite {
text-align: right!important;
}
/* Visibilité */
.visuallyhidden,
.caption,
.lecteur-ecran-seul {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.lecteur-ecran-seul.focusable:active,
.lecteur-ecran-seul.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/* Table */
.tbl,
.tbl-fixed,
.row.v-centered {
display: table;
width: 100%;
}
.tbl-fixed,
.row.v-centered {
table-layout: fixed;
}
.tcell,
.row.v-centered > .columns {
display: table-cell;
vertical-align: middle;
float: none !important;
}
.v-centered p:last-child {
margin-bottom: 0;
}
.cell-padding .tcell {
padding: 0 30px;
}
/**
STYLES DE BASE
**/
body {
font-size: 1.4rem;
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
}
html,
button,
input,
select,
textarea {
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
}
ol {
list-style: decimal;
}
/**
IMAGES bitmap et SVG
***/
figure {
margin: 0;
/* Ajout 2016-05-17*/
}
figure img {
border: none;
display: block;
max-width: 100%;
/*!important */
}
figure img.image-adaptative {
max-width: 100%;
/*!important */
}
figure.hq-border-none img {
border: none;
}
figure.hq-noresponsive {
width: auto!important;
max-width: none!important;
}
.image-adaptative {
max-width: 100%;
/*!important */
}
/* Image et caption cote-a-cote 50/50 */
figure.cote-a-cote img {
float: left;
width: 50%;
}
figure.cote-a-cote figcaption {
float: left;
padding-left: 16px;
margin-top: 0;
width: 50%;
}
figure.cote-a-cote {
*zoom: 1;
}
figure.cote-a-cote:before,
figure.cote-a-cote:after {
content: " ";
display: table;
}
figure.cote-a-cote:after {
clear: both;
}
h4 + figure {
margin-top: 5px;
}
figure.degagement {
margin: 20px 0;
}
/**
BREADCRUMB
**/
.hq-breadcrumb-bloc,
.breadcrumb-bloc {
margin-top: 25px;
}
.hq-breadcrumb,
.breadcrumb {
display: inline-block;
line-height: 20px;
}
.hq-breadcrumb span,
.breadcrumb span {
background: url(/images2016/breadcrumb_separator.png) no-repeat center right;
display: inline-block;
padding-right: 20px;
position: relative;
margin-right: 0px;
}
.hq-breadcrumb span:hover,
.breadcrumb span:hover,
.hq-breadcrumb span:focus,
.breadcrumb span:focus {
text-decoration: underline;
}
.hq-breadcrumb span span,
.breadcrumb span span {
background: none;
padding: 0;
margin: 0;
}
.hq-breadcrumb a,
.breadcrumb a {
display: inline-block;
color: #1b75bb;
text-decoration: underline;
}
.hq-breadcrumb br,
.breadcrumb br {
display: none;
}
/**
COLLAPSE
Les styles des collapses ne seront appliqué que sur la version écran
**/
@media screen {
div[class^="hq-collapse"] {
margin: 20px 0 30px;
}
div[class^="hq-collapse"] > section {
border: none;
margin: -1px 0 0 0 !important;
padding: 0!important;
}
div[class^="hq-collapse"] > h2,
div[class^="hq-collapse"] > section > h2,
div[class^="hq-collapse"] > h3,
div[class^="hq-collapse"] > h4,
div[class^="hq-collapse"] > .item {
background: none!important;
border-top: 1px solid #d8d9da;
border-bottom: 1px solid #d8d9da;
margin: -1px 0 0 0 !important;
padding: 0!important;
font-weight: normal;
font-size: 14px;
font-size: 1.4rem;
font-family: "Open Sans", sans-serif;
font-weight: 600;
}
div[class^="hq-collapse"] > h2 a,
div[class^="hq-collapse"] > section > h2 a,
div[class^="hq-collapse"] > h3 a,
div[class^="hq-collapse"] > h4 a,
div[class^="hq-collapse"] > .item a {
color: #1b75bb;
display: block;
padding: 15px 70px 15px 0;
position: relative;
}
div[class^="hq-collapse"] > h2 a:after,
div[class^="hq-collapse"] > section > h2 a:after,
div[class^="hq-collapse"] > h3 a:after,
div[class^="hq-collapse"] > h4 a:after,
div[class^="hq-collapse"] > .item a:after {
background-image: url(/images2016/icn-collapse.png);
display: block;
content: " ";
height: 14px;
width: 14px;
position: absolute;
top: 18px;
right: 10px;
}
div[class^="hq-collapse"] > h2.open,
div[class^="hq-collapse"] > section > h2.open,
div[class^="hq-collapse"] > h3.open,
div[class^="hq-collapse"] > h4.open,
div[class^="hq-collapse"] > .item.open {
border-bottom: none;
}
div[class^="hq-collapse"] > h2.open a:after,
div[class^="hq-collapse"] > section > h2.open a:after,
div[class^="hq-collapse"] > h3.open a:after,
div[class^="hq-collapse"] > h4.open a:after,
div[class^="hq-collapse"] > .item.open a:after {
background-position: 0 -42px;
}
div[class^="hq-collapse"] > div,
div[class^="hq-collapse"] > section > div {
border-bottom: 1px solid #d8d9da;
margin: 0;
padding: 10px 0 5px 0;
}
}
/**
END: COLLPASE
**/
table.tableau-donnees,
table.tableau-generique,
table.hq-tableau-donnees,
table.hq-tableau {
border: 0 none;
border-collapse: collapse;
color: #2c3033;
margin-bottom: 20px;
width: 100%;
}
table.tableau-donnees th,
table.tableau-generique th,
table.hq-tableau-donnees th,
table.hq-tableau th,
table.tableau-donnees td,
table.tableau-generique td,
table.hq-tableau-donnees td,
table.hq-tableau td {
border-bottom: 1px solid #d8d9da;
text-align: left;
vertical-align: top;
font-size: 11px;
font-size: 1.2rem;
line-height: 1.2em;
}
table.tableau-donnees th,
table.tableau-generique th,
table.hq-tableau-donnees th,
table.hq-tableau th {
color: #50575d;
padding: 10px 8px;
font-weight: bold;
}
table.tableau-donnees td,
table.tableau-generique td,
table.hq-tableau-donnees td,
table.hq-tableau td {
padding: 10px 8px;
}
table.tableau-donnees .td-align-right td,
table.tableau-generique .td-align-right td,
table.hq-tableau-donnees .td-align-right td,
table.hq-tableau .td-align-right td {
text-align: right;
}
table.tableau-donnees .th-align-right th,
table.tableau-generique .th-align-right th,
table.hq-tableau-donnees .th-align-right th,
table.hq-tableau .th-align-right th {
text-align: right;
}
table.tableau-donnees thead th,
table.tableau-generique thead th,
table.hq-tableau-donnees thead th,
table.hq-tableau thead th {
padding: 15px 5px;
line-height: 1.2em;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
}
table.tableau-donnees tbody th,
table.tableau-generique tbody th,
table.hq-tableau-donnees tbody th,
table.hq-tableau tbody th {
font-weight: normal;
}
table.tableau-donnees tbody tr.row-strong th,
table.tableau-generique tbody tr.row-strong th,
table.hq-tableau-donnees tbody tr.row-strong th,
table.hq-tableau tbody tr.row-strong th,
table.tableau-donnees tbody tr.row-strong td,
table.tableau-generique tbody tr.row-strong td,
table.hq-tableau-donnees tbody tr.row-strong td,
table.hq-tableau tbody tr.row-strong td {
font-weight: bold;
}
table.tableau-donnees tfoot th,
table.tableau-generique tfoot th,
table.hq-tableau-donnees tfoot th,
table.hq-tableau tfoot th,
table.tableau-donnees tfoot td,
table.tableau-generique tfoot td,
table.hq-tableau-donnees tfoot td,
table.hq-tableau tfoot td {
font-weight: bold;
}
table.tableau-donnees.condense td,
table.tableau-generique.condense td,
table.hq-tableau-donnees.condense td,
table.hq-tableau.condense td {
font-size: 11px;
font-size: 1.1em;
}
table.tableau-donnees caption,
table.tableau-generique caption,
table.hq-tableau-donnees caption,
table.hq-tableau caption {
font-size: 1.4rem;
font-weight: bold;
padding: 0;
text-align: left;
}
table.tableau-donnees tbody td,
table.hq-tableau-donnees tbody td {
text-align: right;
}
table.tableau-donnees.align-left table.hq-tableau-donnees.align-left tbody td {
text-align: left;
}
table.tableau-donnees + .note-liste-alpha-parenthese,
table.tableau-generique + .note-liste-alpha-parenthese {
margin-top: -20px !important;
}
/**
END TABLEAU DE DONNÉES GENERIQUE
**/
/*.bloc-intro p.titre,
body:not(.level2) .bloc-intro h2,
body.level3 .bloc-intro p.titre {
font-size: 28px;
font-size: 2.8rem;
color: #2c3033;
font-weight: normal;
margin: -5px 0 10px 0;
font-family: "Open Sans", sans-serif;
line-height: 1.3;
}
figure + .bloc-intro {
margin-top:30px;
}*/
/**************
BLOC
***************/
/* Intro */
.bloc-intro {
margin-top: 0px;
margin-bottom: 15px;
}
.bloc-intro p {
margin-bottom: 10px;
}
.bloc-intro p:first-child,
.bloc-intro p.principal {
font-size: 18px;
font-size: 1.8rem;
color: #50575d;
font-weight: normal;
font-family: "Open Sans", sans-serif;
}
/* Intro - texte plus grand */
.hq-bloc-intro {
margin-top: 20px;
margin-bottom: 15px;
}
.hq-bloc-intro p {
margin-bottom: 10px;
}
.hq-bloc-intro p:first-child,
.hq-bloc-intro p.principal {
font-size: 18px;
font-size: 1.8rem;
color: #50575d;
font-weight: normal;
font-family: "Open Sans", sans-serif;
}
.hq-p-intro {
margin-bottom: 15px;
font-size: 18px;
font-size: 1.8rem;
color: #50575d;
font-weight: normal;
font-family: "Open Sans", sans-serif;
}
/* Fond gris avec ligne orange en haut */
.hq-bloc-gris-top,
.hq-bloc-fond {
background: #f2f2f3;
border: none;
border-top: 1px solid #ff9a00;
padding: 20px;
margin: 15px 0 15px;
}
.hq-bloc-gris-top > *:first-child,
.hq-bloc-fond > *:first-child {
margin-top: 0px!important;
padding-top: 0!important;
}
.hq-bloc-gris-top.bg-white,
.hq-bloc-fond.bg-white {
background: #fff;
}
/* Fond blanc avec contour gris */
.hq-bloc-contour {
background: #fff;
border: 1px solid #dedfe0;
padding: 20px;
margin: 15px 0 15px;
}
.hq-bloc-contour > *:first-child {
margin-top: 0px!important;
padding-top: 0!important;
}
/* Fond gris */
.hq-bloc-gris {
background: #f2f2f3;
border: 1px solid #dedfe0;
padding: 20px;
margin: 15px 0 15px;
}
.hq-bloc-gris > *:first-child {
margin-top: 0px!important;
padding-top: 0!important;
}
/* Peut wrapper la classe liste-liens */
.hq-bloc-liens {
border-top: 2px solid #c2c0bf;
padding-top: 10px;
margin: 30px 0;
}
.hq-bloc-liens > * {
margin-top: 0;
padding-top: 0;
}
.hq-bloc-liens ul {
list-style-image: none!important;
list-style: none;
padding-left: 12px!important;
}
.hq-bloc-liens ul li {
margin-bottom: 5px;
position: relative;
}
.hq-bloc-liens ul li::before {
content: url(/images2016/bg_arrow_link.png);
position: absolute;
left: -12px;
top: 1px;
}
/* POUR LES ANCIENS SITES AVEC LES NOUVELLES ENTETE */
.bloc-fond {
background: #f2f2f3;
border: 1px solid #dedfe0;
padding: 20px;
margin: 15px 0 15px;
}
.bloc-fond > *:first-child,
.bloc-fond > h2,
.bloc-fond > h3,
.bloc-fond h2:first-child,
.bloc-fond h3:first-child,
.bloc-contour > h2,
.bloc-contour > h3,
.bloc-contour h2:first-child,
.bloc-contour h3:first-child {
margin-top: 0!important;
padding-top: 0!important;
}
.bloc-fond p:last-child,
.bloc-fond ul:last-child,
.bloc-fond .bloc-grille li,
.bloc-contour p:last-child,
.bloc-contour ul:last-child,
.bloc-contour .bloc-grille li {
margin-bottom: 0!important;
}
.bloc-contour {
background: #fff;
border: 1px solid #dedfe0;
padding: 20px;
margin: 15px 0 15px;
}
.bloc-en-evidence {
background: #f2f2f3;
padding: 10px 24px;
width: 100%;
}
/* Liste de liens */
.liste-documents {
list-style-image: none!important;
list-style: none;
padding-left: 12px;
}
.liste-documents li {
margin-bottom: 5px;
position: relative;
}
.liste-documents li:before {
content: url(/images2016/bg_arrow_link.png);
position: absolute;
left: -12px;
top: 1px;
}
/* Type fichier */
.fichier-type {
font-size: 12px;
font-size: 1.2rem;
color: #666;
white-space: nowrap;
}
/* End Type fichier */
/* [end] POUR LES ANCIENS SITES AVEC LES NOUVELLES NORMES */
/* Liste */
.liste-liens,
.hq-liste-liens {
list-style-image: none!important;
list-style: none;
padding-left: 12px!important;
}
.liste-liens li,
.hq-liste-liens li {
margin-bottom: 5px;
position: relative;
}
.liste-liens li:before,
.hq-liste-liens li:before {
content: url(/images2016/bg_arrow_link.png);
position: absolute;
left: -12px;
top: 1px;
}
/* End Liste de liens */
/* Liste de documents */
.hq-liste-documents {
list-style-image: none!important;
list-style: none;
padding-left: 12px;
}
.hq-liste-documents li {
margin-bottom: 5px;
position: relative;
}
.hq-liste-documents li::before {
content: url(/images2016/bg_arrow_link.png);
position: absolute;
left: -12px;
top: 1px;
}
/* End Liste de liens */
/* Type fichier */
.hq-fichier-type {
font-size: 1.2rem;
color: #666!important;
white-space: nowrap;
}
/* End Type fichier */
/* Lien invsible */
.lien-invisible {
color: #50575d;
}
/**
POUR DÉVELOPPEMENT
**/
.manque-traduction {
background: #ffea02!important;
border: 1px dotted #FF0004!important;
position: relative;
}
.manque-traduction:after {
background: rgba(0, 0, 0, 0.8);
color: #fff;
content: "Traduction de ce texte manquante";
font-size: 1.0rem;
padding: 3px;
position: absolute;
top: -20px;
left: 0;
}
.manque-lien {
background: #ffea02!important;
border: 1px dotted #FF0004!important;
position: relative;
}
.manque-lien:after {
background: rgba(0, 0, 0, 0.8);
color: #fff;
content: "URL vide ou mauvais";
font-size: 1.0rem;
padding: 3px;
position: absolute;
top: -20px;
left: 0;
}
/**
Pour transition
**/
/* Temporaire 2014 */
body .site-transition .hq-wrapper {
margin-top: 50px;
}
/* Simulation du vieux menu sur desktop seulement */
@media screen and (min-width: 768px) {
.hq-menu-site-2014 {
position: relative;
width: 100%;
left: 0;
height: 41px!important;
background-color: #48433f;
padding-top: 4px!important;
display: block!important;
}
.hq-menu-site-2014 li {
display: table-cell !important;
height: 3.2em!important;
vertical-align: top!important;
}
.hq-menu-site-2014 li a {
-webkit-animation: none!important;
animation: none!important;
font-size: 1.2rem;
font-weight: 600;
display: table-cell !important;
padding: 3px 24px 3px 24px!important;
color: #fff!important;
height: 3.1em!important;
line-height: 1.2em!important;
background: none;
vertical-align: middle!important;
text-decoration: none!important;
}
.hq-menu-site-2014 li a:hover,
.hq-menu-site-2014 li a:focus,
.hq-menu-site-2014 li a.active {
background: #fff!important;
box-shadow: 0 0 1px 0 #888!important;
color: #48433f !important;
}
.hq-menu-site-2014 li.hq-current-page a {
background-color: #fff!important;
color: #48433f !important;
}
.hq-menu-site-2014 li:last-child a {
background-image: none!important;
}
.hq-menu-site-2014.condense li a {
letter-spacing: -0.03em;
padding-right: 10px!important;
padding-left: 10px!important;
}
}
.level3,
.level4,
.level5 {
background-image: none;
}
body .site-transition #hq-main-header {
/* Enlève le border-bottom du menu principal (via un js) */
border-bottom: none;
}
body .site-transition #hq-main-header .hq-nav-section-bloc {
border-top: 1px solid #fff;
}
body .site-transition .hq-wrapper {
background: #fff;
color: #50575d;
width: 960px;
max-width: 100%;
padding: 4em 0 4.077em 0;
padding-left: 24px;
padding-right: 24px;
position: relative;
margin: 0 auto;
}
body .site-transition .hq-wrapper:after,
body .site-transition .hq-wrapper:before {
content: " ";
display: table;
}
body .site-transition .hq-wrapper:after {
clear: both;
}
@media only screen and (max-width: 991px) {
body .site-transition .hq-menu-site-2014 {
height: 3.6em !important;
}
}
/* Grille mobile first */
/* Dérivé de Zurb Foundation 6 */
body {
background: none;
background-color: #fff;
color: #48433f;
}
.row {
max-width: 912px;
/*width:912px; */
/*max-width: 100%; */
margin-left: auto;
margin-right: auto;
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row .row {
max-width: none;
/*min-width: 0;*/
margin-left: -16px;
margin-right: -16px;
/*width: auto; */
}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-left: auto;
margin-right: auto;
}
/* ADD 2016-09-08 */
@media screen and (min-width: 768px) {
.row .row {
margin-left: -16px;
margin-right: -16px;
}
.column,
.columns {
padding-left: 16px;
padding-right: 16px;
}
}
/* /ADD 2016-09-08 */
.container-fluid {
width: 100%;
}
.break-before:before,
.break-before:after {
content: " ";
display: table;
}
.break-before:before {
clear: both;
}
.break-after:before,
.break-after:after {
content: " ";
display: table;
}
.break-after:after {
clear: both;
}
/* ADD 2016-09-08 */
.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
float: right;
}
.column.end:last-child:last-child,
.end.columns:last-child:last-child {
float: left;
}
.column.row.row,
.row.row.columns {
float: none;
}
.row .column.row.row,
.row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
/* /ADD 2016-09-08 */
.columns {
width: 100% /*Par defaut*/;
float: left;
padding-left: 16px;
padding-right: 16px;
position: relative;
}
.columns-full {
float: left;
padding-left: 0;
padding-right: 0;
position: relative;
}
/* 0 à 767px */
.small-1 {
width: 8.33333%;
}
.small-push-1 {
position: relative;
left: 8.33333%;
}
.small-pull-1 {
position: relative;
left: -8.33333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
width: 16.66667%;
}
.small-push-2 {
position: relative;
left: 16.66667%;
}
.small-pull-2 {
position: relative;
left: -16.66667%;
}
.small-offset-1 {
margin-left: 8.33333%;
}
.small-3 {
width: 25%;
}
.small-push-3 {
position: relative;
left: 25%;
}
.small-pull-3 {
position: relative;
left: -25%;
}
.small-offset-2 {
margin-left: 16.66667%;
}
.small-4 {
width: 33.33333%;
}
.small-push-4 {
position: relative;
left: 33.33333%;
}
.small-pull-4 {
position: relative;
left: -33.33333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
width: 41.66667%;
}
.small-push-5 {
position: relative;
left: 41.66667%;
}
.small-pull-5 {
position: relative;
left: -41.66667%;
}
.small-offset-4 {
margin-left: 33.33333%;
}
.small-6 {
width: 50%;
}
.small-push-6 {
position: relative;
left: 50%;
}
.small-pull-6 {
position: relative;
left: -50%;
}
.small-offset-5 {
margin-left: 41.66667%;
}
.small-7 {
width: 58.33333%;
}
.small-push-7 {
position: relative;
left: 58.33333%;
}
.small-pull-7 {
position: relative;
left: -58.33333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
width: 66.66667%;
}
.small-push-8 {
position: relative;
left: 66.66667%;
}
.small-pull-8 {
position: relative;
left: -66.66667%;
}
.small-offset-7 {
margin-left: 58.33333%;
}
.small-9 {
width: 75%;
}
.small-push-9 {
position: relative;
left: 75%;
}
.small-pull-9 {
position: relative;
left: -75%;
}
.small-offset-8 {
margin-left: 66.66667%;
}
.small-10 {
width: 83.33333%;
}
.small-push-10 {
position: relative;
left: 83.33333%;
}
.small-pull-10 {
position: relative;
left: -83.33333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
width: 91.66667%;
}
.small-push-11 {
position: relative;
left: 91.66667%;
}
.small-pull-11 {
position: relative;
left: -91.66667%;
}
.small-offset-10 {
margin-left: 83.33333%;
}
.small-12 {
width: 100%;
}
.small-offset-11 {
margin-left: 91.66667%;
}
.small-collapse > .column,
.small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.small-collapse .row,
.expanded.row .small-collapse.row,
.row.small-collapse {
margin-left: 0;
margin-right: 0;
}
.small-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
}
.small-uncollapse > .column,
.small-uncollapse > .columns {
padding-left: 16px;
padding-right: 16px;
}
.small-uncentered,
.small-push-0,
.small-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
@media screen and (min-width: 768px) {
.medium-push-0 {
left: auto;
}
.medium-1 {
width: 8.33333%;
}
.medium-push-1 {
position: relative;
left: 8.33333%;
}
.medium-pull-1 {
position: relative;
left: -8.33333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
width: 16.66667%;
}
.medium-push-2 {
position: relative;
left: 16.66667%;
}
.medium-pull-2 {
position: relative;
left: -16.66667%;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2 {
margin-left: 16.66667%;
}
.medium-4 {
width: 33.33333%;
}
.medium-push-4 {
position: relative;
left: 33.33333%;
}
.medium-pull-4 {
position: relative;
left: -33.33333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.66667%;
}
.medium-push-5 {
position: relative;
left: 41.66667%;
}
.medium-pull-5 {
position: relative;
left: -41.66667%;
}
.medium-offset-4 {
margin-left: 33.33333%;
}
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.66667%;
}
.medium-7 {
width: 58.33333%;
}
.medium-push-7 {
position: relative;
left: 58.33333%;
}
.medium-pull-7 {
position: relative;
left: -58.33333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
width: 66.66667%;
}
.medium-push-8 {
position: relative;
left: 66.66667%;
}
.medium-pull-8 {
position: relative;
left: -66.66667%;
}
.medium-offset-7 {
margin-left: 58.33333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.66667%;
}
.medium-10 {
width: 83.33333%;
}
.medium-push-10 {
position: relative;
left: 83.33333%;
}
.medium-pull-10 {
position: relative;
left: -83.33333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.66667%;
}
.medium-push-11 {
position: relative;
left: 91.66667%;
}
.medium-pull-11 {
position: relative;
left: -91.66667%;
}
.medium-offset-10 {
margin-left: 83.33333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.66667%;
}
.medium-collapse > .column,
.medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.medium-collapse .row,
.expanded.row .medium-collapse,
.row.medium-collapse {
margin-left: 0px;
margin-right: 0px;
}
.medium-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.medium-uncentered,
.medium-push-0,
.medium-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
}
.medium-uncollapse > .column,
.medium-uncollapse > .columns {
padding-left: 16px;
padding-right: 16px;
}
}
@media screen and (min-width: 912px) {
.large-1 {
width: 8.33333%;
}
.large-push-1 {
position: relative;
left: 8.33333%;
}
.large-pull-1 {
position: relative;
left: -8.33333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
width: 16.66667%;
}
.large-push-2 {
position: relative;
left: 16.66667%;
}
.large-pull-2 {
position: relative;
left: -16.66667%;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2 {
margin-left: 16.66667%;
}
.large-4 {
width: 33.33333%;
}
.large-push-4 {
position: relative;
left: 33.33333%;
}
.large-pull-4 {
position: relative;
left: -33.33333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
width: 41.66667%;
}
.large-push-5 {
position: relative;
left: 41.66667%;
}
.large-pull-5 {
position: relative;
left: -41.66667%;
}
.large-offset-4 {
margin-left: 33.33333%;
}
.large-6 {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.66667%;
}
.large-7 {
width: 58.33333%;
}
.large-push-7 {
position: relative;
left: 58.33333%;
}
.large-pull-7 {
position: relative;
left: -58.33333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
width: 66.66667%;
}
.large-push-8 {
position: relative;
left: 66.66667%;
}
.large-pull-8 {
position: relative;
left: -66.66667%;
}
.large-offset-7 {
margin-left: 58.33333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.66667%;
}
.large-10 {
width: 83.33333%;
}
.large-push-10 {
position: relative;
left: 83.33333%;
}
.large-pull-10 {
position: relative;
left: -83.33333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.66667%;
}
.large-push-11 {
position: relative;
left: 91.66667%;
}
.large-pull-11 {
position: relative;
left: -91.66667%;
}
.large-offset-10 {
margin-left: 83.33333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.66667%;
}
.large-collapse > .column,
.large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.large-collapse .row,
.expanded.row .large-collapse,
.row.large-collapse {
margin-left: 0px;
margin-right: 0px;
}
.large-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.large-uncentered,
.large-push-0,
.large-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
}
.large-uncollapse > .column,
.large-uncollapse > .columns {
padding-left: 16px;
padding-right: 16px;
}
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
/* 0 à 767 {*/
@media screen and (max-width: 767px) {
.hide-for-small-only {
display: none !important;
}
}
/* 0 à 767 */
@media screen and (max-width: 0em), screen and (min-width: 767px) {
.show-for-small-only {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.show-for-medium {
display: none !important;
}
}
@media screen and (min-width: 768px) and (max-width: 911px) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 767px), screen and (min-width: 912px) {
.show-for-medium-only {
display: none !important;
}
}
@media screen and (min-width: 912px) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 911px) {
.show-for-large {
display: none !important;
}
}
/*@media screen and (min-width:@breakpoint-large) and (max-width:(@breakpoint-large - 1) ) {*/
@media screen and (min-width: 912px) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.show-for-large-only {
display: none !important;
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.show-on-focus:active,
.show-on-focus:focus {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape,
.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,
.hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape,
.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,
.show-for-portrait {
display: block !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-left: auto;
margin-right: auto;
}
/* Flexbox */
/* Général*/
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* Variable locale */
/* Prépare le contenu pour recevoir le masque*/
#hq-outer-mask {
position: relative;
overflow: hidden!important;
}
@media screen and (min-width: 768px) {
#hq-main-header {
font-family: 'Open Sans', sans-serif;
border-bottom: 1px solid #cecdcc;
position: relative;
margin-top: 10px;
/*hq-nav-vedette*/
/*hq-header-bloc*/
/*************************************************************/
/* Section d'un grand thème Résidentiel/Affaires/A propos */
/*************************************************************/
/*.hq-nav-section-bloc*/
}
#hq-main-header *:focus {
/*outline:1px dotted #000;*/
}
#hq-main-header a {
color: #48433f;
text-decoration: none;
}
#hq-main-header a:hover,
#hq-main-header a:focus,
#hq-main-header a:active {
text-decoration: underline;
}
#hq-main-header ul {
margin: 0;
padding: 0;
}
#hq-main-header ul li {
list-style: none!important;
margin: 0;
padding: 0;
}
#hq-main-header ul.ancre-accessibilite {
position: absolute;
list-style: none;
}
#hq-main-header .ancre-accessibilite a:focus {
position: inherit;
left: auto;
}
#hq-main-header .hq-nav-utils ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
/* Espacement entre le menu vedette et la rangeé du logo/nav principal/champ de recherches*/
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
#hq-main-header .hq-nav-utils ul li {
margin: 0;
margin-left: 15px;
font-size: 1.3rem;
font-weight: 600;
line-height: 1;
}
#hq-main-header .hq-nav-utils .hq-connexion a {
background: url(/images2016/hq-icones.svg#hq-icn-android) no-repeat;
background-color: #f4f3f3;
border: 1px solid #cecdcc;
border-radius: 5px;
display: block;
padding: 8px 10px 8px 10px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#hq-main-header .hq-nav-utils .hq-connexion a svg {
font-size: 14px;
display: inline-block;
margin-right: 8px;
pathfill: #918e8b!important;
}
#hq-main-header .hq-header-trio-bloc {
padding-bottom: 30px;
}
#hq-main-header .hq-header-duo-bloc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#hq-main-header .hq-header-duo-bloc .hq-logo {
display: block;
margin-right: 45px;
width: 168px;
/*Svg*/
}
#hq-main-header .hq-header-duo-bloc .hq-logo img {
width: 100%;
}
#hq-main-header .hq-nav-grande-section {
font-size: 2rem;
line-height: 1;
margin-bottom: 8px;
}
#hq-main-header .hq-nav-grande-section ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#hq-main-header .hq-nav-grande-section ul li {
margin-right: 25px;
}
#hq-main-header .hq-nav-grande-section ul li:last-child {
margin-right: 0;
}
#hq-main-header .hq-nav-grande-section ul li a.active {
font-weight: 700;
}
#hq-main-header.hq-site-specialise .hq-nav-grande-section a,
#hq-main-header.hq-formulaire .hq-nav-grande-section a,
#hq-main-header.hq-site-specialise .hq-nav-grande-section .href,
#hq-main-header.hq-formulaire .hq-nav-grande-section .href {
font-weight: 600;
}
#hq-main-header .hq-recherche-bloc {
-ms-flex-item-align: end;
align-self: flex-end;
}
#hq-main-header .hq-recherche-bloc form {
position: relative;
}
#hq-main-header .hq-recherche-bloc form ::-webkit-input-placeholder {
color: #48433f;
opacity: 1;
}
#hq-main-header .hq-recherche-bloc form ::-moz-placeholder {
color: #48433f;
opacity: 1;
}
#hq-main-header .hq-recherche-bloc form :-ms-input-placeholder {
color: #48433f;
opacity: 1;
}
#hq-main-header .hq-recherche-bloc form ::placeholder {
color: #48433f;
opacity: 1;
}
#hq-main-header .hq-recherche-bloc form input {
background: #fff;
border: 1px solid #cecdcc;
border-radius: 20px;
height: 40px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 20px;
width: 23vw;
max-width: 245px;
}
#hq-main-header .hq-recherche-bloc form button {
-webkit-transition: all 0.25s;
transition: all 0.25s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background-color: #ff9a00;
border-radius: 15px;
width: 30px;
height: 30px;
margin: 0;
color: #666666;
font: inherit;
font-weight: normal;
overflow: visible;
position: absolute;
top: 5px;
right: 5px;
z-index: 100;
/* Enlève le padding par defaut dans webkit / ios */
padding: 0;
}
#hq-main-header .hq-recherche-bloc form button:focus {
outline: thin dotted;
}
#hq-main-header .hq-recherche-bloc form button svg {
display: inline;
fill: #fff;
font-size: 16px;
/*Déplace le svg pour le centrer,le Flex ne semble par avoir d'effet*/
margin-left: 7px;
/* 1/2 du border-radius */
}
#hq-main-header .hq-nav-section-bloc {
border-top: 1px solid #cecdcc;
/* .hqnav-section */
/* Bannière */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section {
font-size: 1.4rem;
font-weight: 600;
/* Bouton accesibilité - base*/
/******************************
/* Menu horizontal de section
/******************************/
/*Fin menu*/
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section .btn-sm {
position: absolute;
width: 16px;
height: 16px;
display: block;
overflow: hidden;
right: 0;
line-height: 1em;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section .btn-sm::after {
outline: none;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
content: ' ';
display: none;
position: relative;
width: 5px;
height: 5px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
/*Pointe vers la droite */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) {
background: #fff;
display: table;
position: relative;
z-index: 10000;
/* Fait passer le menu au premier rang par-dessus le masque*/
/* /li */
/****************************/
/* Panneau 1
/****************************/
/* FIN UL Panneau 1*/
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li {
display: table-cell;
vertical-align: middle;
/* /a */
/* Lorsque la section est active (menu haut horizontal - blanc) */
/* Navigation au clavier / Accueil */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li .btn-sm {
top: auto;
bottom: 0em;
left: 49%;
right: 50%;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li .btn-sm::after {
/*Pointeur*/
border-right: 1px solid #000;
border-bottom: 1px solid #000;
top: 0px;
right: 0px;
width: 5px;
height: 5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
/* pointe vers le bas */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a {
background: #fff;
color: #48433f;
display: table-cell;
vertical-align: middle;
padding: 12px 16px;
line-height: 1.2em;
position: relative;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:first-child {
padding-top: 0;
padding-bottom: 0px;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:first-child > span:first-child:not(.visuallyhidden) {
display: table-cell;
height: auto;
position: relative;
padding: 12px 0;
vertical-align: middle;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:hover,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:focus,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.active,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.hq-active {
-webkit-animation: fade 0.5s;
animation: fade 0.5s;
background: #48433f;
color: #fff;
text-decoration: none;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:hover .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:focus .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.active .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.hq-active .btn-sm::after {
display: block;
border-color: #fff;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.has-submenu span {
white-space: nowrap;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a:hover + div > ul,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li > a.btn-click + div > ul {
-webkit-animation: fade 0.5s;
animation: fade 0.5s;
display: block;
left: auto;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section {
/* */
/* Ajoute le filet en dessous du titre */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a > span:first-child:not(.visuallyhidden)::after {
-webkit-animation: fade 1s;
animation: fade 1s;
content: " ";
display: inline-block;
border-bottom: 2px solid #48433f;
width: 100%;
left: 0;
bottom: -1px;
height: 1px;
position: absolute;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a:hover,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a:focus,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a.active {
/* Efface le filet « section active » */
/* Change la couleur du pointeur*/
/*.btn-sm {
&::after {
display:block;
border-color:#fff;
top:-22px;
left:0px;
}
}*/
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a:hover span::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a:focus span::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section > a.active span::after {
display: none;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.hq-current-section .btn-focus.btn-sm::after {
border-color: #48433f;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li:hover {
/*animation: fade @vitesse-affichage-menu / 1;
background: @bg-hover;
color:@typo-inverse;*/
/*> a {
background: @bg-hover;
color:@typo-inverse;
}*/
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li:hover > div > ul {
-webkit-animation: fade 0.5s;
animation: fade 0.5s;
display: block;
left: auto;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus {
/* */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a {
background: #48433f;
color: #fff;
/* Efface le filet « section active » */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a span::before {
display: none;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a .btn-sm {
background: #fff;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a .btn-sm::after {
display: block;
border-color: #48433f;
left: 0;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a:not(.active-section) .btn-sm::after {
top: 0px;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) li.btn-focus > a.active-section .btn-sm::after {
top: -22px;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap {
display: none;
position: absolute;
/*overflow:hidden;*/
width: 242px;
/*border:1px solid #C9FF00; */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul {
display: block;
border-top: 1px solid #9d9b99;
background: #fff;
height: 100%;
width: 242px;
/*&:hover {
border:1px solid #FF0004;
}*/
/* /LI */
/********************/
/* Panneau double
/* -Me connecter
/********************/
/********************/
/* Panneau #2 */
/********************/
/* Fin panneau 2 */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li {
display: block;
height: auto;
/*&:first-child */
/* Si l'item du menu est actif */
/* LI */
/*Filet séparateur*/
/* /Filet séparateur */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a {
display: block;
font-weight: 700;
position: relative;
width: 242px;
padding: 12px 16px;
/* /btn-sm */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a:hover,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a:focus,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a.active {
background: #48433f;
color: #fff;
text-decoration: underline;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a:hover .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a:focus .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a.active .btn-sm::after {
border-color: #fff;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a .btn-sm {
top: 1.0em;
bottom: auto;
left: auto;
right: 10px;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li a .btn-sm::after {
display: block;
border-color: #48433f;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Pointe vers le bas */
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page > a,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section > a {
background: #48433f !important;
color: #fff !important;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page > a:hover,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section > a:hover,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page > a:focus,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section > a:focus {
background: #48433f;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page > a .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section > a .btn-sm::after {
border-color: #fff;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-page::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-current-section::after {
display: none;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a:hover,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a:focus,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a.active {
background: #1b75bb;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a:hover .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a:focus .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter > a.active .btn-sm::after {
border-color: #fff;
}
> #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter.btn-focus a {
background: #1b75bb !important;
}
> #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter.btn-focus a .btn-sm {
background: #fff;
}
> #hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.hq-menu-meconnecter.btn-focus a .btn-sm::after {
border-color: #1b75bb;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li:hover a,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-click a,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a {
color: #fff;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li:hover a .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-click a .btn-sm::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a .btn-sm::after {
border-color: #fff;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a .btn-sm {
background: #fff;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-focus a .btn-sm::after {
border-color: #48433f;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li::after {
content: " ";
border-bottom: 1px solid #cecdcc;
display: block;
left: 6.75%;
right: 6.75%;
width: 86.5%;
position: absolute;
cursor: pointer;
z-index: 150;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li:hover::after,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li.btn-click::after {
border-bottom: 1px solid #fff;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul li:last-child::after {
border-bottom: none;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap {
width: 670px !important;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double {
background: #1b75bb;
padding: 0px 36px 0 72px;
left: -670px;
position: absolute;
top: 0;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double .hq-panneau-titre {
color: #fff;
font-size: 3.6rem;
line-height: 1.4em;
font-weight: 300;
margin: 0px 0 50px 0;
padding: 40px 0 0 0;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul {
background: transparent;
border: none;
position: relative!important;
margin: 0;
padding: 0;
left: auto;
width: auto;
height: auto;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul li {
width: auto;
display: inline-block;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul li a {
padding: 8px 38px;
width: auto;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul li::after {
/*Filet sépareteur*/
display: none!important;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double.slidein-panneau {
left: 0!important;
-webkit-transition: 0.5s left;
transition: 0.5s left;
height: 100%;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double.slideout-panneau {
-webkit-transition: 0.5s left;
transition: 0.5s left;
left: -670px !important;
height: 100%;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double p {
color: #fff;
display: block;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste {
margin: 0;
padding: 0;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste li {
display: block!important;
padding: 0 0 0 10px!important;
position: relative;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste li::before {
content: '';
position: absolute;
top: 0.5em;
left: 0;
background: #fff;
width: 6px;
height: 6px;
border-radius: 3px;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste {
display: block;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste li {
color: #fff;
margin: 0 0 12px 0;
padding: 0;
width: auto;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap .hq-panneau-double ul.hq-panneau-liste li::after {
/*Filet sépareteur*/
display: none!important;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .width-panneau2-3 {
width: 670px !important;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap {
display: none;
position: absolute;
overflow: hidden;
left: 242px !important;
top: 0;
width: 270px;
height: 100%;
/*border:1px solid #cc0;*/
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul {
display: block;
background: #fff;
border-top: none;
border-left: 1px solid #cecdcc;
top: 0px;
position: absolute;
left: -270px;
height: 100%;
-webkit-animation: none!important;
animation: none!important;
width: 271px;
/*****************************************/
/* Panneau 3 (pub/info)
/*****************************************/
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul.slidein-panneau {
left: 0!important;
-webkit-transition: 0.5s left;
transition: 0.5s left;
height: 100%;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul.slideout-panneau {
-webkit-transition: 0.5s left;
transition: 0.5s left;
left: -270px !important;
height: 100%;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li {
/*position:relative;*/
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a {
color: #48433f;
display: block;
font-weight: 400;
width: 270px;
padding: 12px 16px;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a > .btn-sm::after {
display: none;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a:hover,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a:focus,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a.active,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li a.btn-focus {
background: #48433f;
color: #fff;
text-decoration: underline;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li.btn-focus a {
background: #48433f;
color: #fff;
text-decoration: underline;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul li.btn-focus a > .btn-sm::after {
border-color: #48433f;
display: block;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap {
display: none;
position: absolute;
overflow: hidden;
left: 270px !important;
top: 0;
width: 400px;
height: 100%;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc {
position: absolute;
background: #f3f3f3;
border-left: 1px solid #cecdcc;
top: 0;
width: 400px;
left: -400px !important;
/*height:100%;*/
height: 400px!important;
/* RESET UL/LI */
/*.hq-menu-banniere-img {
background-repeat:none;
background-size:@width-panneau3;
border-bottom:1px solid @gris-pale;
display:flex;
flex-wrap:wrap;
justify-content: center;
align-items:center;
align-content:center;
height:215px;
padding:0 220px 0 40px;
}*/
/*.hq-menu-button {
background:@button-bg;
border:1px solid @button-border;
border-radius:5px;
display:block;
margin-top:20px;
padding:10px 16px;
text-align:center;
width:auto;
&::after {
display:none;
}
}*/
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc.slidein-panneau {
left: 0!important;
-webkit-transition: 0.5s left;
transition: 0.5s left;
width: 400px;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc.slideout-panneau {
left: -400px !important;
-webkit-transition: 0.5s left;
transition: 0.5s left;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc a {
-webkit-animation: none!important;
animation: none!important;
background: #f3f3f3;
display: block;
width: 100%;
text-align: center;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc a figure {
display: block;
vertical-align: bottom;
margin-top: 30px;
text-align: center;
height: 250px;
width: 100%;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc a figure img {
display: inline-block;
height: 250px;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul {
left: auto;
position: relative;
border: none;
width: auto;
margin: 0;
padding: 16px;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li {
margin: 0;
padding: 0;
height: auto;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li:hover {
background: transparent;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li:hover > a {
color: #000;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li::after {
display: none;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li > span {
text-transform: uppercase;
font-weight: 700;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li a {
padding: 0;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li a::after {
display: none;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li a:hover {
color: #000!important;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li ul {
margin: 0;
padding: 0;
left: auto;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc ul li ul li {
margin: 0;
padding: 3px 0;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-menu-banniere-titre {
display: block;
font-weight: 400;
font-size: 2rem;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc h3,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .h3,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-h3-30 {
font-size: 1.9rem;
font-weight: 400;
line-height: 1.3em;
text-align: left;
margin: 30px 0 0 20px;
padding: 0;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc h3 .hq-h3-date,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .h3 .hq-h3-date,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-h3-30 .hq-h3-date {
display: block;
font-size: 1.2rem;
line-height: 1.2em;
font-weight: 600!important;
}
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc h3 b,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .h3 b,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-h3-30 b,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc h3 strong,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .h3 strong,
#hq-main-header .hq-nav-section-bloc .hq-nav-section ul:not(.hq-menu-site-2014) .hq-menu-wrap ul .hq-menu-wrap ul .hq-menu-wrap .hq-menu-banniere-bloc .hq-h3-30 strong {
font-weight: 700;
}
/* Général*/
.hq-header-trio-bloc .flex-container {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
}
/* end Media query */
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media (min-width: 768px) {
/* Prépare le contenu pour recevoir le masque*/
/*#hq-outer-mask{
position:relative;
}*/
/* En ce moment le masque est associé au contenu display:block */
/* Si on veut le relié à la page, mettre display:fixed / top:195px; / Cette option évite de faire des changement dans les pages déjè existante si utilisé */
#site-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
opacity: 0;
}
#site-overlay.hq-mask-in {
background-color: #000;
opacity: 0.7;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
}
#site-overlay.hq-mask-out {
background-color: #000;
opacity: 0;
-webkit-transition: opacity 500ms;
transition: opacity 500ms;
}
}
/* MENU CHOIX D'AFFICHAGE */
/* Mobile */
@media (max-width: 767px) {
#hq-header-nav-section,
.hq-nav-desktop,
#hq-nav-grande-section,
#hq-nav-site-specialise,
#hq-nav-site-international {
display: none;
}
#hq-main-header {
background: #fff;
}
.hq-header-duo-bloc {
background: #fff;
display: block!important;
padding: 15px 0;
width: 100%!important;
}
.hq-header-duo-bloc .hq-logo {
display: block;
margin: 0px;
width: 130px;
margin: 0 auto;
text-align: center;
/*Svg*/
}
.hq-header-duo-bloc .hq-logo img {
width: 100%;
}
}
#hq-menu-visible-mobile {
display: block;
}
#hq-menu-visible-mobile ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #c2c0bf;
border-bottom: 1px solid #c2c0bf;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#hq-menu-visible-mobile ul li {
list-style-image: none;
margin: 0;
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
border-right: 1px solid #c2c0bf;
}
#hq-menu-visible-mobile ul li:last-child {
border-right: none;
}
#hq-menu-visible-mobile ul li a {
color: #48433f;
display: block;
line-height: 1em;
font-size: 1.3rem;
font-weight: 400;
padding: 15px;
text-decoration: none;
text-align: center;
}
#hq-menu-visible-mobile ul li a span.hq-menu-vl {
display: inline-block;
vertical-align: middle;
}
#hq-menu-visible-mobile ul li.hq-connexion svg {
opacity: 0.85;
}
/* Desktop */
@media (min-width: 768px) {
#mm-hq-header-nav-section,
#hq-menu-visible-mobile,
#mm-hq-nav-grande-section {
display: none;
}
}
/* Mobile first */
footer#hq-main-footer {
background: #48433f;
font-family: 'Open Sans', sans-serif;
font-size: 1.3rem;
margin-top: 40px;
padding: 25px 0 25px 0;
overflow: hidden;
/* hq-footer-main-menu */
}
footer#hq-main-footer a {
color: #fff;
text-decoration: none;
}
footer#hq-main-footer a:hover,
footer#hq-main-footer a:focus,
footer#hq-main-footer a:active {
text-decoration: underline;
}
footer#hq-main-footer ul {
list-style: none!important;
padding: 0;
margin: 0;
}
footer#hq-main-footer ul li {
list-style: none!important;
padding: 0;
margin: 0;
}
footer#hq-main-footer .hq-break-col ul:not(.hq-section-princ) {
display: none;
}
footer#hq-main-footer .hq-footer-main-menu {
/*ul*/
text-align: center;
}
footer#hq-main-footer .hq-footer-main-menu li {
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 14px;
}
footer#hq-main-footer .hq-footer-main-menu li:last-child {
margin-bottom: 0;
}
footer#hq-main-footer .hq-footer-suivez-nous,
footer#hq-main-footer .hq-footer-apps {
border-top: 1px solid #807d7a;
color: #fff;
line-height: 1em;
padding: 20px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0!important;
}
footer#hq-main-footer .hq-footer-suivez-nous span,
footer#hq-main-footer .hq-footer-apps span,
footer#hq-main-footer .hq-footer-suivez-nous ul,
footer#hq-main-footer .hq-footer-apps ul {
display: inline-block;
}
footer#hq-main-footer .hq-footer-suivez-nous span,
footer#hq-main-footer .hq-footer-apps span {
padding-right: 45px;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li,
footer#hq-main-footer .hq-footer-apps ul li {
display: inline-block;
padding: 0;
margin-bottom: 0;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li:not(.sn-sans-icone) a,
footer#hq-main-footer .hq-footer-apps ul li:not(.sn-sans-icone) a {
-webkit-transition: all 0.25s;
transition: all 0.25s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 15px;
background: #64605d;
height: 30px;
width: 30px;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li:not(.sn-sans-icone) a svg,
footer#hq-main-footer .hq-footer-apps ul li:not(.sn-sans-icone) a svg {
display: inline-block;
fill: #fff;
font-size: 16px;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li:not(.sn-sans-icone) a:hover,
footer#hq-main-footer .hq-footer-apps ul li:not(.sn-sans-icone) a:hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
background: #aaa8a7;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li:not(.sn-sans-icone) a:hover svg,
footer#hq-main-footer .hq-footer-apps ul li:not(.sn-sans-icone) a:hover svg {
fill: #48433f;
}
footer#hq-main-footer .hq-footer-suivez-nous .hq-lien-icn-ext,
footer#hq-main-footer .hq-footer-apps .hq-lien-icn-ext {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
footer#hq-main-footer .hq-footer-suivez-nous {
padding-top: 20px;
}
footer#hq-main-footer .hq-footer-suivez-nous .sn-sans-icone {
color: #fff;
font-size: 0.8em;
display: block;
}
footer#hq-main-footer .hq-footer-suivez-nous .sn-sans-icone a {
background: none;
text-align: left;
-webkit-box-pack: unset;
-ms-flex-pack: unset;
justify-content: unset;
height: 20px;
width: 100%;
}
footer#hq-main-footer .hq-footer-suivez-nous .sn-sans-lien {
background: #64605d none repeat scroll 0 0;
height: 30px;
width: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 15px;
font-size: 1em;
}
footer#hq-main-footer .hq-footer-apps {
border-bottom: 1px solid #807d7a;
}
footer#hq-main-footer .hq-footer-util-menu {
margin-top: 20px;
text-align: center;
}
footer#hq-main-footer .hq-footer-util-menu li {
margin-bottom: 10px;
font-size: 1.25rem;
}
footer#hq-main-footer .hq-footer-util-menu li:last-child {
margin-bottom: 0;
}
footer#hq-main-footer .hq-footer-logo {
display: none;
}
footer#hq-main-footer .hq-footer-hide-mobile {
display: none;
}
footer#hq-main-footer .hq-footer-copyright {
color: #fff;
font-size: 1.2rem;
margin-top: 25px;
}
footer#hq-main-footer .hq-footer-copyright p {
text-align: center;
}
/* Desktop */
@media (max-width: 767px) {
footer#hq-main-footer .hq-footer-suivez-nous,
footer#hq-main-footer .hq-footer-apps {
display: block;
}
footer#hq-main-footer .hq-footer-suivez-nous span,
footer#hq-main-footer .hq-footer-apps span {
display: block;
margin: 0 auto 15px;
padding-right: 0;
text-align: center;
}
footer#hq-main-footer .hq-footer-main-menu li {
margin-bottom: 5px !important;
}
footer#hq-main-footer .hq-footer-suivez-nous .sn-sans-icone {
clear: both;
}
}
/* Desktop */
@media (min-width: 768px) {
footer#hq-main-footer {
margin-top: 140px;
padding: 60px 0 40px 0;
/* hq-footer-main-menu */
}
footer#hq-main-footer .hq-footer-main-menu {
-webkit-column-count: 4;
-webkit-column-gap: 32px;
-moz-column-count: 4;
-moz-column-gap: 32px;
column-count: 4;
column-gap: 32px;
text-align: left;
}
footer#hq-main-footer .hq-footer-main-menu li {
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 16px;
}
footer#hq-main-footer .hq-footer-main-menu li ul {
margin-top: 16px;
}
footer#hq-main-footer .hq-footer-main-menu li ul li {
font-size: 1.3rem;
font-weight: 400;
margin-bottom: 8px;
}
footer#hq-main-footer .hq-footer-main-menu li .hq-section-princ {
padding: 0;
margin-top: 0.02em;
/*HACK pour Firefox sinon ne formate plus comme il faut les colonnes (column-count)*/
}
footer#hq-main-footer .hq-footer-main-menu li .hq-section-princ li {
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 16px;
padding: 0;
}
footer#hq-main-footer .hq-footer-main-menu li.hq-break-col {
moz-column-break-before: always;
-webkit-column-break-before: always;
page-break-before: always;
break-before: always;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
word-wrap: break-word;
}
footer#hq-main-footer .hq-footer-main-menu li.hq-break-col ul:not(.hq-section-princ) {
display: block!important;
}
footer#hq-main-footer .hq-footer-suivez-nous,
footer#hq-main-footer .hq-footer-apps {
border-top: none;
color: #fff;
line-height: 1em;
padding: 0;
-webkit-box-align: left;
-ms-flex-align: left;
align-items: left;
display: block;
margin: 0!important;
/*Problemes ci bas*/
}
footer#hq-main-footer .hq-footer-suivez-nous span,
footer#hq-main-footer .hq-footer-apps span,
footer#hq-main-footer .hq-footer-suivez-nous ul,
footer#hq-main-footer .hq-footer-apps ul {
display: block;
}
footer#hq-main-footer .hq-footer-suivez-nous span,
footer#hq-main-footer .hq-footer-apps span {
padding-right: 0!important;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li,
footer#hq-main-footer .hq-footer-apps ul li {
display: inline-block;
padding: 0;
margin-bottom: 0;
vertical-align: top;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li a,
footer#hq-main-footer .hq-footer-apps ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 15px;
background: #64605d;
height: 30px;
width: 30px;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li a svg,
footer#hq-main-footer .hq-footer-apps ul li a svg {
font-size: 16px;
display: inline-block;
}
footer#hq-main-footer .hq-footer-suivez-nous ul li span,
footer#hq-main-footer .hq-footer-apps ul li span {
margin: 0;
}
footer#hq-main-footer .hq-footer-suivez-nous .visuallyhidden,
footer#hq-main-footer .hq-footer-apps .visuallyhidden,
footer#hq-main-footer .hq-footer-suivez-nous .lecteur-ecran-seul,
footer#hq-main-footer .hq-footer-apps .lecteur-ecran-seul {
display: none!important;
border: 0;
clip: rect(auto, auto, auto, auto);
/*clip: rect(0 0 0 0);*/
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
footer#hq-main-footer .hq-footer-suivez-nous {
margin-top: 40px!important;
}
footer#hq-main-footer .hq-footer-apps {
border-bottom: none;
}
footer#hq-main-footer .hq-footer-apps {
margin-top: 10px!important;
}
footer#hq-main-footer .hq-footer-util-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #807d7a;
border-bottom: 1px solid #807d7a;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 0;
margin-top: 50px;
}
footer#hq-main-footer .hq-footer-util-menu li {
/*border-right:1px solid #fff;*/
margin: 0px;
padding: 0;
}
footer#hq-main-footer .hq-footer-util-menu li::after {
content: "|";
display: inline-block;
color: #fff;
position: relative;
margin-left: 20px;
padding-right: 20px;
}
footer#hq-main-footer .hq-footer-util-menu li:last-child::after {
display: none;
}
footer#hq-main-footer .hq-footer-copyright {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
footer#hq-main-footer .hq-footer-copyright p {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
footer#hq-main-footer .hq-footer-copyright .hq-footer-logo {
display: block;
/*flex:1;*/
-ms-flex-item-align: end;
align-self: flex-end;
width: 133px;
}
footer#hq-main-footer .hq-footer-copyright .hq-footer-logo img {
width: 100%;
}
footer#hq-main-footer.hq-footer-empty .hq-footer-copyright {
margin-top: 0;
}
footer#hq-main-footer .hq-footer-logo,
footer#hq-main-footer .hq-footer-hide-mobile {
display: block;
}
}
/* CSS Document */
/* Communs */
#hq-accueil-n1,
#hq-accueil-n2,
#hq-accueil-n3,
#hq-accueil-n4,
#hq-accueil-n5 {
font-family: "Open Sans", sans-serif;
}
#hq-accueil-n1 .res-panneau > div,
#hq-accueil-n2 .res-panneau > div,
#hq-accueil-n3 .res-panneau > div,
#hq-accueil-n1 .hq-panneau > div,
#hq-accueil-n2 .hq-panneau > div,
#hq-accueil-n3 .hq-panneau > div,
#hq-accueil-n1 .res-panneau > a,
#hq-accueil-n2 .res-panneau > a,
#hq-accueil-n3 .res-panneau > a,
#hq-accueil-n1 .hq-panneau > a,
#hq-accueil-n2 .hq-panneau > a,
#hq-accueil-n3 .hq-panneau > a {
background: #ffffff;
color: #48433f;
cursor: pointer;
display: block;
padding: 20px;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.5);
text-decoration: none;
margin: 5px 0;
/*S-M*/
}
#hq-accueil-n1 .res-panneau > div:hover h2,
#hq-accueil-n2 .res-panneau > div:hover h2,
#hq-accueil-n3 .res-panneau > div:hover h2,
#hq-accueil-n1 .hq-panneau > div:hover h2,
#hq-accueil-n2 .hq-panneau > div:hover h2,
#hq-accueil-n3 .hq-panneau > div:hover h2,
#hq-accueil-n1 .res-panneau > a:hover h2,
#hq-accueil-n2 .res-panneau > a:hover h2,
#hq-accueil-n3 .res-panneau > a:hover h2,
#hq-accueil-n1 .hq-panneau > a:hover h2,
#hq-accueil-n2 .hq-panneau > a:hover h2,
#hq-accueil-n3 .hq-panneau > a:hover h2,
#hq-accueil-n1 .res-panneau > div:hover h3,
#hq-accueil-n2 .res-panneau > div:hover h3,
#hq-accueil-n3 .res-panneau > div:hover h3,
#hq-accueil-n1 .hq-panneau > div:hover h3,
#hq-accueil-n2 .hq-panneau > div:hover h3,
#hq-accueil-n3 .hq-panneau > div:hover h3,
#hq-accueil-n1 .res-panneau > a:hover h3,
#hq-accueil-n2 .res-panneau > a:hover h3,
#hq-accueil-n3 .res-panneau > a:hover h3,
#hq-accueil-n1 .hq-panneau > a:hover h3,
#hq-accueil-n2 .hq-panneau > a:hover h3,
#hq-accueil-n3 .hq-panneau > a:hover h3 {
color: #1b75bb;
text-decoration: underline;
}
#hq-accueil-n1 .res-panneau > div h2,
#hq-accueil-n2 .res-panneau > div h2,
#hq-accueil-n3 .res-panneau > div h2,
#hq-accueil-n1 .hq-panneau > div h2,
#hq-accueil-n2 .hq-panneau > div h2,
#hq-accueil-n3 .hq-panneau > div h2,
#hq-accueil-n1 .res-panneau > a h2,
#hq-accueil-n2 .res-panneau > a h2,
#hq-accueil-n3 .res-panneau > a h2,
#hq-accueil-n1 .hq-panneau > a h2,
#hq-accueil-n2 .hq-panneau > a h2,
#hq-accueil-n3 .hq-panneau > a h2,
#hq-accueil-n1 .res-panneau > div h3,
#hq-accueil-n2 .res-panneau > div h3,
#hq-accueil-n3 .res-panneau > div h3,
#hq-accueil-n1 .hq-panneau > div h3,
#hq-accueil-n2 .hq-panneau > div h3,
#hq-accueil-n3 .hq-panneau > div h3,
#hq-accueil-n1 .res-panneau > a h3,
#hq-accueil-n2 .res-panneau > a h3,
#hq-accueil-n3 .res-panneau > a h3,
#hq-accueil-n1 .hq-panneau > a h3,
#hq-accueil-n2 .hq-panneau > a h3,
#hq-accueil-n3 .hq-panneau > a h3 {
text-align: left;
/*S-M*/
}
#hq-accueil-n1 .res-panneau > div h2 br,
#hq-accueil-n2 .res-panneau > div h2 br,
#hq-accueil-n3 .res-panneau > div h2 br,
#hq-accueil-n1 .hq-panneau > div h2 br,
#hq-accueil-n2 .hq-panneau > div h2 br,
#hq-accueil-n3 .hq-panneau > div h2 br,
#hq-accueil-n1 .res-panneau > a h2 br,
#hq-accueil-n2 .res-panneau > a h2 br,
#hq-accueil-n3 .res-panneau > a h2 br,
#hq-accueil-n1 .hq-panneau > a h2 br,
#hq-accueil-n2 .hq-panneau > a h2 br,
#hq-accueil-n3 .hq-panneau > a h2 br,
#hq-accueil-n1 .res-panneau > div h3 br,
#hq-accueil-n2 .res-panneau > div h3 br,
#hq-accueil-n3 .res-panneau > div h3 br,
#hq-accueil-n1 .hq-panneau > div h3 br,
#hq-accueil-n2 .hq-panneau > div h3 br,
#hq-accueil-n3 .hq-panneau > div h3 br,
#hq-accueil-n1 .res-panneau > a h3 br,
#hq-accueil-n2 .res-panneau > a h3 br,
#hq-accueil-n3 .res-panneau > a h3 br,
#hq-accueil-n1 .hq-panneau > a h3 br,
#hq-accueil-n2 .hq-panneau > a h3 br,
#hq-accueil-n3 .hq-panneau > a h3 br {
display: none;
}
#hq-accueil-n1 .res-panneau figure,
#hq-accueil-n2 .res-panneau figure,
#hq-accueil-n3 .res-panneau figure,
#hq-accueil-n1 .hq-panneau figure,
#hq-accueil-n2 .hq-panneau figure,
#hq-accueil-n3 .hq-panneau figure {
margin: 0 0 10px;
overflow: hidden;
text-align: center;
}
#hq-accueil-n1 .res-panneau .res-icn-accueil,
#hq-accueil-n2 .res-panneau .res-icn-accueil,
#hq-accueil-n3 .res-panneau .res-icn-accueil,
#hq-accueil-n1 .hq-panneau .res-icn-accueil,
#hq-accueil-n2 .hq-panneau .res-icn-accueil,
#hq-accueil-n3 .hq-panneau .res-icn-accueil,
#hq-accueil-n1 .res-panneau .hq-icn-accueil,
#hq-accueil-n2 .res-panneau .hq-icn-accueil,
#hq-accueil-n3 .res-panneau .hq-icn-accueil,
#hq-accueil-n1 .hq-panneau .hq-icn-accueil,
#hq-accueil-n2 .hq-panneau .hq-icn-accueil,
#hq-accueil-n3 .hq-panneau .hq-icn-accueil {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
font-size: 70px;
/*S-M*/
}
#hq-accueil-n1 .res-panneau p,
#hq-accueil-n2 .res-panneau p,
#hq-accueil-n3 .res-panneau p,
#hq-accueil-n1 .hq-panneau p,
#hq-accueil-n2 .hq-panneau p,
#hq-accueil-n3 .hq-panneau p {
color: #48433f;
text-align: center;
}
#hq-accueil-n1 .hq-panneau-full > a,
#hq-accueil-n2 .hq-panneau-full > a,
#hq-accueil-n3 .hq-panneau-full > a {
padding: 0;
}
#hq-accueil-n1 .hq-panneau-full > a figure,
#hq-accueil-n2 .hq-panneau-full > a figure,
#hq-accueil-n3 .hq-panneau-full > a figure {
height: 100px;
}
#hq-accueil-n1 .hq-panneau-full > a figure img,
#hq-accueil-n2 .hq-panneau-full > a figure img,
#hq-accueil-n3 .hq-panneau-full > a figure img {
display: block;
height: 100px;
}
#hq-accueil-n2 #hq-outer-mask,
#hq-accueil-n3 #hq-outer-mask {
background: #f4f3f3;
}
#hq-accueil-n2 h1,
#hq-accueil-n3 h1 {
font-size: 36px;
margin: 30px 0 0;
text-align: center;
}
/* Bannieres des pages hub et sous-page */
#banniere-promo {
background-color: #fff;
border: 1px solid #ccc;
margin: 30px 0;
padding-top: 20px;
font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", sans-serif;
}
#banniere-promo figcaption {
font-size: 1.8rem;
line-height: 1.4em;
color: #000;
display: inline-block;
padding: 0 50px 15px 0;
vertical-align: middle;
}
#banniere-promo figcaption a {
color: #1b75bb;
text-decoration: underline;
}
#banniere-promo figcaption a:hover,
#banniere-promo figcaption a:focus,
#banniere-promo figcaption a:active {
text-decoration: none;
}
#banniere-promo figure {
margin-bottom: 0;
}
#banniere-promo figure img {
display: inline-block;
height: auto;
max-width: 100%;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
#banniere-promo figure img {
display: none;
}
#banniere-promo figcaption {
padding: 0 0 20px 0;
}
}
@media screen and (min-width: 768px) {
#hq-accueil-n1 .res-panneau,
#hq-accueil-n2 .res-panneau,
#hq-accueil-n3 .res-panneau,
#hq-accueil-n1 .hq-panneau,
#hq-accueil-n2 .hq-panneau,
#hq-accueil-n3 .hq-panneau {
/* Grandeur par defaut */
}
#hq-accueil-n1 .res-panneau > div,
#hq-accueil-n2 .res-panneau > div,
#hq-accueil-n3 .res-panneau > div,
#hq-accueil-n1 .hq-panneau > div,
#hq-accueil-n2 .hq-panneau > div,
#hq-accueil-n3 .hq-panneau > div,
#hq-accueil-n1 .res-panneau > a,
#hq-accueil-n2 .res-panneau > a,
#hq-accueil-n3 .res-panneau > a,
#hq-accueil-n1 .hq-panneau > a,
#hq-accueil-n2 .hq-panneau > a,
#hq-accueil-n3 .hq-panneau > a {
margin: 0;
}
#hq-accueil-n1 .res-panneau > div h2,
#hq-accueil-n2 .res-panneau > div h2,
#hq-accueil-n3 .res-panneau > div h2,
#hq-accueil-n1 .hq-panneau > div h2,
#hq-accueil-n2 .hq-panneau > div h2,
#hq-accueil-n3 .hq-panneau > div h2,
#hq-accueil-n1 .res-panneau > a h2,
#hq-accueil-n2 .res-panneau > a h2,
#hq-accueil-n3 .res-panneau > a h2,
#hq-accueil-n1 .hq-panneau > a h2,
#hq-accueil-n2 .hq-panneau > a h2,
#hq-accueil-n3 .hq-panneau > a h2,
#hq-accueil-n1 .res-panneau > div h3,
#hq-accueil-n2 .res-panneau > div h3,
#hq-accueil-n3 .res-panneau > div h3,
#hq-accueil-n1 .hq-panneau > div h3,
#hq-accueil-n2 .hq-panneau > div h3,
#hq-accueil-n3 .hq-panneau > div h3,
#hq-accueil-n1 .res-panneau > a h3,
#hq-accueil-n2 .res-panneau > a h3,
#hq-accueil-n3 .res-panneau > a h3,
#hq-accueil-n1 .hq-panneau > a h3,
#hq-accueil-n2 .hq-panneau > a h3,
#hq-accueil-n3 .hq-panneau > a h3 {
text-align: center;
}
#hq-accueil-n1 .res-panneau .res-icn-accueil,
#hq-accueil-n2 .res-panneau .res-icn-accueil,
#hq-accueil-n3 .res-panneau .res-icn-accueil,
#hq-accueil-n1 .hq-panneau .res-icn-accueil,
#hq-accueil-n2 .hq-panneau .res-icn-accueil,
#hq-accueil-n3 .hq-panneau .res-icn-accueil,
#hq-accueil-n1 .res-panneau .hq-icn-accueil,
#hq-accueil-n2 .res-panneau .hq-icn-accueil,
#hq-accueil-n3 .res-panneau .hq-icn-accueil,
#hq-accueil-n1 .hq-panneau .hq-icn-accueil,
#hq-accueil-n2 .hq-panneau .hq-icn-accueil,
#hq-accueil-n3 .hq-panneau .hq-icn-accueil {
font-size: 88px;
}
#hq-accueil-n1 .hq-panneau-full > a,
#hq-accueil-n2 .hq-panneau-full > a,
#hq-accueil-n3 .hq-panneau-full > a {
padding: 0;
}
#hq-accueil-n1 .hq-panneau-full > a figure,
#hq-accueil-n2 .hq-panneau-full > a figure,
#hq-accueil-n3 .hq-panneau-full > a figure {
height: 155px;
}
#hq-accueil-n1 .hq-panneau-full > a figure img,
#hq-accueil-n2 .hq-panneau-full > a figure img,
#hq-accueil-n3 .hq-panneau-full > a figure img {
height: 155px;
}
}
/****/
/*************************************************
Accueil de Niveau 1 /residentiel /residential
*************************************************/
#hq-accueil-n1 .hq-bloc-liens-carousel {
background: #fff;
border: none;
}
#hq-accueil-n1 .hq-bloc-liens-carousel h2 {
font-size: 1.4rem;
margin: 0;
padding: 5px 0;
text-transform: uppercase;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul {
margin: 0;
padding: 0;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul li {
margin: 0;
padding: 0;
list-style: none;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul li a {
border-top: 1px solid #c2c0bf;
color: #48433f;
display: block;
padding: 10px 0px;
text-decoration: none;
width: 100%;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul li a:hover {
text-decoration: underline;
}
#hq-accueil-n1 figure {
display: block;
}
#hq-accueil-n1 .hq-accueil-section {
margin: 25px 0;
/* TUILE : Style par défaut */
/* TUILE RONDE */
}
#hq-accueil-n1 .hq-accueil-section h2 {
font-size: 2.4rem;
font-weight: 400;
margin: 0;
padding-bottom: 25px;
text-align: center;
}
#hq-accueil-n1 .hq-accueil-section h2 strong,
#hq-accueil-n1 .hq-accueil-section h2 .strong {
font-weight: 600;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau {
margin: 5px 0;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau a {
padding: 0!important;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau a figure {
background: #e9e8e8;
padding: 15px 0;
/* Centre les icones par defaut */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau h3 {
font-size: 1.6rem;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau p {
font-size: 1.4rem;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau-rond a figure {
padding: 0;
margin: 0 auto;
background: #e9e8e8;
border-radius: 55px;
height: 110px;
width: 110px;
overflow: hidden;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau-rond a figure img {
height: 100%;
}
#hq-accueil-n1 .hq-accueil-donnees {
font-weight: 300;
font-size: 1.8rem;
text-align: center;
text-transform: uppercase;
margin-bottom: 20px;
}
#hq-accueil-n1 .hq-accueil-donnees span {
display: block;
font-size: 6rem;
line-height: 1em;
margin-bottom: 15px;
}
#hq-accueil-n1 .hq-accueil-donnees br {
/*display:none;*/
}
#hq-accueil-n1 .hq-accueil-donnees:last-child {
border-right: none;
}
#hq-accueil-n1 .hq-accueil-media {
border-top: 1px solid #c2c0bf;
padding-top: 40px;
margin-top: 40px;
}
#hq-accueil-n1 .hq-accueil-media > div {
margin-bottom: 30px;
}
#hq-accueil-n1 .hq-accueil-media figure {
text-align: center;
padding: 0;
margin: 0;
}
#hq-accueil-n1 .hq-accueil-media figure img {
display: inline-block;
}
#hq-accueil-n1 .hq-accueil-media div {
text-align: center;
}
#hq-accueil-n1 .hq-accueil-media div h2 {
font-size: 1.6rem;
font-weight: 600;
margin: 10px 0;
padding: 0;
}
#hq-accueil-n1 .hq-accueil-media div h3 {
color: #48433f;
font-size: 1.4rem;
font-weight: 600;
margin: 0px 0;
}
#hq-accueil-n1 .hq-infos {
padding-left: 16px;
}
#hq-accueil-n1 .hq-accueil-voir-services {
font-size: 1.4rem;
font-weight: 600;
margin: 20px 0;
text-transform: uppercase;
text-align: center;
}
#hq-accueil-n1 .hq-accueil-voir-services a {
color: #48433f;
text-decoration: none;
}
#hq-accueil-n1 .hq-accueil-voir-services a:hover {
text-decoration: underline;
}
@media screen and (min-width: 768px) {
#hq-accueil-n1 {
/* Grandeur par defaut */
}
#hq-accueil-n1 .hq-bloc-liens-carousel {
border: 1px solid #c2c0bf;
}
#hq-accueil-n1 .hq-bloc-liens-carousel h2 {
padding: 20px 16px 15px;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul {
margin: 0;
padding: 0;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul li {
margin: 0;
padding: 0;
list-style: none;
}
#hq-accueil-n1 .hq-bloc-liens-carousel ul li a {
padding: 10px 16px;
}
#hq-accueil-n1 .hq-accueil-section {
margin: 75px auto;
}
#hq-accueil-n1 .hq-accueil-section h2 {
font-size: 3.6rem;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau a figure {
padding: 35px 0 25px;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau h3 {
font-size: 2rem;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau p {
font-size: 1.4rem;
}
#hq-accueil-n1 .hq-accueil-section .hq-panneau-rond a figure {
border-radius: 100px;
font-size: 50px;
/* Size apr defaut */
height: 200px;
padding: 0;
width: 200px;
}
#hq-accueil-n1 .hq-infos {
margin-top: 40px;
padding-left: 0px;
}
#hq-accueil-n1 .hq-accueil-donnees {
border-right: 1px solid #c2c0bf;
font-size: 1.8rem;
margin-bottom: 0;
}
#hq-accueil-n1 .hq-accueil-donnees span {
display: block;
font-size: 6rem;
line-height: 1em;
margin-bottom: 15px;
}
#hq-accueil-n1 .hq-accueil-donnees br {
/*display:none;*/
}
#hq-accueil-n1 .hq-accueil-donnees:last-child {
border-right: none;
}
#hq-accueil-n1 .hq-accueil-media {
border-top: 1px solid #c2c0bf;
padding-top: 40px;
margin-top: 40px;
}
#hq-accueil-n1 .hq-accueil-media div {
text-align: center;
}
#hq-accueil-n1 .hq-accueil-media div h2 {
font-size: 2rem;
font-weight: 600;
margin: 10px 0;
padding: 0;
}
#hq-accueil-n1 .hq-accueil-media div h3 {
color: #48433f;
font-size: 1.6rem;
font-weight: 600;
margin: 0px 0;
}
#hq-accueil-n1 figure {
text-align: left;
}
#hq-accueil-n1 figure img {
display: inline-block;
}
#hq-accueil-n1 .res-icn-accueil,
#hq-accueil-n1 .hq-icn-accueil {
font-size: 95px!important;
}
}
/*****************************************
ACCUEIL NIVEAU 2
******************************************/
#hq-accueil-n2 {
/* ANIM */
}
#hq-accueil-n2 a {
color: #48433f;
text-decoration: none;
}
#hq-accueil-n2 a:hover h2,
#hq-accueil-n2 a:hover h3 {
color: #1b75bb;
text-decoration: underline;
}
#hq-accueil-n2 .hq-tabs-list {
list-style: none;
padding: 0;
margin: 40px 0 0 0;
width: 100%;
}
#hq-accueil-n2 .hq-tabs-list li {
list-style-image: none;
padding: 0px;
margin: 0 0 32px 0;
float: left;
padding-left: 16px;
padding-right: 16px;
position: relative;
overflow: hidden;
}
#hq-accueil-n2 .hq-tabs-list li h3 {
background: #fff!important;
padding: 30px 0!important;
margin: 0!important;
display: block;
font-size: 1.8rem;
font-weight: 600;
text-align: center;
}
#hq-accueil-n2 .hq-tabs-list li figure {
background: #e9e8e8;
padding: 30px 0;
display: block;
text-align: center;
}
#hq-accueil-n2 .hq-tabs-list li figure svg {
/*display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
*/
font-size: 90px;
}
#hq-accueil-n2 .hq-panel {
display: none;
}
#hq-accueil-n2 .hq-panel li {
display: block!important;
position: relative;
float: none;
}
#hq-accueil-n2 .hq-panel li:before {
content: '';
position: absolute;
top: 0.5em;
left: 0;
background: #a2a2a2;
width: 6px;
height: 6px;
border-radius: 3px;
}
#hq-accueil-n2 .hq-panel-list > div {
display: none;
}
@media screen and (min-width: 768px) {
#hq-accueil-n2 {
/* ANIM */
}
#hq-accueil-n2 .hq-tabs-list li {
position: relative;
-webkit-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
#hq-accueil-n2 .hq-tabs-list li h3 {
background: #fff;
padding: 30px 0;
display: block;
font-size: 1.8rem;
font-weight: 600;
text-align: center;
}
#hq-accueil-n2 .hq-tabs-list li figure {
background: #e9e8e8;
padding: 30px 0;
display: block;
text-align: center;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 100;
-webkit-transition: top 0.5s ease-in-out;
transition: top 0.5s ease-in-out;
}
#hq-accueil-n2 .hq-tabs-list li figure svg {
font-size: 90px;
}
#hq-accueil-n2 .hq-panel-infos {
background: #fff;
overflow: hidden;
height: 154px;
position: relative;
}
#hq-accueil-n2 .hq-panel {
display: block!important;
}
#hq-accueil-n2 .hq-panel li {
margin: 0 5px 0;
padding-left: 15px;
position: relative;
/**&:before {
content: '';
position:absolute;
top:0.5em;
left:0;
background:#000;
width:6px;
height:6px;
border-radius:3px;
}**/
}
#hq-accueil-n2 .hq-panel-list > div {
display: none;
}
#hq-accueil-n2 .hq-tuile-hover {
width: 50%!important;
}
#hq-accueil-n2 .hq-tuile-adj {
width: 25%!important;
}
#hq-accueil-n2 .hq-remove {
top: 160px!important;
}
}
/***********************************************
ACCUEIL NIVEAU 3
************************************************/
#hq-accueil-n3 h1 {
margin: 40px 0 50px;
}
#hq-accueil-n3 h2 {
margin: 0 0 15px;
}
#hq-accueil-n3 .res-panneau,
#hq-accueil-n3 .hq-panneau {
/*column-break-inside:avoid;
break-inside: avoid-column;*/
padding-bottom: 32px;
}
#hq-accueil-n3 .res-panneau h2,
#hq-accueil-n3 .hq-panneau h2 {
text-align: center !important;
}
@media screen and (min-width: 768px) {
#hq-accueil-n3 .res-panneau > div,
#hq-accueil-n3 .res-panneau > a {
-webkit-transition: box-shadow 0.5s ease-in-out;
transition: box-shadow 0.5s ease-in-out;
-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#hq-accueil-n3 .res-panneau > div:hover,
#hq-accueil-n3 .res-panneau > a:hover {
box-shadow: 0px 0 8px rgba(0, 0, 0, 0.35);
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
#hq-accueil-n3 .res-panneau > div:hover h2,
#hq-accueil-n3 .res-panneau > a:hover h2 {
text-decoration: underline;
}
#hq-accueil-n3 .res-panneau > div h2 br,
#hq-accueil-n3 .res-panneau > a h2 br {
display: block;
}
}
/*********************************
ACCEUIL DE NIVEAU 4 ET 5
**********************************/
#hq-accueil-n4 #hq-outer-mask,
#hq-accueil-n5 #hq-outer-mask {
background: #fff;
}
#hq-accueil-n4 h1,
#hq-accueil-n5 h1 {
font-size: 36px;
margin: 30px 0 50px;
text-align: center;
}
#hq-accueil-n4 .hq-home-bloc-intro,
#hq-accueil-n5 .hq-home-bloc-intro {
font-size: 1.8rem;
margin: -40px 0 50px !important;
text-align: center;
}
#hq-accueil-n4 .hq-home-bloc-intro strong,
#hq-accueil-n5 .hq-home-bloc-intro strong {
font-weight: 600;
}
#hq-accueil-n4 .hq-tuile-vedettes > a,
#hq-accueil-n5 .hq-tuile-vedettes > a {
display: block;
border-top: 1px solid #cecdcc;
width: 100%;
padding: 20px 0 10px;
text-decoration: none;
}
#hq-accueil-n4 .hq-tuile-vedettes > a:last-child,
#hq-accueil-n5 .hq-tuile-vedettes > a:last-child {
border-bottom: 1px solid #cecdcc;
}
#hq-accueil-n4 .hq-tuile-vedettes > a:hover h2,
#hq-accueil-n5 .hq-tuile-vedettes > a:hover h2 {
text-decoration: underline;
}
#hq-accueil-n4 .hq-tuile-vedettes > a p,
#hq-accueil-n5 .hq-tuile-vedettes > a p {
color: #48433f;
}
#hq-accueil-n4 .hq-tuile-vedettes h2,
#hq-accueil-n5 .hq-tuile-vedettes h2 {
margin: 0 0 10px;
}
#hq-accueil-n4 .hq-bloc-liens-ext,
#hq-accueil-n5 .hq-bloc-liens-ext {
background: #f4f4f4;
border-top: 1px solid #ff9a00;
list-style: none;
margin: 0;
padding: 20px;
}
#hq-accueil-n4 .hq-bloc-liens-ext li,
#hq-accueil-n5 .hq-bloc-liens-ext li {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #cecdcc;
padding-bottom: 10px;
margin-bottom: 10px;
}
#hq-accueil-n4 .hq-bloc-liens-ext li:last-child,
#hq-accueil-n5 .hq-bloc-liens-ext li:last-child {
border-bottom: none;
}
#hq-accueil-n4 .hq-bloc-liens-ext a,
#hq-accueil-n5 .hq-bloc-liens-ext a {
color: #48433f;
text-decoration: none;
}
#hq-accueil-n4 .hq-bloc-liens-ext a:hover,
#hq-accueil-n5 .hq-bloc-liens-ext a:hover {
text-decoration: underline;
}
/* HEADING */
header.breadcrumb-bloc {
margin-bottom: 25px;
}
a,
a:hover,
a:link,
button {
color: #1b75bb;
}
a {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
h1,
.h1 {
font-size: 2.9rem;
/*29px*/
text-transform: none;
color: #48433f;
text-indent: -2px;
}
h1 .sous-titre {
display: block;
font-size: 2.2rem;
font-weight: 400;
margin-top: -5px;
}
h2,
.h2 {
color: #48433f;
font-size: 2.3rem;
/*23px*/
margin-top: 40px;
margin-bottom: 15px;
text-transform: inherit;
text-indent: -1px;
}
h2 .sous-titre {
font-size: 1.8rem;
font-weight: 400;
}
h3,
.h3 {
font-size: 1.7rem;
/*17px*/
font-weight: 600;
text-transform: inherit;
margin-top: 20px;
margin-bottom: 10px;
text-indent: -1px;
}
h2 + h3 {
/* added 2015-09-18*/
margin-top: 0px;
}
h4,
.h4,
dt {
font-weight: 600;
font-size: 1.6rem;
/*16px*/
margin-top: 15px;
margin-bottom: 5px;
text-indent: -1px;
}
.row > .columns:not(.no-reset) > h4:first-child {
margin-top: 0px;
}
h5,
.h5 {
font-weight: 600;
font-size: 1.5rem;
/*15px*/
color: #2c3033;
text-indent: -1px;
}
h6,
.h6 {
font-weight: normal;
font-size: 1.5rem;
/*15px*/
color: #2c3033;
margin-top: 0px;
margin-bottom: 0px;
text-indent: -1px;
}
p {
margin-bottom: 10px;
}
ul {
list-style-image: url(/images2016/bg_mainContent_list.png);
padding-left: 20px;
margin-bottom: 10px;
}
ul ul {
margin-top: 10px;
}
ol {
padding-left: 20px;
margin-bottom: 10px;
}
li {
margin-bottom: 5px;
}
li:last-child {
margin-bottom: 0;
}
/*ul sans puce */
ul.no-bullet {
list-style-image: none;
padding-left: 0;
}
a,
a:hover,
a:link,
button {
color: #1b75bb;
}
a:hover {
/*text-decoration: none;*/
}
a.lien-pointeur {
background: url(/images2016/bg_arrow_link.png) no-repeat 0 0.4em;
padding-left: 12px;
display: block;
border: 0;
}
a.lien-pointeur.important {
font-size: 16px;
font-size: 1.6rem;
}
a.lien-retour {
background: url(/images2016/bg-pointeur-retour.png) no-repeat 0 0.4em;
padding-left: 12px;
display: block;
border: 0;
}
.italic {
font-style: italic;
}
.note,
.note * {
font-size: 11px!important;
font-size: 1.1rem!important;
}
figcaption .note {
color: #50575d;
}
.texte-courant {
font-size: 1.3rem!important;
}
/*********************************/
/* TABLEAU
/*********************************/
/* Doit être associé à hq-tableau qui se trouve dans hq-commun-2014-2016.less */
table.hq-tableau thead th {
background: #e9e8e8;
font-weight: 700;
padding: 10px 8px;
}
table.hq-tableau caption {
font-size: 1.4rem;
font-weight: bold;
padding: 0 0 5px;
text-align: left;
}
table.hq-tableau-donnees thead th {
padding: 10px 8px;
text-align: right;
}
table.hq-tableau-donnees thead th:first-child {
text-align: left;
}
table.hq-tableau-donnees tbody th,
table.hq-tableau-donnees tbody td {
text-align: right;
}
table.hq-tableau-donnees tbody th:first-child,
table.hq-tableau-donnees tbody td:first-child {
text-align: left;
}
table.hq-tableau-donnees tbody td {
white-space: nowrap;
}
table.hq-tableau-donnees tbody td.wrap {
white-space: normal;
}
.hq-table-scroll {
display: block;
width: 100%;
overflow-x: scroll;
}
/*******************************/
/* SVG
/*******************************/
svg {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}
/*****************
CONTENU
******************/
#res-bandeau-connexion {
background: #1b75bb;
margin: 40px 0 20px 0;
}
#res-bandeau-connexion div[class*="columns"] {
padding: 30px 32px 20px;
text-align: center;
}
#res-bandeau-connexion h2,
#res-bandeau-connexion p,
#res-bandeau-connexion a {
color: #fff;
}
#res-bandeau-connexion h2 {
font-size: 3.6rem;
font-weight: 300;
line-height: 1.4em;
margin-top: 0;
}
#res-bandeau-connexion .res-liste-btn {
display: block;
list-style: none;
margin-top: 20px;
padding: 0;
}
#res-bandeau-connexion .res-liste-btn li {
margin: 15px 0 0;
}
#res-bandeau-connexion .res-liste-btn li a {
-webkit-transition: all 0.25s;
transition: all 0.25s;
border-radius: 10px;
display: block;
font-weight: 600;
line-height: 1em;
margin: 0 10px;
padding: 15px 45px;
vertical-align: middle;
text-decoration: none;
}
#res-bandeau-connexion .res-liste-btn li:first-child a {
background: #ffffff;
border: 1px solid #165e96 !important;
color: #1b75bb;
}
#res-bandeau-connexion .res-liste-btn li:first-child a:hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
border: 1px solid #ffffff !important;
background: rgba(255, 255, 255, 0.95);
color: #165e96;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}
#res-bandeau-connexion .res-liste-btn li:last-child a:not(.hq-tooltip-icn) {
border: 1px solid #ffffff;
}
#res-bandeau-connexion .res-liste-btn li:last-child a:not(.hq-tooltip-icn):hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
background: #165f97;
}
#res-bandeau-connexion .res-liste-btn li .hq-tooltip-icn {
border: none!important;
margin: 10px 0 0 0;
padding: 0!important;
}
#res-bandeau-connexion .res-liste-btn li .res-icn-interrogation {
-webkit-transition: all 0.25s;
transition: all 0.25s;
background: #165e96;
border-radius: 15px;
width: 30px;
height: 30px;
padding: 6px;
line-height: 1em;
}
#res-bandeau-connexion .res-liste-btn li .res-icn-interrogation:hover {
-webkit-transition: all 0.5s;
transition: all 0.5s;
background: #0f426a;
}
@media screen and (min-width: 768px) {
#res-bandeau-connexion .res-liste-btn,
.hq-panneau-meconnecter .res-liste-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
margin-top: 20px;
}
#res-bandeau-connexion .res-liste-btn li,
.hq-panneau-meconnecter .res-liste-btn li {
margin: 0;
}
#res-bandeau-connexion .res-liste-btn li a,
.hq-panneau-meconnecter .res-liste-btn li a {
border-radius: 5px;
display: inline-block;
font-weight: 600;
line-height: 1em;
margin: 0 14px;
padding: 8px 45px;
vertical-align: middle;
text-decoration: none;
}
#res-bandeau-connexion .res-liste-btn li:first-child a,
.hq-panneau-meconnecter .res-liste-btn li:first-child a {
background: #ffffff;
border: 1px solid #165e96;
color: #1b75bb;
}
#res-bandeau-connexion .res-liste-btn li:last-child,
.hq-panneau-meconnecter .res-liste-btn li:last-child {
margin: 0;
}
#res-bandeau-connexion .res-liste-btn li:last-child a,
.hq-panneau-meconnecter .res-liste-btn li:last-child a {
border: 1px solid #ffffff;
}
#res-bandeau-connexion .res-liste-btn li .hq-tooltip-icn,
.hq-panneau-meconnecter .res-liste-btn li .hq-tooltip-icn {
border: none!important;
margin: 0;
padding: 0!important;
}
.hq-panneau-meconnecter .res-liste-btn {
height: auto;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
padding: 20px 0 40px 0!important;
}
.hq-panneau-meconnecter .res-liste-btn li a {
-webkit-animation: none!important;
animation: none!important;
font-size: 1.4rem;
vertical-align: middle;
}
.hq-panneau-meconnecter .res-liste-btn li:first-child a {
color: #1b75bb !important;
margin-left: 0;
}
.hq-panneau-meconnecter .res-liste-btn li:first-child a:hover {
background: #ffffff !important;
}
.hq-panneau-meconnecter .res-liste-btn li:last-child a {
display: inline-block !important;
}
.hq-panneau-meconnecter .res-liste-btn li:last-child a:first-child {
background: transparent!important;
border: 1px solid #ffffff;
color: #fff!important;
}
.hq-panneau-meconnecter .res-liste-btn li .hq-tooltip-icn {
border: none!important;
padding: 0!important;
}
.hq-panneau-meconnecter .res-liste-btn li .res-icn-interrogation {
background: #165e96;
border-radius: 15px;
width: 30px;
height: 30px;
padding: 6px;
line-height: 1em;
}
}
/* CSS Document */
/* HACK */
#mm-hq-header-nav-section,
#mm-hq-nav-grande-section,
#mm-hq-nav-site-specialise,
#mm-hq-nav-site-international,
#mm-hq-formulaire {
background: #fff;
/*.mm-navbar .mm-breadcrumbs {
text-overflow:clip;
white-space:normal;
overflow:visible;
-webkit-overflow-scrolling: touch;
overflow-x:auto;
text-align: left;
line-height:1.2em;
}*/
}
#mm-hq-header-nav-section a,
#mm-hq-nav-grande-section a,
#mm-hq-nav-site-specialise a,
#mm-hq-nav-site-international a,
#mm-hq-formulaire a {
color: #48433f;
}
#mm-hq-header-nav-section .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-nav-grande-section .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-nav-site-specialise .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-nav-site-international .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-formulaire .mm-panels > .mm-panel > .mm-listview:first-child,
#mm-hq-header-nav-section .mm-panels > .mm-panel > .mm-navbar + .mm-listview,
#mm-hq-nav-grande-section .mm-panels > .mm-panel > .mm-navbar + .mm-listview,
#mm-hq-nav-site-specialise .mm-panels > .mm-panel > .mm-navbar + .mm-listview,
#mm-hq-nav-site-international .mm-panels > .mm-panel > .mm-navbar + .mm-listview,
#mm-hq-formulaire .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
margin-top: -10px;
}
#mm-hq-header-nav-section .hq-mm-meconnecter,
#mm-hq-nav-grande-section .hq-mm-meconnecter,
#mm-hq-nav-site-specialise .hq-mm-meconnecter,
#mm-hq-nav-site-international .hq-mm-meconnecter,
#mm-hq-formulaire .hq-mm-meconnecter {
background: #1b75bb;
display: table;
/*flex;
align-content:center;
align-items:center;*/
text-align: center;
vertical-align: middle;
padding: 10px;
height: 50px;
width: 100%;
}
#mm-hq-header-nav-section .hq-mm-meconnecter a,
#mm-hq-nav-grande-section .hq-mm-meconnecter a,
#mm-hq-nav-site-specialise .hq-mm-meconnecter a,
#mm-hq-nav-site-international .hq-mm-meconnecter a,
#mm-hq-formulaire .hq-mm-meconnecter a {
color: #1b75bb !important;
display: inline-block;
background-color: #fff!important;
line-height: 1em;
padding: 8px 40px;
border-radius: 5px;
}
#mm-hq-header-nav-section .mm-navbar,
#mm-hq-nav-grande-section .mm-navbar,
#mm-hq-nav-site-specialise .mm-navbar,
#mm-hq-nav-site-international .mm-navbar,
#mm-hq-formulaire .mm-navbar {
padding: 0px!important;
}
#mm-hq-header-nav-section .mm-title,
#mm-hq-nav-grande-section .mm-title,
#mm-hq-nav-site-specialise .mm-title,
#mm-hq-nav-site-international .mm-title,
#mm-hq-formulaire .mm-title {
padding: 10px 0 0 20px;
font-size: 1.3rem;
font-weight: 700;
margin: 0;
}
#mm-hq-header-nav-section .mm-navbar-top,
#mm-hq-nav-grande-section .mm-navbar-top,
#mm-hq-nav-site-specialise .mm-navbar-top,
#mm-hq-nav-site-international .mm-navbar-top,
#mm-hq-formulaire .mm-navbar-top {
padding: 0px!important;
line-height: 1em;
}
#mm-hq-header-nav-section .mm-listview,
#mm-hq-nav-grande-section .mm-listview,
#mm-hq-nav-site-specialise .mm-listview,
#mm-hq-nav-site-international .mm-listview,
#mm-hq-formulaire .mm-listview {
font-size: 1.3rem;
}
#mm-hq-header-nav-section .mm-section,
#mm-hq-nav-grande-section .mm-section,
#mm-hq-nav-site-specialise .mm-section,
#mm-hq-nav-site-international .mm-section,
#mm-hq-formulaire .mm-section {
font-weight: 700;
}
#mm-hq-header-nav-section .mm-panels .mm-navbar,
#mm-hq-nav-grande-section .mm-panels .mm-navbar,
#mm-hq-nav-site-specialise .mm-panels .mm-navbar,
#mm-hq-nav-site-international .mm-panels .mm-navbar,
#mm-hq-formulaire .mm-panels .mm-navbar {
/*height:50px!important;*/
top: 10px;
text-align: left;
}
#mm-hq-header-nav-section .mm-prev,
#mm-hq-nav-grande-section .mm-prev,
#mm-hq-nav-site-specialise .mm-prev,
#mm-hq-nav-site-international .mm-prev,
#mm-hq-formulaire .mm-prev {
padding: 0;
left: -15px;
}
#mm-hq-header-nav-section .mm-navbar-bottom,
#mm-hq-nav-grande-section .mm-navbar-bottom,
#mm-hq-nav-site-specialise .mm-navbar-bottom,
#mm-hq-nav-site-international .mm-navbar-bottom,
#mm-hq-formulaire .mm-navbar-bottom {
height: 60px!important;
text-align: center;
}
#mm-hq-header-nav-section .hq-mm-recherche,
#mm-hq-nav-grande-section .hq-mm-recherche,
#mm-hq-nav-site-specialise .hq-mm-recherche,
#mm-hq-nav-site-international .hq-mm-recherche,
#mm-hq-formulaire .hq-mm-recherche {
padding: 10px;
margin-bottom: 10px;
}
#mm-hq-header-nav-section .hq-mm-recherche > span,
#mm-hq-nav-grande-section .hq-mm-recherche > span,
#mm-hq-nav-site-specialise .hq-mm-recherche > span,
#mm-hq-nav-site-international .hq-mm-recherche > span,
#mm-hq-formulaire .hq-mm-recherche > span {
display: inline-block;
position: relative;
width: 75%;
}
#mm-hq-header-nav-section .hq-mm-recherche > span input,
#mm-hq-nav-grande-section .hq-mm-recherche > span input,
#mm-hq-nav-site-specialise .hq-mm-recherche > span input,
#mm-hq-nav-site-international .hq-mm-recherche > span input,
#mm-hq-formulaire .hq-mm-recherche > span input {
background: #fff;
border: 1px solid #cecdcc;
border-radius: 20px;
height: 40px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 20px;
width: 100%;
}
#mm-hq-header-nav-section .hq-mm-recherche > span ::-webkit-input-placeholder,
#mm-hq-nav-grande-section .hq-mm-recherche > span ::-webkit-input-placeholder,
#mm-hq-nav-site-specialise .hq-mm-recherche > span ::-webkit-input-placeholder,
#mm-hq-nav-site-international .hq-mm-recherche > span ::-webkit-input-placeholder,
#mm-hq-formulaire .hq-mm-recherche > span ::-webkit-input-placeholder {
color: #48433f;
opacity: 1;
}
#mm-hq-header-nav-section .hq-mm-recherche > span ::-moz-placeholder,
#mm-hq-nav-grande-section .hq-mm-recherche > span ::-moz-placeholder,
#mm-hq-nav-site-specialise .hq-mm-recherche > span ::-moz-placeholder,
#mm-hq-nav-site-international .hq-mm-recherche > span ::-moz-placeholder,
#mm-hq-formulaire .hq-mm-recherche > span ::-moz-placeholder {
color: #48433f;
opacity: 1;
}
#mm-hq-header-nav-section .hq-mm-recherche > span :-ms-input-placeholder,
#mm-hq-nav-grande-section .hq-mm-recherche > span :-ms-input-placeholder,
#mm-hq-nav-site-specialise .hq-mm-recherche > span :-ms-input-placeholder,
#mm-hq-nav-site-international .hq-mm-recherche > span :-ms-input-placeholder,
#mm-hq-formulaire .hq-mm-recherche > span :-ms-input-placeholder {
color: #48433f;
opacity: 1;
}
#mm-hq-header-nav-section .hq-mm-recherche > span ::placeholder,
#mm-hq-nav-grande-section .hq-mm-recherche > span ::placeholder,
#mm-hq-nav-site-specialise .hq-mm-recherche > span ::placeholder,
#mm-hq-nav-site-international .hq-mm-recherche > span ::placeholder,
#mm-hq-formulaire .hq-mm-recherche > span ::placeholder {
color: #48433f;
opacity: 1;
}
#mm-hq-header-nav-section .hq-mm-recherche > span button,
#mm-hq-nav-grande-section .hq-mm-recherche > span button,
#mm-hq-nav-site-specialise .hq-mm-recherche > span button,
#mm-hq-nav-site-international .hq-mm-recherche > span button,
#mm-hq-formulaire .hq-mm-recherche > span button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
background-color: #ff9a00;
border-radius: 15px;
width: 30px;
height: 30px;
color: #666666;
font: inherit;
font-weight: normal;
overflow: visible;
position: absolute;
top: 5px;
right: 5px;
z-index: 100;
/* Enlève le padding par defaut dans webkit / ios */
padding: 0;
}
#mm-hq-header-nav-section .hq-mm-recherche > span button svg,
#mm-hq-nav-grande-section .hq-mm-recherche > span button svg,
#mm-hq-nav-site-specialise .hq-mm-recherche > span button svg,
#mm-hq-nav-site-international .hq-mm-recherche > span button svg,
#mm-hq-formulaire .hq-mm-recherche > span button svg {
display: inline-block;
font-size: 18x;
/*Déplace le svg pour le centrer,le Flex ne semble par avoir d'effet*/
margin-left: 8px;
}
#mm-hq-header-nav-section .hq-mm-utils,
#mm-hq-nav-grande-section .hq-mm-utils,
#mm-hq-nav-site-specialise .hq-mm-utils,
#mm-hq-nav-site-international .hq-mm-utils,
#mm-hq-formulaire .hq-mm-utils {
font-size: 1.3rem;
margin-top: 30px;
}
#mm-hq-header-nav-section .hq-mm-utils li,
#mm-hq-nav-grande-section .hq-mm-utils li,
#mm-hq-nav-site-specialise .hq-mm-utils li,
#mm-hq-nav-site-international .hq-mm-utils li,
#mm-hq-formulaire .hq-mm-utils li {
margin-bottom: 10px;
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 0;
display: inline-block;
cursor: pointer;
transition-property: opacity, -webkit-filter;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 25px;
height: 15px!important;
display: inline-block;
position: relative;
margin-right: 6px;
vertical-align: middle;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 25px;
height: 3px;
background-color: #918e8b;
border-radius: 0px;
position: absolute;
transition-property: -webkit-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -6px;
}
.hamburger-inner::after {
bottom: -6px;
}
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -12px;
-webkit-transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
html.mm-opened .hamburger {
display: block;
position: absolute;
top: 0px;
left: 0px;
}
html.mm-opened .hamburger--collapse .hamburger-inner {
-webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
transform: translate3d(0, -6px, 0) rotate(-45deg);
-webkit-transition-delay: 0.32s;
transition-delay: 0.32s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
html.mm-opened .hamburger--collapse .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear;
}
html.mm-opened .hamburger--collapse .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/***************************/
/* TOOLTIPS
/***************************/
/* Lien dans la page */
.hq-tooltip {
display: inline-block;
padding: 0;
text-decoration: none;
border-bottom: 1px dotted;
}
.hq-tooltip.hq-tooltip-icn {
border: none!important;
}
.hq-tooltip:hover {
border-bottom: 1px dotted #fff;
}
.hq-tip {
display: none;
}
.hq-tooltip-container {
position: relative;
}
/* Tooltip base */
#hq-tooltip {
display: block;
z-index: 500;
/* Chrome Fix */
background: transparent;
border: none;
/* Faire réagir comme un overlay / Pour mobile seulement */
position: fixed;
left: 1%;
right: auto;
width: 98%;
/**/
}
#hq-tooltip .hq-tooltip-content {
position: relative;
border: 3px solid #a2a2a2;
border-radius: 0.3em;
background-color: #f4f4f4;
padding: 1.25em 2.5em 1.0em 1.0em;
text-align: left;
}
#hq-tooltip .hq-tooltip-content p {
color: #000!important;
}
#hq-tooltip #hq-tooltip-close {
position: absolute;
right: -0.1em;
top: 0.1em;
margin: 0;
padding: 0;
cursor: pointer;
width: 32px;
height: 32px;
}
#hq-tooltip #hq-tooltip-close::before,
#hq-tooltip #hq-tooltip-close::after {
position: absolute;
top: 0px;
left: 15px;
content: ' ';
height: 26px;
width: 2px;
background-color: #a2a2a2;
}
#hq-tooltip #hq-tooltip-close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#hq-tooltip #hq-tooltip-close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#hq-tooltip #hq-tooltip-close:hover::after,
#hq-tooltip #hq-tooltip-close:hover::before {
background-color: #000;
}
#hq-tooltip .hq-tooltip-rail-up,
#hq-tooltip .hq-tooltip-rail-down {
position: relative;
width: 100%;
height: 20px;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow {
display: block;
position: absolute;
z-index: 1000;
left: 18px;
/*'Minimum*/
top: -3px;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow::before,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::before,
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow::after,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow::after,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::after {
border-color: rgba(194, 225, 245, 0);
border-top-color: #f4f4f4;
border-width: 15px;
margin-left: -15px;
}
#hq-tooltip .hq-tooltip-rail-up .hq-tooltip-arrow::before,
#hq-tooltip .hq-tooltip-rail-down .hq-tooltip-arrow::before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #a2a2a2;
border-width: 19px;
margin-left: -19px;
}
@media screen and (min-width: 768px) {
#hq-tooltip {
display: block;
position: fixed;
left: auto;
/* Grandeur par défaut */
width: 20em;
/* autres formats */
}
#hq-tooltip.hq-tooltip-xsmall {
width: 10em;
}
#hq-tooltip.hq-tooltip-small {
width: 20em;
}
#hq-tooltip.hq-tooltip-medium {
width: 30em;
}
#hq-tooltip.hq-tooltip-large {
width: 40em;
}
#hq-tooltip.hq-tooltip-xlarge {
width: 50em;
}
}
/******************************/
/* MODAL
/*******************************/
dialog {
display: block;
}
.no-scroll {
overflow: hidden;
}
/* FOND */
.modal-overlay {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #000;
opacity: .6;
z-index: 666;
}
.modal {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
position: fixed;
left: 1%;
right: auto;
top: 1%;
width: 98%;
margin: 0 auto;
border: none;
background: #fff;
z-index: 667;
padding: 2em;
}
/***************************************
VIDEO- FLOWPLAYER
****************************************/
.hq-video {
/* 17617 */
height: auto !important;
width: 100% !important;
margin-bottom: 50px;
}
/***************************************
VIDEO- YouTube
****************************************/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 640px;
max-height: 360px;
}
.video-metas {
margin-bottom: 10px;
}
/************************************
ONGLETS de LIENS
*************************************/
.hq-onglets {
display: block;
width: 100%;
margin: 30px 0;
padding: 0;
}
.hq-onglets > ul {
display: table;
max-width: 100%;
margin: 0 !important;
padding: 0 !important;
background: none !important;
list-style: none;
}
.hq-onglets > ul > li {
position: relative;
display: table-cell;
height: 100%;
margin: 0;
border: 1px solid #1a3664;
border-radius: 0;
line-height: 100%;
text-align: center;
text-decoration: none;
box-sizing: border-box;
cursor: pointer;
vertical-align: middle;
}
.hq-onglets > ul > li + li {
border-left: none;
}
.hq-onglets > ul > li a {
display: table-cell;
min-width: 130px;
max-width: 220px;
padding: 10px 25px;
color: #48433f !important;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
}
.hq-onglets > ul > li a:hover,
.hq-onglets > ul > li a:focus,
.hq-onglets > ul > li a:active {
text-decoration: underline;
}
.hq-onglets > ul > li.active {
color: #fff !important;
border: none;
}
.hq-onglets > ul > li.active a {
color: #fff !important;
border: none;
text-decoration: none;
}
.hq-onglets > ul > li.active,
.hq-onglets > ul > li a[aria-selected="true"] {
background: #1a3664;
color: #fff !important;
}
@media screen and (max-width: 767px) {
.hq-onglets > ul {
display: block;
}
.hq-onglets > ul > li {
display: block;
width: 100%;
border-bottom: 1px solid #d8d9da;
border-top: none;
border-right: none;
border-left: none;
}
.hq-onglets > ul > li:first-child {
border-top: 1px solid #d8d9da;
}
.hq-onglets > ul > li a {
display: block;
min-width: auto;
max-width: 100%;
width: 100%;
height: auto;
padding: 20px 25px;
}
.hq-onglets > ul > li a[aria-selected="true"],
.hq-onglets > ul > li .active {
bottom: 0;
margin: 0;
padding: 0;
border-width: 0;
}
}
/**
END: ONGLETS de LIENS
**/
/************************************
ONGLET de BUTTONS
*************************************/
.basculer-btn {
background-color: white !important;
background-image: none !important;
border: 1px solid #1a3664;
color: #48433f;
display: block;
float: left;
padding: 10px 30px;
}
.basculer-btn.active {
background-color: #1a3664 !important;
border: 1px solid #1a3664 !important;
color: white !important;
}
.basculer-btn:hover,
.basculer-btn:focus,
.basculer-btn:active {
text-decoration: underline;
}
/**
END: ONGLET de BUTTONS
**/
/************************************
BUTTONS
*************************************/
a.button {
display: inline-block;
padding: 15px 30px;
background-color: white;
border: 1px solid #1b75bb;
border-radius: 5px;
color: #1b75bb;
font-size: 1.4rem;
font-weight: 700;
text-decoration: none;
}
a.button.alt {
background-color: #1b75bb;
color: white;
}
a.button.alt:hover,
a.button.alt:active,
a.button.alt:focus {
background-color: white;
border: 1px solid #1b75bb;
color: #1b75bb;
}
a.button:hover,
a.button:active,
a.button:focus {
background-color: #1b75bb;
border: 1px solid white;
color: white;
}
/**
END: BUTTONS
**/
/************************************
MEGA-COLLAPSE
*************************************/
.hq-mega-collapse {
margin-top: 45px;
border-bottom: 1px solid #d5d4d3;
}
.hq-mega-collapse .collapse-banner {
position: relative;
display: table;
table-layout: fixed;
width: 100%;
margin: 0;
padding: 0;
border: 1px solid #d5d4d3;
border-bottom: 0;
color: #48433f;
font-size: 2.2rem;
text-align: left;
}
.hq-mega-collapse .collapse-banner > a {
display: table;
table-layout: fixed;
width: 100%;
height: 105px;
min-height: 105px;
color: #48433f;
font-family: "Open Sans", sans-serif;
font-size: 2.2rem;
font-weight: 600;
text-align: left;
text-decoration: none;
}
.hq-mega-collapse .collapse-banner .collapse-icn,
.hq-mega-collapse .collapse-banner .collapse-title,
.hq-mega-collapse .collapse-banner .collapse-toggle {
display: table-cell;
float: none;
padding: 15px 25px;
border-right: 1px solid #d5d4d3;
vertical-align: middle;
}
.hq-mega-collapse .collapse-banner .collapse-icn:last-child,
.hq-mega-collapse .collapse-banner .collapse-title:last-child,
.hq-mega-collapse .collapse-banner .collapse-toggle:last-child {
border-right: 0;
}
.hq-mega-collapse .collapse-banner .collapse-icn {
width: 14%;
background-color: #e9e7e8;
font-size: 55px;
text-align: center;
}
.hq-mega-collapse .collapse-banner .collapse-title {
width: 75%;
font-weight: bold;
}
.hq-mega-collapse .collapse-banner .collapse-toggle {
width: 11%;
background-color: #d5d4d2;
}
.hq-mega-collapse .collapse-banner .collapse-toggle:after {
display: block;
content: '';
width: 30px;
height: 30px;
margin: 0 auto;
background: transparent url('/themes/residentiel/espace-clients/images/icn-collapse-paiement.png') no-repeat center left;
}
.hq-mega-collapse .collapse-banner .collapse-date {
width: 29%;
background-color: #ffffff;
font-size: 1.4rem;
}
.hq-mega-collapse .collapse-banner .collapse-date span {
display: block;
margin-bottom: 5px;
font-size: 2.2rem;
font-weight: bold;
}
.hq-mega-collapse .collapse-banner .collapse-closex {
display: none;
}
.hq-mega-collapse .collapse-banner + .collapse-content:before {
margin-bottom: 30px;
background-color: #d5d4d2;
}
.hq-mega-collapse .collapse-banner.open .collapse-toggle:after {
background-position: center right;
}
.hq-mega-collapse .collapse-banner:hover .collapse-title {
color: #418cc6;
text-decoration: underline;
}
.hq-mega-collapse .collapse-content {
display: none;
}
.hq-mega-collapse .collapse-content:before {
content: '';
display: block;
height: 24px;
border-left: 1px solid #d5d4d3;
border-right: 1px solid #d5d4d3;
}
.hq-mega-collapse .collapse-content:after {
content: '';
display: none;
height: 10px;
}
.hq-mega-collapse .collapse-content:last-child {
padding-bottom: 50px;
border-bottom: 2px solid #d5d4d3;
}
@media screen and (max-width: 767px) {
.hq-mega-collapse .collapse-banner {
display: block;
min-height: unset;
height: auto;
border-bottom: 1px solid #d5d4d3;
margin-bottom: 1em;
}
.hq-mega-collapse .collapse-banner .collapse-icn,
.hq-mega-collapse .collapse-banner .collapse-title,
.hq-mega-collapse .collapse-banner .collapse-toggle {
display: block;
border-right: 0;
}
.hq-mega-collapse .collapse-banner .collapse-icn {
width: 100%;
padding-top: 35px;
padding-bottom: 0;
background: #f4f3f3;
}
.hq-mega-collapse .collapse-banner .collapse-title {
width: 100%;
padding-bottom: 20px;
margin-top: 0;
font-size: 1.6rem;
text-align: center;
color: #418cc6;
text-decoration: underline;
}
.hq-mega-collapse .collapse-banner .collapse-toggle {
width: 100%;
padding: 0;
}
.hq-mega-collapse .collapse-banner .collapse-toggle:after {
display: none;
}
.hq-mega-collapse .collapse-banner .collapse-date {
width: 100%;
text-align: center;
border-bottom: 2px solid #d5d4d3;
}
.hq-mega-collapse .collapse-banner:after {
right: 50%;
margin-right: -23px;
}
.hq-mega-collapse .collapse-banner.open .collapse-closex {
display: block;
position: absolute;
top: 20px;
right: 10px;
width: 11%;
}
.hq-mega-collapse .collapse-banner.open .collapse-closex:after {
display: block;
content: '';
width: 30px;
height: 30px;
margin: 0 auto;
background: transparent url('/themes/residentiel/espace-clients/images/icn-collapse-paiement.png') no-repeat center right;
}
.hq-mega-collapse .collapse-banner.open:after {
display: none;
}
.hq-mega-collapse .collapse-content:before {
display: none;
}
.hq-mega-collapse .collapse-content:after {
display: block;
}
.hq-mega-collapse .collapse-content:last-child {
padding-bottom: 0;
border: 0;
}
.hq-mega-collapse .collapse-content .hq-bloc-fond:last-child {
margin-bottom: 0;
}
.hq-mega-collapse .collapse-content p:last-child {
margin-bottom: 25px;
}
}
@media screen and (max-width: 320px) {
.hq-mega-collapse .collapse-banner.open .collapse-closex {
right: 20px;
}
}
/**
END: MEGA-COLLAPSE
**/
@media print {
.hide-print {
display: none!important;
}
.show-print-block {
display: block!important;
}
/* Settings page */
@page {
size: 8.5in 11in;
margin: 2cm;
}
h2,
h3,
h4,
h5 {
-webkit-column-break-after: avoid;
break-after: avoid;
page-break-after: avoid;
-webkit-column-break-before: always;
}
/* Ajoute le logo centré */
.hq-header-duo-bloc {
background: #fff;
display: block!important;
padding: 15px 0;
width: 100%!important;
}
.hq-header-duo-bloc .hq-logo {
display: block;
margin: 0px;
width: 200px;
margin: 0 auto;
text-align: center;
/*Svg*/
}
.hq-header-duo-bloc .hq-logo img {
width: 100%;
}
#hq-main-header {
/* Keep logo */
}
#hq-main-header .hq-nav-dektop,
#hq-main-header .hq-nav-section-bloc,
#hq-main-header .hq-recherche-bloc,
#hq-main-header .hq-nav-utils,
#hq-main-header #hq-nav-grande-section-ul,
#hq-main-header .ancre-accessibilite {
display: none;
}
#mm-hq-header-nav-section {
display: none;
}
/* Efface les carousels à l’impression */
#hq-carousel {
display: none!important;
}
footer#hq-main-footer {
display: none;
}
/* Hyperlink */
/* Lien externe*/
a[href^=http]::after {
content: " (" attr(href) ") ";
}
/*Lien interne */
a:not([href^=http])::after {
content: " (http://www.hydroquebec.com" attr(href) ") ";
}
/* Lien vide */
a[href^="#"]::after {
content: "";
}
/* Ne met rien après le logo et le breadcrumb */
.hq-logo a:after,
.breadcrumb a:after {
display: none;
}
/* noir sur blanc*/
body * {
color: #000!important;
background-color: #fff;
}
figure {
background-color: #fff!important;
page-break-inside: avoid;
}
/*initialiser*/
h1.visuallyhidden {
height: initial;
padding: initial;
position: initial;
width: initial;
margin: 25px;
}
#hq-accueil-n1 .hq-accueil-media div {
text-align: initial;
}
h1,
h2,
h3,
h4,
p,
a,
a::after {
text-align: left!important;
}
.res-icn {
background: #fff;
}
/* Nettoyer le warning */
#hq-accueil-warning svg {
display: none;
}
/*.hq-panel-infos:first-child {
}*/
li:before {
content: '';
position: absolute;
top: 0.5em;
left: 0;
background: #a2a2a2;
width: 6px;
height: 6px;
border-radius: 3px;
}
ul {
display: block;
}
/*faire disparaître le fil d'ariane*/
span[itemprop],
span[itemtype] {
display: none;
}
/* Enlève les coupures de ligne */
/*br {
display: none;
}*/
/*faire disparaître les images associées*/
/*div.medium-12:first-child{
display: none;
}*/
.small-6 + .small-6 {
float: left;
width: 100%;
/* width: 80%; */
}
/*amener texte sur 1 colonne*/
/*.hq-accueil-warning {
width: 100%;
margin: auto;
}*/
/*ramener le texte à gauche*/
.hide-for-small-only {
text-align: left!important;
}
/*aligner les hyperliens avec le texte*/
a[href]::after {
margin-left: 14px;
width: 100%;
}
/* Éviter les image d'être trop grosses*/
.table-cell img {
max-width: 50%;
}
/*img:not([src*=".svg"]){
max-width: 50%;
}*/
/* #hq-main-header #hq-nav-grande-section-ul,
#hq-main-header .ancre-accessibilite,
#hq-main-header .hq-nav-dektop,
#hq-main-header .hq-nav-section-bloc,
#hq-main-header .hq-nav-utils,
#hq-main-header .hq-recherche-bloc {
display: block;
}*/
}