/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body { line-height:1.5; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
table,td,th { vertical-align:middle; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }
a img { border:none; }

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { font-size:85%; color:#444; background:#fff; font-family:"Arial", "Helvetica"; }

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#32102e; text-transform: uppercase; #letter-spacing: 0.2em; line-height:1em; margin-bottom:.25em; }
h1 { font-size:2em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; font-weight:bold; }
h6 { font-size:1em; font-weight:bold; }
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img { margin:0; }


h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {
    color: #32102e;
    text-decoration: none;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus,h6 a:focus {
    color: #bfb378
    text-decoration: none;
}

/* Text elements
-------------------------------------------------------------- */
p { margin:0 0 1em; }
p img.left { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }
p img.right { float:right; margin:1.5em 0 1.5em 1.5em; }
a:focus,a:hover { color:#BFB378; text-decoration: underline; }
a { color:#666666; text-decoration:none; outline: 0;}
blockquote { margin:1.5em; color:#666; font-style:italic; }
strong { font-weight:normal; }
em,dfn { font-style:italic; }
dfn { font-weight:bold; }
sup,sub { line-height:0; }
abbr,acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }
pre { margin:1.5em 0; white-space:pre; }
pre,code,tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }

/* Lists
-------------------------------------------------------------- */
li ul,li ol { margin:0 1.5em; }
ul,ol { margin:0 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }

/* Tables
-------------------------------------------------------------- */
table { margin-bottom:1.4em; width:100%; }
th { font-weight:bold; }
thead th { background:#c3d9ff; }
th,td,caption { padding:4px 10px 4px 5px; }
tr.even td { background:#e5ecf9; }
tfoot { font-style:italic; }
caption { background:#eee; }

/* Misc classes
-------------------------------------------------------------- */
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.majuscule{ text-transform: uppercase}

/* --------------------------------------------------------------

   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms

   Usage:
   * For text fields, use class .title or .text

-------------------------------------------------------------- */
label { font-weight:normal; color:#bfb378; text-transform: uppercase; letter-spacing: 0.2em; line-height:1em; font-size: 0.9em; width: 180px; display: block; float: left; height: 20px;  margin-top: 12px }
label span{text-transform: none}
fieldset { padding:0; margin:0; border:0; }
legend { font-weight:bold; font-size:1.2em; }

/* Form fields
-------------------------------------------------------------- */
input, textarea { background:#fff; color:#222; font-size: 1em; font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; }
input.text,input.title,textarea,select { margin:.5em 0; border:1px solid #bbb; }
input.text:focus,input.title:focus,textarea:focus,select:focus { border:1px solid #666; }
input.text,input.title { width:300px; padding:5px; }
textarea { width:390px; height:250px; padding:5px; }
input.button { height:30px; line-height:30px; color: #fff; background: #000; border: 0; }

/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,.notice,.success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }



body { background:#fff }

#wrap { width:800px; margin:0 auto; }

#header {
    margin: 30px 0;
    overflow: hidden;
    zoom: 1;
}
#header div{width: 345px; padding-left: 20px; margin-bottom: 0; padding-bottom: 0}
#header div p{line-height: 1em; margin: 0 0 10px 35px}
	#header div  p{
		padding-left: 35px;
	}
	#header div  p a{
		/*padding-left: 35px;*/
		text-decoration: underline;
		color: #bfb378
	}

	#header div a.quiet{color: #555; padding-left: -35px}
	#header div a.majuscule:hover{color: #000}
	
	#header div  p.email a{background: url(_medias/email.jpg) no-repeat 0 -2px; padding-left: 35px; line-height: 20px; margin-left: 0}
	#header div  p.email{padding-left: -35px}
	
	#header #bloc2{float: right}
		#header #bloc2 p{
			padding-left: 0;
			line-height: 1.3em;
			margin-left: 0
		}
		#header #bloc2 p a{
			text-decoration: underline;
			color: #bfb378
		}
	#header #bloc2{
		padding: 5px 0 5px 15px;
		border-left: dotted 1px #bfb378
	}
	#header #bloc2 div{
		padding-left: 0;
	}
	
	#header #bloc2 #field_input{
		background: #bfb378
		color: #ffffff;
		border: 1px solid #bfb378
	}
		#header #bloc2 #field_input:hover{
			color: #000;
			cursor: pointer;
		}
		#header #bloc2 #news_field{
			width: 200px
		}
	#header #bloc2 strong{
		color: #000
	}
	
	
#logo, #logo:visited {
    float: left;
	
    text-transform: uppercase;
    text-decoration: none;
}

.site-name {
    font-weight:normal;
    color:#32102e;
    letter-spacing: 0.2em;
    font-size: 3em;
    line-height: 1em;
    display: block;
}

.tagline {
    color: #778c91;
    font-size: 1.2em;
    letter-spacing: 0.2em;
}

#logo:hover .site-name, #logo:focus .site-name  {
    color: #794573;
}

#logo:hover .tagline, #logo:focus .tagline  {
    color: #9EB2B7;
}


#newsletter-form {
    float: right;
}

