@charset "utf-8";

*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;color:#000}
h1,h2,.large,.left{font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:26px}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}
#menu{position:absolute;bottom:20px;left:141px;z-index:80;width:100%;line-height:12px}
#menu div{height:45px;background:#000;opacity:0.8;filter:alpha(opacity=80);padding:7px 0 0 7px}

h1{position:relative;left:-141px;margin-bottom:-52px;width:140px;opacity:0.99}
h1 a{padding:30px 10px 10px 0;color:#fff;background:#000;font-size:11px;text-align:right;display:block}
h1 a:hover{background:#000 url(go.gif) 0 43px repeat-x}

.box{position:absolute;top:15%;width:750px;height:400px;background:url(../img/graphic/opacity_white_70.png); padding:20px;margin-left:-395px;}
.box div{line-height:1.5em;background:#fff;padding:20px 30px;}
.box div a{text-decoration:underline}
.box2{position:absolute;top:15%;width:750px;min-height:400px;background:url(../img/graphic/opacity_white_70.png); padding:20px 20px 100px 20px;margin-left:-395px;}
.box2 div{line-height:1.5em;background:#fff;padding:20px 30px;}
.box2 div a{text-decoration:underline}
.large{text-align:right;top:10%;right:120px;font-size:12px;}
.left{text-align:left;right:auto;left:50%;font-size:12px;}
.large h2{font-size:25px;text-decoration:underline; color : #900; text-transform:uppercase;}
.large h3{font-size:20px;text-decoration:none;}
.large h3.calendar{font-size:11px;text-decoration:none;color:#900;}
.large h3 a{text-decoration:none;color:#000;}
.large h3 a:hover{text-decoration:none;color:#900;}
.large h3.archive a{font-size:16px;text-decoration:none;color:#900;}
.large h3.archive a:hover{text-decoration:underline;color:#000;}
.large h3.photo.white{font-size:14px;text-decoration:none;color:#fff;font-weight:bold;float:none;margin:0;}
.large h3.photo.white a{text-decoration:underline;color:#fff;}
.large h3.photo.white a:hover{text-decoration:none;color:#c3c3c3;}
.large h4{font-size:10px;text-decoration:none;font-style:italic;}
.large h4 a{font-size:12px;text-decoration:underline;font-style:normal;color:#900;position:relative;top:10px;right : -330px;}
.large h4 a:hover{text-decoration:underline;font-style:normal;color:#000;}
.large h4.archive_lien a{font-size:14px;text-decoration:none;font-style:normal;color:#000;position:relative; right:-600px;}
.large h4.archive_lien a:hover{text-decoration:underline;font-style:normal;color:#900;}
.large hr{border-bottom: 1px dashed #900; margin-bottom:10px;}

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../img/graphic/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#ccc; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#ff0; background:url(../img/graphic/button3.gif);}
.menu2 li.current a b {background:url(../img/graphic/button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(../img/graphic/button4.gif);}
.menu2 li a:hover b {background:url(../img/graphic/button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#ff0; background:#000 url(../img/graphic/button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(../img/graphic/button3.gif) no-repeat right top;}


.box .photobox {border:1px solid #900; width:233px; height:56px; margin:4px; padding:0;float:left;background:url(../img/graphic/opacity_white_70.png); }
.box .photobox:hover {cursor : pointer; background-color:#fff;}
.photobox img {float:left; padding:0;}
.photobox h3{font-size:12px;text-decoration:none;color:#900;font-weight:bold;float:left;margin-left:10px;margin-top:10px;}
.photobox h3 a{text-decoration:none;color:#900;}
.photobox h3 a:hover{text-decoration:underline;color:#000;}
.text_article { text-align: justify; }
.archive_lien2 {font-size:14px;text-decoration:none;font-weight:bold;color:#000;}
.archive_lien2:hover{text-decoration:underline;font-weight:bold;color:#900;}

.text-field { background-color:#fff; border: 1px solid #999; width:250px; height:20px; font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:12px;}
.text-field:hover {border-color:#900;}
.text-area { background-color:#fff; border: 1px solid #999; width:340px; height:120px; font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:12px;}
.text-area:hover {border-color:#900;}
.button-field { background-color:#ccc; border: 1px solid #666; width:150px; height:22px; font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;font-size:12px;font-weight:bold;}
.button-field:hover {border-color:#900;}