/* Enter Your Custom CSS Here */
/*largeur maximum */
#wrap,
#masthead-wrap,
#primary_wrap,
.bienvenue table ,
.header_container,
.site-title,
.main-navigation,
.footer_container,
.footer_liens,
.page-title,
.footer_container .section {
  max-width: 1200px;
}
#secondary {
  /*width:22%;*/
}
.site-header .site-introduction {
  padding:20px 0 20px 0;
}

body, select{
  line-height: 1.3;
  color:#666;
}
body.custom-background {
/*background-color: #E1E6EC;
    background-image: 
        linear-gradient(-180deg, #E1E6EC 2%, #F0F4F7 96%),
radial-gradient(at 50% 100%, rgba(255,255,255,0.2) 0%, rgba(0,0,0,0.5) 200%);*/
  background: 
        linear-gradient(to bottom, #E1E6EC 0%, #F0F4F7 100%), 
linear-gradient(to bottom, #E1E6EC 0%, #F0F4F7 100%);
}
select {
  height: 30px;
  line-height: 30px;
  border: 1px solid #ccc;
  background-color: #fff;
}
textarea {
  width:80%;
}
p.reduit {
  font-size:0.8em;
  font-style:italic;
}
  
blockquote {
  font-style:normal;
}
.entry-content img {
   max-width:none;  
}

/* sous-menu navigation */
.main-navigation {
   /* background: #f0f0f0 none repeat scroll 0 0;*/
  	background: #e6e6e6 none repeat scroll 0 0;
    color: #801A7C !important;
  	/*color: #fff !important;*/
}
.main-navigation ul ul li a {
    background: #e0e0e0 none repeat scroll 0 0 !important;
  	 /* background: #737A82 none repeat scroll 0 0 !important;*/
    border-bottom: 1px solid #F7942C;
    border-left: medium none;
    border-right: 1px solid #fff;
    color: #801A7C !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    padding: 6px 10px;
    text-align: left;
    text-shadow: none;
    text-transform: none;
    transition: all 0.25s ease-out 0s;
}

div.contenu_session h1 {
	font-size:1.5em;
}
.bienvenue table {
	/*min-width:1000px;*/
	padding:0;
	margin:0 0 10px 0;
}
.bienvenue table td {
	font-size:1.6em;
	font-weight:bold;
	vertical-align:middle;

}

/*table.bienvenue {
	min-width:1040px;
	padding:0;
	margin:0;
}
table.bienvenue td div {
	font-size:2em;
	font-weight:bold;
	vertical-align:middle;
}*/
h3 {
  color: #801A7C;
  font-size:1.3em;
  font-weight:bold;
  line-height: 1.5;
  /*border-bottom: 1px solid #ccc;*/
  margin-bottom:0;
}

h4 {    
  color: #801A7C;
  font-size:1.1em;
  font-weight:bold;
}
h5 {
  font-weight:bold;  
  color: #666;
  font-size:1em;
}

/* xxxxxxxxxxxxxxxx FAQs xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.span_faq {
	color:#666;
	font-size:0.9em;
	cursor:pointer;  
}  
.active_faq {
	color: #801A7C;
	font-size:1em;
  	font-weight:bold;

}


/* xxxxxxxxxxxxxxxxx  header sous le menu : on n'affiche pas le fil d'ariane xxxxxxxxxxxxxxxxxx */
.entry-header {
  /*display:none; */ 
    background: #fff none repeat scroll 0 0;  
    border-bottom: none;
    color: #801A7C;
    display: block;
    margin-top: 5px;
    margin-bottom: 0;
    min-height: 20px;
  	width:75%;
}
/*on n'affiche pas le titre*/
/*.page-title {
	display:none;
}*/
.page-title {
/*    font-size: 1.4em;*/
    padding: 10px 0 0 25px;*/
    margin: 0 auto;
    /*max-width: 1040px;*/
    float: left;
    color: #801A7C;
    font-size:1.3em;
    font-weight:bold;
    line-height: 1.5;
}
body.search .page-title, body.archive .page-title {
    font-size: 1.3em;
}
/******** Affichage des résultats de la recherche ****************/
.entry-header h1.entry-title {
    background: #fff none repeat scroll 0 0;  
    border-bottom:#801A7C 1px solid;  
}
.entry-header a{
    color: #801A7C;  
}
.hentry {
  margin:0;
  padding-bottom:0;
}
/****************************************************************/

/*fil d'ariane*/
.breadcrumbs {
   display:none;
   /* color: #801A7C;
    float: left;
    font-size: 12px;
    padding: 10px 14px 0 10px;
    text-transform: none;*/
}

.breadcrumbs a {
    /*color: #999;*/
}
#primary_wrap {
  clear:both;
  min-height:500px;
}
#secondary li {
    padding-bottom: 1.5px;
    padding-top: 1.5px;
    border-bottom: none; 
  	font-size:1em;
}
/*#secondary li a:hover {
  color:#666;
}*/
#content.fullwidth {
  min-height:500px;
}
#secondary {
  border: #e6e6e6 1px solid;
  border-radius: .6em;
}
 
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */



