@charset "iso-8859-1";

/* =================== Base =================== */
html { 
   margin:0px; padding:0px; height:100%
}

body { 
   margin:0px; padding:0px; height:100%;
   text-align:center;
   background:#004c87 url(images/fond_body.gif) repeat-x;
   background-attachment:fixed
}

body, h4, samp, p { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px }

input, textarea, select { background-color:#FFFFFF }
select      { border:1px solid }
form        { margin:0px; padding:0px }
hr          { height:1px; padding:0; background-color:#000000; border:0px }
dfn         { font-style:normal }
p, li       { font-size:12px }
img         { border:0px }

a       { color:#000000; text-decoration:underline; font-size:12px }
a:hover { color:#000000; text-decoration:underline; font-size:12px }

a.noborder, a.noborder:hover { text-decoration:none } /* Pour les icones W3C */
img.icone     { border:0px }

/* ================= Structure =============== */ 
div#document  { width:865px; margin:0 auto 0 auto; position:relative; padding:0px; text-align:left }

div#gauche { width:290px; position:absolute; left:0px }
div#droite { width:566px; background:#FFFFFF; padding:0px; margin-left:290px; display:block; min-height:790px }

div#top     { float:right; height:30px; color:#999999 }
div#contenu { padding:0px 20px 0px 20px }

div#logo    { padding:0px; margin:30px 0px 0px 18px }

span#copyright         { color:#666666; font-size:10px }
span#copyright a       { color:#666666; font-size:10px; text-decoration:none }
span#copyright a:hover { text-decoration:underline }

div#menu_outils { height:20px }

div#envoyer       { padding-top:15px; text-align:center }
div#envoyer input { height:18px; vertical-align:middle; background-image:url(images/button_fond.gif); border:1px solid #999999; font-size:11px; background-position:bottom }

div#pied { text-align:right; margin:0px 20px 0px 27px; padding:25px 0px 10px 0px }


/* ============================================ */
/* GENERALITES                                  */
/* ============================================ */

/* TITRES DE NIVEAU 1 */
h1#titre { color:#FFFFFF; font-size:large; font-family:Trebuchet MS; font-weight:bold; background:url(images/h1.gif) no-repeat left center; height:37px; padding:15px 0px 0px 70px; width:474px; margin:0px 0px 10px 10px }

/* TITRES DE NIVEAU 2 */
/*div#droite h2 { color:#000000; font-size:14px; font-family:Arial; font-weight:bold; margin:0px 20px 0px 20px; padding:0px } */

/* Pièces jointes                               */
div#cadre_pj            { margin:20px 0px 0px 0px }
ul#piece_jointe         { margin:0px 5px 0px 0px; padding:0px; list-style:none }
ul#piece_jointe li      { text-indent:10px; padding-top:3px; padding-bottom:3px; margin-top:1px; }
ul#piece_jointe a       { font-size:11px; color:#000; text-decoration:none; }
ul#piece_jointe a:hover { text-decoration:underline; }

/* Formulaires e-site */
div#contenu form  { position:relative; margin:0 auto; width:65%; padding:1%; border:1px solid #535353; background-color:#EAEAEA }
div#contenu form input:TEXT { width:97%; border:5px solid #d9d9d9 }
div#envoyer input { width:100px; height:20px }


/* ============================================ */
/* PAGE INDEX                                   */
/* ============================================ */

/* A LA UNE */
h4.titre_une        { text-decoration:none; font-size:16px; font-family:Arial; font-weight:bold; margin:0px; padding:0px; color:#000000 }
p.date_une          { font-size:11px; color:#666666; margin:0px 0px 10px 0px }
div.accueil         { text-align:justify; width:520px }
div.accueil a       { text-decoration:none; color:#000000; font-size:12px }
div.accueil a:hover { text-decoration:underline; color:#000000; font-size:12px }
img.img_une          { margin:0px 5px 0px 0px; padding:0px }

/* CARTOUCHE GRISE CONTENANT LES ACTUALITES L'AGENDA ET LES EMPLOIS */
table#bandeau_actu   { clear:both; background:#B2C9DB; padding:0px; margin-top:30px; display:table; min-height:200px; width:566px }
table#bandeau_actu td { width:179px; vertical-align:top; padding-right:0px; padding-left:3px }
td#tdActu { background-image:url(images/barre_cartouche.gif); background-position:right; background-repeat:no-repeat }
td#tdJobs { background-image:url(images/barre_cartouche.gif); background-position:left; background-repeat:no-repeat }

/* Mise ne forme du texte dans la cartouche grise */
table#bandeau_actu h3 { font-size:14px; background:url(images/fond_titre_cartouche.gif); background-repeat:no-repeat; background-position:center; padding-top:11px; text-align:center; height:25px; color:#FFFFFF }
ul.liste_news         { list-style-type:disc }
ul.liste_news li      { margin-bottom:10px }
ul.liste_news a       { color:#000000; font-size:12px; text-decoration:none }
ul.liste_news a:hover { color:#000000; font-size:12px; text-decoration:underline }
p.Txt_recup { margin-left:25px; font-style:italic }

/* ESPACE PARTENAIRES */
div#cadre_partenaires    { margin:20px 20px 0px 20px }
div#cadre_partenaires h2 { margin:0px 0px 10px 0px; border-bottom:1px solid #000000; font-size:12px }
table.logos              { margin:0px 0px 0px 0px }
table.logos th           { vertical-align:middle; padding:2px }



/* ============================================ */
/* MENU DE GAUCHE                               */
/* ============================================ */

/* Position des cartouches */ 
div#annuaire       { width:200px; background:url(images/annuaire.gif) no-repeat center; text-align:left; padding:0px 0px 0px 90px; height:80px; margin:10px 0px 5px 0px }
div#formation      { width:200px; height:50px; background:url(images/formation.gif) no-repeat center; text-align:left; padding:0px 0px 0px 90px; height:68px; margin-bottom:10px }
div#menu_principal { width:267px; padding-left:17px; margin-bottom:5px }
div#newsletter_box { width:274px; background:url(images/newsletter.gif) no-repeat center; text-align:center; padding:0px 0px 0px 0px; height:72px; margin-left:9px }
div#blog_box       { margin:10px 0px 5px 0px; width:194px; background:url(images/agregateur.png) no-repeat center; text-align:left; padding:0px 0px 0px 90px; height:75px }
div#imagineDays    { display:block; width:261px; background:url(images/imagine_days.gif) no-repeat center; text-align:left; padding:0px 0px 0px 40px; height:61px; margin:10px 0px 5px 0px }
div#rencontres     { display:block; width:261px; background:url(images/bouton-rencontres.png) no-repeat center; text-align:left; padding:0px 0px 0px 40px; height:100px; margin:10px 0px 5px 0px }
div#video     { display:block; width:254px; text-align:left; padding:5px; margin:10px 0px 5px 17px; background:#FFF; border:1px solid #000 }
div#diagnostic     { display:block; width:261px; background:url(images/bouton-diagnosTIC.png) no-repeat center; text-align:left; padding:0px 0px 0px 40px; height:150px; margin:10px 0px 5px 0px }
div#spn10ans       { display:block; width:261px; background:url(images/bouton-spn10ans.png) no-repeat center; text-align:left; padding:0px 0px 0px 40px; height:150px; margin:10px 0px 5px 0px }

/* Mise en forme du texte des cartouches */
div#cadre_annuaire              { padding-top:15px; margin:0px }
div#cadre_blog                  { padding-top:8px; margin:0px }
div#cadre_formation             { padding-top:3px; margin:0px }
div#cadre_newsletter            { padding:5px 0px 0px 70px }
div#annuaire a                  { font-size:12px; color:#000; margin:0px; padding:0px; font-weight:normal; text-decoration:none }
div#formation a                 { font-size:12px; color:#000; margin:0px; padding:0px; font-weight:normal; text-decoration:none }
div#blog_box a                  { font-size:12px; color:#000; margin:0px; padding:0px; font-weight:normal; text-decoration:none }
h5.titre_cartouches             { margin:13px 0px 0px 0px; padding:0px; font-size:12px; font-weight:normal }
div#annuaire p, div#formation p, div#blog_box p { font-size:11px; color:#666666; text-align:left; margin:0px }

/* formulaire newsletter */
div.ToolsInput_g {  margin-left:20px }

div#espace_membres { padding-left:30px }

/* Structure menu principal */
div#coin_haut    { background:url(images/haut_menu.gif) no-repeat bottom center; height:6px }
div#corps_menu   { background:url(images/fond_menupp.png) no-repeat top center; width:247px; padding-right:19px }
div#coin_bas     { background:url(images/bas_menu.gif) no-repeat top center; height:6px }
div#cadre_menupp { padding:0px 0px 0px 0px }

/* mise en forme des liens du menu principal */
#menu { padding:10px 0px 0px 45px; margin:0px 0px 0px 0px;}

li.menu_rubrique         { list-style-type:none; margin:0px 0px 5px 0px; padding:10px 0px 0px 7px; background:url(images/separation_menu.png) no-repeat center top }
li.menu_rubrique a       { color:#000000; text-decoration:none; font-size:12px }
li.menu_rubrique a:hover { color:#000000; text-decoration:none; font-size:12px }

li.menu_rubrique_01      { list-style-type:none; margin:0px 0px 5px 0px; padding:10px 0px 0px 7px }
li.menu_rubrique_01 a       { color:#000000; text-decoration:none; font-size:12px }
li.menu_rubrique_01 a:hover { color:#000000; text-decoration:none; font-size:12px }

li.menu_rubrique_select         { list-style-type:none; margin:0px 0px 5px 0px; padding:10px 0px 0px 7px; background:url(images/separation_menu.png) no-repeat center top }
li.menu_rubrique_select a       { color:#000000; text-decoration:none;font-size:12px }
li.menu_rubrique_select a:hover { color:#000000; text-decoration:none; font-size:12px }

li.menu_rubrique_01_select         { list-style-type:none; margin:0px 0px 5px 0px; padding:10px 0px 0px 7px }
li.menu_rubrique_01_select a       { color:#000000; text-decoration:none;font-size:12px }
li.menu_rubrique_01_select a:hover { color:#000000; text-decoration:none; font-size:12px }

ul.ssmenu         { padding:0px 0px 0px 25px; margin:0px 0px 0px 25px; display:block; list-style-type:disc }
ul.ssmenu a       { color:#000000; text-decoration:none; font-size:11px }
ul.ssmenu a:hover { color:#000000; text-decoration:none; font-size:11px }

li.menu_rubrique_diff { background:url(images/separation_menu.png) no-repeat center top; list-style-type:none; margin:0px 0px 10px 0px; padding:10px 0px 5px 7px }

/* formulaire espace membres */
div#espace_membres             { margin:0px 0px 0px 20px }
div#espace_membres .input_text { background:url(images/corps_input.gif) no-repeat top; width:120px; height:20px; border:0px; padding:0px 0px 0px 0px }
div#espace_membres .input_ok   { background:url(images/bouton_ok.gif) no-repeat top; width:24px; height:20px; border:0px }
span#lost_password { display:block; margin-left:20px }

/* ============================================ */
/* MENU HAUT DE PAGE 					        */
/* ============================================ */
ul#menu_haut         { list-style-type:none; margin:10px; padding:0px; font-size:12px; color:#666666 }
ul#menu_haut li      { display:inline }
ul#menu_haut a       { text-decoration:none; color:#666666; font-size:12px }
ul#menu_haut a:hover { text-decoration:none; color:#666666; font-size:12px }


/* ============================================ */
/* PAGE PLAN DU SITE					        */
/* ============================================ */
ul.plan_du_site   { margin:0px 0px 10px 0px; list-style:none; padding:0px }
ul.plan_du_site a { text-decoration:none; font-size:13px }

li.plan_du_site_dossier  { padding:0px; font-size:13px; font-weight:bold; color:#000; line-height:20px; margin:20px 0px 0px 0px; background-image:url(images/point.gif); background-repeat:repeat-x; background-position:0px 18px }
li.plan_du_site_document { padding:0px; font-size:13px; line-height:20px; margin-top:5px }
li.plan_du_site_document a        { text-decoration:none }
li.plan_du_site_document a:hover  { text-decoration:underline }



/* ============================================ */
/* PAGE AGENDA          				        */
/* ============================================ */
h5.evenement_agenda    { font-size:1.2em; margin:0px 0px 10px 0px }
p.date_even_agenda     { color:#666666; }
div.agenda_bloc        { border-bottom:1px solid #000; margin:10px 0px 0px 0px; padding-bottom:10px }
div.agenda_commentaire { margin:20px 0px 20px 0px; font-style:italic; color:#666666 }
.img_droite            { float:right; padding:5px }
.img_agenda            { margin:5px 20px 0px 0px }


/* ============================================ */
/* PAGE EMPLOI          				        */
/* ============================================ */
p.type_contrat { margin:10px 0px 10px 0px }


/* ============================================ */
/* PAGE ACTUALITE   					        */
/* ============================================ */
div.actualite_bloc   { margin:0px 0px 20px 0px }
div.actualite_bloc h4 { margin:0px }
div.actualite_bloc a { font-size:12px; color:#000000; text-decoration:underline }
p.date_actualite     { color:#666666; font-size:11px; margin:0px 20px 0px 0px }
p.date_pied          { font-size:11px; color:#666666; margin:10px 0px 0px 0px }