/* border: 1px solid #f00;*/

* {margin: 0; padding: 0;}
body {margin: 0 auto; background: url(../images/background.jpg) repeat-x bottom center; text-align: center; font: 1em "Trebuchet MS"; height: 100%; position: relative;}
h1 {background: #fff url(../images/valoo.gif) no-repeat 0 50px; height: 158px; padding: 50px 0 15px 0;}
h1 span {display: none;}
h2 {font: normal 1.7em georgia, times; color: #59667B; border-bottom: 1px solid #EBEEF1; margin: 0 -32px 22px -22px; padding: 0 32px 4px 42px; background: url(../images/points.gif) no-repeat 32px 16px;}
h3 {
	clear: both;
	margin: 15px 0 5px 10px;
	font: 1.2em "Trebuchet MS";
	color: #2E8B57;
}
h4 {font: bold 0.8em "Trebuchet MS"; color: #7D7F88; margin: 0 0 0 10px;}
ul, li {list-style-type: none;}
a:link, a:visited {
	color: #2E8B57;
	text-decoration: underline;
}
a:hover {color: #0095EA; text-decoration: underline;}
a img {border: none;}
p {margin: 0 0 15px 0; font-size: 0.8em; color: #7D7F88;}
div#container {text-align: left; width: 600px; position: absolute; left: 51%; margin: 0 0 0 -210px; padding: 0 0 400px 0;}
div#content {padding: 30px 32px 0 20px; position: relative;}
div#bottom {clear: both; font: 0.8em "Trebuchet MS"; color: #59667B; position: relative; margin: 40px -10px 0 -10px; text-align: center;}
div.top {clear: both; margin: 20px 10px 0 10px; padding: 0 0 2px 0; text-align: right; border-bottom: 1px solid #E6E8EC; font-size: 0.7em;}
div.top a {background: url(../images/fleche3.gif) no-repeat center right; padding: 0 10px 0 0;}
acronym {cursor: help;}

/*----------- MENU -----------*/
ul#menu {background: url(../images/menu.jpg) no-repeat; font-size: 0.8em; padding: 0 17px; height: 32px;}
ul#menu li {display: inline; height: 20px;}
ul#menu li a {border-right: 1px solid #3F4857; border-left: 1px solid #822222; text-align: center; width: 92px; height: 20px; display: block; float: left;}
ul#menu li a:link, ul#menu li a:visited {color: #fff; text-decoration: none; text-transform: uppercase;}
ul#menu li a:hover, ul#menu li.current a {color: #fff; text-decoration: none; background: url(../images/menu-hover.jpg) repeat-x;}

/*----------- WEB -----------*/
body#web div#bottom {margin: 300px -10px 0 -10px;}
div#content p {margin: 0 0 10px 10px;}
div#content p.intro {margin: 0 0 20px 10px;}
div#viewer {float: right; position: relative; margin: 0 0 10px 10px; background: url(../images/bg-pictures.gif) repeat-x bottom left;}
div#viewer p {margin: 0;}
div#viewer p.image img {width: 155px; height: 132px; padding: 6px; border: 1px solid #DADDE1; background-color: #fff;}
ul#pictures {font: 0.7em "Trebuchet MS"; background: url(../images/pictures.gif) no-repeat 6px 5px; margin: -4px 0 0 0 !important; margin: 0; padding: 2px 6px 3px 23px; border: 1px solid #DADDE1; border-top: none; position: relative;}
ul#pictures li {display: inline;}
ul#pictures li a {padding: 0 3px;}
ul#pictures li a:link, ul#pictures li a:visited {text-decoration: none;}
ul#pictures li a:hover, ul#pictures li a.current:link, ul#pictures li a.current:visited {text-decoration: underline;}
a.website {position: absolute; right: 6px; font: 0.7em "Trebuchet MS"; background: url(../images/site.gif) no-repeat 0 4px; margin: -20px 0 0 0; padding: 0 0 0 18px;}
ul#job-list {margin: 0 0 0 10px;}
ul#job-list li {float: left; position: relative;}
ul#job-list li a {display: block; width: 50px; height: 50px; margin: 0 34px 15px 0; padding: 3px; background-color: #fff;}
ul#job-list li a.last {margin: 0 0 15px 0;}
ul#job-list li a:link, ul#job-list li a:visited {border: 1px solid #DADDE1;}
ul#job-list li a:hover {border: 1px solid #9AA8BA;}
p#features {background: url(../images/feature.gif) no-repeat 0 3px; padding: 0 0 0 15px;}
div#return-forward {clear: both; border-bottom: 1px solid #EBEEF1; margin: 0 0 0 10px; padding: 0 0 2px 0; font-size: 0.7em; padding: 20px 0 0 0; height: 18px;}
div#return-forward a#return {background: url(../images/fleche2.gif) no-repeat center left; padding: 0 0 0 15px;/* position: absolute; left: 42px; margin: -2px 0 0 0;*/}
div#return-forward a#forward {background: url(../images/fleche.gif) no-repeat center right; padding: 0 15px 0 0; position: absolute; right: 32px; margin: 0 0 0 0;}
div#pages {clear: both; border-bottom: 1px solid #EBEEF1; font-size: 0.7em; height: 18px; padding: 20px 0 0 0;}
div#pages div {float: left;}
div#prev {text-align: left; width: 118px;}
div#actuelle {text-align: center; width: 110px; color: #99A5B6;}
div#next {text-align: right; width: 118px;}
div#prev a {background: url(../images/fleche2.gif) no-repeat center left; padding: 0 0 0 15px;}
div#next a {background: url(../images/fleche.gif) no-repeat center right; padding: 0 15px 0 0;}
div#actuelle a {padding: 0 1px;}
div#actuelle span {margin: 0 1px;}

/*----------- PROFIL -----------*/
body#profil div#content p img {float: left; margin: 0 10px 5px 0; border: 1px solid #DADDE1; padding: 4px; background-color: #fff;}

/*----------- NEWS -----------*/
body#news h3 {margin: 15px 0 0 10px;}
body#news p {background: url(../images/separator.gif) no-repeat left bottom; margin: 0 0 20px 10px; padding: 0 0 10px 0;}
body#news p.date {font-size: 0.75em; color: #BABCC6; margin: 0 0 0 10px; padding: 0; background: none;}
body#news p.pimg {background: url(../images/separator.gif) no-repeat 120px 100%; margin: 5px 0 20px 10px;}
body#news div#content p img {float: left; margin: 0 10px 5px 0; border: 1px solid #DADDE1; padding: 4px; background-color: #fff;}
body#news div#bottom {margin: 80px -10px 0 -10px;}

/*----------- CONTACT -----------*/
body#contact fieldset {border: none;}
body#contact form label input, body#contact form label textarea {border: 1px solid #ccc; display: block; padding: 1px; font: 12px arial; color: #59667B;}
body#contact form label input {width: 200px;}
body#contact form label textarea {width: 300px;}
body#contact form p {margin: 0 0 5px 10px;}
body#contact button {border: 1px solid #aaa; font: 12px arial; color: #7D7F88; background-color: #eee; width: 70px;}
body#contact p.error {color: #f00;}
body#contact p.confirm {margin-bottom: 100px;}































td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}