/*
Theme Name: WPBoxedTech
Theme Style: Nice and Sleek design. Suitable for all blog niche.
Theme URI: http://www.technologytricks.com/
Description: Nice and Sleek design. Suitable for all blog niche.
Author: izwan00
Author URI: http://www.technologytricks.com/

Theme code and css are under copyright 2009 technologytricks.com

*/
/*----------------------------config nav2 menu du header ---------------------------*/

#nav .children{
	display: none;
}
#nav2{
        position:relative; top:0px; left:0px;
        display: block;
	    -height: 1%; /* ----------------------------------- IE6 ---------------------------*/
        font-size:1.1em;
        height:60px;
        width:580px;
        float: left;
        margin:0px;
	    -margin:0px; /* ----------------------------------- IE6 ---------------------------*/
}

#nav2, #nav2 ul {
	line-height:20px;
	list-style: none;
        /margin-left:44px;
	-margin-left:4px; /* ----------------------------------- IE6 ---------------------------*/
}

#nav2 a ,#nav2 a:hover{
	display: block;
	text-decoration: none;
}

#nav2 li {
	float: left;
	list-style:none; 
}

#nav2 a,#nav2 a:visited {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
        margin:10px 12px 0px 12px;
	-margin:10px 12px 0px 12px; /* ----------------------------------- IE6 ---------------------------*/
}

#nav2 li:hover, #nav2 li:active { 
         background:#AAAAAA; 
         }

#nav2 a:hover, #nav2 a:active {
	color:#FF6600;
	text-decoration:none; 
}	

#nav2 li ul {
	left: -1000px;
	-left: -1000px; /* ----------------------------------- IE6 ---------------------------*/
	position: absolute;
	width: 580px; 
	z-index:999;
}

#nav2 li li {
	width: auto;
}

#nav2 li li a,#nav2 li li a:visited {
    color:#FFFFFF;
	font-weight:normal;
	font-size:1em;
}

#nav2 li li a:hover,#nav2 li li a:active {
	color:#FF6600;
}	

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {
   	left: 0px; 
	background:url(images/30px.jpg) repeat-x;
	/margin-left:0px;
}

/*-------------------------------- config nav3 menu page bottom.php --------------*/
#nav3 {
background: none; 
font-family:'arial',sans-serif;
font-size:12px;
height:26px;
line-height:20px;
position:relative;
float:none;
margin:0;
-margin: 0; /* ----------------------------------- IE6 ---------------------------*/
padding:0;
-padding-left:44; /* ----------------------------------- IE6 ---------------------------*/
}

#nav3 ul {
	line-height:20px;
	list-style: none;
    /margin-left:44px;
    -margin-left:0px; /* ----------------------------------- IE6 ---------------------------*/
}
#nav3 li {
list-style-position:inside;
list-style-type:none;
float:left;
}

#nav3 li a {
font-weight:bold;
display:inline;
float:left;
font-size:12px;
height:26px;
line-height:20px;
padding:0 20px;
margin:0px;
text-decoration:none;
width:60px;
}

#nav3 li a:link, #nav3 li a:visited {
color:#333333;
}

#nav3 li a:hover, #nav3 li a:active{
color:#FF6600;
}

#nav3 li ul, #nav3 li li {
display:none;
}


/*---------------------------- common box----------------------------------*/

.box {
	background: url(images/box-cr.gif) repeat-y right;
	display: block;
	-height:1%; /* ----------------------------------- IE6 ---------------------------*/
}
.box .box_outer {
	background: url(images/box-br.gif) no-repeat bottom right;
	display: block;
	-height:1%; /* ----------------------------------- IE6 ---------------------------*/
}
.box .box_outer .box_inner {
	background: url(images/box-bl.gif) no-repeat bottom left;
	display: block;
	-height:1%; /* ----------------------------------- IE6 ---------------------------*/
}
.box .box_outer .box_inner .box_bottom_right {
	background: url(images/box-tr.gif) no-repeat top right;
	display: block;
	-height:1%; /* ----------------------------------- IE6 ---------------------------*/
}
.box .box_outer .box_inner .box_bottom_right .box_bottom_left {
	background: url(images/box-tl.gif) no-repeat top left;
	display: block;
	overflow: hidden;
	padding-bottom: 4px;
	-padding-bottom:4px; /* ----------------------------------- IE6 ---------------------------*/
	-height:1%; /* ----------------------------------- IE6 ---------------------------*/
}

