@CHARSET "ISO-8859-1";

/*------------------------ Header ----------------------------*/
@media all and (max-width:320px){
	#myHeader #logo img {
 	   width: 68%;
 	   height: auto;
	}
	
	#logoBertolit {
	    width: 100%;
	}
	
	#myHeader{
		height: 150px !important;
		background: #323232;
	}
	
	#navigation {
	   padding-top: 20px;
	}
}

@media all and (max-width:600px){
	
	#myHeader{
		height: 80px;
		background: #323232;
	}
	
	#logoBertolit {
	    width: 100%;
	}
}

@media all and (max-width:750px){
	
	#myHeader{
		height: 153px;
		background: #323232;
	}
	
	#logoBertolit {
	    width: 100%;
	}
	
	.menu-button {
	    top: 100px;
	    
	}
}

@media all and (min-width:751px) and (max-width:991px){
	#myHeader{
		height: 80px !important;
	}
	
	#logoBertolit {
	    width: 47%;
	}
	
	#navigation {
	    padding-top: 0;
	}
	
	.nav-center {
   		margin-top: 0px;
	}
}

/*------------------------ Footer ----------------------------*/
@media all and (max-width:320px){
	#footer #slogan img{
		width: 100%;
	    text-align: center;
	}
	
	#footer #sloganTexte{
		margin-left: 0px;
	    font-size: 21px;
	    text-align: center;
	}
	
	#normes{
	    display: none;
	}
	
	#iso1, #iso2, #iso3 {
	    display: none;
	}
}

@media all and (max-width:600px){
	#footer #slogan img{
		width: 100%;
	    text-align: center;
	}
	
	#footer #sloganTexte{
		margin-left: 0px;
	    font-size: 21px;
	    text-align: center;
	}
	
	#normes{
		display: none;
	}
	
	#iso1, #iso2, #iso3 {
	    display: none;
	}
	
	#footer #adresses {
	    font-size: 24px;
	    width: 100%;	
	}
	
	#geneve, #vaud, #france {
	    margin-right: 0;
	    width: 100%;
	}
	
	#geneve span, #vaud span, #france span {
	    font-size: 27px;
	}
	
	#iso1 img, #iso2 img, #iso3 img{
	    width: 100%;
	}

	#reseaux{
		position:relative;
		margin-top: 48px;
	}

	#reseaux #facebook{
		margin-left: 0;
	}
	#reseaux #linkedin{
		margin-left: 40px;
	}

}


@media all and (max-width:750px){
	#footer #slogan img{
		width: 100%;
	    text-align: center;
	}
	
	#footer{
		height: 100%;
	}
	
	#footer #sloganTexte{
		margin-left: 0px;
	    font-size: 21px;
	    text-align: center;
	}
	
	#normes{
		display: none;
	}
	
	#iso1, #iso2, #iso3 {
	    display: none;
	}
	
	#footer #adresses {
	    font-size: 24px;
	    width: 100%;	
	}
	
	#geneve, #vaud, #france {
	    margin-right: 0;
	    width: 100%;
	}
	
	#geneve span, #vaud span, #france span {
	    font-size: 27px;
	}
	
	#iso1 img, #iso2 img, #iso3 img{
	    width: 100%;
	}

	#reseaux{
		position:relative;
		margin-top: 48px;
	}

	#reseaux #facebook{
		margin-left: 0;
	}
	#reseaux #linkedin{
		margin-left: 40px;
	}

}

/*----------------------------- Accueil tpl_home-----------------------------*/
@media all and (max-width:320px){
	#home .block_text {
	    width: 100%;
	}
	
	#home {
	    background:none;	    
	}
	
	#teaser2 {
	    width: 100%;
	    margin-right: 0px;
	}
	
	#teaser2 .newscat_teasing .slick-list .slick-track{
		width: 100%;
	}
	
	#teaser2 .newscat_teasing .slick-list .slick-track .newscat{
		width: 100%;
	}
	
	#teaser2 .newscat_teasing a.bt_learn_more {
		padding: 5px 34px !important;
	    height: 114px !important;
	}
}

@media all and (max-width:600px){
	#home .block_text {
	    width: 100%;
	}
	
	#teaser2 {
	    width: 100%;
	    margin-right: 0px;
	}
	
	#teaser2 .newscat_teasing .slick-list .slick-track{
		width: 100%;
	}
	
	#teaser2 .newscat_teasing .slick-list .slick-track .newscat{
		width: 100%;
	}
	
	#teaser2 .newscat_teasing a.bt_learn_more {
		padding: 5px 34px !important;
	    height: 114px !important;
	}
	
	#home .body {
	    font-size: 24px;	    
	}
	
	#home {
	    background:none;	    
	}
	
	.slick-next {
	   right: 1px !important;	   
	}
}

