@import url("reset.css");

*{
	line-height: 130%;
}

body
{
	background-image: url('img/bkg_body.jpg');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.70em;
	color: #303030;
}

/* ------- GENERALE */

h2
{
	font-size: 350%;
	font-weight: normal;
	color: #41525F;
	text-transform: capitalize;
	margin: 0 5px;	
}

h3
{
	font-size: 200%;
	font-weight: normal;
	line-height: 140%;
	letter-spacing: -1px;
	color: #41525F;
	text-transform: capitalize;
	margin: 0 15px;
}

h4
{
	font-size: 200%;
	font-weight: normal;
	line-height: 140%;
	letter-spacing: -1px;
	color: #8865AC;
	text-transform: capitalize;
	margin: 0 15px;
}

a
{
	color: #614F7F;
}

a:hover
{
	text-decoration: none;
}

p
{
	margin: 5px 0;
}

.space10
{
	height: 10px;
}

.space25
{
	height: 25px;
}

.space35
{
	height: 35px;
}

.space50
{
	height: 50px;
}

#wpcumuluscontent
{
	margin: 0 10px;
}

/* ------- LAYOUT */

div#top-shadow
{
	width: 960px;
	margin: 50px auto 0 auto;
	background-image: url('img/top_shadow.png');
	background-position: center bottom;
	background-repeat: no-repeat;	
	height: 15px;
}

div#top
{
	width: 960px;
	margin: 0 auto 1px auto;
	background-image: url('img/white_10.png');	
	height: 30px;
}

div#top_line
{
	width: 960px;
	height: 2px;
	background-image: url('img/white_40.png');
	margin: 0 auto 1px auto;
}

div#container
{
	width: 960px;
	margin: 0 auto;
	background-image: url('img/white_50.png');
}

div#header
{
	background-image: url('img/gradient_top_container.png');
	background-position: center top;
	background-repeat: repeat-x;
	position: relative;
	height: 220px;
}

	div#header a#box_logo
	{
		display: block;
		background-image: url('img/bkg_box_logo.png');
		width: 340px;
		height: 200px;
		position: absolute;
		left: -25px;
		top: 15px;
		float: left;
		text-decoration: none;
	}
	
	a#box_logo2
	{
		display: block;
		background-image: url('img/bkg_box_logo2.png');
		width: 319px;
		height: 250px;
		position: relative;
		text-decoration: none;
		margin:0 0 20px 0;
	}
	
	div#header div#box_latest
	{
		position: absolute;
		top: 15px;
		right: 0;
		background-image: url('img/bkg_box_latest.png');
		height: 200px;
		width: 615px;
		padding: 0 10px;
		overflow: hidden;
	}
	
div#content
{
	padding-top: 10px;
}

/* ------- TOP BOX */
div#header div#box_latest img.photo
{
	float: left;
	margin: 0 15px 0 0;
	border-right: 1px dotted #989898;
	padding: 0 5px 0 0;
}

div#header div#box_latest h2
{
	float: left;
	width: 620px;
	margin: 5px 0 0 0;
}

div#header div#box_latest p
{
	margin: 5px 0;
}

p.author
{
	color: #5B4666;
	font-size: 110%;
	font-style: italic;
	border-bottom: 1px dotted #989898;
	padding-bottom: 10px;
	margin: 0;
}

	p.author a
	{
		color: #5B4666;
	}

/* ------- COLONNE */

div.col
{
	width: 320px;
	float: left;
	background-repeat: no-repeat;
}

div.in
{
	padding: 10px 20px;
}

div#col1
{
	background-image: url('img/shadow_sx_col.png');
	background-position: 310px top;
}

div#col2
{
	background-image: url('img/shadow_sx_dx_col.png');
	background-position: 0 top;
}

div#col3
{
	background-image: url('img/shadow_dx_col.png');
	background-position: 0 top;
}

div.col_sx
{
	width: 640px;
	float: left;
}

div.col_dx
{
	width: 319px;
	float: right;
	border-left: 1px dotted #aaa;
}

/* ------- MENU CATEGORIE */

div#top a#rss
{
	float: right;
	padding: 0;
}

div#top
{
	position: relative;
}

div#top div#background-menu
{
	position: absolute;
	background-color: #fff;
	top: 0;
	left: 0;
	width: 100px;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	height: 30px;
	visibility: hidden;
}

