/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 10px;
	font-family: Trebuchet MS;
	line-height: 1.2em;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; background: #FFFFFF; color: #707070 }
a:active { text-decoration: none; color: #000000 }
a:visited { text-decoration: none; background: #FFFFFF; color: #707070; }
a:hover { text-decoration: ; background: #FFFFFF; color: #3C3C3C;} }

#img-container span.backgrounded a,
#img-container a.thickbox, 
#img-container a.thumb-img, 
#img-container #d-col1 a { background: transparent; }

/* Mozilla based browsers */
::-moz-selection {
background-color: #ffffff;
color: #cc9999;
}
 
/* Works in Safari */
::selection {
background-color: #ffffff;
color: #cc9999;
}

a img { border: none; }

#menu {
    width: 160px;
    overflow: auto;
    top: 9px;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li a:hover {
text-decoration: underline;
}

#menu ul li.active a {
font-style: italic;
background-color: #E4EDEC;
color:#000000;
}

#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 10px 0 0 215px;
    top: 0;
}

.container {
    padding: 5px 5px 25px 15px;
}

#content p { width: 400px; margin-bottom: 15px; }

p {
    margin: 9px 0 9px 0;
}

h1 { font-size: 10px; display: inline; }
h2 { font-size: 18px;
    text-decoration: underline; 
    font-style: italic; 
    display: inline; }
h3 { font-size: 15px; }
h4 { font-size: 15px; }
h5 { font-size: 10px; 
    text-decoration: underline; 
    font-style: italic; 
    background: #E4EDEC; 
    color: #3C3C3C;
    display: inline; }
h5:hover { background: #E9E8FF; }
h6 { font-size: 10px; 
    text-decoration: none;  
    background: #CFCFCF; 
    color: #000000;
    display: inline; }

}

hr.thin {
  border: 0;
  width: 400px;
  color: #f00;
  background-color: #707070;
  height: 5px;
}

titre1 {
background-color:#CDA09C;
color:#FFFFFF;
letter-spacing:0.1em;
line-height:13px;
margin:0 0 3px;
padding-bottom:1px;
padding-top:1px;
}

#content a:link {
background-color:#FFFFFF;
color:#707070;
text-decoration:none;
}
#content a:active {
background-color:#FFEB00;
color:#000000;
text-decoration:none;
}
#content a:visited {
background-color:#FFFFFF;
color:#707070;
text-decoration:none;
}
#content a:hover {
background-color:#FFFFFF;
color:#000000;
text-decoration:underline;
}

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 10px 0 25px 0; }

#once { clear: left; }

/* SLIDE SHOW - Navigation */
    p.nav a {
        background-color: #ffffff;
        padding-top: 1px;
        padding-right: 3px;
        padding-bottom: 1px;
        padding-left: 3px;
        font-size: 8px;
        font-family: Trebuchet MS;
        -moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
        -moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;        
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
        -moz-border-radius-topright:5px;
        -webkit-border-top-right-radius:5px;}
    p.nav a:hover {
        background-color: #BED5D2;}
    p.nav span#num {
        font-family: Trebuchet MS;
	font-size: 9px;
        padding-left: 8px;}