/* SPIP - ANNE COLLOD */

/** 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/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i');
/* COLOR */
.color_base {background-color: rgba(167, 0, 255, 1);}

/* BASE - BODY */
body {font-family: 'Urbanist', 'Overpass', 'Open Sans', "Lucida Grande", Lucida, Verdana, sans-serif;color: #000;letter-spacing: 0.5px;}
/* LOGO */
.mon_violet {background: #a700ff;padding-top: 25px;padding-bottom: 35px;}
.mon_transparent {padding-top: 25px;padding-bottom: 35px;}
.mon_violet_titre {background-color: #a700ff;}
.mon_violet_titre_deco_* {background: #a700ff ;}
.mon_violet_titre_deco_rubrique{background: #a700ff;}

.slogan {width: 100%;text-align: center;font-size: 3em;margin: 40px auto;z-index: 3;}
.slogan {font-weight: 100;color: #FFF;text-decoration: none}
span.asso {font-weight: 800;color: #FFF;text-decoration: none}

.slogan a:link {font-weight: 100;color: #FFF;text-decoration: none}
span.asso a:link {font-weight: 800;color: #FFF;text-decoration: none}
.slogan a:visited {font-weight: 100;color: #FFF;text-decoration: none}
span.asso a:visited {font-weight: 800;color: #FFF;text-decoration: none}
.slogan a:hover {font-weight: 100;color: #000;text-decoration: none}
span.asso:hover {font-weight: 800;color: #000;text-decoration: none}

/* TEXTE */
h1, h2, h3, h4, h5, h6 {font-family: 'Urbanist', 'Overpass', 'Open Sans', "Lucida Grande", Lucida, Verdana, sans-serif;color: #1d1d1d;}
h2.spip {font-size: 1.2em;margin-bottom: 5px;font-weight: 500;}
p {font-weight: 300;font-size: 1.05em;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;}
p {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
strong, b {font-weight: 400;}
.texte {margin-bottom: 35px;}
.chapo p {font-size: 1.25em;line-height: 1.4em;font-weight: 500;}

.chapo-rub {margin-bottom: 40px;border-bottom: 4px solid #a700ff;padding-bottom: 20px;}
.chapo-rub p {font-size: 1.3em;line-height: 1.5em;font-weight: 300;text-align: justify;}
.chapo-rub p {font-size: 1.3em;line-height: 1.5em;font-weight: 300;text-align: justify;}

.chapo-resume .resume {text-align: justify;font-size: 1.25em;line-height: 1.4em;font-weight: 500;margin-top: 5px;margin-bottom: 20px;}
.chapo-resume-rub {margin-bottom: 40px;border-bottom: 4px solid #a700ff;padding-bottom: 20px;}


.chapo-resume-rub h2.spip {font-size: 1em;margin-bottom: 5px;font-weight: 500;}

.justify {text-align: justify;}

article p a {color: #a700ff;font-weight: 300;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article p a:link {color: #a700ff;font-weight: 300;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article p a:visited {color: #a700ff;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: #1d1d1d;font-weight: 300;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article p a:focus {outline: none;}

article ul {margin-top: -15px;padding-top: 0;}
article ul li {font-weight: 200;color: #4f4f4f;}

.spip-puce b {display:none;}
.spip-puce {color:#a700ff;}
.spip-puce::before {content: '›';font-weight: 900;font-size: 1.1em;}

p span.spip_note_ref {font-size: 94%;vertical-align: 4px;font-weight: normal;}
p span.spip_note_ref a {text-decoration: none;color: #a700ff;}
p span.spip_note_ref a:hover {text-decoration: none;color: #1d1d1d;}
p .spip_note {font-size: 94%;}

.notes hr {padding-top: 0px;margin-top: 0;}
.notes {display: block;clear: both;font-size: 92%;padding-top: 0;margin-bottom: 40px;}
.notes p {margin-top: 5px;margin-bottom: 10px;padding-top: 0;padding-bottom: 0;font-size: 92%;line-height: 1.4em;font-weight: 300;}

article h2.spip {font-weight: 600;}


blockquote {padding: 5px 20px 20px; margin: 0 20px 20px 30px;}
blockquote p {margin-top: 5px;margin-bottom: 5px;color: #a700ff;font: italic medium 'Playfair Display', "Times New Roman", Times, serif;}
blockquote p::before {content: "“";font-weight: normal;font-style: normal;color: #a700ff;font-style: normal;}
blockquote p::after {content: "”";font-weight: normal;font-style: normal;color: #a700ff;font-style: normal;}
blockquote p::before {font-size: 3em;text-align: left;line-height: 0.25em;font-style: normal;}
blockquote p::after {font-size: 1.5em;text-align: right;line-height: 0.1em;font-style: normal;}

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: #a700ff;letter-spacing: 0.5px;word-spacing: 1px;
font-family: 'Playfair Display', "Times New Roman", Times, serif;line-height: 140%;font-style: italic;}
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 div::before {content: "“";left: -0.5em;top: 0;font-weight: normal;font-style: normal;color: #a700ff;}
blockquote.spip_poesie div::after {content: "”";bottom: -0.2em;right: -0.3em;font-weight: normal;font-style: normal;color: #a700ff;}
blockquote.spip_poesie div::before {position: absolute;display: block;font-size: 3em;width: 100%;text-align: left;opacity: 0.8;line-height: 0.25em;}
blockquote.spip_poesie div::after {position: absolute;display: block;font-size: 3em;width: 100%;text-align: right;opacity: 0.8;line-height: 0.25em;margin-right: 25px;}
cite, .cite {font-style: normal;}
cite:before, .cite:before {content: "—";padding-right: 5px;}

/* CREDIT SPECTACLE */
.credit h5 {font-size: 1.2em;margin-bottom: 5px;}
.credit {font-family: 'Urbanist', 'Overpass', 'Open Sans', "Lucida Grande", Lucida, Verdana, sans-serif;}
.credit p {font-size: 1em;margin-top: 0;margin-bottom: 15px;}

#credit_video_collab {padding-top: 10px;padding-bottom: 10px;clear: both;position: relative;margin: 0 auto;}

.credit_center {font-size: 1em;margin: 0 auto;text-align: center;clear: both;display: block;}
.credit_center::before {content: '+';color: #000;margin-left: 5px;}
.credit_center a:focus {outline: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;}


#credit_video_collab_accordeon {padding-top: 10px;padding-bottom: 10px;clear: both;margin: 10px auto;
position: relative;}

.credit_accordeon {display: block;width: auto;}
.credit h5.accordeon_header_collab {margin-top: 15px;font-size: .85em;}
.credit h5.accordeon_header_collab a {color:#1d1d1d;}
.credit h5.accordeon_header_collab a:hover {color:#a700ff;}
.credit .accordion-body-collab p {font-size: .8em;margin: 10px auto 5px;background-color: #a700ff;
	padding: 5px;
}

/* LIEN – LINKS */

a {color:#a700ff;}
a:hover {color:#1d1d1d;}

article p a {color: #a700ff;}
article p a:hover {color:  #1d1d1d;}


/* MENU */
li.nav-item {margin-right: 25px;margin-left: 25px;font-weight: 700;font-size: 1.3em;text-transform: lowercase;}
li.nav-item.slash {margin-right: 5px;margin-left: 5px;font-weight: 200;font-size: 1.3em;text-transform: lowercase;color: #fff;text-decoration: none;} 
li.nav-item.traduct {margin-right: 0px;margin-left: 50px;}

li.nav-item a:link {color: #fff;font-weight: 700;text-decoration: none;}
li.nav-item a:visited {color: #fff;font-weight: 700;text-decoration: none;}
li.nav-item a:hover {color: #1d1d1d;font-weight: 700;text-decoration: none;}

li.nav-item.active a:link {color: #1d1d1d;border-bottom: 2px solid #1d1d1d;padding-bottom: 3px;text-decoration: none;font-weight: 700;}
li.nav-item.active a:visited {color: #1d1d1d;border-bottom: 2px solid #1d1d1d;padding-bottom: 3px;text-decoration: none;font-weight: 700;}
li.nav-item.active a:hover {color: #fff;border-bottom: 2px solid #fff;padding-bottom: 3px;text-decoration: none;font-weight: 700;}

.accordion-button::before {content: '+' ;background-image: none;margin-right: 10px;}
.accordion-button::after {background-image: none;}
.accordion-button:not(.collapsed)::before {content: '–' ;background-image: none;margin-right: 10px;}
.accordion-button:not(.collapsed)::after {background-image: none;}
.accordion-button:not(.collapsed) {background-color: transparent;box-shadow: 0px 0px 0px 0px transparent;}

.accordion-button {position: relative;display: flex;align-items: center;width: 100%;padding: 0;font-size: inherit;color: #1d1d1d;text-align: left;background-color: transparent;border: 0;border-radius: 0;letter-spacing: 0.5px;margin-bottom: 15px;font-weight: 600;}
.accordion-button:hover {color: #a700ff;}
.accordion .accordion-item {border-radius:0;border:0;}
.accordion-body {padding: 10px 0;}

.navigation {margin-bottom: 50px;height: 150px;font-size: 1.2em;}
.barre_navigation {width: 100%;height: 4px;background-color: #a700ff;margin-top: 20px;margin-bottom: 20px;position: relative;clear: both;}

.rub {text-align: center!important;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;font-weight:600;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/retour_link.svg) no-repeat center 35px;background-size: 35%;}
.rub a {text-align: center!important;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;font-weight:600;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/retour_link.svg) no-repeat center 35px;background-size: 35%;}
.rub a:link {text-align: center!important;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;font-weight:600;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/retour_link.svg) no-repeat center 35px;background-size: 35%;}
.rub a:hover {text-align: center!important;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;font-weight:600;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/retour.svg) no-repeat center 35px;background-size: 35%;}

.autre a {text-align: center!important;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;font-weight:600;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/autres.svg) no-repeat center 39px;background-size: 65%;}
.autre a:link {text-align: center!important;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;font-weight:600;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/autres.svg) no-repeat center 39px;background-size: 65%;}
.autre a:hover {text-align: center!important;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;font-weight:600;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/autres_link.svg) no-repeat center 39px;background-size: 65%;}

.art_prece a {text-align: left;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/precedent.svg) no-repeat -5px 39px;background-size: 60%;padding-left: 0;float: left;}
.art_prece a:link {text-align: left;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/precedent.svg) no-repeat -5px 39px;background-size: 60%;padding-left: 0;float: left;}
.art_prece a:hover {text-align: left;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/precedent_link.svg) no-repeat -5px 39px;background-size: 60%;padding-left: 0;float: left;}

.art_suiv a {text-align: right;margin-right: 0;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/suivant.svg) no-repeat right 39px;background-size: 60%;padding-left: 0;float: right;}
.art_suiv a:link{text-align: right;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/suivant.svg) no-repeat right 39px;background-size: 60%;padding-left: 0;float: right;}
.art_suiv a:hover {text-align: right;margin-right: auto;margin-left: auto;width: 100%;margin-bottom: 50px;height: 150px;position: relative;text-transform: lowercase;text-decoration: none;display: block;background: url(../deco/suivant_link.svg) no-repeat right 39px;background-size: 60%;padding-left: 0;float: right;}

.rub a {text-align: center!important;font-weight:600;text-transform: lowercase;text-decoration: none;color: #1d1d1d;}
.autre a {text-align: center!important;font-weight:600;text-transform: lowercase;text-decoration: none;color: #1d1d1d;}
.art_prece a, .art_suiv a {font-weight:300;text-decoration: none;color: #1d1d1d;}
.autre a:hover, .rub a:hover,.art_prece a:hover, .art_suiv a:hover {color: #a700ff;}  
.art_prece {text-align: left;}
.art_suiv {text-align: right!important;}

.navbar {
	z-index: 1054;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(255, 255, 255, 1);
  --bs-navbar-hover-color: rgba(0, 0, 0, 1);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(255, 255, 255, 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(255, 255, 255, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0);
  --bs-navbar-toggler-border-radius: 0;
  --bs-navbar-toggler-focus-width: 0;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: 1.8em;
    line-height: 1;
    color: #fff;
    background-color: transparent;
    border: none;
    border-radius: 0;
    transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler-icon {display: inline-block;width: 2em;height: 2em;vertical-align: middle;background-image: var(--bs-navbar-toggler-icon-bg);background-repeat: no-repeat;background-position: center;background-size: 100%;}

.navbar-dark {
  --bs-navbar-color: rgba(0, 0, 0, 1);
  --bs-navbar-hover-color: rgba(255, 255, 255, 1);
  --bs-navbar-disabled-color: rgba(255,255,255,0.5);
  --bs-navbar-active-color: rgba(255,255,255,0.5);
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark:hover {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler, .my_center {margin-right: auto;margin-left: auto;text-align: center;}

.navbar-toggler:hover {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/* CAROUSEL – CAROUSSEL */
/* Declare heights because of positioning of img element */
.center-image {height: 520px !important;display:-webkit-flex; -webkit-justify-content:center; -webkit-align-items:center;display:flex; justify-content:center; align-items:center; /* pour centrer les images */}
.carousel-indicators [data-bs-target] {background-color: #a700ff; height: 5px;}

/*.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'  fill='%23a700ff' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
.carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23a700ff' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}*/

.carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23a700ff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");}
.carousel-control-next-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23a700ff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");}

/*.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {color: #a700ff;opacity: 1;}
.icon-color {color: #a700ff;}*/

.carousel-control-prev-icon, .carousel-control-next-icon {color: #a700ff;width: 1.25rem; height: 1.25rem;}

/* PRESS - PRESSE */
.informations_documents {padding: 0;margin: 0;}
.informations_documents ul {margin-left: 0;margin-right: 0;text-align: left;list-style-position: inside;padding-left: 0;}
.informations_documents li {list-style-type: none;margin-bottom: 5px;margin-left: 20px;}
.informations_documents li {margin-bottom: 0px;}
.info_document {font-weight: 200;}
.informations_documents li {font-weight: 400;line-height: 1.6em;list-style-position: inside;}
.informations_documents li a {text-decoration: none;color:#a700ff;}
.informations_documents li a:hover {text-decoration: none;color:#1d1d1d;}
.informations_documents li::before {content:'↓';padding-right: 10px;font-weight: 900;color:#a700ff;font-size: 1.6em;margin-top: 5px;
	vertical-align: -5px;
}

/* VIGNETTE ARTICLE */

.logo_article {height: 480px;display: inline-block;z-index: 10;}
.encart {width: 100%;min-height: 480px;display: flex;align-items: center;justify-content: left;background-color: #a700ff;padding: 0;margin: 0;}
.milieu {margin-left: 30px;margin-right: 30px;}
h1.title {font-weight: 800;font-size: 2.8em;color: #FFF;letter-spacing: 0.5px;line-height: 1em;padding-bottom: 0;}
.surtitre {font-weight: 100;font-size: 1.8em;color: #FFF;letter-spacing: 1px;padding-top: 0;margin-top: 0;}
.surtitre::before {content: '–';margin-right: 20px;}
.descriptif {font-weight: 100;font-size: 2.2em;color: #FFF;letter-spacing: 1px;padding-top: 0;margin-top: 0;}
.descriptif::before {content: '–';margin-right: 20px;}

/* VIGNETTE RUBRIQUE */
.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 0px;}
.vignette_rub_art {min-height: 125px;max-height: 225px;height: auto;overflow: hidden;width: 100% !important;background-color: #101010;margin: 0;padding: 0;display: block;}
.vignette_rub_art img {-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;-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;-o-transition-delay: 1s ease-out;transition: 1s ease-out;}

.logo_rubrique {width: auto;height: 350px;display: inline-block;}
.encart_rubrique {width: 100%;min-height: 350px;display: flex;align-items: center;justify-content: center;padding: 0;margin: 0;}
.milieu_rubrique {margin-left: auto;margin-right: auto;}
h1.title_rubrique {font-weight: 100;font-size: 2.9em;color: #FFF;letter-spacing: 1px;line-height: 1em;padding-bottom: 0;margin-top: -35px;}
.descriptif_rubrique {font-weight: 100;font-size: 2.2em;color: #FFF;letter-spacing: 1px;padding-top: 0;margin-top: 0;}



/*** DOCUMENTS ARTICLES ***/
.spip_documents img {max-width: 100%!important; height: auto;border: 0;}
.spip_documents_center {margin-right: auto;margin-left: auto;text-align: center;}
span.spip_documents img {margin-top: 1rem;}
.spip_doc_titre, .spip_doc_descriptif {text-align: center;margin-right: auto;margin-left: auto;width: 80%;}
.spip_doc_titre, .spip_doc_descriptif {font-weight: 100;font-size: .95em;}
.spip_doc_titre {margin-top: 15px;}
.spip_doc_descriptif {margin-bottom: 25px;}

/* GRILLE ALTERNATIVE */

.one_block_atelier {display: inline-block;clear: both;width: 100%;float: left;padding-left: 10px;padding-right: 10px;position: relative;min-height: 1px;margin-right: auto;margin-left: auto;}
.one_info_atelier_0 {align-items: center;max-width: 50%;height: 100%;text-align: left;margin: 0;float: left;display: block;z-index: 10000;}
.one_info_atelier_1 {align-items: center;max-width: 50%;height: 100%;text-align: right;margin: 0;display: block;right: 0;z-index: 10000;}

.one_titre_atelier_0 {font-size: 1.4em;font-weight: 500;margin: 0;letter-spacing: 1px;z-index: 10000;position: absolute;min-width: 380px !important;max-width: 45%;right: 25%;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.2em;}
.one_titre_atelier_1 {font-size: 1.4em;font-weight: 500;margin: 0;letter-spacing: 1px;z-index: 10000;position: absolute;min-width: 380px !important;max-width: 45% !important;left: 25%;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.2em;}

.one_info_atelier_0 .one_titre_link {background-color: rgba(167,0,255,0.8);min-width: auto;text-align: center;padding: 10px;}
.one_info_atelier_0 .one_titre_link:hover {background-color: rgba(167,0,255,0.5);min-width: auto;text-align: center;padding: 10px;}
.one_info_atelier_1 .one_titre_link {background-color: rgba(167,0,255,0.8);min-width: auto;text-align: center;padding: 10px;}
.one_info_atelier_1 .one_titre_link:hover {background-color: rgba(167,0,255,0.5);min-width: auto;text-align: center;padding: 10px;}

.one_block {display: inline-block;clear: both;width: 100%;float: left;padding-left: 10px;padding-right: 10px;position: relative;min-height: 1px;margin-right: auto;margin-left: auto;}

.one_image_0 {display: block;width: 50%;height: auto;padding: 0;float: left;margin-right: 0;z-index: 1;background-color: #a700ff;}
.one_image_1 {display: block;width: 50%;height: auto;padding: 0;float: right;margin-left: 0;z-index: 1;background-color: #a700ff;}
.one_image_0 img {background-color: #a700ff;padding-right: 0;margin-left: 0;margin-right: 0;float: right;display: block;max-width: 100%;height: auto;right: 0;opacity: 1;}
.one_image_1 img {background-color: #a700ff;padding-right: 0;margin-right: 0;margin-left: 0;float: left;display: block;max-width: 100%;height: auto;left: 0;opacity: 1;}

.one_image_0 img:hover, .one_image_1 img:hover{opacity: 0.4;transition-duration: 0.5s;}

.one_info_0 {align-items: center;max-width: 50%;height: 100%;text-align: left;margin: 0;float: left;display: block;z-index: 10000;}
.one_info_1 {align-items: center;max-width: 50%;height: 100%;text-align: right;margin: 0;display: block;right: 0;z-index: 10000;}

/*.one_titre {font-size: 1.5em;font-weight: 500;margin: 0;letter-spacing: 1px;z-index: 10000;}*/

.one_titre_0 {font-size: 1.4em;font-weight: 500;margin: 0;letter-spacing: 1px;z-index: 10000;position: absolute;min-width: 380px !important;max-width: 85%;right: 35%;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.2em;}
.one_titre_1 {font-size: 1.4em;font-weight: 500;margin: 0;letter-spacing: 1px;z-index: 10000;position: absolute;min-width: 380px !important;max-width: 85% !important;left: 35%;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);line-height: 1.2em;}

.one_info_0 .one_titre_link {background-color: #a700ff;min-width: auto;position: relative;text-align: center;opacity: 0.9;padding: 8px 10px;display: flex;align-items: center;justify-content: center;}
.one_info_1 .one_titre_link {background-color: #a700ff;min-width: auto;position: relative;text-align: center;opacity: 0.9;padding: 8px 10px;display: flex;align-items: center;justify-content: center;}

.one_titre_link a {text-decoration: none;color: white;margin: 0;}
.one_titre_link a:hover {text-decoration: none;color: #1d1d1d;margin: 0;}

.one_texte {color: #1d1d1d;font-size: 1.1em;font-weight: 300;margin: 15px 0 0;}

.one_texte a {color: black;text-decoration: none;}
.one_texte a:hover {color: yellow;text-decoration: none;}

.taille_pedago {font-size: 1.3em;}
.tag {text-align: center;color: #FFF;font-weight: 100;font-size: 95%;letter-spacing: 1.5px;clear: both;display: block;}
.tag_atelier {text-align: center;color: #FFF;font-weight: 100;font-size: 95%;letter-spacing: 1.5px;clear: both;display: block;margin-top: 0;padding-top: 0;}

/* CONTACT */
.contact hr {margin-top: 1rem;margin-bottom: .5rem;border: 0;border-top: 4px solid #a700ff;width: 100%;clear: both;display: inline-block;opacity: 1;}
article.contact .chapo p {font-weight: 800;}
article.contact h2.spip {font-weight: 600;}
article.contact p a {color: #a700ff;font-weight: 500;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article.contact p a:link {color: #a700ff;font-weight: 500;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article.contact p a:visited {color: #a700ff;font-weight: 500;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article.contact p a:hover,
article.contact p a:focus {color: #1d1d1d;font-weight: 500;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
article.contact p a:focus {outline: none;}


/* HOME - SOMMAIRE */
.legende_photo {position: absolute;bottom: 10px;z-index: 500;right: 10px;background-color: rgba(255,255,255,0.8);padding: 3px 6px;font-size: .9em;}

/* modal */
 .modal-lg, .modal-xl {--bs-modal-width: 850px;}
.modal-content {box-shadow: 0px 0px 0px 0px transparent;border-radius: 0;border: 0;background-color: rgba(167, 0, 255, 0.7);padding: 15px 10px 10px 15px;}
.bio_equipe_content {background-color: rgba(167, 0, 255, 1);}
.modal-content ul {list-style: none;margin: 0;padding: 0;}
.modal-header {border: 0;margin-bottom: 15px;padding: 0;}
h5.modal-title {font-size: 1.9em;color: #1d1d1d;}
h5.modal-title.bio_equipe_titre {font-size: 1.9em;color: #fff;}
.modal-content h3.a_venir_date {font-size: 1.1em;font-weight: 500;color: #FFF;text-transform: none;margin-bottom: 0;}

.a_venir_titre a:link {font-size: 1.35em;font-weight: 500;color: #FFF;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
.a_venir_titre a:visited {font-size: 1.35em;font-weight: 400;color: #FFF;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
.a_venir_titre a:hover {font-size: 1.35em;font-weight: 400;color: #1d1d1d;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}

.a_venir_adresse {font-size: 1em;font-weight: 200;color: #FFF;word-spacing: -0.5px;margin-top: 0;}
.a_venir_adresse a {color: #FFF;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}
.a_venir_adresse a:hover {color: #1d1d1d;text-decoration: underline; text-decoration-thickness: 0.075em;text-underline-offset: 0.15em;}

.modal-footer {border: 0;box-shadow: 0px 0px 0px 0px transparent;}

.btn-close {box-sizing: content-box;width: 100%;height: 1.5em;padding: 0.25em 0.25em;color: #000;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1.5em auto no-repeat;border: 0;border-radius: 0;opacity: 1;
	text-align: center;}
.btn-close:hover {color: #000;text-decoration: none;opacity: 1;text-align: center;-webkit-filter: brightness(0%) grayscale(100%);
  filter: brightness(0%) grayscale(100%);}
.btn-close:focus {outline: 0;box-shadow: 0 0 0 0;opacity: 1;text-align: center;}

.actu {width: 100%;max-width: 350px;background: url(../deco/actus.svg) no-repeat right center;background-size: 50%;border: 0;position: relative;margin-top: 250px;margin-right: auto;margin-left: auto;}
  
.actu_button {border: 0;background-color: transparent;}
.actu_button {font-size: 2em;color: #FFF;text-align: left;vertical-align: middle;font-weight: 700;}
.actu_button a:link {color: #FFF;}
.actu_button a:visited {color: #FFF;}
.actu_button a:focus {color: #FFF;outline: 0;}
.actu_button a:hover {color: #1d1d1d;}
.actu_button:visited {color: #FFF;}
.actu_button:focus {color: #FFF;outline: 0;}
.actu_button:hover {color: #1d1d1d;}

/* Deco */

#left_deco {background: url("../deco/gauche.png") no-repeat scroll center;background-size: 100%;}
#right_deco {background: url("../deco/droite.png") no-repeat scroll center;background-size: 100%;}
#left_deco {height:926px;width:174px;z-index: 0;position: absolute;top: 160px;left: 8%;}
#right_deco {height:1949px;width:118px;z-index: 0;position: absolute;top: -30px;right: 10%;overflow: hidden;}


/* FIN - FINISH */

/* Les différents écrans */
@media (max-width: 1480px) {
#left_deco {height:926px;width:174px;z-index: 0;position: absolute;top: 160px;left: 4%;}
#right_deco {height:1949px;width:118px;z-index: 0;position: absolute;top: -30px;right: 5%;}
}
@media (max-width: 990px) {
#left_deco {height:926px;width:174px;z-index: 0;position: absolute;top: 160px;left: 5px;}
#right_deco {height:1949px;width:118px;z-index: 0;position: absolute;top: -15px;right: 5px;}
}

@media (max-width: 850px) {
#left_deco, #right_deco {display: none;}
}

/*@media (max-width: 1440px) {
body {background: url("../deco/fond-1200.png") no-repeat scroll center 85px;background-size: 100%;}
.body_rubrique {background: url("../deco/fond-1200.png") no-repeat scroll center 85px;background-size: 100%;}
.mon_violet {background: #a700ff url("../deco/fond-1200.png") no-repeat scroll center -35px;padding-top: 25px;padding-bottom: 35px;background-size: 100%;}
.mon_violet_titre_deco {background: #a700ff url("../deco/fond-1200.png") no-repeat scroll center 15px;background-size: auto;}
.mon_violet_titre_deco_rubrique {background: #a700ff url("../deco/fond-1200.png") no-repeat scroll center -290px;background-size: auto;}
}

@media (max-width: 1366px) {
body {background: url("../deco/fond-1200.png") no-repeat scroll center 85px;background-size: 100%;}
.body_rubrique {background: url("../deco/fond-1200.png") no-repeat scroll center 85px;background-size: 100%;}
.mon_violet {background: #a700ff url("../deco/fond-1200.png") no-repeat scroll center -35px;padding-top: 25px;padding-bottom: 35px;background-size: 100%;}
.mon_violet_titre_deco {background: #a700ff url("../deco/fond-1200.png") no-repeat scroll center 15px;background-size: 100%;}
.mon_violet_titre_deco_rubrique {background: #a700ff url("../deco/fond-1200.png") no-repeat scroll center -290px;background-size: 100%;}
}*/

@media (max-width: 1200px) {
	li.nav-item.traduct {margin-right: 4px;margin-left:4px;font-size: 1.25em}
	li.nav-item {margin-right: 6px;margin-left: 6px;font-weight: 700;font-size: 1.25em;text-transform: lowercase;}
	}
	
@media (max-width: 1199px) {
	.my_center {margin-top:10px}
	li.nav-item, li.nav-item.traduct {margin-bottom: 5px;margin-top: 5px;}
	}

@media (max-width: 1000px) {
	li.nav-item.traduct {margin-right: 4px;margin-left:4px;font-size: 1.2em}
	li.nav-item {margin-right: 4px;margin-left: 4px;font-weight: 700;font-size: 1.2em;text-transform: lowercase;}
	}

@media (max-width: 800px) {
li.nav-item, li.nav-item.traduct {margin-left: auto;margin-right: auto;}
span.asso {clear: both;display: block;line-height: 20px;}
.actu {width: 100%;max-width: 300px;background: url(../deco/actus.svg) no-repeat right center;background-size: 50%;border: 0;position: relative;margin-top: 100px;margin-right: auto;margin-left: auto;}
.chapo-rub p {font-size: 1.2em;line-height: 1.3em;}
}

@media (max-width: 420px) {
li.nav-item, li.nav-item.traduct {margin-left: auto;margin-right: auto;}
.legende_photo {display: none;}
.one_block {padding-left: 0;padding-right: 0;width: 90%;}
.one_image_0, .one_image_1  {display: block;width: 100%;text-align: center;margin-left: auto;margin-right: auto;}
.one_info_0, .one_info_atelier_0 {align-items: center;width: 100%;max-width: 100%;height: 100%;text-align: center;margin: 0;float: left;right: 0%;left: 0%;display: block;z-index: 10000;margin: 0 auto;}
.one_info_1, .one_info_atelier_1 {align-items: center;width: 100%;max-width: 100%;height: 100%;text-align: center;margin: 0;float: left;right: 0%;left: 0%;display: block;z-index: 10000;margin: 0 auto;}
.one_titre_0, .one_titre_1 {margin: 0 auto;letter-spacing: 1px;z-index: 10000;position: absolute;min-width: 100% !important;width: 100%;max-width: 100% !important;left: 0;right: 0;top: -40%;line-height: 1.2em;}

.one_block_atelier {padding-left: 0;padding-right: 0;position: relative;min-height: 1px;margin-right: auto;margin-left: auto;width: 100%;height: auto;}
.one_titre_atelier_0, .one_titre_atelier_1 {margin: 0 auto;letter-spacing: 1px;min-width: 100% !important;width: 100%;max-width: 100% !important;left: 0;right: 0;top: 50%;line-height: 1.2em;}

.rub {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/retour_link.svg) no-repeat center 25px;background-size: 20%;}
.rub a {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/retour_link.svg) no-repeat center 25px;background-size: 20%;}
.rub a:link {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/retour_link.svg) no-repeat center 25px;background-size: 20%;}
.rub a:hover {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/retour.svg) no-repeat center 25px;background-size: 20%;}

.autre a {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/autres.svg) no-repeat center 25px;background-size: 50%;}
.autre a:link {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/autres.svg) no-repeat center 25px;background-size: 50%;}
.autre a:hover {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/autres_link.svg) no-repeat center 25px;background-size: 50%;}

.art_prece a {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/precedent.svg) left 25px no-repeat;
		background-size: 50%;
padding-left: 0;float: left;}
.art_prece a:link {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/precedent.svg) left 25px no-repeat;
		background-size: 50%;
padding-left: 0;float: left;}
.art_prece a:hover {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/precedent_link.svg) left 25px no-repeat;
		background-size: 50%;
padding-left: 0;float: left;}

.art_suiv a {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/suivant.svg) right 25px no-repeat;
		background-size: 50%;
padding-left: 0;loat: left;}
.art_suiv a:link{width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/suivant.svg) right 25px no-repeat;
		background-size: 50%;
padding-left: 0;loat: left;}
.art_suiv a:hover {width: 100%;margin-bottom: 25px;margin-right: auto;margin-left: auto;height: 100px;text-align: center;background: url(../deco/suivant_link.svg) right 25px no-repeat;
		background-size: 50%;
padding-left: 0;loat: left;}

}