*, *:before, *:after{
	margin:0;
	padding:0;
	box-sizing:border-box;
	text-decoration:none;
}

html, body{
	font-family:"Arial",sans-serif;
	font-size:12px;
	color:var(--noir);
}
body.menuOuvert{
	overflow:hidden;
}
img{
	max-width:100%;
}

.bouton, #main p a.bouton, #header .wrap #mainNav ul li a.bouton {
    background: var(--couleur1);
    color: #fff;
    border-radius: 50px;
    padding: 10px 25px;
    font: bold 14px "Montserrat",sans-serif;
    position: relative;
    /*overflow: hidden;*/
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border: 0px;
}
.bouton:hover{
	text-decoration:underline;
	text-decoration-color:var(--couleur1);
}
.bouton span{
	position:relative;
	display:inline-block;
	z-index:2;
}

#btnMenuMobile{
	display:none;
	font-size:0px;
	width:50px;
	height:50px;
	float:right;
	clear:both;
	background:url(/media/1066/i_menu.png) no-repeat center center;
	background-size:70% auto;
	margin:10px 0;
	cursor: pointer;
}

.mainGrid{
	position:relative;
}
.mainGrid main{
	width:calc(100% - 400px);
	margin-left:400px;
	margin-top:100px;
	background:#f6f8fb;
}

#mainSidebar #autoformation {
	width: fit-content;
    margin-top: 35px;
}
#mainSidebar #ctnLogin #autoformation {
	font-weight: bold;
	text-align: center;
}

/*- Header -*/
#header{
	background:#f7f7f7;
	position:fixed;
	top:0;
	right:0;
	width:calc(100% - 400px);
	z-index:10;
		-webkit-box-shadow: 0 5px 15px -10px rgba(0,0,0,0.1);
	box-shadow: 0 5px 15px -10px rgba(0,0,0,0.1);
}
#header .wrap{
	width:100%;
	background:#fff;
	display: flex;
    justify-content: space-between;
	align-items: center;
}
#header .wrap .logo{
	padding:30px 0px 30px 75px;
	position: relative;
    z-index: 11;
	max-width:calc(100% - 750px);
}
#header .wrap .logo img{
	max-height:90px;
	display: block;
	margin: 0 auto;
}

/*- Main menu -*/
#header .wrap #mainNav{
	padding-right: 15px;
}
#header .wrap #mainNav ul li{
	display:inline-block;
	float:left;
	padding:50px 10px;
	position:relative;
}
#header .wrap #mainNav ul li a{
	padding:10px 0;
	color:#000;
	font:500 16px "Spartan",sans-serif;
}
#header .wrap #mainNav ul li.actif:after{
	content:"";
	display:block;
	width:100%;
	height:5px;
	position:absolute;
	bottom:0;
	left:0;
	background:var(--couleur1);
}
#mainNav > ul > li.hasChildren > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f7741b;
    /*background: -moz-linear-gradient(left, #f7741b 0%, #ed511a 100%);
    background: -webkit-linear-gradient(left, #f7741b 0%,#ed511a 100%);
    background: linear-gradient(to right, #f7741b 0%,#ed511a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7741b', endColorstr='#ed511a',GradientType=1 );*/
    padding: 20px;
    min-width: 350px;
}
#mainNav ul li.hasChildren:hover ul{
	display:block;
	z-index: 1;
}
#header .wrap #mainNav ul li.hasChildren li{
	padding:0;
	display:block;
	float:none;
	border-bottom: 1px solid rgb(222 95 9);
    border-top: 1px solid rgb(255 132 48);
}
#header .wrap #mainNav ul li.hasChildren li:first-child{
	border-top:0px;
}
#header .wrap #mainNav ul li.hasChildren li:last-child{
	border-bottom:0px;
}
#header .wrap #mainNav ul li.hasChildren li a{
	padding:15px 0;
	display:block;
	color:#fff;
}
#header .wrap #mainNav ul li.hasChildren li a:hover{
	background: -moz-linear-gradient(left, #f7741b 0%, #ed511a 100%);
    background: -webkit-linear-gradient(left, #f7741b 0%,#ed511a 100%);
    background: linear-gradient(to right, #f7741b 0%,#ed511a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7741b', endColorstr='#ed511a',GradientType=1 );
}
#header .wrap #mainNav ul li.hasChildren{
	position:relative;
}
#header .wrap #mainNav ul li.hasChildren li ul{
	display:none;
	position:absolute;
	left:100%;
	top:0;
	padding-left:30px;
	background:#f7741b;
	min-width:250px;
}
#header .wrap #mainNav ul li.hasChildren li.hasChildren:hover ul{
	display:block;
	
}
#header .wrap #mainNav ul li.hasChildren li ul li{
	
}
/*- Sidebar  login et infos -*/

#mainSidebar{
	z-index: 1;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	min-height:100vh;
	width:400px;
	background:var(--couleur2);
	display: flex;
    flex-direction: column;
}
#mainSidebar span#menuConnexion {
    background-color: transparent;
    padding: 10px;
}
#mainSidebar span#menuConnexion, #mainSidebar span#menuConnexion img {
    display: none;
}
#mainSidebar #ctnLogin{
	padding:20px 70px;
}
#mainSidebar #listeLien{
	list-style:none;
}
#mainSidebar #listeLien li{
	list-style:none;
	border:1px solid #2f384d;
	border-radius:40px;
	margin-bottom:10px;
}
#mainSidebar #listeLien li a{
	padding:15px 20px 15px 60px;
	margin:0;
}
#mainSidebar #listeLien li:hover{
	background-color:var(--orange);
}
#mainSidebar #listeLien li.formation a{
	background:url(/media/1489/i_formation.png) no-repeat 20px center;
}
#mainSidebar #listeLien li.guidePrep a{
	background:url(/media/1490/i_guide-preparatoire.png) no-repeat 20px center;
}
#mainSidebar #listeLien li.electude a{
	background:url(/media/1488/i_electude.png) no-repeat 20px center;
}
#mainSidebar #listeLien li.commande a{
	background:url(/media/1490/i_guide-preparatoire.png) no-repeat 20px center;
}
#mainSidebar #listeLien li.banqueImage a{
	background:url(/media/1487/i_banque-d-images.png) no-repeat 20px center;
}
#mainSidebar #listeLien li.listeMembre a{
	background:url(/media/1295/ico-nom-utilisateur.png) no-repeat 20px center;
}
#mainSidebar #listeLien li.code a{
	background:url(/media/1294/ico-mot-de-passe.png) no-repeat 20px center;
}
#ico_menuConnexion.ouvert {
    display: none;
}
#mainSidebar #ctnLogin > p{
	color:#fff;
	font:normal 14px "Montserrat",sans-serif;
	margin-bottom:10px;
}
#mainSidebar #ctnLogin .lienDeconnexion{
	color:#fff;
	font:normal 14px "Montserrat",sans-serif;
	text-decoration:underline;
	border:0px;
	text-decoration-color: var(--couleur1)!important;
	background:transparent;
	cursor: pointer;
}


#mainSidebar #ctnLogin #ctnImgProfil{
	border-radius:100%;
	width:85px;
	height:85px;
	padding:12px;
	border:5px solid var(--couleur1);
	margin:0px auto 40px;
	
}
#mainSidebar #ctnLogin #ctnImgProfil img{
	border-radius:100%;
}
#mainSidebar #ctnLogin h3{
	font:900 24px "Spartan",sans-serif;
	color:#fff;
	margin:0px 0 20px 0;
	text-transform:lowercase;
}
#mainSidebar #ctnLogin input{
	background:transparent;
	border:1px solid #2f384d;
	padding:15px 15px 15px 40px;
	font:normal 14px "Montserrat",sans-serif;
	color:#fff;
	border-radius:30px;
	margin-bottom:20px;
	outline:none;
}
#mainSidebar #ctnLogin input::placeholder{
	color:#fff;
}
#mainSidebar #ctnLogin #loginModel_Username {
	background:url(/media/1295/ico-nom-utilisateur.png) no-repeat 20px center;
}
#mainSidebar #ctnLogin #loginModel_Password{
	background:url(/media/1294/ico-mot-de-passe.png) no-repeat 20px center;
}
#mainSidebar #ctnLogin button.bouton{
	padding:15px 25px;
	border-radius:30px;
    background: var(--couleur1);
    color: #fff;
    font: bold 14px "Montserrat",sans-serif;
    display: inline-block;
	border:0px;
	outline:none;
}
#mainSidebar #ctnLogin form{
	padding-bottom:20px;
}
#mainSidebar #ctnLogin a{
	color:#fff;
	font:normal 14px "Montserrat",sans-serif;
	display:block;
	margin-bottom:5px;
}
#mainSidebar #ctnLogin a span{
	text-decoration:underline;
	text-decoration-color:var(--couleur1);
}

#mainSidebar .blocLogoCompetence{
	text-align:center;
	padding:0px 80px 20px;
}
#mainSidebar .blocLogoCompetence a#logoCompetence > img{
	background:#fff;
	border-radius:100%;
	border:10px solid #fff;
	display:inline-block;
	width:100px;
	margin-bottom:10px;
}
#mainSidebar .blocLogoCompetence a{
	color: #fff;
    text-decoration: underline;
	display:inline-block;
	margin-bottom:5px;
    text-decoration-color: var(--couleur1);
	font:normal 14px "Montserrat",sans-serif;
}
#mainSidebar .blocLogoCompetence a:hover{
	color:var(--couleur1);
	text-decoration:none;
}
#mainSidebar .ctnInfoContact{
	background:url(/media/1284/bg-sidebar.jpg) no-repeat center center;
	padding:30px 80px;
	text-align:center;
}
#mainSidebar .ctnInfoContact .bloc img{
	margin-bottom:2px;
}
#mainSidebar .ctnInfoContact .bloc{
	font:normal 14px/160% "Montserrat",sans-serif;
	text-decoration:underline;
	text-decoration-color:var(--couleur1);
	margin-bottom:20px;
}
#mainSidebar .ctnInfoContact .bloc a{
	color:#fff;
	text-decoration:underline;
	text-decoration-color:var(--couleur1);
}

#mainSidebar .ctnInfoContact .bloc{
	width:100%;
	color:#fff;
}


/*- Footer -*/
footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:10px;
	background:var(--couleur2);
}
footer .texteCopyright{
	width:100%;
	clear:both;
	font-size:12px;
	text-align:center;
	padding:5px 0;
}
footer .texteCopyright p{
	color:var(--blanc);
	font:normal 14px "Montserrat",sans-serif;
	padding-top: 10px;
}
footer .texteCopyright p.confidentialite a{
	color:var(--blanc);
	font:normal 14px "Montserrat",sans-serif;
	
}

/*- Blogue Accueil -*/
#ctnFormationAccueil,
#ctnActualiteAccueil,
#ctnBonCoupsAccueil{
	text-align:left;
	padding:60px 5%;
}
#main h2.formation {
    margin-top: 50px;
    margin-bottom: 20px;
}
.blocCollapse{
	padding: 30px 0 20px;	
}
.blocCollapse .collapse{
	display: none;
}
.blocCollapse.ouvert .collapse{
	display: block;
}
#main .blocCollapse.ouvert h3.btnCollapse:before{
	left: 33px;
	position: absolute;
	content: url("/media/1456/btncollapse.png");
}
#main .blocCollapse h3.btnCollapse:before{
	left: 33px;
	position: absolute;
	content: url("/media/1460/btncollapeplus.png");	
}
#main .blocCollapse h3.btnCollapse:hover{
	background-color: var(--couleur1);
	cursor: pointer;
}
#main h3.btnCollapse{
	vertical-align: middle;
    background-color: #ffffff;
    color: #1f2533;
    padding: 15px 33px 15px 95px;
	margin: 0;
	height: 80px;
	display: flex;
	align-items: center;
}
#main .blocFormation h3{
    color: var(--couleur2);
	font: 900 18px Spartan;
	margin: 0;
}
#main .blocFormation h4{
	color: var(--couleur2);
	font: bold 14px Montserrat;
	text-transform: none;
	margin: 0;
}
#main .blocFormation p{
	color: var(--couleur2);
	font: normal 14px Montserrat;
	margin: 0;
}
#main .blocFormation .blocAchat {
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    row-gap: 10px;
}
#main .blocFormation .bouton {
	background-color:var(--couleur2);
	margin:20px 0 0;
}
#main .blocFormation .blocAchat .prix {
        font-weight: bold;
        font-size: 3rem;
        color:var(--couleur1);
		margin-right: 65px;
}
#main .blocFormation .blocAchat .titreQuantite{
        font-weight: bold;
        font-size: 2rem;
		margin-right: 20px;
}

