* 
{
	box-sizing: border-box;
}

@font-face 
{
    font-family: "SuperPolice";
    src: url("Courgette-Regular.ttf");
}

@font-face 
{
    font-family: "Andina";
    src: url("../font/Andina.ttf");
}


.Andina
{
	color: #444; /* bleu foncé #030947 et #04094F - vert foncé #004A51 et der #242424*/
	font-size: 14px;
	padding-top:0px;
	/*text-decoration: underline;*/
	font-family: "Andina", Times New Roman, serif;
	text-align:right; 
	margin:10px 25px -20px;
}

body
{
	background-color: #eee;
	/* background: url("../images/papier-froissé-texture.jpg") fixed; */
}

/*cadre contenu*/
.cadre { 
	width: 100%;padding:10px 10px;border: 3px solid #A0A0A0; text-align: left;background: #F5F5F5; scrollbar-color: #2B2B2B #B1B1B1;
} 

.responsive-iframe {
	width: 100%; /* Assure que l'iframe prend 100% de la largeur du conteneur */
	height: 50vh; /* Exemple de hauteur basée sur 50% de la hauteur de la fenêtre de visualisation */
	border: none; /* Optionnel: enlève la bordure de l'iframe */
}

.padmarg {
	padding:60px 60px 50px 60px;
}

.margl {
	margin-left:-40px;
}
.margr {
	margin-right:-40px;
}

.bandeau {
	width:800px;
	height:190px;
	}

.general {
	width: 800px;
	}
	
.general_conclusion {
	width: 640px;
	}

.general_croyez {
	width: 540px;
	}
	
.paragraphe {
	width:530px;
	}

	ul {
		margin-left:-2%;
	}
	
img
{
	border-radius: 4px;
}

.responsive {
	width: 100%; /* L'image prend toute la largeur du conteneur */
	height: auto; /* La hauteur s'ajuste automatiquement pour conserver les proportions */
}

h1
{
	color: #008b8b;
	font-size: 22px;
	text-decoration: underline;
	margin:10px;
	font-family: "SuperPolice", Times New Roman, serif;
}

li 
{
	margin: 10px 0;
	text-align: justify;
	width: 98%;
}

a:link {
  color: #0000FF;
}

a:visited /* Quand le visiteur a déjà vu la page concernée */
{
	color: blue; /* Appliquer une couleur grise */
}

a:hover /* Apparence au survol des liens */
{
	text-decoration: none;
	color: #ee8012;
}

hr {
	width:400px;
	height:1px;
}

.marg_logo_l {
	margin-left:-40px;
}
.marg_logo_r {
	margin-right:-40px;
}

/* media - point de rupture etc... */
@media (max-width: 800px) {
	.padmarg {
		padding:60px 20px 50px 20px;
	}

	.margl {
		margin-left:none;
	}
	.margr {
		margin-right:none;
	}
	.marg_logo_l {
		margin-left:0px;

	}
	.marg_logo_r {
		margin-right:0px;
	}
}