body {
   background-color : #EEEEEE ;
}
form {
   display : inline ;
}
/* div PRINCIPAL */
#corps {
   width        : 780px ;
   margin       : 0 ;
   margin-left  : auto ;
   margin-right : auto ;
   background-image  : url("../images/int_fond_g2.gif") ;
   background-repeat : repeat-y ;
   background-color : #FFFFFF ;
}
/* fin div PRINCIPAL */

/* divs du BANDEAU */
#bandeau {
   float    : left ;
   width    : 780px ;
   margin   : 0 ;
   height   : 127px ;
}
#int01 {
   position : relative ;
   float    : left ;
   width    : 233px ;
   height   : 127px ;
}
#int02 {
   position : relative ;
   float    : left ;
   width    : 547px ;
   height   : 16px ;
}
#int03 {
   position : relative ;
   float    : left ;
   width    : 391px ;
   height   : 17px ;
}
.icone_haut {
   position : relative ;
   float    : left ;
   width    : 33px ;
   height   : 17px ;
}
#int04 {
   position : relative ;
   float    : left ;
   width    : 57px ;
   height   : 17px ;
}
#int05a {
   float    : left ;
   width    : 547px ;
   height   : 20px ;
   background-image  : url("../images/int05a.jpg") ;
   background-repeat : no-repeat ;
}
/* menu */
#int05b {
   float             : left ;
   width             : 547px ;
   height            : 22px ;
   background-image  : url("../images/int05b.jpg") ;
   background-repeat : no-repeat ;
}
#int05b table td {
   white-space : nowrap ;
}
/* sous-menu */
#int05c {
   float             : left ;
   width             : 547px ;
   height            : 24px ;
   background-image  : url("../images/int05c.jpg") ;
   background-repeat : no-repeat ;
}
#int05c table td {
   white-space : nowrap ;
}
/* fin div BANDEAU */

/* div HAUTEUR MINIMAL DE LA PAGE */
#hauteur_page {
   float  : right ;
   width  : 1px ;
   height : 400px ;
/*    background-color : #123456; */
}
/* fin div HAUTEUR PAGE */

/* div CENTRE */
#centre {
   float    : left ;
   width    : 100% ;
}
/* fin div CENTRE */

/* div GAUCHE (zone de gauche)*/
#gauche {
   float   : left ;
   width   : 143px ;
   padding : 10px ;
   font-family : Verdana, Arial, Helvetica, Sans-serif ;
   font-size : 11px ;
}
/* div CONTENU (zone de droite = principal)*/
#contenu {
   float   : right ;
   width   : 595px ;
   padding : 10px ;
   border   : 0 ;
   font-family : Verdana, Arial, Helvetica, Sans-serif ;
   font-size : 11px ;
/*    background-color : #123456; */
}
/* div CONTENU_LARGE (toute la zone) */
#contenu_large {
   width    : 779px ;
   height : 40px ;
   font-family : Verdana, Arial, Helvetica, Sans-serif ;
   font-size : 11px ;
}

/* div BAS DE PAGE */
#bas_page {
   clear : both ;
   width            : 100% ;
   background-color : #FFFFFF ;
   text-align       : right ;
   clear            : both ;
}
/* fin div BAS DE PAGE */

/* lien de page */
.lien_page {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 10px ;
/*    font-weight     : bold ; */
}
a.lien_page:link,active,visited {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 10px ;
   text-decoration : none ;
   color           : #A61636 ;
   font-weight     : bold ;
}
a.lien_page:visited {
   text-decoration : none ;
   color           : #A61636 ;
   font-weight     : bold ;
}
a.lien_page:hover {
   text-decoration : none ;
   color           : #A2A2A2 ;/*#FC312F*/
   font-weight     : bold ;
}
.lien_page_inactif {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 10px ;
   text-decoration : none ;
   font-weight     : bold ;
   color           : #3F8BCF ;
}
.sous_titre {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 11px ;
   font-weight     : bold ;
   color           : #00318A ;
}
.sous_titre_rouge {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 11px ;
   font-weight     : bold ;
   color           : #A61636 ;
}
/* fin lien de page */

