/*		IRCEM.COM
		Design & Intégration par Alexandre Huyghe
		http://a--h.fr/
		2015
*/


/******************* BASE *********************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	font-family: opensans;
	color: #34302f;
}

*:focus {
	outline: 0;
}

ul li {
	list-style: none;
}

html, body {
	height: 100%;
}

/* Par défaut, les liens doivent être stylisés individuellement,
nottament via la classe css .red-text, qui les passe en rouge */
a {
	text-decoration: none;
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
}

.cb {
	clear: both;
}

/* Gros bouton jaune */
.yellow-button/*, button */{
	display: block;
	font-size: 14px;
	background-color: #fdb547;
	text-shadow: 0 1px 2px #744A31;
	box-shadow: inset 0px -2px 2px 0px rgba(0, 0, 0, 0.15);
	color: #fff;
	font-family: opensans-bold;
	line-height: 1.4em;
	text-align: center;
	width: 100%;
	margin: 5px auto 5px auto;
	padding: 12px 6px 14px 6px;
	cursor: pointer;
}
.yellow-button /*, button **/ { color: #fff; }
.yellow-button small, button small {	font-size: 13px; }
.yellow-button strong, button strong {	font-size: 18px; }
.yellow-button:hover, button:hover {
	background-color: #f6a731;
	color: #fff;
	transition: 0.1s ease;
}
.yellow-button:active, button:active {
	background-color: #e99312;
	color: #fff;
	transition: 0s;
}

/* Version rouge du bouton, plus rare */
.red-button, button.red {
	display: block;
	font-size: 14px;
	background-color: #dc303c;
  	box-shadow: inset 0px -2px 2px 0px rgba(0, 0, 0, 0.15);
	color: #fff;
	font-family: opensans-semibold;
	line-height: 1.4em;
	text-align: center;
	width: 75%;
	margin: 5px auto 5px auto;
	padding: 12px 6px 14px 6px;
	cursor: pointer;
}
.red-button * {	color: #fff; }
.red-button small {	font-size: 13px; }
.red-button strong { font-size: 18px; }
.red-button:hover, button.red:hover {
	background-color: #ea898f;
	transition: 0.1s ease;
}
.red-button:active, button.red:active {
	background-color: #e15861;
	transition: 0s;
}


/* Bloc en float avec des largeurs en pourcentage
p10 = 10% de largeur, p20 = 20% de largeur, p30 = 30% de largeur, etc... */
.p10 { float: left; width: 10%; }

.p20 { float: left; width: 20%; }

.p25 { float: left; width: 25%; }

.p30 { float: left; width: 30%; }

.p33 { float: left; width: 33.33%; }

.p40 { float: left; width: 40%; }

.p50 { float: left; width: 50%; }

.p60 { float: left; width: 60%; }

.p66 { float: left; width: 66.66%; }

.p70 { float: left; width: 70%; }

.p75 { float: left; width: 75%; }

.p80 { float: left; width: 80%; }

.p90 { float: left; width: 90%; }

.p100 { float: left; width: 100%; }


/* Grille responsive de blocs avec des marges horizontales entre eux,
mais pas de marges aux extrémités.
Pour créer une grille de ce type, englober les blocs dans
un bloc de classe .m25 (pour une grille à 4 colones),
.m33 (pour une grille à 3 colonnes),
ou .m50 (pour une grille à 2 colonnes) */
.m25, .m33, .m50, .m66g, .m66d {
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.m50 > *{
	display: block;
	float: left;
	width: 48%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 15px;
}
.m50 > *:nth-of-type(odd) { margin-left: 0; }
.m50 > *:nth-of-type(even) { margin-right: 0; }

.m25 > *{
	display: block;
	float: left;
	width: 22.75%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
}
.m25 > *:nth-of-type(4n) { margin-right: 0; clear: right;}
.m25 > *:nth-of-type(4n+1) { margin-left: 0; clear: left; }

.m33 > *{
	display: block;
	float: left;
	width: 31%;
	margin-left: 1.75%;
	margin-right: 1.75%;
	margin-bottom: 15px;
}
.m33 > *:nth-of-type(3n) { margin-right: 0; clear: right; }
.m33 > *:nth-of-type(3n+1) { margin-left: 0; clear: left; }

.m66g > *{
	display: block;
	float: left;
	width: 65.5%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
}
.m66g > *:nth-of-type(even) { margin-right: 0; width: 31.5%; clear: right; }
.m66g > *:nth-of-type(odd) { margin-left: 0; clear: left; }

.m66d > *{
	display: block;
	float: left;
	width: 65.5%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
}
.m66d > *:nth-of-type(even) { margin-right: 0; clear: right; }
.m66d > *:nth-of-type(odd) { margin-left: 0; width: 31.5%; clear: left; }

/* Texte en rouge */
.red-text {
	color: #dc303c;
}

a.red-text:hover {
	color: #ea898f !important;
}

.red-text a:hover {
	color: #ea898f !important;
}

/* Titres (couleurs) */
h1 {
	font-style: italic;
	font-weight: normal;
	font-size: 28px;
	margin-bottom: 35px;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	color: #dc303c;
}

h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
	color: #dc303c;
}

h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover {
	color: #ea898f;
}

h1 a:hover span, h2 a:hover span, h3 a:hover span,
h4 a:hover span, h5 a:hover span, h6 a:hover span {
	color: #ea898f;
}

/* Texte Centré sur toute la largeur d'un bloc */
.center-text {
	display: block;
	width: 100%;
	margin: auto;
	text-align: center;
}

/* Bloc Centré */
.center {
	display: block;
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/* Input de formulaires, qui se soulignent en rouge au focus */
input[type=text], input[type=password], input[type=email], select{
	display: inline-block;
	width: auto;
	border: 1px #cacaca solid;
	width: 100%;
	height: 38px;
	padding: 2px 8px 2px 10px;
	transition: 0.08s;
	font-size: 16px;
}

select[name=dateNaissance_day] {
	margin: 0 !important;
	width: 25%;
}
select[name=dateNaissance_month] {
	margin: 0 !important;
	width: 47%;
}
select[name=dateNaissance_year] {
	margin: 0 !important;
	width: 25%;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus{
	border-bottom: 2px #dc303c solid;
}

label {
	margin-top: 12px;
	margin-bottom: 3px;
	font-size: 14px;
}

label i {
	font-size: 14px;
	color: #777;
}



/******************** FONTS ******************/

@font-face {
    font-family: 'opensans';

    src: url('/ISA/fonts/opensans-extrabold-webfont-5f0ec98759a77ff15539d53508fe1cce.eot');
    src: url('/ISA/fonts/opensans-extrabold-webfont-5f0ec98759a77ff15539d53508fe1cce.eot?#iefix') format('embedded-opentype'),
         url('/ISA/fonts/opensans-extrabold-webfont-7ea994de14a9db0958053fc71cf1e62f.woff2') format('woff2'),
         url('/ISA/fonts/opensans-extrabold-webfont-2f05eae1ac2978dba1d3467b23f48e82.woff') format('woff'),
         url('/ISA/fonts/opensans-extrabold-webfont-41545659b5db59ab0eb66992b96c04a4.ttf') format('truetype'),
         url('/ISA/fonts/opensans-extrabold-webfont-2b6ee962d6f43496e08a21db3f24c9d1.svg#open_sansextrabold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'opensans-bold';
    src: url('/ISA/fonts/opensans-extrabold-webfont-5f0ec98759a77ff15539d53508fe1cce.eot');
    src: url('/ISA/fonts/opensans-extrabold-webfont-5f0ec98759a77ff15539d53508fe1cce.eot?#iefix') format('embedded-opentype'),
         url('/ISA/fonts/opensans-extrabold-webfont-7ea994de14a9db0958053fc71cf1e62f.woff2') format('woff2'),
         url('/ISA/fonts/opensans-extrabold-webfont-2f05eae1ac2978dba1d3467b23f48e82.woff') format('woff'),
         url('/ISA/fonts/opensans-extrabold-webfont-41545659b5db59ab0eb66992b96c04a4.ttf') format('truetype'),
         url('/ISA/fonts/opensans-extrabold-webfont-2b6ee962d6f43496e08a21db3f24c9d1.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: url('/ISA/fonts/opensans-italic-webfont-ed5681225315be03c058ae9f83c11848.eot');
    src: url('/ISA/fonts/opensans-italic-webfont-ed5681225315be03c058ae9f83c11848.eot?#iefix') format('embedded-opentype'),
         url('/ISA/fonts/opensans-italic-webfont-18fac45119b43ef7c354d46aa3c659be.woff2') format('woff2'),
         url('/ISA/fonts/opensans-italic-webfont-ca0001e39ef75aa7961d373ab4e471b6.woff') format('woff'),
         url('/ISA/fonts/opensans-italic-webfont-2358c63ecfb0b7f088a7bbd4000990e7.ttf') format('truetype'),
         url('/ISA/fonts/opensans-italic-webfont-d60fc8c0253d302caf295764b4c485c1.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'opensans-italic';
    src: url('/ISA/fonts/opensans-italic-webfont-ed5681225315be03c058ae9f83c11848.eot');
    src: url('/ISA/fonts/opensans-italic-webfont-ed5681225315be03c058ae9f83c11848.eot?#iefix') format('embedded-opentype'),
         url('/ISA/fonts/opensans-italic-webfont-18fac45119b43ef7c354d46aa3c659be.woff2') format('woff2'),
         url('/ISA/fonts/opensans-italic-webfont-ca0001e39ef75aa7961d373ab4e471b6.woff') format('woff'),
         url('/ISA/fonts/opensans-italic-webfont-2358c63ecfb0b7f088a7bbd4000990e7.ttf') format('truetype'),
         url('/ISA/fonts/opensans-italic-webfont-d60fc8c0253d302caf295764b4c485c1.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opensans';
    src: url('/ISA/fonts/opensans-regular-webfont-c171de59500a0227ebcac7673ae7ee24.eot');
    src: url('/ISA/fonts/opensans-regular-webfont-c171de59500a0227ebcac7673ae7ee24.eot?#iefix') format('embedded-opentype'),
         url('/ISA/fonts/opensans-regular-webfont-576e74236ae40b0220f77dd59e876437.woff2') format('woff2'),
         url('/ISA/fonts/opensans-regular-webfont-547212080be68bbe57e364512d8f2652.woff') format('woff'),
         url('/ISA/fonts/opensans-regular-webfont-fb44c2e818cb367579adb232d7052229.ttf') format('truetype'),
         url('/ISA/fonts/opensans-regular-webfont-f9859eda03c0e1af12e148ed2a194e72.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'opensans-semibold';
    src: url('/ISA/fonts/opensans-semibold-webfont-129fd4a0211090f9f191696e8779f537.eot');
    src: url('/ISA/fonts/opensans-semibold-webfont-129fd4a0211090f9f191696e8779f537.eot?#iefix') format('embedded-opentype'),
         url('/ISA/fonts/opensans-semibold-webfont-5ef0eee404274a7498696944ce250c7b.woff2') format('woff2'),
         url('/ISA/fonts/opensans-semibold-webfont-02ae408a9506f25735ce47b704796c8b.woff') format('woff'),
         url('/ISA/fonts/opensans-semibold-webfont-0b5abc8892eb0720c27a73c832efa2e4.ttf') format('truetype'),
         url('/ISA/fonts/opensans-semibold-webfont-1f0599ac63a11b3605a66b8e9fbd7ecb.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/******************** HEADER ******************/

header {
	z-index: 3;
	background-color: #fff;
	width: 100%;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 1, 0.2);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 1, 0.2);
	position: relative;
}
header .zone-logo {
	height: 88px;
}

/* Bouton Recherche */

header .zone-search {
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 100px;
}

header .zone-search a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

header .zone-search a img {
	display: block;
	margin: auto;
	margin-top: 25px;
	transition: 0.15s;
}

header .zone-search a:hover img {
	transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);

}

/* Bouton Espace Client */
header .zone-espace-client {
	z-index : 50 !important;
	position: absolute;
	display: block;
	top: 0; bottom: 0; right: 0;
	width: 260px;
	border-left: 1px #cacaca solid;
	color: #fff;
	background-color: #dc303c;
}

header .zone-espace-client p {
	color: #fff;
}

header .zone-espace-client span {
	color: #fff;
	display: block;
	margin-left: 16%;
	transition: 0.15s;
}

header .zone-espace-client .disconnected a {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
}

header .zone-espace-client .disconnected a:hover span:nth-of-type(1) {
	color: #fff;
	font-size: 14.5px;
}

header .zone-espace-client a:hover span:nth-of-type(2) {
	color: #fff;
	font-size: 16.5px;
}

header .zone-espace-client span:nth-of-type(1) {
	font-style: italic;
	font-size: 14px;
	margin-top: 20px;
}

header .zone-espace-client span:nth-of-type(2) {
	font-weight: bold;
	text-transform: uppercase;
	height: 25px;
}

.deconnexion_franceConnect {
	font-weight: bold;
	text-transform: uppercase;
	height: 25px;
	cursor: pointer;
}

.deconnexion_franceConnect::after {
	display: block;
	content: ">";
	color: #fff;
	position: absolute;
	right: 10%;
	top: 33px;
	font-size: 20px;
	font-family: opensans;
	transform: scale(0.6,1.2);
}

header .zone-espace-client .fleche-client {
	position: absolute;
	right: 8%;
	top: 35px;
}

header .zone-espace-client .france-connect-profile span:nth-of-type(1) {
	font-style: italic;
	font-size: 14px;
	margin-top: 1px!important;
}

header .zone-espace-client .france-connect-profile .fleche-client {
	position: absolute;
	right: 8%;
	top: 45px;
}

header .zone-espace-client .connected span:nth-of-type(1) {
	margin-top: 12px;
}

header .zone-espace-client .connected .deco-link {
	font-size: 13px;
}

header .zone-espace-client .connected .deco-link:hover {
	color: #fff;
}

header .zone-espace-client:hover #bandeau-connexion {
	display: block;
	height: auto;
	opacity: 100;
}

#bandeau-connexion {
	height: 0px;
	position: absolute;
	z-index:9999 !important;
	top: 88px;
	right: 0;
	width: 100%;
	min-width: 200px;
	background-color: #dc303c;
	color: #fff;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	transition: 0.2s;
	overflow: hidden;
	opacity: 0;
	margin: 0;
	padding: 0;
}

#bandeau-connexion .yellow-button {
	margin: 0;
	width: 100%;
	height: 50%;
	color: #fff;
	border: none;
	box-shadow: none;
	background-color: #dc303c;
	text-align: left;
	padding-left: 16%;
	padding-top: 19px;
	position: relative;
	transition: 0.15s;
	font-family: opensans;
	font-weight: normal;
	font-size: 15px;
}

#bandeau-connexion .yellow-button::after {
	display: block;
	content: ">";
	color: #fff;
	position: absolute;
	right: 10%;
	top: 18px;
	font-size: 20px;
	font-family: opensans;
	transform: scale(0.6,1.2);
}

#bandeau-connexion .yellow-button:hover {
	background-color: #e95a68;
	letter-spacing: 0.025em;
}

/* Zone Logo */

header .logo-description {
	float: left;
	font-style: italic;
	font-size: 14px;
	margin-left: 20px;
	margin-top: 38px;
}
/*
header .zone-logo {
	position: absolute;
	top: 0; bottom: 0; left: 160px; right: 260px;
}
*/
header .center-logo {
	width: 540px;
	width: 670px;
	margin: auto;
}

header #logo {
	display: block;
	float: left;
	margin-top: 16px;
}

header .afaq-logo {
	position: absolute;
	top: 22px;
	left: 50%;
	margin-left: 279px;
}

/****************** NAV BAR *******************/

nav {
	position: relative;
	z-index: 2;
	background-color: #fdb547;
	padding-bottom: 7px;
	width: 100%;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 1, 0.17);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 1, 0.17);
}