#main .blocFormation .blocAchat .quantite {
        font-weight: bold;
        font-size: 2rem;
}

#main .blocFormation .blocAchat .boutonMoin,
#main .blocFormation .blocAchat .boutonPlus {
    border: none;
	vertical-align:middle;
}

#main .blocFormation .blocAchat .boutonMoin::before, .ctnArticle .retrait {
        content: url(/media/1456/btncollapse.png);
		vertical-align:middle;
    }

#main .blocFormation .blocAchat .boutonPlus::before, .ctnArticle .ajout {
        content: url(/media/1460/btncollapeplus.png);
		vertical-align:middle;
        
    }

#main .blocFormation button.bouton {
        padding: 15px 25px;
        border-radius: 30px;
        background: var(--couleur2);
        color: #fff;
        font: bold 14px "Montserrat",sans-serif;
        display: inline-block;
        border: 0px;
        outline: none;
    }
#main .reference{
	padding: 25px 0;
    text-align: center;
}
#main .reference a{
	font: bold 18px Montserrat;
	color: var(--couleur1);
	text-decoration: underline;
}
#main .blocFormation ul li:before{
		
}
#ctnFormationAccueil .container{
    width: 100%;
	max-width:100%;
    padding: 40px 0px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#ctnFormationAccueil h2,
#ctnActualiteAccueil h2,
#ctnBonCoupsAccueil h2{
	float:left;
	font:900 55px "Spartan", sans-serif;
	margin-bottom:0px;
	text-transform:lowercase;
	color:var(--couleur2);
	letter-spacing: -4px;
}
#ctnFormationAccueil h2 span,
#ctnActualiteAccueil h2 span,
#ctnEvenementsAccueil h2 span,
#ctnBonCoupsAccueil h2 span{
	font:500 24px "Spartan", sans-serif;
	letter-spacing:0;
}
.collapse{
	background-color: #ffffff;
	margin: 0 0 40px;
}
.blocFormation{
	display: flex;
	padding: 45px 0 90px;
}
.blocFormation.accueil{
	padding: 0 0 30px;
}
.blocFormation.accueil img{
	margin:0;	
    box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px;
}
.blocFormation.accueil .texte{
	padding:0;
	max-width: 320px;
}
#ctnFormationAccueil .container .blocFormation{
	display: flex;
	flex-direction: column;
	overflow:hidden;
	float:left;
	background:var(--blanc);
	cursor:pointer;
	text-align:center;
	border-radius:10px;
	transition:all 0.3s ease-in-out;
    margin: 0 8px;
	width: 23%;
	max-width: 320px;
}
.blocFormation .texte{
	background:#fff;
	padding: 0 70px 0 20px;
	position:relative;
	transition:all 0.3s ease-in-out;
}
#ctnFormationAccueil .container .blocFormation .image{
	transition:all 0.3s ease-in-out;
}
.blocFormation img{
	max-height: 350px;
	margin: 0px 50px;
    box-shadow: 8px 10px 9px -3px #cecece;
    -webkit-box-shadow: 8px 10px 9px -3px #cecece;
    -moz-box-shadow: 8px 10px 9px -3px #cecece;
}

#ctnFormationAccueil .container .blocFormation .texte h3{
	padding:0 6%;
	font:900 1.3vw/120% "Spartan",sans-serif;
	margin:20px 0;
	text-decoration:underline;
	color:var(--couleur2);
}
#ctnFormationAccueil .container .blocFormation .texte h3 a{
	color:var(--couleur2);
	text-decoration:none;
	text-decoration-color:var(--couleur1);
}
#ctnFormationAccueil .container .blocFormation .texte p{
	font:normal 1vw/180% "Montserrat",sans-serif;
}
#ctnFormationAccueil .container .blocFormation .texte p a {
    color: var(--noir);
}
#ctnFormationAccueil .blocBouton{
	width:100%;
	text-align:center;
}
#ctnFormationAccueil > .bouton{
	float:right;
	margin-top:15px;
	background:var(--couleur2);
	color:#fff;
	border-radius:50px;
	padding:15px 25px;
	font:bold 14px "Montserrat",sans-serif;
	display:inline-block;
}

#strateImage{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:100px 80px;
	background-size:cover;
	position:relative;
}
#strateImage img.overlayImg{
	position:absolute;
	right:50px;
	bottom:0px;
	max-width: 600px;
}
#strateImage #ctnTexteCTA{
	width:100%;
	padding:0px;
	border-bottom:2px solid var(--couleur1);
	text-align:left;
	
}
#strateImage #ctnTexteCTA h2{
	font:500 24px "Spartan",sans-serif;
	color:#fff;
	position: relative;
    z-index: 2;
	text-shadow: 0 0 5px #000000;
}
#strateImage #ctnTexteCTA h2 strong{
	font:900 55px "Spartan",sans-serif;
	letter-spacing: -4px;
}

#ctnBonCoupsAccueil .container {
	padding: 40px 0 0;
	width: 100%;
	display: block;
	overflow:hidden;
}

#ctnActualiteAccueil .container{
    width: 100%;
	max-width:100%;
    padding: 40px 0px;
    margin: 0 auto;
	overflow:hidden;
}
#ctnActualiteAccueil img{
	border-radius: 15px;
}
#ctnActualiteAccueil .col{
	float:left;
	padding-right: 2%;
	width:calc(40% - 10px);
}
#ctnActualiteAccueil .col:last-child{
	float:left;
	width:calc(60% - 10px);
	margin-left:1%;
}
#ctnActualiteAccueil .blocActualite{
	background:#fff;
	border-radius:15px;
	padding:5% 7%;
	margin:0 0 20px 0;
	width:100%;
}
#ctnActualiteAccueil .blocActualite h3{
	margin-bottom:20px;
}
#ctnActualiteAccueil .blocActualite h3 a{
	font:900 1.3vw "Spartan",sans-serif;
	color:var(--couleur2);
	text-decoration:underline;
	text-decoration-color:var(--couleur1);
}
#ctnActualiteAccueil .blocActualite span.tag{
	color:#4e8eaf;
	font:900 18px "Spartan",sans-serif;
	display:inline-block;
}
#ctnActualiteAccueil .blocActualite.vedette span.tag{
	margin-bottom:30px;
}
#ctnActualiteAccueil .blocActualite.vedette{
	overflow:hidden;
}
#ctnActualiteAccueil .blocActualite.vedette > img{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	max-width:35%;
}
#ctnActualiteAccueil .blocActualite.vedette p{
	font:normal 1vw/160% "Montserrat",sans-serif;
	margin-bottom:20px;
}
#ctnActualiteAccueil .blocActualite.blocPlus{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:30px 35px;
	position:relative;
}
#ctnActualiteAccueil .blocActualite.blocPlus:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#eef3f8;
	position:absolute;
	top:50%;
	left:0;
	
}
#ctnActualiteAccueil .blocActualite.blocPlus .bouton{
	color:#fff;
	padding:10px 50px;
	position:relative;
	z-index:2;
	font-size:14px;
}

#ctnEvenementsAccueil{
	padding:120px 120px;
	background:url(/media/1535/adobestock_313244409.jpeg) no-repeat center center;
	background-size:cover;
}
#ctnEvenementsAccueil .wrap{
	background:var(--gris);
	padding:50px;
}
#ctnEvenementsAccueil .wrap h2{
	color:var(--couleur2);
	font:900 55px "Spartan",sans-serif;
	letter-spacing: -4px;
}
#ctnEvenementsAccueil .container{
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	max-width:100%;
    padding: 40px 0px;
}
#ctnEvenementsAccueil .blocEvenement{
	background:#fff;
	border-radius:15px;
	padding:5% 7%;
	width:100%;
}
#ctnEvenementsAccueil .blocEvenement div{
	margin-left: 20px;
}
#ctnEvenementsAccueil .blocEvenement h3{
	margin-bottom:20px;
}
#ctnEvenementsAccueil .blocEvenement h3 a{
	font:900 1.3vw "Spartan",sans-serif;
	color:var(--couleur2);
	text-decoration:underline;
	text-decoration-color:var(--couleur1);
}
#ctnEvenementsAccueil .blocEvenement p.date{
	color:#4e8eaf;
	font:900 16px "Spartan",sans-serif;
	display:inline-block;
}
#ctnEvenementsAccueil .blocEvenement:not(.blocPlus){
	display:flex;
	justify-content:left;
	align-items:center;
}
#ctnEvenementsAccueil .blocEvenement.blocPlus{
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	padding:0;
	min-height:120px;
}
#ctnEvenementsAccueil .blocEvenement.blocPlus:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#eef3f8;
	position:absolute;
	top:50%;
	left:0;
	
}
#ctnEvenementsAccueil .blocEvenement.blocPlus .bouton{
	color:#fff;
	padding:10px 50px;
	position:relative;
	z-index:2;
	font-size:14px;
}

#main .pdf a {
	margin: 40px 0;
}
#main .pdf img {
	max-width: 200px;
	margin: 0 0 40px;
}
#main .pdf p {
	font-size: 16px;
	color: var(--couleur1);
	font-weight: 600;
	margin-bottom: 0!important;
	margin-top: 40px;
}

#ctnTexteAccueil{
	background:var(--couleur1) url(/media/1304/bg-a-propos.png) no-repeat 15px center;
	padding:150px 80px 80px 80px;
	overflow:hidden;
}
#ctnTexteAccueil .blocTexte{
	float:right;
	width:75%;
	max-width:800px;
	background:var(--couleur1);
	padding:40px 80px;
}
#ctnTexteAccueil .blocTexte h2{
	color:#fff;
	font:900 55px "Spartan",sans-serif;
	margin-bottom:15px;
	letter-spacing: -4px;
}
#ctnTexteAccueil .blocTexte h2 span{
	font:normal 24px "Spartan",sans-serif;
	letter-spacing:0;
}
#ctnTexteAccueil .blocTexte p{
	font:normal 14px/160% "Montserrat",sans-serif;
	margin-bottom:20px;
	color:#fff;
}
#ctnTexteAccueil .blocTexte ul{
	padding-left:20px;
	
	margin-bottom:20px;
	
}
#ctnTexteAccueil .blocTexte ul li{
	font:normal 14px/160% "Montserrat",sans-serif;
	color:#fff;
}
#ctnTexteAccueil .bouton{
	float:right;
	clear:both;
	color:#fff;
	padding:10px 45px;
}

