/* CSS Document */



body{

 margin: 0;
font-family: Arial,sans-serif;
 padding:0;

 
 color: #333333;

 }
h2{
 font-size: 114%;
 color: #006699;
}
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
.sidebar {
	background-color: #F1FEE7;
	width: 20%;
	height:100%;	
	right:0px;	
	top:0px;
	font-family:Arial, Helvetica, sans-serif
	
}

#sidebarold{
	margin: 0 79% 0 0;
	padding: 0px;
	background-color: #F1FEE7;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#sidebar1 {background-color: #F1FEE7;
height: 524px;
width: 20%;
position:absolute;
bottom:20px;
top:0px;

}

#sidebar ul a:link, #navBar ul a:visited {display: block;}
#sidebar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sidebar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #sidebar li {border-bottom: none;}
.title {
	background-color: #F1FEE7;
	width: 80%;
	height: 142px;
	float: right;	
	right:0px;	
	top:-3px;
	position:absolute;


}
.h1{
	font-family:Arial;
	top:89px;
	font-weight: bold;
	position:absolute;
	vertical-align:middle;
	font-size: 36px;
	left: 8px;
}
.h2{
	font-family:Arial;
	top:89px;
	font-weight: bold;
	position:absolute;
	vertical-align:middle;
	font-size: 15px;
	left: 8px;
}
.titlebar {
	background-color: gray;
	position:absolute;
	vertical-align:bottom;	
	width: 100%;
	bottom:0px;
	
}
.titlepic {
	
	position:absolute;
	 top:0px;
	 right:0px; 

}

.bloc6 {
	background-color: #FFFFFF;
	height: 100%;
	left:20%;
	right:131px;
	top:142px;
	bottom:0px;
	margin-left: 20px;
	/*margin-right: 131px; */
	width:70%;
	position:absolute;
	font-size:14px;	
	
}
.bloc3 {background-color: red;height: 50px;
font-weight:bold;width: 100px;
float: left;margin-left: 20px;  text-align:center ;position:inherit;}
.main{ 
	font:Arial;
	font-size:11px;
	/*margin-right: 131px; */
	
}

.block4 {
	background-color:#169A73;
	height: 100%;
margin-bottom:5%; 		width:100%;
	float: left;
	
	visibility: visible; 
} #globalNav{
font-family:Arial;
font-size:13px;
	text-decoration: none;
}
#globalNav{
width:80%;
background-color:grey;
padding: 0px 0px 0px 0px;
white-space: nowrap;
	text-decoration: none;
}
#globalNav a:link{
	padding: 10px 2px 2px 10px;
	border-bottom: 1px solid #cccccc;
	color:#FFFFFF;
	text-decoration: none;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width: 100%;
	
		
}

#globalNav a:visited{
	border-bottom: 1px solid #cccccc;
	padding: 10px 2px 2px 10px;
	width: 100%;
		text-decoration: none;
		
}

#globalNav a:hover{
	
	volume:loud;
	color:#FFFFFF;
	background-color: #bb0A04;
	padding: 10px 2px 2px 10px;
	width:auto;
		text-decoration: none;
}

/*********** #sectionLinks styles ***********/
#headlines{
position:relative;
  	top: 100px;
	width: 20%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-left: 10px;
}
#advert{
	padding: 5px 10px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

#advert img{
	display: block;
}
#sectionLinks{
	position:relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid ;
	background-color: gray;
	font-size: 90%;
	top: 142px;
	width:20%;
}

#sectionLinks h3{
	padding: 2px 0px 2px 10px;
	
}

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	border-top: 1px solid #cccccc;
		
  voice-family: "\"}\""; 
  voice-family:inherit;
	
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #bb0A04;
	color:#FFFFFF;
	
	padding: 2px 0px 2px 10px;
	
}
#globalNav{
width:80%;
background-color:grey;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{

 display: block;
}

#globalNav a {

	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}
#container {
position:relative
width: 780px;
top: 150px;
margin: 0.5em auto 0.5em auto;
background: #fff;
text-align:center;
-moz-border-radius: 20px;
padding: 0.5em;
}
#container li {
float: left;
top: 150px;
width: 150px;
height:150px;
list-style-type:none;
border: solid #ccc;
border-width: 1px 1px 0 0;
-moz-border-radius-topright:10px;
margin:1em;
text-align:center;
display:inline;
}
li img { border: none; }
ul#photos li a span { display: none; }
ul#photos li a:hover span {
display: block;
color: #333;
background-color:gray;
-moz-border-radius: 10px;
padding: .25em 0 .25em 0; 
text-transform: uppercase;
font-size: .85em; 
}
#photo, #pictureScreenObject {
display:none;
position: absolute;
left:15%;
z-index:100;
background:#fff;
padding:2em;
margin:1em;
font: 0.9em Arial, Helvetica, sans-serif;
border:1px solid #ccc;
text-align: center;
-moz-border-radius: 20px;
}