/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------  CLASSES SQUELETTE  (SECTIONS) ------------------------- */

/* .margin500 { */
	/* margin-bottom: 500px; */
/* } */
.section_empty {
	min-height: 800px;	
}
.section_form {
	max-width: 100%;
	left: 0px;
	min-height: 100px;
	padding-bottom: 40px;		
}
.section_formdist {
	max-width: 100%;
	left: 0px;
	min-height: 100px;
	padding-bottom: 70px;	
}
.section_form_alt {
	max-width: 100%;
	left: 0px;
	min-height: 100px;
	/* padding-bottom: 20px;		 */
}

.section_tarif {
	max-width: 100%;
	left: 0px;
	min-height: 0px;
	padding-bottom: 20px; 
}

#slide1 {
	background: url(medias/fondindex002.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	min-height: 1000px;
}
#slide2 {
	background: url(medias/fondindex004.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	min-height: 800px;
}
#slide3 {
	background: url(medias/fondindex003.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	min-height: 800px;
}
#covid19 {
	background: url(medias/fond_covid195.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	min-height: 4500px;
}
#slideprix1 {
	background: url(medias/fondtarif001.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	min-height: 700px;
}
#slideformacteurspilotes {
	background: url(medias/fondformationindex001.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	/* height: auto; */
}
#slideformacteurssecours {
	background: url(medias/fondformationsecours001.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	/* height: auto; */
}
#slideformationformateurs {
	background: url(medias/fondformationformateurs001.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	/* height: auto; */
}
#slideformationsinter {
	background: url(medias/fondformationinter001.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	/* height: auto; */
}
#slidewebinairebground {
	background: url(medias/fondwebinaire001.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	/* height: auto; */
}
#slideformationdistance {
	background: url(medias/fondformationdistance002.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	/* height: auto; */
}
#slideformationdistance1 {
	background: url(medias/fondformationdistance003.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	/* height: 500px; */
}
#slideformationdistance1b {
	background: url(medias/fondformationdistance003.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	height: 400px;
}
#slideformationdistance2 {
	background: url(medias/fondformationdistance005.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	height: 500px;
}
#slideformacteurspostures {
	background: url(medias/fondformationpostures001.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	height: 300px;
}
#slideformindex001 {
	background: url(medias/fondformationindex001.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	height: 500px;
}
#slideformindex002 {
	background: url(medias/fondformationindex002.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	height: 500px;
}
#slideformateurs001 {
	background: url(medias/fondformateurs001.jpg) center 0 no-repeat fixed;
	background-size: 100% auto;
	height: 1000px;
}

#backgroundform_01
{
	background: url(medias/fondapsi_01.jpg) center 0 no-repeat fixed;
	height: 300px;
}
#backgroundform_02
{
	background: url(medias/fondapsi_02.jpg) center 0 no-repeat fixed;
	height: 300px;
}

