/***** template CSS  *****/
body {
	height:				100%;
	width: 100%; min-width: 884px;
	margin:				auto;
	background-color:		#333;
	background-image:		url("../decors/none.jpg");
	background-position:		top center;
	background-repeat:		no-repeat;
	background-attachment:		scroll;
	font-family: Arial, Helvetica, FreeSans, sans-serif;
	font-style: 			normal;
	color: 				#bbb;
}
A.texte {
	/***** color: #fff; couleur à spécifier dans la page *****/
	text-decoration:	underlined;
	background-color:	none;
}
A.texte:hover {
	color: #000;
	text-decoration:	none;
	background-color:	#FFB;
}
A.texte:active {
	color: #F00;
	text-decoration:	none;
	background-color:	#none;
}


.centrePage {
	width:784px;
	margin: auto;
	text-align: center;
}

img {
	max-width: 100%;
	height:	auto;
/*	outline: 10px solid #fff; */
}

h1, h2, h3{text-align:center;}

h1 {
	font-weight: bold;
	font-size:	4em;
	line-height: 50%;
}
h2 {
	font-weight: bold;
	font-size:	2.5em;
}
h3 {
	font-weight: bold;
	font-size:	2em;
}


.texte-banal {
	background-color: none;
	font-size:	1em;
	text-align:	justify;
}
.texte_banal {
	background-color: none;
	font-size:	1em;
	text-align:	justify;
}

.paragraphe_20  {
	width:744px;
	margin: auto;
}
.paragraphe_30  {
	width:724px;
	margin: auto;
}
.paragraphe_50  {
	width:684px;
	margin: auto;
}

.gauche{text-align: left;}
.droit {text-align: right;}
.droite{text-align: right;}
.centre{text-align: center;}
.justif{text-align: justify;}

.l80{line-height: 80%;}

.dense{letter-spacing:-1px;}
.dilat{letter-spacing:1px;}
.dense2{letter-spacing:-2.5px;}
.dilat2{letter-spacing:2.5px;}

.t60{font-size: 60%;}
.t70{font-size: 70%;}
.petit{font-size: 75%;}
.t80{font-size: 80%;}
.t90{font-size: 90%;}
.t110{font-size: 110%;}
.t120{font-size: 120%;}
.grand{font-size: 125%;}
.t150{font-size: 150%;}
.t200{font-size: 200%;}
.t250{font-size: 250%;}
.t300{font-size: 300%;}
.t400{font-size: 400%;}
.gras{font-weight: bold;}
.italique {font-style: italic;}

.blanc{color: white;}
.gris{color: grey;}
.noir{color: black;}
.vert{color: #0F0;}
.w3-vert,.w3-hover-vert:hover{color:#fff!important;background-color:#4CAF50!important}
.jaune{color: yellow;}
.w3-jaune,.w3-hover-jaune:hover{color:#000!important;background-color:#ffeb3b!important}
.orange{color: orange;}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.rouge{color: #F00;}
.w3-rouge,.w3-hover-rouge:hover{color:#fff!important;background-color:#f44336!important}
.bleu{color: #55F;}
.w3-bleu,.w3-hover-bleu:hover{color:#fff!important;background-color:#2196F3!important}
.rose{color:#e91e63!important}
.w3-rose,.w3-hover-rose:hover{color:#fff!important;background-color:#e91e63!important}

.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}

.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}

.vert_italique {
	font-style: italic;
	color: green;
}
.rouge_italique {
	font-style: italic;
	color: red;
}


.bordure{border: 2px solid}
.conteneur {
	border: 1px solid white;
	padding-top: 0.4em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}
.conteneur-tiret {
	border: 5px dashed white;
	padding-top: 0.4em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}

.tableau {
	display: grid;
	grid-template-columns: repeat(1fr 1fr);
	grid-gap: 1em;
	grid-auto-rows: minmax(0.5em, auto);
}
.texte_hg { grid-column: 1 ; grid-row: 1; }
.texte_hd { grid-column: 2 ; grid-row: 1; }
.texte_bg { grid-column: 1 ; grid-row: 2; align-self: end; }
.texte_bd { grid-column: 2 ; grid-row: 2; align-self: end; }
.image_g  { grid-column: 1 ; grid-row: 1 / 3; } 
.image_d  { grid-column: 2 ; grid-row: 1 / 3; }

.gd {
	display: grid;
	align-items: center;
	position:relative; left:0px;
}
.c2{grid-template-columns: 50% 50%;}
.c190{grid-template-columns: 190px 590px;}
.c305{grid-template-columns: 305px 475px;}
.c470{grid-template-columns: 470px 310px;}
.c480{grid-template-columns: 480px 300px;}


COMMENTAIRE-IMG {	
	display: block;
	margin-top: 1.5em;
	margin-bottom: 2.5em;
	font-size: 60%;
	text-align: right;
}
.COMMENTAIRE_IMG_USA {	
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-size: 70%;
	text-align: center;
}