div#top li
{
	list-style-type: none;
	float: left;
}

div#top a
{
	position: relative;
	display: block;
	line-height: 30px;
	float: left;
	padding: 0 10px;
	font-size: 90%;
	text-transform: uppercase;
	text-decoration: none;
	background-color: transparent;
	background-position: center top;
	background-repeat: repeat-x;
	margin-right: 1px;
	z-index: 10;
}


div#top li.current-cat a
{
	background-image: url('img/gradient_menu.png');
}


/* ------- POSTS */

div.post, div.single_post
{
	margin: 0 10px 10px 10px;
	clear: left;
	overflow: hidden;
	font-size: 100%;
}

div.post, div.single_post *
{
	line-height: 170%;
}

div.single_post p
{
	font-size: 110%;
	margin: 0 0 15px 10px;
	line-height: 140%;
}

div.single_post div.intro
{
	color: #606060;
	font-size: 95%;
	margin: 15px 0 50px 0;
	padding: 0 5px;
}

div.single_post div.intro img.photo
{
	float: left;
	margin: 0 25px 0 0;
	border: 1px solid #C49BCF;
	padding: 1px;
}

div.single_post h3
{
	margin: 0 10px;
}

div.post p
{
	margin: 5px 0;
}

div.post img
{
	float: left;
	margin: 5px 10px 0 0;
}

div.post h3
{
	background-image: url('img/gradient_title_post.png');
	background-position: 0 bottom;	
	background-repeat: repeat-x;
	padding: 0 5px;
	margin: 0;
}

div.post h3 a
{
	text-decoration: none;
	display: block;
	line-height: 160%;
	color: #37516F;
}

div.post h3 a:hover
{
	color: #826DAF;
}

div.post div.text
{
	padding: 5px 10px;
	line-height: 130%;
	margin-top: 1px;
	min-height: 100px;
	height: 160px;
	overflow: visible;
}

div.post div.text p.title a
{
	font-size: 110%;
	text-decoration: none;
}

div.post div.text *
{
	line-height: 130%;
}

img.aligncenter 
{
	display: block;
	margin: 0 auto;
	maxwidth: 570px;
}

img.alignleft
{
	float: left;
	margin: 0 10px 5px 0;
	maxwidth: 570px;
}

img.alignright
{
	float: right;
	margin: 0 0 5px 10px;
	maxwidth: 570px;
}

/* ------- LIST */

ul.focus_list
{
}

ul.focus_list li
{
	list-style-type: none;
	padding: 0;
	border-width: 1px 0;
	line-height: 26px;
	border-bottom: 1px dotted #AAAAAA;
}

ul.focus_list li img
{
	float: left;
}

ul.focus_list li a
{
	background-image: url('img/white_15.png');
	line-height: 235%;
	display: block;
	padding: 0 10px;
	color: #303030;
	text-decoration: none;
}

ul.focus_list li a:hover
{
	background-image: url('img/white_20.png');
	color: #37516F;	
}

/* ------- MENU */

div.menu h3
{
	float: left;
	padding: 0;
	margin: 0;
}

/* ------- BOX */

div#box
{
	background-image: url('img/gradient_bottom.png'); 
	padding: 20px 0; 
	height: 300px; 
	margin: 10px 0 0 0
}

div#box h4
{
	margin: 0;
}

div#box_comments
{
	border-top: 1px dotted #A199AF;
	padding-top: 25px;
}

/* ------- COMMENTS */

div#box_comments
{
	
}

