/*/////////////DEFAULTS /////////*/

body,
html {
	
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: 400;
	min-height: 100%;
	background-color: #F4F5F7;
	
	text-rendering: auto;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

html{
background-repeat: no-repeat;
background-position:top center;
	
-webkit-animation: fadein 1s; 
-moz-animation: fadein 1s; 
-ms-animation: fadein 1s; 
-o-animation: fadein 1s; 
animation: fadein 1s;	
	
}


* {
	padding: 0px;
	margin: 0px;
}

a {
	color: #034694;
	transition: color 0.5s;
	text-decoration: none;
}

a:hover {
	color: #034694;
}

p {
	font-size: 15px;
	letter-spacing: 0;
	line-height: 22px;
	padding-bottom:10px;
}

h1, h2, h3, h4, h5{ 
	font-feature-settings: 'clig' 0;
	font-style: normal; 
	line-height: 1.2em;
	color: #000;
}


h1 {
	font-family: 'Montserrat', sans-serif;
	font-size: 38px;
	letter-spacing: 0;
	line-height: 45px;
	margin-bottom:15px;
	font-weight: 500;
}


h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 42px;
	margin-bottom:16px;
}

h3{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #000000;
	letter-spacing: 0;
	line-height: 24px;	
}

.intro{
	 font-size: 22px;
	line-height: 32px;
}


.btn_color{
	color: #FFFFFF;
	border-radius: 8px;
	background-color: #034694;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 24px;
	padding: 10px 20px 10px 46px;
	margin-top: 20px;
	display: inline-block;
	background-image: url('/img/arrow-right.svg');
	background-repeat: no-repeat;
	background-position: 20px center;
	transition: all 0.4s ease-in-out 0s;
	cursor: pointer;

}
.btn_color:hover {
    background-position: 25px center;
    color: #FFF;
}
/*///////////// UTILITIES /////////*/
.mobile {
		display: none;
	}
.hidden {
	display: none;
}

.center {
	text-align: center;
}

.centered {
	margin-right: auto !important;
	margin-left: auto !important;
}

.clear {
	clear: both;
}

*:focus {
	outline: 0;
}

#mobile_menu:not( .mm-menu) {
	display: none;
}

.mobile {
	display: none;
}


.firstlink, .ajaxpopup {
	cursor: pointer;
}

img {
	border: 0px;
	max-width: 100%;
	height: auto !important;
}

table,
iframe {
	width: 100%;
	border:none;
}



.myhr, hr{
	position: relative;
	width: 100% ;
	background-color: #D4D4D4;
	height: 1px;
	margin: 20px 0px;
	border: none;
}

.round {
    border-radius: 50%;
	overflow: hidden;
}




.container_page  ul {
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-bottom: 20px;
	padding-top: 16px;
}

.container_page ul li {
    list-style: none;
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px;
}

.container_page ul li::before {
    content: "·";
	font-size: 26px;
    position: absolute;
    top: -6px;
    left:6px;
}

.container_page  ol {
	list-style: none;
    counter-reset: my-awesome-counter;
}

 .container_page  ol li {
	 counter-increment: my-awesome-counter;
	 position: relative;
	 margin-bottom: 10px;
	 padding-left: 20px;
}

 .container_page  ol li::before {
    content: counter(my-awesome-counter) "";
    position: absolute;
    top: 0px;
    left: 3px;
}

/*/////////////ANIMATION MENU COLOR CSS /////////*/


.uog_bg_color {
	background: linear-gradient(-45deg, #5994E1, #004fb6,  #0F3EEF, #034694,  #5994E1 );
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;

}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


/*/////////////VIDEOS  /////////*/
.backgroundimg iframe, .backgroundimg iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.videobackcountainer{
	overflow: hidden;
}

/*///////////// TOAST /////////*/
.jq-toast-wrap {
    max-width: 1140px;
    width: 100%;
	font-size:1em;
	box-sizing:border-box;

}

.jq-toast-single {
 font-size:1.2em;
 font-family:inherit !important;
 	box-sizing:border-box;
}


/*/////////////BODY SPACER /////////*/

.bodyspacer{
	padding-top: 140px;
}

/*/////////////CONTAINER INSIDE /////////*/

#content{
	min-height: 800px;
}

