/*
Theme Name: Mobil Home Express FR
Theme URI: http://blog.mobilhome-express.fr
Description: Template Mobil Home Express version 1.0
Version: 1.0
Author: Bertrand LeBossé
Tags: Mobil Home Express, moteur vacances Mobil home
*/
/* RESET */
body, div, h1, h2, h3, h4, h5, h6, p, ul, li, a, form {
	margin : 0 ;
	padding : 0 ;
}
a {
	color : #058681 ;
}
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 ;
	font : Bold 0.7em Helvetica, Arial ;
	right : 80px ;
	top : 10px ;
}
#logo-header {
	position : absolute ;
	top : 20px ;
	left : 20px ;
}
h1.titre a {
	text-decoration : none ;
	text-transform : uppercase ;
	color : #fff ;
}
h1.titre a span {
	color : #058681 ;
}
#header p.description {
	position : absolute ;
	left : 20px ;
	top : 105px ;
	width : 160px ;
	font : Bold 0.7em/1.2em Helvetica, Arial ;
	color : #FFF ;
	text-align : left ;
	text-transform : uppercase ;
}
#header ul.summary {
	position : absolute ;
	list-style-type : none ;
	top : 60px ;
	right : 60px ;
}
ul.summary li {
	float : left ;
	display : block ;
	width : 89px ;
	text-align : center ;
}
.item-club {
	background : transparent url(images/ico-club.png) no-repeat center top ;
}
.item-location {
	background : transparent url(images/ico-location.png) no-repeat center top ;
}
.item-mobil-home {
	background : transparent url(images/ico-mobil-home.png) no-repeat center top ;
}
.item-sejour {
	background : transparent url(images/ico-sejour.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 : Bold 0.7em/1em Helvetica, Arial ;
	color : #fff ;
	padding-top : 60px ;
}
ul.summary li span {
	display : block ;
	text-decoration : none ;
	font : Bold 0.7em/1em Helvetica, Arial ;
	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 : Bold 1.5em/1.5em Helvetica, Arial ;
}
h2.post_title a {
	text-decoration : none ;
	color : #058681 ;
}
h2.post_title a:hover {
	text-decoration : underline ;
}
div.post_content {
	display : block ;
	float : right ;
	width : 310px ;
	margin-top : 0.4em ;
	font : Normal 0.7em/1.2em Helvetica, Arial  ;
	color : #666 ;
}
.post_content p {
	text-align : justify ;
}

.post_content h3 {
	font : Bold 1.1em/1.1em Helvetica, Arial  ;
	color : #333 ;
	margin-top : 1em ;
	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 : #06c ;
}
.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 : 168px ;
	margin-top : 0.5em ;
}
.photo_content {
	padding : 2px ;
	background-color : #ddd ;
}
.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 : #06c ;
	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 bottom ;
	clear : both ;
	font-size : 0.1em ;
	height : 30px ;
	overflow : hidden ;
	margin : 0 0 10px 0 ;	
}
.suite {
	font : Bold 1em/1.2em Helvetica, Arial ;
	color : #67d9d0 ;
}
/* 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 : Bold 0.8em/1.0em Helvetica, Arial ;
	color : #fff ;
	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 : Bold 0.8em/1.2em Helvetica, Arial  ;
}
.box_menu ul li a {
	color : #058681 ;
	text-decoration : none ;
}
.box_menu ul li a:hover {
	text-decoration : underline ;
}
ul.children li, ul.archive li {
	font-size : 0.95em  ;
	height : 15px ;
}
ul.archive li a, ul.children li a {
	color : #fff ;
	font-weight : Normal ;
	padding-left : 12px ;
	background-image :  url(images/arrow.png)  ;
	background-position :  left center ;
	background-repeat :  no-repeat ;
}
ul.archive li a {
	font-size : 0.8em  ;
}
.tag {
	padding : 0 20px 20px 20px ;
	color : #06c ;
	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 : #06c ;
	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 : #000 ;
	padding-top : 1.5em ;
}
/* COMMENTAIRES */
.cadre_commentaires {
	margin : 20px 0 10px 0 ;
	padding : 10px 10px 0 10px ;
	background : #eee ;
	border : 1px solid #ccc ;
}
#comments, #respond {
	margin : 0 ;
	padding : 0 ;
	font : Normal 1.0em/1.0em Helvetica, Arial ;
	color : #333 ;
}
.commentlist {
	font : Normal 0.7em/1.2em Helvetica, Arial  ;
	padding : 0 15px 0 30px ;
	margin : 10px 0 ;
}
.commentmetadata {
	color : #666 ;
	background : #eee ;
}
.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 #ccc ;
	margin : 10px 0 5px 0 ;
}
#author, #email, #url {
	width : 50%; 
	height : 19px ;
	border :1px solid #ccc ;
	margin : 10px 0 5px 0 ;
}
#form_comment form label {
	padding-left : 10px ;
}
#submit {
	width : 140px ; 
	border :1px solid #ccc ;
	margin : 10px 0 ;
	background : #f60 ;
	font : Bold 1.1em Helvetica, Arial  ;
	color : #FFF ;
	text-transform : uppercase ;
}
/* ALIGNEMENT */
.clear {
	clear : both ;
	font-size : 0.1em ;
	height : 1px ;
	overflow : hidden ;	
}

