/**************************************************************************************************************/
/*			VELODYSSEE
			
			Date : 15 Mai 2012
			Auteur : Jeremie
			URL : http://pin2:32480/Velodyssee/
			
			Sommaire :	= RESET
						= CONTENEUR GLOBAL
						= HEADER
							== CHANGEMENT DE LANGUE
							== NAVIGATION HORIZONTALE
						= MAIN
							== RECHERCHE
							== CHEMIN DE FER
							== MESSAGE DE FEEDBACK
							== CENTRE
								TITRE
								DESCRIPTION
								CORPS DE TEXTE
									Titre
									Paragraphe
									Liens
									Liste a puce
								PAGINATION
								PAGE DE LISTE
								RESULTAT DE RECHERCHE
								PAGE ACTUALITE
								PLAN DU SITE
							== GAUCHE
							== DROITE
						= FOOTER
							== SITE ACTION
						= COLOPPHON
						
						= ELEMENTS A POSITIONNER DANS LES BONNES COLONNES
							SOUS NAVIGATION
							CONNEXION
						

*/
/**************************************************************************************************************/
body {
	padding:0;
	background:#fff;
}
h1, h2, h3, h4, h5, h6{
	font-family:'raleway';
}

#portal-column-two {
	padding-top: 110px;
}
.section-front-page #portal-column-two {
	display: none;
}

#visual-portal-wrapper{
    width: auto ;
}
#portal-columns {
	margin-bottom: 20px;
}
/*------------------------------------------------------------------------------------------------------------*/
/*
	= DECORATION D'ARRIERE PLAN
*/
/*------------------------------------------------------------------------------------------------------------*/
#decoration {
	background: none;
}

#decoration .haut,
#decoration .bas{
	display: none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
.chgt-langue,
#portal-top ul#portal-personaltools.identification-inscription{
	position:absolute;
	top: 0px;
	left: auto;
	font-size:1.2em;
	font-weight: normal;
	-webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
	padding: 10px 20px 12px 40px;
	color: #585a5b;
}
.chgt-langue a,
#portal-top ul#portal-personaltools.identification-inscription a{
	color: #585a5b;
}
.chgt-langue:hover,
#portal-top ul#portal-personaltools.identification-inscription:hover{
	background-color:#e9eaea;
}
.chgt-langue a:hover,
#portal-top ul#portal-personaltools.identification-inscription a:hover{
	text-decoration: none;
}
.chgt-langue{
	right: 0px;
	background: url(../images-marqueBlanche/bg_langue.png) 18px 10px no-repeat #f0f1f3;
}
#portal-top ul#portal-personaltools.identification-inscription{
	right: 120px;
	background: url(../images-marqueBlanche/bg_connexion.png) 14px 10px no-repeat #f0f1f3;
}
#personaltools-join {
	display: none;
}
#portal-top ul.identification-inscription li + li {
	border: none;
	padding: 0;
}
.chgt-langue li{
	display:inline;
}

#portal-top .barre-connection {
	width: auto;
	background: #f0f1f3;
	right: 120px;
	top: 0;
	box-shadow: none;
	color: #585a5b;
	padding: 10px 20px 12px;
}
#portal-top .barre-connection ul li a{
	color: #585a5b;
}


/*--------------------------------------------------------------------------------------------------------------
	== LOGO
--------------------------------------------------------------------------------------------------------------*/
#portal-top strong{
	top: 10px;
	z-index: 2;
	left: 10px;
	background: none;
}

#titre {
	position: absolute;
	top: 50px;
	left: 260px;
}
#titre h1{
	color: #5392ac;
	font-size: 2.5em;
}
.site-Velodyssee-en #titre h1{
	font-size: 2.2em;
}


/*--------------------------------------------------------------------------------------------------------------
	== SLIDER
--------------------------------------------------------------------------------------------------------------*/

#portal-top #portal-header .diaporama-controleur,
#portal-slider .diaporama-controleur {
	bottom: 5px;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION HORIZONTALE
--------------------------------------------------------------------------------------------------------------*/
#portal-globalnav{
    z-index: 6;
    width: 100%;
	background: #e48700;
	-webkit-border-radius: 0px 0px 5px 5px;
  	border-radius: 0px 0px 5px 5px;
	padding: 5px 0;
}

#portal-globalnav li{
	position:relative;
}

#portal-globalnav li a{
	padding: 9px 20px 7px ;
	min-width:0;
    font-family: 'raleway';
	font-weight: 700;
}
#portal-globalnav li:last-child a{
	border-right: 0;	
}

#portal-globalnav li.selected a,
#portal-globalnav li.selected a:hover,
#portal-globalnav li.selected a:focus{
	background:#e48700;
	color:#edeaea!important;
}
#portal-globalnav li a:hover,
#portal-globalnav li a:focus,
#portal-globalnav li:hover > a{
	background:#e48700;
	color: #edeaea;
}

#portal-globalnav li ul{
	top:30px;
	padding:10px 5px 5px;
	border:1px solid #eb8522;
	border-top-width: 5px;
}

