nav{
  display:flex; /* Permet de modifier l'alignage par defaut des balises enfants des types block */
  justify-content:space-between; /* Permet de mettre les enfants sur chaque bout du parent */
  position : relative;
  z-index: 11;
  /*position : fixed;  permet de commencer l'image tout en haut de la page c'est à dire derrière le menu */
  top : 0; /* permet de faire descendre mon menu, de ne pas el coller tout en haut de la page */
  left : 0;
  width : 100%;
  height: 50px; /* modifie la hauteur de la div à 50px */
  line-height:40px; /* Permet de centre horizontalement */
  font-size:23px; /* Taille de la police d'écriture */
    margin-top : -50px;
}

.navtest {
  display:flex; /* Permet de modifier l'alignage par defaut des balises enfants des types block */
  justify-content:space-between; /* Permet de mettre les enfants sur chaque bout du parent */
  position : relative;
  z-index: 10;
  /*position : fixed;  permet de commencer l'image tout en haut de la page c'est à dire derrière le menu */
  top : 0; /* permet de faire descendre mon menu, de ne pas el coller tout en haut de la page */
  left : 0;
  width : 100%;
  line-height:32px; /* Permet de centre horizontalement */
  background : linear-gradient(to right, #1e1c59, #2783c1);
  font-size:23px; /* Taille de la police d'écriture */
}

.niv .niv0 .icon { /* Fait disparaitre l'icone menu pour ne l'utiliser qu'en format phone */
  display: none; 
} 

ul {
	list-style: none
}

a {
  color: #231d76;
  text-decoration: none;
}
.texteinscription a {
  color: white;
  text-decoration: none;
}
.texteinscription2 a {
	color : black;
	text-decoration: none;
}

.nav-button {
  /*display: none;  pas de bouton tant qu'on a pas la bonen taille d'écran */
  position: absolute;
  top: 8px;
  right: 1rem;
  z-index: 1;
  height : 30px;
  width: 30px;
  background-color: transparent;
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 5px;
  padding: 0;
  outline: 0;
  border: 0;
  color: white;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.nav-button::before,
.nav-button::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  display: block;
  height: 5px;
  background: currentColor;
  transition: .25s;
  transition-property: transform, top;
  will-change: transform, top;
}
.nav-button::before {
  top: 0;
}
.nav-button::after {
  top: calc(100% - 4px);
}






/* MISE EN FORME ET ANIMATION DU MENU PRINCIPAL */

.menuphone .menuphone0 #myLinks {
  display: none;
}

a.icon {
  background: none;
  display: block;
  position: absolute;
  color : white;
  right: 0;
  top: 0;
  display:none;
}

.menuphone {
  /*position: relative;*/
  display: none;
  width : 100%;
}
.menuphone a {
  color: white;
  text-decoration: none;
  font-size: 20px;
}


.menuphone .taillebars a{
  font-size: 40px;
   margin-top : 2px;
   float:right;
}
 /* Mise en forme du menu apparaissant  */
.menuphone {
  display:block; /*Permet de modifier l'alignage par defaut des balises enfants des types block */
  justify-content:center; /* Avec le flex permet de coller et centre les balises enfants */
  padding:0 0% 0 0%;
  /* Permet de decaler le menu du bord droit */
 }
 
 .menuphone .menuphone0 a{
	display:block; /* Permet de transformer une balise de type inline en block qui permet de modifier sa largeur/hauteur */
	height:40px; /* Modifie la hauteur */
	padding:3px 30px; /* ajoute une marge interieur à droite et à gauche de 30px */
}
 
.menuphone .menuphone0 a .fa{
	position : relative;
	transition : 0.5s;
}

.menuphone .menuphone0 a:hover .fa{
	/*transform : scale(1.1);*/
	transform : rotateY(360deg); 
}

.menuphone .menuphone0 a .far{
	position : relative;
	transition : 0.5s;
}

.menuphone .menuphone0 a:hover .far{
	transform : rotateY(360deg);
}

.menuphone .menuphone0 a .fas{
	position : relative;
	transition : 0.5s;
}

