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

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	line-height:20px;
	letter-spacing:0px;
	text-align:center;
	background-color: #000;
}



/* Frame */

.frame_index
  {
	overflow: auto;
	height: auto;
	width: 1024px;
	border:none;
	margin-left:auto;
	margin-right:auto;
 }
 
 /* head */
 
 .frame_banniere
 {
	width: 600px;
	height:auto;
	border:none;
	margin-left:auto;
	margin-right:auto;
 }
 
.frame_menu
 {
	width: auto;
	height:50px;
	border:none;
	margin-top:20px;
	margin-bottom:15px;
	text-align: center;
 }
 
 /* Frame des cases des bouttons-menu*/

 
 .case-menu
 {
	width: 100px;
	height:auto;
	border:none;
	margin-left:13px;
	margin-right:13px;
	text-align:center;
	background-color:#F30;
	color:#000;
	float:left;
	cursor:pointer;
	color:#000;
 }
 
  
 .case-menu:hover
 {
	background-color:#FFF;
	color:#F00;
 }
 
 .case-menu-target
 {
	width: 100px;
	height:auto;
	border:none;
	margin-left:13px;
	margin-right:13px;
	text-align:center;
	background-color:#FF0;
	float:left;
	cursor:pointer;
	color:#000;
 }
 
 /* contenu */
 
.frame_contenu
{
	width:570px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-color:#000;
	float:left;
	padding:10px;
	color:#DDD;
}

.frame_contenu-left
{
	width:220px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	float:left;
	clear:both;
	color:#DDD;
	padding-top:10px;

}


.frame_contenu-right
{
	width:200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	float:left;
	padding-top:10px;
	text-align:right;
}

/*foot*/

.frame_foot
 {
	width: 1020;
	height:auto;
	border:none;
	margin-left:auto;
	margin-right:auto;
	clear:both;
 }
 

/* effets de TEXTE */

h1, h2, h3, h4 {
	margin-top:3px;
	margin-bottom:3px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#F60;
	letter-spacing:1px;
}

.credit {
	font-size:11px;
	letter-spacing:0px;
}

.orange {
	color:#F60;
}

.blanc {
	color:#FFF;
	font-size:16px;
}

.jaune {
	color:#FF0
}

.rouge {
	color:#F00;
}

.titre-orange {
	color:#F60;
	font-size:16px;
}

.titre-jaune {
	color:#FF0;
	font-size:16px;
}

.titre-rouge {
	color:#F00;
	font-size:16px;
}

.titre-blanc {
	color:#FFF;
	font-size:16px;
}


.fat-jaune {
	font-size:78px;
	text-decoration:none;
	font-weight:bold;
	color:#FF0;
}

.fat-orange {
	font-size:78px;
	text-decoration:none;
	font-weight:bold;
	color:#F60;
}

.fat-rouge {
	font-size:78px;
	text-decoration:none;
	font-weight:bold;
	color:#F00;
}

.fat-vert {
	font-size:78px;
	text-decoration:none;
	font-weight:bold;
	color:#ACB117;
}


.frame_contenu a:hover, .jaune a:hover { color:#F30; text-decoration: none; }
a:active { color:#FF0; text-decoration: none; }
a:visited { color:#FF0; text-decoration: none; }
a:link { color:#FF0; text-decoration: none; }

.programme, .programme a:link, .programme a:visited, .programme a:active {
	color:#CCC;
	text-decoration:none
}

.programme a:hover {
	color:#FF0;
}

.img-opaque {
	opacity:0.6;
	filter:alpha(opacity=60)
	
}	

.img-opaque:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
}