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

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

body { background: #3E4E82 url(fond_degrade.jpg) top left repeat-x; } 

#main {
	background: #f0ead4 url(repeat_bloc_vide.jpg) top left repeat-y;
	margin: 0 auto;
	width: 776px;
}

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

body { 
	font:  14px/18px Times, sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d'; 
}

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

h1 { }
h2 { font-size: 18px; font-weight: bold; }	
h3 { font-size: 1.1em; font-weight: bold;  }

#content h3 { font-style: italic;  text-decoration: underline; }
#sidebar h3 { }
#sidebar label { color: #04113C; }
		
/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

	fieldset, input, textarea, select { margin: auto; }
	
		legend { font-weight: bold; margin-bottom: 1em; color: #000; }
		label { cursor: pointer; }
		
		#content label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 30%; margin-right: 2%;
		}
		.forml { border: solid 2px #ddd; width: 60%; }
		#content button { 
			margin-top: 1em; margin-left: 32%; padding: 1px 3px; 
			
		}
		
		#content .checkbox label { float: none; width: auto; } 
		#content .checkbox input { margin-left: 32%;}
		
		#content fieldset p { padding: 0.2em 0; }
		
	#formulaire_lettres {  }
		
		#formulaire_lettres p { margin-bottom: 0.5em;  } 
		
		#formulaire_lettres button { 
			background: transparent url(bouton_ok.jpg) center top no-repeat; 
			float: right; width: 36px; height: 28px;
		} 
		#formulaire_lettres button:hover { background-position: center bottom; }
		
/* ----------------------------------------------------------------- */
/* >>> HEADER */

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

	#menu-haut, #menu-haut li, #traduc, #traduc li { list-style-type: none; }
	#menu-haut { height: 36px;  line-height: 36px; text-align: center; }
	#traduc { height: 14px;  line-height: 14px; text-align: center; margin: 5px 30px; } 
	
		#menu-haut li, #traduc li { float: left; height: 100%; }
		#traduc li { margin: 0 10px; }
		
			#menu-haut li a, #traduc li a {display: block; height: 100%; } 
			
			#nav-accueil { background: transparent url(fr/nav_accueil.jpg) top center no-repeat; width: 75px; }
			#nav-contact { background: transparent url(fr/nav_contact.jpg) top center no-repeat; width: 65px; }
			
			#menu-haut li a:hover { background-position: 0 -36px; } 
			
			#nav-fr { background: transparent url(fr.jpg) top center no-repeat; width: 21px; }
			#nav-en { background: transparent url(gb.jpg) top center no-repeat; width: 27px; }
			
/* ----------------------------------------------------------------- */
/* >>> NAV */

#nav { position: absolute; bottom:0; left:0; }

	#nav ul, #nav li { list-style-type: none; }
	#nav ul { height: 37px;  line-height: 37px; text-align: center; }
	
		#nav li { float: left; height: 100%; }
			
			#nav li a { display: block; height: 100%; }
			
			#nav-1 { background: transparent top center no-repeat; width: 159px; }
			#nav-2 { background: transparent top center no-repeat; width: 164px; }
			#nav-3 { background: transparent top center no-repeat; width: 213px; }
			#nav-4 { background: transparent top center no-repeat; width: 145px; }
			
			#nav li a:hover, #nav li a.actif { background-position: 0 -37px; }
			
/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content { position: relative; float: right; width: 558px; }

	#content p { padding: 1em 0; }
	#content ul { padding: 1em 20px; }  #content-main ul p { padding: 0.2em 0; }
	
	.content-header { background: transparent top center no-repeat; height: 31px; }
	.content-footer { background: transparent url(bloc_large_pied.jpg) top center no-repeat; height: 25px;}
	
	.content-main { 
		background: transparent url(bloc_large_repeat.jpg) top center repeat-y; 
		position: relative; padding: 1em 2em; 
	}
	
		.bouteille { float: left; margin-right: 20px; }	
	
	#content-main-adresse { 
		background: transparent url(fd_adresse.jpg) top center repeat-y; 
		height: 43px; line-height: 43px;
		padding: 0 60px;
		} 
	#content-footer-adresse { background: transparent url(bloc_large_adresse.jpg) bottom center no-repeat; }
	
	#bouchon { position: absolute; bottom:0; left:0; }
		
/* ----------------------------------------------------------------- */
/* >>> SIDEBAR */

#sidebar { float: left; width: 218px; } 

	.sidebar-header { background: transparent top center no-repeat; height: 31px; }
	.sidebar-footer { background: transparent url(palette_bas.jpg) top center no-repeat; height: 24px; }
	#sidebar-footer-last { background: transparent url(pied_last_palette.jpg) top center no-repeat; height: 4px; }
	
	.sidebar-main { 
		background: transparent url(palette_repeat.jpg) top center repeat-y; 
		padding: 10px 10px 1px 15px;
	}
	
		.sidebar-main p, .sidebar-main h3  { margin-left: 10px; }		
		.sidebar-main li { margin-left: 25px; margin-bottom: 1em; }
	
		.date, .plus { font-style: italic; }
		.date { color: #614E13; }	
		.plus { margin-bottom: 10px; }

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

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

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

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

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

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