@import "layout.css";
/* @import "layout-gauche.css"; */
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	background-color:#666666;
	color:#036;
	font-size: 80%;
	line-height: 1.6em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{
	font-size: 1.2em;
}


pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

.clear {
	clear : both;
	display : block;
	height : 1px;
	margin : 0;
	padding : 0;
}

.cartouche{

 margin-right: 15px;
 margin-bottom:20px;
 float: left;

}
.cadre{

 margin-right: 15px;
 margin-bottom:20px;
 float: left;

}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img {border:0;}
a{
	color:#0066FF;
	text-decoration:underline;
}


a:visited{

}

a:hover{
		/*color: #ED8000;text-decoration: none;*/
			color:#0066FF;
		
}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}


/* --- 
NAVIGATION HORIZONTALE
--- */

ul#nav-box {
 margin:0  26px 5px 26px ;
font: bold 12px arial;
height: 26px;
background-color: #CCCCCC;
border: #9a9a9a 1px solid;
color: black;
	
}
ul#nav-box li {
list-style: none;
display: inline;
}
ul#nav-box li a {
padding: 5px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #CCCCCC;

}
ul#nav-box li a:visited{

color: black;


}

ul#nav-box li a:hover {

background-color: #ff8727;
color:#FFFFFF;

}


/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	background: transparent;
	color: #DFDFDF;
	text-align: center;
}

#prelude a{
	color: #DFDFDF;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}
/* Encart pub
-----------------------------------------------------*/

#gauche div.publicite{
border:#DDD 1px solid;
}
#droite div#adsense{
border:0px ;
background-color:transparent;
}

.publicite
{
font-size:10px;
color:#000000;
line-height:1.5em;
margin-bottom:10px;
padding:10px;
border:#FF0000 1px solid;

}


.publicite a{
	color:#0000FF;
	text-decoration: underline;
	background: transparent;
}
.publicite a:hover{
	color:#FF3333;
	background: transparent;
}
.googleads{
margin:5px 0;

}
	
.antiexplorer{ 
background-color: #CC0000;
border-style: outset; border-width: medium; border-color: #d0c7c7;
color: white;
padding: 10px;
margin: 20px 20px 20px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
line-height: 160%;
text-align:left;
}
	
/* Le contenu
-------------------------------------------------------- */

.post	{
	margin: 5px 0px 10px 0px;
	padding: 20px 20px 20px 20px;
	background:  url('img/Post/fondpostht.jpg') no-repeat left top;
	}

.postbas	{
	padding: 0px 7px 7px 0px;
	background: url('img/Post/fondpostbas.jpg') no-repeat right bottom;
	}
	
.day-date{

	color: #888;

	font-style: italic;
}

.post-title{
	color: #A3DB67;
	margin-bottom: 0;
	text-align:left;
}

.post-title a{
	color: #A3DB67;
	text-decoration: none;
}

.post-info{
	margin-top: 0;
	color:gray;
	text-align:right;
	font-size:9px;
	border-top: 1px solid #D2D2D2;
		margin-bottom: 20px;
	}

.post-info a{
	color:#ED8000;
	background: transparent;
	text-decoration:underline;
}

.post-content{
	text-align:justify;
	}


.post-chapo{
	text-align:justify;
	}

.post-content a{
	color: #0066FF;

	}
.tags{
margin-top:3px;
margin-bottom:3px;
	font-weight: bold;
	text-align:left;
	font-size:11px;

	}

.auteur{
	color : gray;
	font-weight: bold;
	text-align:right;
	font-size:smaller;
	}

.billet{
	text-align:right;
	font-size:smaller;
	}
	
.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

	
.post-info-co{
	color: gray;
	text-align: left;
	border-top: 1px solid #D2D2D2;
	padding-left: 0px;
	font-size: smaller;
	font-weight: bold;
}
#comments{
width:510px;
text-align:justify;
}
.comment-info{
color:#CC0066;
}


#trackbacks h3, #comments h3, #votes h3{
	color: #A3DB67;
	border-bottom: 1px solid #D2D2D2;

	}
	
#trackbacks blockquote, #comments blockquote{
background-color:#FCE2F5;
	border: 1px solid #CC0066;
	margin: 0;
	padding: 1em;
}

/* La barre de navigation
-------------------------------------------------------- */

