/* CSS Document */

#page
{
	border: 2px solid white;
	/**border-top: 1px solid grey;/**/
	border-left: 1px solid grey;/**/
	border-bottom: none;
	width: 80%;
	margin: auto;
	color: #000099;
	height: 100%;
}

#millieu
{
	height: 100%;
	background-image: url(images/Fond.png);
	background-repeat: repeat-y;
	background-position: right top;
	padding: 5px;
	position: relative;
	overflow: hidden;
}

#bas
{
	background-image: url(images/FondBas.png);
	background-repeat: repeat-x;
	height: 7px;
	background-position: right top;
	width: 80%;
	margin: auto;
	color: #000099;
	font-size:3px;
}

table
{
   border-collapse: collapse;
}
 
td
{
   border: 1px solid black;
}


img
{
	text-align: center;
}

.Style1
{
	font-size: 36px;
}

.Style2
{
	font-size: 24px;
}

.Style3
{
	font-size: 14px;
}

.Style4
{
	font-size: 50px;
}

#left
{
	float: left;
}

#right
{
	float: right;
	margin-right: 15px;
	width: 55%;
}

#lundi
{
	display: block;
	position: relative;
}

#mardi
{
	display: none;
	position: relative;
}

#jeudi
{
	display: none;
	position: relative;
}

#vendredi
{
	display: none;
	position: relative;
}





.navigation 
{
	margin: 0;
	margin-right: 15px;
	padding: 0;
	list-style: none;
	position: relative;
}    

.navigation a, .navigation span 
{       
	display: block;       
	padding: 4px 10px;       
	text-decoration: none;       
	background-image: url(menu-item.png);       
}    

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span 
{       
	background-image: url(menu-item-deroule.png); 
	background-color: #0000FF;
	color: #FFFFFF;  
	border: 1px solid white;    
}    

.navigation .open a, .navigation .open span 
{       
	background-image: url(menu-item-enroule.png);
}    

.navigation a:hover, .navigation a:focus, .navigation a:active 
{       
	text-decoration: underline;       
}    
.navigation .toggleSubMenu ouvert
{

}
.navigation .subMenu 
{       
	font-size: .8em;       
	background-image: url(subMenu.png);       
	font-size: .9em;       
	margin: 0;       
	padding: 0;       
}    

.navigation ul.subMenu a 
{       
	background: none;       
	padding: 3px 20px; 
     
}

a
{
	text-decoration: none;
	color: #000099;
}

a:hover
{
	color: #999900;
}
#page #millieu .navigation .toggleSubMenu .subMenu
{
	list-style: none;
	text-decoration: none;
	text-indent: 10px;
	border: 1px solid green;
	padding-left: 20px;
}

#tel a
{
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000099;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

img {vertical-align:middle; border:none;} 
#thumbs {overflow:auto; list-style:none; margin:30px; padding:0;} 
#thumbs li {float:left;} 
#thumbs a {display:block; padding:10px; outline:none;} 
#thumbs a:hover, #thumbs a:focus {background:#fff;} 
#thumbs a.active {background:#000;} 
#viewer {position:relative; width:700px; height:465px; margin-left:30px;} 
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}