/* CSS Document
@charset utf-8; */

/*
&family=Jost:wght@500;600
*/

@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&family=Roboto:wght@400;500;600&display=swap');

/**********************************/
/* Variables                      */
/**********************************/
:root {
	--ctc-gris-lorelei: #e0e0e0; /* fond header + blocs colonne droite */
	--ctc-gris-spider: #f6f4f4; /* fond méga menu F9F8F8 */
	--ctc-gris-tourterelle: #b2b2b1;
	--ctc-bleu-nuit: #112d48;
	--ctc-bleu-sarah-canard: #005768;
	--ctc-bleu-alligator: #CBDEE3;
	--ctc-texte-gris: #A3A3A3; /* 999189 Couleur de .texteGris */
	--ctc-bleu-turquoise: #10B5C4; /* liens href + fond bouton primary */
	--ctc-bleu-turquoise-over: #0B7A84; /* Hover liens href + Hover fond bouton primary */
	--ctc-violet-ascenseur: #572790; /* fond bouton secondary */
	--ctc-violet-ascenseur-over: #261240; /* Hover fond bouton secondary */
	--ctc-vert-aqua: #d3e9dd; /* fond de contenu */
	--ctc-bleu-aqua: #e5f3f4; /* fond de contenu d3ebed*/
	--ctc-vert-marcel: #198C1F; /* fond bouton info */
	--ctc-vert-sarcelle: #0C450F; /* Hover fond bouton info */
	--ctc-orange-vermeil: #E63312; /* fond bouton warning */
	--ctc-rouge-rubis: #CC0000; /* hover  fond bouton warning */
	--ctc-vert-noerreur: #339900; /* classe .NoErreur */
	--ctc-rouge-erreur: #CC0033; /* classe .Erreur */
	--ctc-alert-message:#ffee99; /* fond de la classe d'affichage des messages */

	/*--ctc-body-font-size: 1rem;*/ /* 0.91rem */
}

/* placeholder / all browsers  */
/*::-webkit-input-placeholder {	color:#999189; font-style:italic; font-size:11px; }*/
/*::-moz-placeholder { color:#999189; font-style:italic; font-size:11px; } /* firefox 19+ */
/*:-ms-input-placeholder { color:#999189; font-style:italic; font-size:11px; } /* ie */
/*input:-moz-placeholder { color:#999189; font-style:italic; font-size:11px; }*/

html, body{
	height: 100%;
	font-weight: 400;
	/*font-family: 'Open Sans', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	position: relative;
	color:var(--ctc-bleu-nuit) !important;
	/*font-size:var(--ctc-body-font-size) !important;
	line-height: 1.5 !important;*/
}


body {
	background-color:#FFFFFF !important;
	margin: 0;
	padding: 0;
	/*min-height: 100vh;*/
}

/* Marge invisible spécial scroll */
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, section, #navbar-sommaire, .ongletTabulation, .ancreContenu {
	scroll-margin-top:210px;
	/* 
		Valeur modifiée à la volée en fonction du scroll par /include/js/jquery.floatingFixed/jquery.floatingFixed.js
		+ Modifier data-mdb-offset=\"XXX\" sur la page /index.php
	*/
}


/* Classe GENERALE d'affichage de contenu spécifique mobile 
.affichageDesktop {
	display:block;	
	}*/

/* Classe GENERALE pour masquer le contenu mobile */
.affichageMobile {
	display:none;	
	}


.resetPaddingContainerGlobal {
	background-color:#FFFFFF;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.resetPaddingContainerContenu {
	padding-left: var(--mdb-gutter-x, 1rem) !important;
	padding-right: var(--mdb-gutter-x, 1rem) !important;
}
/*
.resetPaddingContainerFooter {
	padding-left: var(--mdb-gutter-x, 10rem) !important;
	padding-right: var(--mdb-gutter-x, 10rem) !important;
}
*/
.shadow-custom {
  box-shadow: 0 2px 0px 0 rgba(0, 0, 0, .25), 0 3px 6px 6px rgba(0, 0, 0, 0.1) !important;
}

/*
.dropdown-toggle {
            content: "\276F" !important;
        }

.dropdown-toggle::after {
            content: none;
        }
*/

/**********************************/
/*  Liens                         */
/**********************************/
A {
	color:var(--ctc-bleu-turquoise) !important;
	text-decoration:none !important;
	font-weight:500 !important;
}
A:visited {
	color:var(--ctc-bleu-turquoise) !important;
}
A:hover {
	/*color:var(--ctc-bleu-turquoise) !important;*/
	color:var(--ctc-bleu-turquoise-over) !important;
	text-decoration:underline !important;
}

/**********************************/
/*  CTA - Call to Action          */
/**********************************/

/*
.btn-secondary,
a.btn-secondary {
	background-color:var(--ctc-bleu-turquoise) !important;
	color:#FFFFFF !important;
}
.btn-secondary:hover,
a.btn-secondary:hover {
	color:var(--ctc-bleu-nuit) !important;
	text-decoration:none !important;
}
*/
/**********************************/
/*  Override Bootstrap            */
/**********************************/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.9rem !important;
	line-height: 1.2 !important;
	font-family: 'Cabin', sans-serif;
} 

h1 {
	font-weight:600 !important;
	line-height: 1.2 !important;
}
p {
	margin-bottom: 1rem !important;
	/*line-height: 1.2 !important;*/
}
/*
p + ol,
p + ul{
	margin-top:-15px;
	margin-bottom:25px;
}
*/
/*
ol, ul {
    padding-left: 1rem !important;
}
*/
ul:not(.nav-tabs) {
	list-style-type: circle !important;
}

figure {
	vertical-align: top !important;
  margin: 0 0 0 0 !important;
}
.figure-img {
  margin-bottom: 0 !important;
}
.figure-caption {
	/*font-size: .75rem !important;*/
	color: var(--ctc-gris-tourterelle) !important;
	padding:5px 0 0 0 !important;
}
.btn {
  text-transform: unset !important; /* Pour ne plus avoir le texte en MAJ */
	font-size: 0.95rem !important;
	/*max-width:250px !important;*/
  box-shadow:none !important;
}
.btn:hover {
  box-shadow:none !important;
}
.btn-sm {
    /*padding: 0.375rem 1rem 0.3125rem;*/
    font-size: .75rem !important;
    /*line-height: 1.5;*/
}
.btn-primary,
a.btn-primary {
	background-color:var(--ctc-bleu-turquoise) !important;
	color:#FFFFFF !important;
}
.btn-primary:hover,
a.btn-primary:hover {
	background-color:var(--ctc-bleu-turquoise-over) !important;
	text-decoration:none !important;
	}

.btn-secondary,
a.btn-secondary {
	background-color:var(--ctc-violet-ascenseur) !important;
	color:#FFFFFF !important;
}
.btn-secondary:hover,
a.btn-secondary:hover {
	background-color:var(--ctc-violet-ascenseur-over) !important;
	text-decoration:none !important;
	}

.btn-info,
a.btn-info {
	background-color:var(--ctc-vert-marcel) !important;
	color:#FFFFFF !important;
}
.btn-info:hover,
a.btn-info:hover {
	background-color:var(--ctc-vert-sarcelle) !important;
	text-decoration:none !important;
	}

.btn-warning,
a.btn-warning {
	background-color:var(--ctc-orange-vermeil) !important;
	color:#FFFFFF !important;
}
.btn-warning:hover,
a.btn-warning:hover {
	background-color:var(--ctc-rouge-rubis) !important;
	text-decoration:none !important;
	}

/* Tooltip */
.tooltip-inner {
    background-color:var(--ctc-gris-tourterelle) !important;
    /*box-shadow: 0px 0px 4px black;
    opacity: 1 !important;*/
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color:var(--ctc-gris-tourterelle) !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color:var(--ctc-gris-tourterelle) !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color:var(--ctc-gris-tourterelle) !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color:var(--ctc-gris-tourterelle) !important;
}

/* form */
.form-check-input {
	border: 0.1rem solid var(--ctc-gris-tourterelle) !important;
}
.select-option {
	font-size:0.9rem !important;
}

/* Fil d'ariane */
.breadcrumb-item.active {
	color:var(--ctc-texte-gris) !important;
}
/* Champ de saisie dans un bloc de la colonne de droite avec fond de couleur */
.blocColonneDroite_Fond .form-control {
	background-color:#FFFFFF !important;
}
/* Couleur des bouton et flèche des accordéons */
.accordion-button:not(.collapsed) {
    color: var(--ctc-texte-gris) !important;
}
.accordion-button:not(.collapsed):after{
	/*var(--ctc-texte-gris) = %23A3A3A3 codé en dur */
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23A3A3A3'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
	}
.accordion-button.collapsed {
    color: var(--ctc-bleu-turquoise) !important;
}
.accordion-button.collapsed:after{
	/*var(--ctc-bleu-turquoise) = %2310B5C4 codé en dur */
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2310B5C4'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E") !important;
	}
h3.accordion-header .accordion-button.h3 {
	font-size: 1.19rem !important;
}
.accordion-header {
	line-height: 1.4 !important;
	}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--ctc-bleu-turquoise) !important;
	border-color: var(--ctc-bleu-turquoise) !important;
}
/*
.ui-datepicker,
.datepicker-dropdown-container,
.datepicker-modal-container {
    z-index: 9999 !important;
}
.ui-dialog {
    overflow:visible !important;
}
.ui-dialog-content {
    overflow:visible !important;
}*/
/**********************************/
/* END override bootstrap         */
/**********************************/

/********************************************/
/*  Couleurs CTC : fond + texte + bordures  */
/********************************************/
.fond-ctc-blanc {
	background-color: #FFFFFF !important;
	color: var(--ctc-bleu-nuit) !important;
}
.fond-ctc-pixel {
	background-image: url('/images/menu/fond_pixels.png');
	color: var(--ctc-bleu-nuit) !important;
}
.fond-ctc-un {
	background-color: var(--ctc-bleu-nuit) !important;
	color: #FFFFFF !important;
}
.fond-ctc-deux {
	background-color: var(--ctc-gris-lorelei) !important;
	color: var(--ctc-bleu-nuit) !important;
}
.fond-ctc-trois {
	background-color: var(--ctc-gris-spider) !important;
	color: var(--ctc-bleu-nuit) !important;
}
.fond-ctc-quatre {
	background-color: var(--ctc-vert-aqua) !important;
	color: var(--ctc-bleu-nuit) !important;
}
.fond-ctc-cinq {
	background-color: var(--ctc-bleu-aqua) !important;
	color: var(--ctc-bleu-nuit) !important;
}

/* Fonds charte graphique*/
.couleur-ctc-blanc,
a.couleur-ctc-blanc {
		color: #FFFFFF !important;
}
.couleur-ctc-un,
a.couleur-ctc-un {
		color: var(--ctc-bleu-nuit) !important;
}
.couleur-ctc-deux,
a.couleur-ctc-deux {
		color: var(--ctc-bleu-sarah-canard) !important;
}
.couleur-ctc-trois,
a.couleur-ctc-trois {
	color: var(--ctc-bleu-turquoise) !important;
}
.couleur-ctc-quatre,
a.couleur-ctc-quatre {
	color: var(--ctc-vert-aqua) !important;
}
.texteGris,
a.texteGris {
	color: var(--ctc-texte-gris) !important;
}

/* Bordures charte graphique*/
.bord-ctc-un {
	border: solid 1px var(--ctc-bleu-nuit);
}
.bord-ctc-deux {
	border: solid 1px var(--ctc-gris-lorelei);
}
.bord-ctc-trois {
	border: solid 1px var(--ctc-gris-spider);
}
.bord-ctc-quatre {
	border: solid 1px var(--ctc-vert-aqua);
}
.bord-ctc-cinq {
	border: solid 1px var(--ctc-bleu-aqua);
}
.bord-texteGris {
	border: solid 1px var(--ctc-texte-gris);
}

/*****************************************/
/* Bouton de retour vers le haut de page */
/*****************************************/
.BoutonRetourHautDePage {
	position: fixed;
	bottom: 35px;
	right: 5%;
	cursor: pointer;
	display:none;
	z-index:5;
	width:40px;
	height:40px;
	border-radius:25px;
	padding:4px 0 0 8px;
	color:#FFFFFF;
	background-color:var(--ctc-bleu-sarah-canard);
	}
.BoutonRetourHautDePage i:hover {
	color:var(--ctc-bleu-turquoise);
	}

/**********************************/
/*  Header */
/**********************************/
.divCadreMenuFlottant {
	z-index:100;
	position:fixed;
	top:0;
	left:0;
	width:100%;
}
.containerContenu{
	margin-top:200px;
}
.fondHeaderHaut {
	background-color:#A6F4F8; /*var(--ctc-gris-lorelei); DEV */
	/*border-top:solid 1px var(--ctc-bleu-nuit);*/
}
.divHeaderHaut {
	position:relative;
	background-color:#A6F4F8; /*var(--ctc-gris-lorelei); DEV */
	width:100%;
	height:32px;
	/*padding:6px 0 10px 0; DEV */
}
.fondHeaderMenu {
	background-color:var(--ctc-bleu-nuit);
}
.divHeaderMenu {
	position:relative;
	background-color:var(--ctc-bleu-nuit);
	/*height:130px;*/
}
.fondHeaderMenuSecteursActivite {
	background-color:var(--ctc-bleu-sarah-canard);
}
.divHeaderMenuSecteursActivite {
	position:relative;
	background-color:var(--ctc-bleu-sarah-canard);
}


.cadreHeaderMenuHaut {
	padding:20px 0 0 0;
	height:88px;
}
.cadreHeaderMenuHautSmall {
	height:60px !important;
}
.cadreElementHeader_gauche {
	float:left;
}
.cadreElementHeader_droit {
	float:right;
}
.cadreElementHeader_center {
	text-align:center;
}
.headerBlocRecherche {
	width:460px;
	margin:0 auto 0 auto;
}
.headerBlocRecherche input {
	width:416px;
	height:35px;
	border:none;
	background-color: #FFFFFF;
	padding-left:10px;
}
.headerBoutonRecherche {
	height:35px;
	border: solid 1px var(--ctc-bleu-nuit);
	background-color:var(--ctc-bleu-nuit);
	color:#FFFFFF;
}
.blocElementHeader {
	display:table-cell;
	vertical-align:middle;
	padding: 0 10px 0 10px; /* DEV */
}
.blocElementHeader:first-child {
	padding-left: 0;
}
.blocElementHeader:last-child {
	border-right: none;
	padding-right: 0;
}
.blocElementHeader p {
	display:block;
	/*height:52px;
	line-height:1.6 !important;*/
	font-size:0.94rem;
	font-weight:500 !important;
	/*color:var(--ctc-bleu-nuit) !important;*/
	text-align: center;
	margin:0 0 0 0 !important;
	cursor:pointer;
}
.blocElementHeader p:hover {
	color:var(--ctc-bleu-turquoise) !important;
	text-decoration:underline;
}
.elementHeaderHaut p,
.blocElementHeader a:not(.btn, .lienBoutonHeader) { /* DEV */
	font-size:0.94rem;
	font-weight:500 !important;
	color:var(--ctc-bleu-nuit) !important;
}
/*
 a.lienAffichagePanier i {
	color:#FFFFFF;
}
 a.lienAffichagePanier i:hover {
	color:var(--ctc-bleu-turquoise);
}
*/
.elementHeaderMenu {
	padding:0 10px 0 10px;
}
.elementHeaderMenu p {
	color:#FFFFFF !important;
}
.elementHeaderMenu p i,
.elementHeaderMenu a i {
	color:#FFFFFF;
	font-size: 1.5rem;
}
.elementHeaderMenu i:hover,
.elementHeaderMenu a i:hover {
	color:var(--ctc-bleu-turquoise);
}
.menuBlocElementHeader {
	border-radius: 0 !important;
	padding-bottom:20px !important;
	width:250px !important;
	top: 32px !important; /* DEV */
}
.menuBlocElementHeaderAlignCenter {
	right: auto !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, 0) !important;
	-o-transform: translate(-50%, 0) !important;
	transform: translate(-50%, 0) !important;
}
.menuBlocElementHeaderAlignRight {
	right: 0 !important;
	left: auto !important;
	-webkit-transform: translate(0, 0) !important;
	-o-transform: translate(0, 0) !important;
	transform: translate(0, 0) !important;
}
.menuBlocElementHeader .dropdown-divider {
	border:none !important;
}
.menuBlocElementHeaderHaut {
	background-color:#A6F4F8 !important; /*var(--ctc-gris-lorelei); DEV */
	color:#000000!important;
}
.menuBlocElementConnexion {
	background-color:var(--ctc-gris-lorelei) !important;
	color:#000000!important;
}
/*
.menuBlocElementHeaderBas {
	background-color:var(--ctc-bleu-nuit) !important;
	color:#FFFFFF!important;
}*/
.flecheDropDown {
	vertical-align: 0em !important;
}
.menuBlocElementHeader a:not(.btn) { /*:not(.btn)*/
	font-size:0.85rem;
	display:block;
	padding:20px 25px 0px 25px;
	font-weight:normal;
}
.menuBlocElementHeaderHaut a:not(.btn) {
	color:var(--ctc-bleu-nuit) !important;
}/*
.menuBlocElementHeaderBas a:not(.btn) {
	color:#FFFFFF !important;
}
*/
.menuBlocElementHeader a:not(.btn):hover {
	/*text-decoration:none !important;*/
	color:var(--ctc-bleu-turquoise) !important;
}
.menuBlocElementHeader hr {
	margin:0.5rem auto !important;
	background-size:1px;
	width:90%;
	opacity:1 !important;
}
.menuBlocElementHeaderHaut hr,
.menuBlocElementConnexion hr {
  border-top:solid 1px var(--ctc-gris-tourterelle) !important;
  border-color: var(--ctc-gris-tourterelle) !important;
  background-color: var(--ctc-gris-tourterelle) !important;
  color: var(--ctc-gris-tourterelle) !important;
}/*
.menuBlocElementHeaderBas hr {
  border-top:solid 1px #FFFFFF !important;
  border-color: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #FFFFFF !important;
}*/
.menuBlocElementHeaderMaxWidth {
	min-width:70px !important;
	width:70px !important;
	/*right: 0 !important;
	left: auto !important;
*/
}

/*
p.lienHeader a {
	text-decoration:none;
	font-weight:normal;
	color:#000000 !important;
}*/
p.lienHeader { /* DEV */
	padding:5px 10px 3px 10px;
}
p.boutonHeader {
	background-color:var(--ctc-bleu-nuit) !important;
	color:#FFFFFF !important;
}
a.lienBoutonHeader {
	color:#FFFFFF !important;
}
p.lienHeader a:hover {
	color:var(--ctc-bleu-turquoise) !important;
}
a.lienHeader {
	margin-right:2px;
}
a.lienHeader:last-child {
	margin-right:0;
	}
/*a.lienHeader button,*/
a.lienHeader {
	background-color:#000000 !important;
	color:var(--ctc-bleu-nuit) !important;
}
/*a.lienHeader:hover button,*/
a.lienHeader:hover {
	background-color:var(--ctc-bleu-turquoise) !important;
	/*color:#FFFFFF !important;*/
}
.fond-ctc-deux a.lienInscription {
	color:#FFFFFF !important;
	font-size:0.9rem !important;
}
/*
.pictoPrincipalDrapeau {
	width:29px;;
	height:29px;
	}
.pictoSecondaireDrapeau {
	width:24px;
	height:24px;
	}
*/
/**********************************/
/*  Logo */
/**********************************/
/*
.cadreMenuFlottant {
	margin:20px 0 0 0;
	height:82px;
	background-color: #FFFFFF;
	z-index: 1;
}
.cadreMenuFlottantSmall {
	margin:0 0 0 0;
	height:82px;
	z-index: 100 !important;
}
*/
/*
.cadreMenuFlottant {
	padding:20px 0 10px 0;
	height:102px;
	z-index: 100 !important;
}
.cadreMenuFlottantSmall {
	padding:10px 0 10px 0;
	height:72px;
	z-index: 100 !important;
}
*/
.affichageLogo {
	z-index: 101 !important;
	position:absolute;
	top:20px;
	left:20px;
	/*width:115px;*/
	}

.affichageLogo img {
	width:140px; 
	}


/**********************************/
/*  Menu principal de navigation  */
/**********************************/
/*.cadreMenuNavigation {
	height:51px;
	margin:31px auto 0 auto;
	width:100%;
}*/

