html, body {
margin: 0;
padding: 0;
text-align: center;
line-height: 1.6em;
font-size: 14px;
color: #444;
font-family: Georgia, "Times New Roman", Times, serif;
background: white;
}

#header {
width:800px;
height:	150px;
padding-top: 50px;
margin:auto;
text-align: left;
font-family: "Arial Black", Geneva, Arial, Helvetica, sans-serif;
font-size: 30px;
color: black;
line-height: 1.1em;
}
#header a { text-decoration:none; color: black;}
#header a:hover { text-decoration:none; color: #ffea00; background-color:black;}

.box {
	float: left;
}

#main{
width:760px;
margin:auto;
border: 1px solid #CCCCCC;
}
#main:after {
content: "";
display: block;
clear: both;
}

#content {
float: left;
width: 424px;
margin: 10px auto 10px auto;
padding: 0px 70px 0px 20px;
border-right: 1px solid #CCCCCC;
text-align: justify;
}

#sidebar {
float: right;
width: 225px;
margin: 10px auto 10px auto;
padding: 0px 10px 0px 10px;
text-align: left;
font-size: 12px;
}

#footer {
clear:both;
margin: auto;
width: 760px;
height: 100px;
}

#footer a 		{ color: #666; text-decoration: none; }
#footer a:hover { color: black; text-decoration: underline; }



/* MISE EN PAGE --------------------- */


.small { font-size:10px; }

input { border: #CCCCCC 1px solid; margin: 5px; padding: 5px; }
input:hover { border-color: black; }  /* joli vert = #84D042 */ 

select { border: #CCCCCC 1px solid; margin: 5px; padding: 5px; font-size: 11px; }

textarea {
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
border: #CCCCCC 1px solid;
margin: 5px;
padding: 5px;
}
textarea:hover { border-color: #65757d }  /* joli vert = #84D042 */ 

form { padding: 0px; margin: 0px }


h1 { font-size: 1.5em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color: black; margin-bottom: 0px;}
h2 { font-size: 1.4em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; margin-bottom: 0px; }
h3 { font-size: 0.9em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-weight: lighter; color: #444; padding-bottom: 1ex; margin-top: 0px; margin-bottom: 10px; font-style:italic; }


h1 a	{ color: #444; text-decoration: none; }
h2 a	{ color: #444; text-decoration: none; }
h3 a	{ color: #444; text-decoration: none; }
h2 a:hover	{ color: black; text-decoration: none; }
h3 a:hover	{ color: black; text-decoration: underline; }



/* POST BILLETS ------------------------------------------------- */
.post{ margin-bottom: 4em; }

.day-date {
color: #888;
padding-left: 20px;
margin-left: -20px;
}

.post-content { text-align: justify; }
.post-content a { text-decoration:underline; color: #666;}
.post-content a:hover { text-decoration:underline; color: black;}


.post-content img {
background-color: #fff;
border: 1px solid #a9a9a9;
display: block;
margin: -5px 5px 5px -5px;
padding: 4px;
position: relative;
}

.post-info-co {
color: #CCCCCC;
margin-top: 15px;
padding-bottom: 3px;
text-align: left;
}

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

/* CSS LIEN POUR "VOIR TOUS LES BILLETS" */
#all_billets a { text-decoration:underline; color: #666;}
#all_billets a:hover { text-decoration:underline; color: black;}
/* FIN POST BILLETS -------------------------------------------- */



/* COMMENTS --------------------------------------------------------- */
#co {
text-align: left;
margin-bottom: 4em
}

.co_title { color: #65757d }

#co blockquote {
border-right: #f1de73 1px solid;
border-top: #f1de73 1px solid;
border-left: #f1de73 8px solid;
border-bottom: #f1de73 1px solid;
padding: 1em;
margin: 1em;
background: url("/images/bg_txt.gif") #fff repeat-x left top
}

.post-footer {
font: xx-small "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform: uppercase;
padding-left: 5px;
padding-right: 5px;
letter-spacing: 0.1em
}
/* FIN COMMENTS ----------------------------------------------------- */



/* SIDEBAR ----------------------- */

#menu_billet {
width: 760px;
margin: auto;
padding-top:5px;
text-align:right;
font-size: 11px;
}
#menu_billet a 			{ color: black; text-decoration: none; }
#menu_billet a:hover	{ color: white; background-color: black; text-decoration: underline; }

#sidebar div{
margin: 0px;
padding: 1ex 0 1em 0;
border-bottom: #ebebeb 1px solid;
}

#sidebar div ul {
padding-left: 5px;
margin: 0px;
list-style-type: none;
}

#search p {
padding: 0px;
margin: 0px;
}

#q {
padding-left: 18px;
background: url(http://www.auromprod.com/images/q.png) #fff no-repeat 4px center;
}

#sidebar a {
background: none transparent scroll repeat 0% 0%;
color: #666;
}

#sidebar a:hover {
background: none transparent scroll repeat 0% 0%;
color: black;
}
/* FIN SIDEBAR ------------------------------------------------- */



/* INSERT IMG&LINK --------------------------------------------------------- */
#insert_img {
text-align: left;
margin-left: 1em;
}

#insert_link {
text-align: left;
margin-left: 1em;
}
/* FIN INSERT IMG&LINK ----------------------------------------------------- */



/* PROFIL --------------------------------------------------------------- */
#profil { text-align: justify; }

#profil .content { padding: 0; margin-right: 0 }

#profil h3 { margin: 5ex 0px 0px 0px; font-style:bold; font-size: 1.1em; font-weight: lighter; }

#profil table {
font-size: 0.8em;
margin: 0px auto;
border-collapse: collapse;
}

#profil #f6 a { color: #EF3D93; text-decoration:none }
#profil #f6 a:hover { color: #EF3D93; text-decoration:underline }
/* FIN PROFIL -------------------------------------------------------- */