.container {
	width: 100%;
	padding-top: 25px;
}


.inside {
	box-sizing: border-box;
	position: relative;
	margin: auto;
	width: 100%;
	max-width: 1440px;
	padding: 0px 40px;
}



/*/////////////HEADER/////////*/

#header {
	height: auto;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 300;
}

body.home #header {

	position: absolute;

}

.headroom--pinned {
	transform: translateY(0%);

}

.headroom--unpinned {
	transform: translateY(-100%);
	transition: all 0.4s ease-in-out 0s;
}

.headroom--not-top #logo {
	transition: height 0.4s ease-in-out 0s;
   /* margin: 20px 0 20px 0;
	width: 110px;*/
	height: 84px;
}

/*/////////////LOGO /////////*/

#logo {
	float: left;
	display: inline-block;
	z-index: 400;
}

#logo {
	transition: height 0.4s ease-in-out 0s;
	width: 282px;
	height: 124px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	background-image: url('/img/logo_new2.svg');
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0px;
	/*margin: 43px 0 43px 0;*/
}


/*/////////////HEADER /////////*/

#header ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

#header ul li {
	float: left;
	position: relative;
	cursor:pointer;
}


/*///////////// MOBILE MENU /////////*/

#menumobile {
	display: none;
	
}

/*/////////////MAIN NAV /////////*/

.main_nav {
	opacity: 1;
	/*pointer-events: all;*/
	z-index: 500;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	
}

#nav{
	float: left;
}

.main_nav ul>li a {
	font-weight:400;
	color: #FFF;
	float: left;
	font-size: 20px;
	padding: 20px 10px 20px 10px;
	position: relative;
	text-decoration: none;
	z-index: 999;
	display:block;
	
	
}

.main_nav ul > li:first-child a {
  padding-left: 0px;
}

.main_nav ul>li:last-child a{
	padding-right:0px;
	
}


.main_nav ul>li a.active, #header .main_nav ul>li:hover a{
	
}

 .main_nav ul>li.childrenme:hover a {
	background-position:center 40px ;
	background-repeat:no-repeat;
}

.main_nav ul li:hover ul {
	opacity: 1;
	visibility: visible;
}






 .main_nav ul ul {
	left: 23px;
	opacity: 0;
	padding: 0px;
	position: absolute;
	top: 50px;
	transition: all 0.1s ease-in-out 0s;
	visibility: hidden;
	z-index: 600;
	width: 200px;
	 
	border-radius: 4px;
	background-color: #FFFFFF;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.15);
	border: 20px solid #fff;	 
}



.main_nav ul ul li {
	display: block;
	float: none;
	background-image:none !important;
	width: calc(100% - 40px);
	padding-top: 10px;
}

.main_nav ul ul li:first-child  {

	padding-top: 0px;
}

.main_nav ul ul li a {
	box-sizing: border-box;
	background-image:none !important;
	display: block;
	float: none;
	font-size: 11px;
	height: auto;
	padding: 0px 0px 0px 0px;
	line-height: 1.2em;
	width: 100%;
	color: #000;
	text-transform: none !important;
}


.main_nav ul ul li a:hover, .main_nav ul ul li a.active {
	color: #034694;
}


 .main_nav ul ul  li.childrenme a{
	/*color: #034694;*/
	font-weight: bold;
	line-height: 1.5em;
}





 .main_nav ul ul li.childrenme ul{
	left: 0px;
	position: relative !important;
	top: 0px;
    border: 0px ;
}

 .main_nav ul ul li.childrenme ul li {
	padding-top: 4px ;

}

 .main_nav ul ul li.childrenme ul li a{
	padding: 0px 0px 2px 11px;
	 color: #000;
	 font-weight: normal;
}

 .main_nav ul ul li.childrenme ul li a.active{
	color: #034694;
}

