/*
Theme Name: Thème "enjoy"
Theme URI: http://www.pixenjoy.com
Description: Thème pour Wordpress à partir de la version 2.3
Version: version 1.0,
Author: Gilles Vauvarin, www.pixenjoy.com

Thème gratuit sous licence CC 3.0
Merci de garder les références et les liens vers www.pixenjoy.com
*/


/* --------------------------------------------*/ 
/* ---------- TABLE DES MATIERES -----------*/ 
/* ------------------------------------------*/ 
/*  
	- Informations
	- Pense bête couleurs
	- Balises <HTML>
	- .Container
		- header
		- wrap
			- mainColumn
			- subColumn
		- footer
*/


/* ---------- Informations -----------*/ 
/*  
	> Les propriétés sont rangées par ordre alphabétique.

*/
/* ---------- Pense bête couleurs -----------*/ 
/*  
	gris foncé (slogan) : 	#333
	gris moyen (les menus) : 	#4d4d4d
	gris moyen clair (texte footer) : 	#b3b3b3
	gris clair (fond footer) : 	#f9f9f9
	bleu (data : date, rubrique) : #216778
	vert foncé (titre h1) :		#667820
	rouge (liens) : #c60000

*/

/* ---------- Balises <HTML> ----------*/ 
html {
	background: #f8f8ff url("img/cartoon/bg_main.png") repeat-x;
}

body  {	
	background: url("img/cartoon/bg_header.png") no-repeat top center !important;
	margin:0 !important;
}

body a {
	color:#c60000;
	text-decoration:none;
}

body a:hover {
	color:#c60000;
	text-decoration:underline;
}

body input, body textarea {
	background:#fff;
	border: 1px #d4d4d4 solid;
	color:#5d5d5d;
}

body textarea {
	width:370px;
}

body ol {
	margin:0;
}

.float {
	float:left;
	padding:0 30px 0 0;
}

.chapeau {
	color:#b3b3b3;
	font-weight:bold;
}

.wp-smiley {
	float:none;
	margin:0 2px 0 2px;
}

.codeSource {
	background:#f9f9f9;
	border: 1px #d4d4d4 solid;
	color:#b3b3b3;
	font-family:Courier;
	font-size:1em;
}

.fichiers li {
	font-family:Courier New;
}

/* ---------- class et id du Blog -----------*/ 

.wrap {
	background-color:#fff;
	border: 1px solid #eaeaea;
	margin-top:15px;
	padding:30px 0 0 0;
}

/* --- header ---*/

.container {

}

/* Menu dynamique CSS + JQuery */
.header_mainMenu {
			font-size: 1.7em;
            height: 50px;
			overflow: hidden;
			padding: 0 0 30px 0;
			position: relative;
			width: 430px;
        }
                .header_mainMenu li {
                    float: left;
                    list-style: none;
                }
                    .header_mainMenu li.back {
                    	background: url("img/cartoon/mainMenu_arrow-trans.png") no-repeat 50%;
                        height: 45px;
                        position: absolute;
						width: 9px;
						z-index: 8;
                    }
                    .header_mainMenu li a {
                    	color: #fff;
						display: block;
						float: left;
						height: 30px;
                        letter-spacing: 0;
 						margin: auto 10px;
                        outline: none;
						overflow: hidden;
						position: relative;
						text-align: center;
						text-decoration: none;
                        top: 7px;
                        z-index: 10; 
                    }   
                        .header_mainMenu li a:hover, .header_mainMenu li a:active, .header_mainMenu li a:visited {
                            border: none;
                        }  
						ul.header_mainMenu li a:hover {
                            color:#bdf9ff;
							text-decoration:none;
                        }         


.header_slogan h1 {
	color:#879d2f;
	font-family: Georgia, Times, sans-serif; 
	font-size: 2.5em;
	line-height: 1;
	padding: 85px 0 0 0;
}

.header_rss {
	padding: 130px 0 0 30px;
}

.header_search {
	color:#b3b3b3;
	padding: 115px 0 0 30px;
}

/* --- mainColumn ---*/

.mainColumn h1 {
	color:#4d4d4d;
	font-size: 2.3em;
	font-weight:bold;
	line-height: 1;
	margin:0;
}

.mainColumn h1>a {
	color:#667820;
}

.mainColumn h1>a:hover {
	color:#c60000;
}

.mainColumn h2 {
	color:#4d4d4d;
	font-size: 1.4em;
	font-weight:bold;
	line-height: 2.5;
	margin:0;
}

.mainColumn h3 {
	color:#4d4d4d;
	font-size: 1.2em;
	line-height: 2.5;
	margin:0;
}


.mainColumn hr {
	border: 0;
	height: 1px;
	margin:0 0 20px 0;
	padding:0;
}

.mainColumn ul, li {
	list-style:none;
	margin:0;
	padding:0;
}

