/**************************************************************************************************************/
/*			FETE DE LA NATURE - V1.5 Site generique

			Date : 27 novembre 2015
			Auteur : marlene
			URL : http://pin2:40080/fdln-newer/

			Sommaire :	= RESET
							ELEMENTS DE PLONE

						= BXSLIDER

						= PORLTETS
							== RECHERCHE
							== NEWSLETTER
							== CONNEXION
							== SOUS NAVIGATION
							== A LA UNE
							== CONTENUS CORRELES
							== ALBUM PHOTO
							== CALENDRIER

						= CONTENEUR GLOBAL

						= HEADER
							== LOGO
								SI C'EST UN BANDEAU
								SI C'EST UN TEXTE
							== CHANGEMENT DE LANGUE
							== RECHERCHE
							== NAVIGATION NORMALE
								MENU DEROULANT
							== NAVIGATION MINI
								BOUTONS
								RUBRIQUES
								MENU DEROULANT
							== DIAPORAMA
							== BOUTON SE CONNECTER

						= MAIN
							== CENTRE
							== COLONNES
							== ABOVE CONTENT
								CHEMIN DE FER
								MESSAGE DE FEEDBACK
								PORTLETS
							== ELEMENTS GENERAUX
								TITRE
								IMAGE
								DESCRIPTION
								CORPS DE TEXTE
								SOMMAIRE
								PAGINATION
								CONTENUS CORRRELES
								MOTS CLES
							== PAGE D'ACCUEIL
							== PAGE DE LISTE
							== PAGE D'INSCRIPTION A LA NEWSLETTER
							== PAGE DE RESULTAT DE RECHERCHE
								FILTRE
								LISTE
                            == PAGE ACTUALITE
							== PAGE DOSSIER
							== PAGE VIDEOS
							== PAGE EVENEMENT
							== PAGE CALENDRIER
								BOUTON CALENDRIER
								CALENDRIER
							== PAGE ALBUM PHOTOS
							== PAGE SON
							== PAGE FICHIER
							== PAGE DE PLAN DU SITE
							== PAGE DE CONNEXION
							== PAGE LISTE DE DONS

						= FOOTER
							== COORDONNEES
							== SITE ACTION
                            == PLAN DU SITE

						= POPINS
							== CONNEXION
                            == GMAP

						=  ADMINISTRATION
							== BARRE D'EDITION
							== VUE CONTENU
							== FORMULAIRE DE MODIFICATION
							== PALETTE D'ADMIN

						= AJUSTEMENT PETITS ECRANS



*/
/**************************************************************************************************************/


/*------------------------------------------------------------------------------------------------------------*/
/*
	= RESET
*/
/*------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background:#1A6600 url(../images/body.jpg) 0 0 no-repeat;
	background-size:100% auto;
	font-family:lato;
	font-size:62.5%; /*ensuite 1em=10px en taille normale*/
	color:#000;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	border: none;
	font-family:lato;
    font-weight:700;
	letter-spacing:normal;
}
ul{
	margin:0;
    padding:0;
	list-style-image:none;
	list-style-type:none;
    line-height:1.3em;
}
img{
	border:none;
}
a, a:link{
	text-decoration:none;
	color:#000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
a:visited{
	text-decoration:none;
	color:#000;
}
a:hover, a:focus{
	text-decoration:underline;
	color:#000;
}
input{
	font-family:lato;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{
	background-color:#eae5e6;
}

/*
	ELEMENTS DE PLONE
*/
dl.portlet,
dl.portalMessage,
div.managePortletsLink,
a.managePortletsFallback,
div.portletAssignments,
#content,
div.overlay,
#edit-bar,
#portal-sitemap,
#portal-searchbox,
#portal-globalnav,
#portal-breadcrumbs,
#portal-column-content #content,
#portal-footer,
#portal-siteactions,
#portal-colophon,
#portal-languageselector,
#content pre,
.portletItemDetails,
#portal-personaltools,
#fieldset-openid-login input,
#login-form input,
div.listingBar,
#content legend,
#content div.documentByLine,
.commentDate,
.comment,
#portal-sitemap .navTreeLevel2,
#portal-sitemap .navTreeLevel2 ul,
#content .discreet,
#sidebar .discreet,
#category{
	font-size:100%;
}
#content a:link,
dl.portlet a:link,
#content a:visited,
dl.portlet a:visited{
	border:none;
	color:#000;
}
#content dt{
	font-weight:normal;
}
#content{
	clear:none;
}
#content ul{
	list-style:none;
	margin:0;
}
.portletAssignments .portlet_here.portlet_visible .portletHeader{
	color:#000;
	background: #666;
}
body.template-logged_out #content,
body.template-login_form #content{
	text-align:left;
}
.highlightedSearchTerm{
	background:none!important;
	font-weight:normal!important;
}
div.width-full{
	width:100%;
}
div.position-0,
div.position-1\:2{
	margin:0;
}
div.cell{
	float:none;
	left:0;
	width:auto;
}
div.row{
	float:none;
}
#content-ckeditor,
body.cke_panel_frame{
    background:#fff !important;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= BXSLIDER
*/
/*------------------------------------------------------------------------------------------------------------*/
/*
	RESET - LAYOUT
*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/*
	THEME
*/
.bx-wrapper .bx-viewport {
	background: #fff;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx-slider/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: verdana;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(++resource++PIE.htc);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/bx-slider/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/bx-slider/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/bx-slider/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/bx-slider/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	width: 80%;
	text-align: left;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	-pie-background: rgba(80, 80, 80, 0.75);
	behavior: url(++resource++PIE.htc);
}
.bx-wrapper .bx-caption span {
	display: block;
	padding: 10px;
	color: #fff;
	font-family: verdana;
	font-size: 0.85em;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= PORLTETS
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet{
}
#portal-columns dl.portlet dt{
	position:relative;
	font-size:2.2em;
	font-weight:900;
	text-transform:uppercase;
}
#portal-columns dl.portlet dd{
	padding:0;
	font-size:1.2em;
}

/*--------------------------------------------------------------------------------------------------------------
	== DATE
--------------------------------------------------------------------------------------------------------------*/
.date-fdln{
	display:none;
}
.section-accueil .date-fdln{
	display:block;
	float:right;
	margin:55px 0 0;
}
.section-accueil .date-fdln .ordi{
	display:block;
}
.section-accueil .date-fdln .mobile{
	display:none;
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTONS
--------------------------------------------------------------------------------------------------------------*/
.bouton{
	position:relative;
	float:left;
	margin:20px 0 0 15px;
	background:url(../images/bouton-off.png) 0 0 no-repeat;
	background-size:100% auto;
}
.bouton:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	background:url(../images/bouton-on.png) 0 0 no-repeat;
	background-size:100% auto;
	opacity:0;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.bouton:hover:after{
	opacity:1;
}
.bouton a{
	position:relative;
	z-index:2;
	display:block;
	padding:40px 10px;
	padding-left:0\9;
	min-height:170px;
	min-width:170px;
	color:#fff;
	font-size:2.9em;
	font-size:2.3em\9;
	font-style:italic;
	line-height:1;
	text-align:center;
}
.bouton a strong{
	display:block;
	font-weight:900;
}
.bouton a:hover,
.bouton a:focus{
	text-decoration:none;
}
.bouton.c-koi-fete{
	margin-left:33%;
}
.section-accueil .bouton.c-koi-fete{
	margin:238px 0 0 30px;
}
.section-accueil .bouton.c-koi-fete:before{
	content:url(../images/cigogne.png);
	position:absolute;
	bottom:94%;
	left:0;
	right:25px;
	text-align:center;
}
.section-accueil .bouton.je-veux-organiser{
	margin:345px 0 0 150px;
}
.section-accueil .bouton.je-veux-participer{
	margin:345px 0 0 30px;
}

/*--------------------------------------------------------------------------------------------------------------
	== RESEAUX SOCIAUX
--------------------------------------------------------------------------------------------------------------*/
.reseaux-sociaux{
	float:right;
	clear:right;
	margin:72px 0 0 0;
}
.section-accueil .reseaux-sociaux{
	margin-right:25px;
}
#visual-portal-wrapper .reseaux-sociaux li{
	display:block;
	margin:0 0 10px;
}
.reseaux-sociaux a{
	display:block;
	line-height:1;
}
.reseaux-sociaux a:hover,
.reseaux-sociaux a:focus{
	background:#fff;
}

/*--------------------------------------------------------------------------------------------------------------
	== BABA DE L'ORGANISATEUR
--------------------------------------------------------------------------------------------------------------*/
.baba-organisateur{
	float:left;
	margin:0 0 15px;
	width:15.5%;
}
#portal-columns dl.portlet.baba-organisateur dt{
	position:relative;
	padding:8px 10px;
	background:#fff;
	line-height:1;
}
#portal-columns dl.portlet.baba-organisateur dt:before{
	content:"◤";
	position:absolute;
	top:94%;
	left:10px;
	color:#fff;
	font-size:1.5em;
	line-height:0.6;
}
#portal-columns dl.portlet.baba-organisateur dt a,
#portal-columns dl.portlet.baba-organisateur dt a:hover,
#portal-columns dl.portlet.baba-organisateur dt a:focus{
	color:#000!important;
	text-decoration:none;
}
.baba-organisateur p.soustitre{
	margin:5px 0 0;
	font-size:1em;
	text-transform:uppercase;
	text-align:right;
}
#content .baba-organisateur ul li a{
	display:block;
	padding:5px 10px;
	background:rgba(255,255,255,0.4);
	-pie-background:rgba(255,255,255,0.4);
	behavior: url(++resource++PIE.htc);
	color:#fff;
	font-size:1.3em;
	text-transform:uppercase;
}
#content .baba-organisateur ul li a:hover,
#content .baba-organisateur ul li a:focus{
	color:#fff!important;
}
#content .baba-organisateur ul li a strong{
	font-weight:700;
}

/*--------------------------------------------------------------------------------------------------------------
	== A LA UNE
--------------------------------------------------------------------------------------------------------------*/
.alaune{
	float:right;
	margin:0 0 15px;
	padding:0 0 10px;
	background:#fff;
	width:82.85%;
	overflow:hidden;
}
.alaune .entete{
	position:relative;
	display:block;
	padding:8px 10px;
	background:#f18c00;
	font-size:2.2em;
	font-weight:900;
	text-transform:uppercase;
	color:#fff;
	line-height:1;
}
.alaune .entete:before{
	content:"◤";
	position:absolute;
	top:94%;
	left:10px;
	z-index:2;
	color:#f18c00;
	font-size:1.5em;
	line-height:0.6;
}
.alaune .bx-wrapper{
	position:relative;
	z-index:1;
	margin:10px 0 0;
}
.alaune .bx-wrapper h2{
	position:absolute;
	top:-5000px;
}

