/******************* Layout *******************/
/* #cc9 --> #fff5e1 --> #faf0dc */
body{padding: 0; margin: 0}

div#container{margin:5px 0px;text-align:left;border:1px;}

div#contact_form, div#contact_form td {font-family:Arial, Helvetica, sans-serif;font-size:12px;}
div#contact_form th {text-align:right; font-weight:normal;}
div#logo{position:absolute;top:116px;left:5px;padding:30px 30px 0 0;width:178px;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;}

div#logo .title{padding:10px 0 0 0;font-size:14px;font-weight:bold;text-align:center;}
div#logo ul{margin:0;list-style-type:none;padding:5px 0 10px 0;}
div#logo li{margin:0;padding:0;background:#963;border-bottom:1px solid #faf0dc;}
div#logo li.subsidiary{margin:0;padding:8px 5px;background:#963;border-left:5px solid #000;border-bottom:1px solid #faf0dc; font-weight:bold; font-size:14px; color:#fff;}
div#logo li a{display:block;margin:0;padding:5px 5px;background:#963;border-left:5px solid #000;color: #faf0dc;text-decoration:none;}
div#logo li a:hover{color: #faf0dc;background:#000;}
div#logo li.select{margin:0;padding:5px 5px 5px 10px;color:#faf0dc;text-decoration:none;background:#000;border-bottom:1px solid #faf0dc;}

div#header-logo{text-align:center;display:none;}

div#header_title{position:absolute;top:116px;left:250px;margin:0;padding: 0;font-size:22px;font-weight:bold;padding:0 10px;}

div#header_job{margin:20px 0 10px 210px;padding: 0 0 5px 0;border:1px solid #000;}
div#header_job ul, div#header_job p {margin:0 5px;padding: 5px 30px}
div#header_job li{padding:5px 0 5px 5px;}
div#header_job li.subsidiary{margin-left:-20px;padding:20px 0 5px 5px; list-style:none; font-weight:bold; font-size:14px;}

div#header_info_job{margin:61px 0 0px 210px;padding: 10px;border:1px solid #000;}
div#header_info_job p{margin:5px;}

div#main{padding:5px 10px 10px 210px;}
div#main ul {margin:5px;padding-left:20px;}

.titre{padding: 15px 0 5px 0;}
.box{margin:0; padding:10px;border: 1px solid #000;height:1%;}
.info{padding:2px;}
.gauche{float:left;width:45%;}
.droite{float:left;width:45%;}

.label{width:auto;font-weight:bold;}
.desc, .desc-unique{padding:0 0 0 5px;}

#emp_spec ul{margin:0;padding-left:15px;}
#emp_spec .titre{padding: 15px 0 15px 0;text-align:center;}
#emp_spec .info{clear:both;}
#emp_spec .label{float:left;width:220px;text-align:right;}
#emp_spec .desc{float:left;}


#emp_competence ul{padding-left:15px;}
#emp_competence .info{padding-right:5px;padding-bottom:20px;}
#emp_competence p{ margin:0; padding:10px;}

#emp_desc .info{clear:both;}
#emp_desc .label{float:left;width:180px;text-align:right}
#emp_desc .desc{float:left;}

#emp_candidature .info{float:left;width:45%;padding:5px;}
#emp_candidature .label{padding:0;margin:0;}
#emp_candidature .desc{padding:0;margin:0;}
#emp_candidature p{padding:5px;}

.clear{clear:both;}

/******************* Color and style *******************/

body{background-color: #faf0dc; font: 80% Arial, Helvetica, sans-serif;}

h1{font-size: 25px;}

a{color: #000;}
a:hover{color: #963;}

.titre{font-size:16px; font-weight:bold; color:#963;}

#emp_spec .titre{font-size:20px; font-weight:bold; color:#000;}

/* Form elements */
select {background-color:#fff; color:#963; width:155px; border:1px solid #000;font-family:Arial, Helvetica, sans-serif;}
input {background-color:#fff; color:#963; width:150px; border:1px solid #000;font-family:Arial, Helvetica, sans-serif;}
textarea {background-color:#fff; color:#963; width:150px; border:1px solid #000;font-size:12px;font-family:Arial, Helvetica, sans-serif;
	scrollbar-base-color:#faf0dc;
  scrollbar-3dlight-color:#fff;
  scrollbar-arrow-color:#000;
  scrollbar-darkshadow-color:#000;
  scrollbar-face-color:#faf0dc;
  scrollbar-highlight-color:#fff;
  scrollbar-shadow-color:#000;
  scrollbar-track-color:#faf0dc;
}
.button {background-color:#faf0dc; color:#963; border:1px solid #000; width:auto; height:20px}
.img_button {background-color:#faf0dc; color:#963; border:0px solid #000; width:auto; height:auto;}

div#contact_form select {width:255px;}
div#contact_form input {width:250px;}
div#contact_form textarea {width:250px;}


.reg{clear:both;text-align:center;margin-left:178px;padding-top:0px;font-size:10px;}
.regc{clear:both;text-align:center;padding-top:0px;font-size:10px;}


div#header {
	height:75px;
	margin:0;
	margin-bottom:1px;
	padding:10px 5px 5px 220px;
	background-color:#faf0dc;
	background-image: url(../images/bande_fond.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	color:#000;
	border: 0px;
	border-bottom: 1px solid #834A1C;
}

div#header-small {
	margin:0;
	margin-bottom:1px;
	padding:10px 5px;
	background-color:#faf0dc;
	color:#000;
	border: 0px;
	border-bottom: 1px solid #834A1C;
}

div#header-small h1 {
	padding:5px;
	margin:0;
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
}

div#top_menu {
	background-color:#963/*#834A1C*/;
	padding:4px 20px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-bottom: 1px solid #faf0dc;
}

div#top_menu a { color:#fff;text-decoration:none; }
div#top_menu a:hover { color:#000; }


a.btnlogo, a.btnlogo2 {
	display:block;
	margin-left:40px;
	margin-top:-32px;
	color:#fff;
	width:120px;
	background-color:#963;
	padding:5px 8px;
	border:1px solid #000;
	text-decoration:none;
}

a.btnlogo2 {
	margin-top:-37px;
	padding:2px 8px;
}

a.btnlogo:hover, a.btnlogo2:hover {
	color:#fff;
	background-color:#000;
	text-decoration:none;
}

.boite_titre {
	background:#963;
	padding:5px 15px;
	color:#fff;
	font-size:14px;
}

.boite_texte {
	border:1px solid #963;
	padding:0px 10px;
	background-color:#faf0dc;
}