html, body{
	width : 100%;
	height : 100%;
	min-height : 100%;
	height : auto !important;
	margin: 0;
	padding: 0;
	text-align : center;
}

body {
	font: 80% Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background : #5A0D03 url(img/fond_body.png) repeat-x;
	color : #371C00;
}

/*liens
------------------------------------------------------------- */

a:visited {font-weight : normal;}
a {color : #E37822;font-weight: bold;}
a.spip_out {color : #E37822;}
a.spip_in {text-decoration : none;}
a:hover, a:focus, a:active {
	color : #FCF6DE;
	background : #A84A15;
	text-decoration : none;
	
}

p#ariane a, #bottom a {color : #FCF6DE;}

/*titres
------------------------------------------------------------- */

h2 {
	font-size: 1.5em;
	color : #A84A15; 
	background : transparent url(img/fond_titre.png) no-repeat top left;
	margin : 0;
	padding : 0 0.6em; 
}
h3, .news h2 , .liste h2 {font-size: 1.2em; margin-bottom : 0; margin-top : 0; padding : 0.2em 1em;}
.news h3, .news h2 {background : #CCB091;}
h3, .liste h3, .plan dt a {padding : 0 0.5em; background : #EFE3C5;}
.plan dt a {margin : 0 0 0 3em;}
.plan dt a:hover, .plan dt a:active, .plan dt a:focus {background : #A84A15;}  

h3.spip {margin-top: 3em; margin-bottom : 1em; padding : 0 0.5em; color :#a84a15;}
.intro h3.spip {margin-top : 1em;}
h4{font-size: 1.1em;}
h4.spip {margin :1em; color : #A84A15;}
h5{font-size: 1em;}
h5.spip {margin : 1em 1em 1em 2.2em;}

.plan h4, .liste h3 {border-bottom : 1px solid #CCB091; border-top : 1px solid #CCB091;}




/* Conteneurs de structure principaux
-------------------------------------------------------- */

#page {
	position : relative;
	width : 761px;
	margin : 2em auto;
	background :  #FCF6DE url(img/fond_page.png) repeat-y left;
	text-align : left;
}

#top {
	position : relative;
	height : 234px;
	background : #A84A15 url(img/fond_top.jpg) no-repeat left top;
}

p#ariane {
	margin : 0 0 0 217px;
	padding : 0.5em 1em;
	font-size : 0.85em;
	background : #E67929;
	color : #FCF6DE;
}

#main {
	float : right;
	width :543px;
	padding-top : 1em; 
	background : url(img/main.png) no-repeat -2px 0;
}

#menu {
	height : 1%;
	margin : 0 543px 0 0;
	padding-bottom : 1em;
}


#bottom {
	clear : both;
	padding-top : 1em;
	background : #E67929 url(img/content.png) no-repeat 216px 0; 
	color : #FCF6DE;
	text-align : right;
	font-size : 0.9em;
}

#bottom p {
	background : url(img/bottom.png) no-repeat left bottom;
	margin : 0;
	padding : 1em;
}


/* Conteneurs internes à top
---------------------------------------------------------------------------------- */

#top h1 {
	width : 225px;
	height : 109px;
	margin : 0;
	padding : 0;
}

#top h1 a:hover, #top h1 a:focus, #top h1 a:active {background-color : transparent;}

#top h1 img {margin : 20px 30px 0;}

#top p {
	margin :0;
	padding:0;
}	

#top p#description {
	width : 225px;
	color : #FCF6DE;
	text-align : center ;
	font-weight : bold;
	font-size : 0.9em;
}

#top p#description span {
	display : block;
	margin : 0 35px;
	padding:0;
	width : 153px;
	letter-spacing : 5px;
}

#top p#citation {
	background : none;
	position : absolute;
	bottom : 0;
	left : 230px;
	height : 27px;
	line-height : 27px;
	color : #FCF6DE;
}


/* Prelude
------------*/

ul#prelude, #search, #search fieldset input {
	font-size : 0.9em;
}

#search  {
	position : absolute;
	top :16px;
	right : 1em;
	text-align : right;
	font-weight : bold;
}

