/* CSS Document */

/* menu gauche principal */
.Style1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}

/* hack png transparent pour IE6 
img {behavior: url(/css/iepngfix/pngHack.htc);}*/

body {
	background-color: #343536;
	/*background-color: #333333;*/
	margin-left: 0px;
	margin-top: 10px;
}

/* cache un calque pour le faire apparaître progressivement */
.hidden {
	position: absolute;
	top: -10000px;
}
.here{
	position: absolute;
	top: 0px;
}


/* calque de la photo de fond */
#Layer_photo {
	position:absolute;
	left:234px;
	top:70px;
	width:800px; /* 630 */
	height:504px; /* 430 */
	/* z-index:4; */
}

/* calque principal de la rubrique dans lequel le texte apparait */
#contenu {
	position:absolute;
	top:0px;
	height:454px;
	/* z-index:8;*/
	padding:0px;
	overflow:hidden; 
	background-color:#FFFFFF;	
	/*transparence du calque */
    /* filter: progid:DXImageTransform.Microsoft.alpha(opacity=95); */ /* pour IE */
    /* -moz-opacity:0.95;  */ /* pour FF */
	/* opacity: 0.95;	*/
	}
	
#txt {

	position:absolute;
	/*background-color:#00FF66;*/
	left:2px;
	top:0px;
	/*width:545px ou 720px si pas de menu gauche (GEN) */
	height:425px;
	padding-left:8px; /* marge à gauche du txt
	/*padding-right:-100px;*/
	}

/* calque du menu principal de navigation gauche */
#layer_gauche {
	position:absolute;
	left:70px;
	top:75px; /* 115 */
	width:100px;
	height:290px;
	/* z-index:1;*/
}

/* calque de la barre de navigation logo */
#Layer_bottom_logo {
	position:absolute;
	left:234px;
	top:592px;
	width:780px;
	height:26px;
	/* z-index:5; */
}

/* calque du fil d'ariane */
#Layer_ariane {
	position:absolute;
	left:236px;
	top:41px;
	width:562px;
	height:21px;
	/* z-index:2; */
}

/* calque du logo Calvin-Thomas */
#Layer_logo_droite {
	position:absolute;
	left:731px;
	top:-90px; /*85*/
	width:165px;
	height:27px;
	/* z-index:3; */
}

#Layer_logo { /*à gauche */
	position:absolute;
	left:165px;
	top:-55px; /*85*/
	width:165px;
	height:27px;
}

/* Barre de défilement (la couleur est personnalisée ds le css de chaque programme */
#scrollbar {
	width:6px;
	height:415px;
	position:absolute;
	right:17px;
	top: 16px;
}

/* Calque du programme */
#Layer_prg {
	position:absolute;
	left:266px;
	top:95px;
	width:736px;
	height:454px;
	/*z-index:7;*/
	padding:0px;
		
	display:none;
	hidden:first;
}

/* Calque du menu du programme (l'image de fond est personnalisée ds le css de chaque programme */
#Layer_menu_prg {
	position:absolute;
	left:0px;
	top:0px;
	width:143px;
	height:454px;
	/* z-index:1;*/
}

#Layer_Google {
	position:absolute;
	left:615px;
	top:-47px;
	width:350px;
	text-align:right;
	height:40px;
	/* z-index:15;*/
}
#addthis {
    left: 988px;
    position: absolute;
    top: -5px;
    width: 32px;
}
#addthis a {
    margin-bottom:10px;
}

.video_title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

#zma {
	width:350px;
	height:300px;
	position:relative;
	top:20px;
	left:-60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}
#zma a {
	color:#FFF;
}
#zma_bloc {
	background-color:#000000;
	width:200px;
	height:178px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF;
	border-style:dotted;
	padding:5px;
}
#zma2 {
	height:300px;
	position:relative;
	top:10px;
	left:-30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
}
#zma2 a {
	color:#FFF;
	font-weight:bold;
}
#zma_bloc2 {
/*	background-color:#990000;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF;
	border-style:dashed;*/
	width:152px;
	height:125px;
	padding:5px;
	margin:5px;
}

#zma_bloc3 {
	background-color:#990000;
	width:150px;
	height:50px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF;
	border-style:dashed;
	padding:5px;
	margin:5px;
}

#zma4 {
	height:300px;
	position:relative;
	top:-180px;
	left:-30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
}
#zma4 a {
	color:#FFF;
	font-weight:bold;
}
#zma_bloc4 {
	width:152px;
	height:125px;
	padding:5px;
	margin:5px;
}

/* -------------------------------- */ 

#news { 
	height:300px;
	position:absolute;
	top:322px;
	left:983px;
	width:100px;
	height:165px;
		
	background-color:#9e1a1b;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF;
	border-style:dashed;
	padding:5px 5px 0; 
	font-family:Verdana,Arial,Sans-Serif;
	font-size:10px;
	margin:5px auto;
}

#news a { 
	text-decoration:none; 
}

#news img { border: 2px solid #FFFFFF; }

#news .title {
	font-size:11px;
	font-weight:bold;
	color:#FFF;
}

.newsticker { width:100px; }
.newsticker ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; height:155px !important;}
.newsticker .info span.cat { display: block; font-size:10px; color:#CCCCCC;}

.clear { clear: both; }