@media screen and (max-width: 1200px) {
	#logo-head { width:20%; }
	#logo-head img { width: 80%; }
	#menu { padding: 0 15px; }
	#menu ul li:first-child{ text-align: center; }
	#menu ul li a span { padding: 5px 20px; }
	body.fixed_head #logo-head img { width: 70%; }

	#offre, #presentation, #video, #trois-mots-details, #footer_bottom{
		padding-right: 30px;
		padding-left: 30px;
	}

	#trois-mots {padding: 150px 30px;}

	#video h2 { font-size: 45px; }
	#pre-contact .wp33 { padding: 0 40px; }
	#pre-contact h2 { font-size: 45px; }
	#contact { padding-top: 10%; }
	#va .wp25 { padding: 20px 40px; }

}

@media screen and (max-width: 1024px){
	#home { background-attachment:scroll !important; }
	#trois-mots { background-attachment: scroll !important; }
}

@media screen and (max-width: 990px) {
	#footer_bottom .text-right img { width: 50%; }
	#footer_bottom .wp50 { width: 60%; }
	#footer_bottom .wp25 { width: 20%; }
	#trois-mots-details .content_row { background-size: 60% auto; }
}

@media screen and (max-width: 880px) {
	#menu ul li a span {
    	padding: 5px 15px;
	}
	#offre .wp33:first-child {
		width: 100%;
	}
	#offre .wp33 {
		width: 50%;
	}
	#offre h2 {
		margin-bottom: 20px;
	}
	#offre h2 br { display: none; }
	#offre img {
		height: 140px;
		width: auto;
	}
	#presentation .wp33 {
    	padding: 50px 15px;
	}
	#presentation .wp33 h3 {
    	font-size: 22px;
	}
	#video { text-align: center; padding: 70px 0; }
	#video h2 {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	#video h2 br:first-child,
	#video h2 br:last-child{
		display: none;
	}
	#video .wp60 { float: none; margin: 0 auto; width: 70%; }
	/*#trois-mots {
		background: url(../images/bg_trois_mots.jpg) -180px top no-repeat;
    	background-size: 130% auto;

	}*/
	#trois-mots { padding: 120px 30px; }
	#trois-mots .wp45 { padding: 0 30px; }
	#trois-mots h2 { font-size: 45px; }
	#trois-mots .content_row .wp45 h3:first-of-type {
    	max-width: 50%;
    	margin-top: 50px;
	}
	#trois-mots-details .wp33 { padding: 0 10px; }
	#va .wp25 { padding: 20px 30px; }
	#pre-contact { padding: 60px 10px; }
	#pre-contact .wp33 { padding: 0 20px; }
}

@media screen and (max-width: 780px) {
	#menu ul li a span { font-size: 12px; }
	#home { height: 80%; }
	#presentation { padding: 60px 20px 30px; }
	#presentation .wp33 { padding: 50px 9px; }
	#presentation .wp33 h3 { font-size:17px; }
	#presentation .wp33 p { font-size:13px; }
	#video { padding: 60px 0; }
	#video h2 { font-size: 35px; }
	#video .wp60 { width:65%; }
	#trois-mots { padding: 90px 30px; }
	#trois-mots h2 { font-size: 40px; }
	#trois-mots h3 { font-size: 30px; padding: 20px 0;}
	#trois-mots-details ul li { font-size: 13px; padding-left: 30px; }
	#trois-mots-details .wp33 h2 { font-size:30px; }
	#trois-mots-details .content_row .wp33:first-child ul li,
	#trois-mots-details .content_row .wp33:nth-child(2) ul li,
	#trois-mots-details .content_row .wp33:last-child ul li
	{
    	background-size: 10% auto;
	}
	/*#trois-mots-details .content_row {
    	background: url(../images/bg_trois_mots_details.jpg) right 80% no-repeat;
		background-size: 60% auto;
	}*/
	#va h2 { font-size: 35px; }
	#va .wp25 { padding: 20px 15px; }
	#va .wp25 p {font-size: 13px; }
	#va .wp25 img { margin-bottom: 15px; width: 50%; }
	#va { padding: 70px 30px 30px; }
	#pre-contact h2 {
		float:none;
		width: 100%;
		text-align: center;
		font-size: 35px;
		margin-bottom: 30px;
	}
	#pre-contact { padding: 60px 50px; }
	#pre-contact .content_row > div.wp33 { width: 50%; padding: 0 20px;}
	#pre-contact h2 br { display: none; }
	#pre-contact h2 br:nth-child(2){ display: block; }
	#contact h2 { font-size: 40px; }
	#footer_bottom .text-right img { width: 70%; }

}

