body{
	margin:0; padding:0;
	background-image:url(../images/fond.gif);
}
*{ font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:black; }
div, p, a, img, form{ margin:0; padding:0; }
a{ color:#333333; text-decoration:none; }
a:hover{ color:#999999; text-decoration:underline;}
img{ border:none; vertical-align:middle; }
li{ list-style : none; }
ol.list1 li{
	list-style-type:decimal;
	font-weight:bold; color:red;
}
ol.list1 p, ol.list1 ul li{
	list-style:none;
	font-weight:normal; color:black;
}

/* Fenêtre Ms-DOS */
table.dos{
	margin:0 0 0 20px; padding:0;
	width:550px;
	border:2px outset silver; border-collapse:collapse; 
}
table.dos td.title{
	padding:1px 20px;
	background-image:url(../images/msdos.gif);
	background-repeat:no-repeat; background-position:2px 50%;
	background-color:#000099;
	border:2px inset silver;
	font-family:"Times New Roman";font-size:12px; font-weight:bold; color:white;
}
table.dos td.content{
	padding:4px;
	background-color:black;
	border:2px inset silver;
	font-family:Arial; font-size:11px; font-weight:bold; color:white;
}
table.dos td.content em{ font-weight:normal; font-style:normal; color:white; }

/********************************
 *  Motif pour la barre du haut
 ********************************/
#menuTop{
	margin-right:6px; padding-left:6px;
	height:65px;
	background-image:url(../images/img_menu/haut_2.gif);
}
#menuTop img{ vertical-align:text-bottom; }
#menuTop b{ font-size:10px; }
#menuTopRight{
	position:absolute; top:0; right:0;
	width:6px; height:65px;
	background-image:url(../images/img_menu/haut_3.gif);
}
#navBarr{
	position:absolute; top:1px; right:10px;
	padding-left:10px;
	width:420px; height:27px;
	background-image:url(../images/menu/doubleeval.jpg);
	background-repeat:no-repeat; background-position:0% 50%;
	border-bottom:1px solid black;
}
#navBarr a{
	padding:6px 2px 7px 30px;
	background-repeat:no-repeat; background-position:0% 50%;
	font-size:11px;
	vertical-align:middle;
}
#navBarr a.Home{ background-image:url(../images/menu/home.gif); }
#navBarr a.Favoris{ background-image:url(../images/menu/favoris.gif); }
#navBarr a.goLeft{
	padding:8px 0 7px 24px;
	background-image: url(../images/menu/goleft.gif);
}
#navBarr em{
	margin:2px 0 0;	padding:6px 0 7px 24px;
	background-image: url(../images/menu/goleft_shade.gif);
}
#navBarr a.goRight{
	margin:8px 0 7px 24px;
	background-image:url(../images/menu/goright.gif);
}

#navBarr a.goRight:hover, #navBarr a.goLeft:hover{text-decoration:none;}
#navBarr input{ 
	padding:2px 0 0 2px; 
	height:15px; 
	border:1px solid #94ACCD; 
	font-size:11px; color:black; 
	vertical-align:middle; 
}
#navBarr input.buTTon{ 
	padding:0 0 0 19px;
	height:17px; 
	background:transparent;
	background-image:url(../images/menu/littlebutton.gif);
	background-repeat:no-repeat; background-position:0% 50%; 	
	border-width:0;
	font-size:10px; 
	vertical-align:middle; 
}
#menuTopInfos{
	position:absolute; top:65px; left:0; z-index:2;
	padding:10px;
	width:180px;
	background-color:#D6D6E7;
}
#menuTopInfos div{
	padding:5px;
	background-color:#F7F3F7;
}
#menuTopInfos a{
	display:block;
	padding:0 0 0 10px;
	color:#333333;
}
#menuTopInfos a:hover{ color:#999999; }
#menuTopInfos hr{
	height:1px;
	background-color:#CCCCCC;
	border-style:none;
	color:#CCCCCC;
}

/********************************
 *  Motif pour lle contennu
 ********************************/
