/*!
Theme Name: Villes flottantes - v2.5
Theme URI: http://underscores.me/
Author: Michel Ravey
Author URI: https://michelravey.com/
Description: Villes flottantes
Version: 2.5.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: villes_flottantes
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

villes_flottantes is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

body { 
	margin: 0;padding: 0;
	/* background: rgb(235,235,235); */
	background-color: rgba(105,134,193,1);
	/*background: rgb(229,242,240);*/
	/*background: linear-gradient(180deg, rgba(229,242,240,1) 0%, rgba(235,235,235,1) 49%, rgba(200,216,203,1) 100%);*/
	
}
div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: solid 0px lightgrey;
	margin: 0;
}
::-webkit-scrollbar { display:none; }
a { 
	text-decoration: none;
	transition:  all 0.2s ease-in;
	-webkit-transition:  all 0.2s ease-in;
	-moz-transition:  all 0.2s ease-in;
}
a:link, a:visited { color:#283884; }
a:hover, a:active { color:#4bada6; }

.clear { clear:both; }


#home { cursor: pointer; }


/* * * * * * * * * * * * * * * 

ACCUEIL

* * * * * * * * * * * * * * */
#accueil-diaporama { 
	position: relative;width:100%;height: 510px;
	overflow-x:auto;overflow-y:hidden;
}
#accueil-diaporama-contenu { 
	position: relative;width:fit-content;height: 460px; 
	display: flex;
}
#accueil-diaporama-contenu .item { position: relative;height:460px; }
.item img, .item video { height:100%; }
#accueil-diaporama-vague { 
	position: relative;width:100vw;height: 49px; 
	background-image: url(imgs/fond-vague-bleu-slightly-dark-3b.png);
	background-position: center -3px;
	background-repeat: no-repeat;
	top: -50px;
}




/* * * * * * * * * * * * * * * 

CONTENT

* * * * * * * * * * * * * * */
#fresques {
	position: relative;
	margin: 0;
	background: rgb(148,203,183);
	background: linear-gradient(180deg, rgba(115,148,201,1) 0%, rgba(255,255,255,1) 70%, rgba(148,203,183,1) 85%, rgba(105,134,193,1) 100%);
	/* background: linear-gradient(180deg, rgba(115,148,201,1) 0%, rgba(255,255,255,1) 100%); */
}
.categorie {
	position: relative;
	margin: 0;
	/* padding:0.5rem; */
}





.chapter {
	position: relative;
	/*
	width: 50%;
	max-width: 640px;
	*/
	margin: 0 auto 1.5rem auto;
	width: calc(100% - 6rem);
	max-width: 1200px;
	/* height: calc(100% - 6rem); */
	/* background-color: #E5F2F0; */
	
}
.chapter p:first-child {
	margin-top: 0;
}
#chapter-nav {
	margin: 0 auto 0 auto;
	height: 53.5px;
}

.chapter-header {
	width: 100%;height: auto;background-color: #333;
	font-family: 'Graphit-Medium';
	font-size: 32px;
	color: #fff;
	padding: 20px 30px;
}
.chapter-content {
	padding: 3rem;
	font-family: 'BellotaText-Bold';
	font-size: 18px;
	text-align: justify;
	text-justify: inter-word;
      max-width: 640px;
     -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  	-moz-column-fill: balance;
       	column-fill: balance;
      column-gap: 100px;
      max-width: 1280px;
}
.chapter-intro { 
	background-color:#fff;
	font-family: 'Graphit-Regular';
	font-size: 18px;
	 min-height: 400px;
}
.chapter-title {
	position: relative;
	margin: 0 auto;
	padding: 3rem 3rem 0.5rem 3rem;
	font-family: 'Graphit-Medium';
	font-size: 32px;
	color: #283884;
	width: calc(100% - 6rem);
	max-width: 1200px;
	height: 215px;
    	display: flex;
    	align-items: center;
}
.chapter-title img {
	max-height: 160px;
	max-width: 100%;
}
.chapter-subtitle {
	padding: 0 3rem;
	font-family: 'Graphit-Light';
	font-size: 20px;
}
.chapter-chapeau {
	font-family: 'K2D-Medium';
	font-size: 20px;
	line-height: 1.3em;
	color: #374697;
}
.chapter-exergue {
	font-family: 'K2D-Bold';
}
.chapter-pleine-largeur {
	width: 100%;
	border: solid 0px blue;
	max-width: 800px;
     -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
  	-moz-column-fill: balance;
       	column-fill: balance;
      column-gap: 100px;
      
      padding: 0 0 3rem 3rem;
      font-family: 'BellotaText-Bold';
      font-size: 16px;
}
.chapter-pleine-largeur video {
	max-width: 640px;
}