/*--------------------------------------------------------------------------------------------------------------
	== SLIDER MANIFESTATION
--------------------------------------------------------------------------------------------------------------*/
.slider-manifestation{
	margin:15px 0;
	padding:0 0 10px;
	overflow:hidden;
}
.slider-manifestation .entete{
	position:relative;
	display:block;
	padding:8px 10px;
	background:#f18c00;
	font-size:2.2em;
	font-weight:900;
	text-transform:uppercase;
	color:#fff;
	line-height:1;
}
.slider-manifestation .entete:before{
	content:"◤";
	position:absolute;
	top:94%;
	left:10px;
	z-index:2;
	color:#f18c00;
	font-size:1.5em;
	line-height:0.6;
}
.slider-manifestation .bx-wrapper{
	position:relative;
	z-index:1;
	margin:0;
}
.slider-manifestation .bx-wrapper .bx-viewport{
	background:none;
}
.slider-manifestation .bx-wrapper ul li{
	position:relative;
	overflow:hidden;
	min-height:100px;
	height:190px;
}
.slider-manifestation .bx-wrapper ul li:nth-child(odd){
	background:#f18c00;
}
.slider-manifestation .bx-wrapper ul li:nth-child(even){
	background:#fff;
}
.slider-manifestation .bx-wrapper ul li > a{
	display:block;
	width:100%;
}
.slider-manifestation .bx-wrapper ul li > a img{
	display:block;
	width:100%;
	height:auto;
}
.slider-manifestation .bx-wrapper ul li > div{
	position:absolute;
	top:70%;
	left:0;
	right:0;
	bottom:0;
	padding:5px 10px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.slider-manifestation .bx-wrapper ul li:hover > div{
	top:0;
}
.slider-manifestation .bx-wrapper ul li:nth-child(odd) > div{
	background:#f18c00;
}
.slider-manifestation .bx-wrapper ul li:nth-child(even) > div{
	background:#fff;
}
.slider-manifestation .bx-wrapper ul li > div h2{
	margin:0 0 5px;
	font-size:1.5em;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1.1;
}
#content .slider-manifestation .bx-wrapper ul li > div h2 a:hover,
#content .slider-manifestation .bx-wrapper ul li > div h2 a:focus{
	color:#000!important;
}
.slider-manifestation .bx-wrapper ul li > div p{
	font-size:1.2em;
}
.slider-manifestation .bx-wrapper ul li > div a.lirelasuite{
	display:inline-block;
	padding:2px 10px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	behavior: url(++resource++PIE.htc);
	font-size:1.1em;
	font-weight:700;
}
.slider-manifestation .bx-wrapper ul li:nth-child(odd) > div a.lirelasuite{
	background:#fff;
}
.slider-manifestation .bx-wrapper ul li:nth-child(even) > div a.lirelasuite{
	background:#f18c00;
}
#content .slider-manifestation .bx-wrapper ul li > div a.lirelasuite:hover,
#content .slider-manifestation .bx-wrapper ul li > div a.lirelasuite:hfocus{
	color:#000!important;
}
.slider-manifestation .bx-wrapper .bx-controls-direction a{
	top:45%;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONTENUS CORRELES
--------------------------------------------------------------------------------------------------------------*/
#portal-columns dl.portlet.portletBSWContenusCorreles{
	margin:60px 0 0;
	background:rgba(255,255,255,0.3);
	-pie-background:rgba(255,255,255,0.3);
	behavior: url(++resource++PIE.htc);
}
#portal-columns dl.portlet.portletBSWContenusCorreles dt{
	padding:10px;
	background:#fff;
	font-size:1.4em;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd{
	margin:10px 0 20px;
	padding:0 10px 10px;
}

#portal-columns dl.portlet.portletBSWContenusCorreles dd > a:first-child{
	display:inline-block;
	margin:0 0 5px;
	font-size:1.2em;
	font-weight:800;
	color:#fff!important;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd span{
	display:block;
	margin:3px 0;
	font-size:0.8em;
	font-weight:bold;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd p{
	margin:0;
	font-size:0.9em;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd a{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
#portal-columns dl.portlet.portletBSWContenusCorreles dd a img{
	display:block;
	width:100%;
}

#viewlet-below-content-body #relatedItemBox,
#below-content #category{
	display: none;
}

/*--------------------------------------------------------------------------------------------------------------
	== AGENDA
--------------------------------------------------------------------------------------------------------------*/
.agenda{
	background:#1A6600;
	overflow:hidden;
}
.agenda .entete{
	position:relative;
	display:block;
	padding:8px 10px;
	background:#fff;
	font-size:2.2em;
	font-weight:900;
	text-transform:uppercase;
	color:#000;
	line-height:1;
}
.agenda .entete:before{
	content:"◤";
	position:absolute;
	top:94%;
	left:10px;
	z-index:2;
	color:#fff;
	font-size:1.5em;
	line-height:0.6;
}
.agenda ul{
	overflow:hidden;
}
#content .agenda ul li{
	float:left;
	margin:0;
	padding:10px;
	width:32.46%;
	min-height:230px;
	background:#94CD8A;
}
#content .agenda ul li + li{
	margin-left:1.3%;
}
.agenda ul li > a{
	float:left;
	margin:0 10px 0 0;
	width:48%;
	overflow:hidden;
}
.agenda ul li > a img{
	display:block;
	width:100%;
	height:auto;
}
.agenda ul li h2{
	margin:0 0 5px;
	font-size:1.4em;
	font-weight:900;
	text-transform:uppercase;
	line-height:1;
}
#content .agenda ul li h2 a:hover,
#content .agenda ul li h2 a:focus{
	color:#000!important;
}
.agenda ul li span{
	display:block;
	margin:0 0 5px;
	font-size:1.2em;
	font-weight:900;
	color:#f18c00;
	line-height:1;
}
.agenda ul li span:before{
	content:"● ";
}
.agenda ul li p{
	margin:0;
	font-size:1.2em;
}

/*--------------------------------------------------------------------------------------------------------------
	== PARTENAIRES
--------------------------------------------------------------------------------------------------------------*/
.partenaires{
	margin:0 0 10px;
}
.partenaires .entete,
dl.partenaires dt{
	position:relative;
	display:inline-block;
	padding:8px 10px;
	background:#fff;
	font-size:1.2em;
	font-weight:900;
	text-transform:uppercase;
	color:#000;
	line-height:1;
}
.partenaires .entete:before,
dl.partenaires dt:before{
	content:"◤";
	position:absolute;
	top:96%;
	left:10px;
	z-index:2;
	color:#fff;
	font-size:1.5em;
	line-height:0.6;
}
.section-accueil .partenaires ul,
.section-accueil dl.partenaires dd{
	background:#E3FFDB;
}
.section-accueil .partenaires ul li{
	display:inline-block;
	margin:10px 0 10px 20px;
	vertical-align:middle;
}
.partenaires ul li h2{
	position:absolute;
	top:-5000px;
}
dl.partenaires dd p{
	margin:0;
}
.subsection-partenaires div#category{
	display:none;
}

div.portlet-partenaires-1,
div.portlet-un-reseau-dacteurs-nationaux{
	margin:10px auto;
	width:100%;
	min-width:320px;
	max-width:958px;
	overflow:auto;
}
div.portlet-partenaires-1 table,
div.portlet-un-reseau-dacteurs-nationaux table{
	margin:0px;
	width:100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== SOUS NAVIGATION
--------------------------------------------------------------------------------------------------------------*/
dl.portlet.portletNavigationTree{
	margin:0;
}
dl.portlet.portletNavigationTree dd ul{
}
dl.portlet.portletNavigationTree dt{
	display:none;
}

/* racine */
dl.portlet.portletNavigationTree ul li.navTreeTopNode{
	margin:0;
	background:none;
}
dl.portlet.portletNavigationTree ul li.navTreeTopNode:after{
	content:"◤";
	margin:0 0 0 10px;
	color:#fff;
	font-size:2.5em;
	line-height:0.4;
}
dl.portlet.portletNavigationTree ul li.navTreeTopNode > div{
	position:relative;
	display:block;
	padding:0;
	background:#fff;
	line-height:1;
}
dl.portlet.portletNavigationTree ul li.navTreeTopNode a,
dl.portlet.portletNavigationTree ul li.navTreeTopNode a.navTreeCurrentItem{
	background:#fff;
	font-size:1.2em;
	font-weight:900;
	text-transform:uppercase;
	color:#000!important;
}
dl.portlet.portletNavigationTree ul li.navTreeTopNode a:hover,
dl.portlet.portletNavigationTree ul li.navTreeTopNode a:focus{
	background:none;
}

/* premier niveau */
dl.portlet.portletNavigationTree ul li,
dl.portlet ul.navTreeLevel0 > .navTreeItem{
	margin:0 0 5px;
	padding:0;
	background:rgba(255,255,255,0.4);
	-pie-background:rgba(255,255,255,0.4);
	behavior: url(++resource++PIE.htc);
	border:none;
}
dl.portlet.portletNavigationTree ul li a{
	margin:0;
	padding:10px!important;
	background:none;
	font-size:1.2em;
	line-height:1;
	text-transform:uppercase;
	color:#fff!important;
}
dl.portlet.portletNavigationTree ul li a:hover,
dl.portlet.portletNavigationTree ul li a:focus{
	background:#f18c00;
	text-decoration:none;
}
dl.portlet.portletNavigationTree ul li.navTreeCurrentItem,
dl.portlet.portletNavigationTree ul li.navTreeItemInPath{
	margin:0 0 5px;
	background:#f18c00;
	border:none;
	font-weight:bold;
}
dl.portlet.portletNavigationTree ul li a.navTreeCurrentItem,
dl.portlet.portletNavigationTree ul li a.navTreeItemInPath{
	margin:0;
	background:#f18c00;
	border:none;
}
dl.portlet.portletNavigationTree ul li a img{
	display:none;
}

/* deuxieme niveau */
dl.portlet.portletNavigationTree ul li ul{
}
dl.portlet.portletNavigationTree ul li ul li.navTreeItem{
	margin:0;
	padding:0;
	background:none;
	border-top:2px solid #fff;
}
dl.portlet.portletNavigationTree ul li ul li a{
	font-size:1.2em;
	text-transform:none;
}
dl.portlet.portletNavigationTree ul li ul li a:hover,
dl.portlet.portletNavigationTree ul li ul li a:focus{
	background:none;
	color:#000!important;
}
dl.portlet.portletNavigationTree ul li ul li a.navTreeCurrentItem{
	font-weight:bold;
	color:#000!important;
}

/* troisieme niveau */
dl.portlet.portletNavigationTree ul li li ul{
	margin:0 0 0 10px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= CONTENEUR GLOBAL
*/
/*------------------------------------------------------------------------------------------------------------*/
#visual-portal-wrapper{
	position:relative;
	margin:auto;
    max-width:958px;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= HEADER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-top{
	position:relative;
}
.section-accueil #portal-top{
	padding-bottom:50px;
}
.section-accueil #portal-top:after{
	content:url(../images/dessin-home.png);
	position:absolute;
	bottom:0;
}
#portlets-in-header{
	z-index:1;
}
#portlets-in-header:after{
	content:"";
	display:block;
	clear:both;
}

/*--------------------------------------------------------------------------------------------------------------
	== LOGO
--------------------------------------------------------------------------------------------------------------*/
#bandeau-site{
	position:absolute;
	top:80px;
	left:-10px;
	right:68%;
}
.section-accueil #bandeau-site{
	top:110px;
	bottom:190px;
	left:19%;
	right:20%;
}
#bandeau-site.bandeau_texte img{
	width:100%;
	height:auto;
}
#bandeau-site.bandeau_texte strong{
	position:absolute;
	top:-5000px;
}

/*--------------------------------------------------------------------------------------------------------------
	== NAVIGATION MINI
--------------------------------------------------------------------------------------------------------------*/
#portal-navigation{
	position:relative;
	z-index:150;
	float:right;
	margin:11px 0 0;
	width:83%;
	background:none;
}

/*
	BOUTONS
*/
#portal-navigation > a,
#portal-navigation ul#portal-globalnav + a{
	display:none;
}

/*
  	RUBRIQUES
*/
#portal-globalnav{
	background:none;
	text-align:right;
}

#portal-globalnav #portaltab-b-a-ba-de-lorganisateur,
#portal-globalnav #portaltab-espace-acteurs,
#portal-globalnav #portaltab-agenda,
#portal-globalnav #portaltab-actualites,
#portal-globalnav #portaltab-je-veux-participer,
#portal-globalnav #portaltab-je-veux-organiser,
#portal-globalnav #portaltab-cest-quoi-cette-fete{
	display:none;
}
#portal-globalnav > li{
	position:relative;
	float:none;
	display:inline-block;
	width:18%;
	text-align:left;
}
#portal-globalnav li#portaltab-qui-sommes-nous{
	width:19%;
}

#portal-globalnav > li + li{
	margin:0 0 0 1.7%;
}
#portal-globalnav > li > a{
	position:relative;
	padding:8px 10px;
	min-width:0;
	background:#660033;
	border:none;
	font-size:1.3em;
	text-transform:uppercase;
	color:#fff;
}
#portal-globalnav li:hover a,
#portal-globalnav .selected a,
#portal-globalnav .selected a:hover,
#portal-globalnav .selected a:focus,
#portal-globalnav a:hover,
#portal-globalnav a:focus{
	background:#660033;
	color:#fff;
}
#portal-globalnav > li > a:before{
	content:"▼";
	position:absolute;
	top:93%;
	left:10px;
	color:#660033;
	font-size:1.5em;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#portal-globalnav > li#portaltab-index_html a{
	padding:8px 10px 8px 30px;
	background:url(../images/picto-accueil.png) 0 0 no-repeat;
}
#portal-globalnav > li#portaltab-index_html a:before{
	content:"";
}
#portal-globalnav > li#portaltab-se-connecter a{
	background:#000;
}
#portal-globalnav > li#portaltab-se-connecter a:before{
	color:#000;
}