#portal-globalnav li ul.submenu li + li{
	border-top:1px dotted #eb8522;
}

#portal-globalnav li ul.submenu li a img{
	display:none;
}
#portal-globalnav li#portaltab-index_html{
	display:none;
}


/* MENU TRONCONS*/
#portal-globalnav li#portaltab-troncons- ul,
#portal-globalnav li#portaltab-the-15-sections ul {
	width: 527px;
	padding-bottom: 15px;
	overflow: hidden;
	-moz-column-count: 3;
    -moz-column-gap: 5px;
    -webkit-column-count: 3;
    -webkit-column-gap: 5px;
    column-count: 3;
    column-gap: 5px;
    list-style: none;
	
}
#portal-globalnav li#portaltab-troncons-:hover ul.submenu,
#portal-globalnav li#portaltab-the-15-sections:hover ul.submenu {
    left: -147px;
}
#portal-globalnav li#portaltab-troncons- ul.submenu li,
#portal-globalnav li#portaltab-the-15-sections ul.submenu li {
	display:inline-block;
	width: 165px;
	margin: 0 ;
	border-top: none;
	float: none;
	
	float: left \9; /* Cibler IE */
}


/*--------------------------------------------------------------------------------------------------------------
	== RECHERCHE ETAPES
--------------------------------------------------------------------------------------------------------------*/
.section-front-page #recherche-etapes {
	top: 350px;
}
#recherche-etapes{
	right: 15px;
	top: 130px;
}
#recherche-etapes input[type=submit]{
	background: #E48700;
}
#recherche-etapes input[type="submit"]:hover {
	background: #E47100;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= HOME
*/
/*------------------------------------------------------------------------------------------------------------*/
.section-front-page  #content h1.documentFirstHeading{
	display: none;
}
.section-front-page #portlets-below{
	margin:20px 0 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== CARTE
--------------------------------------------------------------------------------------------------------------*/
.section-front-page .portlet-static-carte{
	float:left;
	padding:0;
	margin-right: 40px;
	width:302px;
	height:728px;
}

/*--------------------------------------------------------------------------------------------------------------
	== INTRO
--------------------------------------------------------------------------------------------------------------*/
.section-front-page .portlet-static-intro{
	float:left;
	margin:0 0 20px;
	width: 375px;
	font-size:1.2em;
	color: #5b5b5b;
}
.section-front-page .portlet-static-intro img.image-right{
	border: none;
}
.section-front-page .portlet-static-intro h2{
	font-size: 2.4em;
	line-height: 1em;
	color: #585a5b;
	margin-bottom: 10px;
}
.section-front-page .portlet-static-intro p{
	line-height: 1.6em;
}

