/*
Theme Name: Hauteurs ludiques
Theme URI: http://maxprod.fr
Description: thème de Max Valembois.
Version: 1.0
Author: Max Valembois
 
Hauteurs Ludiques by Max Valembois || http://maxprod.Fr
 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: square;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/*_____________________________________________________________________________*/




a {
	color: #279ac4;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color:#6d8824;
	text-decoration: underline;
}

body {
font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
font-size: 1em;
text-align: left;
background: url(img/test.png)  #c0c0c0;
color: #006699;
margin: 0;
}

#page {
margin: 0px auto 20px auto;
padding:20px 0;
width: 1100px;
/*background:url(img/background.gif) no-repeat #88979a;*/
}



#header {
font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
float: left;
background: url(img/logo.png) 30px no-repeat;
width: 950px;
height: 212px;
margin-left:75px;
padding: 0 0 0 0;
cursor: pointer;
margin-bottom:-150px;
}
#header h1 {
padding: 0 20px 0 0;
font-size: 2em;
text-align: center;
color: #000000;
display:none;
} 
#header p {
padding: 0 20px 0 0;
font-size: 1em;
text-align: center;
color: #000000;
display:none;
}



#supercontent {
	margin: 0px auto 0px auto;
	padding-top:10px;
	clear:both;
	width: 950px;
	background:#242424;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}



#arrondis{
	width: 903px;
	height: 21px;
	background: url(img/arrondis.png) no-repeat;
}

/* la largeur de content + sidebar = celle de page*/
#content {
	float:left;
}
#content h2 {
font-size: 1.3em;
color:#E67105;
  font-family: 'Cabin', serif;

}
#content h2 a{
font-size: 1em;
color:#000;
margin-bottom:20px !important;
}
.postmetadata {
	float:right;
	font-size: 0.8em;
	color: #999;
	text-align:right;
	margin: 5px 10px 0 0 !important;
}
.post_title{
	margin-bottom:20px;
}
.post_title a{
	color:#c0c0c0;
}
.post_content {
	font-size: 1em;
	color: #000;
	margin-left: -10px;
	padding-left: 7px;
	padding-bottom:5px;	
}
.post_odd{
	background: url(img/fondarticle-1.png) repeat-y;
	width:768px;
	clear:both;
}
.post_even{
	background: url(img/fondarticle-2.png) repeat-y;
	width:768px;
}

.post_content_wrapper { 
	float:right;
	width:532px;
	padding:50px 15px;
	margin:0px 10px -1px 10px;
	border-bottom:1px solid #737373; 
	min-height: 180px;
}
.post_meta_odd, .post_meta_even  { 
	color:#7f8c8f;
	float:left; 
	display:inline; 
	width:156px; 
	padding:0 15px; 
	margin:50px 0 0 0;text-align:right;
	font-size:0.9em;
}
.post_meta_odd a ,.post_meta_even a {
	color:#7f8c8f;
}
.content_noside {
	min-height:18px;
	float:right;
	width:100px;
	padding:3px; 
}
.post_titre_odd {
	color: #00fd53 ;
	font-size:1.3em !important;
}
.post_titre_even {
	color: #00cefd ;
	font-size:1.3em !important;
}

.clear{
	height:1px;
	margin-top:-1px;
	background:url(img/barre.gif) no-repeat;
}
.post {
}

.miniatures {
	float:right;
	margin :10px !important; 
	cursor: pointer;
}
.navigation, .navigation a{
	color:#ccc;
	font-size: 0.9em;
	float:right;
}


/*--------------------------------------------sidebar---------------*/
.sidebar{
	background: white;
	float: right;
	margin-right: 47px;
	padding: 5px 5px 20px 5px;
	width: 120px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	border-bottom-right-radius: 20px;
	font-size:0.8em;
	color:#242424;
	text-align:center;
}
.sidebar a {
	color:#242424;
}
.sidebar li{
	margin:6px 0;
	list-style: none outside none;
}
.sidebar h2{
	background:#c0c0c0;
	text-align:center;
	margin:10px 0 5px 0;
	font-size:1.1em;
	padding: 1px 0px;
}




#footer {
font-size: 0.8em;
background:url(img/footer.png) right no-repeat;
padding:0 10px;
clear: both;
width: 960px;
height:30px;
}
#footer p{
	text-align: right;
	color: #7f8c8f;
	font-size: 1em;
	margin-right:30px;
}
.rss a{
	color:7f8c8f;
	float:left;
	margin-left:-30px;
	margin-top:-28px;
}






/*commentaires*/
.comments-template{
	margin: 30px 0 0 0;
	padding-top:20px;
	border-top: solid 4px #242424;
}
 
.comments-template ol{
	margin: 10px;
	padding: 0 0 0 15px;
	list-style: none;
}
 
.comments-template ol p{
	font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
	font-size: 0.9em;
}
 
.comments-template ol li{
	margin: 10px 0 0 0;
	line-height: 15px;
	padding: 0 0 10px;
}
 
