/****************************************************************************************************************************************************************************/
/* 
		@media screen and (min-width: 1200px)
*/
/****************************************************************************************************************************************************************************/
@media screen and (min-width: 1200px) {
	
	h1 {
		font-size: 2.1rem !important;
	}
	.h2, h2 {
    font-size: 1.65rem !important;
	}
	.h3, h3 {
    font-size: 1.35rem !important;
	}
	.h4, h4 {
    font-size: 1.2rem !important;
	}

}




/****************************************************************************************************************************************************************************/
/* 
		@media screen and (max-width: 1399px)
*/
/****************************************************************************************************************************************************************************/
@media screen and (max-width: 1399px) {
	
	.container, .container-lg, .container-md, .container-sm {
    max-width: 100% !important;
	}
}




/****************************************************************************************************************************************************************************/
/* 
		@media screen and (max-width: 1750px)
*/
/****************************************************************************************************************************************************************************/
@media screen and (max-width: 1750px) {
	
	/* Bouton de retour vers le haut de page */
	.BoutonRetourHautDePage {
		bottom: 20px !important;
		right: 5% !important;
		}

}
	
/****************************************************************************************************************************************************************************/
/* 
		@media screen and (max-width: 1280px)
*/
/****************************************************************************************************************************************************************************/
@media screen and (max-width: 1280px) {
	
	.DivHeader {
		height:210px !important;
	}
	.CadreLogo {
		width:300px !important;
		height:210px !important;
	}
	.Logo {
		top:35px !important;
	}
	.Logo img {
		width:170px !important;
	}
	.CadreMenuNavigation {
		top:150px;
	}
	/*
	.MenuDropDown li a {
		font-size:17px !important;
	}
	.SmallLogo img {
		width:160px !important;
	}
	*/
	/* Bouton de retour vers le haut de page */
	.BoutonRetourHautDePage {
		bottom: 5px !important;
		right: 5px !important;
		}


	.TexteDateListeArticlesBlog {
		top:0px !important;
	}

}
	
/****************************************************************************************************************************************************************************/
/* 
		@media screen and (max-width: 1160px)
*/
/****************************************************************************************************************************************************************************/
@media screen and (max-width: 1160px) {

	.MenuDropDown li a {
		font-size:14px !important;
		padding:5px 15px 5px 15px !important;
	}
	.MenuDropDown li a img {
		vertical-align: top !important;
	}
	.SmallLogo {
		margin:10px 0 0 50px !important;
	}
	.SmallLogo img {
		height:40px !important;
	}
	
	div.img_left,
	div.img_center,
	div.img_right,
	a.img_left,
	a.img_center,
	a.img_right,
	.TexteArticleBlog p img.img_left,
	.TexteArticleBlog p img.img_center,
	.TexteArticleBlog p img.img_right,
	.Contenu p img.img_left,
	.Contenu p img.img_center,
	.Contenu p img.img_right {
		max-width:100% !important;
	}
	
}