/*
	MENU DEROULANT
*/
#portal-globalnav li ul.submenu{
	display:none!important;
	z-index:2;
	padding:10px;
	width:auto;
	background:#fff;
	border:1px solid #CBCECE;
}
#portal-globalnav li ul.submenu li{
	display:block;
	float:none;
	width:auto;
}
#portal-globalnav li ul.submenu li + li{
	margin:10px 0 0;
	padding:10px 0 0;
	border-top:1px dotted #000;
}
#portal-globalnav li ul.submenu li a{
	padding:0;
	min-width:0;
	width:auto;
	background:none;
	border:none;
	font-family:verdana;
	font-size:1.1em;
	text-transform:none;
	color:#000!important;
}
#portal-globalnav li ul.submenu li a:hover,
#portal-globalnav li ul.submenu li a:focus{
	border:none;
}
#portal-globalnav li ul.submenu li a img{
	display:none;
}

/*--------------------------------------------------------------------------------------------------------------
	== BOUTON SE CONNECTER
--------------------------------------------------------------------------------------------------------------*/
#portal-personaltools-wrapper{}
#portal-personaltools-wrapper ul#portal-personaltools,
#portal-personaltools-wrapper dl{
	position:fixed;
	padding:0;
	background:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	behavior: url(++resource++PIE.htc);
}
#portal-personaltools-wrapper > ul{
	display:none;
}
#portal-personaltools-wrapper ul li a,
#portal-personaltools-wrapper dl a{
	color:#000;
	font-size:1.3em;
}
#portal-personaltools-wrapper ul li a{
	text-decoration:underline;
}
#portal-personaltools-wrapper ul li a + a{
	display:none;
}
#portal-personaltools-wrapper dl dd{
}
#portal-personaltools-wrapper dl dd a:hover{
	background:#000;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= MAIN
*/
/*------------------------------------------------------------------------------------------------------------*/
/*ensemble des trois colonnes*/
#portal-columns{
}
#portal-columns:after{
	content:"";
	display:block;
	clear:both;
}

/*--------------------------------------------------------------------------------------------------------------
	== CENTRE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content{
	margin:0;
	padding:10px 20px;
	background:#fff;
	overflow:hidden;
}
.section-accueil #portal-column-content{
	padding:0;
	background:none;
	overflow:visible;
}
.template-portlets.section-accueil #portal-column-content{
	overflow:hidden;
}
#portal-column-content #content{
	margin:0;
    padding:0;
	min-height:300px;
    background:transparent;
}

/*--------------------------------------------------------------------------------------------------------------
	== COLONNES
--------------------------------------------------------------------------------------------------------------*/
#portal-column-one{
	float:left;
	margin:0 15px 0 0;
	width:148px;
}
#portal-column-two{
	float:right;
	margin:0 0 0 15px;
	width:148px;
}

/*--------------------------------------------------------------------------------------------------------------
	== ABOVE CONTENT
--------------------------------------------------------------------------------------------------------------*/
#above-content{}

/*
	CHEMIN DE FER
*/
#portal-breadcrumbs{
	margin:0 0 20px;
    padding:0;
	color:#fff;
	font-size:1.3em;
}
.template-manifestation_view #portal-breadcrumbs,
.template-acteur_view #portal-breadcrumbs{
	padding:0 20px;
}
#portal-breadcrumbs #breadcrumbs-you-are-here{
	display:none;
}
#portal-breadcrumbs a{
	color:#fff;
}
#portal-breadcrumbs a:hover,
#portal-breadcrumbs a:focus{
	color:#fff;
}

/*
	MESSAGE DE FEEDBACK
*/
dl.portalMessage{
	margin:0 0 20px;
	background:#fff;
	border:1px solid #000;
	font-size:1.1em;
}
dl.portalMessage dt{
	background:#000;
}
dl.error dd{
	background:#fff;
}

/*
	PORTLETS
*/
#portlets-above{
}
#portlets-above > div + div{
	margin:20px 0 0;
}
#portlets-above dl.portlet{
	margin:0;
}
#portlets-above dl.portlet dt{
	margin:0;
}
#portlets-above dl.portlet dd{
}
#portlets-above dl.portlet dd p{
	margin:10px 0 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== ELEMENTS GENERAUX
--------------------------------------------------------------------------------------------------------------*/
/*
	TITRE
*/
#portal-column-content h1{
	border:none;
	color:#000;
	font-size:3.1em;
	font-weight:900;
	text-transform:uppercase;
	line-height:1;
}
.section-accueil #portal-column-content h1{
	position:absolute;
	top:-5000px;
}
#portal-column-content h1 span.discreet{
	display:block;
}
#portal-column-content h1 strong#search-term{
	color:#000;
	font-style:italic;
	text-transform:none;
}

/*
  	IMAGE
*/
#portal-column-content .imageContainer{
	display:none;
	position:relative;
	float:left;
	margin:0 10px 0 0;
}
#portal-column-content .imageContainer p{
	position:absolute;
	bottom:5px;
	margin:0;
	padding:5px;
	background:rgba(0,0,0,0.6);
	-pie-background:rgba(0,0,0,0.6);
	behavior: url(++resource++PIE.htc);
	color:#fff;
}

/*
	DESCRIPTION
*/
#portal-column-content .documentDescription{
	margin:0;
	padding:0;
	background:#fff;
	color:#000;
	font-family:lato;
	font-size:2.2em;
	font-style:italic;
	line-height:1.2;
}
.section-accueil #portal-column-content .documentDescription{
	position:absolute;
	top:-5000px;
}

/*
	CORPS DE TEXTE
*/
#portal-column-content #content-core{
	margin:30px 0 0;
}
#portal-column-content #content-core > div,
.template-registered #content-core p{
	font-size:1.5em;
	line-height:1.3;
}

/*
  	SOMMAIRE
*/
#portal-column-content dl.toc{
	float:none;
	margin:10px 0;
	width:100%;
}
#portal-column-content dl.toc dt{
	margin:0;
	color:#000;
}
#portal-column-content dl.toc dd{
	margin:0;
	color:#000;
}
#portal-column-content dl.toc dd li{
	margin:0 0 8px;
	line-height:1.1;
}
#portal-column-content dl.toc dd li a,
#portal-column-content dl.toc dd li a:hover,
#portal-column-content dl.toc dd li a:focus{
	color:#000!important;
}

/*
	PAGINATION
*/
#portal-column-content .listingBar{
	padding:2px 0;
	border-top:1px dashed #000;
	border-bottom:1px dashed #000;
	text-align:center;
	font-size:1.1em;
}
#portal-column-content .listingBar a{
	padding:0;
	border:none;
}
#portal-column-content .listingBar a:hover,
#portal-column-content .listingBar a:focus{
	background:none;
	color:#000!important;
}
#portal-column-content .listingBar span a{
	font-weight:bold;
}
#portal-column-content .listingBar .previous{
	float:left;
}
#portal-column-content .listingBar .current{
	font-weight: bold;
}

/*
	CONTENUS CORRRELES
*/
#portal-column-content .relatedItems{
	margin:50px 0 0;
	padding:0;
	background:none;
}
#portal-column-content .relatedItems dl{
	overflow:hidden;
}
#portal-column-content .relatedItems dl dt{
	margin:0 0 5px;
	padding:0 0 10px;
	font-size:2em;
	font-weight:900;
	color:#f18c00;
}
#portal-column-content .relatedItems dl dd{
	float:left;
	margin:0 0 5px;
	padding:0 0 0 8px;
	width:45%;
	background:url(../images/puce-noire-petite.png) 0 0.6em no-repeat;
	font-size:1.3em;
}
#portal-column-content .relatedItems dl dd span{
	padding:0!important;
	background:none;
	line-height:1;
}
#portal-column-content .relatedItems dl dd span a,
#portal-column-content .relatedItems dl dd span a:hover,
#portal-column-content .relatedItems dl dd span a:focus{
	color:#000!important;
}
#portal-column-content .relatedItems dl dd span img{
	display:none;
}

/*
	MOTS CLES
*/
#category{
	margin:10px 0 0;
	/*display:none;*/
}
#category a.link-category{
	background:#ccc;
}
#category a.link-category:hover,
#category a.link-category:focus{
	background:#000;
}


/*--------------------------------------------------------------------------------------------------------------
	== PAGE D'ACCUEIL
--------------------------------------------------------------------------------------------------------------*/
.portletPageColumn{
	overflow:hidden;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE ACTEUR
--------------------------------------------------------------------------------------------------------------*/
.template-acteur_view #portal-column-content{
	padding:10px 0;
}

/*
	RESUME
*/
.template-acteur_view .resume{
	float:left;
	margin:0 0 20px;
	padding:0 20px;
	width:66%;
	min-height:500px;
}
.template-acteur_view #content .resume p{
	margin:0;
	font-size:1.6em;
	line-height:1.3;
}
.template-acteur_view #content .resume img{
	display:block;
	margin:30px 0 0;
	width:100%;
}

/*
	INFOS PRATIQUES
*/
.template-acteur_view .infos-pratiques{
	float:right;
	margin:0 0 20px;
	padding:0 20px 0 0;
	width:34%;
	text-align:center;
}
.template-acteur_view .infos-pratiques > div{
	margin:10px 0 0;
	padding:10px 0 0;
	border-top:1px solid #9c9e9f;
	font-size:1.6em;
	text-align:left;
}
.template-acteur_view #content .infos-pratiques > div ul li{
	line-height:1.3;
}
.template-acteur_view .infos-pratiques > div span{
	color:#f18c00;
}
.template-acteur_view .infos-pratiques > div a{
	font-weight:800;
}

/*
	STRUCTURES AFILIEES
*/
.template-acteur_view .affiliee{
	float:right;
	margin:30px 0 20px;
	padding:0 20px 0 0;
	width:34%;
}
.template-acteur_view .affiliee li{
	padding:10px 0 0;
	border-top:1px solid #9c9e9f;
	color:#f18c00;
	font-size:1.4em;
}
.template-acteur_view .affiliee li span{
	display:block;
	color:#000;
}
.template-acteur_view .affiliee img{
	display:block;
	margin:10px 0;
	max-width:150px;
}
.template-acteur_view .affiliee a{
	display:block;
	text-align:right;
	font-size:0.8em;
	text-transform:uppercase;
}

/*
	ONGLETS
*/
.template-acteur_view .onglets{
	clear:both;
	border-bottom:1px solid #f18c00;
}
.template-acteur_view #content .onglets li{
	display:inline-block;
	margin:0;
}
.template-acteur_view #content .onglets li + li{
	margin-left:10px;
}
.template-acteur_view #content .onglets li a{
	display:block;
	padding:15px 20px;
	background:#f7ba66;
	font-size:1.8em;
	font-weight:800;
	text-transform:uppercase;
	color:#000;
	line-height:1;
}
.template-acteur_view #content .onglets li a:hover,
.template-acteur_view #content .onglets li a:focus{
	background:#f18c00;
	color:#000!important;
	text-decoration:none;
}
.template-acteur_view #content .onglets li.on a,
.template-acteur_view #content .onglets li.on a:hover,
.template-acteur_view #content .onglets li.on a:focus{
	background:#f18c00;
	color:#fff!important;
}

/* espace multimedia*/
.template-acteur_view .espace-multimedia ul li{
	padding:20px;
	border-bottom:1px solid #f18c00;
	overflow:hidden;
}
.template-acteur_view .espace-multimedia ul li a.illustration{
	float:right;
	margin:0 0 0 20px;
}
.template-acteur_view .espace-multimedia ul li h2{
	font-size:1.6em;
	text-transform:uppercase;
}
.template-acteur_view #content .espace-multimedia ul li h2 a{
	color:#f18c00;
}
.template-acteur_view #content .espace-multimedia ul li h2 a:hover,
.template-acteur_view #content .espace-multimedia ul li h2 a:focus{
	color:#000!important;
	text-decoration:none;
}
.template-acteur_view .espace-multimedia ul li p{
	font-size:1.4em;
}
.template-acteur_view .espace-multimedia ul li a.fiche-detaillee{
	font-weight:800;
	font-size:1.5em;
	font-style:italic;
}
.template-acteur_view #content .espace-multimedia ul li a.fiche-detaillee:hover,
.template-acteur_view #content .espace-multimedia ul li a.fiche-detaillee:focus{
	color:#000!important;
}
.template-acteur_view .espace-multimedia ul li a.fiche-detaillee:after{
	content:" +";
	color:#f18c00;
}

/* manifestation associees */
.template-acteur_view .manifestations-associees #maps + p{
	padding:10px;
	font-size:1.6em;
	font-weight:800;
	font-style:italic;
	line-height:1.2;
}

