@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
  
  
   @font-face {
     font-family: 'FontAwesome';
     src: url('/css/fonts/fontawesome-webfont.eot?v=4.2.0');
     src: url('/css/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('/css/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('/css/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('/css/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
     font-weight: normal;
     font-style: normal;
   }
  
   body
   {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      color: #333333;
	  background-color:#e5e5e5;
	  text-rendering: auto;
  	  -webkit-font-smoothing: antialiased;
	  
 
   }



/*
    Reset

*/

 
 * {
	margin: 0px;
	padding: 0px;
	outline:0px;
}
img, a img{
	border:0px;	
}
img{
	max-width:100%;
	height:auto;
}
.clear{
	clear:both;
}

p{
	ine-height: 1.1em;
    margin-bottom: 1em;
}


/* video{
 	 width: 100% !important;
	 min-width: 100% !important;
	 max-width: 100% !important;
     height: 100% !important;
	 min-height: 100% !important;
	 max-height: 100% !important;
}

.media-document.video.mac{
	min-width: auto !important;
}

.media-document.audio{
padding: 0 0px 100% !important;
box-sizing: border-box !important;
height: 100% !important;
}*/

/*
    Defaults 

*/



a{
	  color: #2F77AE;
	 
}

  
.firstlink, .fleches_carousel{
  	  cursor:pointer;   
}


.mobile {
	   display: none;
	   height: 0;
}

 iframe{
	 max-width:100% !important;	
	 border: 0px;
 }
 
 
 table td {
	    box-sizing: content-box;
    padding: 8px 10px;
}

tr:nth-child(even) {background: #f4f4f4 !important; }
tr:nth-child(odd) {background: #FFF !important; }

 table td p{
	    margin-bottom: 0px;
}

table#api_lms tr:nth-child(even) {background: #FFF !important; }
table#api_lms  tr:nth-child(odd) {background: #FFF !important; }

table#api_lms h3{
	 
  color: #333333;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 25px;
}


table#api_lms td{
	
	padding-bottom: 40px;
}

table#api_lms td:first-child {
	padding-right: 20px;

}


table#api_lms li {
    list-style: none;
	position: relative;
}

table#api_lms li:before {
	content: "·";
	font-size: 30px;
	vertical-align: top;
	line-height: 20px;
	position: absolute;
	left: -20px;
}




.alertcontainer{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
	z-index: 99999999;
}

.alertcontainer .alert{
    width:calc(100% - 40px);
    max-width: 490px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
	padding: 20px;
}

.alertcontainer .alert a{
    color: #fff;
}

.back-danger{
    color: #fff;
    background-color: #FF565C;
}

.alertcontainer .alert .buttonlink{
    color: #fff;
    border:1px solid #fff;
    margin-bottom: 0px;
	margin-top: 10px;
    font-size: 0.688em;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    padding:10px 20px;
    line-height: normal;
}
.alertcontainer .alert .buttonlink:hover{
    background-color: #fff;
    color:#FF565C;
}

.closealert{
    cursor: pointer;
}



.container
{
	  width: 930px;
	  margin: 0 auto;
	  overflow:hidden;
	  position:relative;
}  
  
  a.upperLetter {
    text-transform: uppercase;
} 
a.full_link{
	position:absolute;
	width:100%;
	height:100%;	
}


    .tooltip {
      position: absolute;
      background-color: #333;
      color: #fff;
      padding: 5px;
      border-radius: 4px;
      display: none;
      z-index: 1000;
      font-size: 12px;
    }

/*
    Headings

*/ 

   h1
   {
      font-family: 'Roboto', sans-serif;
      font-size: 32px;
      color: #2F77AE;
	  font-weight:500;
      padding-bottom: 14px;
   }

   h2
   {
      font-family: 'Roboto', sans-serif;
      font-size: 22px;
      color: #2F77AE;
      padding-bottom: 12px;
	   font-weight: 500;
   }   
     h2.black, #msg{
	 color:#333333;
	 font-size:28px;
	 font-weight:300;
		 
		 
	 }

   h3
   {
      font-family: 'Roboto', sans-serif;
      font-size: 18px;
      color: #333333; 
	  margin-top: 10px;
	   font-weight: 600;
   }

    h4
   {
      font-family: 'Roboto', sans-serif;
      font-size: 16px;
      color: #333333; 
	  margin-top: 10px;
     font-weight: 600;
   }

   
.txt_intro{
	color:#727272;
	font-size:22px;
		
}

.txt_little{
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
		
}

.color_blue{
 color: #2F77AE;	
}

.rating_circle{
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 50%;
	text-decoration: none;
	height: 26px;
	width: 26px;
	background-color: #FFFFFF;
	border: 3px solid #FFFFFF;
	line-height: 20px;
	font-weight: 200;
	text-align: center;
}

.rating_5{
	color: #DB3618;
	border: 3px solid #DB3618;
}
.rating_4{
	color: #E57711;
	border: 3px solid #E57711;
}
.rating_3{
	color: #F2C000;
	border: 3px solid #F2C000;
}
.rating_2{
	color: #7FB31E;
	border: 3px solid #7FB31E;
}
.rating_1{
	color: #08783A;
	 border: 3px solid #08783A;
	
}

/*
    Header 

*/
   
   header
   {
	   width:100%;
	   position:relative;
	   height:131px;
	   border-bottom: 3px solid #529CD5;
	   background-color:#FFF;
	
   }

   header #logo
   {
      display: block;
      width: 127px;
      height: 82px;
	  background-image:url(/img/logo.png);
	  background-repeat:no-repeat;
	   background-size: 127px 82px;
	   background-position: left bottom;
      padding-top: 25px;
	  padding-right:32px;
      float: left; }

  @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
		  
	header #logo
      {
         background-image: url(/img/logo@2x.png);
        
      }
   }
   
   
   
   header #logo a
   {
      display: block;
      width: 127px;
      height: 82px;
      text-indent: -9999px;
      overflow: hidden;
   }   
   
   
   
   header nav ul li
   {
      float: left; 
	  list-style:none;
   }

   header nav ul li a
   {
	   color:#333333;
	  text-decoration:none;
	 
   }

   header nav ul li:last-child a
   {
      padding-right: 0px;
   }   
   
   header nav ul li a.active
   {
      border-bottom: 1px solid #2F77AE;
      color: #2F77AE;
   }      
   
   
     header nav ul li a:hover
   {
      color: #2F77AE;
   } 
   

   
   
   header nav#menu
   {
	   position:absolute;
	   left:160px;
	   top:72px;
   } 
   
   
     header nav#menu ul li 
   {
      
	  padding-right:35px;
   } 
      header nav#menu ul li.last,  header nav#menu ul li:last-child
   {
	   padding-right:0px;
   } 
   
   header nav#menu ul li a
   {
      font-size: 18px;
	   padding-bottom:4px;
	 
   } 
   
   header nav#menu ul li a.last
   {
	  padding-right:0px;
   } 
   
   


  header nav#top {
    width: 770px;
   position:absolute;
   left:160px;
   top:22px;
   padding-bottom:14px;
   border-bottom:1px solid #E5E5E5;
   }
   
   header nav#top ul li a
   {
      font-size: 12px;
	  height:24px;
	  line-height:24px;
	  display: inline-block;
	
	
   }  
   
   
      header nav#top ul li
   {
	  padding-left:11px;
	  padding-right:11px;
	
   } 
   
   
   header nav#top ul li.first
   {
	  padding-left:0px;
	
   }  
   header nav#top ul li.last,  header nav#top ul li:last-child
   {
	  padding-left:0px;
	  padding-right:0px;

	
   }  

   header nav#top ul#top_menu{
		float:left;	
	}
	
	a.active.membername{
		text-decoration:none;
		
	}
	
	  header nav#top  ul#top_menu li a.logout, header nav#top  ul#top_menu li a.member{
	   color:#FFF;
	   background-color:#529CD5;
	   text-decoration:none !important;
	      border-radius:4px;
	   padding-left:11px;
	  padding-right:11px;
	}
	

	
	   header nav#top ul li a.member::after{
	   font-family: FontAwesome;   
	   content: "\f023";
	   color:#FFF;
	   padding-left: 11px;
	   
	}
	
	

   header nav#top ul li a.icon.search
   {
	 color:#AFAFAF;
   }      

   header nav#top ul li a.icon:hover
   {
     text-decoration: none;
   }
   
   header nav#top ul li a.icon span
   {
      display: none;
   }  



