@font-face {
 font-family: "Bank Gothic";
 src: url("bankgthd.eot") /* EOT file for IE */
}

@font-face {
 font-family: "Bank Gothic";
 src: url("bankgthd.ttf") /* TTF file for CSS3 browsers */
}

img{
	border:0px;
}

a{
	color:#347235;
	font-style:normal;
   border:0px;
}

.red{
	color:red;
}

body{
   font-family: "Bank Gothic", "Times New Roman", "Times", "serif";
   position:relative;
   width:1200px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
   margin-bottom: 40px;
   background-color:white;
}

img#wallpaper{
   position:absolute;
   left:0px;
   right:0px;
   z-index:-1;
}

div#upbanner{
   height:98px;
}

div#upbanner img{
   max-height:98px;
   margin-left:auto;
   margin-right:auto;
}

.upbanner1{
   width:190px;
   vertical-align:middle;
    display:inline-block;
}

.upbanner2{
   display:inline-block;
   width:800px;
   vertical-align:middle;
   text-align:center;
   font-size:26px;
}


img#pont{
   vertical-align:bottom;
   margin-bottom:-8px;
}

.upbanner3{
	width:190px;
   vertical-align:middle;
   display:inline-block;
   margin-top:10px;
   /*margin-left:25px;
   margin-right:25px;*/
}

#lang{
   position:absolute;
   margin-left:1130px;
   margin-top:0px;
   display:inline;
   text-align:right;
   vertical-align:bottom;
   font-size:14px;
}


body#welcome{
   text-align:center;
}

body#welcome h1{
  margin-top:12px;
  font-size:40px;
  font-weight:normal;
}

body#welcome h2{
  font-size:30px;
  font-weight:normal;
  margin-top:0px;
}

body#welcome a{
   text-decoration:none;
   vertical-align:middle;
   display:inline-block;
   margin-top:0px;
}

body#welcome span{
  font-size:20px;
  color:#347235;
}

body#welcome img#logo{
  margin-top:-10px;
  margin-bottom:5px;
}

body#welcome div#sponsors img{
   height:59px;
   margin-left:10px;
   margin-right:10px;
   margin-top:-10px;
}

body#welcome div#upbanner a{
   display:inline;
}

body#welcome a:link {
	color: #000000;
	}

body#welcome a:visited {
	color: #000000;
	}

body#welcome a:hover {
	color: #347235;
	}

body#welcome a:active {
	color: #347235;
	}

body#welcome img.flag{
   height:20px;
   vertical-align:middle;
}

div.page{
   margin-bottom:100px;
   position:relative;
   left:400px;
   width:600px;
}

div.page h1{
   position:relative;
   left:-200px;
   width:1000px;
   margin-top:8px;
   text-align:center;
   font-size:30px;
   font-weight:normal;
}

div.page h2{
   font-weight:normal;
}

div.page h3{
   font-weight:normal;
}

div.page table{
   margin-left: auto;
   margin-right: auto;
   text-align:center;
   width:100%;
}

div.page table th
{
   background-color:#B2C09C;
   color:black;
   font-size:1em;
   font-weight:normal;
}

div.page table td
{
   font-size:1em;
   border:1px solid #B2C09C;
   font-family: "Times", Default;
   font-size:1em;
}

div.page ul
{
   list-style-type:disc;
}

div.page p{
   font-family: "Times", Default;
   text-align:justify;
}

div.page p.center{
   text-align:center;
   position:relative;
   left:-200px;
	width:1000px;
}

div.page span.note{
   font-size:12px;
   margin-top: 50px;
   font-family: "Times", Default;
}

div.page span.noter{
   text-align:right;
   font-size:12px;
   font-family: "Times", Default;
   display:block;
}

div.page p.afterslide{
   margin-top:0px;
}

div.page a.webpage{
   font-style:italic;
   font-size:small;
}

div.page ul{

}

div.page li{
  font-family: "Times", Default;
}

div.page img{
   display:block;
   margin-left: auto;
   margin-right: auto;
}

div.page img.hotel{
   max-width:200px;
   min-height:102px;
   max-height:102px;
}

div.page img.wip{
   border:double;
}

div.page iframe{
   max-width:600px;
   min-height:350px;
   max-height:350px;
}

div.page div#sponsors{
   text-align:center;
}

div.page div#sponsors img{
   height:59px;
   display:inline;
   margin-left:10px;
   margin-right:10px;
   margin-top:10px;
   margin-bottom:10px;
}

div.residence{
   position:relative;
   left:-200px;
}

table.busschedule td,
table.busschedule th {
  width:50%;
}

table.busschedule th {
  font-size: 1.1em;
  height:25px;
}

table.busschedule span{
  font-size:normal;
  color: White;
  font-size: 0.9em;
}

/************************
 * Configuration du menu
 ***********************/

#menu{
	position:absolute;
	left:0px;
	top:150px;
	border:0px;
	border-bottom-style:inherit;
	border-left-style:inherit;
	border-right-style:ridge;
	border-top-style:inherit;
}

.arrowsidemenu{
   width: 200px; /*width of menu*/
   border-style: solid solid solid solid;
   border-color: #94AA74;
   border-width: 1px;
}

.arrowsidemenu div a{ /*header bar links*/
   font: bold 12px Verdana, Arial, Helvetica, sans-serif;
   display: block;
   background: transparent url(img/menuitem.png) 100% 0;
   height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
   padding: 4px 0 4px 10px;
   line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
   text-decoration: none;
   margin-left:4px;
}

.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
   color: #26370A;
}

.arrowsidemenu div a:hover{
   background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
   color: green;
}


.arrowsidemenu div.selected a{ /*header that's currently selected*/
   color: #C35817;
   background-position: 100% -64px !important;
}

.arrowsidemenu ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
}

.arrowsidemenu ul li{
   border-bottom: 0px solid #a1c67b;
}


.arrowsidemenu ul li a{ /*sub menu links*/
   display: block;
   font: normal 12px Verdana, Arial, Helvetica, sans-serif;
   text-decoration: none;
   color: black;
   padding: 5px 0;
   padding-left: 30px;
   border-left: 0px double #a1c67b;
}

.arrowsidemenu ul li a:hover{
   background: #d5e5c1;
}

/************************
 * Configuration des slideshows
 ***********************/

#myreel{ /*sample CSS for demo*/
  border:15px solid black;
  margin-left: auto;
  margin-right: auto;
}

div.paginate{
   position:relative;
   margin-left: auto;
   margin-right: auto;
}

div.slideshow{ /*sample CSS for demo*/
   display:inline-block;
   position:relative;
   left:-200px;
	width:1000px;
   margin-left: auto;
   margin-right: auto;
}

div.paginate img.left{
 float: left;
}

div.paginate img.right{
 float: right;
}