/*head{background:url(%C3%A9l%C3%A9ments/Titre.html) no-repeat top center;
background:url(%C3%A9l%C3%A9ments/logoJLS.html)  no-repeat top left;
}*/

body{
	background: #0FF /*url(images/Site_Mod%C3%A8le_03.jpg) no-repeat top center #0FF*/;
	margin: 0;
	padding: 0;
	font-family: Verdana,Geneva, Sans-cherif;
	/*font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif*/
	font-size: 36px;
}

table,
td {
    border: 1px solid #333;
}



/* ================================================ */
/* ==================LES LOGOS===================== */
/* ================================================ */

#TitreInfoTableau{
	width: 786px;
	font-size: 48px;
	margin: 0	auto;
	margin-left:208px;
	
	border: medium solid #6495ed;

	}
/* ================================================ */
/* ==================TITRE========================= */
/* ================================================ */
#Titre{
	height:120px;
	/*background:url(éléments/images/Titre.png) no-repeat top center;*/
	/*margin-left:323px;*/
	/*margin:20px , 0px, 100px, 0px;*/
	margin-bottom:20px;
	}

/* ================================================ */
/* ============BANDEAU DE MENU===================== */
/* ================================================ */
	
#MenuBandeau{
	width: 90%;
    max-width: 50em;
	min-width: 10em;
	height:59px;
	/*width:786px;	*/
	/*width:786px;*/
	margin-left:208px;
	background:url(éléments/images/Menu.png) no-repeat top center;	
	/*background:url(%C3%A9l%C3%A9ments/images/Menu.png) no-repeat top center;*/
	/*line-height:59px;
	color:#FFF;*/
	margin:100px , 0px, 10px, 0px;

	}
	/* Liste du Menu*/
	#MenuBandeau ul li{
	list-style-type: none;
	text-decoration: none;
	list-style-image: none;
	vertical-align: middle;
	text-wrap: normal;
	display: inline;
	border-color: #000000;
	border-style: none;
	}

	#MenuBandeau ul li a{
	text-align: left;
	color: #0;
	font-size: 16px;
	font-style: normal;
	font-weight: 10;
	text-decoration: none;
	display: inline-block;
	width: 65px;

	}
	#MenuBandeau ul li a:hover {
	/*text-align: center;*/
	color:#FFF;
	font-size: 18px;
	font-family: bilbo;
	/*font-style: normal;*/
	/*font-weight: 200;*/
		}
	#MenuBandeau tr th	 a:hover {
	/*text-align: center;*/
	color:#FFF;
	font-size: 18px;
	font-family: bilbo;
	/*font-style: normal;*/
	/*font-weight: 200;*/
		}
	
#MenuBandeau2{
	height:59px;
	width:786px;	
	margin-left:208px;
	background:url(éléments/images/Menu.png) no-repeat top center;	
	/*line-height:59px;
	color:#FFF;*/
	margin:100px , 0px, 10px, 0px;
	}
	/* Liste du Menu*/
	#MenuBandeau2 ul li{
		
	list-style-type: none;
	text-decoration: none;
	list-style-image: none;
	vertical-align: middle;
	text-wrap: normal;
	display: inline;
	border-color: #000000;
	border-style: none;
	}

	#MenuBandeau2 ul li a{
	text-align: center;
	color: #FFFF00;
	font-size: 16px;
	font-style: normal;
	font-weight: 2;	
	display: inline-block;
	width: 80px;
	margin-left:-40px;
	
	text-decoration: none;
	}
	#MenuBandeau2 ul li a:hover {
	
	text-align: center;
	color:#FFFFFF;
	font-size: 18px;
	font-family: bilbo;
	/*font-style: normal;*/
	/*font-weight: 200;*/
		}
	
#Menu{
	list-style-type: none;
	text-decoration: none;
	list-style-image: none;
	vertical-align: text-top;
	text-align: left;
	display: inline;
	}
.MenuSelectionne{
	text-align: center;
	color: #FF0000;
	font-size: 24px;
	font-family: bilbo;
	font-style: italic;
	font-weight: 100px;
	background-size: 59px 110px;
	}	
.MenuSelectionne2{
	text-align: center;
	color: #FF0000;
	font-size: 20px;
	font-family: bilbo;
	font-style: italic;
	font-weight: 100px;
	/*background-size: 59px 110px;*/
	text-decoration: none;
	}	
