* {
  margin: 0px;
  padding: 0px;
}

img {
   border: 0;
}
li{
	list-style: none;
}
html, body {
	margin: 0; padding: 0;
	text-align: center; /* pour corriger le bug de centrage IE */
	height: 100%;
	width: 100%;

	background-color: #d5ecf2;
	background-image: url(../img/body-fond.jpg);
	background-position: center top;
	background-repeat: repeat-x;
		}


#global-table {
	height: 100%;
	width: 990px;      /* ici la largeur fixe de l'element a center */
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	z-index: 1;
		}


#global-td {
	vertical-align: middle;
	z-index: 1;
		}

#global{
font-family: Arial, Verdana, Sans-Serif;
font-size: 11px;
position:relative;
	height:600px;
	width:100%;
z-index: 2;
background: none;

}
#fond_flash{
position:absolute;
top:100px;
left:0px;
z-index: 2;

}
#fond_test{
position:absolute;
top:100px;
left:10px;
z-index: 2;
background: none;
background-color:#CCCCCC;
}
#page {
position:absolute;

top:0px;
left:0px;
z-index:10;
height:600px;
width:990px;
display:block;
background: none;
overflow:hidden;
}
#page_haut{
position:relative;
	height:100px;
	width:100%;
	background-image: url(../img/page_haut_fond.gif);
	background-repeat: repeat-x;
}

#menu_haut {
position:absolute;
top:49px;
left:340px;
width:655px;
height:50px;
display:block;
	}
#menu_haut a{
float:left;
width:130px;
height:100%;
display: block;
text-decoration: none;
	}


#menu_haut #bt1{background-image:url(../img/onglet1.jpg);}
#menu_haut #bt1:hover{background-image:url(../img/onglet1_on.jpg);}
#menu_haut #bt2{background-image:url(../img/onglet2.jpg);}
#menu_haut #bt2:hover{background-image:url(../img/onglet2_on.jpg);}
#menu_haut #bt3{background-image:url(../img/onglet3.jpg);}
#menu_haut #bt3:hover{background-image:url(../img/onglet3_on.jpg);}
#menu_haut #bt4{background-image:url(../img/onglet4.jpg);}
#menu_haut #bt4:hover{background-image:url(../img/onglet4_on.jpg);}
#menu_haut #bt5{background-image:url(../img/onglet5.jpg);}
#menu_haut #bt5:hover{background-image:url(../img/onglet5_on.jpg);}

#menu_haut  #bt1_clique{background-image:url(../img/onglet1_on.jpg);}
#menu_haut  #bt2_clique{background-image:url(../img/onglet2_on.jpg);}
#menu_haut  #bt3_clique{background-image:url(../img/onglet3_on.jpg);}
#menu_haut  #bt4_clique{background-image:url(../img/onglet4_on.jpg);}
#menu_haut #bt5_clique{background-image:url(../img/onglet5_on.jpg);}

#contenu{
position:relative;
float:left;
width:100%;
height:430px;
}




.page_classique{
position: absolute; 
left: 325px; 
top: 55px; 
width: 650px;
z-index: 2;

	}



.interieur{
font-family: Arial, Verdana, Sans-Serif;
text-align:left;
position:relative;
float:left;
width:100%;
color:#684b4b;
background:none;
overflow:hidden;
font-size:11px;
margin-top:1px;
margin-bottom:1px;
}
.image_transparente{
opacity:0.7;
filter : alpha(opacity=70); 

}
.interieur_fond{

top:0;
left:0;
position:absolute;
display:block;
width:100%;
height:800px;
background-color:#FFFFFF;
opacity:0.9;
filter : alpha(opacity=90); 
z-index: 5;
}

.mini_col_gauche{
position:relative;
z-index: 10;
width:285px;
float:left;
}
.mini_col_droite{
position:relative;
z-index: 10;
width:362px;/*normalement 365 mais bug ie */
float:left;
}
	


.largeur_totale{
position:relative;
z-index: 10;
width:647px;
float:left;

	}
	

