body {
	background: #000;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}
.twoColHybLtHdr #titreVanAn {
	position:relative;
	top:5px;
	left:-1px;
	background-image:url(../images/titreVanAn.png);
	background-position:top;
	background-repeat: no-repeat;
	width:1000px;
	height:235px;
	vertical-align:top;
	z-index:8;
}
#logovananphai1 {
	position:relative;
	text-align:right;
	background:url(../images/logovananphai.png);
	width:70px;
	height:70px;
	top:190px;
	left:934px;
	z-index:10;
}
#logovananphai2 {
	background:url(../images/logovananphai.png) no-repeat;
	position:relative;
	width:70px;
	height:70px;
	top:120px;
	text-align:left;
	left:-4px;
	z-index:10;
}
.twoColHybLtHdr #TitreCliquable {
	position:relative;
	width:450px;
	height:60px;
	left:0px;
	cursor:pointer;
}
#headerContent {
	position:absolute;
	top:0px;
	vertical-align:top;
}
.twoColHybLtHdr #mainContent {
	margin-left:0px;
	margin-top:-15px;
	margin-bottom:0px;
	margin-right:-20px;
	background-color: #fdf6eb;
	padding-left: 14px;
	padding-top: 20px;
	z-index:2;
	width:980px;
}
.contenuCentral #diaporama {
	color:#EBE9D2;
	font-size:12px;
}
.contenuCentral #diaporama H1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#B66704;
	padding-top:5px;
	font-size:20px;
	background: #000;	
	text-align:left;
	padding-left:10px;
	text-decoration:underline;
}
.contenuCentral #diaporama li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	list-style:circle;
	color:#EBE9D2;
	font-weight:normal;
	margin-left:0px;
}
html:not([lang*=""]) .contenuCentral #diaporama li {
	margin-left:16px;
}
.contenuCentral #diaporama a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#EBA650;
	font-size:10px;
	text-decoration:none;
	
}
.contenuCentral #diaporama h2 {
	visibility:hidden;
	position:absolute;
}
.contenuCentral #diaporama p {
	margin-top:10px;
}
#contentActus {
	max-height:290px;
	overflow:hidden;
}
#contentEvents {
	max-height:290px;
	overflow:hidden;
}
.contenuCentral {
	position:absolute;
	width:980px;
	vertical-align:top;
	font-size:14px;
	margin-left:-14px;
	margin-top:-20px;
	padding-left:10px;
	padding-right: 10px;
	min-height:590px;
}
.contenuCentral H1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	margin-top:-5px;
	color:#B69F5B;
	margin-left:-10px;
	padding-top:5px;
	margin-right:-10px;
	padding-bottom:5px;
	height:32px;
	background: #333 url(../images/H1_gradient.gif) repeat-x;
	vertical-align:top;
	text-align:center;
}
.contenuCentral LI {
	font-weight:bolder;
	font-size:14px;
	text-decoration:underline;
	margin-left:15px;
}
.contenuCentral H2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
}
#sidebar1 {
	float:left;
	width: 193px;	
	vertical-align:top;
	margin-top:-110px;
	margin-left:-193px;
	padding:0;
	background-image:url(../images/colonne.png);
	background-position:top;
	background-repeat:repeat-x;
	height:800px;
	min-height:800px;
	z-index:-2;
}
#sidebar2 {
	float:right;
	margin-right:-194px;
	margin-top:-110px;
	width: 193px;
	vertical-align:top;
	padding:0;
	background-image:url(../images/colonne2.png);
	background-position:top;
	background-repeat:repeat-x;
	height:800px;
	min-height:800px;
	z-index:-2;
}
.twoColHybLtHdr #footer {
	position:absolute;
	margin:-20px 0px 0px 0px;
	padding: 20px 10px 60px 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#000;
	z-index:10;
}
.twoColHybLtHdr #footer p {
	margin: -20px 0px 0px 0px; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 15px 10px 0px; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	background: #333 url(../images/H1_gradient.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #B69F5B;
	width:986px;
}
#container #footer p a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EBE9D2;
	text-decoration: underline;
}
.twoColHybLtHdr #container {
	width: 1000px;  /* ce paramétrage crée un conteneur dont la largeur est 80 % de celle du navigateur */
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	padding: 0;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	z-index:2;
	height:540px;
}

.twoColHybLtHdr .contenuCentral {
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:30px;
	font-size: 12px;
	min-height:550px;
	height:100%;
	background-image:url(../images/bg_contenucentral.gif);
	z-index:3;
}
.twoColHybLtHdr #content h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
.twoColHybLtHdr .contenuCentral p {
}
.twoColHybLtHdr .contenuCentral a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#860605;
}
.twoColHybLtHdr .contenuCentral a:hover {
	color:#D00926
}
.twoColHybLtHdr .contenuCentral a:active {
	color:#D00926
}