/*
    TABS

*/

#tabs {
   width: calc(100% + 60px);
   height:38px; 
   padding-right: 2px;
   margin-top: 33px;
   margin-left: -30px;

   
}


#tabs li {
    position: relative;
    float:left; 
    list-style:none;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 42px;
    height: 42px;
	text-align: center;
	width: calc(50% - 45px);
    border-top-right-radius:3px;
 
	display:block; 
    background: #e12407;

	box-sizing: border-box;
    border-radius:4px;  
}

#tabs li:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: calc(50% - 15px);
    background-color: inherit;
    transform: rotate(45deg);
    top: 15px;
    z-index: 0;
}

#tabs li:first-child {
    margin-right:15px; 
    margin-left:30px;
}

#tabs li:second-child {
    margin-right:30px; 
    margin-left:15px;

}
#tabs li span {
    position: relative;
}
#tabs li span a{
  color: #FFFFFF;
  text-decoration: none;
  width: 100%;
  position: relative;
  display: block;
}


#tabs li.inactive{
	color:#FFFFFF;
	background-color: #529CD5;
	outline:none;
}
#tabs li.inactive:before{
    top:6px;
}

#tabs li:hover, #tabs li.inactive:hover {
	color: #FFFFFF;
	outline:none;
    background-color: #e12407;
}

 #tabs li:before:hover {
    background-color: #e12407 !important;
}

.tabscontainer {
    clear:both;           
    width:100%; 
    text-align:left;
    padding-top: 30px;

}




/*
    Page 

*/



.container.page{
	box-sizing:border-box;
	padding:30px;
	background-color:#FFF;
	margin-top:30px;
	margin-bottom:30px;
}

.column_right ul , .column_right ol, .pagecontenu ul, .pagecontenu ol{
	padding-left:40px;
	margin-bottom:0px;	
}

.column_right ul li , .column_right ol li, .pagecontenu ul li, .pagecontenu ol li{
	padding-bottom:10px;

}

.banner .container p
{
	font-size:14px;
	font-weight:300;
}
.banner .container h1
{
	font-size:28px;
	font-weight:300;
	margin-top:15px;
}

.container_in
{
  margin-left:-15px;
  margin-right:-15px;
}


a.photo_galerie_home{
	float:left;
	width:170px;
	height:128px;
	margin-left:15px;
	margin-right:15px;
	background-size:cover;
	background-position:center center;
}

.page_zone_select{
    float: left;
    margin-bottom: 40px;
    width: 100%;
	
}

.page_listing{
	float:left;
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom: 1px solid #D5D5D5;
	
}

.page_listing_in{
	float:left;
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
}

.pagecontenu_in{
	
	border-top: 1px solid #D5D5D5;
	padding-top:20px;
}



.page_listing_in .page_photo_left{
	margin-top:20px;
	
}

.page_listing_noline{
	float:left;
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	
}

.page_photo_left{
	float:left;
	width: 180px;
	
}
.page_photo_left_big{
	float:left;
	width: 430px;
	
}

.page_contenu_photo_left{
	float: right;
	 width: calc(100% - 200px);
	
	
}
.page_contenu_photo_left_big{
	float: right;
	 width: calc(100% - 450px);
	
	
}

.Applicant{
	position:relative;
	/*background-color:#ffb503;*/
	background-color:#9acef6;
	width: 240px;
	height:200px;
	
}

.Pre-Applicant{
	position:relative;
	/*background-color:#BF2E31;*/
	background-color:#e9f4fd;
	width: 240px;
	height:200px;
	
}

.Former-Pre{
	position:relative;
	
	background-color:#f8c875;
	width: 240px;
	height:200px;
}

.Member{
	position:relative;
	background-color:#4E9BD7;
	width: 240px;
	height:200px;
	
}

.logo_vide{
	 color: #ffffff;
	font-size:24px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%);
	transform:translateY(-50%);
}

.page_logo_left{
	float:left;
	width: 240px;
	
}


.page_contenu_logo_left{
	float: right;
	 width: calc(100% - 260px);
	
	
}




.page_contenu_comment_right{
	float: left;
	 width: calc(100% - 215px);
	
}

.page_comment_right{
	float:right;
	width: 100px;
	height:100px;
	border-radius:50%;
	margin-right:50px;
	background-color:#dd291b;
	color:#FFF;
	
}
.num_comment{
	font-size:28px;
	display: inline-block;
     margin-top: 15px;
    text-align: center;
    width: 100%;
	 font-weight: 200;
	
	
}
.txt_comment{
	display: inline-block;
    font-size: 15px;
    text-align: center;
    width: 100%;
	
}


.date_listing{
	  color: #333333;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 10px;
	
}


.fond_bleu
{
	background-color:#529CD5 !important;
	color:#FFF !important;
}
.fond_red{
	background-color:#e12407 !important;
	color:#FFF !important;
}
.texte_red{
	color:#e12407 !important;
}
.texte_green{
	color:#15B737 !important;
}

.box.fond_bleu h1, .box.fond_red h1, .box.fond_color, .box.fond_color a, .box.fond_color h1, .box.fond_bleu a, .box.fond_red a{
	color:#FFF;
	
}

.box_big{
	width: 930px;
	
}
.box_middle{
	width: 610px;
}


.box_little
{
	width: 290px;
}



.box{
	float:left;
	font-size:14px;
	padding:20px;
	box-sizing:border-box;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:30px;
	min-height:200px;
	color:#565656;
	
	background-color:#FFF;
}
.box_big_txt{
	font-size:18px;
}

.box h1{
	font-size:24px;
	color:#333333;
	font-weight:300;
	margin-top:0px !important;
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom: 20px;
	border-bottom:1px solid #E5E5E5;	
}