.bgcolorentete {
	background-color: #F8F8ED;
}
.formsct01 {
	background-color: #F6F6E5;
}
.formsct02 {
	background-color: #C8D7D7;		/* 86CDD4 - B4D7D4 */
}
.formsct03 {
	background-color: #643C3C;		/* A34808 - 862121 - 762121 */
}
.formsct04 {
	background-color: #BED2BE;		/* B6DFC4 - B7E8B5 */
}
.formsct05 {
	background-color: #F6F6E5;
}
.formsct06 {
	background-color: #F0E6C8;
}
.formsct07 {
	background-color: #69A2AB;
}
.formsct02b {
	background-color: rgba(200, 215, 215, 0.8);
}
.formsct03b {
	background-color: rgba(100, 60, 60, 0.8);
}
.formsct04b {
	background-color: rgba(190, 210, 190, 0.7);
}
.formsct06b {
	background-color: rgba(240, 230, 200, 0.8);
}
.intersct01 {
	background-color: #DCD7E6;			/* DCD7E6 A297B7 */
}
.intersct01b {
	background-color: rgba(220, 213, 230, 0.8);
}
.webinsct01 {
	background-color: #D7D2B4;
	/* background-color: rgba(90, 85, 100, 1); */
}
.webinsct01b {
	background-color: rgba(215, 210, 180, 0.8);
	/* background-color: rgba(130, 120, 135, 0.85); */
	/* background-color: rgba(90, 85, 100, 0.85); */
}
.peersct01 {
	background-color: #F0E6C8;
	/* background-color: rgba(90, 85, 100, 1); */
}
.peersct01b {
	background-color: rgba(240, 230, 200, 0.9);
	/* background-color: rgba(130, 120, 135, 0.85); */
	/* background-color: rgba(90, 85, 100, 0.85); */
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- CONTENU ET ARTICLES -- INDEX --------------------------- */

/* spécificités des sections : couleurs, etc.. */
.indexsct02 {
	background-color: rgba(202, 241, 227, 1);
}
.indexsct02t {
	background-color: rgba(202, 241, 227, 0.8);
}
.indexsct03 {
	background-color: rgba(210, 215, 180, 1);
}
.indexsct03t {
	background-color: rgba(210, 215, 180, 0.8);
}
.indexsct04 {
	background-color: rgba(120, 40, 40, 1);
}
.indexsct04t {
	/* background-color: rgba(230, 230, 160, 0.8); */
	background-color: rgba(120, 40, 40, 0.5);
}
.indexsct05t {
	background-color: rgba(240, 240, 240, 0.7);
	/* background-color: rgba(120, 40, 40, 0.4); */
}
.covidsct2 {
	background-color: rgba(200, 220, 175, 0.8);
}

.sctinno
{
	background-color: #CAF1E3;
}

/* conteneur des articles dans les sections */
.content_sectindex {
	max-width: 1200px;
	width: 95%; 
	margin: auto;
	padding-bottom: 20px; 
}
.content_sectindex_inter {
	max-width: 1600px;
	width: 95%; 
	margin: auto;
	padding-bottom: 20px; 
}
.sctadn {						/*conteneur de la partie compétences et flexibilité */
	background: url(medias/adn_background.png) left 0 no-repeat scroll;
	background-size: auto auto;
/*	background-color: #CAF1E3;			*/
}
.content_datadock {			/*spécifique*/
	max-width: 1600px;
	width: 95%; 
	margin: auto;
	padding-bottom: 20px;
}
.content_sectquality {			/*spécifique*/
	max-width: 1200px;
	width: 95%; 
	margin: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}
/* styles des articles */
article.index_article {
	font-size: 1.6em;			/*1.6em 1.6vw*/
	line-height: 55px;
}
span.index_article {
	display: block; 
	width: 100%;
	font-family: "Manuscrit_strong";
	text-align: right;
	font-size: 1.2em;
	/* font-weight: bold; */
	/* font-style: italic;  */
}

.index_article strong {
	font-family: "General_all_textbold";
	font-size: 1.4em;
	font-style: inherit; 
	font-weight: 200;
}

.index_article em {
	font-size: 0.8em;
}

.index_article a {
	font-size: 1.2em;
}

.misenvaleur_transp_clear {
	text-shadow: white 0px 0px 10px;
}
.misenvaleur_transp_dark {
	text-shadow: black 0px 0px 10px;
}
/* ------------ Articles de index - COVID --------------------------------------*/
.ctlg_icocovid2 {
	height: 150px;
	width: auto;
	margin-left: auto; 
	margin-right: auto;
	user-select: none;
}
.ctlg_icocovid2:hover {
	/* filter: drop-shadow(0 0 4px white); */
	cursor: pointer; 
}

/* ------------ Articles de index - COVID ------ END ---------------------------*/

/* ------------ Articles de index - ADN ----------------------------------------*/
.adnbox_content {
	/* margin: auto; */
}

.adnbox {
	width: 100px;
	height: 100px;
	border-radius: 15px;
	padding: 10px;
	margin: 40px;
	box-shadow: 0px 0px 20px 2px white; 
}
.adnbox:hover {
	cursor: pointer;
	box-shadow: 0px 0px 20px 2px black; 
}

.lettrineadn {
	font-size: 60px;
	font-weight: bolder;
	line-height: 100px;
	text-align: center;
}

.sect_init {
	max-width: 1400px;
	/* height: 500px; */
	width: 95%; 
	margin: auto;
	display: block;
	transition: display 2s;
}
.sect_adapt,
.sect_deont,
.sect_novat {
	max-width: 1400px;
	/* height: 500px; */
	width: 95%; 
	margin: auto;
	display: none;
	transition: display 2s;
}
h4.adntitre {
	text-align: center; 
	font-size: 2em;
	font-weight: bold; 
	font-variant: small-caps;
}
.adn_article {
	font-size: 1.6em;
	line-height: 55px;
}
/* ------------ Articles de index - ADN -------------------- END ---------------*/

/* ------------ Articles de index - Presta -------------------------------------*/
.logospresta_content {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
img.logospresta_content {
	width: 100px;
	height: auto;
	margin-left: 10px;
	margin-right: 10px;
}
img.logospresta_content:hover {
	filter: drop-shadow(0 0 4px black);
}
/* ------------ Articles de index - Presta ----------------- END ---------------*/

/* ------------ Articles de index - Satisfaction qualité -----------------------*/

.satisfslide_contain {
	max-width: 1200px;
	width: 95%; 
	margin: auto;
	margin-top: 50px;
	padding-bottom: 300px;
}

.citslide {
	/* display: none; */
	/* padding: 20px;  */
	/* min-height: 250px; */
	/* text-align: center;  */
	
	/* border-radius: 20px 50px 50px 20px; */
	/* border: solid 2px #E6E6A0; */
	/* border-left: solid 50px #E6E6A0; */
	/* background-color: rgba(220, 220, 220, 0.6); */
	/* user-select: none; */
	display: none;
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	user-select: none;
}
.citflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: center; 
}
.citimg {
	width: 150px;
	height: auto; 
}
.citext {
	display: inline;
	font-family: "Manuscrit_light";
	font-size: 2em; 
	color: #333333;
	text-align: right; 
	font-weight: bold; 
	font-style: italic;
}
.span_confiance1 {
	text-align: left; 
	padding-bottom: 5px;
	/* padding-left: 50px; */
	color: #333333;
	font-weight: bold; 
	font-style: italic;
	user-select: none;
}
.span_confiance2 {
	text-align: right; 
	padding-top: 5px;
	padding-right: 50px;
	font-weight: bold; 
	font-style: italic;
	user-select: none;
}
/* ------------ Articles de index - Satisfaction qualité -----------------------*/
.statindex_contentab {
	max-width: 1200px;
	width: 95%; 
	margin: auto;
	margin-top: 20px;
}
.statindex_contentputter {
	/* width: 30%; */
	margin-left: 5px;
	margin-right: 5px;
	border-bottom: solid 2px gray;
}
.statindex_contentput {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: start;
	width: 50px;
	height: 100px; 
	margin-left: 10px;
	/* border-left: solid 1px black; */
	background-color: silver;
	border-radius: 4px 4px 0 0; 
}
.statindex_contentputval {
	width: 100%;
	/* height: 10px; */
	/* bottom: 0px; */
	background-color: green;
	border-radius: 4px 4px 0 0; 
}
.statindex_contentext {
	font-family: "Manuscrit_strong";
	margin-left: 5px;
	margin-right: 30px;
	margin-bottom: 10px;
	font-size: 1.5em;
	/* font-style: italic; */
}
span.statindex_contentext {
	font-size: 1.3em;
	font-weight: bold;
	/* font-style: italic; */
}
/* ---------------------- recommandations clients ----- */ 
.ctn_recoclients {
	width: 80%;
	min-height: 300px;
	max-width: 1000px;
	margin-top: 20px;
	/* margin-bottom: 20px; */
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border-radius: 30px;
	background-color: rgba(220, 235, 220, 0.9);	
	user-select: none;
}
.ctn_recothank {
	margin-top: 50px;
	margin-bottom: 20px;
}
.ctn_recothankflex {
	width: 80%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	
	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; 
}
img.recothank {
	display: block;
	width: 200px;
	height: auto; 
	/* filter: drop-shadow(0 0 6px #656565); */
}
div.recothank {
	font-family: "Manuscrit_light";
	font-size: 3em;
	font-weight: bold;
	font-style: italic;
	color: #004864;
	transform: rotate(-7deg);
	/* filter: drop-shadow(-5px 5px 6px #656565); */
}
.citrecocl {
	display: none;
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
	user-select: none;
}
.ctn_valreco {
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 30px;
}
.txt_recoclient {
	font-family: "Manuscrit_strong";
	font-size: 1.5em;
	color: #004864;
}
.citimgreco {
	width: 70px;
	height: auto; 
	margin-right: 20px;
}
.putavatar_base {
	width: 80px; 
}
.sat_clientname {
	font-weight: bold; 
	font-size: 1.2em;
}
.sat_clientfction {
	font-style: italic;
}
@-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}
/* ------------ Articles de index - Satisfaction qualité ---------- END --------*/

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- CONTENU ET ARTICLES -- FORMATIONS ---------------------- */

/* ------------ Articles de formations.index -----------------------------------*/
.clear {
	color: #525252; 
}

.dark {
	color: #BABABA;
}
.darker {
	color: #E9E9E9;
}
img.dark {
	filter: drop-shadow(0 0 1px white);
}

article.form_article {
	font-size: 1.6em;
	line-height: 55px;
}

.form_article strong {
	font-family: "General_all_textbold";
	font-size: 1.4em;
	font-style: inherit; 
	font-weight: 100;
}

.form_article em {
	font-size: 0.8em;
}

.form_article a {
	font-size: 1.2em;
}

article.form_accroche
{
	padding-left: 50px; 
	padding-right: 50px; 
/*	font-family: "Comic Sans MS";		*/
	font-size: 1.6em;
	line-height: 55px;
}