.puce_carree {
	padding-left:27px !important;
	width:90% !important;
	margin-bottom:0px !important;
	height:auto !important;
	list-style:none;
	color:black !important;
	text-align:left;
	background:transparent url("../images/puce_carree.gif") no-repeat scroll 6px 4px;
}
.image_a_droite {
	position:relative;
	float:right;
	right:0px;
	background-image:url(../images/bg_contenucentral.gif);
	border:1px solid #b0b0b0;
	margin: -10px 0 20px 20px;
	padding:5px;
	text-align:left;
	font-size:11px;
}
.image_a_gauche {
	position:relative;
	float:left;
	background-image:url(../images/bg_contenucentral.gif);
	border:1px solid #b0b0b0;
	margin:-10px 20px 20px 0px;
	padding:5px;
	text-align:left;
	font-size:11px;
}
.image_centree {
	text-align:center;
	background-image:url(../images/bg_contenucentral.gif);
	margin:0 auto;
	padding: 0px;
	width:auto;
}
.image_a_droite_sb {
	position:relative;
	float:right;
	right:5px;
	background-image:url(../images/bg_contenucentral.gif);
	margin:0 0 20px 20px;
	padding:5px;
	text-align:left;
	font-size:11px;
}
.image_a_gauche_sb {
	position:relative;
	float:left;
	background-image:url(../images/bg_contenucentral.gif);
	margin:20px 20px 20px 0px;
	padding:5px;
	text-align:left;
	font-size:11px;
}
.image_centree_sb {
	text-align:center;
	background-image:url(../images/bg_contenucentral.gif);
	margin:0 auto;
	padding: 0px;
	width:auto;
}
#bas {
	color:#fdf6eb;
	visibility:hidden;
	font-size:9px;
	clear:both;
}
.twoColHybLtHdr #diaporama {
	position:absolute;
	padding-top:20px;
	padding-left:7px;
	padding-bottom:100px;
	padding-right:8px;
	margin-top:-20px;
	margin-left:-10px;
	margin-right:0px;
	margin-bottom:-30px;
 	background-color:#000;
	width:986px;
	height:424px;
	z-index:-11;
}
#menu {
	position:absolute;
	top:0px;
	left:100px;
	z-index:20;
}
.navigation {
	margin: 0px auto;
	font-family: "Verdana", sans-serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1.2px;
	text-align:left
}
.navigation .item {
	position:absolute;
	z-index:10;
}
.ecole {
	top:55px;
	left:10px;
}
.accueil {
	top:90px;
	left:160px;
}
.enseignement {
	top:100px;
	left:310px;
}
.dossiers {
	top:100px;
	left:460px;
}
.ouPratiquer {
	top:90px;
	left:610px;
}
.multi {
	top:55px;
	left:750px;
}
a.icon {
	width:26px;
	height:26px;
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}
.ecole a.icon {
	background:transparent url(../images/ecole.png) no-repeat 0px 0px;
}
.accueil .icon {
	background:transparent url(../images/accueil.png) no-repeat 0px 0px;
}
.enseignement a.icon {
	background:transparent url(../images/enseignement.png) no-repeat 0px 0px;
}
.dossiers a.icon {
	background:transparent url(../images/nosdossiers.png) no-repeat 0px 0px;
}
.ouPratiquer a.icon {
	background:transparent url(../images/ouPratiquer.png) no-repeat 0px 0px;
}
.multi a.icon {
	background:transparent url(../images/multi.png) no-repeat 0px 0px;
}
.navigation .item a.active {
	background-position:0px -26px;
}
.item img.circle {
	position:absolute;
	top:0px;
	left:0px;
	width:26px;
	height:26px;
	opacity:0.1;
}
.item h2 {
	position:absolute;
	width:147px;
	height:52px;
	color:#f4d666;
	font-size:9px;
	top:-13px;
	left:25px;
	text-indent:10px;
	line-height:52px;
	text-shadow:1px 1px 1px #111;
	text-transform:uppercase;
}
.item a {
	color:#f4d666;
	text-decoration:none;
}
.item a:hover {
	color:#FFF;
	text-decoration:none;
}
.item h2.active a {
	color:#fff;
	text-shadow:1px 0px 1px #111;
}
.item ul {
	list-style:none;
	position:absolute;
	top:15px;
	left:-5px;
	display:none;
}
.item ul li a {
	font-size:9px;
	text-decoration:none;
	text-transform:uppercase;
	color:#dca631;
	padding:1px;
	float:left;
	clear:both;
	width:103px;
	text-shadow:0px 1px 1px #111;
}
.item ul li a:hover {
	background-color:#ffffc3;
	color:#111;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:1px 1px 4px #666;
	-webkit-box-shadow:1px 1px 4px #666;
	box-shadow:1px 1px 4px #666;
}
.gras {
	font-weight: bold;
	color: #900;
}
.grassimple {
	font-weight: bold;
	font-size: 16px;
}
.event {
	color: #5E1112;
	font-size: 16px;
	font-weight: bold;
}
.nom {
	font-weight: bold;
}
.space {
	padding-left:16px;
}