/*
Theme Name: alibi3col
Theme URI: http://themocracy.com/2009/07/alibi3col-free-wordpress-theme/
Description: 3-column theme, centre content with left & right sidebars, configurable page menu and compatible with WP2.8 threaded and paged comments - licenced under the GPL.
Version: 1.7
Tags: fixed-width, three-columns, theme-options, threaded-comments, black
Author: Themocracy
Author URI: http://themocracy.com/
*/



body {
margin: 0;
padding: 0;  
color: #333;
text-align:center;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size: 100.1%;
/*background: #fff;*/
/*background: #B9121B url("http://bonplangratos.fr/wp-content/themes/alibi3col/images/background04.gif") repeat-x;*/
background-color: white;
}


#wrapper2{
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#wrapper3{
border-left: 1px solid #666;
border-right: 1px solid #666;
}

#wrapper{
width: 1200px; /* 950px + 250 */
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 75%;
line-height:20px;
background: #fff;
border-left: 3px solid #333;
border-right: 3px solid #333;
}


#header{
padding: 1px 0px;
margin: 0;
background: #444 url("http://bonplangratos.fr/wp-content/themes/alibi3col/images/fond.jpg") repeat-x;
}	


#header-inner{
margin:0;
padding:0;
}
	
#content{
clear:both;
margin: 0;
padding: 5px 7px 5px 7px;
background:#fff;
}	

#left {
width: 205px; 
float:left;
margin: 0;
padding: 5px 0 10px 0;
overflow:hidden;
}


#main {
width: 770px; /* 520 + 250 */
float:left;
margin: 0;
padding: 5px 0 10px 0px;

}


#main-inner {
margin: 0;
padding: 0 7px;
overflow:hidden;
}

#sidebar {
padding: 0;
margin: 0 0 0 975px; /* 725px + 250 */
background: #fff;
}

#	 {
clear: both;
margin: 0;
padding: 10px 6px;
text-align: center;
font-size: 95%;

}


#footer-inner{
background: #f2f2f2;
height: 70px;
}

#footer p{
margin:0;
padding:15px 0;
}

#navigation{
padding: 5px 15px;

}

#navigation div.fleft{
float:left;
}

#navigation div.fright{ 
float:right;
}

#credit{
text-align:right;
padding: 0 15px;
}

#credit p{
margin:0;
color:#777;
font-size:95%;
}

#credit p a, #credit p a:hover{
color:#999;
font-weight:100;
}

/*  ********** default styles *********** */

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

h1, h2, h3, h4, h5, h6 {
font-family: georgia, 'Times New Roman', sans-serif;
}

h1{
	font-size: 180%;
}
h2{
	font-size: 14%;
}
h3{
	font-size: 120%;
}
h4{
	font-size: 110%;
}
h5{
	font-size: 100%;
}
h6{
	font-size: 70%;
}


a{
color:red;
font-weight:800;
text-decoration:none;
}
a:hover{
color:red;
text-decoration:underline;
}

a img{
border:0px;
}

hr{
height:2px;
margin:5px 0;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}

blockquote{
background: #f4f4f4;
padding: 5px 15px;
margin: 3px 30px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

form{
margin: 0;
padding:0;
}

fieldset{
padding:10px;
margin:0;
border:none;
}

legend{
font-weight:800;
}

code{
	font-size: 95%;
	font-family: "Courier New", Courier, monospace;
	white-space: pre;
}

td{
 vertical-align:top;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 5px 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

#tabs {
  float:left;
  width:100%;
  font-size:90%;
  background:#000;
  line-height:18px;
  border-top: 1px solid white;
}

    #tabs ul {
	  margin:0;
	  padding:4px 10px 0 10px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      padding:5px 15px 3px 6px;
      color:#FFF;
      }



    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }  
	
	


/* Headings */ 

form#searchform2{
display: block;
float:right;
margin: 55px 10px 0px 5px;
}

#header h3{
margin:  0;
padding: 30px 0 0 10px;
font-weight: bold;
}

/* Titre principal */
#header h3 a{
font-weight:100;
color: #EA1742; /* #F6E497; */
text-decoration: none;
font-size: 220%;
letter-spacing: 1px;
}

/* Sous titre */

#header h2{
margin: 0;
padding: 5px 0 5px 10px;
font-weight:bold;
font-style:italic;
color: #472C1B; /* #E59C53; */
font-size: 120%;
letter-spacing: 1px;
}

h2#sectiontitle{
font-size:100%;
font-weight: 800;
font-family: arial, verdana, sans-serif;
padding:6px 6px 6px 10px;
margin:0px 10px 15px 10px;
background: #f2f2f2;
color: #444;
}

/* post styles */

.post{
margin: 0 0 10px 0;
padding: 0 5px 5px 5px;
}

