@charset "utf-8";
/* CSS Document */

html {
font-family: 'Roboto', sans-serif!important;}
body {
font-family: 'Roboto', sans-serif!important;
font-size: 16px;
font-weight:400;
	color: #283c46;


}

.head{}
.page{
	min-height:150px;
	padding-top: 15px;
	
}

.customlogo img{
	
    max-width: 100%;
    height: auto;
}

.sansmarge{padding-right: 0px!important;
    padding-left: 0px!important;}
.customadresse{padding-top: 25px;
font-size: 16px;}

.menufooter{    
  padding-top: 15px;
    font-size: 16px;
}

/*WCAG Level AA */
.menufooter li a {
  color: #3E79BC;
}

.white{
  height: 100%; /*fix safari height menu problem*/
	}

.lecont{max-width: 1024px;
  margin-left: auto;
  margin-right: auto;}
.menu_h{margin-top: 0px;
background-color: white!important;
border-color: transparent!important;
background-image: none!important;
background-image:  none!important;
filter: transparent!important;
filter:transparent!important;
border-radius:  none!important;
-webkit-box-shadow:transparent!important;
border: 0px  transparent!important;}

.hauteurlogo{
	height:140px;}
.navbar-default{
	background-image: none!important;
background-image: none!important;
background-image:none!important;
background-image: none!important;
filter: ;
filter:  ;
background-repeat: repeat-x!important;
border-radius: 0px!important;
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0), 0 0px 0px rgba(0, 0, 0, 0)!important;
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0), 0 0px 0px rgba(0, 0, 0, 0)!important;}


.thumbnail {
background-color: transparent!important;
border: none!important;
 padding: 0px!important;
 margin-bottom: 0px!important;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important;
}


.niveau0{z-index: 1;
  position: relative;}
.slideshow_accueil{
	}

/*WCAG Level AA */
.slideshow_accueil .uk-cover-background{ 
  filter: opacity(21%);
}
/*WCAG Level AA */
.accueil_slide .uk-cover-background{ 
  filter: none;
}
/*Dev 29/12/2020 */
.conteneur_accueil{  margin-top: -230px; position: relative;
  z-index: 8;
	/*background-image: url(../img/veriselect.gif);
	background-repeat: no-repeat;*/
background-position: 100% 85%;
}

.img-formation-position {
  position: absolute;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
}

.handy-recrute-position {
  position: absolute;
    
}

.veriselect-position {
  position: absolute;
  margin-left: 80%;
}

@media screen and (min-width: 960px) and (max-width: 1220px) {
  .img-formation-position {
	width: 95%;
  }
}

@media screen and (min-width: 768px) and (max-width: 960px){
  .img-formation-position {
		position: relative;
      display: flex;
      align-content: center;
      justify-content: space-around;
    margin-bottom: 40px;
  }
  
  .handy-recrute-position {
  position: relative;
    
}

.veriselect-position {
  position: relative;
  margin-left: 0;
}
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	.img-formation-position {
		position: relative;
      display: flex;
      align-content: center;
      justify-content: space-around;
      margin-bottom: 40px;
  }
  .handy-recrute-position {
  position: relative;
    
}

.veriselect-position {
  position: relative;
  margin-left: 0;
}
}

@media screen and (max-width: 480px) {
.img-formation-position {
		position: relative;
      display: flex;
      align-content: center;
      justify-content: space-around;
  margin-bottom: 40px;
  }
  .handy-recrute-position {
  position: relative;
    
}

.veriselect-position {
  position: relative;
  margin-left: 0;
}
}



.conteneur_savoir_faire{  margin-top: -195px; position: relative;
  z-index: 8;
}

.conteneur_accessibilite{  margin-top: -195px; position: relative;
  z-index: 8;
}

.conteneur_savoir_faire h3{  
   color: #1359A5;
}

.conteneur_savoir_faire a.uk-button{  
  /* color: #1359A5; */
  color: #FFFFFF; /*WCAG Level AA */
}

div.conteneur_accueil .uk-border-circle, div.accompagnement_accueil .uk-border-circle, div.conteneur_accessibilite .uk-border-circle{
    border-radius: 50%;
    border: 5px solid #d2d2d2;
}

