/* Global */
body header, html header{
	background-color: initial;
}

em{
	    font-style: italic;
}
.grall-institute-pages *{
	font-family: Lato;
	font-weight: 500;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
.desktop-only{
	display: inline-flex;
}
.grall-institute-pages  h1, .grall-institute-pages  h2, .grall-institute-pages  h3, .grall-institute-pages  h4, .grall-institute-pages  h5, .grall-institute-pages  h6{
	font-weight: 500;
	line-height: 1.4em;
}
.grall-institute-pages  h1{
	font-size:  26px;
	letter-spacing: -.82px
}
.grall-institute-pages  h2{
	color: #8E261E;
	font-size: 30px;
	letter-spacing: -1.03px;
	padding-bottom:  0;
}
.grall-institute-pages  h2 span{
    display: block;
    font-size: 80%;
    line-height: 21px;
    color: #808080;
}
.grall-institute-pages  h2:after{
	display: none;
	content:  '';
}
.grall-institute-pages  .btn{
	padding:  15px 30px;
	background-color: white;
	color:  #8E261E;
	font-size:  12px;
	text-decoration: none;
	display: inline-flex;
}
.grall-institute-pages  .btn.btn_red{
	background-color: #8E261E;
	color:  white;
}
.grall-institute-pages  .btn.pdf-download{
	padding:  19px 30px 19px 50px;
	position:  relative;
}
.grall-institute-pages  .sidebar .btn.pdf-download{
	font-weight:  bold;
}
.grall-institute-pages  .btn.pdf-download:before{
	position:  absolute;
	content:  "";
	background-image: url('../../img/grall-institute/download.svg');
	width:  10px;
	height:  8px;
	background-repeat: no-repeat;
	left: 30px;
    top: 21px;
}
.grall-institute-pages  .btn.btn_red.pdf-download:before{
	background-image: url('../../img/grall-institute/download-white.svg');
}

.grall-institute-pages  .container{
	width:  1200px;
	max-width: 90%;
	margin:  0 auto;
}
.grall-institute-pages  .small-container{
	width:  500px;
	max-width: 70%;
	margin:  0 auto;
}
.grall-institute-pages  ul{
	padding-left:  30px;
	margin-bottom:  0;
}
.grall-institute-pages  ul li{
	margin-bottom:  27px;
	font-weight: 300;
	color:  #808080;
	letter-spacing: -.15px;
	list-style: none;
	position:  relative;
}
.grall-institute-pages  li:last-child{
	margin-bottom:  0;
}
.grall-institute-pages  ul:not(.checklist) li:before{
	position: absolute;
	content:  '';
    width:  5px;
    height:  5px;
    border-radius: 50%;
    background-color: #8E261E;
    left: -30px;
    top: 7px;
    font-size: 5em;
    line-height: 0;
}
.grall-institute-pages  ul.checklist{
	list-style: none;
	display: flex;
	justify-content: space-between;
	width:  100%;
	padding-left: 15px;
}
.grall-institute-pages  ul.checklist li{
	position:  relative;
	color:  #808080;
	padding-left:  20px;
}
.grall-institute-pages  ul.checklist li:before{
	position:  absolute;
	content:  '';
	background-image: url('../../img/grall-institute/check.svg');
	background-size: 15px 14px;
	background-repeat: no-repeat;
	background-position: center center;
	width:  15px;
	height:  14px;
	color:  #8E261E;
	left:  -10px;
	top:  2px;
}
.grall-institute-pages strong{
	font-weight: bold;
}
.grall-institute-pages  .numb{
	width:  30px;
	height:  30px;
	border:  2px solid #e6e6e6;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color:  #8E261E;
	margin-bottom:  37px;
}
.grall-institute-pages  .bg-img{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position:  relative;
}
/* end global */

/* hero */
.hero{
	height:  70vh;
	background-color: black;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	padding-bottom:  100px;
	position: relative;
}
.filter{
	position:  absolute;
	width:  100%;
	height:  100%;
	top:  0;
	left:  0;
	right:  0;
	bottom:  0;
	background-color: #141414;
	opacity:  .7;
}
.hero .small-container{
	position:  relative;
	z-index: 5;
}
.hero h1{
	color:  white;
	text-transform: initial;
}
.hero span{
	margin-bottom:  15px;
	color:  white;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .65px;
	font-size: 11px;
}
.hero p{
	max-width: 100%;
	line-height: 1.2em;
	color:  #d6d6d6;
	font-size:  16px;
	line-height: 1.7em;
}
.hero .btn{
	margin-top:  5vh;
	margin-bottom:  10px;
	text-decoration: none;
}
.hero .reassurance{
	background-color: white;
	width:  100%;
	position: absolute;
	bottom:  0;
	left:  0;
	padding:  23px 0;
}
.hero ul.checklist{
	padding:  25px;
}
/* end hero */

/* grall info section 1 */
.grall-info-s1{
	height:  100vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
	background-color: #F6F6F6;
	position:  relative;
}
.grall-info-s1 .content{
	width:  40%;
	position:  relative;
	z-index: 5;
}
.grall-info-s1 p{
	color:  #808080;
	max-width: 90%;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.6em;
}
.grall-info-s1 p strong{
	color:  black;
	font-weight: 500;
}
.grall-info-s1 ul{
	flex-direction: column;
	margin-bottom:  30px;
	padding-left: 10px;
}
.grall-info-s1 ul.checklist li {
	color:  #8E261E;
	margin-bottom:  15px;
	font-weight:  500;
}
.grall-info-s1 .btn{
	margin-top:  15px;
}
.formation-mask{
	position: absolute;
    left: 30%;
    top: 0;
    height: 100vh;
    width: 70%;
    overflow:  hidden;
}
.formations-list{
	width: 80vw;
	height:  140vh;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    transform: rotate(30deg);
    position:  absolute;
    top:  -20vh;
    left:  20vw;
}
.formations-list .formation-wrapper{
	width:  25%;
	margin:  30px;
	display: flex;
    flex-direction: column;
}
.formations-list .formation-wrapper:nth-child(3n-1){
	margin-top:  -10vh;
}
.formation-cover{
	height:  156px;
}
.formation-content{
	padding:  30px;
	background-color: white;

}

h3, h2{
	color:  #8E261E;
	font-weight: 500;
	line-height: 1.4em;
	margin:  0 0 20px 0;
}
.formation-content p{
	font-size: 12px;
	color:  #808080;
	line-height: 1.4em;
}
.formation-meta{
	display: flex;
	align-items: center;
	color:  #9B9B9B;
	font-size:  7px;
	margin-top:  40px;
	justify-content: space-between;

}
.formation-meta .btn{
	margin:  0 10px 0 0;
	padding:  10px 30px;
}
.formation-meta .price{
	color:  #C9B79A;
	font-size:  9px;
	display: inline-flex;
	margin-left:  15px;
}
.formation-meta .price sup{
	font-size:  3px;
	margin-left:  5px;
	display: inline-flex;
}
/* end grall info section 1 */

/* grall info section 2 */
.grall-info-s2{
	padding:  15vh 0 35vh;
}
.grall-info-s2 .small-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.grall-info-s2 .small-container p{
	color: #808080; font-size: 16px; line-height: 1.6em;
}
.grall-info-s2 .reassurance_expertises{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding:  7vh;
}
.grall-info-s2 .reassurance_expertises > div{
	width:  33.3%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom:  20px;
	padding:  0 5%;
	text-align: center;
}
.reassurance_expertises p{
	color: #808080;  
	line-height: 1.6em;
}
.icone{
	width:  90px;
	height:  90px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #808080;
	min-width: 90px;
	min-height: 90px;
}
.grall-info-s2 .reassurance_expertises .icone{
	margin-bottom:  10px;
	background-color: transparent;
}
.grall-info-s2 h3{
	color:  #8E261E;
	font-weight: initial;
	letter-spacing: -.52px;
}
/* end grall info section 2 */
/* grall info section 3 */
.grall-info-s3{
	background-color: #561e14;
	padding-left:  11%;
	padding-top:  15vh;
	padding-bottom:  25vh;
}
.grall-info-s3 .red_bg{
	background-color: #8E261E;
	padding:  19vh 11%;
	margin-top:  -37vh;
	border-radius: 10px;
	background-image: url('../../img/grall-institute/ovals.svg');
	display: flex;
	justify-content: space-between;
}
.grall-info-s3 .red_bg > div:first-child{
	width:  38%;
}
.grall-info-s3 .red_bg > div:last-child{
	width:  47%;
}
.grall-info-s3 .content{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.grall-info-s3 .btn{
	align-self: flex-start;
}
.grall-info-s3 .red_bg p, .grall-info-s3 .red_bg strong, .grall-info-s3 .red_bg h2, .grall-info-s3 .numb{
	color:  white;
}
.grall-info-s3 .red_bg p{
	margin-bottom:  20px;
}
.grall-info-s3 .red_bg h2{
	font-weight: 500;
}
.list-steps{
	position:  relative;
}
.list-steps .steps-c{
	position:  absolute;
	top:  0;
	left:  0;
	width:  100%;
}
.list-steps .step{
	background-color: white;
	padding:  30px;
	margin-bottom:  15px;
	display: flex;
}
.list-steps .step .contenu{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.list-steps .step h3{
	font-size:  14px;
}
.grall-info-s3 .red_bg .list-steps p{
	color:  #808080;
	font-size:  12px;
}
.grall-info-s3 .red_bg .list-steps p:last-child{
	margin-bottom: 0;
}
/* end grall info section 3 */
/* grall info section 4*/
.grall-info-s4{
	background-color: #561e14;
}
.grall-info-s4 .container{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding:  10vh 0 10vh;
	margin-top:  -2px;
}
.grall-info-s4 .numb{
	color:  white;
}
.grall-info-s4 h2{
	color:  white;
}
.grall-info-s4 .content.toggle_target.hidden{
	display: none;
	visibility: hidden;
}
.toggle_nav .active{
	color:  white;
	position:  relative;
}
.toggle_nav li:after{
	content:  '';
	position: absolute;
	bottom:  -2px;
	left:  0;
	width:  0;
	height:  1px; 
	background-color: white;
}
.toggle_nav li.active:after{
	width:  100%;
	transition: width .5s ease-in-out;
}
.toggle_nav{
	display: flex;
}
.toggle_nav li{
	padding:  10px 0;
	margin-right:  45px;
	list-style: none;
	color:  #808080;
	text-transform: uppercase;
	font-size: 14px;
	cursor:  pointer;
}
.toggle_nav li:last-child{
	margin-right: 0;
}
.grall-info-s4 .content{
	background-color: white;
	padding:  5%;
	border-radius: 10px;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.grall-info-s4 .content h3{
	font-size: 32px;
}
.grall-info-s4 .content p{
	font-size:  14px;
	color:  #272B4C;
	margin-bottom: 30px;
}
.grall-info-s4 .content strong{
	font-weight: 500;
	color:  #474747;
	font-size: 18px;
}
.grall-info-s4 .content a{
	margin-top:  ;
}
.grall-info-s4 .content > div:first-child{
	padding:  7% 15% 2% 2%;
	width:  50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}
.grall-info-s4 .content > div:last-child{
	width:  45%;
	padding:  10% 10% 10% 12%;
	background-color: #efefef;
	display: flex;
	justify-content: center;
	flex-direction: column;
}


.grall-info-s4 .content > div:last-child span{
	color:  #8E261E;
	display: inline-flex;
	margin-bottom:  36px;
	font-size:  18px;
}
/* end grall info section 4*/
/* grall info section 5*/
.grall-info-s5{
	padding:  10vh 0;
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 100vh;
}
.grall-info-s5 h2{
	margin-bottom:  26px;
}
.grall-info-s5 .content{
	width:  32%;
	height:  100%;
	display: flex;
	flex-direction: column;
	justify-content: center;

}
.grall-info-s5 .checklist{
	flex-direction: column;
	margin-top:  36px;
}
.grall-info-s5 .checklist li{
	color:  #8E261E;
	font-weight: 500;
	margin-bottom:  16px;
	font-size: 14px;
}
/* end grall info section 5*/
/* grall info section 6*/
.grall-info-s6{
	background-color: #F6F6F6;
	padding: 10vh 0;
}
.grall-info-s6 .header{
	margin-bottom:  10vh;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.grall-info-s6 p{
	color: #808080; 
	font-size: 16px; 
	line-height: 1.6em; 

}
.testimonials {
	background-color: white;
	border-radius: 10px;
	display: flex;
	height:  auto;
	min-height: 30vh;
	position: relative;
    z-index: 2;
}
.testimonials .testi{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height:  100%;
	width:  100%;
	padding:  10vh 10vw;
	text-align: center;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:  7.5px;
}
.swiper-pagination-bullet{
	width:  10px;
	height:  10px;
	opacity:  1;
	background-color: #D8D8D8;
}
.swiper-pagination-bullet-active{
	background-color: #8E261E;
}
.swiper-button-next, .swiper-button-prev{
	color:  #8E261E;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom:  3vh;
}
.testi .icone{
	margin-bottom:  13px;
}
.testi p.title{
	color:  #8E261E;
	font-size:  18px;
	margin-bottom:  10vh;
	display: inline-flex;
	font-weight: 500;
}
.swiper-button-next, .swiper-button-prev{
	width:  10px;
	height:  15px;
}
.swiper-button-next:after, .swiper-button-prev:after{
	font-size:  18px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left:  5vw;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right:  5vw;
}
/* end grall info section 6*/
/* grall info section 7*/
.grall-info-s7{
	background-color: #8E261E;
	height:  70vh;
	margin-top:  -30vh;
	padding:  35vh 20vw 10vh;
	text-align: center;
}
.grall-info-s7 .small-container span{
	color:  white;
	font-size:  30px;
	letter-spacing: -1.03px;
	line-height: 1.4em;
}
.grall-info-s7 .small-container a{
	margin-top:  50px;
}

/* end grall info section 7*/

.cta_redirect{
	color:  white;
	text-decoration: none;
	display: inline-flex;
	margin-top:  16px;
	font-size:  12px;
	letter-spacing: -.44px;
	font-weight: 500;
	position:  relative;
}
.cta_redirect:after{
	position:  absolute;
	content:  '';
	width:  100%;
	height:  1px;
	background-color: white;
	bottom:  -5px;
	left:  0;
}
ul.numbers{
	list-style: none;
	display: inline-flex;
	padding:  0;
	width:  100%;
	justify-content: space-around;
}
.hero ul.numbers{
	margin-top:  0;
}
ul.numbers li{
	max-width: 192px;
	margin-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
}
ul.numbers li:before{
	content:  initial;
	display: none;
	visibility: hidden;
}
ul.numbers span{
	font-size:  31px;
	color:  #8E261E;
	margin-bottom:  0;
	letter-spacing: -.21px;
	margin-right: 10px;
	display: inline-flex;
	font-weight: 500;
}
.grall-formations-s1 .header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top:  10vh;
}
.grall-formations-s1{
	background-color: #F6F6F6;
}
.formations-wraper{
	display: flex;
	justify-content: space-between;
	padding:  10vh 0;
	align-items: flex-start;
}
.formations-content{
	width:  65%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.page-template-page-grall-institute-php .formations-content{
	justify-content: flex-start;
}
.formations-content .formation-wrapper{
	width:  31.1%;
	margin: 0 3.3% 30px 1%;
}
.formations-content .formation-wrapper:first-child, .formations-content .formation-wrapper:nth-child(1n){
	margin-left:  0;
}
.formations-content .formation-wrapper:last-child, .formations-content .formation-wrapper:nth-child(3n){
	margin-right:  0;
}
.formations-content .formation-cover{
	height:  114px;
}
.formations-content .formation-content{
	padding:  25px;
	min-height:  calc(100% - 114px);
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.formations-content .formation-meta .btn{
	font-size:  10px;
	font-weight: 600;
}
.formations-content .price_from{
	display: none;
	visibility: hidden;
}
.formations-content .formation-content h3{
	font-size: 13px;
    font-weight: 500;
    line-height: 1.3em;
    font-family: lato;
}
.formations-content .formation-meta .price{
	font-size:  12px;
	color:  #8E261E;
	margin-left:  0;
}
.formations-content .formation-meta .price sup{
	font-size:  5px;
}
.sidebar{
	width:  30%;
}
.sidebar .s-filter{
	background-color: white;
	padding:  40px 53px;
	margin-bottom:  10vh;

}
.sidebar .s-main-title{
	width:  100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:  23px;
}
.sidebar .s-filter .s-main-title > span:first-child{
	color:  #8E261E;
	font-weight: 700;
	font-size:  16px;
}
.sidebar .s-filter span.s-close{
	color:  #474747;
	font-weight: 600;
	font-size: 10px;
	cursor:  pointer;
}
.sidebar .s-filter ul{
	list-style:  none;
	margin:  0;
	padding:  0;
}
.sidebar .s-filter ul:first-child{
	margin-bottom:  50px;
	padding-top:  20px;
}
.sidebar .s-filter > ul > li{
	border-top:  1px solid #F2F2F4;
	margin:  0;
	cursor:  pointer;
}
.sidebar .s-filter ul li:before{
	display: none;
	visibility: hidden;
	content:  '';
}
.sidebar .s-filter ul li .s-title{
	color:  #8E261E;
	font-size:  14px;
	font-weight: 600;
	display: flex;
	width:  100%;
	padding:  20px 0;
}
.sidebar .s-filter ul li .s-title i{
	position:  absolute;
	right:  0;
	top:  12px;
	width:  6px;
	height:  6px;
	background-image: url('../../img/grall-institute/moins.svg');
	background-repeat: no-repeat;
	background-position: center center;
	padding:  15px 0 15px 15px;
}
.sidebar .s-filter ul > li .s-title:not(.is-opened) i{
	background-image: url('../../img/grall-institute/plus.svg');
}
.sidebar .s-filter ul .s-sub_cat{
	display: none;
	padding-bottom: 10px;
}
.sidebar form{
	margin:  0;
}
.sidebar .s-filter ul.s-sub_cat li{
	padding:  10px 0;
	margin:  0;
}
.sidebar .s-filter ul.s-sub_cat li.active a{
	color:  #8E261E;
}
.sidebar .s-filter ul.s-sub_cat li input{
	margin-right:  16px;
}

.sidebar .s-filter ul.s-sub_cat select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: auto;
	border: 0; 
	margin: 0;
	padding: .75em;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	position:  relative;
	background-color: white;
	border:  0.5px solid #EFEFF5;
	color:  #808080;
	box-shadow: initial;
	font-size:  14px;
}
.sidebar .s-filter ul.s-sub_cat select:before{
	position:  absolute;
	content:  '';
	display: block;
	width: 5px; height: 3px;
	padding:  12px 19px;
	pointer-events: none;
	right:  10px;
	top:  3px;
	background-image: url('../../img/grall-institute/arrow-bottom.svg');
}
.sidebar input[type="checkbox"]{
	border:  0.5px solid #EFEFF5;
	border-radius: 1px;
	background:  #D4D4D4;
}
.s-date-wraper{
	display: flex;
	justify-content: space-between;
}
.sidebar .s-filter ul.s-sub_cat .s-date-wraper select:first-child{
	width:  55%;
}
.sidebar .s-filter ul.s-sub_cat .s-date-wraper select:last-child{
	width:  35%;
}
.s-sub_cat i{
	color:  #808080;
	font-size:  14px;
	display: inline-flex;
	margin-bottom:  21px;
}
.s-close.hidden{
	display: none;
	visibility: hidden;
}
.btn-wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.cta_redirect.cta_red{
	color:  #8E261E;
}
.sidebar .cta_redirect.cta_red{
	font-style: italic;
}
.cta_redirect.cta_red:after{
	background-color: #8E261E;
}
.btn-wrapper a:not(:last-child){
	margin-bottom:  2vh;
}
.latests-posts{
	background-color: white;
	padding:  10vh 0 20vh;
}
.latests-posts .header{
	display: flex;
	justify-content: space-between;
	margin-bottom:  10vh;	
	align-items: flex-start;
}
.latests-posts .header .title{
	font-size:  28px;
	color:  #8E261E;
	letter-spacing: -.86px;
	line-height: 1.4em;
	max-width: 444px;
}
.post-preview{
	width: 340px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
}
.post-preview .image{
	height:  211px;
	width:  100%;
}
.post-preview .title{
	font-size:  21px;
	color:  #8E261E;
	letter-spacing: -.67px;
	line-height: 1.2em;
	width:  100%;
	margin-top:  14px;
	margin-bottom:  3px;
	display: flex;
}
.latests-posts-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-preview{
	border:  1px solid #E5E5E5;
	border-top:  5px solid #8E261E;
}
.post-preview .content{
	display: flex;
	flex-direction: column;
	height: calc(100% - 211px);
	padding:  33px 42px;
}
.post-preview .post-preview-meta{
	color:  #B7B7B7;
	font-size:  14px;
	font-style: italic;
	letter-spacing: -.44px;
	width:  100%;
	margin-top:  10px;
}
.post-preview .post-preview-excerpt{
	padding:  14px 0;
}
.post-preview .post-preview-excerpt p{
	font-size:  14px;
	color:  #808080;
	line-height: 1.4em;
}
.post-preview .post-preview-excerpt p:last-child{
	margin-bottom:  0;
}
.post-preview .cta_redirect.cta_red{
	align-self: flex-start;
	margin-top:  0;
	letter-spacing: initial;
}
.breadcrumb{
	padding:  30px;
}
.breadcrumb p{
	color:  #808080;
	font-size:  10px;
}
.single-formation{
	background-color: #F6F6F6;
}
.single-formation-wrapper{
	display: flex;
	padding-top:  10vh;
}
.single-formation-wrapper > .container{
	display: flex;
	justify-content: space-between;
}
.pre-accordeon{
	padding: 50px 32px;
}
.pre-accordeon h2:not(:first-child){
	margin-top:  50px;
}
.single-formation-wrapper .pre-titre{
	color:  white;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .74px;
	margin-bottom:  26px;
	display: flex;
}
.single-formation-wrapper h1{
	color:  white;
	font-size:  21px;
	letter-spacing: -.89px;
	line-height: 1.2em;
	text-transform: initial;
	margin-bottom:  23px;
}
.single-formation-wrapper .intro{
	max-width: 413px;
	margin: 0;
}
.single-formation-content p, .single-formation-content li, .single-formation-content em, .single-formation-content strong{
	color: #808080;
	line-height: 1.4em;
}
.single-formation-content i{
	font-style: italic;
}
.single-formation-wrapper .container > div{
	width:  65%;
}
.single-formation-wrapper .container > div header{
	width:  70%;
}
.single-formation-wrapper aside{
	width:  30%;
	margin-left:  5%;
	background-color: white;
}
.single-formation-wrapper aside .content{
	padding:  36px 32px;
}
.single-formation-wrapper aside .content h2{
	font-size:  12px;
	font-weight: bold;
	color:  #8E261E;
	letter-spacing: 0px;
}
.single-formation .intro p{
	color:  #BCBCBC;
	font-size:  14px;
	letter-spacing: -.3px;
	line-height: 1.2em;
}
.single-formation .single-meta{
	display: flex;
	color:  white;
	align-items:  center;
	margin-top:  32px;
}
.single-formation .single-meta > div{
	display: flex;
	margin-right: 34px;
	align-items: center;
}
i.duration{
	display: inline-flex;
	background-image: url('../../img/grall-institute/duration.svg');	
	width:  16px;
	height:  15px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right:  11px;
}
i.training{
	display: inline-flex;
	background-image: url('../../img/grall-institute/training.svg');	
	width:  12px;
	height:  14px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right:  11px;
}
.grall-institute-pages .single-formation-nav{
	width:  100%;
	background-color: white;
	border:  1px solid #E9E9EA;
	display: flex;
	margin:  0;
	padding:  0;
	list-style: none;
	justify-content: space-between;
	margin-top:  53px;
}
.grall-institute-pages .single-formation-nav li{
	color:  #8E261E;
	font-weight: bold;
	text-transform: uppercase;
	padding:  23px;
	margin:  0;
	text-transform: uppercase;
	text-align: center;
	width:  20%;
	cursor:  pointer;
	background-color: #F6F6F6;
}
.single-formation-nav li:before{
	content:  '';
	display: none;
	visibility: hidden;
}
.single-formation-nav li:not(:last-child){
	border-right:  1px solid #E9E9EA;
}
.single-formation-content{
	width: 65%;
}
.single-formation-content section{
	padding:  5vh 30px;
}
.single-formation-content section h2{
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0;
	font-weight: bold;
	margin:  30px 0 15px;
}
.single-formation-content section:not(.active){
	display: none;
	visibility: hidden;
}
.list-trainers{
	display: flex;
	flex-wrap: wrap;
	margin:  40px 0;
}
.list-trainers .single-trainer:nth-child(odd){
	margin-right:  3%;
}
.list-trainers .single-trainer:nth-child(even){
	margin-left:  3%;
}
.single-trainer{
	width:  47%;
	background-color: white;
}
.single-trainer .cover{
	height:  300px;
	background-position: top center;
}
.single-trainer .content{
	padding:  30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.single-trainer .content .meta p{
	margin-bottom: 0;
	font-size:  14px;
}
.single-trainer .content .meta p:first-child{
	color:  #3C3C3C;
}
.accordeons i{
	margin-right: 27px;
	width:  30px;
	height:  30px;
	border:  1px solid #E4E4E4;
	border-radius: 50%;
	padding:  10px;
	background-position: center center;
	background-size:  65%;
	background-repeat: no-repeat;
	display: block;
}
.accordeons-wrapper{
	background-color: white;
	border:  1px solid #E4E4E4;
	margin-bottom:  18px;
}
.accordeons-wrapper h4{
	margin-bottom: 20px;
    font-size: 16px;
}
.grall-institute-pages .accordeons-wrapper#target_3 ul {
    margin-bottom: 30px;
}
.grall-institute-pages .accordeons-wrapper#target_3 ul ul{
	margin: 20px 0 ;
}
.grall-institute-pages .accordeons-wrapper#target_3 ul li {
    margin-bottom: 10px;
}
.single-programme{
	margin-bottom:  60px;
}
.accordeons-wrapper .title{
	width:  100%;
	display: flex;
	align-items: center;
	padding:  45px 60px;
	position:  relative;
	cursor:  pointer;
	border-bottom:  1px solid #E4E4E4;
}
.accordeons-wrapper .title:after{
	position:  absolute;
	content:  '';
	width:  10px;
	height:  10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image:  url('../../img/grall-institute/big-moins.svg');
	right: 40px;
    top: 36px;
    padding: 20px;
}
.accordeons-wrapper:not(.active) .title:after{
	background-image:  url('../../img/grall-institute/big-plus.svg');
}
.single-formation-content .accordeons h2{
	margin:  0;
}
.accordeons-wrapper .content{
	padding: 45px 60px;
}
.accordeons-wrapper .content li, .accordeons-wrapper .content p{
	color:  #434343;	
}
.accordeons-wrapper .content li:before{
	background-color:  #BCBCBC;
}
.accordeons-wrapper:not(.active) .content{
	display: none;
}
i.objectifs{
	background-image: url('../../img/grall-institute/objectifs.svg');
}
i.modalites{
	background-image: url('../../img/grall-institute/competences.svg');
}
i.competences{
	background-image: url('../../img/grall-institute/competences-visees.svg');
}
i.programme{
	background-image: url('../../img/grall-institute/programme.svg');
}
i.aspects{
	background-image: url('../../img/grall-institute/aspects.svg');
}
.datadock img{
	margin:  63px 0 22px;
	width: 150px;
}
.datadock p, .datadock a{
	color:  #B5B5B5;
	font-size:  12px;
	letter-spacing: -.11px;
	font-weight: 500;
}
.clients-preview{
	width:  100%;
	background-color: white;
	border-radius: 4px;
	margin-top:  10vh;
	margin-bottom:  -10vh;
	position:  relative;
	z-index: 2;
}
.clients-preview-content{
	padding:  89px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 70%;
	margin:  0 auto;
}
.clients-preview-content .logo{
	width: 100px;
	height:  100px;
	background-color: #601813;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.clients-preview-content .logo{
	max-width: 100%;
}
.clients-preview-content .title{
	color:  #8E261E;
	font-size:  18px;
	letter-spacing: -.62px;
	margin-top:  13px;
}
.clients-preview-content .content{
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.formation-inscription{
	background-color: #601813;
	padding-top:  30vh;
	padding-bottom: 10vh;
}
.formation-inscription .container{
	display: flex;
	justify-content: space-between;
}
.formation-inscription h2{
	color:  white;
	margin-bottom:  39px;
}
.formation-inscription h2 .formation-title{
	display: inline-flex;
	margin-top:  69px;
	font-size:  18px;
	letter-spacing: -0.11px;
	line-height: 1.2em;
}
.formation-inscription .container > div{
	width:  40%;
}
.formation-inscription p{
	color:  white;
	margin-bottom:  9px;
}
.formation-inscription .rea ul{
	list-style: none;
	margin:  10vh 0 0;
	padding:  0;
}
.formation-inscription .rea ul li{
	margin:  0 0 43px;
	display:  flex;
}
.formation-inscription .rea ul li:before{
	content:  "";
	display: none;
	visibility: hidden;
}
.formation-inscription .rea ul li .icone{
	width:  80px;
	height:  80px;
	border-radius: 50%;
	margin-right:  29px;
	display: block;
	min-width: 80px;
}
.formation-inscription .rea ul .title{
	font-size:  18px;
	color:  white;
	letter-spacing: -.62px;
	margin-bottom:  8px;
}
.formation-inscription .rea ul li p{
	color: #A9A9A9;
}
.single-formation-form nav,
.single-formation-form .status{
	display: flex;
	justify-content: space-between;
	list-style:  none;
	margin-bottom:  35px;
}

.single-formation-form .status{
	margin: 20px 0;
    padding: 0;
}
.single-formation-form nav li,
.single-formation-form .status li{
	width:  49%;
	border:  1px solid #A68686;
	color:  #A68686;
	text-transform: uppercase;
	font-size:  12px;
	letter-spacing: 0;
	padding:  20px;
	text-align: center;
	cursor:  pointer;
	font-weight: bold;
}

.single-formation-form .status li{
	padding: 0;
	height: 60px;
	align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    font-weight: bold;
}
.single-formation-form nav li.active, .single-formation-form nav li:hover,
.single-formation-form .status li.active, .single-formation-form .status li:hover{
	background-color: white;
	border-color: white;
	color:  #8E261E;
}
.single-formation-form nav li:before, 
.single-formation-form .status li:before{
	display: none;
}

.single-formation-form .title{
	font-weight: 600;
	color:  white;
	font-size:  13px;
	letter-spacing: 0;
	margin-bottom:  21px;
	display: inline-flex;
}
.input-group{
	display: flex;
	flex-wrap: wrap;
}
.input-group > div{
	width:  50%;
	padding-right:  10px;
	margin-bottom:  20px;
	display: flex;
}
.input-group > div input{
	margin-right: 14.5px;
}
.single-formation-form label{
	color:  white;
}
.single-formation-form label.error{
	color:  red;
}
.input-group label{
	display: flex;
	flex-direction: column;
}
.input-group label .hour{
	color: #A57D7A;
	font-size:  11px;
}
.input-bloc{
	margin-bottom:  43px;
	display:  flex;
	flex-direction: column;
}
.single-formation-form input[type="text"], .single-formation-form input[type="number"], .single-formation-form input[type="tel"], .single-formation-form input[type="email"], .single-formation-form textarea{
	border:  1px solid #A68686;
	padding:  20px 43px;
	width:  100%;
	color:  white;
	margin-top:  15px;
	background-color: transparent;
	font-size:  14px;
}
.single-formation-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:  12px;
  color:  #A68686;
  letter-spacing: 0;
}
.single-formation-form ::-moz-placeholder { /* Firefox 19+ */
  font-size:  12px;
  color:  #A68686;
  letter-spacing: 0;
}
.single-formation-form :-ms-input-placeholder { /* IE 10+ */
  font-size:  12px;
  color:  #A68686;
  letter-spacing: 0;
}
.single-formation-form :-moz-placeholder { /* Firefox 18- */
  font-size:  12px;
  color:  #A68686;
  letter-spacing: 0;
}
.single-formation-form .group-fields{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.single-formation-form .group-fields .title{
	margin-bottom:  0;
}

.single-formation-form select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:  1px solid #A68686;
	padding:  20px 60px 20px 43px;
	border-radius: 0;
	position:  relative;
	background-color: transparent;
	color:  #A68686;
	box-shadow:  initial;
	width:  auto;
}
.single-formation-form select:before{
	position:  absolute;
	content:  '';
	display: block;
	width: 5px; height: 3px;
	padding:  12px 19px;
	pointer-events: none;
	right:  10px;
	top:  3px;
	color:  #808080;
	background-image: url('../../img/grall-institute/arrow-bottom.svg');
}
.single-formation-form button{
	padding:  20px;
	color:  #8E261E;
	font-weight: bold;
	cursor:  pointer;
	text-transform: uppercase;
	font-size:  12px;
	margin-top:  15px;
}
.others-trainings{
	padding:  10vh 0;
	background-color: #F6F6F6;
}
.others-trainings .container{
	text-align: center;
}
.others-trainings .title{
	font-size:  21px;
	color:  #8E261E;
	letter-spacing: -.72px;
	margin-bottom: 10vh;
	display: inline-flex;
}
.others-trainings-wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom:  20vh;
}
.others-trainings-wrapper .formation-wrapper{
	width:  32%;
}
.others-trainings-wrapper .formation-content{
	text-align: left;
}
.others-trainings-wrapper .formation-wrapper .price_from{
	display: none;
}
.others-trainings-wrapper .formation-wrapper .price{
	font-size:  14px;
	color:  #8E261E;
}
.others-trainings-wrapper .formation-wrapper sup{
	font-size:  10px;
}

/* Start Aside - formation-preform */
.formation-preform .interne_choise{
    margin: 0;
    display: flex;
    justify-content: space-between;
    padding: 0;
}
.formation-preform .interne_choise li{
    padding: 21px;
    list-style: none;
    width: 50%;
    border-bottom: 1px solid #808080;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 15px;
    cursor: pointer;
    margin: 0;
    font-weight: bold;
}
.formation-preform .interne_choise li.active,
.formation-preform .interne_choise li:hover{
    background: #8e261e;
    border-bottom: 1px solid #8e261e;
    color: #fff;
}
.formation-preform .interne_choise li:before{
	display: none;
}

.formation-preform .content-price{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 10px 0;
}
.formation-preform .price{
    font-size: 40px;
    line-height: 40px;
    color: #8E261E;
    letter-spacing: 0;
    font-weight: 500;
    display: inline-flex;
}
.formation-preform .price-label{
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    width: 38%;
    font-size: 11px;
}
.formation-preform .price-label span{
	color: #8e261e;
    font-weight: bold;
    display: block;
}
.formation-preform p{
    color: #808080;
    margin: 10px 0;
    font-size: 13px;
    display: inline-block;
}
.formation-preform p.formule{
	font-size:  14px;
}
.formation-preform h2{
	text-transform: uppercase;
	font-size: 14px;

    display: inline-block;
    width: 100%;
}
.formation-preform .content i{
    color: #101010;
    font-style: italic;
    font-size: 13px;
    letter-spacing: -.51px;
    line-height: 1.4em;
    display: inline-flex;
	text-align: center;
	width: 100%;
}
.formation-preform .content .title{
    font-size: 13px;
    font-weight: bold;
    display: inline-flex;
    margin-top: 15px;
    margin-bottom: 8px;
    color: #A1A1A1;
    text-transform: uppercase;
}
.formation-preform .input-group label .hour{
	color:  #A1A1A1;
}
.formation-preform a.btn{
    width: 100%;
    justify-content: center;
    padding: 22px;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.formation-preform .input-group label{
	color:  #101010;
	font-size:  13px;
	letter-spacing: -0.41px;
}
.formation-preform .date_error {
    display: none;
    color: red;
    width: 100%;
    text-align: center;
    margin: 20px 0 0;
}

.formation-preform .content .status {
    margin: 11px 0;
    display: flex;
    justify-content: space-between;
    padding: 0;
}
.formation-preform .content .status li {
    list-style: none;
    width: 49%;
    border: 1px solid #808080;
    margin: 0;
    text-transform: uppercase;
    font-size: 11px;
    cursor: pointer;
    height: 55px;
    padding: 5px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    font-weight: bold;
}
.formation-preform .content .status li.active, .formation-preform .content .status li:hover {
    border-color: #8E261E;
    color: #8E261E;
    font-weight: bold;
}
.formation-preform .content .status li:before{
	display: none;
}

.formation-preform .input-group > div{
	margin-bottom: 6px;
}
.single-formation-wrapper > .container{
	position:  relative;
}
aside.formation-preform{
	position:  absolute;
	top:  0;
	right:  0;
	z-index: 5;
}
aside.formation-preform.fixed{
	position:  fixed;
	right:  initial;
	top:  30px;
}
aside.formation-preform.stay{
	position:  absolute;
	bottom:  0;
	top:  initial;
	right:  0;
}
.date_error{
	display: none;
	color:  red;
}
.formation-preform .content .externe_only, .formation-preform.externe .content .interne_only, .single-formation-form.externe .interne_only{
	display: none;
}
.formation-preform.externe .content .externe_only{
	display: inline-block;
}
/* END Aside - formation-preform  */

.error{
	color:  red;
}
.hidden{
	display:  none;
}


/* Start Single form - formation  */
.single-formation-form .group-fields input, .single-formation-form .custom-group-field > div{
	width:  48%!important;
}
.single-formation-form .group-fields.custom-group-field input{
	width:  100%!important;
}
.single-formation-form .custom-group-field > div{
	display: flex;
	flex-direction: column;
}
.response-success{
	background-color: white;
	padding:  10px;
}
.s-formateurs li{
	display: flex;
}
.mask{
	position:  absolute;
	left:  0;
	right: 0;
	top:  0;
	bottom:  0;
	background-color: #141414;
	opacity:  .7;
	width: 100%;
	height:  100%;
}
.archive .grall-institute-pages h1, .page-template-page-grall-institute h1, .page-template-page-grall-institute-info h1{
	margin:  11px 0;
}
.reassurance ul li, .grall-institute-pages .reassurance ul.checklist li{
	color:  #474747;
	font-size:  15px;
	letter-spacing: -0.48px;
	font-weight: 500;
	margin-bottom:  0;
}
.grall-institute-pages .sidebar ul li{
	margin-bottom:  20px;
}
.s-categories li{
	margin-left:  20px;
}
.grall-institute-pages .sidebar ul.s-categories ul li:hover, .sidebar .s-formateurs li:hover{
	text-decoration: underline;
}
.grall-institute-pages .sidebar ul li.active{
	color:  #8E261E;
}
.grall-institute-pages .latests-posts .btn.btn_red{
	text-transform: uppercase;
}
.grall-institute-pages .pre-accordeon h2{
	text-transform: uppercase;
	font-weight: bold;
	font-size:  14px;
	letter-spacing:  initial;
}
.formation-preform .content p{
	color:  #808080;
}
.single-formation-form button, .single-formation-form button:hover{
	background-color: white;
	border:  0;
}
.others-trainings-wrapper h3, .formations-list h3{
	line-height:  1.2em;
}
.check_title {
	margin:  34px 0 27px;
}
.check_title p{
	font-size:  14px;
}
.grall-info-s2 > .container:first-child{
	    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.grall-info-s3 h2{
	max-width: 298px;
}
.grall-info-s3 .content strong{
	line-height: 1.6em;
}
.grall-info-s5 p{
	color: #808080; 
	font-size: 16px; 
	line-height: 1.6em; 
	font-weight: 300;
}

.grall-institute-pages .grall-info-s5 ul.checklist li{
 color: #8E261E
}
.grall-info-s7 span{
	max-width: 300px;
    display: inline-flex;
}
.cus_title{
	text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #8E261E;
}
.icone_clients{
	border:  1px solid #f5f5f5;
	background-color: initial;
	background-image:  url('../../img/grall-institute/pouce.svg');
	background-position: center center;
	background-repeat: no-repeat;
}
.clients-preview-content .content .icone{
	margin-bottom:  30px;
}
@media (min-width: 1100px){
	.logo-datadock{
		display: flex;
	}
}
.logo-datadock img.qualiopi{
	height:  80px;
	margin-left:  15px;
}
img.datadock{
	height:  80px;
}
.number_result{
	text-decoration: underline;
	cursor: pointer;
}
#popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 600px;
	padding: 30px 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 1000;
  }
  #popup table, #popup td, #popup th{
	border: 1px solid black;
	vertical-align: middle;
  }
  #popup td, #popup th{
	padding: 5px
  }
  #popup table thead{
	background-color: #8E261E;
	color: white;
  }
  #popup table thead th{
	padding: 10px 5px;
	font-weight: bold;
	
  }

  .popup-content {
	position: relative;
  }
  
  .close-btn {
	position: absolute;
	top: -30px;
	right: 0px;
	font-size: 35px;
	cursor: pointer;
	padding: 10px;
	color: black!important;
  }
  
  body.modal-open {
	overflow: hidden;
  }
  
  #popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
  }