#ctnAccesRapide{
	padding:150px 80px;
	background:url(/media/1469/photo-a7.jpeg) no-repeat center center;
	background-position: 0px 37%;
	background-size:cover;
}
#ctnAccesRapide .container{
	background:#fff;
	padding:50px;
	display:flex;
	justify-content:center;
	align-items:center;
}
#ctnAccesRapide .container h2{
	color:var(--couleur2);
	font:900 55px "Spartan",sans-serif;
	padding:15px 65px 15px 0;
	margin-right:65px;
	border-right:1px solid #e9eff6;
	letter-spacing: -4px;
}
#ctnAccesRapide .container .blocAcces{
	margin-right:50px;
	text-align:center;
}
#ctnAccesRapide .container .blocAcces:last-child {
    margin: 0;
}
#ctnAccesRapide .container .blocAcces .image{
	background: #fdfefe;
	-webkit-box-shadow: 0 0 30px -5px rgba(0,0,0,0.1);
	box-shadow: 0 0 30px -5px rgba(0,0,0,0.1);
	border-radius:100%;
	padding:15px;
	margin-bottom:15px;
}
#ctnAccesRapide .container .blocAcces:hover .image{
	background: var(--couleur1);
}
#ctnAccesRapide .container .blocAcces img{
	display:block;
	background:#fff;
	border-radius:100%;
	-webkit-box-shadow: 0 0 30px -5px rgba(0,0,0,0.1);
	box-shadow: 0 0 30px -5px rgba(0,0,0,0.1);
}
#ctnAccesRapide .container .blocAcces a{
	font:bold 14px "Montserrat",sans-serif;
	color:var(--couleur2);
}
#ctnAccesRapide .container .blocAcces:hover a{
	color:var(--couleur1);
}

#ctnPartenaire .container{
	padding:150px 80px;
	overflow:hidden;
	display:flex;
	flex-wrap: wrap;
}
div#ctnPartenaireInterne {
    display: flex;
    flex-wrap: wrap;
}
#ctnPartenaire .container .blocPartenaire{
	width:calc(33% - 20px);
	margin:10px;
	display:inline-block;
	background:#fff;
	border-radius:15px;
	padding:20px;
	margin:10px;
	float:left;
}
#ctnPartenaire .container .blocPartenaire img{
	background:#fff;
	border-radius:10px;
	float:left;
	margin-right:15px;
	-webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px -5px rgba(0,0,0,0.1);
}
#ctnPartenaire .container .blocPartenaire.blocTexte{
	padding:70px 30px;
}
#ctnPartenaire .container .blocPartenaire.blocTexte h3{
	font:900 24px "Spartan",sans-serif;
	letter-spacing:-2px;
	color:var(--couleur2);
	text-decoration:underline;
	text-decoration-color:var(--couleur1);
	margin-bottom:20px;
}
#ctnPartenaire .container .blocPartenaire.blocTexte p{
	font:normal 14px/160% "Montserrat",sans-serif;
	color:var(--couleur2);
	margin-bottom:20px;
}
#ctnPartenaireInterne .blocPartenaire{
	width: calc(50% - 20px);
    min-height: 200PX;
    display: inline-block;
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    margin: 10px;
    float: left;
}	
#ctnPartenaireInterne .blocPartenaire img{
	background:#fff;
	border-radius:10px;
	float:left;
	margin-right:15px;
	-webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px -5px rgba(0,0,0,0.1);	
}
#ctnPartenaire .container .blocPartenaire.blocTexte .bouton{
    color: #fff;
    padding: 10px 45px;
}
#ctnPartenaire .container .blocPartenaire h3{
	font:900 18px "Spartan",sans-serif;
	letter-spacing:-1px;
	color:var(--couleur2);
	margin-bottom:15px;
	/*white-space:nowrap;*/
	overflow:hidden;
	text-overflow:ellipsis;
}
#ctnPartenaire .blocPartenaire .texte .ctn {
    width: fit-content;
   margin: 0 0 0 130px;
}
#ctnPartenaire .blocPartenaire{
	min-height: 245px;
}
#ctnPartenaire .container .blocPartenaire p{
	font:normal 14px/160% "Montserrat",sans-serif;
	color:#4e8eaf;
	margin-bottom:20px;
}
#ctnPartenaire .container .blocPartenaire a{
	font:normal 14px/160% "Montserrat",sans-serif;
	color:#4e8eaf;
	text-decoration:underline;
}
#ctnPartenaireInterne .blocPartenaire .texte p{
	margin: 0;
}
#ctnHautPage {
	background:var(--couleur1);
	padding:60px;
	
}
#ctnHautPage .container {
	display:flex;
	justify-content: space-around;
	align-items:center;
	max-width: 1280px;
	margin: 0 auto;
}
#ctnHautPage .infolettre h3 {
	font: 900 24px "Spartan",sans-serif;
    color: #fff;
    margin: 0px 0 20px 0;
}
#ctnHautPage .infolettre p {
	font: normal 14px/160% "Montserrat",sans-serif;
    margin-bottom: 20px;
    color: #fff;
	max-width: 500px;
}
#ctnHautPage div.backToTop {
	display:flex;
	justify-content: center;
	flex-direction: column;
	align-items:center;
	flex-basis: 40%;
}
#ctnHautPage div.infolettre {
	display:flex;
	flex-direction: column;
	align-items: left;
	flex-basis: 60%;
}
#ctnHautPage .infolettre form label {
	font: 900 18px "Spartan", sans-serif;
    display: block;
	margin-bottom: 5px;
	color: white;
}
#ctnHautPage .infolettre form input[type=text], #ctnHautPage .infolettre form input[type=email] {
	font: 700 16px "Spartan", sans-serif;
	margin-bottom: 10px;
	border: none;
	padding: 10px;
}
#ctnHautPage .infolettre form input[type=email] {
	max-width: calc(500px - 30px);
	width: calc(100% - 10px);
}
#ctnHautPage .infolettre form input[type=text] {
	max-width: 250px;
	width: calc(100% - 10px);
}
#ctnHautPage .infolettre form input#mce-FNAME {
	
}
#ctnHautPage .infolettre .flex {
	display: flex;
}
#ctnHautPage .infolettre form input[type=submit] {
	color: #fff;
	background:#1f2533; 
    border-radius: 50px;
    padding: 10px 25px;
    font: bold 16px "Montserrat",sans-serif;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border: 0px;
	margin-top: 15px;
}
#ctnHautPage .infolettre form input[type=submit]:hover {
    text-decoration: underline;
    text-decoration-color: var(--couleur2);
}

#ctnHautPage a {
	color:#fff;
	text-align:center;
	font:bold 14px "Montserrat",sans-serif;	
}
#ctnHautPage a img{
	margin-bottom:15px;
}
/*- Page interne -*/
#ctnBanniere{
	width:100%;
	clear:both;
	display:flex;
	flex-wrap:nowrap;
	background:var(--couleur1);
}

#ctnBanniere .blocContenu{
	padding:90px 20px 90px 80px;
	width:50%;
	position:relative;
	overflow:hidden;
	background: #f7741b;
	background: -moz-linear-gradient(left,  #f7741b 0%, #ed511a 100%);
	background: -webkit-linear-gradient(left,  #f7741b 0%,#ed511a 100%);
	background: linear-gradient(to right,  #f7741b 0%,#ed511a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7741b', endColorstr='#ed511a',GradientType=1 );

}
#ctnBanniere .blocContenu #filAriane{
	background:#ed511a;
	position:absolute;
	bottom:0;
	left:0;
	padding:15px 15px 15px 80px;
	width:100%;
}
#ctnBanniere .blocContenu #filAriane ul{
	margin:0;
	padding:0;
	
}
#ctnBanniere .blocContenu #filAriane li{
	font:normal 14px "Montserrat",sans-serif;
	color:#fff;
	padding:0;
	list-style:none;
	float:left;
	margin-right:20px;
	background:url(/media/1316/ico-fleche-fil-ariane.png) no-repeat right center;
	padding-right:30px;
}
#ctnBanniere .blocContenu #filAriane li:last-child{
	background:url();
	padding-right: 0;
}
#ctnBanniere .blocContenu #filAriane li a{
	font:normal 14px "Montserrat",sans-serif;
	color:#fff;
	text-decoration:underline;
}
#ctnBanniere .image{
	background-repeat: no-repeat;
	background-size:cover;
	width:50%;
}
#ctnBanniere .blocContenu h1{
    font: 900 55px/130% "Spartan",sans-serif;
    color: #fff;
    letter-spacing: -3px;
    margin-bottom: 50px;
}


.container.flex{
	width:100%;
	max-width:1280px;
	padding:60px  40px;
	display:flex;
	margin:0 auto;
}
#main{
	width:100%;
	margin:0 auto
}
#sidebar + #main{
	margin:0;
	width:70%;
}
#main p{
	font-size:14px;
	
}
#main p  a{
	color:var(--couleur1);
}
#main .intro{
	margin-bottom:40px;
}
#main .intro p{
	font-size:16px;
}
#main.listingProduit{
	width:70%;
	/*max-width:600px;*/
	/*margin:0 auto 40px;*/
	margin:40px auto;
	text-align:center;
}
#main .fLeft{
	float:left;
	margin:0 15px 15px 0;
}
#main .fRight{
	float:right;
	margin:0 0 15px 15px;
}

#main.PDF h2{
	margin-top: 40px;
}

#main.PDF .documentsPDF{
	margin-top: 20px;
	columns: 2;
}
#main.PDF .documentsPDF a{
	color: var(--orange);
	font-size: 18px;
	text-decoration: underline;
	margin-bottom: 20px;
	display: block;
	width: fit-content;
	margin-right: 10px;
}

/*- sidebar -*/
#sidebar{
	width:calc(30% - 120px);
	margin-right:120px;
}
#sidebar .blocVedette{
	width:100%;
}
#sidebar .blocVedette .image{
	display:flex;
	align-items: center;
    justify-content: center;
	width:100%;
	border:1px solid #f4f4f4;
	/*padding:35px;*/
	padding:0;
}
#sidebar .blocVedette .image picture{
	width: 100%;
	height: 100%;
}

#sidebar .blocVedette .image picture img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

#sidebar .blocVedette .image svg, .image svg {
    width: 80%;
    fill: var(--couleur1);
	padding:35px;
}
#sidebar .blocVedette .texte{
	padding:20px 0;
	width:100%;
}
#sidebar .blocVedette .texte h3{
	font:900 20px/120% "Arial",sans-serif;
	margin-bottom:20px;
	color:var(--noir);
}
#sidebar .blocVedette .texte p{
	font:normal 14px/160% "Arial",sans-serif;
	color:var(--noir);
	margin-bottom: 30px;
}
#sidebar .blocVedette .texte a.bouton{
	text-align:center;
}


/*- Formulaire création de membre -*/
#formCreationMembre {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 55px 55px auto 55px;
    column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 80px;
}
#formCreationMembre input, 
#formCreationMembre select,
#ctnHeadListeMembre input,
#ctnHeadListeMembre select,
#main input,
#main select{
    border: 0px;
    padding: 15px;
    font: normal 16px "Montserrat",sans-serif;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px -10px rgba(0,0,0,0.3);
    box-shadow: 0 5px 15px -10px rgba(0,0,0,0.3);
    resize: none;
    width: 100%;
    outline: none;
	margin-bottom: 10px;
}

#ctnFormInscription input{
	max-width:350px;
	margin-right:30px;
}
#ctnFormInscription ul{
	margin-bottom:20px;
}
#formCreationMembre #btnForm {
    color: #fff;
    outline: none;
    grid-column: 2 / 2;
    grid-row: 4 / 4;
    justify-self: end;
}

#formCreationMembre #btnAnnuler {
        color: #fff;
        outline: none;
        grid-column: 1 / 1;
        grid-row: 4 / 4;
        justify-self: end;
}

.ctnErreur > .validation-summary-errors ul li,
.field-validation-error{
	list-style:none;
	color: darkred;
    border: 1px solid darkred;
    border-radius: 10px;
    background-color: #f94e4e;
    padding: 15px;
	margin:20px 0;
	color:#fff;
}
.field-validation-error{
	display:block;
}
.validation-summary-errors > *,
.field-validation-error{
	color:#fff;
}
#main .ctnErreur ul li:before{
	background:#fff;
}
p.confirmation {
    display: none;
    color: darkGreen;
    border: 1px solid darkGreen;
    border-radius: 10px;
    background: MintCream;
    padding: 15px;
}
p.confirmation.visible{
	display:block;
}

