@import url('modeles.css');

@font-face
{
	font-family: "times";
	src: url("../fonts/times-webfont.eot");
	src: url("../fonts/times-webfont.eot?#iefix") format("embedded-opentype"),
	url("../fonts/times-webfont.woff") format("woff"),
	url("../fonts/times-webfont.ttf") format("truetype"),
	url("../fonts/times-webfont.svg#times-webfont") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face
{
	font-family: "timesbd";
	src: url("../fonts/timesbd-webfont.eot");
	src: url("../fonts/timesbd-webfont.eot?#iefix") format("embedded-opentype"),
	url("../fonts/timesbd-webfont.woff") format("woff"),
	url("../fonts/timesbd-webfont.ttf") format("truetype"),
	url("../fonts/timesbd-webfont.svg#timesbd-webfont") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face
{
	font-family: "DESYREL";
	src: url("../fonts/DESYREL.eot");
	src: url("../fonts/DESYREL.eot?#iefix") format("embedded-opentype"),
	url("../fonts/DESYREL.woff") format("woff"),
	url("../fonts/DESYREL.ttf") format("truetype"),
	url("../fonts/DESYREL.svg#DESYREL") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face
{
	font-family: "Harabara";
	src: url("../fonts/Harabara.eot");
	src: url("../fonts/Harabara.eot?#iefix") format("embedded-opentype"),
	url("../fonts/Harabara.woff") format("woff"),
	url("../fonts/Harabara.ttf") format("truetype"),
	url("../fonts/Harabara.svg#Harabara") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face
{
	font-family: "ZAP";
	src: url("../fonts/ZAP.eot");
	src: url("../fonts/ZAP.eot?#iefix") format("embedded-opentype"),
	url("../fonts/ZAP.woff") format("woff"),
	url("../fonts/ZAP.ttf") format("truetype"),
	url("../fonts/ZAP.svg#ZAP") format("svg");
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face
{
	font-family: 'AvenirLTStd-Light';
	src: url('../fonts/AvenirLTStd-Light.eot');
	src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg'),
		url('../fonts/AvenirLTStd-Light.ttf') format('truetype'),
		url('../fonts/AvenirLTStd-Light.woff') format('woff'),
		url('../fonts/AvenirLTStd-Light.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face
{
	font-family: 'AvenirLTStd-Heavy';
	src: url('../fonts/AvenirLTStd-Heavy.eot');
	src: url('../fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg'),
		url('../fonts/AvenirLTStd-Heavy.ttf') format('truetype'),
		url('../fonts/AvenirLTStd-Heavy.woff') format('woff'),
		url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face
{
	font-family: 'AvenirLTStd-Black';
	src: url('../fonts/AvenirLTStd-Black.eot');
	src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg'),
		url('../fonts/AvenirLTStd-Black.ttf') format('truetype'),
		url('../fonts/AvenirLTStd-Black.woff') format('woff'),
		url('../fonts/AvenirLTStd-Black.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@font-face
{
	font-family: 'AvenirLTStd-LightOblique';
	src: url('../fonts/AvenirLTStd-LightOblique.eot');
	src: url('../fonts/AvenirLTStd-LightOblique.eot?#iefix') format('embedded-opentype'),
		url('../fonts/AvenirLTStd-LightOblique.svg#AvenirLTStd-LightOblique') format('svg'),
		url('../fonts/AvenirLTStd-LightOblique.ttf') format('truetype'),
		url('../fonts/AvenirLTStd-LightOblique.woff') format('woff'),
		url('../fonts/AvenirLTStd-LightOblique.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

*
{
	box-sizing: border-box;
	outline: none;
}
html,body
{
	height: 100%;
}
::-webkit-scrollbar
{
	width: 5px;
	height: 5px;
}
::-webkit-scrollbar-thumb
{
	background: #008890;
}
::-webkit-scrollbar-track
{
	background: #ddd;
}
hr
{
	background-color: #008890;
	height: 1px;
	border: 0;
	margin: 10px auto 20px auto;
	max-width: 300px;
}
.center
{
	text-align: center;
	justify-content: center;
}
.block
{
	display: block;
}
.left
{
	text-align: left;
}
.right
{
	text-align: right;
}
.small
{
	font-size: 11px;
}
.middle
{
	display: flex!important;
    align-items: center!important;
}
.middle.center
{
	justify-content: center!important;
}
.ok
{
	color: #1ABA16;
}
.nok
{
	color: #BA1616;
}
.info
{
	color: #1658BA;
}
.alert
{
	color: #FFAE00;
}
.avatar
{
	border-radius: 100%;
	width: 40px;
	height: 40px;
	border: 3px solid #FFF;
	box-shadow: 0 3px 5px rgba(0,0,0,0.2),inset 0 3px 5px rgba(0,0,0,0.1);
	background-color: #F1F1F1;
	background-image: url(../img/avatar.jpg);
	background-position: 50% 50%;
	background-size: cover;
}
.highlight-bg
{
	background-color: #e7e7e7;
}
.highlight-txt
{
	color: #008890;
}
/*.highlight-bg
{
	color: #FFF!important;
	background-color: #008890!important;
}
#app > nav .highlight-bg
{
	background-color: #E91286!important;
}
.highlight-bg h1,
.highlight-bg h2,
.highlight-bg h3
{
	color: #FFF;
}
.highlight-bg input[type='text'],
.highlight-bg input[type='password'],
.highlight-bg select
{
	background-color: #006C76;
	color: #FFF;
	border: 1px solid transparent;
}
.highlight-bg ::-webkit-input-placeholder {
    color: #C1C1C1;
}
.highlight-bg :-moz-placeholder {
   color: #C1C1C1;
   opacity: 1;
}
.highlight-bg ::-moz-placeholder {
   color: #C1C1C1;
   opacity: 1;
}
.highlight-bg :-ms-input-placeholder {
   color: #C1C1C1;
}
.highlight-bg ::-ms-input-placeholder {
   color: #C1C1C1;
}
.highlight-bg ::placeholder {
   color: #C1C1C1;
}

.highlight-bg fieldset > legend
{
	border-color: #FFF;
}
.highlight-bg input[type='text']:focus,
.highlight-bg input[type='password']:focus,
.highlight-bg select:focus
{
	border: 1px solid #0099A7;
}
.highlight-bg a
{
	color: #FFF;
}
.highlight-bg .button,
.highlight-bg button
{
	color: #0099A7;
	background-color: #FFF;
}
.highlight-bg .button:hover,
.highlight-bg button:hover
{
	background-color: #CCC;
}
.highlight-txt
{
	color: #008890;
}
#app.index table.tarifs th .highlight-txt
{
	color: #f9dd17;
}*/

.notification
{
	padding: 10px 20px;
    border-radius: 3px;
    color: #FFF;
    text-align: left;
    
    margin: 10px;
   /* max-width: 1400px;*/
}
.notification:before
{
    display: inline-block;
	font-size: 18px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.notification > span
{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 40px);
}
.notification > span a
{
	color: #FFF;
}
.notification.closable:after
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	content: "\f00d";
	font-size: 18px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.notification.absolute
{
	position:  absolute;
    top: 0;
    left: 0;
    right: 0;
}
.notification.validation
{
	background-color: #37bc9b;
}
.notification.validation:before
{
	content: "\f00c";
}
.notification.information
{
	background-color: #5D9CEC;
}
.notification.information:before
{
	content: "\f05a";
}
.notification.erreur
{
	background-color: #F05050;
}
.notification.erreur:before
{
	content: "\f06a";
}
.notification.alert
{
	background-color: #e1a119;
}
.notification.alert:before
{
	content: "\f071";
}
.notification.small
{
	padding: 2px 5px;
	font-size: 13px;
}
.notification.inline
{
	display: inline-block;
	width: initial!important;
}
.notification.inline > span
{
	width: initial!important;
}

.pastille
{
	position: relative;
	width: 65px;
	height: 65px;
	font-size: 25px;
	color: #FFF;
	background-color: #E91286;
	text-align: center;
	border-radius: 100%;
	box-shadow: 0 0 3px #000;

	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.pastille > span
{
	display: block;
	font-size: 12px;
	background-color: #FFF;
	box-shadow: 0 0 3px #000;
	color: #000;
	padding: 0 5px;
	white-space: nowrap;
}

.badge
{
	margin: 1px;
	display: inline-block;
	padding: 3px 10px;
    border-radius: 3px;
    background-color: #727272;
    color: #FFF;
	font-size: 12px;
}
.badge.validation
{
	background-color: #37bc9b;
}
.badge.information
{
	background-color: #5D9CEC;
}
.badge.erreur
{
	background-color: #F05050;
}
.badge.alert
{
	background-color: #e1a119;
}
.badge.autre
{
	background-color: #7237BC;
}
.badge.small
{
	padding: 0px 5px;
	font-size: 11px;
}
.badge.msa
{
	background-color: rgb(255 113 0 / 70%);
	color: #FFFFFF;
}

table
{
    border-collapse: collapse;
   
	margin: 0;
	padding: 0;
	width: 100%;
}
table > tbody > tr > td
{
	border: 1px solid #e6e6e6;
	padding: 5px;
	border-width: 1px;
}

ul.data-liste
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.data-liste > li
{
	position: relative;
	margin: 5px 0;
	padding: 0;
	
	padding-left: 10px;
}
ul.data-liste:not(.liste) > li
{
	border-left: 1px solid #008890;
}
ul.data-liste > li:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
}
ul.data-liste:not(.liste) > li:before
{
	border-top: 1px solid #008890;
}
ul.data-liste > li:after
{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5px;
}
ul.data-liste:not(.liste) > li:after
{
	border-bottom: 1px solid #008890;
}

ul.data-liste > li .button.add,
ul.data-liste > li .button.remove
{
	padding: 8px 10px 7px 10px;
}
ul.data-liste > li > *
{
    vertical-align: middle;
}

ul.filtres
{
	margin: 5px 0 10px;
	padding: 0;
	list-style: none;
}
ul.filtres > li
{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0 5px;
	border-left: 1px solid #CCC;
}
ul.filtres > li:first-child
{
	border: 0;
}
ul.filtres > li > a
{
	display: block;
	padding: 0 10px;
	color: #25282a;
}
ul.filtres > li.select > a
{
	color: #008890;
	font-weight: bold;
}
ul.filtres > li:first-child > a
{
	padding: 0 5px 0 0;
}

.filtres-categories > li > a
{
	width: 200px;
    height: 75px;
    background-color: #00868f!important;
}
.filtres-categories .filtre-nom
{
	position: absolute;
	z-index: 2;
	color: #FFF;
	padding: 5px 15px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #00868f;
}

ul.liste
{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.liste > li
{
	position: relative;
	margin: 1px;
	padding: 5px;
	border: 1px solid #e6e6e6;
	align-items: center;
	background-color: #F7F7F7;
}
ul.liste > li.header
{
	font-weight: bold;
}
ul.liste:not(.fixe) > li:not(.liste-header):not(.liste-footer):hover
{
	/*background-color: #FFFFFF;*/
	border: 1px solid #008890;
}
ul.liste > li.liste-header
{
	font-weight: bold;
}
ul.liste > li > div
{
	margin: 0;
	padding: 0 3px 0 0;
	vertical-align: middle;
}
ul.liste.separate > li > div:not(:first-child)
{
	border-left: 1px solid #CCC;
}
ul.liste.acordeon.separate > li > div:last-child
{
	border-left: 0;
}
ul.liste.acordeon > li > div:last-child
{
	display: none;
}
ul.liste.padding > li > div[class^='col-']
{
	padding: 5px;
}
ul.liste.acordeon > li div:not(.button) > i
{
	color: #008592;
}
ul.liste.acordeon .acordeon-hidden
{
    display: block;
	margin-top: 5px;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 232, 232)!important;
    width: 100%;
}
ul.liste > li .actions
{
	text-align: right;
}

ul.liste.sortable
{
	position: relative;
}
ul.liste.sortable .handle
{
	padding: 5px;
}
ul.liste.sortable input[name='positions[]']
{
	background-color: transparent;
	border: 0;
	padding: 0 5px;
	width: 35px;
}

.pagination a
{
	text-decoration: none;
}
.pagination form
{
	display: inline-block;
}
.pagination input
{
	text-align: center;
	width: 45px;
}

#loader
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
}
#loader > div,
.overlay
{
	display: flex;
    align-items: center;
    justify-content: center;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.9);
	z-index: 4;/**/
}
.pop-nav + .overlay
{
	top: 39px;
    left: 290px;
}
#loader > div > div,
.loader
{
	color: #008890;
	font-size: 90px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 45px;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
#loader > div > span,
.overlay > .loader + span
{
	position: absolute;
    max-width: 110px;
    text-align: center;
}
.loader.xs
{
	font-size: 10px;
	margin: 5px;
}
.loader.sm
{
	font-size: 30px;
	margin: 20px;
}
.loader.md
{
	font-size: 60px;
	margin: 30px;
}
.loader.lg
{
	font-size: 90px;
	margin: 45px;
}
.loader.center
{
	margin: 0 auto;
}

@-webkit-keyframes load6
{
	0%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}
@keyframes load6
{
	0%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38%
	{
		box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100%
	{
		box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
}
@-webkit-keyframes round
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes round
{
	0%
	{
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100%
	{
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

body
{
	margin: 0;
	padding: 0;

	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #1F1F1F;
}
h1,h2,h3
{
	display: block;
	margin: 5px 0 20px 0;
	padding: 0;
	font-weight: normal;
	color: #000;
}
h2
{
	margin: 0 0 20px 0;
}
h3
{
	margin: 5px 0 5px 0;
}
a
{
	color: #008890;
	cursor: pointer;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
	padding: 15px;
}


#alerts > div
{
	position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    z-index: 99999999;

    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(3px);
}
#alerts > div > div
{
	/*position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);*/

    position: relative;
	max-width: 90%;
    max-height: 90%;

}
#alerts > div > div > label
{
	display: block;
	margin: 0 auto;
    color: #FFF;
}
#alerts > div > div > a
{
	display: block;
}
#alerts > div > div > i
{
	/*position: absolute;
	right: 15px;
    top: 10px;
	color: #008890;
	cursor: pointer;*/

	position: absolute;
    right: -20px;
    top: -20px;
    color: #008890;
    cursor: pointer;
    background-color: #FFF;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 3px #000;
    transition: 200ms ease-in-out rotate, 200ms ease-in-out color;
    rotate: 0deg;
}
#alerts > div > div > i:hover
{
	rotate: 180deg;
	color: #000;
}
#alerts > div > div > a > img
{
	/*max-width: 100%;
	max-height: 100%;*/

	width: 100%;
}

#pop-img
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.8);
	cursor: pointer;
	z-index: 101;
}
#pop-img img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 90%!important;
	max-height: 80%!important;
	cursor: zoom-out;
	width: initial!important;
	height: initial!important;
}
#pop-img .pop-img-close
{
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 30px;
	cursor: pointer;
	color: #FFF;
}

img[rel='img']
{
	cursor: zoom-in;
}

/*Forms*/
fieldset
{
	margin: 0;
	padding: 0;
	border: 0;
}
fieldset.separator
{
	border-top: 1px solid #008890;
	text-align: center;
}
fieldset > legend
{
	display: block;
	padding: 10px 0 3px 0;
	margin: 0;
	width: 100%;
	/*border-top: 2px solid #008890;*/
	border-bottom: 1px solid #008890;
	font-weight: bold;
}
fieldset.separator > legend
{
	padding: 5px;
	border: 0;
	width: initial;
}
/*fieldset > legend > span
{
    display: inline-block;
    width: 130px;
    font-size: 14px;
    vertical-align: middle;
}
fieldset > legend > span + .input-checkbox
{
	display: inline-block;
    width: calc(100% - 130px);
    vertical-align: middle;
}*/
fieldset > ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
fieldset > ul > li
{
	display: block;
	margin: 0;
	padding: 5px 0;

	/*-2020-*/
	display: block;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #f7f7f7;
}
/*-2020-*/
fieldset > ul > li fieldset > ul > li
{
    border: 0!important;
}

fieldset > legend.closable
{
	cursor: pointer;
}
fieldset > legend.closable + ul
{
	display: none;
}
fieldset > legend.closable:after
{
	float: right;
	margin: 3px;
	content: "\f078";

	font-family: "Font Awesome 5 Pro";
    font-weight: 900;

    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
fieldset > legend.closable.open:after
{
	content: "\f077";
}

input[type='text'],
input[type='password'],
select,
textarea
{
	padding: 5px;
	margin: 0;
	border-radius: 2px;
	border: 1px solid #CCC;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
select
{
	padding: 4px 5px;
}
input[type='text']:not([readonly]):focus,
input[type='password']:focus,
select:focus,
textarea:focus
{
	border: 1px solid #008592;
}
input[type='text'][readonly]
{
	background-color: #EFEFEF;
}

div.input
{
	position: relative;
	height: 57px;
	padding: 0;
}
div.input:after, 
div.input:before
{
   content:'';
   height: 2px;
   width: 100%;
   position: absolute;
   bottom: 6px;
   left: 0;

   background-color: #e6e6e6;
}
div.input:after
{
	background-color: #008890;
	transform: scaleX(0);
	transition: transform 0.3s;
}
div.input.nok:before
{
	background-color: #BA1616;
}
div.input.nok label
{
	color: #BA1616;
}
div.input > label
{
	position: relative;
	margin: 0;
	display: block;

	color: #bfbfbf;
	line-height: 16px;
	font-size: 16px;
	font-weight: 400;

	transform: translateY(24px);
	transition: transform 0.3s, color 0.3s;
	transform-origin: 0 50%;
}
div.input > input[type='text'],
div.input > input[type='password']
{
	position: relative;
	display: block;
	width: 100%;
	height: 32px;
	padding: 8px 0;

	line-height: 16px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;

	background: transparent;
	border: none;
	-webkit-appearance: none;
	outline: none;
}
div.input.has-label label
{
   transform: translateY(0) scale(0.75);
}
div.input.is-focused label
{
   color: #008890;
}
div.input.is-focused:after
{
   transform: scaleX(1);
}

.flatpickr-day.selected
{
	background: #008890;
	border-color: #008890;
}
.fpdatetimepicker.form-control,
.fpdatepicker.form-control
{
	width: 100%;
	max-width: 210px;
	vertical-align: middle;
}

.select-multiple
{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0;
	vertical-align: middle;
}
.select-multiple > li
{
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 0;
	font-size: 14px;
}
.select-multiple > li > span
{
	display: inline-block;
	padding: 6px 0;
}
.select-multiple > li > label
{
	cursor: pointer;
}
.select-multiple > li > label > input + span
{
	display: block;
	padding: 5px 10px;
	color: #CCC;
	font-family: arial;
	border: 1px solid #CCC;
	border-radius: 3px;
}
.select-multiple > li > label > input:checked + span,
.select-multiple > li > label:hover > input + span
{
	color: #008890;
	border: 1px solid #008890;
}
.select-multiple > li > label > input
{
	display: none;
}

.input-simple,
.select-multiple
{
	position: relative;
	font-size: 0;
}
.input-simple.nok > select,
.input-simple.nok > input[type='text'],
.input-simple.nok > input[type='password'],
.input-simple.nok > textarea,
.input-simple.nok .mini_wysiwyg_text
{
	border: 1px solid #A31A1A!important;
}
.input-simple > *,
.select-multiple > *
{
	font-size: 14px;
}
.input-simple > label,
.input-simple > .input-label
{
	display: inline-block;
	width: 130px;
	font-size: 14px;
	vertical-align: middle;
}
.input-simple > .ui-slider
{
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}
.input-simple > label + .ui-slider
{
	width: calc(100% - 150px);
}
.input-simple > input[type='text'],
.input-simple > input[type='password'],
.input-simple > select,
.input-simple > textarea
{
	width: 100%;
	font-size: 14px;
}
.input-simple > label + input[type='text'],
.input-simple > label + input[type='password'],
.input-simple > label + select,
.input-simple > label + textarea,
.input-simple > label + ul.data-liste,
.input-simple > .select-multiple,
.input-simple > div:not(.loader):not(.ui-slider):not(.input-label):not(.input-checkbox),
.input-simple > .input-label + input[type='text'],
.input-simple > .input-label + input[type='password'],
.input-simple > .input-label + select,
.input-simple > .input-label + textarea,
.input-simple > .input-label + ul.data-liste
{
	display: inline-block;
	width: calc(100% - 130px);
	vertical-align: middle;
}
input.removable,
.input-simple > label + input[type='text'].removable,
.input-simple > input-label + input[type='text'].removable
{
	width: calc(100% - 168px);
	vertical-align: middle;
}
input.removable + .btn-remove,
input.removable + input + .btn-remove,
.input-simple > label + input[type='text'].removable + .btn-remove,
.input-simple > label + input[type='text'].removable + input + .btn-remove,
.input-simple > .input-label + input[type='text'].removable + .btn-remove,
.input-simple > .input-label + input[type='text'].removable + input + .btn-remove
{
	padding: 7px 10px 8px 10px!important;
}
/*.input-simple > label + select[name='civilite']
{
	width: 80px;
	vertical-align: middle;
}
.input-simple > label + select[name='civilite'] + *
{
	width: calc(100% - 210px);
	vertical-align: middle;
}*/
.input-simple > label + ul.data-liste > li > select,
.input-simple > .input-label + ul.data-liste > li > select
{
	width: calc(100% - 42px);
}
input[type='text'].copy
{
	width: calc(100% - 83px);
	vertical-align: middle;
}
.input-simple > label + input[type='text'].copy,
.input-simple > .input-label + input[type='text'].copy
{
	width: calc(100% - 215px);
}
.input-simple.civilite-nom-prenom
{
	display: flex;
    align-items: center;
}
.input-simple.civilite-nom-prenom > select
{
	width: 100px;
}
.input-simple.civilite-nom-prenom > input:first-of-type,
.input-simple.civilite-nom-prenom > input:first-of-type + input
{
	flex: 1;
	/*width: calc(50% - 95px);*/
	vertical-align: middle;
}
.input-simple.nom-prenom > input:first-of-type,
.input-simple.nom-prenom > input:first-of-type + input
{
	width: calc(50% - 65px);
	vertical-align: middle;
}
.input-simple.cp-ville > input:first-of-type,
.input-simple.cp-ville > input:first-of-type + input
{
	width: calc(50% - 65px);
	vertical-align: middle;
}

.input-simple.table > div
{
	width: calc(100% - 130px);
	display: inline-block;
	vertical-align: middle;
}

.input-slide > a
{
	display: block;
	padding: 5px 0;
}
.input-slide > a > i[class$='right']
{
	float: right;
	margin: 2px 8px;
}
.input-slide > a > i[class$='left']
{
	float: left;
	margin: 2px 8px;
}

.input-checkbox
{
	display: inline-block;
	vertical-align: middle;
	cursor: default;
}
.input-checkbox > input
{
	display: none;
}
.input-checkbox > input + span
{
	display: inline-block;
	margin: 3px 0;
	width: 30px;
	height: 14px;
	background-color: #BE2626;
	vertical-align: middle;
}
.input-checkbox > input + span:after
{
	content: "";
	display: block;
	margin: 1px;
	width: 13px;
	height: 12px;
	background-color: #FFF;
	transition: margin 200ms ease-in-out;
}
.input-checkbox > input[value='1'] + span
{
	background-color: #2DBE26;
}
.input-checkbox > input[value='1'] + span:after
{
	margin: 1px 1px 1px 16px;
}

.completion + .completion-results
{
	position: absolute;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto;
	width: 100%;
	max-height: 250px;
	border: 1px solid #008890;
	border-top: 0;
	z-index: 3;
}
.completion + .completion-results > li/*,
.annonce-item*/
{
	background-color: #FFF;
	list-style: none;
	color: #000;
	margin: 0;
	padding: 5px;
	cursor: pointer;
	border-bottom: 1px solid #CCC;
}
.annonce-item
{
	z-index: 3;
	font-size: 14px;
}
.completion + .completion-results  > li:hover/*,
.annonce-item*/
{
	background-color: #008890;
	color: #FFF;
}
.completion + .completion-results  > li .id,
.completion + .completion-results  > li .ville/*,
.annonce-item .id,
.annonce-item .ville*/
{
	display: inline-block;
	width: calc(100% - 125px);
}
.completion + .completion-results  > li .prix/*,
.annonce-item .prix*/
{
	color: #E91286;
	font-weight: bold;
}
.completion + .completion-results  > li .description/*,
.annonce-item .description*/
{
	display: block;
	clear: both;
	text-align: justify;
	font-size: 12px;
}
.completion + .completion-results  > li .photo/*,
.annonce-item .photo*/
{
	float: left;
	width: 120px;
	height: 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin: 0 5px 5px 0;
}

.button,
button:not(.ui-button):not(.slick-arrow):not([id^='slick-'])
{
	display: inline-block;
	margin: 1px;
    padding: 10px 20px;
	border: 0;
	border-radius: 3px;
	background-color: #008890;
	color: #FFF;
	font-weight: bold;
	font-family: arial;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	min-width: 150px;
	cursor: pointer;
}
.ui-dialog-buttonset .ui-button
{
	padding: 10px 20px;
	border: 0;
	border-radius: 3px;
	background-color: #008890;
	color: #FFF;
	font-weight: bold;
	font-family: arial;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	min-width: 150px;
	cursor: pointer;
}
.no-close .ui-dialog-titlebar-close
{
  display: none;
}
.button.ok
{
	background-color: #1AA324;
}
.button.ok:not(.disabled):hover
{
	background-color: #32C23D;
}
.button.nok
{
	background-color: #A31A1A;
}
.button.nok:hover
{
	background-color: #B82D2D;
}
.button.validation
{
	background-color: #37bc9b;
}
.button.validation:hover
{
	background-color: #51D9B7;
}
.button.information
{
	background-color: #5D9CEC;
}
.button.information:hover
{
	background-color: #82B6F8;
}
.button.erreur
{
	background-color: #F05050;
}
.button.erreur:hover
{
	background-color: #F97171;
}
.button.alert
{
	background-color: #e1a119;
}
.button.alert:hover
{
	background-color: #F6CE7A;
}

.button.small
{
	padding: 10px!important;
	min-width: 36px!important;
	vertical-align: middle;
}
input[type='text'].copy
{
	padding: 8px 10px 7px 10px!important;
}
.button.small.copy_prev
{
	padding: 10px!important;
}
.button.small.select
{
	background-color: #00ADBE;
}
.button:hover,
button:not(.slick-arrow):not([id^='slick-']):hover,
.ui-dialog-buttonset .ui-button:hover
{
	background-color: #00ADBE;
}
.button.rose
{
	background-color: #EB0084;
}
.button.rose:hover,
.button.rose.select
{
	background-color: #EE48A5;
}

.button.prospectis
{
	background-color: #7F57F1;
}
.button.prospectis:not(.disabled):hover,
.button.prospectis.select:not(.disabled)
{
	background-color: #906CF5;
}

.button.exceladresse
{
	background-color: #482882;
}
.button.exceladresse-add
{
	background-color:  #990000;
}
.button.exceladresse:hover,
.button.exceladresse.select
{
	background-color: #644896;
}
.button.exceladresse-add:hover,
.button.exceladresse-add.select
{
	background-color:  #BA1313;
}

.disabled
{
	color: #C0C0C0;
}
.disabled .input-checkbox
{
	pointer-events: none;
}
.disabled .input-checkbox > input + span
{
	background-color: #CCC;
}
.button.disabled
{
	cursor: default;
	background-color: #CCC;
	color: #EEEEEE;
}

.pop
{
	position: absolute;
	top: calc(50% + 25px);
	left: 50%;
	transform: translate(-50%,-50%);
	
	box-shadow: 0 0 50px 0 rgba(0,0,0,0.4);
	border-radius: 6px;
	overflow: hidden;
	background-color: #FFF;

	z-index: 100;

	/*transition: 100ms left,100ms top, 100ms width, 100ms height;*/
}

/*Content*/
#app
{
	width: 100%;
	height: 100%;
	background-color: #F1F1F1;
	overflow: hidden;
}
/*.container
{
	padding-top: 15px;
	padding-bottom: 15px;
}*/

/*Content--Connexion*/
#app.connexion
{
	background-image: url(../img/background.jpg);
	background-size: cover;
	background-position: 50% 50%;
}
#app.connexion .pop
{
	width: 650px;
	height: 400px;
}
#app.connexion h1
{
	color: #FFF;
}
#app.connexion #form_connexion
{
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
}
#app.connexion #form_connexion ul > li
{
	padding: 10px 0;
	border: 0;
}
#app.connexion .row > div:first-child
{
	padding: 40px;
	background-image: url(../img/connexion.jpg);
	background-size: cover;
	background-position: 0 50%;
	color: #FFF;
	/*border-radius: 5px 0 0 5px;*/
}

/*Content--Index*/
#app.index > header
{
	position: relative;
	/*border-top: 5px solid #008890;*/
	height: 80px;
	background-color: #25282A;
	/*background-image: url(../img/header.jpg);
	background-position: 50% 100%;*/
	/*overflow: hidden;*/
	z-index: 101;
}
/*#app.index > header:before
{
	content:"";
	position: absolute;
	background-color: rgba(0,0,0,0.1);
	top: 0;
	width: 100%;
	height: 5px;
}*/

#app.index > header #logo
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
    z-index: 2;
    padding: 0;
	height: 80px;
	/*margin-bottom: 10px;*/
    /*background-color: #008890;*/
}
#app.index > header #logo img
{
	vertical-align: top;
	height: 80px;
}
#app.index > header #logo img + img,
#app.index > header #logo img + img + img
{
	height: 70px;
}
#app.index > header #menu_utilisateur
{
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	float: right;
	padding: 10px 0;

	position: absolute;
    white-space: nowrap;
    right: 10px;
    z-index: 2;
}
#app.index > header #menu_utilisateur > div
{
	display: inline-flex;
	vertical-align: middle;
}
#app.index > header #menu_utilisateur > div
{
	margin-left: 10px;
}
#app.index > header #menu_utilisateur > #recherche
{
	
}
#app.index > header #menu_utilisateur > div:last-child
{
	display: inline-block;
	vertical-align: middle;
	/*margin-left: 10px;*/

	position: relative;
	font-size: 15px;
	margin-left: 0;
	padding: 10px 0;
	cursor: default;
}
#app.index > header #menu_utilisateur > div:first-child + div a
{
	color: #FFF;
	font-size: 17px;
}
#app.index > header #menu_utilisateur > div:last-child > span
{
	display: inline-block;
	overflow: hidden;
	max-width: 200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}
#app.index > header #menu_utilisateur > div:last-child > ul
{
	display: none;
	position: absolute;
	top: 55px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #FFF;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 10;
}
#app.index > header #menu_utilisateur > div:last-child > ul:before
{
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	width: 0px;
    height: 0px;
    margin: 5px auto;
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FFF;
}
#app.index > header #menu_utilisateur > div:last-child > ul > li
{
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
}
#app.index > header #menu_utilisateur > div:last-child > ul > li.separator
{
	height: 1px;
	background-color: #E7E7E7;
	margin: 5px 0;
}
#app.index > header #menu_utilisateur > div:last-child > ul > li > a
{
	text-decoration: none;
	display: block;
	padding: 5px 20px;
	white-space: nowrap;
}
#app.index > header #menu_utilisateur > div:last-child > ul > li > a:hover
{
	background-color: #E7E7E7;
}
#app.index > header #menu_utilisateur > div:last-child:hover > ul
{
	display: block;
}
#app.index > header #menu_utilisateur > div:last-child > div
{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
#app.index > header #menu_utilisateur > div:last-child > div > a
{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
#app.index > header nav
{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	/*width: calc(100% - 600px);*/
	/*width: calc(100% - 520px);*/
	color: #FFF;
	/*background-color: #008890;*/
	/*height: 40px;*/
	overflow: hidden;

	z-index: 2;
}
#app.index > header nav ul
{
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}
#app.index > header nav ul + ul
{
	position: absolute;
	bottom: 0;
	right: 10px;
}
#app.index > header nav ul > li
{
	margin: 0;
	padding: 0 5px 0 0;
	display: inline-block;
	font-size: 14px;
	text-align: center;
	/*min-width: 110px;*/
}
#app.index > header nav ul > li > a
{
	display: block;
	padding: 5px;
	/*width: 150px;*/
	text-decoration: none;
	color: #FFF;
}
#app.index > header nav ul > li:hover > a,
#app.index > header nav ul > li.select > a,
#app.index > header nav ul > li:hover > a.highlight-bg,
#app.index > header nav ul > li.select > a.highlight-bg
{
	color: #008890!important;
}
#app.index > section
{
	height: calc(100% - 110px);

	display: block;
	background-image: url(../img/a-big.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: contain;
}
#app.index > section.dark,
#app.index > section#chaine
{
	background-color: #161819;
	background-image: url(../img/a-big-dark.png);
	color: #FFF;
}
#app.index > section.dark h1,
#app.index > section.dark h2,
#app.index > section#chaine h1,
#app.index > section#chaine h2
{
	color: #FFF;
}
#app.index > section#dashboard,
#app.index > section#dashboard_v3,
#app.index > section > .accueil
{
	background: #008890 url(../img/a-big-dark.png) no-repeat/*,url(../img/fond.jpg) no-repeat center/cover fixed*/;

} 

/*Content--Flux-annonces*/
#app.index .flux-annonces #recherche
{
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
}
#app.index .flux-annonces #recherche fieldset:nth-of-type(2) > ul
{
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
#app.index .flux-annonces .annonces.mosaic
{
	padding: 15px;
	overflow: auto;
}
#app.index .flux-annonces .annonces.mosaic .highlight-txt
{
	color: #1F1F1F;
	padding-top: 5px;
	padding-bottom: 5px;
}
#app.index .flux-annonces .annonces.mosaic .annonce,
.annonce-item
{
	width: 100%;
	height: 356px;
	background-color: #FFF;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
	padding: 3px 18px;
	font-family: arial;
	cursor: pointer;
}
/*#app.index .flux-annonces .annonces.mosaic > .row > [class^='col-']
{
	padding-top: 15px;
	padding-bottom: 15px;
}*/
#app.index #recherche_annonces .cpt
{
	padding: 9px 0;
	font-weight: bold;
}
#app.index #recherche_annonces .annonces.mosaic .annonce.select:after
{
	content: "";
	position: absolute;
	border: 3px solid #ff009e;
    margin: 15px;
	top: 0;
	left: 0;
	width: calc(100% - 30px);
    height: calc(100% - 30px);
}
#app.index #recherche_annonces .annonces.mosaic .annonce.select:before
{
	font-family: "Font Awesome 5 Pro";
    font-weight: 900;
	content: "\f00c";
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 2;
    text-indent: 19px;

	position: absolute;
	z-index: 2;
	top: 15px;
	right: 15px;
	color: #FFF;

	width: 0; 
	height: 0; 
	border-top: 0px solid transparent;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #ff009e;
}
#app.index #recherche_annonces .annonces.mosaic .annonce.disabled > *
{
	opacity: 0.4;
}
#app.index #recherche_annonces .annonces.mosaic .annonce.disabled
{
	color: #1F1F1F;
	cursor: default;
}
#app.index #recherche_annonces .annonces.mosaic .annonce.disabled:after
{
	content: "Déjà importée";
	position: absolute;
	transform: rotate(-10deg) translateX(-50%);
	top: 80px;
	left: 50%;
	font-size: 20px;
	color: #008890;
	font-weight: bold;
	white-space: nowrap;
}
#app.index .flux-annonces .annonces.mosaic .annonce .photo,
.annonce-item .photo
{
	position: relative;
	height: 170px;
	background-color: #008890;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#app.index .flux-annonces .annonces.mosaic .annonce .description,
.annonce-item .description
{
	margin: 0 -15px;
	height: 150px;
	font-size: 12px;
	overflow: hidden;
}
#app.index .flux-annonces .annonces.mosaic .annonce .description .ville,
.annonce-item .description .ville,
#app.index .flux-annonces .annonces.mosaic .annonce .description .titre,
.annonce-item .description .titre
{
	display: block;
	padding: 5px 0;
	color: #008890;
	text-transform: uppercase;
	font-weight: bold;
}
#app.index .flux-annonces .annonces.mosaic .annonce .description .texte,
#app.index #recherche_annonces .annonces.mosaic .annonce .description .texte,
.annonce-item .description .texte
{
	text-align: justify;

	-webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: calc(100% - 51px);
    overflow: hidden;
    display: -webkit-box;
}
#app.index .flux-annonces .annonces.mosaic .annonce .prix,
.annonce-item .prix
{
	background-color: #008890;
	height: 30px;
	color: #FFF;
	font-weight: bold;
	padding: 0 5px;
}
#app.index .flux-annonces .annonces.mosaic .annonce .divers,
.annonce-item .divers
{
	background-color: #f1f1f1;
	font-size: 8px;
	padding: 2px;
	color: #000;
}

/*Content--Dashboard*/
#accueil > div > div:first-child
{
	width: calc(80% + 6px);
}
#accueil > div > div:first-child + div
{
	width: calc(20% - 6px);
	padding: 0 24px 0 0;
}
#accueil > div > div:first-child + div .widget
{
	padding-top: 70%;
}
#accueil > div > div:first-child + div .groupe
{
	max-width: 335px;
	margin: 0 auto 0 auto;
	padding: 0;
}
#accueil > div > div:first-child + div .groupe + .groupe
{
	margin-top: 26px;
}
@media screen and (max-width:1679px)
{
	#accueil > div > div:first-child
	{
		width: calc(75% + 6px);
	}
	#accueil > div > div:first-child + div
	{
		width: calc(25% - 6px);
	}
	#accueil > div > div:first-child + div .widget
	{
		padding-top: 51%;
	}
}
@media screen and (max-width:1279px)
{
	#accueil > div > div:first-child
	{
		width: calc(67% + 6px);
	}
	#accueil > div > div:first-child + div
	{
		width: calc(33% - 6px);
	}
	#accueil > div > div:first-child + div .widget
	{
		padding-top: 32%;
	}
}
@media screen and (max-width:763px)
{
	#accueil > div > div:first-child
	{
		width: 100%;
	}
	#accueil > div > div:first-child + div
	{
		width: 100%;
	}
	#accueil > div > div:first-child + div .widget
	{
		padding-top: 45%;
	}
}

#slide-accueil,
.slide-page
{
	position: relative;
    z-index: 1;
	padding: 40% 0 0;
    width: 100%;
}
#slide-accueil
{
	padding: 35% 0 0;
	box-shadow: rgb(0 0 0 / 69%) 0px 26px 30px -10px, rgb(0 0 0 / 73%) 0px 16px 10px -10px;
	border-radius: 5px;
	margin-bottom: 15px;
}
/*#slide-accueil > ul > li:after,
.slide-page > ul > li:after
{
	position: absolute;
	z-index: 2;
	content:"";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	
}*/
.slide-page > ul > li:after
{
	background: linear-gradient(transparent 50%, #008890 100%);
}


.CJSlider2
{	
	position: relative;
	overflow: hidden;
	/*height: 400px;*/
}
.CJSlider2 .CJSlider2-left
{
	position: absolute;
	top: 25%;
	left: 10px;
	color: rgba(255,255,255,0.5);
	font-size: 30px;
	z-index: 2;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}
.CJSlider2 .CJSlider2-left:hover
{
	color: rgba(255,255,255,1);
}
.CJSlider2 .CJSlider2-right
{
	position: absolute;
	top: 25%;
	right: 10px;
	color: rgba(255,255,255,0.5);
	font-size: 30px;
	z-index: 2;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}
.CJSlider2 .CJSlider2-right:hover
{
	color: rgba(255,255,255,1);
}
#slide-accueil.CJSlider2 .CJSlider2-left,
#slide-accueil.CJSlider2 .CJSlider2-right
{
	top: 50%;
	transform: translateY(-50%);
}
.CJSlider2 > ul
{
	position: absolute;
    width: 100%;
    top: 0;

	transform: translateX(-100%);
	/*transition: ease-in-out 500ms transform;*/
	list-style: none;
	padding: 0;
	margin: 0;
	height: 100%;

	white-space: nowrap;
	font-size: 0;
}
.CJSlider2 > ul > li
{
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0;
	vertical-align: top;
	
	width: 100%;
	height: 100%;

	font-size: 0;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;

	overflow: hidden;
}
.CJSlider2 > ul > li a
{
	display: block;
	width: 100%;
	height: 100%;
}
.CJSlider2 > ul > li .slide-contenu
{
	position: absolute;
	z-index: 3;
	/*margin: 20px;*/
	left: 30px;
	bottom: 50%;
	white-space: initial;
	color: #FFF;
	text-align: left;
	left: -100%;
	opacity: 0;
	transition: left 1s ease-in-out 500ms,opacity 1s ease-in-out 500ms;
}
.CJSlider2 > ul > li .slide-titre
{
	display: inline-block;
	padding: 5px 15px;
	background-color: #008890;
	font-size: 25px;
}
.CJSlider2 > ul > li .slide-description
{
	display: block;
	padding: 5px 15px;
	background-color: rgba(0,0,0,0.8);
	font-size: 15px;
	max-width: 800px;
}
.CJSlider2 > ul > li .slide-img
{
	position: absolute;
	top: 50%;
	left: -100%;
	transform: translateY(-50%);
	height: 100%;
	opacity: 0;
	transition: left 1s ease-in-out 500ms,opacity 1s ease-in-out 500ms;
}
.CJSlider2 > ul > li.visible .slide-contenu,
.CJSlider2 > ul > li.visible .slide-img
{
	left: 5%;
	opacity: 1;
}

.slide-page > h1
{
	position: absolute;
	top: 23%;
	left: 0;
	right: 0;
	text-align: center;
	color: #FFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,1), -1px -1px 2px rgba(0,0,0,1);
	z-index: 3;
	font-family: 'AvenirLTStd-Heavy';
	font-size: 37px;
}
/*#app.index > section > .accueil h2
{
	position: relative;
	z-index: 3;
	text-align: center;
	color: #FFF;
    text-shadow: 1px 1px 2px rgba(0,0,0,1), -1px -1px 2px rgba(0,0,0,1);
    font-family: 'AvenirLTStd-Heavy';
    font-size: 27px;
    margin-top: 20px;
}*/

#app.index > section > .accueil h1,
#app.index > section > .accueil h2,
#app.index > section > .accueil h3
{
	color: #FFF;	
	margin: 0 0 5px;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
}
#blocs-accueil,
.slide-page + .blocs3d
{
	position: relative;
	z-index: 3;
	margin-top: -19%;

	text-align: center;

	/*background: linear-gradient(transparent 0%, #008890 80%);*/
}
.slide-page + .blocs3d + .blocs3d
{
	position: relative;
	margin-top: 0;
	z-index: 3;
}
.blocs3d.dashboard > li
{
	text-align: center;
}
.blocs3d.dashboard > li > a
{
	width: 450px;
	height: 222px;
}

/*Content--Création*/
#app.index .etapes
{
	height: 100%;
}
#app.index .etapes > div
{
	height: 100%;
	display: none;
}
#app.index .etapes > div:first-child
{
	display: flex;
}
#app.index .creation > div > div > .row > div
{
	transition: 200ms flex-basis, 200ms max-width;
}

#app.index #panier [name='quantite[]']
{
	width: 50px;
	text-align: center;
	padding: 8px 7px 7px 7px;
	margin: 1px;
    vertical-align: middle;
}

/*Content--Goodies*/
#app.index .goodies > div
{
	padding: 10px;
}
#app.index .goodies .goodie
{
	display: block;
	background-color: #FFF;
}
#app.index .goodies .goodie img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: inherit;
	width: initial;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	z-index: 1;
}
#app.index .goodies .goodie .goodie-nom
{
	position: absolute;
	z-index: 2;
	color: #FFF;
	padding: 5px 15px;
	bottom: 0;
	left: 0;
	background-color: #EB0084;
}
#app.index #goodies .goodie-prix
{
	color: #008890;
	font-size: 18px;
	padding: 10px;
	text-align: center;
}
#app.index #goodies .goodie-quantite
{
	margin: 10px 0;
	text-align: center;
}
#app.index #goodies .goodie-quantite .button
{
	vertical-align: middle;
	margin: 1px;
}
#app.index #goodies .goodie-quantite [name='quantite']
{
	width: 50px;
	text-align: center;
	padding: 8px 7px 7px 7px;
	margin: 1px;
    vertical-align: middle;
}
#app.index #goodies .produit-photos img
{
	display: inline-block;
	height: 80px;
	opacity: 0.5;
}
#app.index #goodies .produit-photos > div
{
	display: inline-block;
}
#app.index #goodies .produit-photos > div:first-child
{
	position: relative;
	display: block;
	height: 350px;
	background-color: #e8e8e8;
}
#app.index #goodies .produit-photos > div:first-child img
{
	position: absolute;
	display: block;
	height: initial;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
}
#app.index #goodies .produit-photos > div:first-child > img,
#app.index #goodies .produit-photos > div:first-child + div > img
{
	opacity: 1;
}

/*Content--Partenaires*/
#app.index .partenaires > div
{
	padding: 10px;
}
#app.index .partenaires .partenaire
{
	display: block;
	background-color: #FFF;
}
#app.index .partenaires .partenaire img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: inherit;
	width: initial;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	z-index: 1;
}
#app.index .partenaires .partenaire .partenaire-nom
{
	position: absolute;
	z-index: 2;
	color: #FFF;
	padding: 5px 15px;
	bottom: 0;
	left: 0;
	background-color: #EB0084;
}
#app.index #partenaires .produit-photos img
{
	display: inline-block;
	height: 80px;
	opacity: 0.5;
}
#app.index #partenaires .produit-photos > div
{
	display: inline-block;
}
#app.index #partenaires .produit-photos > div:first-child
{
	position: relative;
	display: block;
	height: 350px;
	background-color: #e8e8e8;
}
#app.index #partenaires .produit-photos > div:first-child img
{
	position: absolute;
	display: block;
	height: initial;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
}
#app.index #partenaires .produit-photos > div:first-child > img,
#app.index #partenaires .produit-photos > div:first-child + div > img
{
	opacity: 1;
}

/*Content--Bourses*/
#app.index .bourses > div
{
	padding: 10px;
}
#app.index .bourses .bourse
{
	display: block;
	background-color: #FFF;
}
#app.index .bourses .bourse img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: inherit;
	width: initial;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#app.index .bourses .bourse .bourse-nom
{
	position: absolute;
	z-index: 2;
	color: #FFF;
	padding: 5px 15px;
	bottom: 0;
	left: 0;
	background-color: #EB0084;
}
#app.index #bourses .bourse-dates
{
	margin: 10px 0;
	font-size: 15px;
	font-weight: bold;
}
#app.index #bourses .bourse-panier .bourse-agences,
#app.index #bourses .bourse-panier .bourse-modele
{
	padding-top: 10px;
}
#app.index #bourses .bourse-panier .bourse-agences select,
#app.index #bourses .bourse-panier .bourse-modele select
{
	width: 100%;
}
#app.index #bourses .bourse-quantite
{
	margin: 10px 0;
	text-align: center;
}
#app.index #bourses .bourse-quantite .button
{
	vertical-align: middle;
	margin: 1px;
}
#app.index #bourses .bourse-quantite [name='quantite']
{
	width: 50px;
	text-align: center;
	padding: 8px 7px 7px 7px;
	margin: 1px;
    vertical-align: middle;
}
#app.index #bourses .produit-photos img
{
	display: inline-block;
	height: 80px;
	opacity: 0.5;
}
#app.index #bourses .produit-photos > div
{
	display: inline-block;
}
#app.index #bourses .produit-photos > div:first-child
{
	position: relative;
	display: block;
	height: 350px;
	background-color: #e8e8e8;
}
#app.index #bourses .produit-photos > div img
{
	cursor: pointer;
}
#app.index #bourses .produit-photos > div:first-child img
{
	position: absolute;
	display: block;
	height: initial;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
	cursor: zoom-in;
}
#app.index #bourses .produit-photos > div:first-child > img,
#app.index #bourses .produit-photos > div:first-child + div > img
{
	opacity: 1;
}

/*Content--Concept agence*/
#app.index .concepts > div
{
	padding: 10px;
}
#app.index .concepts .concept
{
	display: block;
	background-color: #FFF;
}
#app.index .concepts .concept img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: inherit;
	width: initial;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	z-index: 1;
}
#app.index .concepts .concept .concept-nom
{
	position: absolute;
	z-index: 2;
	color: #FFF;
	padding: 5px 15px;
	bottom: 0;
	left: 0;
	background-color: #EB0084;
}
#app.index #concept-agence .concept-prix
{
	color: #008890;
	font-size: 18px;
	padding: 10px;
	text-align: center;
}
#app.index #concept-agence .concept-quantite
{
	margin: 10px 0;
	text-align: center;
}
#app.index #concept-agence .concept-quantite .button
{
	vertical-align: middle;
	margin: 1px;
}
#app.index #concept-agence .concept-quantite [name='quantite']
{
	width: 50px;
	text-align: center;
	padding: 8px 7px 7px 7px;
	margin: 1px;
    vertical-align: middle;
}
#app.index #concept-agence .produit-photos img
{
	display: inline-block;
	height: 80px;
	opacity: 0.5;
}
#app.index #concept-agence .produit-photos > div
{
	display: inline-block;
	margin: 0 5px 5px 0;
}
#app.index #concept-agence .produit-photos > div:first-child
{
	position: relative;
	display: block;
	height: 350px;
	background-color: #e8e8e8;
}
#app.index #concept-agence .produit-photos > div > img
{
	cursor: pointer;
}
#app.index #concept-agence .produit-photos > div:first-child img
{
	position: absolute;
	display: block;
	height: initial;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
	cursor: zoom-in;
}
#app.index #concept-agence .produit-photos > div:first-child > img,
#app.index #concept-agence .produit-photos > div:first-child + div > img
{
	opacity: 1;
}

/*Content--Formations*/
#app.index #formations .produit-photos > div:first-child
{
	position: relative;
	display: block;
	height: 350px;
	background-color: #e8e8e8;
}
#app.index #formations .produit-photos > div > img
{
	cursor: pointer;
}
#app.index #formations .produit-photos > div:first-child img
{
	position: absolute;
	display: block;
	height: initial;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
	cursor: zoom-in;
}
#app.index #formations .produit-photos > div:first-child > img,
#app.index #formations .produit-photos > div:first-child + div > img
{
	opacity: 1;
}
#app.index #formations .formation-prix
{
	color: #008890;
	font-size: 18px;
	padding: 10px;
	text-align: center;
}
#app.index #formations .formation-panier
{
    margin: 10px 0;
    text-align: center;
}

/*Content--Contrats*/
#app.index .contrats > div
{
	padding: 10px;
}
#app.index .contrats .contrat
{
	display: block;
	background-color: #FFF;
}
#app.index .contrats .contrat img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: inherit;
	width: initial;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	z-index: 1;
}
#app.index .contrats .contrat .contrat-nom
{
	position: absolute;
	z-index: 2;
	color: #FFF;
	padding: 5px 15px;
	bottom: 0;
	left: 0;
	background-color: #EB0084;
}

/*Content--Téléchargements*/
#app.index .telechargements > div
{
	padding: 10px;
}
#app.index .telechargements .telechargement
{
	display: block;
	background-color: #FFF;
}
#app.index .telechargements .telechargement img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: inherit;
	width: initial;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	z-index: 1;
}
#app.index .telechargements .telechargement .telechargement-nom
{
	position: absolute;
	z-index: 3;
	color: #FFF;
	padding: 5px 15px;
	bottom: 0;
	left: 0;
	background-color: #EB0084;
}
#app.index #telechargements .telechargement-prix
{
	color: #008890;
	font-size: 18px;
	padding: 10px;
	text-align: center;
}
#app.index #telechargements .telechargement-quantite
{
	margin: 10px 0;
	text-align: center;
}
#app.index #telechargements .telechargement-quantite .button
{
	vertical-align: middle;
	margin: 1px;
}
#app.index #telechargements .telechargement-quantite [name='quantite']
{
	width: 50px;
	text-align: center;
	padding: 8px 7px 7px 7px;
	margin: 1px;
    vertical-align: middle;
}
#app.index #telechargements .produit-photos img
{
	display: inline-block;
	height: 80px;
	opacity: 0.5;
}
#app.index #telechargements .produit-photos > div
{
	display: inline-block;
}
#app.index #telechargements .produit-photos > div:first-child
{
	position: relative;
	display: block;
	height: 350px;
	background-color: #e8e8e8;
}
#app.index #telechargements .produit-photos > div:first-child img
{
	position: absolute;
	display: block;
	height: initial;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
}
#app.index #telechargements .produit-photos > div:first-child > img,
#app.index #telechargements .produit-photos > div:first-child + div > img
{
	opacity: 1;
}

/*Content--Events*/
#app.index .events > div
{
	padding: 10px;
}
#app.index .events .event
{
	display: block;
	background-color: #FFF;
}
#app.index .events .event img
{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: inherit;
	width: initial;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
	z-index: 1;
}
#app.index .events .event .event-nom
{
	position: absolute;
	z-index: 2;
	color: #FFF;
	padding: 5px 15px;
	bottom: 0;
	left: 0;
	background-color: #EB0084;
}
#app.index #events .event-prix
{
	color: #008890;
	font-size: 18px;
	padding: 10px;
	text-align: center;
}
#app.index #events .event-quantite
{
	margin: 10px 0;
	text-align: center;
}
#app.index #events .event-quantite .button
{
	vertical-align: middle;
	margin: 1px;
}
#app.index #events .event-quantite [name='quantite']
{
	width: 50px;
	text-align: center;
	padding: 8px 7px 7px 7px;
	margin: 1px;
    vertical-align: middle;
}
#app.index #events .produit-photos img
{
	display: inline-block;
	height: 80px;
	opacity: 0.5;
}
#app.index #events .produit-photos > div
{
	display: inline-block;
}
#app.index #events .produit-photos > div:first-child
{
	position: relative;
	display: block;
	height: 350px;
	background-color: #e8e8e8;
}
#app.index #events .produit-photos > div:first-child img
{
	position: absolute;
	display: block;
	height: initial;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
}
#app.index #events .produit-photos > div:first-child > img,
#app.index #events .produit-photos > div:first-child + div > img
{
	opacity: 1;
}


/*Content--Supports*/
#app.index .supports > div
{
	padding: 10px;
}
#app.index .supports .support
{
	display: block;
	background-color: #FFF;
}
#app.index .supports .support img
{
	width: 100%;
	vertical-align: middle;
}

#app.index .creation .modeles .modele
{
	position: relative;
	display: block;
	background-color: #FFF;
	margin: 10px 0;
	padding: 5px;
	border-radius: 3px;
	text-align: center;
	border: 1px solid transparent;
	min-height: 270px;
	text-decoration: none;
}
#app.index .creation .modeles .modele > div
{
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 211px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#app.index .creation .modeles .modele > span
{
	display: inline-block;
	background-color: #F0F0F0;
	border-radius: 8px;
	padding: 1px 5px;
	margin: 5px auto 0;
}
#app.index .creation .modeles .modele:hover
{
	box-shadow: 0 0 2px #008890;
}
#app.index .creation .modeles .modele.select
{
	border: 1px solid #008890;
}
#app.index .creation .modeles .modele.select:after
{
	content:"\f00c";
	position: absolute;
	top: 0; 
	right: 0;

	display: inline-block;
    font: normal normal normal 14px/1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 30px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#app.index .creation .modeles .modele img
{
	width: 150px;
	border: 1px solid #CCC;
}
#app.index .creation .rendu
{
	position: relative;
	margin: 0 auto;
	border: 1px solid #CCC;
	width: 450px;
	height: 632px;
	min-width: 450px;
	min-height: 633px;
	max-width: 450px;
	max-height: 633px;
	background-color: #FFF;
	background-size: contain;

	transition: zoom ease-in-out 200ms;
}
#app.index .creation .rendu.paysage
{
	width: 632px;
	height: 450px;
	min-width: 633px;
	min-height: 450px;
	max-width: 633px;
	max-height: 450px;
}
#app.index .creation #rendu-zoom
{
	position: absolute;
	top: 30px;
	right: 30px;
	background-color: #FFF;
	border-radius: 16px;
    padding: 6px;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	z-index: 3;
}
#app.index .creation #rendu-zoom .rendu-zoom
{
	display: inline-block;
	vertical-align: top;
	margin: 15px 6px;
	background: #F1F1F1;
	width: 10px;
	height: 150px;
	border-radius: 5px;
}
#app.index .creation #rendu-zoom .rendu-zoom > span
{
	/*top: -4px;*/
	left: -.2em;
}
#app.index .creation #rendu-zoom i
{
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: 5px 0;
}

/*Modeles*/
#app.index .creation .rendu [contenteditable='true']
{
	border: 1px solid transparent;
}
#app.index .creation .rendu [contenteditable='true']:hover,
#app.index .creation .rendu [contenteditable='true']:focus
{
	border: 1px solid #CCC;
}
/*Modeles--HEADER*/
#app.index .creation .rendu.header-001
{
	padding: 100px 10px 0px;
	background-image: url(../img/modeles/header-001.jpg);
}
#app.index .creation .rendu.header-002
{
	padding: 140px 10px 0px;
	background-image: url(../img/modeles/header-002.jpg);
}
/*Modeles--ALL*/
#app.index .creation .rendu-accept-annonce
{
	border: 2px dashed transparent;
}
#app.index .creation .rendu-accept-annonce.rendu-accept-annonce-droppable,
.zone-biens.rendu-accept-bien-droppable
{
	border: 2px dashed #F8DB25!important;
}
#app.index .creation .rendu-accept-annonce.rendu-accept-annonce-hover,
.zone-biens.rendu-accept-bien-hover
{
	border: 2px dashed #0F0!important;
}
#app.index .creation .rendu-photo .rendu-photo-prev
{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	font-size: 30px;
	text-shadow: 0 0 2px rgba(0,0,0,0.50);
}
#app.index .creation .rendu-photo:hover .rendu-photo-prev:before
{
	content: "\f053";
	display: inline-block;
    font: normal normal normal 14px/1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
}
#app.index .creation .rendu-photo .rendu-photo-next
{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: none;
	font-size: 30px;
	text-shadow: 0 0 2px rgba(0,0,0,0.50);
	z-index: 2;
}
#app.index .creation .rendu-photo:hover .rendu-photo-next:before
{
	content: "\f054";
	display: inline-block;
    font: normal normal normal 14px/1;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
}
#app.index .creation .rendu-footer
{
	display: flex;
	margin-top: 19px;
	height: 35px;
	line-height: 16px;
	font-family: AvenirLTStd-Light;
	color: #FFF;
	text-align: center;
	align-items: center;
}
#app.index .creation .rendu-footer > div
{
	display: block;
	text-align: center;
	width: 100%;
}
#app.index .creation .rendu-footer > div > div
{
	display: inline-block;
	font-size: 10px;
}
#app.index .creation .rendu-footer > div img
{
	width: 15px;
	height: 15px;
	vertical-align: middle;
}


/*Modeles--ALL*/
#app.index .creation .header-002 .rendu-photo
{
	width: 343px;
	height: 233px;
	margin-bottom: 3px;
}


#app.index .creation #parametres .annonces
{
	list-style: none;
	margin: 0;
	padding: 0;

	background-color: #006B75;
	overflow: auto;
	width: 100%;
	max-height: 250px;
}
#app.index .creation #parametres .annonces > li
{
	border-top: 1px solid #008592;
	padding: 5px;
}

#app.index table#tarifs,
#app.index table.tarifs
{
	background-color: #FFF;
	margin-bottom: 20px;
}
#app.index table#tarifs th,
#app.index table#tarifs td,
#app.index table.tarifs th,
#app.index table.tarifs td
{
	border: 1px solid #CCC;
	text-align: center;
	font-family: arial;
}
#app.index table#tarifs th,
#app.index table.tarifs th
{
	background-color: #008592;
	border: 1px solid #006B75;
	color: #FFF;
}

.pop#configurations
{
	width: 1000px;
	height: 600px;
}
.pop#faq
{
	width: 800px;
	height: 500px;
}
.pop.maximized
{
	width: 100%!important;
	height: calc(100% - 109px)!important;
	transform: initial!important;
	top: 80px!important;
	left: 0!important;
	border-radius: 0!important;
}
.pop.maximized-forced
{
	width: 100%!important;
	height: calc(100% - 109px)!important;
	transform: initial!important;
	top: 80px!important;
	left: 0!important;
	border-radius: 0!important;
}
.pop.maximized-forced .pop-title .maximize
{
	display: none;
}
.pop .pop-title
{
	position: relative;
	width: 100%;
	background-color: #008890;
	padding: 10px;
	color: #FFF;
	text-align: center;
	z-index: 3;
	cursor: move;
}
.pop .pop-title .id
{
	margin-left: 5px;
}
.pop .pop-title .close
{
	position: absolute;
	right: 5px;
	top: 5px;
	color: #FFF;
	padding: 5px 8px;
}
.pop .pop-title .close:hover
{
	color: #008890;
	background-color: #FFF;
	border-radius: 3px;
}
.pop .pop-title .maximize,
.pop .pop-title .minimize
{
	position: absolute;
    right: 31px;
    top: 5px;
    color: #FFF;
    padding: 5px 8px;
}
.pop .pop-title .maximize:hover,
.pop .pop-title .minimize:hover
{
	color: #008890;
	background-color: #FFF;
	border-radius: 3px;
}
.pop > .row,
.pop > .row
{
	width: initial;
	height: calc(100% - 38px);
	margin-right: -16px;
	z-index: 1;
}
.pop .pop-nav.vertical
{
	padding: 15px 15px 50px;
	height: 100%;
	/*box-shadow: 0 0 9px 0 rgba(0,0,0,0.5);*/
	background-color: #FFF;
	z-index: 2;
	border-right: 2px solid #e6e6e6;
	overflow: auto;

	-ms-flex: 0 0 66.666667%;
    flex: 0 0 290px;
    max-width: 66.666667%;
}
.pop .pop-nav.vertical > ul
{
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.pop .pop-nav.vertical > ul > li
{
	margin: 0;
	padding: 0;
}
.pop .pop-nav.vertical > ul > li > a
{
	position: relative;
	display: block;
	margin: 1px;
	padding: 10px 20px;
	text-decoration: none;
	color: #555555;
	border-radius: 3px;
}
.pop .pop-nav.vertical > ul > li > a > i
{
    font-size: 18px;
    margin-right: 5px;
    vertical-align: text-top;
}
.pop .pop-nav.vertical > ul > li:hover > a,
.pop .pop-nav.vertical > ul > li.select > a
{
	color: #FFF;
	background-color: #008890;
}
.pop .pop-nav.vertical > ul > li > a > .badge
{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.pop .pop-nav.vertical > ul > li:hover > a > .badge,
.pop .pop-nav.vertical > ul > li.select > a > .badge
{
	color: #008890;
	background-color: #FFF;
}
.pop .pop-nav.vertical > ul > li.separator
{
	position: relative;
	text-align: center;
    font-size: 12px;
}
.pop .pop-nav.vertical > ul > li.separator:after
{
    content: "";
    position: absolute;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    left: 0;
    top: 50%;
}
.pop .pop-nav.vertical > ul > li.separator > span
{
    display: inline-block;
    background-color: #FFF;
    padding: 1px 5px;
    position: relative;
    z-index: 2;
    color: #5d5d5d;
}

.pop .pop-nav.horizontal
{
	
}
.pop .pop-nav.horizontal > ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.pop .pop-nav.horizontal > ul > li
{
	margin: 0;
	padding: 0;
	display: inline-block;
}
.pop .pop-nav.horizontal > ul > li input[type='text']
{
	margin: 4px 0;
}
/*.pop .pop-nav.horizontal > ul > li > a
{
	display: block;
	margin: 1px;
	padding: 10px 20px;
	text-decoration: none;
	color: #555555;
	border-radius: 3px;
}*/

.pop .pop-nav-icons
{
	list-style: none;
	margin: 0;
	padding: 0;
}
.pop .pop-nav-icons > li
{
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}
.pop .pop-nav-icons > li > a
{
	position: relative;
	display: block;
	padding: 5px;
	margin: 5px;
	border: 1px solid transparent;
	border-radius: 3px;
	text-decoration: none;

	width: 110px;
	height: 110px;
}
.pop .pop-nav-icons > li > a:hover
{
	border: 1px solid #CCC;
}
.pop .pop-nav-icons > li > a > i
{
	display: block;
	font-size: 44px;
    line-height: 60px;
}
.pop .pop-nav-icons > li > a > span
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
}
.pop .pop-nav-icons > li > a > span > span
{
	display: inline-block;
}

.pop .pop-page
{
	padding: 0;
	margin-right: 1px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.pop .pop-page > form
{
	display: block;
    height: 100%;
    margin: 0;
}
.pop .pop-page header,
.pop .pop-page footer
{
	position: relative;
	padding: 2px 20px;
	margin: 0;
	/*background-color: #CCC;*/
	height: 42px;
	text-align: right;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	z-index: 2;
}
.pop .pop-page footer
{
	margin: 0;
}
/*.pop .pop-page header .button,
.pop .pop-page footer .button
{
	color: #555555;
	background-color: #F1F1F1;
}
.pop .pop-page header .button:hover,
.pop .pop-page footer .button:hover
{
	color: #FFF;
	background-color: #008890;
}*/
.pop .pop-page section
{
	overflow: auto;
	padding: 10px 20px;
	width: 100%;
	height: 100%;
}
.pop .pop-page header + section
{
	height: calc(100% - 84px);
}


.pop#configurations #roue
{
	position: relative;
	width: 300px;
	height: 300px;
	display: block;
	margin: 0 auto;
}
.pop#configurations #roue > img:first-child
{
	position: absolute;
	left: 50%;
	top: 0;
	transform:  translateX(-50%);
	z-index: 2;
}
.pop#configurations #roue > img:first-child + img
{
	transition: all 10s cubic-bezier(.26,-0.05,0,1);
    transform: rotateZ(0deg);
	z-index: 1;
}
.pop#configurations #roue .gagnant
{
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width: 590px;
    padding: 50px 10px;

	font-size: 50px;
	background-color: #fff;
	color: #FFF;
	text-align: center;

	opacity: 0;
	transition: 1s ease-in-out opacity, 1s ease-in-out top;
	box-shadow: 0 0 40px 20px rgba(0,0,0,0.5);
}
.pop#configurations #roue .gagnant div
{
	color: #E91286;
	margin: 10px 0;
	font-size: 60px;
	text-shadow: 3px 2px 0px rgba(0,0,0,0.6);
}
.pop#configurations #roue .gagnant.show
{
	top: 40%;
	opacity: 1;
}
.pop#configurations #roue .button.disabled
{
	pointer-events: none;
}


#form_assistance .date
{
	padding: 3px;
	font-style: italic;
	text-align: center;
}
#form_assistance .objet
{
	padding: 3px;
	font-weight: bold;
}
#form_assistance .message
{
	border: 1px solid #E5E5E5;
	padding: 5px;
	background-color: #FFF;
	min-height: 100px;
}

/*Footer*/
#app.index > footer
{
	background-color: #25282A;
	height: 30px;
}
#app.index > footer .copyright
{
	text-align: right;
	display: block;
	padding: 6px 0;
	color: #FFF;
	font-size: 12px;
}
#app.index > footer .copyright a
{
	color: #FFF;
}


/*Jquery*/
.ui-dialog
{
	border-radius: 3px;
	padding: 0;
}
.ui-dialog > .ui-dialog-titlebar
{
	border: 0;
	border-radius: 0;
	color: #FFF;
	background: #008890;
	padding: 6px;
}
.ui-dialog > .ui-dialog-titlebar .ui-button
{
	border: 0;
}
.ui-dialog > .ui-dialog-titlebar .ui-button,
.ui-dialog > .ui-dialog-titlebar .ui-button:hover,
.ui-dialog > .ui-dialog-titlebar .ui-button:active,
.ui-dialog > .ui-dialog-titlebar .ui-button:focus
{
	background: none;
}
.ui-dialog > .ui-dialog-titlebar .ui-button .ui-icon
{
    background-image: url(../img/ui-icons_ffffff_256x240.png);
}
.ui-dialog > .ui-dialog-content
{
	display: table;
	margin: 5px auto;
	width: 100%;
}
.ui-dialog > .ui-dialog-content > div
{
	display: table-cell;
	vertical-align: middle;
}
.ui-dialog > .ui-dialog-content > div:first-child
{
	text-align: right;
}
.ui-dialog > .ui-dialog-content > div:first-child + div
{
	padding-left: 10px;
}
.ui-dialog .ui-dialog-buttonpane
{
	border: 0;
	padding: 5px;
	margin: 0;
}


.ui-slider.ui-slider-horizontal
{
	height: 6px;
	border: 0;
}
.ui-slider.ui-slider-horizontal > span
{
	border-radius: 100%;
	background-color: #008890;
	border: 0;
	top: -5px;
}
.ui-slider.ui-slider-vertical
{
	width: 6px;
	border: 0;
}
.ui-slider.ui-slider-vertical > span
{
	border-radius: 100%;
	background-color: #008890;
	border: 0;
	/*top: -5px;*/
}


.widgets
{
	margin: 0 auto;
	padding: 0;
	/*max-width: 1270px;*/
	justify-content: center;
}
.widget
{
	display: inline-flex;
	vertical-align: top;
	margin: 10px;
	width: 360px;/*400*/
	height: 170px;/*200*/
	border-radius: 2px;
	padding: 0;

	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.widget.bleu
{
	background-color: #5D9CEC;
}
.widget.vert
{
	background-color: #37BC9B;
}
.widget.violet
{
	background-color: #8C66B6;
}
.widget.orange
{
	background-color: #FF902B;
}
.widget.rouge
{
	background-color: #F05050;
}
.widget.rose
{
	background-color: #E91286;
}

.groupe
{
	width: 100%;
	padding: 0 70px;
	margin: -20px auto 10px auto;
}
.groupe h1,
.groupe h2
{
	text-align: left;
}
.groupe .slide-groupe
{
	margin-top: 10px;
	margin: 10px -70px 0;
}
ul.groupe
{
	padding: 0;
	margin: 10px auto;
}
ul.groupe > li
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 359px;
    display: inline-block;
}
.slick-list
{
	padding: 0 60px;
}
.slick-slide
{
	transition: ease-in-out 200ms opacity;
}
.slick-slide[aria-hidden="true"]
{
	opacity: 0.3;
}
.groupe .widget
{
	display: block;
	position: relative;
	margin: 0 auto 50px;
	padding-top: 45%;
	width: calc(100% - 24px);
	max-width: 335px;
	height: initial;
	overflow: hidden;
    border-radius: 5px;

	box-shadow: rgb(0 0 0 / 69%) 0px 26px 30px -10px, rgb(0 0 0 / 73%) 0px 16px 10px -10px;
	background-color: #585453;

	text-decoration: none;
}
.groupe .widget:after,
.blocs3d .widget:after
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: ease-in-out 200ms backdrop-filter;
	z-index: 2;
}
.groupe .widget:hover:after,
.blocs3d .widget:hover:after
{	
	backdrop-filter: blur(2px);
}
.groupe .widget:before,
.blocs3d .widget:before
{
	content: "\f054 \f054";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	right: 35px;
	bottom: 15px;
	opacity: 0;
	z-index: 4;
	transition: ease-in-out 200ms opacity,ease-in-out 200ms right;
	/*color: #000;*/
	color: #FFF;
	font-size: 20px;
}

/*.groupe .widget.dark:before,
.blocs3d .widget.dark:before
{
	color: #FFF;
}*/
.groupe .widget:not(.agenda):hover:before,
.blocs3d .widget:hover:before
{
	opacity: 1;
	right: 20px;
}

.groupe .widget.disabled,
.blocs3d .widget.disabled
{
	cursor: default;
	filter: grayscale(100%);
}
.groupe .widget img
{
	position: absolute;
	/*left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	max-width: 100%;*/
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}
.groupe .widget .widget-details,
.blocs3d .widget .bloc3d-details
{
	position: absolute;
	top: 18px;
	left: 50px;
	right: 20px;
	text-align: right;
	line-height: 22px;
	z-index: 3;
}
.groupe .widget .widget-titre,
.blocs3d .widget .bloc3d-details .bloc3d-titre
{
	font-size: 23px;
	font-family: 'AvenirLTStd-Heavy';
	color: #E91286;
	text-transform: uppercase;
}
/*.groupe .widget.dark .widget-titre,
.blocs3d .widget.dark .bloc3d-details .bloc3d-titre
{
}*/
.groupe .widget .widget-texte,
.blocs3d .widget .bloc3d-details .bloc3d-texte
{
	opacity: 0;
	font-family: 'AvenirLTStd-Light';
	font-size: 17px;
	/*width: 70%;*/
	margin: 0 0 0 auto;
	line-height: 17px;
    margin-top: 5px;
	/*color: #25282A;
	text-shadow: 1px 1px rgba(255,255,255,1);*/
	color: #FFF;
	text-shadow: 1px 1px rgba(0,0,0,1);
	transition: ease-in-out 200ms opacity;
}
/*.groupe .widget.dark .widget-texte,
.blocs3d .widget.dark .bloc3d-details .bloc3d-texte
{
	color: #FFF;
	text-shadow: 1px 1px rgba(0,0,0,1);
}*/
.groupe .widget:hover .widget-texte,
.blocs3d .widget:hover .bloc3d-details .bloc3d-texte
{
	opacity: 1;
}
.groupe .widget:not(.disabled):after
{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*border: 2px solid #FFF;*/
	border-radius: 5px;
	opacity: 0;
	transition: 200ms opacity ease-in-out;
}
.groupe .widget:not(.disabled):hover:after
{
	opacity: 1;
}
.groupe .widget:not(.disabled) img
{
	transition: 200ms opacity ease-in-out;
}
.groupe .widget:not(.disabled):hover img
{
	opacity: 0.5;
}

.widget.agenda
{
	width: 100%;
	margin: 0;
	padding-top: 0;
	height: 100%;
	background-image: url(../img/pages/btn-agenda.jpg);
}
.widget.agenda > .widget-details
{
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
}
.widget.agenda > .widget-details > .widget-titre
{
	padding: 10px;
}
.widget.agenda > .widget-details > .container > a
{
	border-left: 2px solid transparent;
	background-color: rgb(0,136,144,0.10);
	margin-top: 1px;
	margin-bottom: 1px;
	backdrop-filter: blur(2px);
	text-decoration: none;
	color: #000;
	cursor: default;
}
.widget.agenda > .widget-details > .container > a.select
{
	border-color: #E91286;
	background-color: rgb(233 18 134 / 22%);
}
.widget.agenda > .widget-details > .container > a.expiree
{
	background-color: rgba(0,0,0,0.10);
	color: rgba(0,0,0,0.5);
}

.slick-prev, 
.slick-next
{
	display: none!important;
	width: 40px;
	height: calc(100% - 50px);
	/*background-color: rgba(20,20,20,0.5)!important;*/
	z-index: 2;
	top: 0;
	transform: translate(0,0);
	line-height: 0;
	text-align: center;
}
.slick-prev
{
	left: 0;
}
.slick-prev:before
{
	content: "\f053";
	font-family: "Font Awesome 5 Pro";
	transition: font-size 200ms ease-in-out;
	font-size: 30px;
	color: #FFF;
	opacity: 1;
}
.slick-next
{
	right: 0;
}
.slick-next:before
{
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	transition: font-size 200ms ease-in-out;
	font-size: 30px;
	color: #FFF;
	opacity: 1;
}
.slick-prev:hover:before,
.slick-next:hover:before
{
	font-size: 45px;
	line-height: initial;
}
.slide-groupe:hover .slick-prev:not(.slick-disabled), 
.slide-groupe:hover .slick-next:not(.slick-disabled)
{
	display: block!important;
}

.blocs3d
{
	position: relative;
	font-size: 0;
	z-index: 3;
}
.blocs3d > li
{
	margin: 0;
	padding: 0;
	font-size: 14px;
	list-style: none;
	perspective: 500px;
	list-style: none;
	display: inline-block;
}
.blocs3d > li > a
{
	transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
	perspective: 500px;
	overflow: hidden;
}
.blocs3d > li > a
{
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.blocs3d.goodies > li > a,
.blocs3d.bourses > li > a,
.blocs3d.concepts > li > a,
.blocs3d.contrats > li > a,
.blocs3d.telechargements > li > a,
.blocs3d.events > li > a
{
	height: 235px;
}
.blocs3d > li > a.anim
{
	animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	-webkit-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	-moz-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	-ms-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	-o-animation: leave-animation 0.5s forwards cubic-bezier(0.18, 2.07, 1, 1);
	box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0)!important;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.3)!important;
}
@keyframes leave-animation
{
	100%
	{
		transform: rotateX(0deg) rotateY(0deg);
	}
}
.blocs3d > li > a
{
	display: block;
	background-color: #FFF;
}
.blocs3d > li > a > img
{
	width: 100%;
	vertical-align: middle;
}
.blocs3d > li > a > .bloc3d-nom
{
	position: absolute;
	z-index: 2;
	color: #FFF;
	padding: 5px 15px;
	bottom: 0;
	left: 0;
	background-color: #EB0084;
}


#toasts .toast
{
    position: fixed;
    visibility: hidden;
    min-width: 370px;
    margin-left: -175px;
    z-index: 101;
    left: 50%;
    bottom: 30px;
}
#toasts .toast.show
{
    visibility: visible;

    animation: fadein 0.5s, fadeout 0.5s 4.5s forwards;
}

@keyframes fadein
{
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadeout
{
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

#covid-19 h2
{
	font-weight: bold;
	font-size: 19px;
	margin: 5px 0 5px 0;
}
#covid-19 h3
{
	font-weight: bold;
	font-size: 17px;
}
#systeme-pages > .page
{
	display: none;
}
#systeme-pages > .page.page-accueil
{
	display: block;
}



.blocs-collapse > ul,
#blocs-visioconference > ul
{
	font-size: 0;
	text-align: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.blocs-collapse > ul > li,
#blocs-visioconference > ul > li
{
	display: inline-block;
	font-size: 14px;
	width: 300px;
	/*height: 270px;*/
	vertical-align: top;
	padding: 5px;
	border-right: 1px solid #000;
}
.blocs-collapse > ul > li > a,
#blocs-visioconference > ul > li > a
{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	/*border: 1px solid #CCC;*/
	/*border-radius: 3px;*/
	padding: 10px;
	/*background-color: #FFF;*/
	text-decoration: none;
}
.blocs-collapse > ul > li:last-child,
#blocs-visioconference > ul > li:last-child
{	
	border-right: 0;
}
.blocs-collapse > ul > li > a.select,
.blocs-collapse > ul > li > a:hover,
#blocs-visioconference > ul > li > a.select,
#blocs-visioconference > ul > li > a:hover
{
	/*background-color:#E5F3F4;*/
	/*box-shadow: 0 0 2px #008890;*/
	/*border: 1px solid #008890;*/
}
.blocs-collapse > ul > li > a.select:after,
#blocs-visioconference > ul > li > a.select:after
{
	content:"\f063";
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);

	font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #008890;
    font-size: 22px;

    z-index: 3;
}
.blocs-collapse > ul > li .bloc-image,
#blocs-visioconference > ul > li .visioconference-image
{
	height: 150px;
	text-align: center;
}
.blocs-collapse > ul > li .bloc-image img,
#blocs-visioconference > ul > li .visioconference-image img
{
	max-width: 100%;
	max-height: 100%;
}
.blocs-collapse > ul > li .bloc-titre,
#blocs-visioconference > ul > li .visioconference-titre
{
	color: #000;
	font-weight: bold;
	padding: 0 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 90px;
}
.blocs-collapse > ul > li .bloc-titre b,
#blocs-visioconference > ul > li .visioconference-titre b
{
	color: #008890;
}
.blocs-collapse > ul > li .bloc-texte,
#blocs-visioconference > ul > li .visioconference-texte
{
	color: #1F1F1F;
	padding: 0 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 95px;
	font-size: 10px;
	font-style: italic;
	text-align: justify;
}
.blocs-collapse > ul > li .bloc-lien,
#blocs-visioconference > ul > li .visioconference-lien
{
	color: #008890;
	text-align: right;
}
.blocs-collapse > ul > li > a.select .bloc-lien > i:before, 
#blocs-visioconference > ul > li > a.select .visioconference-lien > i:before
{
	content: "\f056";
}

div.collapse+.blocs-collapse
{
	margin-top: 50px!important;
}

div.collapse > .collapse
{
	display: none;
	
	background-color: #FFF;
	border: 1px solid #CCC;
	border-radius: 5px;
	padding: 10px;
}


.cityscan-widget
{
	width: 100%;
	height: 350px;
}

.mini_wysiwyg a
{
	color: #FFF;
	text-decoration: underline;
}
.mini_wysiwyg .mini_wysiwyg_outils button.actif
{
	background-color: #00ADBE;
}
.mini_wysiwyg .mini_wysiwyg_outils select
{
	margin: 0 1px!important;
	padding: 8px 5px 7px 5px!important;
	vertical-align: middle;
}


li.msa,
div.msa
{
	position: relative;
	background-color: rgb(255 113 0 / 70%);
    padding: 5px;
    
}
li.msa
{
	background-color: rgb(255 113 0 / 25%);
	border-radius: 0 5px 5px 5px;
}
div.msa
{
	display: inline-block;
	padding: 7px 5px 6px 20px;
	margin-left: 10px;	
	color: #FFF;
	border-radius: 5px;
}

li.msa:after,
div.msa:after
{
	content: "MSA";
    transform: rotate(-90deg);
    position: absolute;
    color: #000;
    top: 9px;    
    font-size: 10px;
    /*font-weight: bold;*/
    background-color: #FF7D17;
    padding: 0px 5px;
    border-radius: 3px 3px 0 0;
    color: #FFF;
}
li.msa:after
{
	left: -23px;
}
div.msa:after
{
	left: -9px;
}
a.button.msa
{
	position: relative;
    background-color: rgb(255 113 0 / 70%);
}
a.button.msa.small
{
	padding: 10px 10px 10px 20px!important;
}
a.button.msa:hover
{
	 background-color: rgb(255 113 0 / 60%);
}
a.button.msa:after
{
    content: "MSA";
    transform: rotate(-90deg);
    position: absolute;
    color: #000;
    width: 35px;
    top: 13px;
    left: -12px;
    font-size: 10px;
    /*font-weight: bold;*/
    background-color: rgb(255 113 0 / 70%);
    padding: 0px 5px;
    border-radius: 3px 3px 0 0;
    color: #FFF;
}

.countdown {
  padding: 40px 0;
  width: 740px;
  height: 230px;
  margin: 0 auto;
}
.countdown.countdown-small {
  width: 228px;
  height: 35px;
}
.countdown .bloc-time {
  float: left;
  margin-right: 45px;
  text-align: center;
}
.countdown.countdown-small .bloc-time {
  margin-right: 15px;
}
.countdown .bloc-time:last-child {
  margin-right: 0;
}
.countdown .count-title {
  display: block;
  margin-bottom: 15px;
  font: normal 0.94em "Lato";
  color: #008890;
  font-weight: 700;
  text-transform: uppercase;
}
.countdown.countdown-small .count-title {
  display: none;
}
.countdown .figure {
  position: relative;
  float: left;
  height: 80px;
  width: 70px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 8px;
  -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
}
.countdown.countdown-small .figure {
  height: 30px;
  width: 20px;
  border-radius: 5px;
  margin-right: 5px;

  -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 1px 2px 0 0 rgba(255, 255, 255, 0.08);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 1px 2px 0 0 rgba(255, 255, 255, 0.08);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), inset 1px 2px 0 0 rgba(255, 255, 255, 0.08);
}

.countdown .figure:last-child {
  margin-right: 0;
}
.countdown .figure > span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  font: normal 3.94em/77px "Lato";
  font-weight: 700;
  color: #E91286;
}
.countdown.countdown-small .figure > span {
  font: 700 1.02em/27px "Lato";
}
.countdown .figure .top:after, .countdown .figure .bottom-back:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.countdown .figure .top {
  z-index: 3;
  background-color: #f7f7f7;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-transform: perspective(200px);
  -ms-transform: perspective(200px);
  -webkit-transform: perspective(200px);
  transform: perspective(200px);
}
.countdown .figure .bottom {
  z-index: 1;
}
.countdown .figure .bottom:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: rgba(0, 0, 0, 0.02);
}
.countdown .figure .bottom-back {
  z-index: 2;
  top: 0;
  height: 50%;
  overflow: hidden;
  background-color: #f7f7f7;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.countdown .figure .bottom-back span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.countdown .figure .top, .countdown .figure .top-back {
  height: 50%;
  overflow: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.countdown .figure .top-back {
  z-index: 4;
  bottom: 0;
  background-color: #fff;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -moz-transform: perspective(200px) rotateX(180deg);
  -ms-transform: perspective(200px) rotateX(180deg);
  -webkit-transform: perspective(200px) rotateX(180deg);
  transform: perspective(200px) rotateX(180deg);
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.countdown .figure .top-back span {
  position: absolute;
  top: -100%;
  left: 0;
  right: 0;
  margin: auto;
}

.flex-wrapper {
  display: inline-flex;
  flex-flow: row nowrap;
  vertical-align: middle;
}
.pop-nav-icons .flex-wrapper{
	position: absolute;
  top: -6px;
  right: 0;
}
.single-chart {
  width: 50px;
  justify-content: space-around ;
}
.single-chart.big
{
	width: 70px;
}
.single-chart .circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 80%;
  max-height: 250px;
  background-color: #FFF;
  border-radius: 50%;
}
.single-chart.small .circular-chart {
	margin: 0 auto;
}
.single-chart .circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}
.single-chart .circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}
@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}
.single-chart .circular-chart.orange .circle {
  stroke: #ff9f00;
}
.single-chart .circular-chart.yellow .circle {
  stroke: #FFF000;
}
.single-chart .circular-chart.green .circle {
  stroke: #4CC790;
}
.single-chart .circular-chart.red .circle {
  stroke: #E53C3C;
}
.single-chart .circular-chart.rose .circle {
  stroke: #EB0084;
}
.single-chart .percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 8px;
  text-anchor: middle;
}

#burger
{
	display: none;

	color: #FFF;
    font-size: 35px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width:860px)
{

}
@media screen and (max-width:430px)
{
	.row
	{
		flex-direction: column;
	}
	.row > *:not(#parametres)
	{
		flex: 0 0 100%;
		max-width: 100%;
	}

	#burger > i
	{
		position: absolute;
	    left: 50%;
	    top: 50%;
	}
	#burger > i:first-child
	{
		transition: 200ms ease-in-out;
		opacity: 1;
	    translate: -50% -50%;
		rotate: 0deg;		
	}
	#burger > i:first-child+i
	{
		transition: 200ms ease-in-out;
		opacity: 0;
		translate: -50% -50%;
		rotate: 180deg;
		font-size: 40px;
	}
	body.menu-open #burger > i:first-child
	{
		opacity: 0;
		translate: -50% -50%;
		rotate: 180deg;
	}
	body.menu-open #burger > i:first-child+i
	{
		opacity: 1;
		translate: -50% -50%;
		rotate: 0deg;
	}

	/**/
	body.test #burger
	{
		display: block;
	}
	body.test header .button.small
	{
	    min-width: 100px!important;
	    font-size: 12px;
	}
	body.test #app.index > header nav ul > li > a
	{
		font-size: 20px;
	}
	body.test #app.index > header nav
	{
		display: none;
		position: absolute;
	    top: 80px;
	    left: 0;
	    width: 100%;
	    background-color: #25282a;
	}
	body.menu-open #app.index > header nav
	{
		display: block;
	}
	body.test #app.index > header nav ul
	{
		display: flex;
		flex-direction: column;
	}
	body.test #app.index > header #menu_utilisateur
	{
		display: none;
		position: absolute;
		top: 302px;
		left: 0;
		width: 100%;
		background-color: #25282a;
	}
	body.menu-open #app.index > header #menu_utilisateur
	{
		display: block;
	}
	/*panier*/
	body.test #app.index > header #menu_utilisateur > div:first-child + div
	{
	    position: fixed;
	    top: 20px;
	    right: 70px;
	}
	body.test #app.index > header #menu_utilisateur > div:first-child + div > a
	{
		font-size: 30px;
	}

	body.test #app.index > header #menu_utilisateur > #recherche
	{
		display: block;
	    margin: 10px auto;
	    text-align: center;
	    padding: 0 10px;
	}
	body.test #app.index > header #menu_utilisateur > #recherche > input
	{
		width: 100%;
	}

	body.test #app.index > header #menu_utilisateur > div:nth-child(3)
	{
		display: flex;
        justify-content: center;
	}
	body.test #app.index > header #menu_utilisateur > div:nth-child(3) > div > a > i
	{
		font-size: 40px;
		display: block;
		margin: 0 auto 5px;
	}

	/*body.test #app.index > header #menu_utilisateur > div:nth-child(6)
	{
		display: block;
	}*/

	body.test #app.index > header #menu_utilisateur > div:last-child
	{
		display: block;
		text-align: center;
	}
	/**/

	.blocs3d > li
	{
		width: 100%;
	}
	.widget
	{
		width: initial;
	}

	#accueil
	{
		padding: 20px 0px 35px!important;
	}
	#accueil > div > div:first-child + div
	{
		padding: 0;
	}
	.groupe .widget .widget-titre, .blocs3d .widget .bloc3d-details .bloc3d-titre
	{
		font-size: 19px;
	}

	.widget.agenda
	{
		padding-top: initial!important;
	}
	.widget.agenda .widget-details
	{
		position: relative;
	}
	.widget.agenda > div > div.container
	{
		height: initial!important;
		overflow: initial!important;
	}
}