body {
	margin: 0;
	padding: 0;
	background: #0055a6 url(images/fond-header.png) repeat-x;
	font-family: Geneva, "Lucida Grande", Verdana, sans-serif;
	font-size: 100%;
	margin-bottom: 50px;
}

a {
	color: #8cc63f;
}
a:hover {
	color: #0D89FF;
}

p, ul#faq li {
background-color: #D4E6F7;
padding: 10px;
margin: 10px;
margin-right: 50px;
margin-left: 0px;
color: #0055A6;
border: 2px solid #6B9AC7;
}

h1 {
}

#conteneur {
display: block;
}

/* HEADER : LOGO + BANNIERE*/
#header {
	height: 140px;
	margin: 0;
	padding: 0;
}

#logo {
	background:url(images/logo2.png) no-repeat;
	width: 300px;
	height: 150px;
	position: relative;
	top: 20px;
	left: 30px;
}

#banniere {
	position: absolute;
	top: 25px;
	left: 300px;
	height: 125px;
	margin-left: 50px;
}

#sous-header {
/*	background: #0055a6 url(images/fond-traces.jpg) repeat-x;*/
	margin: 0;
	padding: 0;
}

#navigation-block {
	position: relative;
	top:50px;
	left:50px;
	/*background:url(images/fond-menu.png) no-repeat;*/
	width: 200px;
	height: 370px;
}

#hide {
	position:absolute;
	top:30px;
	left:-190px;
}

ul#sliding-navigation {
	list-style: none;
	font-size: .75em;
	margin: 30px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a {
	display: block;
	width: 150px;
/*	padding: 5px 18px;*/
	padding: 8px 18px;
	margin: 0;
	margin-bottom: 2px;
	/*margin-bottom: 5px;*/
}

ul#sliding-navigation li.sliding-element h3 {
	color: #fff;
	font-weight: normal;
	display: none;
}

ul#sliding-navigation li.sliding-element a {
	color: #00407D;
	background:/*#8cc63f */url(images/tab_bg.png) repeat-y;
	/*border: 1px solid #fff;*/
	text-decoration: none;
	font-weight: bold;
}

ul#sliding-navigation li.sliding-element a:hover { color: #0D89FF; }

/* PRINCIPAL*/
#principal {
	color: #fff;
	position: absolute;
	left: 320px;
	top: 200px;
}

/* CODA SLIDER*/
#slider {
    width: 770px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 50px;
}
 
.scroll {
    height: 420px;
    width: 770px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #0055a6 url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}
 
.scrollContainer div.panel {
    padding: 20px;
    height: 600px;
    width: 730px;
    background: #0055a6 url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}
 
#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}
 
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
ul.navigation li {
    display: inline;
    margin-right: 2px;
}
 
ul.navigation a {
    padding: 0;
/*    color: #fff;
    text-decoration: none;
    font-size: 80%;*/
}

ul.navigation img {
	border: none;
}
 
ul.navigation a:hover {
	background: #fff;
}
 
ul.navigation a.selected {
    background-color: #fff;
}
 
ul.navigation a:focus {
    outline: none;
}
 
.scrollButtons {
/*    position: absolute;
    top: 150px;
    cursor: pointer;*/
    display: none;
}
 
.scrollButtons.left {
    left: -20px;
}
 
.scrollButtons.right {
    right: -20px;
}
 
.hide {
    display: none;
}

/*FAQ*/
/*#faq {
	color: #8cc63f;
}*/

/*SLIDESHOW*/
#slideshow {
	position:relative;
	top:0px;
	left:0px;
}
.slideClass,.slideButton {
	list-style:none;
}
.slideClass li {
	position:absolute;
	top:0px;
	left:0px;
}
.slideButton {
	clear: both;
}
.slideButton li {
	float:left;
	margin: 0 5px 0 0;
}

/*SLIDESHOW CYCLES*/
.pics {
    height:  332px;
    width:   232px;
    padding: 0;
    margin:  0;
    float: left;
    margin: 2px;
}
.pics img {
    padding: 15px;
    border:  1px solid #ccc;
    background-color: #eee;
    width:  200px;
    height: 300px;
    top:  0;
    left: 0;
}

/*COULEURS*/
.vert {
	color: #8cc63f;
}
.bleu {
	color: #0055a6;
}
.jaune {
	color: #FFBE00; /*canard*/
}
.vert2 {
	color: #94D051; /*bilbouille*/
}
.vert3 {
	color: #09B151; /*igor*/
}
.rouge {
	color: #FF3510; /*annabelle*/
}