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

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

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:209px;left:5px;padding:30px 30px 0 0;width:215px;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:#824528;border-bottom:1px solid #f2d6ad;}
div#logo li.subsidiary{margin:0;padding:8px 5px;background:#824528;border-left:5px solid #000;border-bottom:1px solid #f2d6ad; font-weight:bold; font-size:14px; color:#fff;}
div#logo li a{display:block;margin:0;padding:5px 5px;background:#824528;border-left:5px solid #000;color: #f2d6ad;text-decoration:none;}
div#logo li a:hover{color: #f2d6ad;background:#000;}
div#logo li.select{margin:0;padding:5px 5px 5px 10px;color:#f2d6ad;text-decoration:none;background:#000;border-bottom:1px solid #f2d6ad;}

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 240px;padding: 0 0 5px 0;border:1px solid #824528;}
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; color:#824528;}

div#header_info_job{margin:32px 0 0px 240px;padding: 10px;border:1px solid #824528;}
div#header_info_job p{margin:5px;}

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

.titre{padding: 15px 0 5px 0;}
.box{margin:0; padding:10px;border: 1px solid #824528;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: #fff; font: 80% Arial, Helvetica, sans-serif;}

h1{font-size: 25px;}

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

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

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

/* Form elements */
select {background-color:#fff; color:#824528; width:155px; border:1px solid #000;font-family:Arial, Helvetica, sans-serif;}
input {background-color:#fff; color:#824528; width:150px; border:1px solid #000;font-family:Arial, Helvetica, sans-serif;}
textarea {background-color:#fff; color:#824528; width:150px; border:1px solid #000;font-size:12px;font-family:Arial, Helvetica, sans-serif;
	scrollbar-arrow-color: #464646;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #999999;
	scrollbar-face-color: #D4D0C8;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #e6e6e6;
}
.button {background-color:#f2d6ad; color:#824528; border:1px solid #000; width:auto; height:20px}
.img_button {background-color:#f2d6ad; color:#824528; 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;color:#824528;}
.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:#f2d6ad;
	background-image: url(../images/bande_fond.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	color:#000;
	border: 0;
	border-bottom: 1px solid #834A1C;
}

div#header-small {
	margin:0;
	margin-bottom:1px;
	padding:10px 5px;
	background-color:#f2d6ad;
	color:#000;
	border: 0;
	border-bottom: 1px solid #834A1C;
	height:100px;
	background-color:#f2d6ad;
	background-image:url(/images/nautile_banniere.jpg);
	background-repeat:no-repeat;
	background-position:-50px -40px;
}

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

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

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:#824528;
	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;
}


/* Nouveau du site du Groupe */

#entete {
	padding: 12px 34px 12px 22px;
	border:1px solid #9c613a;
	height:16px;
	background-color:#f2d6ad;
	
}

#navigation {
	padding-top:16px;
	width:225px;
	height:152px;
	border-bottom:1px solid #9c613a;
	border-right:1px solid #9c613a;
	border-left:1px solid #9c613a;
	background-color:#f2d6ad;
	background-image:url(/images/nautile_banniere.jpg);
	background-repeat:no-repeat;
	background-position:225px 0;
	width:auto;
}

#entete .signature-optimum {
	float:left;	
	padding-top:2px;
	font-size:10px;
	font-weight:bold;
	color:#824528;
	text-transform:uppercase;
}

#entete .menu-rapide {
	float:right;	
	font-size:12px;
	color:#824528;
}

#entete .menu-rapide a {
	text-decoration:none;
	color:#824528;
}

#entete .menu-rapide a:hover {
	text-decoration:underline;
	color:#814426;
}

#navigation .logo {
	padding: 12px 0;
}

#navigation .compagnie-titre {
	margin:-32px 32px 0 0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	text-transform:uppercase;
	color:#824528;
	text-align:right;
}

#navigation .compagnie-titre2 {
	margin:-105px 34px 0 0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	text-transform:uppercase;
	color:#f2d6ad;
	text-align:right;
}

#navigation .lien {
	margin:30px 0 0 0;
	padding: 2px 0;
	background-color:#824528;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#navigation .lien a {
	color:#fff;
	text-decoration:none;
}

#navigation .lien a:hover {
	text-decoration:underline;
}

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

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