/*////////////  MENU LANGUES   /////////*/

.main_lan{
    opacity: 1;
    pointer-events: all;
    z-index: 500;
    float: right;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 100px;
}

.lan_nav{
	float: left;

	position: relative;
}
.lan_nav li{
	margin-left: 5px;
	margin-top: 0px;
}

.lan_nav a {
	text-transform: uppercase;
	display: block;
	color: #FFF;
	height: 24px !important;
	width: 24px !important;
	border-radius: 5000px;
	 border: 1px solid rgba(255,255,255,0.2);
	font-size: 11px !important;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
	padding: 0px !important;

}
.lan_nav li.select a {

	color: #034694;
	background-color: #FFFFFF;
	border: 1px solid rgba(255,255,255,1);


}

.lan_nav_mobile a {
	text-transform: uppercase;
	display: inline-block;
	color: #FFF !important;
	height: 24px !important;
	width: 24px !important;
	border-radius: 5000px;
	background-color: #034694;
	border: 1px solid #034694;
	font-size: 11px !important;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
	padding: 0px !important;
	margin: 0px 2px;

}

.lan_nav_mobile a.active {
	color: #034694 !important;
	background-color: #FFF;
}


/*////////////  MENU LINK   /////////*/
.main_link {

top: 50%;
transform: translateY(-50%);
position: absolute;
right: 40px;
}

.main_link a{
	font-size: 0px;
	display: block;
	margin-left: 10px;
}




.link_facebook{
	background-image: url('/img/Facebook-logo.svg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
		
	height: 16px;
	width: 10px;
	
}

.link_moodle{
	background-image: url('/img/Moodle-logo.svg');
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	
	height: 16px;
	width: 24px;
	
}

/*///////////// MENU PAGE /////////*/

.container_menu_page{
	width: 320px;
	float:left;
	box-sizing:border-box;
}



/*///////////// PAGE /////////*/

.container_page{
	width: calc(100% - 390px);
	float:right;
	margin-bottom:50px;
	
}

ul#page_nav{
	padding-top: 15px;

}



ul#page_nav, ul#page_nav li{
	list-style:none;

}



ul#page_nav>li>a{
  padding-left: 11px;
  font-size:13px;	
  font-weight:700;
}

 ul#page_nav>li.active>ul{
	 border-left: 1px solid #D4D4D4;
}
ul#page_nav > li > ul > li {
    padding-left: 11px;
}

ul#page_nav li a{
	position: relative;
	padding-bottom:4px;
	list-style:none;
	font-size:13px;
	color:#000000;
	margin-bottom:12px;
	margin-top:12px;
	display:inline-block;
}

ul#page_nav li a:first-child {
	margin-top:0px;
}

 ul#page_nav li a:hover{
	color:#034694;
}

ul#page_nav li.active>a{
	color:#034694;	
}

#page_nav li ul li a{
	font-size:13px;
	color:#000 ;
	margin-top:0px;
	margin-bottom:4px;
	line-height: 1.1rem;

}

ul#page_nav>li>ul>li.active>a{
	font-weight:600;
}

ul#page_nav>li>ul>li.active>a:before{
	content: '';
	position: absolute;
	height: 15px;
	color: #034694;
	left: -12px;
	border: 0.5px solid;
}



#page_nav li ul li ul li a{
	font-size:11px;
	font-weight:400;
	padding-left: 11px;

}


#page_nav li ul li:last-child {
	margin-bottom:16px;
	
}




/*////////////  HOME   /////////*/

.home_container_slider{
margin-left: -60px;
margin-right: -60px;

border-bottom-left-radius: 60% 10%;
border-bottom-right-radius: 60% 10%;
}



.home_owl_carousel{
	margin-top: -20px;
	padding-bottom: 20px;
}

.home_slide{
min-height: 500px;
}
.home_slide_texte_container{
	display: flex;
	align-items: center; 
	justify-content: space-between;
}
.home_slide_texte h1{
  color: #FFFFFF;
  font-size: 38px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 47px;
}