.box ul {
	margin-top:-10px;
	margin-bottom:10px;

}

 .box ul li {
    border-bottom: 1px solid #d5d5d5;
	list-style:none;
 /*     float: left;
  margin-bottom: 20px;*/
    padding-bottom: 10px;
	padding-top:10px;
    width: 100%;
}
.box.fond_bleu ul li {
	 border-bottom: 1px solid #6FAAD8;
}
 .box ul li a{
	text-decoration:none;
}

.box h1 a{
	float:right;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
	padding-top:10px;
}



.box  .big_login h1{
	margin-left:0px;
	margin-right:0px;
	padding-right:0px;
	padding-left:0px;
}


.container_in_25{
	margin-left:-25px;
	margin-right:-25px;
	
}


.box_communities_full{
	box-sizing:border-box;
	position:relative;
	
	width:100%;
	background-color:#e9e5e4;
	padding:30px;
	padding-left:246px;
	margin-bottom:13px;
	min-height:162px;
	
}




.box_communities_middle{
	box-sizing:border-box;
	position:relative;
	
	width:50%;
	background-color:#e9e5e4;
	border:25px solid #FFF;
	min-height:162px;
	float:left;
}

.social_communities {
	position:absolute;
	top:50%;
	left:0px;

	-ms-transform: translate(32px, -50%); /* IE 9 */
    -webkit-transform: translate(32px, -50%);
		transform:translate(32px, -50%);
}

.social_communities h2{
	display:inline-block;
	line-height:44px;
	padding-bottom:0px;
	margin-left:40px;
}

.social_communities a{
    text-align: center;
	float: left;
	width: 44px;
	height: 44px;
	background-color: #f2f2f2;
	border-radius: 100%;
	margin-right: 7px; /*space between*/

} 
.social_communities a i{
	font-size: 22px;
    line-height: 44px;
	color:#529CD5;
}



.login_box{
	width:290px;
	margin:auto;
}

.login_box .box{
	margin-top:40px;
	font-size:14px;
	border: 1px solid #e5e5e5;
}


.login_box_nocenter{
	margin-left:20px;
	float:left;
	
}

.column_right
{
	float: right;
	width: 658px;
}  


.column_50_left{	
	box-sizing:border-box;
	float: left;
	width: 50%;
	padding-right:30px;
}

.column_50_right{
	box-sizing:border-box;
	float: left;
	width: 50%;
	
}

.column_left
{
	float: left;
	width: 182px;
	padding-right:30px;
	
}  



.column_left ul li
{
	font-size:14px;
	border-bottom:1px solid #D5D5D5;
	list-style: none;
    padding-top:13px;
	padding-bottom:12px;
}

.column_left ul li ul li
{
	margin-left:20px;
	border-bottom:none;
		padding-bottom:0px;
	
}

.column_left ul li a
{
	color:#333333;
	font-size:14px;
	text-decoration:none;

	
}

.column_left ul li a.selected
{
	color: #2f77ae;

	
}


.column_left ul li.first
{
	border-top: 1px solid #D5D5D5;

	
}



/*
    Colonne 

*/

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

.col{
	float: left;
	position: relative;
	margin: 10px;
}

.col1{
	width:calc(((100% - (12*20px))/12)*1);
}
.col2{
	width:calc((((100% - (12*20px))/12)*2) + (1 * 20px));
}
.col3{
	width:calc((((100% - (12*20px))/12)*3) + (2 * 20px));
}
.col4{
	width:calc((((100% - (12*20px))/12)*4) + (3 * 20px));
}
.col5{
	width:calc((((100% - (12*20px))/12)*5) + (4 * 20px));
}
.col6{
	width:calc((((100% - (12*20px))/12)*6) + (5 * 20px));
}
.col7{
	width:calc((((100% - (12*20px))/12)*7) + (6 * 20px));
}
.col8{
	width:calc((((100% - (12*20px))/12)*8) + (7 * 20px));
}
.col9{
	width:calc((((100% - (12*20px))/12)*9) + (8 * 20px));
}
.col10{
	width:calc((((100% - (12*20px))/12)*10) + (9 * 20px));
}
.col11{
	width:calc((((100% - (12*20px))/12)*11) + (10 * 20px));
}
.col12{
	width:calc((((100% - (12*20px))/12)*12) + (11 * 20px));
}


.col img, .col a img, .col_full img{
	width:100% !important;
	height:auto !important;
	
}


.col_right{
	float:right !important;	
}

.col_carre{
	background-position:center center;
	background-repeat:no-repeat;
	background-size: contain;
	background-color: #FFF;
	
	display:block;
	content:"";
	padding-top: 100%;
}


.col_separator{
	width:100%;
	height:1px;
	float:left;
	margin:0;
}

.col_full{
	position:relative;
	background-position: top center;
/*	background-position: center center;*/
	background-size:cover !important;
	background-repeat: no-repeat;
	 background-attachment:fixed;
	 width:calc(100% - 20px);
	clear: both;
	height:70vh;
}

/*
    CURRICULA 

*/

.curricula_container{
      display: none;  
}
.curricula_table  {
  width: 100%;
  border-collapse: collapse;

}
.curricula_table tr.knowledge_tr{
    display: none;
}

.curricula_table tr{
  border: 1px solid #000000;
}

.curricula_table td {
   border-left: 1px solid #CCC; 
}
.curricula_table td:first-child {
   border-left: 1px solid #000; 
}

.curricula_table td{
  color: #333333;
  font-size: 13px;
  letter-spacing: 0;
  height: 46px;
  position: relative;
  padding: 4px 10px;
}

.curricula_table tr:nth-child(2n) {
  background: #FFFFFF !important;
}
.curricula_table .curricula_table_header td{
  font-size: 14px;
  font-weight: bold;
}

.topic_first td.topic_first_number{
    color: #FFF;
    background-color: #2F77AE;
    height: 62px;
    border-right: 1px solid #2F77AE; 
}
.topic_first td.topic_first_text{
    color: #2F77AE;
    font-size: 14px;
    font-weight: bold;
    background-color: #F9F9F9;
    line-height: 46px;
}

.training_icone{
    font-size: 11px;
    color: #FFFFFF;
    display: inline-block;
    padding: 1px 6px;
    border-radius: 7.5px;
    margin: 2px 2px;
}
.curriculum_icone{
    font-size: 11px;
    color: #333333;
    display: inline-block;
    padding: 1px 6px;
    border-radius: 7.5px;
    margin: 2px 2px;
    line-height: normal;
}

ul.curriculum_liste li {   
    padding-left: 20px;
    list-style: none;
    padding-bottom: 16px;
}

ul.curriculum_liste li span{   
position: absolute;
left: 0px;
    
}


.curricula_acquired{
  float: right;
  font-weight: normal;
  color: #333;
  font-size: 11px;
  padding: 4px 10px;
  background-color: #FFF;
  border: 1px solid #E8E8E8;
  border-radius: 15px;
  min-width: 280px;
  line-height: 18px;
  margin-top: 10px;
}

.curricula_acquired input{
    margin-right: 10px;
}

