* {
    padding: 0;
    margin: 0;
} 

body {
background: url(../images/body_bg.jpg) no-repeat;
background-repeat : repeat-y; 
background-attachment:fixed ;
margin: 0cm 2mm 0cm 1cm ;
font-family: Arial;
font-size: small;

color: #5d665b;
}

img { border: none; }

a { color: #333;  }
a:hover { text-decoration: none; color : #376D97; }

#wrap {
margin: 0px auto;
width: 800px;
}

#header { 
background:  url(../images/header.jpg) no-repeat;
color:#fff;
font-family: Arial;
text-align:right;
padding: 0px 10px 0px 0px;
border-bottom: 1px solid #305A7A;
height: 80px;
}
#header h1 {
font-size: 26px;
font-weight: 100;

padding: 22px 0 5px 20px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #111;
text-decoration: none;
}
#header h2 {
color: #ccc;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 21px;

line-height: 12px;
}

#menu {

}
#horiz {
	clear:both;
	
	margin-top:0px; 
	color: #fff;
	
	background-color: #376d97;
	 /**/
	border:0px solid #000;
	
 
	
 }
	
#horiz .menu a, #horiz .menu a:visited {text-decoration:none;}

#horiz .menu {
	width:800px;
	background:#376d97;
	padding:1px;
	border:0;}
	
* html #horiz .menu {
	width:800px;
	}
	
#horiz .menu dd {
	padding: 0px;
	margin:0px;
	width:114px;
	float:left;}
	
.clear {
	clear:left;
	height:0;
	overflow:hidden;}
	
* html .clear {display:none;}


/*===============NAVIGATION===================*/

