* {
	margin:0;
	padding:0;
	border-width:0;	
}
body {
	color: #464646;
	font-size:80%;
	font-family: arial, helvetica, verdana, sans-serif;	
	background: #D4D2C7 url(../img/bg_body.gif) repeat-x left top;		
}
header, nav, content, footer, aside {
	display:block;
}
pre {
	font-size:10px;
}
acronym {
	border-width: 1px;
}
img {
	border: 0;
}
h2 {
	color:#586B00;
	font-size:140%;
	font-weight:bold;
	padding:8px 0pt;
}
h3 {
	color:#464646;
	font-size:120%;
	font-weight:bold;
	margin:2px 0pt;
}
h4 {
	color:#464646;
	font-size:95%;
	font-weight:normal;
	margin:2px 0pt;
}
h5 {
	color:#464646;
	font-size:85%;
	font-style: italic;
	font-weight:normal;
	margin:2px 0pt;
}
p {
	margin:10px 0;	
}
p, #inner_content li {
	font-size:95%;
	line-height:160%;
	font-family: 'lucida sans unicode', verdana, arial, helvetica, sans-serif;	
}
a:link {
	color: #586B00; 
	text-decoration: none; 
	background-color: transparent; 
}
a:visited { 
	color: #A00; 
	text-decoration: none; 
	background-color: transparent; 
}
a:hover { 
	color: #586B00; 
	text-decoration: underline; 
	background-color: transparent; 
}
a:active { 
	color: #586B00; 
	text-decoration: underline; 
	background-color: transparent; 
}

ul, li {
	padding:0;
	margin:0;
}
li {
	list-style-type: none;
}
hr {
	display: none;
}

#main {
	margin:0 auto;
	width:740px;
}
/*************************************** Entete **********************************/
#header {
	position:relative;
	height:98px;
	background: url(../img/logo.gif) no-repeat left top;
}
#header h1 {
	position:absolute;
	top:-999em;
}
/*------------------ Accessibilite ----------------*/
#header #acces-facile {
	float:right;
	background: #433726;
}
#header #acces-facile a {
	font-size:80%;
	color:#FFF;
}
#header #acces-facile a:hover {
	color:#D8ED1A;
}
/*------------------ Recherche ----------------*/
#header #search {
	position:absolute;
	right:0;
	bottom:13px;
}
#header #search label {
	display: none;
}
#header #search input {
	vertical-align:bottom;
}
#header #search button {
	border:none;	
	background:#F0F0E5;
	color:#1F1403;
	font-size:11px;
	font-weight:bold;
	margin-left:5px;
	height:16px;
	line-height:16px;
	padding:0 5px;
}
#header #search button:hover {
	background:#D8ED1A;
	cursor:pointer;
}

/*------------------ Navigation ----------------*/
#nav {
	padding: 20px 20px 0;
	background-color: #FFF;
}
#nav ul {
	height:43px;
	border:1px solid #2C2621;
	background: #5C4F3E url(../img/bg_nav_a.gif) repeat-x left bottom;
	overflow:hidden;
}
#nav ul li {
	float:left;
	padding-right:2px;
	background: url(../img/bg_nav_li.gif) repeat-y right top;
}
#nav ul li a {
	display: block;	
	height:43px;
	line-height:43px;	
	padding:0 20px;		
	text-decoration:none;
	color:#FFF;
	float: left;
	background: #1F1303 url(../img/bg_nav_a.gif) repeat-x left bottom;		
}
#nav ul li a:hover,
#nav ul li.selected a {
	color:#D8ED1A;
	background: #1F1303 url(../img/bg_nav_a.gif) repeat-x left top;	
}

/*************************************** Corps **********************************/
#content {
	padding:0 20px 20px;
	background-color: #FFF;
}
#inner_content {
	padding:10px 30px;
	border: 20px solid #D4D2C7;
	background-color: #FFF;
	min-height:300px;
}
#inner_content a {
	text-decoration: none;
	font-weight:bold;
}
#inner_content a:hover {
	text-decoration: underline;
}
.marge2 {
	margin:10px 0pt 15px;
	border-left:3px solid #e8e8e8;
	padding-left:10px;
	overflow:hidden;
}
.marge2 ul {
	margin:10px 0 10px 20px;
}
.marge2 ul li {
	list-style-type: disc;
}

