html,body{margin:0;padding:0}
body{background: #f1d67d url('Visuel/fond.jpg') repeat-x ;font: 100% arial,sans-serif}
p{margin:0 10px 10px}
a{font: 80% arial, sans-serif;color: #930}

h4 {font: 14px arial, sans-serif;font-weight: bold;color: #000; letter-spacing: 2px; line-height: 15px}
h5 {font: 80% Verdana, arial, sans-serif;color: #000}
h6 {font: 60% arial, sans-serif;color: #930}
div#header {height:140px;margin:0;
padding-left:300px; background: url('Visuel/HeaderOrange3.jpg') no-repeat;color: #000}

div#navcontainer {margin:0;background: url('Visuel/menu.gif') no-repeat;color: #000}



div#container{text-align:left;background: #fff;border-left: 1px solid #000;border-right: 1px solid #000}
div#content p{line-height: 1.1}
div#smile{background: #fff}
div#footer{background: url('Visuel/Footer.jpg') repeat-x ;color: #fff}
div#footer p{margin:0;padding:25px 10px}
div#container{width:770px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{background: #fff; color: #000;margin-left: 300px}
div#contenta{background: #fff; color: #000;margin-left: 150px}
div#smile{float:left;width:150px;margin-left:-770px}
div#bsmenu{float:left;width:150px;margin-left:-620px}
div#footer{clear:left;width:100%;height:45px}
.copy {
font-size: 10pt; font-weight: bold; line-height:1; 
font-family: Arial, Helvetica, Geneva, sans-serif; color : white; }
.copy a {
font-size: 10pt; font-weight: bold; line-height:1; text-decoration: none; 
font-family: Arial, Helvetica, Geneva, sans-serif; color : white; }
.copy a:hover {
font-size: 10pt; font-weight: bold; line-height:1; text-decoration: none; 
font-family: Arial, Helvetica, Geneva, sans-serif; color : #fc0; }

ul#smenu
{
	margin: 0 ;
	padding: 0 ;
	font: 90% arial, sans-serif;color: #000;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#smenu li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 1px pour aérer le tout */
}

ul#smenu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 150px ;
	font: 100% arial, sans-serif;color: #000;

	line-height: 25px ;
	color: #000 ;
	text-indent: 10px ; /* On décale le texte de 10px du bord gauche */

	text-decoration: none ;
	background: url("Visuel/coche1.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #fff ;
}

ul#smenu li a:hover
{
	background: url("Visuel/coche1.gif") no-repeat 0 -25px ; /* Et ici on décale l'image du background de 25px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #930 ;
	border: 0px solid #fff ;
}


     /* Sous-Rubrique en cours */         
span.sactif
{
	display: block ; 
	width: 150px ;
	font: 100% arial, sans-serif;color: #000;
	line-height: 25px ;
	color: #000 ;
	text-indent: 10px ; 
	text-decoration: none ;
	background: url("Visuel/cocheA1.gif") no-repeat 0 0 ; 
	border: 0px solid #fff ;
}

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 5px 0 ;
	padding: 0 ;
	float: left;

/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 150px ;height: 40px;
	font: 100% arial, sans-serif ;font-weight: bold;

	line-height: 30px ;
	color: #000 ;
	text-indent: 10px ; /* On décale le texte de 10px du bord gauche */

	text-decoration: none ;
	background: url("Visuel/bulle.gif") no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #fff ;
}


ul#menu li a:hover
{
	background: url("Visuel/bulle.gif") no-repeat 0 -30px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	color: #930 ;
	border: 0px solid #fff ;
}


     /* Rubrique en cours */         
span.actif
{
	display: block ; 
	width: 150px ;height: 40px;
	font: 100% arial, sans-serif;color: #000;
	line-height: 30px ;
	color: #000 ;
	text-indent: 10px ; 
	text-decoration: none ;
	background: url("Visuel/bulle.gif") no-repeat 0 -30px ; 
	border: 0px solid #fff ;
}