/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h2, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/* END CSS RESET */

@font-face {
    font-family: 'AmiamieRegular';
    src: url('fonts/Amiamie-Regular.woff2') format('woff2'),
         url('fonts/Amiamie-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmiamieLight';
    src: url('fonts/Amiamie-Light.woff2') format('woff2'),
         url('fonts/Amiamie-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmiamieItalic';
    src: url('fonts/Amiamie-Italic.woff2') format('woff2'),
         url('fonts/Amiamie-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmiamieBlack';
    src: url('fonts/Amiamie-Black.woff2') format('woff2'),
         url('fonts/Amiamie-Black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
	--width-card: 325px;
	--height-card: calc(var(--width-card) / 325 * 488);
	--background-color: #CCA2E6;
	--text-color: white;
	--h1-size: 17px;
	--h2-size: 80px;
	--h3-size: 30px;
	--h4-size: 36px;
}

.preload { 
	width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0; 
    background: white;
	z-index: 9999999999;
}

body,
select,
h1,
.guide,
header a,
header a h1,
#contact {
	font-family: 'AmiamieRegular';
	font-size: var(--h1-size);
	color: var(--text-color);
	letter-spacing: 0.01em;
	line-height: 1.27em;
	margin: 0;
	text-transform: none;
}

header a h1,
#menu-guide,
#menu-guide-close,
b,
strong,
.no-citation {
	font-family: 'AmiamieBlack';
}

em, 
i,
.citation {
	font-family: 'AmiamieItalic';
}

#cookie-notice .cn-button,
#cn-notice-text {
	font-family: 'AmiamieRegular'!important;
	font-size: var(--h1-size) !important;
	letter-spacing: 0.01em!important;
	line-height: 1.27em!important;
}

h2,
#menu-guide-expand a {
	font-family: 'AmiamieBlack';
	font-size: var(--h2-size);
	color: var(--text-color);
	letter-spacing: 0.01em;
	line-height: 1.27em;
	margin: 0;
	padding-right: 8%;
	margin-bottom: 30px;
}

#reponse h2 {
	padding-right: 0;
}

h3,
input.wpcf7-text,
input.wpcf7-submit,
textarea.wpcf7-form-control,
select.wpcf7-form-control,
.wpcf7 form .wpcf7-response-output,
.guide-recherche .is-form-style input.is-search-input,
.guide-recherche .is-form-style button.is-search-submit,
.guide-recherche .is-search-form,
.guide-recherche .is-search-icon {
	font-family: 'AmiamieLight';
	font-size: var(--h3-size) !important;
	color: var(--text-color);
	letter-spacing: 0.01em !important;
	line-height: 1.27em !important;
	margin: 0;
}

h3.intro-site,
.guide-recherche h3,
.reponse-left h3 {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	padding-right: calc(100% / 3);
}

h3.intro-site {
	margin-bottom: 1.6em;
}

input.wpcf7-text {
	width: 55%;
}

.reponse-right h3 {
	margin-top: 1.6em;
	margin-bottom: 0.4em;
}

.reponse-right h3:first-child {
	margin-top: 0.8em;
}

h4 {
	font-family: 'AmiamieRegular';
	font-size: var(--h4-size);
	color: #2B3785;
	letter-spacing: 0.01em;
	line-height: 1.27em;
	margin: 0;
	word-wrap: break-word;
	word-break: break-word;
}

.back h4 {
	font-size: calc(var(--h4-size) / 36 * 26);
	letter-spacing: 0.01em;
}

h4.cesure {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

h4.white {
	color: var(--text-color);
	text-align: center;
}

.single-carousel h4 {
	font-size: calc(var(--h4-size) / 3 * 2);
	letter-spacing: 0.01em;
}

.single-carousel .back h4 {
	font-size: calc(var(--h4-size) / 36 * 26 / 3 * 2);
	letter-spacing: 0.01em;
}

p,
.reponse-left ul {
	margin: 0.8em 0 0.8em 0;
	margin-right: 15%;
}

.reponse-left ul {
	margin-right: 30%;
}

body,
select {
	background: var(--background-color);
}

#background-change {
	background: #CCA2E6;
	transition: all 1.5s ease-out;
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;	
}

header,
header a,
header a h1,
a {
	color: var(--text-color);
}

.container {
	display: none;
}

.guide {
	display: block;
}