.mini_col_gauche p,.mini_col_droite p, .largeur_totale p{
margin:15px;

	}

.agenda{
font-size:11px;
position:relative;
left:15px;
width:615px;
	}	
.agenda td{
border-top:1px solid #ff6600;
padding-left:5px;
	}	
	
.heure{
	background-color: #684b4b;
	color:#FFFFFF;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
}	

h1{
margin-left:15px;
margin-right:15px;
font-size:14px;
line-height:20px;
height:20px;
display:block;
	}
	
.couleur_1{

color:#ff6600;

	}
.trait_couleur_1{
margin-left:15px;
margin-right:15px;
	background-color:#ff6600;
	height:1px;
	display:block;
}
	
	
#page_bas{
position:relative;
float:left;
	height:70px;
	width:100%;
	background-image:url(../img/page_bas_fond.png);
}

#menu_bas{
position:absolute;
top:15px;
width:100%;
height:30px;
line-height:35px;
background-color: transparent;
overflow:hidden;
}

#contact{
position:relative;
float:right;
height:100%;
width:100px;
background-image:url(../img/menu_bas_contact_fond.gif);
text-align:center;
color:#ece3d2;
text-decoration: none;
font-weight:bold;
background-color: transparent;
}
#lien_secondaire{
position:relative;
float:right;
height:100%;
width:216px;
background-image:url(../img/menu_bas_secondaire_fond.gif);
background-color: transparent;
}
#lien_secondaire a {
float:left;
width:50%;
display:block;
text-align:center;
color:#bd1222;
text-decoration: none;
	}


#adresse{
position:absolute;
	top:45px;
	left:45px;
	height:23px;
	line-height:23px;
	color:#FFFFFF;
}




#menu_gauche{
position:relative;
float:left;
top:35px;
left:10px;
width:233px;
overflow:hidden;
line-height:20px;
/*height:500px;*/

}	

.mg_bt{
margin-bottom:20px;
float:left;
position:relative;
width:233px;
display:inline;
}


.mg_bt  a{
background-image: url(../img/menu_gauche_bt.png);
background-repeat: no-repeat;
text-decoration:none;
color:#ff6600;
font-weight:bold;
font-size:14px;
padding-left:20px;
position:relative;
float:left;
width:100%;
height:25px;
display:inline;
}
.mg_bt  a:hover{
background-image: url(../img/menu_gauche_bt_on.png);
background-repeat: no-repeat;
color:#FFFFFF;
}
.mg_bt   .clique{
background-image: url(../img/menu_gauche_bt_on.png);
background-repeat: no-repeat;
color:#FFFFFF;
}
.mg_bt ul .ouvert  a{
	background-image: url(../img/menu_gauche_sbt_ouvert.png);
}
.mg_bt ul li a{
	background-image: url(../img/menu_gauche_sbt.png);
	background-position: top left;
	background-repeat: no-repeat;
color:#917575;
font-size:12px;
font-weight:normal;
padding-left:20px;
height:20px;
display:block;
}
.mg_bt li a:hover{
background-image: url(../img/menu_gauche_sbt.png);
	color: #684b4b;
	font-weight:bold;
}

.mg_bt ul {
margin-top:2px;
margin-bottom:10px;
float: left;
position:relative;
display:none;
width:100%;

}	

.mg_bt ul li{
	margin-top: 2px;
	float: left;
	position: relative;
	display: block;
	left: 20px;
	width: 100%;
}

.mg_bt ul .ouvert ul{
display:inline;
}
.mg_bt ul .ouvert a{
color:#684b4b;
}


.mg_bt ul .ouvert ul li a{
font-weight:bold;
background-image: url(../img/menu_gauche_ssbt.png);
}
.mg_bt ul .ouvert ul li a:hover{
background-image: url(../img/menu_gauche_ssbt_on.png);
color:#FFFFFF;
}

.mg_bt ul .ouvert ul li .clique{
background-image: url(../img/menu_gauche_ssbt_on.png);
color:#FFFFFF;
}
