/*--- couleur ----
gris foncé : #938e96;
gris clair : #cecccf;
rouge : #570a02;
rose : #ab635b;
-----*/

html {
	margin: 0;
	padding: 0; 
	font-size: 100%; 
	background : #fff url(img/html.png) repeat-x top;
}

body {
	margin: 0;
	padding: 0; 
	background : transparent url(img/body.png) repeat-x bottom;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-size: .8em; 
	line-height: 1.8em; 
	color: #333;
}

/* --- Liens ---------------- */

a:visited {color : #570a02;}

a, .navigation a:visited, #ariane a:visited {
	color:  #ab635b;
	text-decoration: underline;
	font-weight : bold;
	padding : 0 5px;
}

a:hover, a:focus, a:active, .navigation a:hover, #ariane a:hover, .navigation a:active, #ariane a:active, .navigation a:focus, #ariane a:focus {
	background :  #ab635b;
	color : #fff;
	text-decoration: none;
}

a.sommaire_ancre {background : #cecccf url(img/sommaire.png) no-repeat center center;}
a.sommaire_ancre:hover {background :#ab635b url(img/sommaire_on.png) no-repeat center center;}

/* Titres */

h1, h2, h3, h4, h5 {
	margin: 1em 0 .5em 0; 
	padding : 0;
}

h1 {font-size: 3em;}
h2 {font-size: 2em; color :#570a02; font-variant: small-caps;  margin-bottom : 30px;}
h3 {font-size: 1.5em; color : #666; font-variant: small-caps; margin-bottom : 30px;}
h4 {font-size: 1.2em; color : #570a02; font-variant: small-caps;}
h5 {font-size: 1.1em; margin-left : 10px; color : #ab635b; }

h2:first-letter {
	padding : 0.1em 0.2em;
	margin-right : 1px;
	background :#570a02;
	color : #fff;
	text-decoration : none;
}

ul h3 {font-size : 1.2em; margin : 0;}

h2 a, h3 a {text-decoration : none;}

.texte h3 {margin-top : 50px;}

/* --- Layout -------------- */

#page {
	position : relative;
	width: 100%;
	max-width: 1200px;
	min-width: 1000px;
	margin : 0 auto;
	background : transparent url(img/page.jpg) no-repeat right top;
}

#main {
	clear : both;
	margin : 0 20px;
}

#content {
	overflow : hidden;
	padding : 0 20px 50px;
}

#content.fleft {
	float : left;
	width : 60%;
}

#sidebar {
	margin-left : 70%;
}

#footer {
	clear : both;
	margin : 0;
	padding : 0;
	height : 194px;
	background : transparent url(img/bottom.jpg) no-repeat top right;
	font-weight : bold;
	font-size : 0.85em;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

#footer p {
	height : 35px;
	line-height : 35px;
	margin : 0;
	padding : 0;
}
#footer a {text-decoration : none;}
#footer span {padding : 0 1em;}
#footer img {vertical-align : middle; border : 0px solid #fff;}
	

/* ---ul.menu  ------ */

ul.menu  {
	list-style-type : none;
	margin : 0;
	}

ul.menu li {
	display : inline;
	margin : 0;
}

ul.menu a, ul#menu span {
	display : block;
	border : 0px solid #fff;
}

ul#access {
	width : 100%;
	height : 20px;
	background : #cecccf;
	margin :0;
	padding : 0;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

ul#access a {
	float : left;
	height : 20px;
	line-height : 20px;
	margin : 0 1em;
	padding : 0;
	font-size : 0.85em;
	text-decoration: none;
}

/* --- Top ---------------- */

#top {
	clear : both;
	position : relative;
	height : 198px;
	margin : 0 20px;
}

#top h1 {
	position : absolute;
	left : 0;
	bottom : 0;
	margin : 0;
	padding :0;
}

#top h1 a {background : none;}
#top img {
	border : 0px solid #fff;
	margin : 0;
	padding :0;
}