.section-partenaires .documentAuthor {
	display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== Menu Marque Blanche
--------------------------------------------------------------------------------------------------------------*/
.section-front-page .portlet-static-menu-mb{
	float:left;
	margin:0 0 20px;
	width: 645px;
	background: #f4f4f6;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}
.section-front-page .portlet-static-menu-mb ul{
	padding: 10px;
	overflow: hidden;
}
.section-front-page .portlet-static-menu-mb ul li{
	display: block;
	float: left;
	width: 115px;
	margin-right: 10px;
	text-align:center;
	
}
.section-front-page .portlet-static-menu-mb ul li:last-child{
	margin-right: 0;
}
.section-front-page .portlet-static-menu-mb ul li a{
	display: block;
	text-transform: uppercase;
	color: #FFF;
	padding: 55px 7px 10px;
	line-height: 1em;
	font-size: 1.2em;
	font-family: 'raleway';
	font-weight: 700;
	min-height: 25px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}
.section-front-page .portlet-static-menu-mb ul li:hover{
	
}
.section-front-page .portlet-static-menu-mb ul li a:hover{
	text-decoration: none;
	background-color: #0d7991 !important;
}
.section-front-page .portlet-static-menu-mb ul li a.itineraire{
	background:url(../images-marqueBlanche/bg_itineraire.png) center 13px no-repeat #0e94ab;
}
.section-front-page .portlet-static-menu-mb ul li a.parcours{
	background:url(../images-marqueBlanche/bg_parcours.png) center 13px no-repeat #0e94ab;
}
.section-front-page .portlet-static-menu-mb ul li a.suggestion{
	background:url(../images-marqueBlanche/bg_suggestion.png) center 13px no-repeat #0e94ab;
}
.section-front-page .portlet-static-menu-mb ul li a.prestataire{
	background:url(../images-marqueBlanche/bg_prestataire.png) center 13px no-repeat #0e94ab;
}
.section-front-page .portlet-static-menu-mb ul li a.gps{
	background:url(../images-marqueBlanche/bg_gps.png) center 13px no-repeat #0e94ab;
}


/*--------------------------------------------------------------------------------------------------------------
	== Video 
--------------------------------------------------------------------------------------------------------------*/
.section-front-page .portlet-static-video{
	position:relative;
	margin:0 0 20px;
	z-index:1;
	width: 645px;
	float: left;
}



/*--------------------------------------------------------------------------------------------------------------
	== ALBUM PHOTO
--------------------------------------------------------------------------------------------------------------*/
.section-front-page .portlet-static-galeriephoto{
	clear: left;
	background: #f4f4f6;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 5px 0;
}
.section-front-page .portlet-static-galeriephoto h2{
	float: left;
	background: url(../images-marqueBlanche/picto-albumPhoto.png) center 11px no-repeat;
	font-size: 2.4em;
	line-height: 1em;
	padding: 85px 0 20px;
	max-width: 90px;
	margin: 0 30px;
	text-align: center;
}
.section-front-page .portlet-static-galeriephoto div a{
	display: block;
	float: left;
	width: 275px;
	height: 180px;
	overflow: hidden;
	text-align: center;
	margin-right: 5px;
}
.section-front-page .portlet-static-galeriephoto div a img{
	margin: auto;
	max-width: 300px;
}


/*--------------------------------------------------------------------------------------------------------------
	== ACTUALITES
--------------------------------------------------------------------------------------------------------------*/
.section-front-page .portlet-static-actusfvt,
.section-front-page .portlet-static-actusmb{
	float:right;
	margin:0 0 20px;
	width:365px;
	background: #f4f4f6;
	min-height: 480px;
}
.section-front-page .portlet-static-actusfvt h2,
.section-front-page .portlet-static-actusmb h2{
	font-size: 2.4em;
	text-align:center;
	margin: 10px 0;
	padding: 0;
	border-top: none;
	font-weight: normal;
}
.section-front-page .portlet-static-actusfvt a.illustration,
.section-front-page .portlet-static-actusmb a.illustration {
	width: 100%;
	height: 175px;
	background: #DEDFE1;
	text-align: center;
}
.section-front-page .portlet-static-actusfvt a.illustration img,
.section-front-page .portlet-static-actusmb a.illustration img{
	min-height: 100%;
	margin: auto;
}
.section-front-page .portlet-static-actusfvt h3,
.section-front-page .portlet-static-actusmb h3{
	padding: 10px 30px 15px;
	font-size: 1.6em;
	line-height: 1em;
	font-family: Verdana, Geneva, sans-serif;
}
.section-front-page .portlet-static-actusfvt h3 a,
.section-front-page .portlet-static-actusmb h3 a{
	color: #E48700;
}
.section-front-page .portlet-static-actusfvt p.description,
.section-front-page .portlet-static-actusmb p.description{
	padding: 0 30px 15px;
	font-size: 1.2em;
	line-height: 1.6em;
	border-bottom: none;
}
.section-front-page .portlet-static-actusfvt a.tout,
.section-front-page .portlet-static-actusmb a.tout{
	background: #E48700;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	padding: 7px 15px 5px;
	margin: 10px auto;
	color: #FFF;
	font-size: 1.4em;
	max-width: 60%;
	font-family: 'raleway';
	font-weight: 700;
}
.section-front-page .portlet-static-actusfvt a.tout:hover,
.section-front-page .portlet-static-actusmb a.tout:hover{
	background: #E47100;
	text-decoration: none;
}
.section-front-page .portlet-static-actusfvt .tout:before,
.section-front-page .portlet-static-actusmb .tout:before {
	content: "";
}

/*--------------------------------------------------------------------------------------------------------------
	== Coup de coeur & Incontournable
--------------------------------------------------------------------------------------------------------------*/
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee,
.section-front-page .portlet-static-sitesinoubliablesmb{
	float: left;
	margin:0 30px 20px 0;
	width:595px;
	background: #f4f4f6;
	position: relative;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee .pastille,
.section-front-page .portlet-static-sitesinoubliablesmb .pastille{
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	width: 56px;
	height: 56px;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee .pastille{
	background: url(../images-marqueBlanche/bg_coupCoeur.png) 0 0 no-repeat;
}
.section-front-page .portlet-static-sitesinoubliablesmb .pastille{
	background: url(../images-marqueBlanche/bg_site.png) 0 0 no-repeat;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee a.illustration,
.section-front-page .portlet-static-sitesinoubliablesmb a.illustration {
	width: 230px;
	height: 230px;
	margin-right: 35px;
	overflow: hidden;
	float: left;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee a.illustration img,
.section-front-page .portlet-static-sitesinoubliablesmb a.illustration img{
	min-height: 100%;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee h2,
.section-front-page .portlet-static-sitesinoubliablesmb h2{
	font-size: 2.4em;
	line-height: 1em;
	padding-top: 10px;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee h3,
.section-front-page .portlet-static-sitesinoubliablesmb h3{
	font-size: 1.6em;
	font-family: Verdana, Geneva, sans-serif;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee h3 a,
.section-front-page .portlet-static-sitesinoubliablesmb h3 a{
	background: #0292aa;
	display: block;
	overflow: hidden;
	text-align: center;
	margin: 10px 35px 10px 0;
	padding: 5px 0 7px;
	color: #FFF;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee p.description,
.section-front-page .portlet-static-sitesinoubliablesmb p.description{
	margin: 10px 35px 10px 0;
	font-size: 1.2em;
	line-height: 1.6em;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee a.tout,
.section-front-page .portlet-static-sitesinoubliablesmb a.tout{
	background: #E48700;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	display: inline-block;
	font-size: 1.4em;
	text-transform: uppercase;
	text-align: center;
	padding: 7px 15px 5px;
	margin: 10px 0;
	color: #FFF;
	font-family: 'raleway';
	font-weight: 700;
}
.section-front-page .portlet-static-etapes-coup-de-coeur-la-velodyssee a.tout:hover,
.section-front-page .portlet-static-sitesinoubliablesmb a.tout:hover{
	background: #E47100;
	text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------
	== Partenaire
--------------------------------------------------------------------------------------------------------------*/
.section-front-page .portlet-static-partenaires{
	background: #dedfe1	;
	clear:both;
	float:left;
	margin: 0;
	width:595px;
	min-height: 470px;
}
.section-front-page .portlet-static-partenaires h2{
	text-align: center;
}
.section-front-page .portlet-static-partenaires > div{
	background: #fff;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	margin: 25px;
	padding: 20px;
	overflow: hidden;
	min-height: 200px;
}
.section-front-page .portlet-static-partenaires div ul{
	float: left;
	max-width: 47%;
	margin: 10px 3% 10px 0;
}

.section-front-page .portlet-static-partenaires div li{
	display: block;
	padding-left: 10px;
	margin-bottom: 5px;
	background: url(../images-marqueBlanche/puce.png) left 4px no-repeat;
}
.section-front-page .portlet-static-partenaires div li a{
	color: #585a5b;
}

/*--------------------------------------------------------------------------------------------------------------
	== Preparer sa balade
--------------------------------------------------------------------------------------------------------------*/
.section-front-page .portlet-static-preparez-votre-balade{
	background: #dedfe1	;
	margin: 0;
	float:left;
	width:395px;
	min-height: 470px;
	
}
.section-front-page .portlet-static-preparez-votre-balade > div{
	-webkit-border-radius: 0px;
    border-radius: 10px;
	background: url(../images-marqueBlanche/bg_conseil.jpg) left top no-repeat #fff;;
	overflow: hidden;
	margin: 25px 25px 25px 0;
	padding: 200px 0 0;
}
.section-front-page .portlet-static-preparez-votre-balade h2{
	font-size: 2.4em;
	text-align: center;	
}
.section-front-page .portlet-static-preparez-votre-balade a.tout{
	background: #E48700;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	display: block;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 15px 7px;
	margin: 20px auto 40px;
	color: #FFF;
	font-size: 1.4em;
	max-width: 60%;
	font-family: 'raleway';
	font-weight: 700;
}
.section-front-page .portlet-static-preparez-votre-balade a.tout:hover{
	background: #E47100;
	text-decoration: none;	
}

/*--------------------------------------------------------------------------------------------------------------
	== CHEMIN DE FER
--------------------------------------------------------------------------------------------------------------*/
#portal-breadcrumbs {
	overflow: hidden;
	margin-top: 0;
	width: auto;
}
#portal-breadcrumbs ul{
	margin: 20px 10px 15px 0;
	background: #f0f1f2;
	padding: 5px 15px 8px 0;
	float: left;
	-webkit-border-radius: 8px;
    border-radius: 8px;
	color: #579c99;
	font-size: 1.1em;
}
#portal-breadcrumbs li {
	position: relative;
	padding-left: 15px;
}
#portal-breadcrumbs span{
	background:url(../images-marqueBlanche/ariane.png) 0 0 no-repeat;
	display: block;
	top: 2px;
	left: 0;
	position: absolute;
	width: 12px;
	height: 12px;
	text-indent: -5000px;
}
#portal-breadcrumbs a{
	color: #E48700;
	text-decoration: underline;
}
#portal-breadcrumbs li:last-child a{
	color: #579c99;
	text-decoration: none;
}
#portal-breadcrumbs #breadcrumbs-you-are-here{
	display:none;
}


/*--------------------------------------------------------------------------------------------------------------
	== TITRE
--------------------------------------------------------------------------------------------------------------*/
#content h1.documentFirstHeading{
	font-weight: 300;
	padding-left: 4%;
	font-size: 2.5em;
	background: url(../images-marqueBlanche/titre.png) no-repeat left;
	color: #78797a;
	margin-bottom: 40px;
}
#content h1.documentFirstHeading span{
	color:#E48700;
}
#content h1.documentFirstHeading a.retour{
	color:#E48700;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONTEXTE
--------------------------------------------------------------------------------------------------------------*/
#content .contexte-element {
	display: block;
	color:#E48700;
}
#content .contexte-element a{
	color:#E48700;
}
#content .contexte-element a:hover,
#content .contexte-element a:focus{
	color:#E48700!important;
}

