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

* {margin: 0; padding: 0; border: none; }
img { border: none; }

#main {
	position: relative;
	background: transparent url(images/page_repeat.png) left top repeat-y;
	margin: 0 auto; width: 814px; 
}

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

body { 
	background: #1f574c url(images/fd_repeat.jpg) left top repeat-x;
	font: 11px/1.4em Arial, Verdana, "Dejavu Sans", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
}

a, a:link, a:visited { text-decoration: none; color: #014133; }
a:hover { text-decoration: underline; }

h1 { 
	position: absolute; 
	top: 27px; left: 70px;
	width: 119px; height: 119px; 
}
	h1 a { display: block; width: 100%; height: 100%; }

h2 { font-size: 1.4em; text-transform: uppercase; color: #014133; margin: 10px 10px 0; }
h3 { font-size: 1.2em; font-weight: bold; color: #006A44; }
	
	#header-liens, #header-liens a, #nav, #nav a { text-align: right; color: #FFF; }
	#nav a.erreur { color: red; }

	button, .forml {font-size: 1em; line-height: 1.4em; }
	
/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

	fieldset, input, textarea, select { margin: auto; }
	
		legend { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; }
		label { cursor: pointer; }
		button { background-color: #f6ae35; color: #000; border: solid 1px #000; padding: 0 2px; }
		button.bouton { font-weight: bold; }
		#content button { margin: 1em 0 0 37%; padding: 1px 3px; }
		
		#content label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 35%; margin-right: 2%;
		}

		.forml { border: solid 1px #000; width: 55%; padding: 1px; }
		select.forml { padding: 0; }
		
		.checkbox { margin: 8px 0; }
			#content .checkbox label { float: none; width: auto; } 
			#content .checkbox input { margin-left: 32%; }

		.formulaire-main fieldset { padding: 10px 0; }
		.formulaire-main li { list-style-type: none; }

		
/* ----------------------------------------------------------------- */
/* >>> HEADER */

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

	#header-liens { 
		background-color: #1f574c; 
		width: 800px; height:15px; 
		margin: 0 auto; 
	}
		#header-liens li { display: inline; }
			#header-liens li a { margin: 0 5px; }

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

	#sidebar { float: left; margin-left: 31px; width: 197px; }

		#sidebar p#current-year { margin: 0 25px; }

		#nav { background: transparent url(images/menu_repeat.jpg) center top repeat-y;	width: 100%; }
			#nav li { list-style-type: none; }
				#nav li a { margin-right: 31px; }
				#nav li a.restreint { color: #f6ae35; }
					#nav li.disc { list-style-type: disc; }

		#nav div.pointilles { 
			background: transparent url(images/menu_pointille.jpg) center top no-repeat; 
			width: 100%; height: 11px;
		}

		#nav-footer { background: transparent url(images/menu_pied.jpg) bottom center no-repeat; width: 100%; height: 21px;}

		#sidebar #espace-client { background: transparent url(images/client_haut.jpg) center top repeat-y; height: 47px; }
		#sidebar #meteo { background: transparent url(images/haut_meteo.jpg) center top repeat-y; height: 61px; }
		#sidebar #vinglish { background: transparent url(images/haut_vinglish.jpg) center top repeat-y; height: 61px; }
		#sidebar .formulaire-main { background: transparent url(images/bloc_gch_repeat.jpg) center top repeat-y; padding: 0 25px 0 20px; }
			#sidebar .formulaire-main td { padding: 2px 0; }
		#sidebar .formulaire-footer { background: transparent url(images/bloc_gch_pied.jpg) center top no-repeat; height: 20px; }

		#logout a {  }
		#sidebar .forml, #meteosel { width: 75%; }

		#sidebar table { margin-top: 8px; text-align: right; }

		#sidebar ul#mois, #sidebar ul#annees { 
			margin: 0 auto; width: 150px; 
			border-top: 3px solid #f6ae35;
			border-bottom: 3px solid #f6ae35;
		}
		#sidebar ul#mois li, #sidebar ul#annees li { 
			list-style: none none inside;
			float: left; margin: 0; 
			border: 1px solid #f6ae35;
			text-align: center;
		}
		#sidebar ul#mois li { width: 48px; }
		#sidebar ul#annees li { width: 58px; }

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

#content { float: left; width: 360px; min-height: 540px; }

	#content p { text-align: justify; padding-bottom: 10px; }
	#content ul li { margin-left: 30px; padding: 0.2em 0; }  #content-main ul p { margin: 0.2em 0; }

	.content-header { background: transparent url(images/centre_haut.jpg) center top no-repeat; height: 62px; }
		.content-header h3 { padding: 20px; }
	.content-main { background: transparent url(images/centre_repeat.jpg) center top repeat-y; padding: 0 25px 0 20px; }
	.content-footer { background: transparent url(images/bas_repeat.jpg) center top no-repeat; height: 16px; }

	.spip_documents_left { margin-right: 15px; }
	.spip_documents_right { margin-left: 15px; }
	.spip_documents_center { display: block; text-align: center; }

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

	#sidebar-right { float: right; margin-right: 20px; width: 205px; }

		#sidebar-right .content-header { background: transparent url(images/droite_ht.jpg) center top no-repeat; height: 67px; }
		#sidebar-right .content-main { background: transparent url(images/droite_repeat.jpg) center top repeat-y; }
			#sidebar-right .content-main p { padding-bottom: 10px; }
		#sidebar-right .content-footer { background: transparent url(images/droite_pied.jpg) center top no-repeat; height: 21px; }

		#sidebar-right .formulaire-header { background: transparent url(images/lettre_info_ht.jpg) center top repeat-y; height: 54px; }
		#sidebar-right .formulaire-main { background: transparent url(images/lettre_info_repat.jpg) center top repeat-y; padding: 0 25px 0 20px; }
		#sidebar-right .formulaire-footer { background: transparent url(images/lettre_info_pied.jpg) center top no-repeat; height: 20px; }

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

#footer { 
	background: transparent url(images/pied.jpg) center bottom no-repeat;
	clear: both; width: 100%; height: 78px;
}

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

.invisible { display: none; }
.spacer { clear: both;}
.left { float: left; }
.right { float: right;}
.erreur, .reponse_formulaire { color: red; }

/* ----------------------------------------------------------------- */
#langs {position:absolute; top:0; left:20px}
#langs img {border:1px solid #F6AD2D}