header,
#content,
footer,
#reponse-content,
#menu-guide-expand-two,
#menu-guide-close {
 	position: relative;
 	width: calc(100% - 40px);
 	max-width: 1500px;
 	margin: 0 auto;
 	background: none;
 	padding: 20px;
}

#menu-left {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 500px;
}

.flickity-viewport {
	overflow: visible;
}

.flickity-prev-next-button.previous {
  left: 20px;
}

.flickity-prev-next-button.next {
  right: 20px;
}

.flickity-prev-next-button {
	border-radius: none !important;
	background: url("img/arrow-right-regular-blue.png") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	border-radius: unset !important;
	width: calc(var(--width-card) / 325 * 50);
	height: calc(var(--width-card) / 325 * 40);
}

.single-carousel .flickity-prev-next-button {
	width: calc(var(--width-card) / 325 * 35);
}

.flickity-prev-next-button.previous {
	background-image: url("img/arrow-left-regular-blue.png") !important;
}

.flickity-prev-next-button.next {
	background-position: right center !important;
}

.flickity-prev-next-button .flickity-button-icon {
	display: none;
}

.flickity-button:disabled {
	opacity: 0 !important;
}

.wp-night-mode-on .flickity-prev-next-button {
	background-image: url("img/arrow-right-regular-black.png") !important;
}

.wp-night-mode-on .flickity-prev-next-button.previous {
	background-image: url("img/arrow-left-regular-black.png") !important;
}

.main-carousel,
.main-carousel-mobile,
.single-carousel {
	width: 100%;
}

.main-carousel-mobile {
	display: none;
}

.main-carousel,
.single-carousel {
	overflow: visible;
}

.main-carousel-mobile .carousel-cell,
.main-carousel .carousel-cell,
.single-carousel .carousel-cell,
.card,
.no-card {
	width: var(--width-card);
	height: var(--height-card);
}

.single-carousel .carousel-cell,
#suggestion .card {
	width: calc(var(--width-card) / 3 * 2);
	height: calc(var(--height-card) / 3 * 2);
}

.single-carousel .carousel-cell {
	opacity: 0;
}

.single-carousel .carousel-cell.is-selected {
	opacity: 1;
}

.card,
.no-card {
	position: absolute;
	z-index: 10;
	-webkit-transition: -webkit-transform 0.8s;
	-moz-transition: -moz-transform 0.8s;
	-o-transition: -o-transform 0.8s;
	transition: transform 0.8s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	flex: 1;
	box-sizing: border-box;
}

.card {
	cursor: pointer;
}

#big-card .card {
	cursor: default;
}

#big-card .card.clic .front {
	cursor: pointer;
}

.no-card {
	cursor: default;
}

.card .front,
.no-card .front,
.card .back {
	display: block;
	width: calc(100% - calc(var(--width-card) / 13 * 2));
	height: calc(100% - calc(var(--width-card) / 13 * 2));
	padding: calc(var(--width-card) / 13);
	position: absolute;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform all .4s ease;
	-moz-transition: -moz-transform all .4s ease;
	-o-transition: -o-transform all .4s ease;
	transition: all .4s ease;
}

#suggestion .card .front,
#suggestion .no-card .front {
	width: calc(100% - calc(var(--width-card) / 13 * 2 / 3 * 2));
	height: calc(100% - calc(var(--width-card) / 13 * 2 / 3 * 2));
	padding: calc(var(--width-card) / 13 / 3 * 2);
}

.card .back {
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY( 180deg );
	-o-transform: rotateY( 180deg );
	transform: rotateY( 180deg );
	width: 100%;
	height: 100%;
	padding: 0;
}

.card.flipped {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.no-card .back,
.card .back {
	background-color: #2B3785;
}

.no-card .back h4,
.card .back h4,
.card .back a {
	color: white;
}

.pulse {
	transition: .3s;
	overflow: hidden;
	padding: calc(var(--width-card) / 13);
	position: absolute;
	top: 0;
	bottom: 0;
}

#suggestion .pulse {
	padding: calc(var(--width-card) / 13 / 3 * 2);
}

.clic .pulse:hover {
	animation: pulse 0.8s infinite;
	transition: .3s;
}

@keyframes pulse { 
	0% { transform: scale(1); } 
	70% { transform: scale(1.1); } 
	100% { transform: scale(1); }
}

.dark-blue {
	background-color: #2B3785;
}

.bleu {
	background-color: #5F6FE7;
}

.vert1 {
	background-color: #56D693;
}

.vert2 {
	background-color: #D3F2E2;
}