nav.deuxieme {
	z-index: 1;
	background-color: #f3b04c;
	padding-top: 2px;
}

nav ul {
	text-align: center;
	width: 90%;
	max-width: 1100px;
	margin: auto;
}

nav ul li {
	text-align: center;
	display: inline-block;
	margin: 6px 3% 0px 3%;
	text-transform: uppercase;
	font-size: 14px;
	color: white;
	font-family: opensans;
}

nav ul li a {
	display: block;
	text-align: center;
	width: 100%;
	text-shadow: 0 1px 2px #744A31;
	font-weight: bold;
}


nav .mini-nav {
	display: none;
}

nav ul li a:hover {
	text-decoration: underline;
	transition: 0.15s;
}

nav ul li a:active {
	text-decoration: underline;
	color: #fbd7a2;
}



/******************* CONTENU ***********************/

#control-bar {
	z-index: -100;
	background-color: #fff;
	position: fixed;
	left: 0; top:0; bottom: 0;
	width: 30%;
	border-right: 1px #eebeb5 solid;
}

body {
	position: relative;
	background-color: #fef6ee;
}

section {
	position: relative;
	width: 90%;
	max-width: 1100px;
	margin: auto;
	margin-top: 12px;
	margin-bottom: 50px;
}

article {
	background-color: #fff;
	/*position: relative;*/
	float: left;
	margin-top: 20px;
	height: 275px;
	overflow: hidden;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
}

/* Mise en page Homepage */

section .total {
	width: 78%;
}

section .tall {
	height: 350px;
}

section .min-tall {
	min-height: 350px;
	height: auto;
}

section .largest {
	width: 53%;
}

section .smallest {
	width: 22%;
}

section .large {
	width: 46%;
}

section .small {
	width: 29%;
}

section .left {
	margin-right: 1.5%;
}

section .autoheight {
	height: auto !important;
}

section .right {
	margin-left: 1.5%;
}

.controls {
	position: relative;
	float: left;
	margin-top: 30px;
	height: 275px;
	overflow: hidden;
	width: 22%;
	background-color: #dc303c;
}

.placeholder-sticky {
	display: none;
	background-color: transparent;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

h4 {
	position: absolute;
	top: 16px; right: 20px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: #dc303c;
	z-index: 20;
}

h4:after {
	display: block;
	position: absolute;
	top: 28px; right: 5px;
	content: '';
	height: 3px;
	width: 50%;
	background-color: #ffba57;
}

h4.white {
	color: #fff;
}

h4.white:after {
	background-color: #fff;
}

.appear-at-1200 {
	display: none;
}

.bloc-padding {
	padding: 60px 15px 0 25px !important;
}

/* Recherche */

#recherche {
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	z-index: 200;
	visibility: hidden;
}

#recherche .cache {
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	cursor: pointer;
}

#recherche .searchbar {
	position: absolute;
	top: 50%; left: 20%; right: 20%;
	margin-top: -100px;
	height: 200px;
	background-color: #fff;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
}

#recherche .searchbar form{
	width: 100%;
}

#recherche h1 {
	color: #dc303c;
	font-weight: normal;
	font-style: italic;
	display: block;
	margin: 20px auto 20px auto;
	width: 100%;
	text-align: center;
}

#recherche .searchbar .champs-recherche {
	display: block;
	border: 2px #f1868d solid;
	width: 75%;
	height: 54px;
	margin: auto;
}

#recherche .searchbar form input[type=text]{
	content: 'Recherche';
	display: block;
	float: left;
	padding: 5px 15px 5px 15px;
	width: 85%;
	height: 50px;
	font-size: 18px;
}

#recherche .searchbar form input[type=text]:focus{
	content: ' ';
}

#recherche .searchbar form input[type=submit]{
	display: block;
	float: left;
	color: #dc303c;
	width: 15%;
	height: 50px;
	background: transparent;
	cursor: pointer;
	font-size: 20px;
	transform: scale(0.6,1.2);
	-webkit-transform: scale(0.6,1.2);
	transition: 0.15s;
}

#recherche .searchbar form input[type=submit]:hover{;
	transform: scale(0.9,1.8);
	-webkit-transform: scale(0.9,1.8);
}

#recherche #close-button {
	position: absolute;
	top: 5px;
	right: 12px;
	transform: scale(1, 0.75);
	-webkit-transform: scale(1, 0.75);
	color: #f28f95;
	display: block;
	width: 25px;
	height: 25px;
	text-align: center;
	transition: 0.15s;
	cursor: pointer;
}

#recherche #close-button:hover {
	margin-top: 2px;
	transform: scale(1.6, 1.2);
	-webkit-transform: scale(1.6, 1.2);
	color: #dc303c;
}


/* Accueil : Bloc 1 : Votre IRCEM */

#controls-vi div:first-of-type {
	margin: auto;
	margin-top: 100px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

#controls-vi ul {
	display: block;
	margin: auto;
	margin-top: 15px;
	text-align: center;
	border: 2px #fff solid;
	width: 85%;
	overflow: hidden;
	transition: 0.2s;
	height: 45px;
	transition: 0.2s;
}

#controls-vi ul.opendrop li {
	display: block;
}

#controls-vi ul.opendrop {
	cursor: pointer;
	background-color: #c02933;
	height: 200px;
}

#controls-vi ul li {
	display: none;
	margin: auto;
	text-align: center;
	color: #fff;
	height: 37px;
	padding: 6px 0 6px 0;
	font-style: italic;
	font-size: 18px;
	letter-spacing: 2px;
	overflow: hidden;
	transition: 0.2s;
}

#controls-vi ul li {
	color: #efb8bb;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 3px 0 3px 0;
}

#controls-vi ul li:first-of-type {
	display: block;
	font-style: italic;
	font-size: 18px;
	letter-spacing: 2px;
	color: #fff;
	padding: 8px 0 8px 0  !important;
	margin-bottom: 3px;
}

#controls-vi ul li.mini:first-of-type {
	font-size: 15px !important;
	letter-spacing: 1px;
}

#controls-vi ul li.mini:hover {
	letter-spacing: 0.8px !important;
}


#controls-vi ul li:hover {
	color: #fff;
	cursor: pointer;
	letter-spacing: 1.5px;
}

.accordion-ircem {
	margin-top: 45px !important;
	margin-left: 2% !important;
}

.contenu-votreIRCEM {
	position: absolute;
	top: 0; bottom: 50px; left: 0; right: 0;
}

.accordion-ircem h3 {
	margin: 0;
	padding: 0;
	color: #dc303c;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 8px;
	margin-top: 8px;
	transition: 0.2s;
}

.accordion-ircem h3:hover {
	cursor: pointer;
	color: #e56870;
	letter-spacing: 2px;
}

.accordion-ircem h3:before {
	display: inline-block;
	width: 7px;
	height: 11px;
	content: ' ';
	background: url('/ISA/images/fleche-r-4bdff37536633962a67ad1b9532e5200.png') no-repeat;
	background-size: cover;
	margin-right: 20px;
	transition: 0.2s;
}

.accordion-ircem h3.active:before {
	transform: rotate(90deg);
}

.accordion-ircem .accordion-category {
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 25px;
}

.accordion-ircem ul li, .accordion-ircem p {
	margin-bottom: 4px;
}

.accordion-ircem ul li:before {
	display: inline-block;
	content: '>';
	margin-right: 8px;
	transform : scale(0.6,1);
	-webkit-transform : scale(0.6,1);
}

.accordion-ircem ul li a {
	text-decoration: underline;
}

