/*
Theme Name: Ski-Express Blog
Theme URI: http://www.ski-express.com/blog/FR/
Description: Template SKI-Express version 1.0
Version: 1.0
Author: Bertrand LeBossé
Tags: ski-express, 2 colonnes, moteur ski
*/
/* RESET */
body, div, h1, h2, h3, h4, h5, h6, p, ul, li, a, form {
	margin : 0 ;
	padding : 0 ;
}
a {
	color : #32a0be ;
}
img {
	border : none ;
}
/* STRUCTURE */
body {
	margin : 0 auto ;
	background-color : #DDD ;
}
#page {
	width : 960px ;
	margin : 0 auto ;
	background : transparent url(images/body_bg.png) repeat-y center top ;
	text-align : center ;
}
#page_top {
	width : 960px ;
	height : 40px ;
	margin : 0 auto ;
	background : transparent url(images/page_top.png) no-repeat center top ;
}
#page_bot {
	width : 960px ;
	height : 40px ;
	margin : 0 auto ;
	background : transparent url(images/page_bot.png) no-repeat center top ;
}
/*HEADER*/
#header {
	position : relative ;
	margin : 0 auto ;
	width : 860px ;
	height : 140px ;
	background : transparent url(images/header_bg.png) no-repeat center top ;
}
#header h1.titre {
	position : absolute ;
	color : #32a0be ;
	font : Normal 0.7em Arial Rounded MT Bold ;
	left : 650px ;
	top : 10px ;
}
#logo-header {
	position : absolute ;
	top : 20px ;
	left : 20px ;
}
h1.titre a {
	text-decoration : none ;
	text-transform : uppercase ;
}
h1.titre a span {
	color : #666 ;
}
#header p.description {
	position : absolute ;
	left : 20px ;
	top : 105px ;
	width : 170px ;
	font : Normal 0.6em/1em Arial Rounded MT Bold ;
	color : #FFF ;
	text-align : left ;
	text-transform : uppercase ;
}
#header ul.summary {
	position : absolute ;
	list-style-type : none ;
	top : 60px ;
	left : 440px ;
}
ul.summary li {
	float : left ;
	display : block ;
	width : 89px ;
	text-align : center ;
}
.item-location {
	background : transparent url(images/ico-location.png) no-repeat center top ;
}
.item-hotel {
	background : transparent url(images/ico-hotel.png) no-repeat center top ;
}
.item-package {
	background : transparent url(images/ico-package.png) no-repeat center top ;
}
.item-ski {
	background : transparent url(images/ico-ski.png) no-repeat center top ;
}
ul.summary li a {
	display : block ;
	text-decoration : none ;
	font : Normal 0.6em/1em Arial Rounded MT Bold ;
	color : #FFF ;
	padding-top : 60px ;
}
ul.summary li a:hover {
	text-decoration : underline ;
}
/* CONTENT */
div#content {
	float : left ;
	width : 495px ;
	text-align : left ;
	margin-left : 70px ;
	margin-top : 20px ;
}
/* ARTICLE */
div.post {
	width : 495px ;
}
h2.post_title{
	font : Normal 1.5em/1.5em Arial Rounded MT Bold ;
}
h2.post_title a {
	text-decoration : none ;
}
h2.post_title a:hover {
	text-decoration : underline ;
}
div.post_content {
	display : block ;
	float : right ;
	width : 270px ;
	margin-top : 0.4em ;
	font : Normal 0.7em/1.1em Helvetica, Arial ;
	color : #666 ;
}
.post_content p {
	text-align : justify ;
}
.post_content p:first-letter {
	font : Bold 1.5em Helvetica, Arial ;
	float  : left ;
}
.post_content h3 {
	font : Bold 1.1em/1.1em Helvetica, Arial ;
	color : #333 ;
	margin-top : 1.5em ;
	margin-bottom : 0.5em ;
}
.post_date {
	font : Normal 0.7em/0.7em Helvetica, Arial ;
	color : #999 ;
	margin-bottom : 0.5em ;
	padding-left : 0.2em ;
}
.post_date a {
	color : #32a0be ;
}
.content_comment {
	color : #06C ;
	background : transparent url(images/ico-comment.png) no-repeat left center ;
	line-height : 14px ;
	padding-left : 22px ;
	margin : 0 3px ;
}
.media_content {
	float : left ;
	padding : 2px ;
	width : 208px ;
	margin-top : 0.5em ;
}
.photo_content {
	padding : 2px ;
	background-color : #CCC ;
}
.photo_content img {
	border : solid 2px #FFF ; ;
}
.post_tag {
	font : Normal 0.7em/1.2em Helvetica, Arial ;
	color : #999 ;
	padding-top : 10px ;
}
.post_tag a {
	color : #32a0be ;
	text-decoration : none ;
}
.post_tag a:hover {
	text-decoration : underline ;
}
.post_offre {
	font : Normal 0.7em/1.2em Helvetica, Arial ;
	color : #666 ;
	padding-top : 30px ;
}
.post_offre a {
	color : #F63;
	font-weight : bold ;
}
.separator {
	background : transparent url(images/separator.png) repeat-x left center ;
	clear : both ;
	font-size : 0.1em ;
	height : 30px ;
	overflow : hidden ;
	margin : 0 0 15px 0 ;	
}
.suite {
	color : #F30 ;
}
/* SIDE BAR */
#sideBar {
	float : right ;
	margin-right : 50px ;
	margin-top : 20px ;
	width : 300px ;
}
div.box_menu {
	margin-top : 20px ;
	background-image : url(images/menu_bg.png) ;
	background-position : left center ;
	background-repeat : repeat-y ;
	text-align : left ;
}
.box_top {
	background : transparent url(images/menu_top.png) no-repeat left top ;
	height : 9px ;
}
.box_bot {
	background : transparent url(images/menu_bot.png) no-repeat left bottom ;
	height : 9px ;
}
.box_menu h2 {
	font : Normal 0.8em/1.0em Arial Rounded MT Bold ;
	color : #666 ;
	text-transform : uppercase ;
	margin : 10px 10px 0 20px ;
}
.box_menu ul {
	margin : 7px 0 15px 20px ;
	list-style-type : none ;
}
.box_menu ul li {
	font : Normal 0.8em/1.2em Helvetica, Arial ;
	color : #666 ;
	margin-right : 10px;
	height : 1.3em ;
}
.box_menu ul li a {
	color : #32a0be ;
	text-decoration : none ;
}
.box_menu ul li a:hover {
	text-decoration : underline ;
}
ul.archive li a {
	color : #666 ;
	padding-left : 12px ;
	background-image :  url(images/arrow.png)  ;
	background-position :  left center ;
	background-repeat :  no-repeat ;
}
.tag {
	padding : 0 20px 20px 20px ;
	color : #32a0be ;
	text-decoration : none ;
	font-family : Helvetica, Arial ;
	font-weight : Bold ;
}
.tag a {
	text-decoration : none ;
	padding : 0 3px ;
}
.tag a:hover {
	text-decoration : none ;
	background : #32a0be ;
	color : #FFF ;
}
/* FOOTER */
div#footer {
	width : 860px ;
	height : 60px ;
	margin : 20px auto 0 auto ;
	background : transparent url(images/footer_bg.png) no-repeat left top ;
}
.footer_link {
	font : Normal 0.7em/1.2em Helvetica, Arial ;
	color : #FFF ;
	padding-top : 0.7em ;
}
.footer_link a {
	font-weight : bold ;
	color : #FFF ;
}
.footer_info {
	font : Normal 0.7em/1.2em Helvetica, Arial ;
	color : #20444d ;
	padding-top : 1.5em ;
}
/* COMMENTAIRES */
.cadre_commentaires {
	margin : 20px 0 10px 0 ;
	padding : 10px 10px 0 10px ;
	background : #e9f1f4 ;
	border : 1px solid #32a0be ;
}
#comments, #respond {
	margin : 0 ;
	padding : 0 ;
	font : Normal 1.0em/1.0em Arial Rounded MT Bold ;
	color : #32a0be ;
}
.commentlist {
	font : Normal 0.7em/1.2em Helvetica, Arial ;
	padding : 0 15px 0 30px ;
	margin : 10px 0 ;
}
.commentmetadata {
	color : #666 ;
	background : #e9f1f4 ;
}
.commentlist li p {
	font : Italic 1.0em/1.2em Helvetica, Arial ;
	padding : 5px 0 10px 0 ;
	color : #000 ;
}
#form_comment {
	margin : 0 0 20px 0 ;
}
#form_comment p {
	font : Normal 0.7em/1.2em Helvetica, Arial ;
}
#comment {
	width : 100%; 
	height : 80px ;
	border : 1px solid #32a0be ;
	margin : 10px 0 5px 0 ;
}
#author, #email, #url {
	width : 50%; 
	height : 19px ;
	border :1px solid #32a0be ;
	margin : 10px 0 5px 0 ;
}
#form_comment form label {
	padding-left : 10px ;
}
#submit {
	width : 100% ; 
	height : 24px ;
	border :1px solid #20444d ;
	margin : 10px 0 ;
	background : #F63 ;
	font : Bold 1.1em/1.2em Helvetica, Arial ;
	color : #FFF ;
}
/* ALIGNEMENT */
.clear {
	clear : both ;
	font-size : 0.1em ;
	height : 1px ;
	overflow : hidden ;	
}