body {
	/*padding: 0;
	margin: 0;
	background-color: #171B20;
	font-size: 12px;
	font-family:"Lucida Grande", Tahoma, sans-serif;
	font:large;
	padding: 0; margin: 0; width: auto;
	background: /*black*/ /*url(/*bg_page_base*//*2.gif) repeat-y fixed 50% 50%;*/
	
	padding: 0; margin: 0; width: auto; background: black url(2.gif) repeat-y fixed 50% 50%; font-family: Arial, Helvetica, Sans-serif; font-size: 11px;

	
}

#Preload { display:none; }


a.hautG {display: block;width: 277px; height: 138px; 
background-image: url(../Images/Main/hautG.jpg);background-repeat: no-repeat;}
     
a.hautG:hover {background-image: url(../Images/Main/hautGc.jpg);}

* {
	margin: 0;
	padding: 0;
}
a.hautD {display: block;width: 423px; height: 139px; 
background-image: url(../Images/Main/hautD.jpg);background-repeat: no-repeat;}
     
a.hautD:hover {background-image: url(../Images/Main/hautDc.jpg);}

* {
	margin: 0;
	padding: 0;
}
a.basG {display: block;width: 161px; height: 179px; 
background-image: url(../Images/Main/basG.jpg);background-repeat: no-repeat;}
     
a.basG:hover {background-image: url(../Images/Main/basGc.jpg);}

* {
	margin: 0;
	padding: 0;
}
a.basM {display: block;width: 296px; height: 178px; 
background-image: url(../Images/Main/basM.jpg);background-repeat: no-repeat;}
     
a.basM:hover {background-image: url(../Images/Main/basMc.jpg);}

* {
	margin: 0;
	padding: 0;
}
a.basD {display: block;width: 243px; height: 178px; 
background-image: url(../Images/Main/basD.jpg);background-repeat: no-repeat;}
     
a.basD:hover {background-image: url(../Images/Main/basDc.jpg);}

* {
	margin: 0;
	padding: 0;
}
/* boutons qui changent de couleurs , techniques un peu grossière mais efficace*/
a.plansite {display: block;width: 100px; height: 44px; 
background-image: url(../Images/Main/plansite.jpg);background-repeat: no-repeat;}
     
a.plansite:hover {background-image: url(../Images/Main/plansitec.jpg);}

* {
	margin: 0;
	padding: 0;
}
a.contact {display: block;width: 73px; height: 44px; 
background-image: url(../Images/Main/contact.jpg);background-repeat: no-repeat;}
     
a.contact:hover {background-image: url(../Images/Main/contactc.jpg);}

* {
	margin: 0;
	padding: 0;
}
a.telechargement {display: block;width: 100px; height: 44px; 
background-image: url(../Images/Main/telechargement.jpg);background-repeat: no-repeat;}
     
a.telechargement:hover {background-image: url(../Images/Main/telechargementc.jpg);}

* {
	margin: 0;
	padding: 0;
}

a.forum {display: block;width: 60px; height: 44px; 
background-image: url(../Images/Main/forum.jpg);background-repeat: no-repeat;}
     
a.forum:hover {background-image: url(../Images/Main/forumc.jpg);}

* {
	margin: 0;
	padding: 0;
}

a.tutoriels {display: block;width: 73px; height: 44px; 
background-image: url(../Images/Main/tutoriels.jpg);background-repeat: no-repeat;}
     
a.tutoriels:hover {background-image: url(../Images/Main/tutorielsc.jpg);}

* {
	margin: 0;
	padding: 0;
}

a.newsletter {display: block;width: 73px; height: 44px; 
background-image: url(../Images/Main/newsletter.jpg);background-repeat: no-repeat;}
     
a.newsletter:hover {background-image: url(../Images/Main/newsletterc.jpg);}

* {
	margin: 0;
	padding: 0;
}

/*fin des boutons*/
/* Css générale (corps de toutes les pages pages*/


a:link {  color: #09F ; }
a:visited {  color: #09F; }

.page-sidebar {
	position: fixed; 
	top: 30px; 
	left: 20px;	
	width: 250px; 
}

	
h1 {
	text-align: center;
	font-weight: normal;
	font-size: 180%;
	color: #96BF55;
	margin: 5px 0 15px 0;
	font-family:"Segoe Print";
}

	h1 span {
		clear: both;
		font-size: 60%;
		color: #FF9;
	}


h2 {
	text-align: left;
	font-weight: normal;
	font-size: 150%;
	color: #09f;
	margin: 5px 0 15px 40px;
	font-family:"Segoe Print";
}

	h2 span {
		clear: both;
		font-size: 70%;
		color: #FF9;
	}
	
h3 {
	clear: both;
	font-size: 120%;
	color: #2b3559;
	font-weight:700;
	margin: 30px 10px 10px 10px;
	text-align:center;

}
h4 {
	clear: both;
	font-size: 100%;
	color: #09F;
	font-weight:700;
	margin: 30px 10px 10px 100px;
	text-align:left;

}



.navigation { 
	
	list-style: none; 
	margin: 100px  0 30px 0; 
	width: 150px;
}

	.navigation li { 
		padding: 0; 
		margin: 0; 
	}

	.navigation a,
	.navigation a:link,
	.navigation a:visited {
		
		display: block;
		height: 25px;
		line-height: 25px;
		padding: 0 10px 0 10px;
		border-bottom: 1px solid #ffffff;
		color: #000000;
		background-color: #817f7f;
		text-decoration: none;
	}

	.navigation a:hover {
		color: #ffffff;
		background-color: #6b0303;
	}


	

/*sous-conteneur*/	

p {
	background-color: #45494a;
	margin: 0 0 20px 10px;
	color: #cccccc;
	float:left;
	height: 382px;
	width: 690px;
	border-top: 1px solid #000000;
}

/*petit conteneur de droite*/
small {
		color: #09F;
		float:right;
		/*text-align:justify;*/
		margin-right:10px;
		/*margin-top:30px;*/
		font-size: 11px;
		width:150px;
		
}




pre {
  	font-size: 11px;
  	padding: 10px 10px 20px 10px;
  	background: #000000;
  	overflow: auto;
	margin: 10px 0 10px 0;
	overflow-x: auto;
	overflow-y: hidden;
	width: 580px;
	color:#FFFFFF;
}

/* notions-box*/
code {
	background-color: #45494a/*c79409*/;
	margin-right:10px;
	margin-top:30px;
	color: #ffffff;
	float:right;
	height: 282px;
	width: 150px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}