.form_accroche strong {
	font-family: "General_all_textbold";
	font-size: 1.4em;
	font-style: inherit; 
	font-weight: 200;
}
.form_accroche_explain {
	/* padding-left: 20px;  */
	/* padding-right: 20px;  */
	max-width: 1100px;
/*	font-family: "Comic Sans MS";		*/
	font-size: 1.4em;
	font-style: italic; 
	line-height: 55px;
}

.icodist {
	display: ;
	width: auto;
	height: 350px;
}
.icodir {
	display: ;
	width: auto;
	height: 400px;
}
.icointer {
	display: ;
	width: 200px;
	height: auto;
}
.icointer2 {
	display: ;
	width: 300px;
	height: auto;
}
.icofor {
	display: ;
	width: 200px;
	height: auto;
}
.icoact {
	display: block;
	width: 350px;
	height: auto;
	margin: auto;
}
.icodir:hover, .icoact:hover, .icodist:hover, .icointer:hover, .icointer2:hover {
	cursor: pointer;
	filter: drop-shadow(0 0 3px black);
}
.icointer2:hover {
	cursor: pointer;
	filter: drop-shadow(0 0 50px black);
}
.icofor:hover {
	cursor: pointer;
	filter: drop-shadow(0 0 5px white);
}
/* ------------ Articles de formations.index ------- END -----------------------*/



/* ------------ Article contenu de la page "management" ------------------------*/
/* ------------ Article contenu de la page "management" --------- END ----------*/




/* ------------ Article contenu de la page "distance" --------------------------*/
.logodist01 {
	width: 700px;
	height: auto; 
}
.logodist02 {
	width: 400px;
	height: auto; 
}
.info_matdist {
	width: 80%;
	/* text-align: center;  */
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	font-size: 1.2em; 
	/* font-style: italic; */
	user-select: none;
	
	/* display: block;  */
	/* width: 100%; */
	font-family: "Manuscrit_strong";
	text-align: right;
	/* font-size: 1.2em; */
}
/* .titre_dist { */
	/* max-width: 100%; */
	/* width: 80%; */
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* padding-left: 50px; */
	/* padding-right: 50px; */
	/* border-radius: 100px 100px 30px 30px; */
	/* border: solid 2px black; */
/* } */
/* .bgcolordist_form { */
	/* background-color: rgba(120, 30, 30, 0.8); */
/* } */
/* .bgcolordist_act { */
	/* background-color: rgba(180, 230, 180, 0.7); */
/* } */
/* .bgcolordist_dirof { */
	/* background-color: rgba(240, 170, 0, 0.6);				/* F0AA00 */ */
/* } */

.affpromo_espritform {
	margin-bottom: 20px;
	color: #353535;
}
.logo_espritformation {
	display: block; 
	width: 150px;
	height: auto; 
	margin-left: 20px;
	margin-right: 20px;
}
.logo_espritformation:hover {
	filter: drop-shadow(0 0 3px gray);
}

/* ------------ Article contenu de la page "distance" ----------- END ----------*/



/* ------------ Article contenu de la page "formateurs" ------------------------*/

/* ----- inscription ------ */
.inputcontainer {
	/* max-width: 100%;  */
	width: 90%;
	margin-left: 20%;
	margin-top: 10px; 
	margin-bottom: 10px;
}
.inputcontainer > input {
	margin-left: auto;
	margin-right: 60px;
}
.inputitle {
	display: block;
	margin-bottom: 3px;
}

.input_fofodist, 
.input_fofodistm, 
.input_fofodists {
	height: 35px;
	/*background-color: #D6D6D6;*/
	border-radius: 10px;
	font-size: 1.2em;
}
.input_fofodist {		width: 70%;	}
.input_fofodists {		width: 20%;	}
.input_fofodistm {		width: 45%;	}
.select_fofodist {		width: 75%;	}
.select_fofodist2 {		width: 20%;	}
.input_fofodist:required:valid, 
.input_fofodistm:required:valid, 
.input_fofodists:required:valid {
	/* background-color: #FFE8E8; */
	box-shadow: 0px 0px 4px 3px green;
}
.input_fofodist:required:invalid, 
.input_fofodistm:required:invalid, 
.input_fofodists:required:invalid {
	/* background-color: #FFE8E8; */
	box-shadow: 0px 0px 4px 3px red;
}
.select_fofodist,
.select_fofodist2 {
	height: 35px;
	/* width: 75%; */
	border-radius: 10px;
	font-size: 1.2em;
	cursor: pointer;
}
.select_fofodist:required:invalid,
.select_fofodist2:required:invalid {
	border-color: ;
	box-shadow: 0px 0px 4px 3px red;
}
.select_fofodist:required:valid,
.select_fofodist2:required:valid {
	border-color: ;
	box-shadow: 0px 0px 4px 3px green;
}
.btnvalid_fofodist {
	height: 50px;
	width: auto;
	/*background-color: #D6D6D6;*/
	border-radius: 20px;
	font-size: 1.1em;
	font-weight: bold;
	padding: 10px;
	cursor: pointer;
	margin-left: 10px;
}
.btnvalid_fofodist:hover {
	text-shadow: 0px 0px 8px gray; 
	box-shadow: 0px 0px 4px 3px green; 
}
.captcha_fofodists {
	height: 35px;
	/*background-color: #D6D6D6;*/
	border-radius: 10px;
	font-size: 1.2em;
	text-align: center;
	width: 20%;
}
.captcha_fofodists:required:invalid { 
	box-shadow: 0px 0px 4px 3px red;
}
.captcha_fofodists:required:valid { 
	box-shadow: 0px 0px 4px 3px green;
}

/* ----- inscription ---END */
/* ------------ Article contenu de la page "formateurs" --------- END ----------*/



/* ------------ Article contenu de la page "acteurs" ---------------------------*/
.containprogform {
	
}

.containcatalogformation {
	max-width: 1400px;
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 30px; 
	background-color: rgba(245, 245, 245, 0.5);				/* #B5B5B5 */
	
	border-radius: 20px;
	padding: 10px; 
}
.catalogacteursbtncontain {
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: center; 
	
	max-width: 1400px;
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
	/* margin-top: 30px;  */
	background-color: rgba(200, 200, 200, 0.4);			/* #B5B5B5 */
	
	border-radius: 10px 10px 20px 20px; 	
	/* padding: 10px;  */
}.bordercol_btnattente {	border-bottom: solid 3px silver;
}.bordercol_btnsecours {	border-bottom: solid 3px #06A200;
}.bordercol_btnpostural {	border-bottom: solid 3px #0098C3;
}.bordercol_btnincendie {	border-bottom: solid 3px #DD504D; 
}.bordercol_btndivers {		border-bottom: solid 3px #B8AC00; 
}.bordercol_btnpilotebase {	border-bottom: solid 3px #719C9C; 
}.bordercol_btnformRCV {	border-bottom: solid 3px #EDC000; 
}.bordercol_btnformbase {	border-bottom: solid 3px #F2C777; 
}.bordercol_btnacteursbase {	border-bottom: solid 3px #6E9A6C; 
}.bordercol_btnformperf {	border-bottom: solid 3px #8A5151; 
}.bordercol_btnfOFkal {		border-bottom: solid 3px #8597A4; 
}.bordercol_btnfOFfoad {	border-bottom: solid 3px #8597A4; 
}

