/*Couleurs
----------------------------
Rouge : #9a3636;
bleu fonce : #119D7F;
bleu clair : #eaf0f0;
bleu logo :  #119D7F;
Fond jaune : #f0cb70;
Vert logo : #119D7F
Vet clair : #119D7F
*/



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

html {
	background : #fff url(img/fond_body.png) repeat-x top;
}


body {
	font: 80% "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color : #000;
	line-height : 1.4em;
}

/* Liens
-------------------------------------*/
a:visited {font-weight : normal; color : #119D7F;}
#sidebar a:visited {font-weight : bold;}

#prelude ul li a:visited {
	color : #119D7F;
	font-weight: bold;
	}

a {
	color : #119D7F;
	font-weight: bold;
	}

dd a, .plan ul a {text-decoration : none; font-weight : normal;}

a:hover, a:focus, a:active, a.on, #prelude ul li a:hover, #prelude ul li a:active, #prelude ul li a:focus {
	color : #fff;
	background : #119D7F;
	text-decoration : none;
}

.navigation a {font-weight : normal;}

#sidebar a:visited, #sidebar a, 
.sidebar h2 a:visited, .sidebar h2 a, 
#calendar a:visited, #calendar a,
#content dt a
	{
	text-decoration : none;
}

#sidebar dt a:visited, #sidebar dt a, 
.sidebar h2 a:visited, .sidebar h2 a, 
#calendar a:visited, #calendar a,
#content dt a:visited, #content dt a
	{
	color : #fff;
	font-weight : bold;
}



#content h3 a {text-decoration : none;}


#calendar a:visited, #calendar a {background : #119D7F;}

.sidebar a:hover, .sidebar a:active, .sidebar a:focus,
#calendar td a:hover, #calendar a:active, #calendar a:focus,
#calendar caption a:hover, #calendar caption a:active, #calendar caption a:focus,
#content dt a:hover, #content dt a:active, #content dt a:focus
	{
	color : #fff;
	background : #119D7F;
	text-decoration : none;
}

#sidebar dt a:hover, #sidebar dt a:active, #sidebar dt a:focus, #sidebar dt a.on {
	background : #9a3636 url(img/fond_menu_hover.png) repeat-y;
}

#sidebar dd a:hover, #sidebar dd a:active, #sidebar dd a:focus, #sidebar dd a.on
	{background : #9a3636 url(img/fond_menu_hover.png) repeat-y;}


/*sidebar (menu)
--------------------------------------------------------*/

#sidebar dt,#sidebar dl, #sidebar dd {margin : 0; padding :0;}

#sidebar dt a {
	display : block;
	height : 30px;
	line-height : 30px;
	background : #119D7F url(img/fond_menu.png) no-repeat top left;
	padding-left : 30px;
	margin : 5px 0 0 0;
	border-top : 1px solid #ccc;
	font-size : 1.1em;
}

#sidebar dd a {
	display : block;
	display:list-item; 
	list-style : square;
	list-style-position : inside;
	margin : 2px 0; 
	padding : 2px 15px;
	font-size : 0.9em; 
	color : #eee;
}

/* Prelude
-------------------------------------*/
#prelude {
	height : 20px;
}

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

#prelude ul {
	float : right;
}

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

#prelude ul li {
	display : inline;
	line-height : 17px;
}

#prelude ul li a {
	display : block;
	float : left;
	padding : 0 1em;
	height : 20px;
	line-height : 20px;
	text-decoration : none;
	color :  #119D7F;
}



/* Top
--------------------------------------*/
#top {
	height : 300px;
	background : url(img/banniere.jpg) no-repeat 305px top;
}

#top h1 {
	margin : 0 0 20px 0; 
	padding :0; 
}

#top h1 img {
	margin : 0;
	padding : 90px 0 0 0;	
}

#top h1 a {background : none;}


#top #description {
	margin-left : 40px;
	font-size : 1.6em;
	color :#fff;	
}

/* Layout
-------------------------------------------------------- */
#page {
	position : relative;
	width :  99%;
	max-width : 1200px;
	margin : 0 auto ;
	text-align : left;
	background : transparent url(img/fond_page.png) repeat-y 15px;
}

#main { 
	clear : both;
	margin-left : 15px;
	background : #119D7F url(img/fond_page.png) repeat-y left;
}

