#toggleMenuMobile {
	background-image: url("/lae/public1.0/img/site/p-menu.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 51px;
	right: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50px;
	width: 56px;
	display:block;
}
#toggleOutilsMobile {
	background-image: url("/lae/public1.0/img/site/bouton-plus.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 50px;
	right: 0px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	width: 56px;
	display:block;
}
#ecranUser header[role="banner"]{
	background-color:#3c3c3c;
	background-image:url("/lae/public1.0/img/site/fond-header-mobile.jpg");
}
#ecranUser header[role="banner"] .centre{
	background-image:none;
	min-height:inherit;
}
#ecranUser header[role="banner"] #titreP a {
	width:264px;
	float:none;
	height:101px;
	background-image:url("/lae/public1.0/img/site/villefranche-najac-mobile.jpg");
	background-repeat:no-repeat;
	background-position:0% 100%;
	
}
#ecranUser header[role="banner"] #titreP{
	width:264px;
	float:none;
	height:101px;
}
#ecranUser header[role="banner"] #menuOutils{
	float:none;
  padding:0px 0px;
  left: -80%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 0;
  width: 80%;
  z-index: 1000;
  margin-top:97px;
}
#ecranUser header[role="banner"] #menuOutils li {
	width:auto;
	height:auto;
	margin:0px;
	clear:both;
}
#ecranUser header[role="banner"] #menuOutils li a {
  width:auto;
  height:auto;
  background-image:none;
  text-transform:uppercase;
  color:#fff;
  text-decoration:none;
  padding: 13px 30px;
  height: 17px;
}
#ecranUser header[role="banner"] #menuOutils li span {
	display:block;
}
#ecranUser header[role="banner"] ul li a:hover {
	background-image:none!important;
}
#ecranUser header[role="banner"] ul li a:hover span{
	color:#c79b49;
}
#ecranUser header[role="banner"] ul li#grandsSites a:hover,
#ecranUser header[role="banner"] ul li#grandsSites a {
	background-image:url(/lae/public1.0/img/site/picto-grandsSites-mobile.jpg)!important;
	background-repeat:no-repeat;
	margin-left:13px;
}
#ecranUser header[role="banner"] ul li#grandsSites a span {
	display:none;
}
#ecranUser header[role="banner"] #menuOutils{
	position:absolute;
	top:0px;
}
#ecranUser header[role="banner"] ul li#langue{
	width:auto;
	background-image:none;
	height:auto;
}
#ecranUser header[role="banner"] ul li#langue ul {
	position:relative;
	padding:0px;
	width:auto;
	
}
#ecranUser header[role="banner"] ul li#langue li {
	display:block;
	float:left;
	width:auto;
	height:auto;
	clear:inherit;
}
#ecranUser header[role="banner"] ul li#langue:hover li{
	background-color:transparent;
}
#ecranUser header[role="banner"] ul li#langue li a {
	background-image:none!important;
	width:auto;
	height:17px;
}
#ecranUser header[role="banner"] #menuOutils li.langue-courante  span{
	color:#ff9494;
}
body{
	background-color:#000;
}
#ecranUser {
  position: relative;
  left: 0;
  -webkit-transition: all 0.3s ease-in-out;  
  -moz-transition: all 0.3s ease-in-out; 
  -o-transition: all 0.3s ease-in-out;  
  transition: all 0.3s ease-in-out;
}
#ecranUser.deplie {
  position: relative;
  left: 80%;
}
#ecranUser header[role="banner"] .centre {
	width:auto;
	position:static;
}
#prepareSejourBoutique{
	height:0px;
	width:100%;
	z-index:1000;
	overflow:inherit;
}
#ecranUser #prepareSejourBoutique {
	margin:0px auto!important;
	float:none!important;
	clear:both;
}
/* menu */
#ecranUser header[role="banner"] nav {
  position: absolute;
  top: 101px;
  left: -80%;
  width: 80%;
  z-index: 1000;
  background: none;
  background-color: #000000;
  overflow: scroll;
  overflow-x: hidden;


}
p.retour { 
  display: block;
  margin: 0;
  font-family: 'nova_condensed_ssi', arial;
  font-size: 17px; line-height: 17px;
  font-weight: normal;
  color: #ffffff;
  border-bottom: 1px solid #474242;
  width:80%;
  left:-80%;
  position:absolute;
  top:0px
 
}
p.retour span {
  background-image: url(/lae/public1.0/img/site/f-retour.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: 22px 22px;
  cursor: pointer;
  padding:25px 50px;
  display:block;
}
p.retour span:hover{
	color:#c79b49;
}
#ecranUser header[role="banner"] #menu {
  width: auto;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display:block;
}
#ecranUser header[role="banner"] #menu li {
	display:block;
	float:none;
}
#ecranUser header[role="banner"] #menu li a{
	text-align:left;
	color:#fff;
	transition: all 0.2s ease-in-out 0s;
	padding: 13px 25px;
}
#ecranUser header[role="banner"] #menu li.menu-niveau1 a.-actif, 
#ecranUser header[role="banner"] #menu li.menu-niveau1:hover a,
#ecranUser header[role="banner"] #menu li a:hover {
	color:#ff9494;
	background-color:transparent;
}
#ecranUser header[role="banner"] #menu .niveau2{
	top:58px;
	background-color:transparent;
}
#ecranUser header[role="banner"] #menu li.deplie ul.niveau2 {
  position: relative;
  top: 0;
  left: 0;
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
#ecranUser header[role="banner"] #menu .niveau2 li {
	background-image:none!important;
	padding: 0;
	width:auto;
	clear:both;
	float:none;
	text-align:left;
	margin:20px 0px 0px 0px;
}
#ecranUser header[role="banner"] #menu li.masque {
  display: none;
}
#ecranUser header[role="banner"] #menu li.deplie {
  height: auto;
  width: auto;
}
#prepareSejourBoutique #menuSejour li.deplie .lien-niveau2,
#ecranUser header[role="banner"] #menu li.deplie a.lien-niveau1 {
  font-family: 'nova_condensed_ssi', arial;
  font-size: 20px; 
  line-height: 20px;
  font-weight: normal;
  color: #ffffff;
  background-color:transparent;
  margin:5px 0px;
  width:auto;
}
#ecranUser header[role="banner"] #menu li.menu-niveau1:hover .niveau2 li a,
#ecranUser header[role="banner"] #menu li.menu-niveau1 .niveau2 li a,
#ecranUser header[role="banner"] #menu li.menu-niveau1 .niveau2 li span {
	text-transform:inherit;
	color:#ff9494!important;
	text-align:left;
	margin:0px 30px 0px 30px;
	font-size:16px;
	padding: 0px;
}
#ecranUser header[role="banner"] #menu li .niveau2 li.menu-niveau2 a.lien-niveau2 {
	padding-top:0px;
}
#ecranUser header[role="banner"] #menu li.menu-niveau1 .niveau2 li a:hover {
	color:#fff!important;
}