#content .contexte-element a[href="http://www.lavelodyssee.com/troncons/la-velodyssee-roscoff-nantes"]{
	display:none;
	
}


/*--------------------------------------------------------------------------------------------------------------
	== SUIVANT / PRECEDENT
--------------------------------------------------------------------------------------------------------------*/
#content ul.precedent-suivant{
	border-top:1px dotted #E48700;
	border-bottom:1px dotted #E48700;
}
#content ul.precedent-suivant li a{
	color:#E48700;
}
#content ul.precedent-suivant li.precedent{
	background:url(../images-marqueBlanche/fleche-orange-gauche.png) 0 0.2em no-repeat;
}
#content ul.precedent-suivant li.suivant{
	background:url(../images-marqueBlanche/fleche-orange-droite.png) right 0.2em no-repeat;
}




/*------------------------------------------------------------------------------------------------------------*/
/*
	= RECHERCHE PARCOURS
*/
/*------------------------------------------------------------------------------------------------------------*/
#content dl.critere-recherche-parcours{
	border-top:1px dotted #eb8522;
	border-bottom:1px dotted #eb8522;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESULTAT RECHERCHE
*/
/*------------------------------------------------------------------------------------------------------------*/
#content #searchform{
	border:1px dotted #33aaad;
}
#content .searchResults dt{
	border-top:1px solid #eb8522;
}
#content .searchResults dt a{
	color:#eb8522!important;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGES DETAIL ALBUM PHOTO
