body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; margin:0px; padding:0px; background:url(../images/body.gif) repeat-y center #000 }

div#page   { position:relative; padding:0px 0px 10px 0px; margin:0px auto; width:1000px }
div#shadow { position:absolute; z-index:6; visibility:hidden; width:100%; background-color:#000000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity:0.5; opacity:0.5 }

.noBorder, .icone { border:0px }
.clear            { clear:both }

div#cadre_handle_institut, div#cadre_handle_metiers, div#cadre_handle_formations, div#cadre_handle_financement { float:left }
div#cadre_formations, div#cadre_financement{ float:left; width:650px; background:url(../images/fond_formations.png) no-repeat center top }
div#cadre_institut { float:left; width:650px; height:492px; background:url(../images/fond_cadre.png) no-repeat center top }
div#cadre_metiers, div#cadre_atouts   { float:left; width:650px; min-height:492px; background:url(../images/fond_formations.png) no-repeat center top }

div.handle  { float:left; cursor:pointer }
div.contenu { padding:20px 15px 15px 15px; width:320px; margin-left:30px }

div.test { width:650px }


/* ENTETE
/* ====================================================================== */
div#top { height:160px }
div#bt_partenaires { float:right; margin:110px 160px 0px 0px; cursor:pointer; width:170px; height:27px; text-align:center; padding-top:14px; background:url(../images/bouton_partenaires.gif) no-repeat center }


/* MISE EN PAGE
/* ====================================================================== */
h1.titrePage { font-size:20px; margin:0px; padding:0px; width:50% }
h1.titre { font-size:20px; margin:0px; padding:0px }

/* PAGE D'ACUEIL */
div#slogan        { font-size:15px; font-weight:bold; width:300px }
div#texte_accueil { width:300px }
div#texte_accueil p { color:#FFF }