#gauche div{

	color: inherit;
	line-height:normal;
	padding: 0px 10px 10px 10px;
	margin-bottom:20px;
	border: 1px solid #DDD;
	background: #eeeeee;

	/*background: #eeeeee url('img/menu.png') repeat-y center;*/

}

#gauche div ul{
	margin:0;
	padding: 0;
	list-style: none;
	font-size:11px;
	
}

#gauche div li{
	margin-bottom:5px;
	
}
#gauche div#archives li{
	margin: 0 0 0 25px;
	list-style-image: url(img/icon-folder.png);
	
}


#gauche div#Inscription ul{
	margin:0;
	padding: 0;
	list-style:none;
	font-size:11px;
	
}

#gauche div#Inscription li{
	margin-bottom:1px;
	
}
#gauche h2, #gauche h3{
    background:transparent url('img/titre.jpg') no-repeat center ;
	height: 23px;
	color: #FFFFFF;
	margin: 0 0px 15px 0px;
	padding: 0 0 0 0px;
	text-decoration: none;
	font-size: 1.2em;
	text-align:center;
	}

#gauche h3{
	font-size: 1em;
	margin: 0;
}

#gauche div#search{
	background: transparent;
	color: inherit;
	line-height: 2.3em;
}

#search fieldset, #search p{
	margin: 0;
	padding: 0;
}

#q{
	padding-left: 18px;
	background: #fff url(img/q.png) no-repeat 4px center;
}

#gauche div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

#gauche div#calendar table{
	font-size: 0.7em;
	text-align: center;
	margin: 0 auto;
	border-collapse: collapse;
}

#gauche div#calendar table caption{
	margin: 0 auto;
}

#gauche div#calendar table th{
	color: #493;
	background: transparent;
}

#gauche div#calendar table td{
	width: 14%;
	line-height: 2em;
	border: 1px solid #EEE;
}

#gauche div#calendar table td a{
	display: block;
	background: #EFA;
	color: #493;
	font-weight: bold;
	text-decoration: none;
}

#gauche div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
}

#droite div{
	color: inherit;
	padding: 0px 10px 10px 10px;
	margin-bottom:20px;
	border: 1px solid #DDD;
	background: #eeeeee;
}
#droite div ul{
	margin: 0 0 0 0;
	padding: 0;

}
#droite div#links{
font-size:11px;
}
#droite div#links h3{
font-size:13px;
}
#droite div#links ul{
list-style:square;
margin-left:10px;
}
#droite div#contact ul{
list-style:circle;
	
}
#droite h2{
	margin: 0 0px 15px 0px;
	padding: 0 0 0 0px;
	text-decoration: none;
	font-size: 1.5em;
	text-align:center;
	}
	
#droite div#categories{
border:none;
background:none;
padding:0;

}

#categories{
margin-bottom:1em;


}

#categories ul{
list-style-type: none;
padding: 5px;
margin: 0;
font-size: 1em;	
background: none;
border: none;

}

#categories li{
	margin: 0;
	padding: 0;
	padding-left: 10px;
	margin-left: 10px;
	background: url(img/cat_bullet.gif) no-repeat left;
}

#categories a{
display:block;
text-decoration:none;
color:#036;

}

#categories a:hover {color:#3366FF;}

.level {
text-align:justify;
}
.level a{
	text-decoration:none;
	color:#FF3300;

}


.level-5{font-size: 1.6em; }
.level-5 a{color:#0000FF;}
.level-4{font-size: 1.4em; }
.level-4 a{color:#6600FF;}
.level-3{font-size: 1.2em; }
.level-3 a{color:#FF00CC;}
.level-2{font-size: 1.0em;}
.level-2 a{color:#FF0066;}
.level-1{font-size: 0.8em;}

.rectangle{
text-align:center;
/*border:solid 1px #DDD;*/

}

.music-content{
margin-bottom:10px;
}
.music-telecharger{
text-align:right;
margin-bottom:10px;
}
.music-clip{
text-align:left;
}

.music-sonnerie{
}

.music-paroles{
color: #CC3333;

}

.music-clip h4, .music-sonnerie h4, .music-paroles h4{
color: rgb(128, 0, 128); 
font-weight: bold;
font-size:14px;
margin-bottom:10px;
text-align:left;
}

.music-frame{
border: 1px solid rgb(255, 153, 0);
padding: 2px;"
}
#serie{
background-color:#FFFFCC;
border:#FF9933 1px solid;
padding:10px;
margin-top:20px;
}