/*
Theme Name: Divi child Bleu
Description: Ceci est un <a href='http://codex.wordpress.org/Child_Themes'>Thème enfant de couleur bleue</a> pour le thème Divi et la plteforme de formation. Si des modifications doivent être réalisées dans le thème ou si des fonctions spécifiques doivent être codées pour le site, alors il est préférable d'utiliser une thème enfant pour éviter que les modifications soient écrasées lors de la prochaine mise à jour du thème.
Version: 2.0.3
Author: adapté par Les formateurs libres
Template: Divi
*/
@import url("../Divi/style.css");


/* ======================     SITE WORDPRESS (pages, menu, ...... =================================    :*/

/* (modif de lionel) le menu de divi recouvre l'interface du cours. Il n'est pas possible de changer cela car Learnpress utilise du javascript pour remodifier le DOM après le chargement de la page et le CSS n'est pas pris en compte pour le header. 
La seule solution que nous ayons trouvée est de mettre le menu en z-index 0 afin qu'il passe sous le cours lorsqu'il est affiché et redevienne visible lorsque c'est une autre page qui est affichée en dehors de learnpress.  */

body.lp_course-template-default #page-container #main-header{
	z-index:0;
}







/* suppression des annonces publicitaires de learnpress*/
#learn-press-advertisement{
	margin-left:-300px;
	display:none;
} 

/* ------------------------ Menu -----------------------*/

/* icone elegant-theme : https://www.elegantthemes.com/blog/resources/elegant-icon-font    */
/* icone pour nav-accueil  */
.nav-accueil  {
	font-family: 'ETModules';
	content : "\e009";
	margin-right: 5px;
}

/* icone pour nav-mon-compte  */
.nav-mon-compte a:before {
	font-family: 'ETModules';
	content : "\e08a";
	margin-right: 5px;
}


/* icone pour nav-mes-formations  */
.nav-mes-formations a:before {
	font-family: 'ETModules';
	content : "\e00e";
	margin-right: 5px;
}


/* icone pour nav-mon-profil  */
.nav-mon-profil a:before {
	font-family: 'ETModules';
	content : "\e001";
	margin-right: 5px;
}


/* icone pour nav-deconnexion  */
.nav-deconnexion a:before {
	font-family: 'ETModules';
	content : "\e051";
	margin-right: 5px;
}



/*=====================================   WOOCOMMERCE   ==============================================   */

/* Suppression de la sidebar dans woocommerce  */
.woocommerce #sidebar {
		display: none;
	}


/* espace au dessus du footer dans la zone woocommerce (mon compte...) */
.woocommerce{
	margin-bottom:200px;
}

/* ---------------------    Fin des changements pour Woocommerce   -------------------*/




/*=====================================   LEARNPRESS   ==============================================   */

/* ADMIN */
#admin-editor-lp_course .lp-course-curriculum .section .section-head{
	background-color:red;
}





/* FRONTED */
/* ajout d'un espace de 200px en dessous du profil pour que le footer ne soit pas collé (en milieu de page) */
#learn-press-user-profile{
	margin-bottom:200px;
	margin-left:100px;
	margin-right:100px;
}

/* bandeau du haut des formations dans learnpress. Dégradé bleu vers rouge en diagonal  */
/* Couleur du menu des cours dans learnpress */
#course-item-content-header{
	/* 	background:#1fbdae; */
	/* 	background: navy */
			/* Anciens navigateurs */
		background: #3399cc url("gradient-bg.png") repeat-x top;
		-o-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		/* Navigateurs récents */
		background: -webkit-gradient(
			linear,
			left top, left bottom,
			from(navy),
			to(#3399cc)
		);
		background: -webkit-linear-gradient(
			top,
			navy,
			#3399cc
		);
		background: -moz-linear-gradient(
			top,
			navy,
			#3399cc
		);
		background: -o-linear-gradient(
			top,
			navy,
			#3399cc
		);
		background: linear-gradient(
			top,
			navy,
			#3399cc
		);
		}


