@charset "utf-8";
/* CSS Document */

/*//////////////////////////////////////////////////*/
/*////////////////////  CSS  ///////////////////////*/
/*//////////////////////////////////////////////////*/

/*///////////////////////////////////////////GENERAL*/
/* color bleu : #0074bb; color bleu foncé : #0070b4; color bleu + foncé : #006db0; color vert: #00a651;*/
/* color orange : #f89938; color orange foncé : #bf762c; color orange + foncé : #995e23; color violet: #6451a2;*/

*{font-family: 'Roboto', sans-serif; font-size:12px; font-size:1.2rem;}
html, body{margin:0;padding:0; font-size: 62.5%;}
body {/*background-image: url(../medias/fond-15-16.png);*/ background-repeat: repeat; background-position: 0 0;}
body{background: #f89938 url(../medias/fond-16-17.png) repeat 0 0;}
#nav ul li ul.level2{background-color: #f89938;}
/*=============================Mise en forme Gé*/

#deuil{ width:200px; height:200px; position:fixed; top:0; left:0; background: url(../medias/deuil.png) no-repeat -25px 0; background-size:120%; z-index:99999999999999999999999999999999999;}

/*#instruction { display:block; background: #000 url(../medias/windowsphone-instruction.jpg) no-repeat right bottom; height:145px;}*/
.blink {
	text-decoration:blink;
}

#btn_up{
	position: fixed;
	width:40px;
	height:40px;
	background-image:url(../medias/picto-site.png);
	background-position: -61px 0;
	display:none;
	bottom: 15px;
	right: 25px;
	cursor: pointer;
	z-index:1000;
}


.centrage {margin: 0 auto;}
.content-in-head {padding:0; width:900px; position:relative; z-index:9;}
.content-in-page {padding:0; width:900px; position:relative;}
.clear{clear: both;}



/* aucun slidebar*/
.nope-sidebar #secondary-content {display:none;}
/* pleine page */
.full-width #primary-content {width:860px;}
.full-width #primary-content p {margin-right: 0;}
.nope-sidebar #secondary-content {display:none;}


.cache-cache_0-1,.cache-cache_if-no-mobile{ margin: 20px 0 5px 0;}
.cache-cache_0-1,.cache-cache_if-no-mobile{display:none;}
.cache-cache_if-mobile{display:block; margin: 10px 0 5px 0;}
.mot-bil{display:none;}
.no-mot-bil{display:inline-block;}




/*.ancre{padding: 10px 0;}*/
.ancre a{float:right;}
#content-bottom .ancre {padding:20px 20px 0 0;}




#secondary-content, #seclev, #content-bottom, .no-sidebar, #footer-top { background-repeat:no-repeat;}
#main-content, #firstlev, #partage { background-repeat:repeat-y;}
#main-content, #header-top, #secondary-content, #firstlev, #seclev, #content-bottom, #partage, #footer-top {background-position: center top;}


#header-top, #header-content, #header-bottom, #content-page, #content-top, #partage,#footer-top, #footer-firstlev, #footer-seclev, #footer-thirdlev{width:100%;}




