.img{
	border:0;

}	


.typopetite{
	font-family: Trebuchet MS;
	font-size: 10px;
	font-color: #999999; 
	color: #999999; 

}


.titre{
	font-family: Trebuchet MS;
	font-size: 16px;
	font-color: #ff6600; /* couleur claire */ 
	color: #ff6600; /* couleur claire */ 

}	

.titrefonce{
	font-family: Trebuchet MS;
	font-size: 16px;
	font-color: #993399; /* couleur foncee */ 
	color: #993399; /* couleur foncee */

}

.typoblanche {
	font-family: Verdana;
	font-size: 13px;
	font-color: #FFFFFF;
	color: #FFFFFF;
	
}	

.typoblanche2 {
	font-family: Verdana;
	font-size: 11,5px;
	font-color: #FFFFFF;
	color: #FFFFFF;
	
}	


.typoclaire { 
	font-family: Verdana;
	font-size: 13px;
	font-color: #ff6600; /* couleur claire */ 
	color: #ff6600; /* couleur claire */ 
	
}

.typofonce { 
	font-family: Verdana;
	font-size: 13px;
	font-color: #993399; /* couleur foncee */
	color: #993399; /* couleur foncee */
}

.bord {
border : 1px solid #ffffff;
} 

A {
text-decoration:none;
border-bottom:1px dashed ;
}

A:hover {
background-color:#996699; /* couleur lien */
}

A IMG { 
border: none;
border-bottom:0px dashed ; 
} 

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal; 
    display: block; 
    position: absolute; 
    top: 20px; 
    left: -10px; 
    padding: 5px; 
    color: #000; 
    border: 1px solid #000000; 
    background: #e1e0e0; 
    width:170px;
}
a.tooltip:hover em span {
    position: absolute; 
    top: -7px; 
    left: 15px;
    height: 7px; 
    width: 11px; 
    background: transparent url(illustr/image-infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}

/*BLOCS DE TEXTE*/

#conteneur {
	width: 777px;
	padding: 0 4px 0 4px;
	margin: auto;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='illustr/ombre.png', sizingMethod='scale')
}

/* Hack CSS  */
html>body #conteneur {
	filter: none;
	background: url('illustr/ombre.png') repeat-y
}

div#content {
	width:777px;
	height:700px;
	margin-left: auto;
    margin-right: auto;
	background-color: #ece1c5;
	position: relative;

}

div#contentbis {
	width:777px;
	height:auto;
	margin-left: auto;
    margin-right: auto;
	background-color: #ece1c5;
	position: relative;
	background-image: url(illustr/stries-gris.png);

}


div#image-haut {
	width:777px;
	height:150px;
	margin-left: auto;
    margin-right: auto;
	border-bottom:0px dashed #ffffff; 
	background-image: url(illustr/bandeau-haut.jpg);
}

div#news {
	width:170px;
	height:150px;
	position:absolute;
	background-image: url(illustr/stries-news.png);
	padding-top: 10px;
	padding-left:10px;
	padding-right: 10px;
	margin-top:70px;
	margin-left:30px;
	border:1px dashed #ff6600; /* couleur claire */
	background-color: #999999;
	left: 0px;
	top: 170px;

}

div#expos {
	width:170px;
	float:left;
	position: absolute;
	background-image: url(illustr/stries-news.png);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:10px;
	padding-right: 10px;
	margin-top:40px;
	margin-left:30px;
	border:1px dashed #ff6600; /* couleur claire */
	background-color: #999999;
	left: 0px;
	top: 405px;

	}

div#pave {
	width:441px;
	height:150px;
	position:absolute;
	padding-top: 10px;
	padding-left:20px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top:70px;
	margin-left:30px;
	margin-right:30px;
	background-color: transparent;
	background-image: url(illustr/bloc-fleche-conc.png);
	left: 241px;
	top: 169px;
	
}

div#pavebas {
	width:441px;
	height:150px;
	position:absolute;
	padding-top: 10px;
	padding-left:20px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-top:40px;
	margin-left:30px;
	margin-right:30px;
	background-color: transparent;
	background-image: url(illustr/bloc-fleche-local.png);
	left: 240px;
	top: 405px;
}

div#pavehaut {
	width:441px;
	height:150px;
	padding-top: 10px;
	padding-left:20px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: transparent;
	background-image: url(illustr/bloc-fleche.png);

}

div#moteur {
	width:186px;
	position:absolute;
	margin-bottom:20px;
	clear:both;
	background-color: transparent;
	left: 580px;
	top: 620px;

}

div#menubas {
	clear:both;
	width:777px;
	height:24px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	background-color: #666666;
	background-image: url(illustr/degrade-22.jpg);
	
}

div#contact {
	width:777px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	text-align:center;
	background-color: transparent;
	height: 20px;
	line-height:10.5pt;
	}
	
div#gauche {
position: absolute;
left:0;
width: 200px;
padding-top:60px;
padding-left:10px;
padding-bottom:20px;
padding-right:10px;
background-color:transparent;
}

div#centre {
background-color:#ece1c5;
padding-top:60px;
padding-left:30px;
padding-bottom:20px;
padding-right:30px;
margin-left: 220px;
border-left:2px dashed #ff6600; /* couleur claire */
line-height: 140%;
background-image: url(illustr/barregraphes.gif);
background-repeat:no-repeat;
}


div#intro {

text-align:center;


}

div#outro {

text-align:left;
width:100%;

}

 

body {
background-color:#0b0b0b;
background-image: url(illustr/background.jpg);
background-repeat:no-repeat;
background-position: center top;
margin: 0 0 0 0;
width: 777px;
   margin: auto; 
  font: Trebuchet MS;
font-size: 11.8px;


}

#barremenu {
	width:777px;
	height:24px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(illustr/degrade-22.jpg);
}



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
margin:auto;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
margin:auto;
font: Trebuchet MS;
width: 9em;
margin: 0 1.4px;
}
#menu dt {
margin:auto;
cursor: pointer;
text-align: center;
background: transparent;
border-left: 1px solid #ff6600; /* couleur claire */
}
#menu dd {
border: 1px solid black;
}
#menu li {
text-align: center;
background: #cccccc;
border-bottom: 1px dashed black;
}
#menu li a, #menu dt a {
font: Trebuchet MS;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: 996699; /* couleur lien */
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid black; 
}

a {text-decoration: none;
font: Trebuchet MS;
color: white;
}

a.image:hover{
		background-color:transparent;
		}
a.image {
text-decoration:none;
border:0px;
}