<STYLE TYPE="text/css">
/***** gris clair CSS *****/
html
{
	height:	100%;
	width:	100%;
}
body {
	height:			100%;
	width:			100%;
	margin:			auto;
	background-color: 	lightgrey;
	background-image:	url("../decors/none");
	background-attachment:	scroll;
	font-family: 		Arial, Helvetica, FreeSans, sans-serif;
	font-style: 		normal;
	color: 			#000000;
}	

A.invis {
	color: 			#000000; /* même couleur que caractères du body */
	text-decoration:	none;
	background-color:	none;
}
A.invis:hover {
	color: 			#000000; /* même couleur que caractères du body */
	text-decoration:	none;
	background-color:	none;
}
A.invis:active {
	color: 			#000000; /* même couleur que caractères du body */
	text-decoration:	none;
	background-color:	none;
}

A{
	color: 			#990000;
	text-decoration:	underlined;
	background-color:	none;
}
a:visited
{
	color: 			#000000;
}
A:hover {
	color: #AA0000;
	text-decoration:	none;
	background-color:	#FFffee;
}
A:active {
	color: #F00;
	text-decoration:	none;
	background-color:	#none;
}



A.texte {
	color: 			#990000;
	text-decoration:	underlined;
	background-color:	none;
}
a.texte:visited
{
	color: 			#000000;
}
A.texte:hover {
	color: #AA0000;
	text-decoration:	none;
	background-color:	#FFffee;
}
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, h4 {text-align:center;}

h1 {
	font-weight: 	bold;
	font-size:	3em;
	padding: 	0px;
	margin-top:	0;
	margin-bottom:	0;
}
h2 {
	font-weight: 	bold;
	font-size:	2em;
	padding: 	0px;
	margin-top:	0;
	margin-bottom:	0px;
}
h3 {
	font-weight: 	bold;
	font-size:	1.5em;
	padding: 	0px;
	margin-top:	0;
	margin-bottom:	0px;
}
h4
{

	font-weight: 	normal;
	font-size:	0.7em;
	padding: 	0px;
	margin-top:	10;
	margin-bottom:	10px;
}





.texte-banal, 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;
}

.l80{line-height: 80%;}

.dense{letter-spacing:-1px;}
.dilat{letter-spacing:1px;}
.dense2{letter-spacing:-2.5px;}
.dilat2{letter-spacing:2.5px;}
.indice
{
	font-size:		0.5em;
}
.t60{font-size: 60%;}
.t70{font-size: 70%;}
.t75{font-size: 75%;}
.petit{font-size: 75%;}
.t80{font-size: 80%;}
.t90{font-size: 90%;}
.t110{font-size: 110%;}
.t120{font-size: 120%;}
.grand{font-size: 125%;}
.t125{font-size: 125%;}
.t130{font-size: 130%;}
.t150{font-size: 150%;}
.enorme{font-size: 150%;}
.t200{font-size: 200%;}
.t250{font-size: 250%;}
.t300{font-size: 300%;}
.t350{font-size: 350%;}
.t400{font-size: 400%;}
.gras{font-weight: bold;}
.italique {font-style: italic;}
.gauche{text-align: left;}
.droit {text-align: right;}
.droite{text-align: right;}
.centre{text-align: center;}
.justif{text-align: justify;}

.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}
.trait{
	border-style:	solid;
	border-color:	#444;
	border-width:	2px;
}
.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;
}

.minuscule {	
	font-size: 1%;
	line-height:	1%;
	padding: 	0px;
	margin-top:	0;
	margin-bottom: 0;
}



/***** vieilles propriétés *****/
.texte_petit
{
	font-size:		8pt
}
.paragraphe
{
	text-align:		justify;
	margin-left:	30;
}
.paragraphe780
{
	text-align:		justify;
	margin:			auto;
	width:			780px;
}
.paragraphe780red
{
	text-align:		justify;
	margin:			auto;
	width:			780px;
	color: 			#BB0000;
	font-style: 		italic;
}
.liste_puce_petit
{
	list-style-type:disc;
	list-style-position:outside;
	font-size:		0.7em;
}
.titre
{
	text-align:		center;
	font-size:		30pt ;
	font-weight: 	bold;
}
.sous-titre
{
	font-size:	1.5em;
	font-weight: bold;
	text-align:	center;
}
.titre_liens
{
	font-size:	0.63em;
	text-align:	center;
}
.border_img
{
	border-width: 2px;
	border-color: white;
	border-style: solid;
}



</STYLE>


