
section#bloc3{
background:url(img/bloc3.jpg) center right no-repeat;
    float: left;
    height: auto;
    width: 100%;
    display: none;
    margin-bottom: 2%;
}

.fond-bloc3{
    margin: 0 auto;
    width: 50%;
    float: left;
    height: auto;
    position: relative;
}
.intervention{
    background: transparent;
    margin: 0 auto;
    width: 50%;
    float: left;
    height: auto;
    position: relative;
}
section#bloc3 a{

    color:#000;

    text-decoration:underline;

    font-weight:bold;

}

section#bloc3 a:hover{

    color: #000;

    text-decoration:underline;
}

section#bloc3 #fruit{
    background: url(img/fruit.png) top left no-repeat;
    height: 108px;
    float: left;
    width: 96%;
    margin-top:124px;
    background-size: contain;



}
section#bloc3 #formage{
    background: url(img/formage.png) top left no-repeat;
    height: 74px;
    float: left;
    width: 100%;
    margin-top: 25px;
    background-size: contain;

}
section#bloc3 #vin{
    background: url(img/vin.png) top left no-repeat;
    height: 108px;
    float: left;
    width: 100%;
    margin-top: 25px;
    background-size: contain;

}


#bloc3 #colunm_infos_bloc3 .bar_contents ul li {
    list-style-image:url('img/puce1.png');
}

#cms1 section#bloc3{
    display: block;
}

section#bloc3 .contents{
width: 92%;
    margin: 0 auto;
    max-width: 1170px;
    color: #000;
}

section#bloc3 .contents h1{
    margin: 47px auto 0 auto;
    max-width: 475px;
    padding: 11px 20px;
    text-align: center;
    width: 100%;
    color: #0e587b;
    text-transform: uppercase;
}

#colunm_infos_bloc3.block{
    width: 100%;
    max-width: 100%;
    float: right;
    position: relative;
    margin: 0 0 0 0;
    background: url(img/bloc3.png) center center no-repeat;
    min-height: auto;
    left: 0%;
    z-index: 999999;
    height: 570px;
}

#colunm_infos_bloc3.block ul{
    width: 100%;
    height: auto;
    display: block;
    padding: 0;
    margin: 0px 0 0 0;
}

/*#colunm_infos_bloc3.block ul li{
	display: block;
    font: 500 17px/38px 'Open Sans', sans-serif;;
    padding: 25px 0 0 45px;
}
*/
#colunm_infos_bloc3.block ul li i{
	color:#000;
	margin:0 4px 0 0
}

@media (min-width: 320px) and (max-width: 991px) {
	section#bloc3 .contents h1{
		margin: 70px 5% 0;
		width:90%;
		padding:0
	}
section#bloc3 #fruit{
    background: url(img/fruit.png) top center no-repeat;
    height: 108px;
    float: left;
    width: 96%;
    margin-top:124px;
    background-size: contain;



}
section#bloc3 #formage{
    background: url(img/formage.png) top center no-repeat;
    height: 74px;
    float: left;
    width: 100%;
    margin-top: 25px;
    background-size: contain;

}
section#bloc3 #vin{
    background: url(img/vin.png) top center no-repeat;
    height: 108px;
    float: left;
    width: 100%;
    margin-top: 25px;
    background-size: contain;

}

}


@media (min-width: 992px) and (max-width: 1023px) {
	section#bloc3 .contents h1{
		margin: 70px 5% 0;
		width:95%;
		padding:0;
		text-align: center;
	}


}


@media (min-width: 1024px) and (max-width: 1169px) {
	section#bloc3 .contents{
		max-width:1024px;
	}
	
	section#bloc3 .contents h1{
		margin: 70px 0 0 11px;
		max-width: 96%;
		text-align: center;
	}
    #colunm_infos_bloc3.block {
    margin: 8px 0px 0;

    }
.bar_contents{
  float: left;
    width: 100%;  
}

}

@media (min-width: 1170px) {
	#colunm_infos_bloc3.block {
	margin:0 auto;
 
	}
.bar_contents{
  float: left;
    width: 98%;  
}

}