/* --------------------- page intra ------------------ */ 
.sesslieuvilleintra {
	height: 30px;
	line-height: 30px;
	/* width: 300px; */
	/* width: 30%; */
	/* min-width: 200px; */
	/* max-width: 400px;  */
	padding-left: 20px; 
	padding-right: 20px;
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	font-family: "General_all_comic";
	/* font-weight: bold; */
	filter: drop-shadow(0 0 4px gray);
}
.sesscodesessionintra {
	/* position: relative; */
	height: 30px;
	line-height: 30px;
	width: 200px;
	margin-left: 20px; 
	/* top: -15px; */
	/* left: 320px; */
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	font-family: "General_all_comic";
	/* font-weight: bold; */
	filter: drop-shadow(0 0 4px gray);
}
.sesscompletionhautintra {
	/* position: relative; */
	background-color: rgba(238, 238, 238, 1);
	border: solid 2px #6C8200;
	height: 31px;
	/*line-height: 30px;*/
	width: 35%;
	min-width: 100px; 
	padding-left: 10px; 
	padding-right: 10px;
	margin-left: 20px; 
	margin-right: 30px; 
	/* top: -15px; */
	/* left: 320px; */
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	/* font-weight: bold; */
	filter: drop-shadow(0 0 4px gray);
}
.sessintrasessionsflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: flex-start; 
}
.sessintraclbuttonflex {
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	align-items: center; 
}
.sessclintra_totalcout {
	color: #5A5A5A;
	text-shadow: 0px 0px 10px gray;
	user-select: none;
	transform: rotate(6deg);
	/*filter: drop-shadow(0 0 6px silver);	*/
	border: solid 2px gray; 
	/*background-color: #5A5A5A;*/
	background-color: rgba(238, 238, 238, 1);
	
	border-radius: 30px;
	padding: 5px;
	text-align: center; 
	font-weight : bold;
	font-size: 1.8em; 
}
.sessclintra_totalcout span {
	font-weight : normal;
	font-size: 0.7em; 
}
.sessintradress {
	text-align: left;
	font-style: italic;
	/* color: #5A5A5A; */ 
}
.sessintraformateur {
	margin-top: 10px; 
	padding-top: 10px;
	text-align: left;
	font-style: italic;
	/* color: #5A5A5A; */ 
}
.sessintraformadresse {
	margin-top: 10px; 
	padding-top: 10px;
	text-align: left;
	font-style: italic;
	/* color: #5A5A5A; */ 
	border-top: solid 1px #6C8200;
}
.sessintraconfirmcontain {
	margin-top: 10px; 
	padding-top: 10px;
	text-align: left;
	font-style: italic;
	/* color: #5A5A5A; */ 
	border-top: solid 1px #6C8200;
}
.sessintraconfirmbox {
	margin-top: 10px; 
	border-radius: 12px;
	padding: 10px; 
	text-align: left;
	font-weight: bold;
	font-style: italic; 
	/* color: #5A5A5A; */ 
	border-top: solid 1px #6C8200;
	box-shadow: 0px 0px 6px 4px #778979;
}
.titrecl_documentsintracontain {
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	align-items: center; 
	
	position: relative;
	top: -15px;
}
.titrecl_documentsintra {
	/* background-color: #009D84; */
	background-color: rgba(238, 238, 238, 1);
	height: 30px;
	line-height: 30px;
	width: 200px; 
	padding-left: 20px; 
	padding-right: 20px;
	margin-right: 30px;
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	font-family: "General_all_comic";
	/* font-weight: bold; 
	filter: drop-shadow(0 0 4px gray);	*/
	border-top: solid 1px #6C8200;
}
/* --------------------- page inter ------------------ */ 
.containsessinter {
	max-width: 1200px;
	width: 80%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 30px; 
	background-color: #E0E0E0;				/* #B5B5B5 */
	
	border-radius: 20px;
	padding: 10px; 
}
.sesspromointer {
	width: 80%;
	margin-left: auto; 
	margin-right: auto; 
	/* margin-top: 30px;  */
	background-color: #FFB200;				/* #FEAC4D */
	
	border-radius: 12px;
	padding: 10px; 
	padding-left: 20px; 
	padding-right: 20px; 
	box-shadow: 0px 0px 6px 4px #778979;
	
	text-align: center;
	font-weight: bold;
	/* font-style: italic; */
	color: #660000;
}
.sessinterbtncontain {
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: center; 
	
	max-width: 1190px;
	width: 78%; 
	margin-left: auto; 
	margin-right: auto; 
	/* margin-top: 10px;  */
/*	background-color: #F5F5F5;				/* #B5B5B5 */
	background-color: rgba(238, 238, 238, 1);
	
	border-radius: 10px 10px 20px 20px; 
	padding: 10px; 
	border-bottom: solid 3px silver;
}
.forinterstatcontain {
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	align-items: flex-end; 
}
.forinterightcontain {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly; 
	align-items: start; 
	
	width: 40%;
	min-width: 300px;
}
.sessintersessionsflex {
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: flex-start; 
}
.sessintersessionscontain {
	max-width: 1150px;
	width: 75%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 20px; 
/*	background-color: #F5F5F5;				/* #B5B5B5 */
	background-color: rgba(238, 238, 238, 1);
	
	border-radius: 20px 20px 20px 20px; 
	padding-bottom: 20px; 
	padding-left: 20px; 
	padding-right: 20px; 
	border: solid 2px #009D84;
}
.sessintersessionscontain:hover {
	box-shadow: 0px 0px 10px 8px #778979;
}
.sessaffichlieucode {
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: center; 
	
	position: relative;
	top: -15px;
}
.sessaffichlieucodeinner {
	display: flex;
	flex-direction: row;
	justify-content: flex-start; 
	align-items: center; 
	
	/* position: relative; */
	/* top: -15px; */
}
.sesslieuville {
	background-color: #009D84;
	height: 30px;
	line-height: 30px;
	/* width: 300px; */
	/* width: 30%; */
	/* min-width: 200px; */
	/* max-width: 400px;  */
	padding-left: 20px; 
	padding-right: 20px;
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	font-family: "General_all_comic";
	/* font-weight: bold; */
	filter: drop-shadow(0 0 4px gray);
}
.sesspartenariat {
	background-color: #009D84;
	height: 30px;
	line-height: 30px;
	margin-left: 20px; 
	/* width: 300px; */
	/* width: 30%; */
	/* min-width: 200px; */
	/* max-width: 400px;  */
	padding-left: 20px; 
	padding-right: 20px;
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	font-family: "General_all_comic";
	/* font-weight: bold; */
	filter: drop-shadow(0 0 4px gray);
}
.sesscodesession {
	/* position: relative; */
	background-color: #009D84;
	height: 30px;
	line-height: 30px;
	width: 200px;
	margin-left: 20px; 
	/* top: -15px; */
	/* left: 320px; */
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	font-family: "General_all_comic";
	/* font-weight: bold; */
	filter: drop-shadow(0 0 4px gray);
}
.sesscompletionhaut {
	/* position: relative; */
	background-color: rgba(238, 238, 238, 1);
	border: solid 2px #009D84;
	height: 31px;
	/*line-height: 30px;*/
	width: 35%;
	min-width: 100px; 
	padding-left: 10px; 
	padding-right: 10px;
	margin-left: 20px; 
	margin-right: 30px; 
	/* top: -15px; */
	/* left: 320px; */
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	/* font-weight: bold; */
	filter: drop-shadow(0 0 4px gray);
}
/* range remplissage */
.sessclinterangeremp_contain {
	width: 95%;
	margin-top: 8px;
	margin-left: auto; 
	margin-right: auto; 
}
/* ----------------- */
.interinfocandinscrits {
	background-color: #FFB200;
	height: 30px;
	line-height: 30px;
	/* width: 200px; */
	padding-left: 20px; 
	padding-right: 20px;
	margin-left: 20px; 
	margin-right: 30px; 
	/* top: -15px; */
	/* left: 320px; */
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	font-family: "General_all_comic";
	color: #660000;
	/* font-weight: bold; */
	filter: drop-shadow(0 0 4px gray);
	border: solid 1px #660000;
}
.titrecl_candidatsintercontain {
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	align-items: center; 
	
	position: relative;
	top: -15px;
}
.titrecl_documentsintercontain {
	display: flex;
	flex-direction: row;
	justify-content: flex-start; 
	align-items: center; 
	
	position: relative;
	top: -15px;
}
.titrecl_candidatsinter {
	/* background-color: #009D84; */
	background-color: rgba(238, 238, 238, 1);
	height: 30px;
	line-height: 30px;
	width: 300px; 
	padding-left: 20px; 
	padding-right: 20px;
	margin-right: 30px;
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	font-family: "General_all_comic";
	/* font-weight: bold; 
	filter: drop-shadow(0 0 4px gray);	*/
	border-top: solid 1px #009D84;
}
.titrecl_documentsinter {
	/* background-color: #009D84; */
	background-color: rgba(238, 238, 238, 1);
	height: 30px;
	line-height: 30px;
	width: 200px; 
	padding-left: 20px; 
	padding-right: 20px;
	margin-left: 30px;
	border-radius: 15px 15px 15px 15px; 
	text-align: center;
	font-family: "General_all_comic";
	/* font-weight: bold; 
	filter: drop-shadow(0 0 4px gray);	*/
	border-top: solid 1px #009D84;
}
.sessinterbtnbox1 {
	width: 80%;
	text-align: left;
	/* box-align: left; */
}
.sessinterbtnbox2 {
	width: 20%;
	text-align: right;
	/* box-align: right; */
}
.sessinteradressnone {
	margin-top: 10px; 
	text-align: left;
	font-style: italic;
	font-size: 0.8em;
	/* color: #5A5A5A; */ 
}
.sessinteradress {
	margin-top: 10px; 
	padding-top: 10px;
	text-align: left;
	font-style: italic;
	/* color: #5A5A5A; */ 
	border-top: solid 1px #009D84;
}
.sessinterformateur {
	margin-top: 10px; 
	padding-top: 10px;
	text-align: left;
	font-style: italic;
	/* color: #5A5A5A; */ 
	/* border-top: solid 1px #009D84; */
}
.sessinter_imginscript {
	height: 70px;
	width: auto;
	margin-right: 5px;
}
.sessinter_imginscriptinact {
	height: 70px;
	width: auto;
	margin-right: 5px;
}
.sessinter_imginscript:hover {
	filter: drop-shadow(0 0 4px gray);
}
.sesscllinkresainterinact {
	/* font-style: italic; */
	margin-left: 20px; 
	color: gray;
	text-align: right;
	/* font-style: italic; */
	font-weight: bold; 
	font-size: 1.1em;
	text-shadow: 0px 0px 10px silver;
	user-select: none;
}
.sesscllinkresainteractiv {
	/* font-style: italic; */
	margin-left: 20px; 
	color: #006650;
	text-align: right;
	/* font-style: italic; */
	font-weight: bold; 
	font-size: 1.1em;
	text-shadow: 0px 0px 10px silver;
	user-select: none;
}
.containinscriptinter {
	max-width: 1400px;
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 30px; 
	background-color: rgba(245, 245, 245, 1);				/* #B5B5B5 */
	
	border-radius: 20px;
	padding: 10px; 
}
.sessdateintercontain {
    display: flex;
	flex-direction: row;
	justify-content: flex-start; 
	align-items: center; 
	flex-wrap: wrap;
	/* width: 200px; */
	/* border-bottom: solid 1px silver; */
}
.sessdatesinter {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
	text-align: center;
	border-radius: 30px;
	background-color: #FEAC4D; 
	box-shadow: 0px 0px 4px 3px gray;
	user-select: none;
}
.itemdateinter {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
	/* max-width: 16%; */
	text-align: center;
	font-style: italic;
	border-radius: 30px;
	user-select: none;
}
.sessinterdownloadocscontain {
	display: flex;
	flex-direction: row;
	justify-content: space-between; 
	align-items: flex-start; 
	
}
.sessinterdownloadocsleft {
	display: flex;
	flex-direction: column;
	justify-content: flex-start; 
	align-items: flex-start; 
	width: 50%;
}
.sessinterdownloadocsright {
	display: flex;
	flex-direction: column;
	justify-content: flex-start; 
	align-items: flex-start; 
	width: 30%;
}
.linkdocsess {
	margin-left: 5px; 
	margin-top: 5px; 
	
	font-weight: bold; 
}
/* ------ affichage des inter page session client --------- */
.sessinterdowloadocs {
	height: 20px;
	width: auto;
	margin-right: 5px;
	filter: drop-shadow(0 0 2px gray);
}
/* ------ cout total client --------- */
.sessclinter_totalcout {
	color: #5A5A5A;
	text-shadow: 0px 0px 10px gray;
	user-select: none;
	transform: rotate(6deg);
	filter: drop-shadow(0 0 6px gray);	
	border: solid 2px gray; 
	/*background-color: #5A5A5A;*/
	background-color: rgba(238, 238, 238, 1);
	
	border-radius: 30px;
	padding: 5px;
	text-align: center; 
	font-weight : bold;
	font-size: 1.8em; 
}
.sessclinter_totalcout span {
	font-weight : normal;
	font-size: 0.7em; 
}
/* ------ vérif client --------- */
.containverif_inter {
	max-width: 1400px;
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
	/* margin-top: 30px;  */
	/* background-color: rgba(230, 230, 230, 1);	 */
	
	/* border-radius: 20px; */
	/* padding: 10px;  */
}
.containverifclient_inter {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly; 
	align-items: stretch; 
	
	max-width: 1400px;
	width: 100%; 
	/* margin-left: auto;  */
	/* margin-right: auto;  */
	/* margin-top: 30px;  */
	/* background-color: rgba(230, 230, 230, 1);	 */
	
	/* border-radius: 20px; */
	padding: 10px; 
}
.vclinter_contain {
	display: flex;
	flex-direction: column;
	justify-content: start; 
	align-items: center; 
	
	width: 30%; 
	/* margin-left: auto;  */
	/* margin-right: auto;  */
	margin-top: 30px; 
	margin-bottom: 30px; 
	background-color: rgba(240, 240, 240, 1);				/* #B5B5B5 */
	
	border-radius: 30px;
	box-shadow: 0px 0px 4px 3px gray;
	padding: 10px; 
}
.vclinter_contain:hover {
	box-shadow: 0px 0px 10px 8px #778979;
}
.vclinter_validcode {
	width: 50%; 
	max-width: 800px;
	margin-left: auto; 
	margin-right: auto; 
}
.vclinter_box1 {
	width: 100%;
	text-align: center; 
	font-size: 1.2em;
	
	border-radius: 10px; 
	border-bottom: solid 1px;
	padding-bottom: 10px; 
}
.vclinter_box1 em {
	/* font-family: "General_all_textbold"; */
	font-family: "General_all_comic";
	font-size: 1.5em;
	font-style: inherit; 
	font-weight: 200;
}
.vclinter_box2 {
	width: 100%;
	text-align: center; 
	font-size: 1em;
	/* height: 50px; */
	
	/* border-radius: 10px; */
	padding-top: 10px; 
	padding-bottom: 10px; 
} 
span.vclinter_box {
	width: 100%;
	text-align: center; 
	font-size: 0.9em;
	font-style: italic;
	/* height: 50px; */
	
	/* border-radius: 10px; */
	padding: 10px; 
} 
.input_vclinterm {
	height: 25px;
	/*background-color: #D6D6D6;*/
	border-radius: 15px;
	text-align: center;
	font-size: 0.9em;
	margin: 10px;
}
.input_vclinterm {		width: 70%;	}
.input_vclinterm:required:valid {
	/* background-color: #FFE8E8; */
	box-shadow: 0px 0px 2px 1px green;
}
.input_vclinterm:required:invalid {
	/* background-color: #FFE8E8; */
	box-shadow: 0px 0px 2px 1px red;
}
.btnvalid_vclinter {
	height: auto;
	width: 50%;
	/*background-color: #D6D6D6;*/
	border-radius: 12px;
	font-size: 1em;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
	/* margin-left: 10px; */
}
.btnvalid_vclinter:hover {
	text-shadow: 0px 0px 8px gray; 
	box-shadow: 0px 0px 2px 1px green; 
}
a.recup_vclinter {
	/* display: block; */
	font-family: "Manuscrit_strong"; 
	/* margin-top: 15px; */
}
/* --------------------- page inter ------------------ */ 