.comments-template h2, .comments-template h3{
	font-size: 1.2em;
}
 
.commentmetadata{
	font-size: 0.9em;
}
 
.comments-template p.nocomments{
	padding: 0;
}
 
.comments-template textarea{
        width : 500px;
	font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;
	font-size: 0.9em;
}
 
.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	margin: 22px 10px 0px 210px;
	display:block;
	height:70px;
	}

#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 0px;
}

#access .menu-header ul,
div.menu ul {
        padding: 0px;
	list-style: none;
	margin: 0 ;
}
#access .menu-header li,
div.menu li {
	margin-bottom: 6px;
	float:left;
	position: relative;
}

/* titres principaux */

#access a {
	height:20px;
	font-family:"Franklin Gothic","Arial narrow",Arial;
	display:block;
	text-decoration:none;
        text-transform:uppercase;
	color:#242424;
	padding:8px 10px 6px;
	margin-right:16px;
        font-weight:bold;
        
	font-size: 17px;
	background:#ffffff;
	border-radius:24px;
	-moz-border-radius: 24px;
	-webkit-border-radius:24px;
	-khtml-border-radius: 24px;
}
.current_page_item a{
	background:#ccc !important;
        }
#access ul ul a {
	color:#242424;
}
#access ul ul {
	display:none;
	position:absolute;
	top:28px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	/*width: 180px;*/
	z-index: 99999;
}
#access ul ul li {
	/*min-width: 180px;*/	
}
html #access ul ul li {
	/*width: 180px;	*/
}
html #access ul ul li a {
	/*width: 180px;	*/
}
#access ul ul ul {
	left:100%;
	top:0;
}

/* sous menu non survolé*/
#access ul ul a {
	font-size:13px;
	background:#fff;
	height:auto;
	padding:6px 10px;
	/*width: 180px;*/
}

#access ul ul ul a {
	background:#fff;
	font-size:11px;
	width: 160px;
	padding:4px 10px;
	border-left: 1px solid #fff;
}
#access li:hover > a,
#access ul ul :hover > a {
	color:#fff;
	background:#fd8900 !important;
}
#access ul li:hover > ul {
	display:block;
}

/*
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	background:#b4a232;
	color: #fff;
}
#access ul ul li.current_page_item > a,
#access ul ul li.current-menu-ancestor > a,
#access ul ul li.current-menu-item > a,
#access ul ul li.current-menu-parent > a {
	background:#b4a232;
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color:#fff;
}

*/

.post p {
	font-size: 0.9em;
	padding:6px 0;
	line-height:1.5;
}
.post li{
	line-height:1.5;
	font-size: 0.9em;	
	margin:9px 0 9px 30px !important;
}
.post h1{
	background: #242424;
	color: #C0C0C0;
	font-size: 1.3em;
	margin: 6px 0px;
	padding: 6px;
}
.post h2{
	font-size: 1.0em !important;
	margin-top:12px;
	color:#000 !important;
}
.post h3{
	font-size: 0.9em;
	margin-top:12px;
	border-top: 4px solid silver;
	border-left: 4px solid silver;
	padding: 6px 3px;
}
.post h4{
	
}
.post h5{
	
}
.post h6{
	
}
a.more-link {
    background: #666;
    clear: both;
    color: #c0c0c0;
    display: block;
    margin: 15px 0 0;
    padding: 4px !important;
	text-align:right;
}
.lire-la-suite-odd{
	width:40px;
	height:18px;
	background: url(img/nxt.png) no-repeat;
}
.lire-la-suite-even{
	width:40px;
	height:18px;
	background: url(img/nxt2.png) no-repeat;
}
.plus{
	background: #FD8900;
	min-height: 200px;
	width: 250px;
	padding: 5px;
}
.moins{
	background: #02A7D0;
	float: right;
	min-height: 200px;
	width: 250px;
	padding: 5px;
}
/*--------------------------------------------------------------------carte---------------*/
.carte{
	background: #c0C0C0;
border: 8px solid black;
border-bottom-left-radius: 15px 15px;
border-bottom-right-radius: 15px 15px;
border-top-left-radius: 15px 15px;
border-top-right-radius: 15px 15px;
width: 230px;
float:right;
margin:0 125px 10px 0;
}
.carteb1{
	border: 8px solid #fd8900;
border-bottom-left-radius: 6px 6px;
border-bottom-right-radius: 6px 6px;
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
}
.carteb2{
	background: #349;
}
.carte img{
	border-top : 2px solid #000;
	border-bottom : 2px solid #000;
	margin:-4px 0 0 0;
}
.carte p {margin:4px 0;padding:0;font-size:12px;}
.carte a {color:#242424}
.carte h1 {padding:2px; font-size:14px;}
.carte li,.carte ul {padding-top:0 ;padding-bottom:8px;margin:0 !important;font-size:10px;list-style:none;}
.carte ul{padding-left:5px;}
.edit{	float: left;
	padding-left: 12px;
	width: 94px;}
.carte-bordure{border-left:2px solid #000;}
.hcart{padding:0 10px;}