/* structures affiliees */
.template-acteur_view #content .structures-affiliees li{
	margin:10px 0;
}
.template-acteur_view #content .structures-affiliees div{
	float:left;
	margin:0 0 10px;
	padding:0 20px;
	width:60%;
}
.template-acteur_view #content .structures-affiliees div h2{
	margin:0;
	font-weight:800;
	font-size:1.8em;
	text-transform:uppercase;
	line-height:1;
}
.template-acteur_view #content .structures-affiliees div h2 a,
.template-acteur_view #content .structures-affiliees div h2 a:hover,
.template-acteur_view #content .structures-affiliees div h2 a:focus{
	color:#f18c00!important;
	text-decoration:none;
}
.template-acteur_view #content .structures-affiliees div h2 + p{
	margin:0 0 10px;
	font-size:1.4em;
}
.template-acteur_view #content .structures-affiliees a.illustration{
	float:right;
	margin:20px 20px 10px;
	max-height:80px;
	overflow:hidden;
}
.template-acteur_view #content .structures-affiliees a.illustration img{
	max-height:80px!important;
	width:auto;
}
.template-acteur_view #content .structures-affiliees a.fiche-detaillee{
	display:block;
	clear:both;
	padding:5px 20px;
	border-bottom:1px solid #f18c00;
	color:#000;
	font-size:1.4em;
	font-style:italic;
	font-weight:800;
}
.template-acteur_view #content .structures-affiliees a.fiche-detaillee:after{
	content:" +";
	color:#f18c00;
}

.template-acteur_view #content .structures-affiliees a.fiche-detaillee:hover,
.template-acteur_view #content .structures-affiliees a.fiche-detaillee:focus{
	color:#f18c00!important;
	text-decoration:none;
}

/*--------------------------------------------------------------------------------------------------------------
	LISTE MANIFESTATION
--------------------------------------------------------------------------------------------------------------*/
.liste-manifestation{
}
.liste-manifestation li{
	margin:50px 0 0;
}
.liste-manifestation .infos{
	float:left;
	padding:0 20px;
	width:50%;
}
.liste-manifestation .infos p.lieu{
	font-size:1.4em;
	text-transform:uppercase;
}
.liste-manifestation .infos p.lieu span + span:before{
	content:"///";
	color:#f18c00;
}
.liste-manifestation .infos ul.lieux{
	padding:0;
}
.liste-manifestation .infos ul.dates{
	padding:0;
}
#content .liste-manifestation .infos ul.dates li{
	display:inline-block;
	margin:0 5px 5px 0;
	color:#c6c7c8;
	font-size:1.3em;
	text-transform:uppercase;
}
#content .liste-manifestation .infos ul.dates li span{
	padding:5px;
	background:#c6c7c8;
	color:#fff;
}
#content .liste-manifestation .infos ul.dates li.on{
	color:#f18c00;
}
#content .liste-manifestation .infos ul.dates li.on span{
	background:#f18c00;
}
.liste-manifestation .infos h2{
	margin:20px 0 0;
	font-weight:800;
	font-size:2.5em;
	text-transform:uppercase;
	line-height:1;
}
#content .liste-manifestation .infos h2 a:hover,
#content .liste-manifestation .infos h2 a:focus{
	color:#f18c00!important;
	text-decoration:none;
}
.liste-manifestation .infos h2 + p{
	margin:0 0 10px;
	font-size:1.4em;
}
.liste-manifestation .illustration{
	float:left;
	margin:0 0 10px;
	width:32%;
}
.liste-manifestation .illustration img{
	width:100%;
	height:auto;
}
.liste-manifestation .label{
	float:right;
	padding:0 20px;
	width:17%;
}
.liste-manifestation .organise{
	float:right;
	margin:10px 0;
	padding:0 20px;
	width:17%;
	font-size:1.4em;
}
.liste-manifestation .organise span{
	display:block;
	color:#f18c00;
	font-weight:800;
}
.liste-manifestation .organise img{
	margin:5px 0;
	width:100%;
	height:auto;
}
#content .liste-manifestation a.fiche-detaillee{
	display:block;
	clear:both;
	padding:5px 20px;
	background:#f18c00;
	color:#fff;
	font-size:1.4em;
	font-style:italic;
}
#content .liste-manifestation a.fiche-detaillee:hover,
#content .liste-manifestation a.fiche-detaillee:focus{
	color:#000!important;
	text-decoration:none;
}

#nombre_results::before{
	color: #f18c00;
    content: "◤";
    font-size: 1.5em;
    left: 10px;
    line-height: 0.6;
    position: absolute;
    top: 94%;
    z-index: 2;
}

#nombre_results{
	background: none repeat scroll 0 0 #f18c00;
    color: #fff;
    display: block;
    font-size: 2.2em;
    font-weight: 900;
    line-height: 1;
    padding: 8px 10px;
    position: relative;
    text-transform: uppercase;
    margin-top:20px;
    margin-bottom:-15px;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE ACTEUR
--------------------------------------------------------------------------------------------------------------*/
.template-manifestation_view #portal-column-content{
	padding:10px 0;
}
.template-manifestation_view .label{
	float:right;
	padding:0 20px;
}
.template-manifestation_view p.lieu{
	padding:0 20px;
	font-size:1.4em;
	text-transform:uppercase;
}
.template-manifestation_view p.lieu span + span:before{
	content:"///";
	color:#f18c00;
}
.template-manifestation_view ul.dates{
	padding:0 20px;
}
.template-manifestation_view #content ul.dates li{
	display:inline-block;
	margin:0 5px 5px 0;
	color:#c6c7c8;
	font-size:1.3em;
	text-transform:uppercase;
}
.template-manifestation_view #content ul.dates li span{
	padding:5px;
	background:#c6c7c8;
	color:#fff;
}
.template-manifestation_view #content ul.dates li.on{
	color:#f18c00;
}
.template-manifestation_view #content ul.dates li.on span{
	background:#f18c00;
}
.template-manifestation_view #content h1{
	padding:0 20px;
}

/*
	RESUME
*/
.template-manifestation_view .resume{
	float:left;
	margin:0 0 30px;
	padding:0 20px;
	width:66%;
    min-height:500px;
}
.template-manifestation_view .resume img{
	width:100%;
	height:auto;
}
.template-manifestation_view .resume p{
	margin:5px 0 10px;
	font-size:1.4em;
}

/*
	HORAIRES - ORGANISATION - PARTENAIRES
*/
.template-manifestation_view .infos-diverses{
	float:right;
	margin:0 10px 0 0;
	width:32%;
}
.template-manifestation_view .tarifs,
.template-manifestation_view .horaires,
.template-manifestation_view .autres-dates,
.template-manifestation_view .organise,
.template-manifestation_view .partenaires,
.template-manifestation_view .affiliee{
	margin:10px 0 0;
	padding:10px 0 0;
	border-top:1px solid #9c9e9f;
	font-size:1.4em;
}
.template-manifestation_view .tarifs span,
.template-manifestation_view .horaires span,
.template-manifestation_view .autres-dates span,
.template-manifestation_view .organise span,
.template-manifestation_view .partenaires span{
	color:#f18c00;
}
.template-manifestation_view .organise span,
.template-manifestation_view .partenaires span{
	display:block;
	margin:0 0 10px;
}
.template-manifestation_view .organise img,
.template-manifestation_view .affiliee img{
	display:block;
	margin:10px 0;
	max-width:150px;
}
.template-manifestation_view .organise a,
.template-manifestation_view .affiliee a{
	display:block;
	text-align:right;
	font-size:0.7em;
	text-transform:uppercase;
}
.template-manifestation_view #content .partenaires ul + ul li{
	display:inline-block;
	margin:0 10px 0 0;
}
.template-manifestation_view #content .partenaires ul + ul li img{
	display:block;
	margin:10px 0;
	max-width:100px;
}

/*
	ONGLETS
*/
.template-manifestation_view .onglets{
	clear:both;
	border-bottom:1px solid #f18c00;
}
.template-manifestation_view #content .onglets li{
	display:inline-block;
	margin:0;
}
.template-manifestation_view #content .onglets li + li{
	margin-left:10px;
}
.template-manifestation_view #content .onglets li a{
	display:block;
	padding:15px 20px;
	background:#f7ba66;
	font-size:1.8em;
	font-weight:800;
	text-transform:uppercase;
	color:#000;
	line-height:1;
}
.template-manifestation_view #content .onglets li a:hover,
.template-manifestation_view #content .onglets li a:focus{
	background:#f18c00;
	color:#000!important;
	text-decoration:none;
}
.template-manifestation_view #content .onglets li.on a,
.template-manifestation_view #content .onglets li.on a:hover,
.template-manifestation_view #content .onglets li.on a:focus{
	background:#f18c00;
	color:#fff!important;
}

/*
	CONTENUS
*/
.template-manifestation_view #contenus{
	margin:10px 20px;
	font-size:1.4em;
	overflow:hidden;
}
.template-manifestation_view #contenus p{
	float:left;
	width:65%;
}
.template-manifestation_view #contenus p span{
	display:block;
	color:#f18c00;
}
.template-manifestation_view #contenus ul{
	float:right;
	width:25%;
}
.template-manifestation_view #contenus .participer ul{
	padding:20px;
	background:#f18c00;
}
.template-manifestation_view #contenus ul li{
	line-height:1;
	margin:0 0 10px;
}
.template-manifestation_view #contenus ul li span{
	color:#f18c00;
}
.template-manifestation_view #contenus .participer ul li span{
	color:#fff;
}
.template-manifestation_view #contenus .localisation #maps{
	float:left;
	margin:0 20px 0 0;
}
.template-manifestation_view #contenus .localisation p{
	float:none;
	width:auto;
}
.template-manifestation_view #contenus .localisation div{
	color:#f18c00;
}
.template-manifestation_view #contenus .localisation div ul{
	float:none;
	width:100%;
	color:#000;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE RECHERCHE MANIFESTATION
--------------------------------------------------------------------------------------------------------------*/
.template-searchmanifestation_view #portal-column-content{
	padding:10px 0;
	background:none;
}

/*
	RECHERCHE
*/
#search-manifestations{
	background:#ddebf4;
}
.section-accueil #search-manifestations{
	margin:0 0 30px;
}
#search-manifestations h1,
.section-accueil #search-manifestations h1{
	position:relative;
	top:auto;
	display:block;
	padding:8px 10px;
	background:#f18c00;
	font-size:2.2em;
	font-weight:900;
	text-transform:uppercase;
	color:#fff;
	line-height:1;
}
#search-manifestations h1:before{
	content:"◤";
	position:absolute;
	top:94%;
	left:10px;
	z-index:2;
	color:#f18c00;
	font-size:1.5em;
	line-height:0.6;
}
#search-manifestations form{
	padding:20px ;
	-moz-column-count:3;
	-webkit-column-count:3;
	-o-column-count:3;
	column-count:3;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	-o-column-gap:20px;
	column-gap:20px;
}
#search-manifestations form > div{
	margin:10px 0;
	overflow:hidden;
}
#search-manifestations form > div:first-child{
	margin-top:0;
}
#search-manifestations form > div > label:first-child,
#search-manifestations form > div > strong{
	display:block;
	font-size:1.2em;
	text-transform:uppercase;
}
#search-manifestations form > div > strong ~ label{
	float:left;
	margin:5px 0 0 10%;
	width:40%;
	line-height:1;
}
#search-manifestations form > div > strong ~ label:nth-child(even){
	clear:both;
	margin-left:0;
}
#search-manifestations form > div#fieldname-handicaps label{
	clear:none!important;
	margin-left:0!important;
	width:20%;
}
#search-manifestations form > div#fieldname-handicaps label img{
	vertical-align:middle;
}
#search-manifestations form select{
	display:block;
	padding:2px;
	width:100%;
	border:none;
	text-transform:none;
	font-size:1em;
}
#search-manifestations form input[type=checkbox]{
	margin-right:3px;
	background:#fff;
	border:none;
	vertical-align:middle;
}
#search-manifestations form input[type=submit]{
	display:block;
	margin:30px 0 0;
	padding:5px;
	width:100%;
	background:#F18C00;
	border:none;
	font-weight:800;
	font-size:1.3em;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#search-manifestations form input[type=submit]:hover{
	color:#fff;
}
#search-manifestations form input[type=submit] + a{
	display:block;
	margin:30px 0 0;
	padding:10px 5px;
	width:100%;
	background:#fff;
	border:none;
	font-weight:800;
	font-size:1.3em;
	text-transform:uppercase;
	text-align:center;
	cursor:pointer;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#search-manifestations form input[type=submit] + a:hover{
	color:#f18c00!important;
}

