/*
 *   S T Y L E S   D E   B A S E
 *   ---------------------------
 */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	scrollbar-base-color: #B296C7;/*couleur de base des barres de défilement*/
	scrollbar-3dlight-color: #86B6CD;/* couleur pour les effets de relief (3D)*/
	scrollbar-arrow-color: #00AAF2;/*couleur pour les pointeurs de défilement*/
	scrollbar-darkshadow-color: #839BCB;/*couleur pour les ombres*/
	scrollbar-face-color: #B6D1DA;/* couleur pour la surface*/
	scrollbar-highlight-color: #799FCA;/* couleur pour le bord haut et le bord gauche*/
	scrollbar-shadow-color: #7EA4CC;/*   couleur pour le bord droit et le bord du bas*/
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

h1 {
	font-size: 12px;
	color: #330033;
}


/*
 *   P O S I T I O N N E M E N T S   B L O C S
 *   -----------------------------------------
 */

#wrapper {
	width: 955px;
	height: 600px;
}

#bandeau {
	position: absolute;
	top: 0;
	left: 260px;
}

#menu {
	position: absolute;
	top: 100px;
	width: 160px;
}


#menu li {
	padding: 5px 0;
	line-height: 0.9em;
	text-align: right;
}

/* Positionnement des items du menu */

#item1 {position: relative; right: 14px; }
#item2 {position: relative; right: 10px; }
#item3 {position: relative; right: 8px; }
#item4 {position: relative; right: 9px; }
#item5 {position: relative; right: 11px; }
#item6 {position: relative; right: 15px; }
#item7 {position: relative; right: 21px; }
#item8 {position: relative; right: 27px; }

#texte {
	position: absolute;
/*
	top: 152px;
	height: 290px;
*/
	top: 95px;
	height: 350px;
	left: 250px;
	width: 700px;
	overflow: auto;
}

#troismenus {
	position: absolute;
	top: 450px;
	left: 225px;
	height: 170px;
}

#mentions {
	position: absolute;
	top: 600px;
	left: 220px;
	width: 700px;
}

#baseline {
	position: absolute;
	top: 620px;
	left: 220px;
	width: 700px;
}

/*
 *   M E N U   G A U C H E
 *   ---------------------
 */

#menu a {
	font-size: 12px;
	color: #6666CC;
	font-weight: bold;
}

#menu a:hover {
	color: #660066;
}


/*
 *   T E X T E   C E N T R A L
 *   -------------------------
 */

#texte {
	text-align: left;
	color: #714065;
	font-size: 12px;
}

h3 {
	clear: both;
	font-size: 14px;
	color: #660066;
	font-weight: bold;
	margin-top: 2.5em;
}

p {
	margin-top: 1.2em;
	color: #333366;
	font-size: 13px;
	line-height: 17px;
}

.col3gauche, .col3milieu, .col3droite {
	background: url(../images/fleche.gif) no-repeat;
	float: left;
	width: 200px;
	height: 355px;
	padding-left: 20px;
	margin-top: 10px;
}

.col3gauche h3, .col3milieu h3, .col3droite h3 {
	text-align: center;
	padding-bottom: 5px;
}

#texte table p,
#texte table h3 {
	margin: 2px 20px 2px 50px;
}

/*
 *   B L O C   3   M E N U S
 *   -----------------------
 */

#menu1 {
	background: url(../images/bloc1.jpg) no-repeat;
	float: left;
	width: 242px;
	height: 147px;
}

#menu2 {
	float: left;
	background: url(../images/bloc2.jpg) no-repeat;
	width: 242px;
	height: 147px;
}

#menu3 {
	float: left;
	background: url(../images/bloc3.jpg) no-repeat;
	width: 242px;
	height: 147px;
}

#troismenus li {
	margin: 8px 5px 8px 38px;
	line-height: .8em;
}

#troismenus a {
	font-size: 11px;
	color: #886291;
	font-weight: bold;
}

#troismenus a:hover {
	color: #3399FF;
}

#btmenu1 a, #btmenu2 a, #btmenu3 a {
	display: block;
	position: absolute;
	top: 115px;
	width: 19px;
	height: 19px;
}

#btmenu1 a { left: 200px; background: url(../images/btonbloc1.gif) no-repeat;}
#btmenu1 a:hover { background: url(../images/btoffbloc1.gif) no-repeat; }

#btmenu2 a { left: 440px; background: url(../images/btonbloc2.gif) no-repeat;}
#btmenu2 a:hover { background: url(../images/btoffbloc2.gif) no-repeat; }

#btmenu3 a { left: 680px; background: url(../images/btonbloc3.gif) no-repeat;}
#btmenu3 a:hover { background: url(../images/btoffbloc3.gif) no-repeat; }

/*
 *   B A S   D E   P A G E
 *   ---------------------
 */

#footer {
	text-align: center;
	height: 25px;
	width: 600px;
	float: left;
}

#mentions {
	text-align: center;
	font-size: 11px;
}

#mentions a {
	font-size: 11px;
	color: #6666CC;
	font-weight: bold;
}

#mentions a:hover {
	color: #660066;
}


#baseline {
	text-align: center;
	font-size: 10px;
	font-style: italic;
	color: #999;
}