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


@media all and (max-width: 2000px) {    
    #zone-projets-liste h1, .zone-projets-element {margin-left: 30px;}
    .zone-projets-element-photo { width: 80px; height: 80px;}
    .zone-projets-element-contenu {padding-left: 30px;}
    .zone-projets-element-lieu {font-size: 15px;}
    .zone-projets-element-titre {font-size: 24px;}
    .zone-projets-element-thematique {font-size: 16px;}
}


@media all and (max-width: 1800px) {
    #logo-main img {width: 200px;}
    #header-titre {font-size: 24px;}
    #bandeau-top h1 { font-size: 80px;}
    
    #zone-repertoire-tri {padding: 20px; margin: 0 10px 60px 10px;}
    .zone-repertoire-select {font-size: 22px;}
    .zone-repertoire-select-inner {padding-right: 40px;}
    .zone-repertoire-select-inner:after {border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--main-color-vert);}
    
    .zone-repertoire-element {width: calc(33% - 20px); padding: 10px;}
    .zone-repertoire-element-texte {font-size: 20px;}
    
    .zone-repertoire-element-texte-blogue-cat span {font-size: 24px;}
    .zone-repertoire-element-texte-blogue-titre {font-size: 23px;}
    
    .biblio-element {width: calc(100% - 60px); padding-left: 60px; padding-right: 0;}
}


@media all and (max-width: 1600px) {
    #sub {padding: 30px; height: calc(100% - 60px);}
    #menu-1 a {font-size: 15px; letter-spacing: 2px;}
    
    .rep-cta {padding: 100px 0;}
    .rep-cta-titre1, .rep-cta-titre2, .rep-cta p {padding: 0 10%;}
    .rep-cta-titre1 { font-size: 25px; margin-bottom: 10px;}
    .rep-cta-titre2 { font-size: 35px; font-weight: bold; margin-bottom: 30px;}
    
    #portail-infolettre h2 {font-size: 60px; margin-bottom: 20px;}
    #portail-infolettre p {font-size: 22px; padding-bottom: 20px; text-align: left;}
    .form-pc input {font-size: 20px; padding: 15px; margin-bottom: 15px;}
    
    h1 {font-size: 100px;}
    .blogue h1 {font-size: 50px; margin-bottom: 25px;}
    h2 {font-size: 35px;}
    
    p, #contenu ul, .contenu-fiche ul {font-size: 20px; padding-bottom: 20px;text-align: left;}
    .field--name-field-intro p {font-size: 28px; padding-bottom: 40px;}
    
    #fiche-acteur-sous-titre {font-size: 20px;}
    .fiche-acteur-liens {margin-top: 60px;}
    .fiche-acteur-liens a img {width: 35px;}
    
    .lien-carre {padding: 20px 30px; font-size: 20px; letter-spacing: 1px;}
    
    #zone-projets-liste h1 {font-size: 35px;}
    #zone-projets-liste {width: 35%;}
    #zone-projets-map {width: 65%; }
    .zone-projets-element {border-bottom-width: 1px;}
    .zone-projets-element-photo { width: 70px; height: 70px;}
    .zone-projets-element-contenu {padding-left: 20px;}
    .zone-projets-element-lieu {font-size: 14px;}
    .zone-projets-element-titre {font-size: 22px;}
    .zone-projets-element-thematique {font-size: 15px;}
}


@media all and (max-width: 1450px) {
    #logo-main img {width: 160px;}
    #header-titre {font-size: 22px;}
    #bandeau-top h1 { font-size: 60px;}
    #bandeau-top-credit {font-size: 12px;}
    
    .fiche-acteur-galerie-element {margin: 5px; width: calc(33% - 10px);}
    
    .rep-cta::before {width: 45%; margin-left: -20%; margin-bottom: -10%;}
    
    #zone-projets-liste h1 {font-size: 30px;}
}


@media all and (max-width: 1250px) {
    #contenu {width: 85%; padding-left: 5%; padding-right: 10%;}
    
    .zone-repertoire-select:nth-child(1), .zone-repertoire-select:nth-child(2) {margin-bottom: 20px;}
    .zone-repertoire-select {font-size: 20px; width: 50%;}
    
    .zone-repertoire-element {width: calc(50% - 20px);}
    .zone-repertoire-element-texte {font-size: 18px; padding: 10px;}
    
    footer {padding-left: 5%; padding-right: 10%; align-items:flex-start;}
    #footer-menu a {margin-bottom: 30px; font-size: 24px;}
    #footer-infos-logos {margin-top: 30px;}
    
    .contenu-fiche {padding-left: 5%;}
    
    .zone-repertoire-element-texte-blogue-cat span {font-size: 24px; padding: 10px; padding-bottom: 0;}
    .zone-repertoire-element-texte-blogue-cat::before {height: 100px;}
    .zone-repertoire-element-texte-blogue-titre {font-size: 23px;}
    .zone-repertoire-blogue-element .zone-repertoire-element-texte::before {left: 10px;}
}


