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

/*:root { /* Variable CSS 
	--bodyColor: #100000;
}*/

#rot90 { /* rotation d'éléments de 90° Utiliser <div id="rot90"> */
    transform: rotate(90deg);
}

A:hover {color: Grey;}

.body_elle4 { /* body de la page */
	background-color: #100000;
	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: black;
	border: 1px solid #444444;
	margin: auto;
	/*margin: 0 0 0 0;*/
}
.tableV { /* table des vignettes */
	width: 100%;
	border: 1px solid #444444;
}
.MargeG { /* marge gauche */
	width: auto;
	border: 1px solid black;
	color: black;
}
.MargeD { /* marge droite */
	width: auto;
	border: 1px solid black;
	color: black;
}
.BordureEnTete { /* En tête */
	border: 1px solid green;
	color: white;
}
.Bordure1 { /* Diverses bordures &colspan */
	border: 1px solid grey;
	color: white;
}
.BordureJK_artiste { /* Diverses bordures &colspan */
	border: 1px solid  #111111;
	color: white;
}

/*--------- Photos JK + zoom ---------*/
.photoJK_240X180 {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:180px;
}
.photoJK_240X180_ZOOM_X1-5 {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:180px;
}
.photoJK_240X180_ZOOM_X1-5:hover { /* Zoom X 1,5 */
	width:360px;
	height:270px;
}
/*---------------------------*/
.photoJK_240X320 {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:320px;
}
.photoJK_240X320_ZOOM_X1-5 {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:320px;
}
.photoJK_240X320_ZOOM_X1-5:hover { /* Zoom X 1,5 */
	width:360px;
	height:480px;
}
/*-----------------------------------*/

.td1Photos { /* Vignettes G M D photos */
	width: 33%;
	background-color: black;
	border: 1px solid #333333;
	margin-left: auto;
    margin-right: auto;
}
.td1PhotosJK { /* Photo Jackie */
	/*width: 33%;*/
	background-color: black;
	/*border: 1px solid #333333;*/
	margin: auto;
}
.td1TexteRemplacePhoto { /* 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;
}
.td1TexteG { /* Les vignettes texte gauche */
	width: 33%;
	background-color: #100000;
	text-align : center;
	color: #CCCCCC;
	font-style: normal;
	border: 1px solid #222222;
	margin-left: auto;
}
.td1TexteM { /* Les vignettes texte milieu */
	width: 33%;
	background-color: #100000;
	text-align : center;
	color: white;
	border: 1px solid #222222;
	margin-left: auto;
    margin-right: auto;
}
.td1TexteD { /* Les vignettes texte droite */
	width: 33%;
	background-color: #100000;
	text-align : center;
	color: white;
	border: 1px solid #222222;
	margin-left: auto;
    margin-right: auto;
}
.EspaceEntrePhotos { /* Espace entre photos*/
	width: auto; /* 1% */
	background-color: black;
	text-align : center;
	color: white;
}
.td2TextesTableV { /**/
	width: auto;
	background-color: #222222;
	text-align : center;
	color: white;
}
.trPhotosTableV { /**/
	background-color: black;
}
.trTextesTableV { /**/
	background-color: black;
}
.separateur1 {
	border-top: 1px solid #200000; /*333333*/
    border-right: none;
    border-bottom: none;
    border-left: none;
}
.espaceV {
	font-size: xx-large;
}

/*****************************************/
/*** PHOTOS SANS ZOOM (toutes tailles) ***/
/*****************************************/
.photo01 { 
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px; 
}
.photo240X180 { 
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:240px;
	height:180px;
}
.photo240X320 { 
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:240px;
	height:320px;
}
.photo320X240 { 
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:320px;
	height:240px;
}
.photoN_240X180 { 
	background-color:#333333;
	border:1px solid #111111;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:240px;
	height:180px;
}
.photoN_240X320 { 
	background-color:#333333;
	border:1px solid #111111;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:240px;
	height:320px;
}
/*****************************/

/*****************************/
/*** ZOOM Photos 240 X 180 ***/
/*****************************/
/* Zoom X 1,5 */
.photo240X180_ZOOM_X1-5 { 
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:240px;
	height:180px;
}
.photo240X180_ZOOM_X1-5:hover { /* Zoom X 1,5 */
width:360px;
height:270px;
}
/*****************************/

/*****************************/
/*** ZOOM Photos 240 X 320 ***/
/*****************************/
/* Zoom X 1,5 */
.photo240X320_ZOOM_X1-5 { 
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:240px;
	height:320px;
}
.photo240X320_ZOOM_X1-5:hover { /* Zoom X 1,5 */
width:360px;
height:480px;
}
/*---------------------------*/

/* Zoom X 2 */
.photo240X320_ZOOM_X2 { 
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:240px;
	height:320px;
}
.photo240X320_ZOOM_X2:hover { /* Zoom X 2 */
width:480px;
height:640px;
}
/*---------------------------*/

/* Zoom X 3 */
.photo240X320_ZOOM_X3 {
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:240px;
	height:320px;
}
.photo240X320_ZOOM_X3:hover { /* Zoom X 3 */
width:720px;
height:960px;
}
/*---------------------------*/

/* Zoom X 4 */
.photo240X320_ZOOM_X4 {
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:240px;
	height:320px;
}
.photo240X320_ZOOM_X4:hover { /* Zoom X 4 */
width:960px;
height:1280px;
}
/*****************************/

/*****************************/
/*** ZOOM Photos 320 X 240 ***/
/*****************************/
/* Zoom X 1,5 */
.photo320X240_ZOOM_X1-5 { 
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px;
	width:320px;
	height:240px;
}
.photo320X240_ZOOM_X1-5:hover { /* Zoom X 1,5 */
width:480px;
height:360px;
}
/*****************************/

.photoTest1 {
	background-color:#333333;
	border:1px solid #EEEEEE;
	border-radius: 6px;
	margin:0 0 0 0; 
	padding:1px; 
	width:240px;
	height:320px;
}
.audio {
	width: 250px;
}