/*
	PAS DE R2SULTATS
*/
.template-searchmanifestation_view #results > p{
	position:relative;
	margin:30px 0 0;
	padding:10px;
	background:#fff;
	font-size:1.2em;
}
.template-searchmanifestation_view #results > p:before{
	content:"◢";
	position:absolute;
	bottom:100%;
	left:30px;
	z-index:2;
	color:#fff;
	font-size:3em;
	line-height:0.6;
}

/*
	LISTE
*/
.template-searchmanifestation_view .liste-manifestation > li{
	position:relative;
	padding-top:10px;
	background:#fff;
}
.template-searchmanifestation_view .liste-manifestation > li:before{
	content:"◢";
	position:absolute;
	bottom:100%;
	left:30px;
	z-index:2;
	color:#fff;
	font-size:3em;
	line-height:0.6;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE PRES DE CHEZ VOUS
--------------------------------------------------------------------------------------------------------------*/
#bulle-info{
	/*width:90%;*/
}
#bulle-info .gmap-titre{
	display:block;
	margin:0 0 10px;
	color: #000;
    font-size: 1.8em;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}
#bulle-info img{
	display:block;
	margin:0 10px 0 0;
	float:left;
}
#bulle-info .dates{
	margin:20px 0;
}
#bulle-info ul.dates li{
	display:inline-block;
	margin:5px;
	color:#c6c7c8;
	font-size:0.9em;
	font-weight:900;
	text-transform:uppercase;
}
#bulle-info ul.dates li span{
	padding:5px;
	background:#c6c7c8;
	color:#fff;
}
#bulle-info ul.dates li.on{
	color:#f18c00;
}
#bulle-info ul.dates li.on span{
	background:#f18c00;
}
#bulle-info a{
	display:block;
	padding:5px 10px;
	background:#f18c00;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	behavior: url(++resource++PIE.htc);
	text-align:center;
}
#content #bulle-info a:hover,
#content #bulle-info a:focus{
	color:#000!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE COUCONRS PHOTO
--------------------------------------------------------------------------------------------------------------*/
.template-concoursphoto_view #portal-column-content .documentDescription{
	padding:0 200px 0 0;
}
.template-concoursphoto_view #content-core > div > a{
	position:absolute;
	top:-75px;
	right:0;
	padding:5px;
	background:#f18c00;
	color:#fff;
	text-transform:uppercase;
}
.template-concoursphoto_view #content-core > div > a:hover,
.template-concoursphoto_view #content-core > div > a:focus{
	color:#fff!important;
}
.template-concoursphoto_view #content-core > div > a:after{
	content:"◤";
	position:absolute;
	top:100%;
	left:0;
	margin:0 0 0 10px;
	color:#f18c00;
	font-size:2.5em;
	line-height:0.4;
}
.template-concoursphoto_view #content-core ul{
	margin:0 0 30px;
	overflow:hidden;
}
.template-concoursphoto_view #content-core ul li{
	position:relative;
	float:left;
	margin:0 1% 0 0;
	width:23%;
	overflow:hidden;
	font-size:0.9em;
}
.template-concoursphoto_view #content-core ul li  a.selfies img{
	width:100%;
}
.template-concoursphoto_view #content-core ul li div{
	position:absolute;
	top:100%;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.8);
	-pie-background:rgba(0,0,0,0.8);
	behavior: url(++resource++PIE.htc);

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.template-concoursphoto_view #content-core ul li:hover div{
	top:0;
}
.template-concoursphoto_view #content-core ul li div a{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:20px;
	color:#fff;
}
.template-concoursphoto_view #content-core ul li div a:hover,
.template-concoursphoto_view #content-core ul li div a:focus{
	color:#fff!important;
	text-decoration:none;
}
.template-concoursphoto_view #content-core ul li div a strong{
	display:block;
	margin:0 0 10px;
	text-transform:uppercase;
	overflow:hidden;
	text-overflow: ellipsis;
}
.template-concoursphoto_view #content-core ul li div a span{
	display:block;
	line-height:1.1;
}

/*
	FORMULAIRE
*/
.template-post_selfie form .field{
	clear:none;
	float:left;
	margin:0 0 20px;
	width:48%;
}
.template-post_selfie form .field:nth-child(even){
	float:right;
}
.template-post_selfie form .field#formfield-form-widgets-commentaire,
.template-post_selfie form .field#formfield-form-widgets-accepte_reglement{
	clear:both;
	font:normal;
	width:100%;
}
.template-post_selfie form .field label{
	font-size:1.4em;
}
.template-post_selfie form .field input[type=text],
.template-post_selfie #content form .field textarea{
	display:block;
	padding:5px;
	width:100%;
	border:1px solid #ccc;
	font-family:lato;
	font-size:1.2em;
}
.template-post_selfie form .formControls{
	clear: both;
}
.template-post_selfie form .formControls input{
    display: inline-block;
    padding: 5px 10px;
	background: #f18c00;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 1.4em;
    font-weight: 700;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE LISTE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .tileItem{
	margin:30px 0 0;
	font-size:1.1em;
}
#portal-column-content #content-core .tileItem + .tileItem{
	padding:30px 0 0;
	border-top: 1px solid #f18c00;
}
#portal-column-content #content-core .tileItem h2{
	margin:0;
	font-size:1.8em;
	font-weight:700;
	text-transform:uppercase;
	overflow:hidden;
}
#portal-column-content #content-core .tileItem h2 a{
	display:inline-block;
	padding:0;
	background:none;
	line-height:normal;
	color:#f18c00!important;
}
#portal-column-content #content-core .tileItem h2 a:hover,
#portal-column-content #content-core .tileItem h2 a:focus{
	color:#000!important;
	text-decoration:none;
}
#portal-column-content #content-core .tileItem > a:first-child{
	float:right;
	margin:3px 0 0 10px;
}
#portal-column-content #content-core .tileItem p{
	margin:0;
	font-size:1.4em;
	line-height:1.2;
}
#portal-column-content #content-core .tileItem p.tileFooter{
	margin-top:15px;
	font-size:1.7em;
}
#portal-column-content #content-core .tileItem p.tileFooter a{
	display:inline-block;
	color:#000!important;
	font-weight:900;
	font-style:italic;
}
#portal-column-content #content-core .tileItem p.tileFooter a:hover,
#portal-column-content #content-core .tileItem p.tileFooter a:focus{
	color:#000!important;
}
#portal-column-content #content-core .tileItem p.tileFooter a:after{
	content:"+";
	color:#f18c00
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE D'INSCRIPTION A LA NEWSLETTER
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #newsletter{
	font-size:1em!important;
}
#portal-column-content #newsletter .documentDescription{
	margin:0!important;
}
#portal-column-content #newsletter form#nl_form{
	margin:30px 0 0;
	padding:0;
}
#portal-column-content #newsletter form#nl_form fieldset{
	margin:0;
	padding:0;
	border:none;
}
#portal-column-content #newsletter form#nl_form fieldset .field{
	margin:0 0 25px;
	padding:0;
	border-bottom:0;
	color:#444;
}
#portal-column-content #newsletter form#nl_form fieldset .field label{
	font-size:1.4em;
}
#portal-column-content #newsletter form#nl_form fieldset .field div{
	font-size:1.2em;
	font-style:italic;
}
#portal-column-content #newsletter form#nl_form fieldset .field input[type=text]{
	width:50%;
	padding:10px;
	border:1px solid #eae1d8;
}
#portal-column-content #newsletter form#nl_form fieldset .field textarea{
	width:100%;
	padding:10px;
	border:1px solid #eae1d8;
}
#portal-column-content #newsletter form#nl_form fieldset .liste-newsletters{
	padding:0;
	margin:0;
	border:none;
}
#portal-column-content #newsletter form#nl_form fieldset .liste-newsletters p{
 	font-style:normal;
	font-weight:800;
	font-size:1.4em;
	color:#444;
}
#portal-column-content #newsletter form#nl_form fieldset .liste-newsletters label{
	font-size:1.3em;
	font-weight:300;
}
#portal-column-content #newsletter form#nl_form fieldset .formControls{
	margin:20px 0 0;
	padding:20px 0 0;
	border:none;
}
#portal-column-content #newsletter form#nl_form fieldset .formControls input{
	margin:10px 0 0;
	margin:0;
	padding:2px 15px;
	background:#444;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(++resource++PIE.htc);
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	cursor:pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#portal-column-content #newsletter form#nl_form fieldset .formControls input:hover,
#portal-column-content #newsletter form#nl_form fieldset .formControls input:focus{
	background:#000;
}


/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE RESULTAT DE RECHERCHE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core p#rss-subscription{
	margin:5px 0 0;
	float:right;
}
#portal-column-content #content-core p#rss-subscription a:hover,
#portal-column-content #content-core p#rss-subscription a:focus{
	color:#000!important;
}
#portal-column-content #content-core #searchform{
	margin:0 0 20px;
	text-align:left;
}
#portal-column-content #content-core #searchform #search-field{
	display:none;
}

/*
  	FILTRE
*/
#portal-column-content #content-core #search-results-bar{
	padding:10px;
	background:#f3f3ef;
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}
#portal-column-content #content-core #search-results-bar > span:first-child{
	display:block;
	margin:0 0 10px;
	font-size:1.4em;
}
#portal-column-content #content-core #search-results-bar dl.actionMenu{
	float:right;
	position:relative;
}
#portal-column-content #content-core #search-results-bar dl.actionMenu dd{
	position:absolute;
	right:0;
	left:auto;
}
#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div{
	padding:10px;
	background:#f9f9fa;
	border:1px solid #e7e9ea;
	font-size:1.4em;
}
#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .field{
	margin:0;
	padding:0;
	background:none;
}
#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .optionsToggle{
	background:none;
	border:none;
	font-weight:bold;
}
#portal-column-content #content-core #search-results-bar dl.actionMenu dd > div .field div{
	float:none;
	margin:0;
}
#portal-column-content #content-core #search-results-bar span#searchResultsSort{
	float:none;
	clear:both;
	display:block;
	padding:5px 0 0;
	border-top:1px solid #fff;
}
#portal-column-content #content-core #search-results-bar a:hover,
#portal-column-content #content-core #search-results-bar a:focus{
	color:#000!important;
}

/*
	LISTE
*/
#portal-column-content #content-core #search-results{
	margin:20px 0 0;
	padding:0;
}
#portal-column-content #content-core #search-results dl dt{
	display:inline-block;
	margin:30px 0 0;
	padding:0!important;
	background:#ccc;
	font-weight:bold;
	font-size:1.5em;
	line-height:1em;
}
#portal-column-content #content-core #search-results dl dt a{
	display:inline-block;
	padding:2px 5px;
	background:#ccc;
	border:none;
	color:#000!important;
}
#portal-column-content #content-core #search-results dl dt a:hover,
#portal-column-content #content-core #search-results dl dt a:focus{
	background:#000;
	color:#fff!important;
	text-decoration:none;
}
#portal-column-content #content-core #search-results dl dt img{
	display:none;
}
#portal-column-content #content-core #search-results dl dd{
	margin:0;
	font-size:1.2em;
	line-height:1.5;
}
#portal-column-content #content-core #search-results dl dd cite{
	display:block;
	margin:5px 0 0;
}
#portal-column-content #content-core #search-results dl dd cite a,
#portal-column-content #content-core #search-results dl dd cite a:hover,
#portal-column-content #content-core #search-results dl dd cite a:focus{
	color:#000!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE ACTUALITE
--------------------------------------------------------------------------------------------------------------*/
.portaltype-news-item #archetypes-fieldname-imageCaptionBSW{
    display:none;
}
#portal-column-content #content-core .plain{
	float:none;
	overflow:hidden;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DOSSIER
--------------------------------------------------------------------------------------------------------------*/
.portaltype-folder #plone-contentmenu-actions{
    display:none;
}
.userrole-manager.portaltype-folder #plone-contentmenu-actions{
    display:block;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE VIDEOS