#top p#descriptif {
	position : absolute;
	top : 35px;
	left : 0px;
	margin : 0;
	padding : 0;
	font-size : 2em;
	color : #cecccf;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

/* --- Recherche ---------------- */

#search {
	position : absolute;
	height : 35px;
	right : 0;
	bottom : 5px;	
	text-align : center;
}

#search fieldset {
	background : none;
	border : 0px solid #fff;
}

input#recherche {
	width : 178px;
	height : 25px;
	line-height : 25px;
	vertical-align : middle;
	margin : 0;
	padding : 5px 0 0 30px;
	background: transparent url(img/recherche.png) no-repeat top left;
	border : 0px solid #fff;
	font-size : 0.9em;
	color : #fff;	
}

input#recherche:focus {background: transparent url(img/recherche_focus.png) no-repeat top left;}

#search input.preview, #search input.submit {
	width : 28px;
	height : 25px;
	line-height : 25px;
	vertical-align : top;
	margin : 0;
	padding : 0;
	background : transparent url(img/ok_submit.png) no-repeat center left;
	font-size : 0.8em;
	font-weight : bold;
	border : 0px solid #fff;
	color : #fff;
}

#search input.preview:hover, #search input.submit:hover {
	background : transparent url(img/ok_submit_hover.png) no-repeat center left;
	cursor : pointer;
}

/* ---#Menu ---------------- */

ul#menu {
	clear : both;
	margin : 0 20px;
	font-size : 1.1em;
	font-weight : bold;
	border-top : 2px solid #fff;
	font-variant: small-caps;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

ul#menu a, ul#menu span.on {
	float : left;
	background : #938e96;
	color : #fff;
	margin : 0 1px;
	padding : 0.5em 1em;
	text-decoration : none;	
}

ul#menu span.on, ul#menu a:hover,ul#menu a:active,ul#menu a:focus {background : #ab635b;}
ul#menu li.g a {background : #938e96 url(img/coing.png) no-repeat bottom left;}
ul#menu li.g span.on,  ul#menu li.g a:hover,  ul#menu li.g a:focus,  ul#menu li.g a:active {background : #ab635b url(img/coing_on.png) no-repeat bottom left;}
ul#menu li.d a {background : #938e96 url(img/coind.png) no-repeat bottom right;}
ul#menu li.d span.on, ul#menu li.d a:hover,  ul#menu li.d a:focus,  ul#menu li.d a:active {background : #ab635b url(img/coind_on.png) no-repeat bottom right;}

/* --- ariane ---------------- */

p#ariane {margin : 0; padding : 1em; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;}
p#ariane span {color : #ab635b; font-weight : bold;}

/* --- Sidebar ---------------- */

#sidebar div {
	margin : 1em 0;
	padding : 0 0 1em 0;
	background : #cecccf;
	border : 1px solid #570a02;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

#sidebar div.cs_sommaire {
	border : 1px solid #ab635b;
}

#sidebar div.photo {
	margin : 50px 0 0;
	text-align : center;
	background : none;
	border : 0px solid #fff;
}
#sidebar h3 {
	margin :0;
	padding : 0.2em 0.5em;
	background : #570a02;
	color : #fff;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}

#sidebar ul, #sidebar p {margin : 1em; line-height : 1em;}
#sidebar li {list-style-type : none; margin-bottom : 1em;}
#sidebar li a {text-decoration : none; padding : 0;}

#calendar table {
	width : 90%;
	margin : 0 auto;
}

#calendar table, #calendar caption {
	text-align :center;
	}


/* --- Balises ---------------- */

ul, ol {
	margin: .75em 0 .75em 32px;
	padding: 0; 
}

ul {list-style: square;}
li ul {list-style : disc; font-style : italic; font-size : 0.95em; margin-top : 0.5em;}

li {
	margin: 0;
	padding: 0;
}