@media all and (max-width: 1000px) {
    body {padding-top: 55px;}
    
    header {position: inherit;}
    
    #header-branding {padding: 20px;}
    
    header .menu { position: absolute; width: 100%; left: auto; height: 0; top: 0; margin-right: 0;}
	.hamburger {
	  float: left;
	  margin: 0;
	  padding: 15px 15px 20px 15px;
	  width: calc(100% - 30px);
	  overflow: hidden;
	  height: 20px;
	}
	
	[data-aos="anim-menu"] {
	 margin-left: 0;
	}
	[data-aos="anim-menu"].aos-animate {
		 margin-left: 0;
	}
	
    #sub {padding: 0;}
    
	header .checked { height: auto;}
    header .checked #sub {padding: 30px;}
	
    #contenu {width: 90%; padding-left: 5%; padding-right: 5%;}
    
	#menu-menu { padding-bottom: 80px;}
	
    #lang-switcher {bottom: auto; left: auto; right: 20px; top: 12px; z-index: 99; padding: 5px; border: 1px solid var(--main-color-creme); font-size: 14px;}
    
	#menu-social { bottom: auto; top: 5px; right: 20px; left: auto; overflow: hidden;}
	#menu-social li { margin: 0 5px; float: left;}
	#menu-social a {margin: 5px 0 0 0;}
	
	.hamburger:after { display: none;}
    
    
    .rep-cta {padding: 80px 0; margin-bottom: 60px; line-height: 1.1;}
    .rep-cta-titre1, .rep-cta-titre2, .rep-cta p {padding: 0 5%;}
    .rep-cta-titre1 { font-size: 20px; margin-bottom: 10px;}
    .rep-cta-titre2 { font-size: 30px; font-weight: bold; margin-bottom: 30px;}
    
    #logo-main img {width: 140px;}
    #header-titre {font-size: 20px;}
    #bandeau-top {height: 500px;}
    #bandeau-top h1 { font-size: 45px; top: 230px;}
    #bandeau-top-credit {top: auto;}
    
    h1 {font-size: 80px;}
    .blogue h1 {font-size: 45px; margin-bottom: 20px;}
    h2 {font-size: 30px;}
    
    #fiche-acteur-sous-titre, .contenu-fiche, .fiche-acteur-liens, #zone-repertoire-liste, .accordion, .header-branding-fonce, #portail-infolettre, #fiche-acteur-galerie {margin-bottom: 60px;}
    .contenu-fiche-auteur {padding-top: 5vw; padding-bottom: 60px;}
    
    .fiche-acteur-galerie-element {width: calc(50% - 10px);}
    
    #fiche-acteur-sous-titre {font-size: 18px;}
    .fiche-acteur-liens {margin-top: 40px;}
    .fiche-acteur-liens a img {width: 30px;}
    .fiche-acteur-droit-img img {width: 100%; margin-right: 0;}
    
    #apropos-auteur {font-size: 30px;}
    
    #zone-projets-liste h1 {font-size: 30px;}
    #zone-projets-liste {width: 40%;}
    #zone-projets-map {width: 60%; }
    .zone-projets-element-photo { width: 50px; height: 50px;}
    .zone-projets-element-contenu {padding-left: 10px;}
    .zone-projets-element-lieu {font-size: 13px;}
    .zone-projets-element-titre {font-size: 20px;}
    .zone-projets-element-thematique {font-size: 14px;}
}


@media all and (max-width: 800px) {
    .zone-repertoire-element {width: calc(100% - 20px);}
    
    .rep-cta a {font-size: 18px; letter-spacing: 1px; padding: 20px 30px;}
    
    .cols {display: block;}
    .col {width: 100%;}
    .col:first-child, .col:last-child {padding-left: 0;}
    
    #footer-menu {margin-bottom: 40px;}
    #footer-infos p {text-align: left;}    
    
    .lien-carre {padding: 15px 20px; font-size: 17px; letter-spacing: 1px;}
    
    #zone-projets-liste {width: 50%;}
    #zone-projets-map {width: 50%; }
    .zone-projets-element {padding: 10px; margin-left: 20px;}
    .zone-projets-element-photo { width: 50px; height: 50px;}
    .zone-projets-element-contenu {padding-left: 10px;}
    .zone-projets-element-lieu {font-size: 13px;}
    .zone-projets-element-titre {font-size: 20px;}
    .zone-projets-element-thematique {font-size: 14px;}
    
    .intro-biblio-photo {width: 100%;}
    .biblio-galerie-element {width: calc(50% - 20px);  border-radius: 5px;}
    
    h1 {font-size: 60px;}
    .blogue h1 {font-size: 40px;}
    .field--name-field-intro p {font-size: 26px;}
}


@media all and (max-width: 650px) {
    #bandeau-top-image::before { width: 40%; margin-left: -20%;}
    #bandeau-top-image::after { width: 70%; margin-right: -30%;}
    
    .zone-repertoire-select {margin-bottom: 20px; width: 100%;}
    .zone-repertoire-select:last-child {margin-bottom: 0;}
    
    #portail-infolettre h2 {font-size: 40px;}
    
    .contenu-fiche {display: block; padding-right: 0; padding-left: 0;}
    .fiche-acteur-gauche {width: 90%; padding-right: 0; padding: 0 5%;}
    .fiche-acteur-droit {width: 100%; margin-bottom: 60px;}
    .fiche-acteur-droit-copy {padding: 0 5%;}
    .fiche #header-branding, .blogue-article #header-branding {margin-bottom: 0;}
    
    .contenu-fiche-auteur {padding-top: 0;}
    
    #zone-projets-liste {width: 100%; padding-top: 40px;}
    #zone-projets-map {width: 100%; height: 300px; position: relative;}
}

@media all and (max-width: 400px) {
    .zone-repertoire-element {width: calc(100% - 20px);}
}


@media all and (max-height : 640px) and (min-width : 1000px) {
	.menu-sticky-bot { top: auto; bottom: 0; position: fixed !important;}
	header .menu { position: absolute;}
	.menu #sub { height: auto; padding-top: 20px;}
	#menu-menu { padding-bottom: 40px;}
	.hamburger { }
    #zone-padding-menu {margin: 0;}
    #menu-social {top: auto; bottom: 20px;}
}