#newsletter-form label {
    display: block;
    line-height: 1em;
    margin: 0 0 0.5em;
}

#newsletter-form input {
    vertical-align: top;
    margin: 0 10px 0 0;
}

#newsletter-form .text {
    width: 200px;
}

/* nav */
#nav {
    width:800px;
    height:30px;
    position:relative;
    z-index:100;
    background: #000;
    font-size: 1.2em;
	margin: -25px 0 0 0;
	text-shadow: black 0.1em 0.1em 0.2em}

/* hack to correct IE5.5 faulty box model */
* html #nav {
    width:799px;
    w\idth:800px;
}

/* remove all the bullets, borders and padding from the default list styling */
#nav ul {
    padding:0;
    margin:0;
    list-style-type:none;
    text-align: center;
}

#nav ul ul {
    width:150px;
    font-size: 0.8em;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#nav li {
    float:left;
    width:159px;
    position:relative;
    border-right: 1px solid #fff;
}

/* style the links for the top level */
#nav a,#nav a:visited {
    display:block;
    text-decoration:none;
    color:#fff;
    width:160px;
    height:30px;
    line-height:30px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #nav a,* html #nav a:visited {
    width:160px;
    w\idth:160px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
    visibility:hidden;
    position:absolute;
    height:0;
    top:30px;
    left:0;
    width:160px;
}

/* another hack for IE5.5 */
* html #nav ul ul {
    top:30px;
    t\op:31px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav table {
    position:absolute;
    top:0;
    left:0;
    border-collapse:collapse;
}

/* style the second level links */
#nav ul ul a,#nav ul ul a:visited {
    background:#000;
    color:#fff;
    height:auto;
    line-height:30px;
    width:160px;
    border-top:1px solid #fff;
}

/* yet another hack for IE5.5 */
* html #nav ul ul a,* html #nav ul ul a:visited {
    width:160px;
    w\idth:160px;
}

/* style the top level hover */
#nav a:hover,#nav ul ul a:hover {
    color:#fff;
    background:#bfb378;
}

#nav :hover > a,#nav ul ul :hover > a {
    color:#fff;
    background:#bfb378;
}

/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,#nav ul a:hover ul {
    visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul {
    visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul {
    visibility:visible;
}

#main {
    margin: 30px 0;
    overflow: hidden;
    zoom: 1;
}

#content {
    width: 500px;
    float: right;
}
#content h1{
	margin-bottom: 5px;
	
}
	#content h1 a{
		
		#text-decoration: underline;
		line-height: 1.3em;
		letter-spacing: -0.1em;
		font-style:italic;
		font-weight:bold;
	}
		#content h1 a:hover{
			color: #bfb378
		}

#sidebar {
    width: 280px;
    float: left;
}

#photo {
    margin: 0 0 20px 0;
}

#blog #content {
    width: 560px;
    float: left;
}

#blog #sidebar {
    width: 210px;
    float: right;
}

.meta {
    font-weight:normal;
    color:#32102e;
    #text-transform: uppercase;
    letter-spacing: 0.1em;
    line-height:1em;
    font-size: 0.9em;
    list-style-type: none;
    margin: 0 0 15px 0;
	padding-bottom: 10px;
	border-bottom: 2px dotted #494949;
}

.meta li {
    margin: 0 0 0.5em 0;
}

#comments {
    margin: 0 0 60px 0;
}

.post.category-actualites-castaluna, .post.category-bons-plans-shopping, .post.category-les-rondes-dans-presse, .post.category-les-castings   {
    overflow: hidden;
    zoom: 1;
	#background: url(_medias/castalunaseparation.jpg) no-repeat center bottom;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
	.single .post.category-actualites-castaluna, .single .post.category-bons-plans-shopping, .single .post.category-les-rondes-dans-presse, .single .post.category-les-castings   {
		background: none;
		padding-bottom: 0;
		margin-bottom: 20px;
	}

	
		
.post.category-actualites-castaluna li, .post.category-bons-plans-shopping li, .post.category-les-rondes-dans-presse li, .post.category-les-castings li {
	list-style: none;
	margin-bottom: 5px
}




.category-esquisses .post,
.category-boutiques-grande-taille .post,
.category-marques-grande-taille .post {
    float: left;
    width: 285px;
}

.category-boutiques-grande-taille .post {
    height: 200px;
}

.category-boutiques-grande-taille .post ul {
    margin: 0;
}

.category-boutiques-grande-taille .post li {
    list-style-type: none;
}

#map {
    margin: 20px 0 0 0;
}

#content .wrap {
    overflow: hidden;
    zoom: 1;
    margin: 40px 0 0 0;
}

/* .wrap .post {
    margin-bottom: 10px;
} */

.wrap .post h2 {
    font-size: 1.2em;
}
.entry h2 {
    text-transform: none;
	margin: 7px 0;
	line-height: 1.3em;
	font-weight: 500;
	white-space: wrap
}
.post .model-pic {
    float: left;
    width: 100px;
    margin: 0 10px 0 0;
    display: inline;
}

.post .post-wrap {
    float: left;
    width: 165px;
    display: inline;
}

