html {overflow-y:scroll;}

body {margin:0px;padding:0px;background: #fff;text-align:justify;font-family:arial,sans-serif;font-size:11px;min-width:1004px;}

img {border:0;}

p {margin:0px; padding:0px}

h1 {background:#f8f9fa url(../img/sfx_titlebar_bg2.png) repeat-x top left;border-top:1px solid #BBCCDD;color:#445566;font-size:16px;margin:0px;padding:1px 0 17px 10px;}
h2 {color:#de093b;font-size:13px;font-weight:bold;margin:0px;padding:0px;text-align:left;}
h3 {padding:7px 10px 4px 10px;margin:0px;font-size:11px;color:#345;text-decoration:underline;}
h4 {background-image:url(../img/sfx_dl_bg2.png);background-repeat:repeat-x;vertical-align:center;padding:3px 10px 20px 10px;font-size:12px;font-weight:bold;margin:0px 0px 0px auto;color:#fff;border-top:1px solid #076D06;}
h5 {margin:10px 0 5px 0;text-align:left;}
h5 span {background-color:#89a;color:#fff;font-size:13px;padding:0px 2px 0px 2px;color:#fff;}
h6 {margin:20px 0 5px 0;}
h6 span {background-color:#f00;color:#fff;font-size:13px;padding:0px 2px 0px 2px;color:#fff;}



#bg_top {background-image:url(../img/sfx_bg2.png);background-repeat:repeat-x;padding:2px 0 0 0;}
#bg_top table a {color:#055c5e;font-size:10px;font-weight:bold;text-decoration:none;outline:none;}


#bw_top {background-image:url(../img/sfx_bg2.png);background-repeat:repeat-x;padding:2px 0 0 0;}
#bw_top table a {color:#055c5e;font-size:10px;font-weight:bold;text-decoration:none;outline:none;}

#colone {float:left; width:190px;padding:0 0 20px 0;margin:15px 0 0 0px;background:#FcFEFa;border:1px solid #ded;}
#colone table {color:#777;font-size:10px;height:15px;text-align:left; padding-left:6px;}

#colone table a {color:#333;text-decoration:none;font-size:11px;font-weight:bold;}
#colone table a:hover {text-decoration:underline;font-size:11px;font-weight:bold;}
#liens {text-align:center}
#liens p {padding:1px}
#liens a {color:#114411;text-decoration:none;font-size:11px;font-weight:bold;}
#liens a:hover {text-decoration:underline;font-size:11px;font-weight:bold;}

#compte p {padding:0 28px 0 10px;margin-top:3px}
#compte a {color:#f00;font-size:10px;font-weight:bold;}
#compte a:hover {color:#090;}
#compte input {border:1px solid #A7DFA7;background:#fff;}


.hazard {border:1px solid #6090B0;padding:1px;color:#fff;width:300px;}
.verif {padding:10px 0;color:#fff;background:#f00;}
.colonne {color:#f00;font-weight:bold;padding:0 10px 0 10px;}
.ligne {background-color:#89a;color:#fff;font-size:14px;padding:1px 3px 1px 3px;}

#index .float_r {float:right}
#index .float_l {float:left}
#index .block_0  {height:17px;font-weight: bold;text-align:center;background:#E2E6EA url(../img/line.png) repeat-x top;clear:right}
#index .myborder_0 {padding:5px 15px 15px 15px;text-align:justify;font-size: 11px;color: #345;background-color: #fff;}




#index {float:left;width:767px;padding:0px 16px;}
#index_left {float:left;width:380px;padding:15px 7px 0 0;margin:0px;}
#index_right {float:right;width:380px;padding:15px 0 0 0;margin:0px;}
#index p {padding:0px 2px;}
#index a {color:#03C;}
#index a:hover {color:#36F;}
#index table {font-size:10px;text-align:left;}
#index table a {font-size:11px;font-weight:bold;color:#03c;}
#index table a:hover {color:#36f;}

#index .top {background:#FFFFFF url(../img/barre_index.png) repeat-x scroll center bottom;}
#index .top {border-bottom:1px solid #AAAAAA;}
#index .top {border-top:1px solid #dddddd;}
#index .top {font-family:arial;font-size:16px;text-decoration:none;font-weight:bold;color:#000;}





#q404 {float:left;width:767px;padding:16px;}
#q404 a {font-weight:bold;color:#03c;}
#q404 a:hover {color:#36f;}

#add_user {float:left;width:767px;padding:16px;}
#add_user_left {float:left;width:569px;padding:0 7px 0 0;margin:0px;}
#add_user_right {float:right;width:161px;padding:0px;margin:0px;}
#add_user input {border:1px solid #789;background:#E6EBEF;}
#add_user a {color:#f00;}
#add_user a:hover {color:#090;}
#add_ok {font-size:14px;font-weight:bold}


#forgot{float:left;width:767px;padding:16px;}
#forgot_left {float:left;width:569px;padding:0 7px 0 0;margin:0px;}
#forgot_right {float:right;width:161px;padding:0px;margin:0px;}
#forgot input {border:1px solid #789;background:#E6EBEF;}
#forgot a {color:#090;}
#forgot a:hover {color:#090;}


#help {float:left;width:767px;padding:16px;}
#help_left {float:left;width:569px;padding:0 7px 0 0;margin:0px;}
#help_right {float:right;width:161px;padding:0px;margin:0px;}

#meteo {float:left;width:767px;padding:16px;}
#meteo_left {float:left;width:569px;padding:0 7px 0 0;margin:0px;}
#meteo_right {float:right;width:161px;padding:0px;margin:0px;}

#tv {float:left;width:767px;padding:16px;}
#tv_left {float:left;width:569px;padding:0 7px 0 0;margin:0px;}
#tv_right {float:right;width:161px;padding:0px;margin:0px;}

#help_left ul {margin:10px 0 20px 0;}
#help_left li a {color:#89a}
#help_left li a:hover {color:#345;}

#cgu {float:left;width:767px;padding:16px;}
#cgu_left {float:left;width:569px;padding:0 7px 0 0;margin:0px;}
#cgu_right {float:right;width:161px;padding:0px;margin:0px;}

#engine {float:left;width:767px;padding:16px;}
#engine_left {float:left;width:624px;padding:0 7px 0 3px;margin:0px;}
#engine_right {float:right;width:121px;padding:0px;margin:0px;}
#engine table {font-size:10px;text-align:left;}
#engine table a {font-weight:bold;color:#03c;}
#engine table a:hover {color:#36f;}
#engine a {font-weight:bold;color:#03c;}
#engine a:hover {color:#36f;}

#response {float:left;width:767px;padding:16px;}
#response_left {float:left;width:569px;padding:0 7px 0 0;margin:0px;}
#response_right {float:right;width:161px;padding:0px;margin:0px;}
#response input {border:1px solid #789;background:#E6EBEF;}
#response a {font-weight:bold;color:#03c;}
#response a:hover {color:#36f;}

#friend {float:left;width:767px;padding:16px;}
#friend_left {float:left;width:569px;padding:0 7px 0 0;margin:0px;}
#friend_right {float:right;width:161px;padding:0px;margin:0px;}
#friend input {border:1px solid #789;background:#E6EBEF;}
#friend a {font-weight:bold;color:#03c;}
#friend a:hover {color:#36f;}

#abuse {float:left;width:767px;padding:16px;}
#abuse_left {float:left;width:569px;padding:0 7px 0 0;margin:0px;}
#abuse_right {float:right;width:161px;padding:0px;margin:0px;}
#abuse input {border:1px solid #789;background:#E6EBEF;}
#abuse a {font-weight:bold;color:#03c;}
#abuse a:hover {color:#36f;}

#sender {float:left;width:767px;padding:16px;}
#sender a {font-weight:bold;color:#03c;}
#sender a:hover {color:#36f;}


#ads_user {float:left;width:782px;padding:15px;}
#space {float:left;width:782px;padding:15px;}
#new_art {float:left;width:782px;padding:15px;}
#edit_art {float:left;width:782px;padding:15px;}
#edit_user {float:left;width:782px;padding:15px;}
#help_user {float:left;width:782px;padding:15px;}
#stat_user {float:left;width:782px;padding:15px;}

#work {padding:10px;background:#f8f9fa;}
#work a {color:#03c}
#work a:hover {color:#090;}

#password {padding:15px;background:#f8f9fa;}
#password a {color:#f00;}
#password a:hover {color:#090;}
#bw_pub {width:180px;float:right;margin:39px 0 0 0;padding:0px;}



#foot {text-align:center;padding:30px 0 10px 0;margin:0;color:#444;font-weight:bold;clear:both;}
#foot a {text-decoration:none; color:#03C;}
#foot a:hover {color:#36F;}


#testtoggle {width:500px}

/* class*/
.centre {text-align:center;margin:0 auto;}
.see {color:#770000;font-size:10px;font-weight: bold;}
.date {color:#345;font-size:9px;}
.bold {font-weight:bold; color:#b30000;}
.myborder {padding:8px;font-size: 10px;font-weight: bold; background: #eee;color: #333;border: 1px solid #CCC;}


#toolbar {
background:#660000 url(../img/barre_menu_bordeau.png) repeat-x;
border-bottom:1px solid #440000;
border-top:1px solid #770000;
width:auto;
float:left;
font:normal 11px 'Trebuchet MS','Arial';
margin:0px;
padding:0 4px 0 0px;
line-height:31px;
font-weight:bold;
}

#toolbar p {
float:left;
color:#fff;
}

#toolbar marquee {
float:left;
}

#toolbar form  {
padding:6px 0 0 0;
margin:0px;
float:left;
line-height:19px;
}

#toolbar a {
color:#FFF; /* need because it will use default link color */
padding:0 3px 0 2px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#toolbar a span {
display:block;
float:none;
padding:0 3px 0 2px;
}

#toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#toolbar a:hover{
background: url(../img/left_save.png) no-repeat left center;
}

#toolbar a:hover span {
background:url(../img/right_save.png) no-repeat right center;
}

#toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

/* accordion */

			.accordion-sliders .accordion-tab {
				margin: 0;
				color: #666;
				cursor: pointer;
				border-style:solid;
				border-width:1px;

			}
			.accordion-sliders .accordion-pane  { padding:2px; }
			/**/
			.accordion-sliders .accordion-color { background: #f6f6f6; color: #000; }
			.accordion-sliders .accordion-cont { height: 0px; background: #f6f6f6; padding:10px 0px}
			/**/
			.accordion-down { padding:2px; }