/* Couleur du texte de la section "recherche" dans le menu des cours dans learnpress */
#course-item-content-header .course-item-search input{
	color:gray;
}

/* couleur de fond de la zone de recherche  */
#course-item-content-header .course-item-search input[type="text"]{
	background:#efefef;
	border-radius: 5px;
}


/* couleur du titre du cours dans learnpress */
h2.course-title{
	color:#fff;
}


/* suppression des puces dans la présenttion "détail de la formation"  */
  ul.curriculum-sections li  {
	list-style-type: none;
}




/* Nom des chapitres dans le cours */
.course-curriculum ul.curriculum-sections .section-header .section-title{
	font-size:13px;
	font-weight:bold;
	color:#00ADFF;
	text-transform:uppercase;
}


/* titres des leçons dans le cours*/
.item-name{
	font-size:0.9rem;
	/* color:#ffb606; orange*/
	color:navy;
	
}


/* couleur du cadenas */
.course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status::before{
	color: #ff6656;
}


.section-item-link a{
	color:red;
}



/* durée de la leçon dans le cours */
/* .item-meta duration */
.course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration{
	/* background-color:#54b551; */
	background-color:#6CE825;
	font-size:0.7rem;
	color:black;
}

/* ------------------  liste des formations disponibles (cours) --------------- */

/* liste des formations : centrage des miniatures sur largeur 80 %  */
.lp-archive-courses{
	width:80%;
	margin:auto;
}

/* zone de recherche limitée à 60 % de largeur */
.learn-press-search-course-form{
	width:60%;
}


/* =============  PROFIL Learnpress ==================== */
#learn-press-profile-header{
	background: #3399cc url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(navy),
		to(#3399cc)
	);
	background: -webkit-linear-gradient(
		top,
		navy,
		#3399cc
	);
	background: -moz-linear-gradient(
		top,
		navy,
		#3399cc
	);
	background: -o-linear-gradient(
		top,
		navy,
		#3399cc
	);
	background: linear-gradient(
		top,
		navy,
		#3399cc
	);
	}
	
	/* photo du profil Formation en cercle*/
	#learn-press-profile-header .lp-profile-avatar img{
		border-radius: 50px;
	}



	
	/* suppression des onglets dans le profil learnpress*/
/*	#learn-press-profile-nav .learn-press-tabs .orders,  */
	#learn-press-profile-nav .learn-press-tabs .dashboard
	{
		display: none!important;
		visibility: hidden!important;
	}
	
	/* modification de la hauteur des espaces dans le menu de gauche du profil (permet de ne pas cacher les onglets avec des noms de client long */
	#learn-press-profile-nav .tabs > li {
	margin-bottom: 0;
	position: relative;
	margin-top: 50px;
	}

	/* accentuation des couleurs au survol des sous-menus de gauche dans le profil */
	#learn-press-profile-nav .tabs > li ul li:hover a {
	background: transparent;
	color: navy;
	background-color:#D3D3D3;
	}

	#learn-press-profile-nav .tabs > li ul li.active a {
	color: navy;
	}

	/*===========   fin du PROFIL Learnpress =================*/







/* -================    Fin des changements pour Learnpress  ================ */





/* ---------------------    Fin des changements pour Learnpress   -------------------*/














/*** supprimer la ligne verticale entre le contenu et la sidebar de droite ***/
#main-content .container:before {background: none;}

/*** étendre le contenu pour le passer en pleine largeur ***/
@media (min-width: 1200px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}