.curricula_acquired .checkbox_custom .checkmark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #F9F9F9;
  border: 1px solid #D5D5D5;
  border-radius: 5px !important;
}
.curricula_acquired .checkbox_custom span {
  line-height: 1.4em;
  min-height: 16px;
  display: block;
  font-size: 11px;
}
.curricula_acquired label {
  margin-bottom: 0px;
 padding-left: 26px;
}

.curricula_acquired .checkbox_custom .checkmark::after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
}


.curriculum_NCA{
    background-color: #2F77AE;
}
.curriculum_PT{
    background-color: #15B737;
}
.curriculum_PIA{
    background-color: #E02407;
}
.curriculum_API{
    background-color: #E0AA07;
}
.curriculum_NON-ST{
    background-color: #A4E007;
}
.curriculum_ST{
    background-color: #07E0E0;
}

ul.curriculum_liste li.curriculum_NON-ST_li{
    padding-left: 30px
    
}

.tippy-box[data-theme~='theme-nra'] {
  background-color: #E02407;
  color: #FFF;
}
.tippy-box[data-theme~='theme-pt'] {
  background-color: #15B737;
  color: #FFF;
}
.tippy-box[data-theme~='theme-pia'] {
  background-color: #2F77AE;
  color: #FFF;
}



.curricula_check{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.curricula_check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.curricula_checkmark {
    position: absolute;
    top: -3px;
    left: calc(50% - 8px);
    height: 16px;
    width: 16px;
    display:block;
    border-radius: 50%;
    border: 1px solid #2F77AE;
}

.curricula_checkmark_select {
  position: absolute;
  top: -3px;
  left: calc(50% - 8px);
  height: 16px;
  width: 16px;
  display: block;
  border-radius: 50%;
  border: 1px solid #2F77AE;
  background: #2F77AE;
}


.curricula_check_PT .curricula_checkmark {
    border: 1px solid #15B737;
}
.curricula_check_PIA .curricula_checkmark {
    border: 1px solid #E02407;
}
.curricula_check:hover input ~ .curricula_checkmark {
   background-color: rgba(47, 119, 174, 0.5);
}
.curricula_check.curricula_check_PT:hover input ~ .curricula_checkmark {
   background-color: rgba(21, 183, 55, 0.5) !important;
}
.curricula_check.curricula_check_PIA:hover input ~ .curricula_checkmark {
   background-color: rgba(224, 36, 7, 0.5) !important;
}


.curricula_check input:checked ~ .curricula_checkmark {
  background-color: #2F77AE;
}
.curricula_check.curricula_check_PT input:checked ~ .curricula_checkmark {
     background-color: #15B737 !important;
}
.curricula_check.curricula_check_PIA input:checked ~ .curricula_checkmark  {
    background-color: #E02407 !important;
}



.curricula_check  .curricula_checkmark_select {
  background-color: #2F77AE;
    pointer-events: none;
}
.curricula_check.curricula_check_PT .curricula_checkmark_select {
     background-color: #15B737 !important;
     border: 1px solid #15B737;
     pointer-events: none;
}
.curricula_check.curricula_check_PIA .curricula_checkmark_select  {
    background-color: #E02407 !important;
    border: 1px solid #E02407;
     pointer-events: none;
}


.curricula_pia_notactive{
    background-image: url('/img/radio_pia_open.svg');
    background-position: center center;
    background-size: contain;
    height: 18px;
    width: 18px;
    width: 100%;
    background-repeat: no-repeat;
    display: block;
}


.closed_tr{
    display: none !important;
}


.add_topic input{
  width: calc(100% - 30px);
  box-sizing: border-box;
  height: 30px;
  border: 1px solid #E8E8E8;
  background-color: #FFFFFF;
  padding: 0px 10px;
}

.btn_delete_topic{
  margin-left: 10px;
  margin-top: 4px;
  line-height: 46px;
  float: right;
}

.curriculum_send{
    opacity: 0.5;
}
.curriculum_send_ok{
    opacity: 1;
}


/*
    LMS 

*/


.onboarding_tutors_container_start{
  border: 1px solid #D5D5D5;
  background-color: #F9F9F9; 
  padding: 186px 40px 40px 40px;
  box-sizing: border-box;
  text-align: center;
  background-image: url('/img/training-path.svg');
    background-repeat: no-repeat;
    background-position: center 40px;
}

.onboarding_tutors_container_start h2 {
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}



.lms_infobox{
	background-color: #F9F9F9;
	padding: 200px 20px 50px 20px;
	background-position: center 50px;
	background-repeat: no-repeat;
	text-align: center;
	
}

.lms_infobox h3{
	margin-bottom: 13px;
	
}

.slide{
    display: none;

}
.video_slides_practical_tips{
    float: left;
    width: 66%;box-sizing: border-box;
    padding: 10px;
    font-size: 12px;
    
}

.video_slides_container{
    float:left; 
    display: inline-block;
    width: 33.33%;
    
}
.video_slides_container_full{
    float:left; 
    display: inline-block;
    width: 100%;
}
.video_infos_slides{
    margin: 5px;
    font-size: 10px;
}

/*
    Icons 

*/
 .icon 
   {
      display: inline-block;
	   font-family: FontAwesome;
	   
      font-size: 14px;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
 }  
   
.icon.search:before
{
  content: "\f002";
}   


.social-links{
	float:right;	
}
     
.social-links a{
    text-align: center;
	float: left;
	width: 18px;
	height: 18px;
	background-color: #F2F2F2;
	border-radius: 100%;
	margin-right: 7px; /*space between*/

} 
.social-links a i{
	font-size: 11px;
    line-height: 18px;
	color:#529CD5;
}



 

/*
    Banner

*/

 .banner{
	 background-size: auto 100%;
	 background-repeat:no-repeat; 
	 background-position:center center;
	 display:inline-block;
	 background-color:#FFF;
	 width:100%;
	 margin-bottom:20px;
 }

/*
    carousel

*/
 
 
 
 
 #mycarousel{
	position:relative;
	content: "";
	display: block;
	height:314px;
	
}
.mycarousel_slide{
	display:block;
	width:100%;
	height:100%;
}


 #mycarousel_member{
	position:relative;
	content: "";
	display: block;
}

.carousel_member_img{
	width:200px;
	height:200px;
	border-radius:50%;
	background-color:#FFFFFF;
	border:25px solid #FFFFFF;
}

.carousel_zone_img, .carousel_zone_img_pia{
	float:left;
	width:430px;
	height:	100%;
	 background-size: cover; 
	 background-repeat:no-repeat; 
	 background-position:center center;
	
	
}


.carousel_zone_txt{
	float:right;
	width:430px;
	font-size:16px;
	color:#333333;
	
	
	overflow:hidden;
}

.carousel_zone_txt h1{
	font-size:28px;
	border-bottom:none;
	margin-bottom: 6px;
    padding-bottom: 0;
}

.carousel_zone_txt_content{
	max-height:152px;
	overflow:hidden;
    text-overflow: ellipsis;
	
}
.carousel_zone_txt_content_pia{
	background-color: rgba(255, 255, 255, 0.8);
	padding:10px;
	position:absolute;
	bottom:0px;
	left:0px;
	
		
}


