html, body {
height:100%;
margin:0;
padding:0;
}
	
body {
text-align:center ;	
background:#FEFFEC url(img/bg_body.png);
font-family:verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
}

/****** Titres ******/

h1 { visibility:hidden; }
h2 {
padding-bottom:5px;
letter-spacing:1px;
font-size:1.5em;
font-weight:bold;
font-family:"Trebuchet MS", verdana, arial;
}
h3 {
padding-bottom:5px;
font-size:1.4em;
font-weight:bold;
font-family:"Trebuchet MS", verdana, arial;
}

h4 {
font-size:1.1em; 
color:#4838AF;
}

h5 {
font-size:1em;
font-weight:bold;
color:#387FB0;
margin-bottom:5px;
}

p { 
line-height:18px;
}
/****** Liens ******/

a { color:#00639F; }
a:link { color:#00639F; }
a:visited { color:#00639F; }
a:hover { color:#ACCAE9; }

/****** Divers ******/

img { border:none; }

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

hr {
clear: both;
width:90%;
margin:0 auto;
color:#8FD237;
background-color:#8FD237;
height: 1px;
border: 0;
}

/****** Listes ordonnées ******/

ol  { margin:0; padding:0;}

ol li {
margin-left:30px;
font-size:12px;
font-weight:normal;
color:#000;
list-style-image:url(img/puce_plan.gif);
}

/****** En tête ******/

div#header {
position:absolute;
left:50%;
top:0;
width:790px;
margin-left:-395px;
height:100px;
background:url(img/header.png) no-repeat top left;
z-index:1;
}

/****** Conteneur principal ******/

div#splash {
text-align:center
margin:0 auto;
margin-top:150px;
}

div#splash img {
border:1px solid #EEE;
}

/****** Conteneur principal ******/

div#global {
position:absolute;
left:50%;
top:100px;
width:790px;
height:800px;
margin:0;
margin-left:-395px;
height:100%;
background:#FCFCFC url(img/bg_global.png) repeat-y;
padding:0;
z-index:2;
}

/****** Conteneur ******/

div#conteneur {
width:770px;
margin:0 auto;
margin-top:70px;
height:800px;
background:url(img/bg_conteneur.png) no-repeat 98% 100%;
}

div#conteneur p {
font-size:1.1em;
margin:5px;
color:#000;
}

/****** Hack ******/

body > div#global, div#conteneur {
min-height:800px;
height: auto;
}

/****** Menu ******/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:absolute;
left:50%;
top:0;
width:685px;
margin-left:-345px;
border-top:0px solid #8FD237;
height:20px;
font-family:"Trebuchet MS", verdana, arial;
font-size:11px;
font-weight:bold;
line-height: 20px;
z-index:100;
}
#menu dl {
float: left;
width:135px;
background:#FCFCFC;
border:0px solid #8FD237;
color:#6CA225;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
border-bottom:3px solid #8FD237;
}
#menu dd {
display: none;
background: #E6F5D2;
}
#menu li {
text-align: left;
width:135px;
font-size:11px;
background: #E6F5D2;
}
#menu li a, #menu dt a {
text-decoration: none;
display: block;
height: 100%;
color:#6CA225;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #FFF;
}

/****** Pied de page ******/

.espace_vide {
height:100px;
}

#footer {
position:absolute;
bottom:0;
clear:both;
left:50%;
width:755px;
margin:0;
margin-left:-377px;
text-align:center;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
color:#4838AF;
border:none;
border-top:1px solid #AAA;
background:#FBFCF4;
font-weight:bold;
padding:2px 0;
}

#footer a { color:#000; text-decoration:none; }
#footer a:hover { color:#020202; text-decoration:underline; }

/****** Infos pratiques ******/

.infos_pratiques {
margin-left:20px;
text-align:justify;
color:#387FB0;
font-size:1.1em;
}

.infos_pratiques h2 {
width:98%;
border-bottom:1px dotted #387FB0;
}

.infos_pratiques h3 {
color:#9E362D;
margin-bottom:10px;
}

.infos_pratiques .listes_alignees {
float:left;
width:230px;
height:70px;
margin-right:10px;
margin-bottom:20px;
text-align:justify;
list-style-image:url(img/puce_croix_verte.gif);
list-style-position:inside;
}

.infos_pratiques ul { margin-bottom:20px; }
.infos_pratiques a { color:#00639F; }
.infos_pratiques a:hover { color:#0081CF; }

/****** organigramme ******/

.case {
float:left;
text-align:left;
width:80px;
padding-top:40px;
margin-left:20px;
margin-right:20px;
background:url(img/fleche.png) no-repeat top center;
}

/****** tableaux ******/

table {
margin:0 auto;
width:90%;
color:#000;
border:1px solid #161616;
text-align:center;
border-collapse:collapse;
font-size:1.2em;
}

tr, td { border:1px solid #161616; padding:2px; }

table .titre {
font-weight:bold;
font-size:1.1em;
background:#DDD;
}

table .gris { background:#DDD; }
table .jaune { background:#FFF600; }
table .bleu { background:#00D2FF; }
table .rouge { background:#FF2400; }
table .vert { background:#59FB00; }

/****** fonds divers ******/

.ecole { background:url(img/crayon.png) no-repeat bottom right; }

/****** classes diverses ******/

.cadre_petit {
width:30%;
margin-right:40px;
text-align:justify;
}

.cadre_petit h3 {
border-bottom:1px dotted #7FC34A;
color:#7FC34A;
}

.cadre_moyen {
width:50%;
margin-left:25px;
text-align:justify;
}

.cadre_moyen h3 {
color:#5A9AC0;
border-bottom:1px dotted #5A9AC0;
}

.cadre_grand {
width:90%;
margin-bottom:25px;
text-align:justify;
padding-left:30px;
}

.cadre_grand h2 {
border-bottom:1px dotted #9E362D;
color:#9E362D;
}

.cadre_simple {
width:90%;
margin:0 auto;
margin-top:30px;
text-align:justify;
}

.cadre_simple h2 {
border-bottom:1px dotted #387FB0;
}

.cadre_simple h3 {
/*border-bottom:1px dotted #7FC34A;*/
color:#7FC34A;
text-decoration:underline;
}

.cadre_simple li {
margin:0;
margin-bottom:2px;
list-style-image:url(img/puce_croix_orange.gif);
list-style-position:inside;
font-size:1.15em;
}

.plan_site a {
font-size:0.9em;
text-decoration:none;
}

.cadre_simple a { color:#9E362D; }

.txt_gauche { text-align:left; }
.txt_centre { text-align:center; }
.txt_droite { text-align:right; }

.petit { font-size:1em; }
.moyen { font-size:1.4em; }
.grand { font-size:1.6em; }

.gras { font-weight:bold; }

div#conteneur p.adresse {
font-family:Arial, Helvetica, sans-serif;
padding:5px;
border:1px solid #CCCFA8;
background:#EFF2CE;
font-size:10px;
font-weight:bold;
text-align:center;
}

.photo {
margin:0 15px;
margin-bottom:5px;
padding:10px;
background:#EFF2CE;
border-bottom:1px solid #CCCFA8;
border-right:1px solid #CCCFA8;
border-left:1px solid #EBEFC2;
border-top:1px solid #EBEFC2;
}

.centre { margin:0 auto; }
.float_gauche { float:left; }
.float_droite { float:right; }
.spacer { clear:both; }