html 
{   
font-size: 100%;
} 



body {   
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: .9em;
	line-height: 1.4;
	color: black;
	background-image: url(background.png);
	background-repeat: no-repeat;
    background-position: left top;
	background-color: #FCFAE1;
	font-family: Arial,Helvetica,sans-serif;

	
}





table {   
	font-size: 1em;
	line-height: 1.4;

}


a {
   	text-decoration: none} 

a:link {
   	color: purple ; }

a:visited {
  	color: purple; }

a:hover, a:focus, a:active {
   	color: #FF8000 ; }

a:active {
   	outline: none; }

.titre {
    font : bold 28px Courier New, arial, serif;

	color : black ;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;


}


h1 {
    font-family : Century Gothic;
	font-size: 115%;
	font-weight:bold;
	text-indent: 45px;
	color : black ;
	 text-decoration: underline;

	margin: 15px 15px 15px 15px;
	padding: 15px 15px 15px 15px;
}

h2 {
    font-family : Century Gothic;
	font-size: 110%;
	font-weight:bold;
	text-indent: 55px;
	color : black ;
	text-decoration: underline;

	margin: 15px 15px 15px 15px;
	padding: 15px 15px 15px 15px;
}

h3 {
    font-family : Arial;
	font-size: 105%;
	font-weight:bold;
	font-style:italic;
	text-indent: 85px;
	color : black ;
	text-decoration: non;
	margin: 15px 15px 15px 15px;
	padding: 15px 15px 15px 15px;
}

h4 {
    font-family : Arial;
	font-size: 100%;
	font-style:italic;
	font-weight:normal;
	text-indent: 100px;
	color : black ;
	 text-decoration: none;

	margin: 15px 15px 15px 15px;
	padding: 15px 15px 15px 15px;
}


#menu_gauche
{
position: absolute;
width: 210px;
margin: 0px 0px 0px 0px ;
padding: 0px 0px 0px 0px;
}



#corps
{
position: absolute;
left: 211px;
margin: 15px 5px 5px 5px;
padding: 15px 150px 100px 15px;

} 

#menutop
{
position: relative;
width: 100%;
clear:both;
height:150px;
margin: -30px 0px 0px 0px ;
padding: 0px 0px 0px 0px;

}

#onglets
{
    font : bold 15px Batang, arial, serif;
    list-style-type : none;
    padding-bottom : 28px; /* à modifier suivant la taille de la police ET de la hauteur de l'onglet dans #onglets li */
    border-bottom : 1px solid #9EA0A1;
    margin-left : 0;
}


#onglets li
{
    float : left;
    height : 25px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #FFBB33;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}

#onglets li.active
{
    border-bottom: 1px solid #fff;
	background-color:  #FCFAE1;


}

#onglets li.active a
{
	color: black;
}


#onglets a
{
    display : block;
    color : #666;
    text-decoration : none;
    padding : 4px;
}

#onglets a:hover
{
    color : black;
}


}

.toggleSubMenu
{
display : block;
width: 178px;
padding: 3px;
margin: 3px;
background-color: #F6E3CE;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;


}


.tabletarifs {


border-collapse: collapse;
cellspacing:0px;

}

.tabletarifs td {

text-align:center;
vertical-align :center;
border-width:1px;
border-style:solid; 
border-color: black;
padding:10px;
min-width:120px;


}

td.entetetitre {

text-align:center;
vertical-align :center;
min-width:350px;
max-width:350px;
font-weight: bold;

}

td.entete {

text-align:left;
vertical-align :center;
min-width:350px;
max-width:350px;

}

.menunav {
	list-style-type: none;
	PADDING: 0px 0px 0px 10px;
	MARGIN: 0px 0px 0px 10px;
	font-size: .9em;
}

.menunav  a:link , a:visited

{
   	color: #FF4000 ;
	outline: none ;
	text-decoration : none ;
}


.menunav a:hover, a:focus, a:active {
   	color: #8A0808 ;
	font-weight: bold;

}




.menunav .subMenu {
	list-style-type: square;
	list-style-color: #FF4000;
	-moz-list-style-color: #FF4000;
	FONT-SIZE: 0.9em;
	MARGIN: 0px 0px 5px 14px ;
	PADDING: 0px 0px 5px 14px ;
	BORDER-BOTTOM: #666 1px solid
}






.menunav UL.subMenu A {

	BACKGROUND: none transparent scroll repeat 0% 0%;
	

}

.menutitre
{
		
	font-weight: bold;
	background-color: #FCFAE1;
}



.citation { 

	background-color: #F2F2F2;
	padding: 8px;

}

.MenTit	
{
	font-size : .9em;
	margin-left: 10px;
	font-weight: bold;
}




.titretop
{

height : 45px; 
width:900px;	
padding-left:320px;


}



.wide
{

	margin: 4px 4px 4px 4px ;
	padding: 4px 4px 4px 4px ;
	width: 100%;
	clear:both;
	text-align: center;
	box-align: center;

}


.wide2
{

	margin: 4px 4px 4px 4px ;
	padding: 4px 4px 4px 4px ;
	width: 100%;
	clear:both;


}

.wide_legend
{
	
	width: 550px;
	text-align: center;
	box-align: center;
	font-size : .9em;
	font-style: italic;
}




.imagflot 
{
	float: right;
	margin: 4px 4px 4px 4px ;
	padding: 15px 15px 15px 15px ;

	width: 440px;
	text-align: center;
	background-color: #FCFAE1;
	box-align: center;
	clear:right;

}



.imagflot_l
{
	float:left ;
	margin: 4px 4px 4px 4px ;
	padding: 15px 15px 15px 15px ;
	width: 440px;
	text-align: center;
	box-align: center;
	clear: left ;
	background-color: #FCFAE1;
}


 .imagflot2 
{
	float: right ;
	margin: 4px 4px 4px 4px ;
	padding: 15px 15px 15px 15px ;
	width: 750px;
	text-align: center;
	box-align: center;
	clear: right ;
	background-color: #FCFAE1;
}



.legende
{
	font-style:italic;
	font-size : .9em;
	text-align: justify;
}

.legende_wide
{
	font-style:italic;
	font-size : .9em;
	text-align: justify;
	width: 600px;
}


.liste 
{
 	text-indent: 45px;
	list-style-position: inside;


}

.listen2 
{
 	text-indent:60px;
	list-style-position:inside;


}



.boxframe 
{
	float:left; 
	padding:15px
	border-style:solid;
}

.demoInputBox
{
	padding: 10px;
	border: #F0F0F0 1px solid;border-radius: 4px;
	background-color: #FFF;
	width: 210px;
}


a.highlight{
border-radius: 3px;
padding: 0 5px;
text-decoration: none;
background-color: #F0B70C;
color: #FFFFFF;
font-weight:bold;
}

.pubppal
{
position: absolute; 
margin-top: -70px; margin-left: 590px;



}