.violet {
	background-color: #CCA2E6;
}

.jaune {
	background-color: #FFB402;
}

.rouge {
	background-color: #F46036;
	background-color: #c33c54;
	background-color: #fe5e41;	
	background-color: #ec7357;
	background-color: #1d8a99;
}	

#content {
	margin-top: -50px;
}

.axe {
	opacity: 0.15;
	display: block;
	border-top: solid 2px var(--text-color);
	border-bottom: solid 2px transparent;
	margin-top: -2px;
	color: var(--text-color);
	text-decoration: none;
	padding: 1em 5em 0.9em 0;
	background: url("img/arrow-axe-light.png") !important;
	background-size: 36px !important;
	background-repeat: no-repeat !important;
	background-position: right 1.05em !important;
	transition: all .4s ease;
}

.axe:hover,
.axe.last,
.axe.site.selected {
	border-bottom-color: var(--text-color);

}

.axe h3 span {
	position: relative;
	bottom: 1px;
	font-size: 0.5em;
	line-height: 0.8em;
	vertical-align: super;
	text-decoration: none;
	padding-right: 0.5em;
}

.axe.hovered,
.axe.selected {
	opacity: 1;
	border-top-color: var(--text-color);
}

.axe.home.selected {
	border-top-color: var(--text-color);
	border-bottom-color: var(--text-color);
}

#menu-guide-expand {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background-color: var(--background-color);
	z-index: 99999999;
	transform: translateX(-150%);
	opacity: 0;
	transition: opacity .8s ease;
}

#menu-guide-expand a {
	text-decoration: none;
	display: block;
	margin: 0;
}

#menu-guide-expand-one {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100vw;
}

#menu-guide,
#menu-guide-close {
	text-align: right;
	cursor: pointer;
	float: right;
}

#menu-guide-close {
	float: none;
}

header,
section,
footer {
	transition: opacity .8s ease;
}

#logo_partners {
	float: left;
}

#logo_partners img {
	height: 75px;
	width: auto;
}

#logo_partners img.egalite {
	height: 50px;
	padding: calc(25px / 2);
	padding-left: 50px;
	width: auto;
}

#contact {
	float: right;
	text-align: right;
	float: right;
	text-align: left;
	width: calc(100% / 3 - 25px);
}

footer {
	padding: 20px 0px;
	overflow: hidden;
}

section {
  position: relative !important;
  padding-top: 190px;
  margin-top: -90px;
  width: 100%;
  overflow: hidden;
  top: 0;
  bottom: 0;
}

.single #content {
	margin-top: 0;
}

.question-card {
	position: relative;
	float: left;
	width: 25%;
	height: calc(var(--height-card) * 1.172);	
}

.question-card .card {
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

#question-cards {
	position: relative;
	margin-top: 100px;
}

.single-carousel {
  margin-top: 60px;
}

#big-card {
	position: relative;
	position: relative;
	padding: 30%;
	padding-bottom: 15%;
	overflow: hidden;
	margin-left: -30%;
	margin-top: calc(-30% + 40px);
	margin-bottom: -15%;
}

#suggestion {
	position: relative;
	clear: both;
	width: 100%;
	margin-left: -30%;
	padding: 30%;
	overflow: hidden;
	margin-top: -30%;
	margin-bottom: -30%;
}
}

.single-question footer {
	width: 100%;
	max-width: none;
	margin: 0 auto;
}

.single-question footer > div {
	padding-top: 0;
	padding-bottom: 0;
}

#reponse {
	clear: both;
	width: 100%;
	margin-top: 90px;
	margin-bottom: 30px;
}

.reponse-left {
	width: calc(100% / 3 * 2 - 25px);
	padding-right: 25px;
	float: left;
}

.reponse-right {
	width: calc(100% / 3 - 25px);
	padding-left: 25px;
	float: right;
}

#reponse ul {
	margin-left: 2em;
}

#reponse ul li {
	list-style: disc outside none;
	margin-left: 0.8em;
	margin-bottom: 0.8em;
}

#reponse ol {
	list-style: decimal;
}

#reponse ol li {
	margin-bottom: 0.8em;
}

a.break-all {
	word-break: break-all;
}

a.pdf {
	background: url("img/doc_white.png") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	padding-right: 1.4em;
}
	
a.book {
	background: url("img/book_white.png") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	width: 1.4em;
	display: inline-block;
	text-decoration: none;
}	
	
