@import url("reset.css");

/********** UTILS **********/
/*
	FONT SIZE (em)
		10px: 62.5%
		11px: 69% (68.75)
		12px: 75%
		16px: 100%
	
	PNG > IE6 (info: le chemin de l'image se fait part rapport à la page et non la css)
		background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/image.png')
	
	INSTRUCTION CONDITIONNELLE
	<!--[if IE 7]><style type="text/css">#div{}</style><![endif]-->
	
*/
/********** COMMON **********/

body{
	color:#36330c;
	font-size:75%;	/* 1em = 12px */
	background:url(images/trame.gif) top left repeat;
}

a{
	text-decoration:none;
}

.dottedList{
	padding-left:20px;
	margin-bottom:15px;
}

.dottedList li{
	list-style-type:disc;
}

a:hover{
	text-decoration:underline;
}

a.rose{text-decoration: none;color:#FC00B8;}
a.rose:hover {text-decoration: none; color:#FFFFFF;	background-color:#FC00B8;}

a.mauve, #menu-box a.couleur3,#menu-box a.couleur13 { text-decoration: none; color:#A400CC;}
a.mauve:hover, #menu-box a.couleur3:hover,#menu-box a.couleur13:hover{ text-decoration: none; color:#FFFFFF; 	background-color:#BA17FF; }

a.orange, #menu-box a.couleur4,#menu-box a.couleur14 {text-decoration: none; color:#FC7D00;}
a.orange:hover, #menu-box a.couleur4:hover,#menu-box a.couleur14:hover{	text-decoration: none; color:#FFFFFF;background-color:#FC7D00;}

a.bleu, #menu-box a.couleur5,#menu-box a.couleur15{text-decoration: none; color:#0092FC;}
a.bleu:hover, #menu-box a.couleur5:hover,#menu-box a.couleur15:hover{	text-decoration: none; color:#FFFFFF; 	background-color:#0092FC;}

a.rouge{text-decoration: none; color:#E31921;}
a.rouge:hover{ text-decoration: none; color:#FFFFFF; background-color:#E31921;}

/********** PAGE **********/

#page{
	width:918px;
	margin:0 auto;
	padding:0 4px 50px;
	background:url(images/main_border.gif) top left repeat-y;
}

/********** HEADER **********/

#header{
	height:22px;
	overflow:hidden;
	padding:4px 0 5px;
	background:url(images/header.jpg) top left no-repeat;
}

#header address{
	color:#919191;
	font-size:0.75em;
	font-style:italic;
	float:left;
	margin-top:10px;
	margin-left:15px;
	display:inline;
}

#header .charp{
	display:block;
	width:230px;
	height:100%;
	float:left;
	outline:0;
}

#header .charp span{
	position:absolute;
	left:-9999em;
}

/********** CONTENT **********/

#mainContainer{
	padding-top:20px;
	width:100%;
	overflow:hidden;
	background:#fff url(images/bg_content.gif) top left no-repeat;
}

#content{
	float:left;
	width:590px;
	display:inline;
	margin-left:10px;
}

#content h1{
	color:#858484;
	font-size:0.83em;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	margin-bottom:35px;
}

#content h1 img{
	display:block;
	margin:0 auto 7px;
}

#content .post{
	padding-bottom:25px;
	margin-bottom:50px;
	background:url(images/bg_btm_post.gif) center bottom no-repeat;
}

#content .post .date{
	display:block;
	color:#c3c3c3;
	font-size:0.83em;
	margin-bottom:3px;
	text-transform:uppercase;
}

#content .post p{
	margin-bottom:15px;
}

#content .post h2{
	font-size:1.83em;
	padding-bottom:2px;
	margin-bottom:5px;
	text-transform:uppercase;
	background:url(images/titre_btm.gif) left bottom repeat-x;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
}

#content .post img{
	padding:2px;
	border:3px solid #dde3e0;
}

#content .post a{
	color:#1ec4e8;
}

#content .post h2 a{
	color:#ed141c;
	text-decoration:uppercase;
	text-transform:;
}

#content .post .postmetadata{
	color:#009fd9;
	padding-left:30px;
	font-size:0.92em;
	line-height:1.17em;
	margin-bottom:20px;
	background:url(images/ico_tag.gif) left top no-repeat;
}

#content .post .postmetadata a{
	color:#009fd9;
	text-decoration:none;
}

#content .post .postmetadata a:hover{
	text-decoration:underline;
}

#content .post .postmetadata small{
	font-size:0.9em;
}

#content .post .coms{
	text-align:right;
	margin:0;
	padding-top:10px;
	background:url(images/bg_coms.gif) top left repeat-x;
}

#content .post .coms .com{
	color:#c3c3c3;
	font-size:0.83em;
	padding-left:15px;
	background:url(images/ico_com.gif) left 2px no-repeat;
}

#content .post .coms .com a{
	color:#c3c3c3;
}

/********** COMMENTAIRES **********/

#comments{
	color:#c3c3c3;
	font-size:0.83em;
	font-weight:normal;
	padding-top:20px;
	margin-bottom:25px;
	background:url(images/bg_coms.gif) left top repeat-x;
}

