/* Général */
body { margin:10px auto; width:1000px; text-align:center; }
img { border:0px; }
table { margin:0px; padding:0px; vertical-align:top; width:100%; }
tr,td { margin:0px; padding:0px; vertical-align:top; }
p { text-align:justify; }


/* Formatage texte */
h1 { font-family:Arial; font-size:2em; font-weight:bold; font-variant:small-caps; text-align:center; }
h2 { font-family:Arial; font-size:1em; font-weight:bold; }
h3 { font-family:Arial; font-size:0.9em; font-weight:bold; }
h4 { font-family:Arial; font-size:0.9em; font-weight:normal; text-decoration:underline; }

.text { font-family:Arial; font-size:0.9em; }
.indent { text-indent:20px; }
.center { text-align:center; }
.bold { font-weight:bold; }
.underline { text-decoration:underline; }
.small { font-size:0.8em; }
.xsmall { font-size:0.7em; }
.strong { font-size:1em; }

.mail { text-decoration:underline; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
p a { text-decoration:underline; }


/* Mise en page */
.top_page,.middle_page,.footer_page  { width:100%; float:left; display:block; }

.col1 { width:200px; float:left; display:inline; text-align:left; }
.col2 { width:600px; float:left; display:inline; text-align:left; }
.col3 { width:200px; float:left; display:inline; text-align:left; }
.col1_top,.col2_top,.col3_top { height:16px; width:100%; padding-bottom:0px; }
.col1_bottom ,.col2_bottom ,.col3_bottom { height:16px; width:100%; padding-bottom:0px; }
.col1_middle { padding:0px 15px 0px 15px; }
.col2_middle { padding:1px 20px 1px 20px; }
.col3_middle { padding:0px 15px 0px 15px; }

.menu { width:200px; float:left; display:inline; text-align:left; }
.content { width:600px; float:left; display:inline; text-align:left; }
.widgets { width:200px; float:left; display:inline; text-align:left; }


/* Page top */
.top_bar { width:100%; height:40px; line-height:39px; }
.flashplayer { width:240px; height:20px; margin:10px 15px 0 0; }
.noscript { background-color:#ffffe1; border:2px solid black; padding:5px; text-align:center; font-weight:bold; }


/* Page footer */
.footer_bar { width:100%; height:40px; line-height:39px; }


/* Divers */
.message_ok { text-align:center; font-weight:bold; font-family:Arial; font-size:0.9em; color:green; }
.message_nok { text-align:center; font-weight:bold; font-family:Arial; font-size:0.9em; color:red; }
.message { text-align:center; font-weight:bold; color:red; }
.video { width:100%; text-align:center; }


/* News */
.p_title { padding:0 0 0 10px; height:20px; overflow:hidden; }
.p_infos { padding:0 0 0 10px; border-width:1px; border-bottom-width:0px; border-style:solid; overflow:hidden; }
.p_content { padding:10px 10px 5px 10px; border-width:1px; border-bottom-width:5px; border-style:solid; overflow:hidden; }

.item_picture { width:100%; text-align:center; }
.item_picture img{ max-width:400px; }

.additem_input[type="text"] { width:300px; }
.additem_input_date[type="text"] { width:150px; }
.additem_input_price[type="text"] { width:20px; }
.additem_input_text { width:100%; height:500px; }


/* Menu */
.main_menu { list-style:none; margin:0px; padding:0px; }
.main_menu_item { padding:0px 5px 0px 10px; }
.main_menu_item a { font-family:Arial; font-weight:bold; line-height:23px; }
.main_menu_item a:hover { text-decoration:none; }
.main_menu_item .sub_menu_current { list-style:none; margin:0px; padding-left:10px; display:block; }
.main_menu_item .sub_menu { list-style:none; margin:0px; padding-left:10px; display:none; }
.main_menu_item .sub_menu a:hover { text-decoration:underline; }
.main_menu_item .current { display:block; }
.main_menu_item:hover .sub_menu { display:block; }
.main_menu_item .sub_menu_item { margin:0px; font-size:0.8em; }


/* Identification */
.identification { text-align:left; padding-bottom:1px; }
.identification_title { font-family:Arial; font-size:0.9em; font-weight:bold; }
.identification_text { font-family:Arial; font-size:0.9em; }
.id_input[type="text"] { width:90%; height:15px; }
.id_input[type="password"] { width:90%; height:15px; }
.id_input[type="submit"] { width:100%; }

/* Widgets */
.widget_title { font-family:Arial; font-size:0.9em; font-weight:bold; }
.widget_text { font-family:Arial; font-size:0.8em; }
.widget_item_title { font-family:Arial; font-size:0.8em; font-weight:bold; font-style:italic; }
.widget_item_picture { width:100%; text-align:center; }
.widget_item_picture img{ width:160px; }
.widget_input[type="text"] { width:98%; height:15px; }
.widget_input[type="submit"] { width:100%; }


/* Album photo */
.album_list { width:100%; background-color:#1A1A1A; }
.album_list th { padding:0 5px 0 5px; height:25px; line-height:25px; text-align:left; background:url(../img/bar_background.jpg); }
.album_list td { padding:0 5px 0 5px; margin:0px; height:25px; line-height:25px; text-align:left; overflow:hidden; }
.album_navbar { width:100%; height:25px; line-height:25px; vertical-align:middle; background-color:#1A1A1A; background:url(../img/bar_background.jpg); }
.album_content { width:100%; background-color:#1A1A1A; text-align:center; }
.album_title { font-family:Arial; font-size:0.9em; color:white; font-weight:bold; }
.album_text { font-family:Arial; font-size:0.9em; color:white; }
.thumbnail { max-width:100px; max-height:100px; }

.preview { position:absolute; top:0; left:0; padding:20px; background-color:#1A1A1A; display:none; }
.preview_options { width:100%; }
.preview_nav { width:100%; text-align:center; }
.preview_nav a { color:white; font-size:0.9em; font-family:Arial; font-weight:bold; }
.preview_nav a:hover { color:white; text-decoration:underline; }
.preview_showcom { width:100%; text-align:left; }
.preview_showcom a { color:white; font-size:0.8em; font-family:Arial; font-weight:bold; }
.preview_showcom a:hover { color:white; text-decoration:underline; }
.loading { position:absolute; top:50%; left:50%; width:240px; height:40px; margin:-20px 0 0 -120px; padding:10px; text-align:center; color:white; font-size:0.9em; font-family:Arial; font-weight:bold; background-color:#1A1A1A; border:1px solid white; display:none; }
.preview_comments { width:100%; text-align:left; display:none; }
.preview_addcom { color:white; font-size:0.8em; font-family:Arial; }
.addcomment_text { float:left; display:inline; width:300px; height:30px; margin:0px; }
.addcomment_button { float:left; display:none; height:35px; font-weight:bold; margin-left:5px }
.preview_listcom {  }
.preview_infocom { color:#e2e2e2; font-size:0.8em; font-family:Arial; margin-bottom:5px; }
.preview_textcom { color:white; font-size:0.8em; font-family:Arial; padding-left:10px }