/* div REFERENCE */
/* lien actif */
.reference {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 12px ;
   text-decoration : none ;
}
a.reference:link,active,visited {
   font-weight     : bold ;
   text-decoration : none ;
}
a.reference:visited {
   font-weight     : bold ;
   text-decoration : none ;
}
a.reference:hover {
   font-weight     : bold ;
}
/* zone d'affichage de la description */
.description_reference {
   width   : 400px ;
   margin  : 10px auto ;
   padding : 10px ;
   border  : 1px dotted #C2C2C2 ;
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 11px ;
   text-align      : justify ;
/*    background-color : #3F8BCF ; */
/*    color : #FFFFFF ; */
/*    background-color : #EEEEEE ; */
/*    margin-top   : 10px ; */
/*    margin-left  : auto ; */
/*    margin-right : auto ; */
}
/* fin div REFERENCE */

/* div METIER */
.metier_soustitre {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 12px ;
   font-weight     : bold ;
   color           : #A61636 ;
}
/* zone d'affichage de la description du metier */
#metier_description {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 10px ;
   text-align      : justify ;
}
/* zone d'affichage des interlocuteurs */
#metier_interlocuteurs {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 10px ;
   padding-top : 10px ;
}
/* zone d'affichage des expertises */
#zone_expertises {
   float : left ;
   width : 100% ;
   border : 1px dotted #C2C2C2 ;
}
/* zone d'affichage de la liste des expertises */
#metier_expertises {
   float : left ;
   padding : 10px ;
   width        : 200px ;
}
/* lien actif */
.metier {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 12px ;
   text-decoration : none ;
}
a.metier:link,active,visited {
   font-weight     : bold ;
   text-decoration : none ;
}
a.metier:visited {
   font-weight     : bold ;
   text-decoration : none ;
}
a.metier:hover {
   font-weight     : bold ;
}
/* zone d'affichage de la description de l'expertise */
.description_expertise {
   float : right ;
   clear : right ;
   width : 330px ;
/*    height : 100% ; */
   padding      : 10px;
   border-left : 1px dotted #C2C2C2 ;
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 10px ;
   text-align : j/*u*/stify ;
   color : #00318A ;
}
/* fin div METIER */

/* div ACTUALITE */
.zone_chapitre {
   width   : 123px ;
   margin  : 20px 0 ;
/*    padding : 30px 10px ; */
/*    border  : 1px dotted #000000 ; */
   font-weight : bold ;
   font-family : Verdana, Arial, Helvetica, Sans-serif ;
   font-size   : 10px ;
}
#zone_descriptions_actualites {
   clear : both ;
   float : left ;
   width : 100% ;
/*    background-color : #eeeeee ; */
}
.zone_message_accueil {
   clear : both ;
   float : left ;
   width : 100% ;
   background-color : #eeeeee ;
}
.actualite_description {
   margin     : 0 ;
   margin-top : 20px ;
   padding     : 10px ;
   font-family : Verdana, Arial, Helvetica, Sans-serif ;
   font-size   : 10px ;
/*    background-color : #CFEFFF ; */
   border : 1px dotted #C5C5C5 ;
   color : #000000 ;
}
.actualite_question {
   float : left ;
   padding : 10px ;
   margin : 0 ;/*0 10px ;*/
   margin-right : 10px ;
   border : 1px solid #C5C5C5 ;
   text-align : left ;
/*    background-color : #CCCCCC ; */
}
/* separateur pour affichage */
.separateur {
/*    float : left ; */
   width : 100% ;
   height : 3px ;
/*    background-color : #123456; */
}
/* fin div ACTUALITE */

/* style PLAN */
.zone_plan {
/*    background-color : #EEEEEE ; */
   margin  : 10px 50px ;
   padding : 10px ;
}
/* titre */
.plan_titre {
   font-family : Verdana,Arial,Helvetica,Sans-serif ;
   font-size   : 12px ;
   font-weight : bold ;
}
a.plan_titre:link,active,visited {
   text-decoration : none ;
   color           : #A61636 ;
}
a.plan_titre:visited {
   text-decoration : none ;
   color           : #A61636 ;
}
a.plan_titre:hover {
   text-decoration : none ;
   color           : #A2A2A2 ;/*#FC312F*/
}
/* sous-titre */
.plan_soustitre {
   font-family : Verdana,Arial,Helvetica,Sans-serif ;
   font-size   : 11px ;
/*    font-weight : bold ; */
}
a.plan_soustitre:link,active,visited {
   text-decoration : none ;
   color           : #A61636 ;
}
a.plan_soustitre:visited {
   text-decoration : none ;
   color           : #A61636 ;
}
a.plan_soustitre:hover {
   text-decoration : none ;
   color           : #A2A2A2 ;/*#FC312F*/
}
/* fin style PLAN */

