/**
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);
}

/*--------- Photos ovales + zoom (MCC) ---------*/
.photo240ovale {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:;
}
.photo240ovaleSurvol {
	border-radius: 70%;
	border: 1px solid green;
	width:240px;
	height:;
}
.photo240ovaleSurvol:hover { /* Zoom X 1,5 */
	width:360px;
	height:;
}
/*-----------------------------------*/

/*--------- Photos rectangulaires + zoom (MCC) ---------*/
.photo240carré {
	border: 1px solid green;
	width:240px;
	height:;
}
.photo240carréSurvol {
	border: 1px solid green;
	width:240px;
	height:;
}
.photo240carréSurvol:hover { /* Zoom 240 X */
	width:250px;
	height:;
}
/*-----------------------------------*/

.EspaceEntrePhotos { /* Espace entre photos (MCC) */
	width: auto; /* 1% */
	background-color: black;
	text-align : center;
	color: white;
}
/*-----------------------------------*/

.td1TexteG { /* Les vignettes texte gauche (MCC) */
	width: 33%;
	background-color: red;
	text-align : center;
	color: white;
	border: 1px solid #222222;
	margin-left: auto;
   margin-right: auto;
}
.td1TexteM { /* Les vignettes texte milieu (MCC) */
	width: 33%;
	background-color: red;
	text-align : center;
	color: white;
	border: 1px solid #222222;
	margin-left: auto;
   margin-right: auto;
}
.td1TexteD { /* Les vignettes texte droite (MCC) */
	width: 33%;
	background-color: red;
	text-align : center;
	color: white;
	border: 1px solid #222222;
	margin-left: auto;
   margin-right: auto;
}
/*-----------------------------------*/
.td1Photos { /* Vignettes G M D photos (MCC) */
	width: 33%;
	/*background-color: blue;*/
	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;
}
.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;
}