/* <![CDATA[ */

 
/* Les éléments HTML en général
-------------------------------------------------------- */
html, body{
	margin: 0;
	padding: 0;
	
}
body {
	font:12pt/1.5 sans-serif;
	background:#eeeeee;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		}
h1{font-size: 1.5em;}
h2{font-size: 1.1em; line-height:1.1em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}
h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", sans-serif;
}

p { margin: 0.5em 0 }
pre, code{
	font-size: 1.2em;
}

img {border:0;}
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:#FF0000;
	background:none;
	text-decoration: underline;
}



a:hover{
	color:#0000FF;
	text-decoration: underline;
}	

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
display:none;
	background: transparent;
	color: black;
	text-align: center;
	position: absolute;
	width: 956px;
	top: 7px;
	left: 50%;
	margin: 0 0 0 -390px;
	padding: 0 1ex;
}


#prelude a{
	color: black;
	background: transparent;
}

#prelude a:hover{
	color: #666;
	background: transparent;
}

/* --- 
NAVIGATION HORIZONTALE
--- */


ul#nav-box {

    margin:0px 26px 1.5em 26px;
	padding : 0 1em 0 0;
	list-style-type : none;
	background-color:#5353FF;
	color: #fff;
	font-weight : bold;
	font-size : 10px;
	text-align: left;


	
}
ul#nav-box li {

	display: inline;
	padding : 5px 0;
	color:#fe9d2c;
}
ul#nav-box li a {
	padding : 4px 0.5em 4px 0.5em;
	color:#fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}
ul#nav-box li a:hover {
	background-color:#0127c2;
	text-decoration: underline;
	color: #fff;
	border-right: 1px solid #fff;
}

	/* La pub
-------------------------------------------------------- */	
.publicite
{
font-size:10px;
color:#000000;
line-height:1.5em;
margin-bottom:10px;
padding:10px;
border:#FF0000 1px solid;
text-align:justify;
}

#right .publicite {
font-size:10px;
color:#000000;
line-height:1.5em;
margin-bottom:10px;
padding:10px;
border:#FF0000 1px solid;
text-align:justify;
}

.publicite a{
	color:#0000FF;
	text-decoration: underline;
	background: transparent;
}
.publicite a:hover{
	color:#FF3333;
	background: transparent;
}

	
.antiexplorer{ 
background-color: #CC0000;
border-style: outset; border-width: medium; border-color: #d0c7c7;
color: white;
padding: 10px;
margin: 0 20px 20px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 160%;
text-align:left;
}
	

	/* La Structure
-------------------------------------------------------- */	
	#page{
		width: 956px;
		margin: 1em auto;
		margin-top:0px;
		width:100%
		text-align: left;
		background: #eeeeee url(img/page.png) repeat-y center top;
	}

	#top {
	height: 180px;
    background: #eeeeee url(img/top.png) no-repeat left top;
	margin:0; padding:0;


		}
			#top h1{
	margin-left:730px;
	padding-top:40px;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:underline;
	
	}
	
	#top h1 a{
	text-decoration: none;
	color: #FFFFFF;
}


	#main {
		margin:0; padding:0;

		}
	#main2 {
		margin:0; padding:0;
	
		}
	

	#search fieldset, #search p{
		margin: 0;
		padding: 0;
	}
	
	#q{
		padding-left: 18px;
		background: #fff url(img/q.png) no-repeat 4px center;
	}

	#right {

		float:right;
		width:180px;
		margin:0; padding:0;
		font-size:80%;
		/*background-color:green;*/
		}
	
	#right div{
		border-bottom: 1px solid #F0F0F0;
		color: inherit;
		margin:0 26px 0 0; padding:0.5em;
	
	}
	
	#right div ul{
		margin: 10px;
		padding: 0;
		list-style:square;
	}
	
	#right h2, #sidebar h3{
		color: #3333CC;
		margin: 0 0 1ex 0;
		text-align:left;
	}
	
	#right h3{
		font-size: 1em;
		margin: 0;
	}

#right #presentation {
	color:#000000;
	line-height: normal;
	text-align: left;
	background-color: #eeeeee;
	border: 1px dashed #990099;
	padding: 5px;
}

#right #presentation ul{
	font-size:10px;
	list-style:none;
}

	#content {
		margin:0 200px 0 26px;
		background:none;
		font-size:80%;

		}

