body {
	background: gray;
	margin: 0 0 50px 0;
	padding: 0;
	scrollbar-base-color: White;
	scrollbar-face-color: Highlight;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: Black;
	scrollbar-track-color: White;
	scrollbar-arrow-color: White;
}


.nom {
	color: White;
	font-weight: bold;
	font-size: 18px;
}


/* ___________________________________________________________________ */


 /* This holds and centers the lot. */

#holder {
	position: absolute;
	left: 50%;
	top: 0;
	width: 900px;
	height: auto;
	margin-left: -450px;
	padding: 0;
	background: Highlight;
	text-align: center;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
}

/* ___________________________________________________________________ */


 /* This holds everything inside the header. */

#header {
   position: relative;
   left: 0; top: 0;
   width: 90%; height: auto;
   padding: 5%;
   background: #eed;
   border-bottom: 2px #fff solid;
   }

#header #wrapper{
   width: auto;
   height: auto;
}

 /* This styles the above (big) text. */

#header #one {
   font: 3em "Trebuchet MS", Trebuchet, serif;
   color: #fff;
   display: block;
   clear: both;
   }

 /* This styles the below (small) text. */

#header #two {
   font: italic 1em georgia, serif;
   color: #998;
   display: block;
   }

/* ___________________________________________________________________ */

 /* This holds the menu - below the header. */

#menu {
   position: relative;
   left: 0; top: 0;
   width: 98%; height: 13px;
   padding:  3px 1% 4px 1%;
   border-top: 2px #eed solid;
   background: navy;
   font: bold .8em/100% arial, sans-serif;
   text-align: left;
   z-index: 0;
}

#menu a{
   color: #FFFFFF;
   text-decoration: none;
   margin: 0 5px 0 5px;
}

#menu a:hover{
   color: #fff;
}


#sous_menu {
	position: relative;
	left: 0;
	top: 0;
	width: 98%;
	height: 13px;
	padding: 3px 1% 4px 1%;
	border-top: 2px #eed solid;
	background: highlight;
	font: bold .8em/100% arial, sans-serif;
	text-align: left;
	z-index: 0;
}

#sous_menu a{
   color: navy;
   text-decoration: none;
   margin: 0 5px 0 5px;
}

#sous_menu a:hover{
   color: #fff;
}

/* ___________________________________________________________________ */


 /* This is the box on the left - below the menu. */

#content {
	float: left;
	padding: 10px 12px 10px 12px;
	width: 70%;
	height: auto;
	background: #fff;
	text-align: left;
	border-left: 2px #eed solid;
	border-top: 2px #eed solid;
}

#content h1 {
	margin: 0 0 5px 0;
	padding: 0;
	font: 16px garamond, serif;
	font-weight: bold;
	color: #77773C;
	border-bottom: 1px #77773C dashed;
}

#content h2 {
	margin: 0 0 5px 0;
	padding: 0;
	font: 20px garamond, serif;
	font-weight: bolder;
	color: #77773C;
	border-bottom: 1px #77773C dashed;
}

#content h3 {
	margin: 0 0 0 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font: 13px garamond, serif;
	font-style: italic;
	color: navy;
}

#content p {
   float: left;
   width: 94%;
   padding: 0 0 0 3%;
   margin: 0 0 10px 0;
   font: .8em/150% arial, sans-serif;
   color: #222;
   text-align: justify;
}

#content p.indent{
    text-indent: 30px;
}

#content p a{
   color: #77773C;
   border: none;
   font-weight: bold;
   text-decoration: none;
}

#content p a:hover{
   color: #aaa;
   text-decoration: none;
}


/* ___________________________________________________________________ */


 /* This is the box on the right - below the menu. */

#right_pane {
   float: left;
   margin: 0;
   padding: 5px 4px 5px 4px;
   width: 26%; height: auto;
   background: #6495ED;
   border-left: 2px #eed solid; border-bottom: 2px #fff solid;
   font: .7em arial, sans-serif;
   color: #555;
   text-align: left;
   z-index: 1;
}

#right_pane h5{
   font: bold 1.3em verdana, sans-serif;
   color: #77773C;
   margin: 0 0 15px 0; padding: 0;
}

#right_pane .date{
   background: transparent;
   border-top: 1px #D3D2B8 solid;
   margin: 0; padding: 0;
   font-style: italic;
   font-weight: bold;
   border: none;
}

#right_pane p{
   width: auto;
   border: 1px #D3D2B8 solid;
   background: #fff;
   margin: 0 0 5px 0; padding: 5px;
}


#right_pane p a{
   color: #77773C;
   border: none;
   font-weight: bold;
   text-decoration: none;
}

#right_pane p a:hover{
   color: #aaa;
   text-decoration: none;
}


#print {
   margin: 0;
   padding: 5px 4px 5px 4px;
   text-align: right;
	text-decoration: none;
}

#print .print {
	font: arial, sans-serif;
	font-size: 9pt;
	text-align: right;
	color: navy;
	text-decoration: none;
}

#print .print:hover {
	font: arial, sans-serif;
	font-size: 9pt;
	text-align: right;
	color: navy;
	text-decoration: none;
}

#print .print:visited {
	font: arial, sans-serif;
	font-size: 9pt;
	text-align: right;
	color: navy;
	text-decoration: none;
}


#footer{
	margin: 0;
}

#footer p{
   text-indent: 0;
   margin-top: 50px;
   font: bold .6em verdana, sans-serif;
   color: #bbb;
   text-align: right;
   }

acronym{
   text-decoration: none;
   border-bottom: 1px #77773C dotted;
}

.news {
	font: arial, sans-serif;
	font-size: 9pt;
	text-align: justify;
	color: navy;
}

.news:hover {
	font: arial, sans-serif;
	font-size: 9pt;
	text-align: justify;
	color: White;
}

.news:visited {
	font: arial, sans-serif;
	font-size: 9pt;
	text-align: justify;
}

.format_png {
behavior: url("win_png.htc");
}


/* spip_style.css */

/* Paragraphes, citations, code et poesie */
p.spip {}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; }

.spip_surligne { background: #FF6; }


/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: none; }

.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

/* Images typographiques (via image_typo), URL a revoir... */
.format_png { behavior: url(win_png.htc); }

/* modeles par defaut */
.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }

table.spip_barre a img {
	background: #FDA;
	padding: 3px;
	border: 1px outset #999; }
table.spip_barre a:hover img {
	background: #FFF;
	border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }


/* Perso*/
/* Affichage en colonne */
.ma_colonne{
float:left;
width:31%;
background-color: white;
margin-bottom:0%;
margin-top:0px;
margin-left:1%;
padding:0%;
}

/* Plan site */
ul>
ul.plansite, ul.plansite ul {
list-style-type: none;
margin: 0;
padding: 0;
padding-left: 1.5em;
font-size: 12px; }
ul.plansite li {
border-left: 1px solid black;
color: black;
margin: 0;
padding: 0; }
ul.plansite li a {
padding-left: 0.5em;
text-decoration: none;
color: black;
border-bottom: 1px solid black; }
ul.plansite li strong {
font-size: 105%; }