.cadreMenuNavigation {
	/*
	clear:both;
	margin: auto;
	width:100%;
	position: absolute;
	bottom:0;
	right:0;
	margin-top:10px;
	*/
	/*height:50px;*/
	z-index:100;
}
.menuNavigation {
	/*float: right;*/
	text-align: right;
	position:relative;
}
/* RAZ des puces du menu de navigation */
.menuNavigation li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
ul.MenuDropDown  {
	text-align: right;
	margin:0 0 0 0;
	padding:0;
	/*border-bottom: solid 1px var(--ctc-bleu-nuit);*/
}
.MenuDropDown li {		
	display:inline-block;
	position:relative;
	vertical-align: top;
	/*border-left: solid 1px #FFFFFF;*/
}
/*
.MenuDropDown li i {		
	color:var(--ctc-gris-tourterelle);
	font-size:16px;
}
*/
.MenuDropDown li img {
	margin-left:8px;
	width:30px;
	height:30px;
	/*vertical-align: top !important;*/
	position:relative;
	bottom:1px;
}
.MenuNavigationSiteExclusiviteEM {
	border-left:solid 1px var(--ctc-gris-spider); /*#FFFFFF;*/
	/*border-right:solid 1px var(--ctc-bleu-nuit);*/
}
/*
.MenuNavigationSiteExclusiviteEM:hover {
	border-right:solid 1px #FFFFFF;
}
.MenuNavigationSiteExclusiviteEM.currentPage:hover {
	border-right:solid 1px var(--ctc-bleu-nuit);
}
.MenuNavigationSiteExclusiviteEM:active {
	border-right:solid 1px var(--ctc-bleu-nuit);
}
*/
/*
.MenuDropDown li a.currentPage i {		
	transform: rotate(90deg);
	color:var(--ctc-bleu-turquoise) !important;
}
*/
.MenuDropDown li a {
	font-weight:500 !important;
	font-size:1.07rem;
	display:block;
	padding:6px 25px 6px 25px;
	min-height:42px;
	color:#FFFFFF !important;
}
.MenuDropDown li a:visited {
	color:#FFFFFF !important;
}
.MenuDropDown li a:active, 
.MenuDropDown li a:hover, 
.MenuDropDown li a:hover i {
	background-color:var(--ctc-gris-spider);
	/*background-color:#FFFFFF !important;*/
	color:var(--ctc-bleu-nuit) !important;
	text-decoration:none !important;
}
.currentPage {
	background-color:var(--ctc-gris-spider);
	/*background-color:#FFFFFF !important;*/
	color:var(--ctc-bleu-nuit) !important;
}
.MenuDropDown li a.currentPage {
	color:var(--ctc-bleu-nuit) !important;
}
.MenuNavigationSite {
	z-index: 3;
}
.SousMenuNavigationSite {
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	position:absolute;
	background-color:var(--ctc-gris-spider); /*#FFFFFF;*/
	/*border: solid 1px var(--ctc-bleu-nuit);
	border-top:none;*/
	border:0;
  box-shadow: 
		0 10px 15px -3px rgb(0 0 0 / 20%), 
		0 4px 6px -2px rgb(0 0 0 / 10%);
	padding:10px;
	min-height: 150px;
	width:100%;
	box-sizing: border-box;
	z-index: 3;
}