@media all and (max-width:750px){
	#home .block_text {
	    width: 100%;
	}
	
	#teaser2 {
	    width: 100%;
	    margin-right: 0px;
	}
	
	#teaser2 .newscat_teasing .slick-list .slick-track{
		width: 100%;
	}
	
	#teaser2 .newscat_teasing .slick-list .slick-track .newscat{
		width: 100%;
	}
	
	#teaser2 .newscat_teasing a.bt_learn_more {
		padding: 5px 34px !important;
	    height: 114px !important;
	}
	
	#home .body {
	    font-size: 24px;	    
	}
	
	#home {
	    background:none;	    
	}
	
	.slick-next {
	   right: 1px !important;	   
	}
}

@media all and (min-width:751px) and (max-width:1100px){
	#teaser2 .newscat{
		width: 100% !important;
	}
	
	#teaser2{
		width: 100%;
		margin-bottom: 60px;
	}
	
	#teaser2 .slick-track{
		width: 100%;
	}
	
	#home .block_text {
	    width: 100% !important;
	}
}

/*-------------------------- Template cms -------------------------------*/
@media all and (max-width:320px){
	#conteneur {
	    width: 100% !important;
	    margin-right: 0px !important;
	    margin-bottom: 0px !important;
	}
}



@media all and (max-width:750px){
	#conteneur {
	    width: 100% !important;
	    margin-right: 24px !important;
	    margin-bottom: 0px !important;
	}
	
	.newscat_element {
	    width: 45% !important;
	}
	
	.newscat_element img {
	    width: 100%;
	}
	
	.newscat_element a.bt_learn_more, a.bt_back {
		padding: 10px 218px;
	}
}

@media all and (max-width:600px){
	#conteneur {
	    width: 100% !important;
	    margin-right: 0px !important;
	    margin-bottom: 0px !important;
	}
	
	.newscat_element {
	    width: 100% !important;
	}
	
	.newscat_element img {
	    width: 100%;
	}
	
	.newscat_element a.bt_learn_more, a.bt_back {
		padding: 10px 158px;
	}
}

/*------------------------------------ Fiche ----------------------------------------------*/
@media all and (max-width:600px){
	.newscat_view #print {
	    padding: 11px 160px !important;
	    float: left !important;
	    margin-top: 30px;
	}
	
	.newscat_index .bt_back {
		/*padding: 0 !important;*/
		width:100% !important;
		padding-left: 20px;
	}

	.newscat_view .bt_back {
	    /*padding: 10px 158px !important;*/
		width:100%;
	}

	.newscat_view #download{
		width:100%;
		margin-left: 0 !important;
		margin-top: 32px;
	}

}

/*--------------------------------------- Tpl_cms ------------------------------------------------*/
@media all and (max-width:600px){
	#cms {
	    background: none;
	}
}

@media all and (max-width:320px){
	#bandeau {
		background: url("../../../../images/bertolit2016/cms/bandeauCms.jpg") no-repeat center center;
	    background-size: cover;
	    height: 145px;
	}
	
	#B{
		background: url("../../../../images/bertolit2016/cms/B.png") no-repeat;
	    background-size: cover;
	    height: 145px;
	    width: 37%;
	    float: right;
	}
}

@media all and (max-width:600px){
	#bandeau {
		background: url("../../../../images/bertolit2016/cms/bandeauCms.jpg") no-repeat center center;
	    background-size: cover;
	    height: 145px;
	}
	
	#B{
		background: url("../../../../images/bertolit2016/cms/B.png") no-repeat center;
	    background-size: cover;
	    height: 145px;
	    width: 37%;
	    float: right;
	}
}

@media all and (max-width:750px){
	#bandeau {
		background: url("../../../../images/bertolit2016/cms/bandeauCms.jpg") no-repeat center center;
	    background-size: cover;
	    height: 145px;
	}
	
	#B{
		background: url("../../../../images/bertolit2016/cms/B.png") no-repeat center;
	    background-size: cover;
	    height: 145px;
	    width: 37%;
	    float: right;
	}
	
	.berto{
		display: none;
	}
}

@media all and (max-width:1100px){
	.berto{
		display: none;
	}
}