/*!	
	////////////////////////////////////////////////////
	//
	//  Styles CSS Layout
	//  
	////////////////////////////////////////////////////
	
	* @package Agence
	* @author Betti Corentin
	* @version 1.0.0
	* @copyright 2021 - Gefigram EURL
	
!*/

/* > NORMALIZE
-------------------------------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, 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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, main, nav, section { display: block; }
body { line-height: 1; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, 
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* For IE */
main { display: block }

*,
*::before,
*::after,
*:focus {
 	-webkit-box-sizing: border-box;
 	        box-sizing: border-box;
	outline: none;
}

ul { list-style: none; }
ul li { list-style:none }

a { color:inherit; text-decoration:none; }
a img { border:none; }
i, em { font-style:italic; }
b, strong { font-weight:bolder; }

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }

/* hack placeholder */
::-webkit-input-placeholder { color:inherit; /*text-transform: uppercase;*/ }
:-webkit-input-placeholder { color:inherit; /*text-transform: uppercase;*/ }
::-moz-placeholder { color:inherit; opacity:1; /*text-transform: uppercase;*/ }
:-ms-input-placeholder { color:inherit; /*text-transform: uppercase;*/ }
input[placeholder] { color:inherit; /*text-transform: uppercase;*/ }

button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
[role=button] { cursor: pointer; }
select { word-wrap: normal; }

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) { cursor: pointer; }

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

iframe { border: 0; }

[hidden] { display: none !important; }

