/*############################### BALISES GLOBALES ###############################*/

body { background : #868585 url('body.gif') fixed; text-align:center; font-size : 12px; padding:0; margin:0;	color : #444444; }
body, table {	font-family : arial; }
table {	font-size : 12px;	width  : 99.7%;	border-collapse : collapse; empty-cells : show; }
img { border : none; vertical-align : middle; }
input,select,textarea { vertical-align : middle; font-size:12px; font-family: helvetica; }
form { padding : 0; 	margin : 0; }
td,th { vertical-align : top; }
th { text-align:center; white-space : nowrap; }
ul,li { margin : 0; padding-top:0; }
h1 { font-size : 14px; color : #FFFFFF; background : #030303 url('h1.gif') repeat-x; border:1px solid #666666; cursor:pointer;padding : 2px 3px 2px 3px;  }
h1,h2,h3,h4,h5,h6 { position : relative; }
sub { text-align:right; display:block; margin-right:5px; font-size:11px; color:#AAAAAA; }
select { background : #fff8ec; border:1px inset #666666; font-size:11px; font-weight:bold; }
pre { font-size:11px; overflow-x:auto; padding:0; margin:0;}

/*############################### INTERFACE GLOBALE ###############################*/

#body_shoutbox { background-image: none; width : 620px; text-align:left; font-size : 11px; font-family : arial; background-color : transparent; }
#shoutbox { width:640px; height : 70px; margin-bottom : 2px; }
#shoutbox_form .input { background-color : #FFFFFF !important; width : 520px; }
#site { width : 980px; background : #FFFFFF; text-align:left; margin:auto; position : relative; padding-bottom : 10px;  }
#global { overflow:hidden; }
#header { height : 155px; margin-left : 17px; margin-right: 17px; }
#logo { 	background : url('logo.png') no-repeat; height : 79px; width : 460px; position : absolute; top : 3px; left : 11px; }
#zone_login { background : url('zone_login.png') no-repeat; height : 85px; width : 501px; position : absolute; top : 3px; right : 10px; font-size :11px; white-space:nowrap; }
#zone_login_page { height:70px; margin : 8px 3px 0px 8px; overflow : hidden; position :relative; }
#zone_login_page form { padding-top : 8px;text-align:right; }
#zone_login_page .input { border :1px inset #666666; background : #EEEEEE; }
#zone_login_page .submit { border :1px outset #666666; background : #BBBBBB; width : 89px; }
#zone_login_page a { color : #003300; font-weight:bold; }
#zone_login_page a:hover { color : #00AA00; text-decoration : none; font-weight:bold; }
#zone_login_page img { margin-right : 2px; } 
#zone_login_page #avatar { position : absolute; right : -4px; top : 5px; width : 60px; text-align:center; height : 60px; border-left : 1px dotted #999999;	}
#zone_login_page #avatar img { margin-top : 10px; }
#zone_divers { background-repeat : no-repeat; height : 150px; width : 960px; position : absolute; top : 149px; left : 10px; }
#menu_divers { position : absolute; top : 111px; left : 10px; }
#menu_divers img{ height : 16px; margin-right : 12px; }
#zone_divers_page { position : absolute; top : 10px; left : 10px; width : 643px; height : 95px; overflow : hidden; font-size: 12px; }
#zone_divers_page p, #zone_login_page p { padding : 5px; padding-top : 4px; margin : 0; }
#zone_divers_page .input { border :1px inset #666666; background : #EEEEEE; }
#zone_divers_page .submit { border :1px outset #666666; background : #BBBBBB; }
#footer { background : #000000 url('footer.gif') repeat-x; margin : 10px 10px 0 10px; min-height: 50px; padding-top : 10px; padding-bottom : 10px; color : #FFFFFF; font-size : 11px; font-weight : bold; }
#footer p { padding : 5px; margin : 0; }
#footer #partners { font-size : 10px; }
#footer a { color : #CCCCCC; }
#footer a:hover { color : #FFFFFF; text-decoration : none; }
#footer #partners a:hover { border-top : 2px solid #006600; }
.separator_page { height : 1px; overflow : hidden; background : #CCCCCC; margin : 10px 200px 10px 200px; }
#printbar { text-align:center; margin-left:  15px; margin-right : 15px; margin-top : 10px; }
#printbar img { margin-right : 2px; }
#printbar a { text-decoration : none;	font-size : 11px; color : #666666; }
#printbar a:hover { text-decoration : underline; }
#centre { margin-left:  10px; margin-right : 10px; }
#page { padding : 3px;z-index:10;line-height:18px; } 
#page h2, #tchat_connectes h3  { color : #FFFFFF; font-size:12px; background:#a9a9a9 url(h2_long.jpg) repeat-y; padding:2px 1px 2px 8px;line-height:15px;border:1px solid #EEEEEE; }
#page h3 { font-size : 11px; color : #333333; background : #fbfbfb url('h3_long.jpg') repeat-y; line-height:13px;padding:2px 1px 2px 8px;border:1px solid #EEEEEE; }
h1,#page h2,#page h3 { font-family : Verdana, serif; margin: 0px; margin-bottom : 3px; }
#page h2 a { color:#FFFFFF; text-decoration:none; }
#page p { padding-top : 0px;}
#page .input, #tchat .input { border :1px inset #666666; background : #fff8ec; }
#page .input2 { border :1px inset #666666; background : #FFEEEE; }
#page .submit, #tchat .submit { border :1px outset #666666; background : #BBBBBB; }
#recents { margin-left:  10px; margin-right : 10px; margin-top : 10px; }
#rapidchiffre { background : #ffde5c url('rapidchiffre') repeat-x; padding-bottom : 3px; border : 1px solid #DDDDDD; }
#rapidchiffre p { padding : 5px; margin  :0; margin-top : 5px; }
#rapidchiffre h2, #videozone h2 { margin : 0; font-size : 13px; padding : 3px; text-decoration : underline; background:none; border:none; }
#rapidchiffre h2 { color:#333333; }
#rapidchiffre .chiffre { background : #FFFFFF; font-size : 17px; font-weight : bold; padding : 1px; border : 1px dotted #990000; position : relative; bottom : 2px; }
#rapidchiffre .texte1 { color:#9D3131; }
#rss { background:#e69e64; padding:3px; line-height:13px; color:#FFFFFF;border : 1px solid #DDDDDD; font-weight:bold; }
#rss img { float:left; margin-right:3px; }
#videozone { background : #000000 url('videozone.gif') repeat-x; padding-bottom : 3px; border : 1px inset #999999;color:#DDDDDD;}
#videozone td div { padding-top : 4px; height  :87px; overflow: hidden; }
#videozone .note { position : relative; top : -20px; }
#player { position:relative;width:490px;height:556px; background:url('museum-tv.jpg'); }
#video { position:absolute; left:43px;top:71px;}
#favoris { position:relative;width:800px;height:573px; background:url('museum-favoris.jpg'); margin-left:80px;}
#coverflow { position:absolute; left:67px;top:71px;}
.corner { position:absolute; width:9px;height:9px; }
.corner_top_left { background:url('../../interface/top_left.gif') no-repeat; top:0;left:0; }
.corner_top_right { background:url('../../interface/top_right.gif') no-repeat; top:0;right:0; }
.corner_bottom_left { background:url('../../interface/bottom_left.gif') no-repeat; bottom:0;left:0; }
.corner_bottom_right { background:url('../../interface/bottom_right.gif') no-repeat; bottom:0;right:0; }
.pub { width:960px; height:100px; background:url('no_pub.jpg') no-repeat; margin-left : 10px;margin-bottom:10px;position:relative; }
#contenu_pub { position:absolute;top:300px;left:20px;width:960px;height:100px;right:5px; }
#bar_top { position:absolute; top:124px; left:10px;width:960px;background:#272727 url('bar_top.gif') repeat-x; color:#FFFFFF;font-size:10px;font-weight:bold;z-index:1;white-space:nowrap; }
#bar_top p { padding:3px 10px 5px 10px; margin:0px; }
#bar_top a { text-decoration:none; }
#bar_top .texte2 { position:relative;top:1px;color: #00AA00;}



/*############################### BALISES PRATIQUES ###############################*/

.center { text-align:center !important; }
.left { text-align : left !important; }
.right { text-align : right !important; }
.justify { text-align : justify !important; }
.middle {vertical-align : middle !important; }
.noborder { border : none !important; }
.nopadding { padding : 0 !important; }
.nomargin { margin : 0 !important; }
.nomargetop { margin-top:0 !important; }
.nounder { text-decoration : none !important; }
.nowrap { white-space:nowrap !important; }
.bold { font-weight : bold !important; }
.underline { text-decoration : underline !important; }
.italic { font-style : italic !important; }
.spacer { clear : both !important; }



/*############################### CLASSES DIVERSES ###############################*/

.confirm, .erreur, .warning { padding : 10px; font-weight : bold; font-size : 12px; border : 1px solid #afae4f; min-height:40px;  margin-bottom:10px; padding-right:80px; }
.erreur {  background : #fffec5 url('erreur.jpg') top right no-repeat; color : #FF0000;}
.confirm {  background : #fffec5 url('confirm.jpg') top right no-repeat; color : #008800; }
.warning {  background : #fffec5 url('warning.jpg') top right no-repeat; color : #885D00; }
.texte1 { color : #7B5C00; }
.texte2 { color : #FF0000; }
.texte3 { color : #CCCCCC; }
.border1 { border:1px solid #CCCCCC; }
.padding1 { padding : 10px !important;}
.padding2 { padding : 5px !important;}
.thumb { background-color : #FFFFFF; border : 1px outset #CCCCCC; padding : 2px; }
.bbcoder { font-size:12px;padding:3px; position:relative;overflow:hidden;width:auto; }
.bbcoder img { max-width:99%; }
.galerie { background:#fdf7eb;padding-top:2px;}
.galerie .selected { position:relative;left:1px;}
.actu .thumb, .galerie.thumb{ background-color : #FFFFFF; border : 1px solid #CCCCCC; padding : 3px; margin:0 4px 4px 0; }
.galerie img { margin:2px; }
.cadre1 { background-color : #f0f0f0; border : 1px outset #CCCCCC; padding : 20px; }
.cadre2 { background-color : #fffbee; border : 1px solid #CCCCCC; padding : 20px; }
.cadre3 { background-color : #FFFFFF; border : 1px solid #666666; padding : 2px; }
.progress_barre { height:10px;-moz-opacity:0.7;	opacity: 0.7; }
.table1 { margin:auto; margin-bottom : 0px; empty-cells:show; }
.table1 th { background : #e1e1e1 url('th.gif') repeat-x; color : #000000; border: 1px solid #EEEEEE; padding : 3px; }
.table1 td { border: 1px solid #EEEEEE; padding : 2px; }
.table2 { margin:auto; margin-bottom : 0px; }
.table2 td { border: 1px solid #EEEEEE; padding : 2px; background:#FFFFFF; }
.caption1 { margin : 2px; }
.legend1,.legend2,.legend3,.legend4,.legend5 { padding : 5px; text-align:left; margin-top : 5px; color : #666666; border : 1px solid #CCCCCC; }
.legend1 { background : #D4FFDC url('legend1.gif') repeat-x; }
.legend2 { background : #FFF0D4 url('legend2.gif') repeat-x; }
.legend3 { background : #E3E7FF url('legend3.gif') repeat-x; }
.legend4 { background : #EEEEEE; }
.legend5 { background : #ffd7d7; }
.legend1 a , .legend2 a, .legend3 a { display:block;  color:#4a3a3a;  padding: 2px; text-decoration:none; }
.legend1 a.active { background:#ecfff0; }
.legend1 a:hover { background:#ecfff0; }
.legend2 a.active { background:#fef4e0; }
.legend2 a:hover { background:#fef4e0; }
.legend3 a.active { background:#eaedfd; }
.legend3 a:hover { background:#eaedfd; }
.navigation { border-bottom : 1px solid #CCCCCC; padding-bottom : 5px; }
.control_diapo { cursor:pointer }

.zone_onglets { background : #CBCBCB url('zone_onglets.gif') repeat-x; padding : 10px; position:relative; }
.zone_onglets a { font-weight:bold; font-size:12px; font-family : arial; color:#000000; }
.zone_onglets a:hover,.zone_onglets a.active:hover { color:#FFFFFF; }
.zone_onglets a.active { color: #268800; text-decoration:none;}
.lien1 { color : #2f6622; text-decoration:none; font-weight : bold; font-family : arial; }
.lien1:hover { color : #000000; border-bottom : 1px dotted #000000; }
.lien2 { color : #249a36; font-family : arial;  text-decoration:none;}
.lien2:hover { color : #54ac48; }
.lien3 { color : #414850; text-decoration:none; font-family : arial; }
.lien3:hover { color : #d72b47; text-decoration:underline;border-bottom:none; }
.pagination,.pagination_active { border: 1px solid #cccccc;color:#fff;font-weight:bold;margin: 1px;padding:1px 4px;background:url('pagination.gif'); color:#FFFFFF;text-decoration:none;font-size:10px; }
.pagination_active, .pagination:hover { background:url('pagination_active.gif');color:#000000; }
.signature a { color:#005500; border:none !important; }
.signature a:hover { color:#ff0000; }
a.profila { color : #555555; text-decoration:none; font-family : "Trebuchet MS",arial; font-weight:bold;font-style:italic;font-size:12px; }
a.profila:hover { color : #008800; }
.altern1 { background: #f1f1f1; }
.altern2 { background: #F9F9F9; }
.altern3 { background: #dfffdd; }
.altern4 { background: #fdf9eb; }
.altern5 { background: #FFF0D9; }
.altern6 { background: #e5e5e5; }
.alternmin { background: #fef3f3; color : #6e2d2d; }
.alternmax { background: #f7fef3; color : #486e2d; }
.devred { position:absolute; top:2px; right:2px; }
.apercu { padding : 5px 5px 0px 5px; border: 1px inset #b87eb5; background: #fdecfc; }
.separator_1 { margin : 0px 150px 0px 150px; border-top : 1px dotted #AAAAAA; }
.separator_2 { margin : 5px; padding:2px; border-top : 1px dotted #AAAAAA; }
.separator_tr { height:10px;background:#FFFFFF; }
.avatar { float:left;margin:0px 2px 0px 0px !important;}
.entete1,.entete2,.entete3,.entete  { line-height:14px; }
.entete1 { background : #F3F3F3; }
.entete2 { background : #FDFDFD; }
.entete3 { background : #E4FFE0 url('entete3.jpg') repeat-x; }
.entete img, .entete1 img, .entete2 img, .entete3 img, .cadre2 img { margin-left:2px; }
.spoiler { 	margin : 5px; visibility : hidden;position : relative;  }
.spoiler_conteneur { margin : auto;margin-top:5px;margin-bottom:5px; padding: 5px; background: #F8FFFF url('spoiler.gif') no-repeat right top; border: 1px solid #DDDDDD; position : relative; cursor : pointer; min-height:27px; width:96%; }
.quote { margin : auto;margin-top:5px;margin-bottom:10px; width:96%; padding: 5px; border:1px dotted #AAAAAA;border-left:4px solid #CCCCCC; background:#FFFFF8 url('quote.gif') no-repeat right top; min-height:27px; }
.quote_title { display:block; font-weight:bold; }
.rapid_pages_forum { font-size : 10px; }
.petit { font-size:11px;}
.barreimage { position:absolute;left:5px;top:5px; background:#FFFFFF; border:1px outset #000000;-moz-opacity:0.9;	opacity: 0.9; }
.barreimage img { margin : 2px; }
.miniature { background-color: #FF6666; }
.historique_fiche, .selecteur { width:100%; overflow-x:auto; white-space:nowrap;}
.historique_fiche .altern5 img { margin-left:2px; }
.comparatif { width:100%; overflow:auto; }
.comparatif table { table-layout:fixed;margin-top:5px; }
#footer .texte2 { color: #00AA00; }
.familles { background : #f9f1aa url('familles.jpg') repeat-x; padding:10px; border:1px solid #AAA0A0;position:relative; }
.familles_titre { background: url('familles_titre.jpg'); width:153px; height:49px; position:absolute; top:-43px;left:10px;}
.histoire { background : #E1ECFF url('histoire.jpg') repeat-x; padding:10px; border:1px solid #AAA0A0;position:relative; }
.histoire_titre { background: url('histoire_titre.jpg'); width:153px; height:49px; position:absolute; top:-43px;left:10px;}
.overlay { position: absolute; margin: auto; top: 0;	left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000!important; -moz-opacity:0.8;	opacity: 0.8; }
#invite { background:#FFF; padding:10px; border:2px solid #000; position:fixed;top:100px;left:50%;margin-left:-350px;width:700px; z-index: 10000;text-align:left; }
.time_video { position:absolute;right:56px;top:2px;font-size:9px;color:#008800;background:#FFFFFF;padding:0px 2px 0px 2px;-moz-opacity:0.8;	opacity: 0.8; }
.bloc1 { border:1px solid #666666; background:#000000;padding:1px;color:#EEEEEE; }
.bloc2 { border:1px solid #999999; background:#FFFFCC;padding:2px; }


/*############################### MENU ###############################*/

#menu { background : #00a423 url('menu.gif') repeat-x; height : 32px; width : 960px; position : absolute; top : 90px; left : 10px; border-top:1px solid #000000;border-bottom:1px solid #FFFFFF;z-index:9999; }
#menu td { padding-right : 15px; padding-top : 5px; }
#menu a { display : block; text-decoration:none; font-size : 13px; font-weight : bold; color : #FFFFFF; width : 100%; height : 100%; padding : 3px; }
#menu a:hover { color : #000000; }
#menu img { position : relative; bottom : 2px; }
#menu .ssmenu { position : absolute; top:1px; z-index: 9999; border : 1px solid #000000; border-top:none; background : #00a423; visibility : hidden; -moz-opacity:0.99;	opacity: 0.99; }
#menu .ssmenu a { color:#FFFFFF;padding : 1px; padding-left:2px; width:auto; font-size:11px;font-family:verdana;font-weight:normal;border-bottom:1px solid #72c247;padding-left:5px; padding-right:5px;white-space : nowrap;}
#menu .ssmenu a:hover { border-bottom:1px solid #72c247; background:#9df18d;color:#000000; }


/*############################### VIGNETTE ET SIGNATURE ###############################*/

#vignette { background : #000000; border : 1px outset #BBBBBB; color : #FFFFFF; -moz-opacity:0.9;	opacity: 0.9;position : absolute; bottom : 18px; right : -2px; padding : 5px;    z-index : 10; line-height:16px; display : none;	}
#vignette .petit1 { color : #FFFFFF; }
.signature { background : #FFFFFF; border: 1px outset #BBBBBB; position : absolute; padding : 5px;    z-index : 10; line-height:13px; visibility:hidden; top:22px; left:22px; font-size : 10px; max-width:410px; overflow:hidden; }
.signature img { margin:0px; }
.signature .bbcoder img { max-width:none !important; }


/*############################### BBCODE ###############################*/

.bbcode_color {	position:absolute;left:0px;top:19px;width:128px;display:none;background:#EEEEEE;border:1px solid #555555; padding-bottom:2px; }
.bbcode_color_couleur { width:10px;height:10px;border:1px solid #999999;cursor:pointer;float:left;margin:2px 2px 0px 2px }
.bbcode_smileys {	position:absolute;left:0px;top:19px;width:360px;height:164px;overflow:hidden;display:none;background:#EEEEEE;border:1px solid #555555; padding-bottom:2px; }
.bbcode_smileys_conteneur {	 position:absolute;top:0px;left:0px;height:150px;width:360px;overflow:auto; }



/*############################### RESIZER TEXTAREA ###############################*/

.ta_resizer {  height:4px;  background : #CCCCCC url('resize.gif') no-repeat top center;  border : 1px outset #FFFFFF;  overflow: hidden;  cursor:n-resize; position:relative; bottom:2px; }



/*############################### TAG CLOUD ###############################*/

.tagcloud { text-align:justify;font-family:"Trebuchet MS",times; padding:5px;background:#fff6ee;border:1px solid #fff9f4; }
.tagcloud a { margin-left:2px;margin-right:2px;text-decoration:none;  font-weight:bold; }
.tagcloud a:hover { text-decoration:underline; }
a.tagcloud_0 { color:#140A00; font-weight:normal; font-size:11px; font-family:helvetica; }
a.tagcloud_1 { color:#46b546;  font-size:11px; }
a.tagcloud_2 { color:#117500;  font-size:12px; font-family:tahoma; }
a.tagcloud_3 { color:#6f3325;  font-size:13px; }
a.tagcloud_4 { color:#FF9300;  font-size:14px; }
a.tagcloud_5 { color:#00AA00; font-size:15px;font-family:comic sans ms; }