.participation {
	margin-bottom: 0.8em;
}
	
#reponse .reponse-right ul {
	margin-left: 0;
}
	
#reponse .reponse-right ul li {
	margin-left: 0;
	margin-bottom: 0;
	list-style: circle;
}
	
h3.punchline {
	padding-right: 0;
	padding-left: 0;
	width: 85%;
}

blockquote {
	border-left: 2px solid;
	margin-left: 0;
	padding: 0.7em 0 0.7em 1em;
}

.quote {
	font-size: 1.8em;
	line-height: 0em;
	display: inline-block;
}
	
.quote.left {
	transform: translate(-0.15em, 0.35em);
}
	
.quote.right {
	transform: translate(0.15em, 0.35em);
}
	
:root {
	--width-mini-card: 30px;
	--height-mini-card: 45px;
}
		
.mini-card {
	width: 100%;
	clear: both;
	overflow: hidden;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}		
		
.mini-card-left {
	width: calc(var(--width-mini-card) / 0.5);
	float: left;
	transform: rotate(-4deg);
}

.mini-card-left > div {
	width: calc(var(--width-mini-card) / 0.78);
	height: calc(var(--height-mini-card) / 0.78);
	margin: calc(var(--width-mini-card) / 3) auto;
	border: 2px var(--text-color) solid;
	position: relative;
}

.mini-card-left > div > span {
	position: absolute;
	top: 50%; 
	transform: translateY(-50%);
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size: 1.5em;
	line-height: 1.5em;
	padding-top: 0.2em;

}

.mini-card-right {
	float: right;
	width: calc(100% - calc(var(--width-mini-card) / 0.5));
	padding-top: calc(var(--width-mini-card) / 2);
}	
	
.mini-card-right p {
	padding-left: 0.5em;
}		
	
#attente {
	overflow: hidden;
}
	
#attente > div {
	display: inline-block;
	padding: 7px;
	background-color: red;
	margin-bottom: 2em;
}
	
img.epicentre.black,
img.egalite.black {
	display: none;
}
	
/* WP Night Mode */

.wp-night-mode-on {
	--background-color: #FBFCFA;
	--text-color: #191916;	
}

.wpnm-button .wpnm-slider::before {
  background-color: var(--text-color) !important;
}
	
.wpnm-button .wpnm-slider {
	background-color: rgba(0,0,0,0.1) !important;
}		

.wp-night-mode-on #background-change {
	display: none;
}

.wp-night-mode-on a.pdf {
	background-image: url("img/doc_black.png") !important;
}
	
.wp-night-mode-on a.book {
	background-image: url("img/book_black.png") !important;
}

.wp-night-mode-on .axe {
	background-image: url("img/arrow-axe-light-black.png") !important;
}

.wp-night-mode-on img.epicentre.black,
.wp-night-mode-on img.egalite.black {
	display: inline;
}

.wp-night-mode-on img.epicentre.white,
.wp-night-mode-on img.egalite.white {
	display: none;
}

.wp-night-mode-on .dark-blue {
	background-color: var(--text-color);
}

.wp-night-mode-on .vert2 {
	background-color: #e3e3e3;
}

.wp-night-mode-on .jaune {
	background-color: #c8c8c7;
}

.wp-night-mode-on .vert1 {
	background-color: #acacab;
}

.wp-night-mode-on .bleu {
	background-color: #919190;
}

.wp-night-mode-on h4 {
	color: var(--text-color);
}

.wp-night-mode-on .no-card .back,
.wp-night-mode-on .card .back {
	background-color: var(--text-color);
}
	
/* WP Night Mode */	

.a2a_kit a:hover span {
	opacity: 1 !important;
}


.card .back a {
	text-decoration: none;
}

.card .back a span.read {
	text-decoration: underline;
}

.infinite-flip {
	animation: infiniteflip 11s infinite;
}

@keyframes infiniteflip { 
	0% { transform: rotateY(0deg); }
	10% { transform: rotateY(180deg); } 
	50% { transform: rotateY(180deg); } 
	60% { transform: rotateY(0deg); } 
	100% { transform: rotateY(0deg); } 
}

.guide-recherche .is-form-style .is-search-submit path { 
	fill: var(--text-color);
}

.guide-recherche .is-form-style.is-form-style-3 label {
	display: block !important;
	width: calc(100% - 2em - 4px) !important;
	float: left !important;
}