#ecranUser header[role="banner"] #menu li.menu-niveau1 .niveau3 {
	margin-top:7px;
	float:none;
}
#ecranUser header[role="banner"] #menu li.menu-niveau1 .niveau3 li a,
#ecranUser header[role="banner"] #menu li.menu-niveau1:hover .niveau3 li a{
	color:#fff!important;
	font-size:14px;
}
#ecranUser header[role="banner"] #menu li.menu-niveau1 .niveau3 li a:hover {
color:#c79b49!important;
}
#ecranUser header[role="banner"] #menu .niveau2 li.sansEnfant a {
	padding:0px;
}
#ecranUser header[role="banner"] #menu li#menu-cote-pratique a{
	width:auto;
	background-image:none;
}
#ecranUser header[role="banner"] #menu li#menu-cote-pratique a span {
	visibility:visible;
}
#ecranUser header[role="banner"] ul li#gsCartouchefr {
	position:relative!important;
	overflow:auto!important;
	height:170px!important;
}
#page-prepareSejour .introduction .titres h1{
	font-size:34px;
	line-height:34px;
}
.article img {
	max-width:100%;
	height:auto;

}
.filAriane {
  width:96%;
  padding:20px 2%;
}
#content section {
  width:96%;
  padding:0px 2%;
}
aside ul {
	width:100%;
	padding:0px;
	margin:0px;
}
aside ul li {
    margin-left: 0px;
    width:33%;
}
aside ul li a {
    width: 33%!important;
    background-position:100% 100%;
    background-repeat:no-repeat;
}
aside,
footer {
    width: 100%;
}
footer {
   background-color: #4a4a48;
   height:auto;
   overflow:inherit;
}
footer #outils {
  clear:both;
  margin-left:295px;
  
}
footer .reseaux-sociaux {
	clear:none;
	margin:0px;
	margin:10px 3% 0px 3%;
}
footer .reseaux-sociaux {
	margin-top:30px;
  float:left;
}
footer #logosPartenaires {
	background-color:#fff;
}
footer #logosPartenaires li {
	display:block;
	float:left;
}
#mainSection #dsioListEngineMap #dsioEngine,
#mainSection #dsioListEngineMap #bandeauHaut,
#mainSection #dsioListEngineMap #dsio {
	width:100%;
	margin:0px;
	float:none;
}
#mainSection #dsioListEngineMap #bandeauHaut{
	width:100%!important;
	height:250px!important;
}
#mainSection #dsioListEngineMap #dsioMapViewTypeOiList{
	height:250px!important;
}
#mainSection #dsioListEngineMap #bandeauHaut.fixedTop,
#mainSection #dsioListEngineMap #bandeauHaut.fixedBottom {
	position:relative;
}
#mainSection #dsioListEngineMap #dsioEngineOiList .tfoUlPereBlocEngine #uLds120Text input {
	width:100px;
}
#mainSection #dsioListEngineMap .oiListFilterByDispo div.userDispoFrom,
#mainSection #dsioListEngineMap .oiListFilterByDispo div.userDispoTo {
	width:105px;
}
#mainSection #dsioListEngineMap .oiListFilterByDispo a.dispoSearchBouton, .oiListFilterByDispo a.dispoResetBouton {
	background-image:url("/lae/services1.0/plugins/laetis/diffusio-248-villefranche-najac/extSite/assets/fonds/picto-recherche.png");
	background-color:#fff;
	background-repeat:no-repeat;
	width: 27px;
	height:27px;
	text-indent:-50000px;
	overflow:hidden;
	background-position:50% 50%;
	margin:0px;
}
#mainSection #dsioListEngineMap #dsioCssOiListContent article.ds12Elt p.description,
#mainSection #dsioListEngineMap #dsioCssOiListContent article.ds12Elt .lienDiffusio {
	clear:both;
}
#mainSection #dsioListEngineMap #dsioCssOiListContent article .cA {
	overflow:inherit;
}
#mainSection #dsioListEngineMap #dsioCssOiListContent article .cA h2{
	padding-top:5px;
}
#mainSection #tfoDetail {
	width:100%;
}
#mainSection #tfoDetail #entete {
	width:100%;
	height:auto;
}
#mainSection #tfoDetail .titre {
	width:100%;
	float:none;
	height:auto;
}
#content #mainSection #tfoDetail  h1 {
	width:100%;
	height:auto;
	font-size:30px;
	display:block;
	padding-top:45px;
	text-align:left;
	padding-left:10px;
}



