BODY {
  background-color: #F1E7FC;
  color: #000000;
  margin: 0 0 15px 0;
  padding: 0;
  font: 80% verdana, arial, helvetica, sans-serif;
}

a { 
	font-weight: bold;
	text-decoration: none;
	color: #741ECD;
}

a:hover { 	color: #FF0000; }

a#promo { 
	height: 45px;
	width: 180px;
	display: block;
	background-image: url("images/lien_promos_normal.png");
	background-repeat: no-repeat;
}

a#promo:hover { 	background-image: url("images/lien_promos_hover.png"); }
a#promo span { display: none; }


a#news1 { 
	height: 60px;
	width: 180px;
	display: block;
	background-image: url("images/lien_news1_normal.png");
	background-repeat: no-repeat;
}

a#news1:hover { 	background-image: url("images/lien_news1_hover.png"); }
a#news1 span { display: none; }


a#news2 { 
	height: 60px;
	width: 180px;
	display: block;
	background-image: url("images/lien_news2_normal.png");
	background-repeat: no-repeat;
}

a#news2:hover { 	background-image: url("images/lien_news2_hover.png"); }
a#news2 span { display: none; }


#entete, ul, li, a, .ligne-horiz, p, h3 {
	margin: 0;
	padding: 0;
}	

#entete {
	background-color: #FFFFFF;
	background-image: url("images/bandeau-fond.jpg");
	background-repeat: repeat-x;
	width: 100%;
	height: 110px;
}


#contenu {
	background-color: #FFFFFF;
	background-image: url("images/fond_menu_gauche.png");
	background-repeat: repeat-y;
	padding: 1em;
	padding-left: 17em;
	margin: 0;
	margin-left: 15px;
	border-left: 2px solid #9E56E7;
	line-height: 1.2;
}

#col-menu {
	width: 15em;
	position: absolute;
	left: 17px;
}

#col-menu ul { list-style-type: none; }

#col-menu li { }

#col-menu li a, #col-menu .actif {
	font: 0.8em verdana, arial, helvetica, sans-serif;
	background-image: url("images/fond_menu_gauche.png");
	background-repeat: repeat-y;
	display: block;
	text-decoration: none;
	min-height: 1.2em;
	height: 1.2em;
	color: #6119AA;
	padding: 0.5em 0 0.5em 25px;
	font-weight: bold;
}

#col-menu .autres, #col-menu H5.surplace { margin-top: 15px; font-size: 11px; font-family: tahoma, arial, helvetica, sans-serif; }
#col-menu H5.surplace { font-size: 11px; }

body>#contenu #col-menu li a { height: auto; }

#col-menu li a:hover, #col-menu .actif {
	color: #000000;
	background-image: url("images/fond_menu_gauche-hover.png");
	background-repeat: repeat-y;
}

#col-menu .actif {
	background-image: url("images/fond_menu_gauche-actif.png");
	background-repeat: repeat-y;
	cursor: default;
}

#col-texte { }

#bas {
	background-color: #DBC0F6;
	width: 100%;
	padding: 0.2em 0em;
	text-align: center;
	font-size: 0.8em;
}

H2 {
	font: bold 1.7em verdana, helvetica, sans-serif;
	padding: 0 0.5em 0 0.5em;
	margin: 0.5em 0;
	border-bottom: 2px solid #9E56E7;
}


H3 {
	font-size: 1.3em;
	margin: 1em 0 0.5em 0;
}

H2, .rouge { color: #FF0000; }
H3, .rouge2 { color: #993333; }
H4, H5, .vert { color: #339966; font-size: 1em; }
H5 { margin: 0.5em 0; }
#col-menu H5 { margin-left: 13px; }
.pluspetit { font-size: 1.1em; }
p { margin-bottom: 1em; }
.nowrap, H3, .left, .rightmarge { white-space: nowrap; }
.left, .left1, .left2, .leftcontact { float: left; }
.left { margin: 0 2em 0 0; }
.left1 { margin: 0 1em 0 0; }
.left2 { margin: 1em 1em 0 0; }
.leftcontact { margin: 0.5em 1.5em 0.5em 0; width: 330px; height: 110px; background-color: #ddd; }
.leftcontact p { margin: 1.5em 0 0 0; }
.leftcontact p.contact { margin: 0.5em 0 0 0; }
.right, .right1, .right2, .rightmarge, .horaires { float: right; }
.right1 { margin: 0 0 0 1em; }
.right2 { clear: right;  margin: 0 0 5px 10px; text-align: center; }
.rightmarge { margin: 0em 1em; text-align: center; }
.horaires { border: 1px solid #9E56E7; margin: 0.2em 1em 1em 1em; padding: 0.4em 0.8em 0.6em 0.8em; }
.clear { clear: both; }
.colle, #col-texte ul { margin: 0; }
.plushaut { margin-top: 1.5em; }
.margebas { margin-bottom: 1em; }
.margecote { margin-left: 1em; margin-right: 1em; }
.redact { line-height: 1.4em; }
ul.exemple { margin-left: 2em; }
.top { z-index: 99; }
IMG { border: 0; }
.cache {display: none; }

.note {
	margin: 1em 0;
	padding: 6px;
	background-color: #eee
}

.exemple, .bleu {
	color: #016FB9;
}

.exemple, .bleu, .leftcontact p.contact, .horaires {
	font: 1em tahoma, arial, helvetica, sans-serif;
}

.horaires p { font-size: 0.9em; margin-bottom: 4px; }

.ligne-horiz {
	border: 0;
	border-top: 1px solid #9E56E7;
	border-bottom: 1px solid #9E56E7;
	width: 100%;
	font-size: 0;
	height: 2px;
	clear: both;
}

abbr, acronym, .help {
 border-bottom: 1px dotted #555;
 cursor: help;
}