@media screen and (max-width: 1020px) {
.center{
padding-left:20px;
padding-right:20px;
}

.home .accueil_histoire > article.blocs li > br{display:none;}

.contact .contact_equipes ul li{
width:33%;
padding-right:20px;
text-align:center;
}

.contact .contact_equipes ul li > .editor{
text-align:left;
margin-right:0;
width:100%;
}

.contact .contact_localiser .itineraires .coords{
right:10px;
bottom:-20px;
}

.contact .contact_localiser .itineraires .map .liens{
padding-right:380px;
padding-left:20px;
}
}

@media screen and (max-width: 900px) {
.contact .contact_localiser .itineraires .coords{
position:static;
margin-top:30px;
width:100%;
}

.contact .contact_localiser .itineraires .map .liens{padding-right:20px;}

.contact .contact_localiser .itineraires{padding-bottom:0;}
}

@media screen and (max-width: 850px) {
.produits .produits_rub article{
width:48%;
margin:0 1% !important;
}

.home .actu .diapo li > div{margin:0 80px;}

.home .actu .diapo li .img + .editor{padding-left:30px;}
}

@media screen and (max-width: 800px) {
body > .site_header > header nav > span:last-child > div{
left:auto;
right:0;
}

.produits .produits_marques article{
display:block;
text-align:center;
margin-bottom:0;
height:auto;
}

*.produits .produits_marques article + article{margin-top:0;}

.produits .produits_marques article div{
max-width:20%;
margin:15px 10px;
}

.home .accueil_atouts .left ul{padding:15px 0;}

.home .accueil_atouts .right ul{padding:15px;}

.home .accueil_atouts .right{margin-top:15px;}

.societe .societe_savoir_faire article .editor{
width:60%;
padding-right:40px;
}

.societe .societe_savoir_faire article .img + .editor{padding-left:40px;}

.societe .societe_savoir_faire article .img{width:40%;}

.societe .societe_histoire article{padding:0;}

.societe .societe_savoir_faire .txt1 > div{width:100%;}

.societe .societe_savoir_faire .txt1 .editor{padding:15px;}

.societe .societe_savoir_faire .txt1 .img{
background-color:#fff;
padding-bottom:20px;
}

.societe .societe_savoir_faire .txt1 .img img{margin:0 auto;}

.societe .societe_savoir_faire .txt2{padding:30px 0;}

.carrieres .carrieres_valeurs .pictos{
display:block;
text-align:center;
}

.carrieres .carrieres_valeurs .pictos li{
width:33%;
max-width:100%;
padding:10px;
}

.carrieres .carrieres_politiquerh article > div:first-child{
width:100%;
padding-right:0;
padding-bottom:10px;
}

.carrieres .carrieres_politiquerh article > div + div{
width:100%;
text-align:center;
}

.carrieres .form_candidature .left{padding-left:0;}

.carrieres .form_candidature .right{padding-right:0;}

.carrieres .form_candidature{
padding-left:20px;
padding-right:20px;
}

.home .accueil_contact .center article{padding-right:0;}

.home .accueil_contact .center article + article{padding-left:0;}
}

@media screen and (max-width: 700px) {
.societe section.societe_regles_or article{width:50%;}

.contact .contact_equipes ul li{width:50%;}

.contact .contact_localiser .itineraires .picto{
position:static;
text-align:center;
}

.contact .contact_localiser .itineraires .picto > span{
display:inline-block;
vertical-align:middle;
margin:0 10px 15px 10px !important;
}

.contact .contact_localiser .itineraires .picto > span > span{
height:40px;
line-height:40px;
}
}

@media screen and (max-width: 670px) {
.home section.diapo .ti{display:none;}

.home section.diapo .bx-pager{bottom:10px;}

.home .accueil_contact .center article{
width:100%;
border-right:0;
}

.home .accueil_contact .center article ul{max-width:100%;}

.home .accueil_contact .center article + article ul{margin-top:15px;}
}

@media screen and (min-width: 600px) {
body > .site_header > header nav{display:block !important;}
}

