/* redéfinition des balises standard  */
body,td,th {
/*affecte la police par défaut de la page et des tableaux */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}

body {
/* marges de la page, par défaut */
   	text-align: center;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
}

.main_container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 877px;
	height: 820px;
	text-align: left;
	z-index:1;
	background-color:#FFFFFF;
	/* border: 1px solid #000000; */
}

 /* ruse Mozilla pour forcer un affichage correct du container 
html>body .main_container {
	min-height: 820px;
	height: auto;
} 
*/

/* menus sur toutes les pages de contenus */

/* menu du haut 
un container
un espace réservé pour le logo 
un espace réservé pour les boutons
*/

.menu_top_container {
	position:absolute;
	top:0px;
	left:0px;
	height:174px;
	background-color: #1ab8ec;
	width:877px;
	z-index: 10000;
}

.menu_top_logo {
	position:absolute;
	top:0px;
	left:0px;
	width:126px;
	height:174px;
	z-index: 3;
}

.menu_top_buttons {
	position:absolute;
	top:133px;
	left:126px;
	width:751px;
	height:41px;
	z-index: 10000;
}

/* menu dde gauche
un container
un espace réservé pour l'image de la rubrique courante
un espace réservé pour le menu
*/

.menu_left_container {
	position:absolute;
	top:182px;
	left:0px;
	height:639px;
	width:126px;
	z-index: 2;
	background-color: #FFDAE6;
}


.menu_left_logo {
	position:absolute;
	top:0px;
	left:0px;
	width:126px;
	height:107px;
	z-index: 3;
}

.menu_left_content {
	position:absolute;
	top:108px;
	left:0px;
	width: 126px;
	height:auto;
	min-height:531px;
	z-index: 5;
	background-color: #FFDAE6;
}

.menu_right_container {
	position:absolute;
	top:254px;
	left:696px;
	height:619px;
	width:182px;
	z-index: 2;
}

.left_perso {
	position:absolute;
	top:211px;
	left:131px;
	height:619px;
	width:190px;
	z-index: 2;
}


/* classes particulières à pblv : */

.daily_container {
	position:absolute;
	left:0px;
	top:0px;
	width:877px;
	height:353px;
	z-index:98;
	vertical-align: top;
}

.content_container {
/* container de contenu, se positionne centré dans la page
   par rapport au body (ou au main container s'il existe dans cette page)
*/
	position:absolute; 
	left:131px; 
	top:194px; 
	width:561px; 
	height:620px; 
	z-index:98;
}

.perso_st_container {
/* container de contenu, se positionne centré dans la page
   par rapport au body (ou au main container s'il existe dans cette page)
*/
	position:absolute; 
	left:326px; 
	top:300px; 
	width:365px; 
	height:588px;
	text-align:justify;
	z-index:3;
}
.perso_st_container_noleft {
/* container de contenu, se positionne centré dans la page
   par rapport au body (ou au main container s'il existe dans cette page)
*/
	position:absolute; 
	left:134px; 
	top:285px; 
	width:557px; 
	height:588px;
	text-align:justify;
	z-index:3;
}


.metier_st_container_noleft {
/* container de contenu, se positionne centré dans la page
   par rapport au body (ou au main container s'il existe dans cette page)
*/
	position:absolute; 
	left:134px; 
	top:194px; 
	width:557px; 
	height:588px;
	text-align:justify;
	z-index:3;
}

.perso_container {
	/* container de contenu, se positionne centré dans la page
   par rapport au body (ou au main container s'il existe dans cette page)
*/
	position:absolute;
	left:326px;
	top:265px;
	width:365px;
	height:558px;
	z-index:3;
}

.content_container_no_right {
/* container de contenu sans colonne droite, se positionne centré dans la page
   par rapport au body (ou au main container s'il existe dans cette page)
*/
	position:absolute; 
	left:131px; 
	top:201px; 
	width:747px; 
	height:620px; 
	z-index:98;
}


.video_summary {
/* Positionnement des résumés vidéo 
   par rapport au daily episode container
*/
	position:absolute; 
	left:330px; 
	top:44px; 
	width:548px; 
	height:309px; 
	overflow:auto;
	z-index:99;
}

