/**
La documentation CSS se trouve maintenant dans ../documentation.CSS_documentation.css
**/

:root { /* Variable CSS */
	--bodyColor: #100000; /* Couleur de fond du body de la page */
	--tdTextGMDFcolor: black; /* Couleur de fond des textes sous les vignettes */
	--tablePcolor: black; /* Couleur de fond de la table principale */
	--lien_Tarif_font-size: 25px;
}

#rot90 { /* rotation d'éléments de 90° Utiliser <div id="rot90"> */
    transform: rotate(90deg);
}
/************************/
/*** LIENS lien_Tarif ***/
a.lien_Tarif:link {	
	color: white;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-size: var(--lien_Tarif_font-size);
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	margin: auto;
	text-align: center;
}
a.lien_Tarif:visited {	
	color: white;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-size: var(--lien_Tarif_font-size);
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	margin: auto;
	text-align: center;
}
a.lien_Tarif:hover {	
	color: #BBBBBB;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-size: var(--lien_Tarif_font-size);
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	margin: auto;
	text-align: center;
}
a.lien_Tarif:active {	
	color: #BBBBBB;
	font-family: Comic Sans MS, Times New Roman, Arial;
	font-size: var(--lien_Tarif_font-size);
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	margin: auto;
	text-align: center;
}
/***********************/

.audio { /* pour le lecteur */
	width: 250px;
}

A:hover {color: Grey;}

.body { /* body de la page */
	/*background-color: #100000;*/
	background-color: var(--bodyColor);
	width: 1000px;
	width: 90%;
	margin: auto;
	/*background-image: url(../Stuff_Lceg/images/Divers/image140.gif);
	background-repeat: repeat; */
}
.tableP { /* table principale */ 
	width:800px;
	background-color: var(--tablePcolor);
	border: 1px solid #444444;
	margin: auto;
	/*margin: 0 0 0 0;*/
}
.tableVignettes { /* table des vignettes */
	width: 100%;
	border: 1px solid #444444;
}
.MargeG { /* marge gauche */
	width: auto;
	border: 1px solid black; /*black*/
	color: black;
}
.MargeD { /* marge droite */
	width: auto;
	border: 1px solid black; /*black*/
	color: black;
}
.ChapeauEnTete {
	color: grey;
}
.TitreEnTeteChapitre {
	border: 1px solid grey;
	color: white;
	margin: auto;
	font-style: normal;
	font-size: x-large;
	font-weight: bold;
	text-align : center;
}
.Grand_titre_pageL1 { /* Grand titre page ligne 1 */
	border: 1px solid #111111;
	color: white;
	margin: auto;
	font-style: normal;
	font-size:xx-large;
	font-weight: bold;
	text-align : center;
}
.Grand_titre_pageL2 { /* Grand titre page ligne 2 */
	border: 1px solid  #111111;
	color: white;
	margin: auto;
	font-style: normal;
	font-size:x-large;
	font-weight: normal;
	text-align : center;
}
.tdPhotoGrandTitrePage { /* td Photo grand titre de la page */
	background-color: black;
	margin: auto;
}
.tdVignettesGMD { /* td Vignettes Gauche Milieu Droite photos */
	width: 33%;
	background-color: black;
	border: 1px solid #333333;
	color: white;
	margin: auto;
	/*margin-left: auto;
	margin-right: auto;*/
}
.tdTexteRemplacePhoto { /* Si texte à la place d'une photo */
	width: 33%;
	background-color: black;
	text-align : center;
	color: white;
	border: 1px solid #333333;
	margin-left: auto;
   margin-right: auto;
}
.divTexteRemplacePhoto { /* Si texte à la place d'une photo pour Type 0 */
	background-color: black;
	text-align : center;
	color: white;
	border: none;
	margin: none;
}
.tdTexteG { /* Le texte des vignettes de gauche */
	width: 33%;
	background-color: var(--tdTextGMDFcolor);
	text-align : center;
	color: #CCCCCC;
	font-style: normal;
	border: 1px solid #222222;
	margin-left: auto;
	margin-right: auto;
}
.tdTexteM { /* Le texte des vignettes du milieu */
	width: 33%;
	background-color: var(--tdTextGMDFcolor);
	text-align : center;
	color: white;
	border: 1px solid #222222;
	margin-left: auto;
	margin-right: auto;
}
.tdTexteD { /* Le texte des vignettes de droite */
	width: 33%;
	background-color: var(--tdTextGMDFcolor);
	text-align : center;
	color: white;
	border: 1px solid #222222;
	margin-left: auto;
	margin-right: auto;
}
.EspaceEntreVignettes { /* Espace entre les vignettes de photos */
	width: auto; 
	background-color: black;
	text-align : center;
	color: white;
}
.EspaceEntreTextesVignettes { /* Espace entre les textes sous les vignettes */
	width: auto;
	background-color: #222222;
	text-align : center;
	color: white;
}
.separateur1 {
	border-top: 1px solid #200000; /*#200000*/
    border-right: none;
    border-bottom: none;
    border-left: none;
}
.espaceV {
	font-size: xx-large;
}