p.erreur {
    display: none;
    color: darkred;
    border: 1px solid darkred;
    border-radius: 10px;
    background-color: palevioletred;
    padding: 15px;
}

p.erreur.visible {
        display: block;
}


/*- Liste des membre -*/
#ctnHeadListeMembre{
	margin-bottom: 20px;
	overflow:hidden;
	display: flex;
	flex-direction: column;
}
#ctnHeadListeMembre div:last-child {
	margin-top: 20px;
}
#ctnHeadListeMembre .bouton{
	margin-right: 15px;
	margin-top: 10px;
}
#ctnHeadListeMembre input,
#ctnHeadListeMembre select{
	float:left;
	margin-right:20px;
	max-width:250px;
}

/*---------------------------------------------Formations--------------------------------------------------*/
#main .ctnAncre{
	position:relative;	
}
#main span.ancreFormation{
	position: absolute;
	top: -130px;	
}

/*---------------------------------------------Autoévaluation--------------------------------------------------*/
#main.autoevaluation {
	position: relative;
}
#main.autoevaluation h1 {
	font: 900 55px "Spartan", sans-serif;
	text-transform: lowercase;
	color: var(--couleur2);
	margin-bottom: 20px;
}
#main.autoevaluation h2 {
	font-size: 32px;
	text-align: center;
}
#main.autoevaluation h3 {
	font-size: 28px;
	color: var(--couleur2);
	text-align: center;
    margin-top: 40px;
}
#main.autoevaluation form label {
	font: 700 18px "Spartan", sans-serif;
	color: var(--couleur2);
}
#main.autoevaluation .intro {
	margin-left: 40px;
}
#main.autoevaluation .intro a.btnVoirManuel {
	background-color: var(--couleur2);
	border-radius: 27px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 40px;
	display: block;
	width: fit-content;
	margin: 20px 0 0;
	text-decoration:none;
	line-height: 1.5;
	font-weight: 600;
}
#main.autoevaluation .intro p {
	font-size: 24px;
	color: var(--couleur2);
}
#main.autoevaluation .intro li {
  font-size: 24px;
  color: var(--couleur2);
  line-height: 160%;
  margin: 0 0 5px;
}
#main.autoevaluation .intro li::before {
    top: 14px;
}
#main.autoevaluation .mainTexte li::before {
	top: 14px;
}
#main.autoevaluation .intro a {
	color: var(--couleur2);
	text-decoration: underline;
	text-decoration-color: var(--orange);
}
#main.autoevaluation .intro p, #main.autoevaluation .intro li {
	font-size: 24px;
}
#main.autoevaluation .mainTexte p {
	font-size: 24px;
	color: var(--couleur2);
	line-height:160%;
	margin:0 0 15px;
}
#main.autoevaluation .mainTexte ul li {
	font-size: 24px;
	color: var(--couleur2);
	line-height:160%;
	margin:0 0 5px;
}
#main.autoevaluation .login, #main.autoevaluation .registration {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 0;
}
#main.autoevaluation .registration .confirmation p {
	font: 500 20px/160% "Montserrat", sans-serif;
	max-width: 500px;
    margin: 0 auto;
}
#main.autoevaluation .registration .confirmation p:first-of-type {
    margin-bottom: 30px;
    padding-bottom: 30px;
	position: relative;
}
#main.autoevaluation .registration .confirmation p:first-of-type::after {
    content: "";
	display: block;
	background-color: #81AFC6;
	width: 40px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
#main.autoevaluation .form {
	max-width: 100%;
	min-width: 650px;
	margin: 0 auto;
	background-color: white;
	padding: 40px 60px;
}
#main.autoevaluation .form form {
	max-width: 475px;
}
#main.autoevaluation .form.cours {
	max-width: 650px;
	margin: 60px auto 40px;
}
#main.autoevaluation .form.codes, #main.autoevaluation .listeCodes {
	max-width: 700px;
	margin: 40px auto;
}
#main.autoevaluation .form.codes form {
	margin: 0 auto;
}
#main.autoevaluation .form.codes .select{
	margin-bottom: 10px;
	margin-top: 10px;
}
#main.autoevaluation .form.codes input[type=number]{
	max-width: 150px;
	display: block;
	margin-top: 10px;
}
#main.autoevaluation .listeCodes {
	padding: 40px;
    background: var(--couleur2);
    color: white;
}
#main.autoevaluation .listeCodes h3 {
    color: white;
	margin-top: 0;
}
#main.autoevaluation .listeCodes ul {
    columns: 2;
	margin-top: 40px;
}
#main.autoevaluation .listeCodes ul li {
    margin-bottom: 20px;
    font-size: 20px;
}
#main.autoevaluation .confirmation {
	max-width: 100%;
	min-width: 750px;
	margin: 0 auto;
	background-color: white;
	padding: 40px 60px;
}
#main.autoevaluation .form.mdp {
	max-width: 750px;
}
#main.autoevaluation .form.mdp p {
	font: 500 20px/160% "Montserrat", sans-serif;
}

#main.autoevaluation form {
	margin-bottom: 20px;
}
#main.autoevaluation form input::placeholder {
	color: var(--couleur2);
}
#main.autoevaluation form input, 
#main.autoevaluation form select {
	background:transparent;
	border:1px solid var(--couleur2);
	padding:15px;
	font: normal 16px "Montserrat",sans-serif;
	border-radius:30px;
	margin-bottom:20px;
	outline:none;
	max-width: 475px;
	width: 100%;
	
}
#main.autoevaluation #login form input, 
#main.autoevaluation #login form select {
	padding:15px 15px 15px 40px;	
}
#main.autoevaluation .cours form input, #main.autoevaluation .cours form select {
	max-width: inherit;
}
#main.autoevaluation form select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    appearance: none;
    z-index: 2;
    position: relative;
}
/* For IE10 */
#main.autoevaluation form select::-ms-expandd {
    display: none;
}
#main.autoevaluation form select option {
    border-bottom: 1px solid gray;
	padding: 10px 0;
}
#main.autoevaluation form .select {
	position: relative;
}
#main.autoevaluation form .select::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--couleur2);
	background-image: url(/media/1743/i_arrow-down.png);
	background-position: 50%;
    background-repeat: no-repeat;
	padding:15px 15px 15px 40px;
	border-radius: 0 30px 30px 0;
	width: 50px;
	height: 50px;
	z-index: 1;
}
#main.autoevaluation .login form #loginModel_Username {
	background:url(/media/1745/nom-utilisateur-icone.png) no-repeat 20px center;
}
#main.autoevaluation .login form #loginModel_Password{
	background:url(/media/1744/mot-de-passe-icone.png) no-repeat 20px center;
}
#main.autoevaluation form .flex {
	display: flex;
}
#main.autoevaluation form .flex input:first-child {
	margin-right: 10px;
}
#main.autoevaluation form button {
	display: block;
}
#main.autoevaluation .login a, #main.autoevaluation .registration a {
	color: var(--couleur2);
	text-decoration: underline;
	text-decoration-color: var(--orange);
	font-size: 16px;	
}
#main.autoevaluation .registration p.password {
	margin-top: 10px;
}
#main.autoevaluation .registration .small {
	margin-left: 20px;
	max-width: 400px;
	line-height: 1.2;
}
#main.autoevaluation .creation {
	display: flex;
	margin-top: 20px;
	align-items: baseline;
}
#main.autoevaluation .creation h4 {
	margin-right: 20px;
	text-transform: inherit;
	font-size: 20px;
}
#main.autoevaluation .creation a {
	font-size: 20px;
	cursor: pointer;
}

#main.autoevaluation form .info {
	position: relative;
}
#main.autoevaluation form .info > a {
	content: "?";
	display: block;
	font: 600 20px "Spartan",sans-serif;
	position: absolute;
	top: -20px;
	right: -40px;
	background-color: var(--couleur2);
	color: white;
    padding: 10px 12px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
	cursor: pointer;
	transition: 0.2s ease-in-out;
}
#main.autoevaluation form .info > a:hover {
	color: var(--orange);
}
#main.autoevaluation form .info .inputGroup {
	display:flex;
	margin:0 0 20px;
}
#main.autoevaluation form .info .inputGroup input {
	width:fit-content;
	margin: -3px 20px 0 0;
}
#main.autoevaluation form .info .inputGroup label {

}
#main.autoevaluation form .info .inputGroup label a {
	text-decoration-color:var(--couleur1);
	color: var(--couleur2);
	text-decoration:underline;
}
#main.autoevaluation .popup {
	display: flex;
	flex-direction: column;
	border: 4px solid var(--couleur2);
    border-radius: 10px;
    background-color: white;
    padding: 60px 60px 40px 40px;
    max-width: 700px;
	width: calc(100% - 20px);
	max-height: 85vh;
    overflow-y: auto;
    overflow-x: hidden;
	margin: auto;
	position: fixed;
	top: 50%;
    left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 10;
	box-shadow: 0px 0px 40px rgb(0 0 0 / 20%);
}	
#main.autoevaluation .popup.hide {
	display: none;
}
#main.autoevaluation .popup p {
	font: 500 18px "Spartan",sans-serif;
	margin-bottom: 0;
}
#main.autoevaluation .popup a {
	position: absolute;
	top: -1px;
	right: -1px;
	cursor: pointer;
	font: 600 28px "Spartan",sans-serif;
	background-color: var(--couleur2);
    color: white;
    padding: 4px 12px 8px 15px;
	border-radius: 0 0 0 10px;
	transition: 0.2s ease-in-out;
}
#main.autoevaluation .popup a:hover {
    color: var(--orange);
}
#main.autoevaluation #errFormCours {
	margin-top: 20px;    
    padding: 20px;  
}
#main.autoevaluation #errFormCours p {
	color: white;
	font: 700 16px "Spartan",sans-serif;
	margin-bottom: 0;
	text-align: center;
}
#main.autoevaluation #errFormCours.erreur {
	background: #ed0000;
}
#main.autoevaluation #errFormCours.success {
	background: #2cba36;;
}

#main.autoevaluation .ctaCours {
	max-width: 650px;
    margin: 60px auto 0;
}
#main.autoevaluation .ctaCours.hide {
	display: none;
}
#main.autoevaluation .ctaCours h3 {
    margin-bottom: 60px;
}
#main.autoevaluation .ctaCours .listeCours {
	display: flex;
}
#main.autoevaluation .ctaCours .listeCours a {
	font: 700 24px "Spartan",sans-serif;
	color: var(--couleur2);
	text-decoration: underline;
	text-decoration-color: var(--orange);
	cursor: pointer;
	margin: auto;
	text-align: center;
}
#main.autoevaluation .blocInfo {
	margin-top: 40px;
	background-color: var(--couleur2);
	padding: 40px;
	border-radius: 30px;
}
#main.autoevaluation .blocInfo p {
	color: white;
	font: 700 20px "Montserrat",sans-serif;
}

#main.autoevaluation .validation-summary-errors > *, #main.autoevaluation .field-validation-error {
    color: var(--couleur2);
}
#main.autoevaluation .validation-summary-errors {
    margin-bottom: 15px;
}
#main.autoevaluation .ctnErreur ul li:before {
    background: var(--couleur1);
}
#main.autoevaluation .ctnErreur > .validation-summary-errors ul li, #main.autoevaluation .field-validation-error {
    list-style: none;
	font: normal 14px "Montserrat",sans-serif;
    color: : var(--couleur2);
    border: none;
    border-radius: inherit;
    background-color: inherit;
    padding: 0;
    margin: 20px 0;
}
#main.autoevaluation .field-validation-error {
    padding: 0 0 0 15px;
	position: relative;
}
#main.autoevaluation .field-validation-error::before {
    width: 8px;
    height: 8px;
    content: "";
    display: block;
    position: absolute;
    background: var(--couleur1);
    left: 0;
    top: 6px;
    border-radius: 100%;
}
#main.autoevaluation #loadingBloc {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	display: flex;
}
#main.autoevaluation #loadingBloc.hide{
	display: none;
}
#main.autoevaluation #loadingBloc p {
	margin: auto;
	color: white;
	font: 900 55px "Spartan", sans-serif;
	text-align: center;
}

