@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
/**:first-letter{text-transform:capitalize;}*/
*:focus {outline: none;}
html{height: 100%;background-color:#FAFAFA;}
body{min-height: 100%;margin:0;padding:0;font-family:'ExpletusSansRegular';}
.wrapper{width:985px;margin:0 auto;}
.clr{clear:both;}
.leftCol{float:left;}
.rightCol{float:right;}
.hide{display:none;}
.container-882 {
	margin: 0 auto;
	max-width: 882px;
	padding: 0 20px;
	width: 100%;
}
.container-1024 {
	margin: 0 auto;
	max-width: 1024px;
	padding: 0 20px;
	width: 100%;
}
.form-area{
	text-align: center;
	margin-left:25%;
	position: relative;
	padding-top: 70px;
	margin-top: -5%;

}
#OuikBtn{

	text-decoration:none;
	outline:none;
	background:url('../images/image-commun/inscrire_formInscrip.png') 2px 2px no-repeat;
	display:inline-block;
	color: #FFFFFF;
	font-size: 15px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	width: 283px;
	border:none;

}

.fix{
	position: relative
}
#Sexe{
	display: block;
	width: 330px;
	position: absolute;
	right: calc(100% - 424.5px);
	top: 35px;
	text-align: left;
}

#text{
	display:none;
	width: 330px;
	position: absolute;
	right: calc(100% - 424.5px);
	text-align: left;
	top: 35px;

}
#role{

	width: 330px;
	position: absolute;
	right: calc(100% - 424.5px);
	text-align: left;
	top: 0;
}
.field-icon {
	position: absolute;
	font-size:14px;
	top: calc(50% - 12px);
	right: 7px;
	cursor: pointer;
}
.ic{
	float: right;
	margin-top:-35px;
	margin-right:17%
}

.BS{
	margin-top: 4%;
	padding-right:23%;
}

#Ve1{
	width: 59px;
	color: darkgray;
}
#Ve2{
	width: 59px;
	color: darkgray;
}
#Ve3{
	width: 59px;
	color: darkgray;
}

footer{	background: #034A68; /* Old browsers */
	background: -moz-linear-gradient(top, #034a68 1%, #012c3a 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#034a68), color-stop(51%,#012c3a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #034a68 1%,#012c3a 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #034a68 1%,#012c3a 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #034a68 1%,#012c3a 51%); /* IE10+ */
	background: linear-gradient(to bottom, #034a68 1%,#012c3a 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034a68', endColorstr='#012c3a',GradientType=0 ); /* IE6-9 */;
	height:50px;}
footer{height:150px;}
#MonProfInfo{overflow:hidden;width:400px;padding: 15px 0 0 10px;float:left;}
#MonProfInfo >li{list-style-type:none;float:left;text-align:center;margin-right: 15px;padding-right: 17px;}
#MonProfInfo >li:not(:last-child){background:url('../images/image-commun/bar_menu.png') center right no-repeat;}
#MonProfInfo >li a{text-decoration:none;outline:none;color:#C4D1D5;font-size:15px;}

#reseauMonProf{float:right;overflow:hidden;padding: 13px 40px 0 0;}
#reseauMonProf > li{float:left;list-style-type:none;}
#reseauMonProf > li a{display:block;text-indent:-9999px;text-decoration:none;outline:none;width:29px;height:25px;}
#reseauMonProf > li a.facebook{background:url('../images/image-commun/icon_fb.png') center center no-repeat;}
#reseauMonProf > li a.googleplus{background:url('../images/image-commun/icon_g+.png') center center no-repeat;}
#reseauMonProf > li a.twitter{background:url('../images/image-commun/icon_twitter.png') center center no-repeat;}

#BannerContent{
	align-items: flex-start;
	display: flex;
	font-family: 'Tajawal', sans-serif;
	justify-content: space-between;
	position:relative;
	width: 100%;
}
#contentConnect {
	 display: flex;
	 justify-content: space-between;
}
#contentConnect.LoginError{background-image:url('../images/image-commun/banner_txt.png'),url('../images/image-commun/loginError_bg.png');background-repeat:no-repeat,no-repeat;
	background-position:50px 18px,83% center;background-size:auto auto,277px 300px;width:100%;height:450px;position:absolute;top:50%;margin-top:-225px;}