img, a img, input, fieldset {border:none;}
.picto-infos {background:url(../medias/picto-site.png);}
.gris, .vignette a:hover, .vignette-fiche a:hover, .block_grey, input, textarea {background-color:#efefef;}/*e9e9e9    e5e5e5   */
input {-webkit-appearance:none; -webkit-border-radius: 0;}
li{ list-style:none;}
.picto-ferre-a-gauche{float:left; margin-right:10px;}
.marjleft-pr-picto{margin-left:57px;}

.picto-infos {display:none; width:35px; height:35px; background-repeat:no-repeat; margin: 3px 5px 0 0;}
.picto-infos.horaire_bg-white { background-position: -61px -120px;}
.picto-infos.horaire_bg-dark { background-position: -61px -155px;}
.picto-infos.plan_bg-white { background-position: -61px -190px;}
.picto-infos.plan_bg-dark { background-position: -61px -225px;}
.picto-infos a {width:100%; height:100%; display:block;}

.border-top { border-top: #000 solid 1px; margin-top:5px; padding-top: 5px;}

/* MARJ */
.marj0 { margin:0;}
/*margin-top +++ j=+5px*/
.marjtop0{margin-bottom: 0px;}
/*+*/
.marjtop { margin-top: 5px;}
/*++*/
.marjjtop { margin-top: 10px;}
/*+++*/
.marjjjtop { margin-top: 15px;}
/*+++*/
.marjjjjtop { margin-top: 20px;}
/*++++*/
.marjjjjjtop { margin-top: 25px;}
/*margin-bottom +++ j=+5px*/
.marjbottom0{margin-bottom: 0px;}
/*+*/
.marjbottom{ margin-bottom: 5px;}
/*++*/
.marjjbottom{ margin-bottom: 10px;}
/*+++*/
.marjjjbottom{ margin-bottom: 15px;}


.marjjjjjbottom, .marjjjjjbottom{ margin-bottom: 50px;}



/*=========================================typo*/
a { text-decoration: none; color:#000;}
a:hover, #footer-thirdlev a:hover, .pdf-doc a:hover,.pdf-doc a:hover b, #footer-firstlev p a:hover {color:#6451a2/*vert*/ ; cursor:pointer;}

#primary-content p a, #firstlev a, #seclev a, ul.liens li a, #restez-connecte span a:hover, #footer-top a {color:#000; text-decoration:underline;}
#primary-content p a:hover {color:#6451a2;}
.txt_white a,.txt_white a:hover, #firstlev a:hover, #seclev a:hover, #footer-top a:hover {color:#fff; text-decoration:underline;}

#nav ul.level1 li:hover a, #nav ul li a:hover, ul.level2 > li > a span, h1, h2, h2 a, .pdf-doc a, .blok_lien a:hover, .legende, a span.fleche, .btn a:hover, .btn:hover, a:hover .boxcaption h3  {color:#000; }
#achat-billet a, #footer-firstlev p, #footer-firstlev p a, .mois a, .plusspect a {color:#fff;}
.pdf-doc a, .block_avis a, #achat-billet a, #achat-billet a:hover, #nav ul.level1 li:hover a, #nav ul li a:hover, ul.level2 > li > a span, h1, h2, h2 a, .pdf-doc a, .blok_lien a:hover, .legende, a span.fleche, .btn a:hover, .btn:hover, #seclev h6.cache-cache_if-no-mobile a { text-decoration: none;}

.souligne {text-decoration: underline;}

.btn {width: 190px; margin:15px 0 5px 0; padding:5px 10px; text-align:center; border: 1px #666 solid;
/*box-shadow: inset 0px 0px 5px 3px rgba(102, 102, 102, 0.25);
-moz-box-shadow: inset 0px 0px 5px 3px rgba(102, 102, 102, 0.25);
-webkit-box-shadow: inset 0px 0px 5px 3px rgba(102, 102, 102, 0.25); background-image:url(../medias/ombre.png); background-repeat:no-repeat; background-position:left bottom ; background-size: 100%;*/ /*background-color:#6c29e3;*/}
/* efefef(94%!) > e9e9e9 (91%!) > e5e5e5 (90%) > cccccc  (80%) > b3b3b3  (70%) > 808080 (50%) > 666 (40% ! btn vignette) > 404040 (25%) */
.btn a,  .btn {color: #666;}
.supa-lien a{color:#ffff00; font-weight:bold;}
.supa-lien a:hover{color:#cf223b;}
/*#onglet-plaquette a#blok-onglet,*/ .btn a, .pdf-doc a, .vignette a, .vignette-fiche a, #restez-connecte span a{ display:block; width:100%; height:100%;}

.sans-cap {text-transform:none;}

h1, h2, h3, h4, h5, h6, h7{margin:0;padding:0;}
h1, h2, h3, h7{ text-transform:uppercase;}
.averia, #nav > ul > li > a, h1, h1 sup, h1 span, h2, h2 span, h2 a, .mois a {font-family: 'Yanone Kaffeesatz', sans-serif; letter-spacing: 1px;}
#nav > ul > li > a, .blok_lien a {color:#fff;}
.nivo-caption h3, .nivo-caption h5, .pdf-doc a b, .vignette a, .vignette-fiche a, #firstlev .blok_lien a:hover {color:#000;}

h1, h2{font-weight:700;/* margin-top:0;*/}
h1, h1 a  {font-size:40px; font-size: 4rem; line-height: 1;}
.sticker-title, .sticker-title a  {color:#fff;margin: 30px 0 10px 0;font-weight: 200;}
h1 span{ font-size:26px; font-size: 2.6rem;}
h2, h2 a {font-size:25px; font-size: 2.5rem;}
h2 span {font-size:18px; font-size: 1.8rem;}

/*h3, h3 span{margin-top:0;}*/
h3, h3 a {font-weight:bold; font-size:20px; font-size: 2rem;}
h3 span{ font-size:18px; font-size: 1.8rem; font-weight:200;}
/*COMPLET & ANNULÉ*/
.complet, .annule {margin-left:3px; padding: 0px 2px; font-weight: bold;}
.complet {color:#6451a2; }
.annule {color:red;}


h4, h4 span, h4 a{font-size:20px; font-size: 2rem;}
h4{font-weight:bold; margin-bottom:3px; font-style:italic;}
h4 span{font-weight:lighter;text-transform:none;font-size:14px; font-size:1.4rem;}

h5{font-weight:200; font-size:18px; font-size: 1.8rem;/* margin-bottom:0px;*/}
#secondary-content h5{font-size:12px; font-size: 1.2rem;}
/*#firstlev h5 strong a {font-size: 14px; font-size: 1.2rem;}*/
h5 span, .nivo-caption h5 span { font-size:16px; font-size: 1.6rem; font-weight:500;}
h5 b, h5 strong { font-size:20px; font-size: 2rem;}
h5 strong a { font-size:14px; font-size: 1.4rem;}
ul#liste-plan-de-site li h5, ul#liste-plan-de-site li h5 a {font-size: 16px;font-size: 1.6rem; margin-bottom: 5px; font-weight: 600;}
h5.prod {font-weight:500; margin-top: -5px;}

/*.vignette-fiche .blocktxt.pasvignette .block_grey h6,*/ h6, h6 a{font-weight:bold; font-size:13px; font-size: 1.3rem;}
h6 span { font-size:11px; font-size: 1.1rem;}
ul#liste-plan-de-site h6 {text-transform: none;}

/*block_grey*/
.block_grey h2, .block_grey h2 a, .block_grey h2 span, .block_grey h2 a span { font-size:22px; font-size: 2.2rem;}
.block_grey h3, .block_grey h3 a, .block_grey h3 span, .block_grey h3 a span { font-size:16px; font-size: 1.6rem;}


p { text-align:justify; margin:8px 0 0 0;}
p sup{ font-size:9px; font-size:0.9rem;}
p.chapo {margin-top:5px;}
p.asterisque, p.asterisque i {font-size:10px; font-size: 1rem;}







/* STYLE COLOR */
/*===================================colors txt*/
.musique {color:#c14d9c;}
.theatre {color:#cc1f38;}
.danse {color:#49b2e5;}
.conference{color:#008641;}
.exposition {color:#a21d50;}
/*===================================colors bg*/
.bg-musique {background-color:#c14d9c !important;}
.bg-theatre {background-color:#cc1f38 !important;}
.bg-danse {background-color:#49b2e5 !important;}
.bg-conference{background-color:#008641 !important;}
.bg-exposition {background-color:#a21d50 !important;}



/*////////////////////////////////////////////HEADER*/

#header{background-color:#f89938;}

/* ONGLET TOP */
#header-top {
	width:100%;
	height: 25px;
    padding: 3px 0 8px 0;
	/*background-color:#f89938;*/
	position:fixed;
	top: 0;
	background-image: url(../medias/bg-header-top.png);
	background-repeat:repeat;
	repeat-x 0 0;
	/*opacity:0.5;*/
	 z-index:10;
}

#onglet-header {
	width: 900px;
	margin: 0 auto;
	padding: 5px 0;
	
	
}
#onglet-header a {
	text-decoration:underline;
	float:right;
	color:#000;
}
#blok-onglet{    
    padding-left: 21px;
    background: url(../medias/suricate.png) no-repeat left -3px;
}
#onglet-header a strong {
	margin-left: 5px;
	font-size: 18px;
	color:#000000;
	font-weight:700;
}
#onglet-header a:hover strong{
	text-decoration:underline;
	color:#6451a2;
}

/*------------------------ header-social-picto */
#header-social-picto a {
	display:inline-block;
	margin: -2px 5px 0 0;
	width:25px;
	height:25px;
	background-image:url(../medias/pictos-site.png);
}

#header-social-picto a.fb {background-position: 0 0;}
#header-social-picto a.fb:hover {background-position: 0 -100px;}
#header-social-picto a.twitter {background-position: 0 -25px;}
#header-social-picto a.twitter:hover {background-position: 0 -125px;}
#header-social-picto a.news { width:25px; height:25px; background-image: url(../medias/picto-news.gif); margin-right:10px;}
#header-social-picto a.news:hover { background-image:: url(../medias/picto-news.gif); background-position: 0 -25px;}





#header-content {
	height:140px;
	/*margin-top: 5px;*/
	padding: 0 0 0 0;
}

a#logo-saison img { z-index:999;}


#search-social, .menu {position:absolute; right:-5px;}

/*========================================== search-social */
#search-social{top:0; width:auto; height:auto; padding: 10px 0 0 0;}



/*------------------------------ search-social 
#search-barre { float:right;}
#search_val{ height:24px; width:170px; padding-left:5px;}
#search_btn { background:url(../medias/search-loupe-hover_29x29.jpg) no-repeat left top; width:29px; height:29px; border:none;cursor:pointer;}*/



/*======================================= menu horizontal */
.menu{top:80px; z-index:999;}/*999*/
/* efefef(6%!) > e9e9e9 (9%!) > e5e5e5 (10%) > cccccc  (20%) > b3b3b3  (30%) > 666 (60% ! btn vignette)*/
.arrow-down, .arrow-right {position:absolute; top: 10px; right:10px; width:10px; height:10px;background-image:url(../medias/menu-arrow.png); background-repeat:no-repeat;}
.arrow-down {display: none;}
.arrow-right {display: inline-block; background-position:left 0px;}
/*a:hover span.arrow-right { background-position: left -10px;} flèche blanche au survol*/ /*6c29e3*/

#nav a span { font-size:10px;}
#nav a:active span { color:#fff;}

#nav ul {padding:0;}/* RAJOUT */

#nav ul li ul.level2, #nav ul li ul li ul.level3, #nav ul li ul li ul.level3right{
	display: none;
	position: absolute;
	width:200px;
	height:auto;
}
#nav ul li:hover ul.level2, #nav ul li ul li:hover ul.level3, #nav ul li ul li:hover ul.level3right{
	display: block;
}

#nav > a /*lien avt menu*/{	display: none;}
#nav > ul > li > a, #nav ul li ul a{padding: 6px 6px 6px 15px;}

#nav li{
	position: relative;
	width:auto;
	height:auto;
}

#nav li a{display: block;}
#nav li a:active{background-color: #bf762c !important;}

#nav > ul{height:auto;width:auto;}
#nav > ul > li{ float: left;}

#nav > ul > li > a {font-size:20px;}
#nav ul li ul a {font-size:14px;}
.fleche {font-size:16px;}

#nav > ul > li > a{
	padding: 6px 6px 6px 15px;/*augmenter les écart entre les onglet du menu principal*/
	height: 100%;
}

/* second level */
#nav ul li ul.level2{
	top: 100%;
}
#nav ul li a:hover ul.level2{left: 0;right: 0;}
					
#nav ul li ul.level2 li a:hover, #nav ul.level2 li:hover {background-color: #bf762c;}
							
							
/* third level */
#nav ul li ul li ul.level3{
	background-color: #bf762c;
	display: none;
	position: absolute;
	top:0;
	left: 100%;
	width:200px;
	height:auto;
}

#nav ul li ul li ul.level3right{
	background-color: #bf762c;
	display: none;
	position: absolute;
	top:0;
	right: 100%;
	width:200px;
	height:auto;
}

#nav ul li ul li ul.level3 li a:hover, #nav ul li ul li ul.level3right a:hover {background-color: #995e23;}




.gsc-control-cse {
    font-family: Arial, sans-serif;
    border-color: #ffffff;
    background-color: #ffffff;
  }
  .gsc-control-cse .gsc-table-result {
    font-family: Arial, sans-serif;
  }
  input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #000000;
  }
  input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
	  /*background: url(http://action-culturelle-melun.fr/css/medias/search-loupe-hover_29x29.jpg) no-repeat;*/
    /**/border-color: #ffffff;
    background-color: #000000;
    background-image: none;
    filter: none;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #ffffff;
    background-color: #c0c0c0;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-color: #ffffff;
    border-bottom-color: #000000;
    background-color: #000000;
  }
  .gsc-tabsArea {
    border-color: #ffffff;
  }
  .gsc-webResult.gsc-result,
  .gsc-results .gsc-imageResult {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover,
  .gsc-imageResult:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b,
  .gs-imageResult a.gs-title:link,
  .gs-imageResult a.gs-title:link b {
    color: #1155CC;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b,
  .gs-imageResult a.gs-title:visited,
  .gs-imageResult a.gs-title:visited b {
    color: #1155CC;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b,
  .gs-imageResult a.gs-title:hover,
  .gs-imageResult a.gs-title:hover b {
    color: #1155CC;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b,
  .gs-imageResult a.gs-title:active,
  .gs-imageResult a.gs-title:active b {
    color: #1155CC;
  }
  .gsc-cursor-page {
    color: #1155CC;
  }
  a.gsc-trailing-more-results:link {
    color: #1155CC;
  }
  .gs-webResult .gs-snippet,
  .gs-imageResult .gs-snippet,
  .gs-fileFormatType {
    color: #333333;
  }
  .gs-webResult div.gs-visibleUrl,
  .gs-imageResult div.gs-visibleUrl {
    color: #009933;
  }
  .gs-webResult div.gs-visibleUrl-short {
    color: #009933;
  }
  .gs-webResult div.gs-visibleUrl-short {
    display: none;
  }
  .gs-webResult div.gs-visibleUrl-long {
    display: block;
  }
  .gs-promotion div.gs-visibleUrl-short {
    display: none;
  }
  .gs-promotion div.gs-visibleUrl-long {
    display: block;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #ffffff;
    background-color: #FFFFFF;
    color: #1155CC;
  }
  .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    border-color: #ffffff;
    background-color: #000000;
    color: #1155CC;
  }
  .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #F6F6F6;
    background-color: #F6F6F6;
  }
  .gsc-completion-title {
    color: #1155CC;
  }
  .gsc-completion-snippet {
    color: #333333;
  }
  .gs-promotion a.gs-title:link,
  .gs-promotion a.gs-title:link *,
  .gs-promotion .gs-snippet a:link {
    color: #1155CC;
  }
  .gs-promotion a.gs-title:visited,
  .gs-promotion a.gs-title:visited *,
  .gs-promotion .gs-snippet a:visited {
    color: #1155CC;
  }
  .gs-promotion a.gs-title:hover,
  .gs-promotion a.gs-title:hover *,
  .gs-promotion .gs-snippet a:hover {
    color: #1155CC;
  }
  .gs-promotion a.gs-title:active,
  .gs-promotion a.gs-title:active *,
  .gs-promotion .gs-snippet a:active {
    color: #1155CC;
  }
  .gs-promotion .gs-snippet,
  .gs-promotion .gs-title .gs-promotion-title-right,
  .gs-promotion .gs-title .gs-promotion-title-right *  {
    color: #333333;
  }
  .gs-promotion .gs-visibleUrl,
  .gs-promotion .gs-visibleUrl-short {
    color: #009933;
  }
/*========================================================*/


#header-bottom {
	height:40px;
}


/*///////////////////////////////////////////CONTENT*/
#content-page {
	height:auto;
}

/*=========================================== Content-top */
#content-top{z-index:4;}
#slide{
	width:900px;
	height:300px;
	margin:0 auto;
}
/*.ombre, .nivoSlider, .slide img, .swipebox-video {
	-webkit-box-shadow: #000 0px 0px 5px;
	-moz-box-shadow: #000 0px 0px 5px;
	box-shadow: #000 0px 0px 5px;
	background: #e0d0df;
	behavior: url(http://action-culturelle-melun.fr/PIE.htc);
}*/
.nivoSlider {
    position:relative;
    background: url(../medias/loading.gif) no-repeat 50% 50%;
	z-index:1;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

#slide.slide-fiche .slider-wrapper .nivo-caption h5 {color:#fff;}
.nivo-caption p, .nivo-caption p strong {font-size:16px; font-size: 1.6rem; margin:0 0 0 0;}



/*========================================== main-content */
#main-content {
	clear:both;
	height:auto;
	background: url(../medias/fond-col-right-bottom.png) repeat 0 0;
	z-index:4;
}
/*-------------------------------- 1st-content */
#primary-content {
	float:left;
	background-color: #fff;
	width:590px;
	padding: 20px 20px 10px 20px;
	z-index:5;
}
#primary-content p {
	margin-right:10px;
}


		.picto-entete { width: 47px; height:47px; display:inline-block; background-image:url(../medias/picto-site.png); background-repeat:no-repeat;}
		
			.picto-entete a{width: 100%; height:100%; display: block;}
				.ac-anim { background-image:url(../medias/picto-ac-animed_47x47.gif); background-position: left top;}
				.theme {background-position: -126px 0px;}
				.theme-blanc {background-position: -126px -47px}
				.ac {background-position: -126px-282px;}
				.ac-rouge {background-position: -126px -141px}
				.no-handi {background-position: -126px -188px}
				.handi {background-position: -126px -235px}
				.etoile {background-position: -126px -282px;}
				.etoile-blanc {background-position: -126px -329px;}
				
				.vignette .picto-entete, .vignette-fiche .picto-entete, .etoiletxt { width: 15px; height:15px;}
				.vignette .picto-entete { margin-right:5px;}
				.etoiletxt{margin: 0 2px -2px 2px;}
				
				.etoileblack {background-position: -101px 0;}
				.etoile15 {background-position: -101px -30px;}
				.etoile14 {background-position: -101px -45px;}
				.etoile37 {background-position: -101px -60px;}
				.etoilejuke {background-position: -101px -75px;}
				.etoile6 {background-position: -101px -90px;}
				
