/* Styles du site Art Cote d'Azur */
/* Realise par Mobiliz Me - novembre 2013 */
@font-face {
    font-family: 'munsonitalic';
    src: url('fonts/Munson_Italic-webfont.eot');
    src: url('fonts/Munson_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Munson_Italic-webfont.woff2') format('woff2'),
         url('fonts/Munson_Italic-webfont.woff') format('woff'),
         url('fonts/Munson_Italic-webfont.ttf') format('truetype'),
         url('fonts/Munson_Italic-webfont.svg#munsonitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'munsonbold_italic';
    src: url('fonts/munson_bolditalic-webfont.woff2') format('woff2'),
         url('fonts/munson_bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* General */
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background-color: #e1e1de;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	color: #333333;
}
.clearfix:after {
    content: "\0020";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow: hidden;
}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
#page {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#main-content {
	width: 697px;
	float: left;
}
#main-content .full {
	width: 100%;
}
#sidebar {
	width: 300px;
	float: right;
}
.fancybox-lock .fancybox-overlay {
	overflow: hidden !important;
}

/* -------------------------------------------------- */
/*	Pour tarte au citron cnil
/* -------------------------------------------------- */
#tarteaucitronPersonalize { background:#c6c6c6 !important; font-size:12px !important; }
#tarteaucitronDisclaimerAlert { font: 12px verdana !important; }

/* -------------------------------------------------- */
/*	Pour spip
/* -------------------------------------------------- */

/* Boutons d'admin */
.spip-admin-float {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
.spip-admin-boutons {
	font-weight:lighter !important;
}

/* Textes en gras */
strong, b { font-weight:bold; }

/* CSS perso */
.spip-chapo {
	padding:15px 0px 5px 0px;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	font-weight:bold;
	margin-top:20px;
}
.spip-chapo p { font-size:12px !important; color:#333333 !important; }
.spip-ps { font-size:12px !important; color:#333333 !important; font-weight:lighter; background:#efefef; padding:15px; }
.spip-transaction-message { font-size:13px !important; color:#333333 !important; background:#efefef; padding:15px; }
h3.spip { line-height:normal !important; padding-bottom:12px; }


/* Logos, documents et images Spip */
.spip_logos { float: none; margin: 0 0px 0px 0; padding: 0; border: none; }

.spip_documents { margin-top: 1.5em; margin-bottom:0.5em; padding: 0; background: none; }
.spip_documents img { max-width:100%; height:auto; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; max-width: 100%; }
.spip_documents_left { float: left; margin-right: 1.5em; max-width: 100%; }
.spip_documents_right { float: right; margin-left: 1.5em; max-width: 100%; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }

/* Barousel logo articles Spip */
#barousel_logo_spip {
	position: relative;
	overflow: hidden;
	background: #fff;
}

/* Plugin "Transaction" */
.transaction_ok span {
	width: 200px !important;
	height:30px !important;
}
.transaction_ok h3 {
	margin-bottom: 10px;
}

/* Frontoffice auteur des lieux */  
.message-modif {
	background-color:#dd2268;
	font-size:12px;
	padding: 10px;
	color:#fff !important;
}

.article-propose {
	background-color: #99c740;
	color: #fff;
	padding: 5px;
	font-size: 11px;
	float: left;
	margin: -5px 9px 0px 0px;
}

/* Formulaires "Formidable" */
.formulaire_formidable {
	background: #efefef;
	width: 100%;
	padding: 15px 46px 20px 60px;
	margin-bottom: 4px;
	overflow: hidden;
	font-weight:lighter;
}

.formulaire_formidable p.explication {
	margin-top: -10px;
	background: #999999;
	color: #fff !important;
	height: 20px;
	padding: 2px 10px 10px 10px;
	width: 90%;
}

.formulaire_formidable li {
	list-style-type: none !important;
	margin-bottom:10px;
	margin-top:10px;
}

.formulaire_formidable li.saisie_montant_fixe {
	width:100%;
	float:left;
}

.formulaire_formidable li.saisie_oui_non {
	height:85px;
}

.formulaire_formidable label {
	width:300px;
}
.formulaire_formidable input {
	border:1px solid #e0e0e0;
	background:#fff;
	width:90%;
	height: 30px;
	margin:2px 0px 10px 0px;
	font-size:13px;
	padding:0px 0px 0px 5px;
}

.formulaire_formidable select {
	margin-left: 15px;
}

.formulaire_formidable span {
	width: 13px;
	height: 12px;
	background: url(../../squelettes/images/asterisque.png) no-repeat;
	display: inline-block;
}

.formulaire_formidable span.erreur_message {
	width: 100px;
	height: 12px;
	font-size:14px;
	color:#ff0000;
	background: none;
	display: inline-block;
}

.formulaire_formidable span.image_loading {
	background:none;
}

.formulaire_formidable span.transaction_prix {
	width: 70px;
	padding-left: 20px;
	font-weight: bolder;
}

.formulaire_formidable div.choix {
	float: left;
	width: 45px;
}

.formulaire_formidable input[type="submit"] {
	width:100px;
	font-size: 13px;
	color: #fff;
	border: 0;
	background: #000;
	display: block;
	float: right;
	margin-right: 13px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	cursor: pointer;
}
.formulaire_formidable input[type="submit"]:hover {
	color:#000;
	background: #fff;
}

/* Crayons */
.crayon-boutons .crayon-submit { background: #e6efc2 url(images/ok-16.png) 2px center no-repeat; color: #264409; border-color: #c6d880;float:right;margin-bottom: 0.5em;margin-left:0.5em; padding-left: 20px; padding-right:5px; margin-top: 5px; height: 20px;}

.crayon-boutons .crayon-cancel { background: #fbe3e4 url(images/annuler-16.png) center center no-repeat; color: #8a1f11; border-color: #fbc2c4;width: 40px; text-indent: -3000em;padding-right:20px; height:20px;}

/* Logo articles Spip public */
#barousel_logo_spip_public {
	position: relative;
	overflow: hidden;
	background: #34b6d0;
	padding:0 33px 13px 33px;
}
h3.titrem{
	margin-bottom:5px;
	margin-top:5px;
	width:250px;
}

/*Documents images spip public */
.images-documents-public { margin-top:20px; }
.joindre_mode__new {
	background: #efefef;
	overflow:hidden;
	padding:10px;
}
#defaultsubmit__new, #joindre_distant__new, #joindre_mediatheque__new { visibility:hidden; }
.sourceup { visibility:hidden; }
div.ariaformprop { margin-bottom:-200px; }

.images-documents-public div.document, .images-documents-public div.image { 
	width:310px; 
	padding:15px;
	background:#efefef;
	height:270px; 
	margin-right:5px;
}

div.raccourcis, div.type { visibility:hidden; height:0px; }
div.tourner { float:left; margin-right:15px; margin-top:15px; height:155px; }
div.infos { margin-top:15px; }
div.actions { overflow:hidden; height:25px; }

/* Edition nouvel article spip public */
.details #main-content #details {
	padding-top: 25px;
	padding-bottom: 58px;
}
.details #main-content #details h1 {
	margin-bottom: 17px;
}
.details #main-content .ligne {
	background: #efefef;
	width: 100%;
	padding: 15px 46px 20px 60px;
	margin-bottom: 4px;
	overflow: hidden;
}
.details input[type="text"], .details input[type="email"], .details textarea {
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 11px 8px;
	font-size: 12px;
	color: #666;
	font-style: italic;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}
.details input[type="title"] {
	background: #fff;
	width: 100%;
	border: 1px solid #e0e0e0;
	padding: 11px 8px;
	font-size: 12px;
	color: #666;
	font-style: italic;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}
.details label {
	position: relative;
	padding-top: 25px;
	padding-right: 12px;
}
.details .first label {
	width: 253px;
	float: left;
}
.details .required {
	width: 13px;
	height: 12px;
	background: url(../../squelettes/images/asterisque.png) no-repeat;
	display: inline-block;
}
.details label .required {
	position: absolute;
	top: 15px;
	right: 0;
}
.details label.first {
	margin-right: 18px;
}
.details input[type="text"], .details input[type="email"] {
	width: 240px;
}
.details #main-content .ligne.two {
	padding-top: 15px;
}
.details .two label {
	display: block;
}
.details #input_msg {
	height: 145px;
	width: 100%;
	margin-right: 13px;
}
.details #main-content .contenu p.legende {
	display: inline-block;
	float: left;
	font-family: Verdana;
	color: #000;
	font-style: italic;
}
.details .erreur_message {
	position: absolute;
    top: 0;
    font-size: 13px;
    color: red;
}


