/**** FEUILLE DE STYLE RECRUTEMENT ************************************************************************************/
/*****************************************************************************************************************************/
/**** GÉNÉRAL ************************************************************************************/
*								{ font-family:Verdana, Arial, Helvetica, sans-serif; }
body							{ margin:0; padding:0; font-size:11px; color:#000; text-align:center; background-color:#fff; }
td								{ font-size:11px; color:#000; }
h1, h2, h3, h4, h5, h6			{ margin:0; padding:0; }
img								{ border:0; }
p								{ margin:5px 0; text-align:justify; }

/* liens */
a								{ color:#000; text-decoration:underline; }
a:hover							{ color:#099cdf; text-decoration:underline; }

/* listes */
ul								{ margin:10px 0; padding:0; }
ul li							{ list-style-type:none; list-style-image:url(http://www.samsic.fr/img/li.gif); margin:0 0 2px 30px; padding:0; text-align:justify; }

/* Alignements */
.align_right					{ text-align:right; }
.align_left						{ text-align:left; }
.align_center					{ text-align:center; }
.left							{ float:left; }
.right							{ float:right; }
.clear							{ clear:both; height:1px; font-size:1px; }
 
.toppage						{ text-align:right; margin-top:20px; }
.toppage a						{ text-decoration:none; font-size:10px; padding:1px 15px; color:#999; background-color:#fff; border:1px solid #ccc; }
.toppage a:hover				{ background-color:#099cdf; color:#fff; }

/**** STRUCTURE ************************************************************************************/
#all							{ margin:auto; width:100%; text-align:left; }

/**** HEADER ************************************************************************************/
#header							{ height:90px; background:#f4f2ee url(http://www.samsic.fr/img/recrut/fd_top2.jpg) no-repeat top left; position:relative; }
#logo							{ position:absolute; top:10px; left:100px; }
#visuel							{ position:absolute; top:10px; right:20px; }

/**** SIDEBAR ************************************************************************************/
#sidebar						{ float:left; width:160px; }
#sidebar img					{ display:block; margin:30px auto 3px auto; }
#sidebar span					{ display:block; width:100px; margin:0 auto 30px auto; height:5px; }

/**** CONTENT ************************************************************************************/
#content						{ margin-left:165px; }
.inc							{ padding:20px; }

h2								{ font:normal 18px Verdana, Arial, Helvetica, sans-serif; color:#006bab; text-transform:uppercase; margin:10px 0; }

.submit_depot					{ float:right; }

/**** OFFRES ************************************************************************************/
.tab_offres table				{ width:98%; margin:10px 0; border-collapse:collapse; }
.tab_offres table thead th		{ text-align:center; text-transform:uppercase; font-size:16px; padding:5px 0 0 0; }
.tab_offres table th,			
.tab_offres table td			{ padding:3px 5px; text-align:left; }
.tab_offres table th			{ color:#fff; font-size:12px; }
.tab_offres table td a			{ text-decoration:underline; }

#default th					{ background-color:#336699; }
#default tr.tdbgcolor td		{ background-color:#EEE; }
#default strong, #proprete a	{ color:#004b78; }

#siege th					{ background-color:#DCD3C4; }
#siege tr.tdbgcolor td		{ background-color:#F3F0EB; }
#siege strong, #proprete a	{ color:#004b78; }

#proprete th					{ background-color:#006bab; }
#proprete tr.tdbgcolor td		{ background-color:#c3e1f0; }
#proprete strong, #proprete a	{ color:#004b78; }

#emploi th						{ background-color:#ffaa00; }
#emploi tr.tdbgcolor td			{ background-color:#ffe696; }
#emploi strong, #emploi a		{ color:#333; }

#sap th							{ background-color:#a041a0; }
#sap tr.tdbgcolor td			{ background-color:#e6c8e6; }
#sap strong, #sap a				{ color:#6e146e; }

#securite th					{ background-color:#6ea064; }
#securite tr.tdbgcolor td		{ background-color:#b4d2aa; }
#securite strong, #securite a	{ color:#285f1e; }

#metiers-techniques th					{ background-color:#fa911e; }
#metiers-techniques tr.tdbgcolor td	{ background-color:#ffdcb4; }
#metiers-techniques strong,
#metiers-techniques a					{ color:#f60; }

#environnement th				{ background-color:#bed72d; }
#environnement tr.tdbgcolor td	{ background-color:#e6f0aa; }
#environnement strong,
#environnement a				{ color:#788c00; }






/**** DETAIL ************************************************************************************/
h1								{ font:normal 24px Verdana, Arial, Helvetica, sans-serif; color:#006bab; }
h3								{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#006bab; border-bottom:1px dotted #aaa; margin:20px 0 0 0; }
h4								{ font:bold 12px Verdana, Arial, Helvetica, sans-serif; }

small							{ color:#777; }

.outils							{ margin:20px 0; text-align:center; }
.outils ul, .outils ul li		{ margin:0; padding:0; }
.outils ul li					{ display:inline; list-style-image:none; list-style-type:none; }
.outils ul li a					{ text-decoration:none; padding:2px 15px; color:#fff; font-size:14px; background-color:#099cdf; }
.outils ul li a:hover			{ text-decoration:none; color:#fff; background-color:#333; }

/**** FORM ************************************************************************************/
.chps							{ font-size:10px; text-align:right; color:#099cdf; margin:10px 0 0 0; }
form							{ margin:5px 0; padding:5px 10px; background:#fff url(http://www.samsic.fr/img/recrut/metiers_samsic.gif) no-repeat 100% 50%; border:1px solid #ddd; }

.tab_form						{ border-collapse:collapse; }
.tab_form td					{ vertical-align:top; text-align:center; }
.tab_form th					{ text-align:left; font-weight:normal; padding-top:10px;}
.tab_form label					{ font-weight:bold; }
.ireset							{ width:250px; }

input[type=submit]				{ text-decoration:none; margin:10px auto; padding:2px 15px; color:#fff; font-size:14px; background-color:#099cdf; border:none; }
input[type=submit]:hover		{ text-decoration:none; color:#fff; background-color:#333; }