/****************************************************************************************************************************************************************************/
/* 
		@media screen and (max-width: 992px)
*/
/****************************************************************************************************************************************************************************/
@media screen and (max-width: 991px) {
	/*
	.resetPaddingContainerContenu {
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}
*/
	/* Classe GENERALE d'affichage de contenu spécifique mobile */
	.affichageDesktop {
		display:none !important;	
		}
		
	/* Classe GENERALE d'affichage de contenu spécifique mobile */
	.affichageMobile {
		display:block !important;	
		}
	
	.row {
    --mdb-gutter-x: 0 !important;
   /* --mdb-gutter-y: 0;*/
	}
	
	ol, ul {
    /*padding-left: 1rem !important;*/
		padding-right:.5rem !important;
	}
	
	.contenuPrincipal ul:not(.listePuceCheck){
    padding-left: 2.5rem !important;
		
	}
	.containerContenu{
		margin-top:68px;
	}
	
	.resetPaddingContainerContenu {
		padding-left: inherit !important;
		padding-right: inherit !important;
		/*
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
		*/
	}
	.colonneSommaire {
		margin-bottom:20px !important;
	}
	.paddingColonneContenu-7, /* 3 colonnes : Gauche Milieu Droite */
	.paddingColonneContenu-9, /* 2 colonnes : Milieu Droite */
	.paddingColonneContenu-10, /* 2 colonnes : Gauche Milieu */
	.paddingColonneContenu-12 { /* 1 colonne : Milieu */
		/*padding:inherit;*/
		padding:0 0 0 0 !important;
	}
	/*
	.contenuPrincipal p,
	.contenuPrincipal h1,
	.contenuPrincipal h2,
	.contenuPrincipal h3,
	.contenuPrincipal h4,
	.contenuPrincipal h5,
	.contenuPrincipal h6,
	.contenuPrincipal div:not(.blocHeaderContenu),
	.contenuPrincipal div:not(.timeline),
	.contenuPrincipal div:not(.blocCouleurFond),
	.texteLibreColonneDroite {
		padding-left: 0.8rem !important;
		padding-right: 0.8rem !important;
}
	*/
	.contenuPrincipal > p,
	.contenuPrincipal > h1,
	.contenuPrincipal > h2,
	.contenuPrincipal > h3,
	.contenuPrincipal > h4,
	.contenuPrincipal > h5,
	.contenuPrincipal > h6,
	.contenuPrincipal > form,
	.texteLibreColonneDroite,
	.contenuPrincipal > div:not(.blocHeaderContenu),
	.contenuPrincipal > div:not(.timeline),
	.contenuPrincipal > div:not(.blocHeaderContenu) {
		padding-left: 0.8rem !important;
		padding-right: 0.8rem !important;
		}	
	.contenuPrincipal div.blocHeaderContenu {
		padding:0 0 0 0 !important;
	}
/*
	.contenuPrincipal div.blocHeaderContenu div.blocHeaderContenuTexte h1 {
		padding:.5rem 0 0 .2rem !important;
		padding:.5rem .5rem 0 .5rem !important;
	}
*/
	.contenuPrincipal div.blocHeaderContenu div.blocHeaderContenuTexte p {
		padding:.5rem 0 0 .2rem !important;
		/*padding:.5rem .5rem 0 .5rem !important;*/
	}
	
	.contenuPrincipal div.blocCouleurFond {
		padding-top:1.5rem !important;
		padding-bottom:1rem !important;
	}
	.blocColonnes {
		margin-bottom:0 !important;
	}
	.accordion-item {
		margin-bottom:0 !important;
	}
	.blocColonnes div div {
		margin-bottom:1.5rem;
	}
	.BlocColonneDroite:first-child {
		margin-top:40px !important;
	}
	.divAideNavigation {
		width:auto !important;
		margin:10px 0 20px 0 !important;
		padding:0 0 0 .5rem !important;
		/*overflow-x: scroll !important;
		display:none !important;*/
	}	
	.blocHeaderContenuTexte h1 {
		margin:20px 10px 0 10px !important;
	}
	.DivHeader {
		height:160px !important;
	}
	.CadreLogo {
		width:275px !important;
		height:200px !important;
	}
	.Logo {
		top:35px !important;
	}
	.Logo img {
		width:160px !important;
	}
	
	.elementsMenuMobile {
		margin:0 55px 0 8px;
	}
	.logoMenuMobile { 
		height:35px !important;
		margin:-3px 0 0 0 !important;
	}
	.contactMenuMobile,
	.panierMenuMobile,
	.compteMenuMobile,
	.languesMenuMobile,
	.rechercheMenuMobile {
		float:right;
		margin:0 15px 0 0;
		cursor: pointer;
	}
	.menuLanguesMobile {
		background-color: var(--ctc-bleu-nuit) !important;
		border-radius: 0 !important;
		padding-bottom:0 !important;
		top: 5px !important;
		min-width:45px !important;
		width:45px !important;
		text-align: center !important;
    line-height: 50px !important;
	}
	.elementsMenuMobile a,
	.menuLanguesMobile a {
		color:#FFFFFF !important;
	}
	.languesMenuMobile p {
		margin: 0 !important;
	}
	.badgeQuantitePanier {
		margin:0.7rem 0 0 -0.6rem !important;
	}

	.positionCardDocumentTelechargeable_liste {
		margin-left:0.8rem !important;
		margin-right:0 !important;
	}
	
	.CadreMenuNavigation {
		top:140px;
	}
	.MenuDropDown li a {
		font-size:17px !important;
	}
	/*
	.SmallLogo img {
		width:160px !important;
	}
	*/
	.blocColonneDroite_Bordure,
	.lexiqueAlphabet,
	.lexiqueTexte {
		margin-left:0.8rem;
		margin-right:0.8rem;
	}
}