.menu .aa, .menu .bb, .menu .cc, .menu .dd, .menu .ee, .menu .ff, .menu .gg {
 	border:1px solid #000;}
 
.menu .aa {
	display:block;
	text-align:center;
	color: #fff;
	border-color:#3392ff #0c64c9 #0c63c7 #3392ff;
	background:#376d97;
	padding:2px 0;}
	
.menu .bb {
	display:block;
	border-color:#60aafe #0e4b90 #064690 #60aafe;}
	
.menu a, .menu a:visited, .menu b {
	display:block;
	text-decoration:none;
	color:#000;
	font-size:0.9em;
	font-family:arial, verdana, helvetica, serif;
	font-weight:bold;
	width:100%;
	background:#000;}
	
.menu .dd {border-color:#d5d3ca #f7f6ef #f7f6ef #d5d3ca;}
.menu .ee {border-color:#b8b7af #f7f6ef #f7f6ef #b8b7af;}
.menu .ff {border-color:#9c9b95 #f7f6ef #f7f6ef #9c9b95;}
.menu .gg {border-color:#d5d3ca #fff #fff #d5dc3a; margin:3px;}

.menu a:hover, .menu b {
	display:block;
	color:#c00;
	background:#000;
	cursor:pointer;}
	
.menu a:hover .bb, .menu b .bb {
	display:block;
	color:#fff;
	background:#fff;
	border-color:#064690 #60aafe #60aafe #0e4b90;}
	
.menu a:hover .aa, .menu b .aa {
	display:block;
	color:#000;
	border-color:#0c63c7 #3392ff #3392ff #0c64c9;
	text-align:center;
	padding-top:3px;
	background:#2f5d81;
	padding-bottom:1px;}

.menu b {cursor:default;}




/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_two */

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#fff; background:url(button3.gif);}
.menu2 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(button4.gif);}
.menu2 li a:hover b {background:url(button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(button3.gif) no-repeat right top;}


/*============BOUTON ISOLE=============*/
.bouton .aa, .menu .bb, .menu .cc, .menu .dd, .menu .ee, .menu .ff, .menu .gg {
 	border:1px solid #000;}
 
.bouton .aa {
	display:block;
	text-align:left;
	color: #fff;
	border-color:#3392ff #0c64c9 #0c63c7 #3392ff;
	background:#376d97;
	padding:2px 0;}
	
.bouton .bb {
	display:block;
	border-color:#60aafe #0e4b90 #064690 #60aafe;}
	
.bouton a, .menu a:visited, .menu b {
	display:block;
	text-decoration:none;
	color:#000;
	font-size:0.9em;
	font-family:arial, verdana, helvetica, serif;
	font-weight:bold;
	width:100%;
	background:#000;}
	
.bouton .dd {border-color:#d5d3ca #f7f6ef #f7f6ef #d5d3ca;}
.bouton .ee {border-color:#b8b7af #f7f6ef #f7f6ef #b8b7af;}
.bouton .ff {border-color:#9c9b95 #f7f6ef #f7f6ef #9c9b95;}
.bouton .gg {border-color:#d5d3ca #fff #fff #d5dc3a; margin:3px;}

.bouton a:hover, .menu b {
	display:block;
	color:#c00;
	background:#000;
	cursor:pointer;}
	
.bouton a:hover .bb, .menu b .bb {
	display:block;
	color:#fff;
	background:#fff;
	border-color:#064690 #60aafe #60aafe #0e4b90;}
	
.bouton a:hover .aa, .menu b .aa {
	display:block;
	color:#000;
	border-color:#0c63c7 #3392ff #3392ff #0c64c9;
	text-align:left;
	padding-top:3px;
	background:#2f5d81;
	padding-bottom:1px;}

.bouton b {cursor:default;}

/*========AFFICHAGE============*/


#content {
background: #ebecee url(../images/content.jpg) repeat-y;
padding: 10px 20px;
}


#articles {margin-top:20px;
			width: 588px;
 Ê Ê
 	
	
}
#articles a {text-decoration: none; }
#articles p {
	font-size:1em;
	width: 586px;
	text-indent: 0.5em;
	padding-left: 5px;
	text-align: justify;}
	
#articles p a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}
	
#articles p a:hover {
	text-decoration: none;
	color: #305a7a;
	font-weight: bold;
	}

 #articles h1 {
 	color: #305a7a;
	padding-bottom: 20px;
	padding-left: 40px;
	width: 500px;
	background-position:  0% 55%; /* sert ˆ dŽfinir l'emplacement de l'image de fond */
	background-repeat: no-repeat;
	font: bold Arial, Verdana, helvetica, serif;
	background-image: url("../images/img_titre.png");
	border-bottom: 1px dashed #376d97;
	
}


 #articles h2 {
 	color: #000;
 	font-size:1.4em;
 	letter-spacing: 0em;
 	font-weight:bold;
 	text-align: left;
 
 
 
 	}

#articles h3 {
 Ê  color: #3392ff;
	font-style: italic;
 	font-size: 0.9em;
 Ê Êtext-align: left;
 Ê Êfont-family: Arial, verdana, helvetica, serif;
 	margin-top: 10px;
 	}
 	
/*---------- INFOS --------------*/

dl.curved {background:#305A7A url(../images/c_hg.gif)  top left no-repeat; margin:5px 0; padding:0; width:50%; }
dl.curved dt {background:transparent url(../images/c_hd.gif) top right no-repeat; padding:10px; text-align:center; color:#fff; font-size: 14px; font-weight:bold;}
dl.curved dd {background:#ccc; padding:0; margin:0; }
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}

/*____________F_I_N_________________*/

 	
#articles li {
 Ê  color: #5d665b;
	line-height: 1.5em;
	font-size: x-small;
 	text-align: justify;
 	margin-top: 0px;
 	margin-bottom: 5px;
 	margin-left: 115px;

}

#articles li a {
	color: #305a7a;
	font-weight: bold;
	text-decoration: none;
	}
	
#articles li a:hover {
	color: #3392ff;
	}
	

pre {
	background: #fff url(../images/prebloc.jpg) no-repeat 0 0;
	width: 540px;
	padding: 30px 5px 10px;
	font-size: 1em;
	line-height: 1.6em;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	overflow: auto;
	overflow-y: hidden; /* IE seulement */
}

ul pre, ol pre {
	margin-left: -15px;
}

code {
	
	color: #526011;
}

pre code {font-size:10px;
	letter-spacing: 0px;
	color: #000;
}
			
 .imageflottantegauche {
				float:left;
				padding: 10px;
			}
			
 .imageflottantedroite {
				float:right;
				padding: 10px;
			}
			
.spacer {
  clear: both;
}

.separation {
	width: 130px;
	border-bottom: 1px solid #999;
	margin-top: -12px;
	margin-bottom: 0px;
	}

.left {
width: 588px;
float: left;
text-align: justify;
}
.left h2 {
color: #FF4800;
font-size: 24px;
letter-spacing: -3px;
font-weight: 100;
padding : 10px 0 15px 0;
}

.right {
width: 140px;
float: right;
font-size: 12px;
}
.right ul {
list-style-type: circle;
padding: 0px 0px 0px 15px;
}
.right h2 {
height: 30px;
font-size: 12px;
color: #666;
line-height: 30px;
}

.right h3 {
height: 25px;
font-size: small;
color: #376D97;
font-weight: bolder;
line-height: 30px;
}



.right p {
font-size: x-small;
color: #000;
font-weight: normal;
line-height: 12px;
}

.right a { text-decoration: none }

#top {
background: #555;
padding: 0px 0;
}
#bottom {
background: #555 url(../images/bottom.jpg) no-repeat;
padding: 0px 0;
}

#footer {
text-align: right;
color: #eee;
background: #fff url(../images/footer.jpg) no-repeat;
font-size: x-small;
padding: 8px 10px 10px 0px;
}
#footer a { color: #000;
			
}

/*===========PHOTOS=========================================================================*/


#container {
	position:relative;
	width:488px;
	background:#efedec
	url(../images/Bando-bio.gif);
	border:0px solid #000;
	margin:0 auto;}
	
a.gallery, a.gallery:visited {
	display:block;
	color:#000;
	text-decoration:none;
	border:1px solid #000;
	width:88px;
	height:47px;
	float:left;
	margin:3px;
	z-index:50;}
	
a.slidea {background:url(../galerie/im1.jpg);}
a.slideb {background:url(../galerie/im2.jpg);} 
a.slidec {background:url(../galerie/im3.jpg);}
a.slided {background:url(../galerie/im4.jpg);}
a.slidee {background:url(../galerie/im5.jpg); background-repeat:no-repeat;}
a.slidef {background:url(../galerie/im6.jpg);}
a.slideg {background:url(../galerie/im7.jpg);}
a.slideh {background:url(../galerie/im8.jpg); background-repeat:no-repeat;}
a.slidei {background:url(../galerie/im9.jpg);}
a.slidej {background:url(../galerie/im10.jpg);}
a.slidel {background:url(../galerie/im12.jpg);}
a.slidem {background:url(../galerie/im13.jpg);}
a.sliden {background:url(../galerie/im14.jpg);}
a.slideo {background:url(../galerie/im15.jpg);}
a.slidep {background:url(../galerie/im11.jpg);}

a.gallery span {
	display:block;
	position:absolute;
	width:1px;
	height:1px;
	top:5px;
	left:5px;
	overflow:hidden;
	background:#efedec
	url(../images/Bando-bio.gif);
	z-index:100;}
	
.slidek {
	display:block;
	position:absolute;
	width:441px; /*taille image accueil*/
	height:350px;
	top:185px; /*position de l'image d'acceuil*/
	left:20px; /*position de l'image d'acceuil*/
	padding:0;
	border:1px solid #ebecee;}
	
a.gallery:hover {white-space:normal; border:1px solid #efedec;}
a.gallery:hover img {border:1px solid #000; position:relative; z-index:100;}
a.gallery:hover span {
	display:block; position:absolute;
	width:433px; height:545px;/* taille du conteneur*/
	top:185px; left:20px; /* position de l'affichage */
	padding:5px;
	font-style:italic; color:#000;
	background:#efedec; z-index:100;}
	
a.gallery:active {border:1px solid #eee;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; position:relative; z-index:50;}
a.gallery:active span, a.gallery:focus span {
											display:block; position:absolute;
											width:-1px; height:-145px;
											top:185px; left:20px; 
											padding:5px;
											font-style:italic;
											color:#000;
											background:#efedec; z-index:50;}
											
											
											
											
											
											
											
											
											

/*=================PARTIE COURS============================================================*/


/*------NAVIGATION----------------*/

.menu_cours {font-family: arial, sans-serif; width:450px; position:relative; left: -20px; top: -10px; margin:-15px; font-size:x-small;
			 z-index: 1000; /* z-index permet de placer un ŽlŽment au dessus d'un autre. plus la valeur est elevŽe plus l'ŽlŽment est dessus */
			 }
html>body .menu_cours a {width:72px; height:20px; text-align:center; color:#000; border:1px solid #305a7a; background:#ccc; line-height:18px; font-size:x-small;}
html>body .menu_cours ul {padding:0; margin:0;}
html>body .menu_cours ul li {list-style-type: none; float:left; margin-right:1px; position:relative;}
html>body .menu_cours ul li a {display:block; text-decoration:none; color:#000;}
html>body .menu_cours ul li:hover a {color:#000; background:#305a7a;}
html>body .menu_cours li ul {display: none;}
html>body .menu_cours li:hover ul {display:block; position:absolute; top:21px; left:0; width:72px;}
html>body .menu_cours li:hover ul li a.hide {background:#aaa;}
html>body .menu_cours li:hover ul li ul {display: none;}
html>body .menu_cours li:hover ul li a {display:block; background:#eee; color:#000;}
html>body .menu_cours li:hover ul li a:hover {background:#aaa; color:#000;}
html>body .menu_cours li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0; background:#aaa; color:#000;}

/*-------AFFICHAGE LESSONS-------------*/

.frame {

margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
font-family: Arial;
font-size: small;
width: 588px;
height: 900px;
overflow: auto; /* cette propriŽtŽ va permettre le scroll de ce bloc */

z-index: 50;
}

.frame h2 {
 	color: #305a7a;
 	font-weight:bold;
	padding-bottom: 20px;
	letter-spacing: 0px;
	padding-left: 40px;
	width: 484px;
	background-position:  0% 55%; /* sert ˆ dŽfinir l'emplacement de l'image de fond */
	background-repeat: no-repeat;
	font: bold Arial, Verdana, helvetica, serif;
	background-image: url("../images/img_titre.png");
	border-bottom: 1px dashed #376d97;
}
	
.frame h3 {
	color: #000;
	margin-top: 2px;
	margin-bottom: 8px;
	
}

.frame h4 {
	color: #000;
	text-align: center;
	font-weight: normal;
	line-height: 2em;
}

.frame h4 a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
	
.frame h4 a:hover {
	text-decoration: none;
	color: #3392ff;
	font-weight: bold;
	background-color:#0000FF ;
	}

.frame p {
	
	
	text-indent: 0.5em;
	margin-right: 50px;
	padding-left: 0px;
	text-align: justify;}
	
.frame p a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}
	
.frame p a:hover {
	text-decoration: none;
	color: #3392ff;
	font-weight: bold;
	}
	
.liste {
	line-height: 1.5em;
	}
	
.liste li {
	margin: .5em 0 .5em 0;
	letter-spacing: 0.05em; word-spacing: 0.3em;
	}
	
.liste li a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	}
	
.liste li a:hover {
	text-decoration: none;
	color: #3392ff;
	font-weight: bold;
	}


/*------SUITE NAVIGATIO-------------*/

<!--[if lte IE 6]>

.menu_cours ul {padding:0; margin:0; list-style-type:none;}
.menu_cours ul table ul {padding:0; margin:0; list-style-type:none;}

a.hide {display:none;}

.menu_cours {display:block; padding:0; margin:0; list-style-type:none;}
.menu_cours li {display:block; width:72px; height:19px; position:relative; float:left;}
.menu_cours a.outer {
   position:absolute;
   color:#000; 
   width:72px; 
   height:20px; 
   display:block; 
   background:#ccc; 
   border:1px solid #000; 
   text-align:center; 
   text-decoration:none; 
   line-height:18px; 
   overflow:hidden;
   }
.menu_cours a.inner {
  display:block; 
  width:72px;
  height:100%;
  border:1px solid #000; 
  text-decoration:none;
  background:#eee;
  color:#000;
  text-align:center;
  overflow:hidden;
  }
.menu_cours a.outer:hover {
  background:#ccc;
  overflow:visible;
  }
.menu_cours a.outer:hover table {
  position:absolute;
  top:21px;
  left:-1px;
  display:block; 
  background:#fff; 
  border-collapse:collapse;
  margin:0 -1px;
  }
.menu_cours a.inner {
  height:20px;
  overflow:hidden;
  background:#eee;
  }
.menu_cours a.sub {
 background:#ccc;
 }
.menu_cours a.inner table {
  visibility:hidden;
  }
.menu_cours a.inner:hover {
  background:#ccc;
  }
.menu_cours a.inner:hover {
  position:relative; 
  overflow:visible;
  }
.menu_cours a.inner:hover table {
  visibility:visible;
  position:absolute; 
  top:-2px; 
  left:105px; 
  border-collapse:collapse;
  margin:0 -1px;
  background:#fff; 
  font-weight:normal;
  z-index:100;
}
<![endif]-->

/*-------- TABLEAUX ----------------*/

.table1 {
	visibility: visible;
	width: 100%;
	position: relative;
	text-align: center;}
	
.table1 table {
	font-size: 9px;	
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent}
	
.table1 td{
	background-color: #F5FAF5;
	padding: 0px 2px 0px 2px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: center;
	width: 50px;
	height: 12px;
	vertical-align: middle;}
	
	
.table1 th{
	padding: 0px 2px 0px 2px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: #d5ddd5;
	text-align: center;
	width: 50px;
	height: 12px;
	vertical-align: middle;}
	
	
.table2 {
	visibility: visible;
	width: 100%;
	position: relative;
	text-align: center;}
	
.table2 table {
	font-size: 9px;	
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent}
	
.table2 td{
	background-color: #F5FAF5;
	padding: 0px 2px 0px 2px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: center;
	width: 200px;
	height: 20px;
	vertical-align: middle;}
	
	
.table2 th{
	padding: 0px 2px 0px 2px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: #d5ddd5;
	text-align: center;
	width: 200px;
	height: 20px;
	vertical-align: middle;}
	
.table3 {
	visibility: visible;
	width: 100%;
	position: relative;
	text-align: center;}
	
.table3 table {
	font-size: medium;
	color: #000;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent}
	
.table3 td{
	background-color: #F5FAF5;
	padding: 2px 2px 2px 2px;
	border-width: 2px 2px 2px 2px;
	border-style: solid;
	border-color: #000;
	text-align: center;
	width: 200px;
	height: 45px;
	vertical-align: middle;}



/*============MUSIQUE=============================================================================*/

/*--------NAVIGATION----------------------*/

#skyline {
 width: 400px;
 height: 288px;
 background: url(../images/musique.jpg);
 margin: 10px auto; border:3px solid #305a7a; padding: 0;
 position: relative;
 font-style:bold; 
}
#skyline li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#skyline li, #skyline a {
						height: 288px; display: block;
						font-size: medium;				/* formatage du texte de lien */
						text-align: center;
						font-family: Arial, Verdana, helvetica, sans-serif; color:#305a7a;
						text-decoration: none;
						}
						
#panel1b {left: 0; width: 95px;}
#panel2b {left: 96px; width: 104px;}
#panel3b {left: 201px; width: 98px;}
#panel4b {left: 302px; width: 95px;}

#panel1b a:hover {background: transparent url(../images/musique.jpg) 0 -288px no-repeat;}
#panel2b a:hover {background: transparent url(../images/musique.jpg) -96px -288px no-repeat;}
#panel3b a:hover {background: transparent url(../images/musique.jpg) -201px -288px no-repeat;}
#panel4b a:hover {background: transparent url(../images/musique.jpg) -302px -288px no-repeat;}

#skyline a span {
	
	position: relative;
	bottom: -300px; /* position du texte de lien */
	border:0px;
	}

#skyline a:hover span {
	
	color:#3392ff;
	
	}

/*---------MIDI----------*/

#midi {
	width: 440px;
	
	position: relative;
	
	margin-top: 10px;
	}
#midi h4 {
	text-align: center;
	}
	
	
#box1 {
	display:block;
	width:200px;
	height:210px;
	overflow: auto;
	position:relative;
	top:10px;
	left:4px;
	background:#386a90;
	background-image: url(../images/fond1.jpg);
	background-position:  0px 35px;
	background-repeat: no-repeat;
	border:4px solid #305a7a;
	margin-left:10px; margin-bottom: 10px; auto;
	color: #FFF;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: left;
	float:left;
	}
	
#box1 h2 {
	font-size: 1.1em;
	margin-left: 4px;
	margin-top: 5px;
	font-weight: bold;}

#box1 li {
	
	font-size: x-small; 
	margin-left: 0px;
	line-height: 160%;}
	
#box1 li a {
	text-decoration: none;
	color: #305a7a;		}
	
#box1 li a:hover {
	 color: #fff;
	 background-color:#3392ff;
	 }

/*============VENTE============================================================================*/

#box2 h1 {
    text-align: center;
	font-size: 2.3em;
	color : #000;
	margin-left: 4px;
	margin-top: 5px;
	font-weight: bold;}	 
	
#box2 h2 {
    text-align: center;
	font-size: 1.1em;
	color : #000;
	margin-left: 4px;
	margin-top: 5px;
	font-weight: normal;}

#box2 li {
	
	font-size: 0.9em;
	color: #000;
	font-weight: bold;
	margin-left: 0px;
	line-height: 160%;
	list-style: none;}
	
#box2 li a {
	text-decoration: none;
	color: #305a7a;		}
	
#box2 li a:hover {
	 color: #fff;
	 background-color:#3392ff;
	 }

