/*
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

*/

/* ----------------------------- 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 ---------------------------*/
} 

/* ---------------------------------- html body header --------------------------------------------- */

html, body, form, fieldset, img {
	border: none;
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(images/fondbody.jpg) repeat-x top left #12507B;
	color: #000;
}
#wrapper {
	width: 985px;
	background-color:#F1F1F1;
	border:1px solid black;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px; /* ----- marge au dessus du header ----- */
}
#header { /* sample for each main section */
	float: left;
	width: 985px;
        height: 448px;
	display: inline; 
}
#header_top {
	float: left;
	width: 985px; /* ancien 979px */
	height: 82px;
	display: inline;
	background: url(images/bandeauhaut.jpg) no-repeat top;
}
#header_top .slogan{
        margin-top: 10px;
        margin-left: 10px;
}
#header_top a { /* ------------- Titre du Blog ------------------ */
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#FFFFFF;
        text-decoration:none;
}
#header_top .texte2 { /* --------------- Slogan ----------------- */
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#FFFF00;
}
#header #navigation {
	float: left;
	width: 985px; 
	display: inline;
	height: 50px;
        background: url(images/barremenu.jpg) repeat-x top left #F1F1F1;
}
#header #menuhorizontal {
	width: 985px; 
	display: inline;
	height: 27px;
}
#header #menuhorizontal2 {
	width: 985px; /* ancien 979px */
	display: inline;
	height: 23px;
        padding:10px 4px 0px 0px;
}
#header #raccourcis {
        float:left;
        width:350px;
        height:23px;
        color:#444444;
        line-height:10px;
}
#header #raccourcis a {
        font-size: 11px;
        color: #444444;
        text-decoration: none;
}
#header #raccourcis a:hover {
        font-size: 11px;
        color: #12507B;
        text-decoration: none;
}
#header #search {
	float: right;
	width: 190px;
	height: 15px;
	display: inline;
	margin:-2px 12px 0px 0px !important;
	background:url(images/search-bg.png) no-repeat;
}
#search .search_text_box {
	width: 160px;
	float: left;
	display: inline;
	background: none;
	border: none;
	font-size:11px;
	margin: 1px 0px 0px 5px;
}
#search .search_submit {
	width: 20px;
	float: left;
	display: inline;
	margin: 0px 0px 0px 2px;
	background: none;
	border: none;
	cursor:pointer;
}
#header #bandeau_central {
        position:relative; 
        -top:-7px; /* ----------------------------------- IE6 ---------------------------*/
	float: left;
	width: 985px; 
	height: 316px;
	display: inline; 
	background:url(images/bandeau.jpg) no-repeat top;
}
/* ---------------------- nav2 = menu horizontal du header ------------------------------------------ */
#nav2{
        position:relative; top:0px; left:0px;
        display: block;
        font-size:14px;
        height:27px;
        width:978px;
        float: left;
        margin:0px 0px 6px 0px;;
}
#nav2, #nav2 ul {
	line-height:14px;
	list-style: none;
        margin-left:-40px;
        /margin-left:0px;
}
#nav2 li {
	float: left;
	list-style:none; 
        margin-left:1px;
        margin-right:1px;
}
#nav2 a, #nav2 a:active, #nav2 a:visited {
        color:#FFFFFF;
        text-decoration:none;
        display:block;
        font-weight:normal;
        margin-top:7px;
        margin-left: 10px; 
        margin-right: 10px; 
        -margin-left: 9px; 
        -margin-right: 9px; 
}
#nav2 a:hover {
        color:#FFFF00;
        text-decoration:underline;
        display:block;
        font-weight:normal;
        margin-top:7px;
        margin-left: 10px; 
        margin-right: 10px; 
        -margin-left: 9px; 
        -margin-right: 9px; 
}

