body {
	margin : 0;
	padding : 0;
	background-attachment : fixed;
	text-align : left;
	font: 0.7em Arial;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: left top;
}

#cont {
	width : 786px;
	text-align : left;
	margin : 0 auto 0 auto;
	background-image: url(images/fondcentre.jpg);
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#cont_haut {
height : 218px ;
background : url(images/conthaut5.jpg) ;  }


#cont_bas {
	height : 81px;
	background : url(images/contbas.jpg) top left no-repeat;
}






#menu {
	margin-left : 53px;
	width : 679px;
	background-image: url(images/bgmenu.jpg);
}


#menu ul { 
margin : 0 ;
padding :  0 ;
list-style : none ;
height : 30px ;
line-height : 28px ;
}


#menu li {
float : left; 
list-style : none ;
}


#menu li a{
display : block; 
float : none; 
margin : 0 ;
padding : 0 10px 0 10px ;
text-transform : uppercase ; 
text-decoration : none ; 
color : #000000; 
font-weight : bold ; 
background : url(images/sep.jpg) right no-repeat  ;  
}



#menu li a:hover {
 color : #999999; 
}




#centre {
	margin: 20px 0 0 54px;
	width : 678px;
	background-color: #FFFFFF;
}




#gauche {
	position : relative;
	margin :0 0 0  0;
	float : left;
	width : 132px;
}


#gauche  ul{
width : 132px;
background : transparent; 
margin : 0 ;
padding :  0 ;
list-style : none ;

}


#gauche li {
list-style : none ;
}


#gauche li a{
	width : 132px;
	height : 28px;
	line-height : 28px;
	display : block;
	margin : 0;
	padding : 0;
	text-transform : uppercase;
	text-decoration : none;
	color : #000000;
	font-weight : bolder;
	text-indent: 4px;
	background-image: url(images/bootover.jpg);
}

#gauche li a:hover{
	color: #999999;

}


#gauche p{
 margin : 4px 0 6px; 
 padding : 0 4px; }




#droite {
margin : 0 0 0 10px; 
float : left ; 
	width : 535px; 
background : transparent;
 }


#droite p {
margin : 10px 0 0  0; padding : 0 ; 

 }





#footer {
	clear : left;
}

#footer p{
	margin : 20px 0 0 160px;
	font-size : 10px;
}
  
  
  #footer a{
color : #000 }


  #footer a:hover {
text-decoration : none ;  }






.textegauche {
 }
 
 
 





h1 {
	padding : 0;
	font-size : 18px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0px;
}

h4 {
	font-size : 12px;
	text-transform: uppercase;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 100px;
	color: #0066FF;
	text-decoration: blink;
	padding-top: 10;
	background-color: #00FF00;
	padding-bottom: 10px;
	background-image: url(images/bootonb.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}









 
#droite  h2 {
width : 200px ; 
padding : 0 0 10px; 
margin : 10 0 0 0px;
color : #000 ;
font-size : 14px ;
text-transform : uppercase ;  }


h2 {
	margin :  0;
	padding : 10px 0 0 0;
	clear : left;
	color : #000000;
	font-size : 14px;
	font-weight: normal;
}

h3 {
margin :  0 ; 
padding : 10px 0 0 0 ;
 clear : left ;
 color : #000 ;
font-size : 14px ; }