@media screen and (max-width: 640px) {
	#menu ul li a span { padding: 5px 7px; }
	#home { height: 80%; }
	#offre .wp33 {
		width: 100%;
	}
	#offre a {
		display: block;
		margin: 30px auto 30px auto;
	}
	#presentation { padding: 50px 20px 30px; }
	#presentation .wp33 {
		width: 50%;
		margin: 0 auto;
		float: none;
	}
	#presentation h1 { margin-bottom:20px; }
	#presentation .wp33 { padding: 20px 0; }
	#presentation .wp33 img { font-size: 24px; }
	#presentation .wp33 h3 { font-size: 24px; margin: 15px 0;}
	#presentation .wp33 p { font-size: 15px; }
	#trois-mots { background-position: right top; background-size: cover; }
	#trois-mots h2 { font-size:35px; }
	#trois-mots-details { padding: 30px 30px 15px;}
	#trois-mots-details .content_row {
    	background-image: none;
    	background-color: #fff;
		padding-bottom: 0;
	}
	#trois-mots-details .wp33 h2 { font-size:35px; }
	#trois-mots-details .wp33 {
		width: 100%;
		float: none;
		padding: 30px 0;
	}
	#trois-mots-details ul li { font-size: 15px; padding-left: 40px ;}
	#trois-mots-details .content_row .wp33:first-child ul li, #trois-mots-details .content_row .wp33:nth-child(2) ul li, #trois-mots-details .content_row .wp33:last-child ul li {
    	background-size: 5% auto;
	}
	#va .wp25 { width: 50%; word-wrap: break-word; padding:25px 30px; }
	#va .wp25 img { width: 40%; }
	#va .wp25 p { font-size: 15px; }
	#pre-contact .content_row > div.wp33 { padding: 0 5px; }
}

@media screen and (max-width: 540px) {
	#home { height: 60%; }
	#menu ul li { display: none; }
	#menu ul li a span {
		padding: 2px 15px;
		background-color: #e35c61;
		font-size:14px;
		color: white;
		margin: 5px;
	}
	#menu #logo-head {
		display: block;
		float: left;
		width: 35%;
		text-align: left;
	}
	#menu #tel-head { display: block; float: right; }
	#video .wp60 { width: 75%; }
	#trois-mots { background-position: -180px top; background-size: cover; }
	#trois-mots .wp45 { padding: 0; }
	#pre-contact .content_row > div.wp33 { float: none; width: 100%;}
	#pre-contact .content_row > div:first-of-type { margin-bottom:20px; text-align: left; }
	#footer_bottom .wp25:first-child img { width: 80%; }
	#footer .wp50 { padding-top: 0px; }
	#footer_bottom .text-right img { width: 80%; }

}

@media screen and (max-width: 480px) {
	#home { height: 45%; }
	#menu #logo-head { width: 45%; }
	#menu ul li a span { margin: 3px; }
	#presentation .wp33 { width: 100%; }
	#trois-mots-details .wp33 { padding:20px 0; }
	#va .wp25 { padding: 20px 0; }
	#va .wp25 img { width: auto; }
	#pre-contact { padding: 60px 30px; }
	#pre-contact .wp33 { padding: 0; }
	#pre-contact h2 { font-size: 30px; }
	#contact { padding: 20% 10px; }
	#footer { padding-bottom:20px; }
	#footer_bottom .wp25 {
    	width: 30%;
    	margin: 0 auto;
    	text-align: center;
		float: none;
	}
	#footer_bottom .wp25:last-child { width: 100%; }
	#footer_bottom .wp25:last-child a { display: inline-block; }
	#footer_bottom .wp50 {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	#footer_bottom {padding: 15px 0;}
}