/* -------------------------------- content ---------------------------------------------------- */
#content {
	float: left;
	width: 985px;
	display: inline; 
        background:F1F1F1;
}
/* -------------------------------- content left ----------------------------------------------- */
#content_left {
	float: left;
	width: 767px; 
	display: inline;
}
#main_content {
	float: left;
	width: 757px;
	display: inline;
        margin:10px 10px 0px 10px; 
	-margin:10px 5px 0px 10px;  /* ----------------------------------- IE6 ---------------------------*/
        background: url(images/box-cl.gif) #FFF repeat-y left;
}
#main_content .hautcontenu { /*------ onglet bleu au dessus du contenu codé ds chaque page de résultat -----*/
position:relative;
top:0px; left:0px;
padding-top:37px;
background: url(images/onglet2.png) no-repeat top left;  
}
#main_content .titre_page {  /*--------------- VOUS ETES ICI > ACTUALITE ----------------------*/
position:relative; 
top:-26px;
left:10px; 
margin-bottom:-16px; 
color:#FFF; 
font-size:14px;
}
.titre_page a, .titre_page a:hover {
color:#FFF;
text-decoration:none;
}
.bande_rouge { /*--------------------------- PROBLEME AVEC LA BANDE ROUGE -------------------- */
position:relative; 
top:50px;
left:4px;
margin-bottom:-10px;
-margin-bottom: -15px;
background: url(images/banderouge.png) repeat-x top left;
height:10px;
width:750px;
}
/* box content */
#main_content .box_content { 
	float: left;
	width: 730px;  /*745*/
	display: inline;
	margin: 0px 4px 0px 4px!important;
	background: url(images/box-bg.gif) repeat-x top left !important;
	padding: 10px;
	-padding: 5px; /* ----------------------------------- IE6 ---------------------------*/
}
#main_content h3 {
	margin: 0px 0px 5px 0px;
	color: #12507B;
	font-size: 16px;
}
#main_content h4 {
font-size:14px;
color: #336799;
}
/* --------------------------------- excerpt -------------------------------- */
#main_content .box_excerpt { background:#FFFFFF;
	float: left; 
	width: 730px; /*745*/
	display: inline;
	padding: 5px 0px;
	-margin-left:5px; /* ----------------------------------- IE6 ---------------------------*/
	-margin-right:-5px; /* ----------------------------------- IE6 ---------------------------*/	
}
#main_content .separator {
	float: left;
	width: 730px; /*745*/
	height: 3px;
	margin: 5px 0px;
	padding: 0px 0px;
	display: inline;
	background: url(images/dot.gif) #FFFFFF repeat-x bottom;
}
.box_excerpt .excerpt_info {
	float: left;
	width: 730px; /*745*/
	margin: 0px;
	padding: 5px 0px 0px 10px;
	font-size: 11px;
	display: inline;
	color: #999;
}
.box_excerpt h4 {
	float: left;
	width: 730px; /*745*/
	margin-left: 10px;
	padding: 0px;
	font-size: 15px;
	display: inline;
}
.box_excerpt .excerpt_meta {
	float: left;
	width: 730px; /*745*/
	margin: 0px;
	padding: 20px 0px 0px 10px;
}
.box_excerpt h4 a, .excerpt_info a, .excerpt_desc a {
	color: #336799;
	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: 585px; 
        padding-right:30px;
	font-size: 12px;
	display: inline;
	line-height: 1.5;
	text-align: justify;
}
.excerpt_meta .excerpt_more {
	float: right;
	width: 595px;
	margin-top: 45px;
    padding-right: 30px;
	display: inline; 
}
.excerpt_meta .excerpt_more a {
	float: right;
	text-align: center;
	color: #FFFFFF;
	background: url(images/more.jpg) no-repeat center left;
	width: 127px;
	height: 28px;
	line-height: 30px;
	display: inline;
	font-size: 14px;
	text-decoration: none;
}
/* ------------------------------- single post ----------------------------------- */
#main_content .single_box {
	float: left;
	width: 735px; /*745*/
	display: inline;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 0px 4px 0px 4px!important;
	padding: 15px 8px;
	-padding:15px 0px 0px 10px; /* ----------------------------------- IE6 ---------------------------*/
}
.single_box a {
	color: #0066FF;
	text-decoration: none;
}
.single_box a:hover, .single_box a:active, .single_box a:focus {
	text-decoration: underline;
}
.single_box .breadcrumb {  /* ----------- fil d'ariane --------------- */
	float: left;
	width: 730px; /*745*/
	display: inline;
	font-size: 12px;
	color: #999;
}
.breadcrumb img {
	float: left;
	display: inline;
	padding: 5px 7px 0px 0px;
}
.breadcrumb a {
	float: left;
	display: inline;
	padding: 0px 7px 0px 0px;
	color: #0066FF;
}
.single_box h1 {
	float: left;
	width: 730px; /*745*/
	display: inline;
	margin: 0px 0px;
	padding: 7px 0px 0px 0px;
	font-size: 22px;
}
.single_box .post_info {
	float: left;
	width: 730px; /*745*/
	display: inline;
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 11px;
	color: #999;
}
.single_box .post_content {
	float: left;
	width: 710px;
	display: inline;
	padding-right:30px;
	-padding-right:0px; /* ----------------------------------- IE6 ---------------------------*/
	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;
}
/* -------------------------------- 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: 730px; /*745*/
	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: 721px;  /*745*/
	display: inline;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 0px 4px 0px 4px!important;
	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: #336799;
	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: 721px;  /*745*/
	display: inline;
	background: url(images/box-bg.gif) repeat-x top left !important;
	margin: 0px 4px 0px 4px!important;
	padding: 15px 15px;
	-padding: 15px 14px 0px -1px; /*--------------------------------IE6-------------------------------------*/
}
.comment_form a {
	color: #336799;
	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: url(images/more.jpg) no-repeat center left;
	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: url(images/more.jpg) no-repeat center left;
	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: #12507B;
	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: #12507B;
	padding: 3px 6px;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
	color: #fff;
	display: inline;
	float: left;
}
#post-navigator a {
	border: none;
	background: #12507B;
	padding: 3px 6px;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
	color: #fff;
	display: inline;
	float: left;
}
#post-navigator a:hover {
	border: none;
	background: #336799;
	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 ------------------------------------ */
