* { color:inherit; padding:0; margin:0; border:0; border-style:solid; text-decoration:inherit; font-size:inherit; font-variant:inherit; font-style:inherit; font-family:inherit; font-weight:inherit; line-height:inherit; }

body { font-size:11px; color:#565656; font-family:verdana,arial; padding-top:10px }
table { border-collapse:collapse; border-spacing:0;  }
td { vertical-align:top; font-weight:normal; }
th { vertical-align:top; font-weight:normal; }

a { text-decoration:none; border-bottom-width:1px }
a:link { }
a:visited { }
a:active { }
a:hover { }
.ano { border-bottom-width:0 }

input { font-size:12px; }
textarea { font-size:12px; }
select { font-size:12px; }
.radio { background-color:transparent; }
.submit { background-color:transparent; }

optgroup { font-variant:small-caps;font-weight:bold; }
option { font-variant:normal;font-weight:normal;padding-left:5px }

pre { border-left-width:1px; padding-left:5px; border-right-width:1px; padding-right:5px }
blockquote { border-left-width:1px; padding-left:5px }

h1 { font-size:13px; font-weight:bold; font-variant:small-caps; }
h1 a { border-width:0; }
h2 { font-size:11px; font-weight:bold; margin-bottom:10px; }
h3 { font-size:11px; font-weight:bold; margin-top:15px; margin-bottom:3px;}

strong { font-variant:small-caps }
strike { text-decoration:line-through }
b { font-weight:bold }
p { margin-bottom:1em }
i { font-style:italic }
center { }

.preload { display:none; }
.right { text-align:right; }
.picto { float:left; margin-right:5px; }
.separation { overflow:hidden; height:1px; margin-top:3px; margin-bottom:1px; width:100%; }
.error { font-weight:bold; color:#AA2525; text-align:center; padding:4px; padding-top:0; }
.ro { width:102px; height:68px; background:url('cadre_petit.png') center center no-repeat }

#devant { position:absolute; margin:0;padding:0;display:none; top:0; left:0; width:100%; height:100%; background: url('noir.png') repeat }
#devant { position:fixed }
#devant table { margin:0;padding:0;height:100%;width:100%;}
#devant table td { margin:0;padding:0;text-align:center;vertical-align:middle }
#devant_frame { margin:0;padding:0;width:100%;height:100% }

#main { vertical-align:top; width:625px; background: url('main_bas.png') left bottom no-repeat }
#main #centre { padding-left:6px; padding-right:6px; padding-top:18px; padding-bottom:38px; min-height:181px; min-width:500px; text-align:justify; background: url('main_haut.png') top right no-repeat }
#main #centre #titre { text-align:center; padding-left:22px; padding-right:22px }
#main #centre .separation { text-align:right; }
#main #centre #soustitre { text-align:center; padding-left:22px; padding-right:22px; padding-bottom:30px }
#main #centre .texte { padding-left:22px; padding-right:22px }

#main .liste { margin:55px; margin-top:0; margin-bottom:20px; }
#main .liste td { padding:10px; vertical-align:middle; }
#main .liste th { padding:10px; width:102px; height:68px; text-align:center; background: url('img/x.gif') center center no-repeat; vertical-align:middle }
#main .liste th a { border-width:0; }
#main .liste th img { width:100%; height:100% }

#logo { width:155px; padding-right:8px; padding-bottom:8px; text-align:right; background: transparent url('logo.png') no-repeat scroll bottom right }
#logo #anim { padding-right:10px; }
#logo #couleurs { padding-right:20px; padding-bottom:8px; padding-top:4px; height:17px }
#logo form { width:17px; height:17px; display:block; float:right; margin-right:4px }
#logo form input[type=submit] { width:17px; height:17px; background:center center no-repeat; cursor:pointer }

#logo form input[name=vert] { background-image:url(bouton_vert_01.png) }
#logo form input[name=vert]:hover { background-image:url(bouton_vert_02.png) }
#logo form input[name=orange] { background-image:url(bouton_orange_01.png) }
#logo form input[name=orange]:hover { background-image:url(bouton_orange_02.png) }
#logo form input[name=violet] { background-image:url(bouton_violet_01.png) }
#logo form input[name=violet]:hover { background-image:url(bouton_violet_02.png) }

#menu { vertical-align:top; width:155px; min-height:266px; font-weight:bold; padding-top:20px; padding-bottom:20px; padding-right:8px; text-align:right; background: transparent url('menu.png') no-repeat scroll top right }
#menu .separation { }
#menu .rubrique { padding-right:20px }
#menu .ssrubrique { padding-right:6px; margin-bottom:5px; font-weight:normal }
#menu a { border-width:0 }

#droite { width:200px; vertical-align:top; text-align:left }
#droite .separation { margin-top:12px; margin-bottom:8px; }

#droite #actualite { height:300px; padding:8px; padding-bottom:22px; vertical-align:bottom; background: url('droite_actualite.png') no-repeat bottom left }
#droite .present { margin-left:16px }
#droite .present td { vertical-align:bottom; padding-bottom:3px; }
#droite .present th { width:56px; height:37px; text-align:center; background: url('x.gif') center center no-repeat; vertical-align:middle }
#droite .present th .reflet { width:56px; height:37px; text-align:center; background: url('cadre_mini.png') center center no-repeat }
#droite .present th .reflet a { border-width:0 }
#droite .present th .reflet img { width:100%; height:100%; }
#droite .titre { padding-left:20px; font-weight:bold }
#droite .soustitre { padding-left:20px; }

#droite #realisation { height:200px; padding:8px; padding-top:22px; background: url('droite_realisation.png') no-repeat top left }
#droite #realisation #image { padding:8px; padding-right:16px; padding-left:16px; width:102px; height:68px; text-align:center; background: url('img/x.gif') center center no-repeat }
#droite #realisation #image a { border-width:0 }
#droite #realisation #image img { width:100%; height:100%; }

#fin { text-align:right }
#mentions { font-size:10px; text-align:center; }
#mentions a { border-width:0; }