.catalogbtnrightcontain {
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	align-items: center; 
}
.catalogbtnleftcontain {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly; 
	align-items: start; 
	
	width: 50%;
}

/* ----- configuration des "échelles de valeur taux" ------- */	
.ctlgtauxsatisfcontain {
	/* max-width: 1200px; */
	width: 100%; 
	/* margin: auto; */
	padding-top: 10px; 
	/* padding-bottom: 10px;  */
}
.ctlgrangetxsatctn {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	/* margin-bottom: 50px; */
}
.ctlgrangetxsatbg {
	background-color: silver;
	width: 100%;
	height: 15px;
	border-radius: 5px;
}
.ctlgrangetxsatin {
	/* background-color: #e09900; */
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
	border-radius: 5px;
	/* text-align: right; */
}
.ctlgrangetxsatinvaleur {
	padding-right: 10px; 
	font-weight: bold; 
	font-size: 0.8em;
	color: #dddddd;
}
.ctlgrangetxsatnonevaleur {
	padding-right: 10px; 
	/* font-weight: bold;  */
	font-style: italic;
	font-size: 0.8em;
	color: #dddddd;
}
/* ------------------------------ */	

.ctlgtitleflex {
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
	align-items: center; 
}
.ctlgformtitle {
	width: 100%; 
	border-radius: 10px;
	padding: 10px;
	/* font-family: "Comic Sans MS";  */
	font-weight : bold;
	font-size: 1.4em; 
}
.ctlgreference {
	width: 170px;
	border-radius: 20px;
	padding: 10px;
	/* text-align: right;  */
	/* text-shadow: 0px 0px 10px #5A5A5A; */
	/* font-weight : bold; */
	/* font-size: 1.8em;  */
}
.ctlg_infoform {
	margin-top: 10px;
	font-size: 1.2em;
	/* text-align: center; */
	color: #5A5A5A;
}
.ctlg_infoformateur {
	margin-top: 10px;
	font-size: 1.2em;
	/* text-align: center; */
	color: #353535;
}
.infoFNE {
	margin-top: 10px;
	font-size: 0.9em;
	font-style: italic;
	color: #353535;
}

