/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */




/******** large desktop devices and up *********/

@media (min-width: 1200px) {
	.container {
	    width: 1140px;
	}
	.bloc_contact_detail {
       padding-left: 45px !important;
	}
	.video-feed-back .upload_video .drag-and-drop-buttons{
		display: flex;
		flex-direction: row!important;
	}

}

/******** large desktop devices and down *********/

@media (max-width: 1199px) {
	.contact_cord_txt {
	    margin-top: 0px;
	}
}

/******** desktop devices and up *********/

@media (min-width: 992px) {
	.navbar-nav .nav-item {
	    padding: 10px 5px 10px 24px;
	}
	ul#menu-footer-menu {
	    margin-top: 100px;
	    
	}
	/* Caption wrapper. Used for centering */
	.ss-caption-wrap {
		width: 432px;
		margin-left: 16px;
		position: absolute;
    	top: 30%;
        padding-bottom: 22px;
    	background: rgba(26,26,26,0.85);
	}
	/* Caption */
	.ss-caption {
		padding: 28px 18px 32px 18px;
	    text-transform: uppercase;
	    font-weight: 700;
	    font-size: 24px;
	    color: #ffffff;
	    line-height: 35px;
	    min-height: 95px; 
	    text-align: center;
	}
	.video-brief-confainer{
		width: 40%!important;
	}
	
	/***  page Training materials  ***/
	.bloc_right {
		width: 71%;
		right: 0;
		top: 0;
		position: absolute;
	}

	.bloc_left {
		width: 28%;
	}

	.bloc_static {
		top: -40px;
		position: absolute;
	}

	#attatchment-accordion {
		position: relative;
	}
	
	/*div#wrapper-footer {
		position: absolute;
		width: 100%;
		bottom: 0;
	}*/
	/***  END page Training materials ***/

	    /*** Begin footer ***/
		.footer_mobile{
			display: none;
		}
		footer#colophon {
			padding-top: 95px;
			padding-bottom: 169px;
		}
		/*** End footer ***/

		.elementor-shortcode .champ_form label{
			font-size: 32px;
			line-height: 48px;
		}
}

/******* Only Desktop devices *******/

@media (min-width: 992px) and (max-width: 1199px) {
	.bloc_insights p.para_ins {
	    min-height: 260px
	}
}

/******** desktop devices and down *********/

@media (max-width: 991px) {
	.bloc_footer_contenu .title_prog_footer p {
    	line-height: 1;
	}
	.contact_txt_cord {
	    margin-left: -15px !important;
	    margin-right: -15px !important;
	}
	div.wpcf7 .wpcf7-recaptcha iframe {
       	margin-left: 7px;
	}
	.modal-footer {
		padding-right: 23px;
	}

		/*** Begin footer ***/
		.footer_desktop{
			display: none;
		}
		.flex_footer{
			display: flex;
			flex-direction: column-reverse;
			width: 100%;
		}

		footer#colophon {
			padding-top: 33px;
			padding-bottom: 33px;
		}
		div#blright2 {
			padding-top: 35px;
		}
		.right-f {
			padding-top: 25px;
		}
		
} 

/******** Tablets devices and up *********/