/*============MUSIQUE============================================================================*/

#musique {
	
	
	
	}

#groupe {
	background-image: url(../images/fond2.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding: 12px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #5d665b;
	font-weight: normal;
	letter-spacing: 0.07em;
	text-align: justify;
	font-size: small;
	line-height: 1.5em;
	}
	
#groupe2 {
	width: 500px;
	background-image: url(../images/fond3.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #5d665b;
	font-weight: normal;
	letter-spacing: 0.07em;
	text-align: justify;
	font-size: small;
	line-height: 1.5em;
	}
	
#groupe3 {
	background-image: url(../images/fond4.jpg);
	background-position: 30% 60%;
	background-repeat: no-repeat;
	padding: 12px;
	margin-bottom: 7px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #5d665b;
	font-weight: normal;
	letter-spacing: 0.07em;
	text-align: justify;
	font-size: small;
	line-height: 1.5em;
	}
	
#groupe4 {
	background-image: url(../images/fond6.jpg);
	background-position: 30% 60%;
	background-repeat: no-repeat;
	padding: 12px;
	margin-bottom: 7px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #5d665b;
	font-weight: normal;
	letter-spacing: 0.07em;
	text-align: justify;
	font-size: small;
	line-height: 1.5em;
	}
	
#extraits {
	display: block;
	background: transparent;
	
	height: 50px;
	margin: 4px;
	text-align: left;
	
	color: #000;
	font-size: x-small;
	font-weight: bold;
	}
	