*/
/*------------------------------------------------------------------------------------------------------------*/
#content span.nb-photo{
	background:#eb8522;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#eb8522), to(#e18628));
	background:-webkit-linear-gradient(#eb8522, #e18628);
	background:-moz-linear-gradient(#eb8522, #e18628);
	background:-ms-linear-gradient(#eb8522, #e18628);
	background:-o-linear-gradient(#eb8522, #e18628);
	background:linear-gradient(#eb8522, #e18628);
}



/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGES DETAIL ACTUALITE
*/
/*------------------------------------------------------------------------------------------------------------*/
.template-display_actu #content h2{
	color:#0088ba;
}
.portaltype-actualite #content ul.autres-actualites li + li{
	border-left:1px dotted #000;
}
.template-display_actu #content ul.actions-actualites li.voir-tout a{
	color:# 0088ba;
}

.template-newsitem_view #content div.newsImageContainer {
    display: none;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGES LISTE
*/
/*------------------------------------------------------------------------------------------------------------*/

/*Avis */
#content ul.liste-avis li.avis-manager {
	background: url("../images-marqueBlanche/avis-manager.png") no-repeat scroll right 10px #F3F3F3;
}

/*Liste standard*/
#content #content-core .tileItem{
	border-bottom:1px solid #33aaad;
}
#content #content-core .tileItem h2 {
    color: #33aaad;
}
#content #content-core .tileItem h2 a{
    color: #33aaad;
}


/*Pagination*/
.portaltype-dossieractualites #content .listingBar{
	background:#0088ba;
}
.portaltype-dossieractualites #content .listingBar .next {
    background: url(../images-marqueBlanche/suivant-bleu.png) right top no-repeat;
}
.portaltype-dossieractualites #content .listingBar .previous {
    background: url(../images-marqueBlanche/precedent-bleu.png) left top no-repeat;
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= PAGES ITINERAIRES / TRONCONS / ETAPES
*/
/*------------------------------------------------------------------------------------------------------------*/
#content .infos-parcours div .legende-gmap fieldset.points-interet label.cat_6,
#content .infos-parcours div .legende-gmap fieldset.points-interet label.type_5,
#content .infos-parcours div .legende-gmap fieldset.points-interet label.type_8,
#content .infos-parcours div .legende-gmap fieldset.points-interet label.type_9,
#content .infos-parcours div .legende-gmap fieldset.points-interet label.type_12 {
	display: none;
}
#content .infos-parcours div.contenu{
	min-height: 515px;
}
#content .infos-parcours #MapsVisuDiv {
    height: 515px;
}
#content .sbSelector{
	background: url(../images-marqueBlanche/picto-select.png) 7px center no-repeat;
}
#content .sbToggle{
	background: url(../images-marqueBlanche/select.png) 0 center no-repeat;
}

#content .infos-parcours ul.onglets li:hover,
#content .infos-parcours ul.onglets li:focus{
	border-color:  #E48700;
}
#content .infos-parcours ul.onglets li.selected{
	background:#E48700;
}

#content ul.actions-utilisateur li a.telecharger-gpx{
	background: #f6f6f6 url(../images-marqueBlanche/picto-telechargement-gpx.png) 15px center no-repeat;
}
#content ul.actions-utilisateur li a.imprimer-fiche{
	background: #f6f6f6 url(../images-marqueBlanche/picto-imprimer.png) 15px center no-repeat;
}
#content ul.actions-utilisateur li a.ajout-roadbook{
	background: #f6f6f6 url(../images-marqueBlanche/picto-ajout-roadbook.png) 15px center no-repeat;
}

#content .medias ul.onglets #onglet-photos a{
	background: url(../images-marqueBlanche/picto-albumPhoto.png) center 10px no-repeat;
}
#content .medias div > a{
	background-color: #0093aa;
}
.portaltype-etape #content .etapes-similaires ul li.actif,
.template-display_etape #content .etapes-similaires ul li.actif {
	background: #0093aa; 	
}
.portaltype-etape #content .etapes-similaires ul li span.ici,
.template-display_etape #content .etapes-similaires ul li span.ici{
	border: 2px solid #0093aa;
}