.entry{
margin: 0;
/*padding: 0px 10px 3px 10px;*/
}

.post h2 {
color: #333;
font-size: 130%;
font-weight: bold;
padding: 2px 0 0 2px;
margin: 0 0 0 0;
}

.post h2 a{
color: #333;
text-decoration:none;
font-weight: bold;;
}

.post h2 a:hover{
text-decoration:none;
color: #333;
}

.post h3 {
color: #333;
font-size: 100%;
font-weight: bold;
padding: 0 0 0 0;
margin: 0 0 0 0;
}


.post h3 a{
color: #333;
text-decoration:none;
font-weight: bold;;
}

.post h3 a:hover{
text-decoration:none;
color: #333;
}

.postmetadata{
font-size:80%;
padding: 1px 8px 0 5px;
margin: 0;
border-top: 1px solid #ccc;
}

.postmetadata p{
line-height: 18px;
padding: 0;
margin: 2px 0;
}


.date{
float:left;
text-align:center;
font-weight:800;
margin: 0 10px 0 0;
padding: 0 10px;
border-right: 1px solid #ccc;
color: #444;
}


.dateDay{
display:block;
font-size: 16px;
line-height: 16px;
text-align:center;
}
.dateMonth, .dateYear{
display:block;
font-size: 11px;
padding:0;
line-height: 12px;
}


/* Comments > WordPress 2.6 */

ol.commentlist {
list-style:none;
margin:0;
padding:0; 
text-indent:0;
}

ol.commentlist li { 
border:1px solid #d3d3d3;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
height:1%; 
margin:0 0 10px;
padding:5px 7px 5px 57px;
position:relative;
}

ol.commentlist li div.comment-author {
padding:0 160px 0 0;
}

ol.commentlist li div.vcard {
font:800 12px/1.9  arial,sans-serif;
}

ol.commentlist li div.vcard cite.fn {
font-style:normal;
}

ol.commentlist li div.vcard cite.fn a.url {
text-decoration:none;
}

ol.commentlist li div.vcard img.avatar { 
border:2px solid #eee; 
top:7px;
left:7px; 
position:absolute;
}

ol.commentlist li div.comment-meta {
font:100 11px/1.9 arial,sans-serif;
position:absolute;
top:5px;
right:10px;
text-align:right;
}

ol.commentlist li div.comment-meta a {
color:#333;
text-decoration:none;
}

ol.commentlist li p {
font:normal 12px/1.5  arial,sans-serif;
margin:0 0 1em;
}
ol.commentlist li ul {
font:normal 12px/1.4  arial,sans-serif;
list-style:square;
margin:0 0 1em;
padding:0;
text-indent:0;
}

ol.commentlist li div.reply {
color:#374C76;
font:bold 12px/1.4 arial,verdana, helvetica,sans-serif;
}

ol.commentlist li div.reply:hover {
color: black;
}

ol.commentlist li div.reply a {
text-decoration:underline; 
}

ol.commentlist li ul.children {
list-style:none;
margin:1em 0 0;
text-indent:0;
}
  
ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 {
margin:0 0 .25em;
}

ol.commentlist li.even {
background:#fff;
}
ol.commentlist li.odd {
background:#f3f3f3;
}

ol.commentlist li.pingback div.vcard {
padding:0 160px 0 0;
}

/*  Legacy Comments < WordPress 2.7  */

/* Bruno
h3#comments, h3#postcomment{
	font-size: 100%;
	font-family:arial, sans-serif;
}
*/	

ol#lcommentlist{
padding: 0 0 0 20px;
font-size: 90%;
list-style-type: none;
}

ol#lcommentlist li{
	padding: 0px 3px;
	margin: 0;
}

ol#lcommentlist li p.commentheader{
margin: 0px 0 0px 0;
display: block;
padding: 1px 5px;
}


ul#lcommentlist{
padding: 0;
margin:0;
list-style-type:none;
}

ul#lcommentlist li{
	display: block;
	padding: 0;
	margin: 0 15px 5px 15px;
	font-size:90%;
	background: #f2f2f2;
}

ul#lcommentlist p{
margin: 6px 0;
}

ul#lcommentlist li div.comm{
margin: 1px;
padding: 1px;
}

ul#lcommentlist li div.gravatar {
	width:50px;
	float:left;
	padding: 10px 0 0 10px;
}

ul#lcommentlist li div.gravatar img{
border: 2px solid #ccc;
}

ul#lcommentlist li div.commenttext{
padding: 0;
margin:5px 10px 5px 65px;
}

ul#lcommentlist li div.commenttext div.commentwrapper{
margin:0 0 0 5px;
padding: 3px 8px;
}


/*  sidebar styles */