.home_slide_lien{
  box-sizing: border-box;
  border: 1px solid #FFFFFF;
  border-radius: 22px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
	padding: 10px 20px 10px 46px;
	margin-top: 20px;
	display: inline-block;
	background-image: url('/img/arrow-right.svg');
	background-repeat: no-repeat;
	background-position: 20px center;
		transition: all 0.4s ease-in-out 0s;
}
.home_slide_lien:hover{
	background-position: 25px center;
	color: #FFF;
}

.home_slide_phrase{
	padding: 40px 125px;

}



.home_phrase{
	position: relative;
	float: left;
	padding: 20px 60px 20px 30px;
   border-radius: 7px;
  background-color: #FFFFFF;
  box-shadow: 0 7px 14px 0 rgba(6,74,137,0.15);
	
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 27px;
	margin-bottom: 20px;
}




.home_phrase .triangle{
width: 0;
height: 0;
border-style: solid;
border-width: 23px 23px 0 0;
border-color: #ffffff transparent transparent transparent;
position: absolute;
bottom: -15px;
left: 20px;
}

.home_phrase:nth-child(3),.home_phrase:nth-child(7) {
	float: right;
}
.home_phrase:nth-child(3) span.triangle,.home_phrase:nth-child(7) span.triangle {
	left: calc(100% - 40px);
	transform: rotate(90deg);
}
/*///////////// HOME COURS  /////////*/


.home_container_cours{
	margin-top: 30px;
	float: left;
}

/*///////////// HOME ACTU  /////////*/


.home_container_news h2{
  font-family: 'Montserrat', sans-serif;
  color: #034694;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 12px;
}

.home_container_news img{
	margin: 10px 0px 18px 0px;
}

.home_container_news .col .myhr{
	margin-top: 10px;
}


/*///////////// HOME PARTNERS  /////////*/

.home_container_partners{
	background-color: #FFF;
	padding: 35px 0px;
}

.home_partners {
 display: flex; 
 justify-content:space-between;
 align-items:center;
}

.home_partners img{
	max-height: 80px;
	max-width: 150px;
}

/*///////////// PAGE NEWS /////////*/

.news_listing{
	color: #000;
}

.news_listing .myhr{
	margin: 10px 15px;
   box-sizing: border-box;
	width: calc(100% - 30px);
}

.news_listing h2{
  color: #034694;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 11px;
}

.news_detail_image{
	margin-bottom: 30px;
	
}

.news_detail_content .news_date{
   color: #7B7B7B;
  font-family: Roboto;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
	margin-bottom: 20px;
}
/*///////////// PAGE FORMATIONS /////////*/

.formations_titre{
  position: relative;
  color: #034694;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
   margin-bottom: 6px;
   display: inline-block;
}

.home .formations_titre{
  color: #000000;
}


.formations_tous_cours{
	display: inline-block;
	float: right;
	color: #000;
	font-size: 12px;
	line-height: 24px;
}



/*///////////// PAGE TEAM /////////*/

.box_item_team{
	text-align: center;
	font-family: 'Montserrat', sans-serif;

}

.team_photo{
	background-repeat:no-repeat;
	background-size: cover;
	width:80%;
	margin: auto;
	margin-bottom: 20px;
}

.team_photo:after {
    display: block;
    content: "";
    padding-top: 100%;
}



.box_item_team h3{
font-size: 18px;
	margin-bottom: 15px;
}
.box_item_team h3 span{
	text-transform: uppercase;
}
.team_info *{
	font-size: 12px;
}

/*///////////// PAGE COURS /////////*/

.cours_owl_carousel{
	width: calc(100% + 30px);
	margin-left: -15px;
	margin-right: -15px;
}


.cours_detail_liste {
    padding-top: 20px;
    border-bottom: 1px solid #D4D4D4;
	padding-bottom:10px;
}



.cours_detail_titre {
   color: #034694;
	padding-bottom:10px;
   display: block;
	font-weight: 600;
}