/* -------------------------maincontent2 page de mentions légales ----------------------------- */
#header_top2 {
	float: left;
	width: 979px;
	height: 180px; /* nouvelle hauteur du bandeau */
	display: inline;
	margin: 0px 3px 0px 3px;
}
#content_left2 {
	float: left;
	width: 985px; 
	display: inline;
}
#main_content2 {
	float: left;
	width: 985px 
	display: inline;
	background: url(images/box-cl.gif) #FFF repeat-y left;
}
#main_content2 .box_content {
	float: left;
	width: 945px;
	display: inline;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 3px 5px !important;
	padding: 15px 15px;
}
#main_content2 h3 {
	float: left;
	padding: 0 14px 0 0;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
	color: #333333;
	font-size: 11px;
	background: url(images/arrow2.gif) no-repeat right center;
	letter-spacing: 1px;
}
#main_content2 h4 {
	float: left;
	padding: 0 14px 0 0;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
	color: #333333;
	font-size: 9px;
	background: url(images/arrow2.gif) no-repeat right center;
	letter-spacing: 1px;
}
#main_content2 .box_excerpt {
	float: left;
	width: 945px;
	display: inline;
	padding: 5px 0px;
}
#main_content2 .separator {
	float: left;
	width: 945px;
	height: 3px;
	margin: 5px 0px;
	padding: 0px 0px;
	display: inline;
	background: url(images/dot.gif) repeat-x bottom;
}
#main_content2 .single_box {
	float: left;
	width: 945px;
	display: inline;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 3px 5px !important;
	padding: 15px 15px;
}


#main_content2 .single_box .breadcrumb {
	float: left;
	width: 945px;
	display: inline;
	font-size: 11px;
	color: #999;
}
#main_content2 .single_box h1 {
	float: left;
	width: 945px;
	display: inline;
	margin: 0px 0px;
	padding: 7px 0px 0px 0px;
	font-size: 22px;
}
#main_content2 .single_box .post_info {
	float: left;
	width: 945px;
	display: inline;
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 11px;
	color: #999;
}
#main_content2 .single_box .post_content {
	float: left;
	width: 945px;
	display: inline;
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 12px;
	line-height: 1.5;
	text-align: justify;
}
/* ----------------------- html body wrapper ---------------------------------- */

html, body, form, fieldset, img {
	border: none;
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#f1f1f1;
	color: #000;
}
#wrapper {
	width: 985px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}


/* ----------------------- header ---------------------------------- */