/* Fin  pour Spip */
/* -------------------------------------------------- */

/* Typographie */
a {
	text-decoration: none;
	color: #333333;
}
a img {
	border: none;
}
h1, h3 {
	font-family: 'Cantata One', serif;
	line-height: 1;
	font-weight: 400;
}
h3 {
	font-size: 18px;
}
.page #main-content h1, .page #main-content h2 {
	font-family: 'Cantata One', serif;
	color: #333333;
	font-weight: 400;
}
.page #main-content h1 {
	font-size: 30px;
}
.page #main-content h2 {
	font-size: 24px;
}
.page h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 14px;
}

/* -------------------------------------------------- */
/*	Clearfix
/* -------------------------------------------------- */
.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}
.clearfix:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ".";
}

/* Header */
#header {
	overflow: hidden;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 150;
}

#top_right {
	float: right;
	margin-top: 19px;
}
.top_search {
	float: left;
	margin-right: 6px;
	width: 250px;
	height: 47px;
	background-color: #d5d5d3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
	padding: 9px;
}
.top_search #s-tab, .top_search #s-mob {
	width: 232px;
	background: #fff;
	border: 1px solid #c0c0bf;
	padding: 6px 3px 6px 7px;
	font-size: 11px;
	color: #747474;
	font-style: italic;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color: #747474;
	font-style: italic;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color: #747474;
	font-style: italic;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color: #747474;
	font-style: italic;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color: #747474;
	font-style: italic;
}
.top_search input[type="submit"] {
	position: absolute;
	top: 17px;
	right: 14px;
	text-indent: -9000px;
	background-image: url(../../squelettes/images/loupe.jpg);
	background-position: 0;
	border: none;
	width: 16px;
	height: 15px;
	cursor: pointer;
}
.top_search input[type="submit"]:hover {
	background-image: url(../../squelettes/images/loupe-hover.jpg);
}
#top_rs {
	float: left;
	padding-top: 15px;
}
#top_rs a, #mob_rs a {
	padding-left: 20px;
	background-repeat: no-repeat;
	display: block;
	height: 18px;
	line-height: 20px;
	float: left;
	margin-left: 7px;
	padding-right: 7px;
	border-right: 1px solid #d3d3d3;
	font-size: 11px;
	font-style: italic;
	color: #747474;
	text-decoration: none;
}
#top_rs a:hover, #mob_rs a:hover {
	color: #000000;
	text-decoration: underline;
}
#top_facebook, #mob_facebook {
	background-image: url(../../squelettes/images/top_facebook.jpg);
}
#top_twitter, #mob_twitter {
	background-image: url(../../squelettes/images/top_twitter.jpg);
}
#top_google, #mob_google {
	background-image: url(../../squelettes/images/top_google.jpg);
}
#top_linkedin, #mob_linkedin {
	background-image: url(../../squelettes/images/top_linkedin.jpg);
	border-right: none !important;
}

nav #top_menu {
	clear: both;
	padding: 0;
	margin-top: 10px;
	margin-left: 152px;
	float: left;
	z-index: 151;
	position: relative;
}
nav #top_menu li {
	display: block;
}
nav #top_menu li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 26px;
	color: #fff;
	font-size: 13px;
}

#top_lang {
	/*margin-top: 10px;
	float: right;*/
	position: absolute;
	right: 0;
	top: 76px;
}
#top_lang li {
	width: 90px;
	height: 26px;
	background-color: #c6c6c6;
	display: block;
	float: left;
	text-align: center;
	margin-left: 1px;
}
#top_lang li a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 26px;
	color: #fff;
	font-size: 13px;
}
#top_lang li.active, #top_lang li:hover {
	background: #000;
}

/* Top accueil */
.sous-cats_container {
	overflow: hidden; 
	background: #fff;
}
.sous-cat {
	height: 71px;
}
.sous-cat p {
	display: block; 
	padding-top: 7px; 
	text-align: center;
	font-size: 14px;
	height: 41px; 
	color: #000;
	background: #efefef;
}
.sous-cat p.active {
	background: #fff;
}
.sous-cat ul {
	padding: 0;
}
.sous-cat ul li {
	display: block;
	float: left;
}
#filters ul li {
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}
.sous-cat ul li a {
	display: block; 
	padding: 5px 13px; 
	font-size: 13px;
	color: #333333;
	font-weight: 500;
}
.sous-cat ul li:hover {
	background-color: #000;
}
.sous-cat ul li:hover a {
	color: #fff;
}
.sous-cats_container p span {
	line-height: 14px;
	display: block;
	float: left;
	text-align: justify;
}
.sous-cat#lieux {
	border-bottom: 1px solid #e1e1de;
}
#future-events p {
	padding-left: 36px;
}
#future-events ul li a {
	padding: 5px 9px;
}
.big-number {
	font-size: 27px;
	line-height: 28px !important;
	margin-right: 4px;
}
.jaune {
	color: #f3a51d !important;
}
.parme {
	color: #d30044 !important;
}
.rose {
	color: #dd2268 !important;
}
.bleu {
	color: #0091b5 !important;
}
.vert {
	color: #99c740 !important;
}

/* Featured video */
#featuredVideo {
	position: relative;
	margin-bottom: 3px;
	border: 2px solid #000;
}
#featuredVideoArticles {
	margin-bottom: 33px !important;
}
#featuredVideo div a {
	display: block;
	line-height: 0.9;
}
#featuredVideo .titre {
	height: 39px;
	position: absolute;
	bottom: -1px;
	width: 100%;
	padding: 0px 0 0 10px;
	color: #fff;
	background: #000;
	font-size: 21px;
	font-family: 'Cantata One', serif;
	font-weight: normal;
	line-height: 39px;
}
#featuredVideo .titre i {
	font-size: 18px;
}
#featuredVideo .titre a {
	color: #fff;
}