.cours_detail_sous_titre{
	padding-bottom: 15px;
	display: block;
}

.numcaf{
	
	width: calc(100% - 200px);
	float: left;
	border-right: 1px solid #D4D4D4;
	padding-right: 30px;
	margin-right: 30px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.caf{
float:left;
width:168px;
font-weight: 600;
}





.place_bullet {
	line-height: 19px;
	padding-left: 40px;
	position: relative;
}

.place_bullet:before{
	
	content: '.';
	display: block;
	position: absolute;
	left: 0px;
	top: -40px;
	font-size: 140px;
}

.bullet_green{
	color: #11BC05;
}

.bullet_orange{
	color: #FF9200;
}
.bullet_red{
	color: #FF0000;
}

.cours_lies{
  color: #034694;
  font-size: 16px;
  font-weight: 500;
  padding-top: 20px;
}


/*///////////// PAGE SALLES /////////*/


.salle_photo{ 
	float: left;
	
	width: 210px;
	height: 120px;
	background-size: cover;
	background-repeat: no-repeat;
	
}

.salle_titre{
	float: right;
	width: calc(100% - 240px);
	box-sizing: border-box;
	padding-right: 60px;
    color: #7B7B7B;
   font-size: 12px;
}

.salle_titre h2{
	font-family: 'Roboto', sans-serif;
	color: #034694;
	font-size: 22px;
	line-height: 32px;
}

.salle_info h3{
  color: #034694;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
	
}


.salles .box_item {
	
	  min-height: 60px;
	
}

/*/////////////  BOX ITEM/////////*/

.box_item {
  min-height: 230px;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
  padding: 20px;
}

.home .box_item h2 {
	color: #034694;
}

.box_item:not(.no_roll):hover{
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);

}

.box_item h2{
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}

.box_item_footer{
/*	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;*/
  color: #7B7B7B;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
}


.box_item_cours {
  display: flex; /* or inline-flex */
  flex-direction: column;
   justify-content:  space-between;
}

.box_item_carousel{
	margin: 6px 15px 30px 15px;

}





/*///////////// FOOTER /////////*/

.footer {
	padding: 30px 0px;

}
.footer *{
	color: #FFF;
	font-size: 12px;
}
.footer .footer_logo {
	float: left;
	box-sizing:border-box;
	width: 96px;
	margin-left: 15px;
	height: 32px;
	display: block;
	overflow: hidden;
	background-image: url(/img/logo_footer.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 20px;
}

.footer .footer_titre{
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19px;
	margin-top: 10px;
}



.footer .footer_menu{
	max-width: calc(75% - 200px);
	float: right;
	
}

.footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-top:0px;
}

.footer ul li {
	display: inline-block;
	max-width: 200px;
	float: left;
}
.footer ul li  a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 22px;
}

.footer ul li ul li {
	width: 100%;
}

.footer ul li ul li  a {
	font-weight: 400;
	margin-right: 20px;

}


.footer a:hover {
color: #FFF !important;
}

.footer .footer_adresse.col {
	margin-top: 0px !important;
}



.footer .footer_link{
	float: right;
	min-width: 200px;
}


.footer .footer_link li{
	float: left;
	width: 100%;
}

.footer .footer_link .link_facebook{
	background-position: left center;
	background-size: contain;	
	height: 16px;
	width: 100%;
	padding-left: 34px;
}

.footer .footer_link .link_moodle{
	background-position: left center;
	background-size: contain;
	padding-left: 34px;
	
	height: 16px;
	width: 100%;
	
}



/*/////////////OPEN CLOSE/////////*/
.openclose_box{
	
}

.openclose_box .openclose_boxtittle {
	background-image: url(/img/c-add.svg);	
	font-size:12px;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: right;
}
.openclose_box.opened .openclose_boxtittle {
	background-image: url(/img/c-delete.svg);	
	border-bottom: 0px ;
}



.openclose_boxitem {
 display:none;
 font-size:15px;
 padding:20px 0 20px 0
}

