/* ---- reset ------*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

#wrapper {
    background: url("../images/background.jpg") repeat-y;
    background-size: cover;
}

ul li {
    list-style-type: none;
}


/********** GENERAL **********/

.btn-cta{
  background:#2A4B5A;
  color:#fff !important;
  border:2px solid #2A4B5A;
  padding:15px 11px;
  font-size:23px;
  text-transform: uppercase;
}
.btn-cta:hover{
  background:transparent;
  color:#2A4B5A !important;
}

.emptynote{
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAYAAACZ3F9/AAAAcklEQVQoz2NgoDZ4Xij9nxxNASCNIJpUjQugGheQqvEBVOMDfIoSgPg9VCEh/B7F+UCOAhDvJ6AJJK+Ay/Z8HJryCfnNAIdGA0IaC3BonEBI4wakQIgH4vsEQxeqERYIAlC+AFKg4QwYByCuxyFXj56KAEHuodjGnEtTAAAAAElFTkSuQmCC);
  background-size: 14px 13px;
  height: 13px;
  top: 1px;
  background-repeat: repeat-x;
  display: inline-block;
  width:69px;
}

body#site {
    font-family: 'Montserrat', "Open Sans", Arial, sans-serif;
    font-weight: 400;
    text-rendering: geometricPrecision;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow-x: hidden;
}

#site h1 {
    font-size: 20px;
    margin-bottom: 30px;
    color: white;
    text-transform: uppercase;
    background-color: #c7d301;
    display: inline-block;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
}

#site h2 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #c7d301;
    text-transform: uppercase;
}

#site h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #6c6e6f;
}

#site p {
    line-height: 22px;
    margin-bottom: 20px;
}

#site p,
#site ul li {
    font-family: 'Montserrat', "Open Sans", Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #6c6e6f;
}

#site a {
    text-decoration: none;
    color: #c7d301;
}

#site a:hover {
    text-decoration: none;
    color: #6c6e6f;
}

.bold {
    font-weight: 700 !important;
}

.temoignage {
    font-style: italic !important;
}

.upper {
    text-transform: uppercase !important;
}

.txt-centered {
    text-align: center !important;
}

#site h1 a:hover {
    color: #fff;
}


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

#header-content {
    /*width: 960px;*/
    position: relative;
    margin: auto;
    height: 143px;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

img#logo {
    z-index: 999;
    /*position: absolute;
	left: 0px;
	top: 0px;*/
}

img#logo {
    /*width: 230px;*/
    position: absolute;
    left: 0px;
    top: 0px;
}

@media only screen and (max-width: 1023px) {
    img#logo {
        width: 160px;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    img#logo {
        width: 120px;
        height: auto;
    }
}

#site nav.navbar {
    display: block;
    height: 68px;
    margin: 0 auto;
    background-color: #c7d301;
    border: none;
}

#site nav.navbar ul {
    height: 40px;
    margin: 14px 0;
}

#site nav.navbar .container {
    position: relative;
}

#site nav.navbar .navbar-brand {
    width: 263px;
    height: 248px;
    margin: 0;
}

#site nav.navbar li {
    height: 68px;
}

#site nav.navbar a {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    outline: none;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

@media only screen and (max-width: 1023px) {
    #site nav.navbar a {
        padding: 0 6px;
        font-size: 12px;
    }
}

#site nav.navbar a:hover {
    color: #6c6e6f;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#site nav.navbar li.active a {
    color: #6c6e6f;
    background-color: transparent;
}

#site nav.navbar li.liencredit a {
    background-color: white;
    color: #c7d301;
    overflow: hidden;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#site nav.navbar li.liencredit a:hover,
#site nav.navbar li.liencredit.active a {
    background-color: #A3AC03;
    color: white;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

#site nav.navbar button.navbar-toggle {
    background-color: #fff;
}


/*Menu mobile*/

#site nav.navbar .navbar-collapse.in ul {
    margin: 0;
    background-color: #fff;
    border: 2px solid #c7d301
}

