@media screen and (max-width:1210px) {
}	
@media screen and (max-width:1200px) {
}
@media screen and (max-width:1040px) {
#header {
left: 0;
margin-left: 0;
}	
#header .header {
width: 100%;
}
#service {
width: 100%;
}
#service .contenu_about {
width: 100%;
}
}
@media screen and (max-width:1010px) {	
}	
@media screen and (max-width:1000px) {
}
@media screen and (max-width:992px) {	
}
@media screen and (max-width:975px) {
}
@media screen and (max-width:925px) {
}	
@media screen and (max-width:910px) {
}
@media screen and (max-width:875px) {
}
@media screen and (max-width:850px) {
}
@media screen and (max-width:800px) {	
#header .logo {
width: 16%;
}
}	
@media screen and (max-width:780px) {
}
@media screen and (max-width:768px) {	
}
@media screen and (max-width:750px) {
}
@media screen and (max-width:700px) {
}
@media screen and (max-width:680px) {	
}
@media screen and (max-width:610px) {
#service .blocimg {
margin-left: 20%;
width: 60%;
}	
#service .bloc_img {
position: relative;
top: -232px;	
}
#service .bloc_contenu {
position: relative;
top: 232px;
width: 100% !important;	
}
#service .iconservice {
margin-left: 0;
}	
#service .paraservic {
margin-left: 0;
}	
#service .contenubloc {
width: 100%;
}
}
@media screen and (max-width:580px) {	
#header .logo {
width: 19%;
}	
}
@media screen and (max-width:540px) {	
}	
@media screen and (max-width:500px) {
#header .logo {
margin-left: 2%;
margin-top: 0;
position: fixed;
top: 2px;
width: 30%;
z-index: 99;
}	
}
@media screen and (max-width:450px) {
}
@media screen and (max-width:400px) {
#header .logo {
width: 35%;
}	
#service .blocimg {
margin-left: 10%;
width: 80%;
}
}
@media screen and (max-width:370px) {
#header .logo {
width: 40%;
}	
}
@media screen and (max-width:340px) {
}