.ctlginfoplus {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly; 
	align-items: center; 
	
	margin-bottom: 20px;
	color: #5A5A5A;
}
.ctlginfoplusformateur {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly; 
	align-items: center; 
	
	margin-top: 20px;
	margin-bottom: 20px;
	color: #353535;
}
.ctlg_pratique {
	font-size: 2em; 
	font-weight: bold; 
	text-align: center; 
	text-shadow: 0px 0px 10px silver;
	user-select: none;
	cursor: arrow;
}
span.ctlg_pratique {
	font-size: 0.5em; 
	font-weight: normal; 
	font-style: italic;
	text-shadow: none;
}

.catalogdomaine {
	color: white;
	font-size: 0.5em;
}
.catalogparcours {
	font-size: 0.7em;
	font-style: italic; 
	/* text-decoration: underline; */
}
img.ctlg_imgref {
	height: 70px;
	width: auto;
	filter: drop-shadow(0 0 5px black);
}
img.ctlg_imgreftar {
	height: 70px;
	width: auto;
	filter: drop-shadow(0 0 5px white);
}
img.ctlg_logosst {
	width: 80px;
	/* border-radius: 20px; */
	padding: 10px;
}
img.ctlg_logoprap {
	width: 70px;
	/* border-radius: 20px; */
	padding: 10px;
}
img.ctlg_logofdir {
	width: 100px;
	/* border-radius: 20px; */
	padding: 10px;
}
img.ctlg_logofform {
	width: 90px;
	/* border-radius: 20px; */
	padding: 10px;
}
img.ctlg_imgprog {
	height: 70px;
	width: auto;
}