/*-----------------------------------------------------------------------------------------------------------*/
/*- RTE (Copier la feuille CSS pour le RTE) -*/

/**umb_name:Titre h2*/
#main h2{
	font:900 36px "Spartan",sans-serif;
	letter-spacing:-1px;
	color:var(--couleur2);
	text-transform::uppercase;
	margin-bottom:25px;
	margin-top:10px;
}
/**umb_name:Titre h3*/
#main h3{
	font:900 20px "Spartan",sans-serif;
	color:var(--couleur1);
	margin-top:10px;
	margin-bottom:20px;
}
/**umb_name:Titre h4*/
#main h4{
	font:900 16px "Spartan",sans-serif;
	color:var(--couleur2);
	margin-top:10px;
	margin-bottom:20px;
	text-transform:uppercase;
}
/**tableau**/

main table,
#main table {
  background: none;
  border-spacing: 0;
  margin-bottom: 15px;
	border:none;
	width:100%;
}

main table tbody,
#main table tbody {
  background: none;
}

main table tbody tr:nth-child(even),
#main table tbody tr:nth-child(even) {
  background: var(--blanc);
}

main table tbody tr:nth-child(odd),
#main table tbody tr:nth-child(odd) {
  background: var(--gris);
}

main table tbody tr:first-of-type,
#main table tbody tr:first-of-type {
  background: var(--couleur2);
	color:#fff;
}

main table tbody tr:first-of-type p,
#main table tbody tr:first-of-type p,
main table tbody tr:first-of-type td,
#main table tbody tr:first-of-type td {
  font-weight: 900;
}

main table tbody tr td,
#main table tbody tr td{
  padding: 10px;
	border:none;
  font-size: 14px;
}

main table tbody tr td p,
#main table tbody tr td p,
main table tbody tr td ,
#main table tbody tr td{
  margin: 0;
}

/**umb_name:Paragraphe*/
#main p{
	font:normal 14px/160% "Montserrat",sans-serif;
	color:var(--couleur2);
	margin-bottom:15px;
}
#main p:first-child, 
#main h2:first-child,
#main h3:first-child{
	margin-top:0;
}
#main ul{
	padding-left:15px;
}
#main ul li{
	font:normal 14px "Montserrat",sans-serif;
	position:relative;
	list-style:none;
}
#main ul li a{
	color: var(--noir);
}
#main ul li:before {
    width: 8px;
    height: 8px;
    content: "";
    display: block;
    position: absolute;
    background: var(--couleur1);
    left: -18px;
    top: 6px;
    border-radius: 100%;
}
#main > .blocPhoto{
	float:left;
	max-width:300px;
	width:33%;
	margin-right:30px;
	margin-bottom:30px;
}
#main > .blocPhoto + *{
	margin-top:0px;
}
/*- Page contact -*/
#ctnForm{
	width:100%;
	/*overflow:hidden; M.B.: Enlevé parce que ça cache le dropshadow des boites service*/
	position:relative;
}
#ctnForm form{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#ctnForm .champTexte, #ctnForm textarea, #ctnForm select{
	width:calc(50% - 10px);
	border-radius:5px;
	border:1px solid #f4f4f4;
	background:var(--blanc);
	padding:10px;
	font:normal 14px "Montserrat",sans-serif;
	margin:0 0 15px 0;
	float:left;
	outline:none;
}
#ctnForm textarea{
	width:100%;
	min-height:250px;
}

#ctnForm .champTexte.erreur, 
#ctnForm textarea.erreur{
	border:1px solid red!important;
}
#ctnForm #Validation,
input#Validation{
	width:0px;
	height:0px;
	position:absolute;
	top:-10000px;
	left:-1000px;
	opacity:0;
}
#ctnForm #submitForm{
	border:0px;
	float:right;
	margin-right:15px;
	outline:none;
	color:#fff;
}
#ctnForm .blocService {
    width: calc(33% - 20px);
    float: left;
    margin:0 0 40px 0;
    background: var(--blanc);
}
#ctnForm #ctnService{
	width:100%;
	padding:40px 0;
}
#ctnForm #ctnService .container.flex{
	padding:0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#ctnForm .blocService:hover .texte,
#ctnForm .blocService:hover .image{
    background: var(--couleur1);
}
#ctnForm .blocService .image{
	border-bottom:3px solid var(--couleur1);
}
#ctnForm .blocService .texte{
	padding:30px 20px 30px 20px;
}
#ctnForm .blocService:hover .texte h3,
#ctnForm .blocService:hover .texte p{
	color:#fff;
}
#ctnForm #ctnService.selected .blocService{
	opacity:0.3;
}
#ctnForm #ctnService.selected .blocService.selected{
	opacity:1;
}
.petiteLigne{
	margin: 5px 0 0 0;
}
.blocNouveaute{
	overflow:hidden;
	width: calc(33% - 20px);
	max-width: 320px;
    float: left;
    margin:10px 10px;
	border-radius: 10px;
    background: var(--blanc);
}
.blocNouveaute .texte{
	padding: 20px;
}
.blocNouveaute .texte h3{
	color: var(--couleur2);
    text-decoration: underline;
    text-decoration-color: var(--couleur1);
    font-size: 1.4em;	
}
.blocNouveaute .texte p{
	color: var(--couleur2);
	font: italic 12px/160% "Montserrat",sans-serif;
}
#ctnForm label{
	display:block;
	font:bold 14px "Montserrat", sans-serif;
	margin-bottom:10px;
}
#ctnForm.noLabel label.optionnel{
	display:none;
}
#ctnForm .bloc{
	width:50%;
	float:left;
	margin-bottom:20px;
}
#ctnForm .bloc input,
#ctnForm .bloc select{
	width:100%;
}
#ctnForm .bloc:nth-child(2n+1){
	padding-right:10px;
}
#ctnForm .bloc:nth-child(2n){
	padding-left:10px;
}
#ctnForm #ctnCouleur{
    overflow: hidden;
    display: inline-block;
    margin-left: 0px;
    vertical-align: middle;
}
#ctnForm #ctnCouleur span {
    width: 60px;
    height: 60px;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
	-webkit-box-shadow: 0 5px 15px -10px rgba(0,0,0,0.5);
	box-shadow: 0 5px 15px -10px rgba(0,0,0,0.5);
	transition:all 0.3s ease-in-out;
}
#ctnForm #ctnCouleur:hover span,
#ctnForm #ctnCouleur.selected span{
	opacity:0.3;
}
#ctnForm #ctnCouleur:hover span:hover, 
#ctnForm #ctnCouleur:hover span.selected,
#ctnForm #ctnCouleur span.selected,
#ctnForm #ctnCouleur.selected span.selected{
	opacity:1;
}



/*- LandingPage -*/

#ctnLandingPage{
	background:var(--gris);
}
#ctnLandingPage .container.flex{
	flex-wrap:wrap;
	justify-content: flex-start;
}
#ctnLandingPage .container.flex .blocService{
	width:calc(25% - 40px);
	margin:0 20px 40px 20px;
	background:var(--blanc);
	text-align:center;
}
#ctnLandingPage .container.flex .blocService .image{
	transition: all 0.3s ease-in-out;
}
#ctnLandingPage .container.flex .blocService .texte{
	background:#fff;
	padding:50px 20px 30px 20px;
	position:relative;
}
#ctnLandingPage .container.flex .blocService .prix{
	display:block;
	margin-top:30px;
	margin-bottom:0;
	font-weight:bold;
	font-size:18px;
}
#ctnLandingPage .container.flex .blocService .texte a.btn{
	width:40px;
	height:40px;
	border-radius:100%;
	display:block;
	background:var(--couleur1);
	position:absolute;
	top:-25px;
	left:calc(50% - 20px);
	padding-top:10px;
}
#ctnLandingPage .container.flex .blocService .texte a.btnAddToCart{
	display:inline-block;
	background:var(--couleur1);
	padding:10px;
	margin-top:30px;
	color:#000;
}
#ctnLandingPage .container.flex .blocService .texte a.btnAddToCart:hover{
	display:inline-block;
	background:#fff;
	color:#000;
}
#ctnLandingPage .container.flex .blocService .texte a.btnAddToCart:active{
	color:#fff;
	background:transparent;
}

#ctnLandingPage .container.flex .blocService .texte a.btn img{
	width: 20px;
}
#ctnLandingPage .container.flex .blocService .texte h3{
	font:900 20px/100% "Spartan",sans-serif;
	margin-bottom:20px;
}
#ctnLandingPage .container.flex .blocService .texte p{
	font:normal 14px/160% "Montserrat",sans-serif;
}

/*- Effet Bloc Service -*/
.blocService:hover{
	
}
.blocService:hover,
.blocService:hover .texte,
.blocService:hover .image{
	background-color:var(--couleur1)!important;
}
.blocService:hover .texte h3,
.blocService:hover .texte p{
	color:var(--blanc);
}
.blocService:hover .btn{
	-webkit-box-shadow: 0 5px 15px -10px rgba(0,0,0,0.6);
	box-shadow: 0 5px 15px -10px rgba(0,0,0,0.6);
}
.blocService:hover .btn svg{
	fill:var(--blanc);
	transform:rotateZ(180deg);
}
#main .ctnEquipe{
	widtH: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
#main .ctnEquipe .blocEquipe {
    width: calc(25% - 40px);
    max-width: 320px;
    min-width: 300px;
    float: left;
    text-align: center;
	
}
#main .ctnEquipe .blocEquipe:nth-child(4n+4){
	margin-right:0px;
}
#main .ctnEquipe .blocEquipe:nth-child(4n+5) {
    clear: left;
}
#main .ctnEquipe .blocEquipe .texte {
    padding: 20px 0px 0px 0px;
    position: relative;
	text-align:center;
}

#main .ctnEquipe .blocEquipe .texte h3 {
    font: bold 14px/100% "Montserrat",sans-serif;
	color:var(--couleur2);
    margin-bottom: 10px;
}
#main .ctnEquipe .blocEquipe .texte p {
    font: normal 14px/160% "Montserrat",sans-serif;
}


/*- Pagination -*/
#ctnPagination{
    width: 100%;
    max-width: 1280px;
    text-align: center;
    margin: 0 auto;
    padding: 0 40px 100px;
}
#ctnPagination ul li.active .current{
	background:var(--couleur1);
}
#ctrlPagination{
	margin:0 auto;
	width: 100%;
    max-width: 1280px;
    padding: 40px 60px 0 60px;
}
#ctnLandingPage #ctrlPagination + .container.flex.pagination{
	padding-top: 20px;
	padding-bottom:20px;
}
#ctrlPagination label{
	display:block;
}
#ctrlPagination #nbResultat{
	border:1px solid var(--noir);
	padding:5px 10px;
	font:normal 14px "Montserrat",sans-serif;
}

/*- Page produit -*/

div.intro.produit {
	border: solid 1px var(--gris);
	box-shadow: 0 5px 15px -10px rgba(0,0,0,0.6);
	overflow: hidden;
  display: flex;
  flex-wrap: wrap;

}
div.intro.produit article{
	border-left: solid 1px var(--gris);
	width: 60%;

}

div.intro.produit div.image{
	width: 40%;
	text-align: center;
}

div.intro.produit div.image picture{
  height:100%;
  width:100%;
}

div.intro.produit div.image picture img{
  display: block;
  height:100%;
  width:100%;
  object-fit: contain;
}