/* probablement obsolete après refonte de display_plateau */
.prev_container{
 /* positionnement des 5 éléments précédents et du select 
    Par rapport au body ((ou au main container s'il existe dans cette page)
 */
	position:absolute; 
	left:0px; 
	top:420px; 
	width:600px; 
	height:400px; 
	z-index:98
}
/* probablement obsolete après refonte de display_plateau */
.prev_elements {
/* Page display episodes, display plateau : on ajoute un position:relative
    Positionnement des 5 éléments précédents 
	par rapport au prev-container*/
	position:absolute; 
	left:0px; 
	top:443px; 
	width:877px; 
	height:178px;
	text-align:left; 
	z-index:98
}

/* probablement obsolete après refonte de display_plateau */

.prev_select {
/*  Positionnement du fomulaire de sélection des épisodes précédents */
	position:absolute;
	left:32px;
	top:532px;
	width:261px;
	height:25px;
	text-align:left;
	z-index:98
}

.date_select {
	font-size: 9pt;
	color:#ffffff;
	background-color: #C20AE3;
	font-weight: bold;
}

.sbutton {
	background-color:#1ab8ec;
	color:#ffffff;
	font-weight: bold;
	font-size: 7pt;
}

/* classes spécifiques aux pages des sondages 
 * à déplacer dans rumeurs.css lors de la creation du template
*/



/* Texte du post it événement sur les page personnages*/
.event_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #003399;
	text-align: left;
	text-indent: 0pt;
	vertical-align: top;
	white-space: normal;
	display: inline;
}

.persos_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #003399;
}

.metier_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #ff417b;
}

.metier_titre_bleu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #003399;
}

.metier_sous_titre {
	margin-left:10px;
	margin-bottom:10px;
	font-size:10pt;
}

/* Menu rubriques à gauche*/
SPAN.TreeviewSpanArea {
	background-color: #FFDAE6;
}
SPAN.TreeviewSpanArea A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	color: #C60540;
}

/* on défini le hover, mais on conserve les mêmes caractéritiques
sinon le rollover s'applique aussi a l'icone flèche*/
SPAN.TreeviewSpanArea A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt; 
    text-decoration: none;
    color: #C60540;
}
/* fin des Menu rubriques à gauche*/
h1 {
	text-align: left;
}
h2 {

	text-align: left;
}
#publiciteGoogle {
	position:absolute;
	width:728px;
	height:90px;
	z-index:4;
	left: 137px;
	top: 16px;
}
#write_to_perso { display:none;}

/* nenu personnages Nouvelle norme */
a { outline:none}
ul.menu_famille{ padding:0; margin:0 0 20px 0; list-style-type:none; list-style:none; list-style-image:none; font-size:9pt; font-weight:bold;color:#c60540;}

ul.sous_menu_famille {padding:0 ; margin:0 ; list-style-type:none; list-style:none; list-style-image:none; font-size:8pt; font-weight:normal;color:#c60540; display:none; }

ul.menu_famille a {display:block; width:117px; padding:0 0 0 5px;}
ul.sous_menu_famille a {display:block; width:107px; padding:0 0 0 15px;}
	
ul.menu_famille a:link, ul.menu_famille a:visited, ul.menu_famille a:active {border-left:3px solid #ffdae6; color:#c60540; text-decoration:none; background-color: #ffdae6;}
ul.menu_famille a:hover {border-left:3px solid #c60540; color:#c60540; text-decoration:none; background-color: #ffeff8; }
	
ul.sous_menu_famille a:link, ul.sous_menu_famille a:visited {border-left:3px solid #ffdae6; color:#c60540; text-decoration:none }
ul.sous_menu_famille a:hover, ul.sous_menu_famille a:active {border-left:3px solid #c60540; color:#c60540; text-decoration:none; background-color: #ffeff8; }

ul.menu_ldv{ padding:0; margin:0 0 20px 0; list-style-type:none; list-style:none; list-style-image:none; font-size:9pt; color:#c60540; display:none}
ul.menu_ldv a {display:block; width:114px; padding:0 0 0 5px;}
ul.menu_ldv a:link, ul.menu_ldv a:visited {border-left:3px solid #ffdae6; color:#c60540; text-decoration:none}
ul.menu_ldv a:hover, ul.menu_ldv a:active {border-left:3px solid #c60540; color:#c60540; text-decoration:none; background-color: #ffeff8; }