@import "layout.css";
 
/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	background-color:#C4B4A2; 
	color: #000;
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
}


h1{
font-family: monospace, Helvetica;
font-weight: bolder;
font-size: 14pt;
line-height: 1.5em;

} /*titre du header */
h2{font-size: 1.25em;} /* titre rubrique sidebar*/
h3{font-size: 1.3em;} /*sous titre sidebar - titre ajouter un commentaire - titre trackbak*/
h4{font-size: 1.2em;} /* ? */
h5{font-size: 1.1em;}/* ? */
h6{font-size: 1em;} /* ? */ 

.smalltext{font-size:11px;}
.bold{ font-weight:bold;}
pre, code{
	font-size: 1.2em;
}

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

fieldset{
	border: none;
}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

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

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

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

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

.clearleft{
clear: left;
}
.clearright{
clear:right;
}
.clearboth{
	clear: both;
}

/* La page
-------------------------------------------------------- */
#page{
	background-color: #fff;
}

/* L'entête
-------------------------------------------------------- */
#top{
height: 102px;
background-color:transparent;
}

#header{
	position:absolute;
	left: 50%;
	margin: 0 0 0 -200px;
	padding:0;
	top:50px;
	width: 580px;
	height: 61px;
	background-color:transparent;
	text-align:right;
}

#linkhome{
	position:absolute;
	left: 50%;
	margin: 0 0 0 -200px;
	padding:0;
	top:4px;
	width: 580px;
	height: 18px;
	background-color:transparent;
	text-align:right;
}

#linkhome a, linkhome a:visited{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
color:#fff;
}

#linkhome a:hover{
text-decoration:none;
}

#logo{
position:absolute;
top:31px;
width: 152px;
height: 50px;
margin: 0px 0px 0px 80px;
background: url(img/logo_anim.gif) no-repeat top center;
	}

/* barre de recherche */
#search{
position :absolute;
top:110px;
width:760px;
height: 22px;
text-align:right;
background-image: url(img/header_bg.gif);
background-repeat: no-repeat;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
margin: 0;
padding: 0;
}

#search span{
	margin: 0px 12px 0px 0px;
	padding: 0;
	color: #fff;
}

#q{
	margin-top:2px;
	padding-left:20px;
	background: #fff url(img/q.gif) no-repeat 4px center; 
	border:1px solid #ccc;
}

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

.day-date{
	/*date du jour du calendrier*/
	font-size: 9pt;
	line-height: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #74744E;
	font-style: italic;
}

.post-title{
	/* titre du billet*/
color: #4C7399;
margin:0;
font-family: monospace, Helvetica;
font-weight: bolder;
font-size: 14pt;
}


.post-title a, .post-title a:visited{
	color: #4C7399;
	text-decoration: none;
}

.post-title a:hover{
	color: #fff;
	background-color: #4C7399;
	text-decoration: none;
}

.post-info{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0px 0px 0px;
	font-size:10px;
	color: #406080;
	text-transform:uppercase;
}


.post-info a, .post-info a:visited, .post-info a:link{
	color: #406080;
	text-decoration: underline;
	text-transform:none;
}

.post-info a:hover{
	color: #406080;
	text-decoration: none;
	background-color:transparent;
}

.post-chapo{ 
margin:10px 0px 10px 0px;
font-family: sans-serif;
font-size: 10.5pt;
line-height: 1em;
letter-spacing: 0.1em;
font-weight : bold;
color:#C4B4A2;
}

.post-content, .post-list{
	margin:5px 0px;
	text-align: left;
}

.post-content a, .post-content a:visited{
text-decoration: underline;
	color:#406080;
}

.post-content a:hover{
text-decoration:none;
background-color: #406080;
color: #fff;
}

.post-content object{
display: block;
clear: both;
background-color: inherit;
background-color: #fff;
}

.post-content img{
float:left;
border: 1px solid #333;
margin-right: 1em;
}

.post-content blockquote, post-list blockquote{
	font-style: italic;
}

.post-info-co{
	text-align: right;
	font-size:11px;
	color:#000;
}

.post-info-co a, .post-info-co a:visited{
text-decoration:underline;
color:#406080;
}

.post-info-co a:hover{
	background-color: #406080;
	color: #fff;
	text-decoration:none;
}
	
/*Commentaires*/

.comment-info{font-size:11px;}

#comments{font-size:11px;
clear: both;
}
#comments blockquote{
	background-color:#A0C1E5;
	color:#000;
	background-image: url(img/commentaire_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin: 10px 0px 20px 0px;
	padding: 10px 20px 30px 20px;
	font-size:11px;
}

#comment-form{
font-size: 11px;
margin:0px 0px 10px 0px;
}

#comment-form label{
color:#406080;
}
#comment-form input, #comment-form textarea {
border: 1px solid #A0C1E5;
}


/* La barre de navigation
-------------------------------------------------------- */
#sidebar div{
	color: inherit;
}

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

#categories, #selection, #archives, #links, #syndicate{
	margin: 0;
	padding: 0;
	}
#categories ul, #selection ul, #archives ul, #links ul, #syndicate ul{
list-style: none;
}