#content, #contentComment{ margin:20px 20px 0 220px; }
.contentTitle{	
	padding:5px 0 0 2px;
	height:21px;
	background-color:#D6D6E7;
	background-image:url(../images/barre_1.jpg);
	border-left:1px solid black; border-right:1px solid black;
}
.contentTitle p{ font-size:12px; font-weight:bold; font-style:italic; }
.contentTitle p span{ padding:2px 0 0 10px; }
.contentTitle p a.return{
	padding:2px 8px;
	background-image:url(../images/retour.gif);
	background-repeat:no-repeat;
}
.contentHit{ position:absolute; top:105px; right:25px; }
.contentHit p{ font-size:11px; font-weight:normal; font-style:normal; text-align:right; }
#contentAstuces{
	margin:5px 70px 20px 0; padding:5px;
	border:1px solid #2250BB;
}
.contentTexte{
	margin:5px 0 20px;
	border:1px solid #2250BB;
}
.contentTexte p{ padding:10px; }

#floatRight{
	position:absolute; top:130px; right:20px;
	padding:5px;
	width:50px;
	background-color:#D6D6E7;
	border:1px solid #2250BB;
	text-align:center;
}
#floatRight p{ font-size:10px; color:white; }
#contentList{ margin:20px 20px 0 220px; }
#ListLeft{ float:left; }
#listRight{ float:right; }
#ListLeft,  #listRight{ width:49%; }

/********************************
 *  Motif pour pied de page
 ********************************/
#footer{ margin:20px 20px 0 220px; text-align:right; }
#footer p, #footer a{ font-size:10px; }

/********************************
 *  Motif pour livre d'Or
 ********************************/
#postNew{
	display:none;
	margin:5px auto 0 auto;
	width:400px;
}
#postNew div.contentTexte p{
	text-align:center;
}
#nameMessag, #messag, #town, #country{
	padding:0 2px; 
	height:15px; 
	border:1px solid #94ACCD; 
	font-size:11px; color:black; 	
	vertical-align:middle; 
}
#nameMessag{ width:300px; }
#messag{ width:338px; height:100px; overflow:auto; }
#town{ width:125px; }
#country{ width:125px; clear:right; }

#postNew .buttonPost input{
	width:143px; height:21px;
	background:transparent;
	background-image:url(../images/barre_1.jpg);
}
#postView{
	margin:5px auto 0 auto;
	width:400px;
}
/********************************
 *  Motif pour Commentaires
 ********************************/
#contentPost{ 
	margin:20px auto; padding:0 20px 0 220px;
	width:500px;
	text-align:center; 
}

/********************************
 *  Motif pour list
 ********************************/
.ListeFolder{ 
	margin:0; padding:0;
	list-style-position:inside;
	list-style-image:url(../images/img_menu/dossier.gif);
	font-weight:bold;
	vertical-align:middle;
}
.ListeProg, .ListeText, .ListeReg{
	list-style-position:outside;
	font-weight:normal;
}
.ListeProg{ list-style-image:url(../images/img_list/prog.gif); }
.ListeText{ list-style-image:url(../images/img_list/bloc.gif); }
.ListeReg{ list-style-image:url(../images/img_list/reg1.gif); }

/********************************
 *  Motif pour astuces
 ********************************/
.CodeReg, .lvl1, .lvl2, .lvl3, .lvl4, .lvl5, .lvl6, .lvl7, .lvl8, .lvl9{
	font-family:"Courier New", Courier, mono; font-style:normal; font-weight:normal; color:#2250BB;
}
.CodeWin{ font-family:"Courier New", Courier, mono; font-style:normal; font-weight:bold; color:#DE4A00; }
.CodeWinL{ font-family:"Courier New", Courier, mono; font-style:normal; font-weight:normal; color:#DE4A00; }

p.lvl1{ padding:0 0 0 20px; }
p.lvl2{ padding:0 0 0 30px; }
p.lvl3{ padding:0 0 0 40px; }
p.lvl4{ padding:0 0 0 50px; }
p.lvl5{ padding:0 0 0 60px; }
p.lvl6{ padding:0 0 0 70px; }
p.lvl7{ padding:0 0 0 80px; }
p.lvl8{ padding:0 0 0 90px; }
p.lvl9{ padding:0 0 0 100px; }

.link{ color:#339933; }