/* Divi Pricing Section with Monthly-Yearly Switch 2 COLONNES */
/* IMPORTANT */
.dvcs_switch_btn_b_1,
.dvcs_switch_btn_b_2 {
	min-width: 120px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.dvcs_pricing_b {
	opacity: 0;
	-webkit-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	        transform: scale(0.9);
	-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
	-o-transition: opacity 0.4s ease, transform 0.4s ease;
	transition: opacity 0.4s ease, transform 0.4s ease;
}
.dvcs_pricing_b.dvcs_active {
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-o-transition: opacity 1s ease, transform 1s ease;
	transition: opacity 1s ease, transform 1s ease;
}
.dvcs_pricing_b_1 {
	visibility: hidden;
}
.dvcs_pricing_b_1.dvcs_active {
	visibility: visible;
}
.dvcs_pricing_b_1.dvcs_active .et_pb_pricing_table {
	z-index: 1;
}
.dvcs_pricing_b_1.dvcs_active .et_pb_featured_table {
	z-index: 11;
}
.dvcs_pricing_b_2 {
    position: absolute;
    top: 0;
    width: 100%;
	visibility: hidden;
}
.dvcs_pricing_b_2.dvcs_active {
    z-index: 10;
	visibility: visible;
}

@media (max-width: 980px){
	.dvcs_pricing_switch_row_b .et_pb_column {
		width: 50% !important;
	}
}
/* End IMPORTANT */

/* STYLING (Optional) */
/* set switch button-1 active background color */
body #page-container .dvcs_switch_btn_b_1.dvcs_active,
body #page-container .dvcs_switch_btn_b_1.dvcs_active:hover {
	background-color: #005dff !important;
	color: #ffffff !important;
}
/* set switch button-2 active background color */
body #page-container .dvcs_switch_btn_b_2.dvcs_active,
body #page-container .dvcs_switch_btn_b_2.dvcs_active:hover {
	background-color: #059600 !important;
	color: #ffffff !important;
}
.dvcs_pricing_b .et_pb_pricing_table {
	margin-top: 20px;
}
.dvcs_pricing_b .et_pb_featured_table {
	margin-top: 0;
}
.dvcs_pricing_b .et_pb_pricing_heading {
	background-color: rgba(0,0,0,0);
}
.dvcs_pricing_b .et_pb_featured_table .et_pb_pricing_content_top,
.dvcs_pricing_b .et_pb_pricing_content_top {
    border-bottom: 0px;
}
.dvcs_pricing_b .et_pb_pricing_content {
    padding: 30px 45px;
}
.dvcs_pricing_b .et_pb_pricing li > span:before {
    position: absolute;
    margin-left: -1em;
	font-family: ETmodules!important;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    /* speak: none; */
    text-shadow: none;
    font-weight: 400;
    font-style: normal;
    font-variant: none;
	top: 3px;
    left: -10px;
    border-width: 0;
}
/* set list item icon for available items */
.dvcs_pricing_b .et_pb_pricing li > span:before {
    content: "\4e";
}
/* set list item icon for not available items */
.dvcs_pricing_b .et_pb_pricing li.et_pb_not_available > span:before {
    content: "\4d";
}
/* END STYLING */

/* VB fixes */

