h1 {
    text-transform: none;
}


.info {
    position:fixed;
    background-color: #BFB7B6;
    width:100%;
    text-align:center;
    top:0;
    z-index:999;

}

.info p {
        font-size:1em;
        color:#fff;
}

.info a {
    color:#1F6B9C;
}

#about {
    background-image:url(../img/team_jehann.jpg); 
    background-position:center center;
    top:-40px;
    }
#baner-recrut {
    min-height:300px;
}


/* Header */

.logo {
    top:-12px;
    float:left;
}

header {
    background-color:#1F6B9C;
}

nav ul li a {
    color:#fff;
    /*
    text-transform:none;  
    */
    font-size:1.2em;

}
    /*Remove animation on page load - see style.css line 217 / 218 to figure out */

nav > ul > li.onpage > a:before {
    left: 0px;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}



/* Main */

#slide {
    background-image: url('../img/Slide2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    
}

.mt-15{
    margin-top : 15px;
}


/* il nous ont fait confiance */
.main-section {
    padding: 40px 0;
    position: relative;
    width: 100%;
}

.second-title2 {
    display: inline-block;
    padding-top: 46px;
    position: relative;
    text-align: center;
    width: 100%;
}

/* ===== SERVICES ===== */

.accordeon-wrapper .accordeon-entry.active h5, .accordeon-wrapper .accordeon-entry h5:hover {
    background: #1F6B9C;
}


.second-title p {
    padding-bottom:15px;
}

.accordeon-entry h5::after {
    background-color: #1F6B9C;
}

.color45 p{
    color : #454545;
}

h1 {
    text-transform: none;
}

#services{
        margin-top:50px;
} 

#services h1 {
       background-color:#1F6B9C;
       color:#fff;
       border:1px solid lightgrey;
}

.padding {
    padding-top:15px;
    padding-bottom:15px;
}

/*======FOOTER*/

.footer-block p {
    font-size: 12px;
    color: #9e9e9e;
    line-height: 14px;
    white-space: nowrap;
    padding-bottom: 10px;
    position: relative;
    display: block;
}

#back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 100;
    opacity: 0.8;
}

#top-button{
    background-color: #1F6B9C;
    border: none;
    border-radius: 8px;
    color: white;
    padding: 13px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}


.pb0 {
    padding-bottom: 0px !important;
}

.top-footer-info-p20-0 {
    padding: 20px 0px !important;
}

.copyright-p15 {
    padding: 15px 0px !important;
}

.floatN{
    float: none !important;
}    

/*.cursor-default {
    cursor: default !important;
}
*/

#offres {
    background-color:#1F6B9C;
}
/*Color*/
.bg-blue-custo {
  /*background-color:#1F6B9C;*/
    border-bottom: 3px solid #1F6B9C;
    margin-top: 10px;
   /*border-top: 2px solid #1F6B9C;*/
   
}

.top-f-block a.fz-15-i::before {
    height: 2px;
}






/******************PAGE CONTACT********************/

/*Slide*/
.main-baner2 {
    margin-top: 30px;
     min-height: 350px;
    position: relative;
    width: 100%;
}

.top-baner-title {
    padding: 45px 0;
}


/*nous contacter*/
.host-item h5 {
    padding-bottom: 1px;
}

.main-section {
    padding: 15px 0;
}

form span {
    color : red;
    font-size: 0.8em;
    display: none;
    margin-bottom: 3px;
    /*visibility: hidden;*/
}

@media all and (max-width: 768px){
    .contact{
        min-height: 0px !important;
        padding-bottom: 0px !important;
    }
    .contact h1, .contact a, .contact span{
        color : #3C3C3C;
    }
    .contact h1{
        margin-bottom: 15px;
    }
    .contact .host-button{
        display: none;
    }
}

    /******************MODAL********************/

.modal-dialog{
    display: flex;
    align-items: center;
}
/*
#myModal{
    display:flex;
}
*/

/******************QUI SOMMES NOUS********************/

.story {
    margin-top : 60px;
}

#team {
        background-color: #1F6B9C;
} 


#team h6{
    color:#fff;
}

#team h5{
    font-weight:500;
}

.font-13 {
    font-size: 13px;
    line-height: 24px;
    text-align: justify;
}


.font14{
    font-size: 15px;
    line-height: 24px;
     color: #5d5f62;
}


.hautblanc{
    margin-top:20px;
}


.banniere-about {
    min-height:450px;
}
/*********************      Recrutement             *************************/



#offres p, h4, #offres li, #offres h2{
    color:#1F6B9C;
}

label.button-2.bg-orange {
    color:#fff;
    cursor:pointer;
}

label.button-2.bg-orange:hover {
    color:#000;
}

input#cv {
    z-index:-1;
    position:absolute;
    opacity: 0;
}

input#motiv{
    z-index:-1;
    position:absolute;
    opacity:0;
}

#details p, #details h2, #details h4{
    color:#000;
}

#details_link li{
    font-size:1em;
}

.banniere-recrutement{
    margin-top:0px;
}

