@import "layout.css";

 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	background: #FFBC19 url(img/fond-page.gif) no-repeat center top;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	border: 0px;
	line-height: 100%;
	margin: 0;
}



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

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

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

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

fieldset{
	border: 0px;
	margin: 1em 0;
	padding: 1ex 1em;
	font-size: 0.8em;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

.box {
	border: 1px solid #000;
	background: #FFEEC4;
}

.submit{
	color: #FFF;
	background: #000;
}

input,textarea{
	background: #F8E3B9;
	border: 1px solid #8F1E08;
}

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

a{
	color: #FFF;
	text-decoration: none ;
}

a:visited{
	color: #FFEFD0;
}

a:hover{
	color: #C05400;
}

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

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

#logo {
	position: relative;
	width: 190px;
	height: 185px;
	background: url(img/logo-1.jpg);
	}

#logo2 {
	position: relative;
	width: 190px;
	height: 45px;
	background: url(img/logo-2.gif);
	}

#main{
	background: #FA9F11 url(img/fond-main.gif);
	position: relative;
}


#colcent{
	background: url(img/fond-content.gif) no-repeat;
	position: relative;
}

#content{
	font-size: 13px;
	line-height: 110%;
	position: relative;
}

#navig {
	background: url(img/navig-1.gif) no-repeat;
	text-align: right;
}

#navig2 {
	position: relative;
	width: 190px;
	height: 79px;
	background: url(img/navig-3.gif);
	}

#navig li{
	padding-right: 12px;
	list-style : url(img/pucenav-off.gif);
}

#navig li:hover{
	list-style : url(img/pucenav-on.gif);
}

#navig a{
	color: #FFF;
	font-size: 13px;
	text-decoration: none ;
}

#navig a:hover{
	color: #FFEA05;
	font-size: 13px;
	text-decoration: none ;
}


/* La page
-------------------------------------------------------- */
#page{
	color: inherit;
}
 
/* L'entête
-------------------------------------------------------- */
#top{
	height: 160px;
	background: url(img/fond-top.jpg) no-repeat left top;
}

#top h1{
	color: #FFFFFF;
}

#top h1 a{
	text-decoration: none;
	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;
}

#basdp1{
	background: url(img/bas-1.gif);
	height: 30px;
	margin-bottom: 0;
}
#basdp2{
	background: url(img/bas-2.jpg);
	height: 250px;
}

/* Le contenu
-------------------------------------------------------- */

#post-sep{
	background: #FA9F11 url(img/sep.gif);
  width: 520px;
  height: 72px;
}

.day-date{
	font-weight: bold;
	font-size: 1.2em;
	margin-top: -5px;
	color: #FFF;
	font-style: italic;
}

.post-title{
	color: #FDF19D;
	font-style: italic;
	background: #000 url(img/titre.jpg);
	font-size: 1.4em;
	padding: 8px 100px 8px 8px;
	border: 1px solid #000;
	margin-bottom: 0;
}

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

.post-title a:hover{
	color: #FFE708;
}

.post-title a:visited{
	color: #FFDB84;
}

.post-info{
	text-align: right;
	margin-top: 0;
	background: #000;
	padding: 2px 5px 2px 5px;
	color: #FFF;
	font-size: 10px;
}

.post-info a{
	color: #FBCD74;
	text-decoration: none;
}

.post-info a:hover{
	color: #A93D0A;
}

.post-chapo {
	font-size: 0.9em;
	text-align: justify;
}

.post-chapo .smiley {
	border: 0px;
	}
	
.post-chapo img {
	border: 10px solid #353535;
	}


.post-content{
	font-size: 0.9em;
	text-align: justify;
}

.post-content a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none ;
}

.post-content a:hover{
	color: #97250A;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-content .smiley {
	border: 0px;
	}
	
.post-content img {
	border: 10px solid #000;
	}

.post-info-co{
	text-align: center;
	background: #a13109;
	padding: 2px 5px 2px 5px;
	color: #eab275;
	border: 1px solid #000;
	font-size: 0.8em;
}

.post-info-co a{
	color: #ffdb84;
}

.post-info-co a:hover{
	color: #FFF;
}




.titrelem{
	margin-top: 50px;
	margin-bottom: 5px;
	color: #FFF;
	background: url(img/titre.jpg);
	border: 1px solid #000;
	font-size: 1.1em;
	padding: 6px;
}

.autour{
	color: #000;
	background-color: #EF7E06;
	font-size: 0.8em;
	padding: 6px;
}


#trackbacks blockquote, #comments blockquote{
	border: 1px solid #000;
	background-color: #FFBC19;
	margin: 1em 0;
	padding: 1ex 1em;
	font-size: 1em;
}

/* La barre de navigation
-------------------------------------------------------- */
#sidebar {
	background: url(img/fond-sidebar.gif) no-repeat;
}

#sidebar div{
	margin: 0;
	padding: 0;
}

#sidebar p{
	margin: 0;
	padding: 0;
}

#sidebar div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar h2, #sidebar h3{
	color: #9ED200;
	margin: 0;
}

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


/* La barre de navigation 2
-------------------------------------------------------- */
#sidebar2 {
	background: url(img/fond-sidebar2.gif) no-repeat;
}


#sidebar2 div ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar2 h2, #sidebar h3{
	color: #9ED200;
	margin: 0 0 1ex 0;
}

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

#sidebar2 div#search{
	background: url(img/fond-search.gif) no-repeat;
	color: inherit;
	line-height: 2.3em;
}

#sidebar2 div#calendar{
	background: url(img/fond-calendar.gif) no-repeat;
	/*border-top: 1px solid #F0F0F0;*/
}

#sidebar2 div#calendar table{
	text-align: center;
	margin: 0px auto;
	border-collapse: collapse;
}

#sidebar2 div#calendar table caption{
	color: #FFF;
	margin: 0 auto;
}

#sidebar2 div#calendar table th{
	font-size: 0.6em;
	color: #000;
	background: transparent;
}

#sidebar2 div#calendar table td{
	font-size: 0.8em;
	font-weight: bold;
	padding: 3px;
	width: 20px;
	line-height: 1.6em;
}

#sidebar2 div#calendar table td a{
	display: block;
	background: #DD6D00;
	color: #FFF;
	text-decoration: none;
}

#sidebar2 div#calendar table td a:hover{
	background: #FFF04F;
	color: #000;
}

/* Le pied de page
-------------------------------------------------------- */
#footer{
	font-size: 0.8em;
	text-align: center;
	margin: 0;
	padding: 1em;
	color: #8D1A07;
}

#footer a{
	color: #999;
}
#footer a:hover{
	color: #EF7E06;
}