@media screen and (max-width: 600px) {
body > .site_header > header{
padding:20px;
text-align:left;
}

body > .site_header > header > a{
margin-bottom:0;
vertical-align:middle;
width:70%;
}

body > .site_header > header .menu_resp{display:inline-block;}

body > .site_header > header nav{
display:none;
text-align:center;
margin-top:10px;
}

body > .site_header > header nav > span{
display:block;
margin:0;
padding:10px 0 6px 0;
}

body > .site_header > header nav > span > div{
margin-top:10px;
position:static;
text-align:center;
}

.titre_rub{
padding:35px 0 20px 0;
font-size:18px;
line-height:20px;
}

.home .accueil_histoire > article.editor div{width:100% !important;}

.home .accueil_histoire > article.editor div img{
margin:0 auto;
max-width:100%;
}

.home .accueil_histoire > article.editor div + div{
margin-top:10px;
padding:15px;
}

.home .accueil_histoire > article.blocs li{
padding-left:0 !important;
padding-right:0 !important;
width:100% !important;
}

.home .accueil_atouts .left ul, .home .accueil_atouts .right ul{width:100%;}

.home .accueil_atouts article{
background-image:none !important;
padding-top:0;
}

.produits .produits_marques article div{max-width:33%;}

body > .site_pusher > footer{padding:15px;}

body > .site_pusher > footer > a{
margin-left:10px;
padding-left:10px;
}

body > .site_pusher > footer .sociaux span:first-child{
display:block;
margin-bottom:10px;
}

.bandeau_page img + .ti{
position:static;
height:auto !important;
line-height:normal !important;
}

.bandeau_page img + .ti h1{
background-color:#000;
text-shadow:none;
padding:15px 0;
width:100%;
font-size:14px;
}

.societe .societe_savoir_faire article h3{margin-bottom:20px;}

.societe .societe_savoir_faire article .editor, .societe .societe_savoir_faire article .img{
padding-left:0 !important;
padding-right:0 !important;
width:100%;
}

.societe .societe_savoir_faire article .editor{padding-bottom:20px;}

.societe .societe_savoir_faire article .img + .editor{
text-align:left;
padding-top:20px;
padding-bottom:0;
}

.societe .societe_savoir_faire article .img{text-align:center !important;}

.carrieres .carrieres_valeurs .pictos li{width:50%;}

.carrieres .carrieres_valeurs > article.editor{
padding:15px;
margin-top:20px;
}

.carrieres .carrieres_politiquerh article > div .sociaux a{width:100%;}

.carrieres .carrieres_politiquerh article > div .sociaux a + a{margin-left:0;}

.carrieres .form_candidature .left{padding-right:0;}

.carrieres .form_candidature .left, .carrieres .form_candidature .right{width:100%;}

.carrieres .form_candidature .oblig{padding-bottom:20px;}

.carrieres .carrieres_temoignages .diapo li > div{padding:20px 15px 70px 15px;}

.carrieres .carrieres_temoignages .diapo li img{
max-width:none;
max-height:100px;
}

.carrieres .carrieres_temoignages .diapo li img + .editor{
max-width:none;
padding-left:0;
text-align:center;
padding-top:30px;
}

.carrieres .carrieres_temoignages .diapo li img +.editor h4{background:url(../img/separ_temoignage.jpg) no-repeat center bottom;}

.carrieres .carrieres_temoignages .diapo .bx-prev, .carrieres .carrieres_temoignages .diapo .bx-next{
bottom:15px;
top:auto;
margin-top:0;
}

.carrieres .carrieres_temoignages .diapo .bx-prev{
left:50%;
margin-left:-50px;
}

.carrieres .carrieres_temoignages .diapo .bx-next{
left:50%;
right:auto;
margin-left:35px;
}

.home .actu .diapo li > div{
text-align:center;
margin:0 40px;
}

.home .actu .diapo li .img, .home .actu .diapo li .img + .editor{width:100%;}

.home .actu .diapo li .img + .editor{padding:20px 0 !important;}

.home .actu .diapo li a.bt_noir{position:static;}
}

@media screen and (max-width: 500px) {
.produits .produits_rub article{
width:100%;
margin:0 !important;
}

body > .top li{
width:100%;
text-align:center !important;
}

body > .top li + li{
margin-top:10px;
font-size:11px;
}
}

@media screen and (max-width: 460px) {
.societe section.societe_regles_or article{
width:100%;
padding:20px 0;
}

.carrieres .carrieres_valeurs .pictos li{width:100%;}

.carrieres .carrieres_emploi article .titre{padding:10px 40px 10px 10px;}

.carrieres .carrieres_emploi article .bt{right:10px;}

.carrieres .carrieres_emploi article .editor{padding:15px 10px;}

.contact .contact_equipes ul li{
width:100%;
padding-right:0;
}
}

@media screen and (max-width: 400px) {
.contact .contact_localiser .itineraires .coords li{width:100% !important;}

.contact .contact_localiser .itineraires .coords li.editor{
padding-left:0;
padding-top:5px;
}

.carrieres .carrieres_temoignages .diapo li .editor{font-size:12px;}
}