.accordion-ircem ul li a:hover {
	color: #999;
}

.accordion-ircem strong {
	font-weight: normal;
	font-size: 16px;
}

#molette {
	position: absolute;
	width: 100%;
	top: 190px;
	font-style: italic;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

#molette span {
	color: #fff;
	display: block;
	opacity: 0.5;
	filter: alpha(opacity=50);
	font-size: 18px;
}

#molette span:nth-of-type(2) {
	font-size: 15px;
	opacity: 0.35;
	filter: alpha(opacity=35);
}

#molette span:nth-of-type(3) {
	font-size: 12px;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

/* Accueil : Bloc 2 : Guide */

#guide-ircem {
	padding-top: 65px;
}

#guide-ircem .points {
	font-family: opensans-semibold;
	color: #dc303c;
	font-size: 19px;
	display: inline-block;
	text-align: center;
	padding-top: 6px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	border: 2px #dc303c solid;
}

#guide-ircem #jauge {
	display: block;
	width: 100%;
	height: 16px;
	border-radius: 8px;
	border: 2px #dc303c solid;
	margin-top: 8px;
	overflow: hidden;
}

#guide-ircem .zone-points {
	width: 82%;
	margin: auto;
	margin-bottom: 15px;
}

#guide-ircem .zone-boutons {
	width: 82%;
	margin: auto;
}

#guide-ircem #jauge-completion {
	height: 100%;
	width: 25%;
	background-color: #dc303c;
}

#guide-ircem .legend {
	width: 100%;
	font-style: italic;
	font-size: 13px;
	margin-top: 3px;
	margin-bottom: 8px;
	color: #dc303c;
}

#guide-ircem .points-txt {
	text-transform: uppercase;
	color: #dc303c;
	margin-left: 15px;
}

#guide-ircem h6 {
	color: #dc303c;
	font-size: 12px;
	font-weight: normal;
	font-size: 16px;
	margin-top: 32px;
}

#guide-ircem h5 {
	color: #dc303c;
	font-size: 12px;
	font-weight: normal;
	font-size: 16px;
}


/* Accueil : Bloc 3 : Actualités */

#controls-actus {
	position: relative;
}

#actus-bouton-precedent {
	display: block;
	position: absolute;
	top: 95px; left: 10%; width: 36%; height: 58px;
	border: 2px white solid;
	background-image: url('/ISA/images/fleche-r-4bdff37536633962a67ad1b9532e5200.png');
	background-repeat: no-repeat;
	background-position: center;
}

#actus-bouton-suivant {
	display: block;
	position: absolute;
	top: 95px; left: 54%; width: 36%; height: 58px;
	border: 2px white solid;
	background-image: url('/ISA/images/fleche-r-4bdff37536633962a67ad1b9532e5200.png');
	background-repeat: no-repeat;
	background-position: center;
}

.carousel-nav-button:hover {
	background-color: #eb8c92;
	transition: 0.15s;
	cursor: pointer;
}

.carousel-nav-button {
	background-color: transparent;
}

.carousel-nav-button:active {
	background-color: #b82731;
	transition: 0s ease-out;
	cursor: pointer;
}

#bullets-carousel-actus {
	position: absolute;
	bottom: 100px; left: 10%; right: 10%; height: 3px;
}

#bullets-carousel-actus .actus-bullet {
	display: block;
	float: left;
	width: 20.5%;
	height: 100%;
	background-color: white;
	margin: 0 3% 0 3%;
	opacity: 0.4;
	filter: alpha(opacity=40);
	transition: 0.25s;
}

#bullets-carousel-actus .actus-bullet:first-of-type {
	margin: 0 3% 0 0;
}

.actus-bullet.active-bullet {
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}

#bullets-carousel-actus .actus-bullet:last-of-type {
	margin: 0 0 0 3%;
}

#carousel-actus {
	width: 100%;
	height: 100%;
}

#bloc-actus {
	background-color: #000;
}

#bloc-actus .actu {
	position: relative;
	width: 100%;
	height: 275px;
	z-index: 0;
}

#bloc-actus .actu .contenu-actu {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 275px;
}

#bloc-actus .actu h2 {
	margin: auto;
	width: 80%;
	height: 80px;
	margin-top: 100px;
	text-align: center;
	text-shadow: 0 0 5px rgba(25,25,25,0.5);
}

#bloc-actus .actu h2 span {
	color: #fff;
	text-transform: uppercase;
}

#bloc-actus .actu a:hover .fond-img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}


#bloc-actus .actu .fond-img {
	z-index: -10;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover !important;
	background-position: 35% 35% !important;
	transition: 0.15s;
}

#bloc-actus .actu .actu-suite {
	position: absolute;
	bottom: 20px;
	right: 30px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 3px rgba(25,25,25,0.5);
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#bloc-actus .actu .actu-suite:after {
	display: inline-block;
	content: '>';
	transform : scale(0.75,1.2);
	-webkit-transform : scale(0.75,1.2);
	margin-left: 8px;
}

/* Accueil : Bloc 4 : Contact */

#contact {
	color: #dc303c;
	padding-left: 35px;
	padding-right: 25px;
	padding-top: 42px;
}

#contact .contact-link {
	display: block;
	margin: 25px 0px 5px 0px;
	color: #dc303c;
	font-style: italic;
	font-size: 18px;
	transition: 0.15s;
}

#contact .contact-link:nth-of-type(2):hover {
	color: #fc7780;
}

#contact .telephone-nb {
	display: block;
	color: #dc303c;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 2px;
	margin-bottom: 5px;
}

#contact .legend {
	color: #f0757d;
	font-style: italic;
	font-size: 14px;
}


/* Accueil : Bloc 5 : Informations */

#controls-infos ul, #bloc-infos ul {
	height: 100%; width: 100%;
}

#controls-infos ul li, #bloc-infos ul li {
	height: 25%; width: 100%;
}

#bloc-infos ul li a {
	display: block;
	height: 100%; width: 100%;
	position: relative;
	padding-top: 22px;
	padding-left: 10%;
	border-bottom: 1px #cacaca solid;
	color: #dc303c;
	transition: 0.15s;
}

#bloc-infos ul li a:last-of-type {
	border-bottom: none;
}

#controls-infos ul li a {
	display: block;
	height: 100%; width: 100%;
	text-align: right;
	padding-right: 25px;
	padding-top: 20px;
	transition: 0.15s;
}

#controls-infos ul li:nth-of-type(2), #controls-infos ul li:nth-of-type(4) {
	background-color: #e04e58;
}

#controls-infos ul li a:hover {
	background-color: #ed989e;
}

.link-controls-infos-hover {
	background-color: #ed989e;
}

#bloc-infos ul li a:hover {
	background-color: #f7d6d8;
	font-size: 17px;
}

.link-bloc-infos-hover {
	background-color: #f7d6d8;
	font-size: 17px;
}


/* Accueil : Bloc 6 : Partenaires */

#bloc-partenaires .zone-partenaire {
	width: 100%;
	height: 50%;
	font-size: 14px;
	position: relative;
}

#bloc-partenaires .zone-partenaire:first-of-type {
	border-bottom: 1px #cacaca solid;
}

#bloc-partenaires .zone-partenaire .p40 {
	padding: 33px 0 0 33px;
	text-align: center;
}

#bloc-partenaires .zone-partenaire .p60 {
	padding: 25px;
}

#bloc-partenaires .zone-partenaire p {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}

#bloc-partenaires .zone-partenaire .decouvrir {
	text-transform: uppercase;
	font-family: opensans-semibold;
	letter-spacing: 0.1em;
	display: block;
	position: absolute;
	bottom: 20px;
	right: 30px;
	transition: 0.15s;
}

#bloc-partenaires .zone-partenaire:nth-of-type(1) .decouvrir {
	color: #dc303c;
}

#bloc-partenaires .zone-partenaire:nth-of-type(1) a:hover .decouvrir {
	color: #f1868d;
}

#bloc-partenaires .zone-partenaire:nth-of-type(2) .decouvrir {
	color: #f78000;
}

#bloc-partenaires .zone-partenaire:nth-of-type(2) a:hover .decouvrir {
	color: #ffc063;
}

#bloc-partenaires .zone-partenaire a img {
	width: 162px;
}


#bloc-partenaires .zone-partenaire a:hover img {
	width: 169px;
	transition: 0.15s;
}


/******************** FOOTER ***********************/

.sticky-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer {
	width: 100%;
	margin-top: 100px;
	min-height: 300px;
	background-color: #dc303c;
	color: #fff;
}

footer #footer-content {
	position: relative;
	width: 90%;
	max-width: 1390px;
	margin-left: 11%;
}

footer .footer-category {
	float: left;
	width: 16%;
	margin-top: 25px;
	margin-left: 2.5%;
	margin-right: 2.5%;
	height: 260px;
}

footer .footer-category:nth-of-type(1) {
	margin-left: 0%;
}

footer .footer-category:nth-of-type(3) {
	width: 18%;
}

footer .footer-category:nth-of-type(4) {
	width: 14%;
}

footer .footer-category:nth-of-type(5) {
	margin-right: 0%;
}

footer h5 {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}

footer h5:after {
	display: block;
	margin-top: 8px;
	margin-bottom: 16px;
	content: '';
	height: 3px;
	width: 50%;
	background-color: #fff;
}

footer ul li a {
	color: #fcedee;
	font-size: 14px;
	font-style: italic;
	letter-spacing: 0.035em;
	line-height: 28px;
}

footer ul li a:hover {
	color: #fff;
	letter-spacing: 0.04em;
}


/*** Visite Guidée ***/

.info-bulle {
	padding: 10px;
}

.joyride-content-wrapper {
	color: #fff !important;
}

.joyride-next-tip {
	margin-top: 20px;
	display: block;
	background: #dc303c !important;
	padding: 15px;
	font-size: 15px;
	transition: 0.2s;
	text-align: center;
}

.joyride-next-tip:hover {
	background: #e66f77 !important;
	color: rgba(255,255,255,1) !important;
}

/************* FORMULAIRES ************/

#formulaire-box {
	padding: 15px 35px 15px 35px;
	width: 95%;
	max-width: 700px;
	overflow: auto;
	height: auto;
}

#formulaire-box>div {
	margin-top: 25px;
}

#formulaire-box p {
	margin: 8px 0 15px 0;
}

#formulaire-box p a {
	color: #dc303c;
}

#formulaire-box>div:first-of-type {
	margin-top: 10px;
}

#formulaire-box label, #formulaire-box input {
	display: block;
	width: 100%;
}

#formulaire-box label {
	margin-top: 1px;
	margin-bottom: 1px;
}

#formulaire-box label i {
	font-size: 14px;
	color: #777;
}

textarea {
	border: 1px #cacaca solid;
	width: 100%;
	min-height: 150px;
	height: 200px;
	resize: vertical;
	padding: 5px 8px 5px 8px;
}

#formulaire-box .lien-souligne {
	display: block;
	color: #555;
	font-size: 14px;
	width: 100%;
	font-style: italic;
	text-align: center;
	text-decoration: underline;
	margin-top: 8px;
}

#formulaire-box input[type=hidden] {
	display: none;
}

#formulaire-box input[type=text], #formulaire-box input[type=password]{
	display: inline-block;
	width: auto;
	border: 1px #cacaca solid;
	width: 100%;
	height: 38px;
	padding: 2px 8px 2px 10px;
	transition: 0.08s;
	font-size: 16px;
}

#formulaire-box input[type=text]:focus, #formulaire-box input[type=password]:focus, textarea:focus{
	border-bottom: 2px #dc303c solid;
}

#formulaire-box .restezconnectes {
	width: 100%;
	margin-bottom: 1px;
}

#formulaire-box .restezconnectes label {
	width: auto;
	display: inline-block;
}

