body.LH_zero    { line-height: 0; }
body.LH_zero > * { line-height: 1.65em; }



.clearfix   { clear: both; }
.f_left     { float: left; }
.f_right    { float: right; }
.a_left     { text-align: left; }
.a_right    { text-align: right; }
.a_center   { text-align: center; }
.c_rouge    { color: #ce1b28; }
.c_vert     { color: #14991D; }
.mouselink  { cursor: pointer; }
.normal     { text-transform: none; }
.nopad      { padding:0; }
.pad_1_5em  { padding:1.5em; }
.hidden     { display:none; }
.w-100      { width:100%; }

.hover_rouge {    border: 2px solid transparent; }
.hover_rouge:hover {    border: 2px solid red; }

body {
    padding-top: 0;
}
header {
    background-color:#ffffff;
    color: black;
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.4);
    padding: 5px 0;
    height: 80px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
header a { color: black; }
header > nav > a:hover {
    color: #777;
}
header .logo {
    text-align:left;
    padding: 5px 1.25rem;
}
header .logo a {
    float:left;
    display: inline-block;
    height: 70px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
header .logo span {
    float:left;
    display: inline-block;
    color: black;
    margin-bottom: 5px;
    margin-left: 25px;
    font-size:24px;
    font-weight: bold;
    font-family: "Raleway", arial;
}
header.sticky_header {
    box-shadow: none;
    background-color:transparent !important;
    color: white;
    height: 100px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
header.sticky_header .logo a {
    height: 100px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
header.sticky_header .logo span {
    color: white;
}

#heading {
    height: 25rem !important;
    min-height: 25rem;
}

#footer {
    padding: 2rem 0 1rem 0;
}

@media screen and (max-width: 480px) {
    #header {
        position:absolute;
    }
}
@media screen and (max-width: 767px) {
    header .logo span { display:none; }
}
@media screen and (max-width: 940px) {
    header .logo span { font-size:1.1em; }
}



#banner .inner_L {
    float:left;
    width:25%;
    z-index:9999;
    opacity: 0.2;
    margin-top:100px;
}
#banner .inner_L img {
    width:90%;
    margin:0 auto;
}
#banner .inner_R {
    float:right;
    width:74%;
    z-index:9999;
    opacity: 1;
    padding: 5%;
}
#banner .inner_C {
    width:100%;
    z-index:9999;
    opacity: 1;
    padding: 5%;
}

@media screen and (max-width: 767px) {
    #banner .inner_R { width:100%; }
    #banner .inner_L { display:none; }
}
@media screen and (max-width: 768px) {
    #banner .carousel-inner img {
        height: 35rem;
        width: auto;
        max-width: none;
    }
}

@media screen and (max-width: 480px) {
    #banner {
        height: 30rem !important;
    }
    #banner .inner_R {
        float:none;
        position: absolute;
        top:140px;
        width:100%;
        text-align:center;
        height:auto;
    }
    #banner .carousel-inner img {
        height: 30rem;
        width: auto;
        max-width: none;
    }
}




#main .content,
.testimonials .content,
.highlights .content {
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.2);
}

.button {
    margin-bottom:5px;
}

.HM_accroches {
    background: transparent;
}
.HM_accroches:after {
    clear: both;
}

