@media handheld{
	.mobileonly{
		display:block;
	}

}


/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1000px) {
#BlocPartenaires .bloc {
  padding: 0 11px;
}
#BlocPartenaires .colonne1, #BlocPartenaires .colonne2, #BlocPartenaires .colonne3 , #BlocPartenaires .colonne4 {
  background-image:none;
  margin-right: 0;
  padding-right: 0;
  width: 50%;
}

#BlocPartenaires{
	-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}
#BlocPartenaires .bloc{  height: auto;
}

}

/************************************************************************************
smaller than 965
*************************************************************************************/
@media screen and (max-width: 965px) {
#MenuHaut ul li a:link, #MenuHaut ul li a:active, #MenuHaut ul li a:visited {
  padding: 0 5px;
}
#MenuHaut ul li.last {
  width: 21%;
}
#DetailPage #tabscatalogue ul li {
  float: left;
  margin-bottom: 1%;
  margin-right: 1%;
  padding: 0;
  width: 32.3%;
	overflow: visible;
}
#DetailAnnuaire .Item .ui-tabs .ui-tabs-nav li a {
  padding: 5px 0;
  text-align: center;
  width: 100%;
	border-radius:5px;
}
#tabscatalogue li.ui-state-default, #tabscatalogue.ui-widget-content li.ui-state-default {
  border: none;
}

}

/************************************************************************************
smaller than 930
*************************************************************************************/
@media screen and (max-width: 930px) {
#onglet-widget #Typeheb label {
  width: 42%;
}
#onglet-widget #Typeheb select {
  width: 53%;
	float:left;
}
#onglet-widget .OsFiltreCritereTitre {
  width: 42%;
}
#onglet-widget .OsFiltreCritereContenu {
  width: 53%;
}
#onglet-widget .osgeocontrol.localisation .entete.etat1 {
  width: 42%;
}
#onglet-widget .osgeocontrol .corps {
  width: 53%;
}
#onglet-widget .sbSelector {
  width: 53%;
}
#logement .retourligne, #logementaccueil .retourligne, .blocblue .retourligne {display:inline-block;}
#ActualitesBonsPlans .Vignette {
  height: 69px;
  width: 69px;
}
#Coordonnees {
  background-position: 8% 0;
}

}

/************************************************************************************
smaller than 900
*************************************************************************************/
@media screen and (max-width: 
) {
#BlocPartenaires .bloc {
  padding: 0 20px;
}
#fond-logo {
  display:none;
}
.bticonegros {
  width: 48%;
}

}

/************************************************************************************
smaller than 850
*************************************************************************************/
@media screen and (max-width: 860px) {
#BlocMenuHaut {
  display: none;
}
#BtMenuHaut {
  display: inline-block;
}
#BtMenuHaut a {
  color: #ffffff;
  display: block;
  font-family: "Signika",sans-serif;
  font-size: 15px;
  font-weight: normal;
  padding: 2px 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
#BlocMenuHaut {
  background-color: #202c34;
  border: 1px solid #fff;
  max-width: 1000px;
  position: absolute;
  right: 88px;
  top: 28px;
  width: 50%;
  z-index: 1000;
  height: auto;
}
#MenuHaut {
  padding: 4% 4% 2%;
}
#MenuHaut ul li {
  float: left;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 2%;
  padding: 0;
  width: 50%;
}
#MenuHaut ul li a:link, #MenuHaut ul li a:active, #MenuHaut ul li a:visited {
  border-right: medium none;
  padding: 0;
}
#MenuHaut ul li.last {
  float: left;
  height: auto;
  padding: 0;
  text-align: center;
  width: 50%;
}

}