div#box_comments textarea, div#box_comments input.text
{
	border: 1px solid #aaa;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding: 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

div#box_comments textarea
{
	width: 400px;
}

ol.commentlist
{
	margin-bottom: 20px;
}

ol.commentlist li
{
	margin-left: 35px;
	padding-top:10px;
	border-bottom: 1px dotted #A199AF;
}

ol.commentlist li img
{
	float: left;
	border: 1px solid #A199AF;
	padding: 1px;
	margin: 0 10px 10px 0;
}

ol.commentlist li p
{
	clear: left;
	margin: 0 0 10px 0;
}

/* ------- PAGE MENU */

ul.page_menu
{
	border-top: 1px dotted #aaa;
}

ul.page_menu li
{
	background-image: url('img/bkg_menu.png'); 
	background-position: 0 center;
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0;
	border-bottom: 1px dotted #aaa;
	padding: 5px 25px;
}

ul.page_menu li a
{
	display: block;
	color: #303030;
	text-decoration: none;
}

ul.page_menu li a:hover
{
	color: #37516F;
}

div.navigation
{
	padding: 10px 0;
	margin: 10px;
}

/* ------- MAGAZINE REQUEST */

input.text
{
	background-color: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	width: 250px;
}

a.ico
{
	opacity: 0.5;
	
}

a.ico:hover
{
	opacity: 1;
}

p#ok_action
{
	padding: 10px;
	border: 1px solid #fff;
	background-color: #5F376F;
	color: #fff;
	margin-bottom: 10px;
}

/* ------- PHOTO BOX */

div#photo_box
{
	float: left;
	width: 620px;
	border: 1px solid #fff;
	height: 230px;
	margin: 0 0 20px 10px;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

div#photo_box div.box
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 30px;
	width: 600px;
	background-image: url('img/black_50.png');
	color: #fff;
	padding: 10px;
}

div#photo_box div.box p
{
	line-height: 120%;
	margin: 0;
}

div#photo_box div.box p a
{
	color: #6FA5DF;
}

div#photo_box_left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 310px;
	height: 180px;
}

div#photo_box_right
{
	position: absolute;
	top: 0;
	right: 0;
	width: 310px;
	height: 180px;
}

div#photo_box_left:hover
{
	background-image: url('img/arrow_left.png');
	background-position: 0 center;
	background-repeat: no-repeat;
	cursor: pointer;
}

div#photo_box_right:hover
{
	background-image: url('img/arrow_right.png');
	background-position: right center;
	background-repeat: no-repeat;
	cursor: pointer;
}

div.single_post p.bookmarks
{
	padding: 20px 0;
	font-size: 90%;
}


/* ------- FOOTER */

div#footer
{
	padding: 10px 0;
	margin: 10px 20px;
	border-top: 1px dashed #E7E0EF;
	color: #606060;
}

div#footer p
{
	line-height: 30px;
}

div#footer p img
{
	float: left;
	margin: 0 10px 0 0;
}

.addthis
{
	background-image: url('img/white_15.png');
	margin: 20px 0;
	padding: 10px;
}

.addthis img, .addthis p, .addthis span
{
	float: left;
	line-height: 32px;
}

div.single_post .addthis p
{
	margin: 0;
	line-height: 32px;
	margin: 0 10px;
}

div.single_post

.addthis img:hover
{
	opacity: 0.75;
}

.author_photo
{
	background-image: url('img/white_15.png');
	margin: 20px 0;
	padding: 10px;
}

	.author_photo img
	{
		float: left;
		margin: 0 10px 0 0;
	}
	
	div.single_post div.author_photo p
	{
		margin: 0;
		color: #606060;
		font-size: 95%;
		line-height: 150%;
		margin-left: 160px;
	}

.contactform {}
.contactform label
{
	display: block
}
.contactform input, .contactform textarea 
{
	padding: 3px;
	border-width: 0;
	background-image: url('img/white_40.png');
	background-color: transparent;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 580px;
}

.contactform input[type="submit"]
{
	display: block;
	clear: left;
	margin-bottom: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: auto;
	background-image: url('img/white_60.png');
}

.contactform input:focus, .contactform textarea:focus 
{
	background-image: url('img/white_60.png');
}

#box_search
{
	width: 260px;
	height: 26px;
	background: transparent url('img/box_search.png') no-repeat scroll 0 0;
	padding: 17px 10px;
	margin: 0 0 25px 0;
}

#box_search input[type="text"]
{
	width: auto;
	border-width: 0;
	width: 170px;
	margin: 0 5px 0 0;
	background: transparent url('img/white_50.png') repeat scroll 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#box_search input[type="submit"]
{
	padding: 0 10px;
}

ul.list_archives li
{
	list-style-type: none;
	line-height: 20px;
}

ul.list_archives li ul.xoxo li, ul.archives li
{
	list-style-type: decimal;
	margin: 0 0 0 15px;
}

.contactform_respons {}
.contactform_error {}
.widget .contactform { /* same fields but in sidebar */ }