/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* regles generales du template **************** */

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i');


h1, h2, h3, h4, h5, h6
{
	font-family: 'Lato', 'Dosis' !important;
}

em
{
	color: inherit !important;
}

.fin_float
{
	clear: both;
}

/* Règles principales du template **************** */

/* distances entre les modules... par defaut un padding de 120, ou de 150 */
/*  tm-features = accueil - parcours
	tm-expanded-top = accueil - actualites
	tm-expanded-bottom = footer - menu du bas
	tm-bottom-a =  footer - icones certifications
	bottom-b-wrapper uk-panel =  footer - reseaux sociaux
	
	tm-top-a = bandeaux
	
	tm-top-b = crumbread
	
	uk-container-center = la zone des articles
	
*/


.tm-padding-large .uk-container .tm-features .panel-content,
.tm-padding-large .uk-container .tm-expanded-top .panel-content,
.tm-padding-large .uk-container .tm-expanded-bottom .panel-content
{
    padding-top: 0 !important;
    padding-bottom: 80px !important;
}

.tm-padding-large .uk-container .tm-features .panel-content,
.tm-padding-large .uk-container .tm-expanded-bottom .panel-content
{
    padding-top: 80px !important;
}

.tm-padding-large .uk-container .tm-bottom-a .panel-content
{
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/* accueil, pas de padding pour le module expanded-top = actus */
.tm-padding-large .uk-container .tm-expanded-top .panel-content
{
    padding-bottom: 0 !important;
}

/* le footer = un margin-top de 80px */
#tmExpandedBottom
{
    margin-top: 100px !important;
}



@media (max-width: 767px)
{
.tm-padding-large .uk-container .tm-features .panel-content,
.tm-padding-large .uk-container .tm-expanded-top .panel-content,
.tm-padding-large .uk-container .tm-expanded-bottom .panel-content
{
    padding-top: 0 !important;
    padding-bottom: 50px !important;
}

.tm-padding-large .uk-container .tm-features .panel-content,
.tm-padding-large .uk-container .tm-expanded-bottom .panel-content
{
    padding-top: 50px !important;
}
}

.tm-padding-large .uk-container .tm-top-a .panel-content
{
    padding-top: 0 !important;
    padding-bottom: 30px !important;
}

.tm-padding-large .uk-container .tm-top-b .panel-content
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.bottom-b-wrapper.tm-padding-medium .uk-container .uk-panel
{
    padding-top: 0 !important;
    padding-bottom: 50px !important;
}


.mainbody-wrapper .uk-container-center
{
    padding-top: 50px;
    padding-bottom: 50px;
}



/* la colonne de droite qui occupe l'espace pour compacter les contenus sur la gauche = module sidebar b */

aside.tm-sidebar-b
{
	padding-left: 20px !important;
	/*
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	*/
}

aside.tm-sidebar-b .uk-panel
{
	background-color: transparent !important;
}

aside.tm-sidebar-b .uk-panel-box
{
	padding: 0 !important;
}

aside.tm-sidebar-b .panel-content
{
	height: 100% !important;
	padding-bottom: 1.5em;
	box-sizing: border-box;
}


@media (max-width: 767px)
{
	aside.tm-sidebar-b
	{
		display: none !important;
	}
}



/* pour les elements devant avoir un margin-tp = 30 ex dans contact */
.marge_haut_30
{
	margin-top: 30px !important;
}


/* le slide de la page d'accueil */
.legendesSliderAccueil
{
	font-family: 'Lato', 'Dosis' !important;
    font-weight: bold !important;
    color: rgb(0, 0, 0) !important;
	
	background-color: rgba(255, 255, 255, 0.7) !important;
	
	left: 0 !important;
	
	padding: 40px 70px !important;
}

.legendesSliderAccueil .texteSlide .texteSecondaire
{
    font-size: 18px !important;
 	line-height: 28px !important;
    color: rgb(159, 24, 101) !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}

.legendesSliderAccueil .texteSlide .textePrincipal
{
    font-size: 48px !important;
    line-height: 54px !important;
	letter-spacing: 2px !important;
}

.legendesSliderAccueil .texteSlide .sousTextePrincipal
{
	font-size: 33px !important;
	line-height: 48px !important;
	letter-spacing: 2px !important;
	margin-top: 10px !important;
}

.legendesSliderAccueil .texteSlide .sousTextePrincipalLong
{
	font-size: 24px !important;
	line-height: 36px !important;
	letter-spacing: 2px !important;
	margin-top: 10px !important;
}


.legendesSliderAccueil .texteSlide .sliderSavoirPlus
{
	margin-top: 10px !important;
}


.legendesSliderAccueil .texteSlide .sliderSavoirPlus span
{
	border: 1px solid rgb(189, 204, 0) !important;
	border: 1px solid rgb(159, 24, 101) !important;
    /* font: 400 12px/36px "Open Sans", sans-serif !important; */
	font: 400 0.25em "Open Sans", sans-serif !important;
	color: rgb(159, 24, 101) !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;

    padding: 1em 3em !important;
	display: inline-block !important;
}

@media (max-width: 959px) and (min-width: 768px)
{
	.legendesSliderAccueil
	{
		padding: 40px 50px !important;
		
		/* transform: scale(0.5) !important; */
	}

	.legendesSliderAccueil .texteSlide .textePrincipal
	{
		font-size: 36px !important;
		line-height: 42px !important;
		font-weight: bold !important;
		letter-spacing: 0 !important;
	 
	 	margin-top: 15px !important;
	}
	
	.legendesSliderAccueil .texteSlide .sousTextePrincipal
	{
		font-size: 25px !important;
		line-height: 32px !important;
		letter-spacing: 0px !important;
		margin-top: 15px !important;
	}

	.legendesSliderAccueil .texteSlide .sousTextePrincipalLong
	{
		font-size: 18px !important;
		line-height: 27px !important;
		letter-spacing: 0px !important;
		margin-top: 15px !important;
	}

	.legendesSliderAccueil .texteSlide .texteSecondaire
	{
		font-size: 16px !important;
		line-height: 25px !important;
		letter-spacing: 0px !important;
	}

	.legendesSliderAccueil .texteSlide .sliderSavoirPlus span
	{
		border: 1px solid rgb(159, 24, 101) !important;
		font-size: 12px !important;
		letter-spacing: 0 !important;
	
		padding: 1em 3em !important;
		margin-top: 20px !important;
	}
}


@media (max-width: 767px)
{
	.legendesSliderAccueil
	{
		padding: 30px 20px !important;
		
		/* transform: scale(0.5) !important; */
	}

	.legendesSliderAccueil .texteSlide .textePrincipal
	{
		font-size: 20px !important;
		line-height: 25px !important;
		font-weight: bold !important;
		letter-spacing: 0 !important;
	 
	 	margin-top: 10px !important;
	}

	.legendesSliderAccueil .texteSlide .sousTextePrincipal
	{
		font-size: 15px !important;
		line-height: 22px !important;
		letter-spacing: 0px !important;
		margin-top: 15px !important;
	}

	.legendesSliderAccueil .texteSlide .sousTextePrincipalLong
	{
		font-size: 10px !important;
		line-height: 15px !important;
		letter-spacing: 0px !important;
		margin-top: 15px !important;
	}

	.legendesSliderAccueil .texteSlide .texteSecondaire
	{
		font-size: 14px !important;
		line-height: 25px !important;
		letter-spacing: 0px !important;
	}

	.legendesSliderAccueil .texteSlide .sliderSavoirPlus span
	{
		border: 1px solid rgb(159, 24, 101) !important;
		font-size: 10px !important;
		letter-spacing: 0 !important;
	
		padding: 1em 3em !important;
		margin-top: 15px !important;
	}
}



/* les boutons "en voir plus" */

.cbp-l-loadMore-link
{
	/* le même vert que pour les actus */
	color: rgb(175, 189, 0) !important;
	color: rgb(189, 204, 0) !important;
	border-color: rgb(189, 204, 0) !important;
	
	-webkit-transition: none !important;
	   -moz-transition: none !important;
	    -ie-transition: none !important;
	     -o-transition: none !important;
	        transition: none !important;
}

.cbp-l-loadMore-link:hover
{
	color: rgb(159, 24, 101) !important;
	border-color: rgb(159, 24, 101) !important;
}



/* les articles **************** */
body .uk-article .uk-article-title
{
    text-transform: none !important;
    color: rgb(159, 24, 101) !important;
    font-size: 38px !important;
    line-height: normal !important;
    font-weight: normal !important;
    letter-spacing: 0px !important;
}

body .uk-article .uk-article-title
{
    margin-bottom: 30px;
}

/* les ss-titres dans les articles */
div[class*='su-heading-style-'] .su-heading-inner
{
    letter-spacing: 2px !important;
    letter-spacing: 0 !important;
	padding-bottom: 0 !important;
	font-size: 20px !important;
	line-height: normal !important;
	color: #9f1865 !important;
}

/* les ss-titres dans l'accueil, parcours et actualites */
.ligneParcours div[class*='su-heading-style-'] .su-heading-inner,
.ligneActualites div[class*='su-heading-style-'] .su-heading-inner
{
	font-size: 28px !important;
	line-height: 28px !important;
}


/* bug d'affichage dans Safari */
.su-heading-inner:before
{
	background-image: none !important;
}

/* le slider dans les articles */

.contenu_article .su-content-slider .su-content-slide .caption
{
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 30px;
    margin: 0;
    background: rgba(0,0,0,0.5);
    color: rgb(255, 255, 255);
}

.contenu_article .su-content-slider .su-content-slide .caption:empty
{
	display: none;
}

/* les articles actus, le block de gauche **************** */
.article_actu
{
	padding-right: 10px;
}

.actu_titre_silder
{
	font-style: italic;
	color: rgb(192, 192, 192);
	color: rgb(159, 24, 101);
	padding-left: 50px !important;
	padding-right: 50px !important;
	margin-top: 5px !important;
	margin-bottom: 10px !important;
}


/* les articles actus, le block de droite **************** */

/* dans la colonne de droite = sidebar-b, du pading en haut et à gauche */

aside.tm-sidebar-b .les_actus
{
	padding-left: 10px;
	padding-top: 18px;
}

/* le titre A LIRE AUSSI */

.les_actus .a_lire_aussi
{
	font-family: 'Lato', 'Dosis' !important;
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
	/* un vert different du vert Autograf pour la lisibilité */
    color: rgb(175, 189, 0);
	
	text-transform: uppercase;
    letter-spacing: 4px;
	margin-bottom: 20px;
}


/* l'article = image + titre + date */
.les_actus .su-post-block .su-post-block-item
{
    width: 100%;
    float: left;
    padding-left: 2%;
    box-sizing: border-box;
    margin-bottom: 0;
	clear: both;
}

.les_actus .su-post-block .su-post-block-item:nth-last-of-type(n+2)
{
    margin-bottom: 20px;
}

/* le titre */
.les_actus .su-post-block .supb-desc h4
{
	letter-spacing: 0;
    font-size: 16px;
    line-height: normal !important;
}

.les_actus .su-post-block .supb-desc h4 a
{
    font-size: 16px;
    line-height: normal;

    font-weight: normal;
    font-weight: 600;
    color: rgb(159, 24, 101);
    text-transform: none;
}

/* les meta = la date */
.les_actus .su-post-block .supb-desc .supb-meta
{
	font-family: 'Roboto Condensed';
	text-transform: none;
}


/* la catégorie dans les post-grid */


.cpb-category
{
	color: rgb(159, 24, 101);
}



/* ACCUEIL **************** */

/* header **************** */

.header-top-wrapper
{
	border-bottom: solid 3px #a11238;
	border-bottom: solid 3px rgb(159, 24, 101);
}

.tm-logo-small .su-button
{
	letter-spacing: normal !important;
}

#changement_EN_FR
{
	font-size: 1.5em;
	font-weight: bold;
	vertical-align: middle;
	margin-left: 15px;
}

#changement_EN_FR a
{
	color: #888888;
	text-decoration: none;
}

#changement_EN_FR a:hover
{
	color: #acacac;
}


.faux_bouton_vert, .faux_bouton_violet
{
	color: #fff;
	font-size: 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
    padding: 8px 20px;
}

.faux_bouton_vert
{
	background-color: #bdcc00;
}

.faux_bouton_violet
{
	background-color: rgb(159, 24, 101);
}

.header-style2 .tm-headerbar > .uk-container
{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}


/* la ligne du bouton newsletter */
@media (min-width: 960px)
{
	.boutonsHeader .su-row.su-gutter-small + .su-row.su-gutter-small
	{
		margin-top: 0;
	}
}

@media (max-width: 767px)
{
	.boutonsHeader .rowBoutonNews [class*="su-column-size-"][class*="su-column-size-medium-"]:not(.su-column-size-medium-1-1):nth-child(1) {
		margin-top: 0 !important;
	}
}



.boutonsHeader .su-button-style-border,
.boutonsHeader .su-button-style-border span
{
	-webkit-transition: none !important;
	   -moz-transition: none !important;
	    -ie-transition: none !important;
	     -o-transition: none !important;
	        transition: none !important;
}

.boutonsHeader .su-button-style-border
{
	border-width: 1px !important;
	border-radius: 0 !important;
}

.boutonsHeader .su-button-style-border:hover
{
	border-color: #9f1865 !important;
	color: #9f1865 !important; 
}

.boutonsHeader .su-button-style-border:hover i
{
	color: #9f1865 !important; 
}


/* le bouton newsletter pour une version qui ouvre une fenetre modale */
/* idem pour le bouton en savoir plus de la fenetre flyout */
/* *********************************************************** */
.boutonsHeader .boutonPersoHeader,
.boutonPersoFlyout
{
    color: #bdcc00;
    background-color: transparent !important;
    border: solid 1px #bdcc00 !important;
    border-radius: 0 !important;
	outline: none !important;
    cursor: pointer;

    display: inline-block !important;
    text-align: center;
    text-decoration: none !important;
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;

    font-size: 13px;
    line-height: 20px;
}

.boutonsHeader .boutonPersoHeader:hover
{
    color: rgb(159, 24, 101);
    border-color: rgb(159, 24, 101) !important;
}


.tm-logo-small .boutonPersoHeader {
    letter-spacing: normal !important;
}

.boutonsHeader .boutonPersoHeader,
.boutonsHeader .boutonPersoHeader span,
.boutonPersoFlyout, .boutonPersoFlyout span
{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ie-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

a.boutonHeaderNewsletter span {
    padding: 5px 28px 5px 27px;
}

.boutonPersoHeader span,
.boutonPersoFlyout span
{
    display: block !important;
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}

.boutonPersoHeader i {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 0 0.5em 0 0 !important;
    text-align: center;
    line-height: 1em;
}

/* un margin top pour le bouton newsletter en version mobile */
@media (max-width: 767px)
{
	#boutonLienNewsHeaderPetit 	
	{
		margin-top: 3px !important;
	}
}

#boutonLienNewsHeaderPetit

/* *********************************************************** */


/* moins de padding-bottom pour l'icone de recherche = faire remonter le bouron newsletter... uniquement dans la version ordi
15 px par defaut
*/
.header_icone_recherche_grand .fa-search
{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}


/* navigation */

/* aspect des sous-menus */

/* sans les elements de sous-menus de joomla */
.sous_menu
{
	padding: 2px 0 !important;
	padding-left: 12px !important;
}

.uk-offcanvas-bar .uk-nav-offcanvas ul.uk-nav-sub > li:not(.uk-parent) > .sous_menu
{
	padding-top: 10px !important;
    padding-bottom: 10px !important;
	padding-left: 30px !important;
	/*
	text-transform: uppercase !important;
	font-weight: bold !important;
	*/
}

/* Dans la colonne de droite */

aside.tm-sidebar-b ul.uk-nav-side
{
	background-color: #f5f5f5;
	padding: 15px 15px 25px 15px !important;
}

aside.tm-sidebar-b .uk-panel .sous_menu
{
	padding-left: 27px !important;
}

aside.tm-sidebar-b .uk-panel .uk-nav-header
{
	color: #999999 !important;
}

aside.tm-sidebar-b .uk-nav > li > a
{
    color: #444444 !important;
}

aside.tm-sidebar-b .uk-nav > li > a:hover,
aside.tm-sidebar-b .uk-nav > li > a:focus
{
    color: #000 !important;
}



/* avec les elements de sous-menus de joomla = OLD */

.uk-dropdown-navbar .uk-nav-navbar > .uk-parent > .uk-nav-sub > li > a
{
    color: #444444;
	font-weight: 300;
	text-transform: none;
	padding-left: 12px;
}

.uk-dropdown-navbar .uk-nav-navbar > .uk-parent > .uk-nav-sub > li > a:hover,
.uk-dropdown-navbar .uk-nav-navbar > .uk-parent > .uk-nav-sub > li > a:focus
{
  color: #000000;
}

/* filets */
.uk-navbar-nav div.uk-dropdown .uk-nav-navbar > li,
aside.tm-sidebar-b .uk-nav li
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;
}

.uk-navbar-nav div.uk-dropdown .uk-nav-navbar .uk-nav-sub
{
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    font-size: 14px !important;
}


/* hauteur et marges des parties du header */
.uk-navbar .uk-navbar-nav > li > a
{
	height: 56px !important;
	line-height: 56px !important;
}

.navbar-default .uk-navbar-nav > li > a:after
{
    bottom: 13px !important;
}

@media (max-width: 959px) and (min-width: 768px)
{
	.moduleLogoBoutons .su-row [class*='su-column-size-medium-']:not(.su-column-size-medium-1-1)
	{
		margin-top: 12px !important;
	}
}

@media (max-width: 767px)
{
	.su-row [class*='su-column-size-'][class*='su-column-size-medium-']:not(.su-column-size-medium-1-1):nth-child(1)
	{
		margin-top: 15px !important;
	}

	.moduleLogoBoutons .su-row:not(.su-clmms-no) [class*='su-column-size-']:nth-child(n+2):not(.headerBoutons)
	{
		margin-top: 0px !important;
	}
	
}

/* parcours **************** */

.parcours .su-trailer-box-title
{
	padding-top: 20px;
}

.parcours .bouton
{
	margin-top: 40px;
}



/* footer **************** */

.footer_map
{
	background-image: url(../../../images/footer/overlay_noir75.png), url(../../../images/footer/fond_google_maps_clair.jpg);
	background-repeat: repeat, no-repeat;
	background-position: top left, center center;
	background-size: cover, cover;
}

.footer_fa_liste
{
	list-style-type: none;
	padding:0; margin:0
}

.footer_fa_liste li h3
{
	font-size:14px;
	font-weight: bold;
}

.footer_rs
{
}

.footer_rs_menu
{
	font-size: 1.2em;
}

.footer_rs_menu a
{
	text-decoration: none;
	color: #000;
}

.footer_rs_menu a:hover
{
	color: #333;
}

.footer_rs_copyright
{
	font-size: 0.75em;
	color: #666;
	margin-top: 15px;
}

.footer-wrapper
{
	padding-bottom: 20px;
}

.footer-wrapper .uk-container
{
	display: none;
}

/* ******** Titres des listes d'icones **** */
.su-column-inner .su-column-content .titre_colonne_icones
{
    font-family: 'Lato', 'Dosis' !important;
    font-size: 20px !important;
    letter-spacing: 0 !important;
    line-height: normal !important;
    color: #9f1865 !important;
    font-weight: 400;

    padding-bottom: 0 !important;
    margin: 0;
    margin-bottom: 20px;
}

/* ******** les elements des listes d'icones **** */

.element_de_list_ico .icon_list_icon .list-img-icon
{
	color:#fff !important;
	font-size: 20px !important;
}
.element_de_list_ico .icon_list_icon
{
	background:transparent !important; 
	font-size:20px !important; 
	max-width:20px !important; 
	height:20px !important;
	padding: 0 !important;
}
.element_de_list_ico .icon_description
{
	margin-left: 40px !important;
}
.element_de_list_ico .su-il-link
{ 
	text-decoration: none !important;
	color: inherit !important;
}
.element_de_list_ico .icon_description p.icon_title
{
	font-family: 'Lato', 'Dosis' !important;
	color:#fff !important;
	font-size: 13px !important;
	font-weight: 300 !important;
	margin-top: 3px !important;
	margin-bottom: 10px !important;
	clear: none !important;
	line-height: normal !important;
}
.element_de_list_ico .icon_description_text
{ 
	color:#fff !important;
}

/* menus du footer */
.su-icon-list .icon_list_item
{
	padding-bottom: 17px !important;
}

.su-icon-list .icon_list_item .icon_description .icon_title
{
	letter-spacing: 2px !important;
}

/* survol des icones réseaux du footer */
.footer_rs_icones a.su-icon:hover
{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}

.footer_rs_icones a.su-icon:hover i
{
	color: rgb(159, 24, 101) !important;
}


/* sticky RS **************** */

#module_sticky
{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#module_sticky #a_la_une
{
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
    background-color: rgba(255, 255, 255, 1);
	align-self: stretch;
	
	-webkit-border-radius: 10px 0 0 10px;
    	    border-radius: 10px 0 0 10px;
    padding: 0 12px;
	border: solid 2px  #bdcc00;
}

#module_sticky #a_la_une .boutonAlaUne
{
	color: #bdcc00;
	text-decoration: none;
}

#module_sticky #a_la_une .boutonAlaUne:hover
{
	animation-play-state: paused;
	color: rgb(159, 24, 101) !important;
}

/* animation du bouton à la une */

#module_sticky #a_la_une .boutonAlaUne
{
	-webkit-animation: anim01 3000ms infinite alternate linear;
	   -moz-animation: anim01 3000ms infinite alternate linear;
	    -ms-animation: anim01 3000ms infinite alternate linear;
	     -o-animation: anim01 3000ms infinite alternate linear;
			animation: anim01 3000ms infinite alternate linear;
}


@-webkit-keyframes anim01
{
	0% { color: rgba(189, 204, 0, 1); }
	100% { color: rgba(159, 24, 101, 1); }
}

@-moz-keyframes anim01
{
	0% { color: rgba(189, 204, 0, 1); }
	100% { color: rgba(159, 24, 101, 1); }
}

@-ms-keyframes anim01
{
	0% { color: rgba(189, 204, 0, 1); }
	100% { color: rgba(159, 24, 101, 1); }
}

@-o-keyframes anim01
{
	0% { color: rgba(189, 204, 0, 1); }
	100% { color: rgba(159, 24, 101, 1); }
}

@keyframes anim01
{
	0% { color: rgba(189, 204, 0, 1); }
	100% { color: rgba(159, 24, 101, 1); }
}
/* ************************************ */

/* la fenetre modale qui contient le carousel */

#contenu_modal_aLaUne
{
	padding-bottom: 15px;
}

.carousel_aLaUne .su-panel
{
	margin-bottom: 0 !important;
}

.carousel_aLaUne .lien_aLaUne
{
	display: block;
	text-decoration: none;
	outline: none;
}

.carousel_aLaUne .visuel_aLaUne
{
	height: auto;
	position: relative;
	overflow: hidden;
}

.carousel_aLaUne .lien_aLaUne .visuel_aLaUne .lire_aLaUne
{
    font: 400 14px/20px "Open Sans", sans-serif;
    color: #fff;
    letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	
	background-color: #282727;
	
	bottom: -60px;
	 /* height: 60px; */
	width: 100%;
    position: absolute;
    z-index: 2;
	
    -webkit-transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    	    transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    padding: 20px 0;
}

.carousel_aLaUne .lien_aLaUne:hover .visuel_aLaUne .lire_aLaUne
{
	bottom: 0;
}


.carousel_aLaUne .titre_aLaUne
{
    font-family: 'Dosis';
    text-transform: uppercase;
    letter-spacing: 2px;

	font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;

	color: #444;

	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
	margin-top: 17px;
}

.carousel_aLaUne .texte_aLaUne
{
    font: 400 13px/18px "Open Sans", sans-serif;
    color: #9B9B9B;
    margin-top: 9px;
}

/* la version carousel de la partie "A la une" */

#module_a_la_une_RS
{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

/* pas de carousel sur les mobiles */

@media (max-width: 767px)
{
	#a_la_une_carousel
	{
		display: none !important;
	}
}



#a_la_une_carousel
{
	max-width: 250px;
	box-sizing: border-content;
	background-color: #fff;
	position: relative;
}

#a_la_une_carousel_content
{
	padding: 10px;
	padding-right: 12px;
}



.carousel_aLaUne_carousel .su-panel
{
	margin-bottom: 0 !important;
}

.carousel_aLaUne_carousel .su-panel .su-panel-content
{
	padding: 0 !important;
}


.carousel_aLaUne_carousel .owl-dots .owl-dot span
{
	margin-top: 5px !important;
}

.carousel_aLaUne_carousel .owl-nav .owl-prev,
.carousel_aLaUne_carousel .owl-nav .owl-next
{
	background-color: rgba(159, 24, 101, 0.7) !important;
}


.carousel_aLaUne_carousel .lien_aLaUne
{
	display: block;
	text-decoration: none;
	outline: none;
}

.carousel_aLaUne_carousel .visuel_aLaUne
{
	height: auto;
	position: relative;
	overflow: hidden;
}

.carousel_aLaUne_carousel .lien_aLaUne .visuel_aLaUne .lire_aLaUne
{
    font: 400 14px/20px "Open Sans", sans-serif;
    font: 400 12px/15px "Open Sans", sans-serif;
    color: #fff;
    letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	
	background-color: #282727;
	background-color: rgba(40, 40, 40, 0.75);
	
	bottom: -60px;
	 /* height: 60px; */
	width: 100%;
    position: absolute;
    z-index: 5;
	
    -webkit-transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    	    transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    padding: 20px 0;
}

.carousel_aLaUne_carousel .lien_aLaUne:hover .visuel_aLaUne .lire_aLaUne
{
	bottom: 0;
}

.carousel_aLaUne_carousel .lien_aLaUne .visuel_aLaUne .lire_aLaUne
{
	font-family: 'Dosis';
    text-transform: uppercase;
    letter-spacing: 2px;

	font-style: normal;
    font-weight: normal;

	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
    padding: 20px 0;
    padding: 15px 5px;
}

.carousel_aLaUne_carousel .titre_aLaUne
{
    font-family: 'Dosis';
    text-transform: uppercase;
    letter-spacing: 2px;

	font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;

	color: #444;

	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
	margin-top: 5px;
}

.carousel_aLaUne_carousel .fix_aLaUne
{
	height: 1px;
	overflow: hidden;
	margin-top: 0;
}


.carousel_aLaUne_carousel .texte_aLaUne
{
    font: 400 13px/18px "Open Sans", sans-serif;
    color: #9B9B9B;
    margin-top: 9px;
}

/* bouton fermer */
#fermeture_aLaUne
{
    top: -13px;
    left: -13px;

    position: absolute;
    cursor: pointer;
    z-index: 10;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
    text-decoration: none;
	border:none;
	outline: none;
}

#fermeture_aLaUne::before
{
    color: #ddd;
    content: "\00d7";
    text-align: center;
    font-size: 1em;
    background-color: rgba(159, 24, 101, 1) !important;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
}

.ouvrir::before
{
    content: "\0025C1" !important;
}



#colonne_rs
{
    background-color: rgba(255, 255, 255, 1);
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 8px;
}





/* les icones de RS */


#module_sticky #sticky_rs
{
    background-color: rgba(255, 255, 255, 1);
	padding: 7px;
	border: solid 2px  #bdcc00;
	border-left: none;
}


#sticky_rs .su-icon
{
	margin: 0;
}

#sticky_rs a.su-icon:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

#sticky_rs a.su-icon:hover i
{
	color: rgb(159, 24, 101);
}

#qtip-0, #qtip-1
{
	background-color: rgb(159, 24, 101);
}


/* le bouton Nesletter quand il faut une fenetre modale */

#boutonNewsletterSticky .boutonNewsletterModal
{
	margin: 0;
    display: inline-block;
	
	color: #bdcc00;
    cursor: pointer;
}

#boutonNewsletterSticky .boutonNewsletterModal:before
{
	content: "\f199";
	
    display: inline-block;
	
	font: normal normal normal 14px/1 FontAwesome;
	
	font-size: 32px;
    line-height: 32px;
    background-color: rgba(255, 255, 255, 1);
    color: #bdcc00;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 5px;
	
	
	box-sizing: content-box;
	vertical-align: middle;
	text-align: center;

    width: 1em;
    height: 1em;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#boutonNewsletterSticky .boutonNewsletterModal:hover:before
{
	color: rgb(159, 24, 101);
}



/* ECOLE **************** */

/* l'ecole **************** */

.box_encadree .su-column-inner
{
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px #eeeeee;
    -webkit-box-shadow: 0px 0px 10px #eeeeee;
}

/* les visuels des mentions */

.colonneVisuelMention .su-column-inner
{
	background-color: transparent !important;
}

.colonneVisuelMention .su-column-inner .su-photo-panel
{
	border: none !important;
	-webkit-box-shadow: none !important;
	   -moz-box-shadow: none !important;
		    box-shadow: none !important;
}

.colonneVisuelMention .su-column-inner .su-photo-panel-head img
{
	border-radius: 50% !important;
}

.colonneVisuelMention .su-column-inner .su-photo-panel-content
{
	font-family: 'Lato', 'Dosis' !important;
	color: rgb(159, 24, 101) !important;
	font-size: 18px !important;
	line-height: 20px !important;
	font-weight: normal !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 20px !important;
}


/* edito et photo **************** */
.edito_directeur .su-testimonial-text
{
    border-bottom-color: #a11238 !important;
    border-bottom-color: rgb(159, 24, 101) !important;
}

.edito_directeur .su-testimonial-text:before {
    border-top-color: #a11238 !important;
    border-top-color: rgb(159, 24, 101) !important;
}

.edito_directeur .photo_edito, .edito_directeur .photo_edito img
{
	width: 100%;
	display: block;
}

/* moyens pedagogiques **************** */
.carousel_no_link .suc-link-wrap
{
	display: none;
}

.carousel_no_link .su-carousel-slide:hover .su-carousel-image::after {
    opacity: 0 !important;
}

.carousel_no_link .su-carousel-slide:hover .su-carousel-image img {
   -webkit-transform: scale(1) rotate(0deg) !important;
    transform: scale(1) rotate(0deg) !important;
}

/* notre equipe **************** */

/* les photos */
.directeur .su-member-photo img
{
    width: 100% !important;
    /* border-radius: 0 !important; */
}

/*
.su-member-photo  img
{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.avatarNON .su-member-photo  img, .directeur .su-member-photo img

{
	opacity: 1;
	filter: alpha(opacity=100);
}
*/

/* le nom et le role */

.su-member .su-member-name
{
    font-size: 1.6em;
	color: rgb(159, 24, 101) !important;
	font-weight: bold !important;
}

.su-member .su-member-role
{
	color: rgb(159, 24, 101);
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	line-height: 1.2em !important;
	margin-top: 0.75em;
}

.su-member:not(.directeur) .su-member-icons
{
	padding-top: 0 !important;
}




.autres_membres .su-member-style-8.su-member-align-center .su-member-info
{
    padding-top: 140px;
}




/* notre equipe pedagogique **************** */

/*
body .uk-article img.photo_equipe_pedagogique
{
	width: 250px;
    margin-right: 20px;
    float: left;
	display: block;
}
*/

/* le margin top de la colonne de gauche */
@media (max-width: 767px)
{
	.su-row [class*="su-column-size-"][class*="su-column-size-medium-"]:not(.su-column-size-medium-1-1):nth-child(1), 
	.infosFormateur .colPhotoFormateur
	{
		margin-top: 0 !important;
	}
}
	
.box_equipe_pedagogique
{
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px #eeeeee;
    -webkit-box-shadow: 0px 0px 10px #eeeeee;
}

.su-switcher-style-1 .cbp-filter-item .cbp-filter-item-inner
{
    opacity: 0.5;
	filter: alpha(opacity=50);
}


/* le nom des formateurs en violet */
.formateursEquipePedagogique .cbp-l-grid-blog-title
{
    color: rgb(159, 24, 101) !important;
}


/* une marge pour le carousel des travaux des profs */

.carousel_pedagogique
{
    padding-top: 25px;
}

/* photo des profs dans chaque page prof */

.infosFormateur .colPhotoFormateur .photo_equipe_pedagogique
{
	-webkit-border-radius: 50%;
            border-radius: 50%;

}

/* notre reseau **************** */
.box_reseau_encadree
{
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 10px #eeeeee;
    -webkit-box-shadow: 0px 0px 10px #eeeeee;
}

.box_reseau_encadree:nth-of-type(n+2) 
{
    margin-top: 15px;
}

/* engagements qualite **************** */
.engagements_qualite .su-progress-pie .su-progress-pie-text
{
    font-size: 14px !important;
}

.engagement_qualite .icon_title
{
    font-weight: bold !important;
	color: #9f1865;
    font-size: 17px !important;
}

.engagement_qualite .icon_title span.numero
{
    font-size: 22px !important;
}

.engagement_qualite .icon_description_text
{
    font-size: 14px !important;
}

.demarche_qualite .engagement_qualite .icon_title
{
    padding-top: 10px !important;
}


/* les anciens **************** */
.donnees_anciens .su-spoiler-content div
{
	width: 90%;
	margin: auto;
}

/*version tabs */
.donnees_anciens .su-tabs-style-sharp
{
    background-image: none;
}

.donnees_anciens .su-tabs
{
    background-color: rgb(234, 234, 234);
}

.donnees_anciens .su-tabs-style-sharp .su-tabs-nav span
{
    color: rgb(128, 128, 128);
}

.donnees_anciens .su-tabs-style-sharp .su-tabs-nav span:hover
{
    color: #222;
}


.donnees_anciens .su-tabs-style-sharp .su-tabs-nav span.su-tabs-current
{
    color: rgb(0, 0, 0);
    color: #222;
}

/* Entreprises **************** */

/* logos partenaires */
.logos_partenaires .su-pg-item .su-photo-gallery-links
{
	display: none;
}

.logos_partenaires .su-pg-item img
{
	border: solid 1px rgb(208, 208, 208);
	border-radius: 5px;
	background-clip: padding-box; 
}

.logos_partenaires .cbp-item .su-pg-item::after
{
	background-color: transparent !important; 
}





/* formulaires **************** */
.chronoforms6_credits
{
	display: none;
}

#messageFinFormulaire
{
	padding: 75px 20px;
}


#messageFinFormulaire .ligne_boutonPersoFinFormulaire
{ 
	margin-top: 30px;
	margin-bottom: 0 !important;
	text-align: center;
}

.boutonPersoFinFormulaire
{ 
	color: #9f1865 !important;
	cursor: pointer;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	border: solid 1px #9f1865 !important;
    padding: 5px 25px 5px 25px !important;
}

.ui.success.message {
    -webkit-box-shadow: none !important;
    box-shadow:  none !important;
    background-color: transparent !important;
    color: #000 !important;
}

/* ADMISSION **************** */

/* contact le plan en mode mobile */

@media (max-width: 767px)
{
	.contact_plan_gmap .su-row:not(.su-clmms-no) [class*='su-column-size-']:nth-child(n+2)
	{
		margin-top: 25px !important;
	}
}
	
.adressePostale
{
	text-align: left;
}



/* fond de l'entete du switcher en style 2 **************** */
.formulaires_inscription .su-switcher-style-2 .su-swt-filter
{
	background-color: transparent !important;
}

.formulaires_inscription .su-switcher-style-2 .su-swt-filter .cbp-filter-item-active
{
	background-color: #a11238 !important;
	background-color: rgb(159, 24, 101) !important;
}

.formulaires_inscription .su-switcher-style-2 .su-swt-filter .cbp-filter-item-active:after
{
    border-top-color: #a11238 !important;
    border-top-color: rgb(159, 24, 101) !important;
}

/* fond du switcher en style 3 **************** */
.formulaires_inscription .su-switcher-style-3 
{
	background-color: transparent !important;
}



/* couleur verte des TABS en style sharp **************** */
#les3formulaires .su-tabs-style-sharp 
{
	/* border-color: #bdcc00 !important; */
	background-color: #bdcc00 !important;
	background-image: none !important;
	padding: 5px !important;
}

#les3formulaires .su-tabs-style-sharp .su-tabs-nav span
{
	color: #fff !important;
}

#les3formulaires .su-tabs-style-sharp .su-tabs-nav span:hover
{
	color: #9f1865 !important;
}

#les3formulaires .su-tabs-style-sharp .su-tabs-nav span.su-tabs-current
{
	color: #222 !important;
}

/* le I du tooltip formlaire en rose avec un fond vert */
i.inverted.bordered.black.icon, i.inverted.circular.black.icon
{
	background-color: #bdcc00 !important;
	color: #9f1865 !important;
}

/* le bouton envoyer en rose */
.ui.black.button
{
	background-color: #9f1865 !important;
}


/* les etoiles pour les champs obligatoires en rose */
.ui.form .required.fields:not(.grouped)>.field>label:after 
{
	color: #9f1865 !important;
}

/* la div qui sert de cadre aux formulaires */
.cadreFormulaire
{
	border: solid 5px #bdcc00;
	padding: 20px;
}

/* la bordure de la fenêtre modale */
.su-modal-content-wrapper
{
	border: 5px solid #bdcc00 !important;
	border-top: none !important;
}



/* couleur verte du spoiler en style glass-green **************** */
.choix_formulaires .su-spoiler-style-glass-green
{
	border-color: rgb(189, 212, 41) !important;
	border-color: #bdcc00 !important;
}

.choix_formulaires .su-spoiler-style-glass-green .su-spoiler-title
{
	background-color: rgb(189, 212, 41) !important;
	background-color: #bdcc00 !important;
	background-image: none !important;
}


/* formulaire d'inscription le bouton touche la subdivision en 2 colonnes = à corriger **************** */
.chronoforms form[action*="inscription-2-cols"] .ui.fluid.button,
.chronoforms form[action*="rendez-vous-standard"] .ui.fluid.button,
.chronoforms form[action*="candidature-internationale"] .ui.fluid.button
{
	clear: both;
	margin-top: 20px;
	margin-top: 1em;
}

.chronoforms form[action*="candidature"] .ui.fluid.button,
.chronoforms form[action*="rendez-vous-standard"] .ui.fluid.button,
.chronoforms form[action*="candidature-internationale"] .ui.fluid.button
{
	clear: both;
	margin-top: 30px;
	margin-top: 1em;
}

/* la ligne du reCaptcha */
.g-recaptcha
{
	clear: both !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

/* inscription Newsletter **************** */

/*
.chronoforms form[action*="newsletter-inscription"] .field 
{
	float: left;
	width: 75%;
}

#envoi_inscription_newsletter
{
	background-color: #fff !important;
	color: #bdcc00 !important;
	border: solid #bdcc00 1px;
}

.bouton_envoi_icone
{
	font-family: FontAwesome;
	font-size: 16px;
	line-height: 16px;
	background-color: transparent;
	color: #fff;
	color: #bdcc00;
	padding: 12px;
}

.bouton_envoi_icone:before
{
    content: "\f003";
}
*/

/* documentation  **************** */

/* les images des photo panel  */
#documentation .ligne_documentation .su-photo-panel-head
{
	border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 0px 10px #eeeeee;
    		box-shadow: 0px 0px 10px #eeeeee;
}

/* les titres des photo panel  */
#documentation .ligne_documentation .su-photo-panel .su-photo-panel-content
{
    font-family: 'Dosis';
    letter-spacing: 2px;
    font-size: 16px;
    color: #444;
}

#documentation .ligne_documentation .su-photo-panel .su-photo-panel-content br
df-lightbox-wrapper
@media (max-width: 767px)
{
	#documentation .ligne_documentation .su-photo-panel .su-photo-panel-content br
	{
		display: inline;
	}
}

#documentation .ligne_documentation .su-photo-panel:hover
{
	opacity: 0.75;
	filter: alpha(opacity=75);
}

/* lightbox pour flipbook */
.df-lightbox-wrapper
{
    background-color: transparent !important;
}

.df-lightbox-wrapper .df-container
{
    background-color: transparent !important;
    background-color: rgba(0, 0, 0, 0.85) !important;
}

.df-lightbox-wrapper .df-container .df-ui-prev, .df-lightbox-wrapper .df-container .df-ui-next, .df-lightbox-wrapper .df-lightbox-close
{
    background-color: rgba(0, 0, 0, 0.85) !important;
    color: rgba(255, 255, 255, 1) !important;
}

.df-lightbox-wrapper .df-container .df-ui-prev, .df-lightbox-wrapper .df-container .df-ui-next
{
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	font-size: 24px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}


/* iframe pour lightbox 
.mfp-content, .mfp-iframe-scaler
{
	height: 100% !important;
}
*/

#documentation_formulaire
{
    padding: 15px;
	border: solid 10px rgb(0, 0, 0);
}

/* les cases à cocher sous la zone des deux colonnes  et le bouton envoyer **************** */
.chronoforms form[action*="documentation"] .ui.two.column.grid + .field
{
	clear: both;
	margin-top: 30px;
}
.chronoforms form[action*="documentation"] .ui.fluid.button
{
	clear: both;
	margin-top: 30px;
}



.chronoforms form[action*="documentation"] .ui.fluid.button
{
	clear: both;
	margin-top: 30px;
}


/* Pages formations **************** */

/* page formations et diplomes, les photo panel */

.formation_type .su-photo-panel 
{
	background-color: transparent !important;
}

.formation_type .su-photo-panel-content
{
    padding: 10px 0;
}

.formation_type .su-photo-panel-content .formation_type_titre
{
	font-family: 'Lato', 'Dosis';
	font-size: 18px;
	font-weight: 500;
    color: rgb(159, 24, 101);
	text-transform: uppercase;
}

.formation_type .su-photo-panel-content .formation_type_texte
{
    color: rgb(81, 81, 81);
    padding-top: 10px;
}



/* Pour les elements accordion du menu de droite dans la formation */

/* le fond gris */
/* OLD */
.formation_menu .su-column-inner 
{
	background-color: rgb(234, 234, 234);
	height: 100%;
	padding-left: 20px;
}


/* NEW */

aside.tm-sidebar-b .menu_formation
{
	height: 100% !important;
}

.formation_menu
{
	background-color: rgb(234, 234, 234);
	background-color: #f5f5f5;
	height: 100%;
	padding-left: 20px;
	padding-right: 2px;
}


.formation_menu .su-spoiler-title .fauxH3,
.formation_menu .su-FAUX-spoiler-title .fauxH3
{
	letter-spacing: 2px;
	
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
	
	font-family: 'Lato', 'Dosis' !important;
	line-height: normal;
}

.formation_menu .formation_choisie .su-spoiler-title .fauxH3,
.formation_menu .formation_choisie .su-FAUX-spoiler-title .fauxH3,
.formation_menu .formation_sous_menu .formation_choisie
{
	color: #a11238 !important;
	color: rgb(159, 24, 101) !important;
	font-weight: bold !important;
}

.formation_menu .su-spoiler.su-spoiler-icon-none .su-spoiler-title,
.su-FAUX-spoiler .su-FAUX-spoiler-title
{
	padding-top: 18px;
	padding-left: 24px;
}

.su-FAUX-spoiler-title
{
    font-weight: normal;
    font-size: 1em !important;
    padding: 12px 10px 12px 35px;
}

.su-FAUX-spoiler-title
{
    position: relative;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
	user-select: none;
}


.formation_menu a
{
	outline: none !important;
}

.formation_menu .formation_sous_menu a,
.formation_menu .su-FAUX-spoiler a
{
	color: #666666 !important;
}

.formation_menu .formation_sous_menu a:hover,
.formation_menu .su-FAUX-spoiler a:hover
{
	color: #a11238 !important;
	color: rgb(159, 24, 101) !important;
}

.formation_menu .su-accordion .su-spoiler,
.formation_menu .su-accordion .su-FAUX-spoiler
{
    margin-bottom: 0 !important;
}

/* style 2 OLD */
.formation_menu .su-accordion .su-spoiler-style-2
{
	border-left-color: #a11238 !important;
	border-left-color: rgb(159, 24, 101) !important;
	background-image: url(../../../images/formations/menu-formations_puce.png);
	background-repeat: no-repeat;
	background-position: 0 16px;
}

.formation_menu .su-accordion .su-spoiler-style-2 .su-spoiler-content
{
	padding-top: 0 !important;
}

.formation_menu .su-accordion .su-spoiler-style-2 ul
{
	list-style-type: none;
	padding: 0;
	padding-left: 20px;
	margin: 0;
	font-family: Dosis;
	font-size: 14px;
}

.formation_menu .su-accordion .su-spoiler-style-2 ul li:nth-child(n+2)
{
	margin-top: 5px;
}


/* style 2 */

.formation_menu .su-accordion .su-spoiler-style-2,
.formation_menu .su-accordion .su-FAUX-spoiler
{
	border-left-color: #a11238 !important;
	border-left-color: rgb(159, 24, 101) !important;
	border-left: none !important;
	background-image: url(../../../images/formations/menu-formations_puce.png);
	background-repeat: no-repeat;
	background-position: 0 16px;
}

.formation_menu .su-accordion .su-spoiler-style-2.formation_choisie,
.formation_menu .su-accordion .su-FAUX-spoiler.formation_choisie
{
	background-image: url(../../../images/formations/menu-formations_puce_selection.png);
}



.formation_menu .su-accordion .su-spoiler-style-2 .su-spoiler-content
{
	padding-top: 0 !important;
}

.formation_menu .su-accordion .su-spoiler-style-2 ul
{
	list-style-type: none;
	padding: 0;
	padding-left: 20px;
	padding-left: 26px;
	margin: 0;
	font-family: Dosis;
	font-size: 14px;
}

.formation_menu .su-accordion .su-spoiler-style-2 ul li:nth-child(n+2)
{
	margin-top: 5px;
}


/* couleur verte du spoiler en style glass-green = les volets programme, postuler, temoignages **************** */
.colonne_description_formation .su-spoiler-style-glass-green
{
	border-color: rgb(189, 212, 41) !important;
	border-color: #bdcc00 !important;
}

.colonne_description_formation .su-spoiler-style-glass-green .su-spoiler-title
{
	border-color: rgb(189, 212, 41) !important;
	background-color: #bdcc00 !important;
	background-image: none !important;
}
	

.colonne_description_formation .su-spoiler-style-glass-green .su-spoiler-title h3
{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
}

/* les sous-rtitres titres dans les spoilers */

.spoilerFormations .su-spoiler-content .ssTitreSpoilerFormations
{
	margin: 0 !important;
}

.spoilerFormations .su-spoiler-content .ssTitreSpoilerFormations h4
{
	font-size: 16px !important;
}



/* le TABLE programme **************** */

.formation_conteneur
{
	/*
	width: 90%;
	background-color: #a11238;
	background-color: rgb(159, 24, 101);
	color: #FFF;
	padding: 20px;
	margin: auto;
	
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	*/
	padding: 20px 0 50px 20px;

}

.formation_conteneur .formation_programme 
{
	width: 100%;
	color: rgb(159, 24, 101);
}

/* Pour les elements tooltip dans le programme */
.qtip .qtip-content
{
	line-height: normal !important;
}

/* Pour les elements spoiler imbriqués dans le programme = equivalent des tooltips */
.formation_conteneur .formation_programme .su-spoiler-title
{
	padding: 0 !important;
	background-color: transparent !important;
}
.formation_conteneur .formation_programme .su-spoiler-title h3
{
	color: #fff !important;
	color: rgb(159, 24, 101) !important;
	font-family: "Roboto Condensed" !important;
	font-size: 15px !important;
	letter-spacing: 0px !important;
	font-weight: normal !important;
}

.formation_conteneur tr td
{
	border-top: solid 1px rgb(159, 24, 101);
;
}

.formation_conteneur tr td:nth-child(n+2)
{
	border-left: solid 1px rgb(159, 24, 101);
}

.formation_conteneur tr:nth-child(n+2) td:nth-child(n+2)
{
	text-align: right;
}

.formation_conteneur .formation_programme .formation_rubriques
{
	text-align: left;
	font-size: 1.2em;
	color: #FFF;
	background-color: rgb(159, 24, 101);
}

.formation_conteneur .formation_programme .formation_rubriques .casse_normale
{
	text-transform: none;
}

.formation_conteneur .formation_programme .formation_rubriques td:nth-child(n+2)
{
	text-align: center;
}


.formation_conteneur .formation_programme .formation_rubriques td
{
	padding: 15px 20px;
}

.formation_conteneur .formation_programme td
{
	/*padding: 15px 20px !important;*/
}


.formation_conteneur .formation_programme .formation_enseignement
{
	font-size: 1.1em;
	font-weight: bold;
	text-transform: capitalize;
	color: rgb(159, 24, 101);
	background-color: rgb(240, 240, 240);
}

.formation_conteneur .formation_programme .formation_parcours
{
	text-transform: none !important;
}

.formation_conteneur .formation_programme .formation_parcours span
{
	margin-left: 2em;
}


.formation_conteneur .formation_programme .formation_enseignement td
{
	padding: 10px 20px;
}

.formation_conteneur .formation_programme .formation_matière
{
}

.formation_conteneur .formation_programme .formation_matière td
{
	padding: 10px 20px;
}

.formation_conteneur .formation_programme .formation_totaux
{
	text-align: center;
	font-size: 1.2em;
}

.formation_conteneur .formation_programme .formation_totaux td
{
	padding-top: 15px;
}

/* la box "LES + D'AUTOGRAF" */
.colonne_description_formation .su-box
{
	border-width: 1px !important;
}

/* le titre de la box  */
.colonne_description_formation .su-box-title
{
	font-family: 'Lato', 'Dosis' !important;
	text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
	color: rgb(245, 245, 245) !important;

	letter-spacing: 5px;
	padding: 12px 10px 12px 14px !important;
}

/* Liste des formztions proposées dans les articles des mentions */
.formations_proposees > ul,
.formations_proposees2 > ul
{
	padding-left: 0;
	list-style-position: inside;
}

.formations_proposees > ul > li:nth-child(n+2),
.formations_proposees2 > ul > li:nth-child(n+2)

{
	margin-top: 20px;
}

.formations_proposees li
{
	color: rgb(189, 204, 0);
}


.formations_proposees2 li
{
	color: rgb(159, 24, 101);
}


.formations_proposees li li,
.formations_proposees2 li li
{
	list-style-type: disc;
}


/* code après modifs SF 07/22 - les spoilers et box devenus HTML */

.titre_info_formation
{
    color: #9f1865 !important;
}

.colonne_description_formation .su-spoiler-style-glass-green .su-spoiler-title div,
.colonne_description_formation .su-spoiler-style-glass-green .su-spoiler-title h2 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;

    color: #f5f5f5;

    padding: 0;
    margin: 0;
    line-height: normal;

    font-family: 'Lato', 'Dosis' !important;

    letter-spacing: 5px;
}

.faux_ssTitre_h2
{
	font-family: 'Lato', 'Dosis' !important;
	
	font-weight: 400;
	
    letter-spacing: 0 !important;
    padding-bottom: 0 !important;
    font-size: 20px !important;
    line-height: normal !important;
    color: #9f1865 !important;
    
    margin: 0;
}


.colonne_description_formation .su-box {
    border-color: #bdcc00 !important;

    margin: 0 0 1.5em 0;
    border-style: solid;
    overflow: hidden;
}

.colonne_description_formation .su-box .su-box-title {
    background-color: #bdcc00 !important;

	margin: 0;
	line-height: normal;
}

.colonne_description_formation .su-box-content {
	background-color: #fff;
	color: #444;
	padding: 1em;
}

.colonne_description_formation .su-box-content > *:first-child { 
	margin-top: 0; 
}

.colonne_description_formation .su-box-content > *:last-child {
	margin-bottom: 0;
}



/* VIE DE L'ECOLE **************** */


/* logement **************** */


/* reseaux sociaux **************** */

#rs_dans_article_rs .su-icon
{
	margin: 0;
	outline: none;
}

#rs_dans_article_rs a.su-icon:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

#rs_dans_article_rs .su-column-content:hover a.su-icon i, 
#rs_dans_article_rs .su-column-content:hover a.rs_lien_dans_article_rs
{
	color: rgb(159, 24, 101);
}

/*
#rs_dans_article_rs a.su-icon:hover i
{
	color: rgb(159, 24, 101);
}
*/

#rs_dans_article_rs .su-icon + p
{
	margin-top: 0;
}

#rs_dans_article_rs a.rs_lien_dans_article_rs
{

	/* color: rgba(0, 0, 0, 1);*/
	text-decoration: none;
	display: block;
}

/*
#rs_dans_article_rs a.rs_lien_dans_article_rs:hover
{
	color: rgba(0, 0, 0, 0.7);
	color: rgba(159, 24, 101, 1);
}
*/



/* Galeries à partir des carousel (y compris travaux de formateurs) **************** */
.mfp-gallery  .mfp-bottom-bar
{
	display: none;
}


/* recherche et résultats */
#searchForm
{
	margin-bottom: 30px !important;
}

/*
#searchForm::before, #searchForm:before
{
	content: "Recherche";
	
	margin-bottom: 30px;
	
	text-transform: none !important;
	color:
	rgb(159, 24, 101) !important;
	font-size: 38px !important;
	line-height: normal !important;
	font-weight: normal !important;
	letter-spacing: 0px !important;
	
	font-family: 'Lato', 'Dosis' !important;
	
	display: block;
}
*/

.page_recherche .page-header
{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

.page_recherche .page-header h1
{
  margin-bottom: 30px;
  text-transform: none !important;
  color: rgb(159, 24, 101) !important;
  font-size: 38px !important;
  line-height: normal !important;
  font-weight: normal !important;
  letter-spacing: 0px !important;
  font-family: 'Lato', 'Dosis' !important;
}


#searchForm div:nth-last-child(1)
{
	margin-top: 30px !important;
}

#searchForm div:nth-last-child(1) strong span
{
	background-color: #9f1865;
	color: #fff;
}


#searchForm fieldset:nth-child(n+2)
{
	margin-top: 40px;
}

#searchForm fieldset:nth-child(n+3)
{
	display: none;
}

#searchForm #search-searchword:focus, #searchForm #ordering:focus, #searchForm #limit:focus
{
	border-color: #bdcc00;
	background-color: #fff;
	color: #000;
}

#searchForm button[name="Search"]
{
	background-color: #9f1865;
	color: #fff;
	
	font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-weight: 700;
	
	border-radius: 4.00000006px;
}

#searchForm .controls .radio input
{
	color: #9f1865;
	background-color: #9f1865;
	border-color: #9f1865;
}

#searchForm ~ article p
{
	margin-bottom: 0 !important;
}

#searchForm ~ article h1
{
	font-size: 24px !important;
	margin-bottom: 10px !important;
}

#searchForm ~ article + article
{
	margin-top: 20px !important;
}

#searchForm ~ div.uk-pagination  li.uk-active span
{
	background-color: #9f1865;
	color: #fff;
}


/* alternance, le sider */

.formationsAlternance .owl-stage
{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.formationsAlternance .owl-stage .owl-item
{
	/* border: 1px solid #9f1865 !important; */
	background-color: #F6F6F6 !important;
}

/* les fleches */
.formationsAlternance .owl-nav, .formationsAlternance .owl-next
{
	border-color: rgb(189, 204, 0) !important;
	color: rgb(189, 204, 0) !important;
}

.formationsAlternance .owl-nav:before, .formationsAlternance .owl-nav:after
{
	background-color: rgb(189, 204, 0) !important;
}


/* alternance, les spoilers = accordion */
/* idem pour les jeudis */
/* couleur verte du spoiler en style glass-green = les volets programme, postuler, temoignages **************** */
.formationsAlternance .su-spoiler-style-glass-green,
.spoilersJeudis .su-spoiler-style-glass-green
{
	border-color: rgb(189, 212, 41) !important;
	border-color: #bdcc00 !important;
}

.formationsAlternance .su-spoiler-style-glass-green .su-spoiler-title, .spoilersJeudis .su-spoiler-style-glass-green .su-spoiler-title

{
	border-color: rgb(189, 212, 41) !important;
	background-color: #bdcc00 !important;
	background-image: none !important;
}
	

.formationsAlternance .su-spoiler-style-glass-green .su-spoiler-title h3, .spoilersJeudis .su-spoiler-style-glass-green .su-spoiler-title h3
{
	/* text-transform: uppercase;*/
	font-size: 16px; 
	font-weight: normal;
  	padding-right: 20px;
}


/* les jeudis, les div qui ressemblent aux titres des spoilers */
.spoilersJeudis .jeudisPassesSSvideo
{
	background-color: #bdcc00;
	
	padding: 12px 10px 12px 14px;
	border: 1px solid #bdcc00;
	border-radius: 2px;
    margin-bottom: 1em;
}

.spoilersJeudis .jeudisPassesSSvideo h3
{
	/* text-transform: uppercase;*/
	font-size: 16px; 
	font-weight: normal;
	
	color: #f5f5f5;
	line-height: normal;
	padding: 0;
	margin: 0;
}

/* la box = le jeudi à venir */
.spoilersJeudis .su-box
{
	border-width: 1px !important;
}

/* le titre de la box  */
.spoilersJeudis  .su-box-title
{
	font-family: 'Lato', 'Dosis' !important;
	text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
	color: rgb(245, 245, 245) !important;

	letter-spacing: 5px;
	padding: 12px 10px 12px 14px !important;
}

/* masquer les contenus des spoilers masqués, pour que la video n'interfere pas avec les autres spoilers
Valable aussi pour les programmes de formations, les profs, et les témoignages */

.su-spoiler.su-spoiler-closed > .su-spoiler-content .su-youtube
{
	/* display: none; */
	left: -5000px;
}

.su-spoiler:not(.su-spoiler-closed) > .su-spoiler-content .su-youtube
{
	/* display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; */
	left: 0;
}


/* espacer les spoilers qui sont dans l'accordéon, pour que ça ressemble aux spoliers des formations... idem pour la box... idem pour l'accordeon 	alternance */
.accordionLesjeudis .su-spoiler, .formationsAlternance .su-spoiler, .accordionLesjeudis .su-box
{
    margin-bottom: 1em;
}




/* page formations modulaires, les paragraphes dans les colonnes grises */

.lesFondamentaux p, .lesFondamentaux.su-heading 
{
	margin-bottom: 10px;
}


/* les fenetres modales */

.su-modal-content-wrapper > div:nth-child(n+2)
{
	font-weight: normal !important;
    font-size: 1em !important;
}

/* la fenetre flyout RGPD */
/* la poisition tmBreadcrumbs, qui a normalement un fond gris */
 
#tmBreadcrumbs
{ 
	background-color: #fff !important;
	border: none !important;
	height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
}
  

.flyout_RGPD
{ 
	width: auto !important;
	height: auto !important;
	background-color: rgba(159, 24, 101, 0.8);
	color: rgba(255, 255, 255, 1);
	background-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(255, 255, 255, 1);
	color: rgba(0, 0, 0, 1);
	
	box-sizing: content-box !important;
	
	border: solid 1px rgba(159, 24, 101, 1);
	border: solid 1px rgba(255, 255, 255, 0.8);
	border: solid 1px rgba(255, 255, 255, 1);
	outline: none !important;
	
	margin-right: 170px !important;
	margin-right: 150px !important;
}

.flyout_RGPD .su-fo-close:before
{ 
	background-color: rgba(159, 24, 101, 1) !important;
	background-color: rgba(255, 255, 255, 1) !important;
	color: rgba(0, 0, 0, 1) !important;
}

.flyout_RGPD .su-flyout-content
{ 
	padding: 20px 30px;
	padding: 15px 20px;
}

/* le bouton */

.flyout_RGPD .su-flyout-content .ligne_flyout
{ 
	margin-top: 20px;
	margin-bottom: 0 !important;
	text-align: center;
}

.boutonPersoFlyout
{ 
	color: rgba(255, 255, 255, 0.85) !important;
	border-color: rgba(255, 255, 255, 0.85) !important;
	color: rgba(159, 24, 101, 1) !important;
	border-color: rgba(159, 24, 101, 1) !important;
    padding: 5px 25px 5px 25px !important;
}

.boutonPersoFlyout:hover
{ 
	color: rgba(255, 255, 255, 1) !important;
	border-color: rgba(255, 255, 255, 1) !important;
	color: rgba(159, 24, 101, 0.9) !important;
	border-color: rgba(159, 24, 101, 0.9) !important;
}

.ligne_flyout .fermerFlyout
{ 
	color: rgba(255, 255, 255, 1) !important;
	background-color: rgba(159, 24, 101, 1) !important;
	border-color: rgba(159, 24, 101, 1) !important;
}

.ligne_flyout .fermerFlyout:hover
{ 
	color: rgba(255, 255, 255, 0.8) !important;
	background-color: rgba(159, 24, 101, 0.9) !important;
	border-color: rgba(159, 24, 101, 0.9) !important;
}

.boutonPersoFlyout:nth-of-type(1)
{
	margin-right: 15px;
}

/* les boutons sur les mobiles */
@media (max-width: 767px)
{
	.boutonPersoFlyout:nth-of-type(1)
	{
		margin-right: 0 !important;
		margin-bottom: 10px !important;
	}
}



/* insertion professionnelle... le tableau.... il recupere des reglages mis sur les tableaux des programme de formation. On ajoute un contour */

table.insertionPro
{
	border: solid 1px rgb(159, 24, 101);
}

.ssTitre_insertionPro
{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 30px;
}