/* Featured post */
#featured {
	position: relative;
	margin-bottom: 3px;
}
#featured .image {
	height: 287px;
	background-position: top center;
	background-repeat: no-repeat;
}
#featured .content {
	line-height: 1.3;
}
#featured .content h1 {
	font-family: 'Cantata One', serif;
	font-size: 26px; 
	line-height: 30px;
	color: #fff;
	margin-bottom: 12px;
}
#featured .content p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #fff;
	margin-bottom: 10px;
	text-align: justify;
}
#featured .content a {
	font-size: 13px;
	color: #34b5d0;
	display: inline-block;
}
#featured .content p.copyright {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8px;
	background: #fff;
	padding: 2px 5px 1px 5px;
	position: absolute;
	left: 0;
	display: inline-block;
	margin-bottom: 0;
}

/* Module title */
.module-title {
	background: #fff;
	height: 47px;
	width: 100%;
	margin-bottom: 3px;
	padding: 13px 0 0 12px;
	line-height: 1;
}
.module-title h2 {
	float: left;
	font-size: 18px !important;
	font-family: 'Oswald', sans-serif !important;
	font-weight: 300 !important;
}
.liste .module-title h2 {
	font-size: 19px !important;
}
.module-title i {
	color: #040808;
	margin-right: 3px;
}
.title_right {
	float: right;
}
.title_right p {
	float: left;
	margin: 1px 15px 0 15px;
	font-size: 14px;
	line-height: 21px;
}
.module-title a {
	color: #333;
}
#main-content .module-title a:hover {
	text-decoration: underline;
}
.module-title a.liste {
	color: #2291f0;
}

/* Module items */
.item {
	background-color: #fff;
	border-bottom: #cccccc;
	padding-bottom: 2px;
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
}
#actus-grid .item:hover {
	background-color: #f1f1f1;
}
/* Image items */
.item a.image-link  {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 50;
}
.item a.image-link img {
	max-width: 100%;
	height: auto;
}
.item .corner {
	width: 56px;
	height: 58px;
	position: absolute;
	z-index: 100;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
}
.item.gratuit a.image-link {
	border: 4px solid #71cd9d;
}
.item.gratuit .corner {
	background-image: url(../../squelettes/images/gratuit.png);
}
.item.derniers-jours a.image-link {
	border: 4px solid #34b5d0;
}
.item.derniers-jours .corner {
	background-image: url(../../squelettes/images/derniers-jours.png);
}
.item.coup-de-coeur a.image-link {
	border: 4px solid #a67dc8;
}
.item.coup-de-coeur .corner {
	background-image: url(../../squelettes/images/coup-de-coeur.png);
}
.item.a-venir a.image-link {
	border: 4px solid #d30044;
}
.item.a-venir .corner {
	background-image: url(../../squelettes/images/a-venir.png);
}
.item .content-link, .item .content {
	display: block;
	padding: 4px;
}
.item .content-link p, .item .content p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999999;
	margin: 1px 0 5px;
}
.home .item .content-link p, .home .item .content p {
	margin: 9px 0 5px;
}
.home .item .bottom, .magazine .item .bottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.item a.lieu-event {
	color: #333333;
	font-size: 12px;
	font-family: 'Oswald', sans-serif;
	display: block;
	margin-left: 11px;
	margin-bottom: 7px;
}
.item a.lieu-event:hover {
	text-decoration: underline;
}
#actus-grid .item .delai {
	float: left;
	font-size: 12px;
	padding-left: 8px;
	margin-left: 4px;
	margin-bottom: 8px;
	background: url(../../squelettes/images/rond-gris.png) no-repeat left center;
}
.item_rs {
	float: right;
}
.item_rs a {
	width: 18px;
	height: 18px;
	display: inline-block;
	text-align: center;
	line-height: 13px;
	background: #e4e4e4;
	color: #000;
}
#actus-grid .item:hover .item_rs a {
	background: #bababa;
}
#actus-grid .item .item_rs a:hover {
	background: #191c1f;
}
.item_rs .fa {
	font-size: 13px;
}
#actus-grid .item .item_rs a:hover i {
	color: #fff;
}

/* Module title : artistes selectionnes */
.module-title {
	clear: both;
}
.module-title.artistes-selectionnes {
	margin-top: -2px;
	background: #171717;
	color: #fff;
}
.module-title.artistes-selectionnes a, .module-title.artistes-selectionnes i {
	color: #fff;
}
.module-title.artistes-selectionnes a.liste {
	color: #d30044;
}

/* Module : artistes selectionnes */
.item .content {
	height: 118px;
}
#artistes-grid .item {
	background-color: #151515;
	overflow: hidden;
}
#artistes-grid .item:hover {
	background-color: #000;
}
#artistes-grid .item h3 a {
	color: #fff;
}
#artistes-grid .item u {
	color: #34B2DB;
}
.item .content p a {
	color: #999;
}
#artistes-grid .item .item_rs {
	position: absolute;
	bottom: 0;
	right: 0;
}
#artistes-grid .item .item_rs a {
	background: #656565;
}
#artistes-grid .item .item_rs a:hover {
	background: #dfe5e6;
}
#artistes-grid .item .corner {
	width: 73px;
	height: 72px;
	position: absolute;
	top: 3px;
	right: 3px;
	background-repeat: no-repeat;
	background-image: url(../../squelettes/images/artiste-selectionne.png)
}

/* Sidebar */
#sidebar {
	line-height: 1;
}
#sidebar .sous-cat p {
	padding-left: 87px;
	background-color: #fff;
}
#sidebar .sous-cat ul li {
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
}
#sidebar .sous-cat ul li a {
	padding: 5px 10px;
	line-height: 1.5;
}

#sidebar .side-featured img {
	max-width: 100%;
}
#sidebar .side-featured a {
	display: block;
	margin-bottom: 2px;
	color: #fff;
	background-color: #000000;
	font-size: 13px;
	line-height: 1;
}
#sidebar .side-featured a:hover {
	background-color: #0091b5;
}
#sidebar .side-featured a span {
	display: block;
	padding: 3px 10px 4px 10px;
}

.side-pub {
	margin-bottom: 2px;
}

#sidebar .module-title {
	height: auto;
	padding: 0;
}
#sidebar .module-title h2 {
	float: none;
	padding: 9px 12px 12px 12px;
}
#sidebar .module-title .bottom {
	padding: 2px 0 3px 0;
	background: #000;
	overflow: hidden;
}
#sidebar .module-title .bottom a.liste, #sidebar .module-title .bottom a {
	color: #fff;
}

#sidebar .liste-dernieres-breves {
	height: 335px;
	position: relative;
	background: #fff;
	padding: 12px 0px 2px 14px;
	line-height: 1.3;
}
#sidebar .breve {
	overflow: hidden;
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
}
#sidebar .breve p.date {
	font-size: 14px;
	color: #000;
}
#sidebar .breve p.extrait {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999999;
	margin: 3px 0 0;
}
#sidebar .breve a.more {
	float: right;
	font-size: 11px;
	color: #000;
	margin-bottom: 2px;
}
#sidebar .breve a.more:hover {
	color: #a67dc8;
}
#sidebar .breve a.more i {
	color: #a67dc8;
}
/* Scrollbar */
.flexcroll {
	height: 318px;
	width: 286px;
	padding-right: 10px;
	position: relative;
	overflow: auto;
}
.vscrollerbase {width: 15px; position: absolute; top: 0px; right:0px; height: 195px; visibility: visible !important}
.vscrollerbar {width: 15px; cursor: pointer; cursor: hand}
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.vscrollerbaseend, .vscrollerbarend {width: 7px; height: 10px}
.vscrollerbarbeg {width: 7px; background-color: #999; -moz-border-radius:2.5px; -webkit-border-radius:3px; margin-left: 5px}

#sidebar .module-link {
	margin: 3px 0 2px 0;
	padding: 9px;
	background: #fff;
	overflow: hidden;
}
#sidebar .module-link a {
	float: left;
	font-size: 14px;
	line-height: 15px;
	color: #000;
}
#sidebar .module-link .square {
	display: block;
	float: left;
	background-color: #000;
	width: 15px;
	height: 15px;
	font-size: 10px;
	color: #fff;
	margin-right: 4px;
	text-align: center;
}

