.photo-entete-secondaire {
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top: 90px;
	position: relative;
}

.photo-entete-secondaire.animation {
	background-image: url(../images/raconte-moi-la-francophonie-photo.jpg);
}

.photo-entete-secondaire.formations {
	background-image: url(../images/francais-formations-2.jpg);
}

.photo-entete-secondaire.tv5-monde {
	background-image: url(../images/apprendre-avec-tv5-monde.jpg);
}

.photo-entete-secondaire.humanitaire {
	background-image: url(../images/humanitaire-sensibilisation.jpg);
}

.photo-entete-secondaire h2{
	color: #FFF;
	font-family: 'Questrial', sans-serif;
	text-transform: uppercase;
	text-align: right;
	font-size: 40px;
	line-height: 40px;
	text-shadow: 2px 2px 15px #000;
	position:relative;
	top:20%;
	left:60%;
	width:30%;
}


.photo-entete-secondaire h2 img{
	margin-right:60px;
	margin-bottom:10px;
}





/*Section ------------------------------------------------*/

	
.section-texte {
	padding-top: 60px;
	padding-bottom: 60px;
	color: #000;
}

.section-texte h3 {
	font-family: 'Questrial', sans-serif;
	font-size:30px;
	text-align:center;
	margin-top:5 px;
	margin-bottom:0px;
	color:#452658;
}

.marge-top-50 {
	margin-top:-200px;
	padding-top:250px;
}



.section-texte h4 {
	font-family: 'Questrial', sans-serif;
	text-transform: uppercase;
	text-align:center;
	font-size:40px;
	line-height:42px;
	margin-top:5px;
	margin-bottom:0px;
	color:#452658;
}

.section-texte h5 {
	font-family: 'Questrial', sans-serif;
	text-transform: uppercase;
	text-align:left;
	font-size:40px;
	line-height:42px;
	margin-top:5px;
	margin-bottom:0px;
	color:#452658;
}

.section-texte h6 {
	font-family: 'Questrial', sans-serif;
	text-transform: uppercase;
	text-align:left;
	font-size:30px;
	line-height:32px;
	margin-top:25px;
	margin-bottom:0px;
	color:#452658;
}


.section-texte p {
	font-family: 'Questrial', sans-serif;
	font-size: 18px;
	line-height: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: justify;
	color: #000000;
}

.section-texte img {
	margin-top: 20px;
	margin-bottom: 10px;
}


.section-texte p a{
	color:#451e5a;
	text-decoration:none;
}

.section-texte p a:hover{
	color:#451e5a;
	text-decoration:none;
}

.section-rally {
	background-color: lavender;
}

.section-rally-insc {
	background-color: lavender;
	padding-top:100pt;
}



.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Aspect ratio 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
  }

  .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
}


        .button-container {
            margin: 10px 0;
        }
        .button {
			font-family: 'Questrial', sans-serif;
            display: inline-block;
            background-color: #452658;
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            border-radius: 8px;
            margin: 5px 0;
            width: 100%;
            max-width: 300px;
            box-sizing: border-box;
        }

        .button:hover {
            background-color: #6d3a8d; /* Optionnel : changer légèrement la couleur de fond au survol */
            color: white; /* Le texte reste blanc au survol */
        }

.section-fete {
	background-image: url(../images/fond-fete-nationale-fran.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-top: 90px;
	position: relative;
}

.section-table {
	margin-top: 90px;
}


.bout-archives {
  background-color: #452658;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-family: 'Questrial', sans-serif;
font-size:30px;
text-align:center;
border-radius: 8px;
}

.bout-archives a {
  color: white;
}

.bout-archives a:hover  {
text-decoration-line: none
}

.bout-archives:hover {
  background-color: #6e4189;
  color: white;
}

.section-archives {
	margin-top: 120px;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #000;
}

.section-archives img {
	margin-top: 20px;
	margin-bottom: 10px;
	 border: 5px solid #555;
}




@media (min-width: 1200px) {  /* Grand écran et plus */
.section-blanche-menu .photo-titre {
	width:600px;
}

}

@media (max-width: 1199px) {  /* Grand écran et plus */


}


@media (min-width: 768px) and (max-width: 979px) { /* Ipad vertical (Nouveau) à ordinateur petit*/
.photo-entete-secondaire h2{
	top:30%;
	left:30%;
	width:60%;
}

}


@media (min-width: 767px) { /* téléphone et plus */


}


@media (max-width: 767px) { /* téléphone jusqu'à Ipad (Ancien vertical) */
.photo-entete-secondaire {
	margin-top: 50px;
}

.photo-entete-secondaire h2{
	top:10%;
	left:0%;
	width:95%;
}
}