html, body {
    height:100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
	background:url(../img/bg.jpg) #93461b center;
	background-repeat: repeat-y ;
	z-index:1;
}
strong{
color: #93461B;
}
b {
color: #93461B;
}
.mega {
	color: black;

	font-size:22px;
}
div#conteneur {	
    width: 950px;
	margin:auto 0;
	text-align: left;
	background:url(../img/bgpage.jpg) #93461b;
	background-repeat: repeat-y ;
	z-index:2;
	padding: 0;
}

/* Debut hack IE mac \*/
div#conteneur {
	position: absolute;
	left: 50%;
	margin-left: -475px;
	text-align: left;
	background:url(../img/bgpage.jpg) #93461b;
	background-repeat: repeat-y ;
	padding: 0;
	z-index:2;

}

.important{
font-weight:bold;
/*color:black;*/
color:#8b431a;
font-style:oblique;

}
#texte{
position:relative;
margin-left:25%;

padding:0;
z-index:5;
margin-top:340px;
width:600px;
text-align: justify;
}
.tab {
border-style: dotted;
display:block;
border-color:black;
background:#e5b899;
border:1px;
}
.tab2 {
border-style: dotted;
display:block;
border-color:#93461b;
background:#e5b899;
border:1px;
font-weight:bold;
}

.intro {
font-family:arial;
font-weight: bold;
font-size:14px;
color:white;
line-height:20px;
}
#intro2 {
position:relative;
font-family:arial;
font-weight: bold;
font-size:14px;
color:white;
z-index:20;
}
#intro2 li :hover {
color:#93461b;

}
td .intro  {
font-family:arial;
font-weight: bold;
font-size:14px;
color:white;
}
#contenu{
font-family:arial;
font-size:14px;
/*color:#8b431a;*/
color:black;
line-height:18px;
}
.ligne{
width:600px;
height:1px;
display:block;
background:#9f5b32;
font-size:0px;
font-weight:normal;
}
.ligne2{
width:280px;
height:1px;
display:block;
background:#9f5b32;
font-size:0px;
font-weight:normal;
}


.menup {
	/* ne pas changer : permet de positionner le menu  */
	position:absolute;
	left: -130px;				/* ne pas changer : les sous menus s'affichent 10px à gauche des titres de menu (cad à -10px)  */
	top:-200px;				/* ne pas changer : les sous menus s'affichent a 24px en dessous des titres de menu */
	width: 175px;				/* Les sous-menus s'affichant sous les menus ont une largeur de 175px   */
	padding: 0;					/*  pas de marge intérieure dans les sous menus */ 
	margin: 0;					/*  pas de marge exterieure dans les sous menus */
	border-top:none;			/* sauf en haut */
	margin-top:35px;
	z-index:11;
	font-size:16px;
	}
	
.menup2 {
	list-style: none;			/* On  ne veut pas de puces affichées à côté des items des sous menus */
	font-family:arial;
	font-size:15.92 px;
	color:white;
	font-size:16px;
	letter-spacing:0.75px;
	padding: 0.2em 0;			/* Espacement intérieur de 0.5 fois la hauteur d'une ligne en haut et en bas  */
	text-align:left;			/* le texte est centré dans les sous menus  */ 
	line-height:25px;
	z-index:11;
	} 
.menup2 a:hover {
color:#f0933d;
	} 
a{
text-decoration:none;
color:white;
}


#top a{
position:absolute;
top:20px;
width:100px;
left:110px;
height:140px;
display:block;
/* background:black; */
}

#top a span{
display:none; 
}
.titrecom{
background:white;
background-width:500px;
}
.rub {
border:3px solid white;
}
#bas{
	position:relative;
	height: 65px;
	width: 950px;
	margin:0px;
	
	text-align: left;
	background: url(../img/bas.jpg) no-repeat;
	bottom:0px;
	padding: 0;

}

#titre{
position:absolute;
font-size:33px;
right:300px;
margin-top:-75px;
font-family:Arial;

color:white;


}
#smenu{
position:absolute;
margin-top:20px;
margin-left:-195px; /*changer ici pour le sous menu si il sort sur le coté droit */
z-index:10;

}
.secondmenu a{
position:relative;
color:#d89d72;
z-index:8;
font-size:11px;
}
.secondmenu {
position:relative;
top:-62px;
color:#93461b;
margin-left:19px;
left:195px;
list-style: none;			/* On  ne veut pas de puces affichées à côté des items des sous menus */
font-family:arial;
float:left;
padding:0;
text-align:right;
color:#d49f77;
font-weight:bold;

}
.secondmenu a:hover {
color:#8b431a;
}

#select {
color:#8b431a;
}
#smenu3{
position:absolute;
margin-top:-280px;
margin-left:-240px;
z-index:10;
}
.secondmenu3 a{
position:relative;
color:#93461b;
z-index:8;
font-size:11px;
}
.secondmenu3 {
position:relative;
margin-top:282px;
margin-left:22px;
font-size:12px;
left:180px;
list-style: none;			/* On  ne veut pas de puces affichées à côté des items des sous menus */
font-family:arial;
float:left;
padding:0;
text-align:right;
color:#93461b;
font-weight:bold;

}





















































/* BEAUCOUP DE CHOSES POUR PAS GRAND CHOSE */

.actif-2{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-15px;
width:500px;
height:30px;
background:url(../img/actif-2.gif) no-repeat;
}

.actif-111{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-10px;
width:160px;
height:30px;
background:url(../img/actif-1.gif) no-repeat;
}
.actif-11{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-24px;
width:160px;
height:30px;
background:url(../img/actif-1.gif) no-repeat;
}
.actif-1{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-18px;
width:160px;
height:30px;
background:url(../img/actif-1.gif) no-repeat;
}
.actif{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-8px;
width:130px;
height:30px;
background:url(../img/actif.gif) no-repeat;
}
.actif11{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-2px;
width:130px;
height:30px;
background:url(../img/actif.gif) no-repeat;
}
.actif111{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-12px;
width:130px;
height:30px;
background:url(../img/actif.gif) no-repeat;
}
.actif2{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-12px;
width:130px;
height:30px;
background:url(../img/actif2.gif) no-repeat;
}
.actif22{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-19px;
width:130px;
height:30px;
background:url(../img/actif2.gif) no-repeat;
}
.actif3{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-22px;
width:130px;
height:30px;
background:url(../img/actif3.gif) no-repeat;
}
.actif33{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-25px;
width:130px;
height:30px;
background:url(../img/actif3.gif) no-repeat;
}
.actif333{
position:absolute;
z-index:4;
top:-5px;
font-size:0px;
left:-32px;
width:130px;
height:30px;
background:url(../img/actif3.gif) no-repeat;
}
.actif-galerie {
	position:absolute;
	z-index:4;
	top:9px;
	font-size:0px;
	left:-5px;
	width:58px;
	height:16px;
	background:url(../img/actif-galerie.gif) no-repeat;
}