/************************************************************************************
smaller than 810
*************************************************************************************/
@media screen and (max-width: 810px) {
#ContenuPage .Colonne {
  width: 48%;
}
#BtWidgetMobile{
  display: block;
}
#ColonneWidgetAccueil,#ColonneWidget {
  float: left;
  margin-left: 0;
  margin-top: 0;
  width: 100%;
}
#BlocWidgetAccueil,.BlocWidget {
  display:none;
}
#BlocWidgetAccueil.png, .BlocWidget.png {
  background-color: #fdfdfd;
  background-image: none;
  border: 1px solid #202c34;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7);
  left: 10px;
  margin-top: 0;
  max-width: 304px;
  min-height: 10px;
  position: absolute;
  top: 33px;
}
#onglet-toutcompris {
  display:none;
}
#WidgetAccueil,.Widget {
  padding: 4%;
}
#logementaccueil, #logement {
  display:none;
}
#logement .retourligne, #logementaccueil .retourligne, .blocblue .retourligne {
  display: none;
}
.blocmap {
  background-position: center center;
  background-size: cover;
}
#ActualitesBonsPlans .Vignette {
  height: 90px;
  width: 90px;
}
#BandeauAccueil .slide .Commentaire h2 {
  font-size: 23px;
  line-height: 24px;
}
#footer .firstcolonne {
  float: left;
  margin-bottom: 4%;
  width: 100%;
	clear:both;
}
#BlocNewsletter {
  float: left;
  margin-bottom: 4%;
  width: 100%;
}
#BlocNewsletter p{
  float: left;
  width: 33%;
}
#MenuBas ul li {
  float: left;
  margin-right: 2%;
  width: 31%;
}
#footer .secondcolonne {
  float: left;
  width: 100%;
}
#BlocPartenaires .bloc {
  padding: 0 5px;
}
#DetailPage {
  width: 100%;
}
#DetailCatalogue {
  margin-right:0;
  min-height: 100px;
}
.bticonegros {
  width: 32%;
}
#ItemSelogerSeRestaurer{float:none; width:100%; margin-right:0%} 
#BandeauPortraits{ float:none;width:100%; margin-left:0%}

}

/************************************************************************************
smaller than 620
*************************************************************************************/
@media screen and (max-width: 620px) {
.resaheb, .resaideesejour, #logementmobile{
  margin: 0 0 2%;
  width: 100%;
}
#ContenuPage .Colonne {
  width: 100%;
	min-height:10px;
	margin-bottom:4%;
}
#ContenuPage .Colonne.marge {
  margin-left: 0;
}
#BlocWidgetAccueil.png {
  left: -1px;
  right: 0;
}
#BlocNewsletter p{
  width: 50%;
}
#MenuBas ul li {
  margin-right: 0;
  width: 50%;
}
#footer .secondcolonne #MenuPiedPage ul li {
  margin: 0 1% 20px 0;
  width: 49%;
}
#Coordonnees {
  background-position: 2% 2px;
}
#BlocMenuHaut {
  width: 80%;
}
#BlocPartenaires .bloc {
  padding: 0 24px;
}
.OsPanierPopIn {
  min-height: 100px!important;
  max-width: 600px!important;
	width:100%!important;
}

#Entete #Logo {
  height: 143px;
  left: 50%;
  margin-left: -121px;
  position: relative;
  top: 0;
  width: 243px;
  z-index: 1000;
}
#BtMenuHaut {
  float: left;
  margin: 6px 0 0;
}
#BlocMenuHaut {
  border: medium none;
  right: 0;
  top: 171px;
  width: 100%;
	border-bottom:1px solid #fff;
}
#BandeauAccueil .slide .Commentaire {
  left: 2%;
  width: 57%;
}
#BandeauAccueil .slide .Commentaire h2 {
  font-size: 19px;
  line-height: 21px;
}
#ItemSelogerSeRestaurer,
#BandeauPortraits{float:none; width:100%; margin-right:0%}

#BlocPartenaires .colonne1, #BlocPartenaires .colonne2, #BlocPartenaires .colonne3, #BlocPartenaires .colonne4 {
    width: 100%;
}
#BlocPartenaires .colonne1 .bloc {width:50%;
text-align:center;}



