/* ?t=<? echo time(); ?> */
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  CLASSES SQUELETTE  ------------------------------------ */
/* ------------------------------------------------ FONT FACE ---------------------------------------------------- */
@font-face {
    font-family: 'CooperStd';
    src: url('fonts/CooperBlackStd.woff2') format('woff2'),
        url('fonts/CooperBlackStd.woff') format('woff'),
        url('fonts/CooperBlackStd.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'CooperStd';
    src: url('fonts/CooperBlackStd-Italic.woff2') format('woff2'),
        url('fonts/CooperBlackStd-Italic.woff') format('woff'),
        url('fonts/CooperBlackStd-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'General_all_comic';
    src: url('fonts/basefont_altcomic.woff2') format('woff2'),
        url('fonts/basefont_altcomic.woff') format('woff'),
        url('fonts/basefont_altcomic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'General_all_text';
    src: url('fonts/basefont_alltxt_regular001.woff2') format('woff2'),
        url('fonts/basefont_alltxt_regular001.woff') format('woff'),
        url('fonts/basefont_alltxt_regular001.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'General_all_textbold';
    src: url('fonts/basefont_alltxt_bold001.woff2') format('woff2'),
        url('fonts/basefont_alltxt_bold001.woff') format('woff'),
        url('fonts/basefont_alltxt_bold001.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'General_all_title';
    src: url('fonts/basefont_title001.woff2') format('woff2'),
        url('fonts/basefont_title001.woff') format('woff'),
        url('fonts/basefont_title001.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Manuscrit_strong';
    src: url('fonts/basefont_manuscrit02.woff2') format('woff2'),
        url('fonts/basefont_manuscrit02.woff') format('woff'),
        url('fonts/basefont_manuscrit02.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Manuscrit_light';
    src: url('fonts/basefont_manuscrit01.woff2') format('woff2'),
        url('fonts/basefont_manuscrit01.woff') format('woff'),
        url('fonts/basefont_manuscrit01.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------------ FONT FACE ---------------------- END ------------------------- */

body
{
	margin-left: 0;
	margin-top: 0;
	width: 100%;
/*	background-color: #2A2A2A;	
	background-image: url("medias/fondapsi_01.jpg");
	background-attachment: fixed;	*/
	
	font-family: "Arial";			/* Calibri Arial */
}

a{			/* paramétrage des lien globaux !!  vlink="#660000" alink="#660000" link="#660000" */ 
	text-decoration: none;
	color: #660000;
}a:hover{
	color: #FFB200;
}

h1 { 
	font-family: "General_all_comic";
}

::placeholder
{
	font-style: italic;
}

a.link_none					/* ne sert plus à rien ???? */
{
	text-decoration: none;
}

.link_none {
	
}
.link_none:hover {
	/* cursor: pointer; */
}

header {
/*	position: -webkit-sticky; /* Safari */
	left: 0px;
	top: 0px;
	margin-bottom: 0px;
	max-width: 100%;
	z-index: 10;
}

img.visuelcache {
	display: none;
}

section {
	margin: 0px;
}

.point-er {
	cursor: pointer;
}

#sectionfirst {
	padding-top: 80px;
}
#sectionlast {
	padding-bottom: 120px;
}
.sectionlast {
	padding-bottom: 120px;
}

.secttop {
	padding-top: 30px;
}

.section_index {
	max-width: 100%;
	left: 0px;
	/* min-height: 250px; */
	padding-left: 80px;
	padding-right: 80px;
}

.section_img
{
	left: 0px;
	max-width: 100%;
	position: relative;
/*	padding: 100px;
	margin-top: 200px;	*/
}

img.datadock {
	position: absolute; 
	right: 10px;
	bottom: 10px; 
	height: 70px;
}

.qualiopi_content {
	position: absolute; 
	right: 30px;
	bottom: 110px; 
	width: 480px;
	height: 120px;
	border-radius: 20px;
	/* padding: 5px; */
	/* background-color: white; */
	/* filter: drop-shadow(0 0 10px white); */
	
	background-image: url("medias/logo_qualiopi_152.png");
	/* background-attachment: fixed; */
	background-position: center;
	box-shadow: inset 5px 5px 20px 0px black;
}
.qualiopi_content1 {
	position: absolute; 
	right: 30px;
	bottom: 40px; 
	width: 480px;
	height: 120px;
	border-radius: 20px;
	/* padding: 5px; */
	/* background-color: white; */
	/* filter: drop-shadow(0 0 10px white); */
	
	background-image: url("medias/logo_qualiopi_152.png");
	/* background-attachment: fixed; */
	background-position: center;
	box-shadow: inset 5px 5px 20px 0px black;
}
.qualiopi_content2 {
	/* position: absolute;  */
	/* right: 30px; */
	/* bottom: 20px;  */
	/* display: inline-block;  */
	width: 240px;
	height: 60px;
	border-radius: 10px;
	/* padding: 5px; */
	/* background-color: white; */
	/* filter: drop-shadow(0 0 10px white); */
	
	background-image: url("medias/logo_qualiopi_153.png");
	/* background-attachment: fixed; */
	background-position: center;
	box-shadow: inset 5px 5px 20px 0px black;
}

.qualiopimg {
	height: 100px;
	width: auto;
	/* z-index: -2; */
}
.qualiopitxt {
	height: auto;
	width: 250px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 0.8em;
}
span.qualiopispan {
	font-family: "CooperStd";
	font-size: 1.1em;
	/* font-weight: bold; */
}

.typesubmitclass {
	font-size: 15px;
	border-radius: 10px;
	padding: 5px;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
}

.croixbutton:hover {
	background-color: #AA0000; 
	color: white;
	font-weight: bold;
}
.Vbutton:hover {
	background-color: #009E50; 
	color: white;
	font-weight: bold;
}
.Ubutton:hover {
	background-color: #C08C00; 
	color: white;
	font-weight: bold;
}

/* -------------------------------------------------------------- PAGES DE GESTION ADMINISTRATEUR ----------------------------------------- */
.adminbox {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%; 
	max-height: 70%; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 30px;
	overflow-y: scroll;
	/* background-color: none; */
	background-color: rgba(42, 42, 42, 0.6);
	z-index: 33;
}
.closeadminbox {
	/* width: 100%; */
	margin-bottom: 10px;
}
.croixbuttonadmin {
	width: 100%;
	height: 30px;
	font-size: 1.2em;
	border-radius: 25px;
}
.croixbuttonadmin:hover {
	background-color: #AA0000; 
	color: white;
	/* font-weight: bold; */
	cursor: pointer;
}
.admincanvas {
	/* max-width: 1600px; */
	/* width: auto;  
	overflow-y: scroll; */
	padding: 10px;
	border-radius: 10px;
	background-color: #FF8D69;
	filter: drop-shadow(0 0 25px black);	
}
.closeadminbox,
.admincanvas {
	max-width: 1700px;
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
}
.adminbox_open {
	position: fixed;
	bottom: 100px;
	left: 20px;
	width: auto;
	/* height: 30px; */
	padding: 15px;
	font-size: 1.2em;
	font-weight: bold;
	font-family: "General_all_comic";
	background-color: #FF8D69;
	border-radius: 25px;
	z-index: 33;
}
.adminbox_open:hover {
	background-color: green; 
	color: #FF8D69;
	/* font-weight: bold; */
	cursor: pointer;
}

.adminbox_content {
	position: fixed;
	bottom: 100px;
	left: 20px;
	width: auto;
	/* height: 30px; */
	padding: 15px;
	font-family: "General_all_comic";
	font-size: 0.9em;
	background-color: rgba(250, 230, 170, 1);
	/* background-color: rgba(42, 42, 42, 1);  */
	opacity: 0.5; 
	/* background-color: #FF8D69; */
	border-radius: 15px;
	z-index: 33;
}
.adminbox_content:hover {
	box-shadow: 0px 0px 20px 2px black; 
	opacity: 1; 
}

.section_admin {		
	max-width: 100%;
	left: 0px;
	margin-top: 0px;
	min-height: 250px;
	background-color: #E2CDC5;			/* E2CDC5 */
}
div.sect_contentadmin {
	max-width: 1600px;
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 10px;
	border-radius: 10px;
	background-color: #FF8D69;
}
/* -------------------------------------------------------------- PAGES DE GESTION ADMINISTRATEUR ------------------------ END ------------ */

/* -------------------------------------------------------------------------------------- COVID19 ----------------------------------------- */

img.covid19 {
	display: block;
	padding: 30px;
	max-width: 900px;
	width: 60%;
	margin: auto;
	/* filter: drop-shadow(0 0 15px black);	 */
}
.img_infocovid19 {
	height: 100px;
	width: auto;
	margin-left: 10px; 
	margin-right: 20px;
}
.img_infocovid20 {
	height: 70px;
	width: auto;
	margin-left: 10px; 
	margin-right: 20px;
}
.infocovid19_contain {
	max-width: 1000px;
	width: 90%; 
	margin: auto;
	margin-top: 30px;
	margin-bottom: 100px;
	/* padding-bottom: 300px; */
	
	padding: 20px; 
	text-align: left; 
	font-weight: bold;
	font-size: 1.2em;
	color: #300000;
	
	border-radius: 10px 50px 10px 50px;
	border: solid 2px #C00000;
	border-left: solid 50px #C00000;
	border-right: solid 50px #C00000;
	background-color: rgba(220, 220, 220, 0.8);
	user-select: none;
}
.spaninfocovid {
	font-weight: bolder;
	/* font-variant: small-caps; */
	text-shadow: black 0px 0px 8px;
	/* font-size: 1.1em; */
	color: #900000;
}

/* ------------ COULEURS des Sections ------------------------------ OLD -------*/
.bgcolsect_1 {
	background-color: #E5D2C6;
}
.bgcolsect_2 {
	background-color: #D0D8B4;
}
.bgcolsect_3 {
	background-color: #CAF1E3;
}
.bgcolsect_4 {
	background-color: #C6DDE5;
}
/* ------------ COULEURS des Sections ----------------------- END --------------*/

.canv_sect						/*	existe pas !!	*/
{
	padding: 50px;
	height: 500px;
	left: 0px;
	background-color: white;
	opacity: 0.5;
}

footer
{
	left: 0px;
	bottom: 0px;
	position: fixed;		/*bottom: 0px; position: absolute; z-index: 0;*/
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	height: 50px;
	width: 100%;	
	background-color: #2A2A2A;
	/* background: #2A2A2A url("http://www.apsi-formations.com/medias/logoflechesfondfoot002.png") no-repeat 100%; */
	color: #D6D6D6;
}

h1 {
	margin: 0px;
	padding-bottom: 50px;
}

h1.titre_sect
{
	padding-top: 50px;
	font-size: 3em;
	text-align: center;
	/* text-shadow: 2px 2px 8px black; */
/* transformation Halloween */ 
	/* font-family: "BloodFont"; */
	/* color: #8B0000; */
	/* font-size: 3em; */
	/* text-transform: uppercase; */
	/* font-variant: small-caps;  */
}
h1.titre_rcv
{
	font-family: "CooperStd";
	padding-top: 50px;
	font-size: 3em;
	text-align: center;
	text-shadow: 2px 2px 8px black;
}

input
{
	/*font-size: 30px;
	height: 50px;
	width: 500px;
	border-radius: 20px;
	margin-left: 50px;	*/
}

.alerte
{
	background-color: #F4AC9A;
	color: #BF0101; 
	width: 70%;
	padding: 2px;
	margin-right: auto;
	margin-left: auto;
	border-radius: 15px;
}

/* ------------ LOGIN sur pages restreintes ------------------------------------*/
.section_login {}
h1.section_login {
	/* font-family: "Comic Sans MS"; */
	font-size: 2em;
	/* font-style: italic; */
	color: #AA1515;
	margin-right: 20px;
	text-align: right;
	text-shadow: 2px 2px 8px black;
}
img.section_login {
	height: 70px;
	width: auto;
}
div.connect_sessionfalse {
	max-width: 400px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
a.connect_sessionfalse {
	display: block;
	margin-top: 10px;
	text-decoration: none; 
	font-size: 0.9em;
}
div.inputlog_sessionfalse {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
input.inputlog_sessionfalse {
	height: 40px;
	width: 100%;
	
	text-align: center;
	font-size: 20px;
	
	border-radius: 8px;
}
.btnvalid_sessionfalse {
	display: block;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	
	border-radius: 10px;
	background-color: silver;
	cursor: pointer;
}.btnvalid_sessionfalse:hover {
	background-color: green; 
	text-shadow: 2px 2px 8px green;
}
/* ------------ LOGIN sur pages restreintes -------------------- END -----------*/

/* ------------ FLEXBOX - conteneurs flex --------------------------------------*/
.flex_rowcenterx2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center; 
	-webkit-box-align: center; 
	    -ms-flex-align: center; 
	        align-items: center; 
}
.flex_rowaroundcenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around; 
	-webkit-box-align: center; 
	    -ms-flex-align: center; 
	        align-items: center; 
}
.flex_rowbetweencenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between; 
	-webkit-box-align: center; 
	    -ms-flex-align: center; 
	        align-items: center; 
}
.flex_rowstartcenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start; 
	-webkit-box-align: center; 
	    -ms-flex-align: center; 
	        align-items: center; 
}
.flex_rowendcenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end; 
	-webkit-box-align: center; 
	    -ms-flex-align: center; 
	        align-items: center; 
}
.flex_rowcenterend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center; 
	-webkit-box-align: flex-end; 
	    -ms-flex-align: flex-end; 
	        align-items: flex-end; 
}
/* ------------ FLEXBOX - conteneurs flex ----- END ----------------------------*/

.help {
	display: none;
	position: fixed; 
	bottom: 100px;
	left: 20px; 
	max-width: 500px; 
	z-index: 40;
	
	padding: 10px;
	font-weight: bold; 
	font-size: 1.1em;
	color: #B2B2B2; 				/* B2B2B2 393D0A */
	
	background-color: rgba(42, 42, 42, 0.9); 			/* 2A2A2A DAE387 */
	/* opacity: 0.7; */
	border-radius: 15px; /* 20px 40px 15px;		*/
	border: solid 5px #2A2A2A;
	box-shadow: 0px 0px 20px 2px black; 
}

/* ------------ Slideshow publicitaire -----------------------------------------*/

/* {box-sizing:border-box}			*/

.section_puplicite {
	background-color: white;	/* #2A2A2A; */
	/* box-shadow: 0px 5px 20px 2px rgba(42, 42, 42, 0.8); */
}

/* Slideshow container */
.slideshow_content {
	max-width: 100%;
	position: relative;
	margin: auto;
}

/* Hide the images by default */
.slidePub {
	display: none;
}

/* Next & previous buttons */
.slideprev, .slidenext {
	cursor: pointer;
	position: absolute;
	margin-top: -22px;	
	top: 50%;			
	width: auto;
	padding: 16px;
	color: silver;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 10px 10px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.slidenext {
	right: 0;
	border-radius: 10px 0 0 10px;
}
/* Position the "prev button" to the left */
.slideprev {

}

/* On hover, add a black background color with a little bit see-through */
.slideprev:hover, .slidenext:hover {
	background-color: rgba(0,0,0,0.8);
}

.slideimg {
	width: 100%; 
	vertical-align: middle;
}

/* Caption text */
.slidelegend {
	color: silver;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
}

/* Number text (1/3 etc) */
.slidenumber {
	color: silver;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */
.dot_content {
	text-align: center; 
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin: auto;
}
.slidedot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.activeslide, .slidedot:hover {
	background-color: #717171;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

/* ------------ Slideshow publicitaire -------- END ----------------------------*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  CONTENU HEADER  --------------------------------------- */

/* ------------ Sidenav - Affichage connexion sur le coté de la page -----------*/

a.apsiSidenavLeft {
	/* text-decoration: none; */
	position: fixed;
	height: 25px;
	transition: 0.3s;
	padding: 10px;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	border-right: solid 8px black;
	border-radius: 0 20px 40px 0;
	cursor: pointer;
	z-index: 30;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	        justify-content: flex-end; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}a.apsiSidenavLeft:hover {
	left: 0;
	/* border-radius: 0 40px 20px 0; */
	box-shadow: 0px 0px 20px 2px black;
}

a.apsiSidenavLeft2024 {
	/* text-decoration: none; */
	position: fixed;
	height: 40px;
	transition: 0.3s;
	padding: 5px;
	padding-right: 10px;
	border-top: solid 3px #9d998d;
	border-bottom: solid 3px #9d998d;
	border-right: solid 8px #9d998d;
	box-shadow: 0px 0px 10px 2px black;
	border-radius: 0px 30px 30px 0px;
	color: #B2B2B2;
	background-color: #2A2A2A;
	cursor: pointer;
	z-index: 30;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	        justify-content: flex-end; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}a.apsiSidenavLeft2024:hover {
	left: 0;
	/* box-shadow: 0px 0px 20px 2px black; */
}

div.apsiSidenavconnect2024 {
	position: fixed;
	height: 40px;
	transition: 0.3s;
	padding: 10px;
	/* border-top: solid 2px black; */
	/* border-bottom: solid 2px black; */
	/* border-left: solid 8px black; */
	border-radius: 30px 0 0 30px;
	color: #B2B2B2;
	background-color: #2A2A2A;
	cursor: pointer;
	z-index: 30;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	        justify-content: flex-start; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}div.apsiSidenavconnect2024:hover {
	right: 0;
	/* box-shadow: 0px 0px 20px 2px black; */
}

div.apsiSidenav2024 {
	position: fixed;
	height: 40px;
	transition: 0.3s;
	padding: 5px;
	padding-left: 10px;
	/* border-top: solid 2px black; */
	/* border-bottom: solid 2px black; */
	/* border-left: solid 8px black; */
	border-radius: 30px 0 0 30px;
	color: #B2B2B2;
	background-color: #2A2A2A;
	cursor: pointer;
	z-index: 30;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	        justify-content: flex-start; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}div.apsiSidenav2024:hover {
	right: 0;
	/* box-shadow: 0px 0px 20px 2px black; */
}

div.apsiSidenav {
	position: fixed;
	height: 25px;
	transition: 0.3s;
	padding: 10px;
	border-top: solid 2px black;
	border-bottom: solid 2px black;
	border-left: solid 8px black;
	border-radius: 20px 0 0 40px;
	cursor: pointer;
	z-index: 30;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	        justify-content: flex-start; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}div.apsiSidenav:hover {
	right: 0;
	box-shadow: 0px 0px 20px 2px black;
}

div.sn_connect{
	right: -590px;		/*-595px*/
	width: 630px;
	/* background-color: #4F8E5E; */
}div.sn_connect:hover{
	border-radius: 20px 0 0 20px;
	background-color: #227f6e;
	color: #2A2A2A;
}div.sn_disconnect{
	right: -160px;		/*-195px*/
	width: 200px;
	/* background-color: #8E4F4F; */
}div.sn_disconnect:hover{
	border-radius: 20px 0 0 20px;
	background-color: #cb6131;
	color: #2A2A2A;
}div.sn_contact{
	right: -480px;		/*-545px*/
	width: 520px;
	/* top: 155px; */
	top: 95px;
	border-top: solid 3px #9d998d;				/* fae6aa 868276 */
	border-bottom: solid 3px #9d998d;
	border-left: solid 8px #9d998d;
	box-shadow: 0px 0px 10px 2px black;
	/* background-color: #8E8E4F; */
}div.sn_domain{
	right: -480px;		/*-545px*/
	width: 520px;
	/* top: 155px; */
	top: 95px;
	/* background-color: #8E8E4F; */
}div.sn_date{
	right: -250px;		/*-295px*/
	width: 290px;
	/* top: 210px; */
	top: 160px;
	border-top: solid 3px #9d998d;
	border-bottom: solid 3px #9d998d;
	border-left: solid 8px #9d998d;
	box-shadow: 0px 0px 10px 2px black;
	/* background-color: #4F778E; */
}div.sn_datebis{
	right: -250px;		/*-295px*/
	width: 290px;
	/* top: 155px; */
	top: 95px;
	border-top: solid 3px #9d998d;
	border-bottom: solid 3px #9d998d;
	border-left: solid 8px #9d998d;
	box-shadow: 0px 0px 10px 2px black;
	/* background-color: #4F778E; */
}div.sn_mail{
	right: -395px;		/*-595px*/
	width: 420px;
	top: 45px;
	background-color: #505D68;
}

a.sn_2401{
	left: -280px;		/*-595px*/
	width: 320px;
	top: 95px;
}a.sn_2402{
	left: -310px;		/*-595px*/
	width: 350px;
	top: 160px;
}a.sn_2403{
	left: -280px;		/*-595px*/
	width: 320px;
	top: 225px;
}a.sn_2404{
	left: -340px;		/*-595px*/
	width: 380px;
	top: 290px;
}a.sn_2405{
	left: -280px;		/*-595px*/
	width: 320px;
	top: 355px;
}

a.sn_intra{
	left: -295px;		/*-595px*/
	width: 320px;
	top: 90px;
	color: black;
	background-color: #F4F1E0;
}a.sn_inter{
	left: -325px;		/*-595px*/
	width: 350px;
	top: 145px;
	color: black;
	background-color: #F4F1E0;
}a.sn_apsilearn{
	left: -295px;		/*-595px*/
	width: 320px;
	top: 200px;
	color: black;
	background-color: #F4F1E0;
}a.sn_catalog{
	left: -355px;		/*-595px*/
	width: 380px;
	top: 255px;
	color: black;
	background-color: #D5B69F;
}a.sn_tarifs{
	left: -335px;		/*-595px*/
	width: 360px;
	top: 310px;
	color: black;
	background-color: #F4F1E0;
}

#sidenav_connection {
	top: 0px;
}
/* #sidenav_connection { */
	/* top: 100px; */
/* } */

.infomodenav {
	position: fixed;
	height: auto;
	width: auto;
	min-width: 300px;
	top: 0px;
	left: 30%;
	/* transition: 0.3s; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border-left: solid 2px black;
	border-bottom: solid 4px black;
	border-right: solid 2px black;
	border-radius: 5px 5px 20px 40px;
	box-shadow: 0px 0px 20px 2px black;
	opacity: 0.5;
	/* cursor: pointer; */
	user-select: none; 
	z-index: 22;
	
	text-align: center;
	font-weight: bold;
	
}.infomodenav:hover {
	/* left: 0; */
	/* box-shadow: 0px 0px 20px 2px black; */
}
/* ------------ Sidenav - end --------------------------------------------------*/

/* ------------ Messvar - Affichage messages variables -------------------------*/
.section_messvar
{
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #2A2A2A;
	color: #FDEBAC; 
}

.canv_messvar
{
	top: 30px;
	left: 0;
	width: 100%;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between; 
	-webkit-box-align: start; 
	    -ms-flex-align: start; 
	        align-items: flex-start;
}

div.logolarge {
	width: 100%;
	min-width: 350px;
	margin-left: 5%;
}
img.logolarge {
	width: 530px;
	height: auto;
}

.zone_messvar
{
	/* background-color: ; */
	left: 0;
/*	height: 100px;		*/
	width: 70%;	
	padding: 50px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 50px;		

	font-weight: bold;
	font-size: 2em;
	text-align: right;
}
/* #messinit, 																Tansposé dans normalfonts.css 				*/
/* #messfetes */
/* { */
	/* font-family: "General_all_comic"; */
	/* font-size: 1.2em; */
	/* font-style: italic; */
	/* text-shadow: 2px 2px 8px silver; */
	/* user-select: none; */
/* } */

.focus_messvar			/* boite d'affichage des messages focus */
{
	border-radius: 20px;
	padding: 20px;
	opacity: 0.5;
	box-shadow: 0px 0px 20px 2px black;
}
.messvarinfo_pos			/* messages positifs */
{
	font-family: "Manuscrit_strong";
	background-color: green;
}
.messvarinfo_neg			/* messages négatifs */
{
	font-family: "Manuscrit_strong";
	background-color: red;
}

.inputlog
{
/*	font-size: 12px;
	width: 10em;		*/
	
	font-size: 12px;
	height: auto;
	width: 150px;
	margin-left: 20px;
	background-color: #D6D6D6;
	border-radius: 5px;
}
#connect_valid
{
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	border-radius: 10px;
}
.select_contact {	/* liste déroulante de sélection des contacts ou des entités */
	font-size: 12px;
	height: 25px;
	margin-left: 20px;
	background-color: #D6D6D6;

	border-radius: 10px;
	cursor: pointer;
}
.select_contact {
	width: auto;
}

.select_date {	/* liste déroulante de sélection des contacts pour admin : test */
	font-family: "General_all_comic";
	font-size: 1.1em;
	font-weight: bold;
	/* height: 25px; */
	/* width: 80px; */
	padding: 8px;
	margin: 5px;
	background-color: #2A2A2A;
	color: #B2B2B2;
	
	/* text-decoration: none; */
	appearance: none;
	border: none;
	cursor: pointer;
}

.select_contact_admin {	/* liste déroulante de sélection des contacts pour admin : test */
	font-family: "General_all_comic";
	font-size: 12px;
	height: 25px;
	width: auto;
	margin-left: 20px;
	background-color: #2A2A2A;
	color: #B2B2B2;
	
	/* text-decoration: none; */
	appearance: none;
	border: none;
	cursor: pointer;
}
.select_contact_admin:focus, 
.select_contact_admin:active {	/* liste déroulante de sélection des contacts pour admin : test */
	
	/* text-decoration: none; */
	appearance: none;
	border: none;
}

div.login
{
	float: right;
/*	display: inline;		*/
	text-align: right;
	margin-top: 2px;
	margin-right: 20px;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around; 
	-webkit-box-align: center; 
	    -ms-flex-align: center; 
	        align-items: center; 
}
span.dislogin24 {
	font-family: "General_all_comic";
	margin-left: 20px;
	font-size: 0.9em;
	/* font-style: italic; */
	font-weight: bold;
	text-decoration: none;
	user-select: none;
	/* color: #B2B2B2; */
	text-align: right;
}
span.loginbienvenu {
	font-family: "Manuscrit_strong";
	margin-left: 15px;
	margin-right: 15px;
	font-size: 1em;
	/* font-style: italic; */
	/* font-weight: bold; */
	text-decoration: none;
	user-select: none;
	color: #B2B2B2;
	text-align: right;
}
span.login {
	font-family: "Manuscrit_strong";
	margin-left: 20px;
	/* font-size: 0.9em;  */
	/* font-style: italic; */
	text-align: right;
}
span.loginleft {
	font-family: "Manuscrit_strong";
	margin-right: 20px;
	font-size: 1em; 
	/* font-style: italic; */
	text-align: right;
}
img.login24 {
	height: 40px;
	width: auto;
	filter: drop-shadow(0 0 4px #B2B2B2);
}
img.loginleft24 {
	height: 40px;
	width: auto;
	/* filter: drop-shadow(0 0 2px #B2B2B2); */
}
img.login {
	height: 30px;
	width: auto;
}
img.tchatsn {
	height: 35px;
	width: auto;
	margin-left: 15px;
}
#deconnect
{
	width: 20px; 
	cursor: pointer;
	margin-left: 20px;
}

div.login_contact	/* zone de sélection du contact ou de la date (connectés) */
{
	text-align: right;
	margin-top: 2px;
	margin-right: 20px;
	min-width: 250px;
	right: 0;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	        justify-content: flex-end; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}

div.disconnect_mess
{
	font-family: "General_all_comic";
	padding: 20px;
	
	font-size: 0.9em; 
	/* font-style: italic; */
	color: #FF9999;
}
/* ------------ Messvar - Affichage messages variables / END -------------------*/

/* ------------ Sticky Navbar - Scroll -----------------------------------------*/
.section_nav2024 {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	/* max-width: 100%;	 */
	height: 60px;
	overflow: hidden;
	background-color: rgba(42, 42, 42, 1); 
	/* background-color: rgba(250, 230, 170, 1);  */
	border-bottom: solid 1px #2A2A2A;	
	box-shadow: 0px 5px 20px 2px rgba(42, 42, 42, 0.8);
	opacity: 1; 
	z-index: 20;
}

.section_nav {
	left: 0px;
	max-width: 100%;	
	height: 60px;
	overflow: hidden; 
	background-color: rgba(250, 230, 170, 1); 
	border-bottom: solid 1px #2A2A2A;	
	opacity: 1; 
	z-index: 20;
}
.fixed_sectionnav {
	position: fixed;
	width: 100%;
	top: 0px;
	background-color: rgba(42, 42, 42, 1);     /*0.1*/
	border-bottom: solid 1px #2A2A2A;
	box-shadow: 0px 5px 20px 2px rgba(42, 42, 42, 0.8);
	transition: background-color 0.5s;		
	z-index: 20;
}
.fixed_sectionnav:hover {
	/* background-color: rgba(250, 230, 170, 1);     /*0.6/ */
}

.navbarbox {
	/* max-width: 1400px; */
	/* width: 95%; */
	max-width: 100%;
	width: 95%;
	margin-left: auto; 
	margin-right: auto; 
/*	padding: 5px;		*/
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}

div.logonav {
	left: 0px;
	width: 250px;		/*inutile il semblerait ?*/ 
	height: 60px;
}

img.logosmall {
	display: inline;
	width: 95%;
	margin-top: auto;
	margin-bottom: auto;
}
.logosmall:hover {
	filter: drop-shadow(0 0 4px silver);	
}
span.motdirigeant {
	display: inline; 
    font-family: 'Manuscrit_light';
	font-size: 1.7em;
	font-weight: bold; 
	line-height: 100%;
	text-align: left; 
}

.nav_menu
{
	height: 50px; 			/* 70px */
	padding-right: 70px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	        justify-content: flex-end; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center;
}

/* .btn_menu, 																Tansposé dans normalfonts.css 				*/
/* .btn_client { */
	/* width: auto; */
	/* height: auto; */
	/* margin-left: 10px; */
	/* margin-right: auto; */
	/* padding: 15px; */
	/* font-family: "General_all_comic";		/* OCitrouille */  
	
	/* font-size: 0.9em; */
	/* font-style: italic; */
	/* font-weight: bold; */
	/* text-decoration: none; */
	/* user-select: none; */
/* } */
.ico_client {
	margin-left: 10px;
	height: 40px;
	user-select: none;
}.ico_client:hover {
	filter: drop-shadow(0 0 4px black);
}

.btnmenu_deco2024
{
	border-radius: 18px 18px 18px 18px;	
	border-left: solid 4px #2A2A2A;
	border-right: solid 4px #2A2A2A;
	border-top: solid 1px #2A2A2A;
	border-bottom: solid 1px #2A2A2A;
	color: #B2B2B2;
}.btnmenu_deco2024:hover
{
	border-color: #B2B2B2;
	cursor: pointer;
	color: #DDDDDD;
	filter: drop-shadow(3px 3px 4px black);				
	/* box-shadow: inset 4px 4px 10px 0px #B2B2B2; */
	/* border-color: #E6C832; */			/* #865200 */ 
	/* color: black; */
	/* cursor: pointer; */
}

.btnmenu_deco
{
	border-radius: 30px 50px 25px 60px;	
	border-left: solid 5px black;
	border-bottom: solid 1px black;
	
	color: black;
}.btnmenu_deco:hover
{
/*	background-color: #E3C434;			/*ABC448	E3C434*/
	/* background-color: rgba(230, 200, 50, 0.6);  */
	
	/* text-shadow: #CB7C00 0px 0px 15px; */
/*	box-shadow: -2px 1px 5px 3px black;   */
	filter: drop-shadow(3px 3px 4px black);				/* #865200 */ 
	/* border-color: #E6C832; */
	color: black;
	cursor: pointer;
}
.fixed_btnmenu {
	border-radius: 30px 50px 25px 60px;	
	border-left: solid 5px #2A2A2A;
	border-bottom: solid 1px #2A2A2A;
	color: #B2B2B2;
}.fixed_btnmenu:hover {
	/* filter: drop-shadow(3px 3px 4px #D2D2D2); */
	border-color: #B2B2B2;
	cursor: pointer;
	color: #DDDDDD;
}

.btnclient_deco2024
{
	border-radius: 18px 18px 18px 18px;	
	border-left: solid 4px #2A2A2A;
	border-right: solid 4px #2A2A2A;
	border-top: solid 1px #2A2A2A;
	border-bottom: solid 1px #2A2A2A;
	color: #B2B2B2;
}.btnclient_deco2024:hover
{
	border-color: #B2B2B2;
	cursor: pointer;
	color: #DDDDDD;
	filter: drop-shadow(3px 3px 4px black);				/* #006550 */
	/* border-color: #AAC846; */
	/* color: black; */
	/* cursor: pointer; */
}
.btnclient_date2024
{
	border-radius: 5px 0px 0px 5px;	
	border-left: solid 2px #B2B2B2;
	/* border-right: solid 2px #B2B2B2; */
	/* border-top: solid 1px #B2B2B2; */
	/* border-bottom: solid 1px #B2B2B2; */
	color: #B2B2B2;
	/* border-color: #B2B2B2; */
	cursor: pointer;
	/* filter: drop-shadow(3px 3px 4px black);	 */
}



.btnclient_deco
{
	border-radius: 30px 25px 40px 60px;	
	border-left: solid 5px black;
	border-top: solid 1px black;
	
	color: black;		/* #CA9700; */
}.btnclient_deco:hover
{
	/* background-color: #ABC448;			/*ABC448	E3C434 */
	/* background-color: rgba(170, 200, 70, 0.6);  */
	/* text-shadow: #00AB6A 0px 0px 15px; */
	/*border: solid 2px #B68800;
	box-shadow: 0px 0px 10px 10px white;	*/
	filter: drop-shadow(3px 3px 4px black);				/* #006550 */
	/* border-color: #AAC846; */
	color: black;
	cursor: pointer;
}
.fixed_btnclient {
	border-radius: 30px 25px 40px 60px;	
	border-left: solid 5px #2A2A2A;
	border-top: solid 1px #2A2A2A;
	color: #B2B2B2;
}.fixed_btnclient:hover {
	/* filter: drop-shadow(3px 3px 4px #D2D2D2); */
	border-color: #B2B2B2;
	cursor: pointer;
	color: #DDDDDD;
}
/* ------------ Sticky Navbar ---- END -----------------------------------------*/

/* ------------ Overlay Navbar - fullscreen ------------------------------------*/
.nav_overlay {
	width: 100%;
	height: 0;
	position: fixed;
	z-index: 21;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	overflow-y: hidden;
	transition: 0.4s;
}
/* .closebtn { */
/* } */
/* .btnopen_overlay { */
	/* color: black; */
/* } */
/* .btnopen_overlay_fixed { */
	/* color: #B2B2B2; */
/* } */

.nav_menusmall {
	display: none;
}
/* ------------ Overlay Navbar - fullscreen ------------------ END -------------*/
/* ------------ Speed Navbar ---------------------------------------------------*/
.speednav_section {
	width: 100%; 
	background-color: rgba(200,200,200, 0);
}
.speednav_contain {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.speednav_box {
	width: 90%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: rgba(200, 200, 0, 0); 
	border-radius: 20px; 
	filter: drop-shadow(0px 0px 4px black);
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}

.speednav_btn {
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 8px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: "General_all_comic";		/* OCitrouille */   
	
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	user-select: none;
	
	border-radius: 30px 25px 40px 20px;	
	border-left: solid 1px black;
	border-right: solid 5px black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color: rgba(200, 200, 0, 1); 
	
	color: black;
}
.speednav_btnspan {
	font-size: 0.8em;
	font-style: italic;
}
.speednav_btn:hover {
	filter: drop-shadow(3px 3px 6px black);
	color: black;
}
/* ------------ Speed Navbar --------------------------------- END -------------*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  CONTENU SECTIONS  ------------------------------------- */

div.article_contain				/* conteneur flex des articles (TOUS) */
{
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	
/*	webkit-backface-visibility: hidden;
	backface-visibility: hidden;			*/
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}
.article_contain_entete {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	/* margin-bottom: 50px; */
	
/*	webkit-backface-visibility: hidden;
	backface-visibility: hidden;			*/
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-pack: distribute;
	    justify-content: space-around; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
	        align-items: center; 
}

div.article_contain_accordeon	/* conteneur des articles (accordéon) */
{
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

div.linkmore
{
	margin: auto; 
	text-align: center; 
}

a.linkmore
{
	font-family: "Manuscrit_strong";
	font-size: 1.3em;
	/* font-style: italic; */
	text-decoration: none;
	text-align: center; 
}

a.linkmore_clear{				/*couleur foncée*/
/*	color: #96831D;			*/
	text-shadow: gray 2px 2px 5px;
}
a.linkmore_clear:hover{
	text-shadow: none;
}
a.linkmore_dark{				/*couleur claire*/
	color: #F1DB66;
	text-shadow: #F1DB66 2px 2px 5px;
}a.linkmore_dark:hover{
	color: #FFB200;
	text-shadow: none;
}
a.linkartic_clear{
	color: #83653E;
}a.linkartic_clear:hover{
	color: #FFB200;
}

h1.hover_clair{
	color: #292929;
}
h1.hover_clair:hover{
	/* color: #161616; */
}
h1.hover_dark{
	color: #999999;
}
h1.hover_darkombre{
	color: #999999;
	text-shadow: 0 0 8px black;
}
h1.hover_dark:hover{
/*	color: #C8C8C8;			*/
}

article{
	text-align: center; 
}

/* ------------ Animation des articles : apparition ----------------------------*/
.visiblement {
	webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	opacity: 0;
}

.anim_article {				/* animation apparition des articles */
	-webkit-transform: translate(0px, -20px);
	    -ms-transform: translate(0px, -20px);
	        transform: translate(0px, -20px);

    -webkit-transition-property: -webkit-transform 2s;

    transition-property: -webkit-transform 2s;

    -o-transition-property: transform 2s;

    transition-property: transform 2s;

    transition-property: transform 2s, -webkit-transform 2s;
	-webkit-animation-name: fondu;
	        animation-name: fondu;
	-webkit-animation-duration: 2s;
	        animation-duration: 2s;
	-webkit-animation-delay: 0.4s;
	        animation-delay: 0.4s;															/* ATTENTION à la durée de déclenchement */
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;		
}
/* Standard syntax */
@-webkit-keyframes fondu {
  from {-webkit-transform: translate(0, -20px);transform: translate(0, -20px); opacity: 0;}
  to {-webkit-transform: translate(0, 0);transform: translate(0, 0); opacity: 1;}
}
@keyframes fondu {
  from {-webkit-transform: translate(0, -20px);transform: translate(0, -20px); opacity: 0;}
  to {-webkit-transform: translate(0, 0);transform: translate(0, 0); opacity: 1;}
}
/* ------------ Animation des articles : apparition ----------------------------*/

/* ------------ Accordéon des articles : programmes formations -----------------*/
.accordion {
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 1.2em;
	font-weight: bold;
	transition: 0.3s;
	margin-top: 5px;
	border-radius: 20px 20px 0 0;
}

.active, .accordion:hover {

	color: #FFDD90;		
	border-top-color: #FFDD90;
	text-shadow: black 0px 0px 8px;
}

.panel {
	padding: 0 18px;
	display: none;
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

button.for_acteurs
{
	background-color: #9FD29D;
	border-top: solid 2px #034200;
}

div.for_acteurs
{
	background-color: #DAF2D9;
}
/* ------------ Accordéon des articles : programmes formations - END -----------*/

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  CONTENU FOOTER  --------------------------------------- */

.foot_contentop {
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-orient: horizontal; 
	-webkit-box-direction: normal; 
	-ms-flex-direction: row; 
	        flex-direction: row; 
	-ms-flex-pack: distribute; 
	    justify-content: space-around; 			/*evenly vs around*/
	-webkit-box-align: top;
	-ms-flex-align: top;
	        align-items: top;
	
	width: 100%;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.footgauche
{
	font-size: 0.8em;
	font-style: ;
	max-width: 500px; 
	width: 50%;
/*	min-width: 500px;		*/
}

.footdroite
{
	max-width: 500px; 
	width: 50%;
	min-width: ;
}
.footdroite2024
{
	position: fixed; 
	right: 0px; 
	transition: 0.3s;
	bottom: -430px; 
	max-width: 50%; 
	width: 550px;
	height: 520px;
	/* min-width: ; */
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 60px;
	border-radius: 40px 0px 0px 0px;
	background-color: #2A2A2A;
	z-index: 30;
}
.footdroite2024:hover
{
	bottom: 0px;
	/* box-shadow: 0px 0px 20px 2px black; */
}

.reseauxfoot {
	margin-top: 15px;
	/* margin-bottom: 10px; */
	margin-right: 50px;
	text-align: right;	
}

.footbas						/* à supprimer */
{
	max-width: 1200px; 
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 25px;
	text-align: center;
	font-size: 0.7em;
	color: #B2B2B2;
}
.footleft2024 
{
	/* display: -webkit-box;  */
	/* display: -ms-flexbox;  */
	/* display: flex;  */
	/* -webkit-box-orient: horizontal;  */
	/* -webkit-box-direction: normal;  */
	/* -ms-flex-direction: row;  */
	        /* flex-direction: row;  */
	/* -ms-flex-pack: distribute;  */
	    /* justify-content: space-around; 			/*evenly vs around*/
	/* -webkit-box-align: center; */
	/* -ms-flex-align: center; */
	        /* align-items: center; */
	
	max-width: 50%; 
	width: auto;
	margin-left: 10px;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	text-align: left;
	font-size: 0.7em;
	color: #B2B2B2;
}

.footnav 
{
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-orient: vertical; 
	-webkit-box-direction: normal; 
	-ms-flex-direction: column; 
	        flex-direction: column; 
	-webkit-box-align: left; 
	-ms-flex-align: left; 
	        align-items: left;
	
	margin-left: 100px;
}

div.logofoot {
	left: 0px;
	width: 430px;
	min-width: 300px;
	/*margin-left: 100px;	*/
}

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


.rs_img {
	width: 45px;
	height: auto;
	min-width: 40px;
	vertical-align: middle;
}

.foot_satisfact
{}

.contain_ctactrs {
	margin-left: 20px;
	margin-top: 10px;
}


.contact_mail {
	width: 50px;
	margin-right: 20px;
	height: auto; 
}
.contact_messenger, 
.contact_whatsapp {
	width: 55px;
	height: auto; 
}
.contact_mail:hover, 
.contact_messenger:hover, 
.contact_whatsapp:hover {
	filter: drop-shadow(0 0 5px black);	
}

div.contact_form {
	max-width: 100%;
}
h1.contact_form {
/*	text-shadow: 2px 2px 8px gray;		*/
	padding-top: 20px;
	padding-bottom: 20px;
}

.contact_items {
	margin-top: 10px;
}

.contact_input {
	font-size: 15px;
	height: 20px;
	width: 400px;
	background-color: #D6D6D6;
	border-radius: 10px;
	/*margin-left: 50px;  */
}
.contact_area {
	font-size: 15px;
	width: 400px;
	background-color: #D6D6D6;
	border-radius: 10px;
}
.captcha {
	font-size: 15px;
	border-radius: 10px;
}
.verifvalid, .verifmail {
	font-size: 15px;
	height: 20px;
	background-color: #D6D6D6;
	border-radius: 10px;
	text-align: center;
}
.verifmail {
	width: 300px;
}
.verifvalid:valid, .verifmail:valid {
   box-shadow: 0 0 2px 1px green;
   background-color: #EAFFE8;
} 
.verifvalid:invalid, .verifmail:invalid {
	background-color: #FFE8E8;
}
.btn_valid
{
	font-size: 15px;
	border-radius: 10px;
	padding: 5px;
	font-weight: bold;
	cursor: pointer;
	/* margin-top: 10px; */
}.btn_contact {
	margin-top: 10px;
}
.contact_valid
{}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  PARAMETRAGE DES LIENS  -------------------------------- */

/* ------------ Liens "header" -------------------------------------------------*/
a.login
{
	/* margin-left: 30px; */
	/* font-size: 0.7em; */
	/* font-style: italic;  */
	text-decoration: none;
	color: #FFB200;
}
/* ------------ Liens "header" -- END ------------------------------------------*/

/* ------------ Liens "fooer" --------------------------------------------------*/
.fancybox_html
{
	text-decoration: none;
	/* color: #FFB200; */
}

.fancybox_html:hover
{
	/* font-weight: bold; */
}

a.lien_footer
{
	text-decoration: none;
	margin-left: 15px;
	margin-top: 15px;
	color: #D6D6D6;
}

a.lien_mailfoot
{
	text-decoration: none;
	color: #FFB200;				/* FF9999 */
}

a.login:hover,
a.lien_mailfoot:hover,
a.lien_footer:hover
{
	font-weight: bold;
	color: #FFB200;				/* FF9999 */
}
/* ------------ Liens "fooer" --------- END ------------------------------------*/













/* MODELES  --------------------------------------- 

.btn_devenirpriv
{
	border-radius: 100px;
	display: inline-block;
	background-color: #F4C058;
	width: 300px;
	height: auto;
	margin-left: 50px;
	margin-right: auto;
	border: solid 2px #C69E50;
	
	color: #613706;
	padding: 20px;
	font-weight: bold;
	text-decoration: none;
}

.btn_devenirpriv:hover
{
	background-color: #9EBD48;
	text-shadow: black 5px 5px 10px;
	border: solid 2px #4E8213;
	box-shadow: 0px 0px 15px 10px black;
}

.divbtn_noprivilege
{
	text-align: center;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.btn_noprivilege
{
	border-radius: 100px;
	display: inline-block;
	background-color: #F4C058;
	width: 220px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border: solid 2px #C69E50;
	
	color: #613706;
	padding: 10px;
	font-weight: bold;
	text-decoration: none;
}
.btn_noprivilege:hover
{
	background-color: #9EBD48;
	text-shadow: black 5px 5px 10px;
	border: solid 2px #4E8213;
	box-shadow: 0px 0px 15px 10px black;
}








*/