* {
margin: 0; 
padding: 0;
}

html, body {
margin: 0;
padding: 0;
color: #6c6d70;
background-color: #fff;
font: 0.85em verdana, sans-serif;
line-height: 160%;
word-spacing: -0.2em;
}

a {
text-decoration: none;
}


a:hover {
text-decoration: underline;
}

a.pdf:before {
position: relative;
margin-right: 6px;
top: 6px;
content: url(pdf.gif);
}

a.pdf:after {
	content: "\0000a0[" attr(title) "]";
	color : #444;
	background : transparent;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color : #6c6d70;
	background : transparent;
}

img { 
display: block;
border: none;
}

p { 
margin-top: 1em;
margin-bottom: -0.2em;}

h1 a:hover {
text-decoration: none;
}

h2 {
margin-top: 1em;
margin-bottom: -0.4em;
}

h3 {
margin-top: 4.5em;
margin-bottom: -0.4em;
}

.in { color: #186eb8; background-color: inherit;} 
.out { color: #35a238; background-color: inherit;}
.agenda { color: #a3903d; background-color: inherit;}
.liens { color: #807e83; background-color: inherit;}
.contact { color: #c41141; background-color: inherit;}

div#global {
position: relative;
top: 0;
width: 790px;
margin: 0 auto;
}

div#front h1 a:after, div#front h1 a:before {
position: relative;
margin: 7px;
top: 2px;
content: "\2022";
}

div#front h1 {
position: absolute;
top: 70px;
left: 249px;
padding-bottom: 242px;   
background: transparent url(../img/bande_top_blanc.png) no-repeat 8px 20px;
letter-spacing: 0.1em;
font-size: 28pt;
font-weight: 400;
z-index: 1;
}

div#front h1 a {
color: #fff;
background-color: inherit;
}

ul#top_menu_contenu {
position: absolute;
left: 264px;
top: 240px; 
height: 20px; /* hauteur de la liste - remplace le spacer normalement indispensable pour les float */
display: table;
border-collapse: collapse; /* fusionne les bordures de la table */
width: 526px;
}

ul#top_menu_contenu li {
float: left ; /* le float:left remplace le display:inline. permet le passage en DTD stricte */
height: 20px;
text-align: left;
color: #ccc;
background-color: inherit;
} 

ul#top_menu_contenu li.vous {
border-right: 4px solid #fff;  
margin-left: 4px;
width: 83px;
}

ul#top_menu_contenu li.moi {
width: 435px;
}

ul#top_menu_contenu >li {display:table-cell} /* indispensable pour que les autres navigateurs que IE accepte la largeur de <li> */

ul#menu_contenu {
position: absolute;
left: 264px;
top: 260px; 
height: 35px; /* hauteur de la liste - remplace le spacer normalement indispensable pour les float */
display: table;
border-collapse: collapse; /* fusionne les bordures de la table */
z-index: 2;
}

ul#menu_contenu li {
float: left ; /* le float:left remplace le display:inline. permet le passage en DTD stricte */
height: 35px;
width: 87px; 
text-align:center;
} 

ul#menu_contenu li.out {
border-right: 4px solid #fff; 
margin-left: 4px; 
width: 83px;
}

ul#menu_contenu >li {display:table-cell} /* indispensable pour que les autres navigateurs que IE accepte la largeur de <li> */

ul#menu_contenu a { 
text-decoration:none ;
color: #fff; 
background-color: inherit;
font-size: 100%;
line-height: 120%;
height: 100%;
padding: 2px;
display: block;
vertical-align: middle;
}

ul#menu_pratique {
position: absolute;
top: 295px; 
height: 35px; /* hauteur de la liste - remplace le spacer normalement indispensable pour les float */
display: table;
border-collapse: collapse; /* fusionne les bordures de la table */
}

ul#menu_pratique li {
float: left ; /* le float:left remplace le display:inline. permet le passage en DTD stricte */
height: 35px;
width: 88px; 
text-align:center;
vertical-align: middle;
} 

ul#menu_pratique >li {display:table-cell; } /* indispensable pour que les autres navigateurs que IE accepte la largeur de <li> */

ul#menu_pratique a { 
text-decoration:none ;
color: #fff; 
background-color: inherit;
font-size: 100%;
line-height: 120%;
height: 100%;
padding: 2px;
display: block; 
}

li.vous { background-image: url(../img/pixel_vertbleu.png);}
li.moi { background-image: url(../img/pixel_bleubleu.png);}
li.out { background-image: url(../img/pixel_vert.png);}
li.in { background-image: url(../img/pixel_bleu.png);}
li.agenda { background-image: url(../img/pixel_bruin.png);}
li.liens { background-image: url(../img/pixel_gris.png);}
li.contact { background-image: url(../img/pixel_rouge.png);}

div#top.out ul {
margin-top: 1em;
}

div#content {
position: absolute;
color: #6c6d70;
background-color: inherit;
left: 358px;
top: 295px;
margin-left: -100px;
padding-left: 100px;
padding-right: 10px;
}

div#content.out { background: transparent url(../img/bande_verte.png) no-repeat -1px 0;}
div#content.in { background: transparent url(../img/bande_bleu.png) no-repeat -1px 0;}
div#content.agenda { background: transparent url(../img/bande_bruin.png) no-repeat -1px 0;}
div#content.liens { background: transparent url(../img/bande_gris.png) no-repeat -1px 0;}
div#content.contact { background: transparent url(../img/bande_rouge.png) no-repeat -1px 0;}

div#content a {
color: #889ed1;
background-color: inherit;
}

div#content img {
position: absolute;
left: 10px;
}

div#content ul {
margin-left: 1.5em;
}

div#bottom {
margin: 25px 0;
font-weight: 600;
}

div#bottom a {
text-align: center;
color: #ccc;
background-color: inherit;
font-size: 0.8em;
}