#BlocPartenaires .bloc.finance, #BlocPartenaires .bloc.soutien, #BlocPartenaires .bloc.partenariat {
    height: auto;
    padding: 0 10px;
    width: 100%;
    text-align: left;
}
#BlocPartenaires .retourligne{ display:none!important}
#BlocPartenaires .bloc a {
    display: block;
    width: 100%;
}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 560px) {
#Coordonnees {
  background-position: 50% 0;
  text-align: center;
}
#Coordonnees h5 {
  margin-top: 100px;
  text-align: center;
}
#footer #Signature {
  margin-top: 30px;
  text-align: center;
}
#BlocPartenaires .bloc {
  padding: 0 10px;
}
.bticonegros {
  width: 48%;
}
#ListePage li.Page {
  margin: 4px 0;
  width: 100%;
}
#DetailAnnuaire .Item .galeriephoto .blocphoto {
  margin-right: 1.5%;
  width: 31.5%;
}


}

/************************************************************************************
smaller than 510
*************************************************************************************/
@media screen and (max-width: 510px) {
#BandeauAccueil {
  height: 500px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#BandeauAccueil #navbandeau {
  bottom: 10px;
  left: 2%;
  width: 98%;
  z-index: 560;
}
#bandeauslideshow {
  height: 350px;
  margin-top: 150px;
}
#BandeauAccueil .slide {
  height: 350px;
}
#BandeauAccueil .slide .img {
  height: 350px;
}
#BandeauAccueil .slide .Commentaire {
  left: 2%;
  width: 96%;
}
#MenuAccueil {
  background-color: #202c34;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
#MenuAccueil ul li {
  height: 50px;
  margin-top: 0;
  width: 50%;
	float:left;
}
#MenuAccueil ul li a:link, #MenuAccueil ul li a:active, #MenuAccueil ul li a:visited {
  padding: 16px 0 7px 20px;
}
#MenuAccueil ul li#menu01 a:link, #MenuAccueil ul li#menu01 a:active, #MenuAccueil ul li#menu01 a:visited,
#MenuAccueil ul li#menu04 a:link, #MenuAccueil ul li#menu04 a:active, #MenuAccueil ul li#menu04 a:visited {
  padding: 16px 0 7px 20px;
}
.oslangue-uk #MenuAccueil ul li#menu01 a:link, .oslangue-uk #MenuAccueil ul li#menu01 a:active, .oslangue-uk #MenuAccueil ul li#menu01 a:visited, .oslangue-uk #MenuAccueil ul li#menu02 a:link, .oslangue-uk #MenuAccueil ul li#menu02 a:active, .oslangue-uk #MenuAccueil ul li#menu02 a:visited, .oslangue-uk #MenuAccueil ul li#menu03 a:link, .oslangue-uk #MenuAccueil ul li#menu03 a:active, .oslangue-uk #MenuAccueil ul li#menu03 a:visited, .oslangue-uk #MenuAccueil ul li#menu04 a:link, .oslangue-uk #MenuAccueil ul li#menu04 a:active, .oslangue-uk #MenuAccueil ul li#menu04 a:visited {
  padding: 16px 0px 7px 20px!important;
}

}

/************************************************************************************
smaller than 450
*************************************************************************************/
@media screen and (max-width: 450px) {
#BlocNewsletter p{
  width: 100%;
}
#MenuBas ul li {
  width: 100%;
}
#footer .secondcolonne #MenuPiedPage ul li {
  margin: 0 0 20px;
  width: 100%;
}
#Coordonnees .retourligne{display:block;}
#Coordonnees .tiret{display:none;}