--------------------------------------------------------------------------------------------------------------*/
.template-video_view #content-core {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;
	height: 0;*/
}
.template-video_view #content-core iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE EVENEMENT
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .eventDetails{
	float:none;
	margin:20px 0;
	padding:10px 0;
	width:auto;
	background:none;
	border:none;
	border-top:2px solid #f18c00;
	border-bottom:2px solid #f18c00;
	overflow:hidden;
}
#portal-column-content #content-core .eventDetails ul li{
	display:table-cell;
	color:#f18c00;
	font-size:0.9em;
}
#portal-column-content #content-core .eventDetails ul li + li{
	padding:0 15px;
}
#portal-column-content #content-core .eventDetails ul li.calendrier{
	display:none;
}
#portal-column-content #content-core .eventDetails ul li span{
	display:inline;
	padding:0;
	width:auto;
	border:none;
	text-align:left;
	line-height:1;
}
#portal-column-content #content-core .eventDetails ul li.quand p > span{
	display:block;
}
#portal-column-content #content-core .eventDetails ul li p{
	margin:0;
}
#portal-column-content #content-core .eventDetails ul li span.entete{
	display:block;
	margin:0 0 5px;
	font-size:1.5em;
	font-weight:bold;
	font-style:italic;
}
#portal-column-content #content-core .eventDetails ul li a,
#portal-column-content #content-core .eventDetails ul li a:hover,
#portal-column-content #content-core .eventDetails ul li a:focus{
	color:#f18c00!important;
}
#portal-column-content #content-core .eventDetails ul li.calendrier a{
	margin:0 15px 0 0;
	color:#f18c00;
}
#portal-column-content #content-core .eventDetails ul li.calendrier a:hover,
#portal-column-content #content-core .eventDetails ul li.calendrier a:focus{
	color:#f18c00!important;
}
#portal-column-content #content-core #parent-fieldname-eventUrl{
	padding:1px 10px 3px;
	background:#f18c00;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(++resource++PIE.htc);
	color:#fff;
	font-weight:900;
	font-size:1.4em;
}
#portal-column-content #content-core #parent-fieldname-eventUrl:hover,
#portal-column-content #content-core #parent-fieldname-eventUrl:focus{
	color:#fff!important;
	text-decoration:none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE CALENDRIER
--------------------------------------------------------------------------------------------------------------*/
/*
	BOUTON CALENDRIER
*/
#portal-column-content .voir-le-calendrier{
	float:right;
	text-align:right;
}
#portal-column-content .voir-le-calendrier a{
	padding:5px 10px;
	background:#333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(++resource++PIE.htc);
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
#portal-column-content .voir-le-calendrier a:hover,
#portal-column-content .voir-le-calendrier a:focus{
	background:#000;
	color:#fff!important;
	text-decoration:none;
}

/*
	CALENDRIER
*/
#calendar{
	margin:30px 0 0;
}
.fc-header h2{
	font-size:1.6em;
	font-weight:normal;
	text-transform:uppercase;
	color:#000;
}
.fc-content th.fc-day-header{
	font-size:1.2em;
}
.fc-content .fc-state-highlight{
	background:#e8e8e8;
	border:1px solid #ccc;
	font-weight:bold;
}
.fc-content a.fc-event{
	background:#666;
	border:1px solid #666!important;
	font-size:1.1em;
}
#content .fc-content a.fc-event:hover,
#content .fc-content a.fc-event:focus{
	color:#fff!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE ALBUM PHOTOS
--------------------------------------------------------------------------------------------------------------*/
#content span.nb-photo{
	background:#000;
	color:#fff;
}
#content ul.liste-photos{
	clear:both;
	padding:20px 0 0;
}
#content ul.liste-photos li,
#content ul.liste-photos li:nth-child(3n){
	margin:0 5px 5px 0;
}
#content ul.liste-photos li a{
	width:auto;
}
#content ul.liste-photos li a.albumsphotos{
	padding:0;
	width:auto;
	background:#fff;
	overflow:hidden;
}
#content ul.liste-photos li a.albumsphotos img{
	height:130px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
#content ul.liste-photos li a.albumsphotos:hover img,
#content ul.liste-photos li a.albumsphotos:focus img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}

#content ul.liste-photos li a.modifierimagealbumsphotos,
#content ul.liste-photos li a.viewimagealbumsphotos{
	left:0;
	right:0;
	padding:5px;
	height:auto;
	background:rgba(0,0,0,0.8);
	-pie-background:rgba(0,0,0,0.8);
	behavior: url(++resource++PIE.htc);
	color:#fff;
	line-height:normal;
}
#content ul.liste-photos li a.viewimagealbumsphotos:hover,
#content ul.liste-photos li a.viewimagealbumsphotos:focus{
	background:rgba(0,0,0,1);
	-pie-background:rgba(0,0,0,1);
	behavior: url(++resource++PIE.htc);
	color:#fff!important;
}

#content ul.liste-photos li a.modifierimagealbumsphotos{
	position:absolute;
	background:none repeat scroll 0 0 #d3d3d3;
    bottom:0;
    color:black;
}


/*--------------------------------------------------------------------------------------------------------------
	== PAGE SON
--------------------------------------------------------------------------------------------------------------*/
.portaltype-son h2#download-son{
	margin:30px 0 10px;
	padding:0;
	color:#000;
	font-size:1.6em;
	font-weight:normal;
	text-transform: uppercase;
	line-height:1em;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE FICHIER
--------------------------------------------------------------------------------------------------------------*/
.portaltype-file #content-core a{
	display:inline-block;
	margin:5px 0;
	padding:5px 10px;
	background:#000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(++resource++PIE.htc);
	border-bottom:none;
	font-size:1.2em;
	color:#fff;
}
.portaltype-file #content-core a:hover,
.portaltype-file #content-core a:focus{
	background:#000;
	color:#fff!important;
	text-decoration:none;
}
.portaltype-file #content-core a img{
	display:none;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE PLAN DU SITE
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core #portal-sitemap{
	margin:30px 0 0;
}
#portal-column-content #content-core #portal-sitemap li{
	margin:0;
	padding:0;
	border:none;
}
#portal-column-content #content-core #portal-sitemap li a{
	background:none;
}
#portal-column-content #content-core #portal-sitemap li img{
	display:none;
}

/* premier niveau */
#portal-column-content #content-core #portal-sitemap > li{
	margin:0 0 30px;
	padding:0 0 30px;
	border-bottom:1px solid #f18c00;
}
#portal-column-content #content-core #portal-sitemap > li > div > a{
	display:inline-block;
	margin:5px 0;
	padding:0!important;
	background:none;
	border:none;
	color:#f18c00!important;
	font-size:2em;
	font-weight:900;
	text-transform:uppercase;
	line-height:1;
}
#portal-column-content #content-core #portal-sitemap > li > div > a:hover,
#portal-column-content #content-core #portal-sitemap > li > div > a:focus{
	background:none;
	color:#000!important;
	text-decoration:none;
}

/* deuxieme niveau */
#portal-column-content #content-core #portal-sitemap > li > ul{
	margin:0 0 0 10px;
}
#portal-column-content #content-core #portal-sitemap > li > ul > li{
	margin:0 0 10px;
}
#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a{
	margin:0 0 5px;
	padding:0 0 0 10px!important;
	background:url(../images/puce-noire-petite.png) 0 0.9em no-repeat;
	text-transform:uppercase;
	font-size:1.4em;
	color:#000!important;
}
#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a:hover,
#portal-column-content #content-core #portal-sitemap > li > ul > li > div > a:focus{
	border:none;
	color:#000!important;
	text-decoration:underline;
}

/* troisieme niveau */
#portal-column-content #content-core #portal-sitemap li li ul{
	margin:0 0 0 10px;
	border-top:1px dotted #000;
}
#portal-column-content #content-core #portal-sitemap li li li{
	border-bottom:1px dotted #000;
}
#portal-column-content #content-core #portal-sitemap li li li a{
	padding:0!important;
	background:none;
	text-transform:none;
	font-size:1.3em;
	color:#000!important;
}
#portal-column-content #content-core #portal-sitemap li li li a:hover,
#portal-column-content #content-core #portal-sitemap li li li a:focus{
	color:#000!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE DE CONNEXION
--------------------------------------------------------------------------------------------------------------*/
#portal-column-content #content-core .connexion{
	float:left;
	width:48%;
	font-size:1.3em;
}
#portal-column-content #login-form{
}
#portal-column-content #login-form:before{
	content:"Identifiez-vous";
	display:block;
	padding:0 0 10px 150px;
	font-size:2em;
	color:#464646;
}
#portal-column-content #login-form .field label{
	font-size:1.1em;
	font-style:normal;
	font-family:lato;
}
#portal-column-content #login-form .field input{
	padding:5px;
	width:60%;
	font-size:1.3em;
}
#portal-column-content #login-form .formControls{
	margin:0 0 0 150px;
	font-size:0.9em;
}
#portal-column-content #login-form .formControls input{
	position:relative;
	z-index:2;
	margin:0;
	padding:10px;
	background:#464646;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(++resource++PIE.htc);
	color:#fff;
	font-weight:bold;
	font-size:1.3em;
	cursor:pointer;
}
#portal-column-content #login-forgotten-password{
	margin:10px 25px 0 150px;
	padding:10px 0 0;
	border-top:1px dotted #464646;
	font-size:0.9em;
}
#portal-column-content #login-forgotten-password a:hover,
#portal-column-content #login-forgotten-password a:focus{
	color:#000!important;
}

/* MOT DE PASSE PERDU */

#portal-column-content #mail_password{}
#portal-column-content #mail_password fieldset{
	margin:0;
	padding:0;
	border:none;
}
#portal-column-content #mail_password fieldset legend{
	display:none;
}
#portal-column-content #mail_password .field{
	float:left;
	clear:none;
	margin:0 20px 0 0;
}
#portal-column-content #mail_password .field label{
	margin:0 10px 0 0;
	font-size:1.4em;
	font-style:normal;
	font-weight:normal;
}
#portal-column-content #mail_password .field input.context{
	margin:0;
	padding:2px 5px;
	background:#464646;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(++resource++PIE.htc);
	color:#fff;
	font-weight:bold;
	font-size:1em;
	cursor:pointer;
}
#portal-column-content #mail_password + p{
	margin:30px 0 0;
	font-size:1em;
}
#portal-column-content #mail_password + p a:hover,
#portal-column-content #mail_password + p a:focus{
	color:#000!important;
}

/*
	NOUVEAU MEMBRE
*/
#login-new-user{
	float:right;
	margin:45px 0 0;
	padding:0 30px 0 0;
	width:48%;
	color:#F18C00;
}
#login-new-user strong{
	display:block;
	margin:0 0 5px;
	font-size:1.1em;
	line-height:1;
}
#login-new-user a,
#login-new-user a:hover,
#login-new-user a:focus{
	color:#F18C00!important;
}
#login-new-user > a{
	position:relative;
	z-index:2;
	display:inline-block;
	margin:10px 0 0;
	padding:10px;
	background:#F18C00;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(++resource++PIE.htc);
	color:#fff!important;
	font-weight:bold;
	font-size:1em;
	cursor:pointer;
}
#login-new-user > a:hover,
#login-new-user > a:focus{
	background:#444;
	color:#fff!important;
	text-decoration:none;
}

/*--------------------------------------------------------------------------------------------------------------
	== FORMULAIRE D'INSCRIPTION
--------------------------------------------------------------------------------------------------------------*/
#charte{
	height:500px;
	overflow:auto;
	font-size:1.4em;
}
.kssattr-formname-register{
	font-size:1.4em;
}
#content .kssattr-formname-register input[type=text]{
	padding:5px;
	width:50%;
	font-size:0.9em;
}
#content .kssattr-formname-register input[type=submit]{
	display:inline-block;
	margin:10px 0 0;
	padding:10px;
	background:#444;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(++resource++PIE.htc);
	color:#fff!important;
	font-weight:bold;
	font-size:1.1em;
	cursor:pointer;
}

/*--------------------------------------------------------------------------------------------------------------
	== FORMULAIRE EDITION ACTEUR
--------------------------------------------------------------------------------------------------------------*/
#acteur-base-edit{}
#portal-column-content #content #acteur-base-edit > fieldset > fieldset{
	margin:0 0 50px;
	padding:0;
}
#portal-column-content #content #acteur-base-edit > fieldset > fieldset legend{
	display:block;
	margin:0 0 30px;
	padding:10px 0 0;
	width:100%;
	border-top:3px solid #F18C00!important;
	color:#F18C00;
	font-size:2.2em;
	text-transform:none;
}

#portal-column-content #content #acteur-base-edit > fieldset > fieldset > div.field,
#portal-column-content #content #acteur-base-edit .formControls{
	margin:0 0 30px;
}