#formulaire-box .restezconnectes input {
	width: auto;
	margin-left: 25px;
	display: inline-block;
}

#formulaire-box h1 {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

#formulaire-box h2 {
	color: #df215e;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 1px;
}

#formulaire-box .chapitre>h3 {
	margin-top: 32px;
	margin-bottom: 8px;
}

#formulaire-box .chapitre>h3:first-of-type {
	margin-top: 15px;
}

#formulaire-box h3 {
	color: #dc303c;
	font-family: opensans;
	font-weight: normal;
}

#formulaire-box select {
	width: 100%;
	padding: 5px;
	border: 1px #cacaca solid;
}

/************* FORMULAIRES PAGE LOGIN ************/

.login-section {
	position: relative;
	width: 90%;
	max-width: 1300px;
	margin: auto;
	margin-top: 12px;
	margin-bottom: 50px;
}

.login-box {
	padding: 15px 35px 15px 35px;
	/*width: 60%; sans france connect*/
	width: 95%;
	max-width: 1300px;
	overflow: auto;
	height: auto;
}

.login-box>div {
	display: inline-block;
	/*width:100%; sans france connect*/
	width: 50%;
	height: auto;
	position: relative;
	float: left;
	padding: 10px 30px;
	margin-top: 0!important;
}

.login-box p {
	margin: 8px 0 15px 0;
}

.login-box p a {
	color: #dc303c;
}

.login label, .login-box input {
	display: block;
	width: 100%;
}

.login-box label {
	margin-top: 1px;
	margin-bottom: 1px;
}

.login-box label i {
	font-size: 14px;
	color: #777;
}

.login-box .lien-souligne {
	display: block;
	color: #555;
	font-size: 14px;
	width: 100%;
	font-style: italic;
	text-align: center;
	text-decoration: underline;
	margin-top: 8px;
}

.login-box input[type=hidden] {
	display: none;
}

.login-box input[type=text], .login-box input[type=password]{
	display: inline-block;
	width: auto;
	border: 1px #cacaca solid;
	width: 100%;
	height: 38px;
	padding: 2px 8px 2px 10px;
	transition: 0.08s;
	font-size: 16px;
}

.login-box input[type=text]:focus, .login-box input[type=password]:focus, textarea:focus{
	border-bottom: 2px #dc303c solid;
}

.login-box .restezconnectes {
	width: 100%;
	margin-bottom: 1px;
}

.login-box .restezconnectes label {
	width: auto;
	display: inline-block;
}

.login-box .restezconnectes input {
	width: auto;
	margin-left: 25px;
	display: inline-block;
}

.login-box h1 {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.login-box h2 {
	color: #dc303c;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 1px;
}

.login-box .chapitre>h3 {
	margin-top: 32px;
	margin-bottom: 8px;
}

.login-box .chapitre>h3:first-of-type {
	margin-top: 15px;
}

.login-box h3 {
	color: #dc303c;
	font-family: opensans;
	font-weight: normal;
}

.login-box select {
	width: 100%;
	padding: 5px;
	border: 1px #cacaca solid;
}

#password-area, #new-password-area, #confirm-password-area {
	position: relative;
}

#password-area-oeil, #new-password-area-oeil, #confirm-password-area-oeil {
	background-size: 21px 21px;
	bottom: 0;
	cursor: pointer;
	margin-inline-end: 16px;
	padding: 7px 1px;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
}

/* --- FranceConnect - Connexion --- */

.login-cache {
	left: 0;
	position: absolute!important;
	right: 0;
	top: 0;
	visibility: hidden;
	height: 0px!important;
	width: 0px!important;
}

/* liens France connect */
.france-connect-login-link {
  margin: 2rem 0;
}
.france-connect-login-link a {
	margin: 0 auto .5rem auto;
	display: block;
	font-size: 14px;
	text-decoration: underline;
	text-align: center;
	color: rgb(0, 0, 145)
}

/* --- FranceConnect - Profil --- */
.france-connect-profile {
	padding: 16px 0 85px 35px;
	background: url('/ISA/images/fc-avatar-5fd70c3181e5a5a342fae011da1d3961.png') left center no-repeat;
	background-size: 30px 35px;
	background-repeat: no-repeat;
	background-position: 17px 21px;
}


.numero-0980 {
	display: block;
	margin: 20px auto 3px auto;
	width: 220px;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	background-color: #dc303c;
	color: #fff;
	padding: 8px;
	text-align: center;
	font-family: opensans-semibold;
	font-size: 19px;
}

.numero-0980 img {
	padding-right: 8px;
}

.numero-0980 a {
	color: white !important;
}

.legende-numero-0980 {
	display: block;
	color: #dc303c;
	font-size: 13px;
	text-align: center;
	width: 220px;
	margin: 0 auto 10px auto;
}




/**************** PAGE TEXTE STANDARD ******************/

/* Sert à ajouter les paddings standards à un bloc */
.standard {
	position: relative;
	padding: 25px 5% 35px 5%;
	overflow: auto;
	height: auto;
}

#article-texte {
	height: auto !important;
}

/* Bloc au fond jaune très clair, appelé post-it */
.post-it {
	background-color: #fff5df;
	position: relative;
	margin-top: 8px; margin-bottom: 15px;
	min-height: 100px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
}

.text {
	padding: 35px 5% 75px 5%;
}

.standard {
	position: relative;
	padding: 35px 5% 75px 5%;
	overflow: auto;
	height: auto;
}

.small-padding {
	padding: 15px 20px 18px 20px !important;
}

.small-v-padding {
	padding-top: 15px !important;
	padding-bottom: 25px !important;
}

.bigger-paddings {
	padding-left: 7.5% !important;
	padding-right: 7.5% !important;
}

.img-100 {
	width: 100%;
	height: auto;
}

/* Titre des pages de texte */
.text h1 {
	position: relative;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 1px;
	margin-bottom: 45px;
	text-align: right;
}

.text h1:after {
	display: block;
	content: ' ';
	height: 3px;
	width: 25%;
	margin-top: 8px;
	margin-left: 75%;
	background-color: #ffba57;
}

.text h2 {
	font-weight: normal;
	font-size: 30px;
	font-style: italic;
	margin: 45px 0 18px 0;
}

.text h3 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
	margin-top: 35px;
}

.text h4 {
	position: static;
	font-weight: normal;
	font-style: italic;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-transform: none;
	color: #dc303c;
	margin-bottom: 5px;
	margin-top: 15px;
}

.text h4:after {
	display: none;
}

.text h5 {
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 8px;
}

.text h6 {
	font-family: opensans-semibold;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 8px;
}

.text strong, .text b {
	font-weight: normal;
	font-family: opensans-semibold;
}

/* Décalage horizontal des titres */
.text .alinea {
	margin: 5px 1% 5px 5.5%;
}

.text a:not(.yellow-button):not(.red-button),
.text a:not(.yellow-button):not(.red-button) sup,
.text a:not(.yellow-button):not(.red-button) strong,
.text a:not(.yellow-button):not(.red-button) small {
	color: #dc303c;
}

.text a:not(.yellow-button):not(.red-button):hover,
.text a:not(.yellow-button):not(.red-button):hover sup,
.text a:not(.yellow-button):not(.red-button):hover strong,
.text a:not(.yellow-button):not(.red-button):hover small {
	color: #ea898f;
}

.text a.yellow-button.margins {
	margin-top: 8px;
	margin-top: 15px;
}

/* Tableaux */

.text .tableau tr,
.text .tableau td,
.text .tableau th {
    border: 0;
    border-spacing: 0;
    padding: 8px;
    margin: 0;
    border-collapse: collapse;
}

.text .tableau tr:nth-of-type(even) {
    background-color: #fff9ef;
}

.text .tableau td,
.text .tableau th {
    border-right: 1px #dc303c solid;
}

.text .tableau td:last-of-type,
.text .tableau th:last-of-type {
    border-right: none;
}

.text .tableau th {
	font-family: opensans-semibold;
	font-weight: normal;
}

/* Paragraphe de texte standard */
.text p {
	margin: 25px 0 25px 0;
}

.text ul:not(.puce-grise):not(.ui-tabs-nav):not(.no-puces) li {
	position: relative;
	font-size: 15px;
	list-style: none;
	margin-left: 5%;
	margin-bottom: 8px;
	text-indent: 8px;
}

.text :not(.arborescence):not(.puce-grise):not(.ui-tabs-nav) li h3,
.text :not(.arborescence):not(.puce-grise):not(.ui-tabs-nav) li h4,
.text :not(.arborescence):not(.puce-grise):not(.ui-tabs-nav) li h5,
.text :not(.arborescence):not(.puce-grise):not(.ui-tabs-nav) li h6 {
	display: inline;
}

.text ul:not(.arborescence):not(.puce-grise):not(.ui-tabs-nav):not(.no-puces) li:before {
	font-family: arial;
	display: inline-block;
	position: relative;
	content: '■';
	font-size: 0.8em;
	margin-left: -4%;
	margin-right: 3.5%;
	vertical-align: middle;
	top: -2px;
	color: #34302F;
}

.puce:not(ul):not(li) {
	display: block;
	position: relative;
	font-size: 15px;
	list-style: none;
	margin-left: 5%;
	margin-bottom: 8px;
	text-indent: 8px;
}

.puce:not(ul):not(li):before {
	font-family: arial;
	display: inline-block;
	position: relative;
	content: '■';
	font-size: 0.8em;
	margin-left: -4%;
	margin-right: 3.5%;
	vertical-align: middle;
	top: -2px;
	color: #34302F;
}

.puce-grise li, .puce-grise:not(ul) {
	display: block;
	position: relative;
	font-size: 15px;
	list-style: none;
	margin-left: 8% !important;
	margin-bottom: 8px;
	text-indent: 8px;
}

.puce-grise li:before, .puce-grise:not(ul):before {
	content: '■';
	font-family: arial;
	display: inline-block;
	position: relative;
	font-size: 0.8em;
	margin-left: -4%;
	margin-right: 3.5%;
	vertical-align: middle;
	top: -2px;
	color: #aaa !important;
}

/* Barre de progression de la lecture du texte, avec lecture.js*/

#sticky-controls {
	height: auto !important;
	position: fixed;
	top: 195px;
	right: -1px;
	width: 12%;
	background-color: #fff;
	color: #dc303c;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	z-index: 80;
}

#readprogress {
	min-height: 98px;
}

#readprogress .bar {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	border-bottom: 1px #cacaca solid;
	transition: 0.2s;
	cursor: pointer;
}

#readprogress .bar:last-of-type {
	border-bottom: none;
}

#readprogress .bar:hover {
	background-color: #fbeeee;
	cursor: pointer;
}

#readprogress .bar:hover .parts-progress {
	background-color: #f5d5d5;
}

#readprogress .bar .parts-progress {
	background-color: #f2c3c3;
	position: absolute;
	top: 0; bottom: 0; left: 0;
	width: 0%;
	z-index: 0 !important;
}

#readprogress .bar .parts-link-text {
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	padding: 12px 5px 0 18px;
	z-index: 1 !important;
}

#readprogress .bar .parts-link-text p {
	color: #dc303c;
}

/* Accordéon jQuery pour hiérarchiser le texte des pages textes */
.accordion-text {
	margin-top: 45px !important;
	margin-bottom: 30px !important;
	margin-left: 35px !important;
	padding: 0;
}

.accordion-text h3 {
	margin: 0;
	padding: 0;
	color: #dc303c;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: 0.2s;
	height: 40px;
}

.accordion-text h3:hover {
	cursor: pointer;
	color: #e56870;
	letter-spacing: 2px;
}