#sidebar .module-title.black {
	overflow: hidden;
	height: 41px;
	margin-bottom: 1px;
}
.module-title.black {
	background-color: #151515;
}
.module-title.black h2 {
	color: #fff !important;
}
#sidebar .module-title.black h2 {
	float: left;	
	padding: 9px 5px 12px 12px;
}
#sidebar .module-title.black p {
	margin: 1px 9px 0 6px;
}
#sidebar .module-title.black a {
	line-height: 40px;
	font-size: 12px;
	color: #fff;
}
#sidebar .module-title.black a img {
	vertical-align: -2px;
}
#sidebar .module-title.black a.liste {
	color: #fff;	
}
#sidebar .module-title a.lien-rss {
	position: relative;
	padding-left: 20px;
}
#sidebar .module-title a.lien-rss .fa-circle {
	color: #fff;
	position: absolute;
	top: 1px;
	left: 0;
	text-align: left;
	font-size: 16px;
}
#sidebar .module-title a.lien-rss .fa-rss {
	color: #000;
	font-size: 9px;
	position: absolute;
	top: 4px;
	left: 4px;
}
#sidebar .module-title.derniers-jours a:hover {
	color: #d30044;
}
#sidebar .module-title.vernissages-a-venir a:hover, #sidebar .module-title a.lien-rss:hover .fa-circle {
	color: #0091b5 !important;
}


#sidebar .liste {
	margin-bottom: 3px;
}
#sidebar .liste li {
	padding: 9px 0 3px 19px;
	position: relative;
	list-style-type: none;
	background: #fff;
}
#sidebar .liste li:nth-child(odd) {
	background: #f4f4f4;
}
#sidebar .liste li .item-title {
	color: #000;
	font-size: 14px;
	margin-bottom: 2px;
}
#sidebar .liste li span {
	color: #d30044;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	display: inline-block;
}
#sidebar .liste.vernissages-a-venir li span {
	color: #34b2dc;
}
#sidebar .liste li span.item-lieu {
	padding-left: 13px;
	background: url(../../squelettes/images/lieu.png) no-repeat left center;
	margin-right: 20px;
}
#sidebar .liste li span.item-date {
	padding-left: 11px;
	background: url(../../squelettes/images/date.png) no-repeat left center;
}
#sidebar .liste li .arrow {
	width: 31px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	font-size: 17px;
	line-height: 46px;
	color: #fff;
	background: #e3e3e3;
}
#sidebar .liste.vernissages-a-venir li span.arrow {
	color: #fff;
}
#sidebar .liste li:nth-child(odd) .arrow {
	background: #cdcdcd;
}
#sidebar .liste.derniers-jours li:hover {
	background-color: #d30044;
}
#sidebar .liste li:hover span {
	color: #fff;
}
#sidebar .liste li:hover .arrow {
	background: #000 !important;
}
#sidebar .liste.vernissages-a-venir li:hover {
	background-color: #34b2dc;
}

.header-compact {
	height: 39px;
	background-image: none;
	padding-left: 0px;
	padding-right: 80px;
	overflow: hidden;
	color: #ffffff;
	background: #99c740 14px 14px;
	border-bottom: 2px solid #6a8a2d;
	position: relative;
}
.header-compact h1 a {
	font-size: 12px;
	line-height: 15px;
	padding: 14px 15px 10px 30px;
	background: url(/squelettes/images/retour.png) no-repeat 7px 15px;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	border-right: 1px dotted #6a8a2d;
	color:#FFFFFF !important;
}
.header-compact h1 a:hover {
	background: #6a8a2d url(/squelettes/images/retour.png) no-repeat 7px 15px;
}

#sidebar .newsletter {
	padding: 10px 64px 15px 17px;
	background: #151515;
	position: relative;
}
#sidebar .newsletter h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #fff;
	margin-bottom: 6px;
}
#sidebar .newsletter p {
	color: #999;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	margin-bottom: 7px;
}
#sidebar .newsletter #mail {
	width: 217px;
	height: 24px;
	background: #4e4e4e;
	border: none;
	padding: 6px 3px 6px 7px;
	font-size: 10px;
	color: #999999;
	font-style: italic;
}
#sidebar .newsletter #news-submit {
	width: 31px;
	height: 100%;
	position: absolute;
	border:none;
	text-indent: -9999px;
	cursor: pointer;
	top: 0;
	right: 0;
	background: #d30044 url(../../squelettes/images/news-hover.jpg) no-repeat center;
}
#sidebar .newsletter #news-submit:hover {
	background: #1f1f1f url(../../squelettes/images/news-submit.jpg) no-repeat center;
}
#sidebar #last-news {
	margin-top: 1px;
	display: inline-block;
	padding: 6px 14px 6px 13px;
	color: #fff;
	background-color: #34b2dc;
	text-align:center;
	font-size: 12px;
	width: 133px;
}
#sidebar #last-news:hover {
	background-color: #2589ab;
}
#sidebar #last-news-archives {
	margin-top: 1px;
	display: inline-block;
	padding: 6px 14px 6px 13px;
	color: #fff;
	background-color: #99c740;
	text-align:center;
	font-size: 12px;
	width: 133px;
}
#sidebar #last-news-archives:hover {
	background-color: #6a8a2d;
}


/* -------------------------------------------------- */
/* **************** Evénements Détails ************** */
/* -------------------------------------------------- */