/*------------------ compétences ----------------*/
.marge2 ul.niveau li p {
	margin:3px 0;
}
.marge2 ul.niveau li {	
	background-color: #FFF;
	background-position: 70% 50%;
	background-repeat: no-repeat;
}	
.marge2 ul.niveau li.niveau1 {	background-image: url(../img/niveau_1.gif) }
.marge2 ul.niveau li.niveau2 {	background-image: url(../img/niveau_2.gif) }
.marge2 ul.niveau li.niveau3 {	background-image: url(../img/niveau_3.gif) }
.marge2 ul.niveau li.niveau4 {	background-image: url(../img/niveau_4.gif) }
.marge2 ul.niveau li.niveau5 {	background-image: url(../img/niveau_5.gif) }
.marge2 ul.niveau li .invisible {
	visibility: hidden;
}
.demarche {
	background:#F3F3E9;
	padding:10px;
}

/*------------------ contact ----------------*/
label {
	 cursor : pointer; 
	 font-size:1em;
	width:90px;
	float:left;
	padding:2px; 
 }
#formulaire legend {
	color:#eeeeef;
	font-size:0%;
	display:none;
}
#formulaire {
	background:#eee;
	padding:5px 10px 10px 10px;
	font-size:0.9em;
	margin:10px 20px 0 0;
}
#formulaire p {
	font-size:1em;
	margin:4px 0 7px;
}
#formulaire .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #F8E8E8;
	color: #ac1a1f;
}
#formulaire .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: #ac1a1f;
}
.exemple {
	font-size:0.92em;
	color:#464646;
}
.obligatoire {
	cursor :help;
}
#formulaire input {
	border: 1px solid #8C8C8C;
	padding:0.1em;
	margin-top:2px;
	width:20em;
	font-size:1em;
	color:#464646;
	}
#formulaire textarea {
	border: 1px solid #8C8C8C;
	padding:0.1em;
	width:25em;
	font-size:11px;
	color:#464646;
	font-family:Arial;
}
#formulaire #envoi {
	font-size:1em;
	padding:0;
	width:130px;	
	color:#fff;
	background:#464646;	
	margin-left:95px;
}
/*---- validation du formulaire ---*/
input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #AA0000;
	color : #FFF;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}
.validation-advice {
	margin: 5px 0 0;
	padding: 3px 10px;
	background-color: #AA0000;
	color : #FFF;
	font-weight: bold;
	display:block;
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
.validation.confirm {
	background-color: #586B00;
	color: #FFF;
	font-size: 200%;
	font-weight: bold;
	padding: 30px;
	margin: 20px 0;
}

dl.table-display {
	margin-bottom:20px;
	padding: 0;
	clear:both;
}
.table-display dt {
	font-size:0.95em;
	width: 90px;
	float: left;
	margin: 0 0 0 0;
	padding: 5px 0;
	border-bottom: 1px solid #f4f4f4;
	font-weight: bold;
}
/* hack de commentaire avec un antislash pour ie5 mac \*/
dt { clear: both; }
/* end hack */
.table-display dd {
	font-size:0.95em;
	width: 350px;
	margin: 0 0 0 100px;
	padding: 5px 0;
	border-bottom: 1px solid #f4f4f4;
}
#marge #envoi p {
	font-size:24px;
	color:#AAA;
	font-weight:bold;
	padding:20px;
}

/*************************************** Pied **********************************/
#footer {
	padding:5px;
	margin-top: 10px;
	background: #FFF;	
}
img#xSSiminrImg {
	display:none;
}

/*************************************** Labo **********************************/
.labo #header .logo {
	position: absolute;
	right:0;
	bottom:10px;
	width:78px;
	height:28px;
	background:url('../../img/labo.png') no-repeat left top;
}
.labo .indent {
	margin-left:25px;
}
.labo .indent li {
	list-style-type:disc;
}
.labo #inner_content .alert {
	color:#B40000;
}