/****************************************************************************************************************************************************************************/
/* 
		@media screen and (max-width: 970px)
*/
/****************************************************************************************************************************************************************************/
@media screen and (max-width: 970px) {

	.PlanSite ul {
		margin-left:0 !important;
	}
}

/****************************************************************************************************************************************************************************/
/*
		@media screen and (max-width: 950px)
*/
/****************************************************************************************************************************************************************************/
@media screen and (max-width: 950px) {
	


		/*
	.blocHeaderContenu {
	 height:auto !important;
	 min-height:100px !important;
	}
	*/

	.champSaisie2fa {
		width:45px !important;
		height:55px !important;
		font-size:32px !important;
		margin-right:8px !important;
	}
	
	
	#BarreDesSitesCTC {
		display:none !important;
		}
	/*
	#dialog,
	#dialog2,
	#dialog3 {
		width:100% !important;
	}
	*/
	.CadreFormateur{
		float:none !important;
		width:auto !important;
		height:auto !important;
		margin:0 0 20px 0 !important;
		overflow: auto !important;
		}
	.CadreFormateur .InfobulleDetailsFormateur img {
		margin:5px 10px 5px 0 !important;
		width:100px !important;
		}

	/* Bouton de retour vers le haut de page */
	.BoutonRetourHautDePage {
		bottom: 75px !important;
		right: 1rem !important;
		}

	/* placeholder / all browsers  */
	::-webkit-input-placeholder {	font-size:13px; }
	::-moz-placeholder { font-size:13px; } /* firefox 19+ */
	:-ms-input-placeholder { font-size:13px; } /* ie */
	input:-moz-placeholder { font-size:13px; }
	
	body {
		background-color:#FFFFFF !important;
	}
	.DivContainer {
		max-width:100% !important;
		width:auto !important;
		background-image:none !important;
		margin:0 !important;
		border:none !important;
	}
	.DivHeader {
		display:none !important;
	}
	/* Logo du site */
	.Logo {
		width:80% !important;
		height:auto !important;
		margin:1% 0 10px 2% !important;
	}

	/* Menu de navigation */
	.MenuNavigation {
		text-align:left !important;
		margin:0 !important;
	}
	.Contenu {
		width:auto !important;
	}
	.divCopyright {
		display:block !important;
		font-size:12px !important;
		line-height: 15px !important;
		color:#E4E4E6 !important;
	}
	.divCopyright img {
		float:left !important;
		width:80px !important;
		margin:3px 15px 0 0 !important;
	}
	.AfficheMessage {
		max-width:100% !important;
	}
	.Tableau,
	.TableauNoBorder,
	.TableauLogo {
		width:100% !important;
	}
	.Tableau td,
	.TableauNoBorder td {
		font-size: 11px !important;
		padding:10px !important;
	}
	.TableauLogo td {
		padding:10px !important;
	}
	/*
	.Tableau td img {
		width:100% !important;
		height:auto !important;
	}
	*/
	.TableauNews td {
		width:100% !important;
		float:left !important;
		padding-top:20px !important;
	}
	.Contenu p {
		font-size:15px !important;
	}
	.ColonneGauche li {
		margin-left:20px !important;
	}
	a.LienCallToAction {
		white-space:normal !important;
	}
	.MiseEnExergue {
		padding:0 10px 0 10px !important;
	}
	.Verbatim {
		padding:0 10px 0 10px !important;
	}
	.CadreArticleBlog_gauche,
	.CadreArticleBlog_droit {
		float:none !important;
		width:auto !important;
		margin:20px 0 20px 0 !important;
	}
	.CadreArticleBlog_milieu {
		width:100% !important;
	}
	.CadreExpertCtc_liste {
		width:48% !important;
	}

	.imageLogo {
		max-width:160px !important;
	}

	.img_left,
	.img_center,
	.img_right {
		padding:0 !important;
		/*margin:10px auto 0 auto !important;*/
	}
	.LegendePhoto_img_center,
	.LegendePhoto_img_left,
	.LegendePhoto_img_right {
		margin-top:6px !important;
		margin-bottom:20px !important;
	}
	.boutonRechercheDirecte{
		font-size:13px !important;
	}
	.TexteArticleBlog p iframe,
	.Contenu p iframe{
		width:100% !important;
	}
	.issuuembed {
		width:100% !important;
		height:auto !important;
	}
	.BlocElementTransverse {
		padding:20px 5px 20px 5px !important;
	}
	.ContainerListeTelechargementDocument {
		width:46% !important;
		margin:0 3% 20px 0 !important;
		/*border:solid 1px #E4E4E6;*/
	}
	.CadreTelechargementDocument{
		width:220px !important;
	}
	.CadreTelechargementDocument_liste {
		clear:both !important;
		display:block !important;
		width:220px !important;
		margin:20px auto 20px auto !important;
	}
	.PositionTriMotsCles {
		margin:0 0 10px 0 !important;
	}
	.LigneOccurrenceMotCle {
		margin:0 0 7px 0 !important;
	}
	.PictoLigneOccurrenceMotCle {
		margin:0 10px 0 0 !important;
	}
	
	.EncadrementSliderPageAccueil {
		width:94% !important;
		margin: 0 3% 0 3% !important;
	}/*
	.fullWidth {
		width:auto !important;
	}*/
	.heroSlider .rsOverflow,
	.royalSlider.heroSlider {
		height: 200px !important;
	}
	.CadreTextePhotoSliderAccueil {
		bottom: 10px !important;
		left: 10px !important; 
		width:320px !important;
		min-height:100px;
		max-height:180px;
		padding:10px !important;
	}
	.TitreSliderAccueil h2 {
		font-size:1.2rem!important;
		line-height:20px !important;
	}
	.TexteSliderAccueil {
		font-size:0.9rem !important;
		line-height:16px !important;
		margin-top:10px !important;
		}
	.blocCompletVideoPageAccueil {
		min-height:300px !important;
	}
	.margeResponsiveColonne {
		margin-top: 3rem !important;
	}
	.CadreRaccourcisPersonnalisablesAccueil,
	.CadreDernieresParutionsAccueil,
	.CadreEvenementsCTC{
		margin:30px 0 20px 0 !important;
	}
	.LienRaccourciPersonnalisableAccueil {
		width:48% !important;
	}
	.CadreListeDernieresParutionsAccueil {
		margin:0 !important;
		padding:10px !important;
	}
	.ContainerDerniereParutionAccueil {
		width:46% !important;
		margin:0 2% 20px 2% !important;
	}
	.BlocDatesEvenementsCTC {
		float:none !important;
		width:auto !important;
		padding:10px !important;
	}
	.BlocDatesEvenementsCTC_gauche,
	.BlocDatesEvenementsCTC_droite {
		margin:0 0 20px 0 !important;
	}
	.LigneDateEvenementCTC {
		max-width:100% !important;
	}
	.LigneToutesLesDates {
		margin:35px 10px 20px 0 !important;
	}
	/*
	.CadreArticleBlog_liste {
		width:100% !important;
		margin:0 0 30px 0 !important;
	}
*/
	.PositionSelectCategoriesFaq {
		float:none !important;
		top:-10px !important;
	}
	.PositionSelectCategoriesFaq select.ChampRechercheHorsFormulaire,
	.CadreContenuBlocColonneDroite select.ChampRechercheHorsFormulaire {
		width:100% !important;
	}
	.CategorieQuestionFaq {
		float:none !important;
		margin-bottom:15px !important;
	}
	.BrevetsAfficheVignette {
		width:100px!important;
	}
	
	.blogCadrePhoto {
		margin-right:0 !important;
		width:100% !important;
	}
	.blogCadreTexte {
		width:100% !important;
	}
	.blogPhotoEntete {
		height:200px !important;
	}
	.videoFicheIframeVideo {
		min-height:300px !important;
	}
	/* --- Librairie --- */
	.encadrementVignette img {
		width:150px !important;
	}
	.divTarifAjoutPanier {
		float:none !important;
	}
	.tarifAjoutPanier {
		text-align: right !important;
		padding-right: 20px !important;
	}
	.boutonCommandeLibrairie {
		float:none !important;
		font-size:0.9rem !important;
	}
	.boutonLienAmazon {
		float:none !important;
	}	
