body {
	background: #003672 url("images/background.gif") repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #28487f;
	margin:0px;
	padding:0px;	
	}
	
	
a {
font-weight:bold;
color:#a5ebff;
text-decoration:none;
}

a:hover {
color:white;
}

h1 {
margin:0;
padding:5px 0;
font-size:1.4em;
font-weight:bold;
}

h2 {
margin:0;
padding:5px 0;
font-size:1.2em;
color:#ffe595;
font-weight:bold;
}

h2 a {
color:#FFE595;
}

p {
padding:0;
margin:10px 0;
}
	
#conteneur1 {
position: absolute;
top: 0px;
margin-left: -400px;
left: 50%;
width: 800px;
background: #003672 url("images/background_conteneur1.gif") repeat-y;
}

#conteneur2 {
position: relative;
width: 800px;
background: transparent url("images/background_conteneur2.jpg") no-repeat;
}




/* -------------------- ImageCache -------------------- */
.ImagesCache
	{
	position: absolute;
	display: none;
	left: 0px;
	top: -5000px;
	visibility:hidden;
	}
	
	
	

/* -------------------- Clear -------------------- */
#clear
	{
	clear:both;
	}




/* -------------------- Header -------------------- */
#header {
margin:0 20px;
height: 106px;
background: transparent url("images/header.jpg") no-repeat;
}




/* -------------------- Menu -------------------- */
#menu {
margin:0 20px;
height: 30px;
text-align:center;
background: transparent url("images/background_menu.gif") no-repeat;
}

#menu ul
	{
	width:720px;
	border: 0;
	padding: 0;
	list-style-type: none;
	margin: 0;
	left:50%;
	height: 30px;
	text-align:center;
	}

#menu li
	{
	/* display: block; */
	float: left;
	text-align: center;
	}


#menu li a
	{
	text-transform:uppercase;
	width: auto;
	color: white;
	text-decoration: none;
	/* display: block; */
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
	height: 30px;
	line-height: 20px;
	padding:0 7px;
	/* background: url("images/menu_off.gif") repeat-x; */
	}
	
#menu li a:hover
	{
	color:#ffe595;
	/* background: url("images/menu_on.gif") repeat-x; */
	}
	




/* -------------------- Page -------------------- */
#page {
margin:30px 0 0 20px;
}

#barretitre {
width:100%;
padding:0;
margin:0;
background: transparent url("images/background_barretitre.gif");
}

#barretitre h1 {
font-size:0.9em;
letter-spacing:0.3em;
color:white;
margin:0;
padding:4px 0;
text-indent:20px;
background: transparent url("images/puce_barretitre.gif") 5px 5px no-repeat;
text-transform: uppercase;
}

#archives, #retour  {
margin:0 0 0 20px;
padding:2px 0;
border-bottom:1px dotted #5471a3;
border-top:1px dotted #5471a3;
font-size:0.8em;
}

#archives li, #retour li {
background-color: #8a9fc4;
list-style-type:none;
display:block;
padding:2px 0;
}

#archives li a {
font-size:1.2em;
font-weight:bold;
color:#a5ebff;
text-decoration:none;
padding-left:10px;
background: url("images/puce1.gif") 0 50% no-repeat;
}

#archives li a:hover {
color:white;
background: url("images/puce2.gif") 0 50% no-repeat;
}

#retour li a {
font-size:1.2em;
font-weight:bold;
color:#a5ebff;
text-decoration:none;
padding-left:10px;
background: url("images/puce3.gif") 0 50% no-repeat;
}

#retour li a:hover {
color:white;
background: url("images/puce4.gif") 0 50% no-repeat;
}


/* -------------------- Colonne gauche -------------------- */
#colonnegauche {
width: 460px;
background-color:transparent;
float:left;
margin-bottom:20px;
margin-right:0px;
}

#liste {
margin:0 0 0 20px;
border-bottom:1px dotted #5471a3;
}

#liste h1 {
color:#ffe595;
font-weight:bold;
font-size:1.4em;
margin-bottom:0px;
}

#liste p {
text-align:justify;
margin-top:0;
}

#liste img {
margin: 0 0 10px 10px;
}

#biginfo {
margin:0 0 0 20px;
border-bottom:1px dotted #5471a3;
}

#actu {
margin:0 0 0 20px;
}

#infos {
margin:0 0 0 20px;
background: transparent url("images/separation_verticale.gif") 50% 0 repeat-y;
clear:both;
}

#info1 {
float:left;
width:209px;
margin:0;
padding-right:10px;
}

#info2 {
float:left;
width:210px;
margin:0;
padding-left:10px;
}

#biginfo h1, #actu h1 {
color:#ffe595;
font-weight:bold;
font-size:1.4em;
}

#info1 h1, #info2 h1 {
color:#ffe595;
font-weight:bold;
font-size:1.2em;
}

#biginfo img, #actu img {
margin:10px 10px 20px 0;
}

#biginfo p, #info1 p, #info2 p, #actu p {
text-align:justify;
}

.intro {
font-size:1.1em;
font-style:italic;
padding-bottom:10px;
}

a.suite {
font-size:0.9em;
font-weight:bold;
color:#a5ebff;
text-decoration:none;
}

a.suite:hover {
color:white;
}

#biginfo #date, #infos #date, #liste #date, #actu #date {
font-size:0.8em;
margin:10px 0 0;
}

#colonnegauche #texte {
margin:0 0 0 20px;
padding:10px 0;
}