.accordion-text h3:before {
	display: inline-block;
	width: 7px;
	height: 11px;
	content: ' ';
	background: url('/ISA/images/fleche-r-4bdff37536633962a67ad1b9532e5200.png') no-repeat;
	background-size: cover;
	margin-right: 20px;
	transition: 0.2s;
}

.accordion-text h3.active:before {
	-webkit-transform: rotate(90deg) !important;
	-moz-transform: rotate(90deg) !important;
	transform: rotate(90deg) !important;
}

.accordion-text .accordion-category {
	font-size: 14px;
	padding-top: 8px !important;
	padding-bottom: 25px !important;
}

.text .ui-accordion .ui-accordion-content {
	padding : 0;
}

.text .ui-accordion .ui-accordion-header {
	padding : 0;
}

.accordion-text strong {
	font-weight: normal;
	font-size: 16px;
}


/* Style des pages d'actu */
.actu h1 {
	position: relative;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 15px;
}

.actu h1:after {
	display: block;
	content: ' ';
	height: 3px;
	width: 40%;
	margin-top: 8px;
	margin-left: 30%;
	background-color: #ffba57;
}

.actu .date-publi {
	display: block;
	width: 100%;
	text-align: center;
	color: #df6a6a;
	font-size: 14px;
	font-style: italic;
}

.actu .date-publi span {
	color: #df6a6a;
}


/* Petite aborescence de navigation en haut de la page texte */
.arborescence ul {
	text-align: right;
	margin-bottom: 8px;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.arborescence ul li {
	display: inline-block;
	font-size: 13px !important;
	position: relative;
	list-style: none;
	margin-left: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
	text-indent: 0 !important;
}


.arborescence ul li:before {
	font-family: arial;
	display: inline-block;
	position: relative;
	content: ' ' !important;
	font-size: inherit;
	margin-left: 0 !important;
	margin-right: 0 !important;
	vertical-align: middle;
	top: inherit;
	color: inherit;
}


.arborescence ul li:after {
	content: ">";
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.arborescence ul li:last-of-type:after {
	content: " ";
	display: none;
}

/* Inputs */
input {
	margin-top: 5px;
	margin-bottom: 10px;
}



/***************** PORTAIL COMPTE IRCEM ******************/
.portail-sidebar {
	float: left;
	width: 27%;
	margin-right: 1.5%;
}

.portail-content {
	float: left;
	width: 70%;
	margin-left: 1.5%;
}

.portail-header {
	position: relative;
	height: 220px;
}

.portail-header h1, .portail-header h2, .portail-header h1 span {
	color: white;
	z-index: 10;
}

.portail-titre {
	position: absolute;
	z-index: 100;
	top: 20px;
	left: 5%;
}

.portail-header h1 {
	font-size: 30px;
	margin: 0;
}

.portail-header h2 {
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
}

.portail-header h2:before{
	display: block;
	margin-top: 8px;
	margin-bottom: 8px;
	content: '';
	height: 3px;
	width: 60%;
	background-color: #fff;
}

.background-img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover !important;
	background-position: 35% 35% !important;
	transition: 0.15s;
}

#portail-slider {
	height: 350px;
}

.portail-content article {
	min-height: 200px;
	height: auto;
}

.portail-category {
	padding: 65px 5% 20px 5%;
}

.portail-category ul li {
	position: relative;
	float: left;
	width: 50%;
	height: 90px;
	overflow: hidden;
}

.portail-category ul li h5 {
	font-size: 16px;
	font-weight: normal;
	font-family: opensans-semibold;
}

.portail-category small {
	font-style: italic;
	color: #888;
}

.portail-category ul li img {
	position: absolute;
	left: 0; top: 5px;
}

.portail-category ul li:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}


.portail-category ul li div {
	position: absolute;
	left: 50px; top: 0;
}

.portail-category ul li div small, .portail-category ul li div h5 {
	padding-right: 15px;
}

.bloc-onglets-clients {
	height: auto !important;
}

.bloc-onglets-clients ul li {
	position: relative;
	height: 60px;
	color: #dc303c;
	transition: 0.2s;
}

.bloc-onglets-clients ul li a {
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 19px;
	padding-left: 5%;
}

.bloc-onglets-clients ul li:hover {
	background-color: #fadfe1;
}

.bloc-onglets-clients ul li.active {
	background-color: #dc303c;
	color: white;
}

.bloc-onglets-clients ul li :after {
	position: absolute;
	top: 14px; right: 5%;
	display: block;
	content: ">";
	font-size: 22px;
	-webkit-transform: scale(0.75,1.25);
	transform: scale(0.75,1.25);
}

/******* Bloc Slider ********/

#carousel-slides {
	width: 100%;
	height: 100%;
	background-color: #000;
}

.slide {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.slick-slide, .slick-list, .slick-track {
	height: inherit;
}

.contenu-slide {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 275px;
}

.slide h2 {
	margin: auto;
	width: 80%;
	margin-top: 100px;
	text-align: center;
	text-shadow: 0 0 5px rgba(25,25,25,0.5);
}

.slide h2 span {
	color: #fff;
	text-transform: uppercase;
}

.slide a:hover .fond-img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}


.slide .fond-img {
	z-index: -10;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-size: cover !important;
	background-position: 35% 35% !important;
	transition: 0.15s;
}

.slide .slide-suite {
	position: absolute;
	bottom: 20px;
	right: 30px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 3px rgba(25,25,25,0.5);
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.slide .slide-suite:after {
	display: inline-block;
	content: '>';
	transform : scale(0.75,1.2);
	-webkit-transform : scale(0.75,1.2);
	margin-left: 8px;
}

.slide a:hover .background-img, .slide a:hover .fond-img {
	opacity: 0.75;
	filter: alpha(opacity=75);
}


/*** Sidebar Texte **/

.side-arborescence {
	height: auto !important;
	padding-bottom: 30px;
}

.side-arborescence h3 {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-top: 20px;
}

.side-arborescence ul li {
	position: relative;
	color: #dc303c;
	transition: 0.2s;
}

.side-arborescence ul li a {
	display: block;
	height: 100%;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 15px;
}

.side-arborescence>ul>li>ul>li>a {
	padding-left: 50px;
	font-size: 14px;
}

.side-arborescence ul li a:hover {
	background-color: #fadfe1;
}

.side-arborescence ul li.active {
	background-color: #dc303c;
	color: white;
}

.side-arborescence ul li.active a:hover {
	background-color: #e56a72 !important;
}

.side-arborescence>ul>li:after {
	position: absolute;
	top: 4px; right: 5%;
	display: block;
	content: ">";
	font-size: 22px;
	-webkit-transform: scale(0.75,1.25);
	transform: scale(0.75,1.25);
}

.side-access {
	text-align: center;
	color: #888;
	font-size: 13px;
	padding-bottom: 35px !important;
}

.side-access #access-icons li {
 	display: inline-block;
 	margin: 0 8px 0 8px;
}

.side-access #access-icons li:nth-of-type(2) {
 	margin-right: 50px;
}

.side-access #menu-pratique {
	margin-top: 18px;
}

.side-access #menu-pratique li {
 	display: inline-block;
 	margin: 0 5px 0 5px;
}

.side-access hr {
	border-bottom: 1px #cacaca solid;
	margin-top: 18px;
}



/**** AJOUTS IRCEM.COM ******/

/******** HUB ACTUALITÉ **********/

/* Header hub actus */
.espace-actus .portail-header h1 {
	position: absolute;
	top: 35%;
	font-family: opensans-bold;
	font-style: normal;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: 36px;
	text-shadow: 0px 0px 45.03px rgba(169, 88, 98, 0.2);
}

.espace-actus .portail-header {
	height: 180px;
}

/* Arborescence hub actus */
.espace-actus .side-arborescence {
	padding-top: 20px;
	padding-bottom: 20px;
}

.espace-actus .side-arborescence ul li img {
	width: 20px;
	margin-right: 12px;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/* Inscription Newsletter hub actus */
.side-newsletter-subscribe {
	position: relative;
	padding-bottom: 25px !important;
	height: 155px;
}

.side-newsletter-subscribe img {
	position: absolute;
	left: 10%;
	top: 25px;
}

.side-newsletter-subscribe h3 {
	position: absolute;
	left: 50%;
	right: 5%;
	margin: 0;
	top: 25px;
	font-size: 20px;
	letter-spacing: 0.05em;
}

.side-newsletter-subscribe .lien-suite {
	position: absolute;
	top: 110px;
	left: 10%;
	color: #dc303c;
}

.side-newsletter-subscribe .lien-suite:after {
	display: inline;
	content: ">";
	margin-left: 8px;
	transform: scale(0.6,1.2);
}

/* News à la une hub actus */
.news-une {
	height: 275px !important;
	position: relative;
}

.news-une .image-news {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 25%;
	overflow: hidden;
	opacity: 0.75;
	transition: 0.1s;
}

.news-une .image-news:hover {
	opacity: 1;
}

.news-une .infos-news {
	position: absolute;
	left: 25%;
	top: 0;
	bottom: 0;
	width: 75%;
}

.news-une .infos-news {
	padding: 25px 4% 25px 4%;
}

.news-une .infos-news .details .date-news {
	color: #757575;
	font-size: 14px;
}

.news-une .infos-news .details .category-news {
	color: #757575;
	font-family: opensans-semibold;
	font-size: 15px;
}

.news-une .infos-news h2 {
	height: 40px;
	overflow: hidden;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

.news-une .infos-news p {
	height: 100px;
	margin-top: 15px;
	line-height: 1.7em;
	font-style: italic;
}

.news-une .infos-news .liens {
	color: #dc303c;
	margin-top: 15px;
	position: relative;
}

.news-une .infos-news .liens a:first-of-type {
	position: absolute;
	left: 0;
}

.news-une .infos-news .liens a:nth-of-type(2) {
	position: absolute;
	right: 0;
	font-family: opensans-bold;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.news-une .infos-news .liens a:first-of-type:before {
	content: "+";
	display: inline;
	margin-right: 8px;
}

.news-une .infos-news .liens a:nth-of-type(2):after {
	content: ">";
	display: inline;
	margin-left: 8px;
}


/* MAG'IRCEM hub actus */
.zone-mag-ircem {
	position: relative;
	height: 250px !important;
}

.zone-mag-ircem .text-mag {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 45%;
	padding: 25px 5% 15px 5%;
}

.zone-mag-ircem .image-mag {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 55%;
	overflow: hidden;
	opacity: 0.75;
	transition: 0.1s;
}

.zone-mag-ircem .image-mag:hover {
	opacity: 1;
}

.zone-mag-ircem .text-mag p {
	margin-top: 8px;
	height: 140px;
}

.zone-mag-ircem .text-mag a {
	color: #dc303c;
}

.zone-mag-ircem .text-mag a:hover {
	color: #ea898f;
}

.zone-mag-ircem .text-mag a:after {
	display: inline;
	content: '>';
	margin-left: 8px;
	transform: scale(0.8, 2);
}

.fond-img {
	min-width: 100%;
	min-height: 100%;
}

.fond-img-cover {
	background-size: cover !important;
	background-position: 33% 30% !important;
}

/* Interviews Clients */
.zone-interview {
	height: 250px !important;
	overflow: hidden;
	background-color: #000;
}

.zone-interview .fond {
	/*background: url('img/interview-fond.jpg');*/
	background-size: cover;
	background-position: 60% 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: 0.15s;
}

.zone-interview:hover .fond {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.zone-interview a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5%;
}

.zone-interview h2 {
	margin-top: 60px;
	color: #fff;
	font-size: 26px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	text-shadow: 0px 0px 38.34px rgba(60, 46, 63, 0.17);
}

.zone-interview span {
	margin-top: 8px;
	width: 100%;
	text-align: center;
	display: block;
	color: #fff;
}


/* Zone Facebook */
.zone-facebook {
	height: 214px !important;
}

/* Liste d'actualités */
.liste-actus li {
	padding: 18px 5% 25px 5%;
	border-bottom: 1px #cacaca solid;
}

.liste-actus li .date {
	color: #757575;
	font-size: 14px;
}

.liste-actus li .categorie {
	color: #757575;
	font-family: opensans-semibold;
	font-size: 15px;
}

.liste-actus li h2 {
	margin-top: 5px;
	margin-bottom: 8px;
	font-size: 18px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

.liste-actus li .suite-actu {
	color: #dc303c;
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 5px;
	margin-right: 8px;
}

.liste-actus li .suite-actu:after {
	display: inline-block;
	content: ">";
	margin-left: 8px;
	transform: scale(0.7,1.2);
}

.liste-actus li .suite-actu:hover {
	color: #df6969;
}

.liste-actus .anciennes-actus {
	display: block;
	text-align: center;
	color: #dc303c;
	padding: 25px 0 25px 0;
	margin: 0 auto 0 auto;
}

.liste-actus .anciennes-actus:hover {
	color: #df6969;
}


#pop-in-points {
	display: none;
	position: fixed;
	bottom: 25px;
	right: 25px;
	height: 160px;
	width: 250px;
	padding: 25px 15px 25px 15px;
	border-radius: 8px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
	z-index: 200;
}

#pop-in-points .points {
	font-family: opensans-semibold;
	color: #dc303c;
	font-size: 16px;
	display: inline-block;
	text-align: center;
	padding-top: 4px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 2px #dc303c solid;
}

#pop-in-points #jauge {
	display: block;
	width: 100%;
	height: 16px;
	border-radius: 8px;
	border: 2px #dc303c solid;
	margin-top: 8px;
	overflow: hidden;
}

#pop-in-points .zone-points {
	width: 100%;
	margin: auto;
	margin-bottom: 15px;
}

