
/* CSS Document */

body, html { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; }

form { margin:0; padding:0; }

p { margin:0; padding:0; padding-top:9px; }

p.desc_film { margin:0; padding:0; padding-top:3px; }

/* TABLES */

.tableBordNoir { border: solid 1px #929292; background-color:#FFFFFF; margin-top:5px; margin-bottom:10px; }

.tableBordNoir tr { background-image:url(../images/admin_sepa.gif); background-repeat:repeat-x; background-position:2px bottom; }

th { background-color:#dcdcdc; color:#666666; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; height:22px; }

.table_forum { border-collapse:collapse; }

.table_forum th { background-color:#dcdcdc; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background-color:#7aa726; font-size:12px; height:22px; border:solid 1px #3c6219; }

.table_forum td { border:solid 1px #7b99b1; height:22px; }

/* CHAMPS */

textarea, input, select { font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.recherche { border:solid 1px #7a98b3; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; height:18px; width:200px; padding:0; padding-top:2px; padding-left:6px; margin:0; }

.profil { border:solid 1px #7a98b3; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; height:18px; width:100px; padding:0; padding-top:2px; padding-left:6px; margin:0; }

/* DIVS */

#page { width:955px; margin:auto; }

#gauche { width:166px; }

#centre { width:584px; background-image:url(../images/fond_centre.jpg); background-repeat:no-repeat; background-position:top; padding-left:8px; padding-right:8px; }

#centre_home { width:600px; background-image:url(../images/fond_centre.jpg); background-repeat:no-repeat; background-position:top; }

#droite { width:189px; background-image:url(../images/fond_droit.jpg); background-repeat:no-repeat; background-position:top; height:593px; }

#div_actu { height:500px; width:920px; display:none; position:absolute; z-index:502; color:#000000; background-color:#FFFFFF; border:solid 3px #666666; padding:5px; }

#div_info { height:310px; width:920px; display:none; position:absolute; z-index:502; color:#000000; background-color:#FFFFFF; border:solid 3px #666666; padding:5px; }

#div_annonce { height:500px; width:920px; display:none; position:absolute; z-index:502; color:#000000; background-color:#FFFFFF; border:solid 3px #666666; padding:5px; }

#footer { width:766px; }

.div_fiche_perso { width:550px; background-image:url(../images/fiche_perso_sepa.gif); background-position:bottom; background-repeat:no-repeat; padding-left:10px; padding-top:20px;min-height:150px }

#navigation {padding-top:10px}

div#div_masque { position:absolute; left:0px; top:0px; margin: 0 auto; min-height: 100%; width:100%; z-index:500; background-color:#333333; }

/* BALISES */

ul { padding:0; margin:0; color:#b22976; }

ul.vert { padding:0; margin:0; color:#7aa725; }

ul.vert li { padding:0; margin:0; margin-left:15px; list-style-type:square; padding-top:3px; }

ul.vert2 { padding:0; margin:0; color:#7aa725; }

ul.vert2 li { padding:0; margin:0; margin-left:30px; list-style-type:square; padding-top:3px; }

li { padding:0; margin:0; margin-left:30px; list-style-type:square; padding-top:3px; }

ul.plan_site li { padding:0; margin:0; margin-left:10px; list-style-type:square; }

ul.plan_site_2 { padding:0; margin:0; color:#7aa725; }

ul.plan_site_2 li { padding:0; margin:0; margin-left:10px; list-style-type:square; }

.opt_dom { font-family:Arial, Helvetica, sans-serif; font-weight:bold; background-color:#CCCCCC; }

.opt_sdom { font-style:italic; background-color:#DADADA; }

.opt_metier { }

h1 {margin:0;padding:0;text-align:center;margin-top:15px;margin-bottom:15px}

/* FORMULAIRE INSCRIPTION */

/* The hint to Hide and Show */
.hint { display: none; position: absolute; left: -95px; width: 200px; margin-top: -4px; padding: 10px 12px; /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box -> url(../images/pointer.gif) no-repeat -10px 5px*/
	background-color:#7aa725; background-image:url(../images/fond_hint.gif); background-position:top left; background-repeat:no-repeat; color:#FFFFFF; }

.hint ul { padding:0; margin:0; padding-left:15px; }

.hint li { margin:0; padding:0; color:#FFFFFF; list-style:square; }

/* The pointer image is hadded by using another span */
.hint .hint-pointer { position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; background: url(../images/pointer.gif) left top no-repeat; }

.select_metier { margin-bottom:5px; }

/* LIENS */
a:link, a:visited, a:active { font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; text-decoration:none; }

a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#b22976; text-decoration:underline; }

a.fonct:link, a.fonct:visited, a.fonct:active { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:11px; text-decoration:none; }

a.fonct:hover { color:#7aa725; text-decoration:underline; }

a.annuaire:link, a.annuaire:visited, a.annuaire:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; }

a.annuaire:hover { color:#b22976; text-decoration:none; }

ul.vert2 a:link, ul.vert2 a:visited, ul.vert2 a:active, ul.plan_site_2 a:link, ul.plan_site_2 a:visited, ul.plan_site_2 a:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; }

ul.vert2 a:hover, ul.plan_site_2 a:hover { color:#7aa725; text-decoration:underline; }

a.savoir_plus:link, a.savoir_plus:visited, a.savoir_plus:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; text-decoration:underline; }

a.savoir_plus:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#b22976; font-weight:bold; text-decoration:underline; }

a.nav_page:link, a.nav_page:visited, a.nav_page:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-decoration:none; }

a.nav_page:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#cc3366; font-weight:bold; text-decoration:none; }

a.thematique_forum:link, a.thematique_forum:visited, a.thematique_forum:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#81a619; font-weight:bold; text-decoration:none; }

a.thematique_forum:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7a97b5; font-weight:bold; text-decoration:none; }

a.catalogue:link, a.catalogue:visited, a.catalogue:active { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; font-weight:bold; text-decoration:none; }

a.catalogue:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7a97b5; font-weight:bold; text-decoration:none; }

a.titre_rss:link, a.titre_rss:visited, a.titre_rss:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b22976; font-weight:bold; text-decoration:none; }

a.titre_rss:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bold; text-decoration:none; }

a.vert:link, a.vert:visited, a.vert:active { color:#7aa725; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }

a.vert:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none; }

a.violet:link, a.violet:visited, a.violet:active { color:#b22976; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }

a.violet:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; text-decoration:none; }

a.gris:link, a.gris:visited, a.gris:active { color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

a.gris:hover { color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.gris_11_it_bold a:link, .gris_11_it_bold a:visited, .gris_11_it_bold a:active { color:#666666; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; font-size:11px; }

th a:link { color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; }

a.h1 {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#333;font-weight:bold}

a.lien_externe:link, a.lien_externe:active, a.lien_externe:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7aa726; font-weight:bold; text-decoration:underline; }

a.lien_externe:hover { color:#000000; }

/* TEXTES */
.erreur { color:#FF0033; }

.gris_11 { color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.gris_12 { color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.noir_11 { color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.noir_11_bold { color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; }

.gris_11_it_bold { color:#666666; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-style:italic; font-size:11px; }

.titre_orange { color:#f49f1d; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-transform:uppercase; }

.titre_violet { color:#b22976; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-transform:uppercase; }

.titre_actu_violet { color:#b22976; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; }

.texte_violet { color:#b22976; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.texte_violet_fiche { color:#b22976; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:5px; }

.texte_vert { color:#7aa725; font-family:Arial, Helvetica, sans-serif; font-size:11px; }

.titre_gris { color:#666666; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; }

.titre_noir { color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; }

.titre_vert { color:#7aa725; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-transform:uppercase; }

.titre_film_vert { color:#7aa725; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; }

.titre_annonce_vert { color:#7aa725; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; }

.titre_vert_14 { color:#7aa725; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding-top:4px; padding-bottom:4px; }

.titre_gris_14 { color:#666666; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding-top:4px; padding-bottom:4px; }

.titre_violet_14 { color:#b22976; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding-top:4px; padding-bottom:4px; }

.titre_orange_14 { color:#ffb340; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding-top:4px; padding-bottom:4px; }