/*
	.ImageEntetePublicationBlog {
		width:100% !important;
		height:auto !important;
	}
	.ImageEntetePublicationBlog img {
		width:100% !important;
		height:auto !important;
	}
	.LienContainerListeArticlesBlog {
		padding: 15px 5px 0 5px !important;
	}
	.DivPhotoEnteteListeArticlesBlogAlaUne {
		height:130px !important;
	}
	.DivPhotoEnteteListeArticlesBlog {
		float:none !important;
		margin-right:0 !important;
		width:100% !important;
	}
	.DateContainerListeArticlesBlogAlaUne,
	.DateContainerListeArticlesBlog {
		padding:15px 15px 5px 15px !important;
	}
	*/
	.cadreDateTypeContrat {
		float:none !important;
		margin:0 0 25px 0 !important;
		padding:7px 10px 7px 10px;
		text-align:left !important;
	}
	/* Carrière : iframe API WeRecruit */
	.weRecruitIframe {
		margin-left:0 !important;
		width:100% !important;
	}
	
	.cadreCardDocumentTelechargeable {
		width:165px !important;
	}

	/* --- BIC Base Info Chimie --- */
	.DivChoixElementRecherche {
		display:block !important;
		width:100% !important;
		margin-bottom:30px !important;
	}
	.DivListeBoutonsRechercheDirecte {
		display:block !important;
		width:100% !important;
		padding:5px !important;
	}
	div.CadreFormulaireRechercheAvanceeBic {
		padding:5px !important;
	}
	div.FormulaireRechercheAvanceeBic {
		width:100% !important;
	}
	.LienRechercheBic{
		font-size:13px !important;
	}
	/* --- BIC Base Info Chimie --- */
	

	
	/*
	.CadreArticleBlog_liste {
		margin:0 0 30px 0 !important;
	}
	.CadrePhotoListeArticleBlogLie{
		width:100% !important;
	}
	*/
	.cadreDemandeConnexionMembre {
		width:100% !important;
	}
	.cadreDemandeConnexionMembre form {
		border:none !important;
	}
	
	.DivVerifComplementAdresse {
		width:100% !important;
		max-width:100% !important;
		/*float:none !important;*/
		clear:right !important;
	}
	.ColonneAdresseLivraison,
	.ColonneAdresseFacturation {
		display:block !important;
		width:100% !important;
		padding:0 !important;
		border-right:none !important;
	}
	.ColonneAdresseLivraison {
		border-bottom: solid 1px #CCCCCC !important;
		margin-bottom:30px !important;
	}
	.ColonneAdresseLivraison h3,
	.ColonneAdresseFacturation h3 {
		background-color:var(--ctc-gris-lorelei);
		padding:8px;
	}


	/*
	.ColonneAdresseFacturation {
		display:inline-block;
		width:49%;
		text-align:left;
		padding-left:1%;
		vertical-align:top;
	}*/
	.LabelColonneAdresseLivraisonFacturation {
		width:100% !important;
	}
	.LabelColonneRelectureAdresseLivraisonFacturation,
	.LabelColonneAdresseLivraisonFacturation {
		text-align:left !important;
		float:left !important;
		/*margin-left:10px !important;*/
		padding-left:0 !important;
	}
	.InputColonneAdresseLivraisonFacturation {
		text-align:left !important;
		clear:both !important;
		float:none !important;
		/*margin-left:10px !important;*/
	}
	.InputColonneAdresseLivraisonFacturation input[type=text] {
		width:92% !important;
	}
	.DivEncadrementTypePaiement {
		padding:0 !important;
	}

	.ChampSelectFinDeLigne,
	.DoubleChampSelectParLigne {
		height:50px !important;
	}
	/********************************************************************/
	/* Affichage des formations                                         */
	/********************************************************************/
	.menuSelectDomaineFormation {
		margin:1.2rem 0.5rem 0 0.5rem !important;
	}
	.messageCQP {
		position:relative;
		width:98% !important;
	}
	.imageMessageCQP {
		top:-10px !important;
		left:-5px !important;
	}
	/********************************************************************/
	/* Affichage des offres d'emploi carrière                           */
	/********************************************************************/
	.carriereCadreVignetteListe {
		width:calc(30% - 15px) !important;
	}
	.carriereCadreTexteListe {
		width:70% !important;
	}
	.carriereVignetteListe {
		height:85px !important;
	}
	/********************************************************************/
	/* Affichage des événements                                         */
	/********************************************************************/
	.evenementCadreListe {
		flex-wrap: wrap !important;
		/*margin-bottom: 5rem !important;*/
	}
	.evenementDateListe {
		flex-basis: 50% !important;
		padding-top:0 !important;
	}
	.evenementImageListe {
		flex-basis: 50% !important;
	}
	.evenementImageListeReplay {
		flex-basis: 100% !important;
		height:100px !important;
	}
	.evenementCadreTexteListe {
		padding-top:30px !important;
		padding-left:0 !important;
	}
	.evenementTexteListe {
		flex-basis: auto;
		padding-left:0 !important;
		padding-top:30px !important;
	}
	.evenementThemeListe {
		margin-top:10px !important;
		position:relative !important;
		bottom: auto !important;
		right: auto !important;
	}
	
	/********************************************************************/
	/* Affichage des projets de recherche                               */
	/********************************************************************/
	.divCadrePartenairesProjetRecherche {
		flex-direction: column !important;
		gap: 10px;
	}
	.divPartenaireProjetRecherche {
		min-height: auto !important;
		height: auto !important;
	}
	.introPartenaire {
		display: flex !important;
		justify-content: space-between;
		justify-items: end;
		max-height: 50px !important;
	}
	.introPartenaire p {
		align-self:auto !important;
	}
	.introPartenaire p img {
		max-width: 45px !important;
		position:relative;
		bottom:3px;
	}
	
	/*************************************************************************************************************************/	
	/*    Traitement des formulaires .FormulaireSimple                                                                        */	
	/*************************************************************************************************************************/	
		
	/*
	form.FormulaireSimple {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	*/
	form.FormulaireSimple, form.FormulaireSimple .SousTitreRechercheColonneDroiteOutils {
		font-size:16px;	
	}
	
	form.FormulaireSimple .ElementRechercheColonneDroiteOutils {
		font-size:14px;	
	}
	
	form.FormulaireSimple input[type=text],
	form.FormulaireSimple input[type=email],
	form.FormulaireSimple input[type=url],
	form.FormulaireSimple input[type=password],
	form.FormulaireSimple textarea,
	form.FormulaireSimple select {
		width: 100%; 
		font-size:14px !important;
		height:28px !important;
	}
	
	
	/* Taille du picto du datepicker */
	form.FormulaireSimple .ui-datepicker-trigger {
		/* 18px par defaut */
		height:22px;
	}
	