@media (min-width: 768px) {

	.exercice_video_container{
		align-items: center;
		display: flex;
	}
	.upload_video .drag-and-drop-buttons{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	  }
	.modal-body .upload_video .drag-and-drop-buttons{
		flex-direction: row;
	}
	.modalgroup h3, .modal-title{
		font-size: 24px;
	  }
	/********* HEADER *******/
	header {
	    height: 135px;
	}
	a.custom-logo-link {
	    padding-top: 40px;
	}
	.navbar-nav li a.nav-link {
	    color: #fefefe;
	    line-height: 17px;
	}
	div#navbarNavDropdown {
	    padding: 0px;
	}
	.navbar-nav {
	    float: right;
	    margin-top: 26px;
	}
	.navbar-nav > li > .dropdown-menu {
	    margin-top: 0px;
	    min-width: 150px;
	    background: #212121;
	    border-radius: 0;
	    border: 1px solid #212121;
	    left: 24px;
	}
	.navbar-nav > li > .dropdown-menu li.nav-item {
		 padding: 0 7px;
	}
	.navbar-nav > li > .dropdown-menu li.nav-item a {
	    font-size: 14px;
	}
	.dropdown-menu > .active > a,
	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
		background-color: #212121;
		background-image: none;
	}
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		background-color: #7dca8c;
	}
	.dropdown-menu > li > a {
	    padding: 7px 9px 5px 9px;
	    /*border-bottom: 1px solid #7dca8c;*/
	}
	.navbar-nav > li > .dropdown-menu li.nav-item:first-child {
	    margin-top: 6px;
	}
	.dropdown-menu {
		padding-bottom: 0;
	}
	.dropdown-menu > li:last-child a {
		border-bottom: none;
	}
	nav.navbar {
	    border-radius: 0;
	    min-height: 10px;
	    margin-bottom: 0;
	}
	/****** HOME PAGE ******/
	
	.ss-paginate {
		display: inline-block;
		line-height: 0;
	}
	.smoothslides-on a.ss-prev, .smoothslides-on a.ss-next {
		display: none;
	}
	.ss-slide img{
		height:auto;
		
		max-width: 100%;
		/* max-width, or width gets set via JS */
	}

	/****** FOOTER *****/
	div#blleft {
	    /* padding-top: 26px; */
	}

	div#media_image-2 h3 {
	    text-align: right;
	    padding-right: 15px;
	}
	div#blleft h3 {
    	font-size: 26px;
    }
    
	ul#menu-footer-menu li:after {
	    content: '-';
	    margin-left: 18px;
	    margin-right: 18px;
	}
	div#blright2 {
	    /* overflow: hidden;
	    margin-left: -30px;
	    padding-left: 15px;
	    border-left: 1px solid #fff; */
	}
	div#blright2 > div > h3.titre-f:nth-of-type(1) {
	   margin-bottom: 0px;
	}
	/****** INTERNATIONAL PAGE ****/
	div#text-img {
   	    margin: 60px 0 0;
	}
	/****** content line ******/
	.content_line p {
	    line-height: 24px;
	}
	.bloc_desc_banner {
		position: relative;
    	top: -96px;
	}

	/* ** page Home Extranet ** */
	.Bloc_paddingRight{
		margin-right: 6%;
	}
	.bloc_haut_part_Extra {
		width: 47%!important;
	}
	.blocTraining {
		padding: 40px 80px;
	}	
	/* ************************** **
	** page videos coaching admin **
	** ************************** */
	.video-brief-confainer{
		width: 50%;
	}
	.edit-video {
		position: absolute;
		right: -50px;
		top: 0;
		margin: 0;
	}


   /* footer#colophon {
        padding-top: 33px;
        padding-bottom: 33px;
    }
    div#blright2{
        padding-top: 35px;
    }
    .right-f {
        padding-top: 25px;
    }*/
    
	
	    /****** FOOTER *****/

    div#blleft {
        /* padding-top: 26px; */
    }
    footer p {
        font-size: 22px;
        line-height: 32px;
    }
    div#media_image-2 h3 {
        /* text-align: right; */
        /* padding-right: 15px; */
    }
    div#blleft h3 {
        font-size: 34px;
        line-height: 32px;
    }
    ul#menu-footer-menu li:after {
        content: '|';
        margin-left: 5px;
        margin-right: 1px;
    }
    div#blright2 {
        /* overflow: hidden; */
        /* margin-left: -30px; */
        /* padding-left: 15px; */
        /* border-left: 1px solid #fff; */
    }
    div#blright2>div>h3.titre-f:nth-of-type(1) {
        margin-bottom: 3px;
    }
	.col-md-12.champ_form {
        padding: 0;
    }
    .champ_form .col-md-3 {
        padding: 0;
    }

}

/******* Only tablets devices *******/

@media (min-width: 768px) and (max-width: 991px) {
	.bloc_haut {
    	width: 690px;
	}
	.bloc_haut_partv{
		margin-left: 15px;
		margin-right: 15px;
	}

    .bloc_prog {
    	width: 690px;
	}
	.bloc_step_prog2 {
	    margin-left: 15px;
		margin-right: 15px;
	}
	.bloc_bas_img {
	    width: 165px !important;
	}
	/******** HEADER ********/
	.navbar-nav .nav-item {
	    padding: 10px 5px 10px 10px;
	}
	a.navbar-brand.custom-logo-link img {
	    height: auto;
	    position: absolute;
	    top: 36%;
	}
	a.custom-logo-link {
	    display: block;
	    height: 100%;
	}
	ul#menu-footer-menu {
	    margin-top: 30px;
	    
	}
	.bloc_insights p.para_ins {
	    min-height: 400px;
	}
	/* Caption wrapper. Used for centering */
	.ss-caption-wrap {
		width: 350px;
		margin-left: 16px;
		position: absolute;
    	top: 20%;
        padding-bottom: 13px;
    	background: rgba(26,26,26,0.85);
	}
	/* Caption */
	.ss-caption {
		padding: 23px 18px 32px 18px;
	    text-transform: uppercase;
	    font-weight: 700;
	    font-size: 22px;
	    color: #ffffff;
	    line-height: 28px;
	}
	.blocTraining{
		padding: 20px 50px; 
	}

}
/******** Tablets devices and down *********/

