h1,h2,h3,h4,h5{
	color: #525252;
}

.sub-title-module{
		color: #3791af;
}

.h2-module{
	font-size: 18px;
	font-weight: 700;
}

a:hover {
    text-decoration: none;
}

/*police*/
*{font-family: 'Roboto', sans-serif;font-weight:300;}

/*bloc plat*/
.container-actu,
.container-formations,
.container-contact{margin-top:30px;padding:20px 20px;color: rgba(0, 0, 0, 0.92);background-color: white;transition:all .2s ease-in-out;}

.container-actu h6,
.container-formations h6,
 .container-contact h6{font-weight:bold;color:black;margin-top:5px;}

/*bloc relief*/
.container-3bloc-actu,
.container-formations-bureautique,
.container-formations-siteweb{margin:10px 0px;box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);padding:30px;border-radius:20px;transition:all .2s ease-in-out;}

/*.container-opace{
    margin-top:30px;
    padding:20px 20px;
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
    color: rgba(0, 0, 0, 0.92);
    background-color: white;
    transition:all .2s ease-in-out;
    padding: 80px;
    border-radius:20px;
}
.container-opace:hover{transform:scale(1.02);}

*/
.container-opace{
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);padding:20px;transition:all .2s ease-in-out;margin:15px 0px;
}
.container-opace:hover{box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);transition:all .2s ease-in-out;}

.flex-parent.container-opace:hover,.modal-sommaire.container-opace:hover{transform:none;}








/**************** PAGE ACCUEIL***************/
/*container-actu*/
.container-actu-icon{min-height:20px;max-height:50px;}
.container-actu p{font-size:18px;}
.container-actu .para-accueil{text-align:justify;}
.container-actu h1{color:#17658D;font-family: 'Roboto', sans-serif;font-weight:700}

.video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute;}

.container-4block{padding: 10px;display: flex;justify-content:space-between;flex-direction: row;flex:50%;margin-top:40px;}
.container-4block-element{box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);padding:30px;border-radius:20px;flex: 1 1 0;margin:0px 20px;justify-content:center;text-align:center;}
 
@media (max-width: 800px) {.container-4block {flex-direction: column;}}
@media (max-width:1200px){.container-4block {flex-direction: column;}}


