/***CSS_Alb50.css ***/
/********************/
/*** Doc dans 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-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;
}

/*********************************************************/
/*** CSS pour les vignettes photos (avec et sans zoom) ***/
/*********************************************************/

/***************************************/
/*** VIGNETTES GRAND TITRE 240 X 180 ***/
/***************************************
.ViGrandTitre240X180 {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:180px;
}
.ViGrandTitre240X180_ZOOM_X1-5 {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:180px;
}
	.ViGrandTitre240X180_ZOOM_X1-5:hover { /* Zoom X 1,5 *
		width:360px;
		height:270px;
	}
	
.ViGrandTitre302X151 {
	border-radius: 70%;
	border: 1px solid green;
	width:302px;
	height:151px;
}
.ViGrandTitre302X151_ZOOM_X1-5 {
	border-radius: 70%;
	border: 1px solid green;
	width:302px;
	height:151px;
}
	.ViGrandTitre302X151_ZOOM_X1-5:hover { /* Zoom X 1,5 *
		width:453px;
		height:226px;
	}
	
/***************************************/
/*** VIGNETTES GRAND TITRE 240 X 320 ***/
/***************************************
.ViGrandTitre240X320 {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:320px;
}
.ViGrandTitre_ZOOM_X1-5 {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:320px;
}
	.ViGrandTitre_ZOOM_X1-5:hover { /* Zoom X 1,5 *
		width:360px;
		height:480px;
}
/***************************************/
/*** VIGNETTES GRAND TITRE 320 X 240 ***/
/***************************************
.ViGrandTitre320X240 {
	border-radius: 70%;
	border: 1px solid green;
	width:320px;
	height:240px;
}
.ViGrandTitre320X240_ZOOM_X1-5 {
	border-radius: 70%;
	border: 1px solid green;
	width:320px;
	height:240px;
}
	.ViGrandTitre320X240_ZOOM_X1-5:hover { /* Zoom X 1,5 *
		width:480px;
		height:360px;
}
.ViGrandTitre320X240_ZOOM_X1-8 {
	border-radius: 70%;
	border: 1px solid green;
	width:320px;
	height:240px;
}
	.ViGrandTitre320X240_ZOOM_X1-8:hover { /* Zoom X 1,8 *
		width:576px;
		height:auto;
}
.ViGrandTitre320X240_ZOOM_X2 {
	border-radius: 70%;
	border: 1px solid green;
	width:320px;
	height:240px;
}
	.ViGrandTitre320X240_ZOOM_X2:hover { /* Zoom X 2 *
		width:640px;
		height:auto;
}*/
/***************************************/
/*** 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;
	margin:0 0 0 0; 
	padding:1px;
	width: 240px;
	height: auto;
}	.ViTYPE22:hover, .ViType24:hover { /* Zoom X 1,5 */
		width: 360px;
		height: auto; /* Conserve les proportions.*/
}
/*Types 230, 240 */
/*****************/
.ViTYPE220, .ViTYPE230, .ViTYPE240 {
	background-color: #333333;
	border:1px solid #444444;
	border-radius: 70%;
	margin:0 0 0 0; 
	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 ***/
/*****************************************/