@media (max-width: 767px) {
	
	.section-banner .bloc_desc_banner {
   		width: 100%;
	}
	.section-banner .bloc_desc_banner h1 {
    	font-size: 24px;
	}
	.bloc_haut {
	    width: 100%;
	    margin: auto !important;
	}
	.bloc_haut_partg {
	    margin: auto;
	    margin-bottom: 20px;
	}
	.bloc_haut_partv {
	    margin: auto;
	    margin-bottom: 20px;
	}
	.bloc_prog{
	    width: 100%;
	    margin: auto !important;
	}
	.bloc_step_prog {
	    margin: auto;
	    margin-bottom: 20px;
	}
	.bloc_step_prog2 {
	    margin: auto;
	    margin-bottom: 20px;
	}
	.section-banner{
		min-height: 170px;
	}
	.banner_resp{
		width: 100%;
	}
	.bloc_desc_banner{
		width: 100%;
		height: 90px;
		background-color: #424242;
		padding-left: 0px;
    	padding-top: 20px;
	}
	.bloc_bas_img {
	    margin: auto;
	}
	.bloc_bas_contenu {
    	padding-left: 15px !important;
	}
	.sous_bloc_bas{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.bloc_contact_avantage{
		margin-bottom: 20px;
	}
	.ft_bloc_img {
    	margin-bottom: 15px !important;
	}
	.bloc_insights p.para_ins {
	    min-height: 0px
	}	
	/******** HEADER ********/
	.navbar {
	    min-height: 1px;
	}
	.navbar-brand {
	    float: left;
	    height: auto;
	    padding: 38px 9px 15px 18px;
	}
	span.icon-bar {
	    background-color: #7dca8c;
	}
	.navbar-toggle {
	    position: absolute;
	    float: none;
	    width: 27px;
	    height: 17px;
	    top: -70px;
	    left: 0;
	    margin: 0;
    	padding: 0;
	}
	div#navbarNavDropdown {
	    position: absolute;
	    top: -100px;
	    background: #212121;
	    width: 243px;
	    left: -16px;
	    padding: 30px 23px 95px 23px;
	    border-bottom: 1px solid #7dca8c;
	    border-right: 1px solid #7dca8c;
	    z-index: 1;
	}
	.navbar-nav {
		margin: 0;
	}
	#navbarNavDropdown .navbar-nav li a.nav-link{
		text-transform: uppercase;
		min-height: 32px;
	}
	a.nav-link.spanDeconnect {
		font-size: 12px!important;
	}
	.navbar-nav li a.nav-link {
    
	    font-size: 16px;
	    color: #fff;
	    line-height: inherit;
	    border-bottom: 1px solid #7dca8c;
	    width: 100%;
	    display: block;
	}
	div#right-sidebar {
	    z-index: 0;
	}
	
	li.nav-item.close-item {
	    border-bottom: 0;
	    margin-bottom: 20px;
	}
	li.menu-item-has-children {
	    background: url(../img/fleche-menu.png) no-repeat right 15px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
	    line-height: 20px;
	    padding: 5px 0 4px 5px;
	    border-bottom: 0;
	    
	}
	.navbar-nav .open .dropdown-menu > li {
		border-bottom: 0;
	}

	.navbar-nav .open .dropdown-menu {
	    margin-top: 4px;
	    margin-bottom: 8px;
	}
	
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		background-color: #7dca8c;
	}
	.navbar .navbar-nav .open .dropdown-menu > .active > a,
	.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #7dca8c;
		background-image: none;
	}
	a.video-coaching-responsive {
	    font-size: 14px;
	    color: #fefefe;
	    text-transform: capitalize;
	    width: 170px;
	    height: 50px;
	    display: block;
	    padding-left: 11px;
	    float: right;
	    margin-top: 20px;
	    background: url(../img/icon-video.png) #7dca8c no-repeat 10px 10px;
	    border-radius: 5px;
	}
	a.video-coaching-responsive span {
	    font-size: 15px;
	    font-weight: bold;
	    padding-left: 22px;
	    position: relative;
	    top: -3px;
	}
	li.video-coaching-item {
	    position: absolute;
	    bottom: 16px;
	}
	/******** HOME PAGE ******/
	div#myslideshow2 .container {
	    width: 100%;
	    padding: 0;
	}
	.ss-caption-wrap {
	    position: relative;
	    top: 0;
	    margin-left: 0;
	    padding: 26px 20px;
	    background: #424242;
	}
	/* Caption */
	.ss-caption {
		padding: 0 0 00 10px;
	    text-transform: uppercase;
	    font-weight: 700;
	    font-size: 18px;
	    line-height: 24px;
	    color: #ffffff;
	}
	.ss-paginate {
		display: none;
	}
	.smoothslides-on a.ss-prev, .smoothslides-on a.ss-next {
		display: block;
	}
	.ss-slide img{
		height:auto;
		
		max-width: 100%;
		/* max-width, or width gets set via JS */
	}
	/********** FOOTER *****/
	div#slider-mobile {
	    margin-bottom: -58px;
	}
	footer#colophon p {
	    font-size: 14px;
		margin-bottom: 0%;
	}
	#blright2 p{
		line-height: 27px;

	}
	div#blleft {
	    padding-top: 8px;
	}
	div#blleft h3 {
    	font-size: 18px;
    	font-weight: 400;
    }
    footer p {
        font-size: 12px;
    }
    ul#menu-footer-menu {
	    margin-top: 4px;
	    margin-bottom: 0px;
	}
	ul#menu-footer-menu li:after {
	    content: '-';
	    margin-left: 16px;  
	    margin-right: 16px;
	}
	/* div#blright2 {
	    overflow: hidden;
	    margin-top: 10px;
	    padding-top: 12px;
	    border-top: 1px solid #fff; */
	/* } */
	div#blright2 > div > h3.titre-f:nth-of-type(1) {
	   margin-bottom: 6px;
	}
	/****** INTERNATIONAL PAGE ****/
	div#text-img {
   	    margin: 10px auto 0 auto;
   	    width: 330px;
    	max-width: 100%;
	}
    
	.banner_resp {
	    height: 170px;
	    overflow: hidden;
	}
	.divBloc .bloc_haut_part_Extra{
		left:0;
		right:0;
		margin:auto auto  30px auto;
		float:none;
	}
	
	.titre-f {
		font-size: 18px;
	}
}

