*,td,th,input,textarea,select { color:inherit; padding:0; margin:0; border:0 #000 solid; text-decoration:inherit; font-size:inherit; font-variant:inherit; font-style:inherit; font-family:inherit; font-weight:inherit; line-height:inherit; }

/* éléments de base */
body,input,textarea,select,td,th,h1,h2,h3 { font-size:10px; color:#4d4d4e; font-family:verdana,arial }
td,th { text-align:left }
body { text-align:justify; background:#FFF url('bg_02.gif') repeat-x top }
input[type=radio],input[type=checkbox] { background-color:transparent }

table { border-collapse:collapse; border-spacing:0  }
td,th { vertical-align:top; font-weight:normal; padding:2px; padding-left:4px; padding-right:4px }
th { font-weight:bold } 

a { color:#6a6969; text-decoration:none; }
a:link { }
a:visited { }
a:active { color:#c5c5c5 }
a:hover { color:#c5c5c5 }

/* block */
p { margin-bottom:5px }
pre { border-left-width:1px; padding-left:5px; border-right-width:1px; padding-right:5px }
blockquote { border-left-width:1px; padding-left:5px }
center { }

/* linéaire */
b { font-weight:bold }
i { font-style:italic }
strong { font-variant:small-caps }
strike { text-decoration:line-through }

/* sous éléments */
optgroup { font-variant:small-caps;font-weight:bold; }
option { font-variant:normal;font-weight:normal;padding-left:5px }

/* classes générales */
.preload { display:none; }
.right { text-align:right; }
.img_left { float:left; margin-right:10px; margin-bottom:10px; }
.img_right { float:right; margin-left:10px; margin-bottom:10px; }
.error { font-weight:bold; color:#AA2525; text-align:right }
.clear { clear:both }

/* identifiants généraux */
#devant { position:absolute; display:none; top:0; left:0; width:100%; height:100%; background-color:#000 }
#devant { position:fixed }

#devant_table { position:absolute; display:none; top:0; left:0; width:100%; height:100% }
#devant_table { position:fixed }

/* ----- ----- ----- Style généraux ----- ----- ----- */
#body2 { background:center top url('bg_01.jpg') no-repeat; height:1024px }
#haut,#milieu,#bas,#mentions { width:850px; padding-left:80px; padding-right:80px; margin-left:auto; margin-right:auto; clear:both }
#haut { height:60px; padding-top:137px; text-align:right; background:center top url('page_top.jpg') no-repeat }
#milieu { clear:both; background:center url('page_center.png') repeat-y; padding-bottom:60px }
#mentions { clear:both; padding-bottom:25px; font-size:10px }
#bas { clear:both; background:center top url('page_footer.png') no-repeat; height:14px }

/* ----- ----- ----- mentions ----- ----- -----  */
#mentions a { display:block; float:left; color:#4d4d4e; padding-right:9px; margin-right:9px; border-right:1px solid #4d4d4e }

/* ----- ----- ----- menu ----- ----- -----  */
#haut div { float:right; text-align:center }
#haut a { display:block; font-weight:bold; color:#4d4d4e }
#haut span { display:block; height:15px }

/* ----- ----- ----- milieu ----- ----- ----- */
#gauche { width:600px; float:left; }

/* ----- ----- postit */
.postit { float:right; clear:right; background:top left no-repeat url('post-it.png'); width:214px; height:199px; text-align:left }
.postit div.apercu,.postit div.suite { padding-left:15px; padding-right:15px }
.postit div.apercu { height:35px; overflow:hidden }
.postit div.suite { text-align:right; font-weight:bold; padding-bottom:5px }

/* ----- ----- titres */
h1 { background:left top no-repeat; margin-left:-15px; padding-left:80px; padding-top:26px; margin-bottom:5px; height:50px; font-weight:bold }
h1#accueil { background-image:url('accueil.png') }
h1#evenement { background-image:url('evenements.png') }
h1#actu { background-image:url('actu.png') }
h1#reseau { background-image:url('reseau.png') }
h1#etablissement { background-image:url('etablissements.png') }
h1#dossier { background-image:url('dossiers.png') }
h1#partenaire { background-image:url('partenaires.png') }
h1#boutique { background-image:url('boutique.png') }
h1#recherche { background-image:url('rechercher.png') }
h1#video { background-image:url('video.png') }

.postit h2 { font-weight:bold; background:0px 3px no-repeat url('puce.png'); padding-left:10px; }
.postit h2.evenement { color:#F6811E }
.postit h2.actu { color:#E0AC10 }

#haut a.menu_index:hover { color:#0178e0 }
#haut a.menu_actualite:hover { color:#f76512 }
#haut a.menu_reseau_dihun:hover { color:#4cc030 }
#haut a.menu_etablissement:hover { color:#8eb906 }
#haut a.menu_partenaire:hover { color:#39a4b0 }
#haut a.menu_dossier:hover { color:#6f3cbb }
#haut a.menu_recherche:hover { color:#d12a2a }
#haut a.menu_boutique:hover { color:#3939af }