#pop-in-points .zone-boutons {
	width: 82%;
	margin: auto;
}

#pop-in-points #jauge-points {
	height: 100%;
	width: 75%;
	background-color: #dc303c;
}

#pop-in-points .legend {
	width: 100%;
	text-align: right;
	font-style: italic;
	font-size: 13px;
	margin-top: 3px;
	color: #dc303c;
}

#pop-in-points .points-txt {
	text-transform: uppercase;
	color: #dc303c;
	margin-left: 10px;
}

#pop-in-points .lien-suite {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	background: #ffbd59;
	height: 38px;
	color: #fff;
	text-align: center;
	padding-top: 8px;
	font-family: opensans-semibold;
	font-size: 14px;
}

#pop-in-points .lien-suite:after {
	display: inline;
	content: ">";
	margin-left: 8px;
	transform: scale(0.6,1.2);
}

#pop-in-points .lien-suite:hover {
	background-color: #f6a731;
}

.pop-in-close {
	position: absolute;
	font-size: 14px;
	top: 5px;
	right: 8px;
	color: #dc303c;
	transform: scale(1, 0.75);
	cursor: pointer;
}

.barre-footer {
	width: 100%;
	background-color: #c02a34;
	padding: 5px 0 8px 0;
}

.barre-footer div {
	width: 90%;
	margin: auto;
	max-width: 1100px;
	text-align: center;
}

.barre-footer ul {
	display: inline-block;
}

.barre-footer ul li {
	color: #f9d7d9;
	display: inline-block;
	font-size: 13px;
	border-right: 1px #ee767e solid;
	margin-right: 8px;
	padding-right: 8px;
}
.barre-footer ul li:last-of-type {
	border-right: none;
}


/* Pop-in Quiz */

#pop-in-quiz {
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	z-index: 200;
}

#pop-in-quiz .cache {
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	cursor: pointer;
}

#pop-in-quiz #window-quiz {
	position: absolute;
	top: 18%; left: 20%; right: 20%;
	height: auto;
	background-color: #fff;
	overflow: auto;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
}

#window-quiz h4 {
	top: 0; right: 0;
}

#window-quiz form input[type=checkbox] {
	margin-right: 15px;
	margin-left: 42px;
	margin-top: 15px;
}


#window-quiz .suite {
	width: 250px;
	margin: 0 0 0 auto;
}

#window-quiz .content {
	margin: 5%;
	position: relative;
}
#window-quiz .content .indice {
}

#window-quiz .content .question-quiz {
	margin-top: 30px;
	margin-bottom: 30px;
}

#window-quiz .content .question {
	margin-bottom: 25px;
	font-size: 1.3em;
	color: #757575;
	font-style: italic;
}

#window-quiz .indice {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 0.8em;
}

#window-quiz .indice span {
	display: inline-block;
	color: #757575;
	margin-bottom: 8px;
}

#window-quiz .indice img {
	width: 140px;
}



#pop-in-quiz .jauge {
	display: block;
	width: 100%;
	height: 16px;
	border-radius: 8px;
	border: 2px #dc303c solid;
	margin-top: 50px;
	overflow: hidden;
	margin-bottom: 70px;
}


#pop-in-quiz .jauge-points {
	height: 100%;
	width: 20%;
	background-color: #dc303c;
}


/* Nav Suite */

nav>ul>li {
	position: relative;
}

nav>ul>li>ul{
	display: none;
}

nav>ul>li>ul>li>ul{
	display: none !important;
}

nav>ul>li>ul>li {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0;
}

nav>ul>li:hover ul {
	display: block;
	z-index: 500;
	background-color: #f3b04c;
}

nav>ul>li>ul {
	position: absolute;
	width: 260px;
	left: 0px;
}

nav>ul>li>ul>li>a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
	color: white;
}

nav>ul>li>ul>li>a:hover {
	background-color: #ffbd59;
}

.metadata-texte {
	width: 100%;
	text-align: right;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 25px;
	color: #757575;
	font-style: italic;
}



/* Espace Bulletin d'informations */

#menu-profils-mag-ircem {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}

#menu-profils-mag-ircem li {
	position: relative;
	height: 20%;
	text-align: center;
	color: white;
	background-color: #dc303c;
	font-family: opensans-semibold;
	transition: 0.2s;
	list-style: none;
}

#menu-profils-mag-ircem li a {
	position: absolute;
	top: 0%; bottom: 0; left: 0; right: 0;
	padding-top: 18px;
}

#menu-profils-mag-ircem li:nth-of-type(even) {
	background-color: #e04e58;
}

#menu-profils-mag-ircem li:hover {
	background-color: #ea898f;
}

.profils-mag-container {
	position: relative;
	width: 100%;
	height: 300px;
}


/* Page bulletin infos */

.infos-last-mag {
	margin-top: 42px;
	margin-bottom: 20px;
}

.infos-last-mag div:nth-of-type(2) h3 {
	margin-top: 0;
}

.sommaire-mag {
	margin-bottom: 20px;
}

.infos-last-mag {
	margin-top: 42px;
}

.infos-pdf {
	font-size: 13px;
	color: #757575;
}

.infos-last-mag div:first-of-type img{
	height: 100%;
}

.infos-last-mag div:first-of-type a:hover img{
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.infos-last-mag div:first-of-type a img{
	transition: 0.2s;
}

.anciennes-parutions-mag {
	margin-top: 25px;
}

.anciennes-parutions-mag li a {
	color: #dc303c;
}

.anciennes-parutions-mag li a:hover {
	color: #f18289;
}


/* Page Newsletter */

.inscription-newsletter input[type=email] {
	height: 48px;
}

.inscription-newsletter {
	margin-top: -8px;
}

.accordion-newsletter h4 {
	margin-top: -5px;
}

.accordion-newsletter h6 {
	margin-top: 30px;
	margin-bottom: 15px;
}

.accordion-newsletter ul li a {
	color: #dc303c;
}

.accordion-newsletter ul li a:hover {
	color: #ea898f !important;
}


/* Bonus IRCEM */

.next-cup #jauge {
	display: block;
	width: 100%;
	height: 16px;
	border-radius: 8px;
	border: 2px #dc303c solid;
	margin-top: 8px;
	overflow: hidden;
}
.next-cup #jauge-completion {
	height: 100%;
	width: 75%;
	background-color: #dc303c;
}

#bonus-ircem .score-board {
	position: relative;
	width: 100%;
	height: 120px;
	margin-top: 35px;
	margin-bottom: 5px;
}

#bonus-ircem .score-board .previous-arrow,
#bonus-ircem .score-board .next-arrow {
	display: block;
	position: absolute;
	top: 0; bottom: 0;
	width: 5%;
	color: #dc303c;
	font-size: 48px;
	transform: scale(0.7, 1.2);
	padding-left: 10px;
	padding-top: 22px;
	cursor: pointer;
	transition: 0.1s;
}

#bonus-ircem .score-board .previous-arrow:hover,
#bonus-ircem .score-board .next-arrow:hover {
	color: #f18289;
}

#bonus-ircem .score-board .previous-arrow {
	left: 0;
}

#bonus-ircem .score-board .next-arrow {
	right: 0;
}

#bonus-ircem .score-board ul {
	display: block;
	position: absolute;
	top: 0; bottom: 0; right: 5%; left: 5%;
	width: 90%;
}

#bonus-ircem .score-board ul li:before {
	display: none;
}

#bonus-ircem .score-board ul li {
	margin: 0;
	text-decoration: none;
	text-indent: 0;
	display: block;
	float: left;
	width: 18%;
	margin-left: 1%;
	margin-right: 1%;
	padding: 15px;
	height: 120px;
	background-color: #ffbd59;
  	box-shadow: inset 0px -2px 2px 0px rgba(0, 0, 0, 0.15);
	color: #fff !important;
	cursor: pointer;
}

#bonus-ircem .score-board ul li.vous {
	background-color: #dc303c;
  	box-shadow: inset 0px -2px 2px 0px rgba(0, 0, 0, 0.15);
}
#bonus-ircem .score-board ul li.vous:hover {
	background-color: #ea898f;
}
#bonus-ircem .score-board ul li.vous:active {
	background-color: #e15861;
}

#bonus-ircem .score-board ul li .name {
	display: block;
	color: white;
	font-size: 21px;
	margin-top: 8px;
}

#bonus-ircem .score-board ul li .points {
	display: block;
	color: white;
	font-size: 16px;
}

#bonus-ircem .score-board ul li:hover {
	background-color: #f6a731;
	color: #fff !important;
	transition: 0.1s ease;
}

#bonus-ircem .score-board ul li:active {
	background-color: #e99312;
	color: #fff !important;
	transition: 0s;
}

#bonus-ircem .badges img {
	margin: 8px;
}

#bonus-ircem .badges img:first-of-type {
	margin-left: 0px;
}

#bonus-ircem .badges img:last-of-type {
	margin-right: 0px;
}


/* Page Pparamètres */

#page-GID {
	margin-bottom: 100px;
}

#page-GID input {
	position: relative;
}

#page-GID .param-button,
#page-client .param-button {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px;
	border-top: 1px #cacaca solid;
	border-bottom: 1px #cacaca solid;
	font-family: opensans-italic;
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 25px;
	color: #34302f !important;
	transition: 0.1s;
}

#page-GID .param-button:after,
#page-client .param-button:after {
	display: block;
	position: absolute;
	content: ">";
	transform: scale(0.6,1);
	font-size: 30px;
	right: 0;
	top: 50%;
	margin-top: -21px;
	color: #dc303c !important;
}

#page-GID .param-button:hover,
#page-client .param-button:hover {
	opacity: 0.7;
}

#page-GID .img-avatar,
#page-client .img-avatar {
	display: block;
	position: relative;
	border: 1px #cacaca solid;
	margin-top: 15px;
	margin-bottom: 30px;
	max-width: 200px;
	width: 50%;
	min-width: 100px;
}