/*************************************************************************************************************************/	
/*    Traitement des formulaires .FormulaireComplexe                                                                        */	
/*************************************************************************************************************************/	
	form.FormulaireComplexe > div {
		margin: 0 0 15px 0 !important; 
	}
	
	/* Label du champ de formulaire */
	form.FormulaireComplexe > div.ContenuAjax > div > label,
	form.FormulaireComplexe > div > label,
	legend {
		width: 100% !important;
		float: none !important;
		margin: 0 0 10px 0 !important;
		font-size:16px !important;
		text-align:left !important;
	}
	
	/* Spécial DESKTOP : pour forcer la div du label et du champ à être sur 2 lignes */
	form.FormulaireComplexe > div.ForceFloat {
		width: 100% !important;
	}
	
	/* Spécial MOBILE : force le label à ne pas revenir à la ligne */
	form.FormulaireComplexe > div > label.NoFloat {
		width: auto !important;
		float: left !important;
		text-align:left !important;
		padding-top:4px !important;
	}
	/*
	form.FormulaireComplexe > div > div {
		padding-left:0 !important;
	}
	*/
	/* Spécial MOBILE : force le champ à ne pas revenir à la ligne */
	form.FormulaireComplexe > div > div.NoFloat {
		width: auto !important;
		float: left !important;
	}
		
	/* Champ de formulaire */
	form.FormulaireComplexe > div.ContenuAjax > div > div,
	form.FormulaireComplexe > div:not(.ContenuAjax) > div,
	form.FormulaireComplexe > div > fieldset > div {
		width: 100% !important;
		float: none !important;
		margin: 3px 0 0 0 !important;
 		padding-left:0 !important;
	}
	
	/* Spécial : Ligne de titre de formulaire */
	form.FormulaireComplexe .LigneFormulaire_TitreFormulaire,
	form.FormulaireComplexe > div > div.LigneFormulaire_TitreFormulaire {
		margin:0 0 30px 0 !important;
		padding-left:0.8rem !important;
	}
	
	/* Pour forcer la taille définie au départ (class=NoWidthModification)*/
	form.FormulaireComplexe input[type=text].NoWidthModification,
	form.FormulaireComplexe select.NoWidthModification:not(.ChampSelectFinDeLigne):not(.DoubleChampSelectParLigne) { 
		font-size:18px !important;
		/*height:32px !important;*/
	}
	
	/* Taille par défaut des champs (sauf pour les champs text de la classe NoWidthModification ) */
	form.FormulaireComplexe input[type=text]:not(.NoWidthModification),
	form.FormulaireComplexe input[type=email],
	form.FormulaireComplexe input[type=url],
	form.FormulaireComplexe input[type=file],
	form.FormulaireComplexe input[type=password],
	form.FormulaireComplexe textarea,
	form.FormulaireComplexe select:not(.NoWidthModification) {
		width: 100% !important; 
		min-width: 100% !important; 
		max-width: 100% !important; 
		font-size:18px !important;
		height:32px !important;
	}
	form.FormulaireComplexe select:not(.NoWidthModification) {
			height:50px !important; /* Taille forcée */
	}
	
	/* Taille du picto du datepicker */
	form.FormulaireComplexe .ui-datepicker-trigger {
		/* 18px par defaut */
		height:25px !important;
		margin:4px 0 0 3px !important;
	}

	/* Spécial : Editeur HTML */
	form.FormulaireComplexe .EditeurHTML {
		clear:left !important;
		padding:0 0 0 0 !important;
	}
	
	/* Spécial : Pour les labels des boutons radio ou check box */
	form.FormulaireComplexe .ChoixLabel {
		font-size:16px !important;
	}
	
	
