/*---- Général ----*/
* { margin: 0; padding: 0; }
HTML, BODY { margin: 0; padding: 0;	}
BODY { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #404040; background: #E1E1E1 url(img/bg-body.jpg) top left repeat-x; height: 100%; }
A { color: #CC0000; text-decoration: none; }
A:hover { text-decoration: underline; }
abbr { border-bottom: 1px dotted #ccc; font-style: italic; }
blockquote { margin: 0; padding: 0 0 0 40px; background: transparent url(img/bgQuote.png) no-repeat 0 -10px; font-style: italic; }
blockquote p { padding: 0 40px 0 0; background: transparent url(img/bgPQuote.png) no-repeat 100% 110%; }
H1, H2, H3, H4, H5, H6 { font-family: Verdana, Arial, sans-serif; color: #404040; }
IMG { border: none; }
P { font-size: 11px; }

/*---- Blocs principaux ----*/
#page { position: absolute; top: 0; left: 0; width: 722px; background: #FFF; height: 100%; padding: 0 10px 0 10px; }
HTML>BODY #page { min-height: 100%; height: auto; }
#main { width: 460px; float: left; }
#content { margin: 0 20px 0 0; }

/*---- Bannière logo ----*/
#top { height: 120px; width: 742px; margin-bottom: 10px; }
#top H1 { margin-left: 15px; }
#top a#titre { color: #CC0000; font-size: 30px; font-family: "Times New Roman", Times, serif; display: block; float: left; margin: 20px 0 0 70px; text-align: center; }
#top #portrait { float: right; margin: 10px 14px 0 0; border: 1px solid #404040; }

/*---- Liens du haut de page ----*/
#prelude { position: absolute; top: 0; right: 30px; color: #DDD; }
#prelude a {color: #C00}

/*---- Menu ----*/
#menu 				{ width: 728px; height: 50px; background: url(img/bg-menu.gif) top left repeat-x; list-style: none; margin: 0 0 20px0; }
#menu LI 			{ float: left; font-size: 12px; }
#menu LI A 			{ display: block; float:left; height: 19px; color: #FFF; text-decoration: none; font-weight: bold; padding: 2px 12px 0 12px; }
#menu LI A:hover 	{ background: url(img/bg-menu-a-hover.gif) top left repeat-x; color: #CC0001; }


/*---- Sidebar + in Sidebar ----*/
#sidebar { width: 210px; float: right; margin: 0; }
#sidebar a { text-decoration: none; }
#sidebar h1, #sidebar h2, #sidebar h3,#sidebar h4, #sidebar h5, #sidebar h6 { color: #f0027f; font-weight: normal; margin: 0 0 0.5em 0; }
#sidebar h2 { height: 25px; font-family: tahoma; font-size: 15px; background: url(img/bg-h2-sidebar.gif) top left; color: #404040; font-weight: bold; padding: 3px 0 0 10px; width: 178px; }
#sidebar div { margin: 0 0 1em 0; }
#sidebar ul { margin: 0; padding: 0; list-style: none; line-height: 20px; }
#sidebar p {color: #444; line-height: 1.3em;}
#calendar {}
#calendar caption { color: #000; text-transform: uppercase }
#calendar abbr { font-style: normal; color: #CC0001 }
#calendar table { width: 92%; border-collapse: collapse }
#calendar td { border-bottom: 1px #eee solid; height: 1.2em; text-align: center; color: #ccc; line-height: 1.8em; }
#calendar th { height: 2em; }
#calendar a { display: block; background: #FFEAEA; color: #CC0000; font-weight: bold; border: 1px solid #CC0000; width: 1.8em; line-height: 1.8em; }
#calendar a:hover {color: #FFEAEA;	background: #CC0000; border: 1px #000 solid;}
#calendar caption {font-weight: bold;}

/*---- Liens suivants-précédents ----*/
#calendar caption a { line-height: 1.2em; display: inline; margin: 0 15px 0 15px; padding: 0 5px 0 5px; vertical-align: middle; }
#categories li a { font-size: 1.2em; font-weight: bold; }

/*---- Pieds de page ----*/
#footer { position: relative; clear: both; width: 780px; height: 44px; background: white url(img/bgFooter.png) left bottom no-repeat; margin: 50px 0 0 0; }
#footer a {position: absolute; top: -5px; right: 50px}

/*---- Billets ----*/
.post { line-height: 17px; margin: 0 0 20px 15px; padding: 0 0 0 0; }
.post .day-date { float: left; background: transparent url(img/bgBotDate.gif) no-repeat bottom center; width: 40px; color: #404040; margin: 0 5px 5px 0; padding: 0; }
.post .day-date span { display: block; text-align: center; font-weight: bold; }
.post .day-date .day { font-size: 15px; font-weight: bold; padding: 8px 0 0 0; }
.post .day-date .month {}
.post .post-info { font-size: 10px; text-transform: capitalize; font-style: italic; color: #404040; font-family: "HelveticaNeue-Light", Helvetica Neue Light, Helvetica, Arial, Geneva, sans-serif; margin: 0 0 0.3em 0; padding: 0 0 0 0; line-height: 1.3em; }
.post .post-content {}
.post h2.post-title { font-size: 18px; color: #CC0000; margin: 13px 0 5px 0;font-family: "Times New Roman", Times, serif;  }
.post .post-info-co { background: transparent url(img/icnComments.png) no-repeat 5px 51%; padding: 0 0 0 25px; margin: 0; line-height: 1.5em; vertical-align: middle; color: #8C99A5; border-bottom: 1px #C00 dotted; }


/*---- Contenu du billet ----*/

.post-content h1 { font-size: 2.2em }
.post-content h2 { font-size: 1.8em }
.post-content h3 { font-size: 1.6em }
.post-content h4 { font-size: 1.5em }
.post-content h5 { font-size: 1.4em }
.post-content h6 { font-size: 1.2em }
.post-content p { line-height: 1.4em }
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6  { color: #56017d; line-height: 1.3em; margin: 0 0 0.5em 0;clear: both; }
.post-content p, .post-content ul, .post-content ol, .post-content pre, .post-content address { margin: 0 0 1em 0 }
/* Élements de mise en forme des tag PRE et CODE ***** TEST ***** */
 .post-content abbr {cursor: help; color: #000}
 .post-content pre, .post-content code { border: 1px #ccc solid; padding: 5px; background-color: #f3eef6; font-size: 1.2em; overflow: auto; }
.post p img { float: left; display: block; padding: 0.5em; margin: 5px 15px 15px 0; background-color: #eee; border: 1px #ccc solid; }

/*---- Formulaire ----*/
.inptTxt {  }
.inptArea {}
.inptCbox {}

 
#search INPUT.submit { background: url(img/bg-search.gif) top left no-repeat ; border: none; height: 18px; width: 17px; cursor: pointer; vertical-align: top; }
#search input#q { width: 150px; border: 1px solid #999999; color: #404040; padding: 1px; font-size: 11px; }

/*---- Zone de commentaires ----*/

#comments p.comment-info { color: black; }
#comments blockquote { background-image: none; font-style: normal; border: 1px #ccc solid; background-color: #eee; color: black; padding: 1em; }
#comments blockquote p { background-image: none; padding: 0; }
#comments p.comment-buttons { text-align: right }

/*---- Colonne de droite ----*/
#colonneDroite 			{ position: absolute; top: 0; left: 750px; width: 180px; height: 721px; }
#colonneDroite #tv 		{ margin-top: 35px; }
#colonneDroite #bordure { width: 130px; border: 1px solid #FFF; margin: 25px auto 0 auto; padding: 5px; }
#culturelle 			{ background: #FFF; font-size: 10px; padding: 10px 0 10px 0 }
#culturelle P 			{ color: #603B9A; text-align: center; }

/*---- Formulaire ----*/
#comment-form              { background: none !important; }
#comment-form P            { margin: 5px 0 5px 20px !important; }
#comment-form P.buttons    { clear: both; width: 460px !important; padding: 20px 0 0 0;   }
#comment-form LABEL        { display: block; float: left; width: 200px; }
#comment-form FIELDSET     { background: none; border: none; }
#comment-form TEXTAREA     { width: 400px; border: 1px solid #C00; }  
#comment-form INPUT        { border: 1px solid #C00; margin: 0 !important; padding: 0 !important; vertical-align: top !important; width: 200px; }
#comment-form INPUT.bouton { width: 150px !important; background: #C00; color: #FFF; float: none !important; cursor: pointer; }
#comment-form INPUT.chkbox { width: 20px; border: none; }
/*---- elements speciaux ----*/
hr.no {clear: both; visibility: hidden}

#trackbacks { margin: 5px 0 20px 0; }
#trackbacks P { margin: 5px 0 5px 20px; }
#trackbacks H3, #comments H3 { margin: 0 0 10px 0; }