#page-GID .img-avatar img,
#page-client .img-avatar img {
	display: block;
	width: 100%;
	margin: 0;
}

#page-GID .img-avatar:after,
#page-client .img-avatar:after {
	display: block;
	position: absolute;
	content: 'Modifier / Recadrer';
	background-color: rgba(255, 255, 255, 0.7);
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding: 5px 5px 8px 5px;
	box-sizing: border-box;
}

#page-GID h4 small,
#page-client h4 small {
	font-size: 0.8em;
	letter-spacing: 0.01em;
	opacity: 0.5;
}

#page-GID .checkbox-zone {
	margin-top: 15px;
	margin-bottom: 35px;
}

#page-GID .checkbox-zone [type="checkbox"]:not(:checked),
#page-GID .checkbox-zone [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}
#page-GID .checkbox-zone [type="checkbox"]:not(:checked) + label,
#page-GID .checkbox-zone [type="checkbox"]:checked + label {
	position: relative;
	font-size: 16px;
	padding-left: 85px;
	cursor: pointer;
}
#page-GID .checkbox-zone [type="checkbox"]:not(:checked) + label:before,
#page-GID .checkbox-zone [type="checkbox"]:checked + label:before,
#page-GID .checkbox-zone [type="checkbox"]:not(:checked) + label:after,
#page-GID .checkbox-zone [type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
}
#page-GID .checkbox-zone [type="checkbox"]:not(:checked) + label:before,
#page-GID .checkbox-zone [type="checkbox"]:checked + label:before {
	left:0; top: -3px;
	width: 65px; height: 30px;
	background: #DDDDDD;
	border-radius: 15px;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}
#page-GID .checkbox-zone [type="checkbox"]:not(:checked) + label:after,
#page-GID .checkbox-zone [type="checkbox"]:checked + label:after {
	width: 20px; height: 20px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	border-radius: 50%;
	background: #ffe056;
	top: 2px; left: 5px;
}
#page-GID .checkbox-zone [type="checkbox"]:not(:checked) + label:after {
	background: #555;
}
/* on checked */
#page-GID .checkbox-zone [type="checkbox"]:checked + label:before {
	background:#dc303c;
}
#page-GID .checkbox-zone [type="checkbox"]:checked + label:after {
	background: #ffe056;
	top: 2px; left: 40px;
}
#page-GID .checkbox-zone [type="checkbox"]:checked + label .ui,
#page-GID .checkbox-zone [type="checkbox"]:not(:checked) + label .ui:before,
#page-GID .checkbox-zone [type="checkbox"]:checked + label .ui:after {
	position: absolute;
	left: 6px;
	width: 65px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}
#page-GID .checkbox-zone [type="checkbox"]:not(:checked) + label .ui:before {
	content: "non";
	left: 32px;
	color: #333;
}
#page-GID .checkbox-zone [type="checkbox"]:checked + label .ui:after {
	content: "oui";
	color: #fff;
}
#page-GID .checkbox-zone [type="checkbox"]:focus + label:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -1px;
}

#page-GID textarea,
#page-client textarea {
	margin-bottom: 25px;
}

#page-GID ul li label,
#page-client ul li label {
	padding-left: 8px;
}

#page-GID select,
#page-client select {
	margin: 8px 0 15px 0;
	border-radius: 5px;
}

span.erreur {
    border: solid 1px #dc303c;
    color: #dc303c;
    padding: 8px;
    width: auto;
    font-size: 13px;
    margin: 0;
    text-align: left;
    border-radius: 0.333em;
    position: absolute;

}

span.erreur:after {
    border-color: #dc303c transparent;
    border-style: solid;
    border-width: 10px 0 0 10px;
    bottom: -10px;
    content: "";
    display: block;
    left: 50px;
    position: absolute;
    width: 0;
}
span.erreur.left {
	background: #fff;
    margin-left: 650px;
    margin-top: -32px;
	z-index: 10;
}

.login-box span.erreur.left {
	background: #fff;
	margin-left: 322px;
	margin-top: 0px;
	z-index: 10;
}

span.erreur.left:after {
    border-color: transparent #dc303c;
    border-width: 10px 10px 0 0;
    bottom: auto;
    left: -11px;
    top: 6px;
}
span.erreur.left.mdp {
    margin-left: 111px;
}

#page-client label {
	display: block;
	margin-top: 8px;
}

#page-client .info-client {
	display: block;
	font-family: opensans-semibold;
	font-size: 18px;
}

#page-client .info-client {
	min-height: 25px;
}

#page-client .options-client {
	margin-top: 35px;
	margin-bottom: -25px;
}

#page-client hr {
	width: 100%;
	border-top: 1px #cacaca solid;
	margin: 15px 0 15px 0;
}

#page-client .options-abonnements span {
	display: block;
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 1em;
}

#page-client .inline {
	display: inline;
}

#page-client .choix-radio-abonnements {
	margin: 8px 0 15px 0;
}

#page-client .choix-radio-abonnements label {
	display: inline;
}

#page-client .tableau-attestations {
	width: 100%;
}

#page-client .tableau-attestations tr td:nth-of-type(1) {
	width: 40%;
}
#page-client .tableau-attestations tr td:nth-of-type(2) {
	width: 25%;
}
#page-client .tableau-attestations tr td:nth-of-type(3) {
	width: 35%;
}

#page-client .verifications-telephone .m50 .param-button {
	padding: 8px;
	margin: 5px 0 5px 0;
}

/* Pop-in Parametre */

#pop-in-parametre {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	z-index: 200;
}

#pop-in-parametre .cache {
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	cursor: pointer;
}

#pop-in-parametre #window {
	position: absolute;
	top: 18%; left: 20%; right: 20%;
	height: auto;
	min-height: 200px;
	background-color: #fff;
	overflow: auto;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 1, 0.2);
}

#pop-in-parametre #window h4 {
	top: 0; right: 0;
}

#pop-in-parametre #window .content {
	margin: 5%;
	position: relative;
}


#pop-in-parametre .img-avatar {
	display: block;
	position: relative;
	max-width: 120px;
	width: 50%;
	min-width: 50px;
}

#pop-in-parametre h3:first-of-type {
	margin-top: 0px;
}


input[type=file] {
	display: inline-block;
	width: auto;
	border: 1px #cacaca solid;
	width: 100%;
	padding: 8px 8px 8px 10px;
	transition: 0.08s;
	font-size: 16px;
}

.liste-edit li:before {
	content: " " !important;
	/*background: url('img/edit.png') no-repeat;*/
	width: 16px;
	height: 18px;
	margin-right: 0px;
	margin-left: 1% !important;
	margin-right: 2% !important;
}

.liste-edit li {
	margin-left: 1% !important;
}

#page-client .continuer-saisie {
	display: block;
	margin-bottom: 12px;
	font-style: italic;
	font-size: 14px;
}

#page-client .pieces-justif-etapes div {
	padding: 15px;
	background-color: #fff1f2;
}

#page-client .pieces-justif-etapes .active {
	background-color: #dc303c;
	color: #fff;
}


#page-client .pieces-justif-etapes .active * {
	color: #fff;
}

#page-client .choix-radio label {
	display: inline;
}

#page-client .choix-radio li {
	margin-left: 4%;
}

/* CSS de base */

.text-justify {
	text-align: justify;
}

.text-uppercase-none {
	text-transform: none!important;
}

.text-underline {
	text-decoration: underline;
}

/***************************************************/
/***************** MEDIA QUERIES *******************/
/***************************************************/

/* En dessous de 1200px de large */
@media screen and (max-width: 1200px) {

	.left {
		margin-right: 0 !important;
		width: 78% !important;
	}

	.right {
		margin-left: 25% !important;
		width: 75% !important;
	}

	#contact {
		padding-left: 12%;
	}

	.portail-content {
		width: 100%;
		margin: 0;
	}

	.portail-sidebar {
		display: none;
	}

	.appear-at-1200 {
		display: block;
	}

	.m50:not(.fixedwidth) > *, .m33:not(.fixedwidth) > *, .m66d:not(.fixedwidth) > *, .m66g:not(.fixedwidth) > *{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.m25:not(.fixedwidth) > *{
		width: 48%;
		margin-left: 2%;
		margin-right: 2%;
	}

	.m25:not(.fixedwidth) :nth-child(odd) { margin-left: 0; }
	.m25:not(.fixedwidth) :nth-child(even) { margin-right: 0; }

	.infos-last-mag div:first-of-type {
		display: none;
	}

}

/* Entre de 1200px et 900px de large */
@media screen and (max-width: 1200px) and (min-width: 900px) {
	.zone-points {
		float: left;
		width: 40% !important;
		margin-right: 5% !important;
		margin-left: 5% !important;
		padding-top: 10px;
	}

	.zone-boutons{
		float: left;
		width: 40% !important;
		margin-right: 5% !important;
		margin-left: 5% !important;
	}

	#guide-ircem {
		height: 250px;
	}

}


/* Entre de 1200px et 450px de large */
@media screen and (max-width: 1200px) and (min-width: 450px) {

	.side-newsletter-subscribe {
		height: 120px !important;
	}

	.side-newsletter-subscribe .lien-suite {
		top: 65px;
		left: 50%;
	}

}

/* En dessous de 900px de large */
@media screen and (max-width: 900px) {
	header .logo-description {
		display: none;
	}

	header .center-logo {
		width: 165px;
	}

	header .zone-espace-client {
		width: 240px;
	}

	.left {
		margin-right: 0 !important;
		width: 65% !important;
	}

	.right {
		margin-left: 25% !important;
		width: 75% !important;
	}

	.total {
		width: 65% !important;
	}

	#control-bar {
		background-color: #ffd6ce;
	}

	.controls {
		width: 35%;
	}

	footer .footer-category {
		width: 33.3% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	footer .footer-category h5 {
		font-size: 13px;
	}

	#contact {
		padding-left: 10%;
	}

	#bloc-partenaires .zone-partenaire .p40 {
		padding: 35px 0 0 25px;
		width: 75%;
	}

	#bloc-partenaires .zone-partenaire .p60 {
		display: none;
	}

	/* Votre IRCEM */
	.accordion-ircem {
		margin-left: -5px !important;
	}

	#bloc-vi {
		height: 400px;
	}

	#controls-vi {
		height: 400px;
	}

	.accordion-ircem h3:before {
		margin-right: 10px;
	}

	.accordion-ircem h3 {
		font-size: 15px !important;
		letter-spacing: 0.5px;
	}

	.accordion-ircem h3:hover {
		letter-spacing: 0px;
	}

	.accordion-ircem .accordion-category .p50 {
		width: 100%;
		float: none;
	}

	#sticky-controls {
		display: none;
	}

	#article-texte {
		width: 100% !important;
		height: auto !important;
	}

	.disappear-at-900 {
		display: none !important;
	}

	#pop-in-parametre #window {
		top: 10%; left: 5%; right: 5%;
	}

	/* --- Formulaire login connexion --- */
	.login-box>div {
		display: block;
		width: 100%;
	} /* A remettre avec connexion FranceConnect */

	.login-box> {
		display: block;
		width: 100%;
	}

	.login-box h2 {
		font-size: 14px;
	}
}

/* En dessous de 720px de large */
@media screen and (max-width: 720px) {
	.portail-category ul li {
		width: 100%;
	}
}

/* En dessous de 600px de large */
@media screen and (max-width: 600px) {

	section {
		width: 95%;
	}
/*
	header .zone-logo {
		left: 0;
		width: 70%;
	}
*/
	header .zone-espace-client {
		right: 0;
		width: 30%;
	}

	header #logo {
		display: block;
		width: 125px;
		margin-top: 20px;
	}