.menuphone .menuphone0 a:hover .fas{
	transform : rotateY(360deg);
}

.menuphone .menuphone0 a .fab{
	position : relative;
	transition : 0.5s;
}

.menuphone .menuphone0 a:hover .fab{
	transform : rotateY(360deg);
}

.niv{
  display:flex; /* Permet de modifier l'alignage par defaut des balises enfants des types block */
  justify-content:center; /* Avec le flex permet de coller et centre les balises enfants */
    margin-right : auto;
  margin-left : auto;

   /* padding:0 9% 0 6%;
 Permet de decaler le menu du bord droit */
 }

.texte{ /* Cible uniquement le premier ".niv0" */
	color:white; /* change la couleur de la police en blanc */
	padding:10px 0px 4px 30px;  /*ajoute une marge interieur à droite et à gauche de 30px */
    cursor:default; /* Permet de modifier le pointer de la sourie */
    font-size:30px;
}

.texte span{ /* Cible uniquement la première lettre de chaque mot  */
	font-size:1.5em; /* Modifie la taille de la police de façon relative */
	/*color:rgba(234,189,92, 1);*/
	color:rgba(255,203,82, 1); 
}

.navtest img .cadoizo {
	max-width: 35px;
} 

.niv .niv0 a{
	display:block; /* Permet de transformer une balise de type inline en block qui permet de modifier sa largeur/hauteur */
	height:40px; 
	padding:3px 30px; /* ajoute une marge interieur à droite et à gauche de 30px */
}

.niv .niv0 a .fa{
	position : relative;
	transition : 0.5s;
}

.niv .niv0 a:hover .fa{
	/*transform : scale(1.1);*/
	transform : rotateY(360deg); 
}

.niv .niv0 a .far{
	position : relative;
	transition : 0.5s;
}

.niv .niv0 a:hover .far{
	transform : rotateY(360deg);
}

.niv .niv0 a .fas{
	position : relative;
	transition : 0.5s;
}

.niv .niv0 a:hover .fas{
	transform : rotateY(360deg);
}

.niv .niv0 a .fab{
	position : relative;
	transition : 0.5s;
}

.niv .niv0 a:hover .fab{
	transform : rotateY(360deg);
}

.niv .niv0>a{
	color:white; /* change la couleur de la police en blanc */
	text-align:center; /* Centre le texte horizontalement */
}
.niv .niv0>a::first-letter{ /* Cible uniquement la première lettre de chaque mot  */
	font-size:1.5em; /* Modifie la taille de la police de façon relative */
}
.niv .niv0{
	border-top:4px solid rgba(0,0,0, 0); /* Permet de garder le centrage verticalement entre avec et sans le hover sur le texte */
}
.niv .niv0:hover{ /* Permet de cibler tout les ".niv0" sauf le premier */
	border-top:4px solid /* Je pre-configure le border ici (taille et style) */
}
.niv .niv0:nth-child(1):hover{
	border-color:rgba(51,157,255, 1); /* je fini ici avec la couleur */
	background:rgba(51,157,255, 0.15); /* Couleur du font de la div */
}
.niv .niv0:nth-child(2):hover{
	border-color:rgba(46,204,113,1.0);
	background:rgba(46,204,113, 0.15);
}
.niv .niv0:nth-child(3):hover{
	border-color:rgba(234,97,83,1.0);
	background:rgba(234,97,83, 0.15);
}
.niv .niv0:nth-child(4):hover{
	border-color:rgba(244,208,63,1.0);
	background: rgba(244, 208, 63, 0.15);
}

.niv .niv0:nth-child(5):hover{
	border-color:rgba( 92, 223, 234 ,1.0);
	background:rgba( 92, 223, 234 , 0.15);
}

.niv .niv0:nth-child(6):hover{
	border-color:rgba(189,195,199,1.0);
	background:rgba(189,195,199, 0.15);
}

.niv .niv1{
	display:none; /* Cache le sous menu sans le :hover */
	color:#1e1c59; /* Met le texte en noir */
}