ul#prelude {
	position : absolute ;
	top : 15px;
	left : 230px;
	height : 1.8em;
}

ul#prelude, ul#prelude li {
	margin : 0;
	padding :0;
} 

ul#prelude li {
	display : inline;
}


ul#prelude li a {
	display : block;
	float : left;
	padding : 0 0.5em;
	height : 1.8em;
	line-height : 1.8em;
	text-decoration : none;
	border : 0px solid;
	font-weight : normal;
}


/* Recherche
---------------*/
#search  {
	position : absolute;
	top :0.2em;
	right : 1em;
	text-align : right;
}

#recherche {
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 2px 4px;
}

#recherche label {
	display : inline;
}

#search fieldset {
	border : 0px solid #fff;
	margin :0;
	padding :0;
	display : inline;
} 

#search fieldset {background : none;}



/* Conteneurs internes à main
---------------------------------------------------------------------------------- */

/* content
----------------------------- */

#content {margin : 1em 15px;}

#wrapper {
	overflow : hidden;
	height : 1%;
}

#article, #chapo, .intro div {padding : 1em;}
#article {clear : both;}


#right  {
	float : right ;
	width : 30%;
}

#left {
	float : left;
	width : 60%;
}

.liste {clear : both; margin-left : 15px;}
.news {font-size : 0.9em;}
.news div {margin : 0 0 1em 1em;}
.news ul {margin : 0; padding : 1em;}

#chapo {font-style : italic; margin : 0; padding :0;}
.intro div {margin :0; padding :0;}