/******* Only mobile devices *******/

@media (max-width: 425px) {
	.rc-anchor-normal {
    	width: 290px !important;
	}
	div.wpcf7 .wpcf7-recaptcha iframe {
   		 margin-left: 0px;
	}
	.bloc_contact_form .bt_recaptcha{
   		 margin-left: 0px;
	}
	.bloc_footer_why{
		padding-top: 20px !important;
		padding-bottom: 25px !important;
	}
	.g-recaptcha {
    /*-moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -moz-transform-origin: 0;
    -ms-transform-origin: 0;
    -o-transform-origin: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    transform-origin: 5;
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1,M12=0,M21=0,M22=1.1,SizingMethod='auto expand');
    */margin-left: 15px;
	}
	.pdf_cat span {
		padding-left: 0;
		white-space: nowrap;
    	position: relative;
	}
}
@media (max-width: 332px) {
	.pdf_cat span {
    	top: 10px;
	}
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	background-color: transparent;
}
.dropdown-menu > .active > a:hover {
    background: #7dca8c;
}

/**** Begin new container ***/



@media (min-width: 768px){
    .new_container{
        width: 100%;
        padding: 0 24px;
    }
}
@media (min-width: 992px){
    .new_container{
        /* width: 970px; */
        /* padding: 0 25px; */
    }
}
@media (min-width: 1200px){
    .new_container{
        width: 100%;
        padding: 0 140px;
    }
}
@media (min-width: 1920px){
    .new_container{
        max-width: 1920px;
        padding: 0 140px;
    }
 }
@media (max-width: 767px){
    .new_container{
        width: 100%;
        padding: 0 30px;
	}
	.right-f .custom-html-widget i{
        font-size: 55px;
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
    }
    .right-f .custom-html-widget i:hover {
        color: #7DCA8C;
        -webkit-transform: scale(1.08);
        transform: scale(1.35);
    }
}