/* Evénements Détails : main-content */
.secondary-nav {
	background: #fff;
	height: 72px;
	overflow: hidden;
	margin-bottom: 2px;
}
.secondary-nav a {
	line-height: 1;
	padding: 46px 13px 8px 13px;
	background-color: #999999;
	display: block;
	float: left;
	margin-right: 1px;
	color: #fff;
}
.secondary-nav a.retour {
	color: #666666;
	background-color: #efefef;
	font-size: 13px;
	padding: 44px 10px 8px 10px;
	width: 155px;
}
#main-content .contenu {
	background-color: #fff;
	padding: 27px 33px 20px 33px;
	margin-bottom: 2px;
}
#main-content #details {
	background-color: #fff;
	overflow: hidden;
	padding-top:15px;
}
.secondary-nav a i, .secondary-nav a span {
	font-size: 18px;
}
.secondary-nav a.prev:hover, .secondary-nav a.next:hover {
	background: #000;
}
#main-content .contenu p, #main-content #texte p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.2;
	margin-bottom: 12px;
	text-align: justify;
	color: #666666;
}
#main-content .title {
	background: #fff;
	min-height:40px;
	padding: 9px 13px 11px 12px;
	position: relative;
	overflow: hidden;
}
#main-content .title .rond {
	display: block;
	width: 58px;
	height: 58px;
	line-height: 58px;
	-webkit-border-radius: 58px;
	-moz-border-radius: 58px;
	border-radius: 58px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	float: left;
	margin-right: 8px;
}
#main-content .title .rond.gratuit {
	background-color: #71cd9d;
	text-transform:capitalize;
}
#main-content .title .rond.coup-de-coeur {
	background-color: #a67dc8;
	text-transform:capitalize;
}
#main-content .title h1 {
	float: left;
}
#main-content .categories {
	position: absolute;
	right: 0px;
	bottom: 9px;
}
#main-content .categories a {
	font-size: 11px;
	color: #666;
	font-family: Verdana, Arial, sans-serif;
	padding: 0 15px 0 25px;
	display: inline-block;
}
/* Barousel */
#galerie {
	padding-bottom: 25px;
	background: #fff;
}
#barousel_thslide {
	position: relative;
	overflow: hidden;
	background: #fff;
	height: 389px;
}
.barousel_image {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 287px;
}
.barousel_image img {
	position: absolute;
	display: none;
}
.barousel_image img.default {
	display: block;
}
#thslide_barousel_nav {
	position: absolute;
	bottom: 20px;
}
.thslide {
	background: #fff;
	width: 100%;
	height: 82px;
}
.thslide_list {
	float: left;
	overflow: hidden;
	position: relative;
	width: 563px;
	height: 82px;
}
.thslide_list ul {
	float: left;
	width: 9000px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.thslide_list li {
	float: left;
	margin-right: 1px;
}
.thslide_list li a {
	display: block;
	position: relative;
	width: 93px;
	height: 82px;
	text-decoration: none;
}
.thslide_list li a img {
	max-width: 100%;
	width: 100%;
	height: auto;
}
.thslide_nav_previous, .thslide_nav_next {
	height: 82px;
	background-color: #999999;
}
.thslide_nav_previous:hover, .thslide_nav_next:hover {
	background-color: #000000;
}
.thslide_nav_previous a, .thslide_nav_next a {
	color: #fff;
	display: block;
	font-size: 18px;
	padding-top: 52px;
	height: 100%;
	width: 100%;
}
.thslide_nav_previous {
	float: left;
	width: 67px;	
	text-align: left;
	padding-left: 10px;
}
.thslide_nav_next {
	float: right;
	width: 66px;	
	text-align: right;
	padding-right: 10px;
}
.barousel_content {
	position: absolute;
	width: 100%;
	bottom: 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8px;
	color: #333333;
	text-align: center;
}
.event-details .barousel_content {
	height: 16px !important;
}
.barousel_content p {
	line-height: 16px;
}
.barousel_content div {
    display:none;    
}
.barousel_content div.default {
    display:block;    
}
#main-content p.dates-expo {
	font-size: 15px;
	font-family: "Oswald", sans-serif;
	color: #000;
	margin: 17px 0px 0px 0px;
}
#main-content .post-info {
	position: relative;
	border-top: 1px solid #e5e5e5;
	margin-top: 17px;
	padding-top: 7px;
}
#main-content .post-info a.auteur {
	color: #000;
	font-size: 14px;
}
#main-content .post-info a.auteur i {
	margin-right: 3px;
}
#main-content .post-info .item_rs a:hover {
	background-color: #191c1f;
	color: #fff;
}
#main-content .module-title.artiste {
	background: #151515;
}
#main-content .module-title.artiste h2, #main-content .module-title.artiste a {
	color: #fff;
}
#main-content #artiste-details {
	padding-top: 15px;
	padding-bottom: 13px;
}

/* Evénements Détails : sidebar */
#sidebar .details-lieu {
	background: #fff;
}
#sidebar .details-lieu div.container {
	padding: 14px 20px 12px 11px;
}
#sidebar .details-lieu p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.2;
	margin-bottom: 0;
	color: #666666;
}
.page #sidebar h2 {
	color: #333333;
	font-size: 18px;
	font-weight: 300;
}
.page #sidebar #lineOne h2 {
	float: left;
}
#sidebar .bouton-rose {
	float: right;
	display: block;
	background-color: #dd2268;
	font-size: 13px;
	color: #fff;
	padding: 4px 12px 5px 12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
}
#sidebar .details-lieu div#lineOne {
	padding: 16px 10px 1px 16px;
}
#sidebar .details-lieu div#lineTwo {
	clear: both;
	border-top: 1px solid #e1e1de;
	padding: 0;
}
.page #sidebar #lineTwo a {
	float: left;
}
#sidebar .details-lieu .right {
	float: right;
}
#sidebar .details-lieu .item_rs {
	float: left;
}
#sidebar .details-lieu .item_rs a {
	height: 26px;
	width: 26px;
	margin-right: 1px;
	line-height: 21px;
}
#sidebar .details-lieu .item_rs a:hover {
	background: #020202;
	color: #fff;
}
#sidebar .details-lieu #lien-details-lieu {
	padding: 6px 22px 7px 17px;
	font-size: 13px;
	border-right: 1px solid #e1e1de;
}
#sidebar .details-lieu #lien-details-lieu:hover {
	background-color: #000;
	color: #fff;
}
#sidebar .details-lieu #plan {
	clear: both;
	position: relative;
}
#sidebar .details-lieu a.zoom {
	position: absolute;
	z-index: 100;
	bottom: 1px;
	right: 0;
	width: 26px;
	height: 27px;
	background: url(../../squelettes/images/zoom_plan.jpg) no-repeat;
}
#sidebar .details-lieu div#adresse {
	padding: 20px 15px 6px 15px;
	border-bottom: 1px solid #e1e1de;
}
#sidebar .details-lieu div#adresse p {
	margin-bottom: 17px;
}
.page #sidebar h3 {
	margin-bottom: 5px;
	font-weight: 300;
}
#sidebar .details-lieu .mode-acces div {
	border-bottom: 1px solid #e1e1de;
	overflow: hidden;
}
#sidebar .details-lieu .mode-acces img {
	float: left;
	margin-right: 11px;
}
#sidebar .details-lieu .mode-acces p {
	width: 230px;
	float: left;
}
#sidebar .details-lieu #horaires, #sidebar .details-lieu .horaires {
	background-color: #333;
	padding: 7px 11px 6px 15px;
}
#sidebar .details-lieu #horaires h3, #sidebar .details-lieu .horaires h3 {
	color: #99c740;
}
#sidebar .details-lieu #horaires p, #sidebar .details-lieu .horaires p {
	color: #fff;
}
#sidebar .details-lieu #tarifs {
	padding: 13px 11px 15px 15px;
}
#sidebar .details-lieu #tarifs h3, #sidebar .details-lieu #adresse h3 {
	color: #000;
}
.page #sidebar .liste li span.item-date {
	padding-left: 0;
	background: none;
}
#sidebar .module-title.black.programme a:hover, #sidebar .liste.programme li span.item-date {
	color: #99c740;
}
#sidebar .liste li span.item-date i {
	color: #a0a0a0;
}
#sidebar .liste.programme li:hover span.item-date, #sidebar .liste.programme li:hover span.item-date i {
	color: #fff;
}
#sidebar .liste.programme li:hover {
	background-color: #99c740;
}
#sidebar .module-title.black.evenements-alentours a:hover, #sidebar .liste.evenements-alentours li span.item-date {
	color: #34b2dc;
}
#sidebar .liste.evenements-alentours li:hover span.item-distance, #sidebar .liste.evenements-alentours li:hover span.item-galerie {
	color: #fff;
}
#sidebar .liste.evenements-alentours li span.item-distance {
	margin-right: 20px;
}
#sidebar .liste.evenements-alentours li span.item-distance i, #sidebar .liste.evenements-alentours li span.item-galerie i {
	color: #a0a0a0;
	font-size: 13px;
}
#sidebar .liste.evenements-alentours li:hover span.item-distance i, #sidebar .liste.evenements-alentours li:hover span.item-galerie i {
	color: #2d7892;
}
#sidebar .liste.evenements-alentours li:hover {
	background-color: #34b2dc;
}