.openclose_box.opened .openclose_boxitem {
 display:block;
}





/*///////////// CAROUSEL /////////*/

#carousel{
	width:100%;
	overflow:hidden;	
	z-index: 2;
}

#carousel .myslide{
   width:100%;
}


.owl-item{
	cursor: grab;
}

.myslide{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;	
}


.owl-dots {
	z-index: 99999;
display: inline-block;
margin: auto;
left: 50%;
position: absolute;
transform: translateX(-50%);
margin-top: -20px;
}

.owl-dots .owl-dot {
float: left;
}
.owl-dots .owl-dot span {
	display: inline-block;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	border:1px solid #F3F3F3;
	border-radius: 10px;
	opacity:0.6;

}

.owl-dots .owl-dot.active span {
	background-color: #FFF;
	opacity:1;
}



.owl-nav {
	margin-top: 15px;
}

.owl-next{
position: absolute;
background-image: url(../img/icon-arrow-right.svg);
background-position: center center;
background-repeat: no-repeat;
height: 100%;
width: 30px;
right: -40px;
bottom: 0px;
font-size: 0px;
opacity: 1;
}

.owl-prev{
	position:absolute;
	background-image:url(../img/icon-arrow-left.svg);
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	width:30px;
	left:-40px;
	bottom:0px;
	font-size:0px;
	opacity: 1;
}

.owl-prev:hover,
.owl-next:hover {
	opacity: .4;
	transition: all 0.5s;
}

/*/////////////ISOTOP/////////*/

.gutter-sizer{
	width:calc(((100% - (12*30px))/12)*1);
	padding: 15px;	
}

.grid-sizer{
	width:calc(((100% - (12*30px))/12)*1);
	padding: 15px;
}
/* GRID */

.grid, .grid_packery{
		display: block;
	margin-left: -15px;
	margin-right: -15px;
}

/*///////////// COLUMNS /////////*/



.container_col {
	position: relative;
    margin-left: -15px;
    margin-right: -15px;

}

.container_col_team {
	position: relative;
    margin-left: -45px;
    margin-right: -45px;

}



.col_block {
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
}

.col_block .col {
    display: inline-block;
    float: none;
    vertical-align: text-top;
    text-align: left;
}



.col{
	float: left;
	position: relative;
	margin: 15px;
	box-sizing: border-box;
}


.col_1{
	width:calc(((100% - (12*30px))/12)*1);
}
.col_2{
	width:calc((((100% - (12*30px))/12)*2) + (1 * 30px));
}
.col_3{
	width:calc((((100% - (12*30px))/12)*3) + (2 * 30px));
}
.col_3_team{
	width:calc((((100% - (12*90px))/12)*3) + (2 * 90px));
}

.col_4{
	width:calc((((100% - (12*30px))/12)*4) + (3 * 30px));
}
.col_5{
	width:calc((((100% - (12*30px))/12)*5) + (4 * 30px));
}
.col_6{
	width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col_7{
	width:calc((((100% - (12*30px))/12)*7) + (6 * 30px));
}
.col_8{
	width:calc((((100% - (12*30px))/12)*8) + (7 * 30px));
}
.col_9{
	width:calc((((100% - (12*30px))/12)*9) + (8 * 30px));
}
.col_10{
	width:calc((((100% - (12*30px))/12)*10) + (9 * 30px));
}
.col_11{
	width:calc((((100% - (12*30px))/12)*11) + (10 * 30px));
}
.col_12{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}


.col_2 img,.col_3 img, .col_4 img,  .col_6 img, .col_8 img, .col_12 img, .col_full img{
	width:100% ;
	
}


.col_center *{
	text-align:center;	
}

.col_right{
	float:right !important;	
}


.separator {
    width: 100%;
	float: left;

}

.col_full{
	background-position: top center;
/*	background-position: center center;*/
	background-size: 100% auto;
	background-repeat: no-repeat;
	 background-attachment:fixed;
	 width:calc(100% - 30px);
	clear: both;
	margin: 15px 0px;
}

.col_full:after{
	display:block;
	content:"";
	padding-top: 45%;
}

.col_full img{
	display:none;	
}
.col_full_cover{
	background-size:cover !important;
	
}


/*///////////// OVERLAY /////////*/


.overlay {
    background-color:  rgba(0,0,0,.2);
    position: fixed;
    z-index: 500000000000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

	display:none;
}

body.mybodypopup .overlay {
	display:block;
}

.overlaycontent {
	color: #000000;
	box-sizing:border-box;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: block;
	max-width: 900px;
	width:100%;
	max-height:100vh;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding:50px 30px 30px 30px;
	overflow: auto;
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
}

a.overlayclose {
    position: absolute;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(/img/popup_close.svg);
    top: 20px;
    right: 20px;
	z-index:99999;
}


 body.mybodypopup{
	overflow: hidden !important;
	

}
/*///////////// Formualires /////////*/


.formulaire_col .col{
	margin: 5px 15px;
}

input.errormsg{
    color: #F00 !important;
}

 label.error {
    color: #F00 !important;
	width: 100% !important;
	line-height: 1px;
	 font-size: 10px;
}


#infomail {
    color: #F00 !important;
    display: none;
}

