@media screen and (max-width: 1000px) {
  body{background:none;overflow-x:hidden;}
  .autoMargin{width:90%;margin:0 auto;}
  #weather,#social,#partager,#gauche .newsletter{display:none;}
  #header #indispensablesConteneur{z-index:2;border-color:transparent #3B5866 transparent transparent;border-width:0 0 320px 0;position:fixed;width:0;height:0;top:0;right:0;overflow:hidden;border-style:solid;}
  #header #indispensables{padding:0;position:fixed;top:5px;right:-275px;left:auto;z-index:2;width:275px;height:320px;}
  #header #indispensables .flaticon2-keyboard53{cursor:pointer;display:block;position:absolute;width:30px;height:30px;line-height:30px;text-align:center;bottom:55px;right:15px;font-size:15px;border:2px solid #ffffff;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
  #header #indispensables span{color:#ffffff;}
  #header #indispensables .trait{float:right;width:127px;}
  #header #indispensables #circle{width:140px;margin:5px 0 0 160px;}
  #header{background:#f7f7f7;position:fixed;margin-left:-5%;width:100%;border-bottom:4px solid #abb6ba;z-index:2;}
  #header h1{margin:0;padding:0;}
  #header .langues{display:none;}
  #header .flaticon2-menu48,#header .flaticon2-more10{display:block;cursor:pointer;position:absolute;top:28px;left:28px;color:#abb6ba;font-size:22px;}
  #header .flaticon2-more10{right:28px;left:auto;}
  #gauche{position:absolute;width:80%;top:0;left:-80%;background:#3b5866;min-height:100%;z-index:3;}
  #gauche.open{-moz-box-shadow: 0px 0px 10px 0px #000000;
  -webkit-box-shadow: 0px 0px 10px 0px #000000;
  -o-box-shadow: 0px 0px 10px 0px #000000;
  box-shadow: 0px 0px 10px 0px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);}
  #menuGauche{overflow-y:auto;height: 100%;}
  #gauche #menuGauche #menu{margin-left:0;width:100%;border:0;margin-top:50px;}
  #gauche #menuGauche #menu li a{background:#3B5866 url('../img/fleche.png') calc(100% - 23px) 20px no-repeat;color:#ffffff;}
  #gauche #menuGauche #menu li{border-bottom:1px solid #4f6976;background:none;}
  #header .goSearch{display:block;cursor:pointer;position:absolute;top:28px;right:70px;color: #ACB5BA;font-size: 17px;}
  #header #rechercher{display:none;position:absolute;top:83px;background:#ffffff;width:100%;padding:15px 0 15px 30px;margin:0;float:none;border-bottom:2px solid #abb6ba;}
  #header #rechercher #recherche{width:calc(100% - 113px);}
  #header #mainlogo{float:none;display:block;width:300px;margin:0 auto;}
  #header #mainlogo img{width:100%;}
  #gauche{float:none;}
  #gauche #menuGauche .langues{display:none;float:none;margin:15px 0 15px 15px;overflow:hidden;}
  #gauche #menuGauche .langues a{width:30px;height:30px;
  -webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;}
  #gauche #menuGauche .flaticon2-delete30{display:block;cursor:pointer;color:#ffffff;position:relative;float:right;margin:15px 15px 0 0;}
  #main{width:100%;float:none;padding-left:0;clear:both;padding-top:97px;padding-bottom:0;}
  #main #actu{width:100%;}
  #main #actu #une{width:100%;overflow:hidden;}
  #main #actu .actu{width:33.3%;}
  #main #event{margin:0 auto;overflow:hidden;width:620px;}
  #main #event #creerEvent{margin-right:10px;}
  #agenda{width:50%;}
  #filterCats{width:46%;margin-left:4%;}
  .oualors{display:none;}
  .listFiches{margin:0 auto;width:710px;}
  .photosFiche{width:23%;margin:2% 2% 0 0;}
  .icon.flaticon2-clock96{display:none;}
  #boxInfos,#map-fiche{width:49%;}
  #contact .newsletter{display:block;width:415px;margin:45px auto;}
  .newsletter .loadinscription{right:10px;}
  #main .headCovoiturage input{position:absolute;top:10px;right:10px;}
  .annonce .content{width:calc(100% - 129px);}
  #contact{margin:0;}
  #contact .newsletter p:nth-child(1){float:left;margin-right:15px;}
  #contact #map{width:50%;}
  #contact #adresse{width:calc(50% - 30px);}
  #footer{display:none;}
}
@media screen and (max-width: 765px) {
  .onlyMobile{display:block;}
  .autoMargin{width:100%;}
  #header{margin-left:0;}
  #main.page,#main.actuPage{width:90%;margin:0 auto;}
  #main.page h2{text-align:center;display:block;}
  .listFiches{width:500px;}
  .fiche{margin:0 24px 24px 0;}
  .photosFiche{width:31.333%;}
  #boxInfos,#map-fiche{width:112%;margin-left:-6%;float:none;}
  #map-fiche{height:210px;}
  #boxInfos .onglet{display:none;}
  #boxInfos .content{padding-top:92px;overflow:hidden;position:relative;text-align:center;}
  #boxInfos .content .icon{text-align:center;cursor:pointer;line-height:70px;font-size:37px;position:absolute;top:0;width:25%;background:rgba(0,0,0,0.2);}
  #boxInfos .content .icon.active{background:none}
  #boxInfos .content .flaticon2-pin56{left:0;border-right:3px solid;border-color:#000000;border-color:rgba(0,0,0,0.3);}
  #boxInfos .content .flaticon-envelope4{left:25%;border-right:3px solid;border-color:#000000;border-color:rgba(0,0,0,0.3);}
  #boxInfos .content .flaticon2-telephone5{left:50%;border-right:3px solid;border-color:#000000;border-color:rgba(0,0,0,0.3);}
  #boxInfos .content .flaticon2-clock96{display:block;left:75%;border-right:3px solid;border-color:#000000;border-color:rgba(0,0,0,0.3);}
  #boxInfos .content .details{display:none;margin-bottom:0;float:none;font-size:17px;line-height:25px;}
  #boxInfos .content .details.active{display:block;}
  #boxInfos .details table{width:100%;font-size:14px}
  .newsletter .loadinscription{right:auto;left:50%;margin-left:70px;}
  .singleEvent .content{float:none;width:100%;margin:0;}
  .singleEvent #mapEvent{float:none;width:100%;height:250px;}
  .headCovoiturage .depart, .headCovoiturage .arrivee,.headCovoiturage .date{width:100%;margin-bottom:10px;}
  .headCovoiturage select,.headCovoiturage .date select{width:110%;}
  #main.page .annonce h2{text-align:left;width:auto;}
  .annonce .date{font-size:12px;line-height:14px}
  #main.page .annonce h2{margin:0;font-size:20px;}
  .annonce .content{padding-top:10px;padding-bottom:10px;min-height:68px}
  .annonce .dispo{font-size:0;line-height:0;top:auto;right:auto;margin-top:5px;position:relative;float:left;margin-bottom:5px;}
  .annonce .dispo i{display:none;}
  .annonce .dispo div{font-size:13px;line-height:13px;font-family:"roboto";padding:5px;}
  #main .headCovoiturage input{position:relative;top:auto;right:auto;width:100%;}
  .annonce a{position:relative;top:auto;right:auto;float:right;line-height:27px}
  #stepAct span{display:block;width:100%;float:none;text-align:left;border-bottom:1px solid #999999;}
  #stepAct span:last-child{border:0;}
  #stepAct span i{margin-left:20px;}
  .step.recap .stepRecap .label{float:none;width:100%;margin:0 0 5px 0;}
  .step.recap .stepRecap .value{float:none;width:100%;margin:0 0 5px 0;padding-bottom:5px;border-bottom:1px solid #e5e5e5;}
  #contact #map{width:100%;float:none;}
  #contact #adresse{width:100%;padding:10px 0;float:none;background:#0080BF;height:auto;min-height:0;overflow:hidden;}
  #contact #adresse p{display:none;}
  #contact #adresse p:first-child{display:block;padding-bottom:10px;text-align: center}
  #contact #adresse p:first-child .flaticon-map47{display:none;}
  #contact #adresse ul{float:none;display:table;width:100%;}
  #contact #adresse ul li{float:none;display:table-cell;}
  #contact #adresse ul li .cercle{background:#046899;}
  #contact #adresse ul li .cercle:hover{background:#004A6D;}
}
@media screen and (max-width: 650px) {
  .traitH2{display:none;}
  #header #mainlogo{width:170px;}
  #header .flaticon2-menu48,#header .flaticon2-more10{top:12px;left:12px;}
  #header .flaticon2-more10{right:12px;left:auto;}
  #main{padding-top:60px;}
  #header .goSearch{top:12px;right:47px;}
  #header #rechercher{top:49px;}
  #main #actu #une,#main #actu #triangle{display:none;}
  #main #actu .actu{width:100%;float:none;margin:0;height:155px;cursor:default;}
  #main #actu .actu .content p{height:65px;}
  #main #actu .actu.current .content{display:block;}
  #main #actu .actu .more{display:inline;color:#ffffff;text-transform:uppercase;font-size:12px;float:right;margin:15px 15px 15px 0;}
  #main #actu .seeAllActus{display:block;text-align:center;border:4px solid #abb6ba;padding:15px 0;text-transform: uppercase;font-size:19px;color:#4d4d4d;font-family:'bebas';text-decoration:none}
  #main #event{display:none;}
  #agenda{float:none;width:110%;margin-left:-5%;}
  #main.page.agendaPage .titleH2{display:block;width:100%;text-align:center;}
  #main.page.agendaPage .traitH2{display:block;}
  #filterCats{float:none;width:100%;margin-left:0;}
  #filterCats .title{background:#0080c1; color:#ffffff;font-family:'bebas';font-size:22px;text-align:center;line-height:22px;cursor:pointer;padding:10px 0;}
  #filterCats .flaticon2-filled9{display:inline-block;margin-right:5px;}
  #filterCats .okFiltre{display:none;z-index:1;cursor:pointer;position:fixed;bottom:0;left:0;border:0;width:100%;padding:11px 0;color:#ffffff;background:#0080c1;font-family:'bebas';font-size:22px;}
  #filterCats .content{display:block;overflow:auto;z-index:1;width:calc(100% - 20px);padding:60px 10px 0 10px;height:calc(100% - 60px);position:fixed;bottom:100%;left:0;background:#e5e5e5;}
  #main form select.element{width:100%;}
  #main form input, #main form .element{width:98%;}
  #main form .timepicker{width:100%;}
  #main form .nbsteps{margin-right:0;}
  #main form .requiredFields{margin-left:0}
  #main form .timeline{width:100%;}
  #contact .newsletter{width:100%;text-align:center;}
  #contact .newsletter br{display:none;}
  #contact .newsletter p:nth-child(1){float:none;margin-right:0px;}
}
@media screen and (max-width: 580px) {
  #grid-sizer-actu{width:50%;}
  .itemActu{width:46%;margin:0 1.5% 3% 1.5%;}
  .photosFiche{width:48%;height:105px;margin:10px 1% 0 1%;}
  .form input,.form textarea,.form select{width:98%;}
  .form .stepForm{width:98%;}
  .annonce .car{width:40px;}
  .annonce .content{width:calc(100% - 79px);}
  .annonce .details a{font-size:13px;}
  .btdepotannonce a{width:100%;display:block;padding:10px 0;}
}
@media screen and (max-width: 530px) {
  .listFiches{width:226px;}
}
@media screen and (max-width: 450px) {
  #ui-datepicker-div{position:fixed !important;left:0 !important;top:0px !important;width:calc(100% - 40px);}
  #grid-sizer-actu{width:100%;}
  .itemActu{width:100%;margin:0 0 3% 0;}
  .messageNotif{width:80%;padding:15px 5%;}
  .singleEvent .content .image{max-width:100%;}
}