.carousel_pia{
	width:430px;
	float:left;
	
}

.login_home_pia{
width:440px;
float:right;
}

.fleches_carousel_container{
	position:absolute;
	right:340px;
	bottom:0px;
	z-index:100000;
}
.fleches_carousel{
    text-align: center;
	float: left;
	width: 33px;
	height: 33px;
	background-color: #FFF;
	border:2px solid #529CD5;
	border-radius: 100%;
	margin-right: 7px; /*space between*/

} 
.fleches_carousel i{
	font-size: 26px;
    line-height: 33px;
	color:#529CD5;
}






/*
    TABS

*/



.dataTables_info{
	display:none;	
}
.dataTables_filter {
    float: left !important;
	width:100%;
	margin-top:20px;
}

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 400;
	 text-align: left;
	 padding-left:20px !important;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #D5D5D5;
    padding: 10px 18px;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #d5d5d5 !important;
}

.container_btn_tri{
	margin-left:-30px;
	padding-left:30px;
	margin-right:-30px;
	padding-right:30px;
	/*border-bottom:1px solid #D5D5D5;*/

	float:left;
	 width: 100%;
}

.container_tab_protected{
	padding:30px;
	margin-left:-30px;
	margin-right:-30px;
	background-color:#BE3A3F;
	float:left;
	width: 100%;
	
	
}


.container_tab{
	width: 100%;
	background-color:#FFF;
	padding-top:30px;
	padding:20px;
	margin:-20px;
	padding-top:0px;
	margin-bottom:40px;
	
}


.container_tab_blue{
	 background-color: #529cd5;
    float: left;
    padding-top: 30px;
    width: 100%;
	
	
}

.container_tab_blue .container_tab{
		margin-bottom:0px;
}


a.btn_tri {
	width:146px;
	height:37px;
	color:#FFF;
	line-height:37px;
	font-size:18px;
	text-align:center;
	float:left;
	margin-right:4px;
	text-decoration:none;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	
}
a.fond_gris_clair{
	background-color:#C0C0C0;
	
}
a.fond_gris_moyen{
	background-color:#898989;
	
}
a.fond_fonce{
	background-color:#4A4A4A;
	
}
a.fond_rouge{
	background-color:#BE3A3F;
	
}
.container_btn_tri a.selected{
	background-color:#529CD5;
	
}

 a.protected_doc::before{
   font-family: FontAwesome;   
   content: "\f023";
   color:#FFF;
   padding-right: 11px;
	   
}






/*
    FAQS

*/


div.faqtitle {
    background-image: url("/img/fleche_open.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #2F77AE;
    cursor: pointer;
    font-size: 15px;
    height: auto;
    line-height: 1.2em;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-top: 10px;
}
div.faqdescription {
    display: none;
    padding-bottom: 15px;
    padding-left: 40px;
	 padding-right: 15px;
    padding-top: 15px;
}
div.faqitem.opened div.faqdescription {
    display: block;
}

div.faqitem.opened div.faqtitle {
     background-image: url("/img/fleche_closed.png");
}


div.pagecontenu_suite {
    display: none;
    padding-bottom: 15px;
    padding-top: 15px;
}
div.pagecontenu.opened div.pagecontenu_suite {
    display: block;
}

a.open_suite, .link_more{
	display: inline-block;
	text-decoration:none;
	font-weight:500;
		color:#2f77ae;
	
}
a.open_suite::before, .link_more::before {
 
    content: "\f105";
    font-family: FontAwesome;
	text-decoration:none;
	font-weight:100;

	padding-right:4px;
}


   /* Newsletter */

   
   #newsletter
   {
      float: right;
   }

   #newsletter input[type='text']
   {
      display: block;
      float: left;      
      border: 1px solid #979797;
      width: 260px;
      height: 32px;
      font-family: Roboto;
      font-weight: 300;   
      font-size: 14px;
      color: #707070;
      padding-left: 5px;
      line-height: 32px;
   }

   #newsletter input[type='submit']
   {
      display: block;
      float: left;
      border: 0px;
      border: 1px solid #3B3B3B;
      background-color: #3B3B3B;
      width: 65px;
      height: 36px;
      font-family: Roboto;
      font-weight: 300;   
      font-size: 14px;
      color: #FFF;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;       
   }   
   
   #newsletter input[type='submit']:hover
   {
      background-color: #000;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
   }  
   
   #newsletter p
   {
      padding-top: 10px;
      clear: left;
   }    

/*
    Footer 

*/
   
   .grid:after {
  content: '';
  display: block;
  clear: both;
}

   footer
   {
      background-color:#FFF;
	  width:100%;
   }
   
   footer .container{
	   padding-top:30px;
	   padding-bottom:64px;
	   
	   
   }
   
     footer div.menu_footer
   {
	   float:left;
	   width: 480px;
	   
	   
   }

   footer dl
   {
	float: left;
	width:132px;
	margin-top: 0px;
	margin-right: 26px;
	margin-bottom: 35px;
	margin-left: 0px;     /* width: 130px; Same width for all columns */
   }

   footer dl:last-child
   {
      margin-right: 0px;
   }

   footer dl dt a, p.titre_footer
   {
      font-family: Roboto;
      font-size: 14px;
      color: #333333;
	  text-decoration:none;
	  font-weight:500;
	  margin-bottom:35px;
    
   } 

   footer dl dd a
   {
      line-height: 17px;
      margin-bottom: 10px; 
      font-size: 12px;
	   text-decoration:none;
	   color:#333333;
   }    

  


/*
    Footer contact

*/
   
   footer div.footer_contact
   {
      width: 290px;
      margin-left: 160px;
      float: left;
	  font-size:12px;
   }



   

   
   
   /*
    Formulaire 

*/



.add_margin_left{
	margin-left:20px;	
}
.titre_select{
	width: auto;
	float: left;
}

.affiche_type_right{
	float:right;	
}
.styled-select {
	position:relative;
    float: left;
    margin-bottom: 11px;
 /*   width: 260px;*/
    border: 1px solid #cccccc;
    height: 34px;
 /*   margin-right: 20px;*/
    overflow: hidden;
	padding-right:40px;

}
.styled-select::after {
	   font-family: FontAwesome;   
	   content: "\f107";
	   color:#e12407 !important;
	     position: absolute;
		right: 20px;
		top: 7px;
		font-size:20px;
	    pointer-events: none;
}



.select_list {
	font-family: 'Roboto', sans-serif;
	-webkit-appearance:none !important;
	border: 1px solid #fff;
	border-radius: 0px;
	
	box-sizing: border-box;
    width: calc(100% + 80px);
	background-color:transparent;
  
    font-size: 16px;
    height: 34px;
    padding: 6px;
	
	
}



.inputsimple, .inputsearch {
	-webkit-appearance:none !important;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
    font-size: 16px;
	width: 100%;
	float: left;
    background-image: none;
    margin-bottom: 11px;
    border: 1px solid #cccccc;
    height: 42px;
    overflow: hidden;
	padding-left:6px;
}

label{
	
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
    font-size: 16px;
	
   margin-bottom: 4px;
 /*  display: inline-block;*/
	
	
}


form *{

}

   
   form h3{
	   margin-bottom:20px;
   }
   
     form td.blue_col{
	   background-color:#2F77AE !important;
	   color:#FFF !important
   }
   

#event_form{
padding: 20px 20px 0px 0px;
}