#extraits2 {
	display: block;
	background: transparent;
	
	height: 50px;
	margin: 3px;
	text-align: left;
	
	color: #000;
	font-size: x-small;
	font-weight: bold;
	float: right;
	}
	
/*===========================students=============================================================*/
	
#ecole {
	
	width: 420px;
	height: 400px;
	background: #ebecee;
	background-image: url(../images/fond4.jpg);
	
	background-position: 120% 80%;
	background-repeat: no-repeat;
	}




#eleves2 {
	
	padding: 12px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #5d665b;
	font-weight: normal;
	letter-spacing: 0.07em;
	text-align: justify;
	font-size: small;
	line-height: 1.5em;
	}
	
	
	}
	
#eleves2 p {
	width: 100px;
	text-indent: 0.5em;
	padding-left: 12px;
	text-align: justify;}
	
#eleves2 p a {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	}
	
#eleves2 p a:hover {
	text-decoration: none;
	color: #3392ff;
	font-weight: bold;
	}
	
	
dl#eleves dt {
  display:none;
  }
  
dl#eleves dd {
  padding:0; 
  margin-top:0px;
  margin-left:0px;
  font-weight: bold;
  }



a.xmenu, a.xmenu:visited {
 
  display:block; 
  width:80px; 
  height:20px; 
  background:#ccc;
 
  text-decoration:none; 
  text-align:left; 
  color:#5d665b;
  font-variant: small-caps;
  font-family: arial, helvetica, geneva, sans-serif;
  font-size: small;
  
  }
a.xmenu span, a.xmenu:visited span {
  display:block; 
  width:3em; 
  height:0.5em;
  border:2px solid #000;
  border-color:#0c63c7 #3392ff #3392ff #0c64c9;
  background:#305a7a; 
  overflow:hidden;
 
  }
* html a.xmenu span, * html a.xmenu:visited span {
  w\idth:5em; 
  h\eight:1.5em; 
  width:3em; 
  height:0.5em; 
  overflow:hidden;
  text-align: center;
  }
a.xmenu:hover {
  color:#3392ff;
  }
a.xmenu:hover span {
  background:#0f0;
  }