/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px){
	

}

@media only screen and (max-width: 500px){
		body {
			font-size: 70%;
			padding:20px 0 0;
			background:#fff;
		}
		body.template-widget_troncon {
			font-size: 62.5%;
		}
		
		
		#decoration{
			background:none;
		}
		
		#decoration .haut,
		#decoration .bas,
		#portal-top .rechercher-etapes,
		#portal-top ul#portal-languageselector,
		#portal-top ul#portal-personaltools.identification-inscription,
		#header #ppw,
		#header .barre-connection,
		#portal-top .newsletter-recherche,
		#portal-top #portal-header,
		#portal-top #portal-slider,
		#portal-slider,
		#portal-top ul.navigation > li > a:after,
		#portal-top ul.navigation li ul.submenu,
		#portal-top ul.navigation li#home,
		#portal-globalnav li#portaltab-index_html,
		#portal-globalnav > li > a:after,
		#portal-globalnav li ul.submenu,
		#portal-globalnav li#home,
		#recherche-etapes,
		#portlets-footer .portlet-static-logo,
		#portlets-footer .portlet-static-facebook,
		#portlets-footer .portlet-static-plan-du-site,
		#portal-column-two,
		#portal-column-content .bloc-ariane,
		#portal-breadcrumbs ul,
		#portal-breadcrumbs,
		#content > div > ul.actions-document,
		#titre,
		.chgt-langue,
		#portal-languageselector
		{
			display: none !important;
		}
		
		#visual-portal-wrapper,
		.wrapper,
		#portal-columns #portal-column-content,
		#portal-top ul.navigation li,
		#portal-globalnav li,
		.template-widget_troncon #visual-portal-wrapper,
		.template-widget_troncon .wrapper,
		div.width-full{
			float:none;
			margin:0 !important;
			padding:0 !important;
			width:auto !important;
			border:none;
			max-width: none;
			display: block;
		}
		
		
		
		/* Logo */
		#portal-top {
			height: auto;
		}
		#portal-top strong {
			position: relative;
			top: auto;
			left: auto;
			width: auto;
			margin: 0 auto 20px;
			text-align: center;
			display: block;
			height: auto;
		}
		#portal-logo {
			display: block;
		}
		
		/* Menu */
		#portal-top ul.navigation,
		#portal-globalnav {
			background: none !important;
			position: relative;
			top: auto;
			width: auto;
			height:auto;
		}
		#portal-top ul.navigation li,
		#portal-globalnav li {
			margin-top: 1px;
		}
		#portal-top ul.navigation > li > a,
		#portal-top ul.navigation li a:hover,
		#portal-top ul.navigation li a:focus,
		#portal-top ul.navigation li.open a {
			background: #0088BA;
			color: #FFF;
		}
		#portal-globalnav li a {
			border-right: none;
			font-size: 0.8em;
		}
		#portal-globalnav li:nth-child(5) {
			width: auto;
			margin: 1px 0 0;
			background: none;
		}
		
		/* HOME */
		
		.section-front-page #content .edito h1,
		.section-front-page #content .edito p,
		.section-front-page #content .pub-membre,
		.section-front-page .video-home,
		.section-front-page .facebook,
		.section-front-page #content .coups-de-coeur,
		.section-front-page .home_right,
		.section-front-page .pubBas,
		.section-front-page #content .exergues-parcours,
		.section-front-page .portlet-static-carte,
		.section-front-page .portlet-static-intro,
		.section-front-page .portlet-static-video,
		.section-front-page .portlet-static-galeriephoto,
		.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee,
		.section-front-page .portlet-static-sitesinoubliablesmb,
		.portlet-static-partenaires,
		.section-front-page .portlet-static-preparez-votre-balade,
		.section-front-page #content h1.documentFirstHeading,
		.section-front-page .portlet-static-albumphoto,
		.section-front-page .portlet-static-services-labelises,
		.section-front-page .portlet-static-reservation_espace,
		.section-front-page .portlet-static-offresselectionnees,
		.portlet-static-offres_selectionnees,
		.section-front-page .portletCarouselWrapper,
		.section-front-page .portlet-static-famille,
		.portlet-static-espace-pub,
		.portlet-static-reservation_espace,
		.section-front-page .portlet-static-viarhona-magazine,
		.section-front-page .portlet-static-temoignages,
		.section-front-page .portlet-static-pub1,
		.section-front-page .portlet-static-pub2,
		.section-front-page .portlet-static-pub3,
		.section-front-page .portlet-static-info-travaux
		{
			display: none !important;
		}
		.section-front-page #content .edito,
		.section-front-page #content .actualites,
		.section-front-page .portlet-static-menu-mb,
		.section-front-page .portlet-static-actusfvt,
		.section-front-page .portlet-static-actusmb
		{
			float:none;
			margin:0;
			padding:0;
			width:auto;
			border:none;
			max-width: none;
			display: block;
		}
		
		.section-front-page #content .edito ul#acces-rapide,
		.section-front-page .portlet-static-menu-mb ul {
			text-align: center;
		}
		.section-front-page #content .edito ul#acces-rapide li,
		.section-front-page .portlet-static-menu-mb ul li{
			width: 50%;
			max-width: none !important;
			margin: 0;
			min-height: 95px;
		}
		.section-front-page #content .edito ul#acces-rapide li.itineraire,
		.section-front-page .portlet-static-menu-mb ul li:first-child {
			width: 100%;
		}
		.section-front-page #content .edito ul#acces-rapide li a{
			margin: 2px;
			min-height: 30px;
		}
		.section-front-page .portlet-static-menu-mb ul li a{
			margin: 2px;
			min-height: 25px;
			width: auto;
		}
		
		
		.section-front-page #content .actualites {
			margin-top: 40px;
			padding: 20px 0;
			min-height: 0;
		}
		.section-front-page #content .actualites > a,
		.section-front-page #content .actualites .detail-actu li > a {
			text-align: center;
			display: block;
		}
		
		.section-front-page .portlet-static-actusfvt,
		.section-front-page .portlet-static-actusmb {
			margin-top: 40px;
			padding: 20px 0;
			min-height: 0;
			background:#F6F6F6;
			overflow: hidden;
		}
		.section-front-page .portlet-static-actusfvt .entete,
		.section-front-page .portlet-static-actusmb .entete,
		.section-front-page #content .actualites .detail-actu li h2 {
			margin: 0 auto 10px;
			display: block;
			clear: both;
		}
		.section-front-page .portlet-static-actusfvt .illustration,
		.section-front-page .portlet-static-actusmb .illustration,
		.section-front-page #content .actualites .detail-actu li img{
			float: none;
			margin: 0 auto 10px;
		}
		
		/* CONTENT */
		
		#portal-columns #portal-column-content #content {
			padding: 0 20px;
		}
		
		
		#portal-columns #portal-column-content #content img{
			/*max-width: 100% !important;*/
			height: auto !important;
			margin:0 auto 10 px;
			float:none;
			
		}
		#content h1.documentFirstHeading {
			line-height: 1em;
			font-size: 2.5em;
			margin-bottom: 5px;
			background: none !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		
		
		/* Liste  */
		#content ul.liste-traces li a.illustration {
			float: none;
			margin: auto;
			min-width: 100%;
		}
		
		/* ITINERAIRE & ETAPE */
		
		
		.portaltype-portlet-page #content #contenu-grands-itineraires,
		.portaltype-portlet-page #content .portlet-static-carte,
		.portaltype-portlet-page #content .portlet-static-carte-center,
		.portaltype-portlet-page #content .portlet-static-albumphoto,
		.portaltype-portlet-page #content .video_itineraire,
		#content .sbHolder
		{
			display: none !important;
		}
		.portaltype-portlet-page #content .portlet-static-portletsiteofficielmarqueblanche{
			float: none;
			margin: 0 ;
			padding: 0;
			width:auto;
		}
		.portaltype-portlet-page #content .itineraire .intro-page {
			border-bottom: none;
			padding-bottom: 0;
		}
		.portaltype-portlet-page #content .itineraire .intro-page p span{
			font-size: 0.9em !important;
		}
		.portaltype-itineraire #content .intro-page ul li,
		.portaltype-troncon #content .intro-page ul li,
		.portaltype-etape #content .intro-page ul li,
		.template-display_troncon #content .intro-page ul li,
		.template-display_etape #content .intro-page ul li,
		.template-display_itineraire #content .intro-page ul li {
			float: none !important;
			max-width: 130px;
			border-bottom: 1px solid #f1f1f1;
			line-height: 0.8em;
			font-size: 1.5em;
		}
		.portaltype-itineraire #content .intro-page ul li:last-child,
		.portaltype-troncon #content .intro-page ul li:last-child,
		.portaltype-etape #content .intro-page ul li:last-child,
		.template-display_troncon #content .intro-page ul li:last-child,
		.template-display_etape #content .intro-page ul li:last-child,
		.template-display_itineraire #content .intro-page ul li:last-child {
			border-bottom: none;
		}
		.portaltype-itineraire #content .intro-page ul li.difficulte img,
		.portaltype-troncon #content .intro-page ul li.difficulte img,
		.portaltype-etape #content .intro-page ul li.difficulte img,
		.template-display_troncon #content .intro-page ul li.difficulte img,
		.template-display_etape #content .intro-page ul li.difficulte img,
		.template-display_itineraire #content .intro-page ul li.difficulte img {
			margin: 8px auto;
		}
		
		#content ul.liste-traces li{
			padding: 10px;
		}
		#content ul.liste-traces li div span,
		#content ul.liste-traces li p span {
			font-size: medium !important;
			line-height: 1.4em;
		}
		#content ul.liste-traces li a.lien-voir-detail {
			position: relative;
			margin: auto;
			bottom: auto;
			right: auto;
			float: right;
		}
		
		#content .infos-parcours {
			margin-bottom: 10px;
		}
		
		#content .infos-parcours #MapsVisuDiv {
			width: auto;
			height: 200px;
			overflow:visible !important;
		}
		
		
		#content .infos-parcours div.contenu {
			min-height: 0;
		}

		
		#content .infos-parcours div .legende-gmap ul.actions-trace li,
		.fullscreen .legende-gmap ul.actions-trace li{
			position: absolute;
			top: 5px;
			left: 5px;
			display: block;
			height: 17px;
			border:  15px solid #fff;
			background-position: 0 0 !important;
			cursor: pointer;
			
		}
		#content .infos-parcours div .legende-gmap ul.actions-trace li a,
		.fullscreen .legende-gmap ul.actions-trace li a{
			padding-left: 25px;
			color: #0088BA !important;
			font-size: 1.2em;
			line-height: 1.6em;
		}
		.fullscreen .legende-gmap ul.actions-trace li{
			top: -52px;
			left: 5px;
		}
		#content .infos-parcours div .legende-gmap ul.actions-trace,
		.fullscreen .legende-gmap ul.actions-trace {
			border-top: none;
			padding: 0;
			margin: 0;
		}
		
		
		#content .infos-parcours div .legende-gmap {
			position: static;
			right: auto;
			top: auto;
			width: auto;
			height: auto;
		}
		.fullscreen {
			position: fixed;
		}
		.fullscreen .legende-gmap {
			width: 100%;
			height: 30%;
			bottom: 0;
			top: auto;
		}
		
		#content .infos-parcours div .legende-gmap fieldset.points-interet  ul li ul,
		#content .infos-parcours div .legende-gmap fieldset.difficulte,
		.fullscreen .legende-gmap fieldset.points-interet  ul li ul,
		.fullscreen .legende-gmap fieldset.difficulte,
		#content .infos-parcours div .legende-gmap fieldset.points-interet{
			display: none;
		}
		.fullscreen .legende-gmap fieldset.points-interet > ul > li {
			margin: 5px 10px;
			display: inline-block;
		}
		.fullscreen .legende-gmap fieldset.points-interet label input,
		.fullscreen .legende-gmap fieldset.points-interet label span {
			vertical-align:middle;
		}
		.fullscreen .legende-gmap fieldset.points-interet label.type_1 span {
			display: inline-block;
			background-image: url("../images-fvt/pictos/petits/cat_1_label.png");
		}
		
		.template-troncon_view #content .infos-parcours ul.onglets ,
		.template-display_troncon #content .infos-parcours ul.onglets {
			display: none;
		}
		
		.template-etape_view #content .infos-parcours div.contenu,
		.template-display_etape #content .infos-parcours div.contenu {
			min-height: 0;
			border-bottom: 1px solid #D0CEC8;
			padding-bottom: 8px;
		}
		
		
		.template-etape_view #content .infos-parcours,
		.template-display_etape #content .infos-parcours {
			padding-bottom: 55px;
			margin-bottom: 10px;
		}
		
		
		
		#content .infos-parcours ul.onglets {
			text-align: center;
			width: 100%;
			left: 0;
		}
		#content .infos-parcours ul.onglets li {
			font-size: 0.8em;
			display: inline-block;
			float: none;
		}
		#content .infos-parcours ul.onglets li.selected {
			border-color: #4C4C4C;
		}
		#content .infos-parcours ul.onglets li a {
			padding: 9px 7px
		}
		
		
		#content ul.actions-utilisateur{
			float: none;
			margin: 0 ;
			padding: 0;
			width:auto;
			overflow:hidden;
		}
		#content ul.actions-utilisateur li{
			width: 50%;
			float: left;
		}
		#content ul.actions-utilisateur li > a {
			border: 5px solid #FFF !important;
			font-size: 1.2em;
			padding-right: 5px;
		}
		#content ul.actions-utilisateur li a.imprimer-fiche,
		#content .medias,
		.portaltype-etape #content #content-core,
		.portaltype-etape #content .derniers-avis,
		.portaltype-etape #content .etapes-similaires,
		.template-display_etape #content #content-core,
		.template-display_etape #content .derniers-avis,
		.template-display_etape #content .etapes-similaires {
			display: none;
		}
		
		.portaltype-etape .lien-poi,
		.template-display_etape .lien-poi {
			font-size: 0.7em;
		}
		.portaltype-etape .lien-poi a,
		.template-display_etape .lien-poi a {
			display: block;
			margin: 0 0 10px;
			max-width:none !important;
			background-color: #80AC2F !important;
			background-position: center 10px !important;
			padding-bottom: 10px;
			color:#FFF !important;
		}
		
		.portaltype-etape #content .etapes-similaires,
		.template-display_etape #content .etapes-similaires{
			margin-top: 20px;
		}
		
		.portaltype-portlet-page #content .liste_troncons h2,
		.portaltype-itineraire #content h2,
		.portaltype-troncon #content h2,
		.template-poietape_view h2,
		.template-display_itineraire #content h2,
		.template-display_etape #content h2,
		.template-display_troncon h2 {
			font-size: 2em;
		}
		
		/* FOOTER */
		#portal-footer {
			padding: 15px 20px 0;
		}
		


}

/*------------------------------------------------------------------------------------------------------------*/