/*************************************************************************************************************
****************************************GENERALE**************************************************
**************************************************************************************************************/
@font-face {
  font-family: 'FontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
}
h1 {
    font-size: 1.7em;
}
h3 {
    font-size: 1.924em;
}
p{
  text-align: justify;
}
.text-gras{
  font-weight: 800;
}
.top-20{
	margin-top: 20px;
}
.header-bg::after, .overlay-bg::after {
    background-color: rgba(86, 86, 86, 0.91);
}
.img_page_side{
    width: 342px;
    height: 309px;
}
.pull-right > .img_page_side{
    float: right;
}
.souligner_blanc_paragraphe{
  border-bottom: 7px solid #fff;
  padding-bottom: 20px;
}
.bg-bleu{
  color: #fff;
  background-color: #395990;
}
.color-red {
    color: #e74c3c;
}
@media screen and (min-width: 767px) {
	h1 {
	    font-size: 4em;
	}
}

/*************************************************************************************************************
****************************************     MENU     **************************************************
**************************************************************************************************************/

.organisation_activite,.experts_comptables,.partenariat,
.iprp,.college_experts,.reseau_inssat,
.enjeux,.evaluation,.financement,.reglementation,
.responsabilite_obligations,.methodes_evaluations,.reglementation,.familles_risques,.identifier_risques,
.contrat_prevention,.contrat_gestion,.assistant_juri_prud,.tarif_prestation{
  padding-top: 100px;
  margin-top: -100px;
}
.logo-width{
	width: 200px;
}
.home-slide .item img {
    margin-top: 79px;
}
.menu-content{
	margin: 0 25px;
}
.mainmenu-area, .mainmenu-area.affix {
    padding: 0 3px;
    background: #fff;
}
.nav > li.dropdown > a {
	font-size: 1em;
	padding: 0 10px !important;
	
} 
li.dropdown:hover > .dropdown-menu {
    display: block;
}
.navbar-right .dropdown-menu {
    left: 0;
}
.dropdown-menu {
	background-color: #fff;
    min-width: 241px;
    width: 100%;
}
.dropdown-menu li:hover {
    background-color: rgba(35, 82, 197, 0.68);
}
.dropdown-menu >li > a{
	padding: 10px !important;
	font-size: 12px;
}
.dropdown-menu>li>a {
    white-space: normal;
}
header#sc1{
	height: 100%;
	min-height: 660px;
}
header#sc2{
  height: 50%;
  min-width: 200px;
}
#mainmenu li.active a , #mainmenu li a{
    color: #3b3b3b;
}
/*#mainmenu li.active a {
    border-bottom: 1px solid #3b3b3b;
}*/
#mainmenu li.active .dropdown-menu >li > a{
	border-bottom: 0;
}
@media screen and (min-width: 767px) {
	.mainmenu-area, .mainmenu-area.affix {
	    padding: 0 45px;
	}
	.border-right{
		border-right: 1px solid #3b3b3b;
		line-height: 1em;
	}
	div#mainmenu {
	    margin-top: 30px;
	}
}

#header_page_other{
  height: 72%;
  min-height: 600px;
}
/*******************   MENU PORTABLE   ********************/
.navbar-toggle .icon-bar {
    background-color: #3b3b3b;
}
@media only screen and (max-width: 992px){
	.navbar-toggle {
	    border: 1px solid #ffffff;
	    border-radius: 0;
	}
	li.dropdown:hover > .dropdown-menu {
	    display: none;
	}
}
@media only screen and (max-width: 767px){
	.navbar-toggle {
	     margin: 10px 0 0 0; 
	}
}


/*************************************************************************************************************
****************************************       FOOTER       **************************************************
**************************************************************************************************************/
.taille_footer {
    height: 145px;
}
.black-bg {
    background-color: #242424;
    background-color: rgb(232,232,232);
}
.copyright{
    background: #fff;
}
footer .padding-15{
  padding: 15px;
}
@media (min-width: 992px){
  .border_right_footer {
      border-right: 0.15em solid #fff;
  }
}
  

/*************************************************************************************************************
****************************************     BOX CONNEXION     **************************************************
**************************************************************************************************************/
.connect_iprp{
  background: #f5f5f5;
  padding: 15px;
  border-radius: 5px;

}

.form-control {
    border-color: #DB702E;
    outline: 0;
    /*box-shadow: inset 0 1px 1px rgba(35, 82, 197, 0.75), 0 0 8px rgba(35, 82, 197, 0.6);*/
}
.nav-tabs > li.active > a::after {
    background-color: inherit;
    box-shadow: 0 0 0 0;
}

.panel-body {
    padding: 18px 5px;
}
/*.panel-heading {
    border-bottom: 0; 
}*/
.connect > li.active > a:hover, .panel-heading > .nav > .active > a {
    color: #fff !important;
}
.nav-tabs > li > a {
    text-align: center;
    color: #716f6f;
}
input.form-control {
    font-weight: 900
}
.panel-heading {
    padding:5px;
    border-bottom: 0;
}
.panel-heading > .connect > li {
    height: 60px;
}
ul.nav.nav-tabs.connect {
    border: 0.5px solid rgba(119, 119, 119, 0.22);
}

.modal-footer,.modal-title {
    border: 0;
}

@media screen and (min-width: 767px) {
	.panel-body {
	    padding: 18px 87px;
	}
	.panel-heading > .connect > li {
	    height: inherit;
	}
}





/****************FORM TEST ************/

.no-left-padding{
  padding-left: 0;
}
.no-right-padding{
  padding-right: 0;
}
.monform {
    margin-top: 2%;
    background-color: #FFF;
    padding: 8px 8px 8px 8px;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
}
.btn-u {
    border: 0;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #DB702E;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.intro-message >h1, .intro-message > h2{
	color: #fff;
  text-align: center;
}

.sky-form.submited .message {
  background: rgb(245, 245, 245);
}
.message p{
  text-align: center !important;
}
form.submited .row {
    display: none;
}
.text-center p {
    text-align: center !important;
}
/*************************************************************************************************************
****************************************     HOME PAGE    **************************************************
**************************************************************************************************************/
.team-member-photo img{
  width: 309px;
  height: 342px;
}
.vign_home{
  width: 100%;
}
.border p, .border img{
  border:solid 1px #000;
  text-align: center;
}

/*************************************************************************************************************
****************************************     RESEAU PAGE    **************************************************
**************************************************************************************************************/
iframe.youtube {
    width: 100%;
}
/*************************************************************************************************************
****************************************     POTENTIEL PAGE    **************************************************
**************************************************************************************************************/
.descriptif p, table{
  padding: 15px;
  border: 1px #000 solid;
}
.description_entreprise, table{
  display: none;
  background: #fff;
}
.tableau_descr{
  min-height: 335px;
}
.top_ligne{
  border-top: 1px solid #000;
}
.entreprise{
  display: none;
}
.align_droite{
  float: right;
}
#departement,
#tertiaire,
#btp,
#medicale_paramedicale,
#detail,
#hotellerie_restauration,
#esthetique,
#boulangerie_patisserie,
#espace_vert,
#boucherie_charcuterie,
#entreprises_packs_metiers,
#entreprises_restant{
  font-weight: 900;
  font-size: 15px;
}