.template-display_etape #content .derniers-avis ul.avis li{
	padding-top: 10px;
	border-left: 1px solid #F38D30
}
.template-display_etape #content .derniers-avis ul.avis li.avis-manager{
	background: url(../images-marqueBlanche/avis-manager.png) bottom right no-repeat #f3f3f3;
	padding-bottom: 50px;
	border: 1px solid #C4C4C4;
}
.template-display_etape #content .derniers-avis ul.avis li h3{
	padding:0 0 0 30px;
	background:url(../images-marqueBlanche/guillemet-orange.png) 0 0 no-repeat;
}
.template-display_etape #content .derniers-avis ul.avis li.avis-manager h3 {
	padding: 0 10px 0 30px;
}
.template-display_etape #content .derniers-avis ul.avis li.avis-manager p  {
	padding: 0 10px;
	border: none;
}
.template-display_etape #content .derniers-avis ul.avis li h3 span.avis-title{
	color:#000;
}
.template-display_etape #content .derniers-avis ul.avis li h3 span{
	color:#f38d30;
	font-size:0.9em;
	font-style:normal;
}
.template-display_etape #content .derniers-avis ul.avis li p{
	padding:0 0 0 10px;
	border-left:1px dotted #C4C4C4;
	font-size:1.1em;
	line-height:1.3em;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= LISTE TRACES
*/
/*------------------------------------------------------------------------------------------------------------*/
#content ul.liste-traces > li,
#content ul.liste-traces li:hover{
	background:#EB8522 url(../images-marqueBlanche/fond-etape.png) 0 bottom repeat-x;
}
#content ul.liste-traces li h3 {
	font-size: 2em;
}
#content ul.liste-traces li h3 a{
	color:#fff;
}
#content ul.liste-traces li h3 > span {
	font-size: 0.6em;
	display: block;
	font-weight: bold;
}
#content ul.liste-traces li h3 img {
	display: inline;
}
#content ul.liste-traces li .description{
	color:#fff;
	font-size: 1.2em;
}
#content ul.liste-traces li .difficultes{
	padding:0 20px 0 10px;
	background:url(../images-marqueBlanche/puce-fleche-blanche.png) 0 0.3em no-repeat;
	font-size:1.2em;
	color:#fff;
}
#content ul.liste-traces li a.lien-voir-detail{
	padding:3px 5px 4px 18px;
	background:#fff url(../images-marqueBlanche/fleche-noire-grasse.png) 5px 0.7em no-repeat;
	font-size:1em;
	color:#000 !important;
	font-weight:bold;
	bottom: auto;
	top: 172px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= Liste POI
*/
/*------------------------------------------------------------------------------------------------------------*/
.template-poietape_view #portal-breadcrumbs {
	display: none;
}
.template-poietape_view #content h1.documentFirstHeading {
	padding-top: 0;
	margin-top: 60px;
}
.template-poietape_view #content .retour {
	background: #DE8300
}
.template-poietape_view #content .retour:hover{
	background-color: #E47100;
}

.template-poietape_view h2 {
	padding-left: 0 !important;
	background: none !important;
	color: #DE8300;
}

/*--------------------------------------------------------------------------------------------------------------
	== Choix suggestion Parcours
--------------------------------------------------------------------------------------------------------------*/
.template-document_view #content #choix-suggestions h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	display: block;
	color: #33aaad;
	border: none;
	text-align: center;
	background:url(../images-marqueBlanche/ficheParcours/bg_choix-suggestions_h2.jpg) 0 center repeat-x;
}
.template-document_view #content #choix-suggestions h2 span{
	margin: auto;
	padding: 0 10px;
	background: #FFF;
}
.template-document_view #content #choix-suggestions ul{
	border-bottom: 1px solid #33aaad;
	text-align: center;
	overflow:hidden;
}
.template-document_view #content #choix-suggestions ul li{
	float: left;
	display: block;
	margin: 10px 75px 20px;
	background: none;
	text-align: center;
	max-width: 150px;
}
.template-document_view #content #choix-suggestions ul li a{
	border: none;
	color: #33aaad;
	font-weight: bold;
	font-size: 1.5em;
}
.template-document_view #content #choix-suggestions ul li a img{
	display: block;
	margin: 0 auto 10px;
}