.ctlg_btntarif {
	/* font-family: "Comic Sans MS";  */
	/* font-size: 1.5em; */
	/* font-variant: small-caps; */
	/* font-weight: bold; */
	/* text-align: center; */
	/* color: orange; */
	
	/* width: auto; */
	/* margin-left: 10px;  */
	/* margin-right: 10px; */
	/* padding: 10px;  */
	
	/* background-color: silver; */
	/* border-radius: 15px; */
	/* border: solid 2px black; */
	/* cursor: pointer; */
}
.ctlg_btntarif:hover {
	/* text-shadow: black 0px 0px 8px; */
}
.ctlg_imgtarif {
	height: 100px;
	width: auto;
}
.ctlg_imgmodefor {
	height: 70px;
	width: auto;
	margin-left: 10px; 
	margin-right: 10px;
}
.ctlg_imgeval {
	height: 90px;
	width: auto;
	margin-left: 10px; 
	margin-right: 10px;
}
.ctlg_icocovid {
	height: 80px;
	width: auto;
	margin-left: 10px; 
	margin-right: 10px;
}
.ctlg_icocoutrcv {
	height: auto;
	width: 300px;
	margin-left: 10px; 
	margin-right: 20px;
	filter: drop-shadow(0 0 4px white);
}
.ctlg_imginscript {
	height: 80px;
	width: auto;
	margin-left: 10px; 
	margin-right: 5px;
}
.ctlg_imgcondacces {
	height: 80px;
	width: auto;
	margin-left: 10px; 
	margin-right: 10px;
}
.ctlg_imgcondhandi {
	height: 70px;
	width: auto;
	/* margin-left: 10px;  */
	/* margin-right: 10px; */
	/* cursor: pointer;  */
}
.ctlg_imgcondacces:hover,
.ctlg_imgtarif:hover,
.ctlg_imgcondhandi:hover,
.ctlg_btnmodefor:hover,
.ctlg_imginscript:hover {
	/* filter: drop-shadow(0 0 4px white); */
}
.ctlg_hovericons:hover {
	filter: drop-shadow(0 0 4px white);
	cursor: pointer;
}
.ctlg_icocovid:hover {
	/* filter: drop-shadow(0 0 4px black); */
}

.bgcolcell_ctlgformattente {
	background-color: silver; 
}
.bgcolcell_ctlgsecours {
	background-color: #06A200;
}
.bgcolcell_ctlgpostural {
	background-color: #0098C3;
}
.bgcolcell_ctlgincendie {
	background-color: #DD504D; 
}
.bgcolcell_ctlgdivers {
	background-color: #B8AC00; 
}
.bgcolcell_ctlgformRCV {
	background-color: #EDC000; 
}
.bgcolcell_ctlgpilotbases {
	background-color: #719C9C; 		/*429898 */
}
.bgcolcell_ctlgformbases {
	background-color: #F2C777; 
}
.bgcolcell_ctlgacteursbases {
	background-color: #6E9A6C; 
}
.bgcolcell_ctlgformperf {
	background-color: #8A5151; 		/*D2AE6C */
}
.bgcolcell_inscriptions {
	background-color: #007788; 
}
.bgcolcell_ctlgOFkality {
	background-color: #8597A4; 		/*0099FF 62A3CF*/
}
.bgcolcell_ctlgOFfoad {
	background-color: #8597A4; 		/*FFDC45 */
}

/* ------------ Article contenu de la page "acteurs" ------------ OLD ----------*/

div.programm_contain
{
	/* max-width: 80%; */
	/* margin-left: auto; */
	/* margin-right: auto; */
	
/*	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 contenu de la page "acteurs" ------------ END ----------*/

/* ------------ Article contenu de la page "inter" -----------------------------*/

.select_forminter {
	height: 35px;
	/* width: 75%; */
	border-radius: 10px;
	font-size: 1.2em;
	text-align: center;
	cursor: pointer;
}
.select_forminter:required:invalid {
	border-color: ;
	box-shadow: 0px 0px 4px 3px red;
}
.select_forminter:required:valid {
	border-color: ;
	box-shadow: 0px 0px 4px 3px green;
}

/* range remplissage session */
.sessinterangeremp_contain {
	max-width: 90%;
	width: 80%;
	margin-top: 10px;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* margin-bottom: 50px; */
}
.interangeremp_contain {
	max-width: 90%;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	/* margin-bottom: 50px; */
}
.interangetxbckground {
	background-color: #dddddd;
	width: 100%;
	height: 15px;
	border-radius: 5px;
	/* padding: 2px; */
}
.interangetxremplissage {
	/* background-color: #e09900; */
	height: 100%;
	border-radius: 5px;
	/* width: attr(data-width); */
	/* width: 40%; */
}

.sessinterprog {
	height: 70px;
	width: auto;
	margin-right: 20px;
}

.detailsess_inter_tx {
	width: 70%;
	padding: 5px; 
	/* border-radius: 0 30px 15px 10px; */
	/* border-right: solid 2px ; */
	/* border-bottom: solid 1px ; */
}

.infopromo_inter {
	background-color: #B6F746;
	border: solid 5px #B6C246;
	border-radius: 30px;
	padding: 20px; 
}

/* ------------ Article contenu de la page "inter" --------- END ---------------*/

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- CONTENU ET ARTICLES -- TARIFS -------------------------- */

/* conteneur des articles dans les sections */
.content_sectarifs {
	max-width: 1200px;
	width: 95%; 
	margin: auto;
	padding-bottom: 0px;
}
.content_sectarifs2 {
	max-width: 1400px;
	width: 95%; 
	margin: auto;
	padding-bottom: 0px;
}
.infogratuit {
	max-width: 800px;
	width: 80%; 
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	
	text-align: center; 
	font-style: italic; 
	font-size: 1.4em;			/*1.6em 1.6vw*/
	line-height: 55px;
	color: #006602;
	text-shadow: #235A23 0px 0px 8px;
}
#infoadvreel {
	color: #400003;
	font-weight: bold;
	text-shadow: #3B3B3B 0px 0px 8px;
}

/* invite à la connexion des clients */
.bdeau_client {
	position: fixed; 
	left: 0; 
	bottom: 0;
	width: 100%; 
	padding-left: 20px;
	background-color: rgba(120, 40, 40, 0.8);
	color: yellow;
	z-index: 20;
}
._client {
	font-family: "CooperStd";
	font-size:1.2em;
	font-weight:bold;
	line-height:55px;
}
.tarifsct03t {
	background-color: rgba(120, 40, 40, 0.05);
	max-width: 1000px;
	width: 75%; 
	border: solid 5px #B6C246;
	border-radius: 30px;
	padding: 15px;
}

/* cartes avantage exemple (images) */
.cartesavantage {
	display: block; 
	width: 12%; 
	height: auto; 
	user-select: none;
}
.cartesavantage:hover {
	filter: drop-shadow(0 0 10px black); 
	cursor: pointer; 
}
.advantbordfocus {
	/* border: solid 2px #B6C246; */
	filter: drop-shadow(0 0 3px #003707);
} 
.advantbordhide {
	/* border: solid 2px #B6C246; */
	filter: saturate(0.2) opacity(0.5);
} 
div.article_reduct {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 50px;
	/* margin-bottom: 50px; */

	font-size: 1.6em;			/*1.6em 1.6vw*/
	line-height: 55px;
	text-align: center;
	
	border-radius: 20px;
	background-color: rgba(230, 230, 230, 0.6);
	text-shadow: white 0px 0px 10px;
}
.article_reduct strong { 
	font-family: "General_all_textbold";
	font-size: 1.4em;
	font-style: inherit; 
	font-weight: 200;
}
.article_reduct em {
	font-size: 0.8em;
}
.article_reduct a {
	font-size: 1.2em;
}
.spanreductinfo {
	font-size: 0.7em;
	font-style: italic;
}

#reducbronze {
	display: none; 
	border: solid 5px #C0AB8F;
}
#reducargent {
	display: none; 
	border: solid 5px #C6C6C5;
}
#reducgold {
	display: none; 
	border: solid 5px #FCE66C;
}
#reducplatin {
	display: none; 
	border: solid 5px #C0DCDB;
}