p.info {background : #CCB091 url(img/fond_info.png) no-repeat bottom right;}

.liste dl, .liste, div.plan, dl.plan dd {border : 1px solid #CCB091;}
.liste {border-top : 0px solid #CCB091;}
dl.plan dd {border-right : 0px solid #CCB091;}

.liste dt {background : #CCB091; border-top : 1px solid #CCB091;}

.news div {border : 1px solid #CCB091;}
.info, dd.info {background : #CCB091;}

.liste dd.auteur {background : #CCB091;}
.liste dd.auteur span {color : #570A02;}


/* .liste .article
-------------------- */

.liste dl, .liste div {margin : 0 0 1em;}
.liste div {padding : 1em;}
.liste div .spip {margin : 0;}

.liste dt, .liste h3 {
	margin : 0;
	padding : 1em 0.8em;
	font-size : 1.1em;
}

.liste dt a, .liste h3 a {text-decoration : none;}

.liste dd {
	margin : 0;
	padding : 1em;
}

#article .info {margin-top : 5em;}


/* Menu
------------------------------------------ */
.titre_menu {
	margin :0; 
	padding : 0.5em 1em;
	background : none; 
	color :#A84A15;
	font-size : 1em;
}

#menu a {text-decoration : none;}

#menu dl {margin : 0.5em 0 0.5em;}
#menu dt {display : inline;}
#menu dd {margin : 0 0.2em 0 2em;}
#menu ul {margin : 0.5em 2em; padding :0;}
#menu ul li {margin : 0; padding : 0;}

#menu a:visited {font-weight : bold; text-decoration : none;}
#menu dl dd, #menu ul li {display:list-item; list-style-image : url(img/square2.png);}

#menu dt a {
	display : block;
	margin : 0.25em 0;
	padding : 0.25em 1em;
	background : #A84A15;
	color : #FCF6DE;
	font-weight : bold;
}
#menu dt a:hover, #menu dt a:active, #menu dt a:focus, #menu dl a.on {background : #570A02; }
#menu dd a:visited, #menu ul a:visited, #menu dd a, #menu ul a {font-weight : normal;}
#menu dd a, #menu ul a {color : #FCF6DE;}


/*Plan 
--------------------------------------------------------*/
.plan {padding-bottom : 1em;}
.plan dt {display : inline;}
.plan dt a {display : block}
.plan h3 {margin-top : 0; padding : 0.3em 1em}
.plan dt a {font-weight : bold; margin : 0 1em 0 4em; padding : 0 0.5em;}
.plan h4 {margin : 1em;}

.plan h3 a, .plan dt a {text-decoration : none;}
.plan h4 {margin-bottom : 0;font-size : 1em; font-weight : normal;}
.plan ul {margin : 0 1em; padding : 0.5em 1em;}



/* Les elements HTML et classes des squelettes 
------------------------------------------------------------------------------------------------- */

hr {display : none;}
img {border : none;}
p, ol, ul {margin : 1em 1em 0; padding-bottom : 1em;} 
dd p {margin : 1em 0;}

.info, dd.info, .lire {margin-top : 0.5em; font-style : italic; font-size : 0.9em;}
.info, dd.info {padding : 0 1em; text-align : right;}
dd.info {margin-bottom : 2px;}

.small {font-size : 0.9em;}
.navigation {font-size : 0.9em; text-align : right;}
.navigation a {font-weight : normal;}
.center {text-align : center;}
.noclear {clear : none; margin : 0 1em;}
.left {	float : left;}
.right {float :right;}

.spip,p.info {clear : both;}

.encadre {padding : 1em; background :  #EFE3C5; border : 1px solid #CCB091;}
.relief {color :  #A84A15;}
.relief2 {color :#570A02;}
dt.doc_titre, dd.doc_descriptif {color : #570A02;}

blockquote {
	font-style : italic;
	padding-left : 1em; 
	border-left : 5px solid #E67929;
	}

.invisible {display : none;}


/*Listes
-----------*/

p.puce, ul li, dl.doc dt {display:list-item; list-style-image : url(img/puce2.png);}
ul ul {margin-left : 0;}
ul ul li {font-size : 0.9em; list-style-image: url(img/puce.gif); }
ul.menu li {display:list-item; list-style-image : url(img/square2.png);}
.news ul li, ul.forum li {list-style-type : none; list-style-image : none;}
p.puce {margin : 1em;}
ol li.spip {list-style-type: decimal;}

span.relief, span.relief2 {font-weight : bold;}


img.left, img.right, img.center {
	margin-bottom : 20px;
	padding : 1px;
	border : 5px solid #E67929;
	background : #fff;
}

img.left {margin-right : 30px;}
img.right {margin-left : 30px;}

p.spip span.navigation {display: block; text-align: right;}

/*Documents*/

dl.doc, dl.doc_left, dl.doc_center, dl.doc_right {
	margin : 1em 0;
	padding :0;
	font-size : 0.9em;
}

dl.doc dt, dl.doc dd {margin : 0 1em;}
dt.doc_titre {font-weight : bold; margin :0;}
dl.doc_left {float : left;text-align : center;}
dl.doc_right {float : right;text-align : center;}
dl.doc_center {text-align : center;}

dd.doc_img, dd.doc_descriptif {
	list-style-type : none; 
	list-style-image : none;
	margin : 0 20px;
}


/*Formulaire 
-------------------------------------------------------------------------*/
fieldset {margin : 1em; border : 1px solid #CCB091; background : none;}
textarea {width : 90%; padding : 1em;}
label {color : #570A02; display : block ;}
#search label {color : #FCF6DE; display : inline;}
legend {font-size : 1.1em; font-weight : bold; color :#CCB091; }

textarea, input, select {border: 1px solid #CCB091;}

input.preview, input.submit, select {
	background : #E37822;
	border : 1px solid #E37822;
	color : #FCF6DE;
	font-weight: bold;
}

input.preview, input.submit {
	padding : 0 0.2em;
}


input.preview:hover, input.submit:hover {
	background : #570A02;
	border : 1px solid #570A02;
	cursor : pointer;
}

input.preview, input.submit {padding : 0 0.2em;}


/* Tables 
-------------------------------------------------------------------------*/

table {
	margin : 1em auto;
	border-width:1px;
  	border-style:solid;
  	border-color:#CCB091;
	font-size : 0.9em;
	text-align : center;
 }

th {color : #A84A15; background-color : #CCB091;}
tr {background-color : #EFE3C5;}

td, th {
	border-right-width:1px;
  	border-right-style:solid;
  	border-right-color:#CCB091;
	padding : 0.2em;
}