@font-face {
  font-family: 'Futura';
  src: url("fonts/futura.otf") format("truetype");
}
section#bloc1{
	background: url(img/mission.jpg) center 40% no-repeat fixed;
    display: none;
    float: left;
    width: 100%;
    padding-bottom: 30px;
	    color: #000;
}

#cms1 section#bloc1{
    display: block;
}

section#bloc1 .contents{
    width: 100%;
	margin:0 auto;
	max-width:1170px;
}
section#bloc1 .contents h2{
    margin: 10px 0;
    color: #ff0002;
    font-size: 26px;
    padding: 1%;
    font-family: 'Futura';
    font-weight: normal;
}

section#bloc1 .contents h1{
   
    /* float: left; */
    font: 700 43px Poppins;
    margin: 70px auto 0 auto;
    max-width: 475px;
    padding: 11px 20px;
    text-align: center;
    width: 100%;
	    color: #AE9A64;
}
section#bloc1 .contents h4{
    margin: 10px 0;
    font: 700 43px Poppins;
    color: #ae9a64;
    font-size: 24px;
    line-height: 27px;
}
section#bloc1 .contents h5{
    text-align: center;
    width: 60px;
    margin: 0 auto;
    border-bottom: 1px solid #ae9a64;
    padding-bottom: 5px;
    font-weight: 900;
	font-size: 17px;
}
#colunm_infos_bloc1.block{
width:100%;
max-width:1000px;
float:right;
margin:25px 0 0 0
}


@media (min-width: 320px) and (max-width: 767px) {
	section#bloc1 .contents h1{
		margin: 70px 5% 0;
		width:90%;
		padding:0
	}
	#colunm_infos_bloc1.block {
		margin: 25px 5% 0;
		max-width: 90%;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	section#bloc1 .contents h1{
		margin: 70px 5% 0;
		width:40%;
		padding:0
	}
	#colunm_infos_bloc1.block {
    margin: 0 auto;
    width: 100%;
	}
}


@media (min-width: 1024px) and (max-width: 1169px) {
	section#bloc1 .contents{
		max-width:1024px;
	}
	
	section#bloc1 .contents h1{
		margin: 70px 0 0 11px;
		max-width: 96%;
	}
	#colunm_infos_bloc1.block {
		margin: 25px 25px 0;
		max-width: 95%;
	}
}

@media (min-width: 1170px) {
	#colunm_infos_bloc1.block {
		margin: 100px 85px;
	}
}