@charset 'utf-8';
/******************** Entête UTF-8 ******************\
*
*	fichier			: public/projet/custom/css/main.css
*	projet			: @PROJET@
*	version			: 1.0.5 2017-01-23 13:58 FS
*
\****************************************************/

@import 'reset.css';
@import 'fonts.css';
@import 'widgets.css';
@import 'form.css';
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap');

.border {
    border: 1px solid red;
}
 
body {
    max-width: 1920px;
    margin:0 auto;
    font-family: 'Heebo', sans-serif;
    margin: 0 auto;
    font-size: 19px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #676768;      
}

H1{
    font-size: 33px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #676768;
    text-transform: uppercase;
    margin-bottom: 1.75em;
}


H2{
    font-size: 30px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
    text-align: center;
    padding: 50px 0;
    text-transform: uppercase;
}

H3{
    font-size: 33px;
     font-weight: 500;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
}

.categories  H4{
    font-size: 25px !important;
     font-weight: 600;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
}

/*--------------------------------------------------info Frat------------------------------------------*/
.col-widget_info { 
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
 
.col-widget_info .bloc_contenu{
    display: flex; 
    align-items: center;
    justify-content: center;
}

.col-widget_info H1{
     font-size: 26px;
     padding-bottom: 20px;
     padding-top: 60px;
     font-weight: 900;
 }

 .col-widget_info H2{
     font-size: 24px;
     padding-bottom: 20px;
     font-weight: 900;
 }
 
    
.col-widget_info H3{
    font-size: 22px!important;
    padding-bottom: 20px;
    font-weight: 900;
}

.col-widget_info H4{
    font-size: 22px!important;
    padding-bottom: 0px;
    font-weight: 900;
}

.col-widget_info a{
    color: #676768!important;
}

H4{
    font-size: 22px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.29;
    letter-spacing: normal;
}

p {
    margin-bottom: 1.75em;
}
 
hr{
    border-top: 2px solid #BBBBBB;
}

a:link,
a:active,
a:visited{
	color:#fff;
	text-decoration: none;
}

#menu-top-wrap nav li:first-child > a  {
   font-weight: 900;
	color: #676768;
    background: white;
    padding: 2px 5px;
    font-size: 18px;
}

#menu-top-wrap nav ul ul > li:first-child a{
	font-weight: normal;
	color: white;
	background: none;
	padding: 0px 6px 0  0px;
	font-size: 15px;
}

 

.white{
    color:#fff;
}

.uppercase {text-transform: uppercase;}
a.white:link,
a.white:active,
a.white:visited{
	color:#fff;
	text-decoration: none;
}

a.blue:link,
a.blue:active,
a.blue:visited{
	color:#2597CB;
	text-decoration: none;
}
span.blue{
	color:#2597CB!important;
}

a.no_underline:link,
a.no_underline:active,
a.no_underline:visited{
	text-decoration: none;	
}

img { border: none;}
a:hover{
	text-decoration: underline;
}

sup {
    font-size: 75% !important;
}

strong {font-weight: bold;}

.align-middle{
    vertical-align: middle;
}


/******************************************************Header***************************************************/
#menu-top-wrap{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    margin: auto;
    width: 100%;
    padding: 20px 0;
}

header nav{
	display: block;
	transition: opacity 0.5s;
}

header nav > ul{
	width:100%;
	text-align: left;
        line-height: 1;
}

header nav ul li{
    display: inline-block;
    position: relative;
}

header a, header span{
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    text-transform: uppercase;  
}
header .menu-top a, header .menu-top span{
    font-size: 14px;
   /* text-transform: none;*/
}

header .menu-top .hidden{
    display: none;
   /* text-transform: none;*/
}


header nav ul li a{
    padding: 0px 6px 0  0px;
}
 
header nav > ul li > ul{
    display: none;
    position: absolute;
    background: #0f53709e;
    z-index: 1;
    padding: 0;
    width: auto;
    top: auto;
    left: 0px;
    margin-left: 0px;
    margin-top: 0px;
    min-width: 17em;
    max-width: 1000px;
    text-align: left;
}

header nav > ul li:hover > ul{
	display: block;
}

header nav > ul li > ul li{
    position: relative;
    display: block;
    padding: 4px 5px;
}
    
header .form-group{
    display: inline-block;
}  