.single.post .model-pic {
    float: left;
    width: 250px;
    margin: 0 10px 0 0;
    display: inline;
}

.single.post .post-wrap {
    float: left;
    width: 310px;
    display: inline;
}

.entry {
    overflow: hidden;
    zoom: 1;

}

.entry a{
	text-decoration: none;
	color:#bfb378;
	font-weight:bold;
		
	
}
	.entry a:hover{
		#text-decoration: none;
		color: #000;
	}

.entry a.more-link {
    height:20px;

    display: block;
    overflow: hidden;
    zoom: 1;
	margin-top: 25px;

	text-align: center;
	width: 560px;
	padding: 2px 0;
	background: #000;
	color: #fff;
	text-decoration: underline;
	margin: 10px 0px 0 px 0px auto;

}

/* .more-link a,
.more-link a:visited {
    padding: 0 10px;
    line-height:30px;
    color: #fff;
    background: #32102e;
    border: 0;
    display: block;
    float: right;
} */

/* .more-link a:hover,
.more-link a:focus {
    background: #794573;
    text-decoration: none;
} */

.entry a.more-link:hover{
	background: #000;
	color: #bfb378;

	text-decoration: underline;
}

#comments-list {
    list-style-type: none;
    margin: 20px 0 0 40px;
    padding: 0;
}

.comment {
    margin: 0 0 20px 0;
	border-left: 2px #bfb378 solid;
	padding-left: 5px
}

#respond {
	margin-top: 30px;
}

#respond fieldset {
    padding:1em;
}

#respond ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#respond ol {
    overflow: hidden;
    zoom: 1;
}

#comment {
    width: 530px;
}

#submit-comment {
    float: right;
}

#sidebar {
    list-style-type: none;
    margin: 0;
}

#sidebar ul {
    margin: 15px 0 0 0;
}

#sidebar li {
 	margin: 0 0 7px 0;
	list-style: none;
	background: url(_medias/castalunapuce1.jpg) no-repeat 0 6px;
	padding-left: 20px;
}

#sidebar li a{
	text-decoration: none;
	color: #bfb378;
	font-weight:bold;
	
}

#sidebar li a:hover {
	text-decoration: none;
	color: #5a5a5a;
	font-weight:bold;
	
}

#sidebar li li {
    margin: 0 0 10px 0;
}

#footer {
    list-style-type: none;
    margin: 0;
    width:800px;
    height:30px;
    position:relative;
    background: #000;
    font-size: 1em;
    margin: 0 0 10px 0;
	text-shadow: black 0.1em 0.1em 0.2em;
}

#footer li {
    float:left;
    position:relative;
    border-right: 1px solid #fff;
    height:30px;
    line-height:30px;
    color: #fff;
}

#footer a,#footer a:visited, #footer .copy {
    display:block;
    text-decoration:none;
    color:#fff;
    height:30px;
    line-height:30px;
    padding: 0 10px;
}

#footer a:hover,#footer a:focus {
    background: #bfb378;
}

#partenaires {
    list-style-type: none;
    font-size:10px;
    margin: 0px;
}

#partenaires li {
    float:left;
    position:relative;
    line-height:30px;
    color: #666;
}

#partenaires a {
    text-decoration:none;
    color:#666;
    line-height:30px;
    padding: 0 10px 0 0;
}

#partenaires a:hover {
    color: #666;
}

.tweetmeme{
	margin-bottom: 15px;
}


.related_post{
	margin: 25px 0 0 30px;


}

.single .post.category-actualites-castaluna .related-post li a{
 	margin: 0 0 7px 0;

	background: url(_medias/castalunapuce1.jpg) no-repeat 0 6px;

}
.related_post_title{
	border-top: 1px solid #494949;
	margin: 25px 0 0;
	width: 300px;
	padding: 25px;

}


.home3{background: red}

#sidebar #recentcomments{margin-bottom: 20px}
#sidebar .recentcomments a{color: #8a8a8a;}
	#sidebar .recentcomments a:hover{color: #bfb378}
#sidebar .recentcomments a.url{color: #bfb378; text-decoration: none}


/* suivez castaluna SOCIAL */
#sidebar  ul.market_liste{list-style: none}
#sidebar  ul.market_liste li{ background: none;	padding-left: 0;}
.market_liste li a{color: #000} 
	.market_liste li a:hover{color: #ff008a}

 .bg_social{
	background: url(http://www.castaluna.com/newsletter/desabo/img/sprite.jpg) no-repeat 0 0;
	height: 21px;
	width: 20px;
	display: block;
	float: left;
	margin-right: 10px;
 }
 
 #ie7  .bg_social{margin-right: 5px}
 
   .bg_social.ico_fb{
  	background-position: 0 0;
   }
    .bg_social.ico_tw{
  	background-position: 0 -31px;
   }
    .bg_social.ico_blog{
  	background-position: 0 -62px;
   }
    .bg_social.ico_yt{
  	background-position: 0 -93px;
   }
   
   
   
   /*MODIF*/
   
.related-post li a {
background: red url(_medias/castalunapuce1.jpg) no-repeat 0 6px;}