#main div.intro.produit h2.specs, #main div.intro.produit h3.specs{
	margin: 0 !important;
	border-bottom: solid 1px var(--gris);
	padding: 15px 25px;
	display: flex;
	justify-content: space-between;
}
#main div.intro.produit h2.specs span, #main div.intro.produit h3.specs span{
	font-weight: 400;
}

div.intro.produit h2, div.intro.produit h3, div.intro.produit h4, div.intro.produit p{
	padding-left: 25px;
	padding-right: 25px;
}
#main .produit .blocAction{
	padding:0 25px 25px 25px;
}
#main .produit .blocAction .blocQtyProduit{
	min-width:110px;
	overflow:hidden;
}
#main .produit .blocAction a.btnAddToCart.bouton {
    float: left;
    margin-right: 20px;
	margin-bottom: 20px;
}

#sidebar.categorie{
	background: var(--gris);
	padding: 0;
}

#sidebar div.ctnCategorie {
	background: var(--gris);
	display: flex;
	flex-wrap: wrap;
	padding:25px;
}

#sidebar > div:nth-child(even){
	margin: 20px 0;
}

#sidebar h3{
	width:100%;
	padding:0 0 25px 0;
}

#sidebar div.ctnCategorie span{
	background: var(--blanc);
	display: block;
	font-size: 16px;
	padding: 5px 10px;
	border-radius: 200px;
	font-weight: 900;
	margin: 0 10px 10px 0;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#sidebar div.ctnCategorie figure.categorie{
	background: #fff;
	width: calc(100% / 3 - 10px);
	max-width:75px;
	border-radius: 50%;
	margin-bottom: 10px;
	box-shadow: 0 5px 15px -10px rgba(0,0,0,0.6);
}


#sidebar div.ctnCategorie figure.categorie.inactif{
	background: none;
}

#sidebar div.ctnCategorie figure.categorie.inactif img{
	opacity: 0.1;  
}

#sidebar div.ctnCategorie figure.categorie img{
	display: block;
	padding: 10px;
}

#sidebar div.blocValeur{
	border: solid 25px var(--gris);
}

h2.aimerezAussi {
	font-size:28px;
	font-weight:900;
    color: #000;
    text-align: center;
    padding: 50px 0 50px 0;
}

h2.aimerezAussi ~ div.container {
    padding-top: 0;
}

/*- Height mediaqueries -*/
@media screen and (max-height:850px){
	#mainSidebar{
		position: absolute;
		top: -120px;
		height: calc(100% + 120px);
	}
}