#entete {
	position: relative;
	width: 100vw;height: 250px;
	background: #FFFFFF;
	background: linear-gradient(180deg,rgba(255, 255, 255, 1) 66%, rgba(218, 255, 235, 1) 100%);
	/* background: linear-gradient(180deg,rgba(255, 255, 255, 1) 66%, rgba(222, 239, 227, 1) 100%); */
}
#entete-langSwitcher {
	position: absolute;
	top: 40px;right: 0;
}
#entete-langSwitcher div {
	display: inline;
	background-color: transparent;
	text-align: center;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	margin: 0rem 0;
	background-color: transparent;
	font-family: 'BellotaText-Regular';
	color: #3d4d9c;
	font-size: 24px;
	padding: 0px 10px;
	width: fit-content;
}
#entete-langSwitcher div:hover {
	color: #2ed2b5;
	cursor: pointer;

}
#entete-langSwitcher div.current {
	font-family: 'BellotaText-Bold';
	color: #2ed2b5;
}
#entete-langSwitcher a { 
	text-decoration: none;
	transition:  all 0.2s ease-in;
}
#entete-langSwitcher a:link, #entete-langSwitcher a:visited { color:#3d4d9c; }
#entete-langSwitcher a:hover, #entete-langSwitcher a:active { color:#2ed2b5; }

#entete-langSwitcher .current a:link, #entete-langSwitcher .current a:visited { color:#2ed2b5; }
#entete-langSwitcher .current a:hover, #entete-langSwitcher .current a:active { color:#2ed2b5; }

/* POLYLANG */
/*.lang_switcher { width:90px; }*/
.lang_switcher ul {
	list-style-type:none
}
.lang_switcher li {
	display: inline;
	margin-right: 10px;
}
.lang_switcher li a:hover, .lang_switcher li a:active {
	text-decoration: underline;
}
.lang_switcher li.lang-item a {
	font-family: 'BellotaText-Regular';
	font-size: 24px;
	color: #3d4d9c;
}
/*.lang_switcher li:first-child {
	margin-right:  15px;
}*/
/* highlight current language anchor */
.lang_switcher li.current-lang a {
	font-family: 'BellotaText-Bold';
	color: #2ed2b5;
}


#entete-nav {
	position: absolute;
	bottom: 30px;right: 0;

}
#entete-nav div {
	display: inline;
	background-color: transparent;
	padding: 10px;
	text-align: center;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	margin: 0rem 10px;
	background-color: #fff;
	font-family: 'K2D-Medium';
	color: #55baaa;
	font-size: 16px;
	padding: 10px 20px 12px 20px;
	width: fit-content;
	text-transform: uppercase;
}
#entete-nav div:hover {
	color: #3d4d9c;
	cursor: pointer;
	background-color: #ddeee3;

}
#entete-nav div.current {
	background-color: #daffeb;
	color: #3d4d9c;
}
#entete-nav a { 
	text-decoration: none;
	transition:  all 0.2s ease-in;
}
#entete-nav a:link, #entete-nav a:visited { color:#55baaa; }
#entete-nav a:hover, #entete-nav a:active { color:#3d4d9c; }

#entete-nav .current a:link, #entete-nav .current a:visited { color:#3d4d9c; }
#entete-nav .current a:hover, #entete-nav .current a:active { color:#3d4d9c; }


#menu-hamburger {
	position: absolute;
	top: 237px;left: 10px;
	width: 80px;height: 80px;
	border: solid 0px white;
	z-index: 10000;
	cursor: pointer;
	display: none;
}
#menu-conteneur {
	position: fixed;
	top: 303px;left: 0;
	width: 100vw;
	height: calc(100vh - 303px);
	background-color: #fff;
	display: none;
	z-index: 48000;
	/*
	background: #DBFFEC;
	background: linear-gradient(180deg,rgba(219, 255, 236, 1) 0%, rgba(178, 195, 225, 1) 100%);
	*/
	background: #7697CA;
	/*background: linear-gradient(180deg,rgba(118, 151, 202, 1) 0%, rgba(178, 195, 225, 1) 100%);*/
	background: linear-gradient(180deg,rgba(118, 151, 202, 1) 0%, rgba(255, 255, 255, 1) 100%);
	padding: 30px 0 75px 35px;

	font-family: 'BellotaText-Bold';
	/* font-family: 'K2D-Light'; */
	color: #fff;
	font-size: 35px;
	line-height: 1.5em;
	overflow-y: auto;
}
#menu-conteneur::-webkit-scrollbar { display:none; }