/* tableau exemples réduction de prix !!  */
.prex_content {
	max-width: 1000px; 
	width: 80%; 
	margin: auto; 
	
	background-color: ;
	line-height: normal;
}

.prex_bandeaucontent, .prex_reductioncontent { /*flex en colonne*/
	width: 90%;
	margin: auto;
	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: space-evenly;
	-ms-flex-pack: space-evenly;
        justify-content: space-evenly; 
	-webkit-box-align: top; 
	-ms-flex-align: top; 
        align-items: top; 

	background-color: ;
	font-size: 24px;
	/* line-height: normal; */
}
.prex_bandeaucontent {
	background-color: rgba(230, 230, 230, 1);
	border-radius: 20px; 
	-webkit-box-align: center; 
	-ms-flex-align: center; 
        align-items: center; 
}

.prexbd_text { 
	width: 70%;
	
	background-color: ;
	font-size: 18px;
	font-style: italic;
	font-weight: normal;
	text-align: left;
	padding: 15px;
}
.prexbd_prixcatalog {
	width: 30%;
	border-radius: 20px; 
	background-color: rgba(160, 120, 120, 0.4);
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
	padding: 15px;
	user-select: none;
}
.prexbd_activ {
	text-shadow: 2px 2px 20px black;
}
.prexbd_inactiv {
	color: gray;
}

sup {
	font-size: 0.6em;
	font-weight: normal;
}
sub {
	font-size: 0.6em;
	font-weight: normal;
}

.prexreduc_bronze, .prexreduc_argent, .prexreduc_or, .prexreduc_platin { /* conteneur */
	width: 25%;
	height: auto;
	/* padding: 5px; */
	background-color: silver;
	margin: 5px;
	border-radius: 20px; 
	user-select: none;
}
.prex_inactiv {
	color: silver;
}

.prexreductactiv span, .prexreductactiv em { color: silver; }
.prexreductactiv:hover span { color: inherit; text-shadow: 2px 2px 8px black; }
.prexreductactiv:hover em { color: inherit; }

.prexreductactiv:hover {
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.5); 
	/* cursor: pointer; */
}
.prexavantage_activ {
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.5); 
}
.prexavantage_activ span {
	text-shadow: 2px 2px 8px black;
}
.prexavantage_activ:hover {
	/* cursor: pointer; */
} 
.prexreduc li {
	list-style-type: none;
	border-radius: 20px 20px 0 0;
	padding: 5px;
	/* background-color: yellow; */
}
.prexreduc span {
	display: block; 
	font-size: 30px;
	margin: 10px;
	/* padding: 5px; */
}
.prexreduc em {
	display: block; 
	text-align: left;
	font-size: 12px;
	font-style: italic;
	margin: 10px;
	/* padding: 5px; */
}
.prexreduc_bronze {
	background-color: rgba(230, 230, 230, 1);
}.prexreduc_bronze li {
	background-color: #C0AB8F;			/*  85530F*/
}
.prexreduc_argent {
	background-color: rgba(230, 230, 230, 1);
}.prexreduc_argent li {
	background-color: #C6C6C5;			/* B3B3B3 */
}
.prexreduc_or {
	background-color: rgba(230, 230, 230, 1);
}.prexreduc_or li {
	background-color: #FCE66C;			/* F0E68C FFD700*/
}
.prexreduc_platin {
	background-color: rgba(230, 230, 230, 1);		
}.prexreduc_platin li {
	background-color: #C0DCDB;			/*  */
}

/* configuration des champs du formulaire */
input.inputarif {
	height: 30px;
	width: 400px;
	font-size: 18px;
}
select.inputarif {
	height: 40px;
	width: 500px;
	font-size: 16px;
}
select.inputarif:valid {
	box-shadow: 0 0 2px 1px green;
}
.btnvalidtarif_default {
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 80%;
	/* padding-top: 10px; */
	/* padding-bottom: 10px; */
	
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	
	border-radius: 10px;
	background-color: rgba(210, 210, 210, 1); 
	cursor: pointer;
}
.btnvalidtarif_bronze, .btnvalidtarif_argent, .btnvalidtarif_or, .btnvalidtarif_platin {
	/* display: block; */
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	
	border-radius: 10px;
	background-color: rgba(210, 210, 210, 1); 
	cursor: pointer;
}
.btnvalidtarif_default:hover {
	background-color: #78C83C; 
	box-shadow: 0 0 6px 2px gray;
}
.btnvalidtarif_bronze:hover {
	background-color: #C0AB8F; 
	box-shadow: 0 0 6px 2px gray;
}
.btnvalidtarif_argent:hover {
	background-color: #C6C6C5; 
	box-shadow: 0 0 6px 2px gray;
}
.btnvalidtarif_or:hover {
	background-color: #FCE66C; 
	box-shadow: 0 0 6px 2px gray;
}
.btnvalidtarif_platin:hover {
	background-color: #C0DCDB; 
	box-shadow: 0 0 6px 2px gray;
}

/* cartouche de la page "poursuite de réservation" */
.cartouche_devis {
	position: fixed;
	bottom: 110px;
	right: 20px;
	max-width: 250px; 
	z-index: 20;
	
	/* padding: 10px;  */
	font-weight: bold; 
	font-size: 1.1em;
	text-align: center; 
	/* color: 393D0A; */
	
	background-color: #DDDDDD;
	opacity: 0.8;
	border-radius: 15px; /* 20px 40px 15px;		*/
	/* border: solid 5px #B6C246; */
	box-shadow: 0px 0px 20px 2px black; 
	user-select: none;
}
.cartouche_devis:hover {
	/* display: none; */
	/* opacity: 0.2; */
}
h2.cartouche {
	margin-top: 0px;
	padding: 10px;
	background-color: #B9BBA8;
	border-radius: 15px 15px 0 0;
	font-family: "General_all_comic";
	font-size: 1.1em;
	/* font-style: italic; */
	color: gray;
}
div.cartouche {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
span.cartouche {
	font-weight: normal; 
	font-size: 0.8em;
	font-style: italic;
}
.cartoucheprice {
	font-size: 40px;
	padding: 20px;
	text-shadow: 2px 2px 8px black;
}
.cartouchprog {
	height: 50px;
	width: auto;
}

.datesdemand {
	width: 140px; 
	height: 90px; 
	margin: 10px; 
	margin-top: 20px; 
	padding: 10px; 
	border-radius: 20px; 
	background-color: #D8B668; 
	/* font-size: 1.1em;  */
	font-style: italic; 
	font-weight: bold; 
	text-align: center; 
	color: #454545;
	user-select: none;
}