/*- Width mediaqueries -*/
@media screen and (max-width:1600px){
	#header .wrap .logo {
		padding: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
}
@media screen and (max-width:1800px){
	#header .wrap {
		height: 120px
	}
	#mainSidebar{
		position: absolute;
		top: 0px;
		height:calc(100% - 120px)!important
	}
	#header{
		width:100%;
	}
	#mainSidebar{
		width:320px;
	}
	#mainSidebar #ctnLogin {
		padding: 30px 50px 30px 50px;
	}
	#mainSidebar .ctnInfoContact {
		padding: 60px 40px;
	}
	.mainGrid main {
		width: calc(100% - 320px);
		margin-left: 320px;
	}
	#ctnAccesRapide{
		padding:150px 60px;
	}
	#ctnAccesRapide .container .blocAcces {
		margin-right: 30px;
		min-width: 90px;
	}
	main .container.flex{
		padding:60px 40px;
	}
	#ctnBanniere .blocContenu:first-child{
		padding: 40px 60px;
		min-width:600px;
	}
	#ctnBanniere .blocContenu h1{
		font-size:45px;
	}
	#ctnPartenaire .container .blocPartenaire {
		width: calc(50% - 20px);
	}
	#ctnPartenaire .container .blocPartenaire.blocTexte {
		padding: 70px 30px;
		width: calc(100% - 20px);
	}
	#ctnPartenaire .container {
		padding: 60px;
		overflow: hidden;
	}
	#ctnFormationAccueil .container .blocFormation .texte h3 a, #ctnActualiteAccueil .blocActualite h3 a, #ctnEvenementsAccueil .blocEvenement h3 a{
		font-size: 20px;
		line-height: 150%;
	}

	#ctnFormationAccueil .container .blocFormation .texte p, #ctnActualiteAccueil .blocActualite.vedette p {
		font-size: 16px;
	}
}
@media screen and (max-width:1400px){
	#ctnEvenementsAccueil {
		padding: 60px 5%;
	}
	#ctnEvenementsAccueil .container {
		display: flex;
		flex-direction: column;
	}
	#ctnEvenementsAccueil .wrap {
		padding-bottom: 0;
	}
	#ctnEvenementsAccueil .blocEvenement.blocPlus {
		padding:inherit;
	}
}
@media screen and (max-width:1310px){
	#btnMenuMobile {
		display: block;
		z-index: 11;
		position: relative;
		margin-right: 20px;
	}
	#btnMenuMobile.ouvert{
		background:url(/media/1067/i_fermer.png) no-repeat center center;
		background-size: 70% auto;
	}
	#header .wrap #mainNav {
		padding-right: 0;
	}
	#ctnBanniere .image{
		display: none;
	}
	

	#ctnBanniere .blocContenu:first-child{
		width: 100%;	
	}
	#ctnFormationAccueil .container .blocFormation{
    	width: calc(50% - 20px);
		margin: 4% 1%;
	}
	
	#header{
		position:absolute;
	}
	#mainSidebar{
		top:120px;
	}
	.mainGrid main{
		margin-top:0px;
		padding-top: 120px;
	}
	#header .wrap #mainNav ul li a {
		font: bold 18px "Spartan",sans-serif;
		display: block;
	}
	#mainNav {
		width: 450px;
		right: 0;
		text-align: left;
		top:120px;
		left: auto;
		position:absolute;
		-webkit-box-shadow: 0 15px 15px -5px rgba(0,0,0,0.6);
		box-shadow: 0 15px 15px -5px rgba(0,0,0,0.6);
	}
	#mainNav ul,
	#mainNav > ul > li.hasChildren > ul{
		display:block;
		position: relative;
		background:#fff;
		padding:10px 20px;
	}
	#mainNav ul li {
		width: 100%;
	}
	#header .wrap #mainNav ul li {
		float: none;
		padding: 13px 20px 10px;
		border-bottom: 1px solid #f7741b;
		position: inherit;
	}
	#mainNav > ul > li.hasChildren > ul{
		min-width:0px;
	}
	#header .wrap #mainNav ul li.hasChildren li{
		border-bottom:0px;	
		border-top:0px;	
	}
	#header .wrap #mainNav ul li.hasChildren li a {
		font: 500 16px "Spartan",sans-serif;
		color: #000;
	}
	#ctnTexteAccueil .blocTexte {
		padding: 40px 60px;
		margin-right: -60px;
		width: 90%;
	}
	#ctnAccesRapide .container {
		padding: 30px;
	}
	#ctnAccesRapide .container h2 {
		padding: 15px 15px 15px 0;
		margin-right: 30px;
	}
	#ctnTexteAccueil {
		background: var(--couleur1) url(/media/1304/bg-a-propos.png) no-repeat 0px top;
		padding: 150px 60px 60px 60px;
		overflow: hidden;
	}
	#ctnPartenaire .blocPartenaire{
		min-height: 250px;
	}
}
@media screen and (max-width:1200px){
	#ctnTexteAccueil .blocTexte {
		padding: 40px 60px;
		margin-right: -60px;
		width: 90%;
	}
	#ctnPartenaire .container .blocPartenaire {
		width: calc(100% - 20px);
	}
}
@media screen and (max-width:1024px){
	aside#mainSidebar {
		width: 50px;
	}
	
	strateImage img.overlayImg {
		right: 0;
		width: 60%;
	}
	.blocFormation{
		display:flex;
		flex-direction: column-reverse;
		padding: 30px;
	}
	.blocFormation img{
		margin: 50px auto 30px;
	}
	#mainSidebar span#menuConnexion{
		position: absolute;
	    display: block;
		background-image: url(/media/1011/i_plus_blanc.png);
		background-repeat: no-repeat;
		background-position: center;
		height: 50px;
		width: 50px;
	}
	#mainSidebar span#menuConnexion.ouvert{
		transform: rotateZ(45deg);
	}
	div#sidebarWrap {
		width: 320px;
		background: var(--couleur2);
		display:none;
		height: 100%;
	}
	div#sidebarWrap.ouvert{
		display: block;	
	}
	#mainSidebar #ctnLogin a {
		width: fit-content;
	}
	span#menuConnexion {
		width: 50px;
	}
	.mainGrid main  {
		width: calc(100% - 50px);
		margin-left: 50px;
	}
	#header .wrap .logo{
		max-width:400px;
	}
	#ctnActualiteAccueil .container{
		display:flex;
		flex-wrap: wrap;
	}
	#ctnActualiteAccueil .col:first-child{
		order:2;
		width:100%;
	}
	#ctnActualiteAccueil .col:last-child{
		order:1;
		width:100%;
		margin-left:0px;
	}
	#ctnActualiteAccueil .col:first-child .blocActualite {
    	max-width: calc(50% - 10px);
	}
	#ctnActualiteAccueil .col:first-child{
		display: flex;
		justify-content: space-between;
		flex-direction:row;
		flex-wrap: wrap;
	}
	#ctnActualiteAccueil .col:first-child .blocActualite.blocPlus{
		flex-grow: 2;
		max-width:100%;
	}
	#ctnFormationAccueil h2 span, #ctnActualiteAccueil h2 span, #ctnEvenementsAccueil h2 span, #ctnBonCoupsAccueil h2 span{
		display:block;
	}
	#ctnAccesRapide .container{
		flex-wrap:wrap;
	}
	#ctnAccesRapide .container h2{
		width:100%;
		border-right:0px;
	}
	#ctnLandingPage .container.flex .blocService {
		width: calc(33% - 40px);
	}
	#ctnLandingPage .container.flex .blocEquipe .texte {
		padding: 20px 0px 40px 0px;
	}
	#ctnLandingPage .container.flex .blocEquipe, #ctnEquipeAccueil .container .blocEquipe{
		width: calc(25% - 40px);
		margin: 0 20px 40px 20px;
		
	}
	#ctnVedette .container {
		padding: 80px 40px 40px;
	}
	#sidebar {
		width: calc(30% - 60px);
		margin-right: 60px;
	}

	#sidebar div.ctnCategorie figure.categorie {
		width: calc(100% / 2 - 10px);
		max-width: 75px;

	}
}
@media screen and (max-width:768px){
	span.fRight{
		display: none !important;
	}
	strateImage img.overlayImg {
		right: 0;
		width: 80%;
	}
	#ctnBanniere.interne .blocContenu h1 {
		font: 900 40px/140% "Arial",sans-serif;
	}
	#ctnBanniere .blocContenu:first-child{
		padding: 60px 30px;
	}
	#ctnBanniere .blocContenu #filAriane{
		padding: 15px 40px;
	}
	#ctnEquipeAccueil .container {
		flex-wrap: wrap;
	}
	#ctnVedette .container .blocVedette{
		width:96%;
	}
	#ctnLandingPage .container.flex .blocEquipe, #ctnEquipeAccueil .container .blocEquipe {
		width: calc(50% - 40px);
	}
	#sidebar {
		width: calc(30% - 40px);
		margin-right: 40px;
	}
	#ctnFormationAccueil{
		padding: 60px 0 0;
	}
	#ctnFormationAccueil h2 {
		padding-left: 3%;
	}
	#ctnFormationAccueil .container .blocFormation .texte p, #ctnActualiteAccueil .blocActualite.vedette p, .blocNouveaute .texte p{
		font-size: 14px;
	}
	#ctnFormationAccueil .container .blocFormation .texte h3 a, #ctnActualiteAccueil .blocActualite h3 a, .blocNouveaute .texte h3{
		font-size: 20px;
	}
	#ctnActualiteAccueil .col:first-child .blocActualite {
		max-width: 100%;
	}
	#ctnTexteAccueil .blocTexte{
		width: 100%;
	}
	.blocNouveaute {
		width: 100%;
		margin: 20px 0;
	}
	#ctnLandingPage .container.flex .blocService {
		width: calc(33% - 20px);
		margin: 0 10px 40px 10px;
	}
	#ctrlPagination {
		padding: 100px 40px 0 40px;
	}
	#btnMenuMobile{
		position:relative;
		display:block;
	}
	
	#main.autoevaluation h1 {
		font: 900 35px "Spartan", sans-serif;
		margin-bottom: 20px;
	}
	#main.autoevaluation h2 {
		font-size: 26px  !important;
	}
	#main.autoevaluation h3 {
		font-size: 22px;
		margin-top: 40px;
	}
	#main.autoevaluation .creation h4 {
		margin-right: 0;
		font-size: 18px;
		margin-bottom: 5px;
	}
	#main.autoevaluation .creation a {
		font-size: 18px;
	}
	#main.autoevaluation .intro {
		margin-left: 0;
	}
	#main.autoevaluation .intro p, #main.autoevaluation .intro li {
		font-size: 18px;
	}
	#main.autoevaluation .login, #main.autoevaluation .registration {
		padding: 0;
	}
	#main.autoevaluation .creation {
		flex-direction: column;
	}
	#main.autoevaluation .form.cours {
		margin: 40px auto 0;
	}
	#main.autoevaluation .form, #main.autoevaluation .confirmation {
		min-width: inherit;
		padding: 30px 20px;
	}
	#main.autoevaluation .form.mdp p, #main.autoevaluation .registration .confirmation p {
		font: 500 16px/160% "Montserrat", sans-serif;
	}
	#main.autoevaluation .registration .confirmation p:first-of-type {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	#main.autoevaluation form .info a {
		top: 7px;
    	right: 7px;
	}
	#main.autoevaluation form input, #main.autoevaluation form select {
		padding: 15px 15px 15px 35px;
	}
	#main.autoevaluation .login form #loginModel_Username {
		background: url(/media/1519/nom-utilisateur-icone.png) no-repeat 15px center;
	}
	#main.autoevaluation .login form #loginModel_Password {
		background: url(/media/1518/mot-de-passe-icone.png) no-repeat 15px center;
	}
	#main.autoevaluation form .flex {
		display: inherit;
	}
	#main.autoevaluation form .flex input:first-child {
		margin-right: 0;
	}
	#main.autoevaluation #errFormCours p {
		font: 700 14px "Spartan",sans-serif;
	}
	#main.autoevaluation .ctaCours {
		margin: 60px auto 0;
	}
	#main.autoevaluation .ctaCours .listeCours a {
		font: 700 20px "Spartan",sans-serif;
	}
	#main.autoevaluation .ctaCours h3 {
		margin-bottom: 40px;
	}
	#main.autoevaluation .blocInfo p {
		font: 700 16px "Montserrat",sans-serif;
	}
	#main.autoevaluation .popup {
		padding: 30px 40px 20px 20px;
	}
	#main.autoevaluation .popup a {
		font-size: 20px;
	}
	#main.autoevaluation .popup p {
		font-size: 16px;
	}
	#main.autoevaluation #loadingBloc p {
		font: 900 35px "Spartan", sans-serif;
	}
	
	#ctnFooter {
		display: none;
	}
	#ctnForm .blocService {
		width: calc(100% - 20px);
		max-width: 320px;
		margin:0 auto 40px;
	}
	#ctnVedette .container .blocVedette:nth-child(4),
	#ctnVedette .container .blocVedette:nth-child(5),
	#ctnVedette .container .blocVedette:nth-child(6){
		display:none;
	}
	#ctnFooter .blocFooter{
		flex-wrap:wrap;
	}
	#ctnFooter .blocFooter > .bloc{
		width:50%;
		margin-bottom:40px;
	}
	
	#main.PDF .documentsPDF{
		columns: 1;
	}
	#main.PDF .documentsPDF a{
		margin-right: 0;
	}
}
@media screen and (max-width:640px){
	#ctnBanniere.interne .blocContenu h1 {
		font: 900 30px/140% "Arial",sans-serif;
		max-width: 100%;
	}
	#ctnBanniere .blocContenu #filAriane{
		display:none;
	}
	#ctnServiceAccueil .container .blocService {
		width: calc(100% - 40px);
		margin: 0 20px 40px 20px;
		max-width:320px;
	}
	#ctnLandingPage .container.flex .blocEquipe, #ctnEquipeAccueil .container .blocEquipe {
		width: calc(100% - 40px);
	}
	#ctnBanniere {
		padding: 0px;
	}
	
	#ctnBanniere .blocContenu {
		padding: 40px;
		min-width: 0px!important;
	}
	#ctnBanniere .blocContenu h1 {
		font: 900 40px/100% "Arial",sans-serif;
		text-align:left;
	}
	#ctnBanniere .blocContenu p {
		font: normal 18px/160% "Arial",sans-serif;
	}
	#ctnBanniere .blocContenu h1 {
		margin-bottom: 20px;
		margin-top: 30px;
	}
	#ctnBanniere.interne .blocContenu {
		padding: 20px;
	}
	#ctnPartenaireInterne .blocPartenaire {
		width: 100%;
	}
	
	#mainNav {
    	width: 100%;
	}
	
	main > .container.flex {
		flex-wrap: wrap;
		justify-content:center;
	}
	#ctnTexteAccueil .blocTexte{
		margin-left: -60px;
		width: 100%;
		
	}
	#sidebar {
		width: 100%;
		margin-right: 0px;
		order:2;
	}
	#sidebar + #main, #main {
		order:1;
		width: 100%;
		margin-bottom:40px;
	}

	#ctnLandingPage .container.flex .blocService {
		width: calc(50% - 20px);
		margin: 0 10px 20px 10px;
	}
	#ctnFooter .blocFooter, 
	footer.footer5050 #ctnFooter .blocFooter,
	footer.footer5050 #ctnFooter .blocFooter:last-child{
		width: 100%!important;
		margin-bottom:0px;
	}
	#ctnForm .bloc:nth-child(2n+1) {
		padding-right: 0px;
	}
	#ctnForm .bloc:nth-child(2n) {
		padding-left: 0px;
	}
	#ctnFooter .blocFooter .bloc{
		margin-bottom:40px;
	}
	#ctnForm .champTexte, 
	#ctnForm textarea, 
	#ctnForm select, 
	#ctnForm .bloc {
		width:100%;
	}
	#main h2{
		font-size: 40px !important;
	}
	#ctnFormationAccueil .container .blocFormation{
		width: 100%;
	}
	#ctnEvenementsAccueil .wrap {
		background-color: rgba(247, 247, 247, 0.8);
		padding: 60px 5% 0;
	}
	#ctnEvenementsAccueil {
		padding: 40px 0;
	}
	#ctnTexteAccueil {
		background: url("");
		background: var(--couleur1);
		padding: 0 30px 30px;
		overflow: hidden;
	}
	#ctnTexteAccueil .blocTexte{
		margin:0;
		padding: 30px;
	}
	#ctnAccesRapide {
		padding: 150px 0px;
	}

	#ctnAccesRapide .container {
		background-color: rgba(255,255,255, 0.8);
	}

	#ctnPartenaire .container {
		padding: 1%;
	}
	
	#ctnHautPage {
		padding: 40px;
	}
	#ctnHautPage .container {
		flex-direction: column;
	}
	#ctnHautPage .infolettre {
		margin-bottom: 100px;
	}
	#ctnHautPage .infolettre .flex {
		display: block;
	}
	#ctnHautPage .infolettre form input[type=email] {
		max-width: 100%;
		width: 100%;
	}
	#ctnHautPage .infolettre form input[type=text] {
		max-width: 100%;
		width: 100%;
	}
}
@media screen and (max-width:580px){
	#main.autoevaluation .ctaCours .listeCours ul li a {
		font: 700 18px "Spartan",sans-serif;
	}
	#main.autoevaluation .blocInfo {
		margin-top: 40px;
		padding: 20px;
	}
	#main.autoevaluation .ctaCours {
		margin: 40px auto 0;
	}
	#main.autoevaluation .listeCodes ul {
		columns: 1;
		margin-top: 30px;
	}
	
	#strateImage img.overlayImg {
		display: none;
	}
	.collapse .blocFormation .texte {
		padding: 0;
	}

	.collapse .blocFormation {
		padding: 20px;
	}
	body div#ctnPanierContext {
		top: 240px;
	}
	#btnMenuMobile{
		clear:none;
		float:right;
		margin-right:5px;
		margin-bottom:0px;
	}
	#header .wrap .logo {
		padding: 30px 10px;
		text-align: center;
		width:100%;
	}
	#header .wrap .telephone {
		float:left;
		padding: 20px;
		width: calc(100% - 60px);
	}
	#ctnBanniere .blocContenu h1{
		margin-top: 0;
	}
	#ctnBanniere #ctnRS {
		border-radius: 100px;
		background: #fff;
		padding: 20px 15px;
		float: none;
		clear: both;
		margin: 40px auto 0;
		display: inline-block;
	}
	#ctnBanniere .blocContenu {
		padding:20px;
		text-align:center;
	}
	#ctnBanniere .blocContenu .texte{
		max-width:100%;
		text-align:left;
	}
	#ctnBanniere #btnPlus{
		float:none;
	}
	#ctnBanniere .blocContenu #filAriane {
		padding: 15px 30px;
		font-size:
	}
	main #ctnFormationAccueil h2, main #ctnActualiteAccueil h2, main #ctnEvenementsAccueil .wrap h2, main #ctnAccesRapide .container h2 {
		font-size: 45px;
	}
	#ctnTexteAccueil{
		padding: 0 5px 30px;
	}
	#ctnFormationAccueil, #ctnActualiteAccueil{
		padding-bottom: 0;
	}
	#ctnAccesRapide .container .blocAcces img {
		width: 50px;
		height: 50px;
		margin: 0;
	}
	#ctnAccesRapide .container  .blocAcces {
		width: 80px;
		min-width: 80px;
	}
	div.container.flex{
		padding: 30px 20px;
	}
	.blocCollapse {
		padding: 10px 0px 10px;
	}
	h3.btnCollapse {
		font-size: 15px !important;
	}
	#main h2.formation {
		margin: 30px 30px 20px;
		font-size: 28px!important;
	}
	#ctnFooter .blocFooter{
		flex-wrap:wrap;
	}
	#ctnFooter .blocFooter .bloc{
		width:100%;
	}
	footer.footer5050 #ctnFooter .blocFooter .bloc {
		width: 100%;
		text-align:center;
	}
	#filtreFormations{
		flex-direction:column;
	}
}
@media screen and (max-width:480px){
	.mainGrid main {
		width: 100%;
		margin-left: 0;
	}
	#main.autoevaluation {
		margin-top: 60px;
	}
	#main .ctnEquipe .blocEquipe {
		width: 280px;
		min-width: none;
		float: left;
		text-align: center;
	}
	#main h2{
		font-size: 24px !important;
	}
	#strateImage #ctnTexteCTA h2 {
		font: 500 22px "Spartan",sans-serif;
	}
	#strateImage #ctnTexteCTA h2 strong {
		font: 900 45px "Spartan",sans-serif;
		letter-spacing: -2px;
	}
	#ctnBonCoupsAccueil iframe {
		width: 100%;
	}
	#ctnActualiteAccueil .blocActualite.vedette > img {
		float: none;
		margin-left: 0px;
		margin-bottom: 20px;
		max-width: 100%;
	}
	#ctnEvenementsAccueil .blocEvenement {
		padding: 5% 3%;
	}
	#ctnEvenementsAccueil .blocEvenement img {
		padding-bottom: 20px;
	}
	#ctnEvenementsAccueil .blocEvenement:not(.blocPlus) {
		display: flex;
		justify-content: left;
		align-items: center;
		flex-direction: column;
	}
	aside#mainSidebar.ouvert {
		margin: 0;
		z-index: 99999;
		height: 100%!important;
	}
	#ctnFormationAccueil {
		padding: 85px 0 0;
	}
	#ctnBanniere #ctnRS ul li {
		padding: 0 15px;
	}
	aside#mainSidebar {
		width: 100%;
		min-height: 50px!important;
		height: fit-content!important;
	}

	div#sidebarWrap {
		margin: 0 auto;
	}
	footer #ctnFooter .blocFooter {
		width: 100%!important;
	}
	#ctnLandingPage .container.flex .blocService {
		max-width:320px;
		width: calc(100% - 20px);
		margin: 0 10px 20px 10px;
	}
	#ctnPagination {
		padding: 0 20px 100px;
	}
	#ctnAccesRapide .container {
		padding: 10px;
	}
	#ctnVedette .container {
		padding: 80px 20px 40px;
	}
	h3.btnCollapse {
		font-size: 13px !important;
	}
	div.intro.produit div.image,
	div.intro.produit article {
		width: 100%;
	}
	#ctnFooter {
		padding: 60px 20px;
	}
	#filtreFormations{
		flex-direction:column;
	}
}