#site nav.navbar .navbar-collapse.in ul,
#site nav.navbar .navbar-collapse.in ul li {
    height: auto;
}

#site nav.navbar .navbar-collapse.in ul li a {
    color: #6c6e6f;
    padding: 0;
    border-radius: 0;
}

#site nav.navbar .navbar-collapse.in ul li a:hover {
    color: #fff;
    background-color: #6c6e6f;
}

#site nav.navbar .navbar-collapse li.liencredit a:hover,
#site nav.navbar .navbar-collapse li.liencredit.active a {
    color: #6c6e6f;
    background-color: #fff;
    line-height: 16px;
    font-size: 10px;
    padding-top: 4px;
}


/********** SLIDER **********/

#slider {
    background-color: white;
    background: url("../images/background-slider-new.jpg");
    background-size: cover;
}

#slider .carousel-inner {
    bottom: -30px;
}

@media only screen and (max-width: 960px) {
    #slider .carousel-inner {
        bottom: -20px;
    }
}

#slider a.carousel-control {
    background-image: none !important;
}

#slider a.carousel-control:hover {
    color: #fff;
}

#banner {
    background-color: #2A4B5A;
}

#subheader h2 {
    margin: 0;
    padding: 25px 0;
}

#subheader h3.catchphrase {
    width: 80%;
    margin: 0 10%;
    padding: 25px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

#site h1.accroche-header {
    text-align: right;
    background: none;
    font-weight: 800;
    display: inherit;
    font-size: 45px;
    margin-bottom: 0;
}

#site h1.accroche-header span {
    font-size: 65px;
    color: #c7d301;
}

#site h2.accroche-header {
    text-align: left;
    background: none;
    font-weight: 800;
    display: inherit;
    font-size: 35px;
    margin-bottom: 0;
    color: #c7d301;
}

#site #slider .numerotel {
    font-size: 24px;
    color: #2A4B5A;
    background-color: #c7d301;
}

#site #slider .numerotel a {
    color: #2A4B5A;
}


/********** CONTENU **********/

.padded {
    padding-top: 50px;
    padding-bottom: 50px;
    margin: auto;
}


/*.content{
	width: 960px;
	margin: auto;
	padding-top: 50px;
	padding-bottom: 50px;

	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}*/

.left {
    text-align: justify;
}

.content *:last-child {
    margin-bottom: 0px;
}

.content ul.liste {
    font-size: 15px;
    padding-left: 40px;
    line-height: 24px;
    margin-bottom: 20px;
    /*list-style-type: circle;*/
}

.green {
    background-color: #c7d301;
}

.green h2 {
    color: white !important;
}

.grey {
    background-color: #dcdada;
}

.number {
    display: inline-block;
    color: #c7d301 !important;
    font-size: 20px !important;
    font-weight: 700;
    border: 5px solid #c7d301;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}

.news {
    color: #6c6e6f;
    font-size: 17px;
    font-weight: 800;
}

#site hr {
    border: 1px solid #6c6e6f;
    margin-top: 45px;
    margin-bottom: 40px;
}

.pull-left img {
    margin-right: 15px;
}


/********** FOOTER **********/

footer .content {
    padding-top: 20px;
    padding-bottom: 18px;
}

#site footer div.para {
    color: white;
    font-size: 10px;
    font-weight: 600;
    /*text-align: right;*/
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

div.para.flex {
    display: flex;
}

.fb_iframe_widget {
    margin-right: 10px;
}

@media only screen and (max-width: 767px) {
    #site footer p {
        padding: 20px 15px;
    }
    #site #slider .numerotel {
        font-size: 16px;
    }
}

#site footer a {
    color: #6c6e6f;
}

#site footer a:hover {
    color: white;
}


/********** ACCUEIL *******/

ul#pictos_homepage {
    padding: 20px 0;
}


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

@media only screen and (max-width: 1199px) {
    h2#experience {
        margin-top: 0;
    }
}

@media only screen and (max-width: 991px) {
    h2#experience {
        font-size: 18px;
    }
}

img#photo_team {
    margin-bottom: 20px;
}

