/* Fonts */
/*import url('https://fonts.googleapis.com/css?family=Overpass:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');*/
@import url('https://overpass-30e2.kxcdn.com/overpass.css');
@import url('../fonts/arial_rounded/arial_rounded.css');

body {font-family: 'Overpass', "Open Sans", Helvetica, "Helvetica Neue", Arial,sans-serif;color: #1d1d1d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;text-rendering:optimizeLegibility;}

.entete {display: block;background-color: transparent;z-index: 10000;padding-top: 25px;position: relative;margin-top:0;margin-left: 0;}
.entete_sommaire {margin-top:0;position: fixed;display: block;z-index: 10000;padding-top: 25px;margin-left: 0;}


.logo_site {width: 75%;max-width: 250px;max-height: 120px;margin-left: 15px;margin-top: 2.5rem !important;display: block;float: left;clear: left;padding: 0;}
.logo_site a {z-index: 10000;}
.logo_site a:hover {z-index: 10000;}
.logo_site img {background-position: 0 top;top: 0;} 

.logo_site_nav_brand {width: 50%;max-height: auto!important;display: block;float: left;clear: left;padding: 0;margin-right: 8px;}

.langue {margin-top: 10px;margin-bottom: 10px;padding-top: 0;padding-bottom: 0;display: block;}
.traductions {float: right;right: 0;font-size: 1.4em;line-height: 0em;text-transform: uppercase;margin-top: 20px;padding-top: 0;top: 0;color: #1d1d1d;font-weight: 100;margin-right: 20px;text-decoration: none;}
.traductions a {color: #1d1d1d;text-decoration: none;}
.traductions a:hover {text-decoration: none;color: #ff0080;}

a {color: #000;text-decoration: none;outline:0;}
a:hover {color:  #ff0080;text-decoration: none;outline:0;}

a:not([href]):not([class]), a:not([href]):not([class]):hover {color: inherit;text-decoration: none;}

.on {color: #ff0080;font-weight: inherit;}
.on a {color: #ff0080;font-weight: inherit;}
.on a:hover {color: #000;font-weight: inherit;}
.active {color: #ff0080;font-weight: inherit;}
.active a {color: #ff0080;font-weight: inherit;}
.active a:hover {color: #000;font-weight: inherit;}

/* ARTICLE */
article {display:block;margin:0;padding-top: 0;}
section {margin-top: 175px;z-index: -900;}
section.test {margin-top: 0;z-index: -900;}
section.test_rub {margin-top: 74px;margin-left: 60px;z-index: -900;}
section.test_som {margin-top: -250px;z-index: -900;}

.block {display: block;margin: 0 auto 50px;padding-top: 0;}
.block-agenda {display: block;margin: 0 auto 25px;padding-top: 0;}

.marge-negative {margin-top: 55px;margin-left: 40px;}
.negatif {margin-top: -133px;}
.negatif_bio {margin-top: -126px;}
.negatif_agenda {margin-top: -98px;}
.negatif_contact {margin-top: -144px;}
.positif_rubrique {margin-top: 300px;margin-left: 60px;z-index: -900;}

.positif_rubrique_vignette {margin-top: 280px;margin-left: 170px;z-index: -900;}

.middle {width:auto!important;margin-left:5%;margin-right:5%;margin-top: 0;padding-top: 0;}
.cartouche, .cartouche_bio {margin-bottom: 65px;}

.encart {height: 340px;text-align: left;margin-left: 0;padding: 0;}
.milieu {display: inline-block;width: auto;}

.entry-title {font-family:'Overpass', "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;font-size: 3.8em/*2.5em*/;line-height: .9em;font-weight: normal;text-transform: none;}

.title_simple {font-family:'Overpass', "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;font-size: 3.8em;text-align: left;font-weight: 200;display: inline-block;line-height: 1.15em;margin-top: 25px;margin-bottom: 10px;letter-spacing: -1px;}
.title_simple_agenda {font-family:'Overpass', "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;font-size: 3em;text-align: left;font-weight: 200;text-transform: capitalize;display: inline-block;line-height: 1.15em;margin-top: 25px;margin-bottom: 10px;letter-spacing: -1px;}

.title_simple_agenda_bottom {font-family:'Overpass', "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;font-size: 2.5em;text-align: left;font-weight: 200;text-transform: capitalize;display: inline-block;line-height: 1.15em;margin-top: 25px;margin-bottom: 10px;letter-spacing: -1px;}

.title_simple span {color: #ff0080;font-weight: 100;letter-spacing: -4px;}
.title_simple_agenda span {font-weight: 100;letter-spacing: -2px;}

h1.title_simple_mot {font-size: 2em;line-height: 1.3em;text-align: left;font-weight: normal;padding-top: 0;margin-top: -6px;text-transform: capitalize;}
.title_pro {font-family: 'Overpass', "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif;font-size: 5.5em;line-height: 0.9em;font-weight: normal;padding-top: 0;margin-top: -4px;text-align: left;}
.titre_agenda_pro {font-size: 1.25em;font-weight: 800;margin: 0;padding: 0;text-transform: capitalize;}
li.title_date {margin-right: 15px;padding-top: 0;list-style: none;}

.pro_out {text-transform: uppercase;width: 100%;background-color: #eee;padding: 10px;margin-top: 20px;display: block;text-align: center;}
.pro_out {color: #1D1D1D;font-weight: normal;text-decoration: none;}
.pro_out a {color: #1D1D1D;font-weight: normal;text-decoration: none;}
.pro_out a:hover {font-weight: normal;text-decoration: none;color: #ff0080;}
.pro_out:hover {font-weight: normal;text-decoration: none;color: #ff0080;}
.negatif_pro {margin-top: -53px;}
.liste_pro {margin-top: 50px;}
.rouge a {color: #1D1D1D;}
.rouge:hover {color: #ff0080;}
.cartouche {text-align: right;}
.cartouche_bio {text-align: left;text-transform: uppercase;padding-top: 0;margin-top: 0;}
.encart_bio {border-right: 0px solid #FFF;}

.cartouche_bio li {list-style: none;padding-left: 0;margin-left: 0;}
.cartouche_bio .col-lg-6:nth-child(odd){padding-left: 0;padding-right: 0;}

.cartouche_pro li {list-style: none;padding-left: 0;margin-left: 0;margin-bottom: 8px;line-height: 1.1em;}
.cartouche_pro {}

.logo {min-width:100%;max-height: 375px;height: auto;display: block;overflow: hidden;}

.chapo {font-family: 'arial_rounded_mt_bold', 'Arial Rounded Bold', Arial,'Overpass',sans-serif;}
.chapo p, .descriptif p {font-style: 500;font-size: 19px;font-variant: normal;text-align: justify;word-spacing: -0.5px;font-variant: common-ligatures tabular-nums;}

/*.col_texte {margin-right: auto;margin-left: auto;width: 65%;display: block;}*/
.col_texte {margin-right: auto;margin-left: auto;width: 70%;display: block;clear: both;}
.col_texte_pro {margin-right: auto;margin-left: auto;width: 85%;display: block;}

h3.spip, 
.intertitre {font-size: 20px;color: #000;font-weight: normal;line-height: 1.2em;text-align: justify;}

h2.spip {font-size: 1.15em;color: #000;font-weight: 600;line-height: 1em;text-align: justify;margin-bottom: 5px;}

.texte {font-weight: normal;margin-bottom: 45px;}
.texte p {text-align: left;}
.texte strong, .texte b {font-weight: 500;}
.texte_simple {font-weight: 300;margin-bottom: 55px;}
.texte_simple p {text-align: justify;}
.texte_simple strong, .texte_simple b {font-weight: 500;}

strong, b {font-weight: 500;font-style: normal;color: #000;}

p, .p { font-size: 1em;color: #1d1d1d;line-height: 1.5em;text-align: left;margin-bottom: 30px;margin-top: 0;}

/* CESURE */
/*p, .p {
    word-break: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}*/

i {font-style: italic;}
p {word-break: normal;font-variant: common-ligatures tabular-nums;}
.texte {word-break: normal;font-variant: common-ligatures tabular-nums;}
p a, p a:hover {
text-decoration: none;
/*text-underline-position: under;
text-decoration-thickness: 1.5px;
-webkit-text-decoration: underline;
-webkit-text-underline-position: under;
-webkit-text-decoration-thickness: 1.5px;
text-underline-offset: -4px;
-webkit-text-underline-offset: -4px;*/
font-weight: 400;}

p a {color:#000;}
p a:hover {color:#ff0080;}

.texte ul, .texte_simple ul, .texte ol, .texte_simple ol {margin-top: -20px;margin-left: 15px;margin-right: 40px;text-align: justify;}
.texte ul li, .texte_simple ul li {list-style-type: circle;margin-bottom: 5px;font-size: .9em;}

img.puce {margin-top: -4px;content: U+2192;}
sup, sup.typo_exposants { font-size:78%; font-variant:inherit; line-height:inherit; vertical-align:inherit;}

.interpretation, .information, .ps {margin-bottom: 45px; }
.interpretation strong, .information strong {font-size: 90%;}
.interpretation p, .information p, .ps p {color: #424242;margin-bottom: 15px;}
.interpretation p, .information p, .ps p {font-size: 90%;font-weight: normal;line-height: 1.4em;}
.information {display: block;padding-bottom: 5px;}

.tour {margin-bottom: 25px; }

hr {margin: 1rem 0 2rem;color: inherit;border-width: 0;border-top: 2px solid #ff0080;opacity: 1;}

.information_pagination {width: 100%;}
.infos_titre { font-size: 1.25em;line-height: 1.4em;margin-bottom: 10px;border-bottom: 4px solid #000;width: 48.65%;clear: left;font-weight: 600;padding-right: 1.5em;}
.infos_titre_social { font-size: 1.15em;line-height: 1.4em;margin-bottom: 10px;border-bottom: 4px solid #000;width: 48.65%;clear: left;font-weight: 600;padding-right: 1.5em;}
.infos_titre_prev { font-size: 1.25em;line-height: 1.4em;margin-bottom: 15px;border-bottom: 4px solid #000;width: 25%!important;font-weight: 600;
text-align: left;position: absolute;left: 0;}


.infos_titre_next { font-size: 1.25em;line-height: 1.4em;margin-bottom: 15px;border-bottom: 4px solid #000;width: 25%!important;clear: left;font-weight: 600;
text-align: right;position: absolute;right: 0;}


.photographies p, .distribution p, .production p, .ps p {font-size: .95em;line-height: 1.4em;font-weight: 200;margin-top: 10px;}
.photographies strong, .distribution strong, .production strong {font-weight: 500;}
.gris {color: #9b9797;}
.li_art {font-size: .95em;list-style: none;}
.li_art a, .gris a {color: #9b9797;}
.li_art a:hover, .gris a:hover {color: #000;}

.mb-2 {margin-bottom: .65em!important;}
.py-5 {padding-top: 2rem !important;padding-bottom: 3rem !important;}
.mt-demi {margin-top: 2.8rem !important;} /*margin top entete article!*/

p span.spip_note_ref {font-size: 94%;vertical-align: 4px;font-weight: normal;}
p span.spip_note_ref a {text-decoration: none;}
p span.spip_note_ref a:hover {text-decoration: none;color: #ff0080;}
p .spip_note {font-size: 94%;}
.notes hr {padding-top: 0px;margin-top: 0;}
.notes {display: block;clear: both;font-size: 92%;padding-bottom: 20px;margin-top: -20px;padding-top: 0;}
.notes p {margin-top: 5px;margin-bottom: 10px;padding-top: 0;padding-bottom: 0;font-size: 92%;line-height: 1.4em;font-weight: normal;}

h1, .h1 {font-weight: normal;font-size:2em;margin-top: 0;padding-top: 0;}

h1.titre_site a {font-family: 'Overpass', Helvetica, "Helvetica Neue", Arial;font-weight:400;text-transform: uppercase;font-size:1.215em;float: left;margin-top: 5px;padding-top: 0;margin-left: 35px;color: #111111;text-decoration: none;letter-spacing: -0.03em;}
h1.titre_site a:hover {color:#ff0080;text-decoration: none;background-color: transparent;}

h1.titre_site_sommaire a {font-family: 'Overpass', Helvetica, "Helvetica Neue", Arial;font-weight:400;text-transform: uppercase;font-size:1.215em;float: left;margin-top: 5px;padding-top: 0;margin-left: 35px;color: #000;text-decoration: none;letter-spacing: -0.03em;}
h1.titre_site_sommaire a:hover {color: #ff0080;text-decoration: none;background-color: transparent;}

h1.titre_site_sommaire.blanc a {color: #FFF;}
h1.titre_site_sommaire.blanc a:hover {color: #ff0080;}

blockquote.spip { min-height: 25px; /*background: url(../img/quote.png) no-repeat; padding-top: 2.5px;padding-left: 20px;*/}
blockquote.spip p {	font-family: 'arial_rounded_mt_bold'; Arial,'Overpass',sans-serif;margin-left: 10%;margin-right: 10%;margin-top: 15px;margin-bottom: 30px;border: none;font-style: italic;color: #ff0080;font-size: 100%;font-weight: 500;
text-align: left;}

blockquote.spip_poesie { min-height: 25px; /*background: url(../img/quote.png) no-repeat; padding-top: 2.5px;padding-left: 20px;*/}
blockquote.spip_poesie {	font-family: 'arial_rounded_mt_bold'; Arial,'Overpass',sans-serif;margin-left: 10%;margin-right: 10%;margin-top: 15px;margin-bottom: 30px;border: none;font-style: italic;color: #ff0080;font-size: 110%;text-align: left;
}

/* MENU */
li.titre_menu {margin-top: 5px;}
.titre_menu {text-transform: uppercase;font-weight: 600;font-size: 1.15em;}
.titre_menu a {color: #000;}
.titre_menu a:hover {color: #ff0080;}
.titre_menu .active {color: #ff0080;}
.titre_menu .on {color: #ff0080;}


li.titre_menu_lang {margin-top: 5px;}
.titre_menu_lang {text-transform: uppercase;font-weight: 600;font-size: 1.15em;color: #000;}
.titre_menu_lang a {color: #000;}
.titre_menu_lang a:hover {color: #ff0080;}

.soustitre_menu {text-transform: none;font-weight: 400;font-size: 1em;}
.soustitre_menu a {color: #000;}
.soustitre_menu a:hover {color: #ff0080;}
.soustitre_menu .active  {color: #ff0080;}
.soustitre_menu .on {color: #ff0080;}
.list-soutitre_menu {list-style: none; padding-left: 15px;margin-bottom: 20px;}


/* Work detail */
.work-detail-pieces {
  background: rgba(255, 0, 128, 1);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.work-detail-pieces .img-responsive:hover {
    opacity: 0.5;
}

.work-detail {position: absolute;opacity: 0;
  background: rgba(255, 0, 128, 0.5);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  top: 0;right: 0;bottom: 0;left: 0;
  text-align: center;
  max-width: 1000px !important;
  max-height: 600px !important;
}

.work-detail:hover {position: absolute;
  background: rgba(255, 0, 128, 0.5);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  top: 0;right: 0;bottom: 0;left: 0;
  text-align: center;
  max-width: 1000px !important;
  max-height: 600px !important;
}

.work-detail-pieces .ion-icon-large{font-size: 2em;font-weight: normal;text-align: center;line-height: 1.1em;color: #000;}
.work-detail-pieces h3 {margin: 0;padding: 15px;}
.work-detail-pieces h3 {color: #000;}
.work-detail-pieces h3 a {color: #000;}
.work-detail-pieces h3:hover {color: #000;}
.work-detail-pieces:hover { opacity: 1;}

.work-detail .ion-icon-large {font-size: 2em;font-weight: normal;text-align: center;line-height: 1.1em;}
.work-detail h3 {margin: 0;padding: 15px;}
.work-detail h3 {color: #000;}
.work-detail h3 a {color: #ff0080;}
.work-detail h3:hover {color: #000;}
.work-detail:hover { opacity: 1;}
.vertical-centered {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 100%;z-index: 500;}
.vertical-centered:hover {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);width: 100%;z-index: 510;opacity: 1;
}

/* ACTUS */
.border-left-sommaire {border-left: 40px solid #fff;}
.border-right-sommaire {border-right: 40px solid #fff;}
.actus_sommaire {height: auto;position: relative;float: left;display: block;margin-top: 120px;max-width: 100%!important;}
.actus_sommaire_article {background-color: #FFF;	padding: 20px;margin-left: 100px;}
.actus_sommaire_titre {font-weight: 900;border-bottom: 5px solid #fff;padding-bottom: 5px;margin-bottom: 15px;width: 50%;font-size: 1.35em;line-height: 1em;color: #fff;}
.actus_sommaire_article h3.spip, .actus_sommaire_article h3.spip a {position: relative;margin-top: 0;font-weight: 700;font-size: 1.35em;}
.actus_sommaire_article p strong, .actus_sommaire_article p strong a {margin-top: 10px;font-weight: 700;font-size: 1.1em;line-height: 1.35em;}

.actus_sommaire_article p {font-weight: normal;line-height: 1.35em;font-size: 1em;margin-bottom: 15px;}
.actus_sommaire_article p:last-of-type {padding-bottom: 0;margin-bottom: 0;}
.actus_credit {bottom: 28px;right: 30px;position: absolute;font-size: 0.9em;color: #000;font-weight: normal;}

.actus_sommaire_article p a {color: #ff0080;text-decoration: none;}
.actus_sommaire_article p a:hover {color: #000;text-decoration: none;}

/* IMAGES */
abbr[data-original-title], abbr[title] {cursor: help;border-bottom: 1px dotted #999;}
.gecko abbr[data-original-title], abbr[title] {cursor: help;border-bottom: 1px dotted #999;text-decoration: none;}
dl, dd, dt {margin: 0;padding: 0;border: 0;outline: 0;font-family: 'Overpass', Helvetica, "Helvetica Neue", Arial;font-size: 100%;vertical-align: baseline;list-style: none;}
.documents_portfolio {margin-top: 50px;margin-bottom: 30px;}
.documents_video {margin-top: 0;margin-bottom: 30px;padding: 0;}
.documents_portfolio li, .documents_video li {list-style: none;width: 100%;float: left;clear: both;display: block;margin-bottom: 25px;}
.documents_portfolio.img-responsive  {display:block;max-width:100%;height:auto}
.documents_portfolio img {max-width: 100% !important;width: 100%;max-height: 100%;height: auto;margin-right: auto;}
.legende_titre, .legende_descriptif, .legende_credit {font-size: 90%;line-height: 1.4em;font-weight: normal;}
.legende_titre {margin-top: 10px;font-style: italic;}
.legende_descriptif, .legende_credit {color: #424242;}
.spip_documents_img .spip_documents_center img {max-width: 647px !important;width: 100%;height: auto;}
.spip_documents_center .responsive_img {max-width: 100%;height: auto;}
.spip_documents_img .spip_documents_center img {max-width: 650px !important;width: 100%;height: auto;}
.spip_documents_center {display: block;clear: both;max-width:100%;margin: 1em auto;height: auto;text-align: center;}
.vignettes {border: 0;float: left;margin-top: 3px;margin-bottom: 3px;margin-right: 8px;}
.movie ul{padding: 0;margin: 0;width: 100%;}
.movie li {list-style-type: none;margin-right: 0;margin-left: 0;}
.small_mot ul{padding: 0;margin: 0;width: 100%;}
.small_mot li {list-style-type: none;margin-right: 0;margin-left: 0;}
.title_download {font-size: 1.2em;line-height: 1.3em;text-align: left;font-weight: normal;padding-top: 0;}
.title_download_simple {font-size: 1.1em;line-height: 1.1em;text-align: left;font-weight: normal;padding-top: 0;}

.infos_titre_download { font-size: 1em;line-height: 1.2em;border-bottom: 4px solid #ff0080;width: 48.8%;clear: left;font-weight: 600;margin-bottom: 5px;}

.documents_joints ul, .informations_documents ul, .informations_documents_divers ul {margin-left: 0;margin-right: 0;text-align: left;list-style-position: inside;padding-left: 0;}
.documents_joints ul {}
.documents_joints li, .informations_documents li, .informations_documents_divers li {font-size: .95em;list-style-type: none;margin-bottom: 5px;margin-left: 0;}

.informations_documents {border-top: 1px solid #eee;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.informations_documents_divers {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}

.informations_documents li,.informations_documents_divers li {color: #424242;margin-bottom: 0px;}
.informations_documents li, .informations_documents_divers li {font-size: 90%;font-weight: normal;line-height: 1.6em;list-style-position: inside;}


.ion-icon-large {font-size: 20px;line-height: 1em; vertical-align: -2px; margin-right: 5px;color: #ff0080;}
.ion-md-attach:before {
 -webkit-transform : rotate(45deg) ; 
 -moz-transform :  rotate(45deg) ; 
 -ms-transform : rotate(45deg) ; 
 -o-transform : rotate(45deg); 
 transform : rotate(45deg) ;
}

 

/* VIGNETTES ARTICLES */
.background_white {background-color: #FFF;z-index: 100;min-height: 110px;height: auto;}

.art_bigvignette {
    width: 100%;
    /*margin-bottom: -100px;*/
    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;
	background-color: #ff0080;
}

.vignette_art_art {
    height: auto;
    width: 100% !important;
    background-color: #ff0080;
    margin: 0;
    display: block;
    border: 0;
}

/* Gallerie Articles */
.img-fluid, .img-responsive {
  max-width: 100% !important;
  height: auto;
}


.img-sun-card {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	text-align: center;
	margin-top: 30px;
}
.img-sun {
  max-width: 40% !important;
  height: auto;
  text-align: center;
}
.img-sun:hover {opacity: 0.5;}

.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: transparent;
background-clip: border-box;
border: none;
border-radius: 0;
clear: left;
}

.card:hover img {opacity: 1;}

.card-columns .card {
  margin-bottom: 1rem;
}

.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 3;
  }
  @include media-breakpoint-only(xl) {
    column-count: 2;
  }
}

/* VIGNETTES RUBRIQUES */

.pieces {text-align: right;margin-top: 10px;}
.title_pieces {font-size: 1em;font-weight: 600;text-align: right;letter-spacing: -0.25px;}
span.little_pieces {font-weight: 200;text-align: right;}
.pieces_left {text-align: left;margin-top: 10px;}
.title_pieces_left {font-size: 1em;font-weight: 600;text-align: left;letter-spacing: -0.25px;}
span.little_pieces_left {font-weight: 200;text-align: left;}

.title_pieces a {color: #ff0080;}
.title_pieces a:hover {color: #000;}

.card_pieces {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: transparent;
background-clip: border-box;
border: none;
border-radius: 0;
clear: left;}

.img-responsive:hover {background-color: #ff0080;}

.card_pieces:hover img {opacity: 1;}
.card-columns .card_pieces {margin-bottom: 1rem;}

.card_agenda {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /* background-color: #f9d3e6; */
    border: none;
    clear: left;
    /* border-left: solid 4px #ff0080;*/

}
.card_agenda {
     /*padding: 10px;*/
    padding-top: 15px;
    margin-bottom: 30px;

}

.card_agenda_pro {padding: 15px 15px 5px 0;}

.titre_agenda {font-size: 1.45em;font-weight: 600;margin: 0 0 20px;padding: 0;}
.soustitre_agenda {font-size: 1.2em;font-weight: 400;margin: 0;padding: 0;}
.chapo_agenda {font-size: 1.2em;font-weight: 400;margin: 0;padding: 0;}
.texte_agenda {font-size: 1em;font-weight: 200;margin: 0;padding: 0;}
.texte_agenda p:first-child {font-size: 1em;font-weight: 200;margin: 5px 0 5px;padding: 0;}
.texte_agenda p {font-size: 1em;font-weight: 200;margin: 20px 0 5px;padding: 0;}
.texte_agenda a {color: #ff0080;font-weight: 400;}
.texte_agenda a:hover {color: #000;font-weight: 400;}
.texte_agenda_download {font-size: 1em;font-weight: 200;margin: 0 0 25px;padding: 0;}

/* Precedent - Suivant */
.col-navigation {width:33.33333333%;margin-right: auto;margin-left: auto;}
.navigation_menu {margin: 45px auto;clear: both;padding-bottom: 10px;}
.art_suivant.on {margin: 0;vertical-align: middle;text-align: right;}
.art_prece.on {margin: 0;vertical-align: middle;text-align: left;}
.art_suivant {margin: 0;vertical-align: middle;text-align: right;}
.art_prece {margin: 0;vertical-align: middle;text-align: left;}
.art_suivant {text-transform: uppercase;float: right;background: url(../img/fleche_droite.png) no-repeat right top;text-align: right;display: block;padding-right: 45px;margin-right: 0;}

.art_suivant:hover {text-transform: uppercase;opacity: 1;text-decoration: none;background: url(../img/fleche_rouge_droite.png) no-repeat right top;}

.art_prece {text-transform: uppercase;text-align: left;float: left;background: url(../img/fleche_gauche.png) no-repeat -8px top;display: block;padding-left: 40px;margin-left: 0;}
.art_prece:hover {text-transform: uppercase;opacity: 1;text-decoration: none;background: url(../img/fleche_rouge_gauche.png) no-repeat -8px top;}

.art_suivant {text-align: right;display: block;float: right;margin: 0;;margin-top: -46px;font-weight: normal;}
.art_prece  {text-align: left;display: block;margin: 0;margin-top: -3px;font-weight: normal;}

.art_suivant .title_nav {font-size: 18px;width: 220px;line-height: 1.2em;font-weight: normal;letter-spacing: -0.5px;}
.art_prece .title_nav {font-size: 18px;width: 220px;line-height: 1.2em;font-weight: normal;
letter-spacing: -0.5px;}

.rub {width: auto;min-width:60px;max-width: 90px;margin-right: auto;margin-left: auto;display: block;text-align: center;margin-top: 0px;}
.back_rub {width: 100%;display: block;vertical-align: middle;}


.md-left {margin-left: 0;padding-left: 0;}
.md-right {margin-right: 0;padding-right: 0;}

/* Pagination */
.pagination {text-align: left;border-top: 1px solid #f0f0f0;padding-top: 10px;width: 100%;}
.pagination .sep,.pagination .label{display:none;}
.pagination .lien_pagination,.pagination .on,.pagination .tbc{display:inline-block;padding: .25em .5em .2em;text-decoration:none;line-height:1.2em;}
.gecko .pagination .lien_pagination,.gecko .pagination .on,.gecko .pagination .tbc{padding: 0.4em 0.5em 0.3em;}
.pagination .lien_pagination:hover,.pagination .lien_pagination:focus,.pagination .lien_pagination:active{color:#1D1D1D;background-color:#ff0080;}
.pagination .pages .on{color:#fff;background-color:#ff0080;}
.pagination .next,.pagination .prev{font-weight:700;}
.pagination .disabled{display:inline-block;color:#838383;}


/* MENU */

body {overflow-x:hidden;}
.page-holder {width: calc(100% - $sidebar-width);margin-left: 22rem;min-height: 100%;transition:all 0.3s linear;-moz-transition: all 0.3s linear;}
/*.page-holder-sommaire {margin-left: 20rem;border-left: 30px solid white;min-height:100vh;}*/
.sidebar-menu {overflow: auto;}
.fixed {position: fixed;}
.absolute {position: absolute;}
.sidebar-menu-holder {min-height: 100%;margin-bottom: 20px;position: relative;}
.sidebar {width: 20rem;height: auto;min-height: 100%;min-height:100vh;position: absolute;top: 0;left: 0;bottom: 0;transition:all 0.3s linear;-moz-transition: all 0.3s linear;background-color:white;}


footer {
	background-color: white;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

@media (max-width: 1024px) {
.page-holder {width: 100%; margin-left:0;}}

.page-holder.active {margin-left:20rem;}
.sidebar {width: 20rem;min-height: 100%;min-height:100vh;position: absolute;top: 0;left: 0;bottom: 0;transition:all 0.3s linear;-moz-transition: all 0.3s linear;background-color:white;}
.sidebar-inner {width: 100%;min-height: 100%;background:white;}

.sidebar.active {margin-left:0}

.sidebar-link {
    padding: 0.7rem 1.5rem 0.2rem;
    color: #ff0080;
    border-bottom-right-radius: 0;
    transition: all 0.3s;
	-moz-transition: all 0.3s;
    position:relative;
    border-width: 0;
}

.sidebar-link.active {color:#ff0080;}
.sidebar-link.active, .sidebar-link.active:hover, .sidebar-link.active:focus {text-decoration:none;}
.sidebar-link:hover, .sidebar-link:focus {text-decoration: none;background:white;}

.svg-icon {
    width: 32px;
    height: 32px;
    vertical-align: text-bottom;
    stroke: currentColor;
    stroke-width: 3;
    --layer1: currentColor;
    --layer2: currentColor;
    --layer3: currentColor;
}

.svg-icon.svg-icon-light {stroke-width:2}
.svg-icon.svg-icon-heavy {stroke-width:4}
.svg-icon-big {width: 64px;height:64px}
.svg-icon-sm {width: 40px;height: 40px;}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: none;
  border-radius: none;
  transition: var(--bs-navbar-toggler-transition);
  —moz-transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 30 30'%3e%3cpath stroke='rgba(255,0,128, 1)' stroke-linecap='normal' stroke-miterlimit='10' stroke-width='4' d='M4 7h30M4 15h15M4 23h30'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-toggler-icon:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 30 30'%3e%3cpath stroke='rgba(0,0,0, 1)' stroke-linecap='normal' stroke-miterlimit='10' stroke-width='4' d='M4 7h30M4 15h30M4 23h30'/%3e%3c/svg%3e");
}

.navbar-toggler-icon-blanc {
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 30 30'%3e%3cpath stroke='rgba(255,255,255, 1)' stroke-linecap='normal' stroke-miterlimit='10' stroke-width='4' d='M4 7h30M4 15h15M4 23h30'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-toggler-icon-blanc:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 0 30 30'%3e%3cpath stroke='rgba(0,0,0, 1)' stroke-linecap='normal' stroke-miterlimit='10' stroke-width='4' d='M4 7h30M4 15h30M4 23h30'/%3e%3c/svg%3e");
}

/* Mobile et Tablette */

@media (min-width:2047px) {
/*	.work-detail-pieces {opacity: 0;
  background: rgba(255, 0, 128, 0.8);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
 top: 0;right: 0;bottom: 0;left: 0;
  text-align: center;
  text-align: center;position: absolute;
  max-width: 1000px !important;
  max-height: 88% !important;
}
.work-detail-pieces:hover {opacity: 1;
  background: rgba(255, 0, 128, 0.5);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
 top: 0;right: 0;bottom: 0;left: 0;
  text-align: center;
  text-align: center;position: absolute;
  max-width: 1000px !important;
  max-height: 88% !important;
}*/
}

@media (min-width:1441px) {
.col-13-xxxl {flex: 0 0 auto;width: 50%;}
}

@media screen and (max-width:1620px) {}


@media screen and (max-width:1560px){}	
@media (min-width: 641px) and (max-width: 1450px){}

@media screen and (max-width:1470px){
.logo_site {margin-top: 2rem !important;}
.sidebar {width: 17rem;min-height: 100%;position: absolute;top: 0;left: 0;bottom: 0;margin-bottom: 0;}
.page-holder {margin-left: 17rem;min-height: 100vh;}
.page-holder.active {margin-left:17rem;}
.py-5 {padding-top: 1.4rem !important;}
.background_white {background-color: #FFF;z-index: 100;margin-bottom: 20px;min-height: 60px;}
.art_bigvignette {/*margin-bottom: -53px;*/}
.soustitre_menu {text-transform: none;font-weight: 300;font-size: .85em;line-height: 1.1em;margin-bottom: 5px;}
.list-soutitre_menu {list-style: none; padding-left: 10px;margin-bottom: 20px;}

.pieces {text-align: right;margin-top: 5px;}
.title_pieces {font-size: .85em;letter-spacing: -0.5px;}
.title_simple, .title_simple_agenda {font-size: 2em;letter-spacing: -1px;margin-bottom: 0px;font-weight: 400;}
.title_simple span {color: #ff0080;font-weight: 100;letter-spacing: -2px;}
.title_simple_agenda span {font-weight: 100;letter-spacing: -2px;}
.chapo p, .descriptif p {font-size: 14px;}
p, .p { font-size: 0.9em;color: #1d1d1d;line-height: 1.5em;text-align: left;margin-bottom: 30px;margin-top: 0;}
h3.spip,  .intertitre {font-size: 1.05em;}
h2.spip {font-size: 1.05em;}

.infos_titre, .infos_titre_social, .infos_titre_prev, .infos_titre_next, .infos_titre_download  {font-size: 1em;line-height: 1.4em;}
.photographies p, .distribution p, .production p, .ps p {font-size: .85em;}

.titre_agenda, .titre_agenda_pro {font-size: 1.1em;}
.soustitre_agenda {font-size: 1em;font-weight: 400;margin: 0;padding: 0;}
.chapo_agenda {font-size: 1em;font-weight: 400;margin: 0;padding: 0;}
.texte_agenda {font-size: .9em;font-weight: 200;margin: 0;padding: 0;}
.texte_agenda p:first-child {font-size: .9em;font-weight: 200;margin: 5px 0 5px;padding: 0;}
.texte_agenda p {font-size: .9em;font-weight: 200;margin: 20px 0 5px;padding: 0;}
.card_agenda {padding-top: 10px;padding-bottom: 7px;}
/*.card_agenda_pro {border-left: solid 0px #ff0080;background-color: #f9d3e6; padding-bottom: 0px;}*/
.border-left-sommaire {border-left: 40px solid #fff;}
.border-right-sommaire {border-right: 40px solid #fff;}
.actus_sommaire_titre {font-weight: 900;border-bottom: 5px solid #fff;padding-bottom: 5px;margin-bottom: 15px;width: 50%;font-size: 1.15em;line-height: 1em;}
.actus_sommaire_article {background-color: #FFF;	padding: 20px;margin-left: 25px;}
.actus_sommaire_article h3.spip, .actus_sommaire_article h3.spip a {position: relative;margin-top: 0;font-weight: 700;font-size: 1.05em;}
.actus_sommaire_article p strong, .actus_sommaire_article p strong a {margin-top: 10px;font-weight: 700;font-size: 1.05em;line-height: 1.2em;}

.actus_sommaire_article p {font-weight: normal;line-height: 1.35em;font-size: .9em;margin-bottom: 15px;}
.actus_credit {bottom: 28px;right: 30px;position: absolute;font-size: .9em;color: #000;font-weight: normal;}
span.little_pieces_left {font-size: .9em;}

}

@media screen and (max-width:1440px){
.logo_site {margin-top: 2rem !important;}
.sidebar {width: 17rem;min-height: 100%;position: absolute;top: 0;left: 0;bottom: 0;margin-bottom: 0;}
.page-holder {margin-left: 17rem;min-height: 100vh;}
.page-holder.active {margin-left:17rem;}
.py-5 {padding-top: 1.4rem !important;}
.background_white {background-color: #FFF;z-index: 100;margin-bottom: 20px;min-height: 60px;}
.art_bigvignette {/*margin-bottom: -53px;*/}
.soustitre_menu {text-transform: none;font-weight: 300;font-size: .85em;line-height: 1.1em;margin-bottom: 5px;}
.list-soutitre_menu {list-style: none; padding-left: 10px;margin-bottom: 20px;}

.pieces {text-align: right;margin-top: 5px;}
.title_pieces {font-size: .85em;letter-spacing: -0.5px;}
.title_simple, .title_simple_agenda {font-size: 2em;letter-spacing: -1px;margin-bottom: 0px;font-weight: 400;}
.title_simple span {color: #ff0080;font-weight: 100;letter-spacing: -2px;}
.title_simple_agenda span {font-weight: 100;letter-spacing: -2px;}
.chapo p, .descriptif p {font-size: 14px;}
p, .p { font-size: 0.9em;color: #1d1d1d;line-height: 1.5em;text-align: left;margin-bottom: 30px;margin-top: 0;}
h3.spip,  .intertitre {font-size: 1.05em;}
h2.spip {font-size: 1.05em;}

.infos_titre, .infos_titre_social, .infos_titre_prev, .infos_titre_next, .infos_titre_download  {font-size: 1em;line-height: 1.4em;}
.photographies p, .distribution p, .production p, .ps p {font-size: .85em;}

.titre_agenda, .titre_agenda_pro {font-size: 1.1em;}
.soustitre_agenda {font-size: 1em;font-weight: 400;margin: 0;padding: 0;}
.chapo_agenda {font-size: 1em;font-weight: 400;margin: 0;padding: 0;}
.texte_agenda {font-size: .9em;font-weight: 200;margin: 0;padding: 0;}
.texte_agenda p:first-child {font-size: .9em;font-weight: 200;margin: 5px 0 5px;padding: 0;}
.texte_agenda p {font-size: .9em;font-weight: 200;margin: 20px 0 5px;padding: 0;}
.card_agenda {padding-top: 10px;padding-bottom: 7px;}
/*.card_agenda_pro {border-left: solid 0px #ff0080;background-color: #f9d3e6; padding-bottom: 0px;}*/
.border-left-sommaire {border-left: 40px solid #fff;}
.border-right-sommaire {border-right: 40px solid #fff;}
.actus_sommaire_titre {font-weight: 900;border-bottom: 5px solid #fff;padding-bottom: 5px;margin-bottom: 15px;width: 50%;font-size: 1.15em;line-height: 1em;}
.actus_sommaire_article {background-color: #FFF;	padding: 20px;margin-left: 25px;}
.actus_sommaire_article h3.spip, .actus_sommaire_article h3.spip a {position: relative;margin-top: 0;font-weight: 700;font-size: 1.05em;}
.actus_sommaire_article p strong, .actus_sommaire_article p strong a {margin-top: 10px;font-weight: 700;font-size: 1.05em;line-height: 1.2em;}

.actus_sommaire_article p {font-weight: normal;line-height: 1.35em;font-size: .9em;margin-bottom: 15px;}
.actus_credit {bottom: 28px;right: 30px;position: absolute;font-size: .9em;color: #000;font-weight: normal;}
span.little_pieces_left {font-size: .9em;}

}

@media screen and (max-width:1320px){
.titre_menu {font-size: 1em;font-weight: 400;}
.titre_menu_lang {font-size: 1em;font-weight: 400;}
}

/* Rupture menu à 1280px */
@media screen and (max-width:1280px){
.page-holder {margin-left: 16rem;}
.page-holder.active {margin-left:16rem;}

.fixed {position: fixed;}
.absolute {position: absolute;}

.sidebar {width: 16rem;position: absolute;top: 0;left: 0;bottom: 0;margin-bottom: 20px;}
.fixed {position: fixed;}
.absolute {position: absolute;}
.sidebar-inner {width: 100%;min-height: 100%;background:white;}

.background_white {background-color: #FFF;z-index: 100;margin-bottom: 20px;min-height: 60px;}
.py-3 { padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
.py-5 {padding-top: 1.5rem !important;}
.px-3 {
  padding-right: .5rem !important;
  padding-left: 1rem !important;
}
.art_bigvignette {/*margin-bottom: -53px;*/}

.soustitre_menu {text-transform: none;font-weight: 400;font-size: .86em;line-height: 1.1em;margin-bottom: 5px;}

.titre_menu {font-size: 1em;}
.titre_menu_lang {font-size: 1em;}
.title_pieces {font-size: .85em;letter-spacing: -0.5px;}
.title_simple, .title_simple_agenda {font-size: 2em;letter-spacing: -1px;margin-bottom: 0px;}
.title_simple span {color: #ff0080;font-weight: 100;letter-spacing: -2px;}
.title_simple_agenda span {font-weight: 100;letter-spacing: -2px;}
.chapo p, .descriptif p {font-size: 16px;}

.actus_sommaire_titre {font-size: 1.15em;line-height: 1em;}
.actus_sommaire_article h3.spip, .actus_sommaire_article h3.spip a {font-size: 1.15em;}
.actus_sommaire_article p strong, .actus_sommaire_article p strong a {font-size: 1em;}
.actus_sommaire_article p {line-height: 1.2em;font-size: 0.9em;}

.img-fluid, .img-responsive {max-width: 100% !important; width: 100% !important;height: auto;}

.work-detail-pieces {max-width: 1000px !important;max-height: 84.85% !important;}
.work-detail-pieces:hover {max-width: 1000px !important;max-height: 84.85% !important;}

.photographies p, .distribution p, .production p, .ps p {font-size: .9em;line-height: 1.3em;}
.infos_titre { font-size: 1em;line-height: 1.4em;}
.infos_titre_social { font-size: 1em;line-height: 1.4em;}
.infos_titre_prev { font-size: 1em;line-height: 1.4em;}

}

@media screen and (max-width:1112px){}

@media screen and (max-width: 1024px){
  .d-lg-none {
    display: block !important;
  }
.page-holder {margin-left: 0rem;min-height: 100vh;}
.page-holder.active {margin-left:16rem;}
.sidebar {margin-left:-16rem}
.border-left-sommaire {border-left: 0px solid #fff;}
.border-right-sommaire {border-right: 0px solid #fff;}
.actus_sommaire_article {background-color: #FFF;	padding: 20px;margin-left: 0px;left: 0;position: relative;}
.ms-5 {margin-left: 0!important;}
.work-detail-pieces:hover {max-width: 1000px !important;max-height: 94% !important;}

.work-detail {position: absolute;opacity: 1;
  background: rgba(255, 0, 128, 0);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  top: 0;right: 0;bottom: 0;left: 0;
  text-align: center;
  max-width: 1000px !important;
  max-height: 600px !important;
}
}


@media screen and (max-width:768px){
p, .p {
    word-break: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
.page-holder {margin-left: 0rem;}
.sidebar {position: absolute;}
.logo_site {width: 325px;max-width: 100%;max-height: 180px;margin-left: 20px;margin-top: 0;display: block;float: left;clear: left;padding: 0;left: 0;}
.work-detail-pieces:hover {max-width: 1000px !important;max-height: 91% !important;}
.art_bigvignette {margin-bottom: 0px;}
}

@media screen and (max-width:640px){
.logo_site {max-width: 100%;max-height: 180px;margin-left: 20px;margin-top: 0;display: block;float: left;clear: left;padding: 0;left: 0;}
.title_simple {font-size: 2em;margin-top: 20px;margin-bottom: 30px;}
.ms-5  {margin-left: -0.35rem!important;}
.infos_titre {width: auto;}
}

@media screen and (max-width:480px){
.actus_sommaire.px-5 {padding-right: 0.5rem !important;padding-left: 0.5rem !important;}
.actus_sommaire.mx-5 {margin-right: 0.5rem !important;margin-left: 0.5rem !important;}
.actus_sommaire.ms-5  {margin-left: -0.35rem!important;}
.actus_sommaire.me-5 {margin-right: 0rem !important;}

.background_white {margin-bottom: 20px;min-height: auto;height: auto;}
.title_simple {font-size: 2em;margin-top: 15px;margin-bottom: 0px;}
.art_bigvignette {margin-bottom: 0;margin-top: 0px;}
.me-2 {margin-right: 0!important;}

}

@media screen and (max-width:320px){}
