body{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background:#ffd url("bg-oblique.gif");
	color:#000;	
}

a:link{
	color:#00f;
	text-decoration:underline;
}
a:link img,
a:visited img{
	border:none;
}

a:visited{
	color:#00c;
}

a:hover{
	color:#c00;
}

ul, ol{
	margin:5px 0 5px 30px;
}


/* accessnav */
#accessnav{
	color:#ccc;
	font-size:80%;
}

#accessnav a:link,
#accessnav a:visited{
	color:#999;
}

#accessnav a:hover{
	color:#000;
}


/* conteneur */
#conteneur{
	margin:30px auto 10px auto;
	text-align:left;
	/* bug Internet Explorer faisant disparaitre les textes ... */
	display: inline-block;
}


/* entete */
#logo{
	background:transparent;
	left:-2em;
	top:-2em;
}
#logo a img{ border:none; }


/* entete */
#entete{
	background:transparent url("bg-entete.gif") no-repeat;
	color:#fff;
}


/* contenu */
#contenu{
	background:#fff url("bg-contenu.png") repeat-y;
	padding:15px;
	display: inline-block;
}

#contenu img{
	/*border:1px solid /*#fc0 #324e9e;*/
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
}

#contenu p{
	text-align:justify;
	margin:5px 0;
}

#contenu strong,
#contenu em{
	color:#324e9e;
}

#contenu ul{
	margin:5px 0 5px 30px;
	list-style:url('puce-li.gif');
}

#contenu h1{
	font-size:1.5em;
	display:block;
	margin:10px 0 0 0;
	text-align:center;
	color:#600;
}

#contenu h1 a:link,
#contenu h1 a:visited{
	color:#600;
	text-decoration:none;
}

#contenu h1 a:hover{
	color:#333;
	text-decoration:underline;
}

#contenu h2{
	font-size:130%;
	display:block;
	margin:10px 0 0 0;
	border-bottom:1px solid #fc0;
	clear:both;
}

#contenu h3{
	font-size:120%;
	display:block;
	margin:10px 0 0 0;
	clear:both;
}

#contenu dl.image{
	border:1px solid #324e9e;
	text-align:center;
	margin:10px 5px;
	/*opacity:.4;*/
}

#contenu dl.image dt{
	margin:3px;
}

#contenu dl.image dd{
	border-top:1px solid #324e9e;
	border-bottom:1px solid #324e9e;
	background:#94acee;
	font-weight:bold;
	padding:5px 2px;
	margin-bottom:5px;
	color:#fff;
}

#contenu dl.image dt img{
	border:1px solid #ccc;
}

/* pied */
#pied{
	background:transparent url("bg-pied.gif") no-repeat;
	color:#666;
	text-align:center;
	font-size:10px;
}

/* commun */
#edito,
#menu/*,
#evenementiel*/{
	border:1px solid #324e9e;
	background:#fff8dc;
}

#edito p,
#evenementiel p{
	margin:0 5px;
}

#edito h1,
#evenementiel h1{
	margin:0;
	text-align:left;
}


/* edito */
#edito{
	padding-bottom:40px;
	/* ne pas remettre : bug sous Internet Explorer (image passe sous le background)
	position:relative;*/
}
#edito p.image{
	clear:right;
	float:right;
	padding:0;
	margin-top:-23px;
}

#edito p.image img{
	margin:2px 2px 2px 5px;
}


/* news */
#news{
	height:300px;
	overflow:auto;
}

#news li:hover{
	color:#555;
}

/* evenementiel */
#evenementiel p.image{
	margin:5px 0;
	text-align:center;
}

/* homepage */
#menu{
	margin:15px 0 0 0;
	background:#fff url("bg-emenu.gif") no-repeat top right;
	clear:both;
	display:inline-block;
}

#menu h2{
	border:none;
	margin:0;
	padding:10px 20px 0 0;
	float:right;
	color:#f90;
	font-size:16px;
}

#menu h2,
#menu h3{
	clear:none;
}

#menu #menu_tabs{
	float:left;
	margin:0 10px 15px 0;
	border-right:1px solid /*#fc0*/ #324e9e;
	background:#fff8dc;
	width:25%;
	list-style-type:none;
}
* html ul#menu_tabs{
	list-style-image:none;
}

#menu #menu_tabs li{
	display:block;
	list-style:none;
}

#menu #menu_tabs li a{
	display:block;
	height:100%;
	padding:8px 5px 8px 2px;
	border-bottom:1px solid /*#fc0*/ #324e9e;
}

#menu li.up,
#menu li.up a:link,
#menu li.up a:visited,
#menu li a:hover{
	background:/*#ffc*/ #94acee;
	font-weight:bold;
	text-decoration:none;
	color:#fff8dc;
}

#menu div{
	display:block;
	margin:40px 10px 5px 14%;
}

#menu div.cache{
	display:none;
}

/* Logo Xiti */
#xiti-logo img{
	opacity:.5;
}

/* .classes */
.spacer{
	clear:both;
	visibility:hidden;
}
.droite{
	float:right;
}
.gauche{
	float:left;
}

