body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0; 
background-color: #36C;

}

#header0 {
height: 100px;
background: url('../images/accueil/accueil_bandeau.jpg') no-repeat left top;
}
#conteneur {
position: relative;
width: 980px;
margin: 0 auto;
background-color:#FFF;
}
#centrehaut0 {
margin-left: 170px;
margin-right: 300px; 
background-color:#FFF;
}
#centrehaut {
margin-left: 180px;
margin-right: 250px;
height: 220px;
overflow: auto;
color: #333; background-color:#FFF
}
#gauchehaut {
position: absolute;
left:0;
width: 170px;
height: 275px;
}
#droitehaut1 {
position: absolute;
right:0;
width: 300px;
border-left: 1px solid #FFF;
}
#droitehaut2 {
position: absolute;
right:0;
width: 300px;
top: 140px;
border-left: 1px solid #FFF;
}
#droitehaut {
position: absolute;
right:30px;
width: 200px;
height: 200px;
padding: 10px;
overflow: auto;
color: #FFF;
font-size: 80%;
border-left: 1px solid #360;
border-top: 1px solid #360;
border-right: 1px solid #9c6;
border-bottom: 1px solid #9c6; background-color:#693
}
#droitehaut a {
color:#FFF;
}
#droitehaut a:visited
{
color:#333;
}
#centre0 {
margin-left: 170px;
margin-right: 300px;
text-align: center; background-color:#FFF
}
#centre {

margin-left: 180px;
margin-right: 30px;
margin-top: 30px;
text-align: left;
padding:10px;
border-left: 1px solid silver;
border-top: 1px solid silver;
border-right: 1px solid gray;
border-bottom: 1px solid gray; 
background-color:#FFF;
}
#gauche {
position: absolute;
left:0;
top:340px;
width: 170px;
height: 150px;
}
#droite {
position: absolute;
right:0;
width: 300px;
text-align: center;
border-left: 1px solid #36C;
}
#centrebas {
height: 700px;
margin-left: 180px;
margin-right: 320px;
overflow: auto;
border-left: 1px solid #693;
padding: 5px; background-color:#FFF
}
#gauchebas {
position: absolute;
left:0;
top:400px;
width: 170px;
background-color:#FFF;

}
#droitebas {
position: absolute;
height: 700px;
overflow: auto;
right:13px;
width: 240px;
background: url("../images/accueil/accueil_agenda.jpg") left top repeat-y;
color: #000;
font-size: 80%;
padding-left: 5px;
padding-right: 5px;
}
#piedhaut {
height: 30px;
background-color:#FFF
}
#pied {
height: 30px;
color:#FFF;
text-align:right; background-color:#FFF
}
#pied a {
color:#693;
text-decoration : none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {
margin: 0 0 10px 0;
}
p.fiche{
margin-left: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: gray;
}

p.datejour{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #36C;
margin-left:20px;
}

/*Style du menu */

.menu{
    position:absolute;
    font-family:Verdana, Arial,sans-serif;
    font-size:0.85em;
    top:10px;
	left:5px;
        /* solve a Opera7/IE display bug */
    width:170px;
    width/**/:170px;
    /* border-top: 1px #000 solid; */
    /* border-left: 1px #000 solid; */
    /* border-right: 1px #000 solid; */
    margin:0;
    padding:0;
    }

.menu span{
    display:none;
    }

.menu ul{
    /* border-top: 1px #000 solid; */
    /* border-left: 1px #000 solid; */
    /* border-right: 1px #000 solid; */
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:172px;
    }

.menu li ul{
    visibility:hidden;
    }

.menu li ul{
    margin-left:170px; /* be careful */
    margin-top:-25px;
    }

.menu a{
    text-align:left;
    color:#36c;
    text-weight:bold;
    display:block;
    width:135px;
    /* border-bottom: 1px #000 solid; */
    text-decoration:none;
    margin:0;
	padding-left: 28px; padding-right:5px; padding-top:5px; padding-bottom:5px; background-color:#ff9
    }

.menu a:visited{
    color: #333;
    }

/* for a mozilla better display with key nav */
.menu a:focus{
    background-color:#fff
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }

.menu li{
    width:170px;
    display:block;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    }

.menu li a{
   	color : #666;
	border : 1px solid #666;
	background: #FFF url('../images/bouton_menu.gif') no-repeat left top ;
	}
.menu li a:hover{
   	color : #666;
	border : 1px solid #666;
	background: #FFF url('../images/bouton_menu.gif') no-repeat right top ;
    }

/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }

h1
   {
	line-height: 50px;
	font-size: 1.4em;
	background-image: url('../images/charte/titre1.gif');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left bottom;
	color: #000;
	padding-left: 45px;
	}
h2
		{
			font-size: 1.2em;
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #693;
			border-left: 3px solid #693;
			color: #693;
		}
h3
		{
			font-size: 1em;
			margin-left: 20px ;
			padding-left: 5px ;
            border-left: 3px solid #693;
			color: #693;
		}

h4
		{
			font-size: 1em;
			margin-left: 25px ;
			padding-left: 5px ;
			color: #693;
		}

ul {
list-style-image:url('../images/charte/ico_pucegrise.gif');
}
ul.bleu, li.bleu {
list-style-image:url('../images/charte/ico_pucebleue.gif');
}
ul.verte, li.verte {
list-style-image:url('../images/charte/ico_puceverte.gif');
}
ul.logo, li.logo {
list-style-image:url('../images/charte/ico_logo.gif');
}

ul.anoter, li.anoter {
list-style-image:url('../images/charte/ico_anoter.gif');
}
ul.attention, li.attention {
list-style-image:url('../images/charte/ico_attention.gif');
}
ul.fermer, li.fermer {
list-style-image:url('../images/charte/ico_fermer.gif');
}
ul.heure, li.heure {
list-style-image:url('../images/charte/ico_heure.gif');
}
ul.inscription, li.inscription {
list-style-image:url('../images/charte/ico_inscription.gif');
}
ul.lieu, li.lieu {
list-style-image:url('../images/charte/ico_lieu.gif');
}
ul.pdf, li.pdf {
list-style-image:url('../images/charte/ico_pdf.gif');}

ul.logo {
list-style-image:url('../images/charte/ico_logo.gif');
}

.noprint
{
    color: gray;
    text-decoration : none;
}

p, li, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

a:visited{
    color: #693;
    }
.fondblanc {
    background-color:white
}

.fondvert {
    background-color:#693
}
.fondbleu {
    background-color:#36C
}
.fondjaune {
    background-color:#FF0
}
.fondvertclair {
    background-color:#9C9
}
.fondbleuclair {
    background-color:#9CF
}
.fondjauneclair {
    background-color:#FFC
}
.vert {
    color: #693;
}
.bleu {
    color: #36C;
}
.jaune {
    color: #FF0;
}
.vertclair {
    color: #9C9;
}
.bleuclair {
    color: #9CF;
}
.jauneclair {
    color: #FFC;
}
.separ       {
    background-image: url('../images/charte/cellsepar.gif');
    background-repeat: repeat-x;
    background-position: left bottom
    }