#header { /* sample for each main section */
	float: left;
	width: 985px;
	display: inline;       
	background: url(images/box-cl.gif) #FFF repeat-y left;
    -height: 1%; /* ----------------------------------- IE6 ---------------------------*/
}
#header_top {
    -height: 1%; /* ----------------------------------- IE6 ---------------------------*/
	float: left;
	width: 979px;
	height: 320px; /* nouvelle hauteur du bandeau */
	display: inline;
	margin: 0px 3px 0px 3px;
	-margin:0px 3px 0px 3px; /* ----------------------------------- IE6 ---------------------------*/
    background: url(http://fire-safety.alliancepreventionincendie.com/wp-content/themes/WPBoxedTech/images/header2.jpg);

}
#header_top .pub1 {
	float: left;
	width: 706px;
	height: 97px;
	display: inline;
	position:relative;
	top:10px;
	left:10px;
	margin: 0px 0px 0px 0px;
	-margin: 0px 0px 0px 0px; /* ----------------------------------- IE6 ---------------------------*/
}	
#header_top .bulle {
	float: left;
	width: 249px;
	height: 97px;
	display: inline;
	position:relative;
	top:10px;
	left:10px;
	margin: 0px 0px 0px 7px;
	-margin: 0px 0px 0px 7px; /* ----------------------------------- IE6 ---------------------------*/
}	
#header_top .logo {
	float: left;
	width: 581px;
	height: 194px;
	display: inline;
	position:relative;
	top:30px;
	left:0px;
	margin: 0px 0px 0px 0px;
	-margin: 0px 0px 0px 0px; /* ----------------------------------- IE6 ---------------------------*/
}
#header_top .ads468x60 {
	float: right;
	width: 468px;
	height: 60px;
	display: inline;
	margin: 15px 15px 0px 0px;
	-margin: 15px 15px 0px 0px; /* ----------------------------------- IE6 ---------------------------*/
}
#header_top .ads468x60 img {
	border: 1px solid #999;
}
#header #navigation {
        -height: 1%; /* ----------------------------------- IE6 ---------------------------*/
	float: left;
	width: 978px;
	display: inline;
	height: 60px;
        -height:60px; /* ----------------------------------- IE6 ---------------------------*/
	background:url(images/60px.jpg) repeat-x; 
	margin: 0px 0px 1px 4px;
	-margin: 0px 0px -16px 4px; /* ----------------------------------- IE6 ---------------------------*/
}
#header #search {
    -height: 1%; /* ----------------------------------- IE6 ---------------------------*/
	float: right;
	width: 220px;
	height: 20px;
	display: inline;
	margin: 5px 5px;
	-margin: 5px 5px; /* ----------------------------------- IE6 ---------------------------*/
	background:url(images/search-bg.png) repeat-x;
}
#search .search_text_box {
	width: 190px;
	float: left;
	display: inline;
	background: none;
	border: none;
	font-size:11px;
	margin: 2px 0px 0px 5px;
	-margin: 2px 0px 0px 5px; /* ----------------------------------- IE6 ---------------------------*/
}
#search .search_submit {
	width: 20px;
	float: left;
	display: inline;
	margin: 0px 0px 0px 2px;
	-margin: 0px 0px 0px 2px; /* ----------------------------------- IE6 ---------------------------*/
	background: none;
	border: none;
	cursor:pointer;
}
#search .flux {
       position:relative; 
       -top:-20px; /* ----------------------------------- IE6 ---------------------------*/
       font-family: Arial, Helvetica, sans-serif;
       color:#FFFFFF;
       text-decoration:none;
}
/*  --------------------------- content ----------------------------------------- */
#content {
	float: left;
	width: 985px;
	display: inline;
}
/* content left */
#content_left {
	float: left;
	width: 585px; 
	-width: 580px; /* ----------------------------------- IE6 ---------------------------*/
	display: inline;
}
#main_content {
	float: left;
	width: 585px;
	-width: 580px; /* ----------------------------------- IE6 ---------------------------*/
	display: inline;
	background: url(images/box-cl.gif) #FFF repeat-y left;
}

/* ------------------------------ box content-------------------------- */
#main_content .box_content {
	float: left;
	width: 545px;
	display: inline;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 3px 5px !important;
	-margin:3px 4px; /* ----------------------------------- IE6 ---------------------------*/
	padding: 15px 15px;
	-padding: 15px 14px 0px -1px; /*--------------------------------IE6-------------------------------------*/
}
#main_content h3 {
	float: left;
	padding: 0 14px 0 0;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
	color: #333333;
	font-size: 11px;
	background: url(images/arrow2.gif) no-repeat right center;
	letter-spacing: 1px;
}

/* ---------------------- excerpt -------------------------------- */
#main_content .box_excerpt {
	float: left;
	width: 545px;
	display: inline;
	padding: 5px 0px;
}
#main_content .separator {
	float: left;
	width: 545px;
	height: 3px;
	margin: 5px 0px;
	padding: 0px 0px;
	display: inline;
	background: url(images/dot.gif) repeat-x bottom;
}