/* Liste evenements */
.list-filters {
	padding-top: 45px;
	background: #fff;
	position: relative;
	overflow: hidden;
}
a.rss-noir {
	position: absolute;
	line-height: 20px;
	top: 14px;
	right: 13px;
	font-size: 12px;
	padding-left: 22px;
	color: #363636;
}
a.rss-noir .fa-circle {
	color: #030606;
	position: absolute;
	top: 0px;
	left: 0;
	text-align: left;
	font-size: 20px;
}
a.rss-noir .fa-rss {
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 4px;
	left: 4px;
}
a.rss-noir:hover {
	text-decoration: underline;
}
.filter-menu {
	display: block;
	float: left;
	width: 191px;
	margin-left: 1px;
}
.filter-menu div {	
	position: relative;
	padding: 35px 15px 15px 15px;
	background-color: #c6c6c6;	
	border-bottom: 4px solid #adadad;
}
.filter-menu.type-evenement {
	width: 232px;
	margin-left: 0;
}
.filter-menu.active div, .filter-menu.first div {
	background-color: #333333;
	border-bottom: 4px solid #262626;
}
.filter-menu select {
	width: 100%;
}
.filter-menu div a.close-button {
	width: 15px;
	height: 15px;
	display: none;
	background: url(../../squelettes/images/croix.png) no-repeat;
	position: absolute;
	top: 6px;
	right: 7px;
}
.filter-menu.active div a.close-button {
	display: block;
}
.filter-title {
	display: block;
	width: 100%;
	background: #a1a1a1;
	color: #fff;
	font-size: 13px;
	line-height: 26px;
	padding-left: 9px;
	border-bottom: 2px solid white;
}
.filter-menu.active .filter-title {
	background-color: #34b5d0;
}
.type-evenement .filter-title {
	background-color: #333333 !important;
}


.liste .secondary-nav {
	clear: both;
	background: #cdcdcd;
	padding-left: 0;
}
.liste .secondary-nav a.retour {
	background-color: transparent;
}
.liste .secondary-nav .nav-info {
	width: 232px;
	height: 72px;
	float: left;
}
.secondary-nav .nav-info:hover {
	background-color: #000;
}
.secondary-nav a.retour:hover, .secondary-nav .nav-info:hover a, .secondary-nav .nav-info:hover span {
	color: #fff;
}
.nombre-pages {
	padding: 46px 10px 6px 10px;
	color: #666;
	display: block;
	text-align: right;
	float: right;
	font-size: 13px;
}
.nombre-pages .black {
	color: #000;
}
.secondary-nav .nombre-pages a {
	padding:0;
	background-color: transparent;
	display: inline;
	float: none;
	margin-right: 0px;
	color: #000;
}
.search-nav li {
	display: block;
}
.search-nav li a {
	background: transparent;
	color: #333;
	font-size: 12px;
	height: 72px;
	padding: 53px 8px 6px 8px;
}
.search-nav li.active a, .search-nav li a:hover {
	background-color: #000;
	color: #fff;
}
.liste .secondary-nav .next {
	position: absolute;
	right: 0;
	margin-right: 0;
}
/* Horizontal List */
.horizontal-list .item {
	width: 100%;
	height: 202px;
	overflow: hidden;
	background: #f1f1f1;
}
.horizontal-list .item a.image-link {
	height: 202px;
	width: 229px;
	float: left;
}
.horizontal-list .item .principal {
	width: 212px;
	padding: 12px 12px 12px 7px;
	background: #fff;
	float: left;
}
.horizontal-list .item:hover .principal {
	background-color: #f1f1f1;
}
.horizontal-list .item:hover .details {
	background-color: #ffffff;
}
.horizontal-list .item .principal h3 {
	font-size: 20px;
	font-family: 'Cantata One', serif;
}
.horizontal-list .item .principal img {
	display: block;
}
.horizontal-list .item .principal p {
	font-size: 14px;
	line-height: 1.2;
	margin: 4px 0;
}
.horizontal-list .item .principal .nom-artiste p, .horizontal-list .item .principal .nom-artiste a {
	color: #000;
}
.horizontal-list .item .principal .nom-artiste a:hover, .horizontal-list .item .principal .lieu-evenement a:hover {
	color: #34b5d0;
}
.horizontal-list .item .encours {
	float:right;
	color: #fff;
	display: inline-block;
	line-height: 19px;
	padding: 0px 8px 0px 14px;
	margin-bottom: 8px;
	margin-top:4px;
	font-size: 12px;
	background: #fc6521 url(../../squelettes/images/rond-gris.png) no-repeat 5px center;
}
.horizontal-list .item .passe {
	float:right;
	color: #fff;
	display: inline-block;
	line-height: 19px;
	padding: 0px 8px 0px 14px;
	margin-top:4px;
	margin-bottom: 8px;
	font-size: 12px;
	background: #d60101 url(../../squelettes/images/rond-gris.png) no-repeat 5px center;
}
.horizontal-list .item .details {
	float: left;
	position: relative;
	width: 559px;
	height: 202px;
	padding: 12px 23px 0 13px;
}
.horizontal-list .item .details p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 1.2;
	margin-bottom: 10px;
	text-align: justify;
	color: #666666;
}
.horizontal-list .item .details .delai {
	color: #fff;
	display: inline-block;
	line-height: 19px;
	padding: 0px 8px 0px 14px;
	margin-bottom: 8px;
	font-size: 12px;
	background: #000 url(../../squelettes/images/rond-gris.png) no-repeat 5px center;
}
.horizontal-list .item .details p.categories-evenement {
	font-family: 'Oswald', sans-serif;
	color: #333;
	font-size: 12px;
}
.horizontal-list .item .details .item_rs {
	position: absolute;
	bottom: 0px;
	right: 0;
}
.horizontal-list .item .details .item_rs a:hover {
	background: #191c1f;
	color: #fff;
}

/* Artist list */
.artist-list .item {
	width: 198px;
	height: 310px;
	margin-right: 2px;
	margin-bottom: 3px;
}
.artist-list .item:hover {
	background-color: #f1f1f1;
}
.artist-list .item.last {
	margin-right: 0;
}
.artist-list .item .principal {
	padding: 3px 25px 12px 5px;
	height: 99px;
	overflow: hidden;
}
.artist-list .filter-menu.medium-evenement {
	width: 232px;
	margin-left: 0;
}
.artist-list .filter-menu.active .filter-title {
	background-color: #a67dc9;
}
.artist-list .filter-menu.first .filter-title {
	background-color: #333 !important;
}
.artist-list .item .principal p.categories-evenement {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #999;
}
.artist-list .item .principal p.categories-evenement a {
	color: #999;
}
.artist-list .item h3 {
	font-size: 21px;
	font-family: 'Cantata One', serif;
	margin-bottom: 10px;
}