#portal-column-content #content #acteur-base-edit > fieldset > fieldset > div.field .label{
	text-transform:uppercase;
	font-size:1.6em;
}
#portal-column-content #content #acteur-base-edit > fieldset > fieldset > div.field  div .label,
#portal-column-content #content #acteur-base-edit > fieldset > fieldset > div.field  div label{
	text-transform:none;
}
#archetypes-fieldname-collectif_nom_structure,
#archetypes-fieldname-collectif_type,
#archetypes-fieldname-collectif_membres,
#archetypes-fieldname-collectif_nb_structures_membres,
#archetypes-fieldname-association_type,
#archetypes-fieldname-association_autre,
#archetypes-fieldname-collectivite_type,
#archetypes-fieldname-collectif_typologie,
#archetypes-fieldname-collectivite_services,
#archetypes-fieldname-etablissement_type{
	margin:10px 0 20px 30px;
}
#portal-column-content #content #acteur-base-edit > fieldset > fieldset > div.field input[type=radio] + label,
#portal-column-content #content #acteur-base-edit > fieldset > fieldset > div.field input[type=checkbox] + label{
	font-size:1.3em;
	font-weight:normal;
}

/*--------------------------------------------------------------------------------------------------------------
	== FORMULAIRE EDITION MANIFESTATION
--------------------------------------------------------------------------------------------------------------*/
#manifestation-base-edit{}
#portal-column-content #content #manifestation-base-edit > fieldset > fieldset{
	margin:0 0 50px;
	padding:0;
}
#portal-column-content #content #manifestation-base-edit > fieldset > div.field,
#portal-column-content #content #manifestation-base-edit .formControls{
	margin:0 0 50px;
	border-color:#F18C00!important;
}
#portal-column-content #content #manifestation-base-edit > fieldset > fieldset legend{
	display:block;
	margin:0 0 30px;
	padding:10px 0 0;
	width:100%;
	border-top:3px solid #F18C00!important;
	color:#F18C00;
	font-size:2.2em;
	text-transform:none;
}

#manifestation-base-edit #maps{
	width:100%!important;
}
#portal-column-content #content #manifestation-base-edit > fieldset > div.field .label{
	text-transform:uppercase;
	font-size:1.6em;
}
#portal-column-content #content #manifestation-base-edit > fieldset > div.field .label span{
	text-transform:none;
	font-size:0.7em;
	font-style:italic;
}
#portal-column-content #content #manifestation-base-edit > fieldset > div.field input[type=radio] + label,
#portal-column-content #content #manifestation-base-edit > fieldset > div.field input[type=checkbox] + label{
	font-size:1.3em;
	font-weight:normal;
}

/*--------------------------------------------------------------------------------------------------------------
	== PAGE LISTE DE DONS
--------------------------------------------------------------------------------------------------------------*/

#liste-dons_wrapper{
	overflow:auto;
}

/*--------------------------------------------------------------------------------------------------------------
	== ESPACE ACTEURS
--------------------------------------------------------------------------------------------------------------*/


/*	Contenu multimedia   */

dl.le-contenu-multimedia dt:first-child{
	text-transform:uppercase;
	font-size:0.7em;
	font-weight:700 !important;
	padding-bottom:10px;
	border-bottom:1px dotted #888;
}

dl.le-contenu-multimedia dt:first-child a{
	display:inline-block;
	margin-right:2px;
	margin-left:2px;
	color:#fff !important;
	padding:5px;
	background-color:#0E5E9F;
}

#content dl.le-contenu-multimedia dt:first-child a:hover{
	color:#fff !important;
	text-decoration:none;
	background-color:#000;
}

dl.le-contenu-multimedia dt:first-child a:first-child{
	margin-left:0;
}

#content .element-multimedia{
	font-weight:700;
	margin-top:10px;
}

span.actions-multimedia{
	display:block;
	font-size:0.8em;
	color:#666 !important;
	font-weight:500;
}

span.actions-multimedia a{
	color:#666 !important;

}

#content span.actions-multimedia a:hover{
	color:#F18C00 !important;
	text-decoration:none;
}

dl.le-contenu-multimedia .retirer-multimedia,
dl.le-contenu-multimedia .publier-multimedia,
dl.vos-manifestations .soumettre-manifestation{
	color:#205c90 !important;
}


/*	Manisfestations   */


dl.vos-manifestations dt:first-child{
	text-transform:uppercase;
	font-size:0.7em;
	font-weight:700 !important;
	color:#0E5E9F !important;
	padding-bottom:10px;
	border-bottom:1px dotted #888;
	text-align:right;
}

dl.vos-manifestations dt:first-child a{
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
	color:#fff !important;
	padding:5px;
	background-color:#0E5E9F;
}

#content dl.vos-manifestations dt:first-child a:hover{
	color:#fff !important;
	text-decoration:none;
	background-color:#000;
}

#content .element-manifestation{
	font-weight:700;
	margin-top:10px;
}

span.actions-manifestation{
	display:block;
	font-size:0.8em;
	color:#666 !important;
	font-weight:500;
}

span.actions-manifestation a{
	color:#666 !important;
}

#content span.actions-manifestation a:hover{
	color:#F18C00 !important;
	text-decoration:none;
}



/*------------------------------------------------------------------------------------------------------------*/
/*
	= FOOTER
*/
/*------------------------------------------------------------------------------------------------------------*/
#portal-footer{
	margin:0;
	padding:0;
	background:none;
	border:none;
}
#portlets-footer{
	margin:135px 0;
}

/*--------------------------------------------------------------------------------------------------------------
	== SITE ACTION
--------------------------------------------------------------------------------------------------------------*/
#portal-siteactions{
	clear:none;
	float:none;
	padding:10px 0;
	border:none;
	border-top:1px solid #fff;
	color:#fff;
	font-size:1.1em;
}
#portal-siteactions li{
	display:inline;
	color:#fff;
}
#portal-siteactions li + li:before{
	content:"- ";
}
#portal-siteactions li a,
#portal-siteactions li a:visited{
	border:none;
	text-transform:uppercase;
	color:#fff;
}
#portal-siteactions li a:hover{
	border:none;
	background:none;
	color:#fff;
}

/*--------------------------------------------------------------------------------------------------------------
	== PLAN DU SITE
--------------------------------------------------------------------------------------------------------------*/
#portal-footer #portal-sitemap-footer{
	padding:30px 0;
}
#portal-footer #portal-sitemap-footer > ul{
	-moz-column-count:2;
	-webkit-column-count:2;
	-o-column-count:2;
	column-count:2;
	-moz-column-gap:20px;
	-webkit-column-gap:20px;
	-o-column-gap:20px;
	column-gap:20px;
	overflow:hidden;
}
#portal-footer #portal-sitemap-footer > ul > li{
	display:block;
	padding:0 0 0 18px;
	background:url(../images/fleche-noire.png) 0 0.8em no-repeat;
	border:none;
	overflow:hidden;
}
#portal-footer #portal-sitemap-footer ul li a{
	padding:0!important;
	background:none;
}
#portal-footer #portal-sitemap-footer > ul > li div{
	display:inline-block;
}
#portal-footer #portal-sitemap-footer > ul > li  a{
	color:#000!important;
	font-weight:bold;
	font-size:1.2em;
}
#portal-footer #portal-sitemap-footer > ul > li > ul{
	margin:0 0 0 30px;
}
#portal-footer #portal-sitemap-footer > ul > li > ul li,
#portal-footer #portal-sitemap-footer > ul > li > ul li div{
	display:inline;
}
#portal-footer #portal-sitemap-footer > ul > li > ul li + li:before{
	content:"| ";
	color:#000;
}
#portal-footer #portal-sitemap-footer > ul > li > ul li a{
	font-weight:normal;
	font-size:1.1em;
}
#portal-footer #portal-sitemap-footer > ul > li > ul li a img{
	display:none;
}
#portal-footer #portal-sitemap-footer > ul > li > ul li ul{
	display:none;
}

/*------------------------------------------------------------------------------------------------------------*/
/*
	= POPINS
*/
/*------------------------------------------------------------------------------------------------------------*/
div.overlay-iframe, div.overlay-ajax{
	width:450px;
}
.pb-ajax > div{
	padding:20px;
	width:auto;
	font-size:1.2em;
}
.pb-ajax h1{
	border:none;
	color:#000;
	font-size:2em;
	text-transform:uppercase;
	line-height:1em;
}
.pb-ajax div div:first-child{
	margin:10px 0;
	padding:0;
	background:#fff;
	color:#000;
	font-family:verdana;
	font-weight:normal;
}
.pb-ajax div .formControls{
	margin:0;
}
.pb-ajax div .formControls input{
	margin:0;
	padding:2px 5px;
	background:#000;
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(++resource++PIE.htc);
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	cursor:pointer;
}

/*--------------------------------------------------------------------------------------------------------------
	== CONNEXION
--------------------------------------------------------------------------------------------------------------*/
.overlay-ajax #login-form{
	padding:10px 0 0;
}
.overlay-ajax #login-form:before{
	content:"Identifiez-vous";
	padding:0 0 0 118px;
	font-size:2.7em;
	color:#000;
}
.overlay-ajax #login-form .field label{
	font-size:1.1em;
}
.overlay-ajax #login-form .field input{
	width:200px;
}
.overlay-ajax #login-form .formControls{
	margin:0 0 0 23px;
}
.overlay-ajax #login-form .formControls input{
	font-size:1.2em;
}
.overlay-ajax #login-forgotten-password{
	font-size:1.1em;
}

/*--------------------------------------------------------------------------------------------------------------
	== GMAP
--------------------------------------------------------------------------------------------------------------*/
.gmap-illustration{
    float: left;
    margin: 0 10px 0 0;
}

.gmap-dates {
    display: block;
    margin: 0 0 3px;
}

/*--------------------------------------------------------------------------------------------------------------
=  ADMINISTRATION
--------------------------------------------------------------------------------------------------------------*/

.template-dashboard #edit-bar,
.documentByLine,
.template-gerer-contenu-multimedia .documentActions,
.template-gerer-mes-manifestations .documentActions{
	display:none!important;
}
.userrole-manager .documentByLine,
.administrator .documentByLine{
	display:block!important;
}
.template-dashboard.userrole-manager #edit-bar{
	display:block!important;
}

.template-manage-portlets #bandeau-site,
.template-manage-portletsinheader #bandeau-site,
.template-manage-portletsabovecontent #bandeau-site,
.template-manage-portletsfooter #bandeau-site{
	display:none;
}

#portal-columns #above-content dl.portlet.portletPaletteAdministration{
	background-color: rgba(0, 0, 0, 0.2);
}

.template-personal-information fieldset div.field:nth-child(3),
.template-personal-information fieldset div.field:nth-child(4),
.template-personal-information fieldset div.field:nth-child(6){
	display:none;
}

#portal-columns #above-content dl.portlet.portletPaletteAdministration dd{
	width:auto;
}
#portal-columns dl.portlet.portletPaletteAdministration dt{
	background-image:url(../images/picto-palette-user-fdln.png);
}

#portal-columns dl.portlet.portletPaletteAdministration dd a{
	background:rgba(0, 0, 0, 0.3) !important;
	padding:5px;
	text-align:center;
	margin-right:5px;
	display:inline-block;
	font-family:'lato';
	font-size:1em;
	font-weight:700;
}

#portal-columns dl.portlet.portletPaletteAdministration dd.rendre-public-acteur a{
	color: #f18c00 !important;
}

/*--------------------------------------------------------------------------------------------------------------
	== BARRE D'EDITION
--------------------------------------------------------------------------------------------------------------*/

#portal-column-content #edit-bar{
	display:none;
}

.userrole-manager #portal-column-content #edit-bar,
.administrator #portal-column-content #edit-bar{
	display:block;
}

/*--------------------------------------------------------------------------------------------------------------
	== FORMULAIRE DE MODIFICATION
--------------------------------------------------------------------------------------------------------------*/

.template-atct_edit ul.formTabs,
.template-atct_edit div#archetypes-fieldname-imageCaptionBSW{
	display:none!important;
}

.template-atct_edit.userrole-manager ul.formTabs,
.template-atct_edit.administrator ul.formTabs{
	display:block!important;
}

.template-atct_edit.portaltype-acteur input#code_postal,
.template-atct_edit.portaltype-manifestation input#nombre_public_attendu,
.template-atct_edit.portaltype-manifestation input#nombre_animations,
.template-atct_edit.portaltype-manifestation input#code_postal{
	width: 6%!important;
}