.box_excerpt .excerpt_info {
	float: left;
	width: 545px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-size: 11px;
	display: inline;
	color: #999;
}
.box_excerpt h4 {
	float: left;
	width: 545px;
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	display: inline;
}
.box_excerpt .excerpt_meta {
	float: left;
	width: 545px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.box_excerpt h4 a, .excerpt_info a, .excerpt_desc a {
	color: #cc0000;
	text-decoration: none;
}
.box_excerpt h4 a:hover, .box_excerpt h4 a:active, .box_excerpt h4 a:focus, .excerpt_info a:hover, .excerpt_info a:active, .excerpt_info a:focus, .excerpt_desc a:hover, .excerpt_desc a:active, .excerpt_desc a:focus {
	text-decoration: underline;
}
.excerpt_meta .excerpt_image {
	float: left;
	width: 100px;
}
.excerpt_meta .excerpt_image img {
	width: 90px;
	height: 90px;
	padding: 5px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
}
.excerpt_meta .excerpt_desc {
	float: right;
	width: 435px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	display: inline;
	line-height: 1.5;
	text-align: justify;
}
.excerpt_meta .excerpt_more {
	float: right;
	width: 435px;
	margin: 0px;
	padding: 0px;
	display: inline;
}
.excerpt_meta .excerpt_more a {
	float: right;
	text-align: center;
	color: #FFFFFF;
	background: url(images/readon-bg.gif) no-repeat center left #cc0000;
	width: 90px;
	height: 20px;
	line-height: 20px;
	display: inline;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
}
/* --------------------------single post -------------------------------------------------- */
#main_content .single_box {
	float: left;
	width: 545px;
	display: inline;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 3px 5px !important;
	-margin: 3px 4px; /*--------------------------------IE6-------------------------------------*/
	padding: 15px 15px;
	-padding: 15px 14px 0px -1px; /*--------------------------------IE6-------------------------------------*/
}
.single_box a {
	color: #cc0000;
	text-decoration: none;
}
.single_box a:hover, .single_box a:active, .single_box a:focus {
	text-decoration: underline;
}
.single_box .breadcrumb {
	float: left;
	width: 545px;
	display: inline;
	font-size: 11px;
	color: #999;
}
.breadcrumb img {
	float: left;
	display: inline;
	padding: 5px 7px 0px 0px;
}
.breadcrumb a {
	float: left;
	display: inline;
	padding: 0px 7px 0px 0px;
}
.single_box h1 {
	float: left;
	width: 545px;
	display: inline;
	margin: 0px 0px;
	padding: 7px 0px 0px 0px;
	font-size: 22px;
}
.single_box .post_info {
	float: left;
	width: 545px;
	display: inline;
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 11px;
	color: #999;
}
.single_box .post_content {
	float: left;
	width: 545px;
	display: inline;
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 12px;
	line-height: 1.5;
	text-align: justify;
}
.post_content h1, h2, h3, h4, h5, h6, h7, h8, p {
	margin: 0px 0px;
	padding: 10px 0px 0px 0px;
	color:#000;
}
.post_content ul {
	padding: 0px 0px 0px 20px;
}