#event_form label{
	
	width:180px;
	float:left;
	 margin-right:30px;
	
	
}

.label_inputsimple{
	box-sizing:border-box;
	
	-webkit-appearance:none !important;
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
	float: left;
    background-image: none;
    margin-bottom: 11px;
    border: 1px solid #cccccc;
    height: 34px;
    overflow: hidden;
	padding-left:6px;
	 width: calc(100% - 220px);
	
}




.inputsearch{
	width:200px ;
	
}



option{
	padding-left:10px;	
}

  .btn_envoi, a.btn_envoi{
	  font-family: 'Roboto', sans-serif;
	  font-size:18px;
	  border:none;
	  color:#FFF ;
	  background-color:#529CD5;
	  border-radius:4px;
	  width:100%;
	  text-align:center;
	  display: inline-block;
	   height: 37px;
	   line-height:37px;
	   text-decoration:none;
	   margin-bottom:30px;
	    max-width: 290px;
	  cursor: pointer;
  }

a.btn_bleu{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    border: none;
    color: #FFF;
    background-color: #529CD5;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    height: 37px;
    line-height: 37px;
	padding: 0px 30px;
    text-decoration: none;
    margin-bottom: 30px;
	 cursor: pointer;
  
}

 .btn_blanc{
	  font-family: 'Roboto', sans-serif;
	  font-size:18px;
	  color:#529CD5 ;
	  background-color:#FFFFFF;
	  border-radius:4px;
	   border: 1px solid #529CD5;
	  width:100%;
	  text-align:center;
	  display: inline-block;
	   height: 37px;
	   line-height:37px;
	   text-decoration:none;
	   margin-bottom:30px;
	    max-width: 290px;
	  cursor: pointer;
	 box-sizing: border-box;
  }

 a.btn_fond_blanc{
	  font-family: 'Roboto', sans-serif;
	  font-size:18px;
	  background-color:#FFFFFF;
	  border-radius:4px;
	  width:100%;
	  text-align:center;
	  display: inline-block;
/*	   height: 37px;*/
	   line-height:normal;
       padding: 10px 10px;
	   text-decoration:none;
	   margin-bottom:30px;
	    max-width: 290px;
	  cursor: pointer;
	 box-sizing: border-box;
  }

a.btn_fond_blanc *{
   text-decoration:none !important; 
}

.btn_little{
	  max-width: 170px;
	display: inline-block;
}

   /*
    Custom check box 

*/


.checkbox_custom {
  display: block;
  position: relative;
  padding-left: 42px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	line-height: 32px;
    
    margin-bottom: 10px;
    
	
}
.checkbox_custom_left {
  display: inline-block !important;
	
}


.checkbox_custom span{
	line-height: 1.4em;
	min-height: 30px;
    display: block;
}
.checkbox_custom span b.label_aide{
    display: none;
}

/* Hide the browser's default checkbox */
.checkbox_custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox_custom .checkmark {
  position: absolute;
  top: -6px;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: #F9F9F9;
	border: 1px solid #D5D5D5;
	  border-radius: 5px !important;
}

/* On mouse-over, add a grey background color */
.checkbox_custom:hover input ~ .checkmark {
  background-color: #EBE9E9;

}

/* When the checkbox is checked, add a blue background */
.checkbox_custom input:checked ~ .checkmark {
 /* background-color: #2196F3;*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox_custom .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_custom input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_custom .checkmark:after {
  left: 11px;
  top: 3px;
  width: 9px;
  height: 19px;
  border: solid #2F77AE;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


   /*
    Custom radiobutton 

*/

.radiobutton_custom {
  display: block;
  position: relative;
  padding-left: 42px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	line-height: 32px;
    
    margin-bottom: 10px;
}

.radiobutton_custom span{
	line-height: 1.4em;
	min-height: 30px;
    display: block;
}

.radiobutton_custom span b.label_aide{
    display: none;
}

/* Hide the browser's default radio button */
.radiobutton_custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.radiobutton_custom .checkmark {
  position: absolute;
  top: -6px;
  left: 0;
  height: 32px;
  width: 32px;
  background-color: #F9F9F9;
  border: 1px solid #D5D5D5;	
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radiobutton_custom:hover input ~ .checkmark {
  background-color: #EBE9E9;
}

/* When the radio button is checked, add a blue background */
.radiobutton_custom input:checked ~ .checkmark {
/*  background-color: #2196F3;*/
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobutton_custom  .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiobutton_custom input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiobutton_custom .checkmark:after {
  top: 9px;
  left: 9px;
  width: 14px;
  height: 14px;
  border-radius: 2000% !important;
  background: #2F77AE;
}

   /*
    Custom textarea 

*/

textarea.lms_reponse_input{
font-family: 'Roboto', sans-serif;
  box-sizing: border-box;
  border: 1px solid #D5D5D5;
  border-radius: 5px;
  background-color: #F9F9F9;
  width: 100%;
	padding: 10px;
	
  color: #333333;
  font-size: 16px;
}


  

 /*
    MESSAGE 

*/
  

#myreport_message{
	margin-bottom:20px;	
}

 .errormsg {
	color:#F00;
   float: left;
	 margin-bottom: 10px;

 }
 
  input.errormsg, div.errormsg input {
	color:#F00;
	border:1px solid #F00
/*	   float: left;
    margin-bottom: 10px;
            width: 100%;
  */
 }

.errormsgtxt{
      width: 100%;
}


  .notification_ok{
	  background-color: #e6f4ea;      /* vert clair */
    color: #18AE31;                 /* vert principal */
    text-align: left;
    padding: 20px;
    margin: 20px 0px;
    border-radius: 4px;
  }

  .notification_notok{
	 background-color: #fdecea;      /* rouge clair */
    color: #FF0000;                 /* rouge vif */
    text-align: left;
    padding: 20px;
    margin: 20px 0px;
    border-radius: 4px;
  }
  .notification_alert{
	   background-color: #fff4e5;
       color: #fd7e14;
	  text-align:left;
	  padding:20px;
	  margin: 20px 0px;
      border-radius: 4px;
  }

.lms_error_label, .error{
color: #F00;
padding-bottom: 10px;
display: inline-block;
}


 /*
    POPUP 

*/


  div.overlay {
    background-color: #FFF;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 300;
}

#popup_container {
    background-color: #fff;
    left: 50%;
	top: calc(50% + 30px);
	transform:translate(-50%, -50%);
    position: fixed;
    z-index: 400;
	
   width: 100%;
	max-width: 700px;
	max-height:90vh;
	
}

.popupclose {
 position: absolute;
right: 0px;
top: 0px;
display: block;
cursor: pointer;
background-color: #FFFFFF;
width: 100%;
box-sizing: border-box;
text-align: right;
padding: 20px;

}

.popup_window {
	background-color: #fff;
	box-sizing: border-box;
	color: #565656;
	float: left;
	font-size: 14px;
	margin-bottom: 30px;
	margin-right: 15px;
	max-height: 80vh;
padding: 50px 20px;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
	  
}

.enlarge{
	font-size: 13px;
	padding-left: 20px;
	background-image: url("/img/enlarge.svg");
	background-repeat: no-repeat;
	background-position:  left center;
	text-decoration: none;
	color: #333333;
}
     
 /*
    Buttons 

*/

   .box.fond_bleu a.btn_edit{
	  font-family: 'Roboto', sans-serif;
	  font-size:18px;
	  border:none;
	  color:#529CD5 !important;
	  background-color:#FFF;
	  border-radius:4px;
	  width:100%;
	  text-align:center;
	  display: inline-block;
	   min-height: 37px;
	   line-height:37px;
	   text-decoration:none;
	   margin-bottom:30px;
	    max-width: 290px;
  }

   

 /*
    SOCIAL 

*/
  
.social_links_footer{
	float: left;	
}
     
.social_links_footer a{
    text-align: center;
	float: left;
	width: 33px;
	height: 33px;
	background-color: #F2F2F2;
	border-radius: 100%;
	margin-right: 7px; /*space between*/

} 
.social_links_footer a i{
	font-size: 18px;
    line-height: 33px;
	color:#529CD5;
}
#mytablesorte_length{
	display:none;	
}

 /*
    SELECT2

*/