/*actualités widget selon page*/
.div_actu h3.txt_actu {
  	font-size:1em;
  	color:#666;
  	font-weight:bold;
}
.div_actu {
  	line-height:1em;
}
.date_actu {
    font-size:0.8em;
  	font-style: italic; 
  	margin:0;
}

/*************************** liens page ACCUEIL ****************************************/
.page-links_accueil {
    display: table;
    margin-top: 4em;
    overflow: hidden;
    width: 100%;
}
.page-links_accueil a:hover {
    opacity:0.7;
  	color:#fff;
}

.page-links_accueil a:visited {
  	color:#fff;
}
/* CANDIDAT */
.page-links_accueil .accueil_cand {
    border-radius: 4px;
    box-shadow: 5px 5px 5px #ccc;
    float: left;
    margin: 0 8px 16px;
  	width:60%;
  	height:300px;
    padding:5px 10px;
  	/*padding:0;*/
    position:relative;
  	color:#fff;
    font-size:1.2em;
}

.page-links_accueil .titre_cand {
  	color:#fff;
  	text-align:center;
  	font-size:1.2em;
    height:50px;
	clear:both;
}
.page-links_accueil .titre_cand span {
 	font-size:1.6em;
}
.page-links_accueil .accueil_cand a {
	position:relative;
	/*width:200px;
	height:180px;*/
  	width:48%;
	height:230px;
    /*color:#999;*/
    background-color:#fff;    
    font-size:1.1em;
  	float:left;
  	text-align:center;
  	padding-top:10px;
}
.entry-content .page-links_accueil .accueil_cand a {
  	color:#999;
}
.page-links_accueil .accueil_cand a span {
    display:block;
  	/*padding-top:10px;
 	font-size:1.5em;*/
 	 padding-top:15px;
 	font-size:1.7em;
}
.page-links_accueil .accueil_cand a span.texte_reduit {
	background-color:#e9e9e9;
 	font-size:0.8em;
  	bottom:0;
  	position:absolute;
  	padding-bottom:10px;
  	/*padding-bottom:5px;*/
}
.page-links_accueil a.diplome  {
    float:left;
}
.page-links_accueil a.projet  {
    float:right;
}
/* FORMATEUR */
.page-links_accueil .accueil_form {
    border-radius: 4px;
    box-shadow: 5px 5px 5px #ccc;
    float: left;
    margin: 0 8px 16px;
 	/*width: 220px;
  	height: 250px;*/
  	width: 28%;
  	height: 300px;
    padding:5px 10px;
  	/*padding:0;*/
    position:relative;
  	color:#fff;
    font-size:1.2em;
}