/*--------------------------------------------------------------------------------------------------------------
	== Liste suggestion Parcours
--------------------------------------------------------------------------------------------------------------*/
#content #suggestions-de-parcours .fiche-suggestion *{ 
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#content #suggestions-de-parcours .fiche-suggestion{
	width: 300px;
	float: left;
	margin: 0 14px 40px;
	position: relative;
	background: #f5f5f5;
	border: 1px solid #D7D7D7;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	overflow: hidden;
}
#content #suggestions-de-parcours .fiche-suggestion:nth-child(3n+1){
	clear: left;
}
#content #suggestions-de-parcours .fiche-suggestion .conteneur-img-titre{
	position:relative;
	display: block;
	border: none;
	
}
#content #suggestions-de-parcours .fiche-suggestion .conteneur-img-titre h2{
	position: absolute;
	width: 100%;
	font-size: 1.3em;
	text-align: center;
	text-transform: uppercase;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 0;
	bottom: 0;
	border: none;
	margin: 0;
	
	
}
#content #suggestions-de-parcours .fiche-suggestion .conteneur-img-titre h2 a{
	border: none;
	color: #FFFFFF;
	padding: 5px;
}
#content #suggestions-de-parcours .fiche-suggestion:hover .conteneur-img-titre h2 a{
	border: none;
	color: #FFFFFF !important;
	padding: 15px 5px;
}
#content #suggestions-de-parcours .fiche-suggestion:hover .conteneur-img-titre img{
	margin-top: -20px;
	padding-bottom: 20px;
}
#content #suggestions-de-parcours .fiche-suggestion .conteneur-img-titre img{
	height: 185px;
	min-width: 100%;
	background: #000;
}

#content #suggestions-de-parcours .fiche-suggestion .description{
	font-weight: bold;
	color: #000;
	padding: 5px 10px;
	font-family: verdana;
    font-size: 1.1em;
	margin-bottom: 10px
}
#content #suggestions-de-parcours .fiche-suggestion ul{
	margin: 0;
	padding-bottom: 10px;
	overflow: visible;
	
}
#content #suggestions-de-parcours .fiche-suggestion li{
	padding-left: 35px;
	margin-left: 60px ;
	min-height: 22px;
}
#content #suggestions-de-parcours .fiche-suggestion li#type.aller_simple{
	background:url(../images-marqueBlanche/ficheParcours/bg_liste_aller.png) left 0 no-repeat;
}
#content #suggestions-de-parcours .fiche-suggestion li#type.circuit_boucle{
	background:url(../images-marqueBlanche/ficheParcours/bg_liste_boucle.png) left 0 no-repeat;
}
#content #suggestions-de-parcours .fiche-suggestion li#type.aller_retour{
	background:url(../images-marqueBlanche/ficheParcours/bg_liste_AR.png) left 0 no-repeat;
}
#content #suggestions-de-parcours .fiche-suggestion li#retour.train{
	background:url(../images-marqueBlanche/ficheParcours/bg_liste_train.png) left 0 no-repeat;
}
#content #suggestions-de-parcours .fiche-suggestion li#retour.bus{
	background:url(../images-marqueBlanche/ficheParcours/bg_liste_bus.png) left 0 no-repeat;
}
#content #suggestions-de-parcours .fiche-suggestion li#retour.bateau{
	background:url(../images-marqueBlanche/ficheParcours/bg_liste_bateau.png) left 0 no-repeat;
}
#content #suggestions-de-parcours .fiche-suggestion li#retour.velo{
	background:url(../images-marqueBlanche/ficheParcours/bg_liste_velo.png) left 0 no-repeat;
}
#content #suggestions-de-parcours .fiche-suggestion li#duree{
	background:url(../images-marqueBlanche/ficheParcours/bg_liste_timer.png) left 0 no-repeat;
}
#content #suggestions-de-parcours .fiche-suggestion li#localisation{
	background:url(../images-marqueBlanche/ficheParcours/bg_liste_dpt.png) left 0 no-repeat;
}
#content #suggestions-de-parcours .fiche-suggestion a.btn-detail{
	margin: 20px auto 0 ;
	border: none;
	background-color: #33aaad;
	color: #FFFFFF;
	-webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	display: block;
	max-width: 180px;
	text-align: center;
	padding: 5px 0 7px;
	font-size: 1.2em;
}
#content #suggestions-de-parcours .fiche-suggestion a.btn-detail:after{
	content: " >";	
}
#content #suggestions-de-parcours .fiche-suggestion a.btn-detail:hover{
	background: #1f8386;
	color: #FFFFFF !important;	
}



/*--------------------------------------------------------------------------------------------------------------
	== Details suggestion Parcours
--------------------------------------------------------------------------------------------------------------*/
.section-suggestions-parcours #portal-columns #portal-column-content {
	width: 100%;
}
.section-suggestions-parcours #portal-column-two {
	display: none;
}
#content  #ficheParcours #infoPratique{
	float: left;
	width: 380px;
	margin-right: 30px;
	background: #f5f5f5;
	border: 1px solid #d5d5d5;
	-webkit-border-radius: 5px;
    border-radius: 5px;
}
#content  #ficheParcours #infoPratique h2{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #888888;
	text-align: center;
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 10px auto;
	border: none;
}
#content  #ficheParcours #parent-fieldname-title{
	margin-bottom: 20px;
}
#content  #ficheParcours #parent-fieldname-description{
	display: none;
}
#content  #ficheParcours #infoPratique h2 span{
	color: #000;
	display: block;
}