/* -----------------------------Image Alignment -------------------------------- */
.post_content .aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto
}
.post_content .alignleft {
	float:left;
	margin:0 10px 5px 0
}
.post_content .alignright {
	float:right;
	margin:0 0 5px 10px
}
.post_content .wp-caption {
	margin:10px;
	padding-top:5px;
	text-align:center;
}
.post_content .wp-caption img {
	border:0 none;
	margin:0;
	padding:0;
}
.post_content .wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding-top: 5px;
	font-weight: bold;
}
/* ------------------------------bookmark-------------------------------------- */
.single_box .post_social_bookmark {
	display: block;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px;
	text-align: justify;
	color: #666666;
}
.single_box .post_social_bookmark img {
	float: left;
	width: 35px;
	height: 35px;
	border: 0;
	display: inline;
}
.single_box .post_social_bookmark a {
	float: left;
	display: inline;
	margin: 2px;
	padding: 5px;
}
.single_box .post_social_bookmark a:hover {
	background-color:#f1f1f1;
}
/* --------------------------- related posts ------------------------------------*/
.related_posts {
}
.related_posts .box_posts {
	float: left;
	width: 545px;
	display: inline;
	line-height: 1.5;
	font-size: 11px;
	padding: 5px 0px;
}
.related_posts .box_posts img {
	float: left;
	display: inline;
	width: 30px;
	height: 30px;
	padding: 2px;
	margin: 5px 7px 0px 0px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
}
.related_posts .box_posts a {
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
}
.related_posts .box_posts a:hover, .related_posts .box_posts a:active, .related_posts .box_posts a:focus {
	text-decoration: underline;
}
/* -------------------------------------comment list-------------------------------------- */
#main_content .comment_list {
	float: left;
	width: 545px;
	display: inline;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 3px 5px !important;
	-margin: 3px 4px; /*--------------------------------IE6-------------------------------------*/
	padding: 15px 15px;
	-padding: 15px 14px 0px -1px; /*--------------------------------IE6-------------------------------------*/
}
.comment_list h4 {
	float: left;
	padding: 0 14px 0 0;
	margin: 0px 0px 5px 0px;
	text-transform: uppercase;
	color: #333333;
	font-size: 11px;
	letter-spacing: 1px;
}
.comment_list .comment_box {
	float: left;
	width: 545px;
	display: inline;
}
.comment_box .comment_avatar {
	float: left;
	width: 60px;
	display: inline;
}
.comment_box img {
	width: 50px;
	height: 50px;
	padding: 3px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
}
.comment_box .comment_content {
	float: right;
	width: 480px;
	display: inline;
	line-height: 1.5;
}
.comment_content a {
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
}
.comment_content a:hover, .comment_content a:active, .comment_content a:focus {
	text-decoration: underline;
}
.comment_content .comment_title {
	float: left;
	width: 480px;
	display: inline;
	font-weight: bold;
}
/* --------------------------------------comment form------------------------------- */
#main_content .comment_form {
	float: left;
	width: 545px;
	display: inline;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 3px 5px !important;
	-margin: 3px 4px; /*--------------------------------IE6-------------------------------------*/
	padding: 15px 15px;
	-padding: 15px 14px 0px -1px; /*--------------------------------IE6-------------------------------------*/
}
.comment_form a {
	color: #cc0000;
	text-decoration: none;
}
.comment_form a:hover, .comment_form a:active, .comment_form a:focus {
	text-decoration: underline;
}
.comment_form p {
	float: left;
	width: 545px;
	display: inline;
	margin: 0px;
	padding: 0px;
}
.comment_form .comment_item_full {
	float: left;
	width: 545px;
	display: inline;
	margin: 0px;
	padding: 5px 0px;
}
.comment_form .comment_item {
	float: left;
	width: 545px;
	display: inline;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	overflow: hidden;
}
.comment_form .comment_control {
	float: left;
	width: 545px;
	display: inline;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
.comment_item .comment_item_title {
	float: left;
	display: inline;
	width: 70px;
	padding: 3px 0px 0px 0px;
	font-weight: bold;
}
.comment_item .comment_item_title2, .comment_item_full .comment_item_title2 {
	float: left;
	display: inline;
	width: 545px;
	padding: 3px 0px 3px 0px;
	font-weight: bold;
}
.comment_item .text_area_style {
	background: none;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 0px 2px;
	width: 182px;
	height: 18px;
	outline: none;
	color:#666666;
	border-radius: 5px;
	font-size:12px;
}
.comment_item .text_area_style2, .comment_item_full .text_area_style2 {
	background: none;
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 0px;
	padding: 2px 3px 0px 2px;
	width: 535px;
	height: 120px;
	outline: 0;
	color:#666666;
	border-radius: 5px;
	font-size:12px;
}
.comment_control .submit_btn {
	width:120px;
	height:25px;
	float:left;
	border:none;
	background: #cc0000;
	cursor:pointer;
	position:relative;
	display: inline;
	margin: 0px 10px 0px 0px;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
}
.comment_control .reset_btn {
	width:120px;
	height:25px;
	float:left;
	border:none;
	background: #cc0000;
	cursor:pointer;
	position:relative;
	display: inline;
	margin: 0px 10px 0px 0px;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
}
/* -----------------------------post navigator---------------------------- */
#post-navigator {
	float: left;
	display: inline;
	color: #fff;
	margin: 5px 5px 3px 5px;
	padding: 0px;
	font-size:10px;
	text-transform: uppercase;
}
#post-navigator .pages, #post-navigator .current {
	border: none;
	background: #cc0000;
	padding: 3px 6px;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
	color: #fff;
	display: inline;
	float: left;
}
#post-navigator .pages, #post-navigator .extend {
	border: none;
	background: #cc0000;
	padding: 3px 6px;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
	color: #fff;
	display: inline;
	float: left;
}
#post-navigator a {
	border: none;
	background: #cc0000;
	padding: 3px 6px;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
	color: #fff;
	display: inline;
	float: left;
}
#post-navigator a:hover {
	background: #cc0000;
	text-decoration: none;
}
.post-navigator .alignleft {
	float: left;
	width: 98%;
	margin-bottom: 5px;
	position: relative;
	display: inline;
}
.post-navigator .alignright {
	float: right;
	width: 98%;
	position: relative;
	display: inline;
}
/* -----------------------sidebar area ceci est la zone complete des sidebars ------------------------------- */
#sidebars {
	float: right;
	width: 400px;
	display: inline; 
}