#top-header *, #top-section * {
	box-sizing: border-box;
}
#loginForm {
	background-clip: padding-box;
	background-color: #fff;
	border: 6px solid #fff5;
	border-radius: 11px;
	box-sizing: border-box;
	color: #23315a;
	padding: 40px 0;
	text-align: center;
	width: 368px;
}
#loginForm > div {
	margin:0 auto;
	width: 280px;
}
.input-field {
	position: relative;
}
#loginForm  input[type="text"],
#loginForm input[type="password"] {
	background: #dee0e6;
	border: 1px solid #dee0e6;
	border-radius: 5px;
	display:inline-block;
	font-size: 20px;
	margin-bottom:10px;
	padding:3.5px;
	text-align: center;
	width: 100%;
}
#btnInscription{
	background: #b2cb00;
	border: none;
	border-radius: 6px;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-family: 'Tajawal', sans-serif;
	font-size: 25px;
	left: 24px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	transition: all 0.1s;
	width: 160px;
}
#btnInscription:hover {
	background-color: #a0b40e;
}
#loginForm #btnConnectLogin{
	color: #FFF;
	background: #23315a;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	font-family: 'Tajawal', sans-serif;
	font-size: 20px;
	padding:3.5px;
	text-align: center;
	width: 100%;
}
#loginForm  #btn-forgot{
	color: #23315a;
	text-decoration: none;
}
#loginForm #rememberme-label {
	cursor: pointer;
	user-select: none;
}
#loginForm #rememberme{
	display: none;
}
#loginForm .icon-uncheck-square {
	margin-right: 5px;
}
#loginForm #rememberme:checked ~ .icon-uncheck-square::before{
	content: "\e902" !important;
}

#publicite {background-color:#FFF;background:url('../images/image-commun/pub.png')center center/100% 100% no-repeat;height:140px;width:100%;margin-top:5px;border:1px solid #D8D8D8;}

