/* Formatage général */
a img { border: 0; margin: 0; }
ul { list-style:none; list-style-position: outside; }
hr { visibility: hidden; clear: both; }
* { margin:0; padding:0; }
a { color: #646567; }
a:hover { text-decoration: none; }
img { display: block; margin: 10px auto; }
/* Classes */
img.left { float: left; border: 2px solid white;  margin: 4px; } 
html { font-size: 100%; }
body { font: .7em/1.3em Arial; background: #646567; width: 836px; margin: auto; color: #282629; position: relative;}
/*body { font: .7em/1.3em "Trebuchet MS", Arial, sans-serif; background: #646567; width: 836px; margin: auto; color: #282629; position: relative;}*/

h1, h3, h4, h5, h6 { font-weight:bold; font-size: 1em; }
h1, h3, h4, h5, h6 { font-weight:bold; font-size: 1em; }
#page { background: url("images/body.jpg") repeat-y center; padding: 0 15px 0 16px; }
/* Header */
#header { background: url("images/header.jpg") repeat-x; position: relative; top: 0; left: 0;}
		#header #logo { display: block; width: 278px; height: 105px;}
		#header #nav { padding: 10px 10px 0 0; width: 528px; position: absolute; left: 267px; top: 0; }
				#header #nav #langue { width: 100%; margin: 0 0 8px 0; float: right; }
						#header #nav #langue img { float: right; margin: 0 0 0 3px; }
				#header #nav h2 { font-size: .8em; float: right; background: #e21918 url("images/accroche.png") no-repeat; height: 16px; padding: 2px 10px 2px; color: white; text-transform: uppercase; letter-spacing: .15em; }
				/* Menu */
				#header #nav #menu { clear: both; padding: 10px 0 0 15px;  position: absolute; top: 50px; left: 0; }
						#header #nav #menu li { display: inline; text-transform: uppercase; padding: 0 0 20px 0;}
						#header #nav #menu li + li:before { content: "|"; color: white; }
								#header #nav #menu li a { padding: 0 5px; text-decoration: none; }
								#header #nav #menu li a:hover, #header #nav #menu li:hover a, #header #nav #menu li.active a { color: #e21918; }
								#header #nav #menu li ul { display: none; position: absolute; left: 0; top: 25px; background: #e31818 url("images/ul.jpg") left top no-repeat; padding: 0 0 0 20px; width: 518px; }
								#header #nav #menu li:hover ul, #header #nav #menu li.active ul { display: block; }
										#header #nav #menu li ul li { text-transform: none; line-height: 1.6em; background: #e31919 url("images/li.jpg") right bottom no-repeat; padding: 0; float: left; }
										#header #nav #menu li ul li + li:before { content: ""; }
										#header #nav #menu li ul li:last-child { background: #e31919 url("images/li-last.jpg") right bottom no-repeat;}
									
												#page #header #nav #menu li ul li a { color: white; display: block; padding: 1px 15px 1px 0; background: url("images/a-trans.png") top repeat-x; }
												#page #header #nav #menu li ul li a:hover, #page #header #nav #menu li ul li.active a { color: black; }
/* Corps du site */
#contenu { padding: 0 10px 20px 0; }
#colonne-gauche { float: left; width: 152px; padding: 0 10px; }
		/* Champs de recherche */
		#colonne-gauche .recherche { border: 1px solid #7b7c7e; width: 122px;  float: left; padding: 2px 0 2px 5px; height: 14px; line-height: 14px;  }
		#colonne-gauche .boutton {  border: 0; width: 20px; margin: 0 0 0 2px; background: #7b7c7e; color: white; clear: right; text-align: center; vertical-align: middle; padding: 0 0 2px 0;  height: 20px; line-height: 20px; }
		/* Lien contactez-nous */
		#colonne-gauche #contactez a { background: #a6a8a9; border: 1px solid white; width: 122px; height: 14px; padding: 2px 0 2px 5px; margin: 4px 0; color: white; font-size: .9em;}
		#colonne-gauche a { text-decoration: none; display: block; padding: 3px 0;}
		/* Menu gauche */
		#colonne-gauche ul { margin: 20px 0 0 0; }
			#colonne-gauche ul li ul { margin: 0; }
				#colonne-gauche ul li ul li { border-bottom: 2px solid white; padding:0 0 0 1px; }
						#colonne-gauche ul li a { font-weight: bold; border-bottom: 2px solid white;  padding: 3px 0 3px 1px; text-transform: uppercase; }
						/*#colonne-gauche ul li.active a { color: #e21918; text-transform: uppercase;}*/
						#colonne-gauche ul li.active a { color: #e21918;}
						#colonne-gauche ul li ul li a:hover, #colonne-gauche ul li.active ul li a:hover { color: #E21918; }
								#colonne-gauche ul li ul li ul li.active { color: #E21918; background: url("images/puce-blanche.png") left top no-repeat; }
								#colonne-gauche ul li ul li ul li { border: 0; padding: 0 0 0 18px; }
										#colonne-gauche ul li ul li a, #colonne-gauche ul li.active ul li a { padding: 1px 0; color: #646567; border: 0; text-transform: none;}
												#colonne-gauche ul li ul li ul li ul li a { font-weight: normal;}

/* Pied de page */
#pied { border-top: 2px solid #F1F1F1; background: white;  text-align: center; margin: 0 1px 0 0; padding: 5px 0; }
		#pied a { color: #282629; }
#signature { background: #646567; padding: 0 15px 5px 15px; color: #909090; font-size: .8em; text-align: right; }
		#signature a { color: #909090; }