.HM_accroches .contenu {
    margin: 5px;
    padding: 5px;
    background-color: white;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.1);
    height:auto;
}
.HM_accroches .contenu h2 {
    padding: 5px;
    text-align: center;
    font-size:18px;
    font-weight: bold;
}
.HM_accroches .contenu blockquote {
    text-align: left;
    font-size:13px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

.wallpaper {
    width:100%; height:100%;
    min-height:150px;
    background-position:center center;
    background-size:cover;
}
.contrats .wallpaper {
    width:100%; height:150px;
}
.contrats a { text-decoration:none; }
.contrats a:hover { text-decoration:underline; }

.contrats .content { padding:0 !important; }
.contrats .content .subtitle { padding:10px !important; }
.contrats .content .subtitle h3 { margin-bottom:10px; }
.contrats .content .subtitle p {
    font-size:12px;
    line-height: 140%;
    }

.fiche_ct {
    display:none;
}
.fiche_ct ol,
.fiche_ct ul {
    margin-left:25px;
}



.fiche_Q {
    display:none;
    padding:10px;
    background-color: #dde;
}

.fiche_Q label {
    float:left;
    width:30%;
    text-align:right;
    padding-top:5px;
}
.fiche_Q fieldset {
    float:right;
    width:69%;
    margin-left:1%;
    text-align:left;
}
.fiche_Q fieldset textarea,
.fiche_Q fieldset select,
.fiche_Q fieldset input {
    width:100%;
    padding:3px 10px;
    height: auto;
    background-color:#EEF;
}
.fiche_Q fieldset textarea.erreur,
.fiche_Q fieldset select.erreur,
.fiche_Q fieldset input.erreur {
    background-color:#FFBDBD;
}
.fiche_Q fieldset textarea {
    resize: vertical;
}
.fiche_Q fieldset select {
    width:auto;
    max-width:100%;
    padding: 5px 40px 5px 10px;
}


.tab_contrats { width:100%; }
.tab_contrats tr td { vertical-align:middle; }

.tab_contrats .col-info { /*width:170px;*/ line-height: 130%; font-size:13px; }
.tab_contrats .col-info .date { font-size:0.80em; }

.tab_contrats .BO_status_att { border-left:10px solid #d87700; border-bottom:3px solid #d87700; width:100%;  padding: 10px 5px 5px; }
.tab_contrats .BO_status_refus { border-left:10px solid red; border-bottom:3px solid red; width:100%;  padding: 10px 5px 5px;  }
.tab_contrats .BO_status_valid { border-left:10px solid green; border-bottom:3px solid green; width:100%; padding: 10px 5px 5px; }

.tab_contrats .modify { /*width:130px;*/ text-align:center; font-size:13px; line-height: 130%; }
.tab_contrats .modify .status { font-weight:bold; display:block; margin-bottom:5px; }
.tab_contrats .modify .status_att { color:#d87700; }
.tab_contrats .modify .status_refus { color:red; }
.tab_contrats .modify .status_valid { color:green; }

.tab_contrats .modele { font-size:0.9em; line-height: 130%; }
.tab_contrats .modele b { font-size:1.1em; }
.tab_contrats .px { /*width:100px;*/ text-align:right; }
.tab_contrats .px small { font-size:0.75em; }
.tab_contrats .paye { /*width:120px;*/ text-align:center; }
.tab_contrats .trash { /*width:30px;*/ text-align:center; padding: 5px;}



.testimonials .content { padding:1rem; }
.testimonials blockquote {
    height: 140px;
    overflow: hidden;
    line-height: 148%;
    font-size: 12px;
    padding: 1rem;
    text-align: justify;
    text-indent: 15px;
}



.zone_help:hover { cursor:pointer; }

.div_help {
    position:fixed;
    top:15%;
    right:5px;
    border:2px solid darkred;
    border-radius: 7px;
    box-shadow: 2px 2px 3px black;
    min-width:200px;
    max-width:30%;
    background-color:white;
    color:darkgrey;
}
.div_help .titre {
    display:inline-block;
    width:100%;
    margin:0;
    padding:4px 1%;
    background-color: #444;
    color:white;
    font-weight: bold;
    font-size:13px;
    text-align:center;
}
.div_help .message {
    color:#444;
    font-weight: normal;
    font-size:12px;
    padding: 5px 10px;
}




/* Zones en accordéon
------------------------------ */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #ddd;
  color: #444;
  cursor: pointer;
  padding: 9px 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  box-shadow : 1px 1px 2px black;
  margin-bottom:5px;
  border-radius: 9px;
  line-height:125%;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #777;
  color: white;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  background-color: #EAEAEA;
  margin: 0 20px;
  margin-bottom: 5px;
  padding: 10px;
  display: none;
  font-size: 0.9em;
}

@media screen and (max-width: 480px) {
    .wrapper {
        width:100%;
        padding:10px 5px;
    }
    .inner {
        width:100%;
        max-width: calc(100% - 2rem);
    }
    /* accordéon du guide */
    .panel {
        margin: 0 5px;
    }

    .fiche_ct {
        max-height:none !important;
        overflow: visible !important;
    }

    .fiche_Q label {
        float:none;
        width:100%;
        text-align:left;
        padding-top:5px;
        margin-bottom: 3px;
    }
    .fiche_Q fieldset {
        float:none;
        width:100%;
        text-align:left;
        padding-top:0;
        margin: 0;
    }

    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"],
    input[type="url"], select {
        width:95% !important;
        margin-bottom: 5px;
    }

}