.SousMenuNavigationSite .container-fluid .row,
.cke_editable .container-fluid .row {
	height:100%;
}
.SousMenuNavigationSite .container-fluid .row .col,
.cke_editable .container-fluid .row .col {
	border-right:solid 1px #CCCCCC;
	/*height:100%;*/
}
.SousMenuNavigationSite .container-fluid .row .col:last-child,
.cke_editable .container-fluid .row .col:last-child  {
	border-right:none;
}
.SousMenuNavigationSite ul {
	padding-left:10px;
}
.SousMenuNavigationSite ul li {
	margin-bottom:10px;
}
.FermetureSousMenu {
	text-align: right;
	color:var(--ctc-gris-lorelei);
	font-size: 16px;
	font-weight:bold;
}
.FermetureSousMenu a { padding:0 5px 0 5px; border:solid 1px #FFFFFF; border-radius:15px; color:#FFFFFF; }
.FermetureSousMenu a:hover { color:var(--ctc-gris-tourterelle); border-color:var(--ctc-gris-tourterelle); text-decoration: none; }

.titreColonneMenuPrincipal,
.titreColonneMenuPrincipal a {
	margin-top:15px;
	font-size: 15px;
	font-weight:600 !important;
	line-height:19px;
	min-height:40px;
	color:var(--ctc-bleu-sarah-canard) !important;
}
.titreColonneMenuPrincipal img {
	float:left;
	width:32px;
	height:32px;
	margin:3px 10px 0 0;
	vertical-align: top !important;
}
.lienColonneMenuPrincipal {
	margin-top:0;
	margin-bottom:10px !important;
	font-size: 13px !important;
	line-height:19px;
}
a.lienColonneMenuPrincipal,
.lienColonneMenuPrincipal a {
	color:var(--ctc-bleu-nuit) !important;
}
a.lienColonneMenuPrincipal:visited,
.lienColonneMenuPrincipal a:visited {
	color:var(--ctc-bleu-nuit) !important;
}
.titreColonneMenuPrincipal a:hover, 
a.lienColonneMenuPrincipal:hover,
.lienColonneMenuPrincipal a:hover {
	color:var(--ctc-bleu-turquoise) !important;
}


/*************************************/
/* Sous menu des secteurs d'activité */
/*************************************/
.cadreSousMenuSecteursActivite {
	height:30px;
	background-color: var(--ctc-bleu-sarah-canard);
	text-align:center;
}
.cadreSousMenuSecteursActivite a {
	margin:0 20px 0 20px;
	color:#FFFFFF !important;
	font-weight:500 !important;
	font-size:0.8rem;
}
.cadreSousMenuSecteursActivite a:hover {
	color: var(--ctc-bleu-turquoise) !important;
}
/**********************************/
/*         Fil d'ariane           */
/**********************************/
.divAideNavigation {
	clear:both;
	white-space:nowrap;
	margin:10px 0 30px 0;
	padding:0;
	font-size:0.8rem;
	color: var(--ctc-texte-gris);
}
.navDivider {
	padding:0 8px 0 8px;
}


/**********************************/
/*  Footer                        */
/**********************************/
.fondDivFooter {
	background-color:var(--ctc-bleu-nuit);
}
.divFooter {
	clear:both;
	position:relative;
	width:100%;
	padding:40px 0 10px 0;
	/*height:300px;*/
	background-color:var(--ctc-bleu-nuit);
	color:#FFFFFF;
	font-size:.85rem !important;
	line-height:18px;
}
p.texteMenuFooter a:not(.lienHeader),
a.lienBasFooter {
	color:#FFFFFF !important;
	text-decoration:none !important;
	font-weight:normal !important;
}
p.texteMenuFooter a:not(.lienHeader):visited,
a.lienBasFooteroter:visited {
	color:#FFFFFF !important;
}
p.texteMenuFooter a:not(.lienHeader):hover,
a.lienBasFooter:hover {
	color: var(--ctc-bleu-turquoise) !important;
	text-decoration:none !important;
}
.logoFooter { 
	width:140px;
}
p.enteteFooter {
	margin:0 !important;
	font-weight:500;
}
p.enteteFooter a {
	color:#FFFFFF !important;
}
.divLienReseauxSociaux {
	text-align:right;
}
a.lienReseauxSociaux {
	width:32px;
	height:32px;
	border-radius: 15px;
	padding:0 0 0 0;
	background-color:#FFFFFF !important;
}
a.lienReseauxSociaux:hover {
	background-color:var(--ctc-bleu-turquoise) !important;
}
a.lienReseauxSociaux i {
	color:var(--ctc-bleu-nuit) !important;
}
.divMenuFooter {
	border-top:solid 1px #FFFFFF;
	margin-top:25px !important;
	padding-top:8px;
	padding-bottom:5px;
	text-align:right;
}
.divMenuFooter .col {
	padding-right:0 !important;
}
.divMenuFooter a {
	margin-left:25px;
	color:#FFFFFF !important;
}
.divMenuFooter a:hover {
	color:var(--ctc-bleu-turquoise) !important;
}
p.texteMenuFooter {
	line-height:12px;
}
.divBaselineFooterSite {
	text-align:right;
	color:#FFFFFF;
	padding:0 0 5px 0;
}

.divFooterMobile {
	padding:20px 0 10px 0;
}
.divLogoFooterMobile {
	float:left;
	margin-left:1rem;
}
.divLogoFooterMobile a img {
	width:70px;
}
.divLienReseauxSociauxMobile {
	text-align: right;
}
.divLienReseauxSociauxMobile a {
	margin-left:0.5rem !important;
}
.divMenuFooterMobile {
	border-top:solid 1px #FFFFFF;
	margin:25px 1rem 10px 1rem !important;
	padding:10px 0 5px 0;
	text-align:left;
	line-height: 1.5rem;
}
.divMenuFooterMobile a,
.divLanguesFooterMobile a {
	color:#FFFFFF !important;
}
.divLanguesFooterMobile {
	border-top:solid 1px #FFFFFF;
	margin:15px 1rem 10px 1rem !important;
	padding:10px 0 5px 0;
	text-align:left;
	line-height: 1.5rem;
}
.divCopyright {
	float:right;
	color:#FFFFFF;
	padding:25px 1rem 0 0;
}

/**********************************/
/*  Plan du site                  */
/**********************************/
.PlanSite h1 { font-size: 1.5rem !important; display:inline; }
.PlanSite h2 { font-size: 1.2rem !important; display:inline; }
.PlanSite h3 { font-size: 1rem !important; font-style:italic; font-weight:normal; display:inline; }
.PlanSite h4 { font-size: 0.833rem !important; font-weight:normal; display:inline; }
.PlanSite h5 { font-size: 0.833rem !important; font-weight:normal; display:inline; }
.PlanSite h6 { font-size: 0.833rem !important; font-weight:normal; display:inline; }

.PlanSite ul {
	margin-left:15px;
	margin-bottom:30px;
}
li.margeBasNiveauUl_1 ul {
	/*margin-left:15px;*/
	margin-top:10px !important;
	margin-bottom:20px !important;
	line-height: 1.6rem;
}
li.margeBasNiveauUl_2 ul {
	/*margin-left:15px;*/
	margin-bottom:15px !important;
	line-height: 1.4rem;
}
li.margeBasNiveauUl_3 ul,
li.margeBasNiveauUl_4 ul,
li.margeBasNiveauUl_5 ul,
li.margeBasNiveauUl_6 ul {
	line-height: 1.3rem;
	margin-bottom:5px !important;
}
/*
.PlanSite ul li{
	line-height: 1.6rem;
}*/
.PlanSite ul li.list_sitemap_h1 {
	list-style: square;
}
.PlanSite ul li.list_sitemap_h2 {
	list-style: disc;
}
.PlanSite ul li.list_sitemap_h3,
.PlanSite ul li.list_sitemap_h4,
.PlanSite ul li.list_sitemap_h5,
.PlanSite ul li.list_sitemap_h6 {
	list-style: circle;
}
.listePageContenu {
	padding-left:1px;
	font-size: 0.833rem !important;
}


/**********************************/
/* Colonne du sommaire du contenu */
/**********************************/
.contenuPrincipal {
	min-height:330px;
}
.colonneSommaire {
	background-color: var(--ctc-gris-lorelei);
	padding:15px;
}
.colonneSommaireTitre {
	font-size:.75rem;
	font-weight:500;
}
.colonneSommaire hr {
  background-size:1px;
  border-top:solid 1px var(--ctc-gris-tourterelle);
  border-color: var(--ctc-gris-tourterelle);
  background-color: var(--ctc-gris-tourterelle);
	margin:5px 0 10px 0;
	/*width:70%;*/
	opacity:1 !important;
}
.colonneSommaire ul {
	position:relative;
	left:-8px;
	margin:0;
	padding:0;
	box-sizing: border-box;
	text-align:left;
}
.colonneSommaire ul li {
	list-style:none;
	margin:0 0 5px 3px;
	line-height:18px;
}
.colonneSommaire ul li ul li {
	list-style:none;
	margin:0 0 5px 15px;
	line-height:18px;
}
.colonneSommaire .nav-pills.menu-sidebar .nav-link {
	/*font-size:.75rem !important;*/
	line-height: 1rem !important;
	color: var(--ctc-bleu-nuit) !important;
}
.colonneSommaire .nav-pills.menu-sidebar .nav-link:hover {
	color: var(--ctc-bleu-turquoise) !important;
}
.colonneSommaire .nav-pills.menu-sidebar .nav-link.active {
	border-left: 0.18rem solid var(--ctc-bleu-nuit) !important;
	color: var(--ctc-bleu-nuit) !important;
}
.colonneSommaire ul li.nav-item a.active {
	font-weight:600 !important;
	text-decoration:none !important;
}


/**********************************/
/* Colonne du contenu             */
/**********************************/
.paddingColonneContenu-7 { /* 3 colonnes : Gauche Milieu Droite */
	padding:0 25px 0 25px;
}
.paddingColonneContenu-9 { /* 2 colonnes : Milieu Droite */
	padding:0 25px 0 0;
}
.paddingColonneContenu-10 { /* 2 colonnes : Gauche Milieu */
	padding:0 25px 0 25px;
}
.paddingColonneContenu-12 { /* 1 colonne : Milieu */
	padding:0;
}

.BlocColonneDroite {
	margin:0 0 35px 0;
	/*
	clear:both;
	border-bottom:solid 1px #CCCCCC;
	margin-bottom:30px;
	padding:0 0 40px 0;
	*/
	/*overflow:auto;*/
}
/*
.BlocColonneDroite:first-child {
	padding:10px 0 40px 0;
}*/
/*
.BlocColonneDroite:last-child {
	border-bottom:none;
	margin:0;
	padding:0;
}
*/
.CadreContenuBlocColonneDroite {
	padding:15px;
}
.CadreContenuBlocColonneDroite ul {
	padding-left:2rem !important;
}

.blocColonneDroite_Fond {
	background-color: var(--ctc-bleu-alligator);
}
.blocColonneDroite_FondClair {
	background-color: var(--ctc-gris-spider);
}
.blocColonneDroite_Bordure {
	border:solid 1px var(--ctc-gris-tourterelle);
}
.cadreRechercheColonneDroite {
	background-color:#FFFFFF;
	padding:0 0 15px 0;
}
.CadreContenuBlocColonneDroite h4,
.cadreRechercheColonneDroite h4 {
	font-size:.9rem !important;
}
.CadreContenuBlocColonneDroite hr {
  background-size:1px;
  border-top:solid 1px var(--ctc-gris-tourterelle);
  border-color: var(--ctc-gris-tourterelle);
  background-color: var(--ctc-gris-tourterelle);
	margin:5px 0 10px 0;
	/*width:70%;*/
	opacity:1 !important;
}

ul.listePucesColonneDroite {
	padding-left:1rem !important;
	line-height:1.2rem;
}
ul.listePucesFacettesSolR {
	padding-left:0.2rem !important;
}
ul.listePucesColonneDroite li {
	font-size:.9rem !important;
	padding:0 0 8px 8px;
	list-style-type: "\203A"; /* default */
}
ul.elementsDetailsColonneDroite li {
	padding:0 0 15px 8px;	
}
ul.listePucesColonneDroite li strong {
	font-weight: 500 !important
}
ul.listePucesColonneDroite li span.active {
	font-size:.9rem !important;
	font-weight: 700;
}
ul.listePucesMenuMemeRubrique li {
	list-style-type: "\2013";
	/*list-style-type: "\2713";*/
}
ul.listePucesMenuThematique li {
	list-style-type: "\00002B";
}
ul.listePucesFAQ li {
	list-style-type: "\003E";
}
ul.listePucesFacettesSolR li {
	list-style-type: none;
}
ul.listePucesFacettesSolR li input {
	margin-right:5px;
	width:18px;
	height:18px;
}
ul.listePucesFacettesSolR li label {
	cursor: pointer;
	vertical-align: text-bottom;
	font-size:0.9rem;
}

a.lienColonneDroite {
	/*display: block;*/
	font-size:.9rem !important;
	padding:3px 0 3px 0;
	color:var(--ctc-bleu-nuit) !important;
}
a.lienColonneDroite:visited {
	color:var(--ctc-bleu-nuit) !important;
}
a.lienColonneDroite:hover {
	color:var(--ctc-bleu-turquoise) !important;
}

/**********************************/
/* Boutons des formulaires        */
/**********************************/
.BoutonAnnulerVide {
	margin:0;
	border:none;
	background-color:transparent;
}


/**********************************/
/* Mots-clés de bas de page      */
/**********************************/
.BlocListeMotsClesPageContenu {
	padding:0;
	margin:70px 0 30px 0;
}
.MotCleAffiche {
	display: inline-block;
	font-size:.75rem;
	/*line-height:13px;*/
	margin:0 5px 15px 0;
	padding:3px 8px 2px 8px;
	background-color:var(--ctc-bleu-sarah-canard);
	cursor:pointer;
	/*cursor:hand;*/
	white-space:nowrap;
}
a.MotCleAffiche { 
	color:#FFFFFF !important;
	text-decoration:none !important;
}
a.MotCleAffiche:visited {
	color:#FFFFFF !important;
}
a.MotCleAffiche:hover {
	color:#FFFFFF !important;
	text-decoration:underline !important;
}
.MotCleAfficheListe {
	display: inline-block;
	font-size:1rem;
	/*line-height:13px;*/
	margin:0 5px 15px 0;
	padding:5px 8px 5px 8px;
	background-color:var(--ctc-bleu-sarah-canard);
	cursor:pointer;
	white-space:nowrap;
}
a.MotCleAfficheListe { 
	color:#FFFFFF !important;
	text-decoration:none !important;
}
a.MotCleAfficheListe:visited {
	color:#FFFFFF !important;
}
a.MotCleAfficheListe:hover {
	color:#FFFFFF !important;
	text-decoration:underline !important;
}


/**********************************/
/* Documents téléchargeables      */
/**********************************/
.cadreCardDocumentTelechargeable {
	padding:16px !important;
	width:180px;
	border-radius: 0.5rem !important;
}
.positionCardDocumentTelechargeable_liste {
	display:inline-block !important;
	margin:0 20px 20px 0;
}
.positionCardDocumentTelechargeable_milieu {
	display:block !important;
	margin:0 auto 20px auto;
}
.cadreTitreCardDocumentTelechargeable {
	padding:0 !important;
	/*min-height:60px !important;*/
	font-size:0.85rem;
	color:var(--ctc-bleu-nuit) !important;
}
.cadreTitreCardDocumentTelechargeable p {
	min-height:45px !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.cadreImageCardDocumentTelechargeable {
	position:relative;
	margin-top:16px !important;
	display: flex;
}
.imageCardDocumentTelechargeable {
	max-height:150px;
}
.pictoCardDocumentTelechargeable {
	font-size: 1.4em !important;
	position:absolute;
	bottom:0;
	right:0;
}
.cadreCardDocumentTelechargeable a {
	color:var(--ctc-bleu-nuit) !important;
}
.cadreCardDocumentTelechargeable a:visited {
	color:var(--ctc-bleu-nuit) !important;
}
.cadreCardDocumentTelechargeable a:hover,
.cadreCardDocumentTelechargeable a:hover .cadreTitreCardDocumentTelechargeable p {
	color:var(--ctc-bleu-turquoise) !important;
}

/**********************************/
/* Eléments de mise en page       */
/**********************************/
.blocHeaderContenu {
	position:relative;
	min-height:225px;
}
.blocHeaderContenuTexte h1 {
	display: inline-block;
	padding:5px 10px 5px 10px;
	margin:20px 20px 0 20px;
	background-image: url('/images/menu/fond-titre-fonce.png');
	background-repeat: repeat;
	color:#FFFFFF;
	font-weight:400 !important;
	letter-spacing: 0.03rem;
}
.blocHeaderContenuTexte p {
	/*margin-top:20px;*/
	padding:0 20px 20px 20px;
}
.blocColonnes {
	margin-bottom:1.5rem;
}
.blocCouleurFond {
	padding:1.5rem;
}
.blocCouleurFond + p {
	margin-bottom:2.5rem !important;
}
.blocH2Photo {
	min-height:220px;
	/*overflow:hidden;*/
}
h2 a.blocH2Photo {
	color:inherit !important;

}
h2 a.blocH2Photo span,
div.blocH2Photo h2  {
	padding:5px 10px 5px 10px;
	background-image: url('/images/menu/fond-titre-fonce.png');
	background-repeat: repeat;

}

h2 a.blocH2Photo:hover:not(.noZoom) {
	color:inherit !important;
	text-decoration: none !important;
	animation-name: zoomImage;
	animation-delay: 0.1s;
	animation-direction: normal;
	animation-duration: 0.2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}
@keyframes zoomImage {
  0% {
    background-size: 100% auto;
  }
  100% {
		background-size: 110% auto;
  }
}
h2 a.blocH2Photo.noZoom {
	color:inherit !important;
	text-decoration: none !important;
}
/* Liste à puces avec check */
ul.listePuceCheck {
	padding-left:1rem;
}
ul.listePuceCheck li {
	list-style: none;
	background: url('/images/menu/listePuceCheck.png');
	background-repeat: no-repeat;
	background-position: 0 2px;
	margin: 6px 0 0 0;
	padding: 0 0 0 1.6rem;
}
ul.listePuceCheck li ul li {
	list-style-type:circle !important;
	display: list-item !important;
	padding: 0 0 0 0 !important;
	background: none !important;
}
/*
ul.listePuceCheck li {
	list-style: none;
	display: flex;
	padding-bottom:0.4rem;
}
ul.listePuceCheck li:before {  
	background-color: var(--ctc-bleu-turquoise);
	margin: 3px 7px 0 0;
	padding: 0 4px 1px 4px;
	border-radius: 15px;
	width:18px;
	height:18px;
	font-size:0.8rem;
	color:#FFFFFF;
	content: '✓';
	}
*/
/* Liste à puces avec unCheck */
ul.listePuceUncheck {
	padding-left:1rem;
}
ul.listePuceUncheck li {
	list-style: none;
	background: url('/images/menu/listePuceUncheck.png');
	background-repeat: no-repeat;
	background-position: 0 2px;
	margin: 6px 0 0 0;
	padding: 0 0 0 1.6rem;
}
ul.listePuceUncheck li ul li {
	list-style-type:circle !important;
	display: list-item !important;
	padding: 0 0 0 0 !important;
	background: none !important;
}
/*
ul.listePuceUncheck li {
	list-style: none;
	display: flex;
	padding-bottom:0.4rem;
}
ul.listePuceUncheck li:before {  
	background-color: var(--ctc-orange-vermeil);
	margin: 3px 7px 0 0;
	padding: 1px 5px 1px 5px;
	border-radius: 15px;
	width:18px;
	height:18px;
	font-size:0.7rem;
	color:#FFFFFF;
	content: 'X';
	}
*/
/* span flottant */
.boutonFlottant {
	display:inline-block;
	padding:5px 8px 5px 8px;
	margin:0 10px 10px 0;
	/*font-size:1rem;*/
}
.puceRouge {
	background-color:var(--ctc-rouge-erreur);
	padding:2px 6px;
	border-radius:10px;
	color:#FFFFFF;
	font-size:0.9rem;
}
.puceNumero {
	--font-color:#FFFFFF;
	--bg-color:var(--ctc-bleu-nuit);

	margin:auto;
	background-color:var(--bg-color);
	color:var(--font-color);
	width:30px;
	height:30px;
	text-align:center;
	/*padding:4px 8px;*/
	border-radius:15px;
	font-size:1.2rem;
	font-weight:500;
}
.MiseEnExergue {
	padding:0 0 0 15px;
	border-left:solid 4px var(--ctc-bleu-turquoise);
	margin:0 20px 0 20px;
}
p.MiseEnExergue {
	font-weight:500;
}
.Verbatim {
	/*display:block;*/
	padding:0 10px 0 0;
	margin-left:30%;
	font-size:1.26rem;;
	line-height:1.7rem;
	font-style:italic;
	text-align:right;
	color:var(--ctc-texte-gris);
}
.imageLogo {
	max-width:150px !important;
}
/* img_left + img_right plus bas */

/* "image" obsolète */
.imagePortrait {
	max-height:500px;
}
.imagePaysage {
	max-width:100% !important;
}
.imageLogoPortrait {
	max-height:150px;
	margin:0 30px 30px 0;
}
.imageLogoPaysage {
	max-width:200px !important;
	margin:0 30px 30px 0;
}
/* fin "image" obsolète */


/************************************************************/
/* Ajout d'une date d'événement à un calendrier externe     */
/************************************************************/
.divAjoutCalendrier {
	display:none;
	position:absolute;
	right:0;
	bottom:-15px;
	width:200px;
	height:auto;
	border:solid 1px #666666;
	background-color:var(--ctc-gris-lorelei); /*#E1E1E1*/
	font-size:0.9rem;
	text-align:left;
	z-index:101;
	}
a.fermetureDivAjoutCalendrier {
	float:right;
	margin:2px 5px 0 0;
	color:#666666 !important;
}
.ligneAjoutCalendrier {
	margin-bottom:0 !important;
	margin:0.5rem 0 0 0.5rem !important;
}
.pictoAjoutCalendrier {
	width:1.4rem;
	height:1.4rem;
	margin-right:0.4rem;
}

/************************************************************/
/* Classe GENERALE de présentation d'une liste de résultats */
/************************************************************/
/* Classe GENERALE de personnalisation de la première div d'une liste */
.BordureLigneUne {
	border-top: solid 1px var(--ctc-bleu-nuit);
}

.lienListeResultat {
	display:block;
}

a.lienListeResultat:hover:not(span.titreListeResultat) {
	text-decoration:none !important;
}
a.lienListeResultat:hover span.titreListeResultat {
	text-decoration:underline !important;
}

.rollOverDiv {
	clear:both;
	overflow:auto; 
	position:relative;
	padding:15px 10px 15px 10px;
	margin:0 auto 0 auto;
	/*border-bottom:solid 1px var(--ctc-bleu-nuit);*/
}
.rollOverDiv:hover {
	/*background-color:var(--ctc-gris-tourterelle) !important;	*/
	background-color:var(--ctc-gris-lorelei) !important;	
	cursor:pointer !important;	
}
.rollOverDiv:hover a.LienrollOverDiv {
	color:var(--ctc-orange-vermeil) !important;	
}
.rollOverDivNoPointer:hover {
	cursor:default !important;	
}
.rollOverDivAccueil {
	clear:both;
	overflow:auto; 
	position:relative;
	padding:8px 10px 8px 10px;
	margin:0 auto 0 auto;
	/*border: solid 1px var(--ctc-gris-spider) !important;*/
}
.rollOverDivAccueil:hover {
	/*background-color:var(--ctc-gris-tourterelle) !important;	*/
	background-color:#FFFFFF !important;
	border: solid 1px var(--ctc-gris-lorelei) !important;
	cursor:pointer !important;	
}

/* Classe GENERALE de présentation des titres d'une liste de résultats */
.titreListeResultat {
	padding:5px 0 5px 0;
	font-size:1rem;
}
.elementListeResultat, 
.descriptionListeResultat {
	font-size:0.9rem;
	color:var(--ctc-bleu-nuit);
}
.descriptionListeResultat {
	font-weight: normal;
}
.descriptionListeResultat:hover {
	text-decoration: none !important;
}
/* Classe GENERALE d'encadrement des éléments flottants d'une liste de résultats */
.cadreElementsFlottantsListeResultat {
	display:block;
}
/* Pour chaque élément flottant d'une liste de résultats */
.elementFlottantListeResultat {
	float:left;
	margin:8px 20px 0 0;
	font-size:0.9rem;
	color:var(--ctc-bleu-nuit);
}

/* Classe GENERALE d'encadrement des éléments flottants d'une liste de résultats OBSOLETE A SUPPRIMER */
.EncadrementColonnesFlotantesListeResultat {
	overflow:hidden;
}
/* Pour chaque élément flottant d'une liste de résultats OBSOLETE A SUPPRIMER */
.ColonneDetailListeResultat{
	float:left;
	margin:8px 20px 0 0;
	font-size:0.9rem;
}

/* Affichage de la ligne de résultats vides */
.PasDeResultats {
	padding:20px 0 20px 0;
	text-align:center;
	font-weight:bold;
}
/* Bloc d'affichage de message sur une page */
.AfficheMessage {
	max-width:80%;
	margin-left:auto;
	margin-right:auto;
	border:solid;
	border-width:1px;
	border-style:dashed;
	background-color: var(--ctc-alert-message);
	margin-bottom:10px;
	text-align:center;
	padding:10px 5px 10px 5px;
}
.AfficheMessage p {
	text-align:center;
	margin-bottom:0 !important;
}

/* Popup d'affichage de message contectuel */
.messageContextuel {
	padding-top:10px;
	margin-bottom:20px;
	font-size:1rem;
	font-weight:bold;
}
.divFermetureMessageContextuel {
	margin:20px 0 20px 0;
	text-align:right;
}
.divFermetureMessageContextuel a {
	font-size:1rem;
}
.divBoutonConfirmationMessageContextuel {
	margin:20px 0 20px 0;
 }
.divBoutonConfirmationMessageContextuel div {
	width:50%;
  display: inline-flex;
  justify-content: center; /* center the content horizontally */
  align-items: center; /* center the content vertically */
	font-size:1rem;
}

/* Div d'affichage des résultats depuis la saisie d'un champ + Ajax */
.affichageResultatSaisieChampAjax {
	width:100%;
	background-color:#FFFFFF;
	border:solid 1px var(--ctc-gris-tourterelle);
	padding:6px;
	z-index:3;
	font-size:0.9rem;
}

/************************************************************************************************/
/*                             Slider / Page d'accueil                                          */
/************************************************************************************************/
.EncadrementSliderPageAccueil {
	/*width:XXXpx; = définition dynamique dans le style */
	/*margin: 0 0 25px 0;*/
	padding-bottom:10px;
	position:relative;
}
#full-width-slider {
	width: 100%;
	color: #000;
}
.fullWidth {
	max-width: 100%;
	margin: 0 auto 24px;
}
.infoBlock {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow:visible !important;
}
.CadreTextePhotoSliderAccueil {
	position: absolute;
	bottom: 30px;
	width:450px;
	min-height:100px;
	max-height:265px;
	background-color: rgba(17, 45, 72, 0.8); /* --ctc-bleu-nuit à 80% */
	z-index:50;
	padding:15px;
}
.slideGauche {
	left: 30px; 
}
.slideCentre {
	left: 50%;
	margin-left: calc(450px/2*-1); /* 450 = width .CadreTextePhotoSliderAccueil */
}
.slideDroite {
	right: 30px; 
}
.rsContent a {
	font-weight: normal;
}
.TitreSliderAccueil {
	color:#FFFFFF;
}
.TexteSliderAccueil {
	color:#FFFFFF;
	font-weight: 400 !important;
	margin-top:15px;
	}
.heroSlider .rsOverflow,
.royalSlider.heroSlider {
	height: 325px !important;
}
a.lienSliderAccueil:hover > .rsABlock.infoBlock .CadreTextePhotoSliderAccueil .TitreSliderAccueil {
	color: var(--ctc-bleu-turquoise) !important;
	text-decoration: underline !important;
}
/*
A.LienTitreSliderAccueil { color:#FFFFFF; text-decoration:none; font-weight:bold; }
A.LienTitreSliderAccueil:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; }
A.LienTitreSliderAccueil:hover { color:#FFFFFF; text-decoration:none; font-weight:bold; }
*/
#banner-fade,
#banner-slide{
	margin-bottom:0;
}
/************************************************************************************************/
/*                 Carrousel des replay / Page d'accueil                                        */
/************************************************************************************************/
.titreCarrouselReplayAccueil {
	width:100% !important;
	background-color: rgba(17, 45, 72, 0.8); /* --ctc-bleu-nuit à 80% */
	left: 0 !important;
	right: 0 !important;
	bottom:0 !important;
	padding:0 20px 0 20px;
}
.titreCarrouselReplayAccueil2 {
	width:100% !important;
	/*background-color: var(--ctc-gris-spider) !important;*/
	color: var(--ctc-bleu-nuit) !important;
	padding: 1.25rem 1rem 1.25rem 1rem;
	text-align: center;
}
.photoReplayAccueil {
	height:220px;
	background-repeat: no-repeat;
	background-position: center;
}
.titreCarrouselReplayEnteteAccueil {
	width:100% !important;
	/*background-color: var(--ctc-gris-spider) !important;*/
	color: var(--ctc-bleu-nuit) !important;
	padding: 1.25rem 1rem 1.25rem 1rem;
	text-align: center;
}
.titreCarrouselReplayEnteteAccueil h3 {
	margin-bottom:2rem !important;
}
/************************************************************************************************/
/*         Vidéo / Page d'accueil + pages dédiées                                               */
/************************************************************************************************/
.blocCompletVideoPageAccueil {
	position:relative;
	min-height:400px;
}
.blocSimpleVideoPageAccueil {
	position:relative;
	min-height:300px;
}
.videosListeUrlVideo {
	position:relative;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.videosListeImageVideo:hover {
	background-color:red;
	/*flex-grow:2;*/
	/*height:30px;*/
}
.videosListeTitreVideo {
	/*flex-grow:0;*/
	/*align-self: flex-end;*/
	height:40px;
	margin-top:10px;
}
.videoFicheIframeVideo {
	position:relative;
	padding: 56.25% 0 0 0;
	/*min-height:600px;*/
}
/************************************************************************************************/
/*         Carrousel des participations CTC à des salons / Page d'accueil                       */
/************************************************************************************************/
.titreCarrouselParticipationSalonAccueil {
	/*
	position: relative !important;
	left: 0 !important;
	right: 0 !important;
	bottom:0 !important;
	*/
	width:100% !important;
	background-color: #FFFFFF !important;
	color: var(--ctc-bleu-nuit) !important;
	padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.cadreElementParticipationSalon {
	display:flex;
	flex-direction: row;
	min-height:110px;
	/*align-items: center;*/
}
.cadreDateParticipationSalon {
	flex-grow: 0;     /* do not grow   - initial value: 0 */
	flex-shrink: 0;   /* do not shrink - initial value: 1 */
	text-align: left;
	padding-left: 15px;
	width:21%;
	font-size:20px;
	font-weight: 500;
	line-height: 30px;
}
.cadreDateParticipationSalon_CN {
		width:30% !important;
}
.cadreTitreParticipationSalon {
	flex-grow: 0;     /* do not grow   - initial value: 0 */
	flex-shrink: 1;   /* do not shrink - initial value: 1 */
	padding-left: 15px;
	padding-right: 15px;
	width: calc(79% - 45px);
}
.cadreTitreParticipationSalon_CN {
	width: calc(70% - 45px) !important;
}
.cadreTitreParticipationSalon h3 {
	margin-top: 3px !important;
	margin-bottom: 0 !important;
}
.cadreTitreParticipationSalon h3 span {
	font-size:1rem;
}
.cadreTitreParticipationSalon p {
	/*font-style:italic;*/
	margin-top: 5px !important;
	margin-bottom: 0 !important;
	line-height: 20px;
}
.standParticipationSalon {
	font-weight: 500;
}
.lieuParticipationSalon {
	/*font-style:italic;*/
	font-size:0.8rem;
}
.cadreTexteParticipationSalon {
	font-size:0.9rem;
	padding :0px 15px 25px 15px;
	line-height: 19px;
	min-height:195px;
}
/************************************************************************************************/
/*                Dernières parutions / Page d'accueil                                          */
/************************************************************************************************/
.lienDerniereParutionAccueil {
	display: block;
	position:relative;
	padding:10px;
	/*background-color: #FFFFFF;
	border:solid 1px var(--ctc-gris-tourterelle);*/
	text-align:center;
	max-width: fit-content;
	margin:0 auto 0 auto;
}/*
.titreParutionAlaUne {
	position:relative;
	top:-20px;
}*/
.lienParutionAlaUne {
	position:relative;
	top:-20px;
}
img.parutionAlaUne {
	width: 260px;
	height: 470px;
}
img.transformation3d {
		transform:
		perspective(1400px)
		rotateX(44deg)
		rotateY(358deg)
		rotateZ(346deg);
	transform-style: preserve-3d;
	border-radius: 0;
	box-shadow:
		-2px 3px 0 0 rgba(0, 0, 0, 0.15),
		-20px 28px 28px 0 rgba(0, 0, 0, 0.6);
	transition:
		.4s ease-in-out transform,
		.4s ease-in-out box-shadow;
}
img.transformation3dLight {
	transform:
	perspective(1400px)
	rotateX(44deg)
	rotateY(358deg)
	rotateZ(346deg);
	transform-style: preserve-3d;
}
img.parutionAlaUnePictoEM{
	position:absolute;
	top:78px;
	right:85px;
	width:48px;
	z-index:10;
	background-color: #FFFFFF;
	/*background-color: rgba(17, 45, 72, 0.6);*/
	border-radius:64px;
}
img.parutionParLignePictoEM {
	position:absolute;
	top:-2px;
	right:-2px;
	width:36px;
	z-index:10;
	background-color: #FFFFFF;
	/*background-color: rgba(17, 45, 72, 0.6);*/
	border-radius:64px;
}
.cadreDernieresParutionsAccueil{
	margin:100px 0 20px 0;
	text-align:center;
}
.cadreDernieresParutionsAccueil h2 {
	text-align:center;
	margin:0 0 30px 0;
	font-weight:400;
}
.cadreListeDernieresParutionsAccueil {
	margin:0;
	background-image:url('/images/menu/fond_pixels.png');
	padding:30px;
}
.containerDerniereParutionAccueil {
	display:inline-block;
	vertical-align:top;
	width:17%;
	margin:0 3% 0 0;
}
a.containerDerniereParutionAccueil,
a.containerDerniereParutionAccueil:hover,
a.containerDerniereParutionAccueil:visited {
	text-decoration: none;
}
.containerDerniereParutionAccueil:last-child {
	margin:0 0 0 0;
}
.cadrePhotoListeDerniereParutionAccueil {
	height:auto;
	background-color:#FFFFFF;
}
.photoListeDerniereParutionAccueil {
	height:auto;
	overflow: hidden;
}
.photoListeDerniereParutionAccueil img {
	width:100%;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.titreListeDerniereParutionAccueil {
	height:50px;
	min-height:50px;
	margin:0 0 0 0;
	padding:8px 5px 5px 5px;
	font-size:15px;
	line-height:17px;
	color:#000000;
	background-color:#FFFFFF;
	text-decoration: none;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.cadrePhotoListeDerniereParutionAccueil:hover > .photoListeDerniereParutionAccueil img {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.cadrePhotoListeDerniereParutionAccueil:hover > .titreListeDerniereParutionAccueil {
	background-color:#E4E4E6;
	cursor:pointer;
}
/************************************************************************************************/
/* Évènements / Rendez-Vous CTC / Page d'accueil                                                */
/************************************************************************************************/
.CadreEvenementsCTC {
	margin:90px 0 20px 0;
	text-align:center;
	clear:both;
	overflow: auto;
}
.CadreEvenementsCTC h2 {
	text-align:center;
	margin:0 0 30px 0;
	font-weight:400;
}
.BlocDatesEvenementsCTC {
	float:left;
	background-color:#E4E4E6;
	width:33%;
	padding:2% 4% 3% 4%;
}
.BlocDatesEvenementsCTC h3 {
	text-align:center;
	font-weight:400;
	margin-bottom: 40px;
}
.BlocDatesEvenementsCTC_gauche {
	margin-left:5%;
	margin-right:3%;
}
.BlocDatesEvenementsCTC_droite {
	margin-left:3%;
	margin-right:5%;
}
.LigneDateEvenementCTC {
	display:block;
	height:48px;
	margin-top:25px;
	/*margin-left:10px;*/
	text-align:left;
}
a.LigneDateEvenementCTC {
	color:#000000;
}
a.LigneDateEvenementCTC:hover {
	text-decoration:none !important;
	cursor: pointer;
}
a.LigneDateEvenementCTC:hover > .AffichageDateEvenementCTC {
	background-color:#85868F;
	text-decoration:none;
	color:#FFFFFF;
}
a.LigneDateEvenementCTC:hover > .AffichageTexteEvenementCTC .AffichageTitreEvenement {
	text-decoration:underline !important;
	}
.AffichageDateEvenementCTC {
	float:left;
	border:solid 1px #85868F;
	width:48px;
	height:48px;
	padding:8px 6px 6px 6px;
	border-radius:45px;
	margin-right:10px;
	font-size:1rem;
	font-weight:500;
	line-height:15px;
	text-align: center;
	color:var(--ctc-bleu-nuit);
}
.AffichageTexteEvenementCTC {
	padding-top:4px;
	font-size:0.9rem;
	font-weight:500;
	line-height:16px;
}
.AffichageTitreEvenement {
	font-size:1.1rem;
}
.AffichageTypeEvenement {
	color:var(--ctc-bleu-nuit);
	text-decoration:none !important;
}
.AffichageLieuEvenement {
	font-weight:normal;
	color:var(--ctc-bleu-nuit);
}
.ligneSeparateurToutesLesDates {
	height:40px;
}
.LigneToutesLesDates {
	position:absolute;
	bottom:0;
	right:15px;
	margin:20px 0 20px 0;
	/*text-align:right;*/
}
a.LienToutesLesDates {
	font-size:1.1rem;
	font-weight:500;
	/*color:var(--ctc-bleu-nuit) !important;*/
}
a.LienToutesLesDates:hover {
	color:var(--ctc-bleu-turquoise-over) !important;
	text-decoration:underline;
	cursor: pointer;
}
a.LienToutesLesDates:hover > .PictoToutesLesDates {
	background-color:#85868F;
	text-decoration:none;
	color:#FFFFFF;
}
/************************************************************************************************/
/* Articles de blog / actualités / Page d'accueil                                               */
/************************************************************************************************/
.lienBlogActualiteCTC {
	display: block;
}
a.lienBlogActualiteCTC {
	color:var(--ctc-bleu-turquoise) !important;
	font-weight:500 !important;
}
a.lienBlogActualiteCTC:hover {
	text-decoration:none !important;
	cursor: pointer;
}
a.lienBlogActualiteCTC:hover > span.dateArticleBlogActualite,
	a.lienBlogActualiteCTC:hover > span.typeArticleBlogActualite {
		text-decoration:none !important;
	color:var(--ctc-bleu-nuit) !important;
}
a.lienBlogActualiteCTC:hover > .titreArticleBlogActualite {
	text-decoration:underline !important;
	}
.dateArticleBlogActualite {
	font-size:0.9rem;
	font-weight:500 !important;
	color:var(--ctc-bleu-nuit) !important;
}
.typeArticleBlogActualite {
	font-size:0.9rem;
	font-weight:normal;
	color:var(--ctc-bleu-nuit) !important;
}
/************************************************************************************************/
/* Carte des implantations / API Google Map                                                     */
/************************************************************************************************/
.InfoImplantation {
	/*display: inline-block;*/
	width:auto;
	height:auto;
	padding:10px;
	line-height:18px;
	overflow:auto;
}
.LienCallToActionImplantation {
	margin:10px 0 0 0;
}
/************************************************************************************************/
/* Authentification 2FA                                                                         */
/************************************************************************************************/
.champSaisie2fa {
	width:45px;
	height:60px;
	font-size:36px;
	text-align:center;
	margin-right:10px;
}
.champSaisie2fa:last-child {
	margin-right:0;
}
/************************************************************************************************/
/* Résultats d'une recherche SolR                                                               */
/************************************************************************************************/
.divResultatsRechercheSolR {
	margin-top:20px;
}
.affichageTotalResultatsSolR {
	float:left;
	font-size:1.2rem;
	font-weight:bold;
}
.cadreElementResultatsRechercheSolR {
	margin-top:10px;
	padding:10px;
}
.cadreElementResultatsRechercheSolR:first-child {
	margin-top:0;
}
.affichageTitreResultatSolR {
	font-size:1rem;
	font-weight:bold;
}
.affichageTexteResultatSolR {
	padding-top:5px;
	font-size:0.9rem;
}
.affichageDateResultatSolR {
	padding-top:5px;
	font-size:0.8rem;
}
.affichageInfoFacet { /*bypass de .elementFlottantListeResultat */
	clear:left;
	float:right;
	margin:8px 5px 0 10px;
	font-size:0.82rem;
	font-style:italic;
}
.astucesRecherche {
	padding:15px;
}
/************************************************************************************************/
/* Liste des résultats de la librairie + affichage d'une fiche d'un ouvrage                     */
/************************************************************************************************/
.librairieListeResultatsRecherche {
		z-index: 1;
}

/* Encadrement de la vignette de la liste des résultats d'une recherche librairie */
.librairieListeResultatsRechercheEncadrementVignette {
	float:left;
	margin:0 20px 0 0;
}
.librairieListeResultatsRechercheEncadrementVignette a img {
	border:solid 1px var(--ctc-gris-tourterelle);
	width:120px;
}
/* Affichage des infos du livre de la liste des résultats d'une recherche librairie */
.librairieListeResultatsRechercheAffichageInfosLivres {
	padding-top:4px;
	font-size:0.9rem;
}
/* Positionnement spécifique du lien de commande de la liste des résultats d'une recherche librairie */
.librairieListeResultatsRecherchePositionnementLienCommande {
	position:absolute;
	bottom:15px;
	right:15px;
	z-index: 2;
}
.petitBoutonTarifAjoutPanier {
	padding:4px 6px 4px 6px;
	font-size:1rem;
	font-weight:bold;
	text-align:center;
	background-color:var(--ctc-orange-vermeil);
}
.petitBoutonTarifAjoutPanier a {
	color:#FFFFFF !important;
}

/* Librairie : Lien de Commande Amazon, d'affichage d'article en rupture ou de lien vers fiche pour les différents formats */
.petitBoutonCommande {
	/*float:right;*/
	padding:4px 6px 4px 6px;
	font-size:0.9rem;
	font-weight:bold;
	text-align:center;
	/*position:absolute;
	bottom:0;
	right:0;*/
}
/* Encadré pour les éventuels codes promo */
.divAffichageCodePromo {
	width:80%;
	text-align:justify;
	background-color: var(--ctc-alert-message);
	padding:5px;
	margin:10px auto 15px auto;
	border:1px dashed #666666;
}
.divAffichageCodePromoValidite {
	margin-top:3px;
	text-align:right;
	font-size:0.9rem;
}

/* Classe d'affichage de la mention "Nouveauté" pour la librairie */
.affichageNouveauteLibrairie {
	font-size:0.9rem;	
	color:var(--ctc-orange-vermeil);
	font-weight:bold;
	font-style:normal;
}
/* Encadré d'invitation à la bibliothèque */
.invitationConsultationBibliotheque {
	clear:both;
	margin:40px 5px 0 5px;
	padding:8px 5px 8px 5px;
	text-align:center;
	font-size:0.8rem;
}

/* Cadre d'une fiche ouvrage */
.encadrementVignettePlusAjoutPanier {
	overflow:auto;
}
/* Encadrement des vignettes sur la fiche d'un livre */
.encadrementVignette {
	float:left;
	margin:0 20px 20px 0;
}
.encadrementVignette img {
	border:solid 1px var(--ctc-gris-tourterelle);
	width:250px;
}
.pictoLibrairie {
	width:24px;
}
.nouveauteLibrairie {
	color:var(--ctc-orange-vermeil);
	font-weight:bold;
}
.affichageSpecimen {
	text-align:left;
	margin-left:15px;
	margin-top:15px; 
}
/* Encadrement des infos du livre sur la fiche d'un livre */
.encadrementAjoutPanier {
	/*float:left;
	width:390px;*/
	padding:10px;
}

.separateurAjoutPanier {
	margin-bottom:10px;
	font-size:0.9rem;
}

.tarifAjoutPanier {
	margin-top:15px;
	margin-bottom:10px;
	font-size:1.4rem;
	font-weight:bold;
}
/* Spécial différents formats */
.divTarifAjoutPanier {
	float:right;
	padding:2px 0 0 0;
	font-size:1.3rem;
	font-weight:bold;
	text-align:right;
}
/* Spécial commande librairie */
.boutonCommandeLibrairie {
	float:right;
	padding:10px;
	font-size:1.1rem;
	font-weight:bold;
	width:auto;
}
/* Bouton lien vers amazon */
.boutonLienAmazon {
	/*display:block;*/
	float:right;
	padding:6px 10px 6px 10px;
	font-size:0.8rem;
	border-radius: 15px;
	/*font-weight:bold;*/
	text-align:center;
	width:auto;
	background-color:#f5d12f;
}

a.boutonLienAmazon,
.boutonLienAmazon a {
	color:#000000 !important;
	text-decoration:none;
}
a.boutonLienAmazon:hover,
.boutonLienAmazon a:hover,
.boutonLienAmazon:hover a:hover {
	background-color:#ffce12;
	color:#000000 !important;
	text-decoration:none !important;
}
.contenuOngletAutresFormats td {
	padding:5px 8px 5px 8px;
	border-top:solid 1px var(--ctc-gris-tourterelle);
}
.infosSecondaireLivre {
	clear:both;
	padding-top:15px;
}
.librairieEnteteColonneAutreFormat {
	text-align:center;
	font-style:italic;
	font-size:0.9rem;
	}
.librairieColonneAutreFormat {
	white-space:nowrap;
	text-align:right;
}
.librairieIntituleAutreFormat {
	font-size:0.9rem;
	font-weight:500;
}
/************************************************************************************************/
/* Lexiques multilingues                                                                        */
/************************************************************************************************/
.lexiqueChampRecherche {
	float:right;
	margin-top: 10px;
}
.lexiqueAlphabet {
	clear:both;
	border:solid 1px var(--ctc-gris-tourterelle);
	margin-top:20px;
	padding:5px;
	text-align:left;
}

.lexiqueLettreAffichee {
	/*color:#004fb8;*/
	font-size:16px;
}
.lexiqueDrapeau {
	height:20px;
	border-radius:3px;
}
.lexiqueTexte {
	border:solid;
	border-width:1px;
	border-color:var(--ctc-gris-tourterelle);
	margin-top:20px;
	padding:5px;
	text-align:left;
}

.lexiqueCommande {
	/*padding-top:20px;*/
	text-align:center;
}

/************************************************************************************************/
/* PANIER DE COMMANDE                                                                           */
/************************************************************************************************/
.badgeQuantitePanier {
	margin:-0.4rem 0 0 -0.4rem !important;
	padding:0.3em .45em .2em .45em !important;
	font-size:.7rem !important;
	font-weight:normal !important;
}
.tableauEtapesPanierDeCommande {
	border:none;
}

.tableauEtapesPanierDeCommande td {
	border:none;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}
.puceEtapePanierDeCommande {
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:5px;
	vertical-align:middle;
	text-align:center;
	border-radius:15px;
	background-color:var(--ctc-bleu-sarah-canard);
}
.textePuceEtapePanierDeCommande {
	/*vertical-align:text-bottom;*/
	position: relative;
	top: -3px;
	left:-1px;
	color:#FFFFFF;
	font-weight:500;
	font-style:italic;
	font-size:0.8rem;
}
.tableauEtapesPanierDeCommande td a {
	vertical-align: middle;
}


.tableauPanierDeCommande {
	border:none;
}

.tableauPanierDeCommande td {
	border:none;
	padding:3px;
	vertical-align:middle;
	text-align:center;
}

.DivPaysLivraisonFacturation {
	/*width:70%;*/
	width:auto;
	max-width:60%;
	float:left;
	vertical-align:top;
	padding-top:20px;
	text-align:center;
	/*margin-bottom:30px;*/
}
.LabelColonnePaysLivraisonFacturation {
	width:180px;
	text-align:right;
	font-weight:bold;
	float:left;
	padding-right:5px;
}
.InputColonnePaysLivraisonFacturation {
	text-align:left;
	float:left;
}
.InputColonnePaysLivraisonFacturation select {
	height:30px;
}

.divTotauxPanierDeCommande {
	/*width:30%;*/
	width:auto;
	max-width:40%;
	float:right;
	text-align:center;
	vertical-align:top;
}
.messageRemiseEntrepriseMembre{
	color: var(--ctc-orange-vermeil);
	font-weight:bold;
	margin-top:20px;
	text-align:center;
	font-size:16px;
	padding:6px;
	background-color: var(--ctc-alert-message);
}
.divEncadrementSaisieCodePromo {
	border-top:solid 1px var(--ctc-gris-tourterelle);
	border-bottom:solid 1px var(--ctc-gris-tourterelle);
	margin-top:30px;
	padding:10px 0 10px 10px;
}
.encadrementInputSaisieCodePromo {
	float:right;
	width:270px;
	margin:0 0 10px 10px;
	text-align:right;
}
.inputSaisieCodePromo {
	width:150px;
	height:33px;
}
.boutonSaisieCodePromo{
	position:relative;
	top:-1px;
	left:-1px;
	height:33px;
	font-size:0.8rem !important;
}

.DivEncadrementBoutonValidationPanier {
	text-align:center;
	margin-top:35px;
}

.DivVerifComplementAdresse {
	width:auto;
	max-width:60%;
	/*float:left;*/
	vertical-align:top;
	/*padding-top:30px;*/
}
.DivVerifComplementAdresse p {
	text-align:center;
	font-weight:bold;
}
.ColonneAdresseLivraison {
	display:inline-block;
	width:49%;
	text-align:left;
	padding:0 1% 0 0;
	border-right:solid 1px #BFBFBF;
	vertical-align:top;
}
.ColonneAdresseFacturation {
	display:inline-block;
	width:49%;
	text-align:left;
	padding-left:1%;
	vertical-align:top;
}
.ColonneAdresseLivraison h3,
.ColonneAdresseFacturation h3 {
	margin-bottom:2rem !important;
}

.LabelColonneAdresseLivraisonFacturation {
	width:160px;
	text-align:right;
	font-weight:bold;
	float:left;
	padding-right:5px;
}
.LabelColonneRelectureAdresseLivraisonFacturation {
	text-align:right;
	font-weight:bold;
	float:left;
	padding-right:5px;
	padding-left:10%;
}
.LabelColonneRelectureAdresseLivraisonFacturation,
.LabelColonneAdresseLivraisonFacturation label {
	cursor:pointer;
	cursor:hand;
}
.InputColonneAdresseLivraisonFacturation {
	text-align:left;
	float:left;
}
.InputColonneAdresseLivraisonFacturation label {
	cursor:pointer;
	cursor:hand;
}
.InputColonneAdresseLivraisonFacturation input[type=text] {
	padding:3px;
	width:350px;
	border:solid 1px #CCCCCC;
}
.SeparationColonneAdresseLivraisonFacturation {
	clear:both;
	padding-top:10px;
}

.DivEncadrementTypePaiement {
	/*border-bottom:solid 1px #BFBFBF;*/
	margin-top:30px;
	padding:10px 10px 30px 10px;
}



.TableauPaysLivraisonFacturationTotaux {
	width:100%;
	border:none;
}

.TableauPaysLivraisonFacturationTotaux td {
	border:none;
	padding:3px;
	vertical-align:middle;
	text-align:center;
}

.ColonnePaysLivraisonFacturation {
	width:70%;
	vertical-align:top;
	padding-top:20px;
}
.ColonneTotauxPanierDeCommande {
	width:30%;
	text-align:center;
	vertical-align:top;
}

.tableauPanierDeCommandePaysLivraisonFacturation td {
	border:none;
	padding:3px;
	vertical-align:middle;
}

.tableauTotauxPanierDeCommande {
	border:none;
}

.tableauTotauxPanierDeCommande td {
	border:none;
	padding:5px;
	vertical-align:middle;
	white-space: nowrap;
}



.tableauCoordonnees {
	border:none;
}

.tableauCoordonnees td {
	border:none;
	padding:5px;
	vertical-align:middle;
	text-align:left;
}
.tableauCoordonnees td.labelTableauCoordonnees {
	width:30%; 
	text-align:right;
}
.tableauCoordonnees td.contenuTableauCoordonnees {
	width:70%; 
	text-align:left;
}

.divAffichageCoordonneesPaiement {
	background-color:#FFFFCC;
	padding:5px;
	margin:0 auto 0 auto;
	border:1px dashed #666666;
}

.MessagePanier {
	border:solid 1px #CCCCCC;
	background-color: var(--ctc-alert-message);
	padding:5px 10px 5px 10px;
	margin-right:0 30px 0 auto;
}

.OutilsSpecifiquesPage {
	float:right;
	text-align:left;
	padding:7px;
	margin:0 0 10px 0;
	line-height:20px;
	background-color:#F8F8F8;
	border:solid 1px #CCCCCC;
}
.TexteLegende {
	font-size:0.9rem;
	font-weight:300;
	line-height:13px;
	font-style:italic;
	color:var(--ctc-bleu-nuit);
}
/****************************************************************/
/* Diaporama                                                    */
/****************************************************************/
.blocLegendeDiaporama {
	padding:10px;
	background-color:var(--ctc-gris-lorelei);
	text-align:left;
	line-height:16px;
}
p.blocLegendeDiaporama {
	margin-bottom:0 !important;
}
/****************************************************************/
/* Blog                                                         */
/****************************************************************/
.SeparateurAffichageTitreH1 {
	padding:0 8px 0 8px;
}
/*lienListeResultat*/
.blogCadrePhoto {
	position: relative;
	display:inline-block;
	margin-right:15px;
	width:calc(40% - 15px);
}
.blogCadreTexte {
	display:inline-block;
	width:60%;
	vertical-align: top;
}

.blogPhotoEntete {
	float:left;
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:270px;
}
.blogPhotoEnteteMenuNavigation {
	width:100%;
	/*height:150px;*/
}
.blogAlaUne {
	position:absolute;
	top:5px;
	right:5px;
}
.blogTitreArticle {
	/*float:left;*/
	display:block;
	font-size:1.4rem;
	margin:0 0 20px 0;
	padding:0;
}
.blogDateArticle {
	float:left;
	/*display:block;*/
	font-size:0.8rem;
	color:var(--ctc-bleu-nuit);
	font-weight: normal !important;
	margin:0 0 20px 0;
}
.blogTexteArticle {
	float:left;
	/*display:block;*/
	font-size:0.95rem;
	color:var(--ctc-bleu-nuit);
	font-weight: normal !important;
}

/*a.lienListeResultat:hover span:not(.blogTitreArticle) {*/
/*
a.lienListeResultat.LigneColoree.rollOverDiv:hover span.blogDateArticle,
A.rollOverDiv:hover + span.blogTexteArticle {
	text-decoration:none !important;
}
*/


.LienContainerListeArticlesBlog {
	display:block;
	position:relative;
	clear:both;
	margin:0;
	padding: 15px 15px 0 15px;
	}
/* Modification de la couleur de fond lors du survol souris  */
.LienContainerListeArticlesBlog:hover + .DateContainerListeArticlesBlog,
.LienContainerListeArticlesBlog:hover + .DateContainerListeArticlesBlogAlaUne,
.LienContainerListeArticlesBlog:hover + .TexteListeArticlesBlog,
.LienContainerListeArticlesBlog:hover {
	/*background-color:#E4E4E6 !important;*/
	background-color:var(--ctc-gris-lorelei) !important;
	cursor:pointer !important;
	text-decoration: none !important;
}
.LienContainerListeArticlesBlog:hover > .TitrePublicationBlog {
	text-decoration: underline !important;
}
.SeparationDatePublicationListeArticlesBlog {
	clear:both;
}
.DateContainerListeArticlesBlog {
	text-align:right;
	font-size:14px;
	margin:0;
	padding:10px 15px 5px 15px;
	border-bottom: solid 1px #BFB8BD;
}
.DateContainerListeArticlesBlogAlaUne {
	text-align:right;
	font-size:14px;
	margin:0;
	padding:10px 15px 15px 15px;
	border-bottom: solid 1px #BFB8BD;
}
.DateContainerListeArticlesBlog:last-child {
	border: none;
}
.TexteDateListeArticlesBlog {
	position:relative;
	top:-10px;
}
.TexteDateListeArticlesBlogAlaUne {
	position:relative;
	top:0px;
}
.TitrePublicationBlogAlaUne,
.TitrePublicationBlog {
	font-size:23px;
	margin:0 0 10px 0;
}

/* Div de la photo de la liste des articles */
.DivPhotoEnteteListeArticlesBlog {
	float:left;
	padding:1px;
	margin-right:15px;
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
	width:220px;
	height:130px;
}
/* Div de la photo A LA UNE de la liste des articles */
.DivPhotoEnteteListeArticlesBlogAlaUne {
	float:none;
	width:100%;
	height:250px;
	margin-bottom:10px;
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
}
/* Texte de la liste des articles */
.TexteListeArticlesBlog {
	margin:0;
	padding:5px 0 5px 0;
	font-size:15px;
	line-height:20px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
/* Article de Blog */
.ImageEntetePublicationBlog {
	/*width:886px;
	max-width:100%;
	height:320px;*/
	margin:10px 0 15px 0;
}
.ImageEntetePublicationBlog img {
	width:100%;
}
.ChapeauPublicationBlog {
	font-size:1rem;
	line-height:25x;
	font-weight:500;
	margin-top: 10px;
	margin-bottom: 30px;
	/*font-style:italic;*/
}
.TexteArticleBlog {
	margin:20px 0 0 0;
}
/* Liste d'articles liés à l'article en cours de lecture */
.ContainerListeArticleBlogLie {
	width:100%;
}
a.ContainerListeArticleBlogLie,
a.ContainerListeArticleBlogLie:hover,
a.ContainerListeArticleBlogLie:visited {
	text-decoration: none;
}
.CadrePhotoListeArticleBlogLie{
	/*width:250px;
	height:198px;*/
	width:100%;
	height:auto;
	/*overflow: hidden;*/
}
.PhotoListeArticleBlogLie{
	height:auto;
	overflow: hidden;
}
.PhotoListeArticleBlogLie img {
	width:100%;
	/*height:148px;*/
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
/*
.PhotoListeArticleBlogLie {
	width:100%;
	height:148px;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
*/
.TitreListeArticleBlogLie{
	margin:0 0 0 0;
	padding:10px 5px 5px 5px;
	font-size:14px;
	line-height:17px;
	color:#000000;
	background-color:#FFFFFF;
	text-decoration: none;
	min-height:50px;
	overflow: visible;
}
.CadrePhotoListeArticleBlogLie:hover > .PhotoListeArticleBlogLie img {
  -moz-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.CadrePhotoListeArticleBlogLie:hover > .TitreListeArticleBlogLie {
	background-color:#E4E4E6;
	cursor:pointer;
}
.AffichageTypeCartouche {
	padding-bottom:4px;
	min-height:22px;
}
.CadreArticleBlog_liste {
	display:inline-block;
	vertical-align: top;
	width:31%;
	margin:0 2% 30px 0;
}
.CadreArticleBlog_gauche {
	float:left;
	width:250px;
	margin:0 20px 20px 0;
}
.CadreArticleBlog_milieu {
	width:250px;
	margin:20px auto 20px auto;
}
.CadreArticleBlog_droit {
	float:right;
	width:250px;
	margin:0 0 20px 20px;
}

/****************************************************************/
/* Compte utilisateur (inscription)                             */
/****************************************************************/
.boutonTypeInscription {
	display:block;
	width:90%;
	min-height:55px;
	margin:0 auto 15px auto;
	padding:7px;
	border-radius:3px;
	background-color: var(--ctc-gris-lorelei);
	color:var(--ctc-bleu-nuit) !important;
	text-align:center;
	font-size:1rem;
	line-height:40px;
	cursor:pointer;
}
.boutonTypeInscription:hover,
.boutonTypeInscriptionActive {
	background-color: var(--ctc-bleu-sarah-canard) !important;
	color:#FFFFFF !important;
	text-decoration: none !important;
}

/****************************************************************/
/* Outil ODS                                                    */
/****************************************************************/
.boutonRechercheDirecte {
	display:block;
	width:90%;
	min-height:55px;
	margin:0 auto 15px auto;
	padding:7px;
	border-radius:3px;
	background-color: #0090FF;
	text-align:center;
	color:#FFFFFF !important;
	font-size:1rem;
	line-height:40px;
	cursor:pointer;
}
.boutonRechercheDirecte:hover {
	/*background-color: #CCCCCC;*/
	background-color: #85868F;
	color:#000000 !important;
	text-decoration: none !important;
}
a.boutonRechercheDirecte {
	color:#FFFFFF !important;
}
.pictoRechercheAvancee {
	background-image: url(/images/pictos/loupe_on_32x32.png);
	background-size: 20px 20px;
	background-position: right 15px center;
	background-repeat: no-repeat;
}
.pictoRechercheAvancee:hover {
	background-image: url(/images/pictos/loupe_off_32x32.png);
}
.CadreNewsOds {
	/*display:inline-block;*/
	width:95%;
	clear:both;
	margin:0 auto 20px auto;
	border:solid 1px #CCCCCC;
}
.LigneNewsOds {
	padding:7px;
	/*margin-bottom: 7px;*/
	border-bottom:solid 1px #CCCCCC;
}
.LigneNewsOds:last-child {
	border-bottom:none;
}
.DateNewsOds {
	font-style: italic;
	/*margin-right: 10px;*/
}
.TitreNewsOds {
	font-weight:bold;
}
.TexteNewsOds {
	margin-top: 4px;
	text-align: left;
	line-height:20px;
}
.LienPlusDeNewsOds {
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
	color: #FFFFFF !important;
	background-color: var(--ctc-bleu-turquoise);
}
.LienPlusDeNewsOds:hover {
	background-color: var(--ctc-bleu-turquoise-over);
	cursor:pointer;
	color:#FFFFFF !important;
	text-decoration: none;
}

/****************************************************************/
/* Experts CTC                                                  */
/****************************************************************/
.CadreExpertCtc {
	border:solid 1px #E4E4E6;
	padding:0;
	background-color:#FFFFFF;
	/*
	max-width:385px;*/
	/*max-height:75px;
	overflow: auto;*/
}
.CadreExpertCtc_liste {
	display:inline-block;
	vertical-align: top;
	width:31%;
	margin:0 1% 30px 0;
}
.CadreExpertCtc_gauche {
	float:left;
	margin:0 20px 20px 0;
	width:280px;
}
.CadreExpertCtc_milieu {
	margin:20px auto 20px auto;
	width:280px;
}
.CadreExpertCtc_milieuNoMargin {
	width:280px;
}
.CadreExpertCtc_droit {
	float:right;
	margin:0 0 20px 20px;
	width:280px;
}
.CadreImageExpertCtc {
	display:table-cell;
	width:60px;
	vertical-align:top;
	line-height: 0;
}
.CadreImageExpertCtc img {
	width:60px;
}
.CadreTexteExpertCtc {
	display:table-cell;
	/*width:175px;*/
	vertical-align:top;
	padding:0 10px 0 10px;
}
.TitreExpertCtc {
	font-size:13px;
	font-weight:bold;
	line-height: 16px;
	margin: 5px 0 7px 0;
}
.ResumeExpertCtc {
	font-size:12px;
	line-height: 14px;
	/*margin-bottom:22px;*/
}
.CadreLienExpertCtc {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	 /* background-color:#0090FF;couleur de fond associée à .LienCallToAction*/
}
/*
a.CadreLienExpertCtc {
	border-radius:0;
	padding:0;
	width:25px;
}
*/

/********************************************************************/
/* Le Phare                                                         */
/********************************************************************/
.CadreFicheLephare {
	clear:both;
	margin:0 0 20px 0;
	padding:10px 0 10px 0;
	border:solid 1px #CCCCCC;
}
.LigneInfoLePhare {
	clear:both;
	padding:6px;
}
.BlocTypeInfoLePhare {
	display:inline-block;
	width:20%;
	padding-right:2%;
	line-height:18px;
	text-align:right;
	vertical-align:top;
}
.BlocValeurInfoLePhare {
	display:inline-block;
	width:78%;
	line-height:18px;
	text-align:left;
	vertical-align:top;
}


/********************************************************************/
/* CTC Entreprise                                                   */
/********************************************************************/
.CadreSommaireNumeroCtcEntreprise {
	margin-bottom:20px;
	border-bottom:solid 1px #CCCCCC;
	padding-bottom:10px;
}
.ReferenceNumeroCtcEntreprise {
	text-align:right;
	font-size:16px;
	/*margin-right:30px;*/
	font-weight:bold;
}
.CadreNumeroCtcEntreprise {
	clear:both;
	/*margin-bottom:20px;*/
	padding:15px 0 15px 0;
	/*border-bottom:solid 1px #CCCCCC;*/
}
/*
.CadreNumeroCtcEntreprise:last-child{
	border-bottom:none;
}
*/
.CadreVignetteNumeroCtcEntreprise {
	/*display:inline-block;*/
	display:table-cell;
	width:200px;
	vertical-align: top;
	padding:10px 0 30px 20px;
	font-size:0.9rem;
}
.CadreArticlesNumeroCtcEntreprise {
	/*display:inline-block;*/
	display:table-cell;
	width:auto;
	vertical-align: top;
}
li.listeArticles {
	padding-bottom:4px;
	font-size: 12px;
}
.AfficheResumeArticle {
	margin:10px 0 0 0;
}

.sommaire_ctce {
	padding:5px;
	font-size: 12px;
	color:#000000;
}
.affichage_article {
	position:relative;
	background-color:#F0F0F0;
	border-color:#4C4F5E;
	border-style:solid;
	border-width:thin;
	padding:0 5px 5px 5px;
	font-size: 13px;
	color:#000000;
	line-height:18px;
}
.CadreVignetteRechercheCtcEntreprise {
	float:left;
	width:200px;
	vertical-align: top;
	padding:10px 0 10px 20px;
}
.CadreVignetteRechercheCtcEntreprise div img {
	width:142px;
}
.titre_article {
	margin-top:15px;
	font-size: 15px;
	font-weight:bold;
}
.auteur_article {
	margin-top:10px;
	font-style:italic;
}
.resume_article {
	margin-top:10px;
	padding:4px;
	text-align:left;
	font-size: 14px;
	line-height:19px;
}
.reference_article {
	margin-top:10px;
	text-align:right;
}
.keywords_article {
	margin-top:7px;
}

/********************************************************************/
/* Affichage des CV                                                 */
/********************************************************************/
.EncadreCVFormationExperienceProfessionnelle {
	padding:0 20px 0 20px;
}
.DetailCVFormationExperienceProfessionnelle_annee {
	text-align:left;
	font-weight:500;
	/*color:#999189;*/
	font-style:italic;
	margin:8px 0 0 0;
	border-bottom: dashed 1px var(--ctc-bleu-nuit);
}
.DetailCVFormationExperienceProfessionnelle_texte {
	margin:0 0 10px 0;
	padding:10px 0 0 20px;
	line-height:20px;
}
.FinEncadreCVFormationExperienceProfessionnelle {
	margin-bottom:15px;
}

/********************************************************************/
/* Affichage des événements                                         */
/********************************************************************/
a.evenementCadreListe {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin-bottom: 1rem;
}
a.evenementCadreListe .evenementAlaUne, 
a.evenementCadreListe .evenementCadreTexteListe :not(span.evenementTitreListe):not(.pictoEvenementGratuit):not(.evenementDateListeDateCompletSmall)  {
	color: var(--ctc-bleu-nuit) !important;
	text-decoration: none !important;
}
a.evenementCadreListe:hover  {
	color: var(--ctc-bleu-turquoise-over) !important;
	text-decoration: none !important;
}
.evenementAlaUne {
	 position:absolute;
	 top:2px;
	 right:5px;
}
.evenementDateListe {
	flex-grow: 0;     /* do not grow   - initial value: 0 */
	flex-shrink: 0;   /* do not shrink - initial value: 1 */
	flex-basis: 170px;
	padding-top:20px;
}
.evenementDateListeDate {
	color: var(--ctc-bleu-nuit) !important;
	font-weight: 500;
	font-size:1.8rem;
}
.evenementDateListeDateComplet {
	position:absolute;
	top: 66px;
	left: 19px;
	border:solid 1px var(--ctc-rouge-erreur);
	color:var(--ctc-rouge-erreur);
	font-size:1.5rem;
	padding:3px 6px 3px 6px;
	rotate: -40deg;
	background-color: var(--ctc-gris-spider);
	opacity: 0.85;
}
.evenementDateListeDateCompletSmall {
	position:absolute;
	top: 0;
	right: 5px;
	border:solid 1px var(--ctc-rouge-erreur);
	color:var(--ctc-rouge-erreur) !important;
	font-size:0.7rem;
	padding:2px 4px 0 4px;
	rotate: -16deg;
	background-color: var(--ctc-gris-spider);
	opacity: 0.85;
}
.evenementDateListeLieu {
	color: var(--ctc-bleu-nuit) !important;
	font-weight: 400;
	font-size:1.2rem;
}
.pictoEvenementGratuit {
	position:relative;
	left:6px;
	color:var(--ctc-vert-noerreur) !important; 
	font-size:1rem !important;
	cursor: help;
}
.evenementImageListe,
.evenementImageListeReplay {
	flex-grow: 0;     /* do not grow   - initial value: 0 */
	flex-shrink: 0;   /* do not shrink - initial value: 1 */
	flex-basis: 150px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.evenementCadreTexteListe {
	position:relative;
	flex-basis: 100%;
	min-height:150px;
	padding-left:30px;
	/*overflow: hidden;*/
}
.evenementCadreThemeListe {
	margin-bottom :5px;
}
.evenementThemeListe {
	display: block;
	position:absolute;
	bottom:5px;
	right:5px;
	padding: 0;
	font-size:0.80rem;
	font-weight:700;
	text-align: right;
	line-height:1.1rem;
}
.evenementCategoriesListe {
	font-size: 0.75rem;
	font-weight:normal;
}
.evenementTitreListe {
	font-size:1.2rem;
	line-height:0.7rem;
	/*overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;*/
}
a.evenementCadreListe:hover .evenementCadreTexteListe .evenementTitreListe{
	text-decoration: underline !important;
}
.evenementTexteListe {
	display: block;
	padding-top: 5px;
	font-size:0.9rem;
	font-weight:normal;
	line-height:1.2rem;
}
.evenementLienListeCategories {
	font-weight:500;
}
.cadreInscriptionsDateEvenement {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	/*margin:0 1.5rem 2.5rem 0;*/
}
.blocInscriptionDateEvenement {
	position:relative;
	border:solid 1px var(--ctc-gris-lorelei);
	margin:0 1.5rem 1.5rem 0;
	padding:10px;
	text-align: center;
	border-radius: 10px;
}
.dateInscriptionDateEvenment{
	font-weight: 500;
	font-size:1.6rem;
}
.lienInscriptionDateEvenment{
	margin: 0.5rem 0 0.5rem 0;
}
p.listeIntervenantsEvenement{
	margin-bottom: 0 !important;
}
.messageInscriptionDateEvenement {
	width:75%;
	margin:auto;
	text-align:center;
	padding:7px 0 7px 0;
	background-color:var(--ctc-bleu-alligator);
}

/*******************************************************************************/
/* Fiches matériaux émergents                                                  */
/*******************************************************************************/
.titreH2ficheMateriau {
	padding:8px 12px 8px 12px;
	margin-bottom: .5rem !important;
}
p.paragrapheFicheMateriau {
	padding:4px 4px 4px 15px;
	margin:0 !important;
}
.titreElementFicheMateriau {
	font-weight: 500;
}
.pictoUsageFamille {
	max-width:60px;
	max-height:60px;
}
.descriptionFicheMateriaux {
	padding:20px !important;
	/*font-size: 1.3em;*/
	font-weight: 500;
}
.legendeJauge {
	width:20px;
	height:20px;
}
/*******************************************************************************/
/* Fiches tests et essais laboratoire                                          */
/*******************************************************************************/
.telechargementPdfFicheTestEssai {
	position:absolute;
	right:20px;
	bottom:20px;
}
.telechargementPdfFicheTestEssai img {
	width:32px;
}
/*******************************************************************************/
/* Projets de recherche                                                        */
/*******************************************************************************/
/*
.FormulaireComplexe.formulaireRechercheProjet div label {
	width: 25% !important;
}
.FormulaireComplexe.formulaireRechercheProjet div div:not(.LigneFormulaire_TitreFormulaire) {
	width: 74% !important;
}
.FormulaireComplexe.formulaireRechercheProjet div div.BoutonValidationFormulaire {
	width: 100% !important;
}
.FormulaireComplexe.formulaireRechercheProjet div div div.cadreTimelineAvanceeProjet {
	min-width: 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}*/
.telechargementPdfFiche {
	float:right;
}
.telechargementPdfFiche img {
	width:22px;
}
.affichageNomDomaine {
	background-color: var(--ctc-bleu-sarah-canard);
	padding:3px 5px 3px 5px;
	color:#FFFFFF;
	font-size: 0.8rem;
}
.cadreIframeVideoProjet {
	text-align:center;
	position: relative;
	min-height:385px;
}
.cadreTitrePartenaireProjetRecherche {
	background-color: var(--ctc-bleu-nuit);
	color: #FFFFFF;
	margin-bottom: 10px;
	padding: 10px;
}
.cadreTitrePartenaireProjetRecherche h2 {
	margin:0 !important;
}
.cadreTitrePartenaireProjetRecherche img {
	margin-left:10px;
	height: 25px;
	position: relative;
	bottom: 3px;
}
.divCadrePartenairesProjetRecherche {
	display: flex;
	flex-direction: row;
	/*flex-wrap: wrap;*/
	gap: 10px;
/*	align-content: space-around;*/
}
.divPartenaireProjetRecherche {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis:auto;
	/*position: relative;*/
	min-height: 200px;
	text-align: center;
	padding:15px 15px 0 15px;
	/*margin-left:10px;*/
	background-color: var(--ctc-gris-lorelei);
}
.divPartenaireProjetRecherche:first-child {
	margin-left:0;
}
.divPartenaireProjetRecherche p {
	font-size: 0.9rem;
}
.introPartenaire {
	display: grid;
	/*flex-direction: column;
	align-items: flex-start;*/
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis:150px;
	background-color: var(--ctc-bleu-nuit);
	color: #FFFFFF;
	text-align: center;
}
.introPartenaire h2 {
	font-size: 1.1rem !important;
	font-weight: 300 !important;
}
.introPartenaire p {
	/*justify-content: space-between;*/
	align-self: flex-end;
	/*display: flex;*/
}
.introPartenaire p img {
	max-width: 115px;
}
.typePartenaire {
	font-size: 1rem !important;
	font-weight: 500 !important;
}
.hrPartenariat {
	width:100px;
	margin:0 auto 0 auto;
	border-top: solid 2px var(--ctc-bleu-nuit);
}
.fondAvanceeProjet {
	background-color: #B3B2B2;
	color: #FFFFFF;
}
/* Timeline des avancements pour la recherche de projet*/
.cadreTimelineAvanceeProjet {
	display: flex;
	flex-basis:100%;
	flex-grow:0;
}
.blocAvanceeProjet {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	justify-content: center;
	height: 30px;
}
.blocAvanceeProjet:hover {
	cursor:pointer;
}
.blocAvanceeProjet:hover span {
	text-decoration:underline;
}
/*
.blocAvanceeProjet + .couleurAvanceeProjet_ON {
	font-size:13px;
	font-weight: 500;
}*/
.blocAvanceeProjet.couleurAvanceeProjet_OFF span {
	color:#000000;
}
.blocAvanceeProjet span {
	align-self: center;
	font-size:11px;
	white-space:nowrap;
	padding: 0 8px 0 8px;
}
.blocAvanceeProjetSeparateur {
	display: flex;
	flex-direction: row;
	flex-grow: 0;
	height: 30px;
}
.blocAvanceeProjetSeparateur span {
	align-self: center;
	padding-left :10px;
	font-size:14px;
	font-weight:bold;
}




/* Timeline des avancements pour l'affichage du projet*/
.cadreAvancementProjet {
	display: flex;
	flex-direction: row;
	/*flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: center;*/
}
.blocAvancementProjet {
	display: flex;
	flex-grow: 1;
	align-self: auto;
	height:30px;
}
.blocAvancementProjetSeparateur {
	flex-grow: 0 !important;
}
.blocAvancementProjetSeparateur img {
	height: 30px;
}
.blocAvancementProjetTexte {
	display: flex;
	flex-basis: 100%;
	justify-content: center;
}
.blocAvancementProjetTexte span {
	align-self: center;
	font-size:0.9rem;
	font-weight: 500;
}
.blocAvancementProjetTrait {
	display: flex;
	flex-basis: 100%;
	justify-content: center;
}
.blocAvancementProjetTrait span {
	background-color:var(--ctc-gris-tourterelle);
	flex-basis: 1px !important;
}
.blocIntituleAvanceeProjetBas {
	display: flex;
	flex-direction: column;
	flex-basis: 50%;
}
.blocIntituleAvanceeProjetHaut {
	display: flex;
	flex-direction: column;
	flex-basis: 33%;
	text-align: center;
}
.cadreIntituleAvanceeProjetHaut,
.cadreIntituleAvanceeProjetBas {
	position: relative;
	display: flex;
	flex-direction: row;
}
.intituleAvanceeProjet span {
	padding:2px 3px 2px 3px;
	font-size: 0.68rem;
	border:solid 1px var(--ctc-gris-tourterelle);
	border-radius:3px;
}
.intituleAvanceeProjetHaut {
	flex-basis: 33%;
}
.intituleAvanceeProjetHaut span.couleurAvanceeProjet_ON,
.intituleAvanceeProjetBas span.couleurAvanceeProjet_ON {
	border:solid 1px #40AB35 !important;
}
.intituleAvanceeProjetBas {
	position:relative;
	align-self: center;
}
.intituleAvanceeProjetBas span {
	vertical-align: top;
}
.couleurAvanceeProjet_ON {
	background-color: #40AB35;
	color:#FFFFFF;
}
.couleurAvanceeProjet_OFF {
	background-color: #B2B2B2;
	color: #B2B2B2;
}
.spanAnneeNonAffichee {
	opacity:0;
}
.titreListeFilieres {
	font-size:0.9rem;
	font-weight: 500;
	margin:40px 0 10px 0;
	padding-bottom: 5px;
	border-bottom: solid 1px var(--ctc-gris-tourterelle);
}
.liensFiliereProjetRecherche,
.liensFiliereProjetRecherche a {
	font-size:0.8rem;
	font-weight: none;
	color: var(--ctc-bleu-nuit) !important;
}
.cadreChefProjet {
	display: flex;
	flex-direction: row;
	margin-top:40px;
}
.photoChefProjet {
	flex-basis: 65px;
	flex-grow: 0;
	flex-shrink: 0;
	height: 65px;
	border-radius: 45px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.infoChefProjet {
	flex-grow: 1;
}
.infoChefProjet p {
	margin:5px 0 2px 10px !important;
	font-size:0.9rem;
	font-weight:500;
}
.infoChefProjet hr {
	margin:0 0 0 0 !important;
	border:none;
}
.infoChefProjet p:last-child {
	margin:5px 0 0 10px !important;
	font-weight:normal;
	font-size:0.8rem;
	line-height: 1.2rem;
}
.contactChefProjet {
	margin:30px 0 20px 0;
	text-align: center;
}
/*******************************************************************************/
/* Mot-clé des outils */
/*******************************************************************************/
/* Div contenant le mot clé affiché */
.DivMotCleAfficheOutil {
	white-space:nowrap;
	padding:3px;
	/*z-index:1;*/
	position:relative;
}
/* Style du mot clé affiché */
.MotCleAfficheOutil {
	white-space:nowrap;
	font-size:0.9rem;
	margin:0;
	padding:5px;
	color:#FFFFFF;
	background-color:var(--ctc-gris-tourterelle);
	border-radius:3px;
	line-height:30px;
}
A.MotCleAfficheOutil { color:#FFFFFF; text-decoration:none; font-weight:normal; }
A.MotCleAfficheOutil:visited { color:#FFFFFF; font-weight:normal;}
A.MotCleAfficheOutil:hover { color:#000000; text-decoration:none; font-weight:normal;}
/* Classe d'affichage de l'icone de suppression des mots clé */
.MotCleSuppressionVisible {
	white-space:nowrap;
	background-color:#FFFFFF;
	border: dotted 1px var(--ctc-gris-tourterelle);
	margin: 5px 5px 5px 0;
	padding: 5px;
	z-index: 10;
	}
.MotCleSuppressionVisible .MotCleAfficheOutil {
	white-space:nowrap;
	padding:0 3px 0 0;
	background-color:transparent;
	border-radius:0;
	color:var(--ctc-orange-vermeil);
}
/* Classe qui cache l'icone de suppression des mots clé */
.MotCleSuppressionInvisible {
	white-space:nowrap;
	background-color:transparent;
	border: none;
	z-index: 1;
	}
/* Filtre d'affichage */
.PositionTriMotsCles {
	text-align:right;
	margin:0 0 20px 0;
}
.LienLigneOccurrenceMotCle {
	margin-left:10px;
}
.LigneOccurrenceMotCle {
	margin:0 0 7px 10px;
	font-size:1rem;
	line-height: 18px;
}
.pictoFontAwesomeLigneOccurrenceMotCle {
	/*margin:0 10px 0 5px;*/
	color:var(--ctc-gris-tourterelle);
}
.PictoLigneOccurrenceMotCle {
	margin:0 10px 0 5px;
	/*width:24px;*/
	position:relative;
	top:5px;
}
.blocLigneOccurrenceMotCle {
	display: inline-block;
	width:25px;
	margin-right: 5px;
	text-align: center;
}

/*******************************************************************************/
/* Divers mise en page */
/*******************************************************************************/
.cadreOffreGlobale {
	margin-bottom:20px;
}
.cadreElementOffreGlobale {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 2rem;
	margin-bottom: 1rem;
}
.pictoOffreGlobale {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink:0;
	margin:0 0 0 0;
	background-color: var(--ctc-bleu-turquoise-over); /* --ctc-bleu-sarah-canard */
	border-radius: 5px;
	text-align: center;
	width:70px;
	height:70px;
	margin-bottom: 0 !important;
}
.pictoOffreGlobale img {
	width:50px;
}
.fondBlocPictoOffreGlobale {
	position:absolute;
	right:-2px;
	width:6px;
	height:35px;
	background-color: var(--ctc-bleu-turquoise);
	border-radius: 5px;
}
.traitOffreGlobale {
	--trait-width:80px;

	flex-shrink:0;
	position: relative;
	width:var(--trait-width);
	height:2px;
	background-color: var(--ctc-bleu-turquoise);
	margin-left:10px;
}
.traitPointOffreGlobale {
	position:absolute;
	right:0;
	top:-4px;
	width:10px;
	height:10px;
	background-color: var(--ctc-bleu-turquoise);
	border-radius: 5px;
}
.texteOffreGlobale {
	margin-left:10px;
}
.texteOffreGlobale h4 {
	margin-bottom: 0 !important;
	font-size: 1.4rem !important;
}
.iframeBicQuarkSafety {
	border:none;
	width:100%;
	min-height:1000px;
	height:1000px;
}
.iframeVideosErgonomie {
	border:none;
	width:100%;
	min-height:1320px;
}
/* -------------------------------- */
.fondPictoOffreGlobale {
	display: flex;
	justify-content: center;
	align-items: center;
	margin:auto;
	background-color: var(--ctc-bleu-turquoise);
	border-radius: 5px;
	text-align: center;
	width:60px;
	height:60px;
	margin-bottom: 0 !important;
}
.fondPictoOffreGlobale img {
	width:50px;
}
/* -------------------------------- */


.TitreParagraphe {
	font-weight:bold;
	font-style:italic;
}
.TextePetit {
	font-size:13px;
	font-weight:300;
}

.SeparateurHR {
	height:1px;
	border-width:0;
	color:var(--ctc-gris-tourterelle);
	background-color:var(--ctc-gris-tourterelle);
}/*
hr:not([size]).hr {
    --mdb-divider-height: 2px;
    --mdb-divider-bg: var(--mdb-divider-color);
    --mdb-divider-opacity: 1;
    --mdb-divider-blurry-bg: transparent;
    --mdb-divider-blurry-bg-image: linear-gradient(90deg, transparent, var(--mdb-divider-blurry-color), transparent);
    --mdb-divider-blurry-height: 1px;
    --mdb-divider-blurry-opacity: 0.25;
    height: var(--mdb-divider-height);
    background-color: var(--mdb-divider-bg);
    opacity: var(--mdb-divider-opacity)
}
*/
hr:not([size]).hr.hr-blurry {
    background-color: transparent;
    /*background-image: linear-gradient(90deg, transparent, hsl(0, 0%, 70%), transparent);*/
    background-image: linear-gradient(90deg, transparent, #666666, transparent);
    height: 1px;
    opacity: 0.25;
}
.imageFilet {
	border:solid 1px var(--ctc-gris-tourterelle);
}
.img_left {
	float:left;
	clear:right;
	margin:3px 30px 3px 0px;
}
.img_center {
	display:block;
	margin:10px auto 10px auto;
}
.img_right {
	float:right;
	clear:left;
	margin:3px 0px 3px 30px;
}
.container img.img_center {
	max-width:100%;
}

/* Correction des marges pour l'ajout automatique de la lightbox */
div.img_left a img.img_left,
div.img_center a img.img_center,
div.img_right a img.img_right {
	margin:0 0 7px 0;
}
.LegendePhoto_img_center,
.LegendePhoto_img_left {
	clear:left;
	margin:0 0 5px 20px;
	padding:0 0 0 7px;
	text-align:left;
	border-left:solid 1px #4C4F5E;
}
.LegendePhoto_img_right {
	clear:right;
	margin:7px 20px 5px 0;
	padding:0 7px 0 0;
	text-align:right;
	border-right:solid 1px #4C4F5E;
}
/* Contour et ombre autour d'une image */
.img-shadow {
	float:left;
	background-color:#B6B6B6;
	margin-bottom:5px;
}
.img-shadow img {
	display: block;
	position: relative;
	border: 1px solid #B7B7B7;
	margin: -4px 4px 4px -4px;
}

/* Tableau spécifique pour les logos */
.TableauLogo {
	width:auto;
	margin:auto;
	border-collapse: separate;
	border-spacing: 0;
}
.TableauLogo td {
	border-left:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	padding:40px;
	font-size:14px;
}
.TableauLogo td:first-child {
	border-left: none;
}
.TableauLogo tr:last-child td {
	border-bottom: none;
}

.TableauLogo td p {
	margin:0;
}
/* Tableau général sans bordure */
.TableauNoBorder {
	width:auto;
	margin:auto;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
}
.TableauNoBorder td {
	padding:7px;
	font-size:14px;
}
/* Tableau général avec bordure */
.Tableau {
	width:auto;
	margin:auto;
	border-collapse: separate;
	border-spacing: 0;
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
}
.Tableau td {
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
	padding:7px;
	font-size:14px;
}
.Tableau td p,
.TableauNoBorder td p {
	margin:0;
}
tr.EnteteTableau td,
tr.EnteteTableau th {
	background-color:#85868F; /* CAC0B4 */
	color:#FFFFFF;
	font-weight:500;
	padding:7px;
}
tr.EnteteTableau td a, tr.EnteteTableau th a, #EnteteTableau A { color:#FFFFFF !important; text-decoration:none; font-weight:500; }
tr.EnteteTableau td a:visited, tr.EnteteTableau th a:visited, #EnteteTableau A:visited { color:#FFFFFF; }
tr.EnteteTableau td a:hover, tr.EnteteTableau th a:hover, #EnteteTableau A:hover { color:#FFFFFF; text-decoration:underline; }

/* Permet de figer les volets d'une ligne d'entête de tableau */
/* Uniquement sur un thead class="StickyHeader" */
thead.StickyHeader tr td {
	position: sticky;
	/* position: -webkit-sticky; this is for all Safari (Desktop & iOS), not for Chrome */
	top: -21px;
	z-index: 5;
	height:36px;
	max-height:36px;
	font-size:12px !important;
}
/* Permet de figer les volets des td issus de rowspan */
td.StickyRow {
	top: 31px !important;
}


.TableauClair {
	width:auto;
	/*max-width:80%;*/
	margin:auto;
	border-collapse: separate;
  border-spacing: 0;
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
}
.TableauClair td {
	border:solid;
	border-color:#CCCCCC;
	border-width:1px;
	padding:10px;
	font-size:14px;
}
tr.EnteteTableauClair td {
	background-color:#CCCCCC;
	color:#000000;
	font-weight:bold;
	padding:10px;
}
tr.EnteteTableauClair td a { color:#0090FF; text-decoration:none; font-weight:bold; }
tr.EnteteTableauClair td a:visited { color:#0090FF; }
tr.EnteteTableauClair td a:hover { color:#0090FF; text-decoration:underline; }

tr.CelluleAfficherPlus td {
	height:30px;
	cursor:pointer;
	font-size:16px;
	color:#0090FF;
	font-weight:bold;
}
tr.CelluleAfficherPlus td:hover {
	background-color:#85868F;
	color:#FFFFFF;
}
.ligneTableauMasquee{
	display:none;
}


/*****************************************/
/* Boite de dialogue JQuery              */
/*****************************************/
#dialog, #dialog2, #dialog3 {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 400 !important;
	font-size:13px;
}
#dialog p, #dialog2 p, #dialog3 p {
	line-height:20px;
}
#dialog h3, #dialog2 h3, #dialog3 h3 {
	line-height:26px;
}

#dialog A, #dialog2 A, #dialog3 A { color:#0090FF; text-decoration:none; font-weight:bold; }
#dialog A:visited, #dialog2 A:visited, #dialog3 A:visited { color:#0090FF; }
#dialog A:hover, #dialog2 A:hover, #dialog3 A:hover { color:#0090FF; text-decoration:underline; }

#dialog select, #dialog2 select, #dialog3 select {
	/*font-family: 'Open Sans', sans-serif !important;
	font-weight: 400 !important;*/
	font-size:14px !important;
}

.ui-dialog-title {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500 !important;
	font-size:0.9rem;
}
.ui-dialog-titlebar-close {
	z-index:999;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Roboto', sans-serif !important;
}


/*****************************************/
/* Renvoi vers connexion     */
/*****************************************/
.AlerteConnexionEntrepriseMembre {
	width:90%;
	margin:50px auto 20px auto;
	padding:10px 10px 0 10px;
	border-top:solid 1px #CCCCCC;
}
.AlerteConnexionEntrepriseMembre p {
	margin:0;
	line-height:20px;
	text-align:center;
	margin-bottom:20px;
}

.cadreDemandeConnexionMembre {
	width:90%;
	margin:50px auto 20px auto;
	padding:15px 20px 0 20px;
	border-top:solid 1px var(--ctc-gris-tourterelle);
}
.cadreDemandeConnexionMembre p {
	margin:0;
	line-height:20px;
	text-align:left;
}
.cadreDemandeConnexionMembre form {
	border:solid 1px var(--ctc-gris-tourterelle);
}
.cadreDemandeConnexionMembre form p {
	text-align:center;
}
.divMotDepasseOublie {
	text-align:right;
	margin:8px 0 10px 0;
	font-size:1rem;
}



/*****************************************/
/* Questions FAQ                         */
/*****************************************/
.LienQuestionFaq_page_accueil {
	display:block;
	margin:0 0 0 0;
	padding:7px;
	font-size:15px;
	line-height:16px;
	text-align: left;
}
.CategorieQuestionFaq {
	float:left;
	font-size:14px;
	font-weight:bold;
}
.CategorieQuestionFaq a {
	font-size:16px;
}
.DerniereModificationQuestionFaq {
	text-align:right;
}
.TitreQuestionFaq_page_accueil {
	display:block;
	position:relative;
	top:-30px;
	padding:7px;
	font-size:13px;
	background-color:#0090FF;
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
}
.PositionSelectCategoriesFaq {
	float:right;
	position:relative;
	top:2px;
	margin:0 0 15px 25px;
}

/*****************************************/
/* Présentation des fiches formation     */
/*****************************************/
.messageCQP {
	position:relative;
	width:80%;
	margin:0 auto 1.5rem auto;
	border:solid 2px var(--ctc-bleu-turquoise);
	padding: 1rem 1rem 0 1rem;
}
.messageCQP p {
	text-align: center;
}
.titreMessageCQP {
	font-size:1.2rem;
	font-weight:500;
}
.imageMessageCQP {
	position:absolute;
	top:10px;
	left:-30px;
	height:35px;
}
.nouveauCatalogueFormationListe {
	position:relative;
	bottom:8px;
	color:var(--ctc-orange-vermeil);
	font-size:0.7rem;
	font-weight:500;
	padding:0 0 0 8px;
}
.nouveauCatalogueFormationFiche {
	position:relative;
	bottom:15px;
	color:var(--ctc-orange-vermeil);
	font-size:0.8rem;
	font-weight:500;
	padding:0 0 0 8px;
}
.pictoDomaineFormation {
	width:150px;
}
.cadreInfobulleFormateur {
	position:absolute;
	z-index:1;
	top:25px;
	right:25px;
	display:none;
}
.infobulleFormateurs {
	width:400px;
	height:205px;
	border:solid 1px #666666;
	background-color:#FFFFFF;
	padding:10px;
	text-align:left;
}
.infobulleNomFormateur {
	font-size:0.85rem;
	font-weight:bold;
	margin-bottom:7px;
}
.infobulleDetailsFormateur {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.infobullePhotoFormateur {
	flex-grow: 0;     /* do not grow   - initial value: 0 */
	flex-shrink: 0;   /* do not shrink - initial value: 1 */
	flex-basis: 120px;
	margin-right:10px;
}
.infobulleDetailsFormateur img {
	width:120px;
	height:auto;
}
.infobulleExpertiseFormateur {
	font-size:0.75rem;
	flex-grow: 0;     /* do not grow   - initial value: 0 */
	flex-shrink: 0;   /* do not shrink - initial value: 1 */
	flex-basis: 250px;
	max-height:165px;
	overflow: hidden;
}
.domaineFormateur {
	margin-top:5px;
	font-style:italic;
	color:#928569;
}
.PuceCatalogueFormation {
	float:left;
	width:8px;
	height:8px;
	margin:8px 5px 0 5px;
	background-color:#000000;
	opacity:0.6;
}
.cadrePresentationFormation {
	background-color:rgba(16, 181, 196,0.1);
	text-align:left;
	margin-top:20px;
	padding: 1rem;
}
.colonnePresentationFormation {
	display:inline-block;
	width:48%;
	padding:1%;
	vertical-align:top;
}

/*************************************************/
/* Carrière : iframe API WeRecruit               */
/*************************************************/
.weRecruitIframe {
	/*margin-left:10%;*/
	width:90%;
	min-height:1400px;
}
/*************************************************/
/* Carrière : listes des offres d'emploi CTC     */
/*************************************************/
.carriereCadreVignetteListe {
	position: relative;
	display:inline-block;
	margin-right:15px;
	width:calc(30% - 15px);
}
.carriereCadreTexteListe {
	display:inline-block;
	width:70%;
	vertical-align: top;
}
.carriereVignetteListe {
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100px;
}
.divCarrieresListeOffres {
	padding:15px;
	border-bottom:solid 1px #666666;
}
.intituleOffreListeOffres {
	font-size:18px;
	padding-bottom:8px;
}
.listeElementsInfoListeOffres {
	font-size:13px;
	font-weight:bold;
}
.listeElementsInfoListeOffres span.elementInfoListeOffres {
	padding-right:35px;
}
.elementInfoListeOffres span {
	padding-right:6px;
}
.introCarriere {
	margin:40px 0 20px 0;
}
.introCarriere p {
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
.footerListeOffres{
	margin:40px 0 20px 0;
	font-size:16px;
}
.cadreDateTypeContrat {
	float:right;
	margin:0 0 25px 25px;
	font-size:0.95rem;
	border:solid 1px var(--ctc-gris-tourterelle);
	padding:7px 10px 7px 10px;
	text-align:right;
	line-height:20px;
}
.divImageDescriptionPoste {
	height:350px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
/*****************************/
/* Communiqués de presse     */
/*****************************/
.CommuniqueListeCommunique {
	padding:20px;
	border-bottom:solid 1px #666666;
}
.UrlCommuniqueListeCommunique {
	float:right;
	margin:0 0 0 15px;
}
.DateCommuniqueListeCommunique {
	font-size:14px;
	font-weight:bold;
}
.IntituleCommuniqueListeCommunique {
	font-size:18px;
	font-weight:300;
	font-weight:bold;
}
.ResumeCommuniqueListeCommunique {
	font-size:16px;
	font-weight:300;
	line-height:18px;
	margin-top:10px;
}
.BlocDownloadCommuniqueListeCommunique {
	font-size:14px;
	font-weight:300;
	margin-top:10px;
}
.EnteteDownloadCommuniqueListeCommunique {
	font-size:14px;
	font-style:italic;
	font-weight:300;
	margin-bottom:5px;
}

/*****************************/
/* Espace emploi             */
/*****************************/
.cadreInfosContrat {
	float:right;
	/*min-width:300px;*/
	margin:0 0 25px 25px;
	font-size:14px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	padding:7px 10px 7px 10px;
	text-align:left;
	line-height:20px;
}
/* Lien d'ajout de périodes de formation, d'expérience ou de langues */
.AjoutSaisiePeriode {
	display:block;
	margin-top:2px;
	text-align:left;
	/*
	background-image:url(/images/pictos/plus_32x32.png);
	background-size:20px 20px;
	background-repeat:no-repeat;
	padding:2px 0 0 20px;
	*/
	cursor:pointer;
	cursor:hand;
}

/* Classe d'affichage du détail des alertes email. Utilisé pour les offres d'emploi, les CV et les annonces */
.ListeAffichageAlertesEmail last-child {
	border-bottom: solid 1px var(--ctc-gris-lorelei);
	/*margin-bottom: 15px;*/
}

.ListeAffichageAlertesEmail_Titre {
	padding:10px;
	/*background-color: var(--ctc-gris-spider);
	color:#FFFFFF;*/
	font-size:1rem;
	font-weight:500;
	overflow:visible;
}

.ListeAffichageAlertesEmail_Contenu {
	padding:10px 10px 20px 10px;
}
/*********************************************/
/* Documents des outils mode et tendance     */
/*********************************************/
.saisonDocumentsOutilsModeTendance {
	text-align: right;
}
.saisonDocumentsOutilsModeTendance span i {
	font-size:1.6em;
}
.saisonDocumentsOutilsModeTendance select {
	position:relative;
	bottom:2px;
	padding:5px;
	font-size:1.2rem;
	font-weight:500;
}
.affichageDocumentsOutilsModeTendance {
	text-align: left;
}
.lienListeDocumentsOutilsModeTendance {
	display:block;
	padding:10px 5px 10px 5px !important;
}
/*********************************************/
/* Documents statistiques des opérateurs     */
/*********************************************/
.anneeDocumentsStatistiquesOperateurs {
	text-align: right;
}
.anneeDocumentsStatistiquesOperateurs span i {
	font-size:1.6em;
}
.anneeDocumentsStatistiquesOperateurs select {
	position:relative;
	bottom:2px;
	padding:5px;
	font-size:1.2rem;
	font-weight:500;
}
.affichageDocumentsStatistiquesOperateurs {
	text-align: left;
}
.lienListeDocumentStatistiquesOperateurs {
	display:block;
	padding:10px 5px 10px 5px !important;
}
/*****************************/
/* Sélection de brevets      */
/*****************************/
.brevetsAfficheMoisCTCE {
	display:inline-block;
	width:50%;
	font-weight:bold;
	font-size:0.9rem;
	text-align:right;
}
.brevetsAfficheTheme {
	display:inline-block;
	width:50%;
	font-weight:bold;
	font-size:0.9rem;
}
.brevetsAfficheTitre {
	clear:both;
	margin:10px 0 0 0;
	font-weight:bold;
	font-size:1rem;
	line-height: 18px;
}
.brevetsAfficheAuteurReference {
	margin:5px 0 3px 0;
	line-height: 18px;
}
.brevetsAfficheResume {
	text-align:justify;
	margin:10px 0 3px 0;
	line-height: 18px;
	/*overflow:visible;*/
}
.brevetsAfficheVignette {
	float:left;
	width:150px;
	border:none;
	margin:5px 20px 20px 0;
}

/*****************************/
/* BIC Base Info Chimie      */
/*****************************/
.CadreActionBaseInfoChimie {
	display:inline-block;
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom: 20px;
	vertical-align:top;
	text-align: center;
}
.BoutonActionBaseInfoChimie{
	display:block;
	width: 90%;
	height:50px;
	line-height:50px;
	margin:0 auto 20px auto;
	background-color: #0090FF;
	border-radius:3px;
	text-align:center;
	font-size:16px;
}
.BoutonActionBaseInfoChimieSmall{
	display:block;
	margin:0;
	padding:6px;
	background-color: #0090FF;
	border-radius:3px;
	text-align:center;
	font-size:13px;
}
a.BoutonActionBaseInfoChimie,
a.BoutonActionBaseInfoChimieSmall {
	color:#FFFFFF;
}
.BoutonActionBaseInfoChimie:hover,
.BoutonActionBaseInfoChimieSmall:hover {
	background-color: #85868F;
	cursor:pointer;
	color:#FFFFFF;
	text-decoration: none;
}

.CadreNewsBic {
	/*display:inline-block;*/
	width:95%;
	clear:both;
	margin:0 auto 20px auto;
	border:solid 1px #CCCCCC;
}
.LigneNewsBic {
	padding:7px;
	/*margin-bottom: 7px;*/
	border-bottom:solid 1px #CCCCCC;
}
.LigneNewsBic:last-child {
	border-bottom:none;
}
.DateNewsBic {
	font-style: italic;
	/*margin-right: 10px;*/
}
.TitreNewsBic {
	font-weight:bold;
}
.TexteNewsBic {
	margin-top: 4px;
	text-align: left;
	line-height:20px;
}
.LienPlusDeNewsBic {
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
	background-color: var(--ctc-violet-ascenseur); /*#0090FF;*/
}
a.LienPlusDeNewsBic,
a.LienPlusDeNewsBic:hover {
	color: #FFFFFF !important;
}
.LienPlusDeNewsBic:hover {
	background-color: var(--ctc-violet-ascenseur-over); /*#85868F;*/
	cursor:pointer;
	color:#FFFFFF;
	text-decoration: none;
}
.BoutonLabel{
	background-color:#0090FF;
	border-radius:2px;
	padding:6px 10px 6px 10px;
	color:#FFFFFF;
}
.BoutonLabel:hover{
  background: #85868F;
	color:#FFFFFF;
}
/* Bouton (radio) de choix */
input[type=radio]:checked + label.BoutonLabel {
	border:solid 1px #666666;
  background: #85868F;
	color:#FFFFFF;
	font-weight:bold;
	white-space: nowrap;
}
input[type=radio]:checked + label.BoutonLabel::after {
	content: " ✓"; /* ✓ ✔ */
}

.BoutonLabelChecked{
	border:solid 1px #666666;
  background: #666666;
	color:#FFFFFF;
	font-weight:bold;
	white-space: nowrap;
	border-radius:2px;
	padding:4px 6px 4px 6px;
	font-size:12px;
	margin-right:6px;
}
.CadreSelectionProfilMembreConnecte {
	text-align:left;
}
.SelectionProfilMembreConnecte {
	display:block;
	margin:0 0 0 0;
	padding:10px;
	font-size:16px;
	line-height:22px;
	text-align:left;
	color:#000000;
	border-bottom:solid 1px #CCCCCC;
}
.SelectionProfilMembreConnecte:last-child {
	border:none;
}
.AffichageTexteProfilRecherche {
	padding:15px 0 0 27px;
}
.LienRechercheBic{
	display:block;
	width:90%;
	min-height:55px;
	margin:0 auto 15px auto;
	padding:7px;
	border-radius:3px;
  background: #CCCCCC;
	text-align:center;
	color:#000000 !important;
	font-size:16px;
	line-height:20px;
}
.LienRechercheAvanceeBic {
	background-image: url(/images/pictos/loupe_off_32x32.png);
	background-size: 20px 20px;
	background-position: right 15px center;
	background-repeat: no-repeat;
}

.LienBoutonImageBic:hover {
	opacity:0.7;
}
.SelectionProfilMembreConnecte:hover,
.LienRechercheBic:hover {
	background-color: #85868F;
	cursor:pointer;
	color:#FFFFFF !important;
	text-decoration: none !important;
}
.LienRechercheAvanceeBic:hover {
	background-image: url(/images/pictos/loupe_on_32x32.png);
}
.DivChoixPorteeRecherche {
	margin:5px 0 0 10px;
	line-height:18px;
}
.DivChoixElementRecherche {
	display:inline-block;
	width:50%;
	text-align:center;
}
.DivListeBoutonsRechercheDirecte {
	display:inline-block;
	width:50%;
	padding:20px;
	vertical-align:top;
}
/* Formulaire de recherche avancée */
div.CadreFormulaireRechercheAvanceeBic {
	padding:20px;
}
div.FormulaireRechercheAvanceeBic {
	clear:both;
	width:95%;
	margin:0 auto 0 auto;
	padding-top:20px;
}
div.FormulaireRechercheAvanceeBic label {
	padding: 3px 0 0 0;
	font-weight:bold;
}
.PictoAideFormulaireRechercheAvanceeBic {
	margin:0 5px 0 5px;
	position:relative;
	top:3px;
}
.DivAideFormulaireRechercheAvanceeBic {
	display:none;
	position:absolute;
	bottom:0;
	left:25px;
	width:350px;
	border:solid 1px #CCCCCC;
	padding:5px;
	background-color: #EFEFEF;
	color:#000000;
	font-weight:normal;
	font-size: 11px;
}
div.FormulaireRechercheAvanceeBic div {
	margin-top:3px;
}
div.FormulaireRechercheAvanceeBic div input {
	width:100%;
	height:35px;
}
div.FormulaireRechercheAvanceeBic div div {
	width:auto;
}

div.SeparateurFormulaireRechercheAvanceeBic {
	clear:both;
	padding:15px 0 0 0;
}
/* Formatage des éléments recherchés */
.DivCadreResultatsElementsRechercheAvanceeBic {
	width:100% !important;
	border:solid 1px #CCCCCC;
	text-align: left;
	padding:5px;
}
.DivCadreResultatsElementsRechercheAvanceeBic ul { 
	margin-top:0 !important;
	margin-right:0 !important;
	margin-bottom:15px !important;
	/*margin-left:17px !important;	*/
}
.DivCadreResultatsElementsRechercheAvanceeBic ul li {
	margin:0;
	padding-top:3px;
}
.ElementRechercheAvanceeBic {
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:5px 8px 5px 8px;
	margin:0 10px 10px 0;
}
.ElementRechercheAvanceeBic:hover {
	background-color: #CCCCCC;
}
.BoutonSubmit,
.BoutonSubmitRechercheAvanceeBic {
	font-weight:bold;
	font-size:15px;
	padding:5px 8px 5px 8px;
	border:solid 1px #666666;
	background-color: #CCCCCC;
	cursor: pointer;
}
/* Affichage des résultats dans la boite de dialog jquery*/
.TotalResultats {
	float:right;
	margin:0 0 5px 5px;
	border:solid 1px #CCCCCC;
	padding :5px 10px 5px 10px;
}
.TitreResultat{
	font-weight:bold;
	font-size:16px;
	margin:0 0 20px 0;
}
.ComplementTitreResultat ul {
	margin:10px 0 0 0;
}
.ComplementTitreResultat ul li {
	margin:0 0 5px 40px;
	font-size:12px;
	font-weight:normal;
}
.IconeExcelResultatsBic {
	width:22px;
	margin-left:5px;
}
/* Affichage des éléments de classification consolidée*/
.LienFicheDonneeSecuriteSimplifiee {
	cursor: pointer;
}
.DivAffichageClassificationConsolidee {
	width:100%;
	margin:auto;
	border:solid 2px #CCCCCC;
	font-family:Arial;
}
.ColonneAffichageClassificationConsolidee {
	width:100%;
	display:block;
	padding-bottom: 20px;
}



.ColonneGaucheAffichageClassificationConsolidee {
	width:50%;
	display:inline-block;
	vertical-align: top;
	padding-bottom: 20px;
}
.ColonneDroiteAffichageClassificationConsolidee {
	width:50%;
	display:inline-block;
	/*border-left:solid 1px #666666;*/
	vertical-align: top;
	padding-bottom: 20px;
}
.FondBordurePixel {
	background-image: url(/images/pixel_CCCCCC.png);
	background-size: 2px 2px;
	background-repeat: repeat-y;
	background-position: top left;
}
.TitreColonneClassification{
	background-color:#85868F;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	padding:10px 0 10px 0;
	margin:0 0 20px 0;
}
.CadreAffichageElementClassification {
	display:inline-block;
	width:50%;
	text-align:center;
}
.AffichageElementClassification {
	padding:5px 0 5px 0;
	font-size:14px;
	font-weight:bold;
}
.AffichageCadreMentionAvertissement {
	font-size:20px;
	padding:5px 10px 5px 10px;
	margin:0 auto 0 auto;
	border:solid 2px #CCCCCC; 
}
.DetailElementClassification {
	padding:5px 5px 5px 20px;
	font-size:12px;
	text-align:left;
}
.PictoCadenasProfil {
	width:22px;
	opacity:0.7;
}
.TitreTableauBord {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	margin:15px 0 25px 0;
}
.CadreElementTableauBord {
	height:80px;
	display:inline-block;
	border:solid 2px #CCCCCC;
	margin:0 30px 30px 0;
	vertical-align: top;
	box-sizing: content-box;
}
.TexteElementTableauBord {
	display:table-cell;
	width:200px;
	height:80px;
	padding:0 10px 0 10px;
	font-size:14px;
	font-weight:bold;
	vertical-align: middle;
	text-align:center;
}
.NombreElementTableauBord {
	display:table-cell;
	/*display:inline-block;
	position:relative;
	bottom:4px;*/
	width:80px;
	height:80px;
	border-left:solid 2px #CCCCCC;
	background-color: #EFEFEF;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
}


/* ---------------- Collecte et réglement de la taxe ------------------- */
.BlocAffichageAdressePostale {
	width:400px;
	padding:15px;
	border:solid 1px #CCCCCC;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}
p + .BlocAffichageAdressePostale {
	margin:-10px auto 20px auto;
}

/* ---------------- Gestion des subventions ------------------- */
.badgeDeclarationsInteretsSubventions {
	margin:-0.4rem 0 0 -0.8rem !important;
	padding:0.3em .45em .2em .45em !important;
	font-size:.7rem !important;
	font-weight:normal !important;
}
.pictoStatutInscriptionOperation {
	width:20px;
	cursor:help;
	opacity:0.8;
}
.ligneElementFicheSubvention {
	display:table;
	margin-bottom:15px;
}
.enteteElementFicheSubvention {
	display: table-cell;
	width:220px;
	padding:0 10px 0 0;
	vertical-align: top;
	font-weight: normal;
	text-align:right;
	line-height: 20px;
}
.elementFicheSubvention {
	display: table-cell;
	width:auto;
	vertical-align: top;
	font-weight:bold;
	line-height: 20px;
	text-align:left;
}
/* affichage des liens des infos des participations*/
.lienInfosParticipation {
	display:inline-block;
	background-color:#FFFFCC;
	border:solid 1px #CCCCCC;
	margin:0 20px 0 0;
	}

.lienInfosParticipation span {
	display:table-cell;
	height:45px;
	padding:5px;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	line-height:15px;
	}

.lienInfosParticipation span.texteInfoParticipation {
	width:80px;
	font-weight:normal;
	color:#000000;
	vertical-align: middle;
	}

.lienInfosParticipation span.nombreInfoParticipation {
	width:40px;
	border-left:solid 1px #CCCCCC;
	font-size:20px;
	height:55px;
	/*height:100%;*/
	}

a.lienInfosParticipation:hover {
		background-color:#CCCCCC;
		text-decoration:none;
		border:solid 1px #000000;
	}

a.lienInfosParticipation:hover span.nombreInfoParticipation {
		border-left:solid 1px #000000;
	}



/* -------------------- Commun aux résultats de recherche ----------------------- */
.EncadrementListeResultatsRechercheAjax {
	border:1px solid #CCCCCC;
	background-color:#F4F4F4;
	padding:5px;
	line-height:18px;
}
.nombreResultatsRechercheAjax {
	font-size:14px;
	font-weight:bold;
}
a.fermetureResultatsRechercheAjax {
	float:right;
	margin:5px 5px 0 0;
	font-size:14px;
	padding:0 4px;
	border:solid 1px #666666;
	border-radius:10px;
	color:#666666;
}
a.fermetureResultatsRechercheAjax:hover {
	background-color: var(--ctc-gris-tourterelle);
	color:#FFFFFF !important;
	text-decoration: none !important;
}





/* ---------------- Divers formulaires ------------------- */
.ChampRechercheHorsFormulaire {
	padding:10px;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
}

.BoutonSubmit {
	/*font-family: 'Open Sans', sans-serif !important;*/
	/*font-weight: 400;*/
	font-size:16px;
	font-weight:bold;
	color:#000000;
	background-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	border-color:#666666;
	padding:5px 8px 5px 8px;
	cursor:pointer;
}

/* Pour afficher les boutons submit d'une autre manière une fois le bouton cliqué et avant le chargement des résultats */
.BoutonPatienter {
	border:none !important;
	background:none !important;
	background-image:url('/images/pictos/ajax-loader.gif') !important;
	background-repeat:no-repeat !important;
	padding:0 0 0 30px !important;
	color:var(--ctc-texte-gris) !important;
	font-style:italic !important;
	font-size:1rem !important;
	cursor:default !important;
	cursor:wait !important;
}

.lienPatienter {
	border:none !important;
	background:none !important;
	background-image:url('/images/ajax-loader.gif') !important;
	background-repeat:no-repeat !important;
	padding:0 0 0 0 !important;
	/*color:var(--ctc-texte-gris) !important;
	font-style:italic !important;
	font-size:1rem !important;*/
	cursor:default !important;
	cursor:wait !important;
}
.BoutonAnnulerVide {
	margin:0;
	border:none;
	background-color:transparent;
}
.LienBoutonSubmit {
	background:none;
	border:none;
	color:#0090FF;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.LienBoutonSubmit:hover {
	text-decoration:underline;
}
.JQueryDialogTexteConfirmation {
	/*font-family: 'Open Sans', sans-serif !important;*/
	font-size:16px !important;
	font-weight:bold !important;
	line-height: 25px !important;
}
.JQueryDialogLienConfirmation {
	/*float:left !important;*/
	/*font-family: 'Open Sans', sans-serif !important;*/
	/*font-weight: 400;*/
	font-size:14px !important;
	font-weight:bold !important;
	color:#000000 !important;
	background:none !important;
	background-color:#CCCCCC !important;
	border:solid 1px #666666 !important;
	border-radius:0 !important;
	padding:0 !important;
	margin:0 60px 0 20px !important;
}
.JQueryDialogLienAnnulation {
	border:none !important;
	background:none !important;
	font-size:14px !important;
}
.LigneColoree {
	/*background-color:var(--ctc-gris-lorelei);*/
	background-color:var(--ctc-gris-spider);
}
.LigneSimple {
	background:none;
}

.NoErreur {
	font-weight:bold;
	color:var(--ctc-vert-noerreur);
	line-height:18px;
}

.Erreur {
	font-weight:bold;
	color:var(--ctc-rouge-erreur);
	line-height:18px;
}

.Picto {
	width:18px;
	height:18px;
}

.ChampObligatoire {
	font-size:0.833em;
	color:var(--ctc-rouge-erreur);
	font-style:normal;
	position:relative;
	bottom:5px;
}

.SaisieIncompleteChamps {
	background-color:#FFD2D2;
}

.AideFormulaire {
	font-size:13px;
	font-weight:400;
	color:#666666;
	font-style:normal;
}
.ChampSelectFinDeLigne {
	margin-left:10px;
	padding:6px;
	min-width:70px !important;
	width:70px !important;
	max-width:70px !important;
}
.DoubleChampSelectParLigne {
	min-width:150px !important;
	width:150px !important;
	max-width:150px !important;
}
/*************************************************************************************************************************/	
/*    Traitement des formulaires .FormulaireComplexe                                                                        */	
/*************************************************************************************************************************/	
/* http://codepen.io/chriscoyier/pen/DmnlJ */

	form.FormulaireComplexe {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height:25px;
		}
	/*	
	form.FormulaireComplexe header {
		margin: 0 0 20px 0; 
	}
	form.FormulaireComplexe header div {
		font-size: 90%;
		color: #999;
	}
	form.FormulaireComplexe header h2 {
		margin: 0 0 5px 0;
	}
	*/
	
	/* Div contenant le label + le champ */
	form.FormulaireComplexe > div.ContenuAjax > div,
	form.FormulaireComplexe > div:not(.ContenuAjax) {
		clear: both;
		overflow: hidden;
		/*padding:5px;*/
		margin: 0 0 20px 0;
	}
	
	/* Spécial : pour les div cachées contenant le label + le champ 
	form.FormulaireComplexe > div.DivCachee {
		clear: both;
		overflow: hidden;
		padding:0;
	}

	form.FormulaireComplexe > div > fieldset > div > div {
		margin: 0 0 5px 0;
	}
*/	

	form.FormulaireComplexe > div > div.inputInline > div {
		display: inline;
	}
	/* Label du formulaire */
	form.FormulaireComplexe > div.ContenuAjax > div > label,
	form.FormulaireComplexe > div > label {
		width: 34%;
		float: left;
		text-align: right;
		font-weight: bold;
		line-height:20px;
		padding: 0 1% 0 0;
	}
	
	/* Champs input du formulaire */
	/*form.FormulaireComplexe > span > div > div,*/
	form.FormulaireComplexe > div.ContenuAjax > div > div,
	form.FormulaireComplexe > div:not(.ContenuAjax) > div {
	/*form.FormulaireComplexe > div > fieldset > div {*/
		width: 65%;
		float: right;
	}
	
	/* Spécial : pour forcer la div (80%) contenant le label et le champ à être sur 2 lignes */
	form.FormulaireComplexe > div.ForceFloat {
	  width: 80% !important;
		margin: 0 auto 20px auto;
	}
	
	/* Spécial : pour forcer la div (100%) contenant le label et le champ à être sur 2 lignes */
	form.FormulaireComplexe > div.ForceFloatFull {
	  width: 100% !important;
		margin: 0 auto 20px auto;
	}
	
	/* Spécial : force le label à revenir à la ligne */
	form.FormulaireComplexe > div.ForceFloat > label,
	form.FormulaireComplexe > div.ForceFloatFull > label {
	  width: 100% !important;
    float: none !important;
		text-align: left !important;
	}
	
	/* Spécial : force le champ à revenir à la ligne */
	form.FormulaireComplexe > div.ForceFloat > div,
	form.FormulaireComplexe > div.ForceFloat > div > input,
	form.FormulaireComplexe > div.ForceFloatFull > div,
	form.FormulaireComplexe > div.ForceFloatFull > div > input {
	  width: 100% !important;
    float: none !important;
		margin-top:2px !important;
	}
	
	/* Aspect par défaut des champs */
	form.FormulaireComplexe input[type=text],
	form.FormulaireComplexe input[type=email],
	form.FormulaireComplexe input[type=url],
	form.FormulaireComplexe input[type=password],
	form.FormulaireComplexe select,
	form.FormulaireComplexe textarea {
		padding:8px;
		border-top: 1px solid #BFBFBF;
		border-left: 1px solid #BFBFBF;
		border-right: 1px solid #F1F1EE;
		border-bottom: 1px solid #F1F1EE;
		background-color:#FFFFFF;
		-webkit-border-radius:0;
		border-radius:0;
	}

	form.FormulaireComplexe input[type=checkbox] {
		width:18px;
		height:18px;
	}
	
	/* Taille par défaut des champs textarea */
	form.FormulaireComplexe textarea {
		width: 95%;
		min-height:150px;
	}
	
	/* Taille par défaut des champs input */
	form.FormulaireComplexe input[type=text],
	form.FormulaireComplexe input[type=email],
	form.FormulaireComplexe input[type=url],
	form.FormulaireComplexe input[type=file],
	form.FormulaireComplexe input[type=password] {
		width: 70%;
	}
	
	/* Taille par défaut des champs select*/
	form.FormulaireComplexe select {
		width: auto;
		min-width: 40%;
		max-width: 70%;
	}
	
	/* Aspect Focus des champs */
	form.FormulaireComplexe input[type=text]:focus,
	form.FormulaireComplexe input[type=email]:focus,
	form.FormulaireComplexe input[type=url]:focus,
	form.FormulaireComplexe input[type=file]:focus,
	form.FormulaireComplexe input[type=password]:focus,
	form.FormulaireComplexe select:focus,
	form.FormulaireComplexe textarea:focus {
		outline: 0;
		border-color: #999189;
	}
	
	/* Centrage d'une ligne de formulaire simple, du bouton de validation et de la mention Champs obligatoires */
	form.FormulaireComplexe > div > .LigneFormulaireSimple, 
	form.FormulaireComplexe > div > .BoutonValidationFormulaire, 
	form.FormulaireComplexe > div > div.BoutonValidationFormulaire, 
	form.FormulaireComplexe > div > .ChampObligatoire {
		width:100%;
		text-align:center;
	}
	
	/* Marges de la mention Champs obligatoires */
	form.FormulaireComplexe .AideFormulaire {
		margin:0 0 8px 0;
	}
	
	/* Marges d'une ligne de formulaire simple (1 seule colonne) */
	form.FormulaireComplexe .LigneFormulaireSimple {
		margin:0 0 20px 0;
	}
	
	/* Marges de la div du bouton de validation */
	form.FormulaireComplexe .BoutonValidationFormulaire,
	form.FormulaireComplexe > div > div.BoutonValidationFormulaire {
		margin:0 0 10px 0;
	}
	
	/* Spécial : Ligne de titre de formulaire */
	form.FormulaireComplexe > div > div.LigneFormulaire_TitreFormulaire {
		width:100%;
		float:none;
		background-color:var(--ctc-gris-lorelei); /* #D3D3D6 */
		color:var(--ctc-bleu-nuit); /* #333333 */
		padding:10px;
		font-weight:bold;
		font-size:1rem;
		margin:0 0 10px 0;
	}
	form.FormulaireComplexe > div > div.LigneFormulaire_TitreFormulaire a {
		color:var(--ctc-bleu-nuit); /* #333333 */
	}
	/* Spécial : Réinitialisation des champs du formulaire */
	form.FormulaireComplexe > div > div.LigneFormulaire_TitreFormulaire span.LigneFormulaire_ResetFormulaire {
		float:right;
		margin-right:20px;
		font-size:0.9rem;
	}
	form.FormulaireComplexe > div > div.LigneFormulaire_TitreFormulaire span.LigneFormulaire_ResetFormulaire img {
		margin-left:5px;
		width:16px;
		border:none;
		position: relative;
		top:4px;
		/*opacity:0.6;*/
	}
	/* Spécial : Ligne de séparation de formulaire */
	form.FormulaireComplexe .LigneFormulaire_Separation {
		clear:both;
		height:10px;
		margin-bottom:10px;
	}
	
	/* Spécial : Aide de l'éditeur HTML */
	form.FormulaireComplexe .AideEditeurHTML {
		float:left;
		text-align:right;
		padding:0 10px 0 0;
		font-size:11px;
		font-style:italic;
	}
	
	/* Spécial : Texte non modifiable */
	form.FormulaireComplexe .TexteNonModifiable {
		padding:0 0 0 0;
		font-size:13px;
		font-weight:bold;
	}

	/* Spécial : Pour forcer la couleur d'une saisie incomplète */
	form.FormulaireComplexe input.SaisieIncompleteChamps,
	form.FormulaireComplexe select.SaisieIncompleteChamps,
	form.FormulaireComplexe textarea.SaisieIncompleteChamps {
		background-color:#FFD2D2;
	}
	
	.PictoSaisieIncompleteChamps {
		margin-left:5px;
		vertical-align:top !important;
		position:relative; top:2px;
	}
	
	/* Spécial : Pour forcer la couleur du label d'une saisie incomplète */
	form.FormulaireComplexe label.SaisieIncompleteLabel {
		color:var(--ctc-rouge-erreur);
	}
	
	/* Spécial : Pour les labels des boutons radio ou check box */
	form.FormulaireComplexe .ChoixLabel {
		position:relative;
		bottom:1px;
		left:1px;
		margin:0 10px 0 4px;
		font-weight:500;
		cursor:pointer;
		display: inline !important;
	}

/****************************************************************************************************************************************************************************/
/* Formulaire type responsive        */
/****************************************************************************************************************************************************************************/
	form.FormulaireParLignes {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height:25px;
		}

	/* Spécial : Ligne de titre de formulaire */
	form.FormulaireParLignes > div > div.LigneFormulaire_TitreFormulaire {
		width:100% !important;
		float:none;
		background-color:#D3D3D6;
		color:#333333;
		padding:10px;
		font-weight:bold;
		font-size:14px;
		margin:0 0 10px 0 !important;
	}
	form.FormulaireParLignes > div > div.LigneFormulaire_TitreFormulaire a {
		color:#333333;
	}
	/* Spécial : Réinitialisation des champs du formulaire */
	form.FormulaireParLignes > div > div.LigneFormulaire_TitreFormulaire span.LigneFormulaire_ResetFormulaire {
		float:right;
		margin-right:20px;
		font-size:0.9rem;
	}
	form.FormulaireParLignes > div > div.LigneFormulaire_TitreFormulaire span.LigneFormulaire_ResetFormulaire img {
		margin-left:5px;
		width:16px;
		border:none;
		position: relative;
		top:4px;
		/*opacity:0.6;*/
	}

	/* Div contenant le label + le champ */
	form.FormulaireParLignes > div.ContenuAjax > div,
	form.FormulaireParLignes > div:not(.ContenuAjax) {
		clear: both;
		overflow: hidden;
		/*padding:5px;*/
		margin: 0 0 20px 0;
	}
	
	/* Label du formulaire */
	form.FormulaireParLignes > div.ContenuAjax > div > label,
	form.FormulaireParLignes > div > label {
		width: 96%;
		margin-left:2%;
		margin-right:2%;
		/*text-align: right;*/
		font-weight: bold;
		line-height:20px;
	}
	
	/* Champs input du formulaire */
	form.FormulaireParLignes > div.ContenuAjax > div > div,
	form.FormulaireParLignes > div:not(.ContenuAjax) > div {
		width: 96%;
		margin-left:2%;
		margin-right:2%;
	}

	form.FormulaireParLignes input[type=text],
	form.FormulaireParLignes input[type=email],
	form.FormulaireParLignes input[type=url],
	form.FormulaireParLignes input[type=password],
	form.FormulaireParLignes select,
	form.FormulaireParLignes textarea {
		padding:8px;
		border-top: 1px solid #BFBFBF;
		border-left: 1px solid #BFBFBF;
		border-right: 1px solid #F1F1EE;
		border-bottom: 1px solid #F1F1EE;
		background-color:#FFFFFF;
		-webkit-border-radius:0;
		border-radius:0;
	}

	form.FormulaireParLignes input[type=checkbox],
	form.FormulaireParLignes input[type=radio] {
		width:16px;
		height:16px;
	}

	/* Taille par défaut des champs textarea */
	form.FormulaireParLignes textarea {
		width: 95%;
		min-height:150px;
	}

	/* Taille par défaut des champs input */
	form.FormulaireParLignes input[type=text],
	form.FormulaireParLignes input[type=email],
	form.FormulaireParLignes input[type=url],
	form.FormulaireParLignes input[type=file],
	form.FormulaireParLignes input[type=password] {
		width: 100%;
	}
	
	/* Taille par défaut des champs select*/
	form.FormulaireParLignes select {
		width: auto;
		min-width: 100%;
		max-width: 100%;
	}
	
	/* Aspect Focus des champs */
	form.FormulaireParLignes input[type=text]:focus,
	form.FormulaireParLignes input[type=email]:focus,
	form.FormulaireParLignes input[type=url]:focus,
	form.FormulaireParLignes input[type=file]:focus,
	form.FormulaireParLignes input[type=password]:focus,
	form.FormulaireParLignes select:focus,
	form.FormulaireParLignes textarea:focus {
		outline: 0;
		border-color: #999189;
	}
	
	/* Centrage d'une ligne de formulaire simple, du bouton de validation et de la mention Champs obligatoires */
	form.FormulaireParLignes > div > .LigneFormulaireSimple, 
	form.FormulaireParLignes > div > .BoutonValidationFormulaire, 
	form.FormulaireParLignes > div > div.BoutonValidationFormulaire, 
	form.FormulaireParLignes > div > .ChampObligatoire {
		width:100%;
		text-align:center;
	}
	
	/* Marges de la mention Champs obligatoires */
	form.FormulaireParLignes .AideFormulaire {
		margin:0 0 8px 0;
	}
	
	
	/* Marges de la div du bouton de validation */
	form.FormulaireParLignes .BoutonValidationFormulaire,
	form.FormulaireParLignes > div > div.BoutonValidationFormulaire {
		margin:0 0 10px 0;
	}
	


	/* Spécial : Pour forcer la couleur d'une saisie incomplète */
	form.FormulaireParLignes input.SaisieIncompleteChamps,
	form.FormulaireParLignes select.SaisieIncompleteChamps,
	form.FormulaireParLignes textarea.SaisieIncompleteChamps {
		background-color:#FFD2D2;
	}
		
	/* Spécial : Pour forcer la couleur du label d'une saisie incomplète */
	form.FormulaireParLignes label.SaisieIncompleteLabel {
		color:var(--ctc-rouge-erreur);
	}
	
	/* Spécial : Pour les labels des boutons radio ou check box */
	form.FormulaireParLignes .ChoixLabel {
		position:relative;
		bottom:1px;
		left:1px;
		margin:0 10px 0 4px;
		font-weight:normal;
		cursor:pointer;
	}

/***********************************************************************/
/* Timeline                                                            */
/***********************************************************************/
.timeline {	
	position: relative;
	max-width: 1200px;
	margin: 20px auto;
	}
.timelineElement {
	/* A timeline line of elements (.timelineContainer & .timelineRuler) */
	display:flex;
	width:100%;
	}
.timelineElement:last-child {
	margin-bottom: 0;
	}
.timelineContainer {
	width:calc(50% - (70px / 2)); /* 70px = .timelineRuler width */
	}
.timelineRuler {
	--tl-ruler-color-start:#06797e;
	--tl-ruler-color-end:#1e9522;
	--tl-ruler-top:0;
	--tl-ruler-bottom:0;
	--tl-point-bg-color: var(--ctc-bleu-turquoise);
	--tl-point-font-color: #FFFFFF;
	--tl-point-size:36px;
	--tl-point-top:0;

	width:70px;
	position:relative;
	}
.timelineRuler::after {
	/* The actual timeline (the vertical ruler) */
	content:'';
	position: absolute;
	top: var(--tl-ruler-top);
	bottom: var(--tl-ruler-bottom);;
	left: 50%;
	margin-left: -2px;
	width:4px;
	z-index:1;
	background: var(--tl-ruler-color-start);
	background: linear-gradient(180deg, var(--tl-ruler-color-start) 0%, var(--tl-ruler-color-end) 100%);
	}
.timelineContent {
	--tl-content-bg-color:var(--ctc-gris-spider);
	--tl-content-padding:5px;

	background-color:var(--tl-content-bg-color);
	padding:var(--tl-content-padding);
	border-radius:5px;
	}
.timelineContent p:last-child {
	margin-bottom:0 !important;
	}
.timeline-left .timelineContent {
		margin:0 10px 0 0;
	}
.timeline-left .timelineContent p {
		text-align: right;
	}
.timeline-right .timelineContent {
		margin:0 0 0 10px;
	}
.timelineLettre {
	color:#24d02d;
	font-size:13px;
	font-weight:normal;
}
.timeline-left .timelineRuler .timelineLettre1 {
	position:absolute;
	top:-3px;
	left:10px;
	transform:rotate(-61deg);
}
.timeline-left .timelineRuler .timelineLettre2 {
	position:absolute;
	top:-10px;
	left:16px;
	transform:rotate(-43deg);
}
.timeline-left .timelineRuler .timelineLettre3 {
	position:absolute;
	top:-14px;
	left:23px;
	transform:rotate(-21deg);
}
.timeline-right .timelineRuler .timelineLettre1 {
	position:absolute;
	top:-13px;
	right:21px;
	transform:rotate(25deg);
}
.timeline-right .timelineRuler .timelineLettre2 {
	position:absolute;
	top:-8px;
	right:14px;
	transform:rotate(48deg);
}
.timeline-right .timelineRuler .timelineLettre3 {
	position:absolute;
	top:-2px;
	right:10px;
	transform:rotate(63deg);
}
.timelineRuler span.traitPoint {
	position: absolute;
	top: 17px;
	width: 57%;
	height:2px;
	background-color: var(--tl-point-bg-color);
	z-index:2;
	}
.timelineRuler span.traitPoint::before,
.timelineRuler span.traitPoint::after {
	content:'';
	position: absolute;
	top: -4px;
	width: 10px;
	height:10px;
	background-color: var(--tl-point-bg-color);
	border-radius:50%;
	z-index:2;
	}
.timelineRuler span.traitPoint::before,
.timeline-left .timelineRuler .traitPoint {
	left:0;
	}
.timelineRuler span.traitPoint::after,
.timeline-right .timelineRuler .traitPoint {
	right:0;
	}
.timelineRuler span.textePuce {
	position:relative;
	display: block;
	top:var(--tl-point-top);
	background-color: var(--tl-point-bg-color);
	color: var(--tl-point-font-color);
	width:var(--tl-point-size);
	height:var(--tl-point-size);
	line-height:var(--tl-point-size);
	border-radius:50%;
	font-size:1rem;
	font-weight:500;
	text-align: center;
	z-index:3;
	}
.timeline-left .timelineRuler span.textePuce {
	margin-left:calc(50% - calc(var(--tl-point-size)/2));
	}
.timeline-right .timelineRuler span.textePuce {
	margin-left:calc(50% - calc(var(--tl-point-size)/2));
	}
.timeline-left {
	justify-content: flex-start;
	}
.timeline-right {
	flex-direction:row-reverse;
	justify-content: flex-start;
	}


/*********************************************************/
/* Barre de progression animée                           */
/* https://www.freecodecamp.org/news/css-only-pie-chart/ */
/*********************************************************/
.circularChart {
	margin:auto;
	text-align: center;
}
.circularChart-legend {
	font-size:0.9rem;
	text-align: center;
}
@property --pie-percentage{
	syntax: '<number>';
	inherits: true;
	initial-value: 0;
}
.circularChart-pie {
	--pie-width:150px;
	--pie-percentage:20;
	--pie-border-thickness:12px;
	--pie-main-color:var(--ctc-rouge-rubis);
	--pie-background-color:#FFFFFF;
	--pie-font-color:var(--ctc-rouge-rubis);
	--pie-font-size:1.5rem;
	--pie-font-weight:500;
 
	width:var(--pie-width);
	aspect-ratio:1;
	position:relative;
	display:inline-grid;
	margin:5px;
	place-content:center;
	font-size:var(--pie-font-size);
	font-weight:var(--pie-font-weight);
	border-radius:50%;
	background-color:var(--pie-background-color);
}
.circularChart-pie span {
	color:var(--pie-font-color);
}
.circularChart-pie:before,
.circularChart-pie:after {
	content:"";
	position:absolute;
	border-radius:50%;
}
.circularChart-pie:before {
	inset:0;
	background:
    radial-gradient(farthest-side,var(--pie-main-color) 98%,#0000) top/var(--pie-border-thickness) var(--pie-border-thickness) no-repeat,
    conic-gradient(var(--pie-main-color) calc(var(--pie-percentage)*1%),#0000 0);
	-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--pie-border-thickness)),#000 calc(100% - var(--pie-border-thickness)));
    		 mask:radial-gradient(farthest-side,#0000 calc(99% - var(--pie-border-thickness)),#000 calc(100% - var(--pie-border-thickness)));
}
.circularChart-pie:after {
	inset:calc(50% - var(--pie-border-thickness)/2);
	background:var(--pie-main-color);
	transform:rotate(calc(var(--pie-percentage)*3.6deg)) translateY(calc(50% - var(--pie-width)/2));
}
.circularChart-animate {
	/*animation:p 5s .5s both;*/
	animation:percentageAnim calc(var(--pie-percentage)*50ms) .5s both;
}
.circularChart-no-round:before {
	background-size:0 0,auto;
}
.circularChart-no-round:after {
	content:none;
}
@keyframes percentageAnim {
	from{--pie-percentage:0}
}

/***********************************************************************************************************/
/* Compteur animé                                                                                          */
/***********************************************************************************************************/
@property --num {
	syntax: "<integer>";
	initial-value: 0;
	inherits: false;
}
.animated-counter {
	--counter-max-value:150;
	--counter-font-size:2.5rem;
	--counter-font-color:#000000;
	--counter-font-weight:500;
	--counter-padding:1rem;

	animation: counter 4s forwards 1;
	counter-reset: num var(--num);

	font-size:var(--counter-font-size);
	font-weight:var(--counter-font-weight);
	color:var(--counter-font-color);
	padding: var(--counter-padding);
/*
	font: 800 40px system-ui;
	padding: 2rem;
*/
}
.animated-counter::after {
	content: counter(num);
}
@keyframes counter {
	from {--num: 0}
	to {--num: var(--counter-max-value)}
  }


/***********************************************************************************************************/
/* Scoop.it                                                                                                */
/***********************************************************************************************************/
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper {
    max-width: 100% !important;
}
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-header tr {
    border: none !important;
}
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-header .scoopit-fulltheme-credits {
    padding-right: 5px;
    vertical-align: top !important;
    text-align: right;
}
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-header {
    margin-bottom: 15px !important;
}
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-col2 .scoopit-fulltheme-scoop {
    margin-left: 0 !important;
}
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-header .scoopit-fulltheme-image {
    padding-right: 15px !important;
    width: 120px !important;
    height: 120px !important;
}
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-header .scoopit-fulltheme-image img {
    width: 120px !important;
    height: 120px !important;
}
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-col1 .scoopit-fulltheme-scoop {
	margin-right: 15px !important;
}
#scoopit-theme_full.scoopit-embed-full-theme #scoopit-wrapper .scoopit-fulltheme-scoops .scoopit-fulltheme-scoop {
    border: 1px solid var(--ctc-gris-lorelei) !important;
    margin-bottom: 15px !important;
}





/***********************************************************************************************************/
/* A RETRIER                                                                                               */
/***********************************************************************************************************/

/* Liens */
.LienCallToAction {
	position:relative;
	padding:3px 10px 4px 10px;
	border-radius:5px;
	background-color:#0090FF;
	color:#FFFFFF !important;
	font-size:17px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300 !important;
	line-height:27px;
}
a.LienCallToAction {
	color:#FFFFFF;
	white-space: nowrap;
}
a.LienCallToAction:hover {
	background-color:#85868F !important;
	text-decoration:none !important;
}
a.LienCallToAction_colonne_droite {
	padding:3px 10px 4px 10px !important;
	margin-top:30px;
	font-size:17px;
	line-height:27px;
	display: inline-block;
}
a.LienCallToAction_colonne_droite:first-child {
	margin-top:0;
}