/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 1600px) {
	#branche-gauche {
		display: none;
	}
	#branche-droite {
		display: none;
	}
}/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 1400px) {


	footer > #bandeau_energie > div.background > div.home{
    	background-position: -50%;
	}
}
@media only screen and (max-width: 1200px) {

	.responsive-inline-block{
	  display: none !important;
	}

	#calculator_price_consumption label{
    	font-size: 16px !important;
    	margin: 0px 0px !important;

	}
	.page__nos-offres > div:nth-child(2) > div {
	    width: 72% !important;

	}
	#calculator_price_consumption .bloc_bandeau h2{
		font-size: 18px;
	}
	#page .news .image_header{

    	height: 80px;
	}
	#breadcrumb {
        width: 90% !important; 
        margin-left: 5% !important; 
        margin-right: 5% !important; 
    }
	.shopwcase_bloc .col_2 {
		width: 16.66% !important;
	}

	.shopwcase_bloc .col_1 {
	    width: 8.333%  !important;
	}
	.shopwcase_bloc .col_6 {
	    width: 50%  !important;
	}


	.responsive-show{
	  display: block  !important;
	}
	.responsive-hidden{
	  display: none  !important;
	}

    #content{
        width: 100%;
    }
    .col-hidden-responsive{
    	display: none;
    }

   	select, button{

   		height: 18px;
    	width: 110px;
	    font-size: 11px !important;
   	} 


   	/*
   	* MENU HEADER
   	*/
	#body-site header{
		height: 48px !important;
		line-height: 48px !important;
	}
	#body-site header .row nav {
		background-color: #706d5a;
		height: 48px !important;
		line-height: 48px !important;
	}
	#body-site header .row nav > ul{
		height: 48px !important;
	}
	#body-site header .row nav > ul > li {
		height: 48px !important;
		line-height: 48px !important;
	}
	#body-site header .row nav > ul > li i{
		height: 48px !important;
		line-height: 48px !important;
	}
	#body-site header .fa{
		line-height: 48px !important;
	}
	#fa-nav-responsive:first-child i{
		
    	margin-left: 10% !important;
    	margin-right: 10% !important;
    	width: 80% !important;
	}
	#fa-nav-responsive i{
		font-size: 20px;
	}
	#body-site header .row nav > ul > li > a > i{
        margin: 12px 10px !important;
        height: 20px !important;
    	line-height: 20px !important;
	}
	#body-site header .row nav > ul > li > a > span{
		line-height: 48px !important;
	}
	#fa-nav-responsive{
		width: 10% !important;
	}
	#nav-toolbox{
		width: 90% !important;
	}


    nav#nav-category{
        float: right;
    	height: auto;
		background-color: #706d5a;
		border-top: 1px solid #ccc;
    }
    nav#nav-category > ul{
		background-color: #706d5a;
    }
    nav#nav-category > ul > li{
    	border-left: 1px solid #6f6d59;
		background-color: #706d5a !important;
    }
    nav#nav-category > ul > li:first-child{
    	border-left: 0px;
    }
    nav#nav-category > ul > li > a > span{

		font-size: 14px;
		font-family: "Open Sans";
		color: white;
		font-weight: bold;
		text-transform: uppercase;
    }
    nav#nav-toolbox{
        float: left;
    }

    nav#nav-category.nav-close{
		display: none;
   	}
    nav#nav-category.nav-open{
		display: block;
   	}

	#nav-toolbox{

	}
	#menu_principal.background-theme > nav{
		background-color: #4fa6fd  !important;
	}
    #menu_principal.nav-close{
		display: none;
   	}
    #menu_principal.nav-open{
		display: block;
   	}

	#menu_principal ul{
	    width: 100%;
	    float: left;
	    position: relative;
    	/* background-color: white; */

	}
	#menu_principal > nav > ul > li > a > span{

		font-size: 14px !important;
		font-family: "Open Sans" !important;
		/* color: rgb(111, 109, 89) !important; */
		font-weight: bold !important;
		text-transform: uppercase !important;
    	text-align: left;
    	text-indent: 20px;

	}
	#menu_principal li{
		/* 
   		background-color: #white; */
	    width: 100%;
	    float: left;
	    position: relative;
	    height: 32px !important;
   		margin: 0px 0px !important;
   		border-bottom: 1px solid white;
   		padding: 5px 0px 10px 0px!important;
	}
	#menu_principal li:first-child{
		display: none;
	}
	#menu_principal li > a{
		
	    width: 100%;
	    float: left;
	    position: relative;
	    margin:  0px !important;
	}
	#menu_principal li > a > div{
	    float: left;
	    position: relative;
    	margin: 0px 0px 0px 4% !important;
	}
	#menu_principal li > a > span{
	    width: 80% !important;
	    float: left;
	    position: relative;
	    margin:  0px !important;
    	line-height: 35px;
	}

   	#bloc-push-foward{
    	width: 100%;
    }

    #content-header > section#bloc-logo-slogan{
        margin-top: 35px !important;

    }

	/*
	*	HOME PAGE
	*/
	#center-bar{
	    height: auto;
	    float: left;
	    min-height: auto !important;
	}

	#content>section#center-bar>div>#news>div.line{
		width: 96% !important;
    	float: left !important;
    	position: relative;
    	display: flex;
    	margin: 2%;


	}
	#content>section#center-bar>div>#news>div.line>article{

    	width: 350px !important;
    	margin: 0 auto !important;
	}


	#content > aside {
		position: relative !important;
	}
	#content > aside > .line{
		min-height: 0px;
	}
	#content > aside > .line  article  div{
		width: 20%;

	}
	#content > aside > .line  article  span{
		width: 74%;
	    margin: 0px 3%;
	    padding: 0px;
	    line-height: 81px;
	    font-size: 21px;

	}
	.redirection{
    	margin-bottom: 0px;

	}
	.redirection span.title{
		border:  none;
	}


	.redirection span.button{
	    width: 100% !important;
	    margin: 0px !important;
	    height: 28px
	}
	.redirection span.button button{
	    line-height: 23px;
	    font-size: 19px !important;
	}

	.article-odd{

	}
	.article-even .picto{
    	float: right !important;

	}

	#news-footer article{
		
	    background-size: auto 100%;
	}

	/*
	* FOOTER
	*/
	#footer-menu li{
		width: 100% !important;
		margin: 10px 0px !important;
	}
	
	#footer-newsletter{
		display: none;
	}
	#recrutement{
		display: none;
	}

	#footer-copyright{
		text-align: center;
	}
	#footer-copyright .left span{
		
    	width: 100% !important;
    	margin: 8px 0px 8px 0px !important;
	}


	#letter-information > div{
	    height: auto !important;
	    text-align: center !important;
	}



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


	a.fichier{
	  padding-left: 9%;
	  width: 90%;
	}

	#content-header{
    	height: auto !important;
    	float: left !important;
	}
	#header-article-page #logo img {
	    height: auto;
	    width: 100%;
	}
	#body-site header .row nav#nav-toolbox > ul > li > a > span{
		display: none;
	}
	#content-header #logo img {
	    height: auto;
	}
	#logo{
		width: 40%;
		margin:  0 auto;

	}
	#logo > img{
		width: 100%;
	}
	#slogan{
		font-size: 30px;
	}
    #bloc-push-foward > article{
    	width: 90% !important;
    	margin: 2% 5% 1% 5% !important;
    }

	#news-footer article {
	  height: 200px;
	}

	#news-footer > article > .title{
	    font-size: 22px;
	}

	#news-footer > article > .summary{
	    font-size: 11px;
	}
	footer #footer-newsletter{
		display: none;
	}
	footer #recrutement{
		display: none;
	}
	footer > div#footer-contact > div.row > div.contact > div.adresse{
	    width: 100%;
	    text-align: center;
	}
	footer > div#footer-contact > div.row > div.contact > div.logo{
		display: none;
	}
	#sicaeoise_core_contactbundle_callback_client > label, #sicaeoise_core_contactbundle_callback_callTel > label {
	    width: 80% !important;
	}

	#sicaeoise_core_contactbundle_callback_client > input, #sicaeoise_core_contactbundle_callback_callTel > input {
	    width:10% !important;
	}


}
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 410px) {

/* 	#content>aside>.line article span {
	    font-size: 15px;
	} */
	#content>aside>.line article span.line-height-mini {
    	line-height: 40px !important;
	}
}