#content  #ficheParcours #infoPratique ul{
	background: #FFF;
	overflow: hidden;
	margin: 10px 0;
	border-bottom: 1px dashed #dcdcdc;
	border-top: 1px dashed #dcdcdc;
}
#content  #ficheParcours #infoPratique li{
	display: block;
	width: 60px;
	float: left;
	margin: 10px 0 10px 20px;
	text-align: center;
	background: none;
	padding: 40px 0 0;
	font-weight: bold;
	line-height: 1em;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
  	-o-hyphens: auto;
  	hyphens: auto;
	word-wrap: break-word;
}
#content  #ficheParcours #infoPratique li#difficulte{
	width: 91px;	
}
#content  #ficheParcours #infoPratique li#retour{
	width: 80px;	
}
#content  #ficheParcours #infoPratique li#difficulte.famille{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_famille.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#difficulte.intermediaire{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_intermediaire.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#difficulte.expert{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_expert.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#type.aller_simple{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_aller.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#type.circuit_boucle{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_boucle.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#type.aller_retour{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_AR.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#retour.train{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_train.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#retour.bus{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_bus.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#retour.bateau{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_bateau.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#retour.velo{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_velo.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique li#duree{
	background:url(../images-marqueBlanche/ficheParcours/bg_fiche_timer.png) center 0 no-repeat;
}
#content  #ficheParcours #infoPratique .carte{
	margin: auto;
	border: 1px solid #dcdcdc;
	display: block;
	max-width: 355px;
}
#content  #ficheParcours #infoPratique p{
	padding: 0 10px;
	margin: 20px 0 15px;
	font-weight: bold;
	color: #888888;
}
#content  #ficheParcours #infoPratique p a{
	display: block;
	color: #eb8522;
	border: none;
	margin-bottom: 10px;
}





#deposer-avis input#titre {
	position: relative;
	top: auto;
	left: auto;	
}


/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer{
	margin:0 0;
	padding:15px 0;
	background: #d9dadc;
}
#portal-footer ul {
	padding-bottom: 0;
	text-align: center;
	margin:auto;
}
#portal-footer ul li{
	color:#0790b2;
}
#portal-footer ul li a{
	color:#0790b2;
}















/*------------------------------------------------------------------------------------------------------------*/
/*
	= ELEMENTS A POSITIONNER DANS LES BONNES COLONNES
*/
/*------------------------------------------------------------------------------------------------------------*/
/*
	SOUS NAVIGATION
*/
.portletNavigationTree{ /*sur un dl*/
}
.portletNavigationTree dd ul{
}
#portal-column-two .portletNavigationTree ul li a{
	margin:0;
	padding:0;
	font-size:1.1em;
}
#portal-column-two .portletNavigationTree ul li div{
}
#portal-column-two .portletNavigationTree ul li div a{
}
#portal-column-two .portletNavigationTree ul li a{
}
#portal-column-two .portletNavigationTree ul li a.navTreeCurrentItem{
}

/*
	CONNEXION
*/
#portal-column-two .portletLogin{
	margin:0;
}
#portal-column-two .portletLogin dt{
	padding:0;
	background:none;
	color:#000;
}
#portal-column-two .portletLogin dd{
	padding:0;
}
#portal-column-two .portletLogin dd .formControls{
	margin:0;
	text-align:right;
}

#loader-gmap{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:5000;
    display:none;
}
#loader-gmap div{
    margin:300px auto 0;
    width:300px;
    padding:10px;
    background:#fff;
    text-align:center;
}


.managePortletsBelowLink {
    margin: 0;
}


/*        Personalisation moteur de recherche POI                                       */ 

#recherche-POI > img:first-child {
	display:none;
	}
	
#recherche-POI fieldset label {
    color: #000000;
}

#recherche-POI fieldset label[for="5"]{
	display: none;
}

#recherche-POI {
	background:none;
	background-color: #E48700;
}

/*---------------------------*/
/*	MODULE SEO
/*---------------------------*/
.template-seo-context-properties #content fieldset{
	margin:0;
	padding:0;
	border:none;
}
.template-seo-context-properties #content fieldset legend,
.template-seo-context-properties #content fieldset #seo_keywords_check_keywords,
.template-seo-context-properties #content fieldset > div:nth-child(6),
.template-seo-context-properties #content fieldset > div:nth-child(7),
.template-seo-context-properties #content fieldset > div:nth-child(8){
	display:none;
}
.template-seo-context-properties #content fieldset > div + div{
	margin:20px 0 0;
	padding:20px 0 0;
	border-top:1px dotted #666;
}
.template-seo-context-properties #content fieldset label:first-child{
	text-transform:uppercase;
	font-size:1.2em;
}




/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 500px){
	
	
		.site-Velodyssee.section-front-page #portal-columns #portal-column-content #content {
			display: none;
		}
		#portal-globalnav > li > a,
		#portal-globalnav li a:hover,
		#portal-globalnav li a:focus,
		#portal-globalnav li.open a {
			background: #E48700;
			color: #FFF;
		}
		
		.section-front-page .portlet-static-actusfvt p.description,
		.section-front-page .portlet-static-actusmb p.description {
			text-align: center;
		}
	
	
	}

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