@charset "utf-8";
/* CSS Document */

/* PERSO*/

.gras_jaune {
	color: #FFFF00;
	font-weight: bold;
	font-size: 14px;
}
.cours-glider {
	color: #FFFFFF;
	font-size: 12px;
}
.movie {
	width: 650px;
	height: 300px;
}
div.movie {
	width: 650px;
	height: 300px;
	text-align: center;
	border: 1px solid #333333;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif
}
.style2 {
	color: #818181;
	text-transform:capitalize;
	font-size: xx-small;
	margin-bottom: 2px;
}

/* / PERSO*/

ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

a:link, a:visited {
	display:block;
	color:#FFF;
	text-align:left;
/*	padding:2px;*/
	text-decoration:none;
/*	text-transform:capitalize;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
 a:link.menu, a:visited.menu {
	display:block;
	width:180px;
	font-weight:bold;
	color:#FFF;
	background-color:#000;
	text-align:left;
	padding:5px;
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}
a:hover, a:active {
	background-color:#CCC;
	color:#FFCC00;
}
a:hover.menu , a:active .menu {
	background-color:#FFF;
	color:#000000;
}
a:hover.texte , a:active .texte {
	margin-left: 260px;
	background-color:#FFF;
	color:#000
}
#contenant {
	background-color: #444444;
	width: 680px;
	padding: 20px;
}
#contenu {
	background-color: #000;
	width: 100%;
	padding: 10px;
	color: #FFFFFF;
	margin: 0px;
	font-size: 12px;
	line-height: 20px;
}
#contenupt {
	background-color: #000;
	width: 650px;
	padding: 15px;
	color: #FFFFFF;
	margin: 0px;
	font-size: 10px;

}
a:hover, a:active {
	background-color:#FFF;
	color:#CC0000;
}
body {
	background-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.petittexte {
	/*line-height: 10px;*/
	margin-bottom: 2px;
	color: #818181;
	text-transform:capitalize;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
h1, h2, h3, h4 { color: #FFcc00;}

.texte-blanc {
	font-size: xx-small;
	color: #FFFFFF;
	font-weight: bold;
}

/*CSS for example Accordion #hc1*/

.haccordion{
padding: 0;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 200px;  /*For users with JS disabled: Height of each content*/
}
#hc1 li{
margin:0 3px 0 0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: #000;
}

/*CSS for example Accordion #hc2*/

#hc2 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 12px solid black;
}

#hc2 li .hpanel{
padding: 5px; /*Padding inside each content*/
background: #E2E9FF;
cursor: hand;
cursor: pointer;
}