@charset "iso-8859-1";
@import "layout.css";

/* Les éléments HTML en général
-------------------------------------------------------- */

body {
	background: #FFF;
	color: #000;
	font-size: 70%;
	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 {
	color:#e5e5e5;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	font-family: "Trebuchet MS";
	letter-spacing:1px;
	text-transform:capitalize; 
	font-variant: small-caps; 
	background-image:url(img/fond_rubrique.gif);
	background-position: left center;
	width:213px;
	height:26px;
	padding-top:18px;
	} 
	
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;
}

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;
}

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

a:hover{
	color: #FF0000;
	text-decoration: none;
	border-bottom:1px dashed #FF0000;
}

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

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

/* L'entête
-------------------------------------------------------- */


/* Le prélude
-------------------------------------------------------- */ 

/* Le contenu
-------------------------------------------------------- */
#contenu {
	font-size:1.0em
	}
.day-date{
	padding-left: 20px;
	margin-left: -25px;
	color: #888;
	background: transparent url(img/day-date.png) no-repeat left center;
	font-style: italic;
}

h2.post-title {
	margin: 0 0 0 0;
	width:460px;
	height:23px;
	padding-top:3px;
	padding-left:90px;
	background-image:url(img/fond_news.gif);
	background-position: right center;
	background-repeat:no-repeat;
	border:0;
	color:#404040;
	font-family: verdana;
	font-weight:bold;
	font-size: 11px;
	font-variant: small-caps; 
	letter-spacing:0.2em;
	text-transform:capitalize; 
	text-decoration: none;
	text-align: left;
}

h2.post-title a {
	color:#404040;
	border:0;
}

h3 { /* Titre Commentaire et Trackback */
	margin: 0 0 0 0;
	width:460px;
	height:23px;
	padding-top:3px;
	padding-left:90px;
	background-image:url(img/fond_news.gif);
	background-position: right center;
	background-repeat:no-repeat;
	border:0;
	color:#404040;
	font-family: verdana;
	font-weight:bold;
	font-size: 11px;
	font-variant: small-caps; 
	letter-spacing:0.2em;
	text-transform:capitalize; 
	text-decoration: none;
	text-align: left;
}


.post-info {
	margin-top: 12px;
	padding-left:80px;
	color: #FA0;
	background: transparent;
	font-size:10px;
	color:#5F5F5F;
}

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

.post-info-cat {
	color : #666;
	font-size:10px;
	padding-left:24px;
	color:#848484;
}

.post-info-cat a {
	color:#2F2F2F;
	text-decoration:underline;
}

.post-info-cat a:hover {
	color:#FF292E;
	text-decoration:underline;
	border:0
}

.post-info-cat span {
	margin:3px
	}
	
.post-content{
	padding-left:80px;
	text-align: justify;
}

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

.post-info-co {
	color : #666;
	text-align:right;
	font-size:10px;
	color:#848484;
}

.post-info-co a {
	color:#2F2F2F;
	text-decoration:underline;
}

.post-info-co a:hover {
	color:#FF292E;
	text-decoration:underline;
	border:0
}

.post-info-co span {
	margin:3px
	}
	

#trackbacks p, #comments p {
	padding-left:80px;
	}

#trackbacks blockquote, #comments blockquote{
	border: 1px solid #EEE;
	margin: 1em 0;
	padding: 1ex 1em;
}



/* Le menu droit
-------------------------------------------------------- */
#menu #apropos p {
	text-align:justify;
	font-size:9px;
	font-family:arial;
	line-height:13px
	}

#menu #apropos p img{
	padding-left:10px;
	}
	
#menu div ul{
	margin:0;
	margin-top:7px;
	margin-left:18px;
	padding: 0;
	list-style: none;
}

#menu div ul li {
	margin:0;
	padding: 0;
}

#menu h4 {
	font-size: 1em;
	margin: 0;
	margin-top:8px;
	color:#292929
}

    /* !!!!!!!!!!!

        BUG dans Safari lié à la taille du texte et du bouton "OK"
        cette ligne n’est donc pas lue par Safari 1.2 (Mise en forme du formulaire de recherche)
  		 */

        html:lang(fr) #search input {font-size: 0px; width: 22px;}

    /*    !!!!!!!!!!!  */
    
#search input {
	background: transparent url(img/bgSearchBtn.png) no-repeat top left;
	border: none; height: 22px;
	padding: 5px 0 23px 0; margin: 0;
	vertical-align: middle;
}
		
#search input#q {
	font-size: 1em;
	width: 126px;
	background: transparent url(img/bgSearch.png) no-repeat top left;
	height: 22px;
	border: none;
	padding: 3px 5px 3px 20px; margin: 0;
	vertical-align: middle;
	color: #313131
}
		
#menu div#calendar{
	text-align:center
}

#menu div#calendar table{
	font-size: 10px;
	text-align: center;
	margin: 0 auto;
	margin-top:7px;
	border-collapse: collapse;
}

#menu div#calendar table caption{
	margin: 0 auto;
	margin-top:3px;
}

#menu div#calendar table th{
	color: #ff0033;
	background: transparent;
}

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

#menu div#calendar table td a{
	display: block;
	background: #FFC8C9;
	color: #ff0033;
	font-weight: bold;
	text-decoration: none;
}

#menu div#calendar table td a:hover{
	background: #DBB8DC;
	color: #B632DC;
	border:0px;
}