@charset "utf-8";
/* CSS Document */
* {box-sizing: border-box;}
html {margin: 0;padding: 0;height: 100%;}
body {font-family: "Montserrat", sans-serif;margin: 0;padding: 0;font-size: 24px; background-color: #fff; text-align: center;overflow-y: scroll;}	
/*header {width: 100%;margin: 30px auto 10px auto;padding:0;text-align: center;}*/
.container {width: 100%;margin: 0 auto 0 auto;padding:0;text-align: center;background-color: #fff;}	

/*.tente {width: 20%; margin: 10px auto 0 auto; display: block;}*/

h1 {display:block;font-family: "Montserrat", sans-serif;font-weight: 600;font-size: 2.0em;color: #fff;text-align: center;letter-spacing : 0px;line-height: 1.0em;/*margin:10px5% 40px 5%;padding: 30px 0 0 20px;*/margin:0 auto 0 auto;padding:0;}
h1::first-letter{font-size: 1.2em;font-weight: 400;}
h1 span {font-size: 1.0em;font-weight: 400;}

a {text-decoration: none;color: #fff;} 
p {font-size:1.25em;font-weight: 500;color: #fff;}	

#container-menu  {display:flex;background-color: #000;}
#menu {padding: 0; margin:20px 0 30px 0;text-align: center;}
#menu li {display: inline;list-style: none;}
/*#menu a {display:inline-block;margin: 0.2rem; padding: 0.5rem 2rem 0.5rem 0.8rem; text-align: center; color: #998046; text-decoration: none; border: 1px solid #998046; border-radius: 4px 30px 30px 4px; transition: all 1s ;font-size: 1.1em;font-weight: 300;}*/
/*#menu a.actif { background-color: #998046; color: #fff; border: 4px solid #998046 ;border-radius: 4px; font-size: 1.4em;font-weight: 600;}
#menu a:hover,.menu a:hover.actif{background-color: #998046;color: #fff;border: 4px solid #998046 ;border-radius: 4px;border-color: #998046;font-size: 1.4em;font-weight: 600;}*/

.journal h1 {font-family: "Montserrat", sans-serif;font-weight: 600;font-size: 1.6em;color: #000;line-height: 1em;text-align: center;letter-spacing : 1px;margin:30px 0 30px 0;}
.journal h2 {font-family: "Montserrat", sans-serif;font-weight: 500;font-size: 1.7em;color: #000;line-height: 1em;text-align: center;letter-spacing : 1px;margin:0 0 0 0;}
.journal p {font-family: "Montserrat", sans-serif;font-weight: 400;font-size: 0.9em;color: #000;line-height: 1.5em;text-align: center;margin:20px 0 30px 0;letter-spacing : 0px;}
.journal img {margin: 10px 5% 0 5%;width:90%;/*object-fit: cover;*/}




/*For iPhone 11, 12, 13, 14 and 15*/
/* 1179×2556 pixels at 460ppi */
/*@media only screen 
    and (width: 393px) 
    and (height: 852px)
    and (-webkit-device-pixel-ratio: 3) { */

@media (max-width: 640px) {
	* {
		box-sizing: border-box;
	}	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */
	body {
		width: auto;
		margin: 0;
		padding: 0;font-size: 16px;
	}	
	/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */
	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}	
	/* conserver le ratio des images */
	img {
		height: auto;
	}	
	/* gestion des mots longs */
	textarea,
	table,
	td,
	th,
	code,
	pre,
	samp {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé */
	}	
	code,
	pre,
	samp {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}	
	/* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
	.element1,
	.element2 {
		float: none;
		width: auto;
	}	
	/* masquer/afficher les éléments  */
	.u-mobile {          
		display: block;          
		display: revert !important; /* affichage des éléments */        
	}        
	.u-no-mobile {          
		display: none !important; /* masquage des éléments */        
	}
	
h1 {text-align: center;font-size: 1.8em;margin:0 auto 0 auto;padding:0;}
.tente {width: 34%; margin: 5px auto 0 auto; display: block;}
#menu a {margin: 0.1rem; padding: 0.5rem 0.5rem 0.5rem 0.5rem;}
.journal p {font-size: 1.1em;}
	
}