/* MOTEUR */
div#moteur { 
	position : relative ; 
	display : block ; 
	width : 300px ; 
	height : 260px ; 
	margin : 0 ; 
	padding : 0 ; 
	font : Normal 12px/15px Helvetica, Arial, sans-serif ;
	overflow : hidden ;
	background : #ccc ;
}
#moteur div.fond {
	position : absolute ; 
	display : block ; 
	width : 298px ; 
	height : 258px ;
	top : 1px ;
	left : 1px ; 
	background : #058681 ;
}
#moteur div.fond h2 { 
	margin : 2px 0 0 5px ;
	height : 14px ;
	padding : 0 ; 
	font : Bold 10px/14px Helvetica, Arial, sans-serif ; 
	text-transform : uppercase ;
	text-align : left ;
	color : #FFF ;
}
/* ONGLETS */
div.tiroir_moteur { 
	margin : 0 ; 
	padding : 0 ;
}
#o_8 { 
	margin : 0 ;
	padding : 0 ;
	text-indent : 5px ;
	font : Bold 16px Arial ;
	color : #67d9d0 ;
	text-align : left ;
}
/* FORMULAIRE */
#moteur div.fond form { 
	position : absolute ; 
	display : block ; 
	top : 37px ; 
	width : 292px ; 
	height : 218px ; 
	left : 3px ; 
	margin : 0 ; 
	padding : 0 ; 
	background : transparent url(images/moteur_bg.png) repeat-x ; 
}
#moteur div.fond form  fieldset  { 
	border : none ;
	height : 203px ; 
	margin : 0 ;
	border : 1px solid #ccc ; 
	padding : 13px 0 0 2px ;
}
#moteur div.fond form label { 
	display : none ; 
}
.champform { 
	width : 252px ;
	height : 20px ;
	color : #301910 ; 
	border : 1px solid #ccc ; 
	font : Normal 11px/15px Helvetica, Arial, sans-serif ;
	margin : 0 0 7px 0 ;
}
/*BOUTON*/
.valider { 
	position : absolute ; 
	top : 180px ; 
	text-align : center ; 
	right : 20px ; 
	width : 118px ; 
	height : 28px ; 
	margin : 0 ; 
	padding : 0 ; 
	background : transparent url(images/btn.png) no-repeat ; 
}
.valider span { 
	font : Bold 13px/24px Helvetica, Arial, sans-serif ; 
	color : #FFF ; 
	text-decoration : none ;
	text-transform : uppercase ;
}
.valider button { 
	border : none ; 
	background : transparent ; 
}
.valider a { 
	text-decoration : none ; 
	color: #FFF ;
}
/* COUPS DE COEUR */
div.content_cc {
	background : #eee ; 
	margin-top : 20px ; 
 	padding-top : 5px ;
}
.content_cc h3 {
 	margin : 0 ;
 	text-align : center ;
 	padding : 0 ;
	font : Bold 0.75em/2.2em Arial ;
	color : #999 ;
	text-transform : uppercase ;
}
div.cc {
	width : 140px ;
 	margin : 0 0px 5px 5px ;
 	text-align : center ;
 	background : #fff ;
 	padding : 7px 0 5px 0 ;
 	border : 1px solid #ccc ;
	float : left ;
}
div.cc img {
	padding : 3px;
	border : 2px #eee solid ;
	background : #fff ;
}
div.cc h4 {
	margin : 0 ;
	padding : 0 ;
	font : Bold 0.7em/1.7em Arial ;
	color : #058681 ;
	height : 20px ;
	
}
div.cc p {
	margin : 0 ;
	padding : 0 15px ;
	color : #666 ;
	font : Normal 0.7em/1.2em Arial ;
	height : 55px ;
	overflow : hidden ;
	display : block ;
}
div.cc div {
	margin : 5px 0 ;
	padding : 0 ;
	color : #666 ;
	height : 45px ;
}
div.cc div a {
	font : Bold 0.75em/1em Arial ;
	color : #06c ;
	text-decoration : none ;
}
div.cc div a:hover {
	text-decoration : underline ;
}