/*container-formation*/
.title-formation{font-weight:bold;margin-top:55px;}
.sub-title-formation{margin-bottom:50px;}
.contain-formations{display:flex;justify-content: center;max-height:60px;}
.contain-formations-icon {margin-right:20px;margin-left:.75em;}
.contain-formations-icon i,.contain-formations-icon2 i{color:#FE9842;margin-top:10px;margin-right:7px;}
    
/*container-contact*/
.contact-prof,.contact-phone,.contact-mail{color:black;}
.container-contact i{font-size:4em;}
.container-contact h1{font-family: 'Roboto', sans-serif;font-weight: 700;}
.contain-formations-icon,.contain-formations-icon2{display:flex;}
.para-title-container-contact{color:black;}
.bloc-contact-prof{margin-bottom:60px;}
.contact-prof{font-size: 19px;font-weight: bold;}
.photo-formateur{width:50%;max-width: 270px;border-radius:100px;}
.contact-information p{margin-top:30px;}
.contact-information p span{font-weight:bold;}
.contact-information i{color:#17658D;}









/**************** PAGE MES FORMATIONS***************/
/*container-acces-module*/
.container-acces-module .image-resize{width:100%;}
.container-acces-module .contain-formations-icon i,.container-acces-module .contain-formations-icon2 i{margin-top:0px;}
.btn-acces-module,.btn-opace{padding:10px 50px; background-color: #17658D;color:white;border-radius:20px;border:none;transition:all .3s ease-in-out;margin-bottom:30px;}
.btn-acces-module:hover{background-color:white;color:#17658D;border:1px solid #17658D;transition:all .2s ease-in-out;}
.anchor-module{visibility:hidden;position:absolute;top:-110px}



/**************** PAGE MODULE BUREAUTIQUE***************/
/**** Module  content x20 ***/
  .module-container{box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);padding:20px;transition:all .2s ease-in-out;margin:15px 0px;position:relative;}
  .module-container:hover{box-shadow:0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);transition:all .2s ease-in-out;}
  .module-container img{width:100%;}
  .bloc-right-module{padding:15px;}

  .header-part1-subtitle{color: rgb(0, 131, 143);text-transform: uppercase;font-weight: 400;font-size:.8rem}
  .header-part1-title{color:black;font-size: 1rem;font-weight: 700;line-height: 1.625rem;}

  .header-part2{display:flex;color:black}
  .header-part2 p{margin-top:8px;}

  .header-part3 p,.header-part3 ul{color:black;}
  .header-part3 i{transition:all .2s ease-in-out;margin-right:5px;float:right;margin-top:30px;font-size:18px;}
  .header-part3 i:hover{transform:scale(1.4);transition:all .2s ease-in-out;color:#17658D;}


/*sommaire BUTTON & PARAMETRAGE*/
.sommaire-list-group{display:flex;flex-direction:row;margin-top:30px;}
.tab-pane{color:black;width:100%;}
.list-group-item-action.active#list-home-list{background-color:green;}
.tab-pane ul li{list-style: none;}
.tab-pane ul{padding-left:0px;}

.tab-pane .col-lg-2,.tab-pane .col-lg-3{border-right:.4px solid black;border-bottom:.4px solid black;margin-top:20px;}
.tab-pane#list-home a {color:#08723C;}
.btn-sommaire{font-size: 24px; margin:0px 20px 10px 20px;min-width: 350px;}

/*sommaire MODAL*/
.modal-dialog{max-width:1000px;}
.modal-title{font-weight:bold;text-align:center;width:100%;}

.container-objectif-pedagogique,.container-capable-de,.container-sommaire{background-color:#fafafa;padding:20px;margin-bottom: 20px;}
.modal-section-title{padding-top:50px; display:flex;}
.modal-section-title img{width:10%;height:10%;margin-top:-50px;}
.modal-header{color:white;font-weight:bold;}
.container-sommaire.container-sommaire-word ul a{transition:all .2s ease-in-out;}
.container-sommaire ul a:hover{color:white;padding:5px;border-radius:10px;transition:all .2s ease-in-out;}
.container-sommaire ul li{list-style:none;}
.img-modal{max-width:90px;};

.btn-fermeture{position:absolute;right:20px;top:20px;background-color: white;opacity: .8;}
.icon-modal{position:absolute;width:150px;right:60px;z-index: 1;}
.content-title-formation{margin-top:30px;}
.title-bureautique{color:#17658D}
.para-title-formation{padding:0px 30%;text-align:justify;}

/* modification selon modal*/ 
.modal-section-title h4{font-weight:bold;}

.modal-header-word,.btn-word{background-color: #004AAD;}
.modal-header-excel,.btn-excel{background-color:#1d7245;}
.modal-header-pp,.btn-pp{background-color:#d24724;}
.modal-header-access,.btn-access{background-color:#a43539;}
.modal-header-outlook,.btn-outlook{background-color:#2962ff;}

.container-sommaire-word ul a:hover{background-color:#004AAD;}
.container-sommaire-excel ul a:hover{background-color:#1d7245;}
.container-sommaire-pp ul a:hover{background-color:#d24724;}
.container-sommaire-access ul a:hover{background-color:#a43539;}
.container-sommaire-outlook ul a:hover{background-color:#2962ff;}







/**************** PAGE MODULE DETAIL***************/
.bloc-title-module-detail{display:flex;justify-content: center;}
.icon-module-detail{height:110px;margin-left:15px;margin:0 auto;}
.container-opace.opace-module{padding:80px 80px 0px 80px;}
.container-opace.opace-module .para-module-detail{margin-bottom: 40px;}
.module-detail .container-objectif-pedagogique{background-color:#d2f1e0;}
.module-detail .container-capable-de{background-color:#deedf5;margin-top:15px;}
.content-bouton-module-detail{margin-top:20px;}

.far.icon-excel{margin-top:10px }
.color-excel{color:#1d7245 !important;margin-top:10px !important;}
.background-excel{background-color:#1d7245}

.bouton-module button{background-color:#17658D;color:white;padding:10px 70px;transition:all .2s ease-in-out;}
.bouton-module button:hover{background-color:transparent;color:#17658D;border:1px solid #17658D;transition:all .2s ease-in-out;}

.img-screen{width:100%;}
.mod-check-label{float: left;margin-right:5px;}
.mod-check{height:20px;}
.hidden { display: none; }
.video-title{text-align:center;}


/**************** PAGE MON COMPTE***************/
.bloc-moncompte{margin-top:100px;}
.bloc-info{display:flex;align-items: center;justify-content: center;}
.bloc-moncompte .photo-formateur{width:70%;}
.bloc-contact-info li{list-style:none;margin-bottom:5px;}
.bloc-contact-info ul{padding:0;}
.bloc-information{margin-top:30px;}
.btn-moncompte{width:300px;}
.bloc-contact-info h4{font-weight:bold;}

#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 101;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 45%;
  left: 45%;
  z-index: 102;
}

.overlay-lock{
	position: absolute;
	opacity: 0.8;
	left:0;
}

.bloc-left-module{
	position: relative;
}

.bloc-left-module img{
    max-width: 500px;
}

.account-link{
	color: #fff;
}

.account-link:hover{
	color: #fff;
}
.account-container{box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);padding:20px;margin:20px 0px;position:relative;background-color:#fff;}
.account-form{margin:auto;}
.account-container img{width:100%;max-width:250px;}

.modal-close-icon{
	font-size: 30px;
    color: white;
}
.modal-close-icon:hover{
    color: white;
}

@media(max-width:576px){
	
	.btn-sommaire{
		min-width: 190px;
	}
}

.v-helper{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.nowrap{
	white-space: nowrap;	
}

.modal-icon{
	font-size: 75px;
}
.modal-block-title{
	margin: auto 0px;
}