#categories ul li, #selection ul li, #archives ul li, #links ul li, #syndicate ul li{
display:block;
width:200px;
text-align:left;
text-indent: 10px;
}

#categories ul li a, #selection ul li a, #archives ul li a, #links ul li a,
#categories ul li a:visited, #selection ul li a:visited, #archives ul li a:visited, #links ul li a:visited,
#syndicate ul li a, #syndicate ul li a:visited{
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
line-height: 14px;
display:block;
padding:0;
color:#000;
border-bottom:1px dashed #ccc;
}

#categories ul li a:hover, #selection ul li a:hover, #archives ul li a:hover, #links ul li a:hover
, #syndicate ul li a:hover{text-decoration:none;}

#categories ul li a:hover{background-color:#4C7399; color:#fff;}
#selection ul li a:hover{background-color:#ffcc66; color:#fff;}
#archives ul li a:hover{background-color:#505C31; color:#fff;}
#links ul li a:hover{background-color:#999882; color:#fff;}
#syndicate ul li a:hover{background-color:transparent;}

/*bouton de navigation*/
#sidebar h3{
	font-family:verdana;
	text-align: left;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
	padding: 2px 0px 2px 0px;
	color: #666;
}

/*sidebar rubriques*/

#sidebar div#calendar, #sidebar div#categories, #sidebar div#archives, #sidebar div#links,
#sidebar div#selection, #sidebar div#search, #sidebar div#syndicate{
	text-align:center;
}

div#calendar h2,div#categories h2, div#archives h2, div#links h2, div#selection h2, div#search h2, 
div#syndicate h2{
width:200px;
height: 25px;
margin: 10px 0px 0px 0px;
padding: 0;
text-indent:-9000px;
overflow:hidden;
}

div#calendar h2{background:transparent url(img/sidebar_calendar.gif) no-repeat;
margin: 20px 0px 0px 0px;
}
div#categories h2{background:transparent url(img/sidebar_rubriques.gif) no-repeat;}
div#archives h2{background:transparent url(img/sidebar_archives.gif) no-repeat;}
div#links h2{background:transparent url(img/sidebar_liens.gif) no-repeat;}
div#selection h2{background:transparent url(img/sidebar_selection.gif) no-repeat;}
div#search h2{background:transparent url(img/sidebar_search.gif) no-repeat;}
div#syndicate h2{background:transparent url(img/sidebar_syndicate.gif) no-repeat;}

/* TABLEAU CALENDRIER*/

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

#sidebar div#calendar table caption{
	margin: 0px auto ;
	text-align:center;
	text-transform:capitalize;
}

#sidebar div#calendar table th{
	color: #7F501F;
	background: transparent;
}

#sidebar div#calendar table td{
	width: 21px;
	line-height: 2em;
	border: 1px solid #996633;
}

#sidebar div#calendar table td a{
	display: block;
	background: #996633;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#sidebar div#calendar table td a:hover{
	background: #fff;
	color: #996633;
	text-decoration:none;
}

/* Le pied de page
-------------------------------------------------------- */
#footer{
background-repeat: no-repeat;
background-color:#000;
height:21px;
color:#fff;
padding:4px 0px 0px 0px;
}
#footer a, footer a:visited{
text-decoration:underline;
color:#fff;

}
#footer a:hover{
text-decoration:none;} 

/* couleurs de fond*/

.yellowbg{background-color: #FFCC66;}
.orangemediumbg{background-color: #F99E53;}
.orangebg{background-color: #F68321;}
.redbg{background-color: #996633;}
.reddarkbg{background-color:#7F501F ;}

.greenlightbg{background-color: #B2D336;}
.greenmediumbg{background-color: #B4CC80;}
.greenbg{background-color: #999966;}
.greendarkbg{background-color: #505C31;}

.bluelightbg{background-color: #6699cc;}
.bluebg{background-color: #4C7399;}
.bluedarkbg{background-color: #406080;}
.brunvertbg{background-color: #999882;}
.brundarkbg{background-color: #67582D;}

.sablebg{background-color : #C4B4A2;}

.whitebg{background-color: #fff;}
.opalinbg{background-color: #FAFAFA;}
.greylightbg {background-color : #CCC;}
.greymediumbg {background-color : #999;}
.greybg {background-color : #666;}
.blackmediumbg{background-color : #333;}
.blackbg{background-color : #000;}

/*couleurs de texte */
.yellow{color: #FFCC66;}
.orangemedium{color: #F99E53;}
.orange{color: #F68321;}
.red{color: #996633;}
.reddark{color:#7F501F ;}

.greenlight{color: #B2D336;}
.greenmedium{color: #B4CC80;}
.green{color: #999966;}
.greendark{color: #505C31;}

.bluelight{color: #6699cc;}
.blue{color: #4C7399;}
.bluedark{color: #406080;}

.brunvert{color: #999882;}
.brundark{color: #67582D;}

.sable{color : #C4B4A2;}

.white{color: #fff;}
.opalin{color: #FAFAFA;}
.greylight {color : #CCC;}
.greymedium {color : #999;}
.grey {color : #666;}
.blackmedium{color : #333;}
.black{color : #000;}