/* CSS issu des tutoriels www.alsacreations.com/articles */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0;
padding: 0;
}
img.logo {
	border-color: Green;
}
#news{
height: 36px;
top : 2px;
left : 10px;
right : 10px;
position: absolute;
background-image: url(images/bg_news_mid.jpg);
color : Black;
font-size : 0.9em;
}
#news marquee{
	padding-right: 5px;
	padding-left: 5px;
}
#news span 
{
	margin-left : 3px;
	margin-right : 3px;
}
#conteneur {
position: absolute;
width: 100%;
background-color: #B9F5B9;
}
#centre {
background-color: #F0FFF0;
margin-top : 70px;
margin-left: 160px;
margin-right: 5px;
margin-bottom : 5px;
}
#gauche {
position: absolute;
left:0;
top : 45px;
width: 160px;
}
#pied {
height: 30px;
background-color: #99CC99;
line-height: 30px;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
div.case
{
	margin : 0 5px 0 5px;
	height : 730px;
	overflow: auto;
}

/* BARRE DEFILANTE */
span.defile {
	font-family : verdana;
	font-size: 2em;
	float : left;
}
span.defile a, a:visited, a:link, a:active{
	color : #663333;
	text-decoration : none;
}
span.defile a:hover {
	color : #663333;
	text-decoration : underline;
	color : #330000;
}

/*MENU HAUT */
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 45;
left: 160;
z-index:100;
/*width: 100%;*/  /*précision pour Opera */
}
#menu dl {
float: left;
width: 10em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
background-image: url(images/bg_menu.jpg);
}
#menu dl.selected dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background-image: url(images/bg_menu_select.jpg);
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
padding : 2px;
background-color: #fff;
}
#menu dl > dd {
width : 12em;
}
#menu dl.selected dd {
display: none;
border: 1px solid gray;
padding : 2px;
}
#menu li {
text-align: left;
background-color: #fff;
margin-bottom :4px;
}
#menu dl.selected li {
text-align: left;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
}
#menu dl.selected dt a {
	color:white;
}
#menu dl.selected a {
text-decoration: none;
display: block;
height: 100%;
color : #000000;
}
#menu dl.selected  a:hover {
background-image: url(images/bg_menu_select.jpg);
}
#menu li a:hover{
	background-image: url(images/bg_menu.jpg);
}
#menu dt a:hover {
background-image: url(images/bg_menu_select.jpg);
}
/* MARCHE PAS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
#menu a:visited {
color: #000000;
}

#listeNews
{
	
}
#listeNews h1
{
	font-size: 1.3em;
	margin-bottom : 5px;
}
#listeNews ul
{
	margin : 0 0 10px 40px;
}
#listeNews a
{
	color : Fuchsia;
}

/*TEXTE*/
p {
	margin: 0 0 10px 0;
	text-align: justify;
}
p.texte {
	margin : 0 10px 10px 10px;
	color : Black;
	font-size : 1em;
	text-align: justify;
}
div.case p 
{
margin : 5px 20px 10px 20px;
}
p.chapo {
	font-weight: bold;
	margin : 10px 30px 20px 30px;
}
.texte2 {
	padding : 0 10px 0 10px;
	color : Black;
	font-size : 1.1em;
}
dl.texte
{
	margin: 0;
}
dl.texte dt {
	font-weight: bold;
}
dl.texte dd {
	margin : 10px 10px 10px 10px;
}
span.vert {	color : Green; }
span.vertB {
	color : Green;
	font-weight: bold;
}
span.bleu {	color: Blue;}
span.texteRouge, p.texteRouge, .rouge {	color: Red; }
span.texteRouge2, p.texteRouge2 {
	font-size : 1.1em;
	color : red;
}
span.rougeB, p.rougeB {
	color : red; 
	font-weight: bold;
}
span.rougeBcent, p.rougeBcent
{
	color : red; 
	text-align: center;
	font-weight: bold; 	
}
span.texteVert2
{
	font-size : 1.1em;
	color : green;
}
span.bold, p.bold {
	font-weight : bold;
}
span.remarque, p.remarque {
	font-style: italic;
	color: Blue;
}
span.exclamation, p.exclamation {
	text-align: center;
	font-size: 2.2em;
}
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}
br.clearboth {
	clear: both;
}
.inline {
	display : inline;
}
img.bord
{
	border : 2px solid #AC0000;
	margin : 5px 10px 5px 10px;	
}
img.float-left
{
	float : left;
	border : 2px solid #AC0000;
	margin : 5px 10px 5px 10px;
}
img.float-right
{
	float : right;
	border : 2px solid #AC0000;
	margin : 5px 10px 5px 10px;
}
h1 {
	font-size: 1.8em;	
	text-align : center;
	margin-top : 0px;
	margin-bottom: 30px;
}
h2 {
		font-size: 1.2em;	
}
h3 {
	font-size: 1.2em;	
	text-align: center;
	color: Green;
	font-weight: bold;
}
h4 {
		font-size: 1.1em;	
}

table.tableau 
{
	border : 1px solid Green;
	padding : 0;
	margin : 10px 10px 10px 10px;
	font-family:  Arial;
}
table.tableau th
{
	font-size : 0.9em;
	border : 1px solid #FF6C6C;
}
table.tableau td
{
	font-size : 0.9em;
	text-align : center;
	border : 1px solid #FF6C6C;
	empty-cells: show;
	padding : 4px;
}
ul
{
	padding : 0;
	margin : 10px 2px 10px 60px;
}
li 
{
	list-style: circle;
	margin-bottom : 5px;
}
ul.liste
{
	padding : 0;
	margin : 10px 2px 10px 60px;	
}
ul.liste li
{
	list-style: none;
	margin : 5px 0px 5px 0px;
}
div.image
{
	float: left;
	padding : 0;
	margin : 0px 10px 5px 10px;
}
div.image p
{
	font-style: italic;
}

div.case a, div.case a:active, div.case a:link, div.case a:visited  
{
	color : green;
	text-decoration: underline;
}
div.case a:hover
{
	text-decoration: none;
}
div.photos
{
	float : left;
	width : 250px;
	margin-left : 30px;
	margin-right : 30px;
}


#hautMilieu, #basMilieu
{
	height:34px;
}