.MenuNonSelectionne{
	text-align: center;
	font-size: 10px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style: normal;
	font-weight: 100px;
	color:inherit;
	color: #0FF;
  text-decoration: none;
	}	
.MenuSelectionne_2{
	text-align: center;
	color: #FF0000;
	font-size: 24px;
	font-family: bilbo;
	font-style: italic;
	font-weight: 100px;
	background-size: 59px 110px;
	}	
.MenuSelectionne_22{
	text-align: center;
	color: #FF0000;
	font-size: 20px;
	font-family: bilbo;
	font-style: italic;
	font-weight: 100px;
	background-size: 59px 110px;
	}	
.MenuNonSelectionne_2{
	text-align: center;
	font-size: 10px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-style: normal;
	font-weight: 100px;
	color:inherit;
	color: #0FF;
  text-decoration: none;
  text-wrap: normal;

	}	
/* ==FIN======================================FIN== */
/* ============BANDEAU DE MENU===================== */
/* ==FIN======================================FIN== */	

.TitreMaison{
	/*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	text-align: left;
	color: #000;
	font-size: 40px;
	font-family: allura;
	font-style: normal;
	font-weight: 1000;	
	text-decoration: underline;
	}	

.TitreClasse1{
	/*font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	text-align: center;
	color: #FFF;
	font-size: 36px;
	font-family: allura;
	font-style: normal;
	font-weight: 1000;	
	}	
.TitreClasse2{
	text-align: center;
	font-family: allura;
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	}
	
#conteneurHaut{
	/*width: 769px;*/
	width: 1000px;
	font-size: 24px;
	margin: 0	auto;
	margin-left:0px;
	/*background-image: url(éléments/cadre-Haut.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
	line-height:20px;
}
#conteneurBas{
	width: 769px;
	font-size: 24px;
	margin: 0	auto;
	margin-left:208px;
	/*background-image: url(éléments/cadre-Bas.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;
	display:block;
	line-height:20px;
}
#conteneurBas2{
	width: 769px;
	font-size: 24px;
	margin: 0	auto;
	margin-top:-16px;
	margin-left:208px;
	/*background-image: url(éléments/Cadre-Bas.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;
	display:block;
	line-height:20px;
}

#contenu{
	text-indent:5px;
	/*background:url(éléments/images/cadre-Texte.png) repeat-y left;*/
	text-align: left;
	/*text-indent:5px;*/
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#000;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	padding-left:5px;
	padding-right:5px;
	}

.ContenuClasse1{
	margin-left:10px;
	text-indent:5px;
	text-align: left;
	text-decoration:underline;
	font-family:acme;
	color: #0;
	font-size: 36px;
	font-style: normal;
	
	}
.ContenuClasse2{
	margin-left:10px;
	text-indent:15px;
	text-align: left;
	text-decoration:none;
	font-family:acme;
	color: #0;
	font-size: 16px;
	font-style: normal;
	
		}
.ContenuClasse3{
	text-indent:50px;
	text-align: left;
	/*text-decoration: underline;*/
	font-family: acme;
	color: #0;
	font-size: 16px;
	font-style: normal;
	
	
		}
.ContenuClasse4{
	margin-left:10px;
	text-indent:95px;
	text-align: left;
	text-decoration:none;
	font-family:acme;
	color: #0;
	font-size: 16px;
	font-style: normal;
	
		}
.ContenuClasse5{
	margin-left:10px;
	text-indent:15px;
	text-align: left;
	text-decoration:underline;
	font-family:acme;
	color: #0;
	font-size: 16px;
	font-style: normal;
	
		}
.ContenuClasse6{
	margin-left:10px;
	text-indent:15px;
	text-align: left;
	text-decoration:none;
	font-family:acme;
	color: #0;
	font-size: 12px;
	font-style: normal;
	
		}
.contenuClasseImage{
	margin-left: 325px;
	padding-top: 10px;
	padding-bottom: 10px;
		}
		
#TableauPrincipale{
	font-size:12px;
	border-collapse: collapse;
	}	
#TableauPrincipale td { 
 border-width:1px;
 border-style:solid; 
 border-color:black;

 }
 
#Tableau_Cat{
    width:100px;
}
#Tableau_Lien{
    width:100px;
    text-align: center;
}
.hiddenText {
  display : none;
}
.ShowText {
  display : :active;
}