img#img_plan {
    margin-top: 20px;
}


/********** CONTACT **********/

iframe#gform {
    overflow-y: hidden;
}

#gmap_container {
    padding: 0 !important;
    height: 450px !important;
}

.ss-base-body {
    background-image: none;
}

div.partenaire {
    margin-bottom: 20px;
}

div.partenaire h5 {
    text-transform: uppercase;
    color: #c7d301;
    font-size: 24px;
    font-family: Montserrat, 'Open Sans', Arial, sans-serif;
}

div.partenaire p {
    margin-bottom: 10px !important;
}


/********** CALCULATEUR **********/

form#calculator {
    margin: 40px 0;
}

form#calculator label {
    text-align: right;
    text-transform: uppercase;
    background-color: #eee;
    line-height: 14px;
    padding: 10px;
}

@media only screen and (max-width: 767px) {
    form#calculator label {
        text-align: left;
        background-color: transparent;
        padding-left: 15px;
    }
}

form#calculator select {
    color: rgb(150, 150, 150);
}

form#calculator button {
    transition: 0.3s all;
    margin-top: 25px;
}

form#calculator button#calculator_submit {
    background-color: #c7d301;
    color: #fff;
}

form#calculator button#calculator_submit:hover {
    background-color: #fff;
    color: #c7d301;
    border-color: #c7d301;
}

#calculator_errors {
    display: none;
}

#calculator_result {
    display: none;
    background-color: #c7d301;
    border-radius: 15px;
}

#calculator_result p {
    color: #fff;
    font-size: 18px;
}

.alert h3 {
    font-size: 22px;
}

#calculator_result h3 {
    color: #fff;
}

#calculator_errors h3 {
    color: #a94442;
    margin-top: 0;
}

#calculator_result #result_container {
    font-size: 32px;
    margin: 20px 0 40px 0;
}

#calculator_result a.btn {
    color: #fff;
    background-color: #A3AC03;
    border: none;
    border-radius: 15px;
    padding: 15px 20px;
    transition: 0.3s all;
}

#calculator_result a.btn:hover {
    color: #A3AC03;
    background-color: rgba(255, 255, 255, 0.9);
}


/*Coms*/

.cws-powered-by,
.cws-logo {
    display: none!important;
}

#cws_google_reviews #powered_by_cws .cws-logo {
    max-width: 0px !important;
    height: auto;
    display: inline-block;
}

/*#google-reviews:nth-child(even) {
    display: none;
} */


/***/

#map-plug {
    display: none;
}

#google-reviews {
    display: flex;
    flex-wrap: wrap;
    /*display: grid;
grid-template-columns: repeat( auto-fit, minmax(320px, 1fr));*/
}

span.review-profile-image {
    float: left;
    padding: 0px 15px 0px 0px;
}

span.review-profile-image img {
    width: 40px;
}

.modal-backdrop.in {
    display: none;
}

.review-item {
    border-bottom: solid 1px rgba(190, 190, 190, .35);
    margin: 5px auto;
    display: block;
    width: 100%;
    padding: 15px 0px;
}

@media ( max-width:1200px) {
    .review-item {
        flex: 1 1 40%;
    }
}

@media ( max-width:450px) {
    .review-item {
        flex: 1 1 90%;
    }
}

.review-meta,
.review-stars {
    text-align: left;
    font-size: 115%;
}

.review-author {
    text-transform: capitalize;
    font-weight: bold;
}

.review-date {
    opacity: .6;
    display: block;
}

.review-text {
    line-height: 1.55;
    text-align: left;
    max-width: 72em;
    margin: auto;
}

.review-stars ul {
    display: inline-block;
    list-style: none !important;
    margin: 0;
    padding: 0;
}

.review-stars ul li {
    float: left;
    list-style: none !important;
    margin-right: 1px;
    line-height: 1;
}

.review-stars ul li i {
    color: #E4B248;
    font-size: 1.4em;
    font-style: normal;
}

.review-stars ul li i.inactive {
    color: #c6c6c6;
}

.star:after {
    content: "\2605";
}