.niv .niv1 .niv1sous{
	display:none; /* Cache le sous menu sans le :hover */
	color:#1e1c59; /* Met le texte en noir */
}

.niv .niv1bis{
	display:none; /* Cache le sous menu sans le :hover */
	color:#1e1c59; /* Met le texte en noir */
}

.niv .niv1bis2{
	display:none; /* Cache le sous menu sans le :hover */
	color:#1e1c59; /* Met le texte en noir */
}

.niv .niv1bis3{
	display:none; /* Cache le sous menu sans le :hover */
	color:#1e1c59; /* Met le texte en noir */
}

.niv .niv0:hover .niv1{
	display:block; /* Permet d'afficher le sous menu pendant le :hover */
	position:absolute; /* Permet de passer par dessus le reste de ton site */
}

.niv .niv0:hover .niv1 .niv1sous{
	display:none; /* Permet d'afficher le sous menu pendant le :hover */
	position:absolute; /* Permet de passer par dessus le reste de ton site */
}

.niv .niv0:hover .niv1bis{
	display:block; /* Permet d'afficher le sous menu pendant le :hover */
	position:absolute; /* Permet de passer par dessus le reste de ton site */
}
.niv .niv0:hover .niv1bis2{
	display:block; /* Permet d'afficher le sous menu pendant le :hover */
	position:absolute; /* Permet de passer par dessus le reste de ton site */
}

.niv .niv0:hover .niv1bis3{
	display:block; /* Permet d'afficher le sous menu pendant le :hover */
	position:absolute; /* Permet de passer par dessus le reste de ton site */
}

.niv .niv1 a{
	background:rgba(46,204,113, 0.70);	/* Couleur du font de la div */
}

.niv .niv1 .niv1sous a{
	background:rgba(46,204,113, 0.70);	/* Couleur du font de la div */
}

.niv .niv1bis a{
	background:rgba(244,208,63,0.70); /* Couleur du font de la div */
}

.niv .niv1bis2 a{
	background:rgba(234,97,83, 0.70); /* Couleur du font de la div */
	/*width : 120px; */
}

.niv .niv1bis3 a{
	background:rgba( 92, 223, 234 , 0.70); /* Couleur du font de la div */
}

.niv .niv0 .niv1 a:hover{
	color:white; /* change la couleur de la police en blanc */
	background:rgba(46,204,113, 0.9); /* Couleur du font de la div */
	transition : 0.3s;
}

.niv .niv0 .niv1 a:hover .niv1sous {
	color:white; /* change la couleur de la police en blanc */
	background:rgba(46,204,113, 0.9); /* Couleur du font de la div */
	transition : 0.3s;
}

.niv .niv1bis a:hover{
	color:white; /* change la couleur de la police en blanc */
	background:rgba(244,208,63,0.9); /* Couleur du font de la div */
	transition : 0.3s;
}

.niv .niv1bis2 a:hover{
	color:white; /* change la couleur de la police en blanc */
	background:rgba(234,97,83, 0.9); /* Couleur du font de la div */
	transition : 0.3s;
}

.niv .niv1bis3 a:hover{
	color:white; /* change la couleur de la police en blanc */
	background:rgba( 92, 223, 234 , 0.90); /* Couleur du font de la div */
	transition : 0.3s;
}




/* MISE EN FORME DU SCROLL */

.scroll {
	position : fixed; /* permet de faire suivre le bouton avec la souris et de l'avoir all time sur l'écran*/
	top: 0;
	right : 0;
	width : 110px;
	height : 40px;
	display : block;
	background : #424558;
	text-align: center;
	line-height : 40px; /*emplacement du text*/
	color:white;
	font-size : 18px;
	text-decoration : none;
	z-index:10000;
}

.scroll.top {
	top : calc(10% - 37px);
	background : rgba(55,165,220, 0.65); 
}

.scroll.bottom {
	top : calc(10% - -3px);
	background : rgba(255,203,82, 0.65); 
}

.menu-toggle {
		color : #fff;
		float : right;
		line-height : 40px;
		font-size : 23px;
		cursor : pointer;
		display : none;
}