/*---------------------------------------widebar----------------------------------*/
#sidebars .widebar {  
	width: 400px; 
	display: inline;
	overflow: hidden; 
	float:none; 
}
.widebar .widebar_box {  
	float: left;
	width: 400px;
	display: inline;
	background: url(images/box-cl.gif) #FFF repeat-y left; 
}
.widebar .box_content { 
	float: left;
	width: 360px;
	display: inline;
	min-height: 40px;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 3px 5px !important;
	-margin: 3px 4px; /*-------------------------------IE6-----------------------------------*/
	padding:15px 15px; 
	-padding: 15px 14px 0px -1px; /*-------------------------------IE6-----------------------------------*/
}
.widebar .box_content h3 {  
	float: left;
	padding: 0 14px 0 0;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	color: #CC0000;
	font-size: 11px;
	background: url(images/arrow2.gif) no-repeat right center;
	letter-spacing: 1px; 
}
.widebar .separator {
	float: left;
	width: 360px;
	height: 3px;
	margin: 5px 0px;
	padding: 0px 0px;
	display: inline;
	background: url(images/dot.gif) repeat-x bottom; 
}
.widebar .box_posts {
	float: left;
	width: 360px;
	display: inline;
	line-height: 1.5;
	font-size: 11px; 
}
.widebar .box_posts img {
	float: left;
	display: inline;
	width: 30px;
	height: 30px;
	padding: 2px;
	margin: 5px 7px 0px 0px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
}
.widebar .box_posts a {
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
}
.widebar .box_posts a:hover, .sidebar .box_posts a:active, .widebar .box_posts a:focus {
	text-decoration: underline;
}

.widebar .box_content ul {
	list-style: none;
	margin: 0px -15px -15px -15px;
	padding: 0;
	float: left;
	width: 390px;
	display: inline;
	font-size: 11px;
	border-top: 1px solid #F1F1F1;
}
.widebar .box_content ul li {
	display: inline;
	float: left;
	width: 390px;
	background: none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	border-bottom: 1px solid #F1F1F1;
}
.widebar .box_content ul li a {
	display: block;
	outline: none;
	padding: 8px 25px;
	margin: 0;
	text-decoration: none;
	color: #333333;
	background: url(images/arrow.png) no-repeat 16px 12px;
}
.widebar .box_content ul li a:hover, .widebar .box_content ul li a:active, .widebar .box_content ul li a:focus {
	color: #cc0000;
	text-decoration: none;
	background: url(images/arrow.gif) no-repeat 16px 12px #F7F7F7;
}


