@charset "utf-8";

body {
	/*font: 100% "Trebuchet MS",Verdana, Arial, Helvetica, verdana, sans-serif;*/
	font-family:100% Georgia, Times New Roman;
	font-size:14px;
	line-height:1.5em;
	margin: 0;
	padding: 0px;
	text-align: center;
	color: #8b99a2;
	background: #fff;
	height:100%;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em 0;line-height: 1.2;font-weight: bold;font-style: normal;}
h1 { font-size: 1.5em;}
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }
ul, ol { margin: .75em 0 .75em 32px; padding: 0; }
p { margin: .50em 0; }
address { margin: .75em 0; font-style: normal; }
a { text-decoration: none; outline: none; }
a:link { color: #369; }
a:visited { }
a:hover, a:focus, a:active { }
a img { border: none; }
em { font-style: italic; }
strong { font-weight: bold; }
form, fieldset { margin: 0; padding: 0; border: none; }
input, button, select { vertical-align: middle; }

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

#page {
    position:relative;
    top:0px;
    left:0px;
	width: 960px;
	background: transparent;
	margin: 0 auto; 
	border:0;
	text-align: left; 
	height:auto;
}

#header {
	position:relative;
	top:0;
	left:0;
	height:160px;
	width:960px;
}

#header .logo 
{
    position:absolute;
    top:0;
    left:0;
    width:640px;
    height:160px;   
}

#header .main-menu 
{
    position:absolute;
    top:20px;
    left:740px;
    width:220px;
    height:140px;
    overflow:hidden;
}

#header .main-menu ul {
    list-style-type:none;
    margin: 0;
    padding:0 0 0 8px;
    font-family:Georgia, Times New Roman;
    font-size:1.4em;
    text-align:right;
    line-height:100%;
    margin-right:3px;

}

#header .main-menu ul li {
    list-style-image: none;
    margin: 0;
    padding: 1px 0 1px 0;
}

.main-menu a,
.main-menu a:link,
.main-menu a:visited{
    text-decoration:none;color:#8b99a2;
}
#header .main-menu ul li.sel a{
    text-decoration:none;color:#57656f;font-weight:normal;
}
#header .main-menu ul li a:hover {
    text-decoration:underline;
}
#content 
{
    padding:0;
    margin:10px 0 0 0;
}

.homepage #content 
{
    border-top: 15px solid #8b99a2;   
}
.page #content 
{
    border-top: 8px solid #8b99a2;   
}

#content .big-image 
{
    width:960px;
    height:300px;
    padding:0px;
    margin:0px;
    overflow:hidden;
}

.page  #content .big-image 
{
    text-align:right;
    height:155px;
}
.big-image small, 
{
    padding:0;
    margin:2px 0;
    font-family:arial;
    color:#aaa;
    font-size:9px;
    line-height:100%;
}
div.stitle 
{
    width:200px;
    padding:0;
    margin:2px 0 5px 0;
    font-family:arial;
    color:#aaa;
    font-size:9px;
    line-height:100%;
    float:none;
}

.content-right div.stitle {
    float:right;
}


.content-left
{
    width:640px;
    min-height:200px;
    float:left;
	font-size:15px;
	line-height:1.4em;
	text-align:justify;
}

.content-right
{
    width:300px;
    min-height:200px;
    float:right;
    text-align:right;
}


h1 
{
    font-family:Georgia, Times New Roman;
    font-size:2.2em;
    font-weight:normal;
    color:#57656f;
    padding:6px 0 3px 0;
    margin:0;
    letter-spacing:1px;
}

h2 
{
    margin:8px 0 2px 0;
    padding:0;
    display:inline;
    padding-right:10px;
    font-size:1.7em;
    font-weight:normal;
    color:#57656f;
}
h3 
{
    margin:8px 0 2px 0;
    padding:0;
    display:inline;
    font-size:1.7em;
    font-weight:normal;
    color:#8b99a2;
    padding-left:10px;
    line-height:normal;
    border-left:2px solid #abb9c2;
}

#footer 
{
    margin:20px 0 0 0;
    padding:10px 0 0 0;
    font-family: Georgia, Times New Roman;
    font-size:11px;
    line-height:140%;
    border-top:1px solid #f0f5fa;
    overflow:hidden;
    width:960px;
    height:200px;
}

#footer div 
{
    float:left;
    width:300px;
    padding-right:30px;
    margin:0px;
}

#footer div.last {
    padding-right:0;
    margin-right:0;
    width:300px;

} 
#footer strong 
{
    text-transform:uppercase;
    letter-spacing:1px;
}
.day
{
    display:block;
    width:78px;
    float:left;
}
p.title
{
    margin-top:20px;
}

.cThird {
    width:960px;
    overflow:hidden;
    margin:5px 0 10px 0;
    padding:0;
}
.third2{
    float:left;
    width:630px;
    margin-right:30px;
    min-height:200px;

}

.third{
    float:left;
    width:300px;
    margin-right:30px;
    min-height:200px;

}

.half{
    float:left;
    width:465px;
    margin-right:30px;
    min-height:200px;

}


.last{
    margin-right:0;
    padding-right:0;
    
}    

.half div.title,
.third2 div.title,
.third div.title {
    height:20px;
    width:100%;
    padding-right:20px;
    margin:0;
    padding:7px 0 7px 0;
    font-size:1.7em;
    font-weight:normal;
    color:#57656f;
    border-bottom:6px solid #abb9c2;
}

.half p,
.third2 p,
.third p {
    font-size:1.1em;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity:0.85;
	
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 179px;
	padding:15px;
	height: 79px;
	opacity: 0.8;
	background: url('/images/tooltips/black.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 1em;
	width: 179px;
	text-align: center;
	
}
#tooltip.pretty div { width: 179px; text-align: left; }
#tooltip.bottom {font-size:0.9em;line-height:1.2em;padding-top:28px;background: url('/images/tooltips/black_arrow_bottom.png');}


div.gallery div {
    width:200px;
    float:left;
    margin:6px;
    
}

.third a, .third a:link, .third a:visited,
.half a, .half a:link, .half a:visited,
.third2 a, .third2 a:link, .third2 a:visited {
    color:#8b99a2;
}

.third a:hover,
.third2 a:hover,
.half a:hover {
    color:#57656f;
}

a.mailto, a.mailto:link, a.mailto:visited {
    color:#8b99a2;
}

a.mailto, a.mailto:link, a.mailto:visited {
    color:#57656f;
}