input.wpcf7-text,
textarea.wpcf7-form-control,
.guide-recherche .is-form-style input.is-search-input {
	background: var(--background-color);
	height: 2em;
	border: 2px solid var(--text-color) !important;
	padding: 0 0.4em;
}

textarea.wpcf7-form-control {
	height: 7em;
}

input.wpcf7-submit,
.guide-recherche .is-form-style button.is-search-submit,
.guide-recherche .is-search-icon {
	width: 2em !important;
	height: 2em !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: none !important;
}

input.wpcf7-submit {
	width: auto !important;
	padding: 0 0.35em !important;
	height: 2em !important;

}

input.wpcf7-submit,
.guide-recherche .is-search-icon {
	background: var(--background-color) !important;
	border: 2px solid var(--text-color) !important;
	cursor: pointer;
}

.guide-recherche .is-search-icon svg {
	width: 1.2em;
	padding-top: 0.35em;
}

.num_source {
	padding-left: 0.6em;
}

.num_leg { 
	font-size: 0.8em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.3em;
}

#network td {
  border-bottom: 2px solid var(--text-color);
  width: calc(100% / 6);
}

#network td, 
#network th {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  text-align: left;
}

#network th {
  cursor: pointer;
  text-decoration: underline;
}

#network tr:last-child td {
  border-bottom: none;
}

#network ul {
  list-style: initial;
}

#network td:first-child,
#network th:first-child {
	padding-left: 60px;
}

#network td:first-child {
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: left 10px;
}

.network-formation {
	background-image: url("img/nw_formation_white.png");
}

.network-association {
	background-image: url("img/nw_association_white.png");
}

.network-relation {
	background-image: url("img/nw_relation_white.png");
}

.network-soin {
	background-image: url("img/nw_soin_white.png");
}

.wp-night-mode-on .network-formation {
	background-image: url("img/nw_formation_black.png");
}

.wp-night-mode-on .network-association {
	background-image: url("img/nw_association_black.png");
}

.wp-night-mode-on .network-relation {
	background-image: url("img/nw_relation_black.png");
}

.wp-night-mode-on .network-soin {
	background-image: url("img/nw_soin_black.png");
}

#network td:last-child {
	word-break: break-all;
}

#network td:nth-child(2) {
	padding-right: 60px;
	width: calc(100% / 5 * 2);
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.page-template-template-guide-feedback .introduction {
	margin-bottom: 1.6em;
}

.wpcf7-not-valid-tip {
  padding-top: 0.5em;
}

.grecaptcha-badge {	
	opacity: 0;
}

#menu-guide-expand-two a {
	transition: all .4s ease;
}

button.is-search-submit {
	transition: all .4s ease;
}

input.wpcf7-submit,
.guide-recherche .is-search-icon {
	transition: all .4s ease;
}

input.wpcf7-submit:hover, 
.guide-recherche .is-search-icon:hover {
	background: var(--text-color) !important;
	color: var(--background-color);
}

.guide-recherche .is-form-style .is-search-submit .is-search-icon:hover path {
  fill: var(--background-color);
}

#button-mode,
#info-mode,
.wpnm-button {
	float: right;
}

#button-mode {
	width: auto;
}

#info-mode,
#button-mode {
	width: auto;
	margin-right: 0.7em;
}

#info-mode {
	transition: all .4s ease;
	opacity: 0;
}

#nb-mode,
.wp-night-mode-on #color-mode {
	display: none;
}

.wp-night-mode-on #nb-mode,
#color-mode {
	display: inline;
}

.wpnm-button {
	top: 0 !important;
}

h2.no-orphelin {
	display: none;
}

.carousel-cell.mobile {
	display: none;
}

#question-cards .question-card.mobile {
	display: none;
}

.wp-night-mode-on #cookie-notice .cookie-notice-container {
    background-color: #c8c8c7;
}

.wp-night-mode-on #cn-notice-text {
    color: var(--text-color) !important;
}

.wp-night-mode-on #cookie-notice .cn-button {
    background-color: var(--text-color) !important;
}

#remerciements_1 p,
#remerciements_2 p,
#remerciements_3 p {
	margin: 0;
}

#remerciements_1 {
	width: calc(100% / 3 - 25px);
	margin-top: 100px;
	float: left;
}

#remerciements_2 {
	width: calc(100% / 3 - 25px);
	margin-top: 100px;
	margin-left: calc(75px / 2);
	margin-right: calc(75px / 2);
	float: left;
}