/* MISE EN FORME DU BANDEAU */

.bandeau {
	z-index:1;
	height: 150px;
	margin : 10px 0px;
	background-image : url("/TestNoel.png");
	/*linear-gradient(125deg, #1e1c59, #2783c1, #fff); 
	/*background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);  effet arc en ciel pour background, comme par ex logo interview */
	background-size : 100%;
	width : 100%;
	animation : bganimation 7s infinite;
}


.container {
	text-align : center;
	position : absolute;
	top : 135px;
	left :50%;
	transform : translate(-50%,-50%);
	width:100%;
}

.container span {
	text-transform : uppercase; /* permet de mettre toutes les lettres en majuscules*/
	display : block;
}
	


@keyframes text {
	0% {
		color : white;
		margin-bottom : -30px;
}
}

/* Animation bandeau */
	
.texte1 {
	font-size:35px;
	color : white;
	font-weight:bold;
	font-weight : 700px;
	letter-spacing : 3px;
	margin-bottom : 0px; /* définit la marge basse appliquée à un élément, permet de coller ou non avec ke texte en dessous */
	position : relative;
	animation : text 1.5s 1;
}

.texte2 {
	font-size:25px;
	color : white; /* mettre blanc quand arrière plan corrigé */
	font-weight:bold;
}

@keyframes bganimation {
	0% {
		background-position : 0% 50%;
	}
	50% {
		background-position : 100% 50%;
	}
	100% {
		background-position : 0% 50%;
	}
}

/* MISE EN FORME DU BANDEAU2 */

.bandeau2 {
	z-index:1;
	height: 25px;
	margin : 5px 0px;
	/*background-image : linear-gradient(125deg, #1e1c59, #2783c1, #fff); */
	background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);  /*effet arc en ciel pour background, comme par ex logo interview */
	/*background-image : url("/bandeauimage3.png");*/
	background-size : 100%;
	width : 100%;
}


.bandeau2 .texteinscription {
	font-size:20px;
	color : white;
	padding : 0px 30px 0px 30px;
}

.texteinscription a {
	margin-right : 30px;
}

.texteinscription2 {
	font-size:20px;
	color : #2679b7;
	padding : 0px 30px 0px 30px;
}
















 /* ------------------------------ MEDIA QUERIES ----------------------------- */
 
 /* ------------------------------ MEDIA QUERIES entre 1280 et 1160----------------------------- */
@media screen and (min-width: 1160px) and (max-width: 1280px) {

.scroll.top {
	display : none; /* Disparition du scroll sur téléphone, enfin, jusque 480... */
}

.scroll.bottom {
	display : none; /* Disparition du scroll sur téléphone */
}
}


/* ------------------------------ MEDIA QUERIES entre 1300 et 1000----------------------------- */	
/* ------------------------------------------- MENU ------------------------------------------- */	
@media screen and (min-width: 1000px) and (max-width: 1300px) {

.bandeau {
	height: 140px;
	margin : 10px 0px;
}
.logoadl1 img{
	height: 140px;
} 

/* Animation bandeau */	
.container .texte1 {
	display: none;
}
.container .texte2 {
	display: none;
}

.menuphone .menuphone0 #myLinks {
  display: none;
}

a.icon {
  background: none;
  display: block;
  position: absolute;
  color : white;
  right: 0;
  top: 0;
}

.niv {
  display:none;
}  

.menuphone .menuphone0 a. {
  background: none;
  display: block;
  position: absolute;
  color : white;	
}

.taillebars a{
   font-size: 37px;
   margin-top : 6px;
   float:right;
   color :white;
   padding-left: 50px;
}