.formulaireInscription{margin:10px 5px;border:1px solid #D8D8D8;padding:20px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.formulaireInscription input:not([type="radio"]){display:inline-block;margin-bottom:10px;color:#afafaf;border:none;height: 35px;padding-left: 55px;width: 283px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-size: 14px;}

/*.formulaireInscription input:not([type="radio"])::-webkit-validation-bubble {
    opacity: 0.95;
}
.formulaireInscription input:not([type="radio"])::-webkit-validation-bubble-arrow-clipper {
    text-align:center;
}
.formulaireInscription input:not([type="radio"])::-webkit-validation-bubble-arrow {
    background-color: #f4f4f4;
    border: 1px solid #D8000C;
    border-width: 1px 0 0 1px;
    box-shadow: none;
}
.formulaireInscription input:not([type="radio"])::-webkit-validation-bubble-icon {
    display:none;
}
.formulaireInscription input:not([type="radio"])::-webkit-validation-bubble-message {
    background: #f4f4f4;
    border: 1px solid #D8000C;
    color: #D8000C;
    font-size: 100%;
    box-shadow: 0 1px 5px #bbb;
    text-shadow: 0 1px 0 #fff;
}*/


/*.formulaireInscription input:not([type="radio"]):valid+span.valid {visibility:visible;}
.formulaireInscription input:not([type="radio"]):invalid+span.invalid {visibility:visible;}*/

.formulaireInscription input:not([type="radio"]):-moz-placeholder {color:#afafaf;}
.formulaireInscription input:not([type="radio"])::-webkit-input-placeholder {color: #afafaf;}
.formulaireInscription input.profile{background:url('../images/image-commun/profile_input_bg.png') 2px top no-repeat;}
.formulaireInscription input.password{background:url('../images/image-commun/password_input_bg.png') 2px top no-repeat;}
.formulaireInscription input.email{background:url('../images/image-commun/email_input_bg.png') 2px top  no-repeat;}
.formulaireInscription input#pseudo{background:url('../images/image-commun/pseudo_input_bg.png') 2px top no-repeat;}
/*.formulaireInscription input#confirmEmail{margin-top:45px;}*/

.formulaireInscription span.valid{visibility:hidden;background:url('../images/image-commun/valid_icon.png') 0px 0px no-repeat;display:inline-block;height: 18px;margin-left: 5px;width: 18px;position: absolute;top:10px}
.formulaireInscription span.invalid{visibility:hidden;background:url('../images/image-commun/invalid_icon.png') 0px 0px no-repeat;display:inline-block;height: 18px;margin-left: 5px;width: 18px;position: absolute;top:10px}

.formulaireInscription select#profile{font-size:14px;color:#afafaf;background:url('../images/image-commun/select_profile_bg.png') no-repeat;border:none;padding-left: 55px;width:280px;height:35px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-bottom:20px; -moz-appearance: none; -webkit-appearance: none;appearance: none;-ms-appearance: none; text-indent: 0.01px; /* Removes default arrow from firefox*/text-overflow: ""; /*Removes default arrow from firefox*/}
.formulaireInscription select#profile::-ms-expand {display: none;}
.formulaireInscription select#profile option{color:#afafaf;font-size:14px;}
.formulaireInscription #inscrireBtn{text-decoration:none;outline:none;display:inline-block;color: #FFFFFF;font-size: 15px;margin-right:-27%;height: 37px;line-height: 37px;text-align: center;width: 283px;border:none;    background: linear-gradient(180deg, rgba(162,215,48,1) 0%, rgba(128,196,32,1) 100%);border: 1px solid #5bab20;width:142px;}

#subscriptionMessage.error {float:left;color:#CA3F0E;margin: 30px 0 10px 10px;background:url('../images/image-commun/errorInscription.png') left top no-repeat;padding-left: 30px;line-height:25px;}
#subscriptionMessage.succes{background:inherit;color:#598123;}
.formulaireInscription #ConnectResSoc{background:url('../images/image-commun/res_sociaux_connect.png') no-repeat;height: 35px;width: 109px;overflow:hidden;}
.formulaireInscription #ConnectResSoc >li{list-style-type:none;float:left;}
.formulaireInscription #ConnectResSoc >li a{display:block;width:36px;height:35px;}
.formulaireInscription > div{float:left;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.formulaireInscription > div p#Sexe{margin-bottom:30px;height:25px;}
.formulaireInscription > div p#Sexe input[type="radio"] {visibility:hidden;}
.formulaireInscription > div p#Sexe input[type="radio"]+label{display:inline-block;background:url('../images/image-commun/styled_input_radio.png') right -3px no-repeat;height:25px;padding-right:30px;color:#AFAFAF;font-size:14px;}
.formulaireInscription > div p#Sexe input[type="radio"]:checked +label{background-position: right -45px;}


.formulaireInscription > div p#text{margin-bottom:30px;height:25px;}
.formulaireInscription > div p#text input[type="radio"] {visibility:hidden;}
.formulaireInscription > div p#text input[type="radio"]+label{display:inline-block;background:url('../images/image-commun/styled_input_radio.png') right -3px no-repeat;height:25px;padding-right:30px;color:#AFAFAF;font-size:14px;}
.formulaireInscription > div p#text input[type="radio"]:checked +label{background-position: right -45px;}

.formulaireInscription > div p#role{margin-bottom:30px;height:25px;}
.formulaireInscription > div p#role input[type="radio"] {visibility:hidden;}
.formulaireInscription > div p#role input[type="radio"]+label{display:inline-block;background:url('../images/image-commun/styled_input_radio.png') right -3px no-repeat;height:25px;padding-right:30px;color:#AFAFAF;font-size:14px;}
.formulaireInscription > div p#role input[type="radio"]:checked +label{background-position: right -45px;}
#headerInscription{background:url('../images/image-commun/bg_header_insc.png') left center repeat-x;height:56px;}
#headerInscription span{background-color: #FFFFFF;display:block;line-height: 65px;margin: 0 auto;width: 170px;font-family:'MyriadPro';text-align:center;color:#504465;font-size:32px;}
#InscriptionSection{border:1px solid #D8D8D8;margin-top:5px;background-color:#FFF;}

.DecouvertMonProf{position:relative;}

.leftNav{background:url('../images/image-commun/leftNav_icons.png')no-repeat;height:74px;width:34px;top:111px; left:-34px;position: absolute;}
.leftNav >li{list-style-type:none;}
.leftNav >li a{display:block;height:25px;}
.leftNav li.home:hover{height:24px;background:url('../images/image-commun/leftNavHover_icons.png') 0 0 no-repeat;}
.leftNav li.inscription:hover,.leftNav li.inscription.active{background:url('../images/image-commun/leftNavHover_icons.png') 0 -25px no-repeat;}
.leftNav li.connect:hover,.leftNav li.deconnect.active{background:url('../images/image-commun/leftNavHover_icons.png')0 -50px no-repeat;}

.headerMonProf{background-color:#DEDEDE;height:148px;border:1px solid #D8D8D8;border-bottom:35px solid #FFD249;border-top:none;}

.titleHeaderProf{ font-family: 'ParisJetaime';color:#5B6068;font-size: 24px;height: 44px;line-height: 66px;margin-left: 37px;padding-left: 8px;}
.titleHeaderProf.active{color:#598123;border-left:4px solid #7DB523;}
.headerMonProf > div{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:50%;height: 100%;}
.headerMonProf > div.rightCol {padding-left: 90px;}
.headerMonProf .listWhyMonProf{margin:9px 0 0 12px;overflow:hidden;}
.headerMonProf .listWhyMonProf > li{list-style-type:none;border-radius: 64px;float: left;margin: 9px 10px 0;width:60px;}
.headerMonProf .listWhyMonProf > li > a{text-decoration:none;outline:none;display:block;font-size:12px;text-align: center;color:#8B8C8E;}
.headerMonProf .listWhyMonProf > li > a span:not(.txtIcon){border-radius: 50px;display: block;height: 60px;width: 60px;border:2px solid transparent;  margin: 0 auto;}
.headerMonProf .listWhyMonProf > li > a span:not(.txtIcon) img{margin: 5px;border-radius: 50px;display: block;height: 50px; width: 50px;-webkit-filter: grayscale(90%);
	-moz-filter: grayscale(90%);
	-ms-filter: grayscale(90%);
	-o-filter: grayscale(90%);
	filter: grayscale(90%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 4+ */
	filter: gray; /* IE 6-9 */}
.headerMonProf .listWhyMonProf > li > a span.txtIcon{display:block;text-indent:-9999px;}


.headerMonProf .listWhyMonProf > li:hover > a span:not(.txtIcon),.headerMonProf .listWhyMonProf > li > a:hover span:not(.txtIcon),.headerMonProf .listWhyMonProf > li > a:focus span:not(.txtIcon),.headerMonProf .listWhyMonProf > li.active > a span:not(.txtIcon){border: 2px solid #598123;}
.headerMonProf .listWhyMonProf > li:hover > a span:not(.txtIcon) img,.headerMonProf .listWhyMonProf > li.active > a span:not(.txtIcon) img,.headerMonProf .listWhyMonProf > li > a:hover span:not(.txtIcon) img,.headerMonProf .listWhyMonProf > li > a:focus span:not(.txtIcon) img{box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);filter: none;
	-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);}
.headerMonProf .listWhyMonProf > li > a:hover span.txtIcon,.headerMonProf .listWhyMonProf > li:hover > a span.txtIcon,.headerMonProf .listWhyMonProf > li > a:focus span.txtIcon,.headerMonProf .listWhyMonProf > li.active > a span.txtIcon{text-indent:inherit;}


/*------------------------------------*/
/* Section Description Eleve
/*------------------------------------*/

.DescContent{height:523px;border:1px solid #D8D8D8;background-color:#FFF;}
#DescEleve .mosaiqueElv{overflow:hidden;height: 460px;margin:30px auto;width: 584px;}
#DescEleve .mosaiqueElv > li {list-style-type:none;float:left;width:50%;box-sizing:border-box;-moz-box-sizing:border-box;height: 215px;margin-bottom: 25px;}
#DescEleve .mosaiqueElv > li.orange{background:url('../images/image-commun/bg_orange.png') no-repeat center center;}
#DescEleve .mosaiqueElv > li.vert{background:url('../images/image-commun/bg_vert.png') no-repeat center center;}
#DescEleve .mosaiqueElv > li.bleu{background:url('../images/image-commun/bg_bleu.png') no-repeat center center;}
#DescEleve .mosaiqueElv > li.violet{background:url('../images/image-commun/bg_violet.png') no-repeat center center;}
#DescEleve .mosaiqueElv > li img{float:left;}
#DescEleve .mosaiqueElv > li div{display: table;height: 212px;margin: 0 0 0 83px;width: 127px;}
#DescEleve .mosaiqueElv > li p{color:#FFF;font-weight:bold;font-size: 13px;text-align: center;vertical-align: middle;display:table-cell;}
#DescEleve .mosaiqueElv > li.rightElv img{float:right;}

/*----------------------------------------*/
/* Section description enseignant
/*----------------------------------------*/

#MonProfEnseignant .headerMonProf{border-bottom:35px solid #7DB523;}
#DescEnseignant{position:relative;}
#DescEnseignant > div{width:733px;height:405px;margin:59px auto;}
#DescEnseignant .listDesc{display:table;padding: 20px 0;}
#MonProfEnseignant .ProfImg{background:url('../images/image-commun/shadow_imgprof.png') center bottom no-repeat;height: 170px;width: 165px; display: table-cell;}
#MonProfEnseignant .ProfImg > span{border-radius: 90px;-webkit-border-radius:90px;-moz-border-radius: 90px;-ms-border-radius: 90px;display: block;height: 142px;overflow: hidden;width: 142px;margin: 0 auto;}
#MonProfEnseignant .ProfImg > span img{display: block;margin: 18px auto 0;}
#MonProfEnseignant .ProfImg+div{ display: table-cell;padding-left: 65px;vertical-align: middle;color:#616264;font-family:'caviar dream';}
#MonProfEnseignant .ProfImg+div p{position:relative;margin-bottom: 23px}
#MonProfEnseignant .ProfImg+div p:before{position:absolute;left:-60px;top: -29px;}
#MonProfEnseignant .ProfImg+div p:after{position:absolute;bottom:-17px;margin-left:5px;}

.listDesc.jaune .ProfImg > span {border: 3px solid #F8B400;}
.listDesc.violet .ProfImg > span {border: 3px solid #982B84;}
.listDesc.vert .ProfImg > span {border: 3px solid #93B92B;}
.listDesc.rouge .ProfImg > span {border: 3px solid #CE041C;}

.listDesc.jaune .ProfImg+div p:before{content:url('../images/image-commun/Deb_apostropheY.png');}
.listDesc.jaune .ProfImg+div p:after{content:url('../images/image-commun/Fin_apostropheY.png');}

.listDesc.violet .ProfImg+div p:before{content:url('../images/image-commun/Deb_apostropheV.png');}
.listDesc.violet .ProfImg+div p:after{content:url('../images/image-commun/Fin_apostropheV.png');}

.listDesc.vert .ProfImg+div p:before{content:url('../images/image-commun/Deb_apostropheVe.png');}
.listDesc.vert .ProfImg+div p:after{content:url('../images/image-commun/Fin_apostropheVe.png');}

.listDesc.rouge .ProfImg+div p:before{content:url('../images/image-commun/Deb_apostropheR.png');}
.listDesc.rouge .ProfImg+div p:after{content:url('../images/image-commun/Fin_apostropheR.png');}

#previousSlide{display:block;position:absolute;top:50%;left:20px;background:url('../images/image-commun/prevSlide.png') no-repeat;height: 33px;width: 33px;}
#nextSlide{display:block;position:absolute;top:50%;right:20px;background:url('../images/image-commun/nextSlide.png') no-repeat;height: 33px;width: 33px;}

#inscrireOkBtn{

	/*display: block;
	color: #fbfbfb;
	font-size: 15px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	border: none;
	background-color: #c83e46;
	border: 1px solid #d8000c;
	width: 307px;
	!* margin: 15px auto; *!
	margin-left: -23px;
	position: absolute;
	border-radius: 25px;
	left: -45px;*/
	display: block;
	height: 37px;
	line-height: 37px;
	width: 307px;
	position: absolute;
	border-radius: 25px;
	left: -45px;
	background-color: #c83e46;
	font-family: KumbhSans;
	font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
	border: 0px;

}

.logo_monprof_img{
	position: absolute;
	top: -20px;
	right: 398px;
	height: 47px;
}
.btn_close_modal_inscription{
	position: relative;
	left: 590px;
	height: 38px;
	width: 38px;
	border-radius: 30px;
	border: 0px;
	color: white;
	background: #c83e46;
	top: -16px;
	visibility: visible;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	/*font-weight: bold;*/
}
#createmsg{
	margin-top: 70px;
	margin-left: 50px;
	width: 518px;
	height: 123px;
	border-radius: 16px;
	border: solid 1px #3db8bb;
	background-color: #ffffff;
	margin-right: 50px;
}
.Vous_y_etes_presque{
	/*width: 200px;
	height: 23px;
	font-family: 'Kumbh Sans', sans-serif;
	font-size: 19px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.21;
	letter-spacing: normal;
	text-align: left;
	color: #3db8bb;
	margin: 10px;*/


	width: 200px;
	height: 23px;
	font-family: 'Kumbh Sans', sans-serif;
	font-size: 19px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 1.21;
	letter-spacing: normal;
	text-align: left;
	color: #3db8bb;
	margin: 10px;
	margin-left: 15px;
	margin-top: 22px;
	font-style: italic;

}
#subMsg{
	width: 490px;
	height: 45px;
	font-family: 'Kumbh Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: left;
	color: #9a9a9a;
	margin-left: 17px;
}
.btn_confirm_inscription_re{
	margin-top: 17%;
	margin-left: 145px;
	text-align: center;
	display: block;
	height: 45px;
	line-height: 38px;
	width: 430px;
	position: absolute;
	border-radius: 25px;
	left: -45px;
	font-family: 'Kumbh Sans', sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	color: #ffffff;
	border: 0px;
}
#btnMsgConfirm{
	cursor: pointer;
	position: relative;
	top: 9%;
}
#btnidOk{
	cursor: pointer;
	visibility: visible;
}
#btnClosePup{
	cursor: pointer;
}
.d_conf_ins{
	margin-top: 130px;margin-left: 100px;
}
.lbl_recu_email{
	font-family: 'Kumbh Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.15;
	letter-spacing: normal;
	text-align: left;
	color: #4b4b4b;
}
.btn_renvoyer_email{
	margin-left: 5px;
	width: 206px;
	height: 27px;
	border-radius: 12px;
	background-color: #3db8bb;
	border: 0px;
	font-family: 'Kumbh Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #ffffff;
}
.p_mauvaise_adrr{
	margin-top: 10px;font-family: 'Kumbh Sans', sans-serif;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.15;
	letter-spacing: normal;
	text-align: left;
	color: #4b4b4b;
}
.btn_modifier_la{
	margin-left: 57px;
	width: 87px;
	height: 27px;
	border-radius: 12px;
	border: 0px;
	background-color: #fcc40c;
	font-family: 'Kumbh Sans', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.17;
	letter-spacing: normal;
	color: #ffffff;
}


.inscriptionModalEmail #fancySkin{
height: 450px;
}
.inscriptionModalEmail #fancyInner{
	height: 450px;
}
.inscriptionModalEmail #btnidOk{
background-color: white;
	color: #6a6a6a ;
	visibility: visible;
}
.inscriptionModalEmail #pMsgPopUp{
	visibility: visible;
}
.inscriptionModalEmail #subMsg{
	margin-top: 1px;
	text-align: left;
	font-size: 15px;
	font-weight: bolder;
}
.inscriptionModalEmail #btnClosePup{
	visibility: visible;
}


/*.inscriptionModalPersonal#btnClosePup{
	visibility: hidden;
}*/
.inscriptionModalPersonal #fancySkin{
	height: 450px;
}
.inscriptionModalPersonal #fancyInner{
	height: 450px;
}
.inscriptionModalPersonal #btnidOk{
	background-color: #c83e46;
	color: #ffffff;
	visibility: visible;
	cursor: pointer;
}
.inscriptionModalPersonal #pMsgPopUp{
	visibility: visible;
}
.inscriptionModalPersonal #subMsg{
	margin-top: 1px;
	text-align: left;
	font-size: 15px;
	font-weight: bolder;
}