label {
    line-height: 45px;
    color: #000;
    font-weight: 400;
     font-size: 16px;
    margin-bottom: 10px;
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 20px;
	text-transform: none;
}

.label_little{
	 width: auto;
	margin-left: 10px;
	display: inline-block;
}
input[type="text"], input[type="email"], input[type="date"]{
	width: calc(100% - 170px);
	border: 1px solid #9E9E9E;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 45px;
	line-height: 45px;
	
}
input[type="radio"]{
	float: left;
	margin-top: 17px;
}



textarea{
	width: calc(100% - 170px);
	border: 1px solid #9E9E9E;
	padding: 1em;
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 45px;
	box-sizing: border-box;
	border-radius: 5px;
	white-space: break-spaces;
	background-color: #FFF;
}
.errormsg{
	color: #FF0000;
	border: 1px solid;
	
}

/*///////////// KEY /////////*/

@keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from {
opacity: 0;
}
 to {
opacity: 1;
}
}


/*///////////// 960px /////////*/

@media all and (max-width:1440px) {
	
    .home_container_slider {
    margin-left: 0px;
    margin-right: 0px;
}

.container_menu_page {
    width: 260px;
 
}	
	
.container_page {
    width: calc(100% - 280px);

}
	
}


@media all and (max-width:1200px) {
	

	
#logo {

    background-image: url(/img/logo_phone2.svg);
	background-size: 108px auto;
 
}
	
}

@media all and (max-width:1070px) {
	

.main_nav ul > li a {
  font-size: 16px;

}
	
}

@media all and (max-width:960px) {
	
.bodyspacer {
    padding-top: 80px;
}
	
.mm-page{
	overflow:hidden;
	
}
	
.mm-menu {
    color: #000;
	background: #FFF;
}
	
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: #034694;
}	
.mm-menu .mm-btn::after, .mm-menu .mm-btn::before {
    border-color: #034694;
}	
	
	.nomobile {
		display: none !important;
	}

	.mobile {
		display: block;
	}
	#logo_phone {
	    background-image: url(../img/logo_phone2.svg);
		margin: 23px 0px !important;
		width: 150px;
		height: 34px;
		display: block;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	
	#menumobile {
		display: block;
		color: #4e4e4e;
		position: absolute;
		right: 35px;
		top: calc(50% - 20px);
		z-index: 999;
		width: 40px;
		height: 40px;
	}


	#header {
		height: 80px;
	}
	
	.container_page{
		width: 100%;
        float: left;
	}
	
	.formations_titre span.mobile{
	color: #000;
	margin-left: 10px;
	font-size: 16px;
	display: inline-block;
	}
	
	
.cours_detail_retour .formations_titre span.mobile{
	margin-right: 10px;
	margin-left: 0px;
	}
	