.menuphone {
	position: relative;
	width :100%;
}	
.menuphone a {
  color: white;
  text-decoration: none;
  font-size: 23px;
  text-align :center;
  width :100%;
}
.menuphone .menuphone0>a{
	color:white; /* change la couleur de la police en blanc */
	text-align:center;
}
.menuphone .menuphone0>a::first-letter{ /* Cible uniquement la première lettre de chaque mot  */
	font-size:1.5em; /* Modifie la taille de la police de façon relative */
}
.menuphone .menuphone0 a{
	border-top:4px solid rgba(0,0,0, 0);
}
.menuphone .menuphone0 a:hover{ /* Permet de cibler tout les ".niv0" sauf le premier */
	border-top:4px solid /* Je pre-configure le border ici (taille et style) */
}
 
 .menuphone .menuphone0 a:nth-child(1){
	border-color:rgba(51,157,255, 1); /* je fini ici avec la couleur */
	background:rgba(51,157,255, 0.75); /* Couleur du font de la div */
}
.menuphone .menuphone0 a:nth-child(2){
	border-color:rgba(46,204,113,1.0);
	background:rgba(46,204,113, 0.75);
}
.menuphone .menuphone0 a:nth-child(3){
	border-color:rgba(234,97,83,1.0);
	background:rgba(234,97,83, 0.75);
}
.menuphone .menuphone0 a:nth-child(4){
	border-color:rgba(244,208,63,1.0);
	background: rgba( 244, 208, 63, 0.75);
}

.menuphone .menuphone0 a:nth-child(5){
	border-color:rgba( 92, 223, 234 ,1.0);
	background:rgba( 92, 223, 234 , 0.75);
}

.menuphone .menuphone0 a:nth-child(6){
	border-color:rgba(189,195,199,1.0);
	background:rgba(189,195,199, 0.75);
}

}

/* ------------------------------ MEDIA QUERIES entre 1159 et 1000----------------------------- */	
@media screen and (min-width: 1000px) and (max-width: 1159px) {
.scroll.top {
	display : none; 
}

.scroll.bottom {
	display : none; /* Disparition du scroll sur téléphone */
}
}


/* ------------------------------ MEDIA QUERIES entre 999 et 768----------------------------- */	
@media screen and (min-width: 768px) and (max-width: 999px) {	
.niv {
  display:none;
}  

.menuphone .menuphone0 #myLinks {
  display: none;
}

a.icon {
  background: none;
  display: block;
  position: absolute;
  color : white;
  right: 0;
  top: 0;
}

.menuphone .menuphone0 a. {
  background: none;
  display: block;
  position: absolute;
  color : white;	
}

.taillebars a{
   font-size: 35px;
   margin-top : 9px;
   float:right;
   color :white;
   padding-left: 50px;
}

.menuphone {
	position: relative;
	width :100%;
}	
.menuphone a {
  color: white;
  text-decoration: none;
  font-size: 22px;
  text-align :center;
}
.menuphone .menuphone0>a{
	color:white; /* change la couleur de la police en blanc */
	text-align:center;
}
.menuphone .menuphone0>a::first-letter{ /* Cible uniquement la première lettre de chaque mot  */
	font-size:1.5em; /* Modifie la taille de la police de façon relative */
}
.menuphone .menuphone0 a{
	border-top:4px solid rgba(0,0,0, 0);
}
.menuphone .menuphone0 a:hover{ /* Permet de cibler tout les ".niv0" sauf le premier */
	border-top:4px solid /* Je pre-configure le border ici (taille et style) */
}
 
 .menuphone .menuphone0 a:nth-child(1){
	border-color:rgba(51,157,255, 1); /* je fini ici avec la couleur */
	background:rgba(51,157,255, 0.75);/* Couleur du font de la div */
	height : 35px;
}
.menuphone .menuphone0 a:nth-child(2){
	border-color:rgba(46,204,113,1.0);
	background:rgba(46,204,113, 0.75);
	height : 35px;
}
.menuphone .menuphone0 a:nth-child(3){
	border-color:rgba(234,97,83,1.0);
	background:rgba(234,97,83, 0.75);
	height : 35px;
}
.menuphone .menuphone0 a:nth-child(4){
	border-color:rgba(244,208,63,1.0);
	background: rgba( 244, 208, 63, 0.75);
	height : 35px;
}