#subscribe p{
font-size: 100%;
margin: 3px 0 10px 0;
}

.menu{
padding:0;
}

.menu a{
font-weight: 100;
}

.menu a:hover{
text-decoration:none;
}

.menu ul{
margin:0;
padding:0;
list-style-type:none;
}

.menu ul li.widget{
font-size:90%;
padding:2px;
margin:0 0 5px 0px;
border: 1px solid #ccc;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.menu ul li.widget ul{
margin: 0;
padding:0;
}

.menu ul li.widget ul li{
border-bottom:1px solid #eee;
padding: 1px 0 1px 5px;
margin:0;
}

/* Bullet point */
/*
.menu ul li.widget ul li:before {
	content: ". ";
	}
*/


.menu ul li.widget ul li ul{
}

.menu ul li.widget ul li ul li{
border-bottom: none !important;
padding: 3px 0 2px 15px;
}



.menu ul li.widget h3{
font-family: arial;
font-size:110%;
padding:2px 0 1px 16px;
margin:0;
background: #eee;
border-bottom: 1px solid #ccc;
color: #333;
font-weight: strong;
/*font-variant:small-caps;*/
}

.menu ul li h3 a{
color: #333;
font-weight: 800;
}
.menu ul li h3 a:hover{
color: #333;
text-decoration: none;
}

.menu form{
display:block;
margin:0px;
padding:4px;
}

.menu input{
margin:3px 0;
font-size:90%;
}

li.widget .textwidget, li.widget #search ul,  {
padding: 2px 5px;
}

/* Calendar styles */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 175px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

input.searchinput, input.searchsubmit{ /* Boite Recherche */
background:#DFBDA8;
border: 1px solid white;
color:white;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}


#footer a{
font-weight: 100;
}

/* === Style perso === */

.breadcrumb {
      font-size: 80%;
      /* margin-bottom: 10px; */
      /* background: #F7F2B2; */
}

.zeropadding {
padding: 0 0 0 0;
margin: 0 0 0 0;
line-height: 1;
}

#pub {
	/* background: yellow; */
        position:relative;
        text-align: center;
        z-index:0;
}

td.pagetitle {
width: 48%;
height: 20px;
vertical-align: top;
background-color: pink;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFBD32;
color: white;
font-weight: bold;
text-align: center;
}

td.pagetitle a{
width: 48%;
height: 20px;
vertical-align: top;
background-color: pink;
color: #333;
font-weight: bold;
font-size: 110%;
text-align: center;
}

td.pagetitle a:hover{
width: 48%;
height: 20px;
vertical-align: top;
/* background-color: lightgreen; */
/* text-decoration:none; */
color: red;
font-weight: bold;
font-size: 110%;
text-align: center;
}

xxx {
vertical-align: top;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #FFBD32;
}

img.btbp {
		border: 0px solid;
		width: 140px;
		height: 28px;		
	}

img.postthumb {
		border: 1px solid black;
		float: left;
		width: 120px;
		height: 80px;		
	}

img.postopinion {
		width: 10px;	
		height: 10px;	
	}	

img.postaddr {
		width: 15px;	
		height: 12px;	
	}	

img.postaccueil {
		border: 0px solid;
		width: 90px;	
		height: 60px;
		margin : 0 5px 30px 0;
	}

img.iconaccueil {
		border: 0px solid;
		width: 20px;	
		height: 20px;	
	}

img.pagethumb {
	border-width: 0px;
	float: left;
	width: 150px;
	height:180px;
}

.resume {
color: black;
font-size: 95%;
padding: -10px 0 0 0;
margin: 0 0 0 0;
line-height: 1;
}

.resume2 {
font-weight: bold;
color: brown;
font-size: 100%;
padding: -10px 0 0 0;
margin: -5px 0 0 0;
/*line-height: 1;*/
}

.resume3 { /* Post */
color: #F9007C;
font-size: 100%;
font-weight: bold;
line-height: 1.4;
}

.posvignette {
color: black;
font-size: 95%;
padding: 2px 0 0 0;
margin: 0 0 0 0;
line-height: 1;
}


/* Menu deroulant */

#nav2 {
  margin:0;
  padding-left:0;
  padding-right:0;
  padding-top:1px;
  padding-bottom:1px;
  float:left;
  width:100%;
  font-size:115%;
  /* font-weight:strong; */
  /* background:#204371; */
  line-height:18px;
  background: #334D4D url("http://bonplangratos.fr/wp-content/media/menu.png");
  border-top: 1px solid white;

    /*background:#777;*/
    /*font-size:0.9em;*/
    font-weight:bold;

    z-index:90;
    position:relative;
}

#nav2, #nav2 ul {
	list-style: none;
	line-height: 1;
}

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

