@charset "UTF-8";

/*
--------------------
RESET
--------------------
*/
html{color:#000; height: 100%;line-height: 1.125em;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%; }


/*
--------------------
GENERAL
--------------------
*/
body { background: url('/assets/i/bkgBody.png') repeat; color:#000000; font-family: arial, helvetica, sans-serif; font-size: 15px; }
.wrapper { background: url('/assets/i/bkgPage.png') no-repeat; width: 1043px; margin: 0 auto; }
.page { width: 1015px; margin: 0 auto; }

.sep { clear: both; overflow: hidden; }
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}
.justify {text-align: justify;}
.underline { text-decoration:underline;}


.image-droite { float:right; margin:0 10px 0 10px;}
.image-gauche {float:left; margin:0 10px 10px 0;}

.content_text,
.intro.text {text-align: justify; line-height: 1.4em;}
.content_text p,
.text p { margin:0 0 1em; }
.content_text ul,
.text ul { margin:0 0 1em; padding-left: 1em;}
.content_text li,
.text li {list-style: disc; margin-bottom: 0.33em; }
.content_text a,
.text a {color:#EB5D00;}
a {text-decoration: none; }
em { font-style: italic; }

#msg { margin: 0 15px;}
#msg p { color:#fff; background: #ED4F35; border:3px solid #F99357; border-radius:5px;  text-align: center; text-shadow:2px 2px 2px #333; font-size:16px; padding:10px; margin: 10px 0; }


/*
--------------------
HEADER
--------------------
*/
#header { height: 293px; position: relative; }
#header.smaller { }
.headernav.smaller .nav { height: 75px;}

#header .contentLogo { background: url('/assets/i/headerSlide.png') no-repeat; width: 493px; height: 293px; z-index: 15; position: absolute; }
#header .highlightsWrapper {  height: 293px; top: 0; right: 0; position:absolute; width:100%;}

#header .logo a { background: url('/assets/i/villesdesmusiquesdumonde.png') no-repeat; display: block; width: 225px; height: 214px; margin: 7px 0 10px 59px; }
#header .logo a span { display: none; }
/*
#header .defDiapo { text-align: center; color: #cbb99d; font-family: 'Roboto', sans-serif; font-weight: 500; margin-top: 55px; max-width: 330px; }
#header .defDiapo .title { font-size: 20px; text-transform: uppercase; }
#header .defDiapo .author { font-size: 11px; }
*/
#header .defDiapo { display: none;}
.basesHg .baseHg { text-align: center; /*color: #cbb99d;*/ color:#fff; font-family: 'Roboto', sans-serif; width: 260px; position: absolute; z-index: 2; bottom:35px; left: 40px; display: none;}
.basesHg .baseHg.show { display: block; }
.basesHg .baseHg h4 { padding:0; font-size: 15px; line-height: 1em; font-weight: 300; }
.basesHg .baseHg .introHg {font-size: 0.85em; line-height: 1em;}
.basesHg .baseHg .introHg p { margin: 0; line-height: 1em;}
.basesHg .baseHg .introHg a { color:#294A48; text-decoration: underline}
.basesHg .copyrigh { display: inline-block; margin-top: 3px; font-weight: 300; color:rgba(255,255,255,.8);}
.basesHg .baseHg .link { font-size: 0.85em; line-height: 1em;}
.basesHg .baseHg .link a { color:#294A48; text-decoration: underline;   text-align: center;}

.highlights { position: relative; height: 293px;  }
.highlights .hg { position: absolute; height: 293px; top:0; right: 0; width:705px }
.highlights .imageHg img { width:100%; }

/* To keep */
/*
.menuHg { position: absolute; z-index: 10; right:0; top:0; width: 18.7%;}
.menuHg li {line-height: 0; display: block; margin-bottom: 5px; border:1px solid #fff; border-radius: 1px; background-color: #000;}
.menuHg li img {  background: #fff; cursor: pointer;}
.menuHg img {width:100%;}
*/

.menuHg { color: #241c17; font-size: 50px; height: 25px; line-height: 25px; position: absolute; width: 270px;  bottom: 5px; left: 35px; z-index: 300; clear: both; overflow: hidden; text-align: center; font-size: 0 }
.menuHg li {background: url('/assets/i/rondOff.png') no-repeat; width: 12px; height: 12px; cursor: pointer; margin: 5px; display: inline-block}
.menuHg li.sel, 
.menuHg li:hover { background: url('/assets/i/rondOn.png') no-repeat; width: 12px; height: 12px; }
.menuHg li img {display: none;}


.highlights .steps { color: #241c17; font-size: 50px; height: 25px; line-height: 25px; position: absolute;  bottom: 5px; left: 20px; z-index: 200; clear: both; overflow: hidden; }
.highlights .steps li { background: url('/assets/i/rondOff.png') no-repeat; width: 12px; height: 12px; float: left; cursor: pointer; margin-right: 2px; }
.highlights .steps li.sel, 
.highlights .steps li:hover { background: url('/assets/i/rondOn.png') no-repeat; width: 12px; height: 12px; }
.highlights .steps li span { display: none; }



/*
--------------------
HEADER-NAV
--------------------
*/
.headernav .nav { background: url('/assets/i/bkgRubriques.png') no-repeat; width: 1015px; height: 231px; position: relative; margin-bottom: 18px;  }
.nav > ul {  margin: 0 0 0 8px; }

	/*
	--------------------
	MENU LEVEL 1
	--------------------
	*/
	.nav ul.menuNav { height: 85px; overflow: hidden;}
	.nav ul.menuNav > li > a { background: url('/assets/i/separationMenu.png') no-repeat right 17px; height: 85px; float: left; display: block; line-height: 2em; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; -moz-text-size-adjust:none; text-size-adjust:none;}
	.nav ul.menuNav > li:last-child > a { background: none; }
	.nav ul.menuNav > li > a > strong { font-family: 'Leckerli One', cursive; font-size: 27px; color: #a3907c; font-weight: normal; padding: 7px 15px 0 15px; display: block; }
	.nav ul.menuNav > li > a > em { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; text-transform: uppercase; color: #000000; display: block; padding: 0 15px 7px 15px; }
	
	.menuIntro { display: none;}
	.menuIntro h2,
	.menuIntro h3,
	.menuIntro h4,
	.menuIntro h5 { font-weight: bold; font-size: 1.5em; margin: 5px 40px 5px 0;}
	.menuIntro p { margin: 0 40px 5px 0;}
	
	.nav ul.menuNav > li:hover > .menuIntro,
	.nav ul.menuNav > li.sel > .menuIntro,
	.nav ul.menuNav > li.active > .menuIntro { display: block; position: absolute; left:45px; top:88px; width: 430px; height: 130px; border-right: 1px solid rgba(0,0,0,0.25); font-size: 0.9em;}
	
	.pHome .nav ul.menuNav > li.menuorder10 > a > strong { color: #00a49d; }
	.pHome .nav ul.menuNav > li.menuorder20 > a > strong { color: #792056; }
	.pHome .nav ul.menuNav > li.menuorder30 > a > strong { color: #ec9937; }
	.pHome .nav ul.menuNav > li.menuorder40 > a > strong { color: #d90d0d; }

	.nav ul.menuNav > li.menuorder10.sel > a > strong,
	.nav ul.menuNav > li.menuorder10.active > a > strong,
	.nav ul.menuNav > li.menuorder10 > a:hover > strong { color: #00a49d; background: url('/assets/i/arrowMenuFestival.png') no-repeat center top; }
	.nav ul.menuNav > li.menuorder20.sel > a > strong,
	.nav ul.menuNav > li.menuorder20.active > a > strong,
	.nav ul.menuNav > li.menuorder20 > a:hover > strong { color: #792056; background: url('/assets/i/arrowMenuMarmots.png') no-repeat center top; }
	.nav ul.menuNav > li.menuorder30.sel > a > strong,
	.nav ul.menuNav > li.menuorder30.active > a > strong,
	.nav ul.menuNav > li.menuorder30 > a:hover > strong { color: #ec9937; background: url('/assets/i/arrowMenuAction.png') no-repeat center top; }
	.nav ul.menuNav > li.menuorder40.sel > a > strong,
	.nav ul.menuNav > li.menuorder40.active > a > strong,
	.nav ul.menuNav > li.menuorder40 > a:hover > strong { color: #d90d0d; background: url('/assets/i/arrowMenuAsso.png') no-repeat center top; }

	/*
	--------------------
	MENU LEVEL 2
	--------------------
	*/
	.nav .menuLevel2 { background: url('/assets/i/bkgSousMenu.png') no-repeat bottom center; width: 100%; height: 159px; display: none; margin: 0; z-index: 3; position: absolute; right: 0; top: 74px; }
	.nav li.menuorder10 .menuLevel2 { background-color: rgba(0,164,157,0.3); }
	.nav li.menuorder20 .menuLevel2 { background-color: rgba(121,32,86,0.3); }
	.nav li.menuorder30 .menuLevel2 { background-color: rgba(236,153,55,0.3); }
	.nav li.menuorder40 .menuLevel2 { background-color: rgba(217,13,13,0.3); }
	
	.nav .menuLevel2 { /*background: url('/assets/i/separationSousMenu.png') no-repeat left;*/ }
	.nav .menuLevel2 li { float: left; width: 230px; }
	.nav .menuLevel2 li a { padding: 5px 0 5px 28px; }
	.nav .menuLevel2 li a:hover, .nav .menuLevel2 li.sel a, .nav .menuLevel2 li.active a { background: url('/assets/i/coche.png') no-repeat 0 0 !important; }
	.nav .menuLevel2 li a strong { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 16px; color: #535353; text-transform: uppercase; line-height: 1em; }
	.nav .menuLevel2 li a:hover strong, .nav .menuLevel2 li.sel a strong { font-weight: 700; color: #000000 !important; background: none !important; }
	
	.nav .menuLevel2 > li li {  margin: 3px 0 3px 10%;}

	.nav > ul > li.active > .menuLevel2,
	.nav > ul > li.sel > .menuLevel2,
	.nav > ul > li:hover > .menuLevel2 {  display: block; z-index: 3001; }
	
	.nav > ul > li:hover > .menuLevel2 {  z-index: 3002; }
	.nav > ul  li a { display: block;}


/*
--------------------
CONTENT
--------------------
*/
#calendar,
#nobreadcrumb,
#breadcrumb { display: none; }

	/*
	---------------------
	BREADCRUMB
	---------------------
	*/
	#breadcrumb,
	#nobreadcrumb { width:70%; }

	#breadcrumb { height: 24px; margin:10px 0 12px; background: url(../i/menu/crumb.png) repeat-x; border-radius: 7px; font-size: 0.85em; }
	#breadcrumb .title { width: 5px; }
	#breadcrumb li { display: inline; display: inline-block; margin: 0 0 0; margin:0 5px 0 0; line-height: 26px; }
	#breadcrumb li:last-child { border-radius: 0 5px 5px 0; }
	#breadcrumb li em:after { content:' >'; }
	#breadcrumb li:last-child em:after { content:''; }
	#breadcrumb li em { font-style: normal; }
	#breadcrumb li a { color:#000; font-weight: bold; }
	#breadcrumb li a:hover { text-decoration: underline; }

	#nobreadcrumb { height: 24px; margin: 10px 0; }

.main { padding: 0 13px; }
.main .col-a, .main .col-b { float: left; }
.main .col-a { width: 70%; }
.main .col-b { width: 30%; }

.main .col-a .inside .imgContent { float: left; margin: 0 10px 5px 0; }

	/*
	--------------------
	HOME
	--------------------
	*/
	#mainHome .col-a .inside { padding: 0; background: none; }
	.pHome .menuInPage {margin:0 12px}
	/*
	--------------------
	SIDEBAR
	--------------------
	*/
	
	.col-b .actionIt a { font-family: 'Roboto Condensed', sans-serif; font-size: 27px; font-weight: 700; text-transform: uppercase; color: #e6e6e6; line-height: 48px; margin-left: 60px; }
	.col-b .actionItNl { background: url('/assets/i/sidebar/bkgFollowSidebar.png') no-repeat; width: 298px; height: 52px; }
	.col-b .actionItNl #emailCol { background-color: rgba(0,0,0,0.1); color: #000000; font-family: helvetica, sans-serif; font-size: 12px; min-width: 230px; padding-left: 10px; height: 25px; border-radius: 15px; margin-top: 13px; float: left; }
	.col-b .actionItNl input[type=submit] { background: url('/assets/i/sidebar/pictoMail.png'); width: 36px; height: 20px; border: 0;  float: right; position: relative; top: 17px; cursor: pointer; }
	.col-b .concerts ul li { background:  url('/assets/i/sidebar/separationSidebar.png'), url('/assets/i/sidebar/bkgDatesAgenda.png'); background-repeat: no-repeat, no-repeat; background-position: center bottom, -5px -5px; /*width: 307px;*/ min-height: 100px; padding: 15px 0 10px 30px; }
	.col-b .contacts { border-top: 1px dashed #a3907c; clear: both; margin-top: 48px;}
	.col-b .contacts .navColumn,
	.col-b .contacts .navColumn ul li,
	.col-b .contacts .network { float: left; }
	.col-b .contacts .navColumn { margin-top: 10px; }
	.col-b .contacts .network { margin-top: 7px; }
	.col-b .contacts .navColumn ul li { margin: 0 4px; }
	.col-b .contacts .navColumn ul li:first-child { margin-left: 0; border-right: 1px solid #38302b; padding-right: 7px; }
	.col-b .contacts .navColumn a strong { font-family: helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #38302b; text-transform: lowercase; }
	.col-b .contacts .network li { background: none; }
	.col-b .network li.title,
	.col-b .contacts .network li span { display : none; }
	.col-b .network li { float: left; background: #c3c2c2; display: block; line-height: 32px; height: 32px; overflow: hidden; margin-left: 4px; }
	.col-b .network li a { display: block; width: 25px; height: 25px; }
	
	.pHome .col-b .network li.facebook a { background: url('/assets/i/home/facebook.png') no-repeat; }
	.pHome .col-b .network li.twitter a { background: url('/assets/i/home/twitter.png') no-repeat; }
	.pHome .col-b .network li.youtube a { background: url('/assets/i/home/youtube.png') no-repeat; }
	.pHome .col-b .network li.instagram a { background: url('/assets/i/home/instagram.png') no-repeat; }
	.pHome .col-b .network li.rss a { background: url('/assets/i/home/rss.png') no-repeat; }
	.col-b .network li.facebook a { background: url('/assets/i/sidebar/facebook.png') no-repeat; }
	.col-b .network li.twitter a { background: url('/assets/i/sidebar/twitter.png') no-repeat; }
	.col-b .network li.youtube a { background: url('/assets/i/sidebar/youtube.png') no-repeat; }
	.col-b .network li.instagram a { background: url('/assets/i/sidebar/instagram.png') no-repeat; }
	.col-b .network li.rss a { background: url('/assets/i/sidebar/rss.png') no-repeat; }
	

	.col-b .concerts ul { background: url('/assets/i/sidebar/bkgDechirure.png') center bottom no-repeat; min-height: 420px; }
	.col-b .concerts ul li .suptitle { position: relative; line-height: 2em; }
	.col-b .concerts ul li .suptitle a,
	.col-b .concerts ul .suptitle .pastille { float: left; }
	.col-b .concerts ul li .suptitle a { font-family: 'Leckerli One', cursive; font-size: 25px; color: #36383c; }
	.col-b .concerts ul .suptitle .pastille { width: 28px; height: 28px; position: absolute; left: -44px; top: 4px; }
	.col-b .concerts ul .datesCatKind1 .suptitle .pastille { background: url('/assets/i/sidebar/pastilleFestival.png') 0 center no-repeat; }
	.col-b .concerts ul .datesCatKind2 .suptitle .pastille { background: url('/assets/i/sidebar/pastilleMarmot.png') 0 center no-repeat; }
	.col-b .concerts ul .datesCatKind3 .suptitle .pastille { background: url('/assets/i/sidebar/pastilleAction.png') 0 center no-repeat; }
	.col-b .concerts ul h3 a,
	#mainHome .col-b .concerts ul .date { font-family: helvetica, sans-serif; font-size: 16px; font-weight: bold; }
	.col-b .concerts ul .datesCatKind1 h3 a { color: #00a49d; }
	.col-b .concerts ul .datesCatKind2 h3 a { color: #792056; }
	.col-b .concerts ul .datesCatKind3 h3 a { color: #ec9937; }
	.col-b .concerts ul .date, .col-b .concerts ul .place { font-size: 13px; color: #313131; }
	.col-b .concerts ul li p:last-child { display: none; }
	
	.col-b .titleConcerts { background: url('/assets/i/sidebar/bkgAgendaSidebar.png') no-repeat; width: 298px; height: 52px; }
	.col-b .titleConcerts span { font-family: 'Roboto Condensed', sans-serif; font-size: 27px; font-weight: 700; text-transform: uppercase; color: #e6e6e6; line-height: 48px; margin-left: 60px; }

	.col-b .likebox {
		border:1px solid #7A7A7A;
		box-shadow: 0 2px 3px #999;
		border-radius: 3px;
	}
	
	.col-b .likebox a { color:#999; }
	.col-b .actionItAll { background: url('/assets/i/sidebar/bkgAll.png') no-repeat; width: 308px; height: 95px; margin-bottom: 10px; }
	.col-b .actionItAll a { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #e6e6e6; text-transform: uppercase; position: relative;  display:block; padding-top: 45px; padding-left: 40px;}
	.col-b .actionItAll a em { font-style: normal; font-size: 15px; line-height: 15px;  display: block; }
	.col-b .actionItAll a strong { font-size: 24px; line-height: 27px; display: block;}

	
	.col-b .actionItGallery { background: url('/assets/i/sidebar/bkgGallerySidebar.png') no-repeat; width: 308px; height: 65px; margin: 12px 0 25px; }
	.col-b .actionItGallery a {  display: block; text-align: right; padding: 14px 100px 0 0;}
	.col-b .actionItGallery .gallery,
	.col-b .actionItGallery .detailGallery { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #e6e6e6; text-transform: uppercase; }
	.col-b .actionItGallery .gallery { font-size: 15px;  display: block;line-height: 15px}
	.col-b .actionItGallery .detailGallery { font-size: 24px; display: block; line-height: 27px;}
	
	.col-b .actionItBooklet { background: url('/assets/i/sidebar/bkgDownloadSidebar-1.png') no-repeat; width: 308px; height: 95px; margin-bottom: 10px;}
	.col-b .actionItBooklet a { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #e6e6e6; text-transform: uppercase; position: relative;  display:block; padding-top: 25px; padding-left: 40px;}
	.col-b .actionItBooklet a em { font-style: normal; font-size: 15px; line-height: 15px;  display: block; }
	.col-b .actionItBooklet a strong { font-size: 24px; line-height: 27px; display: block;}
	
	
	.col-b .actionItBook { background: url('/assets/i/sidebar/bkgBook.png') no-repeat; width: 308px; height: 105px; }
	.col-b .actionItBook a { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #e6e6e6; text-transform: uppercase; position: relative; top: 25px; line-height: 24px; display: block; text-align: right; padding-right: 100px; box-sizing: border-box;}
	.col-b .actionItBook a em { font-style: normal; font-size: 24px; display: block; }
	.col-b .actionItBook a strong { font-size: 24px;  display: block; padding-right: 5px;}
	
	/*
	---------------------
	SHARE
	---------------------
	*/
	.share { padding-top: 9px; margin: 20px 0; text-align: right; min-height: 18px; background: url('/assets/i/separationLikes.png') center top no-repeat; }
	.shareIn { width: 210px; margin: 0 auto; }
	.addthis_toolbox { float: right; }
	.addthis_toolbox .title { display: none; }

	.share .star { background: url('/assets/i/etoile.png') no-repeat; width: 14px; height: 15px; float: right; margin: 0 10px; }
	
	/*
	---------------------
	PAGE TYPE
	---------------------
	*/
	.main .col-a .inside { width: 666px; }
	.main .col-a .inside > .txt { margin-right: 15px;}
	.main .col-a .inside .intro,
	.main .col-a .inside .intro p { font-family: helvetica, sans-serif; font-size: 13px; font-weight: bold; }
	.main .inside h1.pageTitle { font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 700; color: #e6e6e6; text-transform: uppercase; height: 39px; line-height: 34px; padding: 0 0 0 32px; margin-bottom: 15px; }
	.main .inside h2, 
	.main .inside h3 { font-family: 'Leckerli One', cursive; font-size: 23px; margin-bottom: 15px; margin-top: 10px; }
	.main .inside h2 strong {font-weight: normal;}
	
	.main .inside h3 { color: #a3967c; font-size: 22px;}
	.main .inside h4, 
	.main .inside h5 { font-family: helvetica, sans-serif; font-weight: normal; text-transform: uppercase; margin-bottom: 15px; }
	.main .inside h4 { font-size: 15px; color: #000000; }
	.main.col-a .inside h5 { font-size: 14px; color: #a3967c; }
	.main .inside p { font-family: helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #000000; }
	
	.main .inside  a { color: #EB5D00; }
	.main .inside p a {text-decoration:underline; }
	.pMarmots-griots .main .inside  a { color: #792056; }
	.pEn-action .main .inside  a { color: #ec9937; }
	.pFestival .main .inside  a { color: #00a49d; }
	
	.main .inside .moduleGroupExtra_video { border: 0; padding: 0; }
	
	.inside h1.pageTitle { background: url('/assets/i/enteteDefault.png') no-repeat; }
	.inside h2, .inside h2 strong { color: #EB5D00; }
	
	.pL-association .inside h1.pageTitle { background: url('/assets/i/enteteAsso.png') no-repeat; }
	.pL-association .inside h2,
	.pL-association .inside h2 strong { color: #d90d0d; }
	
	.pEn-action .inside h1.pageTitle { background: url('/assets/i/enteteAction.png') no-repeat; }
	.pEn-action .inside h2,
	.pEn-action .inside h2 strong { color: #ec9937; }
	
	.pMarmots-griots .inside h1.pageTitle { background: url('/assets/i/enteteMarmots.png') no-repeat; }
	.pMarmots-griots .inside h2,
	.pMarmots-griots .inside h2 strong { color: #792056; }
	
	.pFestival .inside h1.pageTitle { background: url('/assets/i/enteteFestival.png') no-repeat; }
	.pFestival .inside h2,
	.pFestival  .inside h2 strong { color: #00a49d; }
	

	.main .addthis_toolbox { float: left; }
	.main .star { float: left; }
	
	/*
	---------------------
	DATES
	---------------------
	*/
	
	/* Date */
	#mainDate { padding: 18px; }
	#mainDate .col-a .inside { width: auto; padding: 10px; background: url(../i/dates/bg.jpg); border-top:1px solid #fff; box-shadow: 0 0 10px #999; }
	#mainDate .col-a { width: 100%; float:none}
	#mainDate .col-a .blocDates { font-size: 23px;}
	
	#mainDate .theplace { background: #fff; border-radius: 3px; box-shadow: 1px 1px 3px #999; margin-right: 200px; position: relative;}
	
	#mainDate .placeIn { font-size: 16px; font-family: 'Roboto Condensed', sans-serif; margin:0 5px; padding: 5px 0; width:33%; float: left; }
	#mainDate .placeIn > span { display: block; padding:0 0 0 20px; margin: 0.25em 0 0;}
	#mainDate .placeIn .name {font-size: 20px;}
	#mainDate .placeIn .city { color:#00a49d;}
	#mainDate .placeIn .address,
	#mainDate .placeIn .phone { font-size: 0.75em; margin: 0.05em 0;}
	#mainDate .placeIn .phone { color:#a3907c; }
	
	#mainDate .placeLink {margin:5px; padding: 5px 0; width:18.5%; float: left; border:dotted #999; border-width: 0 1px; }
	#mainDate .placeLink a { display: block; background: url(../i/dates/info-lieu.jpg) no-repeat center center; width:136px; height: 85px; margin: 0 3px;}
	#mainDate .placeLink a span { display: none;}
	#mainDate .markers { position: absolute; width:200px; top:0; right:-200px;}
	#mainDate .markers { position: absolute; width:200px; top:0; right:-200px;}
	#mainDate .markers > span { float:left; margin-left: 5px;}
	
	#mainDate .priceMore {margin:5px; padding: 2px 0; width:33%; float: left; }
	#mainDate .price .buy {font-weight: bold; color: #59493f; background: url('/assets/i/dates/buy.jpg') no-repeat;  height: 50px; display: block; line-height: 1em; margin-top: 6px;}
	#mainDate .price .buy span { display: block; padding: 12px 0 0 25px;}
	#mainDate .price .montant { background-color: #00a49d; height: 21px; border-radius: 5px; color: #ffffff; padding: 0 10px; display: block; line-height: 21px; }
	
	#mainDate .webJoin {margin:5px; padding: 5px 0; width:9%; float: right; line-height: 1.125em; font-size: 10px; border-left:1px dotted #999; min-height: 95px; }
	#mainDate .webJoin a:hover {color:#EB5D00}
	#mainDate .webJoin a { text-decoration: none; display: block; padding:53px 5px 5px; color:#00a49d; font-size: 9px; line-height: 1.33em; background:url('/assets/i/footer/facebookFooter.png') no-repeat center 8px; text-align:center;}
	#mainDate .webJoin a strong {
		font-size: 12px;
		display: inline-block;
	}
	.mainDate .content_text { margin:15px 0 10px;}
	.mainDate .content_text.withVideo { margin:10px 0; width: 50%; float: right;}
	.mainDate .modulesVideo.withoutText { float:none;  padding:10px 18%; width:auto; border:dotted #ccc; border-width: 1px 0;}
	.mainDate .modulesVideo { width: 48.4%; margin-top: 15px; margin-bottom: 20px; float: left;}
	.mainDate .jp-playlist { display: none;}
	.mainDate .dateSub { position: relative;}
	
	#mainDate .inside h1 {font-family: 'Leckerli One', cursive; font-size: 35px; line-height: 1em;float:left; width:79%; margin: 10px 0 5px;  }
	#mainDate .inside h2.suptitle { margin: 0;}
	#mainDate .inside h1 em {font-size: 0.5em; line-height: 1em; }
	#mainDate .inside h4 {color:#00a49d; font-family: 'Roboto Condensed', sans-serif; font-weight: bold; float:right; width:190px; margin: 10px 0 5px; padding: 10px 0; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); background-color: #fff; line-height:1em; text-align: center;}
	#mainDate .inside .sepa { clear: both;}
	
	#mainDate .modulesAudio { float:left; margin: 0 15px 0 0; width:48.4%;}
	/*
	#mainDate .modulesAudio.withNoLinks { width: 100%; float:none;}
	#mainDate .modulesAudio.withNoLinks div.jp-interface { background-position: 12.5% 0 ;}
	*/
	#mainDate .links { padding: 5px 0;  }
	#mainDate .links p { float: left; width:222px; margin-right:5px;}
	#mainDate .links p .iconeSite { border-right: 1px solid #a3907c;}
	
	.modlink { width:474px; margin-bottom:8px;  }
	.modlink h6 { color:#00a49d; font-weight: bold; padding:1px 5px 0}
	.modlink .description { padding:0 5px 1px; font-size: 0.85em;}
	.modlink .picto { display: block; width:34px; height: 34px; margin-right: 5px; float:left; background: url('../i/dates/autour-du-concert.jpg') no-repeat;}
	.modlink .linkIn { float:left}
	.modlink .titles { float:left; width:310px; height: 35px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); background-color: #fff; line-height: 1.125em; overflow: hidden;}
	.modlink .link { float:left;}
	.modlink .link a { float:left; width:120px; margin-left:5px; line-height: 35px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); background-color: #e5e5e5;  border-radius: 3px; display: block; color:#000; text-align: center;}
	
	.mainDate .moreZone { padding-top: 30px; background: url(../i/dates/ombre.png) no-repeat center top; margin: 0 5px 5px;}
	
	
	/* 	*/
	#mainDates { padding: 0 8px; }
	#mainDates .col-a .inside { width: auto; }
	.pDates .col-a { width: 100%; float:none}
	
	.main .inside h1.pageTitle { margin-bottom: 0; }
	.main .col-a .datesList .item { margin-bottom: 0; }
	.main .col-a .datesList .item .img { margin: 10px 0 7px 0; }
	
	.col-a .item .summary { margin: 5px 0 0;}
	.col-a .item .summary .blocDates { box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); }
	.col-a .blocDates { background-color: #00a49d; height: 39px; border-radius: 3px; margin-bottom: 6px;  font-family: 'Roboto Condensed', sans-serif; font-size: 17px; font-weight: 700;}
	.col-a .blocDatesIn,
	.col-a .item .placeIn { line-height: 35px; margin-left: 10px; }
	
	.col-a .blocDatesIn {letter-spacing: -.025em;}
	
	.col-a .blocDates .time{ font-size: .95em;}
	.col-a .item .placeIn { max-height: 35px; overflow: hidden;}
	.col-a .blocDates .date { text-transform: uppercase; color: #ffffff; }
	.col-a .item .summary .place {box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); background-color: #fff; width: 290px; height: 35px; border-radius: 3px; margin-bottom: 5px; }
	.col-a .item .summary .place .name,
	.col-a .item .summary .place .city { font-family: 'Roboto Condensed', sans-serif; font-size: 14px; font-weight: 700; }
	.col-a .item .summary .place .city { color: #00a49d; }
	
	.col-a .item .summary h3 { text-align: center; line-height: 1em; margin: 0; height: 66px; overflow: hidden; }
	.col-a .item .summary h3 a { color: #000000; }
	.col-a .item .summary h3 em { display: none;}
	
	.col-a .item .summary .priceMore { border-top: 1px dotted #907f72; padding-top: 2px; }
	.col-a .item .summary .price { float: left; }
	.col-a .item .summary .price .buy,
	.col-a .item .summary .price .montant { float: left; }
	.col-a .item .summary .price .buy,
	.col-a .item .summary .price .montant,
	.col-a .item .summary .more a { font-family: arial, sans-serif; font-size: 11px; }
	.col-a .item .summary .price .buy { text-align: center; font-weight: bold; color: #59493f; background: url('/assets/i/buy.png') no-repeat; width: 74px; height: 37px; z-index: 300; position: relative; display: block; padding-top: 4px; line-height: 1.25em; }
	.col-a .item .summary .price .montant { background-color: #00a49d; height: 21px; border-radius: 5px; color: #ffffff; padding: 0 10px; display: block; line-height: 21px; margin: 7px 0 0 -10px; }
	.col-a .item .summary .more { float: right; background: url('/assets/i/moreInfos.png') no-repeat; width: 81px; height: 33px; text-align: center; position: absolute; right: 20px; bottom: 20px; }
	.col-a .item .summary .more a { font-size: 16px; font-weight: normal; color: #434343; line-height: 32px; }
	.col-a .item .summary .more a em { font-style: normal; }
	
	.col-a .blocPastDates { margin-bottom: 40px; }
	#mainDates .col-a .blocPastDates h2 { background: url('/assets/i/entetePastDates.png') no-repeat; color: #000; font-family: 'Roboto',sans-serif; font-size: 22px; font-weight: 700; text-transform: uppercase; height: 39px; margin: 34px 0 15px 0; padding: 5px 0 0 32px; line-height: 1.125em;}
	.col-a .blocPastDates ul li { background: url('/assets/i/cocheVerte.png') 5px center no-repeat #FFFFFF; width: 450px; float: left; position: relative; padding: 10px 5px 10px 39px; border-radius: 3px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3); margin-bottom:10px }
	.col-a .blocPastDates ul li.t0 { margin-right: 10px; clear:both }
	
	.col-a .blocPastDates ul li a { font-family: 'Leckerli One', cursive; font-size: 20px !important; color: #00a49d !important; text-transform: none !important; }
	.col-a .blocPastDates ul li .datePast,
	.col-a .blocPastDates ul li .place .city,
	.col-a .blocPastDates ul li .place .name { font-family: 'Roboto Condensed', sans-serif; font-size: 17px; }
	.col-a .blocPastDates ul li .datePast { font-weight: 700; color: #000000; }
	.col-a .blocPastDates ul li .place .city { font-weight: 400; color: #00a49d; }
	.col-a .blocPastDates ul li .place .name { font-weight: 400; color: #000000; }
	
	/*  Places */
	.pPlace .gMap { height: 400px; clear: both; border:1px solid #999; background: #fff; margin-bottom: 10px;}
	.pPlace .thecontent { margin:0 3px; width:645px; clear: both;}
	.pPlace .content_text {clear: both;}
	.pPlace .img { margin:10px 3px; width:645px}
	.pPlace div.address,
	.pPlace div.contact {background: #fff; border: 1px solid #E5E5E5; border-radius: 12px 12px 12px 12px; margin-bottom: 12px; min-height: 100px; padding: 8px; width: 45%; float: left;}
	.pPlace div.contact p span { display: block; margin-bottom: 5px;}
	.pPlace div.address p.phone { margin-top: 10px;}
	.pPlace div.address p.phone span { display: block; margin-bottom: 5px;}
	.pPlace div.contact { margin-left: 12px;}
	.pPlace .serviceFood { width:50px; float: right;}
	.main.mainPlace .col-a .datesList .item,
	.main.mainCity  .col-a .datesList .item { margin-left: -8px; margin-bottom: -8px;}
	.main.mainCity  .col-a .datesList .pageTitle { display: none;}
	
	.main.mainCity  .col-a .datesList > h3 {border-bottom: 2px solid #000000; color: #000000; font-size: 25px; margin-top: 20px; padding-bottom: 5px;}
	.mainCity .zip { margin: 15px 0 5px; font-size: 16px; font-weight: bold; display: block;}
	.mainCity .web { margin: 15px 0 5px; font-size: 16px; font-weight: bold; display: block;}
	/* Map and city list */
	.main.mainPageMap .col-a { width: 100%; float:none;}
	.main.mainPageMap .col-a .inside { width: 100%;}
	
	.mainPageMap .cityListBloc { border:1px solid #ddd; border-top-color: #fff; background: url(../i/map/bg.png); padding: 15px 30px; box-shadow: 0 0 10px #ccc;}
	.mainPageMap .cityList
	{
		width:30%;
		float:left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
	.mainPageMap .cityList.cityList93
	{
		width:60%;
	}
	.mainPageMap .cityList.cityList93 ul
	{
		width:49%;
		float:left;
	}
	.mainPageMap .cityList ul,
	.mainPageMap .cityList li
	{
		margin:0; padding:0; list-style: none;
		background:none;
	}
	.mainPageMap .cityList h3 
	{ 
		font-family: 'Roboto', sans-serif;
		font-weight: bold;
		color:#000;
		font-size: 50px;
		margin:0 0 8px;
		line-height: 1em;
	}
	.mainPageMap .cityList li { clear:both;}
	.mainPageMap .cityList li a 
	{
		background: url(../i/map/puce-nb.gif) no-repeat 0 0;
		display: block;
		line-height: 15px;
		margin-bottom: 5px;
		text-align:left;
		text-decoration:none;
		min-height: 28px;
	}

	.mainPageMap .cityList li a span {
		font-family: 'Roboto', sans-serif;
		width:23px;
		line-height: 21px;
		color:#fff;
		font-size: 17px;
		font-weight: bold;
		text-align:center;
		display:block;
		float:left
	}

	.mainPageMap .cityList li a strong {
		display:block;
		padding-left:5px;
		font-weight: normal;
		text-decoration:underline;
		color:#000;
		float:left;
		max-width: 75%;
	}
	.mainPageMap .cityList li a:hover strong,
	.mainPageMap .cityList li.sel a strong {
		color:#3f81ca;
	}
	.mainPageMap .theBigMap {position:relative;}
	.mainPageMap .theBigMap ul {margin:0; padding:0;}
	.mainPageMap .theBigMap li {position:absolute;margin:0; padding:0;}
	.mainPageMap .theBigMap li a 
	{
		display:block;
		background: url(../i/map/map-puce.png) no-repeat 0 0;
		font-size:12px;
		color:#fff;
		line-height: 1.125em;
		text-decoration:none;
	}
	.mainPageMap .theBigMap li a:hover,
	.mainPageMap .theBigMap li.sel a
	{
		background: url(../i/map/map-puce-over.png) no-repeat 0 0;
	}
	.mainPageMap .theBigMap li a span 
	{
		display:block;
		text-align: center;
		width:51px;
		height: 51px;
		line-height: 46px;
		font-weight: bold;
		font-size: 20px;
		color:#b3c9c5;
		margin-right: 12px;
	}

	.mainPageMap .theBigMap li a strong 
	{
		display:none;
		font-weight: bold;
		position:absolute;
		top:-15px;
		padding: 3px;
		background: #597570;
		color:#e9e9e9;
		float: left;
		white-space: nowrap;
		font-size: 11px;
		z-index: 1000;
	}
	.mainPageMap .theBigMap li a:hover strong,
	.mainPageMap .theBigMap li.sel a
	{
		color:#fff;
	}
	.mainPageMap .theBigMap li a:hover strong,
	.mainPageMap .theBigMap li.sel a strong
	{
		display:block;
	}
	
	
/*
--------------------
FOOTER
--------------------
*/
.blocFooter { background: url('/assets/i/footer/bkgFooter.png') repeat; }
.footerIn { background: url('/assets/i/footer/ombreFooter.png') no-repeat center top; width: 1015px; margin: 0 auto; padding: 20px 0px; }

.footerIn .logo,
#footer,
.navFooter2,
.navFooter,
.footerIn .network { float: left; background: url('/assets/i/footer/separationFooter.png') center left no-repeat; height: 140px; margin-bottom: 23px; }
#footer .inside,
.navFooter2 ul,
.navFooter ul,
.footerIn .network ul { padding: 0 15px; }

.footerIn .logo { background: url('/assets/i/villesdesmusiquesdumonde.png') no-repeat; background-size: contain; width: 150px; height: 150px; margin: -5px 12px 0 0; }

#footer { width: 292px; }
#footer,
#footer a,
.navFooter2 ul li a,
.navFooter ul li a { color: #000000; }
#footer .description p { margin-bottom: 7px; }
#footer .description .title strong { font-family: 'Roboto Condensed', sans-serif; font-size: 19px; font-weight: 700; text-transform: uppercase; }
#footer .description .address,
#footer .description .other { font-family: helvetica, sans-serif; font-size: 14px; }
#footer .description .other .phone { font-weight: bold; }
#footer .description .other .mail { text-decoration: underline; }
#footer .description .other .open { font-size: 12px; font-style: italic; }

.navFooter2 { width: 220px; }
.navFooter2 ul li { margin-bottom: 7px; }
.navFooter2 ul li a { font-family: 'Roboto Condensed',sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 4px 0 4px 33px; display: block;}

.pFestival .navFooter2 ul .menuitem98 a { background: url('/assets/i/footer/pastilleVerteOn.png') no-repeat; }
.pMarmots-griots .navFooter2 ul .menuitem99 a { background: url('/assets/i/footer/pastilleBleueOn.png') no-repeat; }
.pEn-action .navFooter2 ul .menuitem100 a { background: url('/assets/i/footer/pastilleMagentaOn.png') no-repeat; }
.pL-association .navFooter2 ul .menuitem107 a { background: url('/assets/i/footer/pastilleOrangeOn.png') no-repeat; }

.navFooter2 ul .menuitem98 a { background: url('/assets/i/footer/pastilleFestival.png') no-repeat; }
.navFooter2 ul .menuitem99 a { background: url('/assets/i/footer/pastilleMarmot.png') no-repeat; }
.navFooter2 ul .menuitem100 a { background: url('/assets/i/footer/pastilleAction.png') no-repeat; }
.navFooter2 ul .menuitem107 a { background: url('/assets/i/footer/pastilleAsso.png') no-repeat; }

.navFooter { width: 157px; }
.navFooter ul li a strong { font-family: helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 25px; }
.navFooter ul li a strong:before { content:'- '; }
.navFooter ul li a strong:after { content:' -'; }

.footerIn .network { padding-right: 0; width: 175px; }
.footerIn .network ul li { float: left; }
.footerIn .network ul li.title { font-family: 'Roboto Condensed',sans-serif; font-size: 19px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; float: none; }
.footerIn .network ul li a { width: 39px; height: 41px; margin: 0 5px 8px 0; display: block; }
.footerIn .network ul li a span { display: none; }
.footerIn .network ul .facebook a { background: url('/assets/i/footer/facebookFooter.png') no-repeat; }
.footerIn .network ul .twitter a { background: url('/assets/i/footer/twitterFooter.png') no-repeat; }
.footerIn .network ul .youtube a { background: url('/assets/i/footer/youtubeFooter.png') no-repeat; }
.footerIn .network ul .instagram a { background: url('/assets/i/footer/instagramFooter.png') no-repeat; }
.footerIn .network ul .rss a { background: url('/assets/i/footer/rssFooter.png') no-repeat; }

.footerIn .copyright,
.footerIn .copyright a { font-family: helvetica, sans-serif; font-size: 11px; color: #766454; text-align: center; }









	
	
	/*
	.actionIt.actionItTicket {background-color: #ed4f35; border-radius:22px 22px 22px 0; background-image: url(../i/pictos/ticket.png);}

	.facebookLikeBox { margin-bottom: 14px; background: #fff; padding: 4px; border-radius: 0 22px 0 0; overflow:hidden;}
	
	.col-b .search {background-color: #f99357; border-radius:22px; color:#333; font-size: 16px; margin-bottom: 14px; background-repeat: no-repeat; background-position:2px center; background-image: url(../i/pictos/search.png); padding: 3px 0; position:relative}
	.col-b .search input.searchField {height: 44px; display: block; width:85.1%; overflow: hidden; background: #f8f8f6; color:#666; border-radius:0 22px 22px 0; margin: 0 0.9% 0  14%; border:none;}
	.col-b .search a.btSearch { position:absolute; right:1.8%; top:5px; width:40px; height: 40px; line-height: 44px; overflow: hidden; background: #ededed; color:#f99357; border-radius: 22px; text-align: center; text-transform: uppercase; font-size: 16px;}
	*/
	
	/*
	--------------------
	PAGES
	--------------------
	*/
	.main .col-a h3.picto {padding:0.25em 0 0.5em 5%; border-bottom: 2px dotted #ed4f35;  background: url('../i/pictos/h3.png') no-repeat 0 -3px; margin-bottom: 1em; font-weight: normal;}
	.main .col-a .intro { font-weight: bold; color:#000; margin-bottom: 2em;}
	.main .legend {  margin: 0; padding:2px; background: #fff; background-color: rgba(255,255,255,0.5);  color:#999;  display: block; font-size: 0.75em; line-height: 1em; text-align: right;}

	.main .learnmore a,
	.main .goback a { display: block; font-size: 1em;}
	.main .learnmore a { background: url(../i/pictos/arr.png) no-repeat 0 2px;}
	.main .goback a:before { content:'← '  }

	.main .menuInPage { clear: both;}
	.main .menuInPage > ul > li,
	.main .menuInPage > ul > li > a { display: none;}
	.main .menuInPage > ul > li.sel/*,
	.main .menuInPage > ul > li.active*/ { display:block;}
	.main .menuInPage a:before { content: '→ ';}
	.main .menuInPage a { display: block; margin-bottom: 5px; line-height: 28px; padding-left: 25px; background:#fff; border-radius:4px; box-shadow:1px 1px 3px #999;  text-decoration: none;}
	.main .menuInPage > ul > li > ul > li > a:hover { text-decoration: underline;}
	.main .menuInPage  li.sel > a { color:#000;}
	/* Modules */
	.moduleGroup {clear:both; padding:1px 0; margin:0 0 1em;}
	.moduleGroupLink,
	.moduleGroupFile {clear: both;  }
	.moduleGroup .file,
	.moduleGroup .link {display:block; display: inline-block; min-width: 33%; }
	.moduleGroup .file a,
	.moduleGroup .link a,
	.links a.iconeWeb { padding:2px 5px 2px 35px; background: url('../i/dates/link-web.png') no-repeat 0 -3px; display: block; min-height: 20px; }
	.links a.iconeWeb {text-decoration:none !important; }
	
	.moduleGroup .file a span,
	.moduleGroup .link a span,
	.links a.iconeWeb span{ color:#A3967C; font-weight:bold; text-transform: uppercase; display: block; } 
	.moduleGroup .file a em,
	.moduleGroup .link a em,
	.links a.iconeWeb em{ color:#000; font-style: normal; font-size: 0.95em; display: block; line-height: 1em;}

	.modules h3 { font-size: 15px; font-weight: 700; }

	.video {position: relative;	padding-bottom: 56.25%;	padding-top: 30px;	height: 0;	overflow: hidden; }
	.video iframe,  
	.video object,  
	.video embed {position: absolute; top: 0; left: 0; width: 100%;	height: 100%;}
	
	.mainArticles .moduleGroupExtra_video,
	.mainPage .moduleGroupExtra_video {padding:10px 18%; border:dotted #ccc; border-width: 1px 0;}
	#mainPage .col-a .moduleLink p { margin-bottom: 0;}
	
	.main .searchModule iframe { width:100%}

	
	
	/*
	--------------------
	PAGE ACTUALITES
	--------------------
	*/
	.articlesList .item .suptitle { position: absolute; top:-5px; width:290px; font-family: 'Leckerli One', cursive; font-size: 16px; color: #e6e6e6; text-align: center; background-repeat: no-repeat; background-position: center center; height: 39px; line-height: 35px; margin: 0 auto; }
	.articlesList .item.catFestival .suptitle { background-image: url('/assets/i/home/bandeauFestival.png'); }
	.articlesList .item.catAssociation .suptitle { background-image: url('/assets/i/home/bandeauAsso.png'); }
	.articlesList .item.catActions .suptitle { background-image: url('/assets/i/home/bandeauAction.png?1'); }
	.articlesList .item.catMarmots--griots .suptitle { background-image: url('/assets/i/home/bandeauMarmots.png'); }
	
		.main .col-a .articlesList .item, 
	.main .col-a .datesList .item { float: left; background: url('/assets/i/bkgVignette.png') no-repeat; width: 333px; height: 419px; position: relative; margin-bottom: 12px; }
	
	.main .col-a .articlesList .item .txt.withImg {padding-top: 10px;}
	.main .col-a .articlesList .item .txt {padding-top: 30px;}
	 
	.main .col-a .articlesList .item .imgContent, 
	.main .col-a .datesList .item .img { background: url('/assets/i/shadowInImgVignette.png') no-repeat; width: 290px; height: 184px; border-top: 0; margin-top: 10px; }
	
	.main .col-a .articlesList .item img,
	.main .col-a .datesList .item img  { width: 290px; height: 184px; }
	
	.main .col-a .articlesList .item .txt, 
	.main .col-a .datesList .item .txt { width: 87%; margin: 0 auto;  }
	.main .col-a .datesList .item .txt { padding-top: 10px;}
	.main .col-a .articlesList .item .details { max-height: 130px; overflow: hidden; clear:both; }
	.main .col-a .articlesList .item h1, 
	.main .col-a .articlesList .item .details p { text-align: center; margin: 5px 0;}

	.main .col-a .articlesList .item h1 a { font-family: 'Leckerli One', cursive; display: block; line-height: 1.1em; font-size: 23px; color: #d90d0d; }
	.main .col-a .articlesList .item.catFestival h1 a {color: #00a49d;}
	.main .col-a .articlesList .item.catActions h1 a {color: #ec9937;}
	.main .col-a .articlesList .item.catMarmots--griots h1 a {color: #792056; }

	.main .col-a .articlesList .item .details p { font-family: helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #313131; }
	.main .col-a .articlesList .item .details p .date { display: none; }

	.main .col-a .articlesList .item .learnmore a { background: url('/assets/i/more.png') no-repeat; width: 165px; height: 43px; margin: 0 auto; padding-left: 0; }
	.main .col-a .articlesList .item .learnmore span { display: none; }

	.main .col-a .articlesList p.begin { line-height: 1.5em; font-weight: bold; margin: 0.5em 0 0.75em;}
	.main.mainArticle .col-a .date { font-family: 'Leckerli One', cursive; font-size: 16px;  margin-bottom: 0.5em; color:#EB5D00;  display: block;}
	
	/*
	--------------------
	PAGE POST
	--------------------
	*/
	#mainPosts { padding: 0 0 0 8px;}
	#mainPosts .col-a { width: auto; }
	#mainPosts .col-a .inside { width: auto; }
	.main .col-a .postsList p.begin { line-height: 1.5em; font-weight: bold; margin: 0.5em 0 0.75em;}
	.main.mainPost .col-a .date {text-align: right; font-size: 0.8em; color:#A3967C; display: block; padding-right: 5px; display:none;}
	.main .col-a .postsList .suptitle {display: none;}
	.main .col-a .postsList .item { float: left; background: url('/assets/i/bkgVignette.png') no-repeat; width: 333px; height: 419px; position: relative; margin-bottom: 12px; }
	.main .col-a .postsList .item .txt.withImg {padding-top: 10px;}
	.main .col-a .postsList .item .txt {padding-top: 30px;}

	.main .col-a .postsList .item .imgContent { background: url('/assets/i/shadowInImgVignette.png') no-repeat; width: 290px; height: 184px; border-top: 0; margin-top: 10px; }
	.main .col-a .postsList .item img  { width: 290px; height: 184px; }
	.main .col-a .postsList .item .txt { width: 87%; margin: 0 auto;}
	.main .col-a .postsList .item .details { overflow: hidden; clear:both}
	.main .col-a .postsList .item h1, 
	.main .col-a .postsList .item .details p { text-align: center;  margin: 5px 0;}
	.main .col-a .postsList .item h1 a { font-family: 'Leckerli One', cursive; font-size: 23px; color: #d90d0d; display: block; line-height: 1.1em;}
	.pFestival 	.main .col-a .postsList .item h1 a {color: #00a49d; }
	.pEn-action	.main .col-a .postsList .item h1 a {color: #ec9937; }
	.pMarmots-griots 	.main .col-a .postsList .item h1 a {color: #792056; }
	
	
	.main .col-a .postsList .item .details p { font-family: helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #313131; }
	.main .col-a .postsList .item .details p .date { display: none; }
	.main .col-a .postsList .item .learnmore {  width:290px;}
	.main .col-a .postsList .item .learnmore a { background: url('/assets/i/more.png') no-repeat center top; width: 165px; height: 43px; margin: 0 auto; padding-left: 0; display: block; text-align: center;}
	.main .col-a .postsList .item .learnmore span { display: none; }

	
	/*
	--------------------
	PAGE PLAN DU SITE
	--------------------
	*/
	.pPlan-du-site .col-a .modules { margin-bottom: 20px; }
	
	.sitemap ul.menuLevel1 { clear: both; }
	.sitemap .sitemapFooter ul.menuLevel1  > li {  float: left; width:22%; margin: 1% 1% 0 0; background: #e5e5e5; border-radius: 5px; padding: 5px; line-height: 1em; }
	.sitemap .sitemapFooter ul.menuLevel1  > li a { font-weight: normal;}
	.sitemap ul.menuLevel1  > li > a { color:#000 }
	.sitemap ul.menuLevel1  > li li a strong { font-weight: normal;}
	/* Hide site map */
	.sitemap ul.menuLevel1  li.menuitem15 { display: none;}
	.sitemap ul.menuLevel1 > li { margin-bottom: 1em;}
	.sitemap ul.menuLevel1 > li > a { font-size: 14px; text-transform: uppercase; display: block;}
	.sitemap ul.menuLevel1 > li li { display: inline; display: inline-block; background:url(../i/menu/sep-top.png) no-repeat right center; padding: 0 8px 0 2px;}
	.sitemap ul.menuLevel1 > li li:last-child { background: none;}
	
	
	/*
	--------------------
	NEWSLETTER
	--------------------
	*/
	.pNewsletter .formNewsletter { margin: 20px 0 0 50px; }
	.pNewsletter .formNewsletter p { margin: 0 0 1em;  position: relative; }
	.pNewsletter .formNewsletter p label { display: inline-block; margin-right: 20px; text-align: left; vertical-align: top; width: 110px; }
	.pNewsletter .formNewsletter label.radio { width: auto; }
	.pNewsletter .formNewsletter input.text, .pNewsletter .formNewsletter input.file { border: 1px solid #666666; box-shadow: 0 1px 3px #666666; font-size: 13px !important; height: 24px; line-height: 24px; padding-left: 3px; width: 433px; }
	.pNewsletter .formNewsletter p.submit .bt { min-width: 200px; }
	.pNewsletter a.bt, input.bt{ background: none repeat scroll 0 0 #ed4f35; border: 0 none; border-radius: 0 0 0 0; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 15px; font-weight: normal; line-height: 14px; margin: 5px 0 10px 371px; min-width: 120px; padding: 8px 0; }
	.pNewsletter .formNewsletter textarea { border: 1px solid #666666; box-shadow: 0 1px 3px #666666; font-size: 13px !important; height: 100px; width: 435px; }
	.pNewsletter .formNewsletter label.error { color: #ed4f35; margin: 0 0 0 10px; width: 150px; }


/*
--------------------
PUBLICITE
--------------------
*/

.adv { margin-bottom: 20px;}
.adv .advIn img { width:100% }



/*
---------------------
PAGINATION
---------------------
*/
.pagin 	{  height:19px;  padding:5px 10px 5px 20px; clear:both; position: relative; top: 17px; margin-bottom: 30px;}
.pagin ul {margin:0; padding:0; height:19px; list-style:none; float:left }
.pagin li {margin:0 5px 0 5px;  padding:0; height:19px; background:#B3B3B3; display:block; float:left; width:19px; line-height:normal;}
.pagin li a {display:block; float:left; width:19px; height:19px; background:#111; line-height:19px; text-align:center;  color:#fff !important; text-decoration: none !important; font-size:0.95em; font-weight:bold;}
.pagin li a:hover {color:#111 !important; background:#fff url(../i/pagin-nb/hover.gif);}
.pagin li.sel a, .pagin li.sel a:hover {color:#fff !important; background:#EB5D00;}
.pagin li.next {background-image: url(../i/pagin-nb/next.gif);}
.pagin li.next a {background:#111 url(../i/pagin-nb/next.gif);}
.pagin li.next a:hover {background:#fff url(../i/pagin-nb/next_.gif); }
.pagin li.back {background-image: url(../i/pagin-nb/back.gif);}
.pagin li.back a {background:#111 url(../i/pagin-nb/back.gif);}
.pagin li.back a:hover {background:#fff url(../i/pagin-nb/back_.gif);}
.pagin li.last {background-image: url(../i/pagin-nb/last.gif)}
.pagin li.last a {background:#111 url(../i/pagin-nb/last.gif)}
.pagin li.last a:hover {background:#fff url(../i/pagin-nb/last_.gif)}
.pagin li.first {background-image: url(../i/pagin-nb/first.gif)}
.pagin li.first a {background:#111 url(../i/pagin-nb/first.gif)}
.pagin li.first a:hover {background:#fff url(../i/pagin-nb/first_.gif)}
.pagin li.pginfo,
.pagin li.pginfo2 { width:80px; font-size:10px; line-height:19px; color:#999; margin:0 5px; background:none;}
.pagin li.pginfo {text-align:right;}

/*
-----------------
SIGN IN
-----------------
*/
.entrance { width:392px; margin:30px auto;  position: relative; }
.entrance label { font-size: 16px; font-weight: bold;}
.entrance .optin { margin: 5px 0;}
.entrance .optin label { font-size: 12px; font-weight: normal;}
.entrance span.field { }
.entrance span.field input { width:374px; display:block; margin: 4px 0; background: #ffffff; border:1px solid #ccc; }
.entrance .ppassword { margin-top: 25px;}
.entrance .submit { margin: 10px 0;}
.entrance .lostpassword { font-size: 16px; text-align: center;}
.entrance .lostpassword a { text-decoration: underline;}
span.error { display: block; font-size: 12px; color:#999; padding: 0; font-weight: normal;}
.entrance input.btLogin { width: 200px; background: none repeat scroll 0 0 #EB5D00; border: 0 none; border-radius: 0 0 0 0; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 15px; font-weight: normal; line-height: 14px; margin: 5px 0 10px 192px; padding: 8px 0; }
.entrance span.field input  { border: 1px solid #666666; box-shadow: 0 1px 3px #666666;font-size: 13px !important;min-height: 35px; line-height: 35px; padding-left: 3px;width: 100%;}

/*
---------------------
FORM
---------------------
*/

.form p {margin: 0 0 1em;}
.form p.obli { background: url("../i/picto/requis.png") no-repeat 560px -6px; min-height: 21px;}
.form a.del { font-size:11px; text-decoration:underline; display:inline-block; background:#e8e8e8; padding:3px 5px; border-radius:5px; line-height:1em; margin-top:3px; }
.form .tabcontent3 p.obli { background-image: none !important;}
.form label { color:#666;} 
.form p.obli > label { }
.form label { display:inline-block; width:116px; text-align:right; margin-right: 20px;}
.form p.optin {margin-left:220px; margin-right: 116px; background: #ffc; padding:8px; border-radius: 8px;}
.form p.optin label {float: none; width:auto; text-align: left;} 
.form p.optin span.checkbox { display: block; float: left; width:20px; text-align: right; margin-right: 10px;}
.form label.radio {width:auto;}
#formProfile label.error, 
label.error,
.form span.error { display: block; color:#ed4f35; width:80px; margin-top:0; padding:3px; background: #fff; background-color: rgba(255,255,255,0.5); text-align: left; position:absolute; z-index:10; top:0; left:580px; line-height:1.1em; font-size: 11px;}
.form p {position:relative;}
.form span.leg { display: block; clear:both; font-size: 11px; color:#878787; padding-top: 3px;}
.form span.leg,
.form span.error,
.form span.inputradio 
.form p.submit {}
.form span.inputradio {margin-left: 136px;}
.form p.submit .bt{ min-width: 200px; }
.form .obli textarea {background: #fff}
.form .obli input.text,
.form .obli input.file {background: #fff;}
.form textarea { width:433px; font-size: 12px !important; height: 100px; border:1px solid; border-color: #666;  box-shadow: 0 1px 3px #666; background: #fff}
.form input.text,
.form input.file { font-size: 13px !important; width:433px; border:1px solid; border-color: #666; box-shadow: 0 1px 3px #666; height: 24px; line-height: 24px; padding-left: 3px; background: #f2f2f2;}
.form select {width:433px}
.form .sepa {margin: 20px 0 25px;}
.form p > label,
.form span.error,
.form span.input {display:block;float:left;}

/* GALLERY */
.mainGallery h1 { font-size: 3em; font-family: 'Leckerli One',cursive; line-height: 1.5em;}
.main.mainGallery .inside h2 { margin: 0;}
.mainGallery .inside .item { float:left; width:22%;  margin: 1% 2% 1% 0;  position: relative; height:100%;}
.mainGallery .inside .itemIn { padding-bottom:33%; background: #fff; border-radius: 0 0 8px 8px; box-shadow: 0 0 3px #666; overflow: hidden;}
.mainGallery .inside .item.hide { display: none;}
.mainGallery .inside .item img {width:100%; margin: 0;}
.mainGallery .inside .item a { display: block; line-height: 1em;}
.mainGallery .inside .item p.title {font-size: 0.9em; line-height: 1em; height: 2.5em; padding: 5px 0; margin: 0 2.5%; width: 95%; text-align: center;  position: absolute; bottom:0; color:#fff; font-family: 'Roboto', sans-serif;}
.mainGallery .inside .item p.title a { display: block; min-height: 38px;}
.mainGallery .inside .item a {color:#EB5D00 !important;}
.mainGallery .inside .item:hover a {color:#fff !important;}
.mainGallery .inside .item:hover .itemIn { background: #EB5D00;}
.mainGallery .inside .item:hover .date {color:#fff;}
.mainGallery .inside .picturesList .item p.title { display: none; text-align: center;}
.mainGallery .inside .picturesList .item .date { display: none;}
.mainGallery .inside .picturesList .itemIn { padding-bottom:0}
.mainGallery .col-a .date { font-family: arial; font-size:10px !important; color:#bbb !important; position: absolute; top: 0; right: 0; background: #000; background-color: rgba(0,0,0,0.5); padding: 2px 12px 2px 7px; border-radius: 0 0 0 7px;}
.main.mainGallery .col-a .date .day { font-family: arial; display: inline; font-size: 1em; }
.main.mainGallery .col-a .date .month { display: inline; font-size: 1em; }
.main.mainGallery .col-a .date .year  { display: inline; font-size: 1em; }

.mainGallery .next { border-top:4px solid #ED4F35;}
.mainGallery .next p { background:#ED4F35 url('../i/pictos/ticket-big.png') no-repeat 5px center; border-radius:0 0 20px 20px; width:30%;  margin:0 auto !important;}
.mainGallery .next a {padding: 15px 5px 15px 50px; display: block; color:#fff; line-height: 1.125em;}