.menuphone .menuphone0 a:nth-child(5){
	border-color:rgba( 92, 223, 234 ,1.0);
	background:rgba( 92, 223, 234 , 0.75);
	height : 35px;
}

.menuphone .menuphone0 a:nth-child(6){
	border-color:rgba(189,195,199,1.0);
	background:rgba(189,195,199, 0.75);
	height : 35px;
}

}


/* ------------------------------ MEDIA QUERIES entre 767 et 480----------------------------- */	
@media screen and (min-width: 480px) and (max-width: 767px) { 
.bandeau2 {
	z-index:1;
	height: 25px;
	margin : 5px 0px;
	/*background-image : linear-gradient(125deg, #1e1c59, #2783c1, #fff); */
	background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);  /*effet arc en ciel pour background, comme par ex logo interview */
	background-size : 100%;
	width : 100%;
}
.bandeau2 .texteinscription {
	font-size:19px;
	color : white;
	padding : 0px 0px 0px 30px;
}

.texteinscription a {
	margin-right : 30px;
}
	
.niv {
  display:none;
}  

.menuphone .menuphone0 #myLinks {
  display: none;
}

a.icon {
  background: none;
  display: block;
  position: absolute;
  color : white;
  right: 0;
  top: 0;
}

.menuphone .menuphone0 a. {
  background: none;
  display: block;
  position: absolute;
  color : white;	
}

.taillebars a{
   font-size: 34px;
   margin-top : 9px;
   float:right;
   color :white;
   padding-left: 50px;
}

.menuphone {
	position: relative;
	width :100%;
	margin-bottom : -12px;
	margin-top : 10px;
}
	
.menuphone a {
  color: white;
  text-decoration: none;
  font-size: 21px;
  text-align :center;
}
.menuphone .menuphone0>a{
	color:white; /* change la couleur de la police en blanc */
	text-align:center;
}
.menuphone .menuphone0>a::first-letter{ /* Cible uniquement la première lettre de chaque mot  */
	font-size:1.5em; /* Modifie la taille de la police de façon relative */
}
.menuphone .menuphone0 a{
	border-top:4px solid rgba(0,0,0, 0);
}
.menuphone .menuphone0 a:hover{ /* Permet de cibler tout les ".niv0" sauf le premier */
	border-top:4px solid /* Je pre-configure le border ici (taille et style) */
}
 
 .menuphone .menuphone0 a:nth-child(1){
	border-color:rgba(51,157,255, 1); /* je fini ici avec la couleur */
	background:rgba(51,157,255, 0.75);/* Couleur du font de la div */
	height : 33px;
}
.menuphone .menuphone0 a:nth-child(2){
	border-color:rgba(46,204,113,1.0);
	background:rgba(46,204,113, 0.75);
	height : 33px;
}
.menuphone .menuphone0 a:nth-child(3){
	border-color:rgba(234,97,83,1.0);
	background:rgba(234,97,83, 0.75);
	height : 33px;
}
.menuphone .menuphone0 a:nth-child(4){
	border-color:rgba(244,208,63,1.0);
	background: rgba( 244, 208, 63, 0.75);
	height : 33px;
}

.menuphone .menuphone0 a:nth-child(5){
	border-color:rgba( 92, 223, 234 ,1.0);
	background:rgba( 92, 223, 234 , 0.75);
	height : 33px;
}

.menuphone .menuphone0 a:nth-child(6){
	border-color:rgba(189,195,199,1.0);
	background:rgba(189,195,199, 0.75);
	height : 33px;
}
}