.select2-container--default .select2-selection--single {
    height: 42px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   /* padding-top: 6px;*/
	padding-left: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  /*  top: 8px;*/
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #D5D5D5;
    border-radius: 0px;
}

 /*
    LMS

*/

 /*
    LMS CURSUS

*/

.lms_settings{
	
	box-sizing: border-box;
	height: 32px;
	line-height: 32px;
	width: 84px;
	border: 1px solid #D5D5D5;
	border-radius: 4px;
	background-color: #F9F9F9;
	background-image: url("/img/lms_settings.svg");
	background-position: 10px center;
	background-repeat: no-repeat;
	padding-left: 30px;
	color: #333333;
	font-size: 12px;
	text-decoration: none;
	
	float: right;
}

#lms_settings_send{
	line-height: 40px;
	text-decoration: none;
}

.lms_cursus_contenu{
	display: none;
}

.lms_cursus_listing.opened .lms_cursus_contenu{
	display: block;
}

.lms_cursus_listing .lms_cursus_listing_titre{
	background-image: url("/img/accordeon_open.svg");
	background-position: 20px center;
	background-repeat: no-repeat;
}
.lms_cursus_listing.opened .lms_cursus_listing_titre{
		background-image: url("/img/accordeon_close.svg");
}

.lms_cursus_container{
	margin-top: 10px;
}

.lms_cursus_listing{
  box-sizing: border-box;
  min-height: 64px;
  width: 100%;
  border: 1px solid #D5D5D5;
  background-color: #F9F9F9;
	margin-top: -1px;
	margin-bottom: 5px;

}

.lms_cursus_listing_titre{
	cursor: pointer;
	padding: 11px 0px;
}

.lms_cursus_listing_titre h2{
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
	padding-bottom: 0px;
	padding-left: 46px;
}

.lms_cursus_texte{
	padding: 0px 10px 7px 10px;
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}




.lms_cursus_modules_listing_container{
	margin: 50px 0px;
}

.lms_cursus_modules_listing{
	box-sizing: border-box;
	min-height: 64px;
	width: 100%;
	border: 1px solid #D5D5D5;
	margin-top: -1px;
	border-left: 5px solid #2F77AE;
	padding-left: 56px;
	color: #2F77AE;
	background-position: 20px 24px;
	background-repeat: no-repeat;
}

.lms_cursus_modules_titre {
	padding: 11px 0px;
	 font-size: 16px;
}
.lms_cursus_modules_listing_number{
		font-size: 14px;
	    color: #333333;
	    padding-right: 20px;
    float: left;
}
.lms_cursus_modules_listing_titre{
    display: inline-block;
    width: calc(100% - 80px);
}

.lms_cursus_modules_listing_label{
	 font-size: 12px;
}


.lms_cursus_modules_listing_chapter{
	background-image: url("/img/lms_cursus_modules_chapter.svg");
	background-position:left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 12px;
	color: #727272;
}


.lms_cursus_modules{
	background-image: url("/img/lms_cursus_modules_arrow-e.svg");

   background-color: #F4FAFF;	
   border-left: 5px solid #2F77AE;

}

.lms_cursus_modules_tosend{
	    background-image: url("/img/lms_cursus_modules_send.svg");
}
.lms_cursus_modules_send{
		background-image: url("/img/lms_cursus_modules_review.svg");
}
.lms_cursus_modules_accepted{
		background-image: url("/img/lms_cursus_modules_accepted.svg");
	   border-left: 1px solid #D5D5D5;
	    color:  #15B737 
	
}
.lms_icone_accepted{
	
	  background-color: #15B737;
	padding: 5px 10px;
	display: inline-block;
	color: #FFF;
	 border-radius: 2px;
	margin-top: -3px;
	
}
.lms_cursus_modules_correction{
		background-image: url("/img/lms_cursus_modules_correction.svg");
	    background-color: #F8E9E7;
	    border-left: 5px solid #E02407;
	  color:  #E02407 
}
.lms_cursus_modules_correction .lms_cursus_modules_listing_label a{

	    color:  #E02407 !important;
}
 /*
    LMS MODULES

*/

.lms_module_listing{
	box-sizing: border-box;
	border-top: 1px solid #D5D5D5;
	margin-top: -1px;
	padding:10px 0px 10px 46px;
	background-color: #FFFFFF;
	
}
.lms_module_listing_number {
  padding-right: 20px;
  display: inline-block;
  float: left;
}
.lms_module_listing_titre {
  display: inline-block;
  width: calc(100% - 80px);
}

.lms_cursus_lising_check_enrolled{
	text-align: right;
}
.lms_module_icone_enrolled{
	background-image: url("/img/lms_cursus_modules_chapter.svg");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 12px;
	color: #727272;
}


.lms_module_icone_completed{
	background-image: url("/img/lms_cursus_modules_competed.svg");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 12px;
	color: #727272;
}




.lms_back_cursus {
  background-image: url("/img/lms_bouton_back.svg");
	background-position: left center;
	background-repeat: no-repeat;
  color: #333333;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
	padding-left: 16px;
	text-decoration: none;
}




.lms_flecheheder{
	width: 30px;
	height: 30px;
	display: inline-block;
	float: right;
}

.lms_flecheheder_next, .lms_flecheheder_prev, .lms_flecheheder_prev_off, .lms_flecheheder_next_off{
	width: 30px;
	height: 30px;
	display: block;
}
.lms_flecheheder_next{
	background-image: url("/img/lms_flecheheder_next.svg");
	background-repeat: no-repeat;
	background-position: center center;
}
.lms_flecheheder_prev{
	background-image: url("/img/lms_flecheheder_prev.svg");
	background-repeat: no-repeat;
	background-position: center center;
}