/***************************************/
/*** VIGNETTES GRAND TITRE 320 X auto ***/
/***************************************/
.ViGrandTitre320Xauto_ZOOM_X2 {
	border-radius: 70%;
	border: 1px solid green;
	width:320px;
	height:auto;
}
	.ViGrandTitre320Xauto_ZOOM_X2:hover { /* Zoom X 2 */
		width:640px;
		height:auto;
}

/******************************************/
/*** CSS pour les vignettes selon types ***/
/******************************************/

/* Types 21, 22, 23, 24 */
/************************/
.ViTYPE21, .ViTYPE22, .ViTYPE23, .ViType24 {
	background-color: #333333;
	border:1px solid #444444;
	border-radius: 6px;
    display: block; /* Display est obligatoire pour une image.*/
    margin-left: auto;
    margin-right: auto;
	padding:1px;
	width: 240px;
	height: auto;
}	.ViTYPE22:hover, .ViType24:hover { /* Zoom X 1,5 */
		width: 360px;
		height: auto; /* Conserve les proportions.*/
}

/*Types 25 */
/***********/
.ViType25 {
	background-color: #333333;
	border:1px solid #444444;
	border-radius: 6px;
    display: block; /* Display est obligatoire pour une image.*/
    margin-left: auto;
    margin-right: auto;
	padding:1px;
	width: 480px; /*480*/
	height: auto;
}
.Typ25_erreur {
	background-color: red;
	text-align : center;
	color: white;
	border: none;
	margin: none;
}
/*Types 250 */
/************/
.ViType250 {
	background-color: #333333;
	border:1px solid #444444;
	border-radius: 30px;
    display: block; /* Display est obligatoire pour une image.*/
    margin-left: auto;
    margin-right: auto;
	padding:1px;
	width: 480px; /*480*/
	height: auto;
}
/*Types 26 */
/***********/
.ViType26 {
	background-color: #333333;
	border:1px solid #444444;
	border-radius: 6px;
    display: block; /* Display est obligatoire pour une image.*/
    margin-left: auto;
    margin-right: auto;
	padding:1px;
	width: 370px; /*360+10*/
	height: auto;
}
.Typ26_erreur {
	background-color: red;
	text-align : center;
	color: white;
	border: none;
	margin: none;
}
/*Types 260 */
/************/
.ViType260 {
	background-color: #333333;
	border:1px solid #444444;
	border-radius: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding:1px;
	width: 370px; /*360+10*/
	height: auto;
}


/*Types 220, 230, 240 */
/**********************/
.ViTYPE220, .ViTYPE230, .ViTYPE240 {
	background-color: #333333;
	border:1px solid #444444;
	border-radius: 70%;
    display: block; /* Display est obligatoire pour une image.*/
    margin-left: auto;
    margin-right: auto;
	padding:1px;
	width: 240px;
	height: auto;
}	.ViTYPE220:hover, .ViType240:hover { /* Zoom X 1,5 */
		width: 360px;
		height: auto; /* Conserve les proportions.*/
}

/*****************************************/
/*** FIN CSS pour les vignettes photos ***/
/*****************************************/
