/* Liens */
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
}

/* Styles par défaut */

body {
	background-color: #333333;
	/*color: black;*/
}

p, ul, input, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	text-indent: 0px;
	text-align: left;
	list-style-type: disc;
}

/* Styles dans la page */
p.titre, span.titre, td.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFFFFF;
}
p.grostitre, span.grostitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #FFFFFF;
}

a.lien, p.lien, span.lien, marquee.lien {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 16px;*/
	color: #cc0033;
	border: none;
}

/* Styles bas de page */
a.lienbas, div.lienbas  {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #999999;
	text-align:right;
}
span.textebas  {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #cc0033;
}

/* Boutons haut de paga */
ul#menu li {
	display: inline;
	width: 82px;
	height: 90px;
}
ul#menu li#topL {
	width: 20px;
	background: url(../graphics/top.GIF) repeat-x bottom;
}

a#accueil, a#dojo, a#stage, a#contact, a#actualite, a#evenement {
	width: 82px;
	height: 90px;
	vertical-align:top;
	display:table-cell;
}

a#accueil {	background: url(../graphics/comp.GIF) no-repeat; }
a#accueil:hover, td#accueil {	background: url(../graphics/compH.gif) no-repeat; }

a#dojo {	background: url(../graphics/prod.GIF) no-repeat; }
a#dojo:hover, td#dojo {	background: url(../graphics/prodH.GIF) no-repeat; }

a#contact {	background: url(../graphics/cont.GIF) no-repeat; }
a#contact:hover, td#contact {	background: url(../graphics/contH.GIF) no-repeat; }

a#stage {	background: url(../graphics/serv.GIF) no-repeat; }
a#stage:hover, td#stage {	background: url(../graphics/servH.GIF) no-repeat; }

a#actualite {	background: url(../graphics/act.gif) no-repeat; }
a#actualite:hover, td#actualite, span#actualite {	background: url(../graphics/actH.gif) no-repeat; }

a#evenement {	background: url(../graphics/eve.gif) no-repeat; }
a#evenement:hover, td#evenement {	background: url(../graphics/eveH.gif) no-repeat; }

td#topL, span#topL {
	width: 20px;
	height: 90px;
	vertical-align: bottom;
	background: url(../graphics/top.GIF) repeat-x bottom;
}

td#topR, span#topR {
	width: 94px;
	height: 90px;
	vertical-align: bottom;
	background: url(../graphics/top.GIF) repeat-x bottom;
}

div#date {
	color:#333333;
}

table.gris {
	background-image:url(../graphics/degrad.JPG);
}