html {

	background:  #313131 url(../pix/bg2.jpg) repeat-x ;
	padding:0px;
}

body {
	margin: 0px auto;
	padding: 0; 
	font: normal 0.7em/1.6em Tahoma, Verdana, Arial, Georgia, sans-serif; 
	color: #ccc;
	text-align: center;
	background: url(../pix/bg.gif) repeat-x 0 90px;
	

}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}

h1 {font: normal 22px 'Lucida Sans Unicode', Arial; color:#52B7FB; letter-spacing:0px; margin-top:0px; margin-bottom:7px;}
h2 {font: normal 15px Arial; color:#fff; letter-spacing:0px; margin:0px 0px 5px 0; }
h3 {font: normal 17px/18px Arial; color:#999; letter-spacing:0px; margin-bottom:7px; border-top:1px solid #333;}
h3 b {color:#038BBD;}

h4 {font: bold 15px Arial, Verdena; color:#fff; margin-bottom:15px; background-color:#1165A3;padding:3px;}
h4 a {color:#fff; text-decoration:none;}

h5 {font: bold 13px/13px Arial, Verdena; color:#333; margin-bottom:5px;}
h6 {font: bold 22px Arial, Verdena; color:#cc0000; display:inline;}

ul {list-style:none;}
li {padding:0px;}

hr, #left hr {	border: none 0; border-top: 1px solid #333; height: 1px;	vertical-align:top; margin:10px 0 10px 0; clear:both;}


a:link, a:visited {	text-decoration: underline; border:0; background-color:transparent; color:#0192EF;}
a:active, a:hover {	text-decoration: none; background-color:transparent;}

form {padding:0px; margin:0px;}
p {padding:0px; margin:0px;}
div, ul {padding:0; margin:0;}
img {border:0;}

.clear {padding:0; margin:0; height:0px; line-height:0px; clear:both;}

#main {width:960px; margin: 0px auto; padding:0; }

#flash {position:absolute; width:220px; height:91px; margin-left:509px;}

#top {height:140px; width:960px; text-align:left; overflow:hidden; background: transparent url(../pix/bg_top.jpg) no-repeat 0px 0px;}

#xmenu {text-align:right; height:52px; position:absolute; margin:auto;  padding:92px 0 0 20px;}
#xmenu li {float:left; }
#xmenu a:link, #xmenu a:visited {	font-size:15px; text-decoration: none; border:0; background-color:transparent; color:#ccc; padding:12px 15px 18px 15px; display:block; margin-left:1px; border:0px solid red;}
#xmenu a:active, #xmenu a:hover {	text-decoration: none;background-color:#1D1D1D; color:#0066FF;}
#top #xmenu .pressed {background-color:#1D1D1D; color:#0066FF;}
#xmenu {float:right;}

#rechercher {float:right; position:absolute; margin:98px 0 0 750px;}
.input_search {background: url(../pix/search.png) left top no-repeat; width:165px; height:28px; color:#ccc; font-size:13px; border:0; padding-right:30px; padding-top:3px; padding-left:5px;}
.ok_search {background: url(../pix/ok_search.gif) no-repeat 0px 3px; width:21px; height:22px; text-align:center; color:#ccc; font-size:12px; cursor:pointer; border:0; position:relative; left:-25px; top:3px;}

.logo {position:absolute; margin:auto;  padding:16px 0 0 16px; z-index:100;}
#newsletter {position:absolute; margin:auto;  margin:30px 0 0 760px; width:200px; z-index:200;}

#baner {height:180px; background: transparent url(../pix/bg_baner.jpg) no-repeat; text-align:left; float:left;}





#content { text-align:left; clear:both; padding:15px; line-height:18px; background-color:#1D1D1D;}

#left, #center, #right, #center_ , #right2_ , #center__ {border:0px solid red; float:left;}

#left {width:200px; float:left;margin-right:10px; }
#center {width:420px;}
#center_ {width:720px; font-size:12px;}
#center__ {width:500px;}


#right {width:280px; float:right; }
#right2 {width:200px; float:right; }


/* menu */
#menu, .box {padding:0; margin:auto; font-size:12px; background: transparent url(../pix/bg_menu_left.gif) no-repeat top left; padding:7px; padding-bottom:2px;}

#menu a {display:block; color:#fff; padding:8px 0; padding-left:18px; background: transparent url(../pix/str_menu_left.gif) no-repeat 173px 11px; font-weight:normal; text-decoration:none; text-align:right;}
#menu a:hover {background-color:#1165A3; color:#fff; text-decoration: none;}
#menu li a {display:block; padding:5px 20px; margin-bottom:1px; background-color:#000; font-size:13px; width:146px; }
#left #menu .pressed {background-color:#1165A3; color:#fff;}


#bottom_menu,.bottom_box {height:5px; background: transparent url(../pix/bg_menu_left_bottom.gif) no-repeat bottom left; margin-bottom:10px;}

#path {font-size:11px; padding:7px 0px 20px 0;}
#path li {display:inline; margin-right:0px; }
#path li a {padding-left:15px;padding-right:5px; background: transparent url(../pix/str_li_.gif) no-repeat 0px 5px; color:#999;}
#path .main a{padding-left:0px;padding-right:5px; background: transparent url(../pix/str_li_.gif) no-repeat -10px 5px;}

.box a {font-size:11px; color:#fff;}
.box .in{text-align:center; margin-bottom:10px;}
.box .in img {margin-bottom:7px;}

.news {margin-bottom:20px;}
.news img, #center img {border:1px solid #666; float:left; margin:4px 7px 7px 0;}
.news a {font-size:15px; display:block;}

.submenu {background: transparent url(../pix/bg_submenu_bottom.gif) no-repeat bottom center; padding-bottom:5px; margin-bottom:10px;}
.submenu li{float:left; }
.submenu li a:link, .submenu li a:visited {width:69px; font: normal 10px/10px "trebuchet ms",Arial,sans-serif; overflow:hidden; border:0px solid red; display:block; height:25px; text-align:center; background: transparent url(../pix/submenu.gif) no-repeat top center; margin-right:1px; padding-top:5px; text-decoration:none; color:#ccc;} 
.submenu li a:active, .submenu li a:hover {	background-position:0 -30px; color:#fff;}

#right .submenu .pressed {background-position:0 -30px ; color:#fff;}

#right .submenu .submenu_content_top { background: transparent url(../pix/bg_submenu_bottom.gif) no-repeat top center; height:5px; width:280px }
#right .submenu .submenu_content {  background-color:#1165A3; clear:both; padding:5px; border:0px solid red; }
#right .submenu .submenu_content .in {background-color:#000; padding:12px 7px; text-align:center;}
#right .submenu .submenu_content .inn {background-color:#000; padding:0; text-align:left;}

.white_box{background: transparent url(../pix/white_box3.gif) no-repeat top center; padding:10px; padding-bottom:5px; }
.white_box_bottom{background: transparent url(../pix/white_box3.gif) no-repeat bottom center; height:5px; margin-bottom:10px;}

.player {border-bottom:1px solid #1165A3; padding:3px; font:normal 14px/15px "trebuchet ms",Arial, Georgia, sans-serif;}
.player a {font-size:11px; text-decoration:none;}

#footer{ background: transparent url(../pix/bg_footer.gif) no-repeat top center; height:60px; color:#666;  font-size:11px; padding:40px 17px ; }
#footer a {background-color:transparent; color:#666;}
#footer .left {float:left;}
#footer .right {float:right; text-align:right;}







textarea {width: 322px;	height: 100px;	border: 1px solid #ccc;	background-color:#fff; padding:5px;  margin-bottom:2px;}

.input, .ok {padding:2px; margin:0; border:0px solid red; }



.input {background: url(../pix/bg_input.gif) left top no-repeat; width:170px; height:24px; color:#fff; font-size:12px; }
.input_big {background: url(../pix/big_input.png) left bottom no-repeat; width:200px; height:29px; color:#fff; font-size:12px; border:0; cursor:pointer;}
.input_moyen {background: url(../pix/moyen_input.png) left bottom no-repeat; width:150px; height:29px; color:#fff; font-size:12px; border:0; cursor:pointer;}

#top .input, #center_ .input {background: url(../pix/bg_input_top.gif) left top no-repeat; width:150px; height:24px; color:#fff; font-size:12px; }
#left .input {background: url(../pix/bg_input_top.gif) left top no-repeat; width:148px; height:19px; color:#fff; font-size:12px; }

.ok {background: url(../pix/ok.gif) no-repeat 0px 4px; width:30px; height:26px; text-align:center; color:#fff; font-size:12px; cursor:pointer;}

.player_bt {background: url(../pix/player_bt.gif) no-repeat 0px 0px; width:20px; height:20px; border:0; float:left; margin:4px 10px 0 7px; cursor:pointer;}

.button { width:24px; color:#fff; font-size:11px; text-align:center; border:0; cursor:pointer; padding:3px; margin:0; background-color:#C8C8C8;}


.checkbox { width:12px; height:12px; background-image:none; padding:0px; margin-right:5px; float:left;}
.radio { width:12px; height:12px; background-image:none; padding:0px; margin-right:5px;float:left;}
.file { background-image:none; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ccc; }



.tab_clear {background: transparent; margin:auto; padding:0;}
.inRight {text-align:right;}
.alert {font-size:11px; color:#cc0000;}





.pages_comment { float:left; padding-left:0px; color:#ffffff; }
.pages { float:left; width:20px; font-size:10px; background-color:#1d1d1d; text-align:center; margin:0px 5px 0px 0;padding-top:0px;  border:1px solid #1165a3; }
.pages:link, .pages:visited {background-color:#1d1d1d; border:1px solid #1165a3; }
.pages:hover {background-color:#1165a3; border:1px solid #1165a3;}
.pages_select { float:left; width:20px; font-size:10px; background-color:#1165a3; text-align:center; margin:0px 5px 0px 0;padding-top:0px;}
.pages_select:link, .pages_select:visited {background-color:#1165a3;}
.pages_select:hover {background-color:#1165a3;}


#center .submenu_center {background: transparent url(../pix/bg_submenu_bottom2.gif) no-repeat bottom center; padding-bottom:5px; margin-bottom:10px;}
#center .submenu_center ul{list-style:none; margin:0; }
#center .submenu_center li{float:left;}
#center .submenu_center li a:link, .submenu_center li a:visited {width:104px; font: normal 12px/10px "trebuchet ms",Arial,sans-serif; overflow:hidden; border:0px solid red; display:block; height:25px; text-align:center; background: transparent url(../pix/submenu2.gif) no-repeat top center; margin-right:1px; padding-top:5px; text-decoration:none; color:#ccc;} 
#center .submenu_center li a:active, .submenu_center li a:hover {	background-position:0 -30px; color:#fff;}
#center .submenu_center .pressed {background-position:0 -30px ; color:#fff;}
#center .submenu_center .submenu_content {  background-color:#1165A3; clear:both; padding:5px; border:0px solid red; }
#center .submenu_center .submenu_content .in {background-color:#000; padding:12px 7px; text-align:center;}
#center .submenu_center .submenu_content .inn {background-color:#000; padding:0; text-align:left;}

#cadre_blanc {text-align:center; background: transparent url(../pix/cadre_blanc.jpg) no-repeat top left; height:42px; width:420px; }
#cadre_blanc2 {text-align:center; background: transparent url(../pix/cadre_blanc2.png) no-repeat top left; height:28px; width:420px; }
#cadre_blanc3 {text-align:center; background: transparent url(../pix/cadre_blanc3.png) no-repeat top left; height:23px; width:420px; padding-top:5px; }


.cadre_blanc_min {text-align:center; background: transparent url(../pix/cadreblanc_min2.jpg) no-repeat top left; height:42px; width:300px; color:#ffffff }
.cadre_blanc_min:hover {text-align:center; background: transparent url(../pix/cadreblanc_min3.jpg) no-repeat top left; height:42px; width:300px; color:#186196 }

#produit { width:230px; border:1px solid #ADA398; text-align:center; float:left; margin-left:15px; }
#produit_img { width:220px;	background-color:#1d1d1d;	vertical-align:bottom; padding:5px; }
#produit_int { width:226px;	background-color:#7a7a7a; vertical-align:bottom; text-align:left; padding:5px 2px 5px 2px; }

#produit_det { width:495px; text-align:center; border:1px solid #ffffff; margin-left:5px }
#produit_img_det { width:240px;	 background-color:#1d1d1d; padding-top:10px;  }
#produit_img_det2 { width:235px; background-color:#1d1d1d; padding-top:10px; text-align:justify }
#produit_int_det { width:475px; background-color:#7a7a7a; vertical-align:bottom; text-align:left; padding:10px; }