/* ENTHALPIA 3 - CSS Document */

* { margin: 0; padding: 0; border: 0; }

body {
	font-family: arial, verdana, sans-serif;
	background-color: #003555;
}

/* Général
-------------------------------------*/

.imgfll {
	float: left;
	display: block;
	margin: 0px 5px 0px 0px;
	border: 1px solid #005da8;
}

.imgflr {
	float: right;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	border: 1px solid #005da8;
	}

/* Accueil
-------------------------------------*/

#container {
margin: 10px auto;
top:0px;
width:735px;
height:100%; 
text-align: left;
background:url(accueil_fond.jpg) no-repeat;
}

#bloc{
width:735px;
height:358px;
display:block;}

#footer{
margin-top:10px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin: 10px auto;
width:735px;
background-color:#FFFFFF;
background:#003555;}

#actu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
width:390px;
padding-top:240px;
margin-left:315px;}

.titre{
font-weight:bold;
color:#003555;
text-transform:uppercase;}

a{
color:#003555;
text-decoration:none;}
a:hover{
color:#003555;
text-decoration:underline;}

/* Footer
-------------------------------------*/

#footer a{
color:#FFFFFF;
text-decoration:none;}

#footer a:hover{
color:#FFFFFF;
text-decoration:underline;}

#copy{
width:200px;
float:left;
text-align:left;}

#menu2{
width:335px;
float:left;
text-align:center;}

#logo{
width:200px;
float:right;
text-align:right;}


/* Pages
-------------------------------------*/

#container_inter {
margin: 10px auto;
top:0px;
width:735px;
background-color:#FFFFFF;
}

#texte {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin-top:0px;
margin-left:20px;
margin-right:20px;
}

li{
margin-left:20px;
list-style:square;
}


/* Pages Orange
-------------------------------------*/

#texte_cont_orange {
color:#333;
}

#texte_cont_orange a {
color:#f4ad09;
text-decoration:none;
}

#texte_cont_orange a:hover{
color:#f4ad09;
text-decoration:underline;}

.titre_orange{
font-weight:bold;
color:#f4ad09;
}

.select_orange{
padding:2px;
background-color:#f4ad09;
color:#fff;
cursor:default;
}

.imgflr_orange {
	float: right;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	border: 1px solid #f4ad09;
	}

/* Pages Rouge
-------------------------------------*/

#texte_cont_rouge {
color:#333;
}

#texte_cont_rouge a {
color:#CC0000;
text-decoration:none;
}

#texte_cont_rouge a:hover{
color:#CC0000;
text-decoration:underline;}

.titre_rouge{
font-weight:bold;
color:#CC0000;
}

.select_rouge{
padding:2px;
background-color:#CC0000;
color:#fff;
cursor:default;
}

.imgflr_rouge {
	float: right;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	border: 1px solid #CC0000;
	}

/* Pages Bleu
-------------------------------------*/

#texte_cont_bleu {
color:#333;
}

#texte_cont_bleu a {
color:#003555;
text-decoration:none;
}

#texte_cont_bleu a:hover{
color:#003555;
text-decoration:underline;}

.titre_bleu{
font-weight:bold;
color:#003555;
}

.select_bleu{
padding:2px;
background-color:#003555;
color:#fff;
cursor:default;
}

.imgflr_bleu {
	float: right;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	border: 1px solid #003555;
	}

/* Pages Enthalpia
-------------------------------------*/

#texte_cont_enthalpia {
color:#333;
}

#texte_cont_enthalpia a {
color:#0358b4;
text-decoration:none;
}

#texte_cont_anthalpia a:hover {
color:#0358b4;
text-decoration:underline;}

.titre_enthalpia {
font-weight:bold;
color:#0358b4;
}

.select_enthalpia {
padding:2px;
background-color:#0358b4;
color:#fff;
cursor:default;
}

.imgflr_enthalpia {
	float: right;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px;
	border: 1px solid #0358b4;
	}

/* Carte implantations
-------------------------------------*/
#texte ul.geographie {
	padding-bottom: 0;
	margin: 5px 0px 0px 0px;
	list-style-type: none;
	width: 25%;
}
#texte ul.geographie li {
	margin-left: 0px;
	padding: 1px 0 0 5px;
	height: 1%;
}
#texte ul.geographie li a,
#texte ul.geographie li a:link,
#texte ul.geographie li a:visited
{
	font-weight: normal;
	position: relative;
	display: block;
	text-decoration: none;
}
#texte ul.geographie li a:hover { font-weight: bold; }
#texte ul.geographie li a span { display: none; }
#texte ul.geographie li a:hover span,
#texte ul.geographie li a.hover span
  { color: #fff; font-style: normal; font-weight: normal; background: #003555; display: block; padding: 8px 15px 0; position: absolute; top: -3em; bottom: 0; left: 11em; width: 16em; height: 9em; border: solid 2px #f9f407 }

/* Table (utilisée sur la page des offres d'emploi)
-> .even = inclus via javascript
------------------------------------------------------------------------------*/
table { width: 99%; border: 1px solid #003555; margin: 8px 0; }
table tr th, table tr td
{
	font: normal normal 10px/16px arial, helvetica, sans-serif;
	color: #000;
	padding: 2px 5px;
	background: #FFF;
}
table .postuler { text-align: center; }
table thead th { color: #FFF; background: #003555; border-bottom: 1px solid #003555; text-align: left; }
table tbody tr.even td { background: #c5e2ee; }
table tr td label { display: none; }


/* Formulaire contact
-------------------------------------*/
form { width: auto; color: #333; }
.champ { clear: both; padding: 2px 0px; margin: 1em 0em; }
.champ fieldset { border: 1px solid #c5e2ee; padding: 5px 10px; }
.champ fieldset legend { color: #666; margin-top: 0.5em; margin-bottom: 0.5em; font-style: italic; }
.champ input.info { border: 1px solid #156098; }
.champ textarea { border: 1px solid #156098; color: #666; }
.champ select { border: 1px solid #156098; background-color: #F8F8F8; }