/* --------------------------- GENERAL -------------------------------------- */
* { margin: 0; padding: 0; }

body {
	font-family: Georgia, Times, Serif;
	font-size: 14px;
	line-height: 16px;
	padding: 16px;
	text-align: center;
}

h1, p, ul, dl {padding-bottom: 16px; }

h1 { 
    font-family: Arial, Sans-Serif;
    text-align: center;
	font-size: 28px;
    line-height: 26px; 
    margin-top: 0px;
    z-index:0;
}

h1 a{ text-decoration:none;}

h2 {
    font-family: Arial, Sans-Serif;
	line-height: 22px;  
    margin-top: -14px;  
    z-index:0;
    padding-bottom: 0!important;
}

h4 {font-family: Arial, Sans-Serif; margin-left: -30px;}
h5 {font-family: Arial, Sans-Serif; font-size: 14px;}

a {	color: black; }
a:hover { color: #d63333; }

pre {
    font-family: Georgia, Times, Serif;
	font-size: 14px;
	line-height: 16px;
    width: 35em;
}

img { border: 0; display: block; }

ul, dd { list-style: none; font-family: Arial, Sans-Serif; font-size: 13px; }

.retrait {	margin-left: -30px; }

.gras {
	font-weight: bold;
	padding:0;
	font-family: Arial, Sans-Serif;
	font-size: 13px;
}

#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 800px;
}

/* --------------------------- TOP -------------------------------------- */
#top {
    width: 850px;
}

#topLeft {
    width: 445px;
    float: left;
}

#topRight {
    width: 405px;
    float: right;
}

#topLeft img {
    float: left;
}

#logo {
	margin-top: 20px;
	margin-left: 95px;
}

#clear {
	clear: both;
}

	
/* --------------------------- CONTENT -------------------------------------- */
#content {
	padding-top: 48px;
	clear: both;
}

/* --------------------------- MAIN CONTENT -------------------------------------- */
#main {
	width: 50%;
	float: left;
}

.infos {            /* Toutes les informations pratiques, textes courts sont en Arial */
	font-family: Arial, Sans-Serif;
	font-size: 13px;
	line-height: 16px;
}

.subtitle {
	display: block;
	margin-top: 4px;
	font-size: 13px;
	line-height: 16px;
}


#main dt {
    font-weight: bold;
    font-family: Arial;
}
#main dd {
    font-family: Georgia;

}

#filet {
	z-index:-1;
	margin-top: -40px;
}

#largeImage {
/*  margin-top: 16px;*/
	margin-bottom: 15px;
	font-family: Arial, Sans-Serif;
	font-size: 9px;
}

.caption {
	vertical-align: top;
	width: 7em;
}

.caption ul {
	font-family: Arial, Sans-Serif;
	font-size: 9px;
	line-height: 12px;
	padding-left: 1em;
	padding-bottom: 0;
	vertical-align: bottom;
}



/* --------------------------- LEFT COLUMN -------------------------------------- */
#leftCol {
	width: 30%;
	/*padding-top: 34px;*/
	padding-left: 50px;
	float: left;
}

#leftCol p {
    padding: 0;
}


.leftColRow {
	width: 95%;
	padding-bottom: 30px;
}

#zoomImage{ padding: 0; }

.imgList img {
	display: inline;
	padding: 4px 4px 0 0;
	vertical-align: top;
}

/* --------------------------- BOTTOM -------------------------------------- */
#bottom {
	clear: both;
	margin-bottom: 50px;
}
/* --------------------------- EXCEPTIONS -------------------------------------- */
.pastProject{
	padding-bottom: 16px;
}

.newsIndex {
	text-decoration: none;
}



.map {
	margin-top: 32px;
	margin-bottom: 32px;
}

/*-------------------------MENU-----------------------------*/

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 70px; /* Width of Menu Items */
font-size:14px;
font-weight:900;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 330px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: black;
text-decoration: none;
background: #fff;
padding: 0 5px;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
color: #d63333;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */