.educapp-box .form-group label{
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.35px;
    text-decoration: none;
    padding-bottom: 8px;
    display:block;
}
.educapp-box select.form-control,
.educapp-box input.form-control {
    font-family: 'Montserrat', sans-serif;
    text-indent: 0!important;
    border: 2px solid #99B2D9;
    border-radius: 20px;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    padding: 0 10px;
    color: #002565;
    display: block;
    width: 100%;	
}

.educapp-box .label-control {
	display: block;
}
.educapp-box .form-group {
    position: relative;
    width: 100%;
    padding: 8px 0;
}

.educapp-box .form-group ul{
    margin:0;
}
.educapp-box .asterisk {
    color: #FF4D4D;
    font-size: 150%;
    font-weight: normal;
    position: relative;
    top: 5px;
}

.btn-primary {
    color: #fff !important;
    background-color: #003DA5!important;
    border-color: #003DA5; 
    margin-bottom:1.5rem;
}
.btn {
    padding: 12px 20px 11px 20px;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    text-decoration: none; 
    font-weight: 700;
    text-align: center;
    background-color: #003DA5;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    margin-top: 1em;
}
.modal-body #customBtn{display:flex; align-items: center; flex-direction: row; }
.modal-body #customBtn .btn{ display:flex; align-items: center; justify-content: center; flex:1;margin-left:6px; margin-bottom:0; }
.modal-body #customBtn .button{display:flex; align-items: center; justify-content: center; flex:1; margin-right:6px; margin-bottom:0;}
.modal-body #customBtn i{ font-weight: normal; font-size: 20px; position:relative; top:-1px;}


.alert-success {
    color: #fff;
    background-color: #8dbf42;
    border-color: #8dbf42;
}
.alert-danger {
    color: #FF4D4D;
    font-weight:600;
    background-color: #fff6f6;
    border-color: #fff6f6;
}
.alert {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 0.5375rem;
    font-size: 0.875rem;
}
.alert a {
    color:#ffffff;
}
.alert.alert-danger a {
    color: #003DA5;
}
.educapp-box .radio{
	position: relative;
	height: 20px;
	width: 20px;
	border-radius: 10px;
	display:block; 
    display:flex; 
    align-items: flex-start;
}

.educapp-box .radio input{
	cursor: pointer;
	padding: 0 0 0 0!important;
	margin: 0 0 0 0;
	width: 20px;
	height: 20px!important;
	opacity: 0;
	position: relative;
	z-index: 3;
}

.educapp-box .radio span.check{
	cursor: pointer;
	position: absolute;
	content: "";
	z-index: 1;
	background-color: #002565;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	top: 0;
	left: 0;
}

.educapp-box .genre label {
    padding-left: 8px;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0;
    text-decoration: none;
    padding-bottom:0;
}

.educapp-box .radio span.check:before {
	position: absolute;
	content: "";
	z-index: 2;
	background-color: #fff;
	top: 2px;
	bottom: 2px;
	right: 2px;
	left: 2px;
	border-radius: 10px;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.educapp-box .radio input:checked ~ .check {background-color: #003DA5;}
#moneducalcool .educapp-box .col-md-12{margin-top:1rem;}
.instructions{
	display:block;
	line-height:18px;
	font-size:13px;
    font-weight: 400;
	margin:10px 0;
}

#moneducalcool .educapp-box select.form-control{
  
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/wp-content/themes/ATYPIC/public/img/svg/dropdown.svg);
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: 98% center;
} 
.educapp-box .radio input:checked ~ .check:before {
	top: 8px;
	bottom: 8px;
	right: 8px;
	left: 8px;
	border-radius:100%;
}
ul.genre {list-style:none;}
ul.genre li:before {content:inherit;}
.genre li {
    float: left;
    display: flex;
    align-items: center;
    list-style:none;
    padding: 8px 30px 8px 0px;
}
.genre li.check-control {
    float: inherit;
    padding: 0px;
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
}

.educapp-box .genre li.check-control .radio span.check,
.educapp-box .genre li.check-control .radio span.check:before {
	border-radius: 4px;
}

.educapp-box span.title {
    font-family: 'Volkhov', serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0;
    color: #002565;
    padding-bottom: 10px;
    display: block;
}

.educapp-box .indicates-required {
    text-align: right;
    font-size: 11px;
    line-height:15px;
    margin-right: 4%;
    font-family: 'Montserrat', sans-serif;
    color: #002565;
    font-size: 12px;	
}
.wrap-separateur {
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    display: flex;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    vertical-align: middle; 
    margin: 0rem;
    padding:15px 0 15px 0;
    margin-top:10px;
}
.lignage {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    flex-grow: 1;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    padding: 0rem;
    margin: 0rem;
    border-bottom: 2px solid #99B2D9;
}
.separateur-label {
    box-sizing: border-box;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    padding: 0rem 0.5rem;
    margin: 0rem;
}
.separateur-p {
    color: #002565 !important;
    text-transform:uppercase;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
    text-align: center;
    margin: 0.5rem 0rem !important;
    font-size: 12px !important;
    font-weight:700 !important;
    line-height: 1.5 !important;
}
.modal-body h3#modalcreerLabel{
    margin-bottom: 20px;
}
.precision{
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    text-transform: initial;
    letter-spacing: 0;
    width:100%; 
    text-align: center;
    padding:0 0 0 0;
    margin-bottom:16px;
}
.site-content .wrapper#moneducalcool p.precision-sidebar{
    font-size: 14px;
    line-height: 19px;
    margin:15px 0;
}
.precision a{font-weight:700;}
.modal-body input[type="submit"]{min-width:200px;}

/* MON EDUC */
#content.with-sidebar .wrapper .sidebar.sidebar-moneducalcool .wrap .element {
	margin-top:10px;
}
#content .sidebar-moneducalcool .cta {
	color: #002565 !important;
	border:2px solid #002565 !important;
	font-weight:700 !important;
	margin-top:50px !important;
}
#content .sidebar-moneducalcool .outils {
	padding-bottom:50px;
}

#header.educ-header .wrapper .content .title {
    width: 40%;
    display: block;
    padding-right: 20px;
}
#header.educ-header .wrapper .content .about p:last-child {
    margin-bottom: 0;
}
#header.educ-header .wrapper .content .wrap {
    display: flex;
    align-items: flex-start;
}
#header.educ-header .wrapper .content .about {
    width: 60%;
    display: block;
    padding-left: 40px;
    min-height: 100px;
}




/* CONSO */
.conso {
	background-color: #e6ecf6;
	border-radius:15px;
	overflow:hidden;
	margin-top:40px;
    margin-bottom:-10px;
}

.conso-body {
	padding:20px 40px;
	position: relative;	
} 
.conso .date {
	color: #002565;
}
.conso .header-results {
	margin-bottom:10px;
}
.conso-body .supprimer {
	position:absolute;
	right:20px;
	top:10px;
	cursor:pointer;
}
.conso .tags span {
    position: relative;
    font-size: 10px;
    line-height: 15px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.4px;
    font-family: 'Montserrat', sans-serif;
    color: #002565;
    background-color: #fff;
    padding: 4px 10px 3px 10px;
    display: inline-block;
    border-radius: 10px;
    text-transform: uppercase;
}
.conso .calcul .sang {
	font-size: 40px;
    margin: 15px 0 5px;
    color: #002565;
    font-weight: bold;
}
.conso .calcul .unit {
    color: #002565;
    font-size: 16px;
}
.conso .etat {
    background-color: #FF4D4D;
    color:#fff !important;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    padding:6px;
    font-weight: 700;
}
.conso .etat-ok {
    background-color: #00a573;
    color:#fff !important;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    padding:6px;
    font-weight:700;
}
.conso .etat-ok.warning {
    background-color: #FBC328;
}
.conso .tags{
    margin-top:12px;
    display:flex;
    flex-wrap: wrap;
}
.conso .tags > span{margin-right:8px;}
.conso .tags > span:last-child{margin-right:0;}
.conso .tags > span,
.conso .tags a.plusdetails{
    margin-bottom:5px;
    display:inline-flex;
}
.conso .tags a.plusdetails span{
    display:inline-flex; align-items: center;
    color: #fff;
    background-color: #002565;
}
.conso .tags a.plusdetails span strong{font-weight: 700; margin-right:4px;}
.conso .tags a.plusdetails{
    text-decoration:none;
}
.conso .tags a.plusdetails strong{
    font-size: 13px;
}



/* FAVORIS */
#header .favoris-heart{ 
	display:inline-block;
	padding:10px;
	color:#fff;
	border-radius:50px;
	background-color:#003da5;
	z-index:10;
	margin-top: 15px;
    text-align: center;
    border:2px solid #003da5;
}
#header.regular.empty .favoris-heart{border:2px solid #fff;}
#header .favoris-heart i {
	font-size:18px;
	color:#fff;
}
#header .favoris-heart small {
	font-size:12px;
	position:relative;
	line-height:14px;
	top:-1px;
	margin: 0 10px 0 10px;
}
#header .favoris-heart small.s {
	display:none;
}
#header .favoris-heart small.r {
	display:inline-block;
}
article .favoris-heart {
	display:inline-block;
	position:relative;
	padding:12px 12px;
	color:#fff;
	border-radius:30px;
	background-color:#003da5;
	z-index:10; 
} 
article .favoris-heart i {
	font-size:18px;
	color:#fff;
}
article .thumbnail .favoris-heart {
	position:absolute;
	right:10px;
	bottom:10px;
}
article .favoris-heart small {
	display:none;
}
header .wrapper .mid {
    flex:inherit;
}

/*
#header.regular.empty .favoris-heart.monfavori,
#header .favoris-heart.monfavori,
#header .favoris-heart.monfavori{ padding: 10px 0; width:44px; text-align: center; }
*/


.favoris-heart.monfavori,
.favoris-heart:hover {
	color:#fff;
	cursor:pointer;
}

#favoris .h4 {
    font-family: 'Volkhov', serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    color: #002565;
    text-transform: initial;
    opacity: 1;
}

#favoris .featured article {
    width: 100%;
    margin-bottom: 0;
    height: 350px;
}
#favoris .grid article.row-3:first-child .content h3.h4, 
#favoris .grid article.row-3:nth-child(2) .content h3.h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 18px;
}
#favoris .featured article .wrap .content h3.h4 {
    font-weight: 400;
    font-size: 28px;
    line-height: 32px;
    color: #fff;
    margin-bottom: 20px;
}

/*
.archive #favoris.grid article.row-3.regular:nth-child(3n+1) {
    padding-left: inherit;
    padding-right: inherit;
}
.archive #favoris.grid article.row-3:first-child, 
.archive #favoris.grid article.row-3:nth-child(2) {
    width: 33.3%;
    margin-bottom: inherit;
    height: inherit;
}
.archive #favoris.grid article.row-3:first-child .wrap, 
.archive #favoris.grid article.row-3:nth-child(2) .wrap {
    padding-bottom: inherit;
    display: inherit;
    justify-content: inherit;
}
.archive #favoris.grid article:first-child .wrap .content, 
.archive #favoris.grid article:nth-child(2) .wrap .content {
    padding-left: inherit;
    padding-right: inherit;
    padding-top: inherit;
    position: relative;
    z-index: 1;
}
.archive #favoris.grid article.row-3:first-child .content h3.h4, 
.archive #favoris.grid article.row-3:nth-child(2) .content h3.h4 {
    font-weight: inherit;
    font-size: 20px;
    line-height: 24px;
    color: inherit;
    margin-bottom: inherit;
}
.archive #favoris.grid article.row-3:first-child .content .head .xsmall,
.archive #favoris.grid article.row-3:nth-child(2) .content .head .xsmall,
.archive #favoris.grid article.row-3:first-child .content h3.h4 a,
.archive #favoris.grid article.row-3:nth-child(2) .content h3.h4 a{
	text-shadow: inherit;
}
.archive #favoris.grid article.row-3:first-child .content .head .xsmall,
.archive #favoris.grid article.row-3:nth-child(2) .content .head .xsmall{
	color: #99B2D9;
}
.archive #favoris.grid article.row-3:first-child .content .head .date:before,
.archive #favoris.grid article.row-3:nth-child(2) .content .head .date:before {
    background-color: #99B2D9;
}
.archive #favoris.grid article.row-3:first-child .content .head .xsmall a, 
.archive #favoris.grid article.row-3:nth-child(2) .content .head .xsmall a {
    color: #002565;
}
*/

/* SE CONNECTER */
.se-connecter a {
    background-color: transparent;
    border: 2px solid #fff;
    padding: 0 26px 0 26px;
    height: 40px;
    border-radius: 30px;
    display: flex;
    margin-left:5px;
    align-items: center;
    padding-top: 2px;
    position: relative;
    top: 5px;
}
.se-connecter a.connexion {
    border: 2px solid transparent;
}
.se-connecter a.nom span {
    margin-right:8px;
}

/* moneducalcool */
#moneducalcool{
	min-height:600px;
}
#moneducalcool #outils-promoted h3{
	color:#fff !important;
    font-weight:400;
    font-size: 27px;
    line-height: 36px;
}
#moneducalcool #outils-promoted .outils {
    min-height: 280px;
}
.moneduc-accueil{
	padding:20px 0;
}

@media (max-width: 991px) {

}

#educ-navigation{
	display:none;
	overflow: initial;	
}
@media (max-width: 840px) { 
	#educ-navigation{
		display:block;
	}
	#educ-navigation .owl-stage{
		min-width:2000px !important;
	}
	#educ-navigation .navigation .item a {
		padding-left: 22px;
		padding-right: 22px;
		display: inline-block;
		border: 2px solid transparent;
		border-radius: 30px;
		height: 40px;
		line-height: 37px;
		padding: 0 26px 0 26px;		
	}
	#educ-navigation .navigation .item.current a {
		border: 2px solid #fff;
	}	
	#educ-navigation .navigation {
		overflow: hidden;
		position: fixed;
		bottom: 60px;
		left: 0;
		right: 0;
		background-color: #001A46;
		border-top: 0px solid transparent;
		padding-top: 0px;
		height: 60px;
		padding-left: 10px;
		padding-right: 10px;
		z-index:4;
	}
	#educ-navigation  .navigation .item {
		margin-top: 10px;
	}	


}


/* landing */
.bloc-landing{
	text-align:center;
	background-color:#E6ECF6;
	padding:20px;
	height:100%;
}
.bloc-landing .svg-l{
	width:30px;
	margin:20px;
}
.site-content .bloc-landing h3 {
    font-family: 'Volkhov', serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    color: #002565;
    text-transform: initial;
    opacity: 1;
    margin:0 0 15px 0;
}
.bloc-landing p {
    font-size: 16px;
    line-height: 20px;
}
.bloc-landing p .btn {
    display:block;
    margin:0 20%;
}




/*!
 * Boostrap grid seulement
 */
 .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){     .container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}} 

/*!
 * Utilitaire extension
 */
 .m-0 {
  margin: 0 !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 2rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 2rem !important;
}
.ml-3 {
  margin-left: 1rem !important;
}
.ml-4 {
  margin-left: 1.5rem !important;
}
.ml-5 {
  margin-left: 2rem !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.mt-5 {
  margin-top: 2rem !important;
}
.p-0 {
  padding: 0 !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 2rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 2rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 2rem !important;
} 
.overflow{
	overflow:hidden;
}
.text-center{
	text-align:center;
}
.block{
	display:block !important;
}


/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 .modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: inherit !important;
  box-shadow: inherit !important;
  outline: 0;
  width: 100% !important;;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background: #002565 0% 0% no-repeat padding-box !important;;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=90) !important;
  opacity: 0.91 !important;
}
.modal-header {
  padding: 30px;
  border-bottom: 1px solid #ffffff;
}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
	cursor: pointer;
	float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;	
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.fermer {
  position: absolute;
  right:30px;
  top:30px;
}
.modal-body{
  position: relative;
  padding: 60px 90px 50px 90px;
}
.modal-footer {
  padding: 40px;
  text-align: right;
  border-top: 1px solid #ffffff;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
}
.modal-content {
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
}
.modal-sm {
    width: 300px;
}
}
@media (min-width: 992px) {
  .modal-lg {
    width: 800px;
}
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}






.site-content .wrapper#moneducalcool p { font-size: 18px; line-height: 28px; margin-bottom: 20px; }
.site-content .wrapper#moneducalcool #outils-promoted .outils .wrap .left{padding-right:0; margin-bottom:20px;}
.site-content .wrapper#moneducalcool #outils-promoted .outils .wrap{display:block;}
#moneducalcool #outils-promoted .outils .cta a{font-weight:700; letter-spacing: 0.35px;}


.educapp-box .radio span.check:before {
    position: absolute;
    content: "";
    z-index: 2;
    background-color: #fff;
    top: 2px;
    bottom: 2px;
    right: 2px;
    left: 2px;
    border-radius: 10px;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}


 

@media screen and (max-width: 840px){
  .modal-body #customBtn{display:block;}
  .modal-body #customBtn .btn{margin-right:0; margin-left:0; margin-bottom:10px;}
  .modal-body #customBtn button{margin-right:0; margin-left:0; width: 100%}
  .modal-body{ padding: 70px 40px 50px 40px;}
  #moneducalcool #outils-promoted h3{ font-weight: 400; font-size: 22px; line-height: 30px; }
  #moneducalcoo #outils-promoted .outils{padding-left:20px; padding-right:20px;}


}

@media screen and (max-width: 600px){
    .modal-body{ padding: 60px 20px 50px 20px; }
}