.action-culturelle { color:red; background:#feebd7 url(../medias/bg-signature.jpg) repeat 0 0; padding: 3px 6px !important;}
.block_grey, .block_avis { padding:5px; margin:10px 0 15px 0;}
.block_avis {border: dashed 3px #efefef;}
#actu{
	height:auto;
	margin-top:10px;
	background:#bed688;
	z-index:6;
}

p.citation, p.citation cite, p.citation strong, p.citation-ac strong { color: #cf223b;}
p.citation-ac {margin-bottom:10px; }
p.citation-ac a img { width:30px;}
p.citation-ac strong {display:block; margin-left:40px;}

h1 img {margin-right:5px;}

/*+++++++++++++++++*/
/*++++++ VIGNETTES */


/*++++++ STICKERS +++++ */
.pass {opacity:0.5;}
.bgifsticker {background: none !important;}
.bgifsticker #primary-content{background: none !important; width:900px;padding:0;}
.sticker:nth-child(odd) { margin: 30px 0 -30px 0;}
.sticker{width: 23%;}
.sticker{ height:auto; padding: 1%; float:left;}
.plus-moins{margin: 0 !important;}

			.boxgrid{
				height: 300px;
			}
			.mois a, .plusspect a{
				height: 300px;
			}
			.boxgrid{
				overflow: hidden; 
				position: relative;
			}
			.plusspect {border: 1px #fff solid}
			.mois, .plusspect { margin-bottom:40px;}
			.mois a, .plusspect a{display: block;background-color:#6451a2;text-align:center; font-size:60px; vertical-align:middle;line-height:250px;/* width:215px;height:300px;*/}
			.mois a:hover, .plusspect a:hover {background-color:#fff;}
			.mois a{background-color:#6451a2;}
			.mois a:hover{color:#6451a2;}
			.plusspect a{background-color:#f89938;}
			.plusspect a:hover {color:#f89938;}
			
			.boxcaption{
				position: absolute;
				bottom:0;
				background:url(../medias/volet-sticker.png) 0 0 no-repeat;
				height:auto;
				width: 100%;
				padding-top: 60px;
				padding-bottom: 10px;
 			}
			.boxcaption h1, .boxcaption h2,.boxcaption h3,.boxcaption h5, .boxcaption h6 {text-align:right; margin-right: 5px; margin-left: 5px;}
			.boxcaption h1{font-size:24px;font-size:2.4rem;}
			.boxcaption h2{font-size:22px;font-size:2.2rem;}
			.boxcaption h3, .boxcaption h3 span{font-size:18px;font-size:1.8rem;}
			.boxcaption h3 span {font-size: 16px;font-size: 1.6rem;}
			.boxcaption h5{font-size:12px;font-size:1.2rem;}
			a .boxcaption h3 {display:none;}
			a:hover .boxcaption h3 {display:block;}
			.boxgrid a img {
				width:100%;
				/*-webkit-transition: transform 0.3s ease-in-out;
				-moz-transition: transform 0.3s ease-in-out;
				-ms-transition: transform 0.3s ease-in-out;
				-o-transition: transform 0.3s ease-in-out;
				transition: transform 0.3s ease-in-out;*/
			}
			.boxgrid a:hover img {
			width:110%;
			}
			/*.cover {
 					top: 300px;
 					left: 0;
 				}
 			a:hover .cover {
 					top: 210px;
 					left: 0;
 				}*/
				
				
 				/*.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 190;
 					left: 0;
 				}*/
				
				




.lien-event {margin: 5px 0 10px 0;float:right; color:#fff}
.lien-event a {text-decoration:underline; color: #fff;}
.lien-event a:hover { color: #6451a2;}

/*++++++ List-spect +++++*/
.list-spect{ float: left; width: 48%; min-height: 210px; margin-right: 2%;}
.list-spect a img{width:100%;}
.list-spect h5{font-size: 10px; font-size: 1rem;}
.list-spect h1{font-size: 18px; font-size: 1.8rem;}
.list-spect h2{font-size: 16px; font-size: 1.6rem;}
.list-spect h3, .list-spect h3 span{font-size: 12px; font-size: 1.2rem;}
.list-spect div.lien-event {float: none !important; }
.list-spect div.lien-event a {color: #000 !important; }
.list-spect div.lien-event a:hover {color: red !important;}

/*+++++++++++++++++++++++*/




/*+++++++++++++++++*/


.vignette, .vignette-fiche{margin:20px 0 0 0;}
.vignette a img, .vignette img, .vignette-fiche a img, .vignette-fiche img {float:left; margin:0 10px 0 0;padding:0;}
/*.vignette h1 a img.star, .vignette-fiche a h1 img.star {background-color: none;}*/
.vignette h6, .vignette-fiche h6, .vignette-fiche h6 sup, .vignette-fiche h6 a { text-transform:none; font-size:1rem;}
/*vignette*/
.vignette{height:180px;}
.vignette a img {background-color:#fff;}
.vignette h1 img.star { width:15px; margin-top: 5px;}
.vignette span.blocktxt {display:block; margin:0 0 0 270px; padding: 10px 15px 0 0; height:185px;/*180px-(15x2)=150px*/}
.vignette h1{ font-size:21px; font-size: 2.1rem;}
.vignette h2{ font-size:16px; font-size: 1.6rem; margin-top: 0;}
.vignette h3{ font-size:15px; font-size: 1.5rem; margin: 5px 0 0 0;}
.vignette h5{ font-size:12px; font-size: 1.2rem;margin-bottom: 5px;}
.vignette h5 span{font-size:10px; font-size: 1rem; font-weight:normal;}

/*vignette-fiche*/
/*.vignette-fiche{height:auto;}*/
.vignette-fiche{min-height:100px;}
.vignette-fiche h1 img.star { width:12px; margin:3px 3px 0 0;}
.vignette-fiche a img, .vignette-fiche img{ width:150px; height:auto;}
.vignette-fiche span.blocktxt {position:relative; display:block; margin:0 0 0 160px; padding: 10px 15px 0 0;/* height:185px;180px-(15x2)=150px*/}
.vignette-fiche span.blocktxt.pasvignette {margin-left:0; padding-top:0;}

.vignette-fiche h1{ font-size:16px; font-size: 1.6rem;}
.vignette-fiche h2{ font-size:13px; font-size: 1.3rem; }
.vignette-fiche h3, .vignette-fiche h3 span{ font-size:13px; font-size: 1.3rem; margin: 0;}
/*.vignette-fiche h3 span{ font-size:10px; font-size: 1rem; margin: 0; font-weight:normal; text-transform:none;}*/
.vignette-fiche h5{ font-size:11px; font-size: 1.1rem;margin-bottom: 2px;}
.vignette-fiche h5 span{font-size:9px;  font-size: 0.9rem; font-weight:normal;}


/*+++++++++++++++++*/
/*++++++ BTN LIENS */

.btn_vignette, a.btn_lien { background-color:#666; padding:2px; color:#FFF;font-weight:bold; font-size:12px; text-align:center; text-transform:uppercase; z-index:10;}
.btn_vignette:hover, a.btn_lien:hover{cursor:pointer; background-color:#000;}

.btn_vignette{ margin: 5px 10px 10px 0; border:none; padding:2px 5px;}
span.liens {height:30px; position:relative; left:0; margin:0; padding:0;}/*pour vignettes sans survol du blok, ex: btn sur cdm*/
span.liens a { display: inline-block; width: auto; height: auto; margin:5px 10px 10px 0; padding: 3px 5px;}

ul.liens {height:30px; position:relative; left:0; margin:0; padding:0;}/*pour vignettes sans survol du blok, ex: btn sur cdm*/
ul.liens li { margin:5px 15px 10px 0; float:left;}

/*+++++++++++++*/
.blok_lien {/*width:250px;*/ height:auto; margin: 10px 0;}
.blok_lien a{display: block; width:auto; height:100%; background-color: #000; padding: 10px; color:#fff !important;}
.blok_lien a:hover { background-color:#fff;}

.ticketmaster {width:145px; height:20px;}
.ticketmaster a { background-image:url(../medias/ticketmaster.png); background-repeat: no-repeat; background-position: center 10px;}
.ticketmaster a:hover {background-image:url(../medias/ticketmaster-black.png);}


.all-spect {width:100%}
.all-spect a { background-color:#efefef; color:#000; font-size: 17px; font-weight: bold; text-align:center;}
/* efefef(6%!) > e9e9e9 (9%!) > e5e5e5 (10%) > cccccc  (20%) > b3b3b3  (30%) > 666 (60% ! btn vignette)*/
/*#6c29e3 > #e9dffb (#15 mais out) > #f1ebfb*/
.all-spect a:hover { background-color:#6c29e3; color:#fff;}

.btn-cine a{  background-image:  url(../medias/picto-cam-animed-red_47x47.gif); background-repeat: no-repeat; background-position:5px 2px; padding-left:60px;}
.btn-cine a, #btn-lien a u { font-size:14px; font-weight:bold;}
.btn-cine a:hover { background-image: url(../medias/picto-cam-animed-jaune_47x47.gif)}

a.btn-sur-fond-jaune{background-color: #000;background-image: url(../medias/picto-cam-animed-black_47x47.gif)}
a.btn-sur-fond-jaune:hover { background-image: url(../medias/picto-cam-animed-red_47x47.gif); background-color: #cf223b; color:#fff;}

#achat-billet a, #achat-billet a u { font-size:20px; font-weight:normal; padding-top: 10px; text-align:center;}
#achat-billet a{text-decoration:none !important;}
#achat-billet a:hover { color:#000 !important;}

#btn-news  a { font-size:14px; font-weight:normal; background-color:#000; padding: 10px; text-align:center; color:#fff;}
#btn-news a:hover { background-color:#cf223b; color:#fff;}



#legende-carte { margin: 15px 0 10px 0;}
.legende { margin: 0 0 2px 0 ; padding: 3px 0 0 23px; min-height:17px; display:block; background: #fff url(../medias/picto-site.png) no-repeat;}
.cacher{ display:none;}
#legende-carte span#un { background-position: -331px -40px;}
#legende-carte span#deux { background-position: -331px -80px;}
#legende-carte span#trois { background-position: -331px -120px;}
#legende-carte span#quatre { background-position: -331px -160px;}
#legende-carte span#cinq { background-position: -331px -200px;}
#legende-carte span#six { background-position: -331px -240px;}
#legende-carte span#sept { background-position: -331px -280px;}
#legende-carte span#huit { background-position: -331px -320px;}


#signature {margin: 15px 0 0 0; padding: 0 0 0 0;}
/*#millet{float:left;}
#vogel{ float:right;}*/
#pillet, #vogel, #ravier{ text-align:center; display:inline-block; float:left; width:150px;}


/*PDF*/
.pdf-doc {width: 220px; font-weight:bold;  /*height:45px;*/ margin:10px 10px 0 0;}
.pdf-doc a { background: url(../medias/download.png) no-repeat 0 3px; padding: 0 0 0 20px; width:auto; min-height: 40px; height:auto; display:block; font-size: 14px; font-size: 1.4rem;}
.pdf-doc a:hover { background-image: url(../medias/download-hover.png);}
.cache-cache_if-mobile .pdf-doc{ /*overflow: hidden;*/ float:left; margin:0 10px 5px 0;}


/*.galerie h3*/
.galerie {width:590px; margin: 15px auto 30px auto;}
.galerie a {margin: 0 10px 10px 0; display: inline-block;}



/*.gallerie h3*/
.gallerie {margin: 15px 0 30px 0;}
.gallerie ul.gallery  {width:490px/*3tof*/; margin:0 auto; padding:0;}
.gallerie ul.gallery li { width:150px; height:92px; display: inline; margin-right:10px; background-color: #fff; }


.reduire { width:100px; height:61px;}

/* AUDIO PLAYER */





/* carte pour venir*/
#blok-carte-pour-venir iframe#pour-venir{width:550px;height:350px;}


/*Formulaire contact*/
#formulaire-contact{ margin: 10px 0 0 0;}
label { display:block; width:150px; float:left;}
textarea { height:100px; border:0;}
.error-formulaire {
	width:auto;
	color:#cf223b;
	font-style:italic;
	font-size:10px;
	font-weight:bold;
	float:left;
}
#blok_btn-form { padding:  0 0 0 150px;}
#captcha{padding:  0 0 0 140px;}
h6.envoi_ok{ color: green;}
/*fin formulaire contact*/


#secondary-content {
	float:right;
	width:270px;
	height:auto;
	margin-left:0;
	
}

#firstlev, #seclev{ padding: 0 20px 20px 20px;}

#firstlev{ background: url(../medias/fond-col-right.png) repeat 0 0;/*background-color: #f7f7f7;*/ color:#000; height:auto; padding-top: 20px; }

.achat-billetterie {border: dashed 3px #000; padding:5px; margin:10px 0 0 0;}
.achat-billetterie .picto-infos {
display: inline-block;
z-index: 4;
}
.achat-billetterie .picto-infos a {
width: 100%;
height: 100%;
display: block;
}
.achat-billetterie  #horaire-st-jean {
display: none;
clear: both;
}


/*video-spect*/
#video-spect{margin: 0 0 10px 0;}
#video-spect a{color:#ffff00; display:block;}/*#cf223b*/
#video-spect a:hover, #video-spect a:hover p, #video-spect a:hover p span{color:#cf223b;}
#video-spect a p{color:#fff; font-weight:bold;}
#video-spect a p span{ font-weight:lighter;}/**/
/*#video-spect h6 a, #video-spect h6 span, #video-spect a h6 span, #video-spect a p, #video-spect a p span{color:#ffff00;}*/


/*social-box*//*social-box*/
.tabbed_area {width:250px; background:#350e25; padding-top:5px;}
.tabbed_area li a, .tabbed_area div {color:#fff;}
ul.tabs {margin:0;padding:0 0 5px 0;width:auto;height:32px;	border-bottom: solid 1px #000;}

ul.tabs li {list-style:none;display:inline;margin: 0 10px 0 0;}
ul.tabs li a {
	opacity:0.5;
	-moz-opacity:0.5;
	-ms-filter: "alpha(opacity=50)";/* IE 8 */
	filter: alpha(opacity=50);/* IE < 8 */
}
ul.tabs li a:hover , ul.tabs li a.active {
	opacity:1;
	-moz-opacity:1;
	-ms-filter: "alpha(opacity=100)";/* IE 8 */
	filter: alpha(opacity=100);/* IE < 8 */
}
.content {height:420px;background:#350e25;}
#content_2, #content_3 { display:none; }
       



#seclev{ padding-top: 8px;}


.logo-sidebar {width:100px;}

/*
#btn-news { width:230px; height:20px; margin:40px 0 20px 0;}
#btn-news  a { display: block; width:100%; height:100%; font-size:14px; font-weight:normal; background-color:#000; padding: 10px; text-align:center; color:#fff;}
#btn-news a:hover { background-color:#cf223b; color:#fff;}
*/

/* carte salles*/
/*#seclev #blok-carte-salles iframe#carte-salles{width:250px;height:250px;}*/


#content-bottom{
	clear:both;
	}
.no-sidebar {background-image: url(../medias/bg-960_content-bottom.png);}

/* Précaution pour IE 7 
#conteneur > .clear { !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  clear: both;
  height: 0; overflow: hidden; 
}*/


	
/* Tableau Peinture*/
/*#tableau-peinture table { width: 100%; border:0; border-color: #FFF; border-collapse: collapse;}
#tableau-peinture table tr.bggris { background-color:#333;}
#tableau-peinture table tr td { height:15px; padding: 3px 8px;}
#tableau-peinture table tr td, #tableau-peinture table tr td a { color: #fff;}
#tableau-peinture table tr td a:hover { color: #ffff00;}
#tableau-peinture table tr td.bordure { border-left: 1px solid #FFF;  border-right: 1px solid #FFF; border-collapse: collapse;}*/

/*======================================================== */
/*================================================ partage */
#partagez{
	padding-top: 20px;
	clear: both;
}
#partage{
	background-image:url(../medias/bg-960_content-black.png);
	padding-top: 40px;
}



/*///////////////////////////////////////////FOOTER*/
#footer{
	width:100%;
	
}

#footer-top {
	width: 860px;
	height:auto;
	margin-top: 20px;
	padding: 10px 20px;
	background-color: #6451a2;
}
#footer-firstlev, #footer-seclev, #footer-thirdlev{ padding:10px 0;}

#st-jean-info .cache-cache_if-mobile, #ac-info .cache-cache_if-mobile { display:inline;}

.col-footer, #pour-venir {padding-right:20px; float:left; position:relative;}
.col-footer {width:30%;}/*#ac-info, #st-jean-info, #accueil, #saison, #billetterie, #vous-etes, #action-culturelle*/


#footer-firstlev {
	width: 900px;
    margin: 0 auto;
}
#footer-firstlev a.logo {
	display: inline-block;
	width: 50px;
	height: 50px;
	float:right;
	background-size: 300%;
	background-image:url(../medias/logo-sites-culture.png);
	margin: 0 -10px 0 30px;
}

#footer-firstlev a.logo.cult {background-position: 0 0;}
#footer-firstlev a.logo.mel{background-position: -50px 0;}
#footer-firstlev a.logo.cine {background-position: -100px 0;}
#footer-firstlev a.logo.cult:hover {background-position: 0 -50px;}
#footer-firstlev a.logo.mel:hover {background-position: -50px -50px;}
#footer-firstlev a.logo.cine:hover {background-position: -100px -50px;}

#footer-firstlev a img {
	width: 50px;
	float:right;
	margin: 0 -10px 0 30px;
}


#restez-connecte h6 {margin: 0;}
#plan-de-site {display:none;}

#restez-connecte span,#restez-connecte a img{ margin: 8px 0 0 0;}

#restez-connecte span a img { vertical-align:middle; margin-right:5px;}

#lien-site-melun {display:block; width:150px; height:45px;}
#lien-site-melun a { width:100%; height:100%; background-image:url(../medias/site-melun.png);background-position: 0 -45px;}
#lien-site-melun a:hover { background-position: 0 -90px;}


#footer-seclev{	background-color:#280f54;}
#footer-seclev p{text-align:left;}

	
#footer-thirdlev{
	width:900px;
	clear:both;
	border-top: solid 2px #f5b471;
	min-height: 35px;
    padding: 10px 0;
}
#footer-thirdlev a img {
	float:left;
	margin: 0 auto;
	width: 80px;
	opacity: 0.5;
	-moz-opacity:0.5;
	-ms-filter: "alpha(opacity=50)";/* IE 8 */
	filter: alpha(opacity=50);/* IE < 8 */
	
}
#footer-thirdlev p {
	color: #fff;
	float: left;
	margin-left: 10px;
	opacity:0.5;
	-moz-opacity:0.5;
	-ms-filter: "alpha(opacity=50)";/* IE 8 */
	filter: alpha(opacity=50);/* IE < 8 */
}




/*//////////////////////////////////////////////////*/
/*///////////////  MÉDIAS QUERIES //////////////////*/
/*//////////////////////////////////////////////////*/

@media only screen and ( max-width: 950px ) {/* 760 */
	#deuil{ width:150px; height:150px; background-size:100%;}
	#onglet-header, .content-in-head, .content-in-page, #footer-firstlev, #footer-thirdlev {width:760px;}
	
	/*////////////////////////////////////////////HEADER*/
	#header-content {height:120px;}
		#logo-ac {width: 250px;}
		.menu {height:30px;top: 60px;}
			.menu.mean-container #nav {display: block;}
			/* a.meanmenu-reveal,#nav ul li:hover ul.level2, #nav ul li ul li:hover ul.level3{
	display: block;
}*/
		
		
		
	
	
	
	/*///////////////////////////////////////////CONTENT*/
	
		
		#slide, .ombre {width: 760px; height:251px;}
		
			.full-width #primary-content {width:100%;}
			p, .full-width #primary-content p, .full-width #primary-content h1, .full-width #primary-content h2, h1, h2, h3, h4, h5, h6, .pdf-doc, .cache-cache_if-mobile .pdf-doc, .btn, .block_avis {margin-right: 10px; margin-left: 10px;}
			#primary-content {width: 65%; padding: 20px 0 10px 0;}
			#secondary-content {width: 35%;}
				/*vignette*/
				.vignette{height:auto;}
				.vignette a img, .vignette img { width:150px; background:none; margin-right:0;}
				.vignette span.blocktxt {margin: 0 0 0 160px;padding: 8px 8px 0 0;height: auto;}
				
				.galerie  {width:330px/*2tof*/;}
				
				
				
				.gallerie ul.gallery  {width:330px/*2tof*/;}
				
			#secondary-content {margin-left: 0px;}
	
	/*////////////////////////////////////////////FOOTER*/
		#footer-top {width: 720px;}
		#footer-seclev{background-color:#0e000c;}
		#plan-de-site {display: block;}
	
}


@media only screen and ( max-width: 750px ) {/* 600 */
	
	#onglet-header, .content-in-head, .content-in-page, #footer-top, #footer-firstlev, #footer-thirdlev {width:100%;}
	
	#primary-content .cache-cache_if-no-mobile, #seclev .cache-cache_if-no-mobile{display:block;}
	#primary-content .cache-cache_if-mobile, #seclev .cache-cache_if-mobile{display:none;}
	
	.mot-bil{display:inline-block;}
	.no-mot-bil{display:none;}
	
	/*////////////////////////////////////////////HEADER*/
	#header, #header-bottom, #slide, .ombre, #main-content, #footer-content-firstlev, #footer-content-seclev, #firstlev, #seclev {width:100%;}
	#onglet-header a {margin-right: 10px;}
		
	#header-content {height: 110px;}
		a#logo-saison img { margin-left:10px;}
		/*#logo-ac {width:180px;}*/
		/*menu*/
			/* efefef(6%!) > e9e9e9 (9%!) > e5e5e5 (10%) > cccccc  (20%) > b3b3b3  (30%) > 666 (60% ! btn vignette)*/
			.menu {height:30px;position: absolute; top: 65px;; ;right: 10px;}/* .menu {position: absolute;right: 10px;}*/
			.arrow-down, .arrow-right, a:hover span.arrow-right {display: none}
		
		/*#nav ul li:hover ul.level2, #nav ul li ul li:hover ul.level3{display: none;}*/
		
		a.meanmenu-reveal {
display: none;
}

#nav ul li:hover ul.level2, #nav ul li ul li:hover ul.level3, #nav ul li ul li:hover ul.level3right{
	display: none;
}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar { 
float: left;
width: 100%;
position: relative;
/*background-color: #efefef;*//*#0c1923*/
padding: 4px 0;
min-height: 42px;
z-index: 999999;
}
.mean-container a.meanmenu-reveal {
/*width: 22px;
height: 22px;*/
width: 35px;
height: 30px;
/*padding: 13px 13px 11px 13px;*/
position: absolute;
top: 0;
right: 0;
padding-top: 5px;/*######*/
cursor: pointer;
/*color: #fff;*/
color: #fff;/* couleur de la croix*/
/*background-color: #e9dffb;*/
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
}

.mean-container a.meanmenu-reveal span {
	margin-left: 5px;/*######*/
	margin-right: 5px;/*######*/
display: block;
background-color: #fff;/*couleur des traits #fff #6c29e3 #e9dffb (#15 mais out) #f1ebfb #efefef*/
height: 4px;
margin-top: 3px;
}
.mean-container #nav.mean-nav { 
float: left;
width: 100%;
/*background-color: #efefef;*/
/*background: #0c1923;*/
/*margin-top: 33px;*/
margin-top: 31px;
padding: 0 0 0 5px;
}


.mean-container #nav.mean-nav ul.level1 {
padding: 0;
margin: 0;
/*background-color: #efefef;*/
/*width: 300px;*/
width: 100%;
list-style-type: none;
}
.mean-container #nav.mean-nav ul.level1 li {
position: relative;
background-color: #f89938;
/*background:none;*/
float: left;
width: 100%;
}
.mean-container #nav.mean-nav ul li a {
display: block;
float: left;
width: 90%;
/*padding: 1em 5%;*/
padding: 0.8em 5%;
margin: 0;
text-align: left;
color: #fff;
/*color: #fff;*/
border-bottom: 1px solid #383838;
border-bottom: 1px solid rgba(255,255,255,0.5);
text-decoration: none;
/*text-transform: uppercase;*/
}
.mean-container #nav.mean-nav ul.level1 li a:hover {background-color:#bf762c;}

#nav ul li ul.level2, #nav ul li ul li ul.level3, #nav ul li ul li ul.level3right { position: static; width: 100%;}

/*#nav ul li ul.level2 {background-color:#e9e9e9;}*/
.mean-container #nav.mean-nav ul li li a {
width: 80%;
/*padding: 1em 10%;*/
padding: 0.8em 10%;
border-bottom: 1px solid #f1f1f1;
border-bottom: 1px solid rgba(255,255,255,0.25);
/*opacity: 0.75;*//* opacitié mis sur les "li a" hors survol du li parent*/ 
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}

/*#nav ul li ul.level2 li {background-color:#e9e9e9;}
#nav ul li ul.level2 li a:hover {background-color:#e5e5e5;}*/
.mean-container #nav.mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container #nav.mean-nav ul li li li a {
width: 70%;
/*padding: 1em 15%;*/
padding: 0.5em 15%;
}
.mean-container #nav.mean-nav ul li li li li a {
width: 60%;
/*padding: 1em 20%;*/
padding: 0.8em 20%;
}
.mean-container #nav.mean-nav ul li li li li li a {
width: 50%;
/*padding: 1em 25%;*/
padding: 0.8em 25%;
}
.mean-container #nav.mean-nav ul li a:hover { 
background-color: #f9f5ff;
/*background: #252525;
background: rgba(255,255,255,0.1);*/ 
}
.mean-container #nav.mean-nav ul li a.mean-expand {
/*width: 26px;
height: 26px;*/
width: 95%;
height: 40px;
border: none !important;
padding: 5px 10px 0 0 !important;
/*padding: 12px !important;*/
text-align: right;
position: absolute;
color: #fff;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
}
.mean-container #nav.mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container #nav.mean-push { 
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both; 
}
#nav.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
			
			
		
		
	
	
	
	#partage {padding: 40px 0 20px 0;}
		#partage div.content-in-head {width: auto;padding-left: 10px;padding-right: 10px;}
		
	/*///////////////////////////////////////////CONTENT*/
	
		#slide, .ombre {height: auto;}
				.nivo-caption{width:50%;}
		
		
		#main-content { margin:0; padding:0;}
			
			
			#primary-content, #secondary-content, #firstlev, #seclev {width:auto;}
			#primary-content, #secondary-content {float:none; margin:0;}
			#primary-content, #firstlev, #seclev{padding: 10px 10px 15px 10px;}
			.full-width #primary-content {width:100%;}
			.full-width #primary-content {padding: 10px 0px 15px 0px;}
				
			.full-width #primary-content .vignette h1, .full-width #primary-content .vignette h2 {margin-right: 0px; margin-left: 0px;}	
				.galerie {margin-top: 0;width:650px;/*4tof*/}
				
				
				
				.gallerie {margin-top: 0;}
				.gallerie ul.gallery  {width:650px;/*4tof*/}
				
				/*vignette*/
				.boxgrid{height: 250px;}
				.mois a, .plusspect a{height: 250px;}
				
				.vignette, .vignette-fiche {margin: 10px 10px 0 10px;}		
				.vignette{height:auto;}
				.vignette a img { width:150px; background:none; margin-right:0;}
				.vignette span.blocktxt {margin: 0 0 0 160px;padding: 8px 8px 0 0;height: auto;}
			#secondary-content { padding-top:0;}
				
		#content-bottom { height:auto;}
		
		/*////////////////////////////////////////////FOOTER*/
		
		
		
		
		#footer-top {height: auto; padding: 10px 0;}
		.col-footer{padding: 0 10px;}
		#footer-firstlev a.logo {margin:0 0 10px 20px;}
		#footer-firstlev p {margin:0 0 0 10px;}
		
		#accueil p {display:inline-block;}
		/*#primary-content .cache-cache_if-no-mobile, #seclev .cache-cache_if-no-mobile {display:none;}*/
		/*#st-jean-info .cache-cache_if-no-mobile, #ac-info .cache-cache_if-no-mobile, #accueil .cache-cache_if-no-mobile {display:none;}*/
		
		
		
		
			#footer-thirdlev a img {margin: 0 10px;}
			#footer-thirdlev p {float: none;}
	
			
	
}

@media only screen and ( max-width: 680px ){
	
		.nivo-caption h1{ font-size:20px;font-size:2rem;}/*30*/
		.nivo-caption h2{ font-size:16px;font-size:1.6rem;}/*22*/
		.nivo-caption h2 span{ font-size:12px;font-size:1.2rem;}/*18*/
		.nivo-caption h3, .nivo-caption h3 span{ font-size:14px;font-size:1.4rem;}/*20*/
		.nivo-caption h5, .nivo-caption h5 span{ font-size:10px;font-size:1rem;}/*16*/
		.galerie {width:490px;}/*3tof*/
		
	.gallerie ul.gallery  {width:490px;}/*3tof*/
}


@media only screen and ( max-width: 580px ){ /* 480 */
#deuil{ width:100px; height:100px;}
	.content-in-head {width:100%;}
	.content-in-page{width:100%;}
	.ancre, #onglet-plaquette{display:none;}
	/*////////////////////////////////////////////HEADER*/
	
	
	#header { position:relative;}
		#header-content {height:65px;}
			#logo-ac {width:150px; margin-left:5px;}
			
			#header-social-picto a {margin-top: 0;}
			.menu {height:30px;position: absolute; top:20px; top: 25px; right:10px;}
		#header-bottom  {
			height: 20px;
			background-color:#000;
			-webkit-box-shadow: #000 0px 0px 2px;
			-moz-box-shadow: #000 0px 0px 2px;
			box-shadow: #000 0px 0px 2px;
			behavior: url(http://action-culturelle-melun.fr/PIE.htc);}
	
	/*///////////////////////////////////////////CONTENT*/
	#content-page {margin-top:0;}
	
		#actu{display:none;}
		
		.galerie  {width:330px;}/*2tof*/
		
		.gallerie ul.gallery  {width:330px;}/*2tof*/
		
		.sticker {width: 46%;padding: 2%;}
		
		.vignette, .vignette-fiche {margin: 10px 10px 0 10px;}
		.vignette a img, .vignette-fiche a img, .vignette img, .vignette-fiche img {float:none;}
		.vignette span.blocktxt, .vignette-fiche span.blocktxt {margin:0; padding: 0;}
	#partage div span {margin:0 5px 5px 0;}
	
	/*////////////////////////////////////////////FOOTER*/
	/*#footer p {font-size : 10px; font-size : 1rem;}*/
	.col-footer{float: none; margin: 0 auto;}
	#footer-firstlev, #footer-seclev, #footer-thirdlev {padding: 10px 0 10px 0;}
	#footer-seclev, #accueil {margin-top: 10px;}
		.col-footer {width: auto;}
		#st-jean-info{margin-top: 10px;}
			#st-jean-info .cache-cache_if-no-mobile, #ac-info .cache-cache_if-no-mobile { margin:0; height:auto; display:inline;}
		#accueil .cache-cache_if-no-mobile, #accueil h6{height:auto; display:inline;}
		#accueil span.cache-cache_if-no-mobile { margin:0;}
		#horaire-ac, #horaire-st-jean {display:none; clear:both;}
		.picto-infos {display:inline-block; z-index:4;}
		/*#st-jean-info .cache-cache_if-no-mobile p, #ac-info .cache-cache_if-no-mobile p { float:left;}*/
		
		
}
		
		
	#footer-thirdlev {padding: 10px 0;}
	
	
		

}
@media only screen and ( max-width: 400px ){
	
	.nivo-caption {width:60%; bottom:8px;}
		.nivo-caption h1{ font-size:14px;font-size:1.4rem;}/*30*/
		.nivo-caption h2{ font-size:12px;font-size:1.2rem;}/*22*/
		.nivo-caption h2 span{ font-size:9px;font-size:0.9rem;}/*18*/
		.nivo-caption h3, .nivo-caption h3 span{ font-size:10px;font-size:1rem;}/*20*/
		.nivo-caption h5, .nivo-caption h5 span{ font-size:7px;font-size:0.7rem;}/*16*/
	
}
@media only screen and ( max-width: 350px ){
	
	#deuil{ width:100px; height:100px;}
		.nivo-caption h1{ font-size:14px;font-size:1.4rem;}/*30*/
		.nivo-caption h2{ font-size:12px;font-size:1.2rem;}/*22*/
		.nivo-caption h2 span{ font-size:9px;font-size:0.9rem;}/*18*/
		.nivo-caption h3, .nivo-caption h3 span{ font-size:10px;font-size:1rem;}/*20*/
		.nivo-caption h5, .nivo-caption h5 span{ font-size:7px;font-size:0.7rem;}/*16*/	
	.btn {margin-right: auto; margin-left: auto;}
	
	.sticker:nth-child(odd) {margin: 0;}
	/*.sticker {width: 100%;padding: 0;}
	.boxgrid{
    height: 250px;margin: 3%;}*/
	
	.galerie {width:170px;}/*1tof*/
	
	.gallerie ul.gallery  {width:170px;}/*1tof*/
	#formulaire-contact fieldset label{ float:none;}
	#formulaire-contact fieldset input, #formulaire-contact fieldset textarea {width:100%;}
	#captcha, #blok_btn-form {padding-left:0;}
	#blok_btn-form input.btn_vignette { width:auto;/*float:left; width:50px;display:inline-block;*/}
	
	
}