#nav2 li {
	float: left;
	list-style:none;
	border-right:1px solid #a9a9a9;
}

#nav2 a,#nav2 a:visited {
	display:block;
	font-weight:bold;
	color: #f5f5f4;
	padding:6px 12px;
}

#nav2 a:hover, #nav2 a:active
{	
        /* background:#EA9C26; /* orange */
        color:#EA1742; /*  surlignage texte orange */
	text-decoration:none;
}	

/* Dropdown Menu */
#nav2 li ul {
	position: absolute;
        font-size:95%;
        font-weight:bold;
        margin:0px;
        padding:0px;
        left: -999em;
	height: auto;
	width: 220px; /* 174 */
	border-bottom: 1px solid #a9a9a9;
}

#nav2 li li {
        color:#ECD7F0;
	width: 220px; /* 172 */
	border-top: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	background-color: #FFCCCC; /* couleur de fond des menus déroulants #7EA0A0 */
        /* background-image:url(/wp-content/themes/alibi3col/images/background06.png); */
}

#nav2 li li a,#nav2 li li a:visited{
	/* font-weight:normal; */
	font-size:0.9em;
	color:#995D20; /* texte des menus déroulant */
}

#nav2 li li a:hover,#nav2 li li a:active{
	/* background:#EA9C26; /* orange */
        color:red; /* surlignage du texte dans les menus déroulants */
	text-decoration:none;
}	

#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: auto;
}

a.main:hover{
    background:none;
}

#img-mag{
margin: 400px 400px 10 10px;	
}

/* Bouton rose de catégorie sur page princ */
.category{
	float:left;
	font-size:110%;
	/*font-style:italic;*/
	padding: 2px 0 2px 0; /* Avant et aprés la zone rose */
	width:250px;
}

.category a{
	/* background:transparent url(../img/ff-logo.png) no-repeat left center; */
	/*color:#333;*/
	float:left;
	color: white;
	padding:0px 10px 0px 10px; /* Taille de la zone rose */
	/*position:relative;*/
	/*z-index:2;*/
	background-color: /*#F4D8D8*/ lightpink;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.code {
	border:1px dotted black;
	background-color: lightpink;
	width:160px;
	align:center;
	margin-bottom:1cm;
	text-align:center;
}

.csc_post_title a {
font-weight:normal;
}


/* Facebook Connect */
/*#wp-submit{  width:30px; padding:0; margin:0 0 0 7px; }*/
#user_pass{ width:86px;}
#user_login{ width:86px; margin-right:15px;}
/* #loginform label{ display:inline-block; width:2.75em; } */
/* #rememberme{ border:0; padding:0; margin: 0 2px; background:none; }*/
#forgotText{ display:inline-block; margin-left:9px; height:26px; font-size:80%;}
.fbLoginButton{   display:block; height:18px; margin-top:7px; text-align:center; }
.wpfb-widget-avatar {float: left;}
.wpfb-widget-avatar img.avatar {float:none; margin:0; }

/* Zone de recherche */
#input-search{ width:120px; margin-right:15px;}

/* Bouton répondre dans les commentaires */
a.comment-reply-link {
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	font-size: 11px;
	margin: 1px 1px 1px 1px;
	text-decoration: none;
	position: relative;
	top: -1px;
	left: -10px;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Button */
.input-submit, #wp-submit {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	height:20px;
	font-family:arial;
	/*font-size:15px;*/
	font-weight:bold;
	/*padding:6px 24px;*/
	text-decoration:none;
	/*text-shadow:1px 1px 0px #ffffff;*/
}

.input-submit:hover, #wp-submit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.input-submit:active, #wp-submit:active {
	position:relative;
	top:1px;
}


/* Tableau en couleur page d'accueil dégradé */
td.header1 {
	background: #FFECEA;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffcec9), color-stop(1, #bd9191) );
	background:-moz-linear-gradient( center top, #ffcec9 5%, #bd9191 100% ); */
	width: 50%;
	}

td.header2 {
	background: #CBE7F3;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bd9191), color-stop(1, #a6b3f5) );
	background:-moz-linear-gradient( center top, #bd9191 5%, #a6b3f5 100% );*/
	width: 50%;
	}

td.header3 {
	background: #CBF3E0;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a6b3f5), color-stop(1, #b2ffb5) );
	background:-moz-linear-gradient( center top, #a6b3f5 5%, #b2ffb5 100% );*/
	width: 50%;
	}

td.header4 {
	background: lightgrey;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccdd4), color-stop(1, #f4f7f4) );
	background:-moz-linear-gradient( center top, #cccdd4 5%, #f4f7f4 100% );*/
	text-align: left;
	vertical-align: top;
	}

li.selected {
	background: PapayaWhip;
}