/*D INTER*/
@media screen and (min-width: 1500px) {
@media screen and (max-width: 1400px) {
	header #nav-sites  #dat{right:0;}
	header #nav-sites  #ddg{left:80px;}
}

}
@media screen and (max-width: 1220px) {
#page #central_home #right_home #dg_home img{display:none;}
.imgcc{margin-right:3%}
#page #top #top_deco #mobilier{margin-left:-90px;}
}

@media screen and (max-width: 1180px) {
header #nav-sites li{margin-right:11%;}
#page #top #top_deco #mobilier img {width:90%!important; height:auto; margin-left:10%;}
#page #top #top_deco #mobilier {margin-top:-60px;}

}

@media screen and (max-width: 1150px) {
header #nav-metiers #nav-metiers-table div{margin-right:6%;}
}


@media screen and (max-width: 1110px) {
header #nav-sites li{margin-right:9%}
header #nav-sites  #ddg {left:80px;}
header #nav-sites  #dcr {left:40%;}
header #nav-sites  #dad {right:20%;}
header #nav-sites  #dat {right:0px;}

header #nav-metiers #nav-metiers-table div{font-size:15px; padding-top:15px;}

#page #top #top_txt h1 {font-size:25px;}

.imgcc {width:20%; max-width:131px;}
}