#content #mainSection  #tfoDetail #introduction .centre{
	width:100%;
	margin:0px;
}
#mainSection #tfoDetail .cordonneesEntete{
	width:100%;
	margin:0px;
  text-align:left;
}
#mainSection #tfoDetail .cordonneesEntete p {
   background-position:0 0;
}
.cordonneesEntete .facebook,
.cordonneesEntete .google,
.cordonneesEntete .twitter,
.cordonneesEntete .pinterest,
.cordonneesEntete .instagram {
    float: left;
}
#content #mainSection .dsio p.description,
#mainSection #tfoDetail .tripAdvisor {
	width:100%;
}
#content #mainSection .contentArticle {
	width:100%;
}
#content  #mainSection .dsio .contacts p{
	width:100%;
	margin:0px 0px 10px 0px;
}
#mainSection #tfoDetail .colUne,
#mainSection #tfoDetail .colDeux,
#mainSection #tfoDetail .colTrois {
	width:100%;
	float:none;
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
}

.sommaire { 
  width:32%;
  overflow:hidden;
}
.sommaire a,
.sommaire p,
.sommaire h2 { 
  width:100%;
  background-position:50% 0%;
}
.sommaire p {
  font-size: 20px;
}
.sommaire a span{
  font-size: 15px;
  text-align:center;
  margin-top:-50px;
}
@media (max-width:797px) {
  .article .imageGauche,
  .article .imageDroite {
    float: none;
    margin: 0 0px 15px 0;
  }
  aside {
    margin:0px;
    width:100%;
    overflow:hidden;
    padding:0px;
  }
  aside ul {
    width:94%;
    padding:0px 3%;
    margin:0px;
  }
  aside ul li {
    clear:both;
    margin:0px auto;
    float:none;
  }
  aside ul li  a {
    margin:0px auto;
  }
  aside ul li {
      margin-left: 0px;
      width:100%;
  }
  aside ul li a {
      width: 105px!important;
  }
  footer {
    background-image: none;
    width:100%;
    clear:both;
  }
  footer #outils {
    margin: 20px 3%; 
  }
  footer .coordonnees h2 {
    font-size:17px;
  }
  footer .coordonnees {
    margin:0px;
    margin:0px 3%;
  }
  footer #mentions{
    width:94%;
    margin:10px 3% 1em 3%;
  }
  footer #mentions li {
      padding-left: 7px;
      padding-right: 5px;
  }
	#btn_scrolltop{
		display: none;
	}
}
@media (max-width:600px) {

  #content section {
    padding-bottom: 150px;;
  }
 .filAriane .accueilAriane{
    display:none;
  }
  #menuBoutique {
    position:absolute;
    bottom:456px;
    top:inherit;
    padding:0px;
    width:100%;
    left:0%;
    background-color:#a59886;
    display:table;
  }
  #menuBoutique li {
    width:33%;
    margin:0px;
    float:left;
    background-image:none;
    height:111px!important;
    display:table-cell;
  }
  #menuBoutique li a {
    margin:0px auto;
    position:relative;
    padding-bottom:0px!important;
  
  }
  #menuBoutique li a#topos,
  #menuBoutique li a#billeterie {
    padding-top:70px;
    height:41px!important;
    background-position:50% 25px;
  }
  footer .coordonnees p {
    margin-top:10px;
  }
  .sommaire { 
    width:328px;
    float:none;
    margin:0px auto;
  }
  #tfoDetail .colCinquante {
      float: none;

      width: 100%;
  }
  #tfoDetail ul.listePuce.prestations li {
    width: 46%;
}
}