#menu-conteneur a { 
	text-decoration: none;
	transition:  all 0.2s ease-in;
}
#menu-conteneur a:link, #menu-conteneur a:visited { color:#374697; } 
#menu-conteneur a:hover, #menu-conteneur a:active { color:#fff; } 

#menu-conteneur a.current { color:#2dd2b5; }

#menu-conteneur-top {
	position: fixed;
	top: 0;left: 0;width: 100vw;height: 250px;
	background: #DBFFEC;
	background: linear-gradient(180deg,rgba(219, 255, 236, 1) 0%, rgba(115, 148, 201, 1) 100%);
	z-index: 50000;
	display: none;
}	
#menu-conteneur-bande {
	position: fixed;
	top: 250px;left: 0;
	width: 100vw;height: 54px;
	background-color: #6287c6;
	z-index: 5000;
	display: none;
}
.menu-conteneur-sep {
	position: relative;height: 25px;
}

.menu-conteneur-legal {
	font-size: 22px;
}






.videos-titre {
	font-family: 'K2D-Medium';
	font-size: 24px;
}

.chapter-focus-white {
	padding: 1.5rem;
	background-color: white;
}
.chapter-focus-beige {
	position: relative;
	margin-top: 1.5rem;
	max-width: 475px;
	padding: 3rem;
	background-color: #fde0c2;
	font-family: 'Graphit-Regular';
	font-size: 20px;
	float: left;
}

.legende {
	font-family: 'K2D-Light';
	font-size: 13px;
}
.legende-pleine-largeur {
	font-family: 'K2D-Light';
	font-size: 13px;
	padding-left: 3rem;
}
.bouton-conteneur {
	width: calc(100% - 6rem);
	max-width: 1200px;
	border:  solid 0px tomato;
	margin: 0 auto;display: block;
}
.bouton {
	position: relative;
	margin-top: -4.5rem;
	background-color: #283884;
	font-family: 'Graphit-Medium';
	
	color: #fff;
	font-size: 24px;
	padding: 20px 30px;
	width: fit-content;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	cursor: pointer;
}
/*.chapter-content img, 
.chapter-pleine-largeur img {
	width: 100%;display: block;
	margin-top: 1.5rem;
	margin-bottom: 0.5rem;
}*/

#foret-header {
	position: relative;
	background-color: #fff;
	padding: 30px;
	margin-bottom: 50px;
}





#nav {
	padding: 0rem 3rem 0.5rem 3rem;
	font-family: 'K2D-Bold';
	font-size: 16px;
	color: #7394c9;
	text-transform: uppercase;
	width: 100%;
	max-width: 570px;
	display: flex;
	justify-content: space-between;
}
#nav div {
	background-color: transparent;
	padding: 10px;
	text-align: center;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	margin: 0rem 0;
	background-color: transparent;
	font-family: 'K2D-Medium';
	color: #374697;
	font-size: 18px;
	padding: 15px 24px;
	width: fit-content;
}
#nav div:hover {
	color: #374697;
	cursor: pointer;
	background-color: #daffeb;

}
#nav div.current {
	background-color: #374697;
	color: #fff;
}
#nav a { 
	text-decoration: none;
	transition:  all 0.2s ease-in;
}
#nav a:link, #nav a:visited { color:#374697; }
#nav a:hover, #nav a:active { color:#374697; }

#nav .current a:link, #nav .current a:visited { color:#fff; }
#nav .current a:hover, #nav .current a:active { color:#fff; }


#breadcrumb {
	position: relative;margin-top: 40px;
	font-family: 'BellotaText-Bold';
	font-size: 20px;
}
#breadcrumb a { 
	text-decoration: none;
	transition:  all 0.2s ease-in;
}
#breadcrumb a:link, #breadcrumb a:visited { color:#283884; }
#breadcrumb a:hover, #breadcrumb a:active { color:#daffeb; }

