*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;color:#222}button{color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-size:1em}kbd{font-size:1em}samp{font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}   html {
font-size: 100%;
}
body { 
background: #FFF; 
color: #000; 
font: 1em Arial, Helvetica, sans-serif; 
}
a { 
text-decoration: none;
transition: all .5s ease;
}
a:hover {
}
.container {
clear: both;
margin: 0 auto; 
max-width: 1100px;
position: relative;
padding:0 20px;
}
img {
height: auto;
max-width: 100%;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}@font-face {
font-family: 'aktivgrotesk';
src: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/aktivgrotesk-regular-webfont.woff2) format("woff2"), url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/aktivgrotesk-regular-webfont.woff) format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'aktivgrotesk';
src: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/aktivgrotesk-medium-webfont.woff2) format("woff2"), url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/aktivgrotesk-medium-webfont.woff) format("woff");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: 'aktivgrotesk';
src: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/aktivgrotesk-italic-webfont.woff2) format("woff2"), url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/aktivgrotesk-italic-webfont.woff) format("woff");
font-weight: 400;
font-style: italic; }
@font-face {
font-family: 'aktivgrotesk';
src: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/aktivgrotesk-bold-webfont.woff2) format("woff2"), url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/aktivgrotesk-bold-webfont.woff) format("woff");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'clashgrotesk';
src: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/ClashGrotesk-Semibold.woff2) format("woff2"), url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/ClashGrotesk-Semibold.woff) format("woff");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: 'clashgrotesk';
src: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/ClashGrotesk-Medium.woff2) format("woff2"), url(//droitsetgrossesse.ca/wp-content/themes/grossesse/css/fonts/ClashGrotesk-Medium.woff) format("woff");
font-weight: 500;
font-style: normal; }
a {
color: #131414; }
a:hover {
color: inherit; }
body, html {
font-family: 'aktivgrotesk', sans-serif;
max-width: 100vw;
overflow-x: hidden;
position: relative;
background-color: #FFF3D9;
font-size: 20px;
font-weight: 400;
color: #131414;
line-height: 1.5; }
body {
opacity: 0;
transition: opacity .7s ease;
padding: 0 20px; }
input, button, textarea, select {
font-family: 'aktivgrotesk', sans-serif; }
.blockquote, section#les-droits div.container div.ranger div.colonne blockquote, div#popup div.content div.questionne blockquote, div#popup div.content div.grossesse blockquote, div#popup div.content div.temoin blockquote {
padding: 21px 21px 21px 64px;
font-size: 16px;
background-color: #FFF3D9;
border-radius: 10px;
border: 1px solid #F46535;
box-shadow: 4px 4px 0 0 #F46535;
position: relative; }
.blockquote p, section#les-droits div.container div.ranger div.colonne blockquote p, div#popup div.content div.questionne blockquote p, div#popup div.content div.grossesse blockquote p, div#popup div.content div.temoin blockquote p {
margin: 0; }
.blockquote:after, section#les-droits div.container div.ranger div.colonne blockquote:after, div#popup div.content div.questionne blockquote:after, div#popup div.content div.grossesse blockquote:after, div#popup div.content div.temoin blockquote:after {
content: '';
position: absolute;
top: 17px;
left: 16px;
width: 35px;
height: 35px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/Info.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
h1, h2, h3 {
font-family: 'clashgrotesk', sans-serif;
font-weight: 600;
line-height: .95;
font-size: 36px; }
tooltip {
visibility: collapse !important; }
ul {
padding: 0 0 0 20px; }
div.ranger {
display: flex;
flex-wrap: wrap; }
div.container {
width: 100%;
max-width: 1200px;
padding: 0 30px; }
section div:not(.tuile) a {
color: inherit;
text-decoration: underline; }
div.transition {
background-color: #FFF3D9;
width: 100%;
height: 100%;
pointer-events: none;
top: 0;
left: 0;
position: fixed;
z-index: 99999999999;
opacity: 0; }
div.transition img {
width: 100%;
height: 1%;
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
object-fit: contain;
object-position: bottom left; }
.bar1, .bar2, .bar3 {
width: 20px;
height: 3px;
background-color: #F46535;
margin: 4px 0;
transition: 0.4s;
border-radius: 0px; } .change .bar1 {
-webkit-transform: rotate(-45deg) translate(-2px, 6px);
transform: rotate(-45deg) translate(-2px, 6px); } .change .bar2 {
opacity: 0; } .change .bar3 {
-webkit-transform: rotate(45deg) translate(-4px, -8px);
transform: rotate(45deg) translate(-4px, -8px); }
.slick-slide:focus, .slick-slide a {
outline: none; }
.button, section#compromis div.container div.ranger div.colonne:nth-child(2) button, section#termine div.container div.ranger div.colonne:nth-child(2) button, section#violence-discrimination div.ranger div.colonne div.tuile button, section.entete div.container div.ranger div.colonne:nth-child(2) button, section#mes-droits div#results div.ranger div.colonne div.tuile div.filter button, section#mes-droits div#results div.ranger div.colonne div.tuile.droits button, section#mes-droits button#more, div#popup div.content button, section#page button, a.back button {
background-color: #F46535;
border-radius: 30px;
height: 43px;
padding: 0 24px;
color: #FFF3D9;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
border: 1px solid #F46535;
transition: all .5s ease;
line-height: 1; }
.button:hover, section#compromis div.container div.ranger div.colonne:nth-child(2) button:hover, section#termine div.container div.ranger div.colonne:nth-child(2) button:hover, section#violence-discrimination div.ranger div.colonne div.tuile button:hover, section.entete div.container div.ranger div.colonne:nth-child(2) button:hover, section#mes-droits div#results div.ranger div.colonne div.tuile div.filter button:hover, section#mes-droits div#results div.ranger div.colonne div.tuile.droits button:hover, section#mes-droits button#more:hover, div#popup div.content button:hover, section#page button:hover, a.back button:hover {
background-color: #FFC192;
color: #F46535; }
.button_tr, section#search div.container div.droits div.ranger button, section#mes-droits div.filters button, div#popup div.content div.questionne ul li a, div#popup div.content div.grossesse ul li a, div#popup div.content div.temoin ul li a {
background-color: transparent;
border-radius: 30px;
height: 43px;
padding: 0 24px;
color: #F46535;
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
border: 1px solid #F46535;
cursor: pointer;
transition: all .5s ease;
line-height: 1; }
.button_tr.active, section#search div.container div.droits div.ranger button.active, section#mes-droits div.filters button.active, div#popup div.content div.questionne ul li a.active, div#popup div.content div.grossesse ul li a.active, div#popup div.content div.temoin ul li a.active, .button_tr:hover, section#search div.container div.droits div.ranger button:hover, section#mes-droits div.filters button:hover, div#popup div.content div.questionne ul li a:hover, div#popup div.content div.grossesse ul li a:hover, div#popup div.content div.temoin ul li a:hover {
color: #fff;
background-color: #F46535;
border-color: #F46535; }
@media (min-width: 1024px) { ::-webkit-scrollbar {
width: 10px; } ::-webkit-scrollbar-track {
background: #FFC192; } ::-webkit-scrollbar-thumb {
background: #F46535;
border-radius: 5px; } ::-webkit-scrollbar-thumb:hover {
background: #88BFE5; } }
header {
padding: 25px 0 25px;
position: fixed;
top: 0px;
width: 100%;
z-index: 10;
transform: scale(1); }
header div.abs {
position: absolute;
top: 10px;
right: 25px; }
header div.abs ul {
list-style: none;
margin: 0;
padding: 0; }
header div.abs ul ul {
list-style: none;
background-color: #FFF3D9;
padding: 3px 3px 3px 10px;
border: 1px solid #FFC192;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
border-radius: 5px;
margin: 0; }
header div.abs ul ul li {
font-size: 16px !important; }
header div.container {
display: flex;
justify-content: center; }
header div.container div.border {
background-color: #FFF3D9;
border: 1px solid #FFC192;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
display: inline-flex;
border-radius: 13px;
padding: 24px 30px;
max-width: 1000px;
width: 100%;
position: relative; }
header div.container div.border div.ranger {
align-items: center; }
header div.container div.border div.ranger div.colonne:nth-child(1) {
width: 65px;
display: flex;
align-items: center;
justify-content: center; }
header div.container div.border div.ranger div.colonne:nth-child(1) img {
width: 35px; }
header div.container div.border div.ranger div.colonne#menu-parametre {
display: none; }
header div.container div.border div.ranger div.colonne#menu-parametre ul {
display: flex;
flex-direction: row;
margin: 20px 0 0;
justify-content: space-between;
align-items: center; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li {
margin: 0 0 1em; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li a {
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
padding-left: 30px;
padding-right: 50px; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li a:before {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
width: 23px;
height: 23px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/zoom.svg); }
header div.container div.border div.ranger div.colonne#menu-parametre ul li a#reset-param {
padding: 0;
color: #f00;
font-size: 22px;
font-weight: 700;
cursor: pointer;
width: 22px;
height: 22px;
font-size: 0;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/reset.svg);
display: block; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li a#close-param {
padding: 0;
color: #F46535;
font-size: 22px;
font-weight: 700;
cursor: pointer;
position: absolute;
bottom: 20px;
right: 30px;
height: 20px; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li:nth-child(2) a {
padding-right: 10px; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li input {
margin-left: 20px;
width: 280px; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li:nth-child(2) a:before {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/luminosite.svg); }
header div.container div.border div.ranger div.colonne#menu-parametre ul li:nth-child(3) a:before, header div.container div.border div.ranger div.colonne#menu-parametre ul li:nth-child(4) a:before {
content: none; }
header div.container div.border #bouton-mobile {
display: none;
cursor: pointer; }
header div.container div.border #parametre {
width: 23px;
height: 23px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/parameter.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
cursor: pointer; }
header div.container div.border nav ul {
align-items: center;
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0; }
header div.container div.border nav ul li {
margin: 0;
padding: 0; }
header div.container div.border nav ul li a {
padding: 0 15px;
color: #131414;
position: relative;
opacity: 0;
font-family: 'aktivgrotesk', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1;
display: flex;
transition: color .5s ease; }
header div.container div.border nav ul li a:after {
width: 14px;
height: 14px;
content: '';
position: absolute;
left: -5px;
top: 50%;
transform: translateY(-50%);
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
header div.container div.border nav ul li a:hover {
color: #F46535; }
header div.container div.border nav ul li.sortir a:after {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/sortir.svg); }
header div.container div.border nav ul li.historique a:after {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/historique.svg); }
header div.container div.border nav ul li.sortir, header div.container div.border nav ul li.historique {
padding-left: 20px; }
header input[type=range] {
-webkit-appearance: none;
background-color: #FFC192;
height: 4px;
width: 300px; }
header input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
background-color: #F46535;
width: 20px;
height: 20px;
border-radius: 50%; }
.otgs-development-site-front-end {
display: none; }
section#hero {
background-color: #F46535;
border-radius: 13px 13px 0 0;
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
height: calc(100vh - 140px );
margin-top: 140px;
position: relative;
min-height: 500px;
z-index: 9; }
section#hero img.trait {
width: auto;
height: calc(100% + 0px);
position: absolute;
top: 0px;
left: 0;
width: 100%;
object-fit: cover;
object-position: left top;
opacity: 0;
transform: scale(1);
top: 0px; }
section#hero div.container {
height: inherit; }
section#hero div.container div.texte {
height: inherit;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
section#hero div.container div.texte img, section#hero div.container div.texte svg {
width: 800px; }
section#hero div.container div.texte img path, section#hero div.container div.texte svg path {
opacity: 0; }
section#hero div.search {
position: absolute;
width: 100%;
background-color: #FFF3D9;
border-radius: 75px 75px 0 0;
position: absolute;
bottom: 0;
left: 0;
height: 100px; }
section#hero div.search form {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%); }
section#recherche-form {
position: relative;
z-index: 9; }
section#recherche-form div.search {
transform: translateY(-50%);
max-width: 100%;
width: 100%;
display: flex;
justify-content: center;
position: relative; }
.highlight-text {
background-color: #FFF300; }
section#recherche {
padding: 50px 0 200px; }
section#recherche div.container a {
text-decoration: none; }
section#recherche div.container a .row-search {
border-bottom: 1px solid #131414;
padding: 15px; }
section#recherche div.container a .row-search h3 {
font-size: 16px;
margin: 0; }
form#searchform, form#searchformAll {
background-color: #fff;
border-radius: 13px;
border: 1px solid #EEE2C7;
display: flex;
width: 100%;
max-width: 690px;
padding: 7px;
position: relative;
z-index: 100; }
form#searchform div#res-search, form#searchformAll div#res-search {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
transform: translateY(100%);
background-color: #fff;
color: #131414; }
form#searchform div#res-search a, form#searchformAll div#res-search a {
text-decoration: none; }
form#searchform div#res-search a .row-search, form#searchformAll div#res-search a .row-search {
border-bottom: 1px solid #131414;
padding: 15px; }
form#searchform div#res-search a .row-search h3, form#searchformAll div#res-search a .row-search h3 {
font-size: 16px;
margin: 0; }
form#searchform div#res-search a:last-child .row-search, form#searchformAll div#res-search a:last-child .row-search {
border-bottom: none; }
form#searchform input, form#searchformAll input {
border: none;
width: calc(100% - 84px);
height: 70px;
margin-top: -7px;
margin-bottom: -7px;
background-color: transparent;
border-radius: 0;
padding: 0 10px 0px 100px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/loupe.svg);
background-size: 24px;
background-position: left 24px center;
background-repeat: no-repeat; }
form#searchform input:focus, form#searchformAll input:focus {
outline: none; }
form#searchform button, form#searchformAll button {
width: 84px;
height: 56px;
background-color: #88BFE5;
border-radius: 10px;
border: none;
font-size: 0;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/send.svg);
background-size: 38px;
background-position: center;
background-repeat: no-repeat; }
form#searchform ::placeholder, form#searchformAll ::placeholder {
color: #8E8E8E;
opacity: 1; }
form#searchform ::-ms-input-placeholder, form#searchformAll ::-ms-input-placeholder { color: #8E8E8E; }
section#droit-et-grossesse {
padding-bottom: 90px; }
section#droit-et-grossesse div.container div.ranger div.colonne:nth-child(1) {
width: 300px; }
section#droit-et-grossesse div.container div.ranger div.colonne:nth-child(1) h1 {
max-width: 237px; }
section#droit-et-grossesse div.container div.ranger div.colonne:nth-child(2) {
width: calc( 100% - 300px); }
section#droit-et-grossesse div.container div.boxes {
display: flex;
justify-content: center;
margin-top: 90px; }
section#droit-et-grossesse div.container div.boxes div.ranger {
width: calc( 945px );
margin-left: -10px;
margin-right: -10px; }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne {
width: 33.333%;
padding: 0 10px; }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne a {
text-decoration: none; }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne div.tuile {
border: 2px solid #F46535;
border-radius: 13px;
box-shadow: 4px 4px 0 0 #F46535;
padding: 43px;
transition: all .5s ease;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center; }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne div.tuile h3 {
font-size: 32px;
color: #F46535;
font-weight: 500;
text-align: center;
text-decoration: none; }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne div.tuile:hover {
background-color: #F46535; }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne div.tuile:hover h3 {
color: #FFF3D9; }
section#les-droits {
background-color: #FFC192;
border-radius: 13px;
padding: 120px 0; }
section#les-droits div.container div.ranger {
justify-content: space-between; }
section#les-droits div.container div.ranger div.colonne:nth-child(1) {
width: 40%; }
section#les-droits div.container div.ranger div.colonne:nth-child(1) img {
width: 100%;
border-radius: 13px; }
section#les-droits div.container div.ranger div.colonne:nth-child(2) {
width: 50%; }
section#les-droits div.container div.ranger div.colonne:nth-child(2) h2 {
color: #F46535; }
section#les-droits div.container div.ranger div.colonne blockquote {
margin: 20px 0 50px; }
section#compromis, section#termine {
padding: 130px 0; }
section#compromis div.container div.ranger div.colonne:nth-child(1), section#termine div.container div.ranger div.colonne:nth-child(1) {
width: 40%;
padding-right: 10%; }
section#compromis div.container div.ranger div.colonne:nth-child(1) h2, section#termine div.container div.ranger div.colonne:nth-child(1) h2 {
position: relative;
max-width: 320px;
text-align: right;
margin: 0; }
section#compromis div.container div.ranger div.colonne:nth-child(1) h2 em, section#termine div.container div.ranger div.colonne:nth-child(1) h2 em {
position: relative;
font-style: normal; }
section#compromis div.container div.ranger div.colonne:nth-child(2), section#termine div.container div.ranger div.colonne:nth-child(2) {
width: 60%; }
section#compromis div.container div.ranger div.colonne:nth-child(2) button, section#termine div.container div.ranger div.colonne:nth-child(2) button {
margin-top: 30px; }
section#compromis div.container div.ranger div.colonne:nth-child(1) h2 em:after {
position: absolute;
bottom: -100px;
right: 0;
transform: translate(0, 100%);
width: 100%;
height: 11px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/trais-bleu.svg);
background-size: contain;
background-repeat: no-repeat;
content: '';
opacity: 0;
transition: all .5s ease-out; }
section#compromis div.container div.ranger div.colonne:nth-child(1) h2.active em:after {
bottom: 0;
opacity: 1; }
section#termine div.container div.ranger div.colonne:nth-child(1) h2 {
max-width: 100%; }
section#violence-discrimination div.ranger {
width: calc( 100% + 24px);
margin-left: -12px;
margin-right: -12px; }
section#violence-discrimination div.ranger div.colonne {
width: 50%;
padding: 0 12px; }
section#violence-discrimination div.ranger div.colonne div.tuile {
height: 100%;
border-radius: 13px;
border: 1px solid #F46535;
box-shadow: 4px 4px 0 0 #F46535;
background-color: #FFC192;
padding: 6vw 7vw; }
section#violence-discrimination div.ranger div.colonne div.tuile h2 {
margin: 0 0 1em;
position: relative; }
section#violence-discrimination div.ranger div.colonne div.tuile h2 em {
position: relative;
font-style: normal; }
section#violence-discrimination div.ranger div.colonne div.tuile h2 em:after {
content: '';
position: absolute;
bottom: -100px;
left: 0;
width: 100%;
height: 13px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/trais-bleu-2.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translateY(100%);
transition: all .5s ease-out;
opacity: 0; }
section#violence-discrimination div.ranger div.colonne div.tuile h2.active em:after {
bottom: 0;
opacity: 1; }
section#violence-discrimination div.ranger div.colonne div.tuile button {
margin-top: 30px; }
section#violence-discrimination div.ranger div.colonne:nth-child(1) div.tuile {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/triangle-!.svg);
background-size: 30%;
background-repeat: no-repeat;
background-position: right 10% bottom 4%; }
section#violence-discrimination div.ranger div.colonne:nth-child(2) div.tuile {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/cercle-l.svg);
background-size: 22%;
background-repeat: no-repeat;
background-position: right 16% bottom 4%;
background-color: rgba(255, 193, 146, 0.21); }
section#violence-discrimination div.ranger div.colonne:nth-child(2) div.tuile h2 em {
position: relative;
font-style: normal; }
section#violence-discrimination div.ranger div.colonne:nth-child(2) div.tuile h2 em:after {
content: '';
position: absolute;
bottom: -100px;
left: 0;
width: 100%;
height: 13px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/trais-bleu-2.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translateY(100%);
transition: all .5s ease-out;
opacity: 0; }
section#violence-discrimination div.ranger div.colonne:nth-child(2) div.tuile h2.active em:after {
opacity: 1;
bottom: 0; }
section#search {
padding: 100px 0;
background-color: #FFC192;
border-radius: 13px 13px 0 0;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/loupe-bg.svg);
background-size: 138px;
background-position: top 80px left 100px;
background-repeat: no-repeat;
margin-bottom: -10px; }
section#search div.container {
text-align: center; }
section#search div.container h3 {
text-transform: uppercase;
font-family: 'aktivgrotesk', sans-serif;
font-weight: 400;
font-size: 18px;
color: #F46535; }
section#search div.container div.boxes {
display: flex;
justify-content: center;
margin-top: 90px; }
section#search div.container div.boxes div.ranger {
width: calc( 945px );
margin-left: -10px;
margin-right: -10px;
justify-content: center; }
section#search div.container div.boxes div.ranger div.colonne {
width: auto;
padding: 0 10px; }
section#search div.container div.boxes div.ranger div.colonne a {
text-decoration: none; }
section#search div.container div.boxes div.ranger div.colonne div.tuile {
margin-bottom: 20px;
border: 2px solid #F46535;
border-radius: 13px;
box-shadow: 4px 4px 0 0 #F46535;
padding: 0 20px;
background-color: #FFF3D9;
height: 181px;
display: flex;
align-items: center;
justify-content: center;
transition: all .5s ease; }
section#search div.container div.boxes div.ranger div.colonne div.tuile:hover {
background-color: #F46535; }
section#search div.container div.boxes div.ranger div.colonne div.tuile:hover h3 {
color: #FFF3D9; }
section#search div.container div.boxes div.ranger div.colonne div.tuile.small {
width: 213px; }
section#search div.container div.boxes div.ranger div.colonne div.tuile.large {
width: 335px; }
section#search div.container div.boxes div.ranger div.colonne div.tuile h3 {
font-size: 32px;
color: #F46535;
font-weight: 500;
text-align: center;
text-transform: none; }
section#search div.container div.droits {
display: flex;
flex-direction: column;
align-items: center; }
section#search div.container div.droits h2 {
margin-top: 90px;
margin-bottom: 48px; }
section#search div.container div.droits div.ranger {
width: calc( 945px );
margin-left: -10px;
margin-right: -10px;
justify-content: center; }
section#search div.container div.droits div.ranger button {
margin: 0 4px;
margin-bottom: 8px; }
footer {
background-color: #F46535;
width: calc( 100% + 40px);
margin-left: -20px;
margin-right: -20px;
color: #FFF3D9;
padding-top: 55px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/bg-footer.svg);
background-size: contain;
background-position: right center;
background-repeat: no-repeat;
font-size: 16px;
border-radius: 30px 30px 0 0; }
footer div.container {
padding: 0 7%;
max-width: 100%; }
footer div.container div.ranger div.colonne:nth-child(1) {
padding: 0px 0 55px;
width: 550px;
font-size: 16px; }
footer div.container div.ranger div.colonne:nth-child(1) a.logo img {
width: 216px; }
footer div.container div.ranger div.colonne:nth-child(1) p:first-of-type {
max-width: 345px; }
footer div.container div.ranger div.colonne:nth-child(1) a {
color: inherit;
text-decoration: underline; }
footer div.container div.ranger div.colonne:nth-child(1) p img {
margin: 0 10px; }
footer div.container div.ranger div.colonne:nth-child(1) p a.link img {
margin: 0; }
footer div.container div.ranger div.colonne:nth-child(2) {
width: calc(100% - 550px);
padding-top: 20px; }
footer div.container div.ranger div.colonne:nth-child(2) nav ul {
margin: 0;
padding: 0; }
footer div.container div.ranger div.colonne:nth-child(2) nav ul li {
margin: 12px 0;
padding: 0; }
footer div.container div.ranger div.colonne:nth-child(2) nav ul li a {
color: #FFF3D9;
font-family: 'clashgrotesk', sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1; }
footer div.container div.copy {
display: flex;
padding-bottom: 20px; }
footer div.container div.copy p {
margin-right: 64px; }
footer div.container div.copy p a {
color: #FFF3D9; }
section#header {
background-color: #F46535;
border-radius: 13px 13px 0 0;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/bg-entete.svg);
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
height: calc( 500px );
margin-top: 140px;
position: relative; }
section#header div.container {
height: inherit; }
section#header div.container div.texte {
height: inherit;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
section#header div.container div.texte h1 {
font-size: 80px;
text-align: center;
color: #FFF3D9;
padding-bottom: 100px;
opacity: 0;
top: 0;
position: relative; }
section.entete {
padding: 120px 0;
border-radius: 75px 75px 0 0;
margin-top: -100px;
background-color: #FFF3D9;
position: relative;
z-index: 2; }
section.entete div.container div.ranger div.colonne:nth-child(1) {
width: 335px; }
section.entete div.container div.ranger div.colonne:nth-child(1) h2 {
text-align: right; }
section.entete div.container div.ranger div.colonne:nth-child(1) img {
border-radius: 17px;
width: 100%; }
section.entete div.container div.ranger div.colonne:nth-child(2) {
width: calc(100% - 335px);
padding-left: 150px; }
section.entete div.container div.ranger div.colonne:nth-child(2) p:first-of-type {
margin-top: 0; }
section.entete div.container div.ranger div.colonne:nth-child(2) button {
margin-top: 20px; }
section.entete div.container div.ranger div.colonne:nth-child(2) a {
color: #131414;
text-decoration: underline; }
section.entete div.container div.ranger div.colonne:nth-child(2) ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
margin-top: 2em; }
section.entete div.container div.ranger div.colonne:nth-child(2) ul li {
margin: 0;
padding: 0; }
section.entete div.container div.ranger div.colonne:nth-child(2) ul li a {
margin: .5em 0;
display: block;
position: relative;
color: #131414;
font-size: 25px;
font-weight: 500;
font-family: 'clashgrotesk', sans-serif;
line-height: .95;
padding-right: 40px;
text-decoration: none; }
section.entete div.container div.ranger div.colonne:nth-child(2) ul li a:after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/arrow-right.svg);
background-size: contain;
width: 23px;
height: 24px;
background-repeat: no-repeat;
background-position: center;
transition: all .5s ease; }
section.entete div.container div.ranger div.colonne:nth-child(2) ul li a:hover:after {
right: -20px; }
section#demarche {
background-color: #FFC192;
padding: 120px 0;
border-radius: 13px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/ASPQ_droits.svg);
background-size: contain;
background-position: right center;
background-repeat: no-repeat; }
section#demarche div.container {
max-width: 984px;
text-align: center; }
section#demarche div.container h2 {
margin-top: 0;
position: relative;
z-index: 2; }
section#demarche div.container h2 span {
position: relative;
z-index: -1; }
section#demarche div.container h2 span:after {
content: '';
position: absolute;
top: -20px;
left: -20px;
width: calc(100% + 40px);
height: calc(100% + 40px);
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/trait-orange.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
opacity: 0;
transition: all .5s ease; }
section#demarche div.container h2.active span:after {
opacity: 1; }
section#demarche div.container p {
max-width: 750px;
margin-left: auto;
margin-right: auto; }
section#demarche div.container div.ranger {
width: calc(100% + 8px);
margin-left: -4px;
margin-right: -4px; }
section#demarche div.container div.ranger div.colonne {
width: 33.333%;
padding: 0 4px;
margin-bottom: 8px; }
section#demarche div.container div.ranger div.colonne div.tuile {
height: 100%;
padding: 40px 20px;
background-color: #FFF3D9;
border: 2px solid #F46535;
border-radius: 17px;
box-shadow: 2px 2px 0px 0px #F46535;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: center; }
section#demarche div.container div.ranger div.colonne div.tuile h3 {
margin-top: 0;
font-size: 20px;
font-weight: 600; }
section#demarche div.container div.ranger div.colonne div.tuile p:last-child {
margin-bottom: 0;
padding-bottom: 0; }
section#demarche div.container div.ranger div.colonne div.tuile p {
font-family: 'clashgrotesk', sans-serif;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
padding: 0 20px;
line-height: .95; }
section#demarche div.container div.ranger div.colonne div.tuile:hover {
background-color: #F46535;
transition: all .5s ease; }
section#demarche div.container div.ranger div.colonne div.tuile:hover h3, section#demarche div.container div.ranger div.colonne div.tuile:hover p {
color: #FFF3D9; }
section#aide {
background-color: #F46535;
border-radius: 17px;
padding: 120px 0;
margin-top: 16px;
color: #FFF3D9; }
section#aide div.container div.titre {
text-align: center; }
section#aide div.container div.titre h2 {
margin: 0;
position: relative;
z-index: 1; }
section#aide div.container div.titre h2 span {
position: relative;
z-index: -1;
position: relative; }
section#aide div.container div.titre h2 span:after {
content: '';
position: absolute;
bottom: -100px;
opacity: 0;
transition: all .5s ease-out;
left: 0px;
width: calc(149px);
height: calc(18px);
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/trais-bleu-3.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
transform: translateY(100%); }
section#aide div.container div.titre h2.active span:after {
opacity: 1;
bottom: 0px; }
section#aide div.container div.titre p {
max-width: 690px;
display: block;
margin-left: auto;
margin-right: auto; }
section#aide div.container div.ranger {
margin-top: 80px; }
section#aide div.container div.ranger div.colonne:nth-child(1) {
width: 335px; }
section#aide div.container div.ranger div.colonne:nth-child(1) h3 {
font-size: 28px;
margin-top: 0; }
section#aide div.container div.ranger div.colonne:nth-child(1) p {
font-family: 'clashgrotesk', sans-serif;
font-weight: 400;
font-size: 28px;
line-height: .95;
cursor: pointer;
position: relative;
opacity: .6; }
section#aide div.container div.ranger div.colonne:nth-child(1) p.active {
font-weight: 700;
opacity: 1; }
section#aide div.container div.ranger div.colonne:nth-child(1) p:hover:after {
transform: translate(150%, -50%); }
section#aide div.container div.ranger div.colonne:nth-child(1) p:after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translate(100%, -50%);
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/arrow-yellow.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 30px;
height: 25px;
transition: all .5s ease; }
section#aide div.container div.ranger div.colonne:nth-child(2) {
width: calc(100% - 335px);
padding-left: 150px; }
section#aide div.container div.ranger div.colonne:nth-child(2) div.cacher {
display: none; }
section#aide div.container div.ranger div.colonne:nth-child(2) div.cacher.active {
display: block; }
section#aide div.container div.ranger div.colonne:nth-child(2) ul {
margin-top: 0;
margin-bottom: 0; }
section#aide div.container div.ranger div.colonne:nth-child(2) ul li {
margin-bottom: 1em; }
section#aide div.container div.ranger div.colonne:nth-child(2) ul li:last-child {
margin-bottom: 0; }
section#aide div.container div.ranger div.colonne:nth-child(2) ul li a {
color: inherit;
text-decoration: underline; }
div#besoin-den-parler {
width: 100%;
height: 1px;
padding-top: 00px;
position: relative; }
section#organisme {
padding: 120px 0 40px;
margin-bottom: -00px; }
section#organisme div.container {
max-width: 1625px; }
section#organisme div.container div.titre {
text-align: center;
max-width: 980px;
display: block;
margin: 0 auto; }
section#organisme div.container div.titre h2 {
margin: 0 auto;
max-width: 680px;
display: block; }
section#organisme div.container div.organisme {
margin-top: 80px; }
section#organisme div.container div.organisme div.ranger {
width: calc(100% + 10px);
margin-left: -5px;
margin-right: -5px; }
section#organisme div.container div.organisme div.ranger div.col {
margin-bottom: 10px;
padding: 0 5px; }
section#organisme div.container div.organisme div.ranger div.col div.tuile {
height: 100%;
padding: 80px;
background-color: #FFF3D9;
border: 2px solid #F46535;
border-radius: 17px;
box-shadow: 2px 2px 0px 0px #F46535; }
section#organisme div.container div.organisme div.ranger div.col div.tuile img {
mix-blend-mode: multiply; }
section#organisme div.container div.organisme div.ranger div.col div.tuile a {
display: block;
position: relative;
max-height: 140px; }
section#organisme div.container div.organisme div.ranger div.col div.tuile div.row {
display: flex;
gap: 20px;
align-items: center;
justify-content: center; }
section#organisme div.container div.organisme div.ranger div.col div.tuile div.row a {
max-height: 140px;
width: 50%;
display: block;
position: relative;
margin-top: 45px; }
section#organisme div.container div.organisme div.ranger div.col div.tuile div.row a img {
width: 100%; }
section#organisme div.container div.organisme div.ranger div.col div.tuile div.row img {
max-height: 140px;
width: 50%;
object-fit: contain;
object-position: center; }
section#organisme div.container div.organisme div.ranger div.col.full {
width: 100%; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger {
margin-top: 0;
align-items: center; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger div.colonne:nth-child(1) {
width: 235px; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger div.colonne:nth-child(1) h3 {
text-align: right;
margin: 0;
font-weight: 500; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger div.colonne img {
width: 100%; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger div.colonne:nth-child(2) {
width: calc(50% - 235px / 2);
padding-right: 20px;
padding-left: 50px; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger div.colonne:nth-child(3) {
width: calc(50% - 235px / 2);
padding-left: 70px; }
section#organisme div.container div.organisme div.ranger div.col.small {
width: 50%; }
section#organisme div.container div.organisme div.ranger div.col.small h3 {
font-weight: 500;
text-align: center;
margin: 0; }
section#organisme div.container div.organisme div.ranger div.col.small img {
max-width: 80%;
display: block;
margin: 0px auto 0;
width: 100%;
max-height: 140px;
object-fit: contain;
object-position: center; }
section#organisme div.container div.organisme div.ranger div.col.small:nth-child(3) img {
max-width: 90%; }
section#organisme div.container div.organisme div.ranger div.col.small:nth-child(5) img {
max-width: 90%; }
section#en-parler {
padding: 120px 0 100px;
overflow: hidden;
display: flex;
flex-direction: column; }
section#en-parler a {
text-decoration: underline; }
section#en-parler div.container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
max-width: 1625px; }
section#en-parler div.container div.abs {
position: absolute;
top: 60px;
left: 30px;
width: 162px;
height: 132px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/parler.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
section#en-parler div.container div.ranger div.colonne:nth-child(1) {
width: 335px; }
section#en-parler div.container div.ranger div.colonne:nth-child(1) h2 {
text-align: right;
margin-top: 0; }
section#en-parler div.container div.ranger div.colonne:nth-child(2) {
width: calc(100% - 335px);
padding-left: 150px; }
section#en-parler div.container div.ranger div.colonne:nth-child(2) p:first-of-type {
margin-top: 0; }
section#en-parler div.container div.ranger div.colonne:nth-child(2) p {
max-width: 790px; }
section#en-parler div.container div.tuiles {
display: flex;
flex-wrap: wrap;
max-width: 932px;
width: calc(100% + 8px);
margin-left: -4px;
margin-right: -4px;
margin-top: 100px; }
section#en-parler div.container div.tuiles a {
text-decoration: none; }
section#en-parler div.container div.tuiles div.col {
width: 33.333%;
padding: 0 4px;
margin-bottom: 8px; }
section#en-parler div.container div.tuiles div.col div.tuile {
height: 100%;
padding: 35px;
background-color: #FFF3D9;
border: 2px solid #F46535;
border-radius: 17px;
box-shadow: 2px 2px 0px 0px #F46535;
color: #131414;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center; }
section#en-parler div.container div.tuiles div.col div.tuile h3 {
font-weight: 600;
font-size: 22px;
margin: 0;
line-height: 1.1; }
section#en-parler div.container div.tuiles div.col div.tuile p {
font-size: 14px;
font-family: 'clashgrotesk', sans-serif;
font-weight: 500;
text-transform: uppercase;
line-height: 1.1; }
section#mes-droits {
padding-bottom: 120px; }
section#mes-droits div.container {
max-width: 1625px; }
section#mes-droits div.search {
width: 926px;
display: block;
margin: 0 auto; }
section#mes-droits div.search form {
width: 100%;
max-width: 100%; }
section#mes-droits div.filters {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 6px;
margin-top: 25px;
max-width: 900px;
margin-left: auto;
margin-right: auto; }
section#mes-droits div.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 50px; }
section#mes-droits div.pagination div.col {
margin: 0 10px; }
section#mes-droits div.pagination div.col a {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
border: 1px solid #131414;
text-decoration: none;
cursor: pointer; }
section#mes-droits div.pagination div.col a.active {
background-color: #F46535;
border-color: #F46535;
color: #fff; }
section#mes-droits div#results {
padding: 66px 0 0; }
section#mes-droits div#results div.ranger {
width: calc(100% + 8px);
margin-left: -4px;
margin-right: -4px; }
section#mes-droits div#results div.ranger div.colonne {
padding: 0 4px;
width: 33.333%;
margin-bottom: 8px; }
section#mes-droits div#results div.ranger div.colonne.deuxtiers {
width: 66.6666%; }
section#mes-droits div#results div.ranger div.colonne a {
text-decoration: none; }
section#mes-droits div#results div.ranger div.colonne div.tuile {
width: 100%;
border: 2px solid #F46535;
box-shadow: 2px 2px 0px 0px #F46535;
border-radius: 17px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 40px 20px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/arrow-orange.svg);
background-size: 30px;
background-position: right 29px top 26px;
background-repeat: no-repeat; }
section#mes-droits div#results div.ranger div.colonne div.tuile h3 {
color: #131414;
font-size: 30px;
font-weight: 500; }
section#mes-droits div#results div.ranger div.colonne div.tuile div.filter {
display: flex;
gap: 6px;
flex-wrap: wrap;
padding-right: 40px; }
section#mes-droits div#results div.ranger div.colonne div.tuile div.filter button {
background-color: #FFC192;
border-color: #FFC192;
color: #F46535;
font-size: 10px;
height: 24px;
padding: 0 8px; }
section#mes-droits div#results div.ranger div.colonne div.tuile div.filter button:hover {
background-color: #F46535;
color: #FFF3D9; }
section#mes-droits div#results div.ranger div.colonne div.tuile.droits {
background-color: #F46535;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/aide-droits.svg);
background-size: 160px;
background-position: right 20px center;
background-repeat: no-repeat; }
section#mes-droits div#results div.ranger div.colonne div.tuile.droits h3 {
color: #FFF3D9; }
section#mes-droits div#results div.ranger div.colonne div.tuile.droits button {
background-color: #FFF3D9;
color: #F46535; }
section#mes-droits button#more {
display: block;
margin: 30px auto; }
section#situation {
background-color: #FFC192;
position: relative;
border-radius: 13px;
z-index: 2;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/bg-situation.svg);
background-size: contain;
background-position: left center;
background-repeat: no-repeat; }
section#situation div.alerte {
position: absolute;
top: 0;
z-index: 3;
left: 50%;
transform: translate(-50%, -50%);
background-color: #FFF3D9;
color: #131414;
max-width: 100%;
width: 926px;
padding: 10px 33px 10px 136px;
border: 2px solid #F46535;
box-shadow: 2px 2px 0px 0px #F46535;
border-radius: 17px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/alert.svg);
background-size: 48px;
background-position: left 27px center;
background-repeat: no-repeat; }
section#situation div.alerte.oranger {
background-color: #FFC192; }
section#situation div.container {
padding: 200px 0 100px; }
section#situation div.container h2 {
text-align: center; }
section#situation div.container h2 span {
position: relative;
z-index: -1; }
section#situation div.container h2 span:after {
content: '';
position: absolute;
bottom: -100px;
opacity: 0;
transition: all .5s ease-out;
left: 0;
width: 100%;
height: 20px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/trais-orange-2.svg);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
transform: translate(0%, 100%); }
section#situation div.container h2.active span:after {
bottom: 0;
opacity: 1; }
section#situation div.container p.subtitle {
text-align: center; }
section#situation div.container ul {
columns: 2;
margin-top: 50px;
column-gap: 80px; }
section#situation div.container ul ul {
columns: 1;
margin: 1em 0;
padding-left: 40px; }
section#situation div.container ul li {
margin-bottom: 1em;
position: relative;
list-style-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/bullet.svg);
font-size: 28px;
font-weight: 500;
font-family: 'clashgrotesk', sans-serif;
break-inside: avoid-column; }
section#reference {
padding: 100px 0 100px;
font-size: 16px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/droits.png);
background-size: 100px;
background-position: left 50px center;
background-repeat: no-repeat; }
section#reference div.container {
max-width: 600px;
padding-left: 0px;
text-align: left; }
section#reference div.container h2 {
text-align: center; }
section#definitions {
position: relative; }
section#definitions div.search {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%); }
section#definitions div.search input {
width: 690px; }
section#definitions div.container div.terms {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 44px; }
section#definitions div.container div.terms a {
color: #FFC192;
font-size: 28px;
font-weight: 500;
font-family: 'clashgrotesk', sans-serif;
text-decoration: none;
cursor: pointer; }
section#definitions div.container div.terms a.opaque {
opacity: .5;
cursor: not-allowed; }
section#definitions div.container div.definition {
margin-top: 100px; }
section#definitions div.container div.definition div.ranger div.colonne:nth-child(1) {
width: 100px; }
section#definitions div.container div.definition div.ranger div.colonne:nth-child(1) span.lettre {
font-size: 96px;
font-weight: 500;
color: #F46535; }
section#definitions div.container div.definition div.ranger div.colonne:nth-child(2) {
width: calc(100% - 100px); }
section#definitions div.container div.definition div.ranger div.colonne:nth-child(2) h3 {
margin-bottom: .5em; }
section#definitions div.container div.definition div.ranger div.colonne:nth-child(2) hr {
border-color: #F46535;
margin-top: 50px; }
section#apropos div.container div.ranger {
margin-bottom: 80px; }
section#apropos div.container div.ranger div.logos {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 0 20px; }
section#apropos div.container div.ranger div.logos img {
width: 170px;
mix-blend-mode: multiply; }
section#page {
padding: 120px 0;
border-radius: 75px 75px 0 0;
margin-top: -100px;
background-color: #FFF3D9;
position: relative;
z-index: 2; }
.ui-widget.ui-widget-content {
border-radius: 13px;
overflow: hidden;
box-shadow: 0 4px 4px 0, rgba(0, 0, 0, 0.25);
width: 690px;
padding: 10px 20px; }
.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper, .ui-menu-item .ui-menu-item-wrapper.ui-state-active, .ui-menu-item a.ui-state-focus {
background-color: #FFC192;
border: none; }
div#popup {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
background-color: rgba(0, 0, 0, 0.2);
z-index: 100;
display: none; }
div#popup div.click {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
div#popup p a {
text-decoration: underline; }
div#popup div.content {
position: absolute;
top: 50%;
left: 50%;
width: 854px;
max-width: calc(100% - 80px);
max-height: calc(100vh - 80px);
background-color: #FFF3D9;
border-radius: 17px;
padding: 100px;
transform: translate(-50%, -50%);
overflow-y: auto;
z-index: 2; }
div#popup div.content span#x {
width: 42px;
height: 42px;
border-radius: 50%;
font-size: 24px;
font-weight: 100;
display: flex;
justify-content: center;
align-items: center;
color: #F46535;
box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.25);
position: absolute;
top: 23px;
right: 23px;
cursor: pointer;
z-index: 101; }
div#popup div.content h2 {
margin: 0; }
div#popup div.content button {
display: block;
margin: 48px auto 0; }
div#popup div.content div.instance > ul {
list-style: none;
margin: 0;
padding: 0; }
div#popup div.content div.instance > ul > li {
margin: 2em 0;
padding: 0; }
div#popup div.content div.instance > ul > li strong {
padding-left: 34px;
display: block;
font-weight: 700;
position: relative;
margin-bottom: .5em; }
div#popup div.content div.instance > ul > li strong:after {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
div#popup div.content div.instance > ul > li br {
display: none; }
div#popup div.content div.instance > ul > li.situation strong:after {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/pen.svg); }
div#popup div.content div.instance > ul > li.delai strong:after {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/clock.svg); }
div#popup div.content div.instance > ul > li.marche strong:after {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/document.svg); }
div#popup div.content div.instance > ul > li.processus strong:after {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/calandar.svg); }
div#popup div.content div.instance > ul > li.resultat strong:after {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/check.svg); }
div#popup div.content div.instance > ul > li.exemples strong:after {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/message.svg); }
div#popup div.content div.instance > ul > li a {
text-decoration: underline; }
div#popup div.content div.instance > ul ul {
list-style: disc; }
div#popup div.content div.questionne ul, div#popup div.content div.grossesse ul, div#popup div.content div.temoin ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px; }
div#popup div.content div.questionne ul li, div#popup div.content div.grossesse ul li, div#popup div.content div.temoin ul li {
padding: 0;
margin: 0; }
div#popup div.content div.questionne ul li a, div#popup div.content div.grossesse ul li a, div#popup div.content div.temoin ul li a {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 8px 20px;
height: auto;
line-height: 1;
min-height: 43px; }
div#popup div.content div.questionne blockquote, div#popup div.content div.grossesse blockquote, div#popup div.content div.temoin blockquote {
margin: 48px auto;
background-color: #FFC192;
max-width: 633px; }
div#popup div.content div.effacer {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/www.svg);
background-size: 130px;
background-position: top 0 left 0px;
background-repeat: no-repeat; }
div#popup div.content div.effacer h2 {
text-align: center; }
div#popup div.content div.effacer div.ranger {
margin-top: 45px; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(1) {
width: 40%; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(1) ul {
margin: 0;
padding: 0;
list-style: none; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(1) ul li {
margin: 0 0 1.2em;
padding: 0; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(1) ul li a {
margin: 0 0;
color: #F46535;
opacity: .33;
font-size: 25px;
line-height: 1;
cursor: pointer; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(1) ul li a:hover, div#popup div.content div.effacer div.ranger div.colonne:nth-child(1) ul li a.active {
opacity: 1; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(2) {
width: 60%; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(2) ol {
counter-reset: item;
margin-top: 0;
padding-left: 30px; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(2) ol li {
position: relative;
list-style: none; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(2) ol li:after {
position: absolute;
top: 0;
left: -28px;
content: counter(item) " ";
counter-increment: item;
color: #F46535; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(2) div {
display: none; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(2) div.active {
display: block; }
header div.container div.border div.ranger div.colonne:nth-child(4) {
display: none;
width: 100%;
order: 3; }
header div.container div.border div.ranger div.colonne:nth-child(4) nav ul {
flex-direction: column;
align-items: flex-start; }
b.hover, span.hover {
position: relative;
z-index: 3;
display: inline-block; }
b.hover div.abs, span.hover div.abs {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -100%);
width: 250px;
font-size: 12px;
padding: 5px;
background-color: #fff;
border: 1px solid #000;
color: #000;
text-align: left;
font-weight: 400; }
section#violence-discrimination.page div.tuile {
background-image: none !important; }
section#violence-discrimination.page {
margin-bottom: 150px; }
section#les-droits.pale {
background-color: transparent; }
section#les-droits.droite div.container div.ranger {
flex-direction: row-reverse; }
section#situation.page {
margin-bottom: 150px; }
section#page.inside {
margin-top: 0;
padding-bottom: 0; }
section#texte {
padding: 60px 0; }
.print {
z-index: 9999999;
width: 50px;
height: 50px;
background-color: #FFF3D9;
border: 1px solid #F46535;
position: fixed;
top: 25px;
left: 25px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/print.svg);
background-size: 80%;
background-position: center;
background-repeat: no-repeat;
border-radius: 8px;
cursor: pointer;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
section#droits.entete div.container div.ranger div.colonne:nth-child(2) ul {
list-style: disc;
margin: .2em 0;
padding-left: 20px; }
a.back button {
background-image: none;
background-size: 20px;
background-repeat: no-repeat;
background-position: left 10px center;
transition: all .5s ease; }
a.back button:hover {
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/arrow-back-o.svg);
background-size: 20px;
padding-left: 50px; }
section#back {
margin-bottom: 100px; }
section#back a.back {
text-decoration: none; }
section#back button {
display: block;
margin: 0 auto; }
@media (max-width: 1280px) and (min-width: 1024px) {
header div.container div.border nav ul li a {
font-size: 16px;
padding: 7px 7px 7px 13px; }
header div.container {
padding-left: 0;
padding-right: 40px; }
div.container {
max-width: 80%; }
section#les-droits {
padding: 80px 0; }
section#violence-discrimination div.ranger div.colonne div.tuile {
padding: 40px 60px;
height: 100%; }
section#mes-droits div.search {
max-width: 80%; }
section.entete div.container div.ranger div.colonne:nth-child(1) {
width: 25%; }
section.entete div.container div.ranger div.colonne:nth-child(2) {
width: 75%; }
section#mes-droits div.container, section#demarche div.container, section#en-parler div.container {
max-width: 80%; }
section.entete div.container div.ranger div.colonne:nth-child(2) {
padding-left: 7vw; }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne div.tuile {
padding: 20px 35px; }
section#mes-droits div#results div.ranger div.colonne div.tuile h3 {
font-size: 24px; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li input {
width: 220px; }
header div.container div.border {
width: 820px; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li input {
width: 150px; } }
@media (max-width: 1023px) {
.print {
top: 125px; }
header div.container div.border nav ul li a {
font-size: 14px;
padding: 7px 13px; }
header div.container div.border {
padding: 24px 0; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li input {
width: 150px; }
header div.container {
padding-left: 0;
padding-right: 40px; }
header div.container div.border {
width: 100%; }
header div.container div.border div.ranger div.colonne#menu-parametre {
padding: 0 20px; }
section#hero div.container div.texte img, section#hero div.container div.texte svg {
width: 80%; }
section#les-droits div.container div.ranger div.colonne:nth-child(1) {
display: none; }
section#les-droits div.container div.ranger div.colonne:nth-child(2) {
width: 100%; }
section#violence-discrimination div.ranger div.colonne {
width: 100%;
margin-bottom: 15px; }
section#search {
background-position: left 40px top 20px;
background-size: 100px; }
section#search div.container div.droits div.ranger {
width: 80%; }
section#search div.container div.droits div.ranger button {
background-color: #F46535;
color: #FFF3D9; }
footer div.container div.copy {
font-size: 12px;
justify-content: space-between; }
footer div.container div.copy p {
margin-right: 0px; }
footer {
background-image: none; }
footer div.container div.ranger div.colonne:nth-child(1) p.img {
font-size: 11px; }
footer div.container div.ranger div.colonne:nth-child(1) p.img img {
width: 73px; }
footer div.container div.ranger div.colonne:nth-child(1) {
width: 400px; }
footer div.container div.ranger {
justify-content: flex-start; }
footer div.container div.ranger div.colonne:nth-child(2) {
width: calc( 100% - 400px); }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne div.tuile {
padding: 20px;
height: 100%; }
section#les-droits {
padding: 80px 0; }
section#compromis div.container div.ranger div.colonne:nth-child(1), section#termine div.container div.ranger div.colonne:nth-child(1) {
padding-right: 40px; }
section#compromis div.container div.ranger div.colonne:nth-child(2) p:first-of-type, section#termine div.container div.ranger div.colonne:nth-child(2) p:first-of-type {
margin-top: 0; }
section#demarche {
background-image: none; }
div#popup div.content div.effacer {
background-size: 80px; }
section#header div.container div.texte h1 {
font-size: 80px; }
section.entete div.container div.ranger div.colonne:nth-child(1) {
width: 100%; }
section.entete div.container div.ranger div.colonne:nth-child(2) {
width: 100%;
padding: 0; }
section.entete div.container div.ranger div.colonne:nth-child(1) h2 {
text-align: left; }
section#mes-droits div.search {
max-width: 100%; }
section#mes-droits div.container {
padding: 0 30px; }
section#mes-droits div#results div.ranger div.colonne {
width: 50%; }
section#mes-droits div#results div.ranger div.colonne.deuxtiers {
width: 50%; }
section#demarche div.container div.ranger div.colonne {
width: 50%; }
section#organisme {
padding-top: 100px; }
section#en-parler div.container div.ranger div.colonne:nth-child(1), section#en-parler div.container div.ranger div.colonne:nth-child(2) {
width: 100%;
padding: 0; }
section#en-parler div.container div.ranger div.colonne:nth-child(1) h2 {
text-align: left; }
section#en-parler div.container div.abs {
top: -60px;
right: 30px;
left: initial; }
section#en-parler div.container div.tuiles div.col {
width: 50%; }
section#definitions div.container div.terms {
gap: 5px 20px; }
section#definitions div.container {
padding: 0 20px; }
section#definitions div.container div.definition div.ranger div.colonne:nth-child(1) span.lettre {
font-size: 50px; }
section#definitions div.container div.definition div.ranger div.colonne:nth-child(1) {
width: 60px;
padding-top: 15px; }
section#definitions div.container div.definition div.ranger div.colonne:nth-child(2) {
width: calc( 100% - 60px); }
section.entete div.container {
padding: 0 20px; }
footer div.container {
padding: 0 40px; }
form#searchform {
max-width: 100%; }
section#definitions div.search input {
width: 240px;
padding-left: 40px;
background-size: 20px;
background-position: left 10px center; }
section#situation div.container ul {
columns: 1; }
section#situation div.container {
padding: 100px 20px 50px; }
section#situation {
background-size: auto 100%; }
section#reference {
background-position: bottom 20px center;
padding-bottom: 180px; }
section#situation {
background-image: none; }
section#reference {
background-image: none; }
section#reference div.container {
padding-left: 0;
max-width: 100%; } }
@media (max-width: 767px) {
header div.container div.border div.ranger div.colonne:nth-child(2) {
order: 3;
width: 100%;
display: none; }
header div.container div.border div.ranger div.colonne:nth-child(1) {
width: 35px; }
header div.container div.border div.ranger div.colonne:nth-child(3) {
order: 2;
width: calc( 50px);
display: flex;
gap: 10px; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li a {
padding-left: 30px; }
header div.container div.border div.ranger div.colonne#menu-parametre ul {
flex-direction: column;
align-items: flex-start; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li a {
display: flex;
flex-direction: column;
gap: 10px;
justify-content: flex-start;
align-items: flex-start; }
header div.container div.border div.ranger div.colonne#menu-parametre ul li input {
max-width: 100%;
margin-left: 0;
width: 150px; }
header div.container div.border div.ranger div.colonne#menu-parametre {
order: 4;
width: 100%; }
header div.container div.border div.ranger div.colonne div#bouton-mobile {
display: block; }
header div.container div.border div.ranger {
justify-content: space-between;
width: 100%; }
header div.container div.border {
display: flex;
width: calc( 100% - 0px);
padding: 20px 20px; }
header {
padding: 10px 0; }
header div.container {
padding-right: 40px; }
div.container {
width: calc(100% - 0px);
max-width: 1200px;
padding: 0 20px; }
body {
padding: 10px 20px 0; }
header div.container div.border nav {
margin-top: 20px; }
header div.container div.border nav ul li a {
display: block;
padding-top: 5px;
padding-bottom: 5px; }
section#hero div.search {
display: none; }
section#hero {
border-radius: 13px 13px 13px 13px;
background-size: auto 100%;
background-position: left -372px center;
background-repeat: no-repeat;
height: calc(100vh - 125px );
margin-top: 93px;
position: relative;
max-height: 500px;
min-height: initial; }
section#hero div.container div.texte {
max-height: 500px;
min-height: initial; }
section#droit-et-grossesse div.container div.ranger div.colonne:nth-child(1) {
width: 100%; }
section#droit-et-grossesse div.container div.ranger div.colonne:nth-child(2) {
width: 100%; }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne {
width: 100%;
margin-bottom: 15px; }
section#droit-et-grossesse {
padding-top: 70px; }
section#droit-et-grossesse h1 {
margin: 0; }
div#popup div.content {
padding: 20px;
max-width: calc(100% - 40px);
max-height: calc(100% - 40px); }
div#popup div.content div.effacer {
background-image: none; }
section#droit-et-grossesse div.container div.boxes {
margin-top: 40px; }
section#les-droits .container {
padding: 0 20px; }
section#les-droits {
padding: 60px 0; }
section#compromis, section#termine {
padding: 60px 0; }
section#violence-discrimination div.ranger div.colonne:nth-child(1) div.tuile {
background-position: center bottom 20px;
background-size: 140px;
padding-bottom: 220px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/sans-violence.svg);
padding-left: 20px;
padding-right: 20px; }
section#violence-discrimination div.ranger div.colonne:nth-child(2) div.tuile {
background-position: center bottom 20px;
background-size: 120px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/interdite.svg);
background-repeat: no-repeat;
padding-bottom: 140px;
padding-left: 20px;
padding-right: 20px; }
section#compromis div.container, section#termine div.container, section#droit-et-grossesse div.container {
padding: 0 20px; }
section#droit-et-grossesse div.container div.boxes div.ranger div.colonne {
padding: 0; }
section#search div.container div.boxes div.ranger div.colonne {
width: 100%; }
section#search div.container div.boxes div.ranger div.colonne div.tuile.large {
width: 100%; }
section#search div.container div.boxes div.ranger div.colonne div.tuile.small {
width: 100%; }
section#search {
padding-left: 10px;
padding-right: 10px;
padding-top: 140px;
background-image: url(//droitsetgrossesse.ca/wp-content/themes/grossesse/images/loupe-bg-inv.svg);
background-size: 92px;
background-position: right 30px top 30px; }
section#compromis div.container div.ranger div.colonne:nth-child(1), section#termine div.container div.ranger div.colonne:nth-child(1) {
width: 100%; }
section#compromis div.container div.ranger div.colonne:nth-child(2), section#termine div.container div.ranger div.colonne:nth-child(2) {
width: 100%; }
section#compromis div.container div.ranger div.colonne:nth-child(1) h2, section#termine div.container div.ranger div.colonne:nth-child(1) h2 {
text-align: left;
margin-bottom: 40px; }
section#mes-droits div.container {
padding: 0; }
section#mes-droits div#results div.ranger div.colonne {
width: 100%; }
section#mes-droits div#results div.ranger div.colonne.deuxtiers {
width: 100%; }
section#demarche div.container div.ranger div.colonne {
width: 100%; }
section#demarche div.container {
padding: 0 20px; }
section#aide div.container {
padding: 0 20px; }
section#aide div.container div.ranger div.colonne:nth-child(1), section#aide div.container div.ranger div.colonne:nth-child(2) {
width: 100%;
padding: 0; }
section#organisme div.container div.organisme div.ranger div.col.small {
width: 100%; }
section#en-parler div.container div.tuiles div.col {
width: 100%; }
section#compromis div.container {
padding: 0 20px; }
section#definitions div.search input {
width: 200px;
padding-left: 35px;
font-size: 16px; }
section#header div.container div.texte h1 {
font-size: 40px; }
section#header {
margin-top: 90px; }
section#definitions div.container div.definition {
margin-top: 40px; }
footer div.container div.ranger div.colonne:nth-child(2), footer div.container div.ranger div.colonne:nth-child(1) {
width: 100%; }
footer div.container div.copy {
flex-direction: column;
text-align: left; }
footer div.container div.copy p {
margin: 0 0 .5em; }
footer div.container div.ranger div.colonne:nth-child(1) p.img {
border-top: 1px solid #FFF3D9;
padding-top: 30px;
margin-top: -30px;
display: flex;
flex-direction: column; }
footer div.container div.ranger div.colonne:nth-child(1) p.img img {
margin: 1em 0; }
footer div.container div.ranger div.colonne:nth-child(1) {
padding-bottom: 20px; }
footer div.container div.ranger div.colonne:nth-child(2) {
padding-bottom: 20px; }
section#mes-droits div#results div.ranger div.colonne div.tuile h3 {
font-size: 24px; }
form#searchform input {
height: 58px; }
form#searchform button {
height: 44px; }
form#searchform input {
padding-left: 40px;
background-position: left 10px center; }
section.entete {
padding-top: 80px; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(2) {
width: 100%; }
div#popup div.content div.effacer div.ranger div.colonne:nth-child(1) {
width: 100%;
padding-bottom: 2em; }
section#demarche {
background-image: none; }
section#situation div.alerte {
position: relative;
left: initial;
top: 0px;
transform: none;
padding: 27px 33px 27px 90px; }
section#en-parler div.container div.abs {
top: -140px; }
section#en-parler {
padding-top: 160px; }
section#apropos div.container div.ranger div.logos {
flex-direction: column;
align-items: flex-start;
gap: 20px 0;
margin-top: 40px; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger div.colonne:nth-child(1) h3 {
text-align: center; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger {
flex-direction: column;
gap: 20px; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger div.colonne:nth-child(2) {
padding: 0;
width: 100%;
max-width: 200px; }
section#organisme div.container div.organisme div.ranger div.col.full div.ranger div.colonne:nth-child(3) {
padding: 0;
width: 100%;
max-width: 200px; }
section#organisme div.container div.organisme div.ranger div.col.small img {
max-width: 200px;
width: 100%; }
section#definitions div.container div.definition div.ranger div.colonne:nth-child(2) h3 {
font-size: 24px; }
section#organisme div.container div.organisme div.ranger div.col div.tuile {
padding: 20px; }
section#aide div.container div.ranger div.colonne:nth-child(1) p:after {
transform: translate(-50%, -50%); }
section#aide div.container div.ranger div.colonne:nth-child(1) p:hover:after {
transform: translate(0, -50%); }
section#aide div.container div.ranger div.colonne:nth-child(1) p {
padding-right: 50px; }
.ui-widget.ui-widget-content {
max-width: calc(100% - 60px); }
div#popup div.content h2 {
padding-right: 40px; }
#cmplz-cookiebanner-container {
left: -20px;
position: relative; }
#cmplz-manage-consent .cmplz-manage-consent {
right: 20px !important; } }
@media print {
header {
display: none; }
#cmplz-manage-consent {
display: none; }
#cmplz-cookiebanner-container {
display: none; }
section#back button {
display: none; }
section#header {
background-color: transparent;
border-radius: 13px 13px 0 0;
background-image: none;
background-size: auto 100%;
background-position: left center;
background-repeat: no-repeat;
height: auto;
margin-top: 0px;
position: relative; }
section#header div.container div.texte h1 {
padding-bottom: 0; }
section.entete div.container div.ranger {
display: block; }
section.entete div.container div.ranger div.colonne:nth-child(1), section.entete div.container div.ranger div.colonne:nth-child(2) {
width: 100%;
padding: 0; }
section#situation div.alerte {
position: relative;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
border: none;
left: 0;
top: 0;
transform: none;
text-align: center; }
section.entete {
padding: 0;
margin: 0; }
footer {
display: none; }
.print {
display: none; }
li, p {
font-size: 20px !important; }
h1, h2, h3 {
font-size: 30px !important; }
section#reference, section#reference div.container {
padding: 0; }
section#situation div.container {
padding: 0; }
section {
page-break-inside: avoid;
page-break-after: auto;
page-break-before: auto; } }