@media screen and (min-width: 480px) and (max-width: 999px) { 

/*Ajustement du nouveau menu avec apparition du bandeau tout en haut */

nav{
  height:45px; 
  line-height:40px; 
  font-size:20px; 
}
.texte{ 
	padding:4px 15px; 
    font-size:28px;
}
.texte span{ /* Cible uniquement la première lettre de chaque mot  */
	font-size:1.37em; /* Modifie la taille de la police de façon relative */
}

/* MISE EN FORME DU BANDEAU */

.bandeau {
	height: 112px;
	margin : 0px 0px 0px 0px;	
}

.container {
	display : none;
}

/* Animation bandeau */
	
.texte1 {
	display : none;
}
.texte2 {
	display : none;
}

.logoadl1 img{
	height: 112px;
	width: auto;
	padding-left : 15px;
} 

/*.logoadl1 img{
display : none;
}*/

/* Fin ajustement du nouveau menu avec apparition du bandeau sans animation */

.bandeau2 {
	z-index:1;
	height: 25px;
	margin : 6px 0px;
	/*background-image : linear-gradient(125deg, #1e1c59, #2783c1, #fff); */
	background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);  /*effet arc en ciel pour background, comme par ex logo interview */
	background-size : 100%;
	width : 100%;
}
.bandeau2 .texteinscription {
	font-size:19px;
	padding : 0px 0px 0px 15px;
}

.texteinscription a {
	margin-right : 20px;
}
/* Taille du bandeau qui bouge pour la promo des articles */
.texteinscription2 {
	font-size:19px;
	color : #2679b7;
	padding : 0px 20px 0px 20px;
}

.scroll.top {
	display : none; 
}

.scroll.bottom {
	display : none; /* Disparition du scroll sur téléphone */
}
}	
	
	
@media screen and (min-width: 1px) and (max-width: 479px) { 

/*Ajustement du nouveau menu avec apparition du bandeau tout en haut */

nav{
  height:40px; 
  line-height:40px; 
  font-size:20px; 
}
.texte{ /* Cible uniquement le premier ".niv0" */
	padding:2px 15px; /* ajoute une marge interieur à droite et à gauche de 30px */
    font-size:26px;
}
.texte span{ /* Cible uniquement la première lettre de chaque mot  */
	font-size:1.25em; /* Modifie la taille de la police de façon relative */
}

/* MISE EN FORME DU BANDEAU */

.bandeau {
	z-index:1;
	height: 100px;
	margin : 0px 0px 0px 0px;	
	background-image : url("/bandeauimage.png");
	background-size : 100%;
	width : 100%;
}

.container {
	display : none;
}

/* Animation bandeau */
	
.texte1 {
	display : none;
}
.texte2 {
	display : none;
}

/*.logoadl1 img{
	height: 100px;
	width: auto;
	padding-left : 15px;
	padding-top : 20px;
} */

.logoadl1 img{
display : none;
}

/* Fin ajustement du nouveau menu avec apparition du bandeau sans animation */	

.bandeau2 {
	z-index:1;
	height: 25px;
	margin : 6px 0px;
	/*background-image : linear-gradient(125deg, #1e1c59, #2783c1, #fff); */
	background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);  /*effet arc en ciel pour background, comme par ex logo interview */
	background-size : 100%;
	width : 100%;
}
.bandeau2 .texteinscription {
	font-size:18px;
	color : white;
	padding : 0px 0px 0px 15px;
}

.texteinscription a {
	margin-right : 20px;
}
/* Taille du bandeau qui bouge pour la promo des articles */
.texteinscription2 {
	font-size:18px;
	color : #2679b7;
	padding : 0px 10px 0px 10px;
}

.niv {
  display:none;
}  
.scroll.top {
	display : none; /* Disparition du scroll sur téléphone, enfin, jusque 480... */
}

.scroll.bottom {
	display : none; /* Disparition du scroll sur téléphone */
}
.menuphone .menuphone0 #myLinks {
  display: none;
}

a.icon {
  background: none;
  display: block;
  position: absolute;
  color : white;
  right: 0;
  top: 0;
}

.taillebars a{
   font-size: 31px;
   margin-top : 15px;
   float:right;
   color :white;
   padding-left: 150px;
}

.menuphone .menuphone0 a. {
  background: none;
  display: inline;
  position: absolute;
}

.menuphone {
	position: relative;
	width :100%;
	margin-bottom : -12px;
	margin-top : 10px;
}

