body, td, p, tr, th{
	/*font-family:"Trebuchet MS","Arial Black",sans-serif;*/
	font-family:verdana;
	font-size:8pt;
}

th{
	font-size:9pt;
	color:#000000;
	background-color:#FFFF00;
	background-image: url('images/fd01.jpg');
	padding:4px;
}

th a{
	color:#000000;
}
body {
	background-image: url('images/fond2coul.jpg');
	color:#FFFFFF;
	background-color:#000000;
	background-repeat:repeat;

	margin:0px;
	padding:0px;
}
ul{
	position:relative;
	left:20px;
}
input{
        color: #000000;
         border: 1px solid #C0C0C0;
         background-color: #FFFFFF;
         font-family:Arial;
         font-size:12px;
        padding:4px;
}

a{
	color: #FFFFFF;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
	color: #FFFF00;
}

#page {
  box-shadow: 5px 5px 150px black;
  margin: 0;
  min-height: 900px;
  overflow: visible;
  padding-bottom: 10px;
  width: 900px;
}

p{
	margin:0px 12px 10px 12px ;
	text-align:left;
	/*margin-bottom:15px;*/
}
#entete{	
	background-image: url('images/fond_head.gif');
	width:900px;
	height: 171px;
	text-align:right;
}
#menu{
	float:left;
	width : 250px;
	text-align:left;
	background:#BBB;
	color:#444;
	border-radius:10px 10px 2px 2px;
	box-shadow:6px 6px 10px #555;
	
}


#menu p {
	font-size: 12px;
}
#menu_titre{
	background:#EDCF04;
	background-repeat:no-repeat;
	padding-top:5px;
	padding-left:14px;
	margin-bottom:15px;
	height:23px;
	color:#FFF;
	font-weight:bold;
	color:#555;
	font-size:13px;
	border-radius:10px 10px 0 0;
	letter-spacing:2px;
	text-shadow:1px 1px 1px #EEE;
	/*border:3px solid #222;*/
	
}


#corp{
	float:left;
	width:650px;
	color:#FFFFFF;
	overflow:auto;
}
.souspartie{
	text-align:left;
	float:left;
	background-color:#888;
	margin: 0px 0px 15px 15px;
	overflow:visible;
	border-radius:10px 10px 0 0 ;
	box-shadow:5px 5px 5px #555;
	position:relative;
	transition:background-color 0.5s ease-out;
}

.souspartie:hover {
        background-color:#999;
        transition:background-color 0.5s ease-out;
}
#corp a{
	text-decoration:none;
}
.section{
	font-family: verdana;
	font-size: 18px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	position:relative;
	left:-60px;
	line-height:28px;
}
:hover.section{
	color: #EED530; text-decoration:underline;
}
.titre1{
	display:block;
	color: #000000;
	background : #EEE;
	font-size: 18px;
	height:25px;
	margin-bottom:5px;
	padding-left:15px;
	padding-top:3px;
	border-radius:10px 10px 0 0;
	/*border:3px solid #222;*/

}
.titre1 a{
	color: #000000;
}

#bas{
	width:900px;
	height:60px;
	text-align:center;
	/*background-color:#000000;
	color:#808080; */
}

.spacer {
  clear: both;
}

.onglet, .ongletselect {
  border: 3px transparent  #000000;
  border-radius: 10px 10px 0 0;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 26px;
  text-align: center;
  width: 154px;
    background-color:transparent;
  transition:background-color 0.5s ease-out;
}

.ongletselect{
	background-color:#EED530;
	transition:background-color 0.5s ease-out;
	color:#444;
}
.ongletselect:hover{
	text-decoration:none;
	
}

.onglet:hover{
	background-color:#CCC;
	color:#333333;
	transition:background-color 0.2s ease-out;
	text-decoration:none;
}



.barre_etat {
  background: none repeat scroll 0 0 rgb(85, 85, 85);
  border-radius: 8px 0 0;
  bottom: 0px;
  color: rgb(213, 191, 43);
  font-size: 10px;
  height: 14px;
  padding: 4px;
  position: absolute;
  right: 0px;
  text-align: right;
  width: 180px;
}
.img_apercu {
  margin-right: 15px;
  max-width: 320px;
  min-width: 320px;
}
.archive_text{
   margin-right:10px;
   font-size:12px;
   padding-bottom:15px;
}

/**************************************************/
.bouton {
  background-color: #444;
  transition:background-color 0.5s ease-out;
  border: 1px solid rgb(68, 68, 68);
  display: inline-block;
  padding: 5px 11px;
}

.bouton:hover {
	background-color:rgb(238, 213, 48);
	transition:background-color 0.2s ease-out;
	color:#000;

}

.retour_navigation{
	font-size:20px;
}

/* ***************** recherche **************/
.popop {
	width:500px;
	height: 300px;
	background:#DDD;
	border : 13px solid #333;
	position:absolute;
	top: 170px;
	left: 500px;
	color:#444;
}

.lien_result{
	font-size:15px;
	color :#000;
}
/* ******************* news ******************** */

.texte_news {
  display: inline-block;
  padding: 5px 16px 22px 20px;
}
/* ***************** visio ********************/

.imageserie{
/*	border:1px solid;*/
	float:left;
	height:auto;
	background:#000;


}
.titreserie{
	float:left;
	margin-top:14px;
	font-size:20px;
	max-width: 460px;
	text-align:left;
}

.info_serie{
	padding:10px;
	background:#599CC9;
	color:#A3DAFF

}


.bloc_episode{
	height:91px;
	background:#888;
	margin-top:5px;
}


.video_relative_titre{
	font-weight:bold;
}
.liste_video_relative{
	background:#BBBBBB;
}
.liste_video_relative a{
	font-size:15px;
}

.img_relative{
    max-width:130px;
}