@charset "utf-8";
/* CSS Document */
/* ---------------------------------------------------------------------------------------------

	* Filename:				styles.css
	* Description:			Reno CSS
	* Version: 				1.0
	* Website:				Reno Jouets
	* Author: 				jang@one2crowd.com
	
=== Structure ==================================================================================

	* Page width:			757px
	* Number of columns:	1
	
--------------------------------------------------------------------------------------------- */

/* CSS Reset ================================================================================= */

* { margin:0; padding:0; }

body {  font:12px  Arial, Verdana, Helvetica, sans-serif; text-align:justify; color: #000000; line-height:18px; }

a { text-decoration: underline; color:#000000}
a:hover { text-decoration: none; color:#000000}
a img { border:0;}

/* Heading */
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.3em; }
h1 { font-size:2em; line-height:1.17; }
h2 { font-size:1.5em; }
h3 { font-size:1.35em; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; }
h1, h2 {display:block; text-indent:-10000em;}
/* Forms */
form          { margin:0; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
ul,ol         { list-style:none; }

/* CSS ACL Security ================================================================================= */
body {  
	margin:59px 0 10px 0;
	padding:0px;
	background-color:#003c96;
}
#container {
	background:url(../images/bg_m.gif) left top repeat-y;
	width:757px;
	}
#cell-top {
	background:url(../images/bg_top.gif) left top no-repeat;
	width:757px;
}
#wrap{ width:757px; text-align:left}
#cell-bt {
 clear:both;
 width:757px; background:url(../images/bg_bt.gif) left top no-repeat; height:45px;}
#cell-bt p { padding:25px 45px 0px 0; text-align:right; color:#FFFFFF; font-size:10px}
#leftsidebar { width:195px; height:450px; float:left; overflow:hidden; display:inline}
.logo { width:195px; height:178px; overflow:hidden}

ul#nav { width:195px; height:121px; background:url(../images/bg_menu.gif) left top no-repeat; margin:0; padding:0}
ul#nav li { width:110px; display: inline-block; 	float:right; margin:0 36px 0 49px; padding:0; list-style:none;}
html>body ul#nav li { width:110px; display: inline-block; 	float:right; margin:0 36px 0 49px; padding:0; list-style:none;}
ul#nav li.nav-organisme,
ul#nav li.nav-organisme a{
	width:110px;
	height:35px;
	display:block;
	background:url(../images/nav_organisme.gif) center 0px;
}
ul#nav li.nav-organisme a:hover{
	width:110px;
	height:35px;
	display:block;
	background:url(../images/nav_organisme.gif) center 70px;
}
ul#nav li.nav-organisme-active,
ul#nav li.nav-organisme-active a{
	width:110px;
	height:35px;
	display:block;
	background:url(../images/nav_organisme.gif) center 35px;
}
ul#nav li.nav-organisme a span,
ul#nav li.nav-organisme-active a span { 
	display:none;
	width:110px;
	height:35px;
	}
ul#nav li.nav-boutique,
ul#nav li.nav-boutique a{
	width:110px;
	height:30px;
	display:block;
	background:url(../images/nav_boutique.gif) center 0px;
}
ul#nav li.nav-boutique a:hover{
	width:110px;
	height:30px;
	display:block;
	background:url(../images/nav_boutique.gif) center 60px;
}
ul#nav li.nav-boutique-active,
ul#nav li.nav-boutique-active a{
	width:110px;
	height:30px;
	display:block;
	background:url(../images/nav_boutique.gif) center 30px;
}
ul#nav li.nav-boutique a span,
ul#nav li.nav-boutique-active a span { 
	display:none;
	width:110px;
	height:30px;}
ul#nav li.nav-dons,
ul#nav li.nav-dons a{
	width:110px;
	height:36px;
	display:block;
	background:url(../images/nav_dons.gif) center 0px;
}
ul#nav li.nav-dons a:hover{
	width:110px;
	height:36px;
	display:block;
	background:url(../images/nav_dons.gif) center 72px;
}
ul#nav li.nav-dons-active,
ul#nav li.nav-dons-active a{
	width:110px;
	height:36px;
	display:block;
	background:url(../images/nav_dons.gif) center 36px;
}
ul#nav li.nav-dons a span,
ul#nav li.nav-dons-active a span {
	display:none;
	width:110px;
	height:1em;
	}
ul#nav-facebook {
	margin:0;
	padding:0;
	width:195px;
	background:url(/images/nav_facebook.gif) 49px 20px no-repeat;
	display:block;
}
ul#nav-facebook li {
	width:110px;
	height:63px;
	display:block;
	padding:20px 15px 10px 49px;
}
ul#nav-facebook li a:hover {
	cursor:hand;
}
ul#nav-facebook li span {
	display:block;
	text-indent:-9999em;
	width:110px;
	height:63px;
	float:right;
}
#content {width:562px; float: left; display: block; margin:0; padding:0}
#bn_main { width:520px; height:276px; display:block; margin:32px 0 4px 0px; padding:0; text-align:left}
#bn_main span,#boxL span,#boxR span{ display:none; }
#bn_main .title { width:520px; height:66px; background:url(../images/bn_home_top.gif) left top no-repeat;}
#bn_main .box { width:520px; height:210px; background:url(../images/bn_home_box.jpg) left top no-repeat;}
#bn_main .title2 {
	width:437px;
	height:21px;
	background:url(../images/bn_home_top2.gif) left top no-repeat;
	padding:35px 35px 10px 48px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	}
#bn_main .box2 {
	width:450px;
	height:178px;
	background:url(../images/bn_home_box2.jpg) left top no-repeat;
	padding:2px 40px 30px 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	}
#bn_main .box2 img {
	margin-right:25px;
}
#boxL,#boxR
 {
	display: inline-block;
	width:243px;
	height:102px;
	margin-top:4px;
	margin-bottom:4px;
}
#boxL a,#boxR a{ display:block; width:243px; height:102px; }
#boxL {
	margin-left:6px;
	margin-right:6px;
	background:url(../images/bn_fondation_reno_jouets.gif) left top no-repeat;
	float:left;
}
html>body #boxL {
	margin-left:12px;
	margin-right:6px;
	background:url(../images/bn_fondation_reno_jouets.gif) left top no-repeat;
	float:left;
}
#boxR{
	margin-left:6px;
	margin-right:12px;
	background:url(../images/bn_economisez.gif) left top no-repeat;
	float: left;
}
#boxL2 {
	padding-left:13px;
	width:243px;
	height:102px;
}
#boxR2{
	display:block;
	width:223px;
	height:92px;
	padding:5px 10px 5px 10px;
	margin:0 12px 0 10px;
	background:url(../images/bn_economisez2.gif) left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:24px;
}
#boxR2 a {
	color:#FFFFFF;
	text-decoration:none;
}
#boxR2 a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}
#nouvelles { width:390px; display:block; clear:both; margin-left:12px;}
#nouvelles .top a { display:block; width:390px; height:37px;}
#nouvelles .top span { display:none; }
#nouvelles .top { background:url(../images/bg_tb_th.gif) left top no-repeat;
	width:390px; height:37px; }
#nouvelles .box { background:url(../images/bg_tb_tr.gif) left top repeat-y; width:390px;}
#nouvelles .box .wrapper { padding:10px 10px 10px 20px; font-weight:bold;}
#nouvelles .bt { background:url(../images/bg_tb_bt.gif) left top no-repeat; width:390px; height:11px;}