dd, dt {
	margin : 0;
	padding :0;
}

p {margin: .75em 0;}

img {
	border : 2px solid  #ab635b;
	margin : 0;
	padding : 0;
}

blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}

blockquote {
	border-left : 5px solid #ab635b;
	padding-left : 1em;
	margin: .75em 0 .75em 24px;
}

cite {font-style: italic;}


/* --- Balise en ligne ------------ */

em {font-style: italic;}

strong {
	font-weight: bold;
}


/* --- Classe ------------ */
.content {margin : 20px 20px 50px; font-size : 1.1em; clear : both;}
.texte {margin-bottom : 50px;}

dd.info, dl.column2 dd.info, dl.column3 dd.info {text-align : right;}
dd.titre {height : 5em;}
dd.intro {height : 10em;}

dl.column3 {
	float : left;
	width : 33%;
	margin : 0;
	padding : 0;
}

dl.column2 {
	float : left;
	width : 45%;
	background : #cecccf;
	margin : 2%;
	border : 1px solid #ab635b;
}

dl.column3 dd, dl.column3 dt, dl.column2 dd, dl.colum2 dt {
	margin : 0 5% 0.5em;
	padding : 0;
	border : 0px solid #fff;
	text-align : justify;
}

dl.column3 h2, dl.column2 h3 {text-align : left;}

dl.plan {margin-left : 3%;}

/*--- couleur ----
gris foncé : #938e96;
gris clair : #cecccf;
rouge : #570a02;
rose : #ab635b;
-----*/

.clear {clear : both;}
.invisible {display : none;}
.small, .navigation,.pagination,.info {font-size : 0.85em;}
.info, .pagination {text-align : right; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;}
.pagination {clear : both;}
.relief1 {color : #570a02; font-weight : bold;}
.relief2 {color : #ab635b; font-weight : bold;}
.right {text-align : right;}
/* --- Formulaires ------------ */

form, fieldset, input, select, textarea, label {
	margin : 0;
	padding : 0;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

#content fieldset {
	padding : 1em;
	background : #cecccf;
	border : 1px solid #938e96;
	font-weight : bold;
}

legend {
	background : #ab635b;
	color : #fff;
	font-size : 1.2em;
	padding : 0.2em 0.5em;
}

#content label {
	display : block;
	clear : both;
	float : left;
	width : 10em;
	color : #938e96;
	text-align : right;
	cursor : pointer;
}

#content input.text, #content textarea {
	width : 60%;
	background : #fff;
	border : 1px solid #938e96;
	margin-left : 5px;
	padding : 0.5em 1em;
}

#content p.boutons {
	text-align : right;
}

input.submit {
	background : #938e96;
	color : #fff;
	padding : 0.2em 0.5em;
	border : 1px solid #938e96;
	font-weight : bold;
}

input.submit:hover, input.submit:focus, input.submit:active {background : #ab635b;}


/* --- SPIP ------------ */

a.spip-admin-boutons {
	font-size : 0.85em;
	background : #938e96;
	color : #fff;
	text-decoration : none;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

a.spip-admin-boutons:hover, a.spip-admin-boutons:focus, a.spip-admin-boutons:active {background : #ab635b;}

div#outil_sommaire div {
	margin : 0;
	padding : 0;
	background : none;
	border : 0px solid #fff;
}
div.cs_sommaire {
	float : none;
	width : auto;
	font-size : 1.1em;
	margin : 0;
	padding : 0px;
}

div.cs_sommaire a {text-decoration : none;}

div#outil_sommaire div.cs_sommaire_titre_avec_fond, div#outil_sommaire div.cs_sommaire_titre_sans_fond {
	margin : 0;
	padding : 0.2em 0.5em;
	background: #ab635b url(img/sommaire_on.png) no-repeat 5px center;
	border : 0px solid  #fff;
	text-align: left;
	color : #fff;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-variant : small-caps;	
	font-size: 1.4em; 
}