/* ---------------------------sidebar------------------------------------------------- */
#sidebars .sidebar {  /* ceci est le conteneur vertical de chaque sidebar, la gauche et la droite */
	width: 200px; /* ori 200 +50all */
	display: inline;
	overflow: hidden; 
}
#sidebars .left {    /* ceci est le conteneur vertical de la sidebar de gauche  */
	float: left; 
}
#sidebars .right {   /* ceci est le conteneur vertical de la sidebar de droite  */
	float: right;
}
.sidebar .sidebar_box {  /* ceci est le conteneur de chaque widget */
	float: left;
	width: 200px;
	display: inline;
	background: url(images/box-cl.gif) #FFF repeat-y left; 
}
.sidebar .box_content { /* ceci est le conteneur interne de chaque widget */
	float: left;
	width: 160px;
	display: inline;
	min-height: 40px;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 3px 5px !important;
	-margin: 3px 4px; /*-------------------------------IE6-----------------------------------*/
	padding:15px 15px; 
	-padding: 15px 14px 0px -1px; /*-------------------------------IE6-----------------------------------*/
}
.sidebar .box_content h3 {  /* ceci est le titre de chaque widget */
	float: left;
	padding: 0 14px 0 0;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	color: #CC0000;
	font-size: 11px;
	background: url(images/arrow2.gif) no-repeat right center;
	letter-spacing: 1px; 
}
.sidebar .separator {
	float: left;
	width: 160px;
	height: 3px;
	margin: 5px 0px;
	padding: 0px 0px;
	display: inline;
	background: url(images/dot.gif) repeat-x bottom; 
}
.sidebar .box_posts {
	float: left;
	width: 160px;
	display: inline;
	line-height: 1.5;
	font-size: 11px; 
}
.sidebar .box_posts img {
	float: left;
	display: inline;
	width: 30px;
	height: 30px;
	padding: 2px;
	margin: 5px 7px 0px 0px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
}
.sidebar .box_posts a {
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
}
.sidebar .box_posts a:hover, .sidebar .box_posts a:active, .sidebar .box_posts a:focus {
	text-decoration: underline;
}
/* --------------------box content ul style------------------------- */
.sidebar .box_content ul {
	list-style: none;
	margin: 0px -15px -15px -15px;
	padding: 0;
	float: left;
	width: 191px;
	display: inline;
	font-size: 11px;
	border-top: 1px solid #F1F1F1;
}
.sidebar .box_content ul li {
	display: inline;
	float: left;
	width: 191px;
	background: none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	border-bottom: 1px solid #F1F1F1;
}
.sidebar .box_content ul li a {
	display: block;
	outline: none;
	padding: 8px 25px;
	margin: 0;
	text-decoration: none;
	color: #333333;
	background: url(images/arrow.png) no-repeat 16px 12px;
}
.sidebar .box_content ul li a:hover, .sidebar .box_content ul li a:active, .sidebar .box_content ul li a:focus {
	color: #cc0000;
	text-decoration: none;
	background: url(images/arrow.gif) no-repeat 16px 12px #F7F7F7;
}




/*---------------------------------- footer box ----------------------------------*/
.mbl_fo_hidden, .mbl_join_img, .mbl_join {
	display:none;
}
#footer_box {
	float: left;
	width: 985px;
	-width: 970px; /* ----------------------------------- IE6 ---------------------------*/
	display: inline;
	font-size: 12px;
	background: #F1F1F1;
    max-height:80px;
}
#footer_box .box_content {
	float: left;
	width: 985px;
	-width: 970px; /* ----------------------------------- IE6 ---------------------------*/
	display: inline;
	max-height: 80px;
	background: url(images/80px.jpg) repeat-x;
	margin: 0px;
	-margin:0px; /* ----------------------------------- IE6 ---------------------------*/
	padding:10px;
	-padding:10px; /* ----------------------------------- IE6 ---------------------------*/
    padding-left:50px;
	-padding-left:0px; /* ----------------------------------- IE6 ---------------------------*/
}
#footer_box h3 {
	float: left;
	padding: 0 14px 0 0;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	color: #CCCCCC;
	font-size: 11px;
	background: url(images/arrow3.gif) no-repeat right center;
	letter-spacing: 1px;
}

/* -----------------------------------footer-------------------------------- */
#footer {
display:none; }
#footer2 {
	float: left;
	width: 985px;
	display: inline;
	height: 25px;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-size: 11px;
	text-align: center;
}
#footer2 a {
	color: #cc0000;
	text-decoration: none;
}
#footer2 a:hover, #footer2 a:active, #footer2 a:focus {
	text-decoration: none;
}

/* ---------------Copyright---------------------- */
.mentions-legales {
width:985px;
}
.copyright { 
width:570px; 
float:left;
text-align:left;
padding-left:20px;
}
.texte {
color:#666666;
font-size:11px;
line-height:18px;
}
.texte a {
color:#333333;
text-decoration:none;
}
.texte a:hover {
color:#FF6600;
text-decoration:none;
}
.logos { 
width:390px;
float:left;
text-align:right;
}