/**** Fin de traitement des formulaires .FormulaireComplexe   ******************************************************************/	

	.ChampRechercheSimple {	
		font-size:18px !important;
		height:30px !important;
	}
		
	.AideFormulaire {
		font-size:12px !important;
	}
	
	.BoutonSubmitRecherche {
		font-size:16px;
	}

	.BoutonSubmitSimple {
		font-size:16px;
	}

/*************************************************************************************************************************/	
/*  Timeline                                                                    */	
/*************************************************************************************************************************/	
	.timelineContainer {
		width:88%;
		margin-bottom:10px;
		}	
	.timelineRuler{
		width:12%;
		}
	.timeline-left,
	.timeline-right {
		flex-direction:row-reverse;
		justify-content: flex-end;
		}
	.timeline-left .timelineContent,
	.timeline-right .timelineContent {
		margin:0 10px 0 10px;
		}
	.timeline-left .timelineRuler .traitPoint,
	.timeline-right .timelineRuler .traitPoint {
		left:auto;
		right:-5px;
		}
	.timeline-left .timelineContent p {
			text-align: left;
		}
	.timeline-left .timelineRuler span.textePuce,
	.timeline-right .timelineRuler span.textePuce {
		margin-left:calc(50% - calc(var(--tl-point-size)/2));
		}
	.timelineLettre {
		font-size:12px;
		font-weight:normal;
		}
	.timeline-left .timelineRuler .timelineLettre1,
	.timeline-right .timelineRuler .timelineLettre1 {
		position:absolute;
		top:-7px;
		left:4px;
		right:auto;
		transform:rotate(-54deg);
		}
	.timeline-left .timelineRuler .timelineLettre2,
	.timeline-right .timelineRuler .timelineLettre2 {
		position:absolute;
		top:-12px;
		left:9px;
		right:auto;
		transform:rotate(-35deg);
		}
	.timeline-left .timelineRuler .timelineLettre3,
	.timeline-right .timelineRuler .timelineLettre3 {
		position:absolute;
		top:-15px;
		left:16px;
		right:auto;
		transform:rotate(-21deg);
		}

/*************************************************************************************************************************/	
/*   Menu de navigation                                                                     */	
/*************************************************************************************************************************/	
/*
	ul.slimmenu li a {
	  padding: 12px 48px 12px 16px !important;
    font-size: 14px !important;
		color:#000000 !important;
	}

	ul.slimmenu li .sub-collapser > i {
    color: #000000 !important;
    font-size: 18px !important;
	}
	ul.slimmenu li .sub-collapser {
    width: 36px !important;
	}

	ul.slimmenu li a.LienBoutonCongres {
		border-right:	none;
		padding: 0;
		margin-left:0;
		margin-top:0;
		background-color:#F4DF9C;
		border:solid 1px #666666;
		color:#000000;
	}
	*/
	
}



/****************************************************************************************************************************************************************************/
/*
		@media screen and (max-width: 545px)
*/
/****************************************************************************************************************************************************************************/

@media screen and (max-width: 545px) {


}
/****************************************************************************************************************************************************************************/
/****************************************************************************************************************************************************************************/