@media all and (min-width:740px){
   .banniere-recrutement{
        max-height: 350px;
    }
    
    .banniere-recrutement .bg-bg-chrome{
        background-size: 100%;
    }
}
/*
@media all and (max-width:740px){
   .banniere-recrutement{
        min-height: 350px;
    }
    .banniere-recrutement .bg-bg-chrome{
        background-size: cover;
    }
}
*/

.banniere-recrutement .bg-bg-chrome{
    background-image: url(img/business-recrutement.jpg);
    margin-top: 60px;
    background-position: 0% 0%;
}

.banniere-recrutement .top-baner-title{
    margin-top:100px;
}
/*
.banniere-recrutement .button-description{
    padding-top: 30px;
}
*/

.button-description {
    color: rgba(255,255,255,0.8) !important;
    font-size: 20px;
}

.banniere-recrutement .host-button{
    margin-top: 40px;
}

.banniere-recrutement + .bg-blue-custo {
    margin-top : 0;
}

.banniere-recrutement + .bg-blue-custo .mb-25 {
    margin-bottom: 0;
}

.banniere-recrutement + .bg-blue-custo .panel-group {
    margin-top: 20px;
}

/* ===== Accordeon Recrutement  ===== */

.accordeon-wrapper .accordeon-entry.active h5, .accordeon-wrapper .accordeon-entry h5:hover {
    background: #1F6B9C;
}

.accordeon-entry h5::after {
    background-color: #1F6B9C;
}

.color45 p{
    color : #454545;
}

h1 {
    text-transform: none;
}

.banniere-recrutement .container{
    margin-top: -90px;
}

label[for="motiv"], label[for="cv"]{
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}

@media all and (max-width: 768px){
    label[for="motiv"]{
        line-height: 15px;
    }
    label[for="cv"]{
        padding: 25px;
    }
    
    .table-wrapper
	{
    	width: 100%;
    	overflow: auto !important;
	}
}

label[for="mess"]{
    margin-top: 20px;
}

.panel-group .panel {
    border-radius: 6px;
}






/******************TABLEAU SERVICE********************/

table {
    border-collapse: collapse;
}
th, td {
    border-bottom: 1px solid #ddd;
}
td:first-child {
    font-weight: bold;
}
[colspan]{
    text-align: center;
    background: #1F6B9C;
    color:#fff;
    font-weight: bold;
}
.last{
    border-bottom: 3px solid #ddd;
    border-top: 4px dotted #1F6B9C;
    background-color:#f2f2f2 
}
.last ~ .last {
    border-top: 3px solid #ddd;
}
table {
    width: 85%;
    max-width: 85%;
    margin: auto;
}
th {
    height: 40px;
    font-weight: bold;
    font-size: 1.2em;
}
th, td {
    padding: 15px;
    text-align: left;
}
tbody tr:hover {
  background: #f2f2f2;
}

.panel-collapse button{
    display: none;
}

@media screen and (max-width: 650px) {
    
    .panel-collapse table {
        /*display: none;*/
    }
    
    
    table#forfait, table {
    	width : 100%;
    	max-width:100%;
    	font-size: 1em;
    }
    
    table#forfait tr th, table#forfait tr td {
    	padding : 5px 0 5px 0;
    }
    
    .panel-collapse p:not(:first-child){
        /*display: none;*/
       
    }
    
    .button-center{
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
    .panel-collapse button{
        display: block;
        background-color: #1F6B9C;
        border: none;
        border-radius: 8px;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
    }
}

/******************ACCORDEON********************/

.panel-title {
    border-radius: 5px;
    background-color: #1F6B9C;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 15px;
    /*padding: 20px 55px 20px 20px;*/
    cursor: pointer;
    position: relative;
}
/*
.panel-title:hover{
    background-color:#1F6B9C;
    color:#fff;
}
*/
/* Retirer l'animation sur changement de coleur'*/
.panel-title a {text-decoration:none; color: inherit; outline:none; transition: all 0s ease-in; -moz-transition: all 0s ease-in;-o-transition: all 0s ease-in;-webkit-transition: all 0s ease-in;-ms-transition: all 0s ease-in;}

.panel-title a{
    display:inline-block;
    width:100%;
    line-height: 15px;
    padding: 20px;
}

h4.panel-title{
    text-transform: none;
}
.panel-title a::after {
    width: 23px;
    height: 23px;
    background-color: #FF9700;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    content: "+";
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}

.panel-title a[aria-expanded=true]::after {
    width: 23px;
    height: 23px;
    background-color: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    content: "-";
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 24px;
    line-height: 21px;
    color: #1F6B9C;
    text-align: center;
    border-radius: 50%;
}


.panel-collapse {
    padding: 15px;
}

/******************ACCORDEON > MARGIN BOTTOM ********************/

.mb-25{
    margin-bottom : 25px;
}

/******************ACCORDEON > PREMIER PANNEAU********************/

.panel ul{
    list-style: initial;
    margin: 10px; 
}
.panel ul li {
    padding: 2px;
}
#collapseOne p:first-child {
    text-align: center;
    margin-bottom: 15px;
    color: #000;
}