.important {color : #479900 ; font-weight : bold ; }


.imgkart {float : right ; margin-top : 10px ; }

.imgintro {float : left ;
border : 4px solid #CCCCCC;
display : block ; 
margin : 0px 20px 10px 0;}


.deco {
	height: 210px;
	width: 320px;
	margin-left: 220px;
	background-image: url(flash/hauteclat.jpg);
	background-repeat: no-repeat;
}

.decodroitehaut {
	margin-left: 20px;
	height: 104px;
	width: 157px;
	background-color: #009999;
	float: left;
	margin-top: 10px;
}

.decodroitebas {
	margin-left: 20px;
	height: 68px;
	width: 157px;
	background-color: #00CCFF;
	float: left;
	margin-top: 30px;
}



/*----------------------------------------------------------------------------------------------------------------------------*/

a {color:#787878; text-decoration:none;} 
a:hover {color:#ccc; text-decoration:none;} 

a.class1 {
	color:#0033FF;
	text-decoration:none;
	margin-bottom: 5px;
} 
a:hover.class1 {color:#000099; text-decoration:none;}

a.class2 {color:#fff; text-decoration:none; font-weight : bold} 
a:hover.class2 {color:#fff; text-decoration:none;}

a.class3{color:#000; text-decoration:none; } 
a:hover.class3 {color:#000; text-decoration:none;}

a.class4{color:#787878; text-decoration:none; } 
a:hover.class4 {color:#000; text-decoration:none;}

a.class5 {color:#000; text-decoration:none; font-weight : bold ; text-transform : uppercase } 
a:hover.class5  {color:#ccc; text-decoration:none;}

a.class6 {color:#365567; text-decoration:none; font-weight : bold ; font-size : 9px ; text-transform : uppercase; } 
a:hover.class6  {color:#ccc; text-decoration:none;}  

a.class7 {color:#ccc; text-decoration:none; font-weight : bold ; font-size : 10px ; margin-left : 120px} 
a:hover.class7  {color:#ccc; text-decoration:none;} 

a.class8{color:#787878; text-decoration:none; font-weight : bold} 
a:hover.class8 {color:#ccc; text-decoration:none;} 

a.class9{color:#000; text-decoration:none; font-weight : bold} 
a:hover.class9 {color:#ccc; text-decoration:none;} 

a.class10{color:#365567; text-decoration:none; text-transform : uppercase;  font-size : 10px ; font-weight : bold } 
a:hover.class10 {color:#ccc; text-decoration:none;} 

a.class11 {
	color:#5153C5;
	text-decoration:none;
	margin-bottom: 5px;
} 
a:hover.class11 {color:#000066; text-decoration:none;}

a.class12{
	color:#000000;
	text-decoration:none;
	text-transform : uppercase;
	font-size : 16px;
	font-weight : bold;
	padding-top: 100px;
} 


a.class13{
	color:#000000;
	text-decoration:none;
	text-transform : none;
	font-size : 12px;
	font-weight : normal;
} 
 

/*----------------------------------------------------------------------------------------------------------------------------*/

.notop {
	text-transform: none;
}
/*-------------------------------------------------------------------------------TEXTE PETITE BOITE------------------------*/

.imageboite {
	float: left;
	margin-bottom: 10px;
}

.titre {
	color : #000000;
	font-weight : bold;
	font-size: 15px;
	text-transform: uppercase;
	padding-top: 50px;
	margin-left: 15px;
}

.titretexte {
	color : #333333;
	margin-left: 15px;
	padding-top: 10px;
	padding-right: 50px;
}
/*-----------------------------------------------------MENU GAUCHE DESSOUS----------------------------------------------------*/

.sepamenu {
	height: 15px;
	background-color: #FFFFFF;
}

#gaucheb {
	position : relative;
	margin :0 0 0  0;
	float : left;
	width : 132px;
}


#gaucheb ul{
width : 132px;
background : transparent; 
margin : 0 ;
padding :  0 ;
list-style : none ;

}


#gaucheb li {
list-style : none ;
}


#gaucheb li a{
	text-indent : 4px;
	width : 132px;
	height : 28px;
	line-height : 28px;
	display : block;
	margin : 0;
	padding : 0;
	text-transform : uppercase;
	text-decoration : none;
	color : #5153C5;
	font-weight : bold;
	background-image: url(images/bootonb.jpg);
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
}

#gaucheb li a:hover{
	color: #000066;

}


#gaucheb p{
 margin : 4px 0 6px; 
 padding : 0 4px; 
 background : url(images/pucegauce.jpg) no-repeat 0 3px; }