.cours_detail_retour  {
    margin-top: 20px;
}	
	
	
	.home_partners img {
    max-height: 80px;
    max-width: 110px;
}

	
.footer .footer_menu {
  max-width: 200px;
  float: right;
}
	
	

	
	
}

@media all and (max-width:820px) {

.home_container_news .col_3{
width: calc((((100% - (12*30px))/12)*6) + (5 * 30px));
	}

	
.footer .footer_link {
  float: left;
  min-width: 200px;
  margin-left: 20px;
}
	
}

@media all and (max-width:760px) {
	
	.home_slide_texte_container {
    display: block;
	overflow: hidden;
}
	
	.home_slide_phrase{
		overflow: hidden;
	
    padding: 40px 0%;

	}
	.home_slide_texte h1{
		font-size: 28px;
		line-height: 35px;
		
	}
	.home_slide_texte h1, .home_slide_texte {
    text-align: center;
		
}
	
	.home_slide_texte.col_6{
			width:calc((((100% - (12*30px))/12)*12) + (11 * 30px)) !important;
		margin-top: 40px;
	}
	 .home_slide_texte_photo.col_4{
			width:calc((((100% - (12*30px))/12)*7) + (6 * 30px));
			left: 50%;
			transform: translateX(-50%);
			margin-left: 0px;
	
	}
	 .home_slide .col_1{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
		 
	}
	
	.home_phrase {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 18px;
		min-width: auto;
	width: 75%;
    padding: 20px 20px 20px 20px;
 
}
	
	
.input_little.col_6{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
	
.home_container_slider {
  border-bottom-left-radius: 60% 4%;
border-bottom-right-radius: 60% 4%;
}
	
	
.cours_detail_liste:first-child {
    padding-top: 0px;
}
	
}

@media all and (max-width:670px) {

#menumobile {
		right: 15px;
	}

	
.bodyspacer {
    padding-top: 80px;
}
	
.col_1{
	width:calc(((100% - (12*30px))/12)*1);
}
.col_2{
	width:calc((((100% - (12*30px))/12)*2) + (1 * 30px));
}
.col_3{
	width:calc((((100% - (12*30px))/12)*3) + (2 * 30px));
}
.col_3_team{
	width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}

.col_4{
	width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col_5{
	width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col_6{
	width:calc((((100% - (12*30px))/12)*6) + (5 * 30px));
}
.col_7{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col_8{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col_9{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col_10{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col_11{
		width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col_12{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
	
	
.footer .footer_menu {
    max-width: calc(75% - 186px);
    float: right;
}


.home_partners {
    flex-wrap: wrap;
}
.home_partners img {

    padding: 10px;
}
	
.inside {
	padding: 0px 20px;
}
	
.lan_nav{
	right: 20px;
}
	
h1 {
    font-size: 28px;
	line-height: normal;
}
	
label {
  
    width: 90px;

}
.overlaycontent {
   padding: 60px 0px 20px 0px;

}
	
input[type="text"], input[type="email"], input[type="date"],textarea {
    width: calc(100% - 110px);
  
}
	
.numcaf {
    width: 100%;
    float: left;
    border-right: 0px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
    padding-right: 0px;
    margin-right: 0px;
    box-sizing: border-box;
}
.caf {
    float: left;
    width: 100%;
    font-weight: 600;
	padding-top: 10px;
} 
	
.credits{
	margin-top: 20px;
}

	
	
.footer .footer_link {
  float: left;
  min-width: 160px;
  margin-left: 20px;
  margin-bottom: 20px;
}	
	
.footer .footer_menu {
  float: left;
  width: 50%;
  margin-left: 20px;
}	
	
.footer .footer_logo {
  width: 50%;
  background-size: contain;
}
	
.footer .footer_adresse.col {
 float: left !important;
}	

}


@media all and (max-width:450px) {
.col_1{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col_2{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.home_container_news .col_3,.col_3{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col_3_team{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}

.col_4{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col_5{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
.col_6{
	width:calc((((100% - (12*30px))/12)*12) + (11 * 30px));
}
	




}