#sidebar {
	float : left;
	width : 290px;
	font-size : 1.1em;
}

#centre {
	overflow : hidden;
	background : #fff;
	margin-left : 290px;
	padding-left : 3%;
}

#content {
	float : left;
	width : 65%;
	margin-right : 3%;
}

div#wrapper {
	overflow : hidden;
}

	
#bottom {
	clear : both;
	height : 160px;
	margin-left : 305px;
	text-align : center;
	font-size : 0.85em;
}

#bottom p {
	height : 97px;
	line-height : 97px;
	margin : 0; 
	padding: 0;
}
p#logo {
	height : 50px;
	line-height : 50px;	
}
p#logo img {
	margin : 0 10px;
	vertical-align : middle;
}

/* Taille Titres + styles titres généraux
-----------------------------------------------*/
.sidebar h2,  #calendar caption {font-size : 1.1em;}
h2 {font-size : 1.4em;}
h3 {font-size : 1.3em;}
h4 {font-size : 1.2em;}
h5 {font-size : 1.1em;}
h6 {font-size : 1em;}


#content h2 {
	color : #fff; 
	background :  #9a3636 url(img/fond_menu_hover.png) repeat-y;
	margin-top : 15px;
	padding : 3px 0 3px 20px;
}

.sidebar h2 {
	color : #fff; 
	background : #119D7F;
	margin-top : 15px;
	padding : 3px 0 3px 20px;
}

#content h3 {
	color : #119D7F; 
	background : #fff; 
	padding-left : 20px;
}


#content dt {
	color : #fff; 
	background : #119D7F ; 
	padding : 3px 0 3px 20px;
	font-weight : bold;
}

/*Blocs internes
--------------------------------------------------------*/
p#ariane {
	margin :0;
	color : #119D7F;
}

#content dl {
	border : 1px solid #ccc;
	padding : 0.5em 0;
}
#content dl.doc {
	border : 0px solid #ccc;
	
	}

#content dd {margin : 20px;}

.plan dl {margin-left : 50px;}
#content .plan dt {font-size : 1em; margin : 0;}
#content .plan dd {margin : 0;}

#content div.forum dl {
	margin : 0;
	padding : 0;
	border-left : 5px solid #119D7F;
	background : #eee;
}

#content div.forum dt, #content div.forum dd {
	margin : 0;
	padding :0;
}

dd.auteur {
	color : #119D7F;
	font-style : italic;
}

.sidebar ul, .sidebar ul li {margin : 0; padding : 0;}
.sidebar ul li {list-style-type : none;}
.sidebar ul li, .sidebar dt {margin : 0 10px;}

#wrapper div {margin-bottom : 10px;}
#wrapper dl, #wrapper ul {
	margin : 5px; 
	padding : 5px 0; 
	border : 1px solid #ccc; 
	background : #fff;
}

#wrapper ul {
	font-size : 0.85em;
	color : #119D7F;
}
#wrapper ul li {list-style-type : square; list-style-position : inside;}


#wrapper dt {margin-bottom : 5px;}
#wrapper dd {margin : 0 10px;}
#main #wrapper h2 {margin : 15px 5px;}

#calendar, #calendar caption {text-align : center;}
#calendar table {background : #fff;}
#calendar table, #calendar caption {
	width : 95%;
	border : 1px solid #ccc; 
	text-align :center;
	margin : 0 auto;	
	}

#calendar td.occupe,  #calendar caption {
	background : #119D7F; 
	color : #fff;
}
#calendar th {color : #119D7F;}

#calendar ul {
	margin : 0 2.5%;
	padding : 0.5em 0;
	font-size : 0.9em;
	text-align : left;
	background : #119D7F;
	color : #fff;
	line-height : 1em;
	}
#calendar ul li {
	border-bottom : 1px solid #ddd; 
	padding-bottom : 0.5em;
	list-style-type : none;
	}

#wrapper img, #content img {
	border : 1px solid #ccc; 
	background : #fff;
	padding : 5px;
	}

/*Agenda
--------------------------------------------------------*/
#content dl#agenda dt {font-weight : bold; margin-bottom : 5px;}
#content dl#agenda dd.date {background : #fff url(img/bord_prelude.png)repeat-y left; color :#119D7F; font-weight : bold; }
#content dl#agenda dd.lieu {font-style : italic; color :#119D7F;}
#content dl#agenda dd {margin : 0; padding : 0 20px;}