h1 {
	font-family: 'K2D-Light';
	color: #fff;
	font-size: 80px;
	text-shadow: 0px 1px #7495c9;
}

h2 {
	font-family: 'K2D-Light';
	color: #fff;
	font-size: 48px;
	text-shadow: 0px 1px #7495c9;
	margin: 30px 0 15px 0;
}

#pres-header {
	position: relative;
	width: 100%;
	padding-left: 3rem;
	margin: 0;
	font-family: 'K2D-Medium';
	color: #000;
	font-size: 36px;
}
#pres-header h1 { margin-bottom:0px; }

#pres-content {
	font-family: 'BellotaText-Bold';
	font-size: 20px;
	line-height: 1.3em;
}


.owl-ClickToZoom {
	font-family: 'Graphit-Bold';
	color: black;
}


/* STYLES pour l'éditeur */
.exergue {
	font-family: 'K2D-Bold';
	font-size: 20px;
	color: #3d4d9c;
}
.gras {
	font-family: 'K2D-SemiBold';
	font-size: 20px;
	color: #000;
}
.vf {
	font-family: 'K2D-BoldItalic';
	font-size: 20px;
	color: #439ad9;
}
.wavelet { 
	position: relative;
	width: 50px;
	margin-right: 15px;
}
.contenu-titre {
	font-family: 'K2D-Bold';
	font-size: 28px;
	color: #3d4d9c;
}









/* * * * * * * * * * * * * * * 

TEMOIGNAGES

* * * * * * * * * * * * * * */

#temoignages-choix { 
	position: relative;width:100%;height: 445px;
	overflow-x:auto;overflow-y: hidden;
	background-color: #6187c6;
	border: solid 0px red;
}
#temoignages-choix-contenu { 
	position: relative;width:fit-content;height: 400px; 
	padding-left: 3rem;
	display: flex;
}
#temoignages-choix .item { 
	position: relative;height:400px;
	margin: 0 5px;
	
	cursor: pointer;
	transition: all 0.2s ease-in;
	color: #daffeb;
	font-family: 'BellotaText-Regular';
	font-size: 18px;
	text-transform: uppercase;
}
#temoignages-choix .item:hover { 
	color: #fff;
}
#temoignages-choix .item img { border: solid 4px #439ad9;height: 330px;width: 430px;margin-bottom:10px; }
#temoignages-choix .item img:hover { 
	border: solid 4px #daffeb;
}

.temoignages-choix-actif {
	border: solid 4px red;
	color: #fff;
}
.temoignages-choix-actif:hover {
	border: solid 4px #daffeb;
	color: #fff;	
}


#temoignages-choix-vague-1 { 
	position: relative;width:100vw;height: 49px; 
	background-image: url(imgs/fond-vague-bleu-slightly-dark-3a.png);
	background-position: center 3px;
	background-repeat: no-repeat;

	margin-top: -15px;
}
#temoignages-choix-vague-2 { 
	position: relative;width:100vw;height: 49px; 
	background-image: url(imgs/fond-vague-bleu-slightly-dark-3b.png);
	background-position: center -3px;
	background-repeat: no-repeat;
}
#temoignages-dialogue {
	position: relative;
	margin: -22px 0 0px 0;
	font-family: 'K2D-Bold';
	font-size: 14px;
	text-transform: uppercase;
	color: #3d4d9c;
	cursor: pointer;
}

#temoignages-instructions {
}
#temoignages-tout {
	display: none;
	cursor: pointer;
}
/* #temoignages-contenu { width:100%;border:solid 1px orange; } */

#temoignages-grille {
	position: relative;
	width: 100%;
	padding: 50px 3rem;
	border: solid 0px red;
}
#temoignages-grille-contenu { width: 100%; }
.temoignages-grille-element, .temoignages-grille-unit {
	position: relative;float: left;
	width: 30%;padding: 15px 1%;

}
#empty { height:1px;margin:0;padding:0; }

.temoignages-grille-element img {
	position: relative;
	margin-bottom: 7px;
	border: solid 3px #439ad9;
	border-radius: 10px;
	width: 100%;
	cursor: pointer;
	transition: all 0.2s ease-in;
}
.temoignages-grille-element img:hover {
	border: solid 3px #daffeb;
}
.temoignages-grille-titre {
	position: relative;
	margin-bottom: 3px;
	font-family: 'K2D-SemiBold';
	color: #3d4d9c;
	font-size: 18px;
}
.temoignages-grille-personne {
	color: #000;
	font-family: 'BellotaText-Regular';
	font-size: 18px;
}