.template-atct_edit.portaltype-manifestation input#adresse{
	width: 100%!important;
}

.template-atct_edit #fieldset-introduction-acteur p,
.template-atct_edit #fieldset-introduction-manifestation p{
	font-size: 1.2em!important;
}

/*--------------------------------------------------------------------------------------------------------------
	== PALETTE D'ADMIN
--------------------------------------------------------------------------------------------------------------*/

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 730px;

    background-color: #fff;
    color: #000;
    border: 1px solid #666666;
    padding: 12px;

    font-family: lato;
    box-shadow: 0px 1px 10px #222;
    z-index: 151;
}

.jqmWindow p{
    margin-top: 1em;
    font-size: 1.3em;
}

.jqmWindow label{
    font-size: 1.4em;
}

.jqmWindow button {
    margin: 10px 5px 0;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;


    background:#444;
    border:none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(++resource++PIE.htc);
    font-size:1.1em;
    cursor:pointer;
}

.jqmOverlay { background-color: #000; }

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

/*------------------------------------------------------------------------------------------------------------*/
/*
	= AJUSTEMENT PETITS ECRANS
*/
/*------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 958px){
	.section-accueil #portal-top{
		padding-bottom:0;
	}
	.section-accueil #portal-top:after{
		display:none;
	}
	.section-accueil #bandeau-site{
		left:20%;
		right:30%;
	}
	.section-accueil .bouton.c-koi-fete,
	.section-accueil .bouton.je-veux-organiser,
	.section-accueil .bouton.je-veux-participer{
		margin:310px 0 0 20px;
	}
	.section-accueil .date-fdln{
		margin:65px 20px 0 0;
	}
	.baba-organisateur{
		position:relative;
	}
	#portal-columns dl.portlet.baba-organisateur dt:before{
		display:none;
	}
	#content .baba-organisateur ul li{
		display:table-cell;
	}
	#content .baba-organisateur ul li + li{
		border-left:1px solid #006633;
	}
	.baba-organisateur p.soustitre{
		position:absolute;
		top:10px;
		left:90px;
		z-index:2;
		font-size:1.2em;
	}
	.alaune,
	.baba-organisateur{
		float:none;
		margin:0 0 15px!important;
		width:auto;
	}
	.alaune{
	}
}
@media only screen and (max-width: 800px){
	.section-accueil #bandeau-site{
		left:5%;
	}
	#portal-globalnav > li > a{
		font-size:1.2em;
	}
	.section-accueil .bouton.c-koi-fete:before{
		display:none;
	}
	.bouton a{
		min-width:60px;
		font-size:2.3em;
	}
	.reseaux-sociaux{
		margin-top:45px;
	}
	.section-accueil .reseaux-sociaux{
		margin-top:70px;
	}

	/**/
	.liste-manifestation .infos{
		width:66%;
	}
	.liste-manifestation .organise{
		padding:0;
	}
	#search-manifestations form > div > strong ~ label,
	#search-manifestations form > div > strong ~ label:nth-child(odd){
		display:block;
		float:none;
		margin-left:0;
		width:100%;
	}

}
@media only screen and (max-width: 600px){
	body{
		background:#1A6600;
	}
	.section-accueil #bandeau-site,
	#bandeau-site{
		position:relative;
		top:0;
		left:0;
		display:block;
		margin:10px 30px;
	}

	/* PORTLETS */
	.logo-fdln{
		display:none;
	}
	.section-accueil .date-fdln{
		float:none;
		margin:0;
		text-align:center;
	}
	.section-accueil .date-fdln .ordi{
		display:none;
	}
	.section-accueil .date-fdln .mobile{
		display:block;
	}
	.bouton{
		float:none;
		margin:0!important;
		background:#f18c00;
	}
	.bouton:after{
		display:none;
	}
	.bouton p{
		margin:0 0 5px!important;
	}
	.bouton a{
		padding:10px;
		min-height:0;
		font-size:2.2em;
		text-align:left;
	}
	.bouton a:hover,
	.bouton a:focus{
		background:#e9b626;
	}
	.bouton a strong{
		display:inline;
	}
	.reseaux-sociaux{
		display:none;
	}
	.alaune{
		margin:0 0 5px!important;
	}
	.baba-organisateur{
		margin:0 0 5px!important;
	}
	#portal-columns dl.portlet.baba-organisateur dt{
		background:#f18c00;
		color:#fff;
	}
	#portal-columns dl.portlet.baba-organisateur dt a,
	#portal-columns dl.portlet.baba-organisateur dt a:hover,
	#portal-columns dl.portlet.baba-organisateur dt a:focus{
		display:block;
		color:#fff!important;
	}
	.baba-organisateur p.soustitre{
		position:absolute;
		top:10px;
		left:90px;
		z-index:2;
		font-size:1.2em;
		color:#fff;
	}
	.baba-organisateur ul{
		display:none;
	}
	.agenda .entete{
		background:#f18c00;
		color:#fff;
	}
	.agenda .entete:before{
		color:#f18c00;
	}
	#content .agenda ul li,
	#content .agenda ul li + li{
		float:none;
		margin:10px 0 0;
		width:100%;
	}
	.agenda ul li > a{
		display:block;
		float:none;
		margin:0 0 10px;
		width:100%;
	}
	#content .agenda ul li:first-child{
		margin:0;
	}
	.partenaires{
		margin:0 0 5px;
	}
	.partenaires .entete,
	dl.partenaires dt{
		display:block;
		font-size:1.4em;
	}
	.partenaires .entete:before,
	dl.partenaires dt:before{
		display:none;
	}
	.section-accueil .partenaires ul{
		display:none;
	}

	/* NAVIGATION MINI */
	#portal-navigation{
		position:absolute;
		top:10px;
		right:10px;
		margin:0;
		width:auto;
	}
	/* boutons */
	#portal-navigation > a{
		display:block;
		padding:10px;
		font-size:1.2em;
		color:#000;
		text-transform:uppercase;
	}
	#portal-navigation ul#portal-globalnav:target + a{
		display:block;
		position:absolute;
		top:10px;
		right:10px;
		background:#006633;
	}

	/* menu */
	#portal-navigation ul{ /* on masque sur la version > 800 */
		display:none;
		position:absolute;
		right:0;
		width:auto;
	}
	#portal-navigation ul#portal-globalnav:target{ /* on affiche au clic sur le bouton menu */
		display:block;
	}
	#portal-navigation ul#nav-cache:target{ /* on masque au clic sur le bouton fermer */
		display:none;
	}
	#portal-globalnav > li,
	#portal-globalnav > li + li{
		display:block;
		float:none;
		margin:0;
		width:auto;
		border-top:1px solid #006633;
		font-size:0.9em;
	}
	#portal-globalnav > li a{
		padding:10px;
		font-family:verdana;
		font-size:1.4em;
	}
	#portal-globalnav > li > a:before,
	#portal-globalnav > li#portaltab-se-connecter{
		display:none;
	}
	#portal-globalnav > li#portaltab-index_html a{
		padding-left:10px;
		background:#0e5e9f;
	}
	#portal-globalnav li#portaltab-qui-sommes-nous{
		width:auto;
	}

	/* STRUCTURE */
	#portal-column-one,
	#portal-column-two{
		float:none;
		margin:0;
		padding:0;
		width:auto;
		border:none;
	}
	#portlets-footer{
		margin:0 0 10px;
	}

	/* RECHERCHE */
	#search-manifestations form{
		-moz-column-count:1;
		-webkit-column-count:1;
		-o-column-count:1;
		column-count:1;
		-moz-column-gap:0;
		-webkit-column-gap:0;
		-o-column-gap:0;
		column-gap:0;
	}

	/* ELEMENTS DE PAGES DE DETAIL */
	#portal-column-content .imageContainer,
	#portal-column-content #content-core .tileItem > a:first-child,
	#content div.portlet.a-la-une ul li > a:first-child{
		float:none;
		margin:0;
	}
	#portal-column-content .imageContainer img,
	#portal-column-content #content-core .tileItem > a:first-child img,
	#content div.portlet.a-la-une ul li > a:first-child img{
		display:block;
		width:100%;
		height:auto;
	}
	#portal-column-content #content-core .eventDetails ul li,
	#portal-column-content #content-core .eventDetails ul li + li{
		float:none;
		margin:0 0 10px;
		padding:0;
		border:none;
	}
	#portal-column-content .relatedItems dl dd{
		float:none;
		width:100%;
	}

	/*  PAGES ACTEUR */
	.template-acteur_view .resume,
	.template-acteur_view .infos-pratiques,
	.liste-manifestation .infos,
	.liste-manifestation .organise,
	.liste-manifestation .illustration{
		float:none;
		padding:0 20px;
		width:auto;
	}
	.liste-manifestation .label{
		float:none;
		margin:20px 0;
		width:40%;
	}
	.template-acteur_view #content .onglets li{
		display:table-cell;
		vertical-align:bottom;
	}
	.template-acteur_view #content .onglets li + li{
		border-left:1px solid #fff;
	}
	.template-acteur_view #content .onglets li a{
		padding:5px;
		font-size:1.1em;
	}
	.template-acteur_view .affiliee{
		float:none;
		margin:30px 0 20px;
		padding:0 20px;
		width:100%;
	}
	.template-acteur_view #content .structures-affiliees div{
		float:none;
		width:100%;
	}
	.template-acteur_view #content .structures-affiliees a.illustration{
		float:none;
		display:block;
		margin:20px;
	}



	/* PAGE MANIFESTATION */
	.template-manifestation_view .label,
	.template-manifestation_view .resume,
	.template-manifestation_view .infos-diverses{
		float:none;
		padding:0 20px;
		width:100%;
	}
	.template-manifestation_view #contenus p,
	.template-manifestation_view #contenus ul{
		float:none;
		width:100%;
	}
	.template-manifestation_view p.lieu{
		margin-top:20px;
	}
	.template-manifestation_view #content .onglets{
		margin:20px 20px 0;
	}
	.template-manifestation_view #content .onglets li + li{
		margin:2px 0 0;
	}
	.template-manifestation_view #content .onglets li a{
		padding:5px;
		font-size:1.4em;
	}

	/* CK EDITOR */
	#portal-column-content #content-core div[id^="parent-fieldname-text"] p.exergue,
	#portal-column-content #content-core div[id^="parent-fieldname-text"] h2 + p.exergue,
	#portal-column-content #content-core div[id^="parent-fieldname-text"] h3 + p.exergue,
	#portal-column-content #content-core div[id^="parent-fieldname-text"] h4 + p.exergue,
	#portal-column-content #content-core div[id^="parent-fieldname-text"] h5 + p.exergue,
	#portal-column-content #content-core div[id^="parent-fieldname-text"] h6 + p.exergue{
		float:none;
		margin:20px 0;
		width:auto;
	}
	#portal-column-content #content-core div[id^="parent-fieldname-text"] ul.deux-colonnes li{
		float:none;
		width:100%;
	}
	#portal-column-content #content-core div[id^="parent-fieldname-text"] img.image-droite,
	#portal-column-content #content-core div[id^="parent-fieldname-text"] img.image-gauche{
		float:none;
		width:100%;
		height:auto;
	}

	.section-accueil #search-manifestations div[id^="fieldname-"]{
		display:none;
	}
	.section-accueil #search-manifestations form input[type="submit"] {
		display:block;
		margin:30px 0 0;
		padding: 5px;
		width:100%;
		background: none repeat scroll 0 0 #fff;
		border:none;
		font-weight:800;
		font-size:1.3em;
		text-transform:uppercase;
		text-align:center;
		cursor:pointer;
		border-radius: 0;

		-webkit-border-radius:0px;
		-webkit-appearance:none;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}

	/*concours photo*/
	.template-concoursphoto_view #portal-column-content .documentDescription{
		padding:0 0 80px;
	}
	.template-concoursphoto_view #content-core > div > a::after{
		display:none
	}
	.template-concoursphoto_view #content-core ul li{
		float:none;
		margin:0;
		width:100%;
	}
	.template-post_selfie form .field{
		float:none;
		width:100%;
	}
}
/*@media only screen and (max-width: 800px){
		body{
			font-size:100%;
		}




		/* FOOTER */
/*		#portal-footer #portal-sitemap-footer > ul > li{
			display:block;
			float:none!important;
			margin:0 0 10px;
			width:auto;
		}

}

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