/*Elements HTML en general
--------------------------------------------------------*/
hr {display : none;}
p {line-height : 1.6em; margin : 0 0 1.6em; padding :0;}
img {border : none;}
ul {list-style-type : square; line-height : 1.6em; margin-left : 1em;}
ul ul {list-style-type : circle;}

/*Classe en general
--------------------------------------------------------*/
/*Spip
------------------*/
p.spip {margin : 0.5em 0;}

/* image doc
------------------*/
#content dl.doc {background : none;}

#content dl.doc dt {
	background-image : none;
	display:list-item; 
	list-style : square;
	list-style-position : inside;
	margin : 0;
	padding : 0;
}

#content dl.doc dd {margin : 0 0 0 1.5em; padding : 0; font-size : 0.9em; font-style : italic;}

#content dl.right,#content dl.left {background : #fff;}
#content dl.right dd, #content dl.left dd {font-size : 0.9em; font-style : italic;}

#content dl.right dt, #content dl.left dt, #content dl.center dt, #content dl.img dt {font-weight : bold;}


/*Enluminure typo
-----------------*/
blockquote, .spip_poesie {background : #fff; border : 1px solid #ddd; padding : 0.5em 1em 0;}
blockquote, .spip_poesie {border-left : 5px solid #119D7F;} 
.spip_poesie {margin-bottom : 1em;}
span.b {font-weight : bold;}
span.relief {color : #119D7F; font-weight : bold;}
span.relief2 {color : #9a3636;font-weight : bold;}
span.small_caps{font-variant: small-caps ;}
div.center, .center {text-align : center;}
div.droite {text-align : right;}
acronym.acronym {text-decoration : underline;}

/*Couteau suisse/decoration
--------------------------*/
div.left, img.left, .left {float : left; margin : 0.5em 1em;}
div.right, .right {float : right; margin : 1em;}
div.encadre {overflow : hidden; background : #fff; border : 1px solid #ddd; padding : 0.5em 1em 0;}
div.encadre ul {margin : 0 0.5em; padding : 0; color : #119D7F;}

/*Squelette
-------------------------*/
.b {font-weight : bold;}
.small {font-size : 0.9em;}
.navigation {text-align : right; margin : 1em; font-style : italic; clear : both;}
dd.puce {margin-left : 20px;}
.error {background : #9a3636; color : #fff; padding : 0.5em;}
.clear {clear : both;}
.none {display:none;}

p.info {
	margin : 1em 0;
	padding : 0 5px;
	font-size : 0.9em;	
	font-style : italic;
	color : #9a3636;
}

span.lire {
	display : block;
	margin-bottom : 5px;
	padding-left : 17px;
	background : url(img/arrow_right.png) no-repeat left center;
}


/*Formulaires
--------------------------------------------------------*/
fieldset {
	padding : 1em; 
	background :  #eaf0f0;
	border : 1px solid #ddd;
}
fieldset p {margin : 0;  padding :0;}
fieldset p.small {color : #119D7F; font-style : italic;}
fieldset p.small, fieldset fieldset {display : inline;}
fieldset ul, fieldset ul li {margin : 0; padding : 0; list-style-type : none;}
fieldset fieldset legend {background : none; color : #119D7F; margin-top : 1em;}
legend {font-size : 1.1em; font-weight : bold; color : #fff; background : #119D7F; padding : 0 1em; }

label {display : block;color : #119D7F; }
ul label {display : inline;}

textarea, input, select {
	border: 1px solid #ddd;
	background : #fff;
}

input {
	padding : 3px 5px;
}
textarea {width : 90%; padding : 1em;}

input.preview, input.submit, select {
	background : #119D7F;
	color : #fff;
	font-weight: bold;
}

input.preview:hover, input.submit:hover {
	background : #9a3636;
	cursor : pointer;
}

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

/* Recherche
--------------------------------------*/
#search  {
	height : 30px;
	line-height : 30px;
	margin-top : 30px;
	padding-left : 30px;
	background : #119D7F url(img/fond_menu.png) no-repeat top left;
	border-top : 1px solid #ccc;
	
}

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

#search label {
	font-weight : bold;
	color : #fff;
	display : inline;
}

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