.conteneur_savoir_faire h1, .conteneur_accessibilite h1 {    text-align: center;
    /*color: white; */
  	color: #797676 ; /*WCAG Level AA */
    font-size: 45px;
    font-weight: bold;margin-bottom: 75px;}



/* FIN Dev 29/12/2020 */
.blocvert{
background-color: #72bd91;
padding-top: 70px;
padding-right: 55px;
padding-bottom: 70px;
padding-left: 55px;

max-width: 1024px;
margin-left: auto;
margin-right: auto;}


.blocvert_page{
  background-color: #72bd91;
  padding-top: 30px;
  padding-right: 55px;
  padding-bottom: 30px;
  padding-left: 55px;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;}



.block_suite{margin-top: 60px;
border-bottom:1px solid #111210;
border-top:1px solid #111210;
padding-top:55px;
padding-bottom:55px;
color:#2e2d30;
font-size:40px;
text-transform:uppercase;
text-align:center;
max-width: 1024px;
margin-left: auto;
margin-right: auto;}



.block_vide{}

.foot2{
	
	min-height:150px;}
	
.bloc{
margin-top: 50px;
max-width: 1024px;
margin-left: auto;
margin-right: auto;}

.bloc_expertise{
	background-color: #f8f8e2;
margin-top: 50px;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
padding: 30px;
margin-bottom: 45px;}



























/* =============================================================================
   Header
   
  ========================================================================== */
.navbar{border: 0px!important; }
.navbar-default {  background-color: white!important; 
   border-color: transparent!important; }


.logged-in .navbar-fixed-top {
	top: 28px;
}

.navbar .navbar-inner {
	background: none;
	border: none;
	padding: 0;
}

