* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

body {
background:#fcfcfd url(img/body_fond.png) repeat-x top;
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif; }

/***** Flash & Déco *****/

div#logo_flash {
width:193px;
height:118px;
background:transparent url(img/logo_flash.png) no-repeat;
position:absolute;
top:30px;
left:15px; }

div#deco_fep {
margin-left:20px;
width:112px;
height:76px;
background:transparent url(img/img_fep.jpg) no-repeat; }

/***** Stylage contenu *****/

/* Contact */

form tbody tr td {
padding-bottom:10px;}

input.textfield, textarea.textfield {
margin-left:5px;
border:1px solid #2D2267;}

input.bouton {
border:1px solid #2D2267; }

/* recrutement */

dl.recrutement{
border-bottom:1px solid #2D2267;
width:520px;
position:relative;
padding:40px 0;
border-bottom:1px solid #2D2267;}

dl.recrutement dt.poste {
width:400px;
position:absolute;
top:15px;
left:0;
color:#2D2267;
font-weight:bold;}

dl.recrutement dd.date{
width:100px;
position:absolute;
top:15px;
right:0;}

dl.recrutement dd.desc{
padding-top:15px;}

dd#postuler{
padding-right:10px;
float:right;}

dd#postuler a {
text-decoration:none;
font-weight:bold;
color:#2D2267;
padding-right:10px;}

dd#postuler a:hover {
text-decoration:underline;}

form#recrutement label{
font-weight:bold;
float:left;
display:block;
width:78px;}

form#recrutement input{
margin-right:10px;
border:1px solid #2D2267;}


/* Liste des références */

ul#liste_ref li {
margin-bottom:10px;
color:#2D2267;
list-style:square;
margin-left:15px;}

ul#liste_ref li a {
color:#2D2267;
font-weight:bold;
text-decoration:none;}

ul#liste_ref li a:hover {
text-decoration:underline;}

/* fiche référence */

dl#fiche {
width:520px;
position:relative;
padding:10px 0;}

dl#fiche dt {
color:#2D2267;
font-weight:bold;
font-size:120%;}

dl#fiche dd img {
border:1px solid #2D2267;
width:100px;
height:75px;
position:absolute;
top:15px;
left:0;}

dl#fiche dt, dl#fiche dd {
margin-left:120px;}

p#retour {
float:right;}

p#retour a {
text-decoration:none;
font-weight:bold;
color:#2D2267;
padding-right:10px;}


h1, .invis {
position:absolute;
top:-9999px; }

h2 {
border-bottom:1px solid #f7f8f8;
text-transform:uppercase;
font-weight:normal;
font-size:130%;
margin-bottom:15px; }

div#contenu p {
margin-bottom:10px; }

/***** Layout *****/

div#global {
width:719px;
margin:0 auto; }

div#entete {
position:relative;
width:100%;
height:179px;
background:transparent url(img/entete_fond.png) no-repeat; }

div#menu_main {
position:absolute;
bottom:13px;
right:50px;
height:26px; }

div#conteneur_centre {
background-color:#fff;
position:relative;
width:100%; }

div#colonne_gauche {
width:174px;
background:transparent url(img/cg_fond.jpg) no-repeat;
position:absolute;
top:0;
left:0;
min-height:374px; }

div#contenu {
min-height:440px;
overflow:hidden;
font-size:75%;
color:#3252a1;
padding-top:10px;
width:524px; /*534*/
padding-right:10px;
margin-left:185px;
background:transparent url(img/deco_cd.png) no-repeat right bottom; }

div#design_bas {
width:100%;
height:34px;
background:transparent url(img/design_bas.png) no-repeat; }

div#pied {
width:659px; /*719*/
padding:0 30px;
padding-bottom:10px;
text-align:center; }

/***** ~menu_main *****/

div#menu_main ul {
overflow:hidden; }

div#menu_main ul li {
margin-left:10px;
float:left;
text-align:center;
height:26px;
line-height:26px; }

div#menu_main ul li a {
font-size:90%;
color:#fff;
text-decoration:none;
display:block;
width:100%;
height:100%; }

div#menu_main ul li.presentation {
width:104px; }

div#menu_main ul li.contact {
width:90px; }

div#menu_main ul li.recrutement {
width:97px; }

div#menu_main ul li.plan {
width:128px; }

div#menu_main ul li.presentation a {
background:transparent url(img/menu_presentation_off.png) no-repeat; }

div#menu_main ul li.contact a {
background:transparent url(img/menu_contact_off.png) no-repeat; }

div#menu_main ul li.recrutement a {
background:transparent url(img/menu_recrutement_off.png) no-repeat; }

div#menu_main ul li.plan a {
background:transparent url(img/menu_plan_off.png) no-repeat; }

div#menu_main ul li.presentation a:hover {
background:transparent url(img/menu_presentation_on.png) no-repeat; }

div#menu_main ul li.contact a:hover {
background:transparent url(img/menu_contact_on.png) no-repeat; }

div#menu_main ul li.recrutement a:hover {
background:transparent url(img/menu_recrutement_on.png) no-repeat; }

div#menu_main ul li.plan a:hover {
background:transparent url(img/menu_plan_on.png) no-repeat; }

/***** ~colonne_gauche *****/

div#menu_sub {
padding-top:10px;
width:160px;
margin-left:8px; }

div#menu_sub ul li {
padding-left:10px;
font-size:90%;
width:160px;
height:34px;
line-height:27px;
background:transparent url(img/menucg_item.png) no-repeat; }

div#menu_sub ul li a {
padding-left:15px;
color:#3252a1;
text-decoration:none;
background:transparent url(img/puce_2.png) no-repeat left center; }

div#menu_sub ul li a:hover {
color:#15426e;
background-image:url(img/puce_2_on.png); }

div#menu_clients {
padding:30px 0;
padding-left:20px;
font-size:90%; }

div#menu_clients ul li {
height:24px;
line-height:24px;
padding-left:20px;
background:transparent url(img/puce_1.png) no-repeat left center; }

div#menu_clients ul li a {
color:#3252a1;
text-decoration:none; }

div#menu_clients ul li a:hover {
text-decoration:underline;
color:#122c6b; }

div#coordonnees {
padding-left:15px;
font-size:80%;
color:#3252a1;
padding-bottom:30px; }

div#coordonnees dl dt {
font-weight:bold; }

/***** ~pied *****/

div#pied h3 {
text-indent:-9999px;
width:422px;
height:41px;
margin:0 auto;
background:transparent url(img/deco_hygiene.png) no-repeat; }

div#pied ul li {
margin-right:2px;
font-size:70%;
color:#3553a2;
display:inline; }

div#pied ul li a {
padding-right:2px;
text-decoration:none;
color:#3553a2; }

div#pied ul li a:hover {
text-decoration:underline; }