/* ----------------------------------------------------------------- */
/* >>> GLOBAL */

* {margin: 0; padding: 0; border: none; }
img { border: none; }
ul li { margin: 0.5em 0 0.5em 20px; }
ul p { margin: 0.2em 0; }

body { background: #FFDC02 url(images/horizontal_repeat.jpg) center top repeat-x; }

#main {
	background: transparent url(images/fond_repeat.jpg) center top repeat-y; 
	margin: 0 auto;
	width: 997px;
}

/* ----------------------------------------------------------------- */
/* >>> TYPO et HEADINGS */

body { 
	font: 76%/1.2em "Trebuchet MS", "Dejavu Sans", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
}

a, a:link, a:visited { color: #003616; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 { position: absolute; top: 22px; left: 164px; width: 180px; height: 190px; }
	h1 a { display: block; width: 100%; height: 100%; }

h2 { font-size: 1.5em; line-height: 1.2em; border-bottom: solid 1px #003616; margin: 20px 0 10px 0; }
	h2 img { display: inline; vertical-align: middle; }
h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; }
	
	#sidebar h2 { margin: 20px 10px 10px; }
	#sidebar h3 { margin: 0 10px 5px; }
	
/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

	fieldset, input, textarea, select { margin: auto; }
	
		legend { font-weight: bold; margin-bottom: 1em; }
		label { cursor: pointer; }
		
		#content label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 30%; margin-right: 2%;
		}
		#content .forml { border: inset 2px #ddd; width: 60%; }
		#content button { 
			margin-top: 1em; margin-left: 32%; padding: 1px 3px; 
			background-color: #003616; color: #FFF;
		}
		
		#content .checkbox label { float: none; width: auto; } 
		#content .checkbox input { margin-left: 32%; }
		
/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header { 
	background: transparent url(images/bandeau.jpg) top center no-repeat;
	width: 100%; height: 266px; 
	position: relative;
}

/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content {
	position: relative; margin-top: -30px;
	float: left; margin-left: 190px; 
	width: 420px; text-align: justify;  
}
	#content p { margin: 1em 0; }
	#content ul { margin-left: 20px;} 
	#content ul li { margin: 1em 0; }  #content-main ul p { margin: 0.2em 0; }
	#content .photo { margin: 5px }

/* ----------------------------------------------------------------- */
/* >>> SIDEBAR */

#sidebar { 
	position: relative; margin-top: -30px;
	float: right; margin-right: 179px; 
	width: 182px; 
}

	#sidebar p { margin: 10px; }

/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer { 
	clear: both; padding-left: 190px; height: 60px;
	background: transparent url(images/pied.jpg) center bottom no-repeat;
}

	#footer img { display: inline; }

/* ----------------------------------------------------------------- */
/* >>> CLASSES DIVERSES */

.invisible { display: none; }
.spacer { clear: both;}
.left { float: left; }
.right { float: right;}

/* ----------------------------------------------------------------- */

ul.boutons{
	list-style-type:none;
	padding:0;
	margin:0;
}
#sidebar ul.boutons li{
	text-align:center;
	margin:0;
	padding:0;
}
#sidebar ul.boutons li input{
	padding:3px;
	margin-top:5px;
	color:#AE332E;
}