/*
	header .center-logo {
		width: 125px;
	}
*/
	header .zone-search {
		display: none;
	}

	header .zone-espace-client span:nth-of-type(1) {
		display: none;
	}

	header .zone-espace-client .disconnected span:nth-of-type(2) {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 14px;
		margin: auto;
		margin-top: 26px;
		line-height: 1.3em;
		width: 80px;
	}

	header .zone-espace-client .connected span:nth-of-type(2) {
		margin-top: 23px;
		margin-left: 10%;
		font-size: 13px;
	}

	header .zone-espace-client .connected .deco-link {
		font-size: 13px;
		margin-left: 10%;
	}

	header .zone-espace-client a:hover span:nth-of-type(2) {
		color: #e4656d;
		font-size: 14.5px;
	}

	nav ul li {
		font-size: 16px;
		line-height: 1.5em;
		text-transform: none;
	}

	nav .mini-nav {
		display: block;
	}

    /*--> GBU ---*/
	header .afaq-logo {
	    margin-left: 70%;
	}

	.login-section {
        width: 100%;
	}
	.login-box {
        padding: 15px 0 15px 0;
    }
    .login-box h1 {
        margin-bottom: 2em;
        padding: 0 2em;
    }
    /* pour superposer ircem/france connect */
    .login-box>div {
        width: 100%;
    }

    footer #footer-content {
        margin-left: 1.5rem;
    }
    footer .footer-category {
         margin-bottom: 1rem;
         height: inherit;
         padding-right: 0.5rem;
    }
    /*--- GBU <--*/

	footer .footer-category {
		width: 50% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	#bloc-partenaires .zone-partenaire .p40 {
		padding: 20px 0 0 25px;
		width: 75%;
	}

	#bloc-actus .actu .actu-suite {
		bottom: 15px;
		right: 20px;
		font-size: 14px;
	}

	#recherche .searchbar {
		left: 5%;
		right: 5%;
	}

	#recherche .searchbar form input {
		width: 90%;
	}

	#bloc-vi h4 {
		display: none;
	}

	.accordion-ircem {
		margin-top: 20px !important;
	}

	.m25:not(.fixedwidth) > *{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

/* En dessous de 380px de large */
@media screen and (max-width: 380px) {
/*
	header .zone-logo {
		left: 0;
		width: 60%;
	}
*/
	header .zone-espace-client {
		right: 0;
		width: 40%;
	}

	.right {
		margin-left: 0% !important;
		width: 100% !important;
	}

	nav ul li {
		margin: 6px 3% 0px 3%;
	}

	#actus-bouton-precedent {
		top: 125px; left: 10%; width: 80%; height: 50px;
	}

	#actus-bouton-suivant {
		top: 60px; left: 10%; width: 80%; height: 50px;
	}

	#bullets-carousel-actus {
		bottom: 80px;
	}

	#bloc-actus .actu .actu-suite {
		display: none;
	}

	#formulaire-box {
		padding: 25px 18px 45px 18px;
	}

	.portail-category ul li {
		height: 120px;
	}
}

/* Entre 1035px et 880px de large, ou en dessous de 660px de large */
@media screen and (max-width: 1035px) and (min-width: 880px), screen and (max-width: 660px) {
	#controls-vi div:first-of-type {
		font-size: 16px;
	}

	#controls-vi ul li {
		font-size: 14px !important;
		height: 37px;
	}

	#controls-vi ul li:first-of-type {
		margin-top: 2px;
	}

	#bloc-vi {
		height: 480px;
	}

	#controls-vi {
		height: 480px;
	}
}

/* Style spécifique CGU */
.validateCgu #formulaire-box {
    max-width: inherit;
}

.validateCgu .text h1:after {
    width: 50%;
    margin-left: 25%;
}

.validateCgu .illustration {
    display: none;
}

#cgu_link, #cgu_link span {
    font-style: italic;
    color: #dc303c;
    text-decoration: underline;
}

.validateCgu #formulaire-box .yellow-button {
    width: 16rem;
    margin-left: 0;
}

.validateCgu #validateCgu {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.validateCgu #formulaire-box .restezconnectes.with-input {
    border-left: 5px solid #fdb547;
    margin-top: 50px;
}

.validateCgu .with-input label {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 5px;
}

.validateCgu #formulaire-box .restezconnectes {
    margin-bottom: 15px;
}
.validateCgu span.erreur.left {
    margin-top: 0;
    /*margin-left: 20px;*/
    width: auto !important;
}

/* En dessous de 720px de large */
@media screen and (min-width: 880px) {
    .validateCgu .cgu-form-content {
        padding-right: 200px;
    }
    .validateCgu .illustration {
        display: block;
        float: right;
    }
}
@media screen and (min-width: 1240px) {
    #validateCgu {
        margin-top: 7px;
    }
}

/* GBU 2022-09-14 surcharges suite import de bootstrap */

h1, h2, h3, h4, h5, h6 {
    font-weight: bold !important;
}

nav ul li a:hover {
	color: #fff;
}

footer #footer-content {
    margin: auto;
}

legend {
  font-size: inherit;
}

/* GBU 2024 */
* {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
body {
	background-color: #f8f8f8;
}
.text a:not(.yellow-button):not(.red-button), .text a:not(.yellow-button):not(.red-button) sup, .text a:not(.yellow-button):not(.red-button) strong, .text a:not(.yellow-button):not(.red-button) small {
	color: #df215e;
}
.red-text {
	color: #df215e;
}
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
	color: #3C3C3B;
	font-style: normal;
}
h1, h1 * {
	color: #df215e;
}
.text h1::after {
	background-color: #fdc300;
}
.login-box h1 {
	margin-top: 1rem;
}
header {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
header .logo-description {
	margin-left: 0;
	margin-top: 39px;
}
@media screen and (max-width: 600px) {
	header #logo {
	  width: auto;
	}
}
nav {
	/*background-color: transparent;*/
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 3rem;
}
nav ul li a {
	text-shadow: none;
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
nav ul li a:hover {
	color: #3C3C3B;
	text-decoration: none;
}
.yellow-button {
	color: #111;
	border-radius: 10px;
	box-shadow: none;
	text-shadow: none;
	font-family: sans-serif;
	font-weight: bold;
	background: #76b82a;
	background: linear-gradient(92deg, #f7a101 50%, #fdc300);
	text-shadow: 0px 0px 15px #fff5d3;
	font-size: 1rem;
	padding: 13px 6px 12px 6px;
}
.yellow-button:hover, button:hover {
	background: #8EC219;
	background: linear-gradient(92deg, #f7a101 20%, #fdc300);
	color: #fff;
	text-decoration: none;
	transition: 0.1s ease;
	transition: none;
}

nav, footer {
	background: linear-gradient(92deg, #e8308a 32.94%, #d51130); /* ircem.com */
}
nav ul li a:hover {
	color: #fff;
	text-decoration: underline;
}
footer ul li a {
	color: white;
	font-style: normal;
	font-size: 1rem;
}
footer ul li::before {
	content: "› ";
	font-size: 1.25rem;
	color: white;
}
footer h5 {
	font-size: 16px;
}
footer h5::after {
	display: none;
}
.barre-footer {
	padding: 5px 0 9px 0;
	background: #333 !important;
}
.barre-footer div {
	width: auto;
	max-width: none;
}
.barre-footer ul {
	margin-bottom: 0;
}
.barre-footer ul li {
	border: none;
}
.barre-footer ul li::before {
	content: ""
}

.login-box,
#page-GID article {
	border-radius: 10px;
	box-shadow: 0 0 0.35rem rgba(0, 0, 0, .075) !important;
}
.login-box h2 {
	color: #3C3C3B;
}
#page-GID input,
.login-box input,
.login-box input {
	border-radius: 5px;
}

.login-box input[type=text]:focus,
.login-box input[type=password]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
	border-bottom: 2px #fdc300 solid;
}
span.erreur {
	border: solid 1px #df215e;
	color: #df215e;
}
span.erreur a {
    text-decoration: underline;
}
.login-box p a {
	color: #df215e;
}
#password-area-oeil, #new-password-area-oeil, #confirm-password-area-oeil {
	filter: grayscale(1);
}

span.erreur {
    border: none;
    color: #df215e;
    padding: 8px;
    width: auto;
    font-size: 13px;
    margin: 0;
    text-align: left;
    border-radius: 0.333em;
    position: relative;
	display: block;
	margin-bottom: .3rem;
	font-weight: 500;
}
span.erreur:after {
    content: none;
}
span.erreur.left {
	background-color: #df215e0d;
    margin-left: 0;
    margin-top: 0;
	z-index: 10;
}

.login-box span.erreur.left {
	background-color: #df215e0d;
	margin-left: 0;
	margin-top: 0px;
	z-index: 10;
}

span.erreur.left:after {
    content: none;
}
span.erreur.left.mdp {
    margin-left: 0;
}
.text {
  padding: 35px 5% 50px 5%;
}
@media screen and (max-width: 900px) {
    .left {
        width: 100% !important;
    }
}
@media screen and (max-width: 1200px) {
	.left {
		width: 100% !important;
	}
}
@media screen and (max-width: 1035px) {
    header .center-logo {
        margin: auto 2rem;
    }
}
/* masquer quand écran trop petit ?
@media screen and (max-width: 720px) {
    #inscription-description {
		display: none;
	}
}
*/
header .zone-espace-client {
	background: #d51130;
}
#bandeau-connexion .yellow-button {
	border-radius: 0;
	background: #d51130;
	padding: 12px 0px 14px 16%;
}
#bandeau-connexion .yellow-button::after {
	top: 13px;
}
#bandeau-connexion .yellow-button:hover {
	background: #df215e;
}
header .zone-espace-client a:hover {
	text-decoration: none;
}

.btn-delegation, .btn-delegation:hover {
    display: block;
    padding: 13px 6px 12px 6px;
    border-radius: 10px;
    background: #76b82a;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
}

#LoginConnexionFranceConnect {
	background-image: url('/ISA/images/franceconnect-btn-principal-6dcf8897c8a58821a64202ad9dac1860.png');
    background-repeat: no-repeat;
    width: 209px;
    height: 56px;
}
#LoginConnexionFranceConnect:hover {
	background-image: url('/ISA/images/franceconnect-btn-principal-hover-13c32e33234342cf4448f27853bcd82a.png');
}

@media screen and (max-width: 720px) {
    .login-box > div.loginform-france-connect {
        border: none;
    }
    .login-box > div.login-divider {
        width: 100%;
        text-align: center;
    }
    .login-box > div.login-divider:after {
        content: "ou";
    }
}

@media screen and (min-width: 721px) {
    .login-box > div.loginform-france-connect {
        border-right: 1px solid #cacaca;
    }
    .login-box > div.login-divider {
        /*width: 2%;*/
        padding: 0;
    }
    .login-box > div.login-divider:after {
        content: "ou";
        background: white;
        position: absolute;
        top: 6rem;
        /*font-weight: bold;
        color: #999;*/
        left: -.75rem;
    }
}

.mfa .alert p {
  margin: 0;
  line-height: 1.5rem;
}

.mfa .alert.alert-danger,
.login-box span.erreur.left {
  color: #df215e;
  background-color: #df215e0d;
  border-color: #df215e;
  border-style: solid;
  border-width: 0 0 0 5px;
  border-radius: 0;
}
.mfa .alert.alert-danger p {
  color: #df215e;
}

.yellow-button:disabled,
.yellow-button:hover:disabled {
  cursor: default;
  background: #eee;
  color: #888;
}

/* force la couleur des liens déjà visités/actifs dans le nav+footer */
nav ul li a:hover,
nav ul li a:active,
#footer-content a:hover,
#footer-content a:active {
  color: #fff;
}

nav ul li a:visited,
#footer-content a:visited {
    color: #fff;
}