/* SINGLE TESTIMONY */

/* for responsive full width
.chapter-temoignage {}
 */ 

#temoignage {
	position: relative;
	width: 100%;
	border: solid 0px white;
      
      padding: 15px 3rem 0rem 3rem;
      font-family: 'BellotaText-Bold';
      font-size: 20px;
}
#pres-header.temoignage {
	font-family: 'K2D-Medium';
	color: #000;
	font-size: 24px;
}
#temoignage video, #poster_only {
	width: 100%;
}

#resume {
	position: relative;
	
	padding-bottom: 30px;
	font-family: 'BellotaText-Bold';
	font-size: 20px;
	line-height: 1.3em;
}

#transcript {
	position: relative;
	background-color: #f6fbf9;
	padding: 1.5rem;
	font-family: 'BellotaText-Regular';
	font-size: 18px;
	line-height: 1.3em;
}


/* * * * * * * * * * * * * * * 

EXPOSITIONS

* * * * * * * * * * * * * * */

#chapter-galerie {
	width: 96%;margin: 0 auto;max-width: 100%;
}
.expos-vignette, .expos-vignette-unit {
  position: relative;float: left;
  width: 25%;padding: 0 1% 15px 1%;
  font-family: 'BellotaText-Regular';
  font-size: 13px;
  line-height: 1.3em;
  color: black;
}
.expos-vignette img, .expos-vignette-unit img { width: 100%;margin-bottom:8px;border: solid 2px #439ad9; }
.expos-vignette img:hover, .expos-vignette-unit img:hover { border: solid 2px #daffeb; }

/* * * * * * * * * * * * * * * 

EQUIPE

* * * * * * * * * * * * * * */
.equipe-bios { margin-top: 0;padding-top:0;padding-bottom:0; }
#portrait-cecile {
	width: 400px;
	margin: 0 30px 15px 0;
	border-radius: 50%;
}


/* * * * * * * * * * * * * * * 

PARTENAIRES

* * * * * * * * * * * * * * */

#partenaires-content {
	font-family: 'BellotaText-Bold';
	font-size: 20px;
	line-height: 1.3em;
}
#partenaires-content table {
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
}
#partenaires-content table img {
	width: auto;max-height:100px;padding: 10px;
}


#partenaires-grille {
	position: relative;
	width: 100%;
	background-color: #daffeb;
	padding: 50px 3rem;
	margin:50px auto;
}
.partenaire-logo {
	position:relative;height:100px;width:21%;
	/*min-width: 100px;min-height: 100px;
	max-width: 180px;max-height: 180px;*/
	text-align:center;
	padding:0 1%;
	margin:0 2%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	border:solid 0px orange;
	display: flex;
	align-items: center;
	justify-content: center;

}
.partenaire-logo:hover { cursor:pointer; }
.partenaire-logo img { width:100%;height:auto;max-height:100px; }
.partenaires-ligne { 
	position:relative;height:120px;border:solid 0px red; 
	display:flex;justify-content: space-between;

}

