/* layout page normale */
  html, body {
	min-height:100%;
	display:block;
	}
 #mainArea {
	min-height:100%;
	height:auto;	
	width:100%;
	position:relative;
	}
 #header {
	position: absolute;
	width: 100%;
	text-align:center;
	height: 120px;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	}
 #menu {
	position: absolute;
	width: 100%;
	height: 35px;
	top: 120px;
	right: 0;
	bottom: auto;
	left: 0;
	}
  #menuPrint{
	position: absolute;
	width: 100%;
	top: 120px;
	right: 0;
	bottom: auto;
	left: 0;
    border-bottom: 2px solid #FFFFFF;
	}
 #headerFake{
	position: relative;
	width: 100%;
	height: 160px; /* header + menu height + menu border top bottom*/
	}
 div.mainEnveloppe {
	position: relative;
	width:100%;
	text-align:center; /* needed pour centrer le panneau central sous IE */
	}
 div.main {
	margin:auto;
	width:700px;
	text-align:left;
	}
 #header div.main div{
	padding-left:5px;
	padding-right:5px;
	float:left;
	}
 #clearfooter {
	clear:both;
	height:70px; /* > footer height */
	width:100%;
	}
 #footer {
	position:relative;
	text-align:center;
	width:100%;
	z-index:0;
	}
 div.sideMainImage{
	width: 150px;
	height: auto;
	top: 160px;  /* header + menu height + menu border top bottom*/
	}
 div.sidebarleft {
	position: absolute;
	left: 0;
	right: auto;
	}
 div.sidebarright {
	position: absolute;
	left: auto;
	right: 0;
	}
 div.sideFooter{
	height: auto;
	top: 0px; 
	}
 div.sideHeader{
	height: auto;
	top: 0; 
	}
/* FIN layout page normale */

/**     HEADER STYLE
 *==========================
 */
 #header {
	font-family:Times New Roman,Arial, Helvetica,Tahoma, sans-serif; 
	font-style:normal; 
	font-weight:normal;
	text-decoration:none;
	text-align:center;
 	margin-top:0;
	margin-bottom:0;
	}
 #header div.headerTitle {
	width:404px;
	}
 #header div.headerAddress {
	width:180px;
	}
 #header div.headerMail {
	/*width:404px;*/
	}
 #header .wifiPadding {
	text-align:center;
	}
 #header h1 {
	color:#800080; 
	}
 #header h2 {
	color:#000080; 
	text-align:center;
	font-weight:normal;
	}
 #header .contact {
	color:#000080; 
	font-weight:bold;
	text-decoration:underline;
	}
 #header div.headerAddress h2 {
	color:#000080; 
	font-size:11pt;
	text-align:left;
	margin-left:20; 
	}

/**     FOOTER STYLE
 *==========================
 */
 #footer div.main {
	color: #000080;
	font-size:11pt;
	font-family:Times New Roman,Arial,Helvetica,Tahoma,sans-serif;
	text-align:center;
	}

/**     PAGE CONTENT STYLE
 *==========================
 */
 #pageContent, #pageContent table {
	font-family:Tahoma,Arial, Helvetica, sans-serif; 
 	font-size:10pt;
	font-style:normal; 
	font-weight:normal;
	color:#000000; 
	}
 #pageContent h1{
	color: #800000;
	font-style: italic;
 	padding-top: 3px;
 	padding-bottom: 10px;
	text-decoration: underline; 
	}
 #pageContent h2{
	text-decoration: underline; 
	color: #800000;
	font-style: italic;
	vertical-align: top;
	}

 #pageContent h3{
	text-decoration: underline; 
	color: #000000;
	padding-top: 1px;
	padding-bottom: 1px;
	}

  #pageContent table.photo {
	width:100%;
	text-align:center;
	font-size:10pt;
	}
  
  #pageContent a:link, #pageContent a:visited, #footer a:link, #footer a:visited{
	text-decoration:none;
	color:#634664;
	font-weight:bold;
	}
  
  #pageContent h2 a:link, #pageContent h2 a:visited {
	text-decoration:underline;
	}

  #pageContent a:hover,
  #footer a:hover {
	color:#990000;
	text-decoration:underline;
	}

  #pageContent li {
	text-align:left;
	margin-left:10px;
	padding-top:1px;
	padding-bottom:1px;
	list-style-position:inside;
	}

  #pageContent ul {
	margin: Opx;
	padding-left:20px;
	text-indent:-13px;
	list-style-position:inside;
	}

  #pageContent .prix {
	border-collapse: collapse;
	margin:auto;
	}
  #pageContent .prix td {
	border:1px solid #555555;
	font-size:9pt;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
	}
  #pageContent td.prixLeft{
	text-align:left;
	font-weight: bold;
	
	}
  #pageContent .prixdate{
	font-weight: normal;
	}
	
  /* utilise dans la partie plan du site */
  #pageContent #mapSite div.planTitre2{
	font-size: 10pt;
	text-decoration: underline; 
	font-weight: bold;
	padding-top: 10px;
 	padding-bottom: 2px;
	}

/**     MENU STYLE
 *==========================
 */
  #menu {
    background-color: #333399;
    border-bottom: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    margin: 0;
    padding-bottom: 1px;
	border-left:0px none center;
    width: 100%;
	font-family:Tahoma,Arial, Helvetica, sans-serif; 
 	font-size:10pt;
	font-style:normal; 
	font-weight:normal
	}
  #menu div {
    border-left: 1px solid #FFFFFF;
    border-right: 0px none;
    margin: 0;
    padding: 1px;
    float: left;
    height:35px; /* same height as #menu pb on IE otherwise */
	text-align:center
	}

  #menu a, #menu a:visited, #menu a:link, #menu a:hover {
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
	}
  #menu a:visited, #menu a:link {
    text-decoration: none;
	}
  #menu a:hover {
    text-decoration: underline;
	}
  #menu .left{
	border-left:0px;
	}

