html {
	overflow-y: hidden;
}

body {
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	color: #ffffff; 
}

#container {
	margin-left: auto;
    	margin-right: auto;
	margin-top: 5%;
	width: 798px; 
    	text-align: left; /* on rétablit l'alignement normal du texte */
}

#cadre { 
	position: relative; 
	margin-top: -50px;
	width: 998px; 
	height: 863px;
	background: url('./design1.jpg') #804dcc no-repeat; 
	margin-left: -192px;
}

hr { clear: both; visibility: hidden; } 
.hline_news { width: 200px; height: 2px; background-color: #ffffff;  }
.espace { word-spacing: 48em; }
A:link { color: #d877fc; text-decoration: none; font-weight: bold; }
A:visited { color: #d877fc; text-decoration: none; font-weight: bold; }
A:active { color: #d877fc; text-decoration: none; font-weight: bold; }
A:hover { color: #ffffff; font-weight: bold; }
A.remonter:link { color: #ffffff; text-decoration: none; }
A.remonter:visited { color: #ffffff; text-decoration: none; }
A.remonter:active { color: #ffffff; text-decoration: none; }
A.remonter:hover { color: #ffffff; text-decoration: none; }
A.spip_out:link { color: #d877fc; text-decoration: none; font-weight: bold; }
A.spip_out:visited { color: #d877fc; text-decoration: none; font-weight: bold; }
A.spip_out:active { color: #d877fc; text-decoration: none; font-weight: bold; }
A.spip_out:hover { color: #ffffff; font-weight: bold; }
a img { border: none; padding: 0; }
.lang a img { border: none; padding: 10px; }
ul.boutons { list-style-image:none; list-style-type:none}
.imgcentrees { text-align: center;}
.imgcentrees img { margin-right: 30px;}
#texte img {border: #d877fc thin groove;}

#contenu { position: absolute; display: block; overflow: hidden; overflow-x: hidden; overflow-y: auto; border-top: 0px; margin-left: 216px; margin-top: 70px; top: 0; width: 720px; height: 345px; padding: 10px; }
*html #highlight { position: absolute; width: 320px; height: 40px; margin-left: 640px; margin-top: 390px; padding: 10px; color: #ffffff; font-family: arial, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; }
#highlight { position: absolute; width: 320px; height: 40px; margin-left: 640px; margin-top: 400px; padding: 10px; color: #ffffff; font-family: arial, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; }
#titre { color: #ffffff; font-family: arial, sans-serif; font-size: 18px; font-weight: bold; margin-right: 10px; text-align: center; }
#texte { color: #ffffff; font-family: arial, sans-serif; font-size: 13px; }
*html #accueil { position: absolute; display: block; width: 61px; height: 50px; margin-top: 25px; margin-left: 606px; }
*html #contact { position: absolute; display: block; width: 68px; height: 50px; margin-top: 35px; margin-left: 674px; }
*html #agenda { position: absolute; display: block; width: 70px; height: 50px; margin-top: 35px; margin-left: 735px; }
*html #reflexions { position: absolute; display: block; width: 75px; height: 50px; margin-top: 35px; margin-left: 805px; }
*html #foxydemon { position: absolute; display: block; width: 15px; height: 100px; margin-top: 342px; margin-left: 975px; }
*html #massage { position: absolute; display: block; width: 85px; height: 50px; margin-top: 515px; margin-left: 625px; }
*html #voix { position: absolute; display: block; width: 50px; height: 50px; margin-top: 525px; margin-left: 720px; }
*html #stages { position: absolute; display: block; width: 65px; height: 50px; margin-top: 525px; margin-left: 786px; }
*html #cours { position: absolute; display: block; width: 70px; height: 50px; margin-top: 525px; margin-left: 862px; }


#accueil { position: absolute; display: block; width: 61px; height: 50px; margin-top: 25px; margin-left: 606px; }
#contact { position: absolute; display: block; width: 68px; height: 50px; margin-top: 25px; margin-left: 674px; }
#agenda { position: absolute; display: block; width: 70px; height: 50px; margin-top: 25px; margin-left: 735px; }
#reflexions { position: absolute; display: block; width: 75px; height: 50px; margin-top: 25px; margin-left: 805px; }
#foxydemon { position: absolute; display: block; width: 15px; height: 100px; margin-top: 332px; margin-left: 965px; }
#massage { position: absolute; display: block; width: 85px; height: 50px; margin-top: 505px; margin-left: 625px; }
#voix { position: absolute; display: block; width: 50px; height: 50px; margin-top: 515px; margin-left: 720px; }
#stages { position: absolute; display: block; width: 65px; height: 50px; margin-top: 515px; margin-left: 786px; }
#cours { position: absolute; display: block; width: 70px; height: 50px; margin-top: 515px; margin-left: 862px; }

#langs {
	position: absolute;
	margin-top: 100px;
	margin-left: 948px;
}

#langs .lang {
	width: 18px;
	height: 12px;
	margin-bottom: 6px;
}

#en_top {
	position: absolute;
	display: none;
	margin-top: 30px;
	margin-left: 605px;
	width: 291px;
	height: 22px;
	background: url('./en_top.gif') no-repeat; 
}

#en_bot {
	position: absolute;
	display: none;
	margin-top: 505px;
	margin-left: 628px;
	width: 327px;
	height: 49px;
	background: url('./en_bot.gif') no-repeat; 
}

#active_2 {
	position: absolute;
	margin-top: 501px;
	margin-left: 624px;
	width: 91px;
	height: 47px;
	background: url('./fr_a1.gif') no-repeat; 
}

#active_3 {
	position: absolute;
	margin-top: 509px;
	margin-left: 718px;
	width: 65px;
	height: 48px;
	background: url('./fr_a2.gif') no-repeat; 
}

#active_r_2 {
	position: absolute;
	margin-top: 520px;
	margin-left: 784px;
	width: 73px;
	height: 37px;
	background: url('./fr_a3.gif') no-repeat; 
}

#active_4 {
	position: absolute;
	margin-top: 515px;
	margin-left: 861px;
	width: 68px;
	height: 40px;
	background: url('./fr_a4.gif') no-repeat; 
}

#active_15 {
	position: absolute;
	margin-top: 499px;
	margin-left: 625px;
	width: 91px;
	height: 49px;
	background: url('./en_a1.gif') no-repeat; 
}

#active_16 {
	position: absolute;
	margin-top: 511px;
	margin-left: 717px;
	width: 58px;
	height: 42px;
	background: url('./en_a2.gif') no-repeat; 
}

#active_r_4 {
	position: absolute;
	margin-top: 521px;
	margin-left: 777px;
	width: 102px;
	height: 34px;
	background: url('./en_a3.gif') no-repeat; 
}

#active_17 {
	position: absolute;
	margin-top: 504px;
	margin-left: 880px;
	width: 80px;
	height: 47px;
	background: url('./en_a4.gif') no-repeat; 
}

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 723px;
height: 300px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: absolute;
margin-left: 216px; 
margin-top: 85px; 
padding: 10px;
outline: none;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 720px;
height: auto;
position: relative;
color: black;
padding: 1px;
}
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}
.vscrollerbase {
width:22px;
}
.vscrollerbar {
background-image: url(scrollbar.png);
width: 11px;
/* following is the bit that allows us fixed height scrollbars */
height: 8px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/
background-image: url(scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}
* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}
/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 22px;}
.hscrollerbar {height: 22px;}
.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}
/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 22px;
height: 22px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}
/* Scroll Bar Master Styling Ends Here */