/* Artist details */
.artist-details #barousel_thslide, .venue-details #barousel_thslide {
	height: 370px;
}
.artist-details .barousel_content, .venue-details .barousel_content {
	height: auto;
	bottom: 81px;
	font-size: 11px;
	color: #000;
	z-index: 100;
	text-align: left;
}
.artist-details .barousel_content .legende, .venue-details .barousel_content .legende {
	background: #fff;
	padding: 0 7px;
}
.artist-details #thslide_barousel_nav, .venue-details #thslide_barousel_nav {
	bottom: 1px;
}
#main-content .contenu {
	padding: 0 33px 13px 33px;
}
.artist-details .contenu h3, .venue-details .contenu h3 {
	padding-top: 25px;
	margin-bottom: 10px;
	color: #000;
	font-weight: 300;
}
.artist-details #main-content .post-info, .venue-details #main-content .post-info {
	height: 25px;
	padding-top: 0px;
}
.artist-details #galerie, .venue-details #galerie {
	padding-bottom: 0;
}
#evenements-lies {
	position: relative;
}
#evenements-lies img {
	float: left;
	margin-right: 10px;
}
#main-content #evenements-lies h2 {
	margin: 6px 0 2px 0;
} 
#main-content #evenements-lies p {
	font-size: 10px;
	color: #999;
	padding-right: 15px;
	margin-bottom: 5px;
}
#evenements-lies .delai {
	float: left;
	font-size: 12px;
	padding-left: 8px;
	background: url(../../squelettes/images/rond-gris.png) no-repeat left center;
}
#evenements-lies .bouton-vert {
	color: #fff;
	font-size: 12px;
	background-color: #99c740;
	float: right;
	display: block;
	padding: 0 13px;
	line-height: 23px;
}
#evenements-lies .item_rs, #evenements-lies .partage-mobile {
	top: 0;
	position: absolute;
	right: 0;
	line-height: 13px;
}
#sidebar .details-artiste {
	margin-bottom: 2px;
}
#sidebar .details-artiste .container {
	background: #fff;
	padding: 6px 10px 8px 11px;
}
#sidebar .details-artiste h2#nom-artiste {
	line-height: 72px;
	font-size: 14px;
	background: #fff;
	margin-bottom: 2px;
	padding-left: 10px;
}
#sidebar .details-artiste #oeuvre img {
	display: block;
}
#sidebar .details-artiste .style-artiste {
	border-top: 1px solid #e1e1de;
	border-bottom: 1px solid #e1e1de;
	padding: 10px 10px 9px 11px;
}
#sidebar .details-artiste p {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.2;
	margin-bottom: 10px;
	color: #666666;
}
#sidebar .details-artiste p a {
	text-decoration: underline;
}
#sidebar .expo-artiste li {
	height: 45px;
	padding-top: 16px;
}
#sidebar .liste.expo-artiste li:hover {
	background-color: #99c740;
}
#sidebar .liste.evenements-alentours li span.item-distance {
	color: #34b2dc;
}
#sidebar .liste.evenements-alentours li:hover span.item-distance {
	color: #fff;
}

/* Détails lieux : venue details */
.details #main-content #texte {
	margin-top: 25px;
	margin-bottom: 35px;
}

/* Liste lieux : venue list */
.venue-list .filter-menu.type {
	width: 232px;
	margin-left: 0;
}
.venue-list .filter-menu.active .filter-title {
	background-color: #dd2268;
}
.venue-list .type .filter-title {
	background-color: #333 !important;
}
.venue-list .type div {
	background-color: #333;
	border-bottom: 4px solid #262626;
}
.liste .secondary-nav .search-nav.alphabetical {
	background: #000;
	overflow: hidden;
}
.liste .secondary-nav .search-nav.alphabetical li a {
	background: #000;
	color: #fff;
	margin-right: 0;
	padding: 53px 12px 6px 11px;
}
.liste .secondary-nav .search-nav.alphabetical li.active a, .liste .secondary-nav .search-nav.alphabetical li a:hover {
	background: #fff;
	color: #000;
}
.module-title.lieu {
	background-color: #dd2268;
	color: #fff;
	margin-top: 4px;
	margin-bottom: 0;
	height: 36px;
	padding-top: 7px;
	position: relative;
}
.module-title.lieu#titre-galerie {
	margin-top: 2px;
}
.module-title.lieu i, .module-title.lieu a {
	color: #fff;
}
.liste-lieux {
	overflow: hidden;
}
.venue-list .item {
	height: 112px;
	margin-bottom: 3px;
	padding-bottom: 0;
}
.venue-list .item:hover, .venue-list .item:hover .bottom {
	background-color: #f1f1f1;
}
.venue-list .item.left {
	width: 622px;
	float: left;
	margin-right: 1px;
}
.venue-list .item.right {
	width: 377px;
	float: right;
}
.venue-list .item img {
	float: left;
}
.venue-list .item img.img-lieu {
	max-width: 329px;
	height: 91px;
}
.venue-list .item img.img-expo {
	max-width: 303px;
	height: 91px;
}
.venue-list .item .principal {
	padding: 7px 4px 3px 11px;
	height: 91px;
	overflow: hidden;
	float: left;
	position: relative;
	border-bottom: 1px solid #d2d2d2;
}
.venue-list .item.left .principal {
	width: 293px;
	font-size: 12px;
}
.venue-list .item.right .principal {
	width: 274px;
	padding-top: 29px;
}
.venue-list .item .principal h3 {
	font-family: 'Cantata One', serif;
	font-size: 21px;
}
.venue-list .item .infos-lieu p.type-lieu {
	float: left;
	line-height: 21px;
}
.venue-list .item .infos-lieu .services {
	float: right;
}
.venue-list .item .infos-lieu .services img {
	margin-left: 7px;
}
.venue-list .item.right .principal .evenements-moment {
	color: #dd2268;
	font-size: 12px;
	line-height: 20px;
	background-color: #cccccc;
	padding: 0 8px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.venue-list .item.right .principal h3 {
	font-size: 18px;
}
.venue-list .item .bottom {
	clear: both;
	background: #fff;
	font-size: 12px;
	line-height: 21px;
	overflow: hidden;
	padding: 0 1px 0 6px;
}
.venue-list .item.left .bottom {
	color: #000;
}
.venue-list .item .bottom .item_rs {
	margin-top: -2px;
}
.venue-list .item .bottom .item_rs a:hover {
	background-color: #191c1f;
	color: #fff;
}
.venue-list .item.left .bottom span {
	margin-right: 4px;
}
.venue-list .item.right .bottom {
	color: #333;
}
.venue-list .item .delai {
	color: #333;
	padding-left: 8px;
	background: url(../../squelettes/images/rond-gris.png) no-repeat left center;
}

/* Details magazine */
.date-sortie {
	color: #a67dc8;
	font-size: 13px;
}
.magazine-details .date-sortie {
	float: right;
	padding-top: 25px;
	padding-right: 8px;
}
.magazine-details #details {
	margin-bottom: 4px;
}
img.alignleft {
	display: block;
	float: left;
}
.magazine-details #texte {
	padding: 0px 14px 14px 26px;
	border-top: 1px solid #e5e5e5;
}
.magazine-details #texte h3 {
	margin-bottom: 4px;
	margin-top: 25px;
}
.magazine-details #texte h3:first-child {
	margin-bottom: 10px;
}
.magazine-details #main-content .post-info {
	clear: both;
	margin: 30px 28px 13px 26px;
	padding-top: 0px;
	overflow: hidden;
}
a.download {
	font-size: 14px;
	color: #fff;
	background-color: #a67dc8;
	display: inline-block;
	padding: 0 5px 2px 5px;
}
.magazine-details #sidebar {
	background: #fff;
}
#sidebar .details-magazine h2 {
	line-height: 72px;
	font-size: 14px;
	text-transform: uppercase;
	background: #fff;
	border-bottom: 2px solid #e1e1de;
	padding-left: 10px;
}
#sidebar .article-mag {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #e1e1de;
}
#sidebar .article-mag img {
	float: left;
	margin-right: 6px;
}
#sidebar .article-mag h3 {
	margin-top: 12px;
	font-size: 13px;
	margin-bottom: 4px;
}
#sidebar .article-mag p.nom {
	font-size: 18px;
	line-height: 23px;
	font-family: 'Cantata One', serif;
	margin-top: 3px;
}
.magazine-details #sidebar #pub-one {
	margin-bottom: 0;
	border-bottom: 1px solid #e1e1de;
}