.chapitre
{
color:#006699;
background-color:#F0F0FF;
border:#0127c2 1px solid;
text-align:justify;
margin: 0 0 1.5em 0 ;
}
.chapitre h3 
{

color:#FFFFFF;
background-color:#0127c2;
text-align:left;
padding-left:30px;
margin:0;

}
div.chapitre div,p
{

padding:20px;
margin:0;

}
.bluebold {
	color: #3333CC;
	font-weight: bold;
}
	.column-in {
		margin:0; padding:0 1em 0 0;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
#footer{
	margin: 0;
	padding: 1em;
	/*border-top: 1px solid #CCC;*/
	background: #EEE;
	color: #666;
	background: #eeeeee url(img/down.png) no-repeat left top;
	height:94px;
	text-align:center;
}

#footer a{
	color: #999;
}

.copy { text-align:center; font-size:70%; 	color: #666666; }	



/* Le menu
-------------------------------------------------------- */
#right div#categories{
 padding:0;
	
	}
	
#right #categories ul{
padding:0;
margin:0;
}

#categories li{
border:#d6e1ec 1px solid;
font-size:11px;
list-style:none;
}

#categories a{
display:block;
text-decoration:none;
color:#336699;
background-color:#ffeee6;
padding-left:1em;
}


#categories a:hover{
background-color:#3333CC;
color:#FFFFFF;
}

/* Le contenu
-------------------------------------------------------- */
.day-date{
	padding-left: 20px;
	margin-left: -25px;
	color: #888;
	background: transparent url(img/day-date.png) no-repeat left center;
	font-style: italic;
}
.post{
width:525px;
		text-align:justify;
	margin-bottom: 10px;
	padding: 0 20px; 
	background: #fff url("img/post/post-bg.png") 0 0 repeat-y;
}
.post-top {

	margin: 0 -20px;
	height: 62px;
	background: transparent url("img/post/post-top.png") 0 0 no-repeat;
}
.post-bottom {
	margin: 0 -20px;
	height: 26px;
	background: transparent url("img/post/post-bottom.png") 0 0 no-repeat;
}

.post-title{
margin-top:-15px;
	color: #339999;
	background: transparent;
	margin-bottom: 0;
}

.post-title a{
	color:#3333CC;
	text-decoration: none;
}

.post-title a:visited{
	color:#3333CC;

}
.post-title a:hover{
	color:gray;

}

.post-info{
	margin-top: 0;
	color:gray;
	font-weight: bold;
	text-align:right;
	border-top: 1px solid #D2D2D2;
		margin-bottom: 20px;
	}

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

.post-content{
	text-align:justify;
	}

.post-content a{
	color: #339999;

	}
.tags{
margin-top:3px;
margin-bottom:3px;
	font-weight: bold;
	text-align:left;

	}

.auteur{
	color : gray;
	font-weight: bold;
	text-align:right;
	}

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

	
.post-info-co{
	color: gray;
	text-align: left;
	border-top: 1px solid #D2D2D2;
	padding-left: 0px;
	font-size:10px;
	font-weight: bold;
	margin-bottom:10px;
}
#comments{
width:510px;
}

#trackbacks h3, #comments h3{
	color: #3333CC;
	border-bottom: 1px solid #D2D2D2;
	}
	
#trackbacks blockquote, #comments blockquote{
background-color:#FFFFCC;
	border: 1px solid #D2D2D2;
	margin: 0;
	padding: 0 1em;
}

/* Le calendendrier
-------------------------------------------------------- */
div#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

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

div#calendar table caption{
	margin: 0 auto;
}

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

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

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

div#calendar table td a:hover{
	background: #DBB8DC;
	color: #636;
}

.level {
font-size: 12px;
text-align:justify;
}
.level a{
	color:#FF3300;
	text-decoration:none;

}

/*----------------- bloc styles
-------------------------------------------------------- */

.bloc1{
	background-image:url(img/bloc/firefox_L.png);
	background-repeat:no-repeat; 
	background-position:right top; 
	height:65px;
	font-size:13px;
	width:570px;
	font-weight:bold;
	text-align:center;
}

.bloc2{
	background-image:url(img/bloc/firefox_R.png);
 	background-repeat:no-repeat; 
	background-position:left top;
 	padding:0px 70px 0px 60px;
  	text-align:left;
}
.level-5{font-size: 1.6em; }
.level-4{font-size: 1.4em; }
.level-3{font-size: 1.2em; }
.level-2{font-size: 1.0em;}
.level-1{font-size: 0.8em;}

.source{
	font-size: 10px;
	color: #666666;
}

/* ]]> */