body {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.left { float: left; }
.right { float: right; }

label.floated-label span {
	width: 40%;
	max-width: 40%;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* > CONTAINER FLEXBOX
/* -------------------------------------------------------------------------------------------------------------------------------- */

.container,
.content_block {
	padding: 3% 0;
}
.container .row,
.content_block .row,
.container .content_flex,
.content_block .content_flex {
	padding: 0 20px;
	max-width: 1320px;
	margin: 0 auto;
}

.container .row,
.content_block .row,
.content_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.wrap,
.row.wrap,
.content_flex.wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.nowrap,
.row.nowrap,
.content_flex.nowrap {
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}
.wrap-reverse,
.row.wrap-reverse,
.content_flex.wrap-reverse {
	-ms-flex-wrap: wrap-reverse;
	    flex-wrap: wrap-reverse;
}

/* > flexbox > alignements */
.flex-center {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.flex-left {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}
.flex-right {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.flex-between {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.flex-around {
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}
.align-center {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.align-top {
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.align-bottom {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
.align-stretch {
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
.self-center {
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
}
.self-top {
	-ms-flex-item-align: start;
	    align-self: flex-start;
}
.self-bottom {
	-ms-flex-item-align: end;
	    align-self: flex-end;
}
.self-stretch {
	-ms-flex-item-align: stretch;
	    -ms-grid-row-align: stretch;
	    align-self: stretch;
}

/* > flexbox > order */
.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.order-0 {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.order-1 {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
.order-2 {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}
.order-3 {
	-webkit-box-ordinal-group: 4;
	    -ms-flex-order: 3;
	        order: 3;
}
.order-4 {
	-webkit-box-ordinal-group: 5;
	    -ms-flex-order: 4;
	        order: 4;
}
.order-5 {
	-webkit-box-ordinal-group: 6;
	    -ms-flex-order: 5;
	        order: 5;
}
.order-last {
	-webkit-box-ordinal-group: 100;
	    -ms-flex-order: 99;
	        order: 99;
}

.wp20  { width: 20% }         
.wp25  { width: 25% }         
.wp30  { width: 30% }
.wp33  { width: 33.333% }
.wp40  { width: 40% }         
.wp50  { width: 50% }         
.wp60  { width: 60% }         
.wp66  { width: 66.666% }
.wp70  { width: 70% }
.wp75  { width: 75% }         
.wp80  { width: 80% }
.wp100 { width: 100%; }

.offset20 { margin-left: 20%; }
.offset25 { margin-left: 25%; }
.offset30 { margin-left: 30%; }
.offset33 { margin-left: 16.666%; }
.offset40 { margin-left: 40%; }
.offset50 { margin-left: 50%; }
.offset60 { margin-left: 60%; }
.offset66 { margin-left: 66.666%; }
.offset70 { margin-left: 70%; }
.offset75 { margin-left: 75%; }
.offset80 { margin-left: 80%; }

.content_flex .wp20,
.content_flex .wp25,
.content_flex .wp30,
.content_flex .wp33,
.content_flex .wp40,
.content_flex .wp50,
.content_flex .wp60,
.content_flex .wp66,
.content_flex .wp70,
.content_flex .wp75,
.content_flex .wp80,
.content_flex .wp100 {
	padding: 20px;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}

/* xlg : large srceen */
@media (min-width: 1280px) {
	
}

/* lg : large srceen */
@media (max-width: 980px) {
	
	.container .row,
	.container .content_flex {
		max-width: 860px;
	}
	
	.wp20  { width: 33.333% }
	.wp30  { width: 33.333% }
	.wp70  { width: 66.666% }
	.wp80  { width: 100% 	}
	
	.offset20 { margin-left: 0; }	
	.offset30 { margin-left: 33.333%; }
	.offset70 { margin-left: 66.666%; }
	.offset80 { margin-left: 66.666%; }
	
}

/* md : medium srceen */
@media (max-width: 860px) {
	
	.container .row,
	.container .content_flex {
		max-width: 780px;
	}
	
	.wp25  { width: 50% }
	.wp40  { width: 50% }
	.wp60  { width: 50% }
	.wp75  { width: 100% }
	
	.offset25 { margin-left: 0;   }	
	.offset40 { margin-left: 50%; }
	.offset60 { margin-left: 50%; }
	.offset75 { margin-left: 50%; }
	
	.order-md-first {
	  -webkit-box-ordinal-group: 0;
	      -ms-flex-order: -1;
	          order: -1;
	}
	.order-md-0 {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.order-md-1 {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.order-md-2 {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.order-md-3 {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.order-md-4 {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.order-md-5 {
		-webkit-box-ordinal-group: 6;
		    -ms-flex-order: 5;
		        order: 5;
	}
	.order-md-last {
		-webkit-box-ordinal-group: 100;
		    -ms-flex-order: 99;
		        order: 99;
	}

}

/* smd : medium small srceen */
@media (max-width: 740px) {
	
	.container .row,
	.content_block .row,
	.container .content_flex,
	.content_block .content_flex {
		padding: 0 15px;
	}
	
	.wp30  { width: 50% }
	.wp33  { width: 50% }
	.wp66  { width: 100% }
	.wp70  { width: 100% }
 
	.offset30 { margin-left: 50%; }
	.offset33 { margin-left: 50%; }
	.offset66 { margin-left: 50%; }
	.offset70 { margin-left: 50%; }
	
	.content_flex .wp20,
	.content_flex .wp25,
	.content_flex .wp30,
	.content_flex .wp33,
	.content_flex .wp40,
	.content_flex .wp50,
	.content_flex .wp60,
	.content_flex .wp66,
	.content_flex .wp70,
	.content_flex .wp75,
	.content_flex .wp80,
	.content_flex .wp100 {
		padding: 15px;
	}
		
}

/* sm : small srceen */
@media (max-width: 580px) {
	
	.container .row,
	.container .content_flex {
		max-width: 540px;
	}
	
	.wp20  { width: 100% }
	.wp30  { width: 100% }
	.wp33  { width: 100% }
	.wp40  { width: 100% }         
	.wp50  { width: 100% }         
	.wp60  { width: 100% }

	.offset30 { margin-left: 0; }
	.offset33 { margin-left: 0; }
	.offset40 { margin-left: 0; }
	.offset50 { margin-left: 0; }
	.offset60 { margin-left: 0; }
	.offset66 { margin-left: 0; }
	.offset70 { margin-left: 0; }
	
	.order-sm-first {
	  -webkit-box-ordinal-group: 0;
	      -ms-flex-order: -1;
	          order: -1;
	}
	.order-sm-0 {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.order-sm-1 {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.order-sm-2 {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.order-sm-3 {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.order-sm-4 {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.order-sm-5 {
		-webkit-box-ordinal-group: 6;
		    -ms-flex-order: 5;
		        order: 5;
	}
	.order-sm-last {
		-webkit-box-ordinal-group: 100;
		    -ms-flex-order: 99;
		        order: 99;
	}
	
}

/* xsm : very small */
@media (max-width: 380px) {
	
	.container .row,
	.container .content_flex {
		max-width: 360px;
	}
	
	.wp20  { width: 100% }
	.wp25  { width: 100% }

	.offset20 { margin-left: 0; }
	.offset25 { margin-left: 0; }

}

/* > 	Structure des "tables" blocks ----------- */
.table { 
	display: table;
	padding: 0 20px;
	width:100%;
}
.table-row {
	display:table-row;
	max-width:none;
	width:auto;
}
.table-cell,
.table .wp25,
.table .wp33, 
.table .wp50, 
.table .wp66, 
.table .wp75,
.table .wp100 {
	display: table-cell;
	padding: 20px
}

@media (max-width: 740px) {
	
	.table,
	.table .table-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.table {
		padding: 0 15px;
	}
	.table-cell {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.table .wp25,
	.table .wp33, 
	.table .wp50, 
	.table .wp66, 
	.table .wp75,
	.table .wp100 {
		display: block;
		padding: 15px
	}
	
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* > ELEMENTS
/* -------------------------------------------------------------------------------------------------------------------------------- */

#breadcrumb { 
	padding: 20px 0;
	font-size: .75em; 
	text-align: center;
}
#breadcrumb ul { 
	max-width: 1320px; 
	margin:0 auto 
}
#breadcrumb li { 
	display: inline; 
	list-style: none;
}
#breadcrumb li:before { 
	content:"| ";
	vertical-align:middle;
	display:inline-block;
	margin:-2px 5px;
	color: #b63918;
}
#breadcrumb li:first-child:before {  content:""; display: none}
#breadcrumb li a 	   { text-decoration: none; }
#breadcrumb li a:hover { text-decoration: underline; }

@media (max-width: 580px) {
	#breadcrumb { display: none }
}

/* >>> Display ------------------------------------ */

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.hide { display: none; }

.d-block { display: block; }
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.d-inline-block { display: inline-block; }

/* lg : large srceen */
@media (max-width: 980px) {
	
	.hide-lg { display: none }
	
	.d-lg-block 		{ display: block; }
	.d-lg-flex  		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
	.d-lg-inline-block 	{ display: block; }
}

/* md : medium srceen */
@media (max-width: 860px) {
	
	.hide-md { display: none }
	
	.d-md-block 		{ display: block; }
	.d-md-flex  		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
	.d-md-inline-block 	{ display: block; }
}

/* smd : medium small srceen */
@media (max-width: 740px) {
	
	.hide-smd { display: none }
	
	.d-smd-block 		{ display: block; }
	.d-smd-flex  		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
	.d-smd-inline-block { display: block; }
	
}

/* sm : small srceen */
@media (max-width: 580px) {
	
	.hide-sm { display: none }
	
	.d-sm-block 		{ display: block; }
	.d-sm-flex  		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
	.d-sm-inline-block 	{ display: block; }
	
}

/* xsm : very small srceen */
@media (max-width: 380px) {
	
	.hide-xsm { display: none }
	
	.d-xsm-block 		{ display: block; }
	.d-xsm-flex  		{ display: -webkit-box; display: -ms-flexbox; display: flex; }
	.d-xsm-inline-block { display: block; }
	
}

.relative { position: relative; }

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}
.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* > UTILS
/* -------------------------------------------------------------------------------------------------------------------------------- */

/* >>> Figures and Thumbnails ------------------------------------ */
.fig_background {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.fig_background img { display: none }

.icon-left { 
	vertical-align: middle; 
	margin-right: 5px; 
}
.icon-right { 
	vertical-align: middle; 
	margin-left: 5px; 
}

figure.img-fit,
.object-fit-container {
	-webkit-align-self: stretch;
	    -ms-flex-item-align: stretch;
	            -ms-grid-row-align: stretch;
	        align-self: stretch;
}
figure.img-fit img,
.object-fit-container img {
	width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover; object-position: center;';
}


/* > contenu editables */
.edit_content figure img {
	display: block; 
	max-width: 100%; 
	margin: 0 auto; 
}

.empty-content {
	padding: 10% 20px;
	text-align: center;
	margin: 0 auto
}

/* >	tableau --------------------- */
.edit_content table {
	margin:0 auto;
	max-width:930px;
	width:100%;
}
.edit_content table th,
.edit_content table td {
	padding:10px;
	text-align:center;
	font-size:14px;
}
.edit_content table tr th:first-child,
.edit_content table tr td:first-child { text-align:left; }
.edit_content table th { font-weight:bold; }

/* >	Formulaires ------------------- */
.error_output,
.valid_output {
	padding: 20px; 
	text-align: center;
	margin: 0 0 1em
}
.error_output p,
.valid_output p { margin: 0 }
.error_output p em { display:none }
#fillme { display:none }

label { 
	padding: 5px 0;
    display: block;
	margin: 0;
}

select,
input[type='tel'],
input[type='text'],
input[type='email'],
input[type='password'] {
	display: block;
	font-size: 14px;
	border: 0;
	background-color: transparent;
	border-bottom: 1px solid #171b1e;
	height: 33px; 
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 20px;
	-webkit-transition: border-color .3s, background-color .3s, color .3s, -webkit-box-shadow .3s;
	transition: border-color .3s, background-color .3s, color .3s, -webkit-box-shadow .3s;
	-o-transition: border-color .3s, background-color .3s, box-shadow .3s, color .3s;
	transition: border-color .3s, background-color .3s, box-shadow .3s, color .3s;
	transition: border-color .3s, background-color .3s, box-shadow .3s, color .3s, -webkit-box-shadow .3s;
}
textarea {
	display: block;
	font-size: 14px;
	background-color: transparent;
	border: 1px solid #171b1e;
	height: 33px; 
	width: 100%;
	padding: 5px 10px;
	margin-bottom: 20px;
	-webkit-transition: border-color .3s, background-color .3s, color .3s, -webkit-box-shadow .3s;
	transition: border-color .3s, background-color .3s, color .3s, -webkit-box-shadow .3s;
	-o-transition: border-color .3s, background-color .3s, box-shadow .3s, color .3s;
	transition: border-color .3s, background-color .3s, box-shadow .3s, color .3s;
	transition: border-color .3s, background-color .3s, box-shadow .3s, color .3s, -webkit-box-shadow .3s;
}
label p {
	text-transform: uppercase;
	font-size: 14px;
	color: #6a4337;
}
select:hover,
textarea:hover,
input[type='tel']:hover,
input[type='text']:hover,
input[type='email']:hover,
input[type='password']:hover {
	border-color: #000
}
select:focus,
textarea:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
	outline: none;
	border-color: #000;
	-webkit-box-shadow: #000 0 0 5px;
	        box-shadow: #000 0 0 5px;
}
label select { padding:0 10px; }
label textarea { height:auto; min-height:120px; }

label.floated-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0 0 1em;
	align-items: center;
}
label.floated-label > span,
label.floated-label .label-legend {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
label.floated-label select,
label.floated-label input,
label.floated-label textarea {
   	width: 60%;
	max-width: 60%;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
}

label.inline-label {
    display: inline-block;
    margin-right: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}
label.inline-label select,
label.inline-label input,
label.inline-label textarea {
    display: inline-block;
	margin-right:10px;
}
span.inline-label {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px; width:50%;
}

textarea:hover,
select:hover,
input:hover { border-color:#000 }
textarea:focus,
select:focus,
input:focus {
	outline: none;
	border-color: #000;
	-webkit-box-shadow: #000 0 0 5px;
	        box-shadow: #000 0 0 5px;
}

@media screen and (min-width: 1200px) {
	
	label.floated-label select,
	label.floated-label input,
	label.floated-label textarea { width: 60%; }
	label.floated-label > span,
	label.floated-label .label-legend { width: 40%; }
	span.inline-label { width:50%; }
}

@media (max-width: 580px) {
	
	label.floated-label {
		-ms-flex-wrap: wrap;

		    flex-wrap: wrap;
	}
	label.floated-label select,
	label.floated-label input,
	label.floated-label textarea { 
		width: 100%;
		margin: .5em 0 0;
	}
	
}

.unmaskable-pass { position: relative; }
.unmaskable-pass_button {
	position: absolute;
	display: block;
	top: 50%; right: 10px;
	width: 24px; height: 24px;
	/*background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' fill='%23666666'%3E%3Cpath d='M12.01 20c-5.065 0-9.586-4.211-12.01-8.424 2.418-4.103 6.943-7.576 12.01-7.576 5.135 0 9.635 3.453 11.999 7.564-2.241 4.43-6.726 8.436-11.999 8.436zm-10.842-8.416c.843 1.331 5.018 7.416 10.842 7.416 6.305 0 10.112-6.103 10.851-7.405-.772-1.198-4.606-6.595-10.851-6.595-6.116 0-10.025 5.355-10.842 6.584zm10.832-4.584c2.76 0 5 2.24 5 5s-2.24 5-5 5-5-2.24-5-5 2.24-5 5-5zm0 1c2.208 0 4 1.792 4 4s-1.792 4-4 4-4-1.792-4-4 1.792-4 4-4z'/%3E%3C/svg%3E");*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23747474'%3E%3Cpath d='M15 12c0 1.654-1.346 3-3 3s-3-1.346-3-3 1.346-3 3-3 3 1.346 3 3zm9-.449s-4.252 8.449-11.985 8.449c-7.18 0-12.015-8.449-12.015-8.449s4.446-7.551 12.015-7.551c7.694 0 11.985 7.551 11.985 7.551zm-7 .449c0-2.757-2.243-5-5-5s-5 2.243-5 5 2.243 5 5 5 5-2.243 5-5z'/%3E%3C/svg%3E");
	margin-top: -12px;
	cursor: pointer;
	opacity: 0.5;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.unmaskable-pass_button:hover { opacity: 1; }
.unmaskable-pass.unmasked .unmaskable-pass_button {
	/*background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' fill='%23666666'%3E%3Cpath d='M8.137 15.147c-.71-.857-1.146-1.947-1.146-3.147 0-2.76 2.241-5 5-5 1.201 0 2.291.435 3.148 1.145l1.897-1.897c-1.441-.738-3.122-1.248-5.035-1.248-6.115 0-10.025 5.355-10.842 6.584.529.834 2.379 3.527 5.113 5.428l1.865-1.865zm6.294-6.294c-.673-.53-1.515-.853-2.44-.853-2.207 0-4 1.792-4 4 0 .923.324 1.765.854 2.439l5.586-5.586zm7.56-6.146l-19.292 19.293-.708-.707 3.548-3.548c-2.298-1.612-4.234-3.885-5.548-6.169 2.418-4.103 6.943-7.576 12.01-7.576 2.065 0 4.021.566 5.782 1.501l3.501-3.501.707.707zm-2.465 3.879l-.734.734c2.236 1.619 3.628 3.604 4.061 4.274-.739 1.303-4.546 7.406-10.852 7.406-1.425 0-2.749-.368-3.951-.938l-.748.748c1.475.742 3.057 1.19 4.699 1.19 5.274 0 9.758-4.006 11.999-8.436-1.087-1.891-2.63-3.637-4.474-4.978zm-3.535 5.414c0-.554-.113-1.082-.317-1.562l.734-.734c.361.69.583 1.464.583 2.296 0 2.759-2.24 5-5 5-.832 0-1.604-.223-2.295-.583l.734-.735c.48.204 1.007.318 1.561.318 2.208 0 4-1.792 4-4z'/%3E%3C/svg%3E");*/
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23747474'%3E%3Cpath d='M11.885 14.988l3.104-3.098.011.11c0 1.654-1.346 3-3 3l-.115-.012zm8.048-8.032l-3.274 3.268c.212.554.341 1.149.341 1.776 0 2.757-2.243 5-5 5-.631 0-1.229-.13-1.785-.344l-2.377 2.372c1.276.588 2.671.972 4.177.972 7.733 0 11.985-8.449 11.985-8.449s-1.415-2.478-4.067-4.595zm1.431-3.536l-18.619 18.58-1.382-1.422 3.455-3.447c-3.022-2.45-4.818-5.58-4.818-5.58s4.446-7.551 12.015-7.551c1.825 0 3.456.426 4.886 1.075l3.081-3.075 1.382 1.42zm-13.751 10.922l1.519-1.515c-.077-.264-.132-.538-.132-.827 0-1.654 1.346-3 3-3 .291 0 .567.055.833.134l1.518-1.515c-.704-.382-1.496-.619-2.351-.619-2.757 0-5 2.243-5 5 0 .852.235 1.641.613 2.342z'/%3E%3C/svg%3E");
}

/* >	Pagination ---------------------- */
.pagination {
	padding: 20px;
	margin: 0 auto;
	max-width: 1320px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
}
.pagination li { }
.pagination li a {
	line-height: 38px;
	display: inline-block;
	vertical-align: middle;
	width: 38px; height: 38px;
	border: #fff 1px solid;
	-webkit-transition: border-color .3s, background-color .3s, color .3s;
	-o-transition: border-color .3s, background-color .3s, color .3s;
	transition: border-color .3s, background-color .3s, color .3s;
}
.pagination .pag-prev,
.pagination .pag-next {
	-webkit-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
.pagination .pag-prev a,
.pagination .pag-next a { }
.pagination .pag-prev:hover,
.pagination .pag-next:hover { opacity: 1 }
.pagination .pag-prev svg,
.pagination .pag-next svg {
	width: 20px;
	height: 20px;
	margin: 9px;
	fill: #b0b0b0;
	vertical-align: middle;
	-webkit-transition: fill .3s;
	-o-transition: fill .3s;
	transition: fill .3s;
}
.pagination .pag-prev.disabled,
.pagination .pag-next.disabled { visibility:hidden }

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* > PLACEMNTS
/* -------------------------------------------------------------------------------------------------------------------------------- */

/* > Break hauteur -------------------------- */
.hspace    { height: 10vw; }
.hspace_10 { height: 10px; }
.hspace_20 { height: 20px; }
.hspace_30 { height: 30px; }
.hspace_50 { height: 50px; }

/* > Margin --------------------------------- */
.marg0    { margin:0; }

.margt0 { margin-top: 0 }
.margt1 { margin-top: 0.25rem }
.margt2 { margin-top: 0.5rem }
.margt3 { margin-top: 1rem }
.margt4 { margin-top: 1.5rem }
.margt5 { margin-top: 3rem }

.margb0 { margin-bottom: 0 }
.margb1 { margin-bottom: 0.25rem }
.margb2 { margin-bottom: 0.5rem }
.margb3 { margin-bottom: 1rem }
.margb4 { margin-bottom: 1.5rem }
.margb5 { margin-bottom: 3rem }

.margTB0 { margin-top: 0; margin-bottom: 0 }
.margTB1 { margin-top: 0.25rem; margin-bottom: 0.25rem }
.margTB2 { margin-top: 0.5rem; margin-bottom: 0.5rem }
.margTB3 { margin-top: 1rem; margin-bottom: 1rem }
.margTB4 { margin-top: 1.5rem; margin-bottom: 1.5rem }
.margTB5 { margin-top: 3rem; margin-bottom: 3rem }

.margl0 { margin-left: 0 }
.margl1 { margin-left: 0.25rem }
.margl2 { margin-left: 0.5rem }
.margl3 { margin-left: 1rem }
.margl4 { margin-left: 1.5rem }
.margl5 { margin-left: 3rem }

.margr0 { margin-right: 0 }
.margr1 { margin-right: 0.25rem }
.margr2 { margin-right: 0.5rem }
.margr3 { margin-right: 1rem }
.margr4 { margin-right: 1.5rem }
.margr5 { margin-right: 3rem }

.margLR0 { margin-left: 0; margin-right: 0 }
.margLR1 { margin-left: 0.25rem; margin-right: 0.25rem }
.margLR2 { margin-left: 0.5rem; margin-right: 0.5rem }
.margLR3 { margin-left: 1rem; margin-right: 1rem }
.margLR4 { margin-left: 1.5rem; margin-right: 1.5rem }
.margLR5 { margin-left: 3rem; margin-right: 3rem }

.margauto { margin-left: auto; margin-right: auto; }

/* > Padding --------------------------------- */
.pad0    { padding:0; }
.pad10   { padding:10px; }
.pad15   { padding:15px; }
.pad20   { padding:20px; }
.pad30   { padding:30px; }
.pad40   { padding:40px; }

.padt0   { padding-top:0; }
.padt10  { padding-top:10px; }
.padt15  { padding-top:15px; }
.padt20  { padding-top:20px; }
.padt30  { padding-top:30px; }
.padt50  { padding-top:50px; }

.padl0   { padding-left:0; }
.padl10  { padding-left:10px; }
.padl15  { padding-left:15px; }
.padl20  { padding-left:20px; }
.padl30  { padding-left:30px; }
.padl50  { padding-left:50px; }

.padr0   { padding-right:0; }
.padr10  { padding-right:10px; }
.padr15  { padding-right:15px; }
.padr20  { padding-right:20px; }
.padr30  { padding-right:30px; }
.padr50  { padding-right:50px; }

.padb0   { padding-bottom:0; }
.padb10  { padding-bottom:10px; }
.padb15  { padding-bottom:15px; }
.padb20  { padding-bottom:20px; }
.padb30  { padding-bottom:30px; }
.padb50  { padding-bottom:50px; }

.padLR0  { padding-left:0; padding-right:0 }
.padLR10 { padding-left:10px; padding-right:10px }
.padLR15 { padding-left:15px; padding-right:15px }
.padLR20 { padding-left:20px; padding-right:20px }
.padLR30 { padding-left:30px; padding-right:30px }
.padLR40 { padding-left:40px; padding-right:40px }

.padTB0  { padding-top:0; padding-bottom:0 }
.padTB10 { padding-top:10px; padding-bottom:10px }
.padTB15 { padding-top:15px; padding-bottom:15px }
.padTB20 { padding-top:20px; padding-bottom:20px }
.padTB30 { padding-top:30px; padding-bottom:30px }
.padTB40 { padding-top:40px; padding-bottom:40px }

.pad0    { padding:0; }

.padt0 { padding-top: 0 }
.padt1 { padding-top: 0.25rem }
.padt2 { padding-top: 0.5rem }
.padt3 { padding-top: 1rem }
.padt4 { padding-top: 1.5rem }
.padt5 { padding-top: 3rem }

.padb0 { padding-bottom: 0 }
.padb1 { padding-bottom: 0.25rem }
.padb2 { padding-bottom: 0.5rem }
.padb3 { padding-bottom: 1rem }
.padb4 { padding-bottom: 1.5rem }
.padb5 { padding-bottom: 3rem }

.padLR0 { padding-top: 0; padding-bottom: 0 }
.padLR1 { padding-top: 0.25rem; padding-bottom: 0.25rem }
.padLR2 { padding-top: 0.5rem; padding-bottom: 0.5rem }
.padLR3 { padding-top: 1rem; padding-bottom: 1rem }
.padLR4 { padding-top: 1.5rem; padding-bottom: 1.5rem }
.padLR5 { padding-top: 3rem; padding-bottom: 3rem }

.padl0 { padding-left: 0 }
.padl1 { padding-left: 0.25rem }
.padl2 { padding-left: 0.5rem }
.padl3 { padding-left: 1rem }
.padl4 { padding-left: 1.5rem }
.padl5 { padding-left: 3rem }

.padr0 { padding-right: 0 }
.padr1 { padding-right: 0.25rem }
.padr2 { padding-right: 0.5rem }
.padr3 { padding-right: 1rem }
.padr4 { padding-right: 1.5rem }
.padr5 { padding-right: 3rem }

.padTB0 { padding-left: 0; padding-right: 0 }
.padTB1 { padding-left: 0.25rem; padding-right: 0.25rem }
.padTB2 { padding-left: 0.5rem; padding-right: 0.5rem }
.padTB3 { padding-left: 1rem; padding-right: 1rem }
.padTB4 { padding-left: 1.5rem; padding-right: 1.5rem }
.padTB5 { padding-left: 3rem; padding-right: 3rem }


/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > font-weight ------------------------------------------------ */
.fw-300     { font-weight: 300; }
.fw-400     { font-weight: 400; }
.fw-500     { font-weight: 500; }
.fw-600     { font-weight: 600; }
.fw-700     { font-weight: 700; }
.fw-900     { font-weight: 900; }
.fw-norm    { font-weight: normal; }
.fw-bold    { font-weight: bold;   }
.fs-italic  { font-style: italic;  }
.fs-norm    { font-style: normal;  }

/* > textes ------------------------------------------------------ */

.undernone 		{ text-decoration:none; }
.underline 		{ text-decoration:underline; }
.uppercase 		{ text-transform:uppercase; }
.lowercase 		{ text-transform:none; }

.text-justify   { text-align:justify; }
.text-center    { text-align:center; }
.text-right     { text-align:right; }
.text-left      { text-align:left; }

.text-overflow {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* > font-size --------------------------------------------------- */
.fs-11 { font-size:11px; }
.fs-12 { font-size:12px; }
.fs-13 { font-size:13px; }
.fs-14 { font-size:14px; }
.fs-15 { font-size:15px; }
.fs-16 { font-size:16px; }
.fs-18 { font-size:18px; }
.fs-20 { font-size:20px; }
.fs-24 { font-size:24px; }
.fs-28 { font-size:28px; }
.fs-30 { font-size:30px; }
.fs-32 { font-size:32px; }
.fs-36 { font-size:36px; }
.fs-40 { font-size:40px; }
.fs-46 { font-size:46px; }
.fs-50 { font-size:50px; }
.fs-60 { font-size:60px; }
.fs-72 { font-size:72px; }

/* > ANIMATIONS
-------------------------------------------------------------------------------------------------------------------------------- */

 html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
} 

/* TRANSITIONS ------------------------------------------------------------------- */
.transition {
    -webkit-transition:all .3s linear;
         -o-transition:all .3s linear;
            transition:all .3s linear;
}
.transition_color {
    -webkit-transition:color .3s linear;
         -o-transition:color .3s linear;
            transition:color .3s linear;
}
.transition_background {
    -webkit-transition:background .3s linear;
         -o-transition:background .3s linear;
            transition:background .3s linear;
}

.thumbnails { overflow:hidden }
.thumbnails > img {
	display:block; width:100%;
	-webkit-transition:transform .2s linear, opacity .2s linear;
	-o-transition:transform .2s linear, opacity .2s linear;
	-webkit-transition:opacity .2s linear, -webkit-transform .2s linear;
	transition:opacity .2s linear, -webkit-transform .2s linear;
	transition:transform .2s linear, opacity .2s linear;
	transition:transform .2s linear, opacity .2s linear, -webkit-transform .2s linear;
}
a:hover .thumbnails > img,
a.thumbnails:hover > img {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2);
	opacity:.4
}