/* Magazine */
.magazine .item:hover {
	background-color: #f1f1f1;
}
.magazine .module-title {
	margin-top: 3px;
}
.magazine .module-title a.liste {
	color: #a67dc8;
}
.magazine .module-title.black i {
	color: #fff;
}
.magazine .item.last {
	margin-right: 0px;
}
.magazine .item h3 {
	font-size: 20px;
	font-family: 'Cantata One', serif;
	margin-bottom: 6px;
}
.magazine #magazine-actus .item h3 {
	font-size: 18px;
	margin-bottom: 10px;
}
.magazine .item .content-link p {
	font-size: 11px;
}
.magazine .item .date-sortie {
	margin-left: 4px;
	display: block;
	margin-bottom: 3px;
}
.magazine .item .item_rs a:hover {
	background: #191c1f;
	color: #fff;
}

/* Contact */
.contact #main-content #details {
	padding-top: 25px;
	padding-bottom: 58px;
}
.contact #main-content #details h1 {
	margin-bottom: 17px;
}
.contact #main-content .ligne {
	background: #efefef;
	width: 100%;
	padding: 15px 46px 20px 60px;
	margin-bottom: 4px;
	overflow: hidden;
}
.contact input[type="text"], .contact input[type="email"], .contact textarea {
	background: #fff;
	border: 1px solid #e0e0e0;
	padding: 11px 8px;
	font-size: 12px;
	color: #666;
	font-style: italic;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}
.contact label {
	position: relative;
	padding-top: 25px;
	padding-right: 12px;
}
.contact .first label {
	width: 253px;
	float: left;
}
.contact .required {
	width: 13px;
	height: 12px;
	background: url(../../squelettes/images/asterisque.png) no-repeat;
	display: inline-block;
}
.contact label .required {
	position: absolute;
	top: 15px;
	right: 0;
}
.contact label.first {
	margin-right: 18px;
}
.contact input[type="text"], .contact input[type="email"] {
	width: 240px;
}
.contact #main-content .ligne.two {
	padding-top: 15px;
}
.contact .two label {
	display: block;
}
.contact #input_msg {
	height: 145px;
	width: 100%;
	margin-right: 13px;
}
#contact_submit {
	font-size: 13px;
	color: #fff;
	border: 0;
	background: #000;
	display: block;
	float: right;
	margin-right: 13px;
	padding: 7px 8px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	cursor: pointer;
}
#contact_submit:hover {
	background: #fff;
	color: #000;
}
.contact #main-content .contenu p.legende {
	display: inline-block;
	float: left;
	font-family: Verdana;
	color: #000;
	font-style: italic;
}
.contact .erreur_message {
	position: absolute;
    top: 0;
    font-size: 13px;
    color: red;
}
.contact #sidebar .details-lieu div#lineOne {
	padding: 16px 10px 10px 16px;
}
.contact #sidebar #lineOne h2 {
	float: none;
}
.contact #sidebar #pub-one {
	margin-top: 2px;
}
.contact #sidebar .details-lieu div#adresse {
	float: left;
	padding: 20px 15px 0px 15px;
	border-bottom: none;
}
.contact #sidebar .details-lieu div.borders {
	border-bottom: 1px solid #e1e1de;
	overflow: hidden;
}

/* Footer */
#footer {
	clear: left;
	padding-top: 35px;
}
#footer ul li {
	width: 120px;
	height: 72px;
	padding: 10px 17px;
	display: block;
	float: left;
	border-left: 1px solid #000;
}
#footer ul li, #footer ul li a {
	color: #151515;
	font-size: 14px;
	line-height: 1.29;
}
#footer ul li:hover a {
	color: #0091b5;
}
#footer #app-icon {
	display: block;
	float: left;
	margin-right: 10px;
}


/***** PODCAST *********/
.pagePodcast .secondary-nav{
    margin-bottom: 0;
}
#podcastGrid{
    display: flex;
    flex-wrap: wrap;
    padding:2px;
    background: #fff;
}
#podcastGrid .item{
    flex-basis: 50%;
    border: 2px solid #FFF;
    background: #000105;
    margin: 0;
    display: flex;
    color: #fff;
    height: auto;
    padding-bottom: 0;
}
#podcastGrid .item a.image-link{
    line-height: 1;
    flex-basis: 55%;
}
#podcastGrid .item .content-link{
    flex-basis: 45%;
    position: relative;
}
#podcastGrid .item.line1{
    flex-direction: row-reverse;
}
#podcastGrid .item .content-link .episode{
    position: absolute;
    transform: rotate(-90deg);
    top: 15px;
    left: -5px;
    text-transform: uppercase;
}
#podcastGrid .item .content-link .episode span{
    letter-spacing: .5px;
}
#podcastGrid .item.line2 .content-link .episode{
    left: inherit;
    right: -5px;
}
#podcastGrid .item .content-link .dureePodcast{
    background: url(../../squelettes/images/iconeplay.svg) no-repeat center top;
    position: absolute;
    top: 11px;
    right: 12px;
    padding-top: 40px;
    color: #fff;
    text-align:center;
    width: 40px;
}
#podcastGrid .item .content-link .dureePodcast{
    font-size: 14px;
}
#podcastGrid .item.line2 .content-link .dureePodcast{
    left: 12px;
    right: inherit;
}
#podcastGrid .item .content-link h3{
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    line-height: 1.5;
}
#podcastGrid .item .content-link h3 a{
    color: #fff;
    font-family: munsonbold_italic;
    font-weight: normal;
}
#podcastGrid .item .content-link .sousTitre{
    text-decoration: underline;
    font-family: munsonitalic;
}