/**     SOUS MENU STYLE
 *==========================
 */
  #submenu {
	font-family:Tahoma,Arial, Helvetica, sans-serif; 
 	font-size:10pt;
	font-style:normal; 
	font-weight:normal;
	}

  #submenu div {
    z-index: 2;
    margin: 0;
	position:absolute;
    display:none;
    text-align: left;
	}

  #submenu ul {
    margin: 0;
	float: left;
    background-color: #E6E6E6;
    list-style-position: inside;
	z-index:3;
	}

  #submenu li {
    list-style-position: inside;
    padding-bottom: 1px;
    padding-top: 2px;
	padding-right:5px;
	padding-left:3px;
	float:none;
    color: #000000;
	}

  #submenu li:hover {    /* IE doesn't support li:hover done by javascript*/
	}

  #submenu  li.separator {
    list-style-type: none;
    color: #000000;
	border-top:1px solid gray;
	font-size:10pt;
    font-weight: bold;
	padding-bottom:1px;
	padding-left:30px;
	padding-top:2px;
	}

  #submenu a  {
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
	float:none;
	}

 #submenu a:visited, #submenu a:link {
    color: #000000;
    text-decoration: none;
	}
  

/**     PRINT BUTTON 
 *==========================
 */
  #print-header {
	left:auto;
	margin:5px;
	position:fixed;
	right:0;
	top:0;
	vertical-align:middle;
	z-index:1000;
	}
  #print-header input {
	background-color:#333399;
	border:1px solid white;
	color:white;
	cursor:pointer;
	display:inline-block;
	font-size:11pt;
	font-weight:bold;
	height:26px;
	margin:5px 5px 5px 0;
	}
  /* UNIQUELY FOR PRINT, FOOTER ON EVERY PAGE FOR INSTANCE */
  @media
  print {
	#print-header {
		display: none;
		}
	}

/**     INDEX LAYOUT STYLE
 *==========================
 */
 #index {
	font-family:Times New Roman,Arial, Helvetica,Tahoma, sans-serif; 
	color:#000080; 
	font-size:12pt;
	}
 #index a:link, #index a:visited {
	text-decoration:none; 
	font-weight:bold;
	color:#000080;
	}
  #index a:hover {
	color:#266b80;
	text-decoration:underline; 
	}

  #index .rssHeader{
	position:absolute;
	top:10px;
	right:10px;
	}
  #index .actualite h2{
	font-size:16pt;
	}
  #index .actualite, #index .actualite a:link, #index .actualite a:visited{
	text-align:center;
	color:#FF2424;
	font-weight:bold;
	text-decoration:none;
	}
  #index .actualite a:hover{
	color:#FF8200;
	}
  #index .content {
	margin-top:120px;
  }
  #index .leftPane{
	width:70%;
	text-align:center;
	padding-left:2%;
	float:left;
	}
  #index .leftPane h1 {
	font-size:22pt;
	} 
  #index .leftPane h2 {
	font-size:16pt;
	font-weight:normal;
	}
  #index h3 {
	font-weight:normal;
	} 
  #index .rightNavigation {
	left:74%;
	}
  #index .rightNavigation .ouverture{
 	font-size:9pt;
	font-weight:normal;
	}
 #index .bottom{
	top:40px;
	text-align:right;
	}
  #index .footer{
	margin-bottom:50px;
	}
  #index .footer div{
	float:left;
	padding:10px;
	text-align:center;
	}
  #index .footer div.sideFooterIndex {
	float:right;
	}
  #sponsor{
	clear:both;
	padding-top:70px;
	}

  #sponsor form{
	display:inline;
	}

/**     GENERAL STYLE
 *==========================
 */
 /* Balise générales, 
 surcharge les valeurs des browser par défaut, doit etre minimal */
  body {
	background: #D9E9F9 url('/images/icon/body.jpg') repeat-x fixed top left;	
	text-decoration:none;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:0;
	border:none;
	}

  img {
	border:medium none;
	vertical-align:middle;
	}
  h1 {
	font-size: 14pt;
	margin-top: 12px;
 	margin-bottom: 12px;
 	margin-right: 0px;
 	margin-left: 0px;
	display:block;
	font-weight:bold;
	text-align:center;
	}
  h2 {
	font-size: 12pt;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	display:block;
	clear:both;
	}
  h3 {
	font-size: 11pt;
	font-weight:bold;
	display:block;
	margin-top: 1px;
 	margin-bottom: 1px;
 	margin-right: 0px;
 	margin-left: 0px;
	}
  ul {
  	list-style-type:disc;
	padding:0;
	display:block;
	}
  table {
	border-collapse:collapse;
	border: 0px solid #000000;
	line-height:normal;
	text-align:start;
	white-space:normal;
	display:table;
	margin:0px;
	text-indent:0;
	}

 /*        Alignment STYLE */

  .alignCenter{
	margin:auto;
	text-align:center;
	}
  .alignRight{
	float:right;
	margin-left:15px;
	margin-bottom:10px;
	}
  .alignLeft{
	float:left;
	margin-right:18px;
	margin-bottom:10px;
	}
  .newLine{
	clear:both;
	}
 /* Pointer and arrow class */
  .pointer {
	cursor: pointer;
	}
  .arrow{
	display:inline;
	font-family:tahoma;
	padding-left:5px;
	}