/*
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url(reset.css);
 */


/*
debut style css
*/
div.colSansPaddingD{padding-right:0 !important;}
div.colSansPaddingG{padding-left:0 !important;}
div.colSansPadding{padding-left:0 !important; padding-right:0 !important;}
.centreVertical{display:flex; flex-flow:column nowrap; justify-content:center;}
.centreHorizontal{display:flex; flex-flow:row nowrap; justify-content:flex-start;}

.alert{border-radius:0; padding:5px 15px; font-size:12px;}
.help-block{padding-top: 5px;}
.help-block a{color: #357eb7;}

body{background: #FFFFFF;}
h1, h2, h3, h4, h5, h6{}
h1{padding-top:20px;}
p, a, button, input{}
p{color:#555;}
a{text-decoration:none; color:inherit;}
a:hover{text-decoration:none; color:#92d14f;}

.btn-primary{text-transform:uppercase; border-radius:0; border: none; transition: .3s ease-in;}
.btn-default{text-transform:uppercase; border-radius:0; border: none; transition: .3s ease-in;}


header{display: block; position: fixed; z-index: 9999; width: 100%;}
/*
 header_h
 */
#header_h{padding: 5px 0; font-size: 12px; background: #f8fafc;}
#header_h li.nav-item{padding: 0 8px;}
#header_h li.nav-item a{display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; transition: .3s ease-in;}
#header_h li.nav-item a span.icon{padding-right: 5px;}
#header_h span.icon{color:#92d14f;}

/*
 nav
 */
nav{margin-bottom: 0 !important;}
.navbar {padding: 0 1rem;}
nav a.navbar-brand img{height: 60px;}
nav a.nav-link{text-transform: uppercase; font-weight: bold; font-size: 13px; color:#000000 !important; transition: .3s ease-in;}
nav a.nav-link:hover{color:#92d14f !important;}

/*
 footer
 */
footer{display: block; width: 100%; border-top: 10px solid #92d14f;background-color: #000; padding: 60px 0 40px; }
footer h3 {font-size: 15px;font-weight: 600;text-transform: uppercase;color: #fff;margin-bottom: 30px;}
footer p{color:#b3b3b3;}
footer a.nav-link{color:#b3b3b3; border-bottom:1px solid #444; padding-left: 0;}
footer a.nav-link:hover{color:#92d14f;}

/*
 Home
 */
#boxDiapoHome{}
.carousel-caption {bottom: 40vh;}
.carousel-caption h5{color: #FFFFFF; font-size: 40px;line-height: 1; font-weight: 600;text-transform: uppercase;}
.carousel-caption p{color: #FFFFFF; font-size: 20px;}
.swiper-fullwidth{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: repeat;
}
/* autre pages*/
#boxDiapo{height:200px; padding-top: 110px; background:url("../images/diapo/bread-bg.png");}
#boxDiapo h1{text-transform: uppercase; text-align: center; color: #FFFFFF;}

.boxSection{padding: 60px 0;}
.boxSection h2 {font-size: 35px; padding: 20px 0; margin-bottom: 10px; text-align: center;}

.boxServicesHome{text-align: center;
    margin-bottom: 10px;
    padding: 35px 10px;
    border: 1px solid #eee;}
.boxServicesHome span.icon{
    color: #92d14f;
    margin-bottom:15px;
    display:inline-block;
    width:90px;
    height:90px;
    line-height:90px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #92d14f;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.boxServicesHome:hover{background: #FFFFFF;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);}
.boxServicesHome:hover span.icon{border-color: #92d14f; background-color: #92d14f; color: #fff;}

.boxServicesHome span.icon svg{height: 35px; width: 35px;}
.boxServicesHome p{padding: 0 0 5px 0; margin: 0;}
.boxServicesHome p b{text-transform: uppercase;}

/*
    Pour le login client
 */
.boxLogin{width:300px; height:100vh; margin: 0 auto; display: flex; flex-flow: column nowrap; justify-content: center; }
.boxLogin  > div{background-color: #FFFFFF; padding: 20px; }
.boxLogin h2{font-size: 18px;  text-transform: uppercase; padding:0 0 0px 0; margin-top: 0;}
.boxLoginBody{border-bottom: solid 1px #EEEEEE; border-top: solid 1px #EEEEEE; padding: 20px 0;}
.boxLoginFooter{padding-top: 20px;}



@media (max-width: 576px) {

}
@media (max-width: 768px) {
}

@media (max-width: 992px) {

}
@media (min-width: 1200px) {

}