div#rightInstitut{float:right; margin-right:50px}
div#cadre_actu { width:200px; padding:5px; background:#b70a39 }
div.actu       { background:#576065; padding:10px }
h2.titre_actu1 { font-size:18px; margin:0px; padding:0px 0px 0px 10px; color:#FFF; background:#576065 }
h2.titre_actu, h2.titre_emploi  { font-size:14px; font-weight:normal; color:#fdc300; padding:0px 0px 0px 12px; margin:0px; background:url(../images/puce_titre_actu.gif) no-repeat left 5px; cursor:pointer }
div.actu samp  { display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px 0px 0px 12px }

div.bouton{width:210px;height:24px;padding-top:12px;text-align:center;background:url(../images/bouton.gif) no-repeat center}
div.bouton a{color:#FFF;text-decoration:none;font-size:11px}

/* Page book */
h1#titrePageBook{font-size:20px; margin:0px; padding:0px;color:#535353}
span#txtBook{color:#535353}
ul#menuBook{list-styl:none;padding:0;margin:0}
ul#menuBook li{display:block;float:left;padding:5px;background:#b70b3a}
ul#menuBook a{color:#FFF;text-decoration:none}
div#contenu_book { padding:20px 15px 15px 15px; margin:30px }
div#fiche { padding:10px; color:#576065; border:5px solid #b70b3a; background:#FFF }

/* PAGE NOS ATOUTS */
div#contenu_atouts { padding:20px 15px 15px 15px; margin:30px }
div#texte_atouts   { padding:10px; color:#576065; border:5px solid #fdc300; background:#FFF }


/* PAGE METIERS */
div#contenu_metiers { padding:20px 15px 15px 15px; margin:30px }
div#liste_metiers   { padding:10px; color:#576065; border:5px solid #931476; background:#FFF; text-align:center }
div.contenu_metier  { text-align:left }
h2.titre_metiers    { height:39px; padding:12px 0px 0px 60px; cursor:pointer; text-align:left }
div.desc_1  p, div.desc_2  p, div.desc_3  p, div.desc_4  p  { color:#576065; text-align:justify }
ul.liste_module_metier { list-style:none; padding:10px 0px 20px 0px; text-align:center; height:30px; margin:0px }
ul.liste_module_metier li { display:inline; margin-right:30px }

/* PAGE FORMATIONS */
div#contenu_formations { padding:20px 15px 15px 15px; margin:30px }
h1.titreNoir           { font-size:20px; margin:0px; padding:0px; color:#576065 }
div#texte_formations, div#texte_formations p { color:#576065; text-align:justify }
div#texte_formations li { color:#576065; text-align:justify }

div#liste_formations_lg { padding:10px; color:#576065; border:5px solid #97be0d; background:#FFF; text-align:center }
div#liste_formations_ct { padding:10px; color:#576065; border:5px solid #97be0d; background:#FFF; text-align:center; display:none }
div.contenu_formations  { text-align:left }
h2.titre_formations     { height:33px; padding:5px 0px 0px 60px; cursor:pointer }

h2.piece_jointe_titre   { margin:0px; color:#576065; font-size:12px; height:18px; line-height:18px; font-weight:bold; padding:1px; margin-top:20px; margin-right:5px }
ul.piece_jointe         { margin:0px; padding:0px; list-style:none; margin-right:5px }
ul.piece_jointe li      { background-color:#F4F5F9; text-indent:5px; padding-top:3px; padding-bottom:3px; margin-top:1px }
ul.piece_jointe a       { font-size:11px; color:#576065; text-decoration:none }
ul.piece_jointe a:hover { text-decoration:underline }

span#doss_8 { display:block; float:left; padding:5px; margin-right:1px; background:#97be0d; cursor:pointer }
span#doss_9 { display:block; float:left; padding:5px; margin-right:1px; background:url(../images/libelle_select.gif) repeat-x center #97be0d; cursor:pointer }
span#doss_8 a, span#doss_9 a { color:#FFF; text-decoration:none }

/* PAGE FINANCEMENT */
div#contenu_financement { padding:20px 15px 15px 15px; margin:30px }
div#texte_financement { padding:10px; color:#576065; border:5px solid #008bd0; background:#FFF }

/* PAGE INSCRIPTIONS */
label.legende     { font-weight:bold; font-size:12px; display:block; width:100% }
input.obligatoire, input.inputexte { border:3px solid #97be0d; display:block; width:100%; margin:5px 0px 20px 0px }

table.TblEdition    { width:100% }
table.TblEdition th { text-align:left; vertical-align:top }
table.TblEdition p  { color:#FFF }

div#col2_form { float:right; width:46%; padding:2% }
div#col1_form { float:left; width:46%; padding:2% }
div#col3_form { clear:both; padding-top:20px; border-top:1px solid #FFF }

h2.titre_form { color:#FFF }

form#form_add p, form#formContact p { color:#FFF }
div#accept_form { border-top:1px solid #FFF; margin-top:20px; padding-top:20px; text-align:center }

td.form_dossier { font-size:16px; padding-bottom:10px; border-bottom:1px solid #fff }

/* PAGE PLAN D'ACCES */
img#img_plan1      { float:left; border:5px solid #b70a39 }
img#img_plan2      { border:1px solid #FFF }
li#lien_plan_acces { cursor:pointer }
div#contenu_plan   { margin-left:400px; height:360px }
div#contenu_plan p { color:#FFF }

/* PAGE CONTACT */
form#formContact { padding:20px }
li#lien_contact { cursor:pointer }
textarea#message { width:100%; border:3px solid #97be0d }
div#cadreSubmitC { margin-top:20px; padding-top:20px; text-align:center }

/* PAGE PARTENAIRES */
li#lien_partenaires { cursor:pointer }
div#contenu_partenaires {  }
span.cadre_partenaire { display:block; float:left; height:130px; padding:10px; margin-right:10px }
span.cadre_partenaire img { padding:10px; border:1px solid #fff }
span.legende_part { display:block; margin-top:5px }

/* ACTUALITES */
div#contenu_actu p, div#contenu_actu blockquote { color:#FFF }
div#titre_actu { font-size:16px; color:#FFF; margin-bottom:20px; font-weight:700 }
div#contenu_actu i, div#contenu_actu b{ color:#FFF }

/* PLAN DU SITE
/* ====================================================================== */



/* PIED DE PAGE
/* ====================================================================== */
div#pied-de-page       { clear:both; position:relative; padding:0px; margin:0px auto; width:1000px; height:133px }
div#pied-de-page ul    { list-style:none; padding:40px 0px 0px 50px; margin:0px }
div#pied-de-page ul li { display:block; float:left; color:#8c8a8a; padding:10px }
div#pied-de-page p     { text-align:center; font-size:10px; color:#8c8a8a }
div#pied-de-page a     { color:#8c8a8a; text-decoration:none }

div#pied_int { height:133px; width:834px; background:url(../images/bg_pied.gif) repeat-x center }
div#fils     { width:100%; height:133px; background:url(../images/ornement_pied.png) no-repeat 50px top  }