.menuphone a {
  color: white;
  font-size: 19px;
  text-align :center;
}
.menuphone .menuphone0>a{
	color:white; /* change la couleur de la police en blanc */
	text-align:center;
}
.menuphone .menuphone0>a::first-letter{ /* Cible uniquement la première lettre de chaque mot  */
	font-size:1.5em; /* Modifie la taille de la police de façon relative */
}
.menuphone .menuphone0 a{
	border-top:4px solid rgba(0,0,0, 0);
}
.menuphone .menuphone0 a:hover{ /* Permet de cibler tout les ".niv0" sauf le premier */
	border-top:4px solid /* Je pre-configure le border ici (taille et style) */
}
 
 .menuphone .menuphone0 a:nth-child(1){
	border-color:rgba(51,157,255, 1); /* je fini ici avec la couleur */
	background:rgba(51,157,255, 0.75);/* Couleur du font de la div */
	height : 31px;
}
.menuphone .menuphone0 a:nth-child(2){
	border-color:rgba(46,204,113,1.0);
	background:rgba(46,204,113, 0.75);
	height : 31px;
}
.menuphone .menuphone0 a:nth-child(3){
	border-color:rgba(234,97,83,1.0);
	background:rgba(234,97,83, 0.75);
	height : 31px;
}
.menuphone .menuphone0 a:nth-child(4){
	border-color:rgba(244,208,63,1.0);
	background: rgba( 244, 208, 63, 0.75);
	height : 31px;
}

.menuphone .menuphone0 a:nth-child(5){
	border-color:rgba( 92, 223, 234 ,1.0);
	background:rgba( 92, 223, 234 , 0.75);
	height : 31px;
}

.menuphone .menuphone0 a:nth-child(6){
	border-color:rgba(189,195,199,1.0);
	background:rgba(189,195,199, 0.75);
	height : 31px;
}
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* ---------------------- FOOTER ---------------------- */

.flex-rw {
  display: flex;
  flex-flow: row wrap;
}

footer {
  background-image : url("/bandeauimage12opacityfaibletransition.png");
  /*background: #2676b4;*/
  margin-top: auto;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
}

.footer-list-top {
  width: 31.22%;
}
.footer-list-top > li {
  text-align: center;
  padding-bottom: 0px /* Avant c'était 10px, permet de réduite l'écart entre mes lignes pour les listes, notamment liens rapides */
}
.footer-list-top > p {
  text-align: center;
  padding: 0 3px 0 3px;
  color: #fff;
}
.footer-list-header {
  padding: -10px 0 -10px 0;
  color: #fff;
  font: 33px "Playfair Display SC ", Teko, Permanent Marker;
}
.footer-list-anchor {
  font: 23px "Playfair Display SC ", Teko, Permanent Marker;
  color: #fff;
}
.footer-social-section {
  width: 100%;
  align-items: center;
  justify-content: space-around;
  position: relative;
  margin-top: -20px; /* Tentative de valeur négative pour rapprocher la liste des liens utiles */
}
.footer-social-section::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 10px;
  border-top: 1px solid white;
  width: calc(100% - 20px)
}
.footer-social-overlap {
  position: relative;
  z-index: 2;
  /*background : #2676b4; */
  padding: 0 20px
}
.footer-social-connect {
  display: flex;
  align-items: center;
  font: 32px "Playfair Display SC ", Teko, Permanent Marker;
  color: #fff;
}
.footer-social-small { /* pour le with en plus petit */
  font-size: 19px;
  padding: 0px 20px /* écart entre le with et les mots qui l'entourent */
}
.footer-social-overlap > a {
  font-size: 30px;
  color : white;
}
.footer-social-overlap > a:not(:first-child) {
  margin-left: 0.38em
}
.footer-bottom-section { /* ligne avant le copyright */
  width: 100%;
  padding: 10px;
  border-top: 1px solid white;
  margin-top: 5px
}
.footer-bottom-section > div:first-child {
  margin-right: auto
}
.footer-bottom-wrapper {
  font-size: 20px;
  color: #fff
}

.texttest {
	padding-left : 130px;
	padding-right : 130px;
}
.texttestannotation {
		padding : 0 13.5%;
}