@media screen and (max-width:320px){
	#strateImage #ctnTexteCTA h2 strong {
		font: 900 38px/100% "Spartan",sans-serif;
		letter-spacing: -2px;
		display: inline-block;
		margin-bottom: 10px;
	}
	#strateImage #ctnTexteCTA h2 {
    	font: 500 20px/150% "Spartan",sans-serif;
	}
	#strateImage {
		padding: 80px 30px;
	}
	#ctnFormContact .champTexte, #ctnFormContact textarea {
		width: calc(100% - 10px);
	}
	#ctnEvenementsAccueil .blocEvenement img {
		display: none;
	}
}

@media screen and (max-height:600px){
	/*body.menuOuvert{
		overflow:visible;
	}*/
	#mainNav{
		padding-top:0px;
		top:0;
		z-index:20;
	}
	#btnMenuMobile{
		z-index:21;
	}
	#filtreFormations{
		flex-direction:column;
	}
}
#filtreFormations{
	display: flex;
    padding: 20px 20px;
    gap: 12px;
}

#main .blocFormation .blocAchat span.quantite{
	margin:0 10px;
}
#ctnPanier .ctnArticle .article .contenu{
	display:flex;
	/*flex-direction: column;*/
}
#ctnPanier .ctnArticle .article .contenu h3{
	font: normal 14px/160% "Montserrat",sans-serif;
	font-weight:bold;
	color: var(--couleur2);
}

.ctnArticle .qte, .ctnArticle .prix  {
    font-weight: bold;
    font-size: 1.5rem;
}
/* panier contextuel*/
#ctnPanierContext {
    overflow: hidden;
    position: absolute;
    top: 100%;
    right: 5px;
    padding: 20px;
    min-width: 600px;
    max-height: 400px;
	overflow-y: auto;
    background: #f6f6f5;
    -webkit-box-shadow: 0 10px 30px 5px rgb(0 0 0 / 50%);
    box-shadow: 0 10px 30px 5px rgb(0 0 0 / 50%);
    z-index: -1;
}
#ctnPanierContext p {
    font: bold 14px Montserrat;
	margin-bottom: 10px;
}
#ctnPanierContext .entete {
    overflow: hidden;
    width: 100%;
}
#ctnPanierContext .ctnArticle, #ctnPanier .ctnArticle {
    margin-bottom: 20px;
    border-bottom: 2px solid var(--couleur1);
}
#ctnPanierContext .ctnArticle .article, #ctnPanier .ctnArticle .article {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0px;
    position: relative;
}
#ctnPanierContext .article .contenu, #ctnPanier .article .contenu {
    width: calc(100% - 170px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-right: 15px;
}
#ctnPanierContext .article .quantite, #ctnPanier .article .quantite, #main .produit .blocAction .quantite {
    font-size: 20px;
    font-weight: bold;
    background: #fff;
    border-radius: 40px;
    user-select: none;
    border: 3px solid #fff;
}
#ctnPanierContext .article .prix, #ctnPanier .article .prix {
    flex-grow: 2;
    text-align: right;
}
#ctnPanierContext .article .supprimer, #ctnPanier .article .supprimer {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 60%;
    color: var(--couleur1);;
    text-decoration: underline;
}
#ctnPanierContext .ctnSousTotal {
    float: right;
    width: 50%;
    display: flex;
    align-items: baseline;
}
#ctnPanierContext .ctnSousTotal h3, #ctnPanier .ctnSousTotal h3 {
    font: bold 18px "Montserrat",sans-serif;
    width: 50%;
    padding-top: 3px;
}
#ctnPanierContext .article h3, #ctnPanier .article h3 {
    font-size: 16px;
    width: calc(100% - 150px);
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}
#ctnPanierContext .ctnSousTotal .montant, #ctnPanier .ctnSousTotal .montant, #ctnPanier .ctnTotal .montant {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    width: 50%;
}
#mainNav ul li span.icoPanier .nbItem {
    background: #c30038;
    color: #fff;
    font: bold 12px/100% "Quicksand",sans-serif;
    border-radius: 100%;
    text-align: center;
    width: 20px;
    height: 20px;
    position: absolute;
    padding-top: 4px;
    left: 20px;
    top: -10px;
}
#mainNav ul li span.icoPanier {
    float: right;
    margin-top: -6px;
    position: relative;
	cursor: pointer;
}
#header .wrap span.icoPanier .nbItem {
    background: #c30038;
    color: #fff;
    font: bold 12px/100% "Quicksand",sans-serif;
    border-radius: 100%;
    text-align: center;
    width: 20px;
    height: 20px;
    position: absolute;
    padding-top: 4px;
    left: 20px;
    top: -10px;
}
#header .wrap span.icoPanier {
	cursor: pointer;
	position: relative;
}
/*panier etape 1 */
#ctnPanier .ctnSousTotal .blocSousTotal {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding-top: 20px;
}
#ctnPanier .ctnTotal {
    float: right;
    width: 100%;
    max-width: 500px;
    padding: 20px;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
#ctnPanier .ctnTotal .blocTPS, #ctnPanier .ctnTotal .blocTVQ, #ctnPanier .ctnTotal .blocTotal {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#ctnPanier .btnPayer {
    float: right;
    clear: both;
}
#ctnPanier .ctnTotal .blocTPS h3, #ctnPanier .ctnTotal .blocTVQ h3 {
    font-size: 14px;
}
#ctnPanier .ctnTotal p {
    order: 3;
}
#ctnPanierContext .ctnSousTotal .montant, #ctnPanier .ctnSousTotal .montant, #ctnPanier .ctnTotal .montant {
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    width: 50%;
}
#ctnPanier .ctnTotal .montant {
    order: 2;
}
#ctnPanier .ctnTotal h3 {
    margin: 0;
    width: 50%;
	color: var(--couleur2);
}
.panierLargeur{
	max-width:800px;
}

#ctnPanier .ctnEtapePanier .blocLivraison input[type="radio"] {
	display: none; 
}

#ctnPanier .ctnEtapePanier .blocLivraison input[type="radio"] + label span {
	display: inline-block; 
	width: 10px;
	height: 10px;
	margin: -2px 10px 0 0;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border: 3px solid #ffffff; 
}
#ctnPanier .ctnEtapePanier .blocLivraison input[type="radio"] + label span {
	border: 3px solid #ff8800;
}
#ctnPanier .ctnEtapePanier .blocLivraison input[type="radio"]:checked + label span { background-color: #ff8800; box-shadow: 2px 2px 2px rgba(0,0,0,.1); }
#ctnPanier .ctnEtapePanier .blocLivraison input[type="radio"] + label span, input[type="radio"]:checked + label span {
	-webkit-transition: background-color 0.24s linear;
	-o-transition: background-color 0.24s linear; 
	-moz-transition: background-color 0.24s linear;
	transition: background-color 0.24s linear;
}
#ctnPanier .blocLivraison h3,#ctnPanier .blocLivraison label,#ctnPanier .ctnSousTotal .blocSousTotal h3 {
    font: normal 14px/160% "Montserrat",sans-serif;
    font-weight: bold;
    color: var(--couleur2);
}
#ctnPanier .ctnSousTotal .blocSousTotal h3,#ctnPanier .ctnSousTotal .montant,#ctnPanier .ctnTotal .blocTotal .montant{
	font-size:20px !important;
}
#ctnPanier #txtPaypal{
	float: right;
    clear: both;
    text-align: left;
    max-width: 500px;
    width: 100%;
    padding: 5px 20px;
}
#ctnPanier #imgPaypal{
	content:url(/media/2113/logo-paypal.png);
	vertical-align:middle;
	padding: 0 10px;
	display: inline-block;
	width: 50px;
	height: 20px;
}
#ctnPanier .ctnEtapePanier .blocLivraison{
	display: flex;
    justify-content: space-between;
}

/*panier etape 2 */
#ctnPanier .ctnForm form div.ctnInfoLivraison, #ctnPanier .ctnForm form div.ctnInfoFacturation {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#ctnPanier .ctnForm form div.ctnInfoLivraison label, #ctnPanier .ctnForm form div.ctnInfoFacturation label {
    width: calc(50% - 10px);
    margin: 0 0 15px 0;
}
#ctnPanier .ctnForm form div.ctnInfoLivraison label span, #ctnPanier .ctnForm form div.ctnInfoFacturation label span {
    display: none;
}
#ctnPanier .ctnForm label span {
    display: inline-block;
    width: 100%;
}
#ctnPanier .ctnForm form div.ctnInfoLivraison label input, #ctnPanier .ctnForm form div.ctnInfoFacturation label input {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
    background: var(--blanc);
    padding: 10px;
}
#ctnPanier .ctnForm form div.ctnInfoLivraison h3, #ctnPanier .ctnForm form div.ctnInfoFacturation h3 {
    width: 100%;
	color: var(--couleur2);
}
#ctnPanier .ctnForm form div.ctnInfoLivraison label[for=diffInfo] input {
    width: auto;
    display: block;
    margin-right: 15px;
    float: left;
    margin-top: 2px;
}
#ctnPanier .ctnForm form div.ctnInfoLivraison label[for=diffInfo] {
    width: 100%;
    background: #eee;
    padding: 15px;
    margin: 0 0 45px 0;
    overflow: hidden;
}
#ctnPanier .ctnForm form div.ctnInfoLivraison label[for=diffInfo] span {
    display: block;
    float: left;
    width: auto;
    max-width: calc(100% - 30px);
}
#ctnPanier #txtPaypal2{
    padding: 5px 20px;
}
.ctnEtapePanier .txtCommande{
	font: normal 14px/160% "Montserrat",sans-serif;
    font-weight: bold;
    color: var(--couleur2);
}
/* panier etape 3*/
#ctnPanier .ctnActionPaiement span{
	margin-bottom:15px;
}
#ctnPanier .ctnSousTotalFinal .blocSousTotalFinal {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding-top: 20px;
}
#ctnPanier .ctnSousTotalFinal .montantTotal{
	font-size: 20px !important;
	font-weight: bold;
	margin-left: 20px;
}
#ctnPanier .ctnSousTotalFinal .blocSousTotalFinal h3{
	font: normal 20px/160% "Montserrat",sans-serif;
    font-weight: bold;
    color: var(--couleur2);
}
@media screen and (max-width:1310px){
	top: 0;
	left: 0;
}

#ctnBonCoupsAccueil {
	display: none;
}

#ctnEvenementsAccueil {
	display: none;
}