#sidebars {
	float: right;
	width: 200px;
	display: inline;
        margin:10px 10px 0px 0px;
	-margin:10px 10px 0px 0px; /* ----------------------------------- IE6 ---------------------------*/
}
/* sidebar */
#sidebars .sidebar {
	width: 200px; 
	display: inline;
	overflow: hidden;
        float: left;
}
.sidebar .sidebar_box {
	float: left;
	width: 200px;
	display: inline;
	background: url(images/box-cl.gif) repeat-y left;
        margin-bottom:15px;
}
.sidebar .haut_widget { /*------ onglet bleu au dessus de chaque widget, la div est codée ds Functions.php -----*/
position:relative;
top:0px; left:0px;
padding-top:37px;
background: url(images/onglet22.png) no-repeat top left;  
}
.sidebar .box_content { /* ------------------ la boite qui contient le widget -------------------------- */
	float: left;
	width: 153px;
	display: inline;
	min-height: 40px;
	margin: 0px 4px 0px 4px!important;
	padding:0px 20px 20px 20px; 
        -padding:0px 10px 20px 20px;
	background: url(images/box-bg.gif) repeat-x top left !important;
}
.sidebar h3 { /* --- précédemment: .sidebar .box_content h3 --- */
position:relative; 
top:-35px;
left:20px; 
margin-bottom:-28px; 
color:#FFF; 
font-size:14px;
font-weight:normal;
}
.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 .avatar {
	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 {
	display: inline;
	color: #0066FF;
	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 -20px;
	padding: 0;
	float: left;
	width: 194px;
	display: inline;
	font-size: 11px;
	border-top: 1px solid #F1F1F1;
}
.sidebar .box_content ul li {
	display: inline;
	float: left;
	width: 194px;
	background: #FFF;
	margin-left: 0px;
	padding: 0px;
	line-height: normal;
	border-bottom: 1px solid #F1F1F1;
}
.sidebar .box_content ul li a, .sidebar .box_content ul li a:visited {
	display: block;
	outline: none;
	padding: 8px 20px;
	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: #0066FF;
	text-decoration: none;
	/*background: url(images/arrow.gif) no-repeat 16px 12px #F7F7F7;*/
}
/* --------------- footer_box on l'a supprimé pour cause de pb de fonctions-------------------- */
.mbl_fo_hidden, .mbl_join_img, .mbl_join {
	display:none;
}

#footer_box { /* ce style ne s'applique que pour IE, pas pour les autres navigateurs */
/float:left; 
/width:900px; 
-float:none;
}

/* -------------------Footer -------------------------*/
#footer { 
position:relative; 
/*float:left;*/
top:-10px; 
/top:-20px;
-top:-20px; /* ------------------------------- IE6 ------------------------------- */ 
}
/* ---------------Copyright---------------------- */
.ladiv { 
width:965px; 
margin-left:10px;
}
.mentions-legales {
width:950px;
}
.gauche { 
width:400px; 
float:left;
text-align:left;
padding-left:20px;
}
.texte {
font-weight:bold;
color:#666666;
font-size:12px;
line-height:18px;
}
.texte a {
color:#333333;
text-decoration:none;
}
.texte a:hover {
color: #12507B;
text-decoration:none;
}
.droite { 
width:500px;
float:right;
text-align:right;
}
.lienmention a {
color:#333333;
text-decoration:none;
}
.lienmention a:hover {
color:#666666;
text-decoration:none;
}
/* ------------------------ nav3 = menu horizontal du footer ----------------------------------------------- */
#nav3{
        position:relative;
        left:10px;
       /top:10px;
        display: block;
        font-size:13px;
        height:22px;
        /*width:950px;*/
        float: right;
}
#nav3, #nav3 ul { 
	line-height:14px;
	list-style: none;
        margin-left: -40px; 
        /margin-left:0px;
        padding-left:10px;
}
#nav3 li {
	float: left;
	list-style:none; 
	border-right:1px solid #999999;
        margin-left:1px;
        margin-right:1px;
}
#nav3 a, #nav3 a:active, #nav3 a:visited {
        text-decoration:none;
        display:block;
        font-weight:normal;
        margin-left: 10px; 
        margin-right: 10px; 
        color:#999999;
        font-size:12px;
}
#nav3 a:hover {
        text-decoration:underline;
        display:block;
        font-weight:normal;
        margin-left: 10px; 
        margin-right: 10px; 
        color:#666666;
        font-size:12px;
}