html, body {
	margin:0;
	padding:0;
}
body {
	font:.80em Verdana, Arial, Helvetica, sans-serif;
	background:#e8e3cf url(img/bg-body.jpg) no-repeat fixed -40px 10px;
	color:#333;
}

a {
	text-decoration:none;
	color:#7F0B04;
}
a:visited {
	color:#7F3B04;
	font-style:italic;
}
a:hover {
	text-decoration:underline;
	color:#ff9000;
}
#menu a, #fil-ariane a, #footer a { color:#7F0B04; font-style:normal; }
abbr {
	border-bottom:none;
}
img { border:none; }
.spip_doc_descriptif { text-align: center;font-style: italic;clear: both; font-size: 0.7em; margin-left: auto; margin-right: auto; }
.spip_doc_titre { text-align: center;font-style: italic; font-size: 0.7em; margin-left: auto; margin-right: auto; }
.spip_documents_center{
        margin: auto;
        text-align: center;
        width: 90%;
} 
.spip_documents_left { float: left; margin-right: 15px;margin-left: 0px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px;margin-right: 0px; margin-bottom: 5px; }
h1,h2,h3,h4,h5,h6 {
	font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
h1,h2 {
	margin:0;
}
h2 a { color:#261F16; }
h2 {
	margin-top:1em;
	font-size:1.5em;
	font-weight:normal;
}
h2.content {
	margin-top:3em;
	padding-left:2px;
	border-bottom:1px solid #7F0B04;
	letter-spacing:.2em;
	font-size:1.8em;
}
h2 span {
	font-weight:bold;
	color:#7F0B04;
}

p { text-align:justify; line-height:1.5em; } 
ul,li {
	margin:0;
	padding:0;
}
ul { margin-bottom:2em; }
li {
	margin-top:.5em;
	margin-left:2em;
}

form {
	background-color:#eee;
	border:1px solid #7F0B04;
	padding:1em;
}
label, .label, p.inverse span {
	font-weight:bold;
	text-align:left;
}
label {
	float:left;
	width:190px;
	clear:left;
}
label em, .label em { color:red; }
html>body input, html>body textarea {
	border:1px solid #333;
}
input[type="radio"], input[type="checkbox"] {
	border:none;
}
textarea, p.grand input {
	width:350px;
}
p.en_ligne label { float:none; }
p.inverse label { font-weight:normal; }
p.inverse span { float:left; width:190px; clear:left; }
p.legende {
	margin:1em 0;
	padding-bottom:1em;
	text-align:right;
}
p.validation { text-align:center; }
p.validation input { margin:2em .5em 0; width:8em; }

#page {
	width:700px;
	margin:108px 0 0 200px;
	padding:0;
}
#header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background:transparent url(img/bg-header.png) repeat-x;
}
#header h1 a {
	display:block;
	width:169px;
	height:110px;
	background:transparent url(img/bg-title.png) no-repeat;
}
#header h1 a:hover {
	background-position:-169px 0;
}
#header h1 a span {
	display:none;
}
#header h2 { display:none; }
#citation {
	position:absolute;
	top:140px;
	left:24px;
	width:150px;
	font:1.33em "Nimbus Roman No9 L","Times New Roman",serif;
	font-style:italic;
	text-align:left;
}

#main {
	position:relative;
	padding:2em 1.5em .5em 0em;
}

/* Menu */
#menu {
	position:absolute;
	top:-52px;
	left :10px;
	right:0em;
}
#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}

#menu li {
	display:inline;
	margin:0;
	padding:0;
}
#menu a {
	float:left;
	margin:0 0 0 2px;
	padding:0 0 0 5px;
	background:url("img/ongletL.png") no-repeat left top;
	text-decoration:none;
	white-space:nowrap;
	color:#333;
}
#menu a span {
	float:left;
	display:block;
	background:url("img/ongletR.png") no-repeat right top;
	padding:12px 5px 0 0.5px;
	line-height:26px;
	font-weight:bold;
	cursor:pointer;
}
#menu a:hover {
	color:#fff;
	border-bottom:2px solid #e96d2d;
}
#menu a.actif {
	background-image:url(img/ongletLOn.png);
	color:#fff;
}
#menu a.actif span {
	background-image:url(img/ongletROn.png);
}

/* Pied de page */
#footer {
	margin:em auto 0;
	width:715px;
	background-color:#c8955b;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
#footer p {
	margin:0;
	text-align:center;
}
#footer a {
	color:#fff;
}

#liste-articles { margin-top:3em; }
#en-bref, #liste-articles {
	margin-bottom:4em;
	padding-bottom:20px;
	list-style:none;
}
#en-bref, #liste-articles li {
	position:relative;
	margin-bottom:4em;
	padding-left:110px; /* marge gauche = largeur vignette + 30px d'espace (80+30 = 110) */
}
#en-bref+h2.content {
	margin-top:1em;
} 
/*
#liste-articles h2 a:hover {
	margin-left:-16px;
	padding-left:16px;
	background:transparent url(img/chevron.png) no-repeat 0 50%;
}
*/
/*
#liste-articles a.sans-chevron:hover {
	margin-left:0;
	padding-left:0;
	background-image:none;
}
*/
#fil-ariane {
	position:absolute;
	top:0;
	right:1.5em;
}
.date {
	margin:0;
	font-size:.8em;
}
#en-bref .date {
	display:none;
}
.vignette {
	display:block;
	position:absolute;
	top:4px;
	left:0;
	height:82px;
	width:82px;
	border:1px solid #fff;
}
.article {
	position:relative;
	float:right;
	margin-top:-50px;
	margin-left:1.5em;
}
.vignette img {
	border:1px solid #333;
}
.erreur {
	border:1px solid #f00;
}
p.erreur {
	padding:.2em .5em;
	margin-left:0;
	background-color:#f00;
	color:#fff;
}
div.erreur {
	margin-top:.5em;
	margin-left:-.5em;
	padding:.5em;
	background-color:#FFDADD;
	border:1px solid red;
}
p.erreur, div.erreur p {
	margin-right:1em;
}

div.erreur p { margin-left:2em; color:red; }
div.erreur p.simple {
	margin-left:300px;
}

h3.plan-rub {
	font-size:1.4em;
}
* html #page {
    margin:128px 0 0 0;
    width:100%;
}
* html #main {
    width:782px;
    margin:0 1.5em 0 88px;
}
* html .vignette {
    margin-left:-110px;
}
* html #liste-articles h2 a:hover {
	margin-left:-16px;
	padding-left:17px;
	background:transparent url(img/chevron.png) no-repeat 0 50%;
}
#breve {
    border: 2px ridge #7F0B04;
    position:absolute;
	top:380px;
	left:14px;
	width:170px;
    background-color: #fdf5e6;
}
.breves {
  background: #d2b48c none repeat scroll 0% 50%;
  font-weight: bold;
  padding-left:13px;
  
}
#zoneprives {
    border: 2px ridge #7F0B04;
 /*   position:relative;*/
	top:480px;
	left:140px;
	width:170px;
    background-color: #fdf5e6;
}
.prives {
  background: #d2b48c none repeat scroll 0% 50%;
  font-weight: bold;
  padding-left:13px;
  
}