.lms_flecheheder_prev_off{
	background-image: url("/img/lms_flecheheder_prev.svg");
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.3;
}
.lms_flecheheder_next_off{
	background-image: url("/img/lms_flecheheder_next.svg");
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0.3;
}
.lms_flecheheder_label{
	display: inline-block;
	float: right;
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;

}


.lms_chapitre{
	margin-bottom: 40px;
}
.lms_chapitre_listing_contenu {
  box-sizing: border-box;
  border: 1px solid #D5D5D5;
  background-color: #F9F9F9;
  padding: 11px 0px 11px 10px;	
}

.lms_chapitre_listing_contenu h3{
  color: #333333;
  font-size: 16px;
  font-weight: bold;
	margin-top: 0px;
}




.lms_chapitre_listing{
	background-image: url("/img/lms_listing_trait.svg");
	background-repeat: no-repeat;
	background-position: 24px 0px;
	padding: 20px 0px;
	min-height: 49px;
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
}

.lms_chapitre_listing_first{
	background-position: 24px 30px;
	
}

.lms_chapitre_listing_last{
	background-image: url("/img/lms_listing_trait_last.svg");
}

.lms_chapitre_listing_first.lms_chapitre_listing_last{
	background-image: none;
	
}

.lms_chapitre_listing_titre{
	background-image: url("/img/lms_listing_bullet.svg");
	background-repeat: no-repeat;
	background-position: 4px 0px;
	padding-left: 40px;
	color: #2F77AE;
	font-size: 16px;
	min-height: 22px;
}
.lms_chapitre_listing_num{
	display: inline-block;
	padding-right: 12px;
	
}


.lms_chapitre_listing_titre_select{
	background-image: url("/img/lms_listing_bullet_ok.svg") !important;
	color: #15B737 !important;
}

.lms_chapitre_listing_resume{
	padding:0px 20px 0px 73px; 
	
}


.lms_related_emodules{
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	margin-bottom: 20px;
}

.lms_related_emodules .lms_module_listing {
    padding: 10px 20px 10px 10px;
}

.lms_related_events .page_listing {
    border-bottom: 0px ;
}


 /*
    LMS module chapters progress

*/

.lms_step{
	margin-bottom: 30px;
}

.lms_step_number{
	background-image: url("/img/lms_completed.svg");
	background-repeat: no-repeat;
	background-position:calc(100% - 15px) center;
	margin-bottom: 20px;
}

.lms_step_finish{
	width: 40px;
	border-left: 2px solid #FFFFFF;
	background-color: #E5E5E5;
	height: 12px;
	float: left;
}
.lms_step_finish_ok{
		background-color: #15B737 !important;
}

.lms_step_container{
	width: calc(100% - 42px);
	background-color: #E5E5E5;
	height: 12px;
	float: left;
	
}
.lms_step_completed{
	background-color: #15B737;
	height: 12px;
	width: 0%;
}



 /*
    LMS chapters 

*/

.lms_container_enroll{
	padding: 0px 20px;
	background-color: #F9F9F9;
	display: flex; 
	 align-items:  center ;
}


.lms_container_enroll .btn_envoi{
	margin-bottom: 0px;
}

.lms_container_gris{
	padding: 20px;
	background-color: #ededed;
	  line-height: 22px;
}

.lms_chapitre_intro{
	margin: 50px 0px;
	
}

.lms_check_reponse{
	float: left;
}

.lms_btn_chaptercompleted{
	box-sizing: border-box;
	height: 42px;
	line-height: 42px;
	width: 281px;
	border: 1px solid #D5D5D5;
	border-radius: 4px;
	background-color: #F9F9F9;
	float: right;
	background-position: 12px center;
	background-repeat: no-repeat;
	padding-left: 36px;
	
}

#lms_chaptercompleted_link{
	background-image: url("/img/lms_chapter_completed_link.svg");
    cursor: pointer;
	
}

#lms_chaptercompleted_ok{
	background-image: url("/img/lms_chapter_completed.svg");
}


 /*
    LMS chapters topics

*/

.lms_chapitre_topics_titre{
	
}

.lms_chapitre_topics_intro{
	padding: 20px;
	
}

.lms_chapitre_topics_border{
	/*	border: 1px solid #D5D5D5;*/
}



.lms_chapitre_topics_container{
	padding-bottom: 50px;
/*	border-bottom: 1px solid #D5D5D5;*/
	margin-bottom: 0px;
	
}

.lms_box_info{
	background-image: url("/img/lms_box_info.svg");
	background-repeat: no-repeat;
	background-position: 20px 23px;
	padding-left: 50px;
	margin-top: 20px;
}

.lms_box_alerte{
	background-image: url("/img/lms_box_alerte.svg");
	background-repeat: no-repeat;
	background-position: 20px 23px;
	padding-left: 50px;
	margin-bottom: 20px;
}

.lms_legende_media{
	padding: 10px 0px;
	
}


.lms_reponse_topics{
  color: #333333;
  font-size: 14px;
  font-weight: 300;
	margin-bottom: 10px;
}




 /*
    LMS chapters topics carousel

*/



.owl-carousel_topics {
	background-image: url("../img/ajax-loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
   width: 100%;
  border: 1px solid #D5D5D5;
  background-color: #F9F9F9;
}

.owl-carousel_topics .owl-nav {
position: relative;
  box-sizing: border-box;
  height: 50px;
  width: 100%;
  border-top: 1px solid #D5D5D5;
  background-color: #F9F9F9;
}
.owl-carousel_topics .owl-nav .owl-prev{
	position: absolute;
	right: calc(50% + 100px);
	top: 10px;
	
}
.owl-carousel_topics .owl-nav .owl-next{
	left: calc(50% + 100px);
	position: absolute;
	top: 10px;
}

.owl-carousel_topics .owl-nav  span{
	width: 30px;
	height: 30px;
	display: block;
	font-size: 0px;
}
.owl-carousel_topics .owl-nav .owl-prev span{
background-image: url("/img/lms_flecheheder_prev.svg");
background-repeat: no-repeat;
background-position: center center;
}
.owl-carousel_topics  .owl-nav .owl-next span{
background-image: url("/img/lms_flecheheder_next.svg");
background-repeat: no-repeat;
background-position: center center;
}


.owl-carousel_topics  .owl-nav .disabled{
	opacity: 0.4;
}

.owl-carousel_topics .owl-dots{
	position: absolute;
	bottom: 10px;
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	height: 30px;
	line-height: 30px;
}

.owl-carousel_topics .owl-dot.active {
    display: inline-block;
}
.owl-carousel_topics .owl-dot {
	display: none;
	cursor: default !important;
}


 /*
    LMS chapters topics video

*/

.lms_topics_video{
	margin: 25px 0px 0px 0px;
	
}


 /*
    LMS module results

*/


.lms_spacer{
	height: 20px;
	width: 100%;
	display: block;

}

.lms_results_content_barre{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: -1px;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
}