body {	background-image: url(images/bg.gif); background-color: #0d0d0d;	padding: 0px; margin: 14px 0px 0px 0px; font: 0.7em/1.2 trebuchet ms, Arial, Helvetica, sans-serif; color: #333333; background-repeat: repeat-x; }
#contenant {	min-height: 100%;	margin: 0 auto;	width: 723px; }


.spip_logos {	border-top-width: 0px;	border-right-width: 0px;	border-bottom-width: 0px;	border-left-width: 0px; }
.make_center { 	text-align: center; }

#col_left {	float: left;	width: 185px; }

hr.spip { margin-top: 25px; margin-bottom:20px; background-color: #dddddd; padding-bottom:2px;}
hr { margin-top: 15px; margin-bottom:15px; background-color: #dddddd;}
.formulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

* {
outline:none;
}

h6 {	padding: 0px;	margin: 0px;	color: #6b4515;	font: 1.3em Georgia, "Times New Roman", Times, serif;	font-weight: bold; }


/* Nav  sousrubrique*/
#navcontainer ul { padding-left: 0;margin-left: 0;background-color: #e26e01; color: White;float: left;width: 100%; font-family: arial, helvetica, sans-serif; }
#navcontainer ul li { display: inline; }
#navcontainer ul li a { padding: 0.1em 0.5em; background-color: #e26e01; color: White; text-decoration: none; float: left; border-right: 1px solid #DDDDDD;}
#navcontainer ul li a:hover{background-color: #ff8c1f;color: #fff;}

/* Right Column */
#col_right {	background: url(images/main_repeat.gif) repeat-y;	float: right;	width: 531px;	margin-left: 7px; }
#main_header {	background: url(images/main_top.gif) no-repeat;	width: 531px;	height: 17px; }
#main_body {	padding: 0px 22px 0px 22px;	position: relative; }

/* content area */
#content_left {	float: left; width: 700px;	margin: 0px;	padding: 0px;	position: relative;	border-right:#dedede solid 1px; min-height: 620px; }
#content_right {	float: left;	width: 207px;	position: relative; }
#content_left p {	margin: 0px;	padding: 0px 10px 10px 0px; }
.paragraphe {	padding: 10px 10px 10px 0px;}

h2 img {	vertical-align: top;	margin-top: 2px; }
h4 img {vertical-align: bottom; }
h5 {margin: 0px;	padding: 0px;	font: 1.3em "Times New Roman", Times, serif;	color: #6b4515;	font-weight:bold; }

#sub_header {	margin-top: 15px; }

#footer {	background-color:#0d0d0d;	clear:both;	font-weight:bold;	padding: 10px 0px 5px 0px;	color: #e26e01;	text-align: right;	font: 0.9em/1.5 trebuchet ms, Arial, Helvetica, sans-serif; }
#footer a {	color: #CCCCCC; outline:none; }
#footer a:hover {	color: #FFFFFF;	text-decoration: none; outline:none;}
#content_left h4 {	color: #6b4515;	font: 1.2em "Times New Roman", Times, serif;	margin: 10px 0px 0px 0px;	padding: 0px;	font-weight: bold; }


/* menu principal */
#menu {
 width: 170px;
 height: 320px;
 background: url(images/navigation.gif);
 margin: 0px auto; padding: 0;
 position: relative;
}
#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#menu a { display: block; }

#pupuce1 {left: 0px; top: 0px; width: 170px; height: 40px;}
#pupuce2 {left: 0px; top: 40px; width: 170px; height: 40px;}
#pupuce3 {left: 0px; top: 80px; width: 170px; height: 40px;}
#pupuce4 {left: 0px; top: 120px; width: 170px; height: 40px;}
#pupuce5 {left: 0px; top: 160px; width: 170px; height: 40px;}
#pupuce6 {left: 0px; top: 200px; width: 170px; height: 40px;}
#pupuce7 {left: 0px; top: 240px; width: 170px; height: 40px;}
#pupuce8 {left: 0px; top: 280px; width: 170px; height: 40px;}

#pupuce1 a {height: 40px; outline:none;}
#pupuce2 a {height: 40px; outline:none;}
#pupuce3 a {height: 40px; outline:none;}
#pupuce4 a {height: 40px; outline:none;}
#pupuce5 a {height: 40px; outline:none;}
#pupuce6 a {height: 40px; outline:none;}
#pupuce7 a {height: 40px; outline:none;}
#pupuce8 a {height: 40px; outline:none;}

#pupuce1 a:hover {background: url(images/navigation.gif) -0px -320px no-repeat; outline:none;}
#pupuce2 a:hover {background: url(images/navigation.gif) -0px -360px no-repeat; outline:none;}
#pupuce3 a:hover {background: url(images/navigation.gif) -0px -400px no-repeat; outline:none;}
#pupuce4 a:hover {background: url(images/navigation.gif) -0px -440px no-repeat; outline:none;}
#pupuce5 a:hover {background: url(images/navigation.gif) -0px -480px no-repeat; outline:none;}
#pupuce6 a:hover {background: url(images/navigation.gif) -0px -520px no-repeat; outline:none;}
#pupuce7 a:hover {background: url(images/navigation.gif) -0px -560px no-repeat; outline:none;}
#pupuce8 a:hover {background: url(images/navigation.gif) -0px -600px no-repeat; outline:none;}