#comments span{
	display:block;
	height:15px;
	padding-left:15px;
	background:url(images/ico_com.gif) left 3px no-repeat;
}

#comments strong{
	color:#ed141c;
	text-transform:uppercase;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	padding-left:15px;
}

ol.commentlist{
	margin:0 0 20px 0;
	padding:0 0 1px 22px;
	background:url(images/bg_coms.gif) left bottom repeat-x;
}

ol.commentlist li{
	color:#ed141c;
	padding-top:15px;
	margin-bottom:25px;
	list-style-position:outside;
	background:url(images/titre_btm.gif) left top repeat-x;
}

ol.commentlist li div{
	color:#524a4a;
	display:inline;
}

ol.commentlist small{
	display:block;
	color:#c3c3c3;
	font-size:0.83em;
	margin-bottom:15px;
	text-transform:uppercase;
}

ol.commentlist small a{
	color:#009fd9;
}

#respond{
	height:15px;
	padding-left:17px;
	font-weight:normal;
	font-size:0.83em;
	color:#c3c3c3;
	line-height:15px;
	margin-bottom:30px;
	background:url(images/ico_add_com.gif) left center no-repeat;
}

#commentform{
	width:100%;
	overflow:hidden;
}

#commentform .commentLeft{
	width:362px;
	float:left;
}

#commentform .commentRight{
	width:225px;
	float:right;
}

#commentform .inputText{
	width:218px;
	height:30px;
	padding:2px;
	font-size:2em;
	color:#c3c3c3;
	margin-bottom:16px;
	border:1px solid #c3c3c3;
}

#commentform label{
	display:block;
	font-size:0.83em;
	color:#ff1f22;
	margin-bottom:2px;
}

#commentform #comment{
	width:354px;
	height:228px;
	padding:2px;
	color:#c3c3c3;
	margin:0;
	border:1px solid #c3c3c3;
}

#commentform .btnEnvoi{
	margin-top:20px;
}

#commentform .btnEnvoi input{
	border:none;
	color:#c3c3c3;
	font-size:0.83em;
	text-transform:uppercase;
	padding-left:15px;
	cursor:pointer;
	background:url(images/bg_btn_envoi.gif) left 1px no-repeat;
}

#commentform .btnEnvoi input:focus, #commentform .btnEnvoi input:hover{
	background-position:left -21px;
	color:#ff1f22;
}

h2.titreArchives{
	margin-bottom:50px;
}

ul.allArchives li{
	margin-bottom:3px;
}

ul.allArchives li a{
	color:#282323;
	text-transform:uppercase;
}

/********** SIDEBAR **********/

#sidebar{
	width:287px;
	padding-right:2px;
	float:right;
}

#sidebar .stdLinks{
	padding-right:47px;
	min-height:75px;
	margin-bottom:50px;
	background:url(images/bg_std_links.gif) top right no-repeat;
}

* html #sidebar .stdLinks{
	height:75px;
}

#sidebar .stdLinks li{
	font-size:0.8em;
	margin-bottom:7px;
}

#sidebar .stdLinks li a{
	text-decoration:none;
	letter-spacing:-1px;
}

#sidebar .stdLinks li a:hover{
	text-decoration:underline;
}

#sidebar dl dt{
	margin-bottom:10px;
}

#sidebar dl dd{
	margin-bottom:65px;
	margin-left:0px;
}

#sidebar dl dd ul li{
	padding-bottom:8px;
	margin-bottom:4px;
	text-transform:uppercase;
	background:url(images/bg_elem_menu.gif) left bottom repeat-x;
}

#sidebar dl dd .all{
	display:block;
	color:#c3c3c3;
	height:13px;
	font-size:0.83em;
	margin-top:10px;
	padding-left:20px;
	text-transform:uppercase;
	background:url(images/ico_archives.gif) left center no-repeat;
}

#sidebar dl dd ul li a{
	color:#282323;
	text-decoration:none;
}

#sidebar dl dd ul li a:hover{
	text-decoration:underline;
}

#sidebar .st-tag-cloud{
	padding-bottom:20px;
	background:url(images/bg_elem_menu.gif) left bottom repeat-x;
}

.navigation a{
	color:#fc00b8;
}

/********** FOOTER **********/

#footer{
	clear:both;
	width:870px;
	margin:0 auto;
	height:63px;
	font-size:0.92em;
	padding:9px 13px 8px 43px;
	background:url(images/footer.jpg) left bottom no-repeat;
}

#footer h3{
	display:inline;
	font-weight:normal;
	font-size:1em;
}

#footer .mentions{
	text-align:right;
	font-size:0.82em;
}

#footer .mentions a{
	color:#919191;
	text-decoration:none;
}

#footer .mentions a:hover{
	color:#fc00b8;
}

/* TRANSITION */

.post h3{
	margin-bottom:15px;
}

#content .post .listTrans img, #content .transition-view img{
	border:none;
	padding:0;
}

#content .transition{
	margin-bottom:25px;
}

.transition-title, .transition-prev, .transition-slideshow, .transition-next{
	display:none !important;
}