.inscriptionModalError #btnClosePup{
	visibility: visible;
}
.inscriptionModalError #fancySkin{
	height: 310px;
}
.inscriptionModalError #fancyInner{
	height: 310px;
}
.inscriptionModalError #btnidOk{
	background-color: #c83e46;
	color: #ffffff;
	display: none;
}
.inscriptionModalError #pMsgPopUp{
	visibility: hidden;
}
.inscriptionModalError #subMsg{
	margin-top: -15px;
	text-align: center;
	font-size: 20px;
	font-weight: bolder;
}




	#top-header {
		color: #fff;
		background: #23315a;
		border-bottom: 2px solid #ce7a00;
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.16);
		font-family: 'Tajawal', sans-serif;
	}

	#top-header nav {
		align-items: center;
		display: flex;
		justify-content: flex-end;
	}

	#top-header nav a {
		background: #dee0e6;
		color: #23315a;
		text-decoration: none;
		border-radius: 5px;
		font-size: 15px;
		font-weight: 500;
		padding: 5px 14px;
		margin-right: 30px;
		z-index: 1000;
	}

	#top-header nav a:hover {
		background-color: #fff;
	}

	#top-header nav ul {
		list-style: none;
		height: 66px;
		align-items: center;
		position: relative;
    	z-index: 1000;
	}

	#top-header nav ul li {
		display: flex;
		flex-direction: column;
		align-items: center;
		height: 100%;
		justify-content: center;
		padding-top: 8px;
		border-left: 1px solid;
		padding: 2px 21px;
		border-right: 1px solid;
		cursor: pointer;
	}

	#top-header nav ul li span {
		padding-top: 5px;
	}

	#logo-section {
		position: relative;
		top: -38px;
		z-index: 999;
	}

	#logo-section div {
		max-width: 362px;
		text-align: center;
		z-index: 999;
	}

	#logo-section img {
		width: 242px;
	}

	#logo-section p {
		color: #fff;
		font-family: Tajawal;
		font-size: 19px;
		font-weight: 500;
		margin: 0;
		line-height: 20px;
	}

	.img-section img {
		position: relative;
		top: -20px;
		width: 430px;
	}

	#login-section h2{
		font-size:24px;
		color:#fff;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 30px;
	}

	#login-section .error-meesage {
		background-color:#fffae5;
		border: 1px solid;
		border-radius: 5px;
		color: #e7261a;
		margin:0 auto;
		text-align: center;
		width: 300px;
	}

	#top-section {
		background-color: #37588f;
		background-image:url('../images/accueil/bg-motif.png');
		background-size: 430px;
	}

	.error-icon {
		background: #e7261a;
		color: #fff;
		width: 26px;
		display: inline-block;
		height: 26px;
		border-radius: 100%;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 5px;
	}

	.input-field .error-icon {
		display: none;
	}
	.input-field.has-error input {
		border:1px solid #e7261a !important;
	}
	.input-field.has-error input::placeholder {
		color: #e7261a;	
	}
	.input-field.has-error .error-icon {
		display: block;
		position: absolute;
		left: calc(100% + 6px);
		width: 24px;
		height: 24px;
		top: 5px;
	}