.et_fb_preview_active .dvcs_pricing_switch_row_b .et_pb_column {
    width: 50% !important;
}
.et-fb .dvcs_pricing_b {
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
.et-fb .dvcs_pricing_b_2 {
	visibility: visible;
}

/* END VB fixes */

/* END: Divi Pricing Section with Monthly-Yearly Switch - 2 COLONNES */





/* ===================  Divi Pricing Section with Monthly-Yearly Switch 3 COLONNES  ============================== */
/* IMPORTANT */
.dvcs_switch_btn_1,
.dvcs_switch_btn_2 {
	min-width: 120px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.dvcs_pricing {
	opacity: 0;
	-webkit-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	        transform: scale(0.9);
	-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
	-o-transition: opacity 0.4s ease, transform 0.4s ease;
	transition: opacity 0.4s ease, transform 0.4s ease;
}
.dvcs_pricing.dvcs_active {
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-o-transition: opacity 1s ease, transform 1s ease;
	transition: opacity 1s ease, transform 1s ease;
}
.dvcs_pricing_1 {
	visibility: hidden;
}
.dvcs_pricing_1.dvcs_active {
	visibility: visible;
}
.dvcs_pricing_1.dvcs_active .et_pb_pricing_table {
	z-index: 1;
}
.dvcs_pricing_1.dvcs_active .et_pb_featured_table {
	z-index: 11;
}
.dvcs_pricing_2 {
    position: absolute;
    top: 0;
    width: 100%;
	visibility: hidden;
}
.dvcs_pricing_2.dvcs_active {
     z-index: 10;
	visibility: visible;
}

@media (max-width: 980px){
	.dvcs_pricing_switch_row .et_pb_column {
		width: 50% !important;
	}
}
/* End IMPORTANT */

/* STYLING (Optional) */
/* set switch button-1 active background color */
body #page-container .dvcs_switch_btn_1.dvcs_active,
body #page-container .dvcs_switch_btn_1.dvcs_active:hover {
	background-color: #2241ca !important; /* #8300e9 */
	color: #ffffff !important;
}
/* set switch button-2 active background color */
body #page-container .dvcs_switch_btn_2.dvcs_active,
body #page-container .dvcs_switch_btn_2.dvcs_active:hover {
	background-color: #e02b20 !important;
	color: #ffffff !important;
}
.dvcs_pricing .et_pb_pricing_heading {
	background-color: rgba(0,0,0,0);
}
.dvcs_pricing .et_pb_featured_table .et_pb_pricing_content_top,
.dvcs_pricing .et_pb_pricing_content_top {
    border-bottom: 0px;
}
.dvcs_pricing .et_pb_pricing_content {
    padding: 30px 45px;
}
.dvcs_pricing .et_pb_pricing li > span:before {
    position: absolute;
    margin-left: -1em;
	font-family: ETmodules!important;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    /* speak: none; */
    text-shadow: none;
    font-weight: 400;
    font-style: normal;
    font-variant: none;
	top: 3px;
    left: -10px;
    border-width: 0;
}
/* set list item icon for available items */
.dvcs_pricing .et_pb_pricing li > span:before {
    content: "\4e";
	color:greenyellow;
	font-size:26px;
	font-weight:bold;
}
/* set list item icon for available items */
.dvcs_pricing .et_pb_pricing li:last-child  > span:before  {
    display:none;
}

/* set list item icon for not available items */
.dvcs_pricing .et_pb_pricing li.et_pb_not_available > span:before {
    content: "\4d";
	color:red;
	font-size:30px;
	font-weight:bold;
}
/* END STYLING */

/* VB fixes */

.et_fb_preview_active .dvcs_pricing_switch_row .et_pb_column {
    width: 50% !important;
}
.et-fb .dvcs_pricing {
	opacity: 1;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}
.et-fb .dvcs_pricing_2 {
	visibility: visible;
}
/* END VB fixes */





/* ===========  END: Divi Pricing Section with Monthly-Yearly Switch 3 COLONNES    ==================================== */


/*  ====================  TRÈS IMPORTANT ===============  */
/* changement réalisé le 6 juin 2019*/


/* changement de couleur (gris clair) au survol des contenus de formation dans détails et dans le menu de gauche */
.course-curriculum ul.curriculum-sections .section-content .course-item:hover a{
    background-color: #f8f8f8;
}

/* couleur de l'onglet actif dans la présentation de la formation aux internautes)' */
#learn-press-course-tabs > ul > li.course-nav.course-nav-tab-overview:active a{
    background-color: #00ADFF;
    color:#fff;
} 

/* mise en surbrillance des têtes de chapitres de la formation */
.course-curriculum ul.curriculum-sections .section-header{
    background-color: #f3f3f3;
    border-radius: 5px;
    padding-left: 10px;
}

/* Marge en dessous de la présentation de la formation */
.course-summary .card{
    margin-bottom: 100px;
}