.page-links_accueil .accueil_form a {
	position:relative;
	width:100%;
	height:100%;
    /*color:#fff;*/
    font-size:1.2em;
  	float:left;
  	text-align:center;
  	padding-top:10px;
}
.entry-content .page-links_accueil .accueil_form a {
  	color:#fff;
}
.page-links_accueil .accueil_form a span {
    display:block;
  	/*padding-top:10px;
 	font-size:1.6em;*/
  	padding-top:15px;
 	font-size:1.7em;
}
.page-links_accueil .accueil_form a span.texte_reduit {
	background-color:#e9e9e9;
    color:#999;
 	font-size:0.8em;
  	bottom:5px;
  	text-align:center;
    /*margin-top:120px;*/
  	margin-top:130px;
  	width:100%;
  	/*height:30px;*/
    height:50px;
  	padding-bottom:2px;
}

/*xxxxxxxxxxx CODES COULEUR PAGE ACCUEIL xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.bg_accueil_cand {
    /*background: #5976B5 none repeat scroll 0 0;*/
  background: #F7942C none repeat scroll 0 0;
} 

.bg_accueil_form {
    background: #FFAF6F none repeat scroll 0 0;
}
/********************************* liens page DIPLOMES ****************************************************************/
.page-links {
    display: table;
    /*margin-top: 2em;*/
    overflow: hidden;
    width: 100%;
    margin: 0 0 1em;
}
.entry-content .page-links a.diplome_lien {
    border-radius: 4px;
    box-shadow: 5px 5px 5px #ccc;
    display: table-row;
    float: left;
    /*margin: 0 8px 16px;
 	width: 200px;
  	height: 90px;*/
  	margin: 0 8px;
 	width: 28%;
  	height: 120px;
    font-size:1.2em;
  	font-weight:bold;
    padding:30px 10px;
  	/*padding:0;*/
    position:relative;
  	text-align:left;
  	color:#fff;
}
.entry-content .page-links a.diplome_lien:hover {
    opacity:0.7;
  	color:#fff;
}
.page-links a span.titre {
    position:relative;
	font-size: 1.4em;
    height: 40px;
}
.page-links a span.sstitre {
	font-size: 1em;
}

.page-links a span {
  	display: block;
  	height: 80px;
  	/*width: 88%;*/
    width: 230px;
  	position:absolute;
    font-size: 1.4em;
	/*font-size: 0.9em;
	text-transform: none;*/
}
.page-links a.diplome_lien:visited {
  	color:#fff;
}
/**********************************************************************/
.entry-content .page-links a.diplome_lien img{
  /*position:absolute;*/
  width:70px;
  /*bottom:10px;
  right:10px;
  margin-left:130px;
  margin-top:30px;*/
  margin-left:150px;
  margin-top:50px;
}
/*xxxxxxxxxxx CODES COULEUR DES CERTIFICATIONS xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*.bg_dcl, .bg_dcl h3.widget-title {
    background: #ECB54A none repeat scroll 0 0;
}*/
.bg_dcl, .bg_dcl h3.widget-title {
    background: #FF8040 none repeat scroll 0 0;
}
.bg_delf, .bg_delf h3.widget-title {
    background: #7992c4 none repeat scroll 0 0;
}
.bg_dalf, .bg_dalf h3.widget-title {
    background: #3D5C9E none repeat scroll 0 0;
}
.bg_tcf-anf, .bg_tcf-anf h3.widget-title {
    background: #EA494E none repeat scroll 0 0;
}
.bg_tcf-quebec, .bg_tcf-quebec h3.widget-title {
    background: #FD6F72 none repeat scroll 0 0;
}
.bg_tcf-rf, .bg_tcf-rf h3.widget-title {
    background: #F5A436 none repeat scroll 0 0;
} 
.bg_tcf-irn, .bg_tcf-irn h3.widget-title {
    background: #F5A436 none repeat scroll 0 0;
} 
.bg_dilf, .bg_dilf h3.widget-title {
    background: #75D565 none repeat scroll 0 0;
} 
.bg_dcl th {
  color:#fff;
}

