/************ FONT FACES *****************/
@font-face { font-family: Unsteady; src: url(/media/fonts/UNSTEADY.TTF); }
@font-face { font-family: Transuranium; src: url(/media/fonts/trans___.ttf); }
@font-face { font-family: Mono; src: url(/media/fonts/Simply-Mono.ttf); }
@font-face { font-family: Mono; src: url(/media/fonts/Simply-Mono-Dirty.ttf); font-weight: bold; }
@font-face { font-family: Mono; src: url(/media/fonts/Simply-Mono-Oblique.ttf); font-style: italic; }

/*****************************************/
html, body {background: #3a3a3a;	font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin: 0;	padding: 0;}
/** DIV **/
#container {	width: 708px; margin: 0 auto;}
#logo {	background: url(../images_default/logo.png) no-repeat; width: 164px; height: 384px;	padding: 0 30px; position: fixed; font-family: Helvetica, Arial, sans-serif; text-align: center; font-size: 11px;}
#menu {background: url(../images_default/fond_page.png) repeat-y; width: 456px; padding: 0 21px; float: left; margin-left: 224px; text-align: justify;}
#page {background: url(../images_default/fond_page.png) repeat-y; width: 404px; min-height: 385px; padding: 0 40px; float: left; margin-left: 224px; text-align: justify;}
#basPage {background: url(../images_default/bas_page.png) no-repeat; width: 410px; height: 33px; margin-left: 224px; text-align: center; padding: 0 38px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:10px;}
/** IMAGES TOP **/
.image_top {width: 448px; height: 338px; margin-top: -1px; margin-left: -19px; border: 0;}
/** TITRES **/
h1 {font-family: Helvetica, Arial, sans-serif; font-variant: small-caps; margin-top: 14px;}
h2 {color: #FFFFFF; border-bottom: 3px solid #87d300; font-size: 18px;}
/** MISE EN FORME **/
.spacer {clear: both; line-height: 0; font-size: 0;}
hr {color: #87d300; background: #87d300; height: 20px; border: 0; margin: 10px 0;}
img {margin: 0; padding: 0; border: 0;}
.gallery img { margin:1.7px; }
/* MENU */
ul#listeMenu, ul#listeMenu li {list-style: none; font-family: Helvetica, Arial, sans-serif; font-size: 24px; margin: 0; padding: 0;}
ul#listeMenu li {float: left;text-align: left;}
/** LIENS **/
a {color: #FFFF66; outline: none; font-weight: bold;}
ul#listeMenu a {display: block; color: #000000; padding: 0 9.7px; text-decoration: none; padding-top: 10px; font-weight: bold; width: 92.5px; text-align: center;}
ul#listeMenu a:hover {color: #FFFFFF; text-decoration: none; border-top: 5px solid #FFFFFF; padding-top: 5px;}
ul#listeMenu a.selected {color: #FFFFFF; text-decoration: none; border-top: 5px solid #87d300; padding-top: 5px;}
#basPage a {font-size: 9px; color: #3a3a3a;}
#basPage a:hover {font-size: 9px; color: #FFFFFF;}
/** TABLEAUX **/
td {font-size:10px;}
td.first, td.center, td.desc, td.alone {vertical-align:top; padding-bottom:10px;}
td.first {width: 105px; text-align:right;}
td.alone {margin-bottom:10px }
/** FORMULAIRES **/
form fieldset { padding:15px; border:1px solid #FFF; }
form label { font-weight:bold; }
form label span { display:inline; font-weight:normal; }
form span { display:block; margin-bottom:10px; }
input, textarea, select { font-family: Helvetica, Arial, sans-serif; padding:5px; font-size:12px; font-weight:bold; }
input[type=text] { width:350px; }
input[type=submit] { text-transform:uppercase; margin-top:10px; }
textarea { width:350px; height:100px; }
select { width:360px; }
.empty { border:1px solid red; }
.label_empty { color:red; }
/* NAVIGATION */
.pagging      { padding: 5px; margin-top: 20px; margin-bottom: 20px; border-bottom: dotted 1px #ccc; }
.pagging span { float: right; border: dotted 1px #ccc; background:url(../images_default/fond_page.png) repeat-y -52px; padding: 5px; margin-right:-5px; margin-top: 4px; }
/* MESSAGES */
.red { font-weight:bold; color:red; background:#f2bab6; padding:15px; margin:10px 0; }
.green { font-weight:bold; color:green; background:#bdf2b6; padding:15px; margin:10px 0; }