header .form-control {
    background: #fff0;
    color: white;
    height: 30px;
    padding: 5px 10px!important;
    border: 1px solid #fff!important;
    border-radius: 0;
    font-size: 13px!important;
} 
.has-search{
    margin: 0 15px;
    font-size: 20px;
    font-weight: normal;
}
.form-control-feedback {
    color: white;
}
.glyphicon-search {  
    transform: rotate(335deg);
    font-weight: normal;
    font-size: 70%;
}
    
 

 
/******************************************************Fin Header***************************************************/


 
 

.clear-both{
    clear:both;
}

 
 

.relative{
	position: relative;
}


 

/*************************************************************************Contenu********************************************************/ 



#main{
	
}

.page-bloc{
	padding-top:60px;
	padding-bottom:50px;
}
.page-bloc a{
        color: #676768;      
}

.content ul{list-style:initial;}
.content ol{list-style:decimal;}
.content ul, .content ol{  padding-left: 20px;}

.grey_background {
    background: #D6D6D6; 
}


.carousel-control {
    width: 5%;
    font-size: 30px;
    opacity: 1;
}

.carousel-caption{
    left: auto;
    right:  auto;
    text-align: left;
    bottom: 30%;
    padding: 0!important;
}

.carousel-caption h3{
    font-size: 90px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.97;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}
.carousel-caption h3 span{
    font-size: 75px; 
    display: block;
}
 

.glyphicon-menu-left, .glyphicon-menu-right {
    top: 50%;
}


/*************************************************************************FOOTER********************************************************/
footer{	
    color:#5c5d60;
    background: #777575;
    margin:20px 0 0 0 ; 
    padding:20px 0;
}
 
footer nav{
	display: block;
}

footer nav > ul{
	width:100%;
	text-align: right;
        line-height: 1;
        margin-top: 10px;
}

footer  ul li{
	display: inline-block;
	position: relative;     
}

footer  ul li a {
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    text-align: left;
    color: #fff!important;
    padding: 5px 10px;
    text-transform: uppercase;
}

.copyright {
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.43;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    
}
 
/*************************************************************************FIN FOOTER********************************************************/



 
.clear-both {
    clear: both;
}

.address {
	background:url(../img/adresse.png) top left no-repeat;
	padding:0 0 0 25px;
	white-space:nowrap;
}

.tel {
	background:url(../img/telephone.png) top left no-repeat;
	padding:0 0 0 25px;
	white-space:nowrap;
}

.fax {
	background:url(../img/fax.png) top left no-repeat;
	padding:0 0 0 25px;
	white-space:nowrap;
}
 
.nopadding {
	padding: 0 !important;
}

.contact-widget p {
	margin-bottom: 10px;
}

.formleft, .formright {
	width: 49%;
    vertical-align: bottom;
    display: inline-block;
    /* ie6/7 */
    *display: inline;
    zoom: 1;
}
.formright .send { float: right;}

@media screen and (max-width: 1500px) {
	
 
	
}

@media screen and (max-width: 1300px) {
	
}

@media screen and (max-width: 1200px) {
	.boites-accueil-widget .box1,
	.boites-accueil-widget .box2,
	.boites-accueil-widget .box3{
		margin:0 auto;
		margin-top: 15px;
	}
}

@media screen and (max-width: 992px) {
    
    H2{
        font-size: 25px;
        padding: 0px 0;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .collapse.in {
        display: block!important;
    }
    .navbar-toggle {
        display: block!important;
        margin-top: 30PX;
    }
    
    #menu-top-wrap{
        position:unset;
        background: black;
        padding: 0;
    }	
    
    #menu-top-wrap .navbar-toggle .icon-bar {
        background-color: #888;
    }
    
    #menu-top-wrap .navbar-toggle {
        border-color: #ddd;
    }

    header nav ul li {
        display:block;
    }
    header nav > ul li > ul{
        position:unset;
    }

    header a, header span  {
        text-align: center;
    }  
    header nav > ul li a:link, header nav > ul li a:visited, header nav > ul li a:active {
        display: block;
        color: #fff;
        font-size: 1em;
        padding: 10px 15px;
        border-bottom: solid 4px #fff;
        text-decoration: none;
    }  
    
    .col-widget_info .bloc_contenu{
        display: block; 
    }
    
    .col-widget_info H1{

     padding-top: 35px;

 }
 
}



@media screen and (max-width: 768px) {
    
    .page-bloc {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .header-km {
        display: none;
    }
    H2{
        font-size: 25px;
        padding: 30px 0;
    }
    
    
    footer .text-right {
        text-align: center;
    } 
    footer nav > ul {
        text-align: center;
    }
    
}