/* #SPIP */
/** #TYPO **/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,800,700,600');
@import url('https://overpass-30e2.kxcdn.com/overpass.css');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');

/* COLOR & AND OLD*/
.my_bleu, .my_bleu_clair, .my_bone_grey, .my_gris, .my_orange, .my_rouge, .my_rouge_red {background-color: #f4f4f4}
.gradient {background: #1d1d1d;background: linear-gradient(155deg,#1d1d1d 0,#007ba6 65%,#fff 100%)}
.gradiant_image {background-image: linear-gradient(90deg,#020024 0,#090979 35%,#00d4ff 100%)}
.purple_magenta, .my_color_bleu_pop {color: #0a89bc;}
.purple_magent_rvb {background-color: rgba(0, 123, 191, 0.95)}
.orange_flashy {background-color: #f39faa}
.orange_flashy_rvb {background-color: rgba(255, 109, 112, 0.95)}
.magenta_flashy_original {background-color: #f39faa}
.magenta_flashy {background-color: #f39faa}
.magenta_flashy_rvb {background-color: rgba(255, 109, 112, 0.95)}
.color_magenta {color: #f39faa}

.rose_pop {color: #f39faa;background-color: #f39faa;}
.rose_typo {color: #f39faa;}
.bleu_fonce_pop {color: #2b284e;background-color: #2b284e;}
.bleu_moyen_pop {background-color: #2a4899;}
.bleu_moyen_typo {color: #2a4899;}
.bleu_pop {background-color: #c7e8fb;}
.bleu_pop_typo {color: #c7e8fb;}
.bleu_clair_pop {color: #0a89bc;background-color: #0a89bc;}
.jaune_pop {color: #fffad0;background-color: #fffad0;}
.orange_pop {color: #f39faa;background-color: #f39faa;}
.orange_rouge_pop {color: #dd2e3d;background-color: #dd2e3d;	}
.vert {color: #8eccb8;}

/* BODY */
#page {width: 100%;margin: 0 auto;text-align: left;padding-bottom: 0;height: 100%;}
body {font-family: 'Overpass', 'Open Sans', "Lucida Grande", Lucida, Verdana, sans-serif;color: #1d1d1d;}

a {text-decoration: none;color: #0a89bc;}
a:link {text-decoration: none;color: #0a89bc;}
a:hover {color: #101010;text-decoration: none;}

h1, h2, h2, h3, h4, h5, h6, .surtitre {font-family: 'Overpass', 'Open Sans', "Lucida Grande", Lucida, Verdana, sans-serif;}
h1, h2, h4 {text-transform: uppercase;}
h1 {font-weight: 800;font-size: 1.8em;margin-top: 0;margin-bottom: 5px;}
h1.titre {margin-top: 10px;background: url(../pop/trait.jpg) no-repeat 0 center;margin-left: -115px;
padding-left: 115px;color: #2a4899;}
h1.titre a:link {color: #0a89bc;}
h1.titre a:visited {color: #0a89bc;}
h1.titre a:hover {color: #f39faa;}
h2, h4 {font-weight: 700;font-size: medium;}

h4 {margin-top: 10px;background: url(../pop/trait.jpg) no-repeat 0 center;margin-left: -115px;
padding-left: 115px;}

h4.ps, .ps h4{margin-top: 10px;background: url(../pop/trait_208.jpg) no-repeat 0 center;margin-left: -218px;
padding-left: 218px;}

h3 {font-weight: 700;font-size: medium;}
h3.spip {font-weight: 700;font-size: large;color: #0a89bc;letter-spacing: normal;}

.text-justify h3.spip {font-weight: 700;font-size: large;color: #0a89bc;letter-spacing: normal;margin-top: 1rem;margin-bottom: 0.5rem;line-height: 1;}
.text-justify h2.spip {font-weight: 700;font-size: large;color: #0a89bc;letter-spacing: normal;margin-top: 1.5rem;margin-bottom: 0.25rem;line-height: 1;text-transform: none;}

h1, h2, h3, h4, h5, h6, .surtitre, .vernissage, .chapo, .soutitre, .vernissage, .chapo, .descriptif {color: #101010;}
h4 {color: #0a89bc;}

.vernissage, .chapo {font-size: 1.15em;line-height: 1.4em;font-weight: 400;padding-top: 10px;}
.vernissage, .chapo {font-family: 'Playfair Display', "Times New Roman", Times, serif;}
.chapo h3.spip {font-family: inherit;color: #0a89bc;}
.vernissage b,
.vernissage strong,
.chapo b,
.chapo strong {font-weight: 700;}

.surtitre {font-weight: 100;font-size: 1.2em;margin-top: 10px;text-transform: uppercase;margin-bottom: -5px;}
h2.date {font-size: 1.3em;font-weight: 300;margin-top: 5px;}
.interval{border-top: 5px solid #c7e8fb;}
.interval_small_artiste {border-top: 3px solid #0a89bc;padding-top: 5px;padding-bottom: 5px;margin-bottom: 15px;margin-top: 15px;clear: both;}
p {font-weight: 200;font-size: 1em;line-height: 1.6em;margin-top: 5px;margin-bottom: 20px;}
p {word-break: normal;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}

article p u {text-decoration: underline; text-decoration-thickness: 0.08em;text-underline-offset: 0.15em;}
u, ins {text-decoration: underline; text-decoration-thickness: 0.08em;text-underline-offset: 0.15em;}
.text-justify small {font-size: 87%;line-height: 83%;margin-top: 10px;}
b, strong {font-weight: 400;}
article p {margin-top: 10px;margin-bottom: 20px;}
article ul {margin-top: 0;padding-top: 0;text-align: left;}

article ul li:first-child {padding-left: 5px; margin-left: 25px;padding-top: 0; margin-top: -15px;color: #888;margin-right: 45px;}
article ul li {padding-left: 5px;margin-left: 25px;color: #888;margin-right: 45px;}
article ul li {font-weight: 300;}

article ul li ul li:first-child {padding-left: 5px; margin-left: 25px;padding-top: 0;margin-top: auto;margin-right: 45px;color: #888;}
article ul li ul li {padding-left: 5px; margin-left: 25px;padding-top: 0;margin-top: auto;margin-right: 45px;color: #888;}

section ul {margin-top: 0;padding-top: 0;text-align: left;}
section ul li:first-child {padding-left: 5px; margin-left: 25px;padding-top: 0; margin-top: -15px;color: #888;margin-right: 45px;}
section ul li {padding-left: 5px;margin-left: 25px;color: #888;margin-right: 45px;}
section ul li {font-weight: 300;}

article .col-6 p.text-justify {margin-bottom: 20px;}
article p.rubrique {margin-bottom: 10px;margin-top: 10px;}

blockquote {padding: 5px 20px 20px; margin: 0 20px 20px 30px; border-left: 3px solid #f39faa;}
blockquote p {margin-top: 5px;margin-bottom: 5px;color: #f39faa;font: medium 'Playfair Display', "Times New Roman", Times, serif;}
blockquote.spip_poesie {border: none;display: block;margin: 2.5em 15%;padding: 0;-moz-hyphens: none;-webkit-hyphens: none;hyphens: none;text-align: left;position: relative;color: #f39faa;letter-spacing: 0.5px;word-spacing: 1px;font: italic 1.2em/140% 'Playfair Display', "Times New Roman", Times, serif;}
div.spip_poesie {text-align: left;}
blockquote.spip_poesie p {margin: 0;padding: 0;top: 0;font-size: inherit;text-align: inherit;}
blockquote.spip_poesie p+p {margin-top: 0.5em;}
blockquote.spip_poesie:before {content: "“";left: -0.3em;top: 0;font-weight: normal;font-style: normal;color: #f39faa;}
blockquote.spip_poesie:after {content: "”";bottom: -0.2em;right: -0.3em;font-weight: normal;font-style: normal;color: #f39faa;}
blockquote.spip_poesie:before {position: absolute;display: block;font-size: 4em;width: 100%;text-align: left;opacity: 0.8;line-height: 0.25em;}
blockquote.spip_poesie:after {position: absolute;display: block;font-size: 4em;width: 100%;text-align: right;opacity: 0.8;line-height: 0.25em;}
cite, .cite {font-style: normal;}
cite:before, .cite:before {content: "—";padding-right: 5px;}

.ressources, .portfolio {clear: both;display: block;border-top: 0 solid #0a89bc;margin-bottom: 15px;margin-top: 10px;}
.ps {clear: both;display: block;border-top: 0 solid #0a89bc;margin-bottom: 15px;margin-top: 15px;}
.ps p {font-size: .8em;margin-bottom: 15px;line-height: 1.5em;color: #0a89bc;}
p span.spip_note_ref {font-size: 94%;vertical-align: 4px;}
p .spip_note {font-size: 94%;}
.ps.text-justify ul {margin-top: 0;padding-top: 0;text-align: left;}
.ps.text-justify ul li {padding-left: 5px;margin-left: 15px;color: #888;margin-right: 15px;}
.ps.text-justify ul li {font-weight: 300;font-size: .8em;}

/*a.spip_note {font-size: 95%;vertical-align: 2px;}*/
.notes {display: block;clear: both;font-size: 92%;padding-top: 10px;font-weight: 700;padding-bottom: 20px;}
.notes p {margin-top: 5px;margin-bottom: 10px;padding-top: 0;padding-bottom: 0;font-size: 92%;line-height: 1.3em;}
.ps br.autobr {line-height: 165%;}
.ps p br {line-height: 165%;}
.typo_exposants {text-transform: none;}
.inter_titre {margin-top: -5px;margin-bottom: 2px;font-size: 18px;color: #f39faa;}
.inter_titre:before {content: "‟";font-size: 25px;vertical-align: sub;}
.inter_titre strong {font-size: 18px;font-weight: 700;display: inline-block;vertical-align: baseline;}
.inter_titre strong::first-letter {text-transform: uppercase;}

/* TABLEAU */
table.spip {max-width: 99%;margin-right: auto;margin-left: auto;margin-bottom: 1em;border-collapse: collapse;border-spacing: 0;line-height: normal;border-style: none;}
table.spip caption {caption-side: top;/*bottom pas pris en compte par IE */ text-align: center;margin-right: auto;margin-left: auto;font-weight: 700;}
table.spip tr.row_first {background: transparent;}
table.spip tr.row_odd {background: transparent;padding: 5px;}
table.spip tr.row_even {background: transparent;}
table.spip th, table.spip td {text-align: left;padding: 0.30em;}
table.spip th {vertical-align: middle;padding: 5px;}
table.spip td {vertical-align: middle;padding: 5px;}
.ps table.spip {border: none;}
.calendrier {font-size: 12px;}
table, td, th {font-weight: 300;}

/* #PAGE */
article, section {margin-bottom: 50px;}
article, section {background: #FFF;padding-bottom: 15px;}

footer {padding-bottom: 30px;}
footer {background: #d0e7fa;}

.breadcrumb {margin-top: 15px;margin-bottom: 15px;}
.breadcrumb li {font-size: 11px;}
.breadcrumb ul li {text-align: left;}
.breadcrumb {background-color: transparent;padding-left: 0;padding-right: 0;}
.breadcrumb.actus {background-color: #f29ca7;border-radius: 0;padding: 0.75rem 1rem;margin-top: 30px;}

.border-bottom-actus {border-bottom: 3px solid #d0e7fa;padding-bottom: 15px;!important}
.breadcrumb-item + .breadcrumb-item {}
.breadcrumb-item.actus-item + .breadcrumb-item.actus-item::before {padding-right: 0.25rem;color: #FFF;content: "–";}
.breadcrumb.actus li {font-size: .8em;color: #FFF;}
.breadcrumb.actus li a:link {color: #2a4899;}
.breadcrumb.actus li a {color: #2a4899;}
.breadcrumb.actus li a:hover {color: #0a89bc;}
.actus-item:first-of-type {font-weight: 700;}
.breadcrumb-item.actus-item.active { color: #FFF;}
.breadcrumb-item.actus-item + .breadcrumb-item.actus-item {padding-left: 0.3rem;}

aside {margin-top: 0;padding-left: 10px;margin-bottom: 40px;padding-bottom: 10px;}
.block {display: block;}
.block_jaune, .block_aussi, .block_venir, .block_saison, .block_archive, .block_lire, .block_plus, .block_links, .block_recherche_newsletter, .block_artistes {margin-bottom: 20px;padding: 15px;}
.block_aussi {background-color: #fffad0;}
.block_bleu {background-color: #c7e8fb;}
.block_jaune {background-color: #c7e8fb;}
.block_venir, .block_saison, .block_archive, .block_lire, .block_plus, .block_links {background-color: #c7e8fb;}

/*.block_saison {background-color: #fffad0;}*/

.block_saison .section_titre a {color: #0a89bc;}
.block_saison .section_titre a:hover {color: #101010;}
.block_venir .section_titre a {color: #0a89bc;}
.block_venir .section_titre a:hover {color: #101010;}
.block_lire .section_titre a {color: #0a89bc;}
.block_lire .section_titre a:hover {color: #101010;}
.block_plus .section_titre a {color: #0a89bc;}
.block_plus .section_titre a:hover {color: #101010;}

.block_links .section_titre, .block_plus .section_titre {line-height: 1.5em;}

.block_links .section_titre a {color: #0a89bc;}
.block_links .section_titre a:hover {color: #101010;}

.block_recherche_newsletter, .block_artistes  {background-color: #8eccb8;}
.block_recherche_newsletter .block {min-height: 90px;}
.block_recherche_newsletter {padding-bottom: 0;}
.block_archive {padding-bottom: 5px;}
.col-md-6.push-left {padding-left: 16px;}
.col-md-6.push-right {padding-left: 35px;}
.col-md-4  > aside{padding-left: 50px;}

header {margin: 0 auto;padding-top: 0;padding-left: 0;padding-bottom: 0;min-height: 375px;background: url(../pop/toit-shed.jpg) center center no-repeat scroll;background-size: cover;-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;
width: 100%;}

header.none-img {margin: 0 auto;padding: 0;overflow: hidden;width: 100%!important;max-height: 400px;height: 400px;background: none;}

.big_motion {display: flex;align-items: center;justify-content: center;padding: 0;margin: 0;}
.big_motion_block {margin: 0 auto;padding: 0;overflow: hidden;width: 100%!important;max-height: 400px;height: 400px;}
video { top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}

.baleine_lolo {margin-left: auto;margin-right: auto;position: relative;text-align: center;padding-top: 85px;}

/* logo sommaire */
.baleine_motion {height: 240px;width: 290px;margin-left: auto;margin-right: auto;position: absolute;text-align: center;padding: 0;padding-top: 0;z-index: 1;}
.baleine_baleine {height: 185px;width: 290px;margin-left: auto;margin-right: auto;position: relative;text-align: center;padding: 0;padding-top: 85px;z-index: 1;}
.baleine_logo {height: auto;width: 93%;}

article .text-justify {margin-bottom: 40px;}
article p a {color: #0a89bc;font-weight: 300;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article p a:link {color: #0a89bc;font-weight: 300;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article p a:visited {color: #0a89bc;font-weight: 300;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article p a:hover,
article p a:focus {color: #f39faa;font-weight: 300;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article p a:focus {outline: none;}

/* #iframe */
article .text-justify iframe {max-width: auto !important;width: 90%;margin-right: auto;margin-left: auto;display: block;margin-bottom: 25px;}


/* #iframe Carte - Plan */
article .text-justify iframe.opencarte {max-width: auto !important;width: 100%;margin-right: auto;margin-left: auto;display: block;margin-bottom: 25px;}

/* #Programme */
.programme p.rubrique {margin-bottom: 10px;margin-top: 0;}
.programme {float: left;clear: left;padding: 0 0 15px 115px;margin: 0 0 20px;background: url(../pop/trait.jpg) no-repeat 0 100px;margin-left: -115px;}
.programme:first-of-type {margin-top: 0;}
.programme .surtitre, .surtitre.petit {font-size: 98%;margin-bottom: 2px;margin-top: 0;color: #0a89bc;}
.programme h1.titre {font-size: 1.6em;margin-top: 0;margin-left: 0;background: none;padding-left: 0;}
.programme h1.titre a {color: #2a4899;}
.programme h1.titre a:hover {color:  #f39faa;}

.col-lg-6 p.rubrique {margin-bottom: 10px;margin-top: 0;}
.col-lg-6 .surtitre, .col-lg-6 .surtitre.petit {font-size: 98%;line-height: 1.4em;
margin-bottom: 5px;padding-top: 0;color: #0a89bc;}
.col-lg-6 {margin-bottom: 20px;}

h1.titre.petit {background: none;padding-left: 0;margin-left: 0;}
h1.titre.petit {font-size: 1.2em;font-weight: 700;}
h1.titre.petit a {color: #f39faa;}
h1.titre.petit a:hover {color: #101010;}
h2.date.petit {font-size: 1.1em;font-weight: 300;padding-bottom: 0;margin-bottom: 0;color: #2a4899;}
h3.vernissage.petit {font-size: .85em;color: #0a89bc;padding-top: 0;}
.chapo.petit {font-size: .85em;color: #0a89bc;padding-bottom: 15px;margin-bottom: 5px;padding-top: 0px;margin-top: 5px;}
.chapo.petit h3.spip {font-family: inherit;font-size: inherit;color: inherit;}

.concert {margin-bottom: 20px;}

.programme h2.date {font-size: 1.3em;margin-top: 0px;color: #0a89bc;}
.programme h3.vernissage {font-size: 1em;margin-top: 0;padding-top: 0;margin-bottom: 5px;color: #0a89bc;}
.programme .chapo {font-size: 1em;padding-bottom: 5px;margin-bottom: 5px;color: #0a89bc;;margin-top: 0;padding-top: 0;}
.programme p, p.petit {margin-top: 0;padding-top: 0;font-size: 95%;}
.petite_image {min-height: 10px;width: 100%;}


.titre_agenda {padding-top: 0;padding-bottom: 0;font-weight: 700;letter-spacing: -1px;line-height: .78em;margin-bottom: 8px;}
.titre_agenda a:link {}
.titre_agenda a:visited {}
.titre_agenda a:hover {color: #1010100;}
#agenda {color: #fff;text-transform: uppercase;float: left;position: relative;display: block;width: 100px;height: 100px;margin: 0 10px 0 0;padding: 7px 7px 5px;background: #0a89bc;line-height: 2.15em;font-style: normal;font-size: 14px;}
.bigagenda {margin: 0;padding: 0;color: #fff;font: 35px/.78em 'Overpass','Open Sans', Helvetica, Arial, Geneva, sans-serif;} 
.date_agenda {color: #101010;text-transform: uppercase;padding-top: 12px;padding-bottom: 7px;font-size: 14px;}

.suite {font-size: 12px;text-align: center;text-transform: uppercase;float: left;margin: 0 auto 5px 0;padding-top: 5px;padding-bottom: 5px;}
.suite a {color: #2a4899;background-color: #f39faa;padding: 5px 10px;border: 2px solid #f39faa;}
.suite a:link {color: #2a4899;background-color: #f39faa;padding: 5px 10px;border: 2px solid #f39faa;}
.suite a:visited {color: #2a4899;background-color: #f39faa;padding: 5px 10px;border: 2px solid #f39faa;}
.suite a:hover {color: #2a4899;background-color: white;padding: 5px 10px;text-decoration: none;border: 2px solid #2a4899;}

.suite_progr a:link {color: #1D1D1D;margin-bottom: 0;font-weight: 700;font-size: 12px;}
.suite_progr a:visited {color: #1D1D1D;margin-bottom: 0;}
.suite_progr a:hover {color: gray;margin-bottom: 0;}

.haut {font-size: 1.2em;color: #fff;padding: 5px 10px;clear: both;text-align: center;text-transform: uppercase;margin: 25px auto 25px;}
.haut a:link {color: #2a4899;background-color: #fffad0;padding: 5px 10px;border: 4px solid #8eccb8;}
.haut a:visited {color: #2a4899;background-color: #fffad0;padding: 5px 10px;border: 4px solid #8eccb8;}
.haut a:hover {color: #2a4899;background-color: #c7e8fb;padding: 5px 10px;text-decoration: none;border: 4px solid #8eccb8;}

.birthday {float: left;clear: left;position: relative;display: inline-block;width: 108px;height: 108px;padding-bottom: 10px;background-color: #FFF;padding-right: 10px;margin: -3px 0 10px -3px;}

/* LISTE & PROGRAMME */
.lettre {margin: 0 auto;text-align: center;display: block;background: #f39faa;padding: 10px;color: #FFF;}
.lettre a:link {text-align: left;font-size: 20px;font-weight: 700;color:  #2a4899;}
.lettre a:visited {text-align: left;font-size: 20px;font-weight: 700;color:   #2a4899;}
.lettre a:hover {text-align: left;font-size: 20px;font-weight: 700;color: #FFF;}
.lesartistes {margin-left: 0;padding-top: 14px;padding-bottom: 15px;}
.lesartistesexpositions {float: left;padding-right: 10px;font-size: 12px;margin-top: 0;padding-top: 0;padding-bottom: 25px;margin-left: 0;line-height: 1.4em;font-weight: 400;max-width: 330px;position: relative;display: block;height: auto;}

#grid {position: relative;padding: 0;margin-top: 10px;width: 100%;}
.grid-item { background: #fff; float: left; font-size: .9em; margin: 10px 10px 10px 0; padding: 0; width: 48%;}
.grid-item p {margin: 0;padding: 0;line-height: 1.4em;}
.grid-item p .ach a {font-size: 16px;font-weight: 700;color: #1d1d1d;border-style: none;}
.grid-item p .ach:hover {color:  #1d1d1d;text-decoration: none;border-style: none;}
.grid-item p a, .grid-item p a:link, .grid-item p a:visited {border-style: none;text-decoration: none;}

/* ASIDE */
.section {font-weight: 700;font-size: medium;text-transform: uppercase;padding-bottom: 0;margin-bottom: 10px;font-family: 'Overpass', sans-serif;}
.section_artistes {padding-bottom: 0;margin-bottom: 0;color: #8eccb8;}
.block_aussi .section_artistes a {color: #8eccb8;}
.block_aussi .section_artistes a:hover {color: /*#f39faa*/ #2a4899;}

.section_liste a {color: #2a4899;}
.section_liste a:hover {color: #f39faa;}

.section_liste_infos a {font-weight: 700;color: #2a4899;}
.section_liste_infos a:hover {font-weight: 700;color: #1d1d1d;}

.aussi a {color: #2a4899;font-size: 115%;}
.aussi a:hover {color: #f39faa;}

.aussi_lier {font-weight: 300;margin-bottom: 0;padding-bottom: 0;line-height: 1.05em;color: #2a4899;}
.aussi_lier a {color: #2a4899;}
.aussi_lier a:hover {color: white;}
.section_titre, .section_liste_infos {font-size: 95%;font-weight: 500;}
.section_titre.aussi {font-size: 95%;font-weight: 500;line-height: 1.5em;}
.section_liste_infos {margin-bottom: 5px;margin-top: 0;padding-top: 0;padding-bottom: 0px;}
.section_liste_infos:last-child {padding-bottom: 0;margin-bottom: 0;} 

.section_border {border: 3px solid #f39faa;}

.section_liste_yellow a {color: #2a4899;}
.section_liste_yellow a:hover {color: #1d1d1d;}

.section_liste_white a {color: #2a4899;}
.section_liste_white a:hover {color: #1d1d1d;}

.section_liste_yellow_small a {color: #1d1d1d;font-weight: 300;}
.section_liste_yellow_small a:hover {color: #f39faa;font-weight: 300}

.date_aside, titre_aside {font-size: 12px;text-transform: lowercase;}
.date_aside {margin-bottom: 10px;}
.adresse_recherche {margin: 0 0 15px;padding: 0;}
.adresse_newsletter {margin: 0 0 15px;padding: 0;}
.adr_news_som {margin-bottom: 10px;padding-bottom: 5px;}

.white {color: white;font-weight: 700;}
.yellow {color: #f39faa;font-weight: 800;}
.ombre_01 {-webkit-box-shadow: 5px 5px 0 0 #c7e8fb; -moz-box-shadow: 5px 5px 0 0#c7e8fb; box-shadow: -5px 0px 0 0 #c7e8fb;}
.ombre_02 {-webkit-box-shadow: -5px 5px 0 0 #f39faa; -moz-box-shadow: -5px 5px 0 0#f39faa; box-shadow: -5px 0px 0 0 #f39faa;}

/* FOOTER */

.block_carte {width: 100%;height: 350px;overflow: hidden;display: block;margin-top: 15px;}
.carte_large {background-image: url(../pop/map_footer_large_fbleu.svg);background-color: #0a89bc;background-position: center center;background-repeat: no-repeat;padding: 0;-moz-background-size: cover;-o-background-size: cover;-webkit-background-size: cover;background-size: cover;height: 350px;transition: transform .5s;}
.carte_large:hover {transform: scale(1.35);}

.plan {padding-bottom: 20px;margin: 140px auto 0;height: auto;}

.plan h3 {text-transform: uppercase;color: #0a89bc;margin-bottom: 5px;font-weight: 700;}
.plan h3 a {color: #101010;text-decoration: none;}
.plan h3 a:link {color: #101010;text-decoration: none;}
.plan h3 a:visited {color: #101010;text-decoration: none;}
.plan h3 a:hover {color: #0a89bc;text-decoration: none;}
.plan ul {margin-left: 0;padding-left: 10px;}
.plan ul li {list-style: none;padding-left: 0;}
.plan li {list-style: none;margin-left: 0;padding-left: 0;}
.plan li a {font-size: .9em;font-weight: 300;color: #101010;text-decoration: none;}
.plan li a:link {color: #101010;text-decoration: none;}
.plan li a:visited {color: #101010;text-decoration: none;}
.plan li a:hover {color: #0a89bc;text-decoration: none;}
.adresse {margin-top: 35px;}
.reseaux ul {padding-left: 0;margin-left: 0;list-style: 0;}
.reseaux li {list-style: none;margin-left: 0;padding-left: 0;}
.org a {color: transparent;}
.adresse_titre {font-size: 12px;padding-left: 33px;margin-bottom: 10px;}
.adr {float: none;position: relative;}
.local {display: block;position:static;float: none;margin-left: 30px;margin-top: -26px;}
.street-address {}
.postal-code {}
.locality {}
.phone a,  .local a {color: #1d1d1d;text-decoration: none;}
.phone a:link , .local a:link {color: #101010;text-decoration: none;}
.phone a:visited , .local a:visited {color: #101010;text-decoration: none;}
.phone a:hover , .local a:hover {color: #0a89bc;text-decoration: none;}
.reseaux li a {font-size: 13px;color: #101010;text-decoration: none;}
.reseaux li a:link {font-size: 13px;color: #101010;text-decoration: none;}
.reseaux li a:visited {font-size: 13px;color: #101010;text-decoration: none;}
.reseaux li a:hover {font-size: 13px;color: #0a89bc;text-decoration: none;}

/* #DOCUMENTS */
.img-responsive  {display:block;max-width:100%;height:auto}
dl, dd, dt {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: inherit;font-family: inherit;vertical-align: baseline;list-style: none;}
.spip_documents {text-align: center;line-height: normal;clear: both;}
.spip_documents_center {max-width: 1280px;width: 100%!important;display: block;clear: both;height: auto;margin: 1.3em auto;}
.spip_documents_left {max-width: 300px;max-width: 100% !important;margin-bottom: 15px;display: block;font-size: 10px;font-weight: 700;clear: both;float: left;margin-right: 10px;}
.spip_documents_right {max-width: 300px;max-width: 100% !important;float: right;margin-left: 10px;margin-bottom: 15px;font-size: 10px;font-weight: 700;text-align: left;clear: both;}
.spip_documents_montage {max-width: 100% !important;margin-bottom: 15px;display: block;font-size: 10px;font-weight: 700;clear: both;float: left;margin-left: 0;}

.spip_documents_montage .vignette img {max-width: 100%;width: 1280px;height: auto;clear: left;margin-right: auto;margin-left: 0;border: 0;display: block;padding-left: 0;}
.text-justify .vignette img {max-width: 100%;width: 750px;height: auto;clear: both;margin-right: auto;margin-left: auto;border: 0;display: block;}
.text-justify .vignette_rub img{max-width: 100%;height: auto ;clear: both;margin-right: auto;margin-left: auto;border: 0;display: block;padding-top: 10px;margin-bottom: -40px;padding-bottom: 0;}

.rubrique {margin-bottom: 20px;}
.vignette_rub_art img {max-width: 100%;width: 100%!important;height: auto!important;clear: both;display: block;padding-top: 0;padding-bottom: 0;margin: 0 auto -15px;}
.vignette_rub_art {height: auto;width: 100% !important;background-color: #c7e8fb;margin: 0;padding-bottom: 15px;display: block;}
.vignette_rub_art img {border: 5px solid #c7e8fb;-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition-delay: 1s ease-out;transition: 1s ease-out;}
.vignette_rub_art img:hover {opacity: .5;border: 5px solid #2a4899;-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition-delay: 1s ease-out;transition: 1s ease-out;}

.art_bigvignette {width: 100%;margin-bottom: 25px;margin-top: 0px;height: auto;display: block;clear: both;}
.vignette_art_art img {max-width: 100%;width: 100%!important;height: auto!important;clear: both;display: block;padding-top: 0;padding-bottom: 0;border: 0;}
.vignette_art_art {height: auto;width: 100% !important;background-color: #c7e8fb;margin: 0;padding-bottom: 10px;display: block;border: 0;}
.vignette_art_art img {opacity: .5;-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition-delay: 1s ease-out;transition: 1s ease-out;}
.vignette_art_art img:hover {opacity: 1;-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition-delay: 1s ease-out;transition: 1s ease-out;}
.spip_titre_doc_art {z-index: 200;display: block;position: absolute;padding: 20px;bottom: 30px;right: 30px;}
.spip_titre_doc_art {font-family: 'Playfair Display', "Times New Roman", Times, serif;color: #fffad0;font-style: italic;}

.vignette_rub_art_sommaire {background-color: #f39faa;display: block;}
.vignette_rub_art_sommaire img {border: 0 solid white;-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition-delay: 1s ease-out;transition: 1s ease-out;}
.vignette_rub_art_sommaire img:hover {opacity: .35;border: 0 solid white;-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition-delay: 1s ease-out;transition: 1s ease-out;}

.spip_documents_center figcaption {max-width: 75%;margin-right: auto;margin-left: auto;padding-top: 10px;}

.ps .spip_documents_left img {width: auto;}
.ps .spip_documents_right img {width: auto;}
.ps .spip_documents img,  .ps .spip_documents_center img{width: auto;}

span.vignette .spip_documents {margin-right: auto;margin-left: auto;display: block;width: 100%;border: 0;}
span.vignette img {padding: 10px 5px 0;border: none;}
span.vignette .spip_documents_left img {padding: 0 5px 0;border: none;}
/*.vignette_border {-webkit-box-shadow: 67px 67px 0 -60px #f39faa;-moz-box-shadow: 67px 67px 0 -60px #f39faa;box-shadow: 67px 67px 0 -60px #f39faa;}*/
.spip_doc_titre {font-size: 1em;font-family: 'Playfair Display', "Times New Roman", Times, serif;color: #f39faa;margin-top: 0px;}
.spip_doc_descriptif {font-size: .85em;padding-top: 5px;padding-bottom: 10px;color: #f39faa;}
.spip_doc_artiste {font-size: .85em;padding-bottom: 0;margin-top: 10px;clear: left;color: #f39faa;}


/* block embedded Spip */
.mejs {width: 100% !important;height: aut0;display: inline-block;}

.spip_document_video {min-max: 420px !important;max-width: 750px !important;height: auto;margin-right: auto;margin-left: auto;text-align: center;clear: both;margin-bottom: 30px;}
.video-intrinsic-wrapper {display: block;clear: both;margin-bottom: 5px;}
.spip_doc_inner {margin-left: auto;margin-right: auto;text-align: center;display: inline-block;}
.spip_doc_legende figcaption {margin-top: 10px;clear: both;}

.spip_document_video .spip_doc_titre {clear: both;display: block;margin-top: 10px;padding-top: 10px;top: 0;}
.legende_video {clear: both;display: inline-block;margin-top: 10px;margin-right: auto;padding-top: 10px;position: relative;float: left;margin-left: auto;text-align: center;width: 100%;}

.littlevignette_max {width: auto;max-width: 100%;display: inline-block;margin-right: auto;margin-left: auto;}
span.littlevignette .spip_documents {margin-right: auto;margin-left: auto;display: block;border: 0;}
span.littlevignette img {padding: 6px 5px 12px;border: none;width: auto;height: auto;}
span.littlevignette .spip_documents_left img {padding: 0 5px 0;border: none;}

.bal {float: left;padding: 10px;margin-right: auto;margin-left: auto;}
.mask {color: #FFF;text-align: center;font-size: 1.3em;bottom: 15px;line-height: 30em;}
.view {width: 200px;height: auto!important;float: left;overflow: hidden;position: relative;text-align: center;}
.view .mask{width: 200px;height: auto!important;position: absolute; overflow: hidden;top: 0; left: 0;}
.view img {display: block; position: relative;}
.view a.roll { background-color: transparent;display: inline-block;text-decoration: none;padding:0;text-indent:-9999px; width: 100%; height: 100%;}
.view a.roll:hover {background-color: #ef6e76;opacity: 0.2;}
.img-thumbnail {padding: 0;background-color: #fff;border: 0 solid white;border-radius: 0;max-width: 100%;height: auto;}

/* DOWNLOAD */
.documents {padding-bottom: 0;color: #1d1d1d;font-size: 11px;text-align: left;clear: both;border-top: 0 solid #0a89bc;padding-top: 0;margin-bottom: 0;margin-top: 0;}
.download:first-child {border-bottom: 0 solid #009de0;border-top: 0 solid #e1e1e1;overflow: hidden;padding-left: 5px;padding-bottom: 6px;padding-top: 7px;list-style: none;font-size: 12px;font-weight: 300;margin-bottom: 0;vertical-align: middle;}
.download {border-bottom: 1px solid #e1e1e1;border-top: 0 solid #e1e1e1;overflow: hidden;padding-left: 5px;padding-bottom: 6px;padding-top: 7px;list-style: none;font-size: 12px;font-weight: 300;margin-bottom: 0;vertical-align: middle;}
.download:last-child  {border-bottom: 0 solid #e1e1e1;border-top: 0 solid #e1e1e1;overflow: hidden;padding-left: 5px;padding-bottom: 7px;padding-top: 7px;list-style: none;font-size: 12px;font-weight: 300;margin-bottom: 0;vertical-align: middle;}
.download a {color: #2a4899;background-color: transparent;}
.download a:hover, .download:hover  {color: #2a4899;background-color: #f39faa;}

.liste_download_media:first-child {border-bottom: 0 solid #009de0;border-top: 0 solid #e1e1e1;overflow: hidden;padding-left: 5px;padding-bottom: 6px;padding-top: 7px;list-style: none;font-size: 12px;font-weight: 300;margin-bottom: 0;vertical-align: middle;}
.liste_download_media {border-bottom: 1px solid #e1e1e1;border-top: 0 solid #e1e1e1;overflow: hidden;padding-left: 5px;padding-bottom: 6px;padding-top: 7px;list-style: none;font-size: 12px;font-weight: 300;margin-bottom: 0;vertical-align: middle;}
.liste_download_media:last-child  {border-bottom: 0 solid #e1e1e1;border-top: 0 solid #e1e1e1;overflow: hidden;padding-left: 5px;padding-bottom: 7px;padding-top: 7px;list-style: none;font-size: 12px;font-weight: 300;margin-bottom: 0;vertical-align: middle;}
.liste_download_media:hover {background-color: #f39faa;color: #0a89bc;}

.accueil_download {background-color: #f39faa;padding: 3px;text-align: left;width: 100%;margin: 5px auto;border: 2px solid #f39faa;color: #101010;}
.accueil_download:hover {background-color: #fff;border: 2px solid #f39faa;color: #2a4899;}
#portfolio {max-width: 650px;max-height: 415px;height: 415px;margin: 0;float: left;display: block;position: relative;overflow: hidden;clear: left;}
#documents_portfolio {clear: both;width: 100%;padding-top: 2px;border-top: 3px solid #0a89bc;padding-bottom: 15px;float: left;margin: 15px 1px 10px;}
/*#documents_portfolio h4 {margin-bottom: 0.4em;margin-top: 0.4em;font-size: 1.2em;}*/
#document_actif {margin-top: 1em;}
#documents_portfolio img {max-width: 100%;height: auto;clear: left;float: left;}
.legende_portefolio {margin-bottom: 10px;display: block;font-size: 10px;font-weight: 700;clear: both;float: left;margin-right: 10px;margin-top: 5px;line-height: 1.5em;}

figure .vignette {padding-bottom: 10px;padding-top: 10px;}
figure .vignette {max-width: 100% !important;height: auto;}

/* PAGINATION */
.on {font-weight: 700;}
.pagination_suite .on {font-weight: normal;font-style: normal;color: #fff;background-color:  #0a89bc;font-size: 14px;padding: 3px 6px;}
.pagination_suite {color: #101010;margin: 5px 2px 2px 0;padding: 5px 2px 2px 0;float: left;clear: both;position: relative;font-weight: 700;font-size: 14px;}
.pagination_suite a:link {text-decoration: none;color: #0a89bc;}
.pagination_suite a:visited {text-decoration: none;color: #0a89bc;}
.pagination_suite a:hover {text-decoration: none;color: #101010;}
.pagination {border-top: 3px solid #0a89bc;margin-right: auto;margin-left: auto;width: 100%;padding-top: 10px;text-align: center;vertical-align: middle;border-radius: 0;margin-top: 10px;padding-bottom: 5px;}
.pagination span {vertical-align: -2px;padding-right: 3px;padding-left: 3px;}
.pagination a {vertical-align: -2px;padding-right: 3px;padding-left: 3px;}
.pagination_archive {border-top: 3px solid #0a89bc;margin: 10px auto 0;width: 100%;padding-top: 10px;vertical-align: middle;border-radius: 0;padding-bottom: 0;text-align: center;}
.lien_pagination:first-child {margin-left: auto;}
.lien_pagination:last-child {margin-right: auto;}

/* HAUT */
.back-to-top { display:none; position:fixed; bottom: 20px; text-decoration:none; border:3px solid #0a89bc; background:#fff; padding: 8px;z-index: 1000;font-weight: 700;text-transform: uppercase;right: 20px;color: #0a89bc;font-size: 11px;}
.back-to-top:hover {color: #1010100;border:3px solid #1010100;background: #f39faa;}

/*FONT ICONE OPTION */
.fork-fa {display: inline-block;font: normal normal normal 14px/1 ForkAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.fa {display: inline-block;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: auto;margin-left: auto;vertical-align: middle;}
.fa {background-color: transparent;/*border-radius: 50%;*/width: 25px;height: 25px;text-align: center;vertical-align: middle;padding-top: 7px;margin-right: 5px;margin-bottom: 5px;}

.fork-fa {display: inline-block;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: auto;margin-left: auto;vertical-align: middle;}
.fork-fa {background-color: transparent;text-align: center;vertical-align: middle;padding-top: 5px;margin-right: 5px;margin-bottom: 5px;}

.no-square {background-color: transparent;width: 10px;height: 20px;text-align: center;vertical-align: middle;margin-right: 0;margin-bottom: 0;color: #0a89bc;font-size: smaller;padding-left: 0;padding-top: 4px;padding-bottom: 0;margin-top: -2px;}
.no-square-dl {background-color: transparent;width: 10px;height: 20px;text-align: center;vertical-align: middle;margin-right: 5px;margin-bottom: 0;color: #0a89bc;font-size: larger;padding-left: 0;padding-top: 4px;padding-bottom: 0;margin-top: -2px;}

.no-connexion {background-color: transparent;width: 25px;height: 25px;text-align: center;vertical-align: middle;margin-right: 0;margin-bottom: 0;;font-size: smaller;margin-left: 10px;padding-top: 0;padding-bottom: 0;margin-top: -2px;}
.no-connexion:hover {color: #f39faa;}
.fa-navigation {background-color: transparent;text-align: center;height: auto;width: 20px;padding: 0;margin: -3px 0 0 5px;}

.fa-ng {font-size: 1.1em;line-height: .75em;vertical-align: -1px;}
.fa-lg {font-size: 1.33333333em;line-height: .75em;vertical-align: -5%;}
.fa-lg-bottom {vertical-align: -25%;}
.fa-2x {font-size: 2em;}
.fa-3x {font-size: 3em;}
.fa-4x {font-size: 4em;}
.fa-5x {font-size: 5em;}
.fa-fw {width: 1.28571429em;text-align: center;}
.fa-ul {padding-left: 0;margin-left: 2.14285714em;list-style-type: none;}
.fa-ul > li {position: relative}
.fa-li {position: absolute;left: -2.14285714em;width: 2.14285714em;top: .14285714em;text-align: center;}
.fa-li.fa-lg {left: -1.85714286em}
.fa-border {padding: .2em .25em .15em;border: solid .08em #eee;border-radius: .1em;}
.fa-pull-left {float: left;}
.fa-pull-right {float: right;}
.fa.fa-pull-left {margin-right: .3em;}
.fa.fa-pull-right {margin-left: .3em;}
.pull-right {float: right;}
.pull-left {float: left;}
.fa.pull-left {margin-right: .3em;}
.fa.pull-right {margin-left: .3em;}

.ps p .no-square {background-color: #FFF;width: 10px;height: 18px;text-align: center;vertical-align: middle;margin-right: 0;margin-bottom: 0;color: #0a89bc;font-size: smaller;margin-left: 0;padding-top: 4px;padding-left: 0;}
.fa-heart-o.my_color_bleu_pop {color: #2a4899;}

/* ARCHIVES */
.panel { margin-bottom: 20px;background-color: transparent;border: none; border-radius: 0; -webkit-box-shadow: none;box-shadow: none;}
.panel-group {margin-bottom: 10px;}
.panel-group .panel {margin-bottom: 0;border-radius: 0;overflow: hidden;}
.panel-group .panel + .panel {margin-top: 5px;}
.panel-group .panel-heading { border: none;}
.panel-group .panel-heading + .panel-collapse .panel-body {border: none;}
.panel-group .panel-footer { border: none;}
.panel-group .panel-footer + .panel-collapse .panel-body {border: none}

.panel-body {padding: 0 3px 3px;font-size: 12px;}
.panel-default { border: none;}
.panel-default > .panel-heading {color: #1d1d1d; background-color: transparent; border: none;}
.panel-default > .panel-heading + .panel-collapse .panel-body { border: none;}
.panel-default > .panel-footer + .panel-collapse .panel-body { border: none;}

.panel-heading {border:none;padding-top: 5px;padding-bottom: 5px;padding-left: 0;}
.panel-heading + .list-group .list-group-item:first-child { border: none;}
.panel-group .panel-heading { border: none;}
.panel-group .panel-heading + .panel-collapse .panel-body { border: none;}
.panel-group .panel-footer + .panel-collapse .panel-body {border: none;}

.panel-default > .panel-heading {color: #1d1d1d;background-color: transparent; border: none;}
.panel-default > .panel-heading + .panel-collapse .panel-body { border: none;}

.section.panel-title {margin-top: 0;margin-bottom: 3px;font-size: 16px;color: #2a4899;}
.section.panel-title a {color: #2a4899;}
.section.panel-title a:link {color: #2a4899;}
.section.panel-title a:visited {color: #2a4899;}
.section.panel-title a:hover {color: #101010;}

/* PAGE SOMMAIRE */
.encart_0 {background: /*#f8f9f7*/ #FFF;padding: 10px;height: 120px;line-height: 100px;text-align: center;border: 5px solid rgba(89,72,110,0.85);margin-top: 15px;margin-bottom: 15px;}
.encart_1 {background: #FFF;padding: 10px;height: 120px;line-height: 100px;text-align: center;border: 5px solid /*#cadff5*/ rgba(240,208,9,0.95);margin-top: 15px;margin-bottom: 15px;}
.encart {padding: 0;height: 360px;line-height: 200px;text-align: center;margin: 0;}
.encart_residence {background: #FFF;padding: 10px;height: 120px;line-height: 100px;text-align: center;border: 5px solid #d5d5d5;margin-top: 15px;margin-bottom: 15px;}
.encart_asso {background: #0a89bc;padding: 15px;height: auto;margin-top: 15px;margin-bottom: 0;line-height: 25px;}
.encart_asso_form {background: #f39faa;padding: 15px 15px 0;height: auto;margin-top: 15px;margin-bottom: 0;line-height: 25px;}
.date.asso {color: white;}
.date.asso a {color: white;}
.date.asso a:link {color: white;}
.date.asso a:hover {color: #101010;}
.encart_dl {background-color:  #f4f4f4;padding: 20px 10px 10px;height: 280px;text-align: center;border: 0 solid #f39faa;margin-top: 15px;margin-bottom: 0;line-height: 25px;}
.encart_stage {padding: 20px;border: 3px solid #f39faa;height: auto;margin: 15px auto 0;text-align: center;}
.encart_base {padding: 15px;margin-top: 15px;margin-bottom: 0;height: 280px;}
.middle {width: auto;vertical-align: middle;display: inline-block;line-height: 1.2em;z-index: 100;}

.date_accueil {text-transform: uppercase;padding-top: 8px;letter-spacing: -0.5px;width: 96%;margin: 5px auto 10px;line-height: 1.2em;font-size: 15px;font-weight: 300;}
.section_accueil {float: left;clear: left;}

.section.stage {font-size: 1.2em;font-weight: 900;}
.stage_date {font-weight: 200;}
.encart_stage .texte {font-size: 14px;line-height: 1.5em;margin-right: auto;margin-left: auto;text-align: justify;width: 100%;font-weight: 200;min-height: 70px !important;}

.texte_download {font-size: 12px;line-height: 1.75em;margin-bottom: 0;margin-left: 75px;text-align: left;font-weight: 200;}
.telecharger:focus {outline: none;color: #0a89bc;}

h1.titre.sommaire {margin-top: 10px;background: url(../pop/trait.jpg) no-repeat 0 center;margin-left: 0;padding-left: 115px;}
h1.titre.sommaire.petit_petit {margin-top: 10px;background: url(../pop/trait.jpg) no-repeat -45px center;margin-left: 0;padding-left: 75px;}
.date.petit.sommaire, .surtitre.sommaire {padding-left: 115px;color: #0a89bc;}
.surtitre.sommaire {font-weight: 100;font-size: 1.2em;margin-top: 10px;text-transform: uppercase;margin-bottom: 0;padding-bottom: 0;color: #0a89bc;}
.date.petit.sommaire.petit_petit,.surtitre.sommaire.petit_petit {padding-left: 75px;font-size: 94%;word-spacing: -.5px;color: #0a89bc;}
.texte.sommaire {font-size: .95em;line-height: 1.5em;text-align: justify;width: 99%;font-weight: 200;letter-spacing: -0.2px;word-spacing: -0.2px;min-height: 115px !important;margin: 10px auto 0;}
.texte.sommaire {word-break: normal;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}
.texte.sommaire a:link {font-weight: 400;color: #f39faa;}
.texte.sommaire a:visited {font-weight: 400;color: #f39faa;}
.texte.sommaire a:hover {font-weight: 400;color: #0a89bc;}
.texte.sommaire.petit_petit  {padding-left: 75px;}
h1.titre.sommaire.x2 {font-size: 1.6em;margin-top: 0;padding-top: 0;}
h1.titre.sommaire.x3 {font-size: 1.3em;margin-top: 0;padding-top: 0;}


h1.x2 a:link {color: #f39faa;}
h1.x2 a:visited {color: #f39faa;}
h1.x2 a:hover {color: #2a4899;}
h1.x3 a:link {color: #f39faa;}
h1.x3 a:visited {color: #f39faa;}
h1.x3 a:hover {color: #2a4899;}

.push_small_top {margin-top: 10px;}
.push_top {margin-top: 15px;}
.push_plus_top {margin-top: 25px;}
.push_bottom {margin-bottom: 10px;}
.push_plus_bottom {padding-bottom: 70px;}
.push_50_bottom {padding-bottom: 50px;}
.push_25_bottom {padding-bottom: 25px;}
.push_5_bottom {padding-bottom: 5px;}
.trait_blanc {border:0;border-top:6px solid #fff;width:60%;margin:10px auto;}
.trait_vie_asso {border:0;border-top:6px solid rgba(240,208,9,0.95);width:60%;margin:10px auto;}
.trait_orange {border:0;border-top:6px solid #f39faa;width:100%;margin: 20px auto 30px;}
.trait_magenta {border:0;border-top:6px solid #f39faa;width:100%;margin: 20px auto 30px;}

.suite_home span a {background-color: #ecab0f;margin-top: 10px;clear: both;float: none;margin-right: auto;margin-left: auto;display: block;width: 100px;color: #fff;text-align: center;border: 2px solid #ecab0f;vertical-align: middle;padding: 4px 7px;}
.suite_home span a:link {background-color: #ecab0f;color: #fff;border: 2px solid #ecab0f;padding: 4px 7px;}
.suite_home span a:visited {background-color: #ecab0f;color: #fff;border: 2px solid #ecab0f;padding: 4px 7px;}
.suite_home span a:hover {background-color: transparent;color: #ecab0f;border: 2px solid #ecab0f;padding: 4px 7px;}

/* SlIDER STAGE */
.outside {text-align: center;margin: 5px auto;padding-top: 0;padding-bottom: 0; font-family: 'ForkAwesome';color: #2a4899;}
.outside a {font-weight: 800;font-size: 2rem;color: #2a4899;line-height: 5px;}
.outside a:link {color: #2a4899;}
.outside a:visited {color: #2a4899;}
.outside a:hover {color: #f39faa;}

.bx-next {margin-left: 50px;}
.bx-prev {margin-right: 50px;}

.liste-articles .small {font-size: 90%;margin-top: 0;color: #2a4899;padding-top: 0;}
.liste-articles {padding-bottom: 10px;list-style: none;list-style-type: none;}

/* Modal Inscription */
.modal-dialog {width: 650px;max-width: 70%;height: auto!important;}
.modal-content {height: auto!important;background: #fffad0;display: block;}

.modal-dialog.billet_concert {width: 950px;max-width: 90%;height: auto!important;}
.modal-content.billet_concert {background: rgb(246, 247, 251);}
.modal-footer.billet_concert {border: none;margin-top: 0;padding-top: 0;}
.modal-body.billet_concert iframe {margin-bottom: 0;padding-bottom: 0;}

.modal-content {border: 0px solid rgba(0, 0, 0, 0.2);border-radius: 0.3rem;}
.modal-header {padding: 0.5rem 0.5rem 0 1rem;border-bottom: 0px solid #e9ecef;border-top-left-radius: 0.3rem;border-top-right-radius: 0.3rem;margin-bottom: 0;margin-top: 0;}
.modal-header .close {
padding: 0.5rem 1rem;
margin: 0 auto;}
.modal-body {padding: 0 1rem;margin-top: 0;margin-bottom: 0;}
.close {float: none;font-size: 2.5rem;font-weight: 700;line-height: 1;color: #2a4899;text-shadow: none;opacity: 1;margin-right: auto;margin-left: auto;}
.close:hover {color: #f39faa;text-decoration: none;}

/* BOUTON FOCUS */
.btn:focus, .btn.focus {outline: 0;box-shadow: none;}
.btn-primary:focus, .btn-primary.focus {outline: 0;box-shadow: none;}

/* EVENEMENTS */
.evenements {margin-top: 10px;margin-bottom: 10px;display: block;}
.events {height: 25px;background-color: #fff4dc;padding: 3px;font-weight: 300;}
.events span.spectacle {font-weight: 400;}

.separation_white {height: 5px;width: 40%;background: white;margin: 15px auto;padding-top: 0;padding-bottom: 0;display: block;clear: both;}
.separation {height: 5px;width: auto;background: #c7e8fb;margin: 0 auto;padding-top: 0;padding-bottom: 0;display: block;clear: both;}
.separation:nth-of-type(1) {margin-bottom: 13px;}
.separation:nth-of-type(2) {margin-top: 10px;}
article .separation {margin-bottom: 25px;}


p::-moz-selection { color: #f39faa; background: #0a89bc; }
p::selection { color:#f39faa; background: #0a89bc;  }
strong::-moz-selection { color: #f39faa; background: #0a89bc; }
strong::selection { color:#f39faa; background: #0a89bc;  }
i::-moz-selection { color: #101010; background: #f39faa; }
i::selection { color:#101010; background: #f39faa;  }


.gros_bouton {width: 31.2%;clear: both;position: relative;margin-right: auto;margin-left: auto;display: block;padding: 15px;background-color: #fff;border: 3px solid #f39faa;color: #f39faa}
.bouton_programme a {color: #1d1d1d}
.bouton_programme a:link {color: #1d1d1d}
.bouton_programme a:visited {color: #1d1d1d}
.bouton_programme {text-transform: uppercase;font: 16px Overpass,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;font-weight: 700;display: block}
.bouton_programme:hover {cursor: pointer;color: #0a89bc;text-transform: uppercase;font: 16px Overpass,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;font-weight: 700;display: block;background: #f39faa;border: 3px solid #f39faa}

/* FAQ */
.faq.js {margin-top: 25px;}

/* Pour le lien de retour au debut de la FAQ */
dl.faq dd a.retour { display: block; padding: .4em .5em 0 0; text-align: right; }

/* Pour les pictogrammes d'ouverture-fermeture des questions de la FAQ */
dl.faq.js dt { padding-left: 2.25em; background-image: url(../pop/faq-close.png); background-repeat: no-repeat; background-position: 0 0.25em; cursor: pointer;margin-bottom: 10px;color: #010101;}
dl.faq.js dt:hover { background-image: url(../pop/faq-close-hover.png); color: #0a89bc;}
dl.faq.js dt.item-faq-closed { background-image: url(../pop/faq-open.png); color: #010101;}
dl.faq.js dt.item-faq-closed:hover { background-image: url(../pop/faq-open-hover.png); color: #0a89bc;}

dl.faq { border: 0; }
dl.faq dt,
dl.faq dd { padding: .4em; background: inherit; border: 0; }
dl.faq dt { position: relative; padding-right: 3em; background-color: white; margin-bottom: .4em; }
dl.faq dd { margin-left: 2.2em; margin-bottom: 0; padding-right: 2em; border-left: none; padding-top: 0; margin-top: -15px;}
dl.faq.js dt { background-position: 0; }
dl.faq dd p {color: #f39faa;font-weight: 400;}
dl.faq dd p b, dl.faq dd p strong {color: #2a4899;font-weight: 700;}

/* Dans la version accessible avec bouton, éviter des styles intempestifs */
dl.faq dt button { background: none; border: none; text-align: left; color: #010101;}

/* Pour l'impression */
@media print { dl.faq dd { display: block !important; } }

/* RESPONSIVE */
@media only screen and (max-width: 1515px) {
.carte {background-position: -230px;}
}	

@media only screen and (max-width: 1024px) {

#visuel_slider {width: 65%;height:290px;}
#visuel_slider img {max-width: auto;width: 100% !important;}
.block_caption {width: 35%;padding: 10px 10px 10px 20px;}
.reseaux {font-size: 12px;}
.col-md-4 > aside {padding-left: 0;}
h1.titre.sommaire {margin-top: 10px;background: none;margin-left: 0;padding-left: 0;}
h1.titre.sommaire.petit_petit {margin-top: 10px;background: none ;margin-left: 0;padding-left: 0;}
.date.petit.sommaire, .surtitre.sommaire {padding-left: 0;}
.date.petit.sommaire.petit_petit,.surtitre.sommaire.petit_petit {padding-left: 0;}
.texte.sommaire.petit_petit  {padding-left: 0;}
.texte_download {margin-left: 0;}
.plan {margin: 15px 0;min-height: 100%;padding: 0;}

.modal-dialog.billet_concert {width: auto;max-width: 99%;height: auto!important;margin-left: 5px;margin-right: 5px;}

}

@media only screen and (max-width: 768px) {
.titre_slider {font-size: 28px;}.date_slider {font-size: 20px;}

.carte {background-position: center top;background-repeat: no-repeat;text-align: left;padding: 0;margin: 10px auto 0;}
.reseaux {font-size: 14px;margin-bottom: 15px;}
.plan {margin: 15px 0;min-height: 100%;padding: 0;}
.encart_base, .encart_stage {height: auto;}.encart_asso {height: auto;padding-bottom: 20px;}
.texte.suite_home.push_plus_bottom {padding-bottom: 0;}
.gros_bouton {width: 100%;}
.push_bottom {margin-bottom: 50px;}
.vignette_rub_art_sommaire {height: auto;width: auto;max-width: 100% !important;margin: 0;padding-bottom: 0;display: block;background-color: white;overflow: hidden;}
.col-md-4 > aside {padding-left: 0;}
.texte.sommaire {margin: 10px auto 15px;}
aside {padding-left: 0;}

}
@media only screen and (max-width: 640px) {
.baleine_baleine {height: 150px;width: 240px;padding-top: 125px;}
.baleine_lolo {padding-top: 110px;}.surtitre_slider{font-size: 14px;line-height: 1.1em;}.titre_slider {font-size: 24px;width: 100%;display: block;}.date_slider {font-size: 18px;}.vernissage_slider {font-size: 13px;}#visuel_slider{display: none;}.block_caption {width: 100%;margin-right: auto;margin-left: auto;height: auto;float: left;margin-top: 0;overflow: visible;visibility: visible;z-index: 1000;padding-top: 30px;padding-right: 30px;padding-left: 30px;}#slider1 .bx-wrapper .bx-viewport {height: auto;min-height:auto;}.col-md-6.push-left {padding-left: 15px;}.col-md-6.push-right {padding-left: 15px;}.baleine {width: 100%;min-height:100px;color:transparent ;-moz-background-size: 100%;-o-background-size: 100%;-webkit-background-size: 100%;background-size:  100%;}.baleine:hover {width: 100%;min-height:100px;color:transparent ;-moz-background-size: 100%;-o-background-size: 100%;-webkit-background-size: 100%;background-size:  100%;}
.programme {background-color: #fbfbfb;float: left;clear: left;padding: 10px 10px 15px;margin: 0 0 20px;width: 100%;}
article ul li{margin-right: 2%;margin-left: 0;}ul.forum-fil {margin-left: 0;padding-left: 0;}.forum-fil{margin-left: 0;margin-right: 0;}
aside {padding-left: 0;}
.modal-dialog {width: 90%;}
}

@media only screen and (max-width: 480px) {
.baleine_baleine {height: 150px;width: 210px;padding-top: 135px;}
aside {padding-left: 0;}
.titre_slider {font-size: 18px;}
.date_slider {font-size: 16px;}
.block {clear: both;}
.grid-item { width: 100%;}
article .text-justify iframe {width: 100%;}
}