#remerciements_3 {
	width: calc(100% / 3 - 25px);
	margin-top: 100px;
	float: right;
}





























@media only screen and (max-width : 1450px) {

.single-question h2.orphelin {
	display: none;
}

.single-question h2.no-orphelin {
	display: block;
}
	
}

@media only screen and (max-width : 1300px) {
	
.question-card {
	width: calc(100% / 3);
}
	
}

@media only screen and (max-width : 1150px) {
	
:root {
	--width-card: 216px;
	--height-card: calc(var(--width-card) / 325 * 488);
	--h1-size: 16px;
	--h2-size: 53px;
	--h3-size: 24px;
	--h4-size: 24px;
}
	
section {
	padding-top: 120px;
}

.carousel-cell.screen {
	display: none;
}

.carousel-cell.mobile {
	display: block;
}
	
}

@media only screen and (max-width : 900px) {

#big-card {
	margin-left: -50%;
}
	
}


@media only screen and (max-width : 750px) {

:root {
	--width-card: 193px;
	--height-card: calc(var(--width-card) / 325 * 488);
	--h1-size: 15px;
	--h2-size: 35px;
	--h3-size: 20px;
	--h4-size: 21px;
}

h4 {
	letter-spacing: normal;
	line-height: 1.2em;
}

.back h4 {
	letter-spacing: normal;
}

#info-mode,
.main-carousel {
	display: none;
}

.main-carousel-mobile {
	display: block;
}

#menu-left {
	width: 125px;
}

header, 
#content, 
footer, 
#reponse-content, 
#menu-guide-expand-two, 
#menu-guide-close {
	width: calc(100% - 20px);
	padding: 10px;
}

#menu-left {
	right: 10px;
	top: 10px;
}

.flickity-prev-next-button.previous {
	left: 10px;
}

.flickity-prev-next-button.next {
	right: 10px;
}

footer {
	padding: 20px 0px 10px 0;
}

h3.intro-site, 
.guide-recherche h3,
.reponse-left h3 {
	padding-right: 0;
}

#logo_partners img {
	height: 50px;
}

#logo_partners img.egalite {
	height: 35px;
	padding: calc(15px / 2);
	padding-left: 10px;
}

.axe {
	padding-right: 2.6em;
	background-size: 28px !important;
}

.axe {
	opacity: 0.35;
}

.question-card {
    width: calc(100% / 2);
}

#question-cards {
	margin-top: 50px;
}

#question-cards .question-card.screen {
	display: none;
}

#question-cards .question-card.mobile {
	display: block;
}

#reponse {
	margin-top: 45px;
}

.reponse-left {
  width: 100%;
  padding-right: 0;
  float: none;
}

p, .reponse-left ul {
  margin-right: 0;
}

.reponse-right {
  width: 100%;
  padding-left: 0;
  float: none;
}

#big-card {
 display: none;
}

.reponse-right.sources{
margin-top: 55px;
}
	
#reponse ol li {
  margin-left: 2em;
}

.addtoany_shortcode,
#reponse .reponse-right ul li {
  margin-left: 2em;
}

#content.guide-recherche {
  margin-top: 0;
}

.page-template-template-guide-feedback form p {
  margin: 0;
}

.page-template-template-guide-feedback .introduction {
  margin-bottom: 0;
}

.guide-recherche h3 {
  margin-top: 0;
}

.page-template-template-guide-feedback select {
  width: 100%;
}

textarea.wpcf7-form-control {
  width: 80vw;
}

input.wpcf7-submit {
  margin-top: 0.8em !important;
}

#network td:first-child {
  background: none;
}

#network td:first-child, 
#network th:first-child {
  padding-left: 0;
}

#network td:nth-child(3), 
#network th:nth-child(3),
#network td:nth-child(4), 
#network th:nth-child(4) {
	display: none;
}

#network td, #network th {
  padding-right: 10px !important;
}

#contact {
  width: 100%;
}

#remerciements_1,
#remerciements_2,
#remerciements_3 {
	width: 100%;
	margin: 0;
}

#remerciements_1 {
	margin-top: 55px;
}
	
}









@media only screen and (max-width : 450px) {

:root {
	--width-card: 170px;
	--height-card: calc(var(--width-card) / 325 * 488);
	--h3-size: 18px;
	--h4-size: 19px;
}

}








































































































	
	
	


/* A laisse en bas du CSS */	

.addtoany_shortcode .a2a_kit a svg path {
	fill: var(--text-color);
}​