.mainColumn ul {
	padding:0 0 20px 0;
}

.mainColumn_article_data {
	color:#216778;
	font-size: 1.3em;
	line-height: 1.2;
	margin:0 0 14px 0;
}

.mainColumn_article_data a {
	color:#216778;
}

.mainColumn_article_data a:hover {
	color:#c60000;
}

.mainColumn_article_texte {
	font-size: 1.4em;
}

.mainColumn_article_vignette_img {
	border:1px #e8e8e8 solid;
}

.mainColumn_article_next {
	font-weight:bold;
}

h1.mainColumn_article_prev {
	clear:both;
	font-size: 1.4em;
	padding:12px 0 35px 0;
}
	
.mainColumn_article_prev_data li {
	font-size: 1.1em;
}

.mainColumn_article_prev_data li>a {
	color:#4d4d4d;
}

.mainColumn_article_prev_data li>a:hover {
	color:#c60000;
}
	
.mainColumn_article_prev_data_date {
	color:#216778;
}

.mainColumn_article_prev_texte h1 {
	font-size: 1.4em;
	line-height:1.2;
}

.mainColumn_article_prev_texte {
	color:#4d4d4d;
}

.mainColumn_article_prev_texte p {
	font-size: 1.15em;
}
.mainColumn_comment {
	color:#5d5d5d;
	padding-top:50px;
}

.mainColumn_comment li {
	border-bottom:1px #d4d4d4 solid;
	font-size:1.15em;
	list-style: none;
	padding:15px 15px 0 15px;
}

.mainColumn_comment_parent  {
    position:relative;
	z-index:1;
}

.mainColumn_comment_parent span  {
    color:#b3b3b3;
}

.mainColumn_comment_texte  {
    position:relative;
	left:160px;
	top:-40px;
	width:420px;
	z-index:2;
}

li.mainColumn_comment_other  {
    background: #fbfbfb;
}

li.mainColumn_comment_author  {
    background: #F0F4E1;
}

.mainColumn_commentForm {
	font-size:1.15em;
	padding:40px 0 0 0;
}

.mainColumn_commentForm_input p {
	padding:6px 0 0 0;
}

.mainColumn_comment_button input {
	background:#ff9853;
	color:#fff;
}

.mainColumn_page p, .mainColumn_page li,  ma.mainColumn_page li>a {
	font-size: 1.4em;
}

.mainColumn_page h1 {
	color:#667820;
	padding:0 0 13px 0;
}

.mainColumn_page h2 {
	font-size:1.9em;
}

.mainColumn_page h3 {
	font-size:1.7em;
}


/* --- subColumn ---*/


/* Menu dynamique CSS + JQuery */
.subColumn_subMenu {
			font-size: 1.4em;
            height: 50px;
			margin:0;
			overflow: hidden;
			padding: 0 0 7px 0;
			position: relative;
            width: 235px;
        }
                .subColumn_subMenu li {
                    float: left;
                    list-style: none;
                }
                    .subColumn_subMenu li.back {
                    	background: url("img/subMenu_arrow-trans.png") no-repeat 38%;
                        height: 75px;
                        position: absolute;
						width: 9px;
						z-index: 8;
                    }
                    .subColumn_subMenu li a {         
                        color: #4d4d4d;
                        display: block;
                        float: left;
                        height: 30px;
						margin: 0 14px 0 0;
						outline: none;
						overflow: hidden;
                        position: relative;
                        text-align: center;
						text-decoration: none;
                        top: 7px;
						z-index: 10;
                    }   
                        .subColumn_subMenu li a:hover, .subColumn_subMenu li a:active, .subColumn_subMenu li a:visited {
                            border: none;
                        }
						
						ul.subColumn_subMenu li a:hover {
							color:#000;
							text-decoration:none;
						}         

.subColumn_rubriques {
	background: url(img/bg_top_subColumn.png) top left no-repeat;
	color:#4d4d4d;
	padding-top: 20px;
	width: 235px;
}

.subColumn_rubriques a {
	color:#4d4d4d;
}

.subColumn_rubriques a:hover {
	color:#c60000;
}

.subColumn_background {
	background: url(img/bg_bottom_subColumn.png) bottom left no-repeat;
	padding-bottom: 15px;
}

.subColumn_rubriques li {
	font-size: 1.2em;
	line-height: 1.6;
	padding:0 0 0 11px;
}

ul.subColumn_subMenu_mois {display: none;}
ul.subColumn_subMenu_tags {display: none;}
ul.subColumn_subMenu_liens {display: none;}


/* --- footer ---*/

.footer p {
	background: url(img/cartoon/bg_footer-trans.png) no-repeat;
	color:#b3b3b3;
	height:50px;
	margin:30px 0 0 0;
	padding:20px 0 15px 48px;
}

.footer p>a {
	color:#b3b3b3;
}

.footer p>a:hover {
	color:#c60000;
}