/* styles formaulaire */
/* libelle */
.form_libelle {
   font-family : Verdana,Arial,Helvetica,Sans-serif ;
   font-size   : 11px ;
   font-weight : bold ;
}
.form_erreur {
   font-family : Verdana,Arial,Helvetica,Sans-serif ;
   font-size   : 11px ;
   color       : #FF0032 ;
}
.form_bouton {
   font-family : Verdana,Arial,Helvetica,Sans-serif ;
   font-size   : 11px ;
   font-weight : bold ;
   background-color : #EEEEEE ;
   color            : #A61636 ;
   cursor           : pointer ;
   border : 1px solid #A61636 ;
}
/* fin styles formulaire de candidature */

/* offres d'emploi */
#zone_offres {
   float  : left ;
   width  : 100% ;
   border : 1px dotted #C2C2C2 ;
}
/* zone d'affichage de la liste des offres */
#emploi_offres {
   float   : left ;
   padding : 10px ;
   width   : 200px ;
}
/* zone d'affichage de la description de l'emploi */
.description_offre {
   float           : right ;
   clear           : right ;
   width           : 330px ;
   padding         : 10px;
   border-left     : 1px dotted #C2C2C2 ;
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 10px ;
   text-align : justify ;
   color : #00318A ;
}
.candidature_titre {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 12px ;
   font-weight     : bold ;
   color           : #A61636 ;
}
/* fin offres d'emploi */

/* article Defis */
/* haut page */
#defis_haut {
   float : left ;
   width : 95% ;
   padding : 10px ;
/*    background-color : #F5F5F5 ; */
   border : 1px solid #C5C5C5 ;
}
/* chapeau */
#defis_chapeau {
   float : left ;
   width : 375px ;
   padding : 10px ;
/*    border : 1px solid #000000 ; */
}
/* illustration */
#defis_illustration {
   float   : right ;
   width   : 140px ;
   padding : 5px ;
/*    border : 1px solid #000000 ; */
}
/* sous-titre */
#defis_soustitre {
   clear : both ;
   margin-top : 10px ;
   width : 95% ;
   padding-top : 10px ;
   font-weight : bold ;
}
/* sous-titre */
#defis_commande {
   clear : both ;
   width : 95% ;
   text-align : right
}
/* bas page */
#defis_bas {
   clear : both ;
   float : left ;
   width : 95% ;
   padding : 10px ;
   background-color : #EEEEEE ;
   border : 1px solid #000000 ;
}
/* liste des sommaires */
#zone_sommaires {
   float : left ;
   width : 45% ;
   padding : 10px ;
   padding-top : 20px ;
   padding-left : 20px ;
   margin-right : 10px ;
}
/* liste de description des sommaires */
#zone_descriptions {
   float : left ;
   width : 40%;
   padding : 10px ;
/*    background-color : #DDDDDD ; */
   border : 1px dashed #C2C2C2 ;
}
/* zone d'affichage du contenu du sommaire */
.defis_description {
   width            : 100% ;
   padding          : 10px ;
   font-family      : Verdana, Arial, Helvetica, Sans-serif ;
   font-size        : 10px ;
   color            : #000000 ;
}
/* fin article Defis */

/* zones Questions-Reponses */
#zone_questions {
   float : left ;
   width : 100% ;/*575px*/
/*    background-color : #BBBBBB ; */
}
.question {
   float : left ;
   width : 565px ;
   padding : 5px ;
   margin : 0 auto ;
   margin-bottom : 10px ;
   border : 1px solid #C5C5C5 ;
}
#zone_reponses {
   float : left ;
   width : 100% ;
   margin-top : 20px ;
/*    background-color : #DDDDDD ; */
}
.reponse {
   float : left ;
   width : 555px ;
   padding : 10px ;
   margin : 0 auto ;
   margin-bottom : 10px ;
   border : 1px dotted #C5C5C5 ;
/*    background-color : #EEEEEE ; */
}

/* fin zones Questions-Reponses */

/* baseline */
.baseline {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 10px ;
   color           : #EEEEEE ;
}
a.baseline:link,active,visited {
   font-family     : Verdana,Arial,Helvetica,Sans-serif ;
   font-size       : 10px ;
   text-decoration : none ;
   color           : #EEEEEE ;
}
a.baseline:visited {
   text-decoration : none ;
   color           : #EEEEEE ;
}
a.baseline:hover {
   text-decoration : none ;
   color           : #BBBBBB ;
}