#BlocPartenaires .bloc {
  padding: 0 3px;
}
.bticonegros.retour {
  width: 30%;
}
#DetailPage .PhotosActu .BlocGaleriePhotos .blocphoto {
  margin-right: 2%;
  width: 48%;
}
#BlocMenuInterieur {
  width: 100%;
}
#menu-onglet .onglet {  
	width:calc(100% - 156px);
}
#DetailAnnuaire .Item #tabs-photos iframe {
  height: 229px;
}
.blociframesendinblue{
	width:100%;
	margin: 3% 0;
	float:none;
}

}
/************************************************************************************
smaller than 420
*************************************************************************************/
@media screen and (max-width: 420px) {
#MenuAccueil ul li {
  height: 30px;
  margin-top: 0;
  width: 100%;
	float:left;
}
#MenuAccueil ul li a:link, #MenuAccueil ul li a:active, #MenuAccueil ul li a:visited {
  padding: 6px 0 7px 20px;
}
#MenuAccueil ul li#menu01 a:link, #MenuAccueil ul li#menu01 a:active, #MenuAccueil ul li#menu01 a:visited,
#MenuAccueil ul li#menu02 a:link, #MenuAccueil ul li#menu02 a:active, #MenuAccueil ul li#menu02 a:visited,
#MenuAccueil ul li#menu03 a:link, #MenuAccueil ul li#menu03 a:active, #MenuAccueil ul li#menu03 a:visited,
#MenuAccueil ul li#menu04 a:link, #MenuAccueil ul li#menu04 a:active, #MenuAccueil ul li#menu04 a:visited,
#MenuAccueil ul li#menu05 a:link, #MenuAccueil ul li#menu05 a:active, #MenuAccueil ul li#menu05 a:visited,
.oslangue-uk #MenuAccueil ul li#menu01 a:link, .oslangue-uk #MenuAccueil ul li#menu01 a:active, .oslangue-uk #MenuAccueil ul li#menu01 a:visited, .oslangue-uk #MenuAccueil ul li#menu02 a:link, .oslangue-uk #MenuAccueil ul li#menu02 a:active, .oslangue-uk #MenuAccueil ul li#menu02 a:visited, .oslangue-uk #MenuAccueil ul li#menu03 a:link, .oslangue-uk #MenuAccueil ul li#menu03 a:active, .oslangue-uk #MenuAccueil ul li#menu03 a:visited, .oslangue-uk #MenuAccueil ul li#menu04 a:link, .oslangue-uk #MenuAccueil ul li#menu04 a:active, .oslangue-uk #MenuAccueil ul li#menu04 a:visited {
  padding: 6px 0 7px 20px!important;
}

}

/************************************************************************************
smaller than 400
*************************************************************************************/
@media screen and (max-width: 400px) {
#BlocPartenaires .colonne1, #BlocPartenaires .colonne2, #BlocPartenaires .colonne3, #BlocPartenaires .colonne4 {
  margin-left: 2%;
  width:97%
}
#BlocPartenaires .bloc.finance, #BlocPartenaires .bloc.soutien,#BlocPartenaires .bloc.partenariat {
  display: block;
  height: auto;
  padding: 0;
  width: 100%;
	text-align:left;
}
#BlocPartenaires .bloc p {
  text-align: left;
}
#BlocPartenaires .bloc.finance .retourligne, #BlocPartenaires .bloc.soutien .retourligne,#BlocPartenaires .bloc.partenariat .retourligne{
	display:none;
}
#DetailCatalogue .Item .Vignette {
  margin-bottom: 2%;
  margin-right: 0;
  width: 100%;
}
#DetailAnnuaire .Item .contenuitem.avecphoto {
  width: 100%;
}
#DetailPage #tabscatalogue ul li {
  margin-right: 2%;
  width: 48%;
}
#DetailPage .BlocGaleriePhotos {
  float: left;
  margin-top: 10px;
  width: 100%;
}
#DetailPage .BlocGaleriePhotos .blocphoto {
  height:250px;
  margin-left: 0;
  width: 100%;
}
#DetailAnnuaire .Item .galeriephoto .blocphoto {
  margin-right: 1.5%;
  width: 48.5%;
}
.bticonegros.retour {
  width: 45%;
}
/*#menu-onglet ul.ui-tabs-nav {
  width: 50%;
}
#menu-onglet .onglet {
	width:calc(100% - 156px);
}*/
#ListeAnnuaire.liste .BlocItem .Item .photoprincipale {
  width: 100px;
}
#ListeAnnuaire.liste .BlocItem .Item .contenuitem.avecphoto {
  margin-left: 105px;
}

}

/************************************************************************************
smaller than 350
*************************************************************************************/
@media screen and (max-width: 350px) {
#DetailAnnuaire .Item .galeriephoto .blocphoto {
  margin-right: 0;
  width: 100%;
}
#DetailAnnuaire .Item .galeriephoto .blocphoto .photo {
  background-size: cover;
  height: 190px;
  width: 100%;
}

}