/*.bord_bg_dcl {	
  	border:#ECB54A 1px solid;
}*/
.bord_bg_dcl {	
  	border:#FF8040 1px solid;
}
.bord_bg_delf {
	border:#7992c4 1px solid;
}
.bord_bg_dalf {
	border:#3D5C9E 1px solid;
}
.bord_bg_tcf-anf {
	border:#EA494E 1px solid;
}
.bord_bg_tcf-quebec {
	border:#FD6F72 1px solid;
}
.bord_bg_tcf-rf {
	border:#F5A436 1px solid;
}
.bord_bg_tcf-irn {
	border:#F5A436 1px solid;
}
.bord_bg_dilf {
	border:#75D565 1px solid;
}
/*dans page 'quel est votre projet */
/*.bord_bas_dcl span{
	border-bottom:#ECB54A 1px solid;
    line-height:1.5em;
}*/
.bord_bas_dcl span{
	border-bottom:#FF8040 1px solid;
    /*line-height:1.5em;*/
}
.bord_bas_delf span{
	border-bottom:#7992c4 1px solid;
}
.bord_bas_dalf span{
	border-bottom:#3D5C9E 1px solid;
}
.bord_bas_tcf-anf span{
	border-bottom:#EA494E 1px solid;
}
.bord_bas_tcf-quebec span{
	border-bottom:#FD6F72 1px solid;
}
.bord_bas_tcf-rf span{
	border-bottom:#F5A436 1px solid;
}
.bord_bas_tcf-irn span{
	border-bottom:#F5A436 1px solid;
}
.bord_bas_dilf span{
	border-bottom:#75D565 1px solid;
}
.bord_bas_dcl li ul li, 
.bord_bas_delf li ul li, 
.bord_bas_dalf li ul li, 
.bord_bas_dilf li ul li, 
.bord_bas_tcf-rf li ul li,
.bord_bas_tcf-irn li ul li,
.bord_bas_tcf-anf li ul li, 
.bord_bas_tcf-quebec li ul li {
  	list-style:circle;
  	font-size:0.9em;
    line-height:1.5em;
}
/*.site_utile {
    display: block;
    float: left;
 	width: 250px;
  	height: 120px;
    position:relative;
	margin-left:100px;  
  	padding:0;
}
.site_utile ul.ul_contenu {
	font-size:0.9em;
    margin:10px;
}
.site_utile div.div_titre {
    color:white;
	font-size:1.2em;
    font-weight:bold;
  	text-align:center;
	width: 250px;
}*/


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/* xxxxxxxxxxxxxxxx  WIDGET  xxxxxxxxxxxxxxxxxxx */

.widget-title {
    background: #801A7C none repeat scroll 0 0;
    line-height:1.8em;
    color: #fff;
}
.widget div {
   background:none;
   line-height:1.2em;
}
.widget li {
    padding-bottom: 1px;
    padding-top: 1px;
    border-bottom: none;
}
.widget ul {
    margin: 0.5em;
}
.widget a.div_projet {
  /*border:1px #CCC solid;*/
  width:100%;
  height:85px;
  font-size: 1em;
  margin:0;
  color:#666;
}
.widget a.div_projet div {
  line-height:1.4em;
  float: left; 
  text-align: center;  
  margin-top: 10px;
  margin-left: 10px;
}
.widget a.div_projet img {
  float: right; 
  margin-right:10px;
}
.widget a.siteorigin-widget-tinymce.textwidget {
  padding-left:0;
}

/*xxxxxxxxxxxx div contenant la table dans inscriptions DCL xxxxxxxxxxxxxxxxxxxxxx*/
.div_session table th {
  	font-size:0.9em;
  	text-align:center;
}
.div_session table td {
  	font-size:0.9em;
  	text-align:center;
}