@media screen and (max-width: 1000px) {header #nav-metiers #nav-metiers-table{width:75%}}

@media screen and (max-width: 980px) {

header #nav-sites ul {height:90px; vertical-align:bottom; padding-left:5%; margin-top:25px; }
header #nav-sites a {font-size:11px;}
header #nav-sites #dg {margin-top:25px;}
header #nav-sites #di {margin-top: -5px;}
header #nav-sites li img{ width:100px; margin-right:5%} 
header #nav-sites li  #img-cr{ width:150px; }
header #nav-metiers ul li {margin:5px 7%; }
header #nav-metiers ul li a{font-size: 15px; font-weight:bold;}

header #nav-sites li div img {width:auto;}
#nav-sites table .cc{width:10%;}
#nav-sites table .cliquez{display:block; color:#fff; margin-right:10px;}
#nav-sites .number {display:none;}

#page #top #top_deco #mobilier {margin-top: -50px;}

#top_deco {width:50%;}
#top_deco #mobilier img {width:100%; height:auto;}

#page #top #top_txt {margin:30px;}
#page #top #top_txt h2 {font-size:21px}

#page #top #top_numbers .number{height:70px; width:80px; font-size:25px;}
#page #top #top_numbers .number p{font-size:11px;}


#page #central_home #right_home {width:19%}
#page #central_home #right_home #tel-fax  {font-size:12px;}


#page #central_home #right_home #actus_home article img {display:none;}


#page #content_home.contact #formulaire .label {font-size: 14px; }
#page #content_home.contact #formulaire img {display:none;}
#page #content_home.contact #formulaire fieldset {width:95%;}

#page #central_home #right_home #ad p {font-size: 14px;}
}

@media screen and (max-width: 980px) {header #nav-metiers #nav-metiers-table div{font-size:15px;}

}@media screen and (max-width: 950px) {header #nav-metiers #nav-metiers-table div{margin-right:3%;}
}


@media screen and (max-width: 880px) {
header #nav-sites li{margin-right:6%}
header #nav-sites  #ad,  header #nav-sites #at, header #nav-sites #cr{display:none;}
header #nav-sites #dg:hover #ddg {display:none!important;}

#page #top #top_deco {width:30%;}
#page #top #top_txt {width:60%;}
#top_deco #mobilier img {margin-left:20px !important; margin-top:110px !important;}

}

@media screen and (max-width: 830px) {
#page #content_home.contact #contact-adresse, #page #content_home.contact #contact-tel {font-size:15px}
#page #content_home.contact #contact-adresse img {padding: 20px 40px !important; }
#page #content_home.contact  #img-bat-darwin {width:40%;}
header #nav-metiers a #nav-contact {position:fixed; top:30px; right:0; background:none;}

header #nav-metiers #nav-metiers-table {width:100%}
header #nav-metiers #nav-tel2 {display: block;position: fixed;top: 30px;right: 100px; background:none;}
header #nav-metiers #nav-metiers-table div {margin-right:4%;}
}


@media screen and (max-width: 795px) {
#page #central_home #right_home #tel-fax p{ font-size: 13px;}
#page #central_home #right_home #tel-fax  img{display:none;}
#page #central_home #right_home #tel-fax  p:last-child{display:none;}
.cas-clients h3 {font-size:18px;}

#mobilier_boite{display:none;}

}


@media screen and (max-width: 730px) {

#page #top #top_numbers{width:80%;}

#top_deco {display:none;}

#top_deco #mobilier {vertical-align:bottom; }
#page #top #top_txt {width:90%; margin:5% 5%}


#page #central_home #content_home.glossaire {margin-left:30px; width:80%;}
#page #content_home.contact #contact-adresse img, #page #content_home.contact #contact-tel  img {display:none;}
#page #content_home.contact #contact-adresse , #page #content_home.contact #contact-tel  {padding-left:45%; margin:10px; width:80%;} 
#page #content_home.contact #img-bat-darwin {width:38%;}



#page #content_home.contact #formulaire input[type="text"], #page #content_home.contact #formulaire select, #page #content_home.contact #formulaire textarea {width:70%;}
#page #content_home.contact #formulaire .label {width:20%}
}


@media screen and (max-width: 650px) {

header #nav-sites #dg #ddg {display:none!important;}
header #nav-sites #di {margin-top:5px;}

#top_deco {display:none;}
#page {background-image:none;}
#page #top {background-color:#772138; height:100%; min-height:200px; margin-bottom: 20px;}
#page #top #top_txt {height:auto; width:90%; float:left; margin-bottom:0;} 
#page #top #top_numbers { width:100%; margin-left:20px; padding:15px; text-align:center;}
#page #top #top_numbers .number {border: 4px solid #772138; background:#dadada; margin:15px ; color:#000;}

#page #central_home #right_home #dg_home img{display:block;}

#page #central_home #right_home, #page #central_home #content_home{ margin-left:0; width:96%; max-width:650px; padding: 0 2%; float:left;position:relative; right:0;}
#page #central_home #right_home.right_in{padding-left:2%; margin-top:50px;}
#mobilier_boite img{margin-top:0 !important; }
.cas-clients{margin-bottom:30px;}
#page #central_home #right_home #actus_home article img {display:block;}
#page #central_home #right_home #actus_home article {min-height:80px;}
header{height:100px; background-size:100% 100%;}
header #nav-sites, header #nav-sites ul {height:60px; margin:0;}
header #nav-sites li #img-di {width:120px;}
header #nav-sites #dg {margin-top:15px;}


header #nav-metiers a #nav-contact, header #nav-metiers #nav-tel2 {top:0;}

#page {margin-top:95px;}
header #nav-metiers #nav-metiers-table div {font-size:13px; padding-top:5px;}
footer #footer div{margin-right:15%;}
}

@media screen and (max-width: 580px) {
header #nav-metiers #nav-metiers-table div {margin-right:3%;}

#page #top {height:280px;}}
@media screen and (max-width: 540px) {
header #nav-metiers #nav-tel2 {display:none;}
header #nav-metiers #nav-metiers-table div {margin-right:2%;}
}

@media screen and (max-width: 515px) {

#page #content_home.contact #contact-adresse , #page #content_home.contact #contact-tel  {padding-left:20px; width:70%; text-align:center;} 
#page #content_home.contact img#img-bat-darwin {display:none;}

header #nav-metiers #nav-metiers-resp {display:block; float: left;position: fixed; width:100%; margin: 0 auto; } 
#nav-metiers-table {display:none;}
header #nav-metiers #nav-metiers-resp select{outline: none; width:60%; background:transparent; border:none; float:right; height:28px; margin-top:-3px; font-weight: bold; font-family: Raleway, Sans-serif; font-size: 18px;} 
header #nav-metiers #nav-metiers-resp select:focus{outline: none;}
header #nav-metiers #nav-metiers-resp option{font-weight:bold; } 

#page #central_home #right_home #tel-fax {font-size: 20px;} 
#page #central_home #right_home #tel-fax  img, #page #central_home #right_home #tel-fax  p:last-child{display:inline;}

}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 470px) {

header #nav-metiers ul li a{font-size: 14px; font-weight:bold;}
#page #top #top_txt h2, #page #top #top_numbers, #page #top #top_txt p {opacity:1; -webkit-animation:none; 	-moz-animation:none;	animation:none;}
#page #top #top_txt p{text-shadow:none; font-size:12px;}
#page #top {height:100%; min-height:280px;}
#page #top #top_numbers { margin-left:0; }
#page #top #top_numbers .number {margin:30px 10px;}
.cas-clients .cc-visu.mona{height:120px;}
#page #content_home.contact table table #contact-adresse {font-size:15px; padding:15px;}
}

@media screen and (max-width: 430px) {
.cas-clients .cc-visu{ border:none; background:none;padding:0;}
.visu{margin: 0 2%;}
.cas-clients h3 {margin-top:0; font-size:15px;}
}

@media screen and (max-width: 365px) {

h1{text-align:center;}
header #nav-sites #dg{display:none;}
header #nav-metiers ul {padding-left:10px}
header #nav-metiers ul li a{font-size: 11px; font-weight:bold;}
#page #content_home.contact #contact-adresse {font-size:11px}
#page #top, #page #right_home  {display:none;}
#page #central_home #content_home{padding-left:2%; padding-top:5%;}

#page #content_home.contact img { width:90%;}
#page #content_home.contact #formulaire {width:90%;}
#page #content_home.contact #formulaire .label {float:none; width:30%; text-align:left;}
#page #content_home.contact #formulaire input[type="text"], #page #content_home.contact #formulaire select, #page #content_home.contact #formulaire textarea {width:90%;}

#adresse-responsive {display:block; text-align:center;}
footer #footer li a{font-size:10px; padding:0;}
footer #footer ul{line-height:12px;}
footer #footer h2{font-size:12px;}
}