/* -------------------- Colonne droite -------------------- */
#colonnedroite {
margin-left:20px;
margin-bottom:20px;
float:left;
width: 280px;
background-color:transparent;
}

#agenda {
margin:0 20px 0 0;
padding:10px 0;
border-bottom:1px dotted #5471a3;
}

#colonnedroite #archives {
margin:0 20px 0 0;
}

#texte {
margin:0 20px 0 0;
padding:10px 0;
}

#texte h1, #galerie h1 {
color:#ffe595;
font-weight:bold;
font-size:1.2em;
}

#texte p {
text-align:justify;
}

#texte p.intro {
font-size:1.1em;
font-style:italic;
margin:10px 0 20px 0;
}

#texte img {
margin: 8px 0 20px 20px;
}

#galerie {
border-top:1px dotted #5471a3;
margin:0;
padding:10px 0;
}

.diapo{
border:0;
margin:0 8px 8px 0;
}

.cadre {
border:1px solid #5471a3;
background-color:#8a9fc4;
padding:3px;
}


/* -------------------- Sous menu -------------------- */
#sousmenu {
margin:10px 0 20px 20px;
padding:0;
}

#sousmenu h1 {
color:black;
font-weight:bold;
font-size:1.2em;
padding-left:20px;
}

/* -------------------- Bas de page -------------------- */
#basdepage {
clear:both;
margin:0 20px;
height: 40px;
background: transparent url("images/background_page.jpg") no-repeat;
}

/* -------------------- Menu footer -------------------- */
#menu_footer {
clear:both;
margin:0 20px;
height: 18px;
background: transparent url("images/background_menu_footer.gif") no-repeat;
}

#menu_footer ul
	{
	width:720px;
	border: 0;
	padding: 0;
	list-style-type: none;
	margin: 0;
	left:50%;
	height: 18px;
	}

#menu_footer li
	{
	/* display: block; */
	float: right;
	text-align: center;
	}


#menu_footer li a
	{
	text-transform:uppercase;
	width: auto;
	color: white;
	text-decoration: none;
	/* display: block; */
	text-align: center;
	font-size: 0.8em;
	font-weight: normal;
	height: 18px;
	line-height: 18px;
	padding:0 10px;
	/* background: url("images/menu_off.gif") repeat-x; */
	}
	
#menu_footer li a:hover
	{
	color:#ffe595;
	/* background: url("images/menu_on.gif") repeat-x; */
	}


/* -------------------- Footer -------------------- */
#footer {
height:80px;
background: #003672 url("images/footer.jpg") no-repeat;
margin:0px;
color:#99abcb;
text-align:center;
padding-top:30px;
font-size:0.8em;
}


/* -------------------- Navigation -------------------- */
#navigation {
	margin: 10px 0 10px 20px;
	background-color: #8a9fc4;
	padding:5px 0;
	text-align: center;
	border-bottom:1px dotted #5471a3;
	border-top:1px dotted #5471a3;
	font-size:0.95em;
	}
	
a.nav {
text-decoration: none;
font-weight:normal;
color: #a5ebff;
}

a.nav:hover {
color: white;
}

.nav_off {
text-decoration: none;
color: #5471a3;
}

a.nav_page {
font-weight:bold;
text-decoration: none;
color: #5471a3;
background: #a5ebff;
border: 1px solid #5471a3;
padding: 0px 2px 0px 2px;
}

a.nav_page:hover {
background: white;
}

.nav_page_off {
text-decoration: none;
color: #8a9fc4;
background: #5471a3;
border: 1px solid #5471a3;
padding: 0px 2px 0px 2px;
}

/* -------------------- formulaire -------------------- */
#formulaire {
margin-bottom:20px;
}

#formulaire td {
padding:15px 10px 0 0;
vertical-align:middle
}

#formulaire td.erreurform {
padding:2px 10px 0 0;
vertical-align:middle;
font-size:9px;
color:red;
text-transform:uppercase;
letter-spacing:0.3em;
}

#formulaire td.rubrique {
color:#ffe595;
font-size:1.4em;
padding: 5px 0;
font-weight:bold;
border-bottom:1px dotted #5471a3;
}

#formulaire td.infos {
font-size:0.8em;
}

#formulaire input {
font-size:12px;
padding:4px;
background-color:#8a9fc4;
color:#000000;
border:1px solid #5471a3;
}

.pleinelargeur {
width:100%;
}


#formulaire .textbox {
width:100%;
font-size:12px;
padding:4px;
height:100px;
background-color:#8a9fc4;
color:#000000;
border:1px solid #5471a3;
}

#formulaire .submit {
width:30%;
background-color:#8a9fc4;
color:#000000;
border:1px solid #5471a3;
}


/* -------------------- plan du site -------------------- */
#plandusite {
margin:20px 0 0 20px;
}

#plandusite #niveau1 {
font-size:1.2em;
font-weight:bold;
}

#plandusite #niveau2 {
margin:0 0 0 40px;
font-size:1.1em;
font-weight:normal;
padding:0 0 0 40px;
background: url(images/arborescence.gif) 0 50% no-repeat;
}

#plandusite #niveau3 {
margin:0 0 0 120px;
font-size:1em;
font-weight:normal;
padding:0 0 0 40px;
background: url(images/arborescence.gif) 0 50% no-repeat;
}

#plandusite #niveau3 a {
color: #28487f;
font-weight:normal;
}

#plandusite #niveau3 a:hover {
padding-left:5px;
color: #000000;
}