/*
#partenaire-logo-1 { background-image:url(partenaires/logo-consulat-recife.png); }
#partenaire-logo-2 { background-image:url(partenaires/logo-academie-de-strasbourg.png); }
#partenaire-logo-3 { background-image:url(partenaires/logo-accro.png); }
#partenaire-logo-4 { background-image:url(partenaires/logo-villa-formose.png); }
#partenaire-logo-5 { background-image:url(partenaires/logo-ccn.jpg); }
#partenaire-logo-6 { background-image:url(partenaires/logo-CentroCulturalValeMaranhao_InstitutoCulturalVale.png); }
#partenaire-logo-7 { background-image:url(partenaires/logo-forum-images.jpg); }
#partenaire-logo-8 { background-image:url(partenaires/logo-IF_franca-brasil-2025.png); }
#partenaire-logo-9 { background-image:url(partenaires/logo-IF.png); }
#partenaire-logo-10 { background-image:url(partenaires/logo-kaoshung.jpg); }
#partenaire-logo-11 { background-image:url(partenaires/logo-strasbourg-livre-2024.png); }
#partenaire-logo-12 { background-image:url(partenaires/logo-villa-swagatam.png); }
#partenaire-logo-13 { background-image:url(partenaires/logo-bureau-français-de-taipei.png); }
#partenaire-logo-14 { background-image:url(partenaires/logo-region-grand-est.png); }
#partenaire-logo-15 { background-image:url(partenaires/logo-stadt-karlsruhe.jpg); }
#partenaire-logo-16 { background-image:url(partenaires/logo-alliance-francaise-bizerte.jpg); }
#partenaire-logo-17 { background-image:url(partenaires/logo-ambassade-france-inde.png); }
#partenaire-logo-18 { background-image:url(partenaires/logo-cnc.png); }
#partenaire-logo-19 { background-image:url(partenaires/logo-fondation-jan-michalski.jpg); }
#partenaire-logo-20 { background-image:url(partenaires/logo-prefet-region-grand-est.jpg); }
#partenaire-logo-21 { background-image:url(partenaires/logo-socotra-asso-dragonbloodtree.png); }
#partenaire-logo-22 { background-image:url(partenaires/logo-strasbourg.png); }
#partenaire-logo-23 { background-image:url(partenaires/logo-taicca.png); }
#partenaire-logo-24 { background-image:url(partenaires/logo-tango-scan.png); }
#partenaire-logo-25 { background-image:url(partenaires/logo-mad-salon.jpg); }
#partenaire-logo-26 { background-image:url(partenaires/logo-villa-albertine.jpg); }
*/



/* * * * * * * * * * * * * * * 

PIED

* * * * * * * * * * * * * * */


#chapter-footer {
	margin: 50px auto;
	padding-left: 3rem;
}


#pied {
	background: rgb(148,203,183);
	/* background: linear-gradient(180deg, rgba(148,203,183,1) 0%, rgba(55,70,151,1) 100%); */
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(148,203,183,1) 100%);
	padding-bottom: 3rem;
	
}
#pied .chapter { padding-left:3rem; }
.pied-citation {
	position: relative;float: right;
	padding-right: 3rem;
	width: 50%;
	
	font-family: 'BellotaText-BoldItalic';
	font-size: 36px;
	color: #3d4d9c;
}
.chapter-focus-pied {
	position: relative;
	max-width: 475px;
	padding: 0 3rem 3rem 3rem;
	padding-left: 0;
	color: rgba(148,203,183,1);
	font-family: 'BellotaText-Bold';
	font-size: 20px;
	border: solid 0px black;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;

}
.bouton {
	position: relative;
	margin: 1.5rem 0;
	background-color: #374697;
	text-transform: uppercase;
	font-family: 'K2D-Medium';
	font-size: 18px;
	padding: 15px 24px;
	color: #fff;
	width: fit-content;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	cursor: pointer;
}
.mail-pied { color: #4bada6;text-decoration: underline; }

#pied-numered {
	position: relative;
	width: 150px;height: 80px;
	background-size: contain;
	background-position: left center;
	background-image:  url(imgs/logo-numered.svg);
	background-repeat: no-repeat;
}
#pied-utsv {
	position: relative;
	width: 250px;height: 230px;
	background-size: contain;
	background-position: left center;
	background-image:  url(imgs/logo-utsv-us-texteBlanc-4.svg);
	background-repeat: no-repeat;
	margin: 0 auto;
	cursor: pointer;
}


/* * * * * * * * * * * * * * * 

FOOTER

* * * * * * * * * * * * * * */

#footer {
	position: relative;width: 100%;z-index: 300;
	text-align: left;
	text-justify: none;
	font-family: 'K2D-Light';
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	line-height:1.5em;
	opacity:0.4;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	padding: 0rem 0 0 3rem;
}
#footer:hover { opacity:1; }

#footer .chapter {  }
#footer a {
	text-decoration: none;
	transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}
#footer a:link, #footer a:visited { color:#000; }
#footer a:hover, #footer a:active { color:rgba(148,203,183,1); }

.footer-logo-mravey { position:relative;width:20px;height:20px;top:5px; }
.footer-logo-vf { position:relative;width:150px;height:36px;top:13px; }



#retour-haut {
	position: fixed;right:30px;bottom:100px;
	width: 80px;height:50px; 
	background-image: url(imgs/fleche-haut-medium.svg);
	background-size: contain;
	background-position:  center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: none;
	z-index:100000;
}