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

h1, h3, h4, h5, h6 { font-weight:bold; font-size: 11px; }
#page { background: url("images/body-home.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: 690px; position: absolute; left: 267px; top: 0; }
				#header #nav #lang { width: 100%; margin: 0 0 8px 0; float: right; }
						#header #nav #lang img { float: right; margin: 0 0 0 3px; }
				#header #nav h2 { font-size: 10px; float: right; background: #e21918 url("images/baseline.png") no-repeat; height: 14px; padding: 3px 10px 2px; color: white; text-transform: uppercase; letter-spacing: 1px; }
				
				
				/* Menu v2 */
				#header #nav #menu { clear: both; padding: 13px 0 0 15px; top: 50px; left: 0; height: 1em; }
						#header #nav #menu li { float:left; text-transform: uppercase; padding: 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; background-color: #EEEEEE; border: 1px solid #B8B9BD;}
								#header #nav #menu li:hover ul { display: block; position: absolute; margin: 0; padding: 3px; z-index: 9999;}			
										#header #nav #menu li ul li { text-transform: none; display: block; margin:0 5px 0 5px; clear:both;}
										#header #nav #menu li ul li + li:before { content: ""; }
										#page #header #nav #menu li ul li a { color: black; display: block; padding: 2px 2px 2px 0; margin:0; float: left; }
												#page #header #nav #menu li ul li a:hover, #page #header #nav #menu li ul li.active a { color: #e21918; }
				
				
				
				
				/* Menu original*/
/*
				#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: 600px; }
								#header #nav #menu li:hover ul { display: block; z-index: 10; }
								#header #nav #menu li.active ul { display: block; z-index: 0; }

										#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 */
#content { padding: 0 0 0 0; }
#nav-v { float: left; width: 152px; padding: 0 10px; }

		#nav-v a { text-decoration: none; display: block; padding: 3px 0;}
		/* Menu gauche */
		#nav-v ul { font-weight: normal; margin: 0 0 0 0; }
			#nav-v ul li ul { margin: 1px 0 0 0; }
				#nav-v ul li ul li { border-bottom: 1px solid white; padding:0 0 0 0; }
						#nav-v ul li a {border-bottom: 1px solid white;  padding: 3px 0 3px 1px; text-transform: uppercase; }
	/*					#nav-v ul li.active a { color: #e21918; text-transform: uppercase;}*/
						#nav-v ul li.active a { color: #e21918; font-weight:bold;}
						#nav-v ul li ul li a:hover, #nav-v ul li.active ul li a:hover { border : 0 ; color: #E21918; }
								#nav-v ul li ul li ul li.active { border: 0; color: #e21918; background: url("images/red-arrow.png") left top no-repeat; }
								#nav-v ul li ul li ul li {  border: 0; padding: 0 0 0 18px;  }
									#nav-v ul li ul li a, #nav-v ul li.active ul li a { padding: 1px 0; color: #646567; border: 0; text-transform: none;font-weight: normal;}
												#nav-v ul li ul li ul li ul li a { font-weight: normal;}

/* Légende des images */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {font-size: 10px; font-style: italic !important;}

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