/*****Mise en page Div *****/
* {
	margin:0;
	padding:0;
}
body{padding:4px;background-color: #fff;font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif; }
	
#conteneur {
position: absolute;
width: 99.5%;
}
#head{
  background-image: url(images/head01.jpg);
  width:282px;
  height:84px;
  text-align:right;
  margin-left: 125px;
}

.avant{
 background-color: #3D3D3D;
}

.haut{
 width:740px;
 background-color: #9BD1FA;
 margin-left:125px;
}
.goog{
  margin-top:15px;
  margin-left:132px;
}

.titre{
	padding-left: 300px;
	color: #FFDEBD;
	font-weight: bold;
	font-family: Forte;
	font-stretch: expanded;
	font-size: xx-large;
}
.centre{
margin-left: 130px;
margin-right: 130px;
padding:8px;
}
.cont1{   
	background-image: url(images/annuaires1.gif);
	background-repeat: no-repeat;
	width:274px;
	height:200px;
	padding-top:60px;
	margin-right:20px;
	float:right;
}
.cont1 p,.cont2 p,.cont3 p,.cont4 p{padding:10px;}
.stitre{background-color:#fff;margin:0;}
.cont2{
	background-image: url(images/internet1.gif);
	background-repeat: no-repeat;
	width:274px;
	height:200px;
	padding-top:60px;
	margin-left:20px;
	}

.cont3{
	background-image: url(images/boutique1.gif);
	background-repeat: no-repeat;
	height:200px;
	width:274px;
	padding-top:60px;
	margin-right:20px;
	float:right;
}
.cont4{
	background-image: url(images/musique1.gif);
	background-repeat: no-repeat;
	width:274px;
	height:200px;
	padding-top:60px;
	margin-left:20px;
}
.gauche{
position: absolute;
left:0;
width:130px;
background: #9BD1FA;
text-align:center;
margin-top :8px;
}
.droite{
position: absolute;
right:0;
width:130px;
background: #9BD1FA;
text-align:center;
margin-top :10px;

}

.StyleA3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.bas{

}


ul {
    
	list-style-type: none;
	width: 100%;
	color: #fff;
}
.menu{
 height:20px;
}
.menu li {
float: left;
}

.menu a {
    
	margin: 0 2px;
	width: 142px;
	height: 20px;
	display: block;
	text-align: center;
	border: 1px solid gray;
	text-decoration: none;
	color: #fff;
	background: #fff;
}

.menu a:hover {
background: #ccc;
border: 1px solid gray; 
}

.menu a:active {
background: gray;
border: 1px solid gray; 
color: #fff;
}

.menuhaut {
height:25px;
padding-left:17px;
}
.menuhaut li {
float: left;
}

.menuhaut a {
    
	margin: 0 2px;
	width: 112px;
	height: 22px;
	display: block;
	font-family: "Trebuchet MS", Geneva, sans-serif;
	text-align: center;
	border: none;
	text-decoration: none;
	color: #C0C0C0;
	background: #fff;
	font-size: 14px;
}

.menuhaut a:hover {
background: Silver;
border: 1px solid gray; 
}

.menuhaut a:active {
background: gray;
border: 1px solid gray; 
color: #fff;
}
/***** BODY *****/

a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #FF9;
}
a:active {
	color: #CC6600;
}

h1,h2,p{margin: 0 10px}
h1{font-size: 250%;color: #FFF}
h2{font-size: 200%;color: #f0f0f0}
 p{padding-bottom:1em}
h2{padding-top: 0.3em}
div#nifty{ /* margin: 0 10%; */background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #fff}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #9BD1FA}
b.r1, b.rb1{margin: 0 5px}
b.r2, b.rb2{margin: 0 3px}
b.r3, b.rb3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4,b.rbtop b.rb4, b.rbottom b.rb4{margin: 0 1px;height: 2px}
b.rbtop, b.rbbottom{display:block;background: #9bd1fa}
b.rbtop b, b.rbbottom b{display:block;height: 1px;
    overflow: hidden; background: #fff}