* {
		padding:0;
		margin:0;
	}
	
html, body {
		height:100%;
		
	}
	
/* Smooth scrolling sur l'entièreté du site */
html {
	scroll-behavior: smooth;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

body {
		font-family:verdana, sans-serif;
		background-image: url(../img/fond04.jpg); 
		background-repeat: repeat-y;
		background-size: 100%;
		text-align:center;
		
		
		
	}

	
h1 {	
		text-align: center;
		font-family:verdana, sans-serif;
		font-weight:normal;
		color:rgba(245, 213, 139, 0.8);
		font-size : xx-large;
		line-height : 1em;
		margin-top : 40px;
	}
	
h2 {	
		text-align: center;
		font-family:verdana, sans-serif;
		font-weight:normal;
		color:rgba(0, 0, 0, 0.8);
		font-size : x-large;
		line-height : 1em;
		margin : 10px;
		margin-top : 20px;
		margin-bottom : 20px;
	}

p {		
		text-align: justify;
		margin-top: 15px;
		margin-bottom: 15px;
		
		
}

p::first-letter {
      font-size: 1.3em;
      
	  
    }


.cadre_bandeau {
		text-align:center;
		margin:auto;
		margin-top: 0px;
		margin-bottom: 50px;
		width:100%;
		background-color: white;
		box-shadow: inset 0 -20px 20px -10px rgba(0,0,0,0.5);
		
		
	}
	

	
.cadre_or{
		
		margin:auto;
		margin-top: 50px;
		margin-bottom: 50px;
		padding-top: 20px;
		padding-bottom: 20px;
		width:95%;
		max-width:800px;
		border-radius: 8px;
		background-color: rgba(245, 213, 139, 0.8);	
	}

.cadre01 {
		font-size:1em;
		margin:auto;
		margin-top: 0px;
		margin-bottom: 10px;
		width:90%;
		max-width:750px;
	}
	
.cadre_date {
		font-size:0.8em;
		margin:auto;
		margin-top: 0px;
		margin-bottom: 0px;
		width:90%;
		max-width:750px;
	}


	
.boutton_menu {
	display:inline-block;
	color:white;
	background-color:white;
	padding:15px;
	margin:5px;
	border-radius: 3px;
	background: linear-gradient(45deg, #AD853A, #DEB959);
      /* 45deg = angle du dégradé (oblique) */
    }

.photo_articles {
	max-width:100%;
	height:auto;
	margin-top:10px;
	margin-bottom: 10px;

    }



	
.bas_page {	
		text-align:center;
		font-size:normal;
		margin:auto;
		margin-bottom: 50px;
		width:95%;
		max-width:800px;
	}
	
.bas_chapitre {	
		text-align:center;
		font-size:normal;
		margin:auto;
		margin-bottom: -10px;
		width:100%;
		max-width:800px;
	}

.separation {	
		width:100%;
		max-width:800px;
		margin:auto;
		margin-bottom: 50px;
	}
	
.cadre_fin {		
		text-align:center;
		margin:auto;
		margin-top: 50px;
		margin-bottom: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		width:95%;
		max-width:800px;
		border-radius: 8px;
		background-color:rgba(255, 255, 255, 0.5);
		
	}
	
	

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    }
.video-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }
	

.echecs-container{
    padding-bottom: min(135%, 620px);
    height: 0;
    overflow: hidden;
    }
	


.marge {	
		height:100px;
	}
	
iframe {
  overflow: hidden; /* désactive le scroll interne */
}

iframe, .iframe-container {
  box-sizing: border-box;
}