*{margin:0; padding:0;}
body {font: normal 9pt Tahoma; color:#3d484d;text-align:justify;}
#body {background: url(images/fonds/fond.gif) repeat;}

input {font: normal 9pt Tahoma; color:#3d484d;}
textarea {font: normal 9pt Tahoma; color:#3d484d;}
select {font: normal 9pt Tahoma; color:#3d484d;}



h1 {font: bold 12pt Tahoma; color:#ac0113;text-align:left;}
h1 img{float:left;margin:2px 10px 0 0;}
h4 {font: normal 10pt Tahoma; color:#ac0113;text-align:left;}
p span{color:#000094;}
span.color{color:#ac0113;}
img{border:0}

a{font: normal 9pt Tahoma; color:#ac0113;text-decoration:none; line-height:1.1em;}
a:hover{text-decoration:underline;}
p.lien {margin-top:5px;float:right; text-align:right;background:url(images/boutons/lien.gif) no-repeat 3px 3px; padding-left:5px;width:80px; color:#ac0113;}
.clear {clear:both}

#conteneur{margin:0 auto; width: 772px;}

#haut{position:relative; top:0; left:0; width:772px; height:100px; background: url(images/fonds/haut.gif) no-repeat;}
  #haut #flash {position:absolute; top:0; left:210px;  width:550px;  padding-top:10px}
  #haut #logo {position:absolute; top:23px; left:230px; }
  #haut #FE {position:absolute; top:45px; left:300px;}
  #haut #langues {position:absolute; top:80px; right:10px;}
  #haut #langues p {font: normal 10pt Tahoma; color:#aab3dd; text-decoration:none;}
  #haut #langues p a{font: normal 10pt Tahoma; color:#aab3dd; text-decoration:none;}
  #haut #langues p a:hover{text-decoration:underline;}

  #bandeau {width:772px; margin:0; padding:0; clear:both;}
  #bandeau ul#menu {width:175px; height:201px; background:url(images/fonds/menu.gif); margin:0; padding:0; float:left; position:relative; text-align:center}
  #bandeau ul#menu{margin:0 ;padding:0 ;list-style-type:none;}
  #bandeau ul#menu li{margin: 0 0 5px 0 ;padding: 0 ;}
  #bandeau ul#menu li a#accueil{display: block ;position:absolute; top:23px; right:9px;font: bold 10pt Tahoma; color:#0422b4; width: 143px; line-height: 22px;text-indent:70px; text-decoration:none; background: url(images/menu/accueil.gif) no-repeat 0 0 ;}
  #bandeau ul#menu li a#accueil:hover{background: url(bg_menu.gif) no-repeat;color:#fff;}
  #bandeau ul#menu li a#accueil_active{background: url(bg_menu.gif) no-repeat;color:#fff; display: block ;position:absolute; top:23px; right:9px;font: bold 10pt Tahoma; width: 143px; line-height: 22px;text-indent:70px; text-decoration:none;}
  #bandeau ul#menu li a#france{display: block ;position:absolute; top:53px; right:9px;font: bold 10pt Tahoma; color:#0422b4; width: 147px; line-height: 22px;text-indent: 19px; text-decoration:none; background: url(images/menu/france.gif) no-repeat 0 0 ;}
  #bandeau ul#menu li a#france:hover{background: url(bg_menu.gif) no-repeat;color:#fff;}
  #bandeau ul#menu li a#france_active{background: url(bg_menu.gif) no-repeat;color:#fff;display: block ;position:absolute; top:53px; right:9px;font: bold 10pt Tahoma; width: 147px; line-height: 22px;text-indent: 19px; text-decoration:none;}
  #bandeau ul#menu li a#metiers{display: block ;position:absolute; top:83px; right:9px;font: bold 10pt Tahoma; color:#0422b4; width: 148px; line-height: 22px;text-indent: 38px; text-decoration:none; background: url(images/menu/metiers.gif) no-repeat 0 0 ;}
  #bandeau ul#menu li a#metiers:hover{background: url(bg_menu.gif) no-repeat;color:#fff;}
  #bandeau ul#menu li a#metiers_active{background: url(bg_menu.gif) no-repeat;color:#fff;display: block ;position:absolute; top:83px; right:9px;font: bold 10pt Tahoma; width: 148px; line-height: 22px;text-indent: 38px; text-decoration:none;}
  #bandeau ul#menu li a#offres{display: block ;position:absolute; top:113px; right:9px;font: bold 10pt Tahoma; color:#0422b4; width: 143px; line-height: 22px;text-indent: 20px; text-decoration:none; background: url(images/menu/offres.gif) no-repeat 0 0 ;}
  #bandeau ul#menu li a#offres:hover{background: url(bg_menu.gif) no-repeat;color:#fff;}
  #bandeau ul#menu li a#offres_active{background: url(bg_menu.gif) no-repeat;color:#fff;display: block ;position:absolute; top:113px; right:9px;font: bold 10pt Tahoma; width: 143px; line-height: 22px;text-indent: 20px; text-decoration:none;}
  #bandeau ul#menu li a#contacts{display: block ;position:absolute; bottom:34px; right:9px;font: bold 10pt Tahoma; color:#0422b4; width: 134px; line-height: 22px;text-indent: 60px; text-decoration:none; background: url(images/menu/contact.gif) no-repeat 0 0 ;}
  #bandeau ul#menu li a#contacts:hover{background: url(bg_menu.gif) no-repeat;color:#fff;}
  #bandeau ul#menu li a#contacts_active{background: url(bg_menu.gif) no-repeat;color:#fff;display: block ;position:absolute; bottom:34px; right:9px;font: bold 10pt Tahoma; width: 134px; line-height: 22px;text-indent: 60px; text-decoration:none;}
  #bandeau img {width:597px; height:201px;margin:0; padding:0;float:left;}

  #spaw_accueil {color:#ffffff; padding-right:20px}

#middle {width:772px; margin:0; padding:0; clear:both;}
  #middle #bienvenue{width:509px; height:135px;margin:0; padding:0;float:left;background:#aab3dd;}
  #middle #bienvenue h1{font-style:normal;font-size:14pt; background:url(images/fonds/pointille.gif) bottom left repeat-x; padding-bottom:8px; margin: 10px 20px 5px 10px;}
  #middle #bienvenue h1 span{color:#fff;}
  #middle #bienvenue p {color:#fff; margin: 5px 20px 0 10px; font-size:10pt;}
  #middle img#angle{width:263px; height:135px; margin:0; padding:0;float:left;display:inline;}

#contenu {margin:0 0 0 106px; display:inline; float:left; background:white; width:666px; padding-bottom:10px}
  #nucleaire {float:left; display:inline;width:140px; margin:10px 15px 0 15px;}
  #nucleaire h1{margin:0 0 10px 0;}
  #nucleaire p{margin-bottom:15px;}
  .militaire {float:left; display:inline;width:461px; margin:10px 20px 0 10px;}
  .militaire h1{margin:0 0 10px 0;}
  .militaire p img {float:right; margin:0 0 0 20px;}

  #metier {margin:20px;}
  #metier h1 {margin:0 0 10px 0; clear:both;}
  #metier p{margin:0 0 10px 0;}
  #metier p#listes{margin:0 0 10px 15px;}
  #metier p#listes span{font-weight:bold;}
  #metier p img{float:right; margin:0 0 0 20px; border:1px solid #0422b4;}
  #metier p img.border{border:none;}

  #coordonnees {float:left; display:inline;width:240px; margin:10px 15px 0 15px;}
  #coordonnees h1{margin:0 0 10px 0;}
  #coordonnees p{margin-bottom:15px;}

#contact {float:left; display:inline;width:361px; margin:10px 20px 0 10px;}
  #contact p{margin-bottom:15px;}
  #contact h1{margin:0 0 10px 0;}

  #form_contacts {float:left; width:340px; margin: 0 auto;}
  #form_contacts .row {clear: both; padding-top: 2px;}
  #form_contacts .row label {float: left; margin: 0 5px 0 0; padding:0; width: 130px;text-align: right;font: normal 9pt Tahoma; color:#3d484d;}
  #form_contacts .row label span{ color:#ac0113;}
  #form_contacts .row span.champs {float: left; width: 180px; padding : 0 10px 0 0; margin: 0; text-align: left;}
  #form_contacts .row span.champs input{border: 1px solid #aab3dd; padding:0; margin:0;}
  #form_contacts .row span.champs input#envoi{border:none; padding:0; margin:0 0 10px 0;}
  #form_contacts .row span.champs textarea{border: 1px solid #aab3dd; padding:0; margin:0;}
  #form_contacts p#remerciements{line-height:150px; font:normal 10pt Tahoma; color:#3d484d; text-align:center;}

  #bas {border-top:5px solid #3e484b;width:666px; float:right; background-color:#fff}
  #bas p a{font-size:8pt; text-align:left;width:160px; margin:5px 0 0 15px; color:#333;float:left; display:inline; }
  ul#menub {width:451px; list-style-type: none ; margin:0; padding:0;float:right;margin:5px 15px 5px 0;}
  ul#menub li{float:right;padding: 0 ;font: normal 8pt Tahoma;color:#0422b4;}
  ul#menub li a{margin: 0 5px;font: normal 8pt Tahoma; text-decoration:none;color:#0422b4; }
  ul#menub li a:hover{text-decoration:underline;}

/* OFFRES D'EMPLOIS */
h2 {background:url(images/boutons/titre.gif) 0px 4px no-repeat; padding-left:20px; text-align:left; line-height:15px; margin-bottom:10px; color:#ac0113; font:bold 15pt Arial;}
h2.left {float:left}
.retour {float:right; font-size:7pt; color:#0422b4; }
.retour a {color:#0422b4; font-size:8pt; font-weight:bold}
.retour a:hover {color:#0422b4;}

.retour_seul {text-align:center}
.retour_seul a {color:#0422b4; font-size:8pt; font-weight:bold}
.retour_seul a:hover {color:#0422b4;}





#affichage_offre_emploi_l {padding:20px}
/* .off_ligne {padding:15px 20px 0px 20px;} */
.off_entete{border-bottom:1px solid #aab3dd; padding-bottom:5px; padding-top:10px}
.off_metier {float:left; color:#ac0113; font-weight:bold; font-size:15px}
.off_metier a{font-weight:bold; font-size:15px; color:#ac0113}
.off_metier a:hover{font-weight:bold; font-size:15px; color:#ac0113}

.off_date {float:right; font-weight:bold; color:#576065; font-size:10px;}
.off_description {background-color:#e8ecfc; margin-top:10px; padding:5px; width:450px; float:left; min-height:110px}
.off_liste_infos {margin:10px 0 0 10px; padding:5px; width:146px; float:left; text-align:right;}
.lire_plus {float:right; margin-top:10px}
.off_pied{border-bottom:1px solid #aab3dd; padding-bottom:0px}
.MoteurNavigation {text-align:center; margin:5px 0; }
.MoteurNavigation a{text-align:center; margin:5px 0; color:#0422b4}
.MoteurNavigation a.page{ color:#0422b4}
.MoteurNavigation .MoteurNavigationPageActuelle {color:#ac0113; font-weight:bold;}

/* Détails */
#offre_emploi_d {margin:20px}
.off_infos {margin-top:20px; width:450px; float:left; min-height:110px; padding:5px;}
.off_infos_titre {color:#aab3dd; border-bottom:1px solid #aab3dd; padding-bottom:5px; font-weight:bold}
h3 {color:#aab3dd; border-bottom:1px solid #aab3dd; padding-bottom:5px; font-weight:bold}
.off_infos_contenu {padding:5px 5px 5px 0}
.off_profil_recherche {margin:20px 0 0 10px; padding:5px 5px 15px 5px; width:146px; float:left; text-align:left; background-color:#e8ecfc; min-height:110px;}
.off_profil_recherche_titre {color:#aab3dd; border-bottom:1px solid #aab3dd; padding-bottom:5px; font-weight:bold;}
.postuler{float:right; margin:10px 0 10px}


/* Postuler */
#postuler_gauche {float:left; width:140px; padding:20px}
#postuler_droite {float:left; width:446px; padding:20px}

#postuler_droite .confirmation {text-align:center; font-weight:bold}

#form_connexion {padding:20px; background-color:#e8ecfc}
#form_connexion p {padding:2px;}
#form_connexion label{float:left; width:200px; text-align:right; padding-right:5px}
#form_connexion .boutons {text-align:center; margin-top:30px}

#form_inscription p {padding:2px;}
#form_inscription label{float:left; width:200px; text-align:right; padding-right:5px}
#form_inscription input {width:180px; border: 1px solid #aab3dd; padding:0; margin:0;}
#form_inscription textarea {width:180px; border: 1px solid #aab3dd; padding:0; margin:0;}
#form_inscription select {width:180px; border: 1px solid #aab3dd; padding:0; margin:0;}
#form_inscription .boutons {text-align:center; margin-top:30px}

#recherche{width:509px; height:135px; margin:0; padding:0; float:left; background:#aab3dd;}
#recherche h1{font-style:normal;font-size:14pt; background:url(images/fonds/pointille.gif) bottom left repeat-x; padding-bottom:8px; margin: 10px 20px 5px 10px;}

#recherche label {float:left; width:80px; text-align:right; padding-right:5px}
#recherche select {width:160px; border: 1px solid #aab3dd; padding:0; margin:0;}
#recherche input {width:125px; border: 1px solid #aab3dd; padding:0; margin:0;}
#recherche input #OFF_METIER {width:160px; border: 1px solid #aab3dd; padding:0; margin:0;}

#recherche p {float:left; width:250px; height:25px}
#recherche .MoteurCalendrier {vertical-align:middle}

#recherche .valider {float:right; margin-right:46px; margin-top:10px}
#recherche td {padding:2px 3px}


#email {width:600px; border:1px solid #2c4171; font: normal 9pt Tahoma; color:#3d484d;text-align:justify; background-color:#fff; margin:10px 20px; padding:0}
#contenu_email {padding:10px}
#contenu_email label{width:200px; text-align:right; float:left}
#contenu_email span{width:350px; text-align:left; float:left; font-weight:bold; margin-left:10px}
#contenu_email span a{font-weight:bold}

#aucun_resultat {text-align:center; font-weight:bold; color:#ac0113; border-top:1px solid #000; padding-top:20px}