/*xxxxxxxxxxxx ul avec classe ul_contenu xxxxxxxxxxxxxxxxxxxxxx*/
ul.ul_contenu li {
  line-height:1.7em;	
  font-size:0.9em;
  margin:10px;
}
/*xxxxxxxxxxxx ul avec classe ul_suite (page : comment se rendre au CAEC) xxxxxxxxxxxxxxxxxxxxxx*/
ul.ul_suite li {
  line-height:1.3em;	
  font-size:0.9em;
  list-style-type:circle;
  margin-left:50px;
}
ul.ul_suite li ul li {
  list-style-type:none;
}
.span_suite {
  color: #801A7C;
  cursor:pointer;
}
/*xxxxxxxxxxxx ul avec classe ul_contenu xxxxxxxxxxxxxxxxxxxxxx*/
ul.ul_nomargintop  {  
  margin-top:0;
}

/*xxxxxxxxxxxxxxxx  FOOTER xxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
.footer_liens {
    /*background: #3C4044;*/
    background:#FFF;
    margin: 0 auto;
    /*max-width: 1040px;*/
    padding-bottom: 5px;
    color: #FFF;
   border-bottom:1px #CCC solid;
}
.footer_liens a {
    /*color: #FFF;*/
  	/*color:#3C4044;*/
  	color:#801A7C;
  	font-size:1.2em;
} 
.footer_liens a:hover {
    /*color: #FFF;*/
  	/*color:#3C4044;*/
  	color:#F7942C;
  	font-size:1.2em;
}
.footer_container {
  /*background:#d6d6d6;*/
  background:#801A7C;
  padding:5px;
}
.footer_container .span_4_of_4 {
  background:#FFF;
}
.footer_container table {
  width:auto;
}
.so-widget-image {
  border:1px #CCC solid;
}
.genericon {
  font-size:20px;
}

/*---- images : pour éviter la marge du haut sur aligncenter ----*/
.aligncenter {
  margin:auto;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 800px or less */
@media only screen and (max-width: 800px) {
	body {
    	font-size: 12px;
    }
  	.page-title {
		text-align: left;
		clear: both;
		float: none;
    	font-size:1em;
    	padding: 10px 0 0 15px;
	}
	h1 {
		font-size:1em;
	}  
  	h2 {
    	font-size:1.1em;
  	}
  	h3 {
    	font-size:1em;
  	}
  
  	h4 {    
    	font-size:0.9em;
  	}
  	h5 {
    	font-size:0.8em;
  	} 
  	.entry-header {
		width:100%;
	}	
	.entry-content {
		margin: 1em;
	}
	.page-links_accueil .accueil_cand {
	    font-size:1em;
    	height:250px;
	}

	.page-links_accueil .titre_cand {
	  	font-size:1em;
	}
	.page-links_accueil .titre_cand span {
	 	font-size:1.3em;
	}
	.page-links_accueil .accueil_cand a {
	    font-size:1em;
    	height:180px;
	}
}
/************************************************************************************
TEXT DEFILANT
*************************************************************************************/
.scroll-container {
	height: 50px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.scroll-container h3 {
  color: red;
  white-space: nowrap;
  display: inline-block;
  will-change: transform;
}

/* Animation for scrolling from left to right */
.left-to-right h3 {
  animation: scrollLeftToRight 15s linear infinite;
}

@keyframes scrollLeftToRight {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}

/* Animation for scrolling from right to left */
.right-to-left h3 {
  animation: scrollRightToLeft 25s linear infinite;
}

@keyframes scrollRightToLeft {
  0% { transform: translateX(60%); }
  100% { transform: translateX(-100%); }
} 
.content {
  /*color: #801A7C;*/
  color:red;
  font-size:1.3em;
  font-weight:bold;
  line-height: 1.5;
  margin-bottom:0;
}

@media only screen and (max-width: 767px) {
    .content {
        font-size: 1.5rem !important;
        padding-left: 0.25em;
    }
}

.outer {
    height: 50px;
    overflow: hidden !important;
    position: relative;
    display: flex;
    align-items: center;
}

.outer div {
    display: inline-block;
}

.loop {
    white-space: nowrap;
    animation: loop-anim 25s linear infinite;
}

@media only screen and (max-width: 767px) {
    .loop {
        animation: loop-anim 25s linear infinite;
    }
}

@keyframes loop-anim {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -50%;
    }
}