.navbar-inner > .container {
	position: relative;
	margin-top: 50px;
	-webkit-transition: all 0.2s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 0.2s ease-out;  /* Firefox 4-15 */
	-o-transition: all 0.2s ease-out;  /* Opera 10.50–12.00 */
	transition: all 0.2s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

@media (min-width: 768px)
.navbar .navbar-inner {
  margin-top: 80px;
}

.banner {
	z-index: 100;
	width: 100%;
	border: none;
	background: transparent;
	
}

.navbar .brand {

	-webkit-transition: opacity 0.1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: opacity 0.1s ease-out;  /* Firefox 4-15 */
	-o-transition: opacity 0.1s ease-out;  /* Opera 10.50–12.00 */
	transition: opacity 0.1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.navbar .brand-piccolo {
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	
}

.navbar-default .navbar-toggle {
	margin-right: 0;
	border-color: #fff;
	margin-top: 8px;
	margin-bottom: 8px;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #fff;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
	background-color: #363635;
}

.navbar-collapse {
	clear: both;
	border: none;
	padding: 0;
}

.navbar .nav li a {
    font-size: 12px;
    font-weight: bolder;
    display: block;
    background: rgba(255,255,255,0);
  	color: #3E79BC; /* WCAG Level AA  */
}

.navbar .nav li a:hover {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-default .navbar-collapse {
 overflow-x: hidden;
}







/* ==========================================================================
   navbar ridotta dopo scroll
   ========================================================================== */



.pannello-affix {
	width: 100%;
	-webkit-transition: all 0.1s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 0.1s ease-out;  /* Firefox 4-15 */
	-o-transition: all 0.1s ease-out;  /* Opera 10.50–12.00 */
	transition: all 0.1s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
		-webkit-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.pannello-affix #menu-primary-navigation {
	-webkit-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

.pannello-affix.affix {
	z-index: 999;
	opacity: 1;
	filter: alpha(opacity=100);
	width: 100%;
	    background-color: rgba(255, 255, 255, 0.90);
	-webkit-box-shadow: none; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: none; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
}

.pannello-affix.affix .navbar-inner {
     margin-top: 0px;
}
.navbar .pannello-affix.affix .nav li a {
	/*color: #428bca;*/
  	color: #3E79BC; /* WCAG Level AA  */
}

.navbar .pannello-affix.affix .brand-piccolo {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar .pannello-affix.affix .brand {
	display: none;
	opacity: 0;
	filter: alpha(opacity=0);
}

.affix-top{
	height:125px;}
	
	
.dr{
	float:right!important;}
/* =============================================================================
   fin Header
   
  ========================================================================== */



/* ==========================================================================
   NAVBAR @ 768
   ========================================================================== */
	
/* Page Contact => WCAG Level AA  */
.nav-pills > li.active > a {
      background-color: #3E79BC;
}

.banner {
	
}

.navbar .navbar-inner {
	margin-top: 40px;
}

.navbar .nav {
	float: right;
	margin-right: 0;
}

.navbar .nav li {
	display: inline-block;
	float: none;
}
.navbar .menusmart li {
	display: block!important;
	float: none;
}


.niveau1_col1_logo{
	text-align: center;
}

/* WCAG Level AA */
.niveau1_col1_logo .customlogo a{
	color: #3E79BC;
}

.navbar-nav>li>a {
	padding-top: 13px;
	padding-bottom: 7px;
}

.navbar .nav li:last-child a {
	padding-right: 0;
}

.lt-ie8 .navbar .nav li {
	display: block;
	float: left;
}


.navbar-nav > li > a {
  line-height: 35px!important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #1198d3!important;
}








nav.in ul.menu{
    float: none;
    background-color: white;
}


nav.in ul.menu > li {
    float: none;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #179bd2;
}




.navbar {

	margin-bottom: 0px!important;}



div.affix-top .customcontact_top{
	margin-top: 30px;
	margin-bottom: 10px;
}







.customcontact_top{
	float: right;
}



.tel{    margin-top: 10px;float: left;
    background-image: url(../img/tel.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 35px;
    font-weight: bold;}
div.customcontact_top a {
	    margin-left: 15px;
   /*background-color: #179bd2;*/
  	background-color: #0A7CC1; /*WCAG Level AA */
    padding: 5px 25px;
    display: inline-block;
    border-radius: 15px;
    color: white;
    font-weight: bolder;
    text-decoration: none;}

div.customcontact_top a:hover {
    background-color: #0f6386;
}

.facebook{float: left;margin-top: 4px;}
div.customcontact_top a.facebook{	    
  margin-left: 15px;
   /*background-color: #179bd2;*/
  	background-color: #0A7CC1; /*WCAG Level AA */
    padding: 6px 14px;
    display: inline-block;
    border-radius: 50%;
    color: white;
    font-weight: bolder;
    text-decoration: none;}
div.customcontact_top a.facebook:hover {
    background-color: #0f6386;
}

#widget-bar {
    position: fixed;
    right: 0;
    top: 21%;
    height: 140px;
    -moz-border-radius-topleft: 18px;
    -moz-border-radius-bottomleft: 18px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    background-color: #ededed;
    border-right: none;
    width: 66px;
    z-index: 10000;    display: grid;
}



#widget-bar-faq {
    position: fixed;
    right: 0;
    top: 45%;
    height: 140px;
    -moz-border-radius-topleft: 18px;
    -moz-border-radius-bottomleft: 18px;
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
    background-color: #ededed;
    border-right: none;
    width: 66px;
    z-index: 10000;    display: grid;
}

.fichepdf{
  border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
background-image: url(../img/fiches_pdf.gif);
background-repeat: no-repeat;}

.fichepdfv2{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 140px;
    height: 66px;
    text-align: center;
    padding-top: 20px;
    position: fixed;
    right: -38px;
    top: 26%;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  	color: #0A72A8;
    font-weight: bolder;
}

.fichepdfv2:hover{
  text-decoration: none;
  background-color: #0A72A8;
  color: #FFFFFF;
}

a.fichepdf:hover{border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
background-image: url(../img/fiches_pdf_hover.gif);
background-repeat: no-repeat;}




.faq{border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
background-image: url(../img/faq.gif);
background-repeat: no-repeat;}

a.faq:hover{border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
background-image: url(../img/faq_hover.gif);
background-repeat: no-repeat;}

.faqv2{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    width: 140px;
    height: 66px;
    text-align: center;
    padding-top: 20px;
    position: fixed;
    right: -38px;
    top: 50%;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  	color: #0A72A8;
  	font-weight: bolder;
}

.faqv2:hover{
  text-decoration: none;
  background-color: #0A72A8;
  color: #FFFFFF;
}


#widget-bar ul li {
    list-style-type: none;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 3.2px;
    color: #303030;
}

#widget-bar ul li a {
    color: #303030;
    display: block;
    line-height: 58px;
    width: 376px;
}


.conteneur_fiches{
    margin-top: -345px;
    position: relative;
    z-index: 8;
}

.conteneur_fiches h1 {    text-align: center;
    /*color: white;*/
  	color: #797676; /*WCAG Level AA */
    font-size: 45px;
    font-weight: bold;margin-bottom: 15px;}


div.custom_accueil_ACCOMPAGNEMENT_AUDIT{    background-image: url(../img/ACCOMPAGNEMENT_AUDIT.jpg);
    background-repeat: no-repeat;
   background-color: #ededed;padding-top: 30px;
  /*  background-size: 100% auto;
    min-height: 570px;*/}

div.customsavoirfaire_innovation{  background-image: url(../img/innovation.jpg);
    background-repeat: no-repeat;
   background-color: #fdfdfd;padding-top: 50px;
  /*  background-size: 100% auto;
    min-height: 570px;*/}

div.custom_accueil_enquete{   
  margin-top: -10px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f5f5f5;
}

div.formations_accueil{
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
	z-index: 10; /* rajout pour image */ 
}

.enquete_big_font{
  font-size: 40px;
}

div.accompagnement_accueil{
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
}

div.enquete_accueil{
	max-width: 910px;
	margin-left: auto;
	margin-right: auto;
}

div.innovation {
    max-width: 1110px;
    margin-left: auto!important;
    margin-right: auto;
}



div.accompagnement_accueil .uk-panel-title, div.formations_accueil .uk-panel-title{
	font-size: 20px;
	font-weight: bolder;
	/*color: #179bd2;*/
  	color: #0A72A8; /*WCAG Level AA */
}

div.enquete_accueil .uk-panel-title2 {
	font-size: 16px;
	font-weight: bolder;
	/*color: #179bd2;*/
  	color: #0A72A8; /*WCAG Level AA */
}

.customaccueil_references{background-color:#daf4ff ;background-image: url(../img/vague_bleu.gif);
background-position: top;
background-repeat: repeat-x;    padding-bottom: 50px;padding-top: 50px;
}

.customcycle_propre{background-color:#daf4ff ;padding-top: 30px;}

div.mission{    margin-top: 70px;}

div.mission .uk-subnav-pill>*>* {   padding: 10px 27px;width: 220px;
    text-align: center;}

/* WCAG Level AA */
div.mission .uk-subnav-pill .uk-active a {
  background-color: #237BC0;
}

div.mission .uk-subnav>* {
    padding-left: 0px; background-color: #eeeeee;
}

div.mission .uk-subnav>*, .uk-tab>li:first-child {
	border-radius: 5px;
}



div.customBacterie{    background-image: url(../img/bacteries.gif);
    background-repeat: no-repeat;
   background-color: #2d3b44;text-align: center;
    color: white;
  /*  background-size: 100% auto;
    min-height: 570px;*/}


div.customcontact_footer{  background-color: #2d3b44;text-align: center;
    color: white;}


div.customBacterie h1, div.customcontact_footer h1{
font-size: 30px;
font-weight: bolder;}

div.customBacterie img{
	padding-bottom: 25px;
	padding-top: 50px;
}

div.customcontact_footer img {
	border: 5px solid #d2d2d2;
    margin-top: 50px;
    width: 120px;
}
div.customBacterie a, div.customcontact_footer a {
  	/*background-color: #179bd2;*/
  	background-color: #0A7CC1; /*WCAG Level AA */
    padding: 10px 65px;
    display: inline-block;
    border-radius: 25px;
    color: white;
    font-weight: bolder;
    text-decoration: none;}

div.customBacterie a:hover, div.customcontact_footer a:hover {background-color: #0f6386;}
	


.item-page .breadcrumb {
    background-color: transparent; 
    border-radius: 0px; 
	font-size: 12px;
}

.item-page .divider{display: none;}

.item-page .breadcrumb > .active {
    /*color: white;*/
  	color: #797676;
}
.item-page .breadcrumb a{
	/*color: white;*/
  	color: #797676;
	font-weight: bold;
}

div.management_width {
max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}


div.formation_blanchisserie .uk-panel-box-primary {
    background-color: #ededed;
}

div.formation_blanchisserie .uk-panel-box {
    border: 0px solid #e5e5e5;
}

div.formation_blanchisserie .uk-panel-title {
    margin-top: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    /*color: #1a9dd4!important;*/
  	color: #0A72A8!important; /*WCAG Level AA */
    text-transform: none;
	    padding-right: 15px;
    padding-left: 15px;
}

div.formation_blanchisserie .uk-button-primary {
    /*background-color: #37a5e4;*/
  	background-color: #237BC0;
    font-size: 16px;
    font-weight: bold;
    border-radius: 15px;
    padding: 2px 25px;
}

div.formation_blanchisserie .uk-border-circle {
    border-radius: 50%;
    border: 5px solid white;
}

div.pourquoi{    max-width: 920px;
    margin-left: auto;
    margin-right: auto;}


.intro_fiche{
	background-color: #daf4ff;
	color: #283c46;
border: 1px solid #d2d2d2;
}

.intro_fiche_border_right{border-right: 1px solid #d2d2d2;}

.intro_fiche_padding{padding: 35px;}




div.savoir_faire .uk-panel-title {
    margin-top: 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #283c46;
    text-transform: none;
}




.customcontact_fiche_blanchisserie{
	background-color: #ededed;padding: 35px 0px;
}



.fiche_contact_bleu{
	background-color: #283c46;
	color: white;
	    padding: 15px 40px;
}


.fiche_contact_bleu h3{
    font-weight: bold;
    font-size: 20px;
}
.prerequis{font-size: 14px;}

.francklavigne{
background-image: url(../img/franck_lavigne.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
}



div.fiche_contact_bleu a {
    /*background-color: #179bd2;*/
  	background-color: #0A7CC1; /*WCAG Level AA */
    padding: 10px 65px;
    display: inline-block;
    border-radius: 25px;
    color: white;display: block;
    font-weight: bolder;
    text-decoration: none;
}

div.fiche_contact_bleu a:hover {
    background-color: #0f6386;
}



.bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode textarea, .bfQuickMode select 
{ color:black; } 
 
.bfQuickMode textarea:hover, .bfQuickMode input[type=text]:hover, .bfQuickMode input[type=password]:hover, .bfQuickMode select:hover 
{ border-color: #7f98ce;color:black; } 
 
.bfQuickMode textarea:focus, .bfQuickMode input[type=text]:focus, .bfQuickMode input[type=password]:focus, .bfQuickMode select:focus 
{ border-color: #7f98ce; outline: 2px solid #7f98ce;color:black; }
	
input[type=text].ff_elem, .inputbox{
	max-width:100%; 
    width: 100%;
	}

.ff_elem {
font-size: 16px!important;
    padding: 10px;
    border: 1px solid #e0d8d8;
    border-radius: 0px;
    background: #ffffff;
    margin-bottom: 15px;
}

.ff_elem::-webkit-input-placeholder {
   color: rgb(127, 152, 206);
}

.ff_elem:-moz-placeholder { /* Firefox 18- */
     color: rgb(127, 152, 206);
}

.ff_elem::-moz-placeholder {  /* Firefox 19+ */
    color: rgb(127, 152, 206); 
}

.ff_elem:-ms-input-placeholder {  
   color: rgb(127, 152, 206);
}

#bfSubmitButton.btn-primary {
    color: white!important;
    margin-top: 15px;
    border-color: transparent!important;
    /*background-color: #37a5e4;*/
 	background-color: #237BC0; /*WCAG Level AA */
    font-size: 16px;
    font-weight: bold;
    border-radius: 15px;
    padding: 5px 25px;
}




ul.boite_outils .uk-margin-remove { font-size: 16px;
	color: #3276BE; /*WCAG Level AA */
}



div.fiche_f2017 .uk-switcher{max-width: 750px;
    margin-left: auto;
    margin-right: auto;}

/* WCAG Level AA */
.uk-tab > li.uk-active > a {
  color: #187AC9;
}

a.uk-display-block {
  color: #3276BE; /*WCAG Level AA */
}

/*WCAG Level AA : dyslexia */
.content-spaced{
    word-spacing: 0.10em;
    letter-spacing: 0.10em;
    line-height: 1.5;
}