.error-message {
	font-size:15px;
	font-weight: 500;
	margin-top: 20px;
}
#ConnectMessageError {
	position:relative;
	top:-13px;
}
#ConnectMessageError p, #ConnectMessage {
	font-weight: 500;
	padding: 0 10px;
}
.remember-and-forgot{
	display: flex;
	font-size: 14px;
	justify-content: space-between;
	margin-bottom:40px;
}

#session-expired-page .wrapper {
	width: 100%;
}
#session-expired-page #top-section {
	height: calc(100vh - 68px);
}
.session-expired-box {
	position: relative;
    text-align: center;
    top: 50px;
}

.session-expired-box > img {
	margin: 0;
    position: relative;
    top: 35px;
	width: 120px;
}

.session-expired-box > p {
	color: #fff;
    border: 1px solid;
    width: 350px;
    text-align: center;
    padding: 50px 0 25px 0;
    border-radius: 11px;
    font-size: 20px;
}

#contactPopupWrapper {
  background: #000a;
  display: block;
  height: 100vh;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100vw;
  z-index: 10000;
}

#contactPopup {
  background: #fff;
  border-radius: 18px;
  font-family: "Kumbh Sans", sans-serif;
  height: 250px;
  left: 50%;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 450px;
}

#contactPopup main {
  height: 100%;
  padding: 0 15px;
}

#contactPopup main > img {
  position: absolute;
  top: -25px;
  left: 25px;
  width: 173px;
}

#contactPopup main > div {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  width: 350px;
}
#contactPopup main > div > div {
	margin-bottom: 10px;
}
#contactPopup main > div > div i {
  color: #4a5890;
  margin-right: 3px;
  font-size: 21px;
}

#contactPopup main > div > div span {
  color: #989898;
}

#closePopupBtn {
  background: radial-gradient(#fff 60%, transparent 40%) top no-repeat;
  background-size: 80%;
  border-radius: 100%;
  color: #cf151b;
  cursor: pointer;
  font-family: arial;
  font-size: 38px;
  position: absolute;
  right: -18px;
  top: -18px;
  user-select: none;
}