/*
/************************************************************************************************/
/*                                ELEMENTS COMMUNS A TOUT LE SITE                               */
/************************************************************************************************/
/* pour gerer les marges et la couleur de fond de page*/
.Body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #970000;
}

li
{
	list-style-type: none;
	list-style-image: url(../images/static/puce.gif);
}

/* pour positionner l'element global (contient tous les autres div) */
.Conteneur {
	width: 774px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 0px;
}
/* pour gerer l'espacement (5px, 10px, 15px, 20px, 30px et 50px de hauteur) */
.Spacer5 {
	height: 5px;
	width: 5px;
}
.Spacer10 {
	height: 10px;
	width: 10px;
}
.Spacer15 {
	height: 15px;
	width: 10px;
	clear: left;
}
.Spacer20 {
	height: 20px;
	width: 10px;
	clear: left;
}
.Spacer30 {
	height: 30px;
}
.Spacer50 {
	height: 50px;
	width: 10px;
	clear: left;
}
.EffacerBoth {
	clear: both;
}
.EffacerGauche {
	clear: left;
}
/* pour la couleur des liens */
.LienInterne {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #BA0000;
	text-decoration: none;
}
/* pour le soulignement des liens */
a:hover {
	text-decoration: underline;
}
/* pour appliquer du gras */
.Gras {
	font-weight: bold;
}
/* pour appliquer de l'italique */
.Italique {
	font-style: italic;
}
/* pour positionner et afficher l'element de separation passant de la couleur brune a l'orange */
.SeparationBiais {
	background-color: #FF6600;
	margin: 0px;
	width: 140px;
}
/* pour positionner et afficher le bouton camera et le titre "350 conferences a revoir" */
.ZoneMedia {
	background-color: #FF6600;
	width: 130px;
	padding-top: 10px;
	padding-left: 10px;
	*width: 140px;
}
/* pour corriger le decallage cree par la mise en exposant sous IE */
.CorrigeExposant {
	*line-height: 19px;
}
/* pour affcher la zone cliquable en bas de page (lien qui sommes-nous ?) */
.ZoneMapNous {
	float: left;
}

/* pour ne pas afficher ces image dans le default.css */
.img_print {
	display: none; 
}

/*************************** FIN DES ELEMENTS COMMUNS A TOUT LE SITE ***************************/
/************************************************************************************************/
/*                                    ENTETE DE TOUTES LES PAGES                                */
/************************************************************************************************/
/* pour positionner et afficher l'entete */
.Entete {
	background-image:   url(../images/static/entete.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 127px;
}
/* pour afficher les liens visites dans le menu du haut */
a.LienMenuGeneral:visited {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
/* pour afficher les liens dans le menu du haut */
a.LienMenuGeneral:link {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
/* pour afficher les liens survoles dans le menu du haut */
a.LienMenuGeneral:hover {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FF9933;
	text-decoration: none;
}
/* pour positionner le menu du haut */
.ZoneMenuGeneral {
	left: 240px;
	position: absolute;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FF9933;	text-decoration: none;
	padding-top: 3px;
}
/* pour afficher le menu du haut */
.LienMenuGeneral {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 7px;
}
/* pour positionner la zone de recherche du menu du haut */
.ZoneRecherche {
	position: absolute;
	left: 630px;
	top: 0px;
}
/* pour positionner et afficher le champ Input de la zone de recherche */
.ChampRechercher {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	border: 1px solid #000000;
	background-color: #970000;
	width: 100px;
	height: 20px;
	color: #FFFFFF;
	text-align: right;
	vertical-align: middle;
}
/* pour positionner le bouton OK de la zone de recherche */
.ZoneOK {
	position: absolute;
	left: 105px;
	top: 3px;
}
/* pour positionner la zone comportant le fil d'ariane */
.ZoneFil {
	font-family: "Trebuchet MS", Arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin-top: -85px;
	margin-left: 250px;
}
/* pour afficher les liens du fil d'ariane */
.LienFil {
	font-family: "Trebuchet MS", Arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
}
/****************************** FIN DE L'ENTETE DE TOUTES LES PAGES ******************************/
/************************************************************************************************/
/*                                     ENTETE DES PAGES ARCHIVES                                */
/************************************************************************************************/
/* pour positionner et afficher l'entete */
.EnteteArchives {
	background-image:   url(../images/static/archives/fond.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 95px;
	background-color: #FF6600;
}
.BoutonCamera {
	height: 45px;
	width: 45px;
	margin-left: 550px;
	margin-top: -75px;
}
.Titre350Conf {
	margin-left: 605px;
	margin-top: -45px;
}
/****************************** FIN DE L'ENTETE DES PAGES ARCHIVES ******************************/
/************************************************************************************************/
/*                                 PIED DE PAGE DE TOUTES LES PAGES                             */
/************************************************************************************************/
.ZonePied {
	width: 774px;
	background-repeat: no-repeat;
	height: 70px;
	background-image:   url(../images/static/fond_bas.gif);
	clear: both;
}
.ZoneMenuBas {
	left: 45px;
	width: 400px;
	top: 45px;
	float: left;
	position: relative;
}
.LienMenuBas {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 10px;
}
.ZoneRetourHaut {
	position: relative;
	width: 70px;
	float: right;
	right: 20px;
	top: 48px;
}
.LienRetourHaut {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
/****************************** PIED DE PAGE DE TOUTES LES PAGES ******************************/
/************************************************************************************************/
/*                            PAGE INDEX.HTM (avec evenement central)                           */
/************************************************************************************************/
/************* PARTIE HAUTE : ENTETE *************/
/* pour positionner et afficher l'entete */
.EnteteHome {
	background-image:   url(../images/static/home/entete_haut.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 101px;
}
/* pour positionner le menu en haut de page */
.ZoneMenuGeneralHome {
	float: left;
	left: 0px;
	margin-top: 0px;
	margin-left: 340px;
	position: absolute;
	top: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/* pour afficher les liens visites dans le menu du haut */
a.LienMenuGeneralHome:visited {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 10px;
	text-decoration: none;
}
/* pour afficher les liens dans le menu du haut */
a.LienMenuGeneralHome:link {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 10px;
	text-decoration: none;
}
/* pour afficher les liens survoles dans le menu du haut */
a.LienMenuGeneralHome:hover {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FF9933;
	margin-left: 10px;
	text-decoration: none;
}
/* pour positionner la zone comportant le champ de recherche et le bouton OK en haut de page */
.ZoneRechercheHome {
	position: absolute;
	left: 630px;
	top: 35px;
	width: 160px;
}
/* pour positionner la zone de recherche en haut de page */
.ZoneSearch {
	position: absolute;
	left: 0px;
	top: 0px;
}
/* pour afficher le champ Input */
.ChampRechercherHome {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	border: 1px solid #000000;
	background-color: #D6D6D6;
	width: 100px;
	height: 20px;
	color: #000000;
	text-align: right;
	vertical-align: middle;
}
/* pour afficher le bouton OK */
.ZoneOKHome {
	position: absolute;
	left: 105px;
	top: 3px;
}
/************* FIN DE LA PARTIE HAUTE : ENTETE *************/
/************* PARTIE GAUCHE : PROCHAINEMENT *************/
/* pour positionner de la partie de gauche */
.GaucheHome {
	width: 427px;
	position: absolute;
	left: 0px;
	background-image:   url(../images/static/home/entete_gauche.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/* pour positionner la zone qui comporte les zones prochainement et evenement */
.Haut {
	margin-top: 129px;
}
/* pour positionner le titre Prochainement (image roll-over) */
.ZoneProchainement {
	height: 25px;
	width: 195px;
	margin-left: 20px;
	margin-top: 65px;
}
/* pour positionner la zone qui comprend un calendrier et les infos sur la seance (partie de gauche) */
.ZoneSeance {
	width: 270px;
}
/* pour positionner et afficher l'image de fond des calendriers sur la partie de gauche */
.ZoneCalendrier {
	background-image:    url(../images/static/home/fond_date.gif);
	background-repeat: no-repeat;
	width: 80px;
	float: left;
}
/* pour afficher le jour sur les calendriers sur la partie de gauche */
.ChampJour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	width: 70px;
	text-align: right;
}
/* pour afficher la date sur les calendriers sur la partie de gauche */
.ChampDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	text-align: right;
	width: 70px;
}
/* pour afficher le mois sur les calendriers sur la partie de gauche */
.ChampMois {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #BA0000;
	text-align: right;
	width: 70px;
	top: -3px;
	position: relative;
	text-decoration: none;
}
/* pour afficher l'heure sur les calendriers sur la partie de gauche */
.ChampHeure {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #939598;
	text-align: right;
	width: 70px;
	position: relative;
	top: -3px;
	text-decoration: none;
}
/* pour positionner les infos sur la seance */
.Seance {
	float: right;
	width: 180px;
}
/* pour afficher le titre de la seance */
.SeanceTitreHome {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 13px;
}
/* pour afficher le texte de la seance */
.SeanceTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 13px;
}
/* pour afficher le nom du cycle de la seance */
.SeanceCycle {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #BA0000;
	text-decoration: none;
	line-height: 13px;
}
/* pour positionner la zone comportant les editions */
.ZoneEditions {
	position:absolute;
	top:545px;
	width: 200px;
	text-align: right;
	clear: left;
	margin-left: 200px;
}
/* pour afficher le titre "Les editions" */
.EditionsTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour afficher le texte des editions */
.EditionsTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #333333;
	line-height: 13px;
	text-decoration: none;
}
/*************** FIN DE LA PARTIE GAUCHE ***************/
/************* PARTIE CENTRALE : EVENEMENT *************/
/* pour positionner le calendrier central annoncant le prochain evenement */
.ZoneEvenement{
	background-image:     url(../images/static/home/filet.gif);
	background-repeat: repeat-y;
	width: 110px;
	float: right;
	position: absolute;
	left:288px;
	top:-2px;
	
}
/* pour afficher le calendrier central */
.ZoneEvenCalendrier {
	background-image:    url(../images/static/home/fond_date_fleche.gif);
	background-repeat: no-repeat;
	width: 74px;
	height: 63px;
	padding-top: 3px;

}
/* pour afficher le jour de l'evenement */
.ChampEvenJour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	text-align: right;
	width: 58px;
}
/* pour afficher la date de l'evenement */
.ChampEvenDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	width: 58px;
	text-align: right;
	margin-top: -3px;
}
/* pour afficher le mois de l'evenement */
.ChampEvenMois {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #BA0000;
	width: 58px;
	text-align: right;
	margin-top: -3px;
	text-decoration: none;
}
/* pour afficher l'heure de l'evenement */
.ChampEvenHeure {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	width: 58px;
	text-align: right;
	text-decoration: none;
}
/* pour positionner la zone qui comprend le titre et le texte de l'evenement */
.ZoneEvenInfo {
	width: 113px;
	position: relative;
	margin-left: 2px;
}
/* pour afficher le titre de l'evenement */
.EvenementTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	line-height: 13px;
	text-transform: uppercase;
	width: 100px;
}
/* pour afficher le texte de l'evenement */
.EvenementTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
	position: relative;
}
/********************* FIN DE LA PARTIE CENTRALE ******************/
/************* PARTIE DE DROITE : SAISON ET PROGRAMME *************/
/* pour positionner de la partie de droite */
.Droite {
	width: 350px;
	margin-left: 420px;
}
/* pour positionner le titre de la saison (image roll-over) */
.ZoneTitreSaison {
	height: 30px;
	width: 300px;
	margin-left: 15px;
	z-index: 300;
}
/* pour positionner l'animation javascript */
.Animation {
	position: relative;
	left: -35px;
	top: 0px;
	height: 130px;
}
/* classes pour l'animation javascript */
a.AnimLiensTitre:link {
	font-family: Arial, Helvetica, sans-serif;	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.AnimLiensTitre:hover {
	text-decoration: none;
}
a.AnimLiensTitre:visited {
	font-family: "Trebuchet MS", Arial;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.AnimLiensType:link {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #BA0000;
	font-weight: bold;
	text-decoration: none;
}
a.AnimLiensType:hover {
	text-decoration: none;
}
a.AnimLiensType:visited {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #BA0000;
	font-weight: bold;
	text-decoration: none;
}
a.AnimLiensDate:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
a.AnimLiensDate:hover {
	text-decoration: none;
}
a.AnimLiensDate:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
DIV#imageTitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
DIV#imageType {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
	font-weight: bold;
}
DIV#imageDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
/* pour positionner le bouton et titre programme */
.ZoneAccesProgramme {
	padding: 15px 0px 0px;
	z-index: 150;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-top: 23px;
}
/* pour positionner le bouton programme */
.ZoneBoutonProgramme {
	height: 48px;
	width: 48px;
	z-index: 150;
	float: left;
	margin-top: -30px;
}
/* pour positionner le titre programme (image roll-ver)*/
.ZoneTitreProgrammeHome {
	z-index: 150;
	float: left;
	margin-left: 5px;
	margin-top: -20px;
}
/* pour positionner la zone orange des 350 conferences a revoir */
.Zone350Conf {
	width: 350px;
	height: 350px;
	background-image:   url(../images/static/home/fond_haut_350Conf.gif);
	background-repeat: no-repeat;
	background-color: #FF6600;
	background-position: 0px 0px;
	clear: left;
	margin-top: 32px;
	margin-left: 4px;
}
/* pour positionner le bouton camera des 350 conferences */
.ZoneBouton350Conf {
	height: 45px;
	width: 45px;
	left: 15px;
	top: 10px;
	position: relative;
}
/* pour positionner le titre des 350 conferences */
.ZoneTitre350Conf {
	height: 40px;
	width: 190px;
	margin-top: -30px;
	margin-left: 65px;
}

/* pour positionner le bouton podcast de la page d'accueil */
.ZoneBoutonPodcast {
	height: 45px;
	width: 45px;
	left: 12px;
	margin-top: 5px;
	position: relative;
}
/* pour positionner le titre podcast de la page d'accueil */
.ZoneTitrePodcast {
	height: 40px;
	width: 50px;
	margin-top: -28px;
	margin-left: 62px;
}


/* pour positionner les listes deroulantes */
.ZoneMulticritere {
	margin-top: 0px;
	margin-left: 15px;
	padding-top: 0px;
	padding-left: 0px;
}
/* pour positionner le formulaire contenu dans la zone des 350 conferences */
.Formulaire {
	margin: 0px;
	padding: 0px;
}
/* pour positionner la ligne haute de separation */
.Separ350ConfHaut {
	background-image:   url(../images/static/home/separ_350Conf.gif);
	background-repeat: repeat-x;
	width: 323px;
	margin-left: 17px;
	margin-top: 20px;
}
/* pour positionner le titre "nouveautes en ligne" */
.ZoneNouveautesTitre {
	height: 25px;
	width: 180px;
	margin-left: 15px;
}
/* pour positionner la zone comportant les 3 dernieres nouveautes en ligne */
.Zone3Nouveautes {
	margin-top: 10px;
}
/* pour positionner la zone comportant une nouveaute */
.ZoneNouveaute {
	width: 95px;
	float: left;
}
/* pour positionner l'espacement entre les zones comportant les nouveautes */
.SpacerNouveautes {
	float: left;
	height: 10px;
	width: 17px;
}
/* pour afficher le texte des nouveautes */
.NouveauteTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
/* pour positionner la ligne basse de separation */
.Separ350ConfBas {
	background-image:   url(../images/static/home/separ_350Conf.gif);
	background-repeat: repeat-x;
	width: 323px;
	margin-left: 15px;
}
/* pour afficher la mosaique flash */
.Mosaique {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* pour fixer la largeur des visuels des 3 dernieres nouveautes a  60px */
.HomeTailleVisuelNouveautes {
	height: 60px;
}
/*************** FIN DE LA PARTIE DE DROITE ***************/
/*************** PARTIE BASSE : PIED DE PAGE **************/
/* pour positionner et afficher le pied de page */
.ZonePiedHome {
	width: 774px;
	background-image:   url(../images/static/home/fond_bas.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 80px;
}
/* pour positionner le texte et le bouton "recherche multicritere" */
.ZoneTexteMulticritere {
	height: 65px;
	width: 350px;
	top: 10px;
	background-color:#FF6600;
}
/* pour positionner le lien "recherche multicritere" */
.MulticritereTitre {
	width: 115px;
	float: right;
	margin-top: 22px;

}
/* pour afficher le lien "recherche multicritere" */
.LienMulticritere {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 13px;

}
/* pour positionner le bouton "recherche multicritere" */
.MulticritereBouton {
	height: 45px;
	width: 27px;
	float: right;
	margin-right: 3px;
	margin-top: 17px;
}
/* pour positionner le menu de bas de page */
.ZoneMenuBasHome {
	float: left;
	padding-top: 58px;
}
/* pour afficher les liens du menu de bas de page */
.LienMenuBasHome {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 10px;
}
/* pour positionner le lien de retour en haut de page */
.ZoneRetourHautHome {
	float: left;
	width: 70px;
	padding-top: 58px;
	margin-left: 160px;
}
/* pour afficher le lien de retour en haut de page */
.LienRetourHautHome {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}
/************* FIN DE LA PARTIE BASSE *************/
/****************************** FIN DE LA PAGE INDEX.HTM *********************************/
/************************************************************************************************/
/*                                PAGE INDEX2.HTM (sans evenement central)                      */
/************************************************************************************************/
/* pour positionner la zone qui comprend un calendrier et les infos sur la seance (partie de gauche) */
.ZoneSeanceIndex2 {
	width: 350px;
}
/* pour positionner les infos sur la seance */
.SeanceIndex2 {
	float: right;
	width: 260px;
}
/****************************** FIN DE LA PAGE INDEX2.HTM *********************************/
/************************************************************************************************/
/*                                       PAGE PROGRAMME.HTM                                     */
/************************************************************************************************/
/************* PARTIE GAUCHE : MENU *************/
/* pour positionner la partie comportant le menu de gauche */
.Gauche {
	left: 0px;
	width: 140px;
	background-color: #970000;
	float: left;
}
/* pour positionner l'image "fleche" devant le lien du menu */
.ZoneFleche {
	height: 12px;
	width: 12px;
	float: left;
	text-indent: 10pt;
}
/* pour positionner les liens dans le menu de gauche */
.ZoneLienMenuGauche {
	width: 100px;
	line-height: 13px;
	margin-left: 30px;
	font-family: "Trebuchet MS", Arial;
	color: #FF9900;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
/************* FIN DE LA PARTIE GAUCHE *************/
/***************** PARTIE CENTRALE *****************/
/* pour positionner et afficher le titre "Saison" */
.ZoneDateSaison {
	font-family: "Trebuchet MS", Arial;
	font-size: 21px;
	font-weight: bold;
	color: #000000;
	width: 250px;
	margin-top: 30px;
	margin-left: 170px;
}
/* pour afficher l'annee de la saison */
.AnneeSaison {
	font-family: "Trebuchet MS", Arial;
	font-size: 21px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
}
.AnneeSaisonSearch {
	font-family: "Trebuchet MS", Arial;
	font-size: 21px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	clear: both; 
}
/* pour afficher le titre "Programme" */
.ZoneTitreProgramme {
	font-family: "Trebuchet MS", Arial;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 330px;
	margin-top: -5px;
	margin-left: 170px;
}
/* pour positionner la partie comportant le commentaire a  cote du titre programme */
.ZoneCommentaire {
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-y;
	width: 200px;
	margin-left: 250px;
	margin-top: -60px;
	position: relative;
	left: 250px;
}
/* pour afficher le commentaire */
.Commentaire {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #BA0000;
	text-decoration: none;
	margin-left: 10px;
	margin-top: 0px;
}
/* pour positionner et afficher les services "Envoyer a  un ami" et "Imprimer" */
.ZoneServices {
	width: 70px;
	float: right;
	margin-top: -60px;
	margin-right: -10px;
}
/* pour positionner la partie qui comporte toutes les elements de la barre de navigation inter-pages */
.ZoneNavigationPages {
	width: 590px;
	margin-left: 170px;
}
/* pour positionner et afficher une ligne de separation grise */
.SeparLigneGrise {
	height: 5px;
	width: 590px;
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-x;
	margin: 0px;
}

.SeparLigneGriseSearch {
	height: 5px;
	width: 590px;
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-x;
	margin: 0px;
	clear:both;
}
/* pour positionner et afficher une ligne de separation grise */
.SeparLigneRouge {
	height: 5px;
	width: 590px;
	background-image:    url(../images/static/separ_ligne_rouge.gif);
	background-repeat: repeat-x;
	margin: 0px;
}
/* pour positionner les elements page precedente, page suivante et les numeros de page centraux */
.LigneNumPages {
	width: 590px;
	margin-left: 0px;
	position: relative;
	height: 20px;

}
/* pour positionner et afficher le bouton "page precedente" */
.BtnPagePrecedente {
	position: relative;
	height: 26px;
	width: 26px;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
}
/* pour positionner et afficher le texte "page precedente" */
.PagePrecedente {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	width: 100px;
	margin-top: 4px;
	margin-left: 10px;
	float: left;
}
.LienPagePrecedente {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
/* pour positionner les liens sur les numeros de pages */
.NumPages {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 150px;
	float: left;
	margin-left: 90px;
	margin-top: 3px;
}
/* pour afficher les liens sur les numeros de pages */
.LienNumPages {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
/* pour positionner et afficher le texte "page suivante" */
.PageSuivante {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	position: relative;
	width: 80px;
	float: left;
	margin-left: 90px;
	margin-top: 4px;
}
.LienPageSuivante {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
/* pour positionner et afficher le bouton "page suivante" */
.BtnPageSuivante {
	position: relative;
	height: 26px;
	width: 26px;
	float: right;
}
/* pour positionner tous les elements d'une annonce (cycle ou evenement) */
.ZoneAnnonce {
	width: 590px;
	margin-left: 170px;
	*position: relative;
}
/* pour positionner dans la ZoneAnnonce les elements Date et Type de l'annonce */
.ZoneAnnonceHaut {
	width: 590px;
	margin-top: 0px;
}
/* pour afficher la date de l'annonce */
.ZoneAnnonceDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	line-height: 16px;
}
/* pour afficher le type d'annonce */
.ZoneAnnonceType {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	width: 330px;
	text-indent: 140px;
	text-transform: capitalize;
	margin-top: 5px;
}
/* pour afficher le visuel */
.ZoneAnnonceGauche {
	width: 120px;
	float: left;
}
/* pour fixer une largeur de 120px au visuel */
.AnnonceVisuel {
	width: 120px;
}
/* pour positionner dans la ZoneAnnonce les elements Bouton, Titre et Texte */
.ZoneAnnonceCentre {
	width: 460px;
	margin-left: 10px;
	float: left;
}
/* pour afficher l'image du bouton "Fleche" */
.ZoneAnnonceBouton {
	width: 40px;
	position: relative;
	left: 7px;
	top: 5px;
	height: 40px;
}
/* pour positionner le titre de l'annonce */
.ZoneAnnonceTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	position: relative;
	top: -27px;
	left: 55px;
	width: 420px;
}
/* pour afficher le lien sur le titre de l'annonce */
.LienAnnonceTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour afficher le texte de l'annonce */
.ZoneAnnonceTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	width: 400px;
	position: relative;
	left: 55px;
	top: -25px;
	line-height: 14px;
}

/* liens dans une zoneannoncetexte */
.ZoneAnnonceTexte a:hover {
	text-decoration: underline;
}
.ZoneAnnonceTexte a {
	color: #BA0000;
	text-decoration: none;
}


/* pour gerer l'espacement entre les annonces et un retour a  la ligne */
.SpacerAnnonce {
	height: 30px;
	clear: left;
}
/***************** FIN DE LA PARTIE CENTRALE *****************/
/****************************** FIN DE LA PAGE PROGRAMME.HTM *********************************/


/************************************************************************************************/
/*                                           PAGE CYCLES                                        */
/*   les pages cycles comportent 4 gabarits :                                                   */
/*   cycle 1A : image de gauche en longueur (140px de large) avec photo intervenant             */
/*   cycle 1B : image de gauche en longueur (140px de large) sans photo intervenant             */
/*   cycle 2A : image de gauche en largeur (290px de large) avec photo intervenant              */
/*   cycle 2B : image de gauche en largeur (290px de large) sans photo intervenant              */
/*                                                                                              */
/************************************************************************************************/
/* pour positionner la partie comportant la partie de gauche */
.Cycle1Gauche {
	width: 140px;
	float: left;
	background-color: #970000;
}
/* pour positionner la zone comportant la photo de gauche, le cache coin gauche et la legende */
.Cycle1VisuelGauche {
	width: 140px;
}
/* pour positionner la partie comportant la partie de droite */
.Cycle1Droite {
	width: 614px;
	float: left;
	margin-left: 20px;
}
/* pour positionner et afficher le trait rouge de separation */
.Cycle1SeparLigneRouge {
	height: 2px;
	background-color: #BA0000;
	width: 590px;
	margin-left: 10px;
}
/* pour positionner et afficher texte d'introduction */
.Cycle1TexteIntro {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
	width: 590px;
	margin-left: 10px;
}


.Cycle1TexteIntro a {
	text-decoration: none;
	color: #ba0000;
}

.Cycle1TexteIntro a:hover {
	text-decoration: underline;
	color: #ba0000;
}



/* pour positionner tous les element annoncant une conference */
.Cycle1ZoneConference {
	width: 450px;
	margin-left: 140px;
}
/****************************** Fin des elements communs au cycle 1  ****************************/

/************************************************************************************************/
/*                                Elements communs au cycle 2                                   */
/************************************************************************************************/
/* pour positionner la partie comportant la partie de gauche */
.Cycle2Gauche {
	width: 290px;
	float: left;
}
/* pour positionner la zone comportant la photo de gauche, le cache coin gauche et la legende */
.Cycle2VisuelGauche {
	width: 290px;
}
/* pour positionner la partie comportant la partie de droite */
.Cycle2Droite {
	width: 464px;
	float: left;
	margin-left: 20px;
}
/* pour positionner et afficher le trait rouge de separation */
.Cycle2SeparLigneRouge {
	height: 2px;
	background-color: #BA0000;
	width: 450px;
	margin-left: 0px;
}
/* pour positionner et afficher texte d'introduction */
.Cycle2TexteIntro {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
	width: 450px;
	margin-left: 0px;
}

.Cycle2TexteIntro a {
	text-decoration: none;
	color: #ba0000;
}

.Cycle2TexteIntro a:hover {
	text-decoration: underline;
	color: #ba0000;
}


/* pour positionner tous les element annoncant une conference */
.Cycle2ZoneConference {
	width: 450px;
	margin-left: 0px;
}
/****************************** Fin des elements communs au cycle 2  ****************************/

/************************************************************************************************/
/*                                Elements communs au cycle A                                   */
/************************************************************************************************/
/* pour positionner la photo du conferencier */
.CycleAVisuelConf {
	width: 70px;
	left: 0px;
	top: 0px;
	margin-top: 3px;
}
/* pour positionner tous les element places a  ca´te de la photo du conferencier */
.CycleAConfInfos {
	width: 370px;
	position: relative;
	margin-top: -67px;
	margin-left: 50px;

}
/* pour positionner et afficher la date de la conference */
.CycleAConfDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	position: relative;
	margin-left: 35px;
}
/* pour positionner le bouton fleche de la conference */
.CycleAConfBouton {
	width: 40px;
	position: relative;
	margin-left: 35px;
	height: 40px;
}
/* pour positionner et afficher le titre de la conference */
.CycleAConfTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	position: relative;
	margin-top: -32px;
	margin-left: 80px;
}
/* pour positionner et afficher les noms et prenoms des internvenants */
.CycleAConfIntervenant {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 250px;
	margin-left: 80px;
	position: relative;
}
/* pour positionner et afficher des infos sur les intervenants */
.CycleAConfTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	width: 330px;
	margin-left: 80px;
	position: relative;
}
/****************************** Fin des elements communs au cycle A  ****************************/

/************************************************************************************************/
/*                                Elements communs au cycle B                                   */
/************************************************************************************************/
/* pour positionner et afficher la date de la conference */
.CycleBConfDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	position: relative;
	margin-left: 0px;
}
/* pour positionner le bouton fleche de la conference */
.CycleBConfBouton {
	width: 40px;
	position: relative;
	height: 40px;
}
/* pour positionner et afficher le titre de la conference */
.CycleBConfTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	position: relative;
	margin-top: -32px;
	margin-left: 50px;
}
/* pour positionner et afficher les noms et prenoms des internvenants */
.CycleBConfIntervenant {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-left: 50px;
	position: relative;
}
/* pour positionner et afficher des infos sur les intervenants */
.CycleBConfTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	margin-left: 50px;
	position: relative;
}
/****************************** Fin des elements communs au cycle B  ****************************/

/************************************************************************************************/
/*                           Elements communs aux cycles tous confondus                         */
/************************************************************************************************/
/* pour positionner la zone qui comporte la fleche et le lien "Retour au programme" */
.CycleMenuRetour {
	height: 100px;
	width: 140px;
	background-color: #970000;
	float: left;
	padding-bottom: 5px;
	margin-top: 23px;
	*padding-bottom: 25px;
}
/* pour positionner la fleche "Retour au programme" */
.CycleFlecheMenuRetour {
	height: 12px;
	width: 12px;
	float: left;
	margin-left: 10px;
	*margin-left: 5px;
}
/* pour positionner le lien "Retour au programme" */
.CycleLienMenuRetour {
	width: 100px;
	line-height: 13px;
	float: left;
	margin-left: 5px;
}
/* pour positionner et afficher la ligne rouge comportant le type de manifestation */
.CycleType {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	width: 330px;
	text-align: left;
	vertical-align: middle;
	text-indent: 6px;
	margin-top: 45px;
	margin-left: 170px;
}
/* pour positionner les services "Envoyer a  un ami" et "Imprimer" */
.CycleServices {
	width: 70px;
	float: right;
	margin-top: -20px;
	margin-right: -10px;
}
/* pour positionner et afficher le titre du cycle */
.CycleTitreDuCycle {
	font-family: "Trebuchet MS", Arial;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 550px;
	margin-top: 0px;
	margin-left: 170px;
	min-height: 70px;
	_height: 70px;
}
/* pour positionner et afficher le titre du cycle (pour les seances)*/
.CycleTitreDuCycle2 {
	font-family: "Trebuchet MS", Arial;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	min-height: 70px;
	_height: 70px;
	padding-top: 30px;
	*padding-top: 10px;
}
/* pour positionner et afficher la date du cycle */
.CycleDateDuCycle {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	width: 550px;
	margin-left: 170px;
}
/* pour positionner et afficher les elements de separation */
.CycleCoinVisuel {
	height: 55px;
	width: 140px;
	margin-top: -208px;
}
/* pour positionner et afficher la legende du visuel de gauche */
.CycleLegende {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #D7B9B9;
	text-decoration: none;
	line-height: 13px;
	background-color: #680000;
	width: 140px;
	padding-top: 10px;
	text-indent: 5px;
	padding-bottom: 10px;
	margin-top: 150px;
}
/* pour positionner l'ensemble des liens "Ressources", "Sites Internet", "Autres Liens" */
.CycleBlocLienMenuGauche {
	z-index: 1;
	background-color: #970000;
	width: 140px;
	padding-top: 20px;
	padding-bottom: 20px;
}
/* pour positionner un lien du type "Ressources", "Sites Internet", "Autres Liens" */
.CycleLienMenuGauche {
	width: 100px;
	line-height: 13px;
	margin-left: 10px;
	padding-bottom: 5px;
}
/* pour afficher les liens du type "Ressources", "Sites Internet", "Autres Liens" */
.LienMenuGauche {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
/* pour positionner et afficher l'elements de separation transversal du brun vers l'orange*/
.CycleSeparBiais {
	height: 55px;
	width: 140px;
	z-index: 100;
	position: relative;
	left: 0px;
	top: 2px;
	margin-top: -3px;
}
/* pour fixer la taille du visuel a  70 px */
.CycleTailleVisuel {
	width: 70px;
}
/* pour positionner les logos, noms et adresses web des partenaires */
.CycleZonePartenaires {
	width: 140px;
	background-color: #FFFFFF;
}
/* pour afficher le type de partenariat */
.CyclePartenairesType {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 130px;
	line-height: 13px;
	margin-left: 10px;
}
/* pour afficher le logo du partenaire */
.CyclePartenairesLogo {
	width: 130px;
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 12px;
}
/* pour afficher le texte lie au partenaire */
.CyclePartenairesTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 9px;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
	margin-left: 10px;
}
/* pour afficher l'url du site web du partenaire */
.PartenairesLienWeb {
	font-family: "Trebuchet MS", Arial;
	font-size: 9px;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
}
/* pour gerer l'espacement entre les differents partenaires */
.SpacerPartenaires {
	height: 20px;
	width: 10px;
}
/* pour afficher le titre du cycle (lien) */
.CycleTitreLien {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour afficher les noms et prenoms des internvenants (lien) */
.CycleIntervenantLien {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour afficher des infos sur les intervenants (lien) */
.CycleTexteLien {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
/* pour positionner et afficher une ligne de separation grise */
.CycleSeparLigneGrise {
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-x;
	width: 450px;
	left: 0px;
	top: 50px;
}
/*********************** Fin des elements communs aux cycles tous confondus  ********************/


/************************************************************************************************/
/*                                PAGE MANIFESTATIONS ACCUEILLIES.HTM                           */
/************************************************************************************************/
/* pour positionner la partie comportant le commentaire a  cote du titre programme */
.ZoneCommentaireManif {
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-y;
	width: 100px;
	margin-left: 300px;
	margin-top: -60px;
	position: relative;
	left: 250px;
}
/* pour positionner le titre de l'annonce */
.ZoneAnnonceTitreManif {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	line-height: 20px;
	position: relative;
	top: -27px;
	left: 10px;
	width: 420px;
}
/* pour afficher le texte de l'annonce */
.ZoneAnnonceTexteManif {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	width: 400px;
	position: relative;
	left: 10px;
	top: -25px;
	line-height: 14px;
}
/********************** FIN DE LA PAGE MANIFESTATIONS ACCUEILLIES.HTM **********************/


/************************************************************************************************/
/*                                            PAGE EDITIONS                                     */
/************************************************************************************************/
/* pour positionner et afficher le texte "page suivante" */
.EditionsPageSuivante {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	position: relative;
	width: 80px;
	float: left;
	margin-left: 85px;
	margin-top: 4px;
}
/* pour positionner les liens sur les numéros de pages */
.EditionsNumPages {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 210px;
	float: left;
	margin-left: 50px;
	margin-top: 3px;
	text-align: center;
}
/* pour positionner une ligne de 3 livres */
.EdConteneur3Livres {
	width: 590px;
	margin-left: 170px;
}
/* pour positionner la première ligne comportant le titre, la liste des choix, les services, le sous-titre */
.EditionsLigneTitre {
	margin-left: 170px;
}
/* pour positionner et afficher le titre */
.EditionsTitrePage {
	font-family: "Trebuchet MS", Arial;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 170px;
	float: left;
	margin-top: 0px;
}
/* pour positionner et afficher les services "Envoyer à un ami" et "Imprimer" */
.EditionsServices {
	width: 60px;
	float: right;
	margin-right: -10px;
	margin-top: 0px;
	padding-top: 10px;
}
/* pour positionner et afficher la zone permettant de sélectionner un titre de livre */
.EditionsChoixTitre {
	float: left;
	width: 220px;
	margin-left: 90px;
	margin-top: 10px;
}
.EditionsTailleListe {
	width: 250px;
}
/* pour positionner et afficher le sous-titre */
.EditionsSousTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	line-height: 18px;
}
/* pour positionner un bloc livre */
.EdBlocLivre {
	margin-top: 0px;
	padding-top: 0px;
	float: left;
}
/* pour positionner une ligne de 3 livres */
.EditionsLigneLivres2 {
	float: left;
}
/* pour positionner la colonne comportant un livre avec son titre, son auteur... */
.EditionsZoneLivre {
	width: 170px;
	margin-top: -320px;
	z-index:1;
}
/* pour afficher l'état du livre (a paraitre, dernière parution...) */
.EditionsLivreEtat {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
	margin-left: 10px;
}
/* pour afficher le titre du livre */
.EditionsTitreLivre {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	padding-top: 15px;
}
/* pour afficher le nom de l'auteur */
.EditionsAuteurLivre {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour afficher des infos sur le livre : nombre de pages, prix... */
.EditionsInfosLivre {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.EdGlobalLivres {
}
/* pour positionner et afficher le popup comportant le résumé du LIVRE 1 */
.EdResumeLivre1 {
	font-family: "Trebuchet MS", Arial;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	visibility: hidden;
	position: relative;
	top: 20px;
	left: 90px;
	height: 320px;
	width: 190px;
	z-index:200;
}
/* pour positionner et afficher le popup comportant le résumé du LIVRE 3 */
.EdResumeLivre2 {
	font-family: "Trebuchet MS", Arial;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	visibility: hidden;
	z-index: 100;
	position:relative;
	top: 20px;
	left: -180px;
	height: 320px;
	width: 190px;
}
/* pour afficher les images de fond formant le tableau du popup */
.EditionsPopGauche {
	background-image: url(../images/static/editions/popup_trait_gauche.gif);
	background-repeat: repeat-y;
}
.EditionsPopDroite {
	background-image: url(../images/static/editions/popup_trait_droite.gif);
	background-repeat: repeat-y;
}
.EditionsPopCentre {
	font-family: "Trebuchet MS", Arial;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 5px 10px;
	width: 190px;
	padding-top: 10px;
}
/* pour afficher l'image d'un livre */
.EditionsVisuelLivre {
	background-image: url(../images/static/editions/ombre_livre.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
}
.EdFondTableau {
	background-color:#FFFFFF;
}
/********************** FIN DE LA PAGE EDITIONS **********************/


/************************************************************************************************/
/*                                   TOUTES LES PAGES STATIQUES                                 */
/************************************************************************************************/
/* pour positionner le tableau dans le div */
.Tableau {
	width: 625px;
	position: relative;
	left: 160px;
	top: -90px;
}
/* pour afficher le titre de la page*/
.TabTitreProgramme {
	font-family: "Trebuchet MS", Arial;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 29px;
}

#titre_recherche {
	margin-top: 65px;
}


/* pour afficher le soous titre de la page*/
.TabSousTitreProgramme {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}
/* casse pour les sous titres gras*/
.TabSousTitreGras {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* casse pour les sous titres */
.TabSousTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
/* ligne grise de separation */
.TabLigneGrise {
	background-color: #E7E7E7;
}
/* ligne noire de separation */
.TabLigneNoire {
	background-color: #000000;
}
/* ligne rouge de separation */
.TabLigneRouge {
	background-color: #BA0000;
}
/* casse pour les textes */
.TabTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 13px;
}
/* casse pour les textes */
.TabCreditsSousTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	line-height: 13px;
}
/* pour positionner et afficher le bouton fleche et le titre Saison */
.ZoneSaison {
	width: 130px;
	padding-left: 10px;
	*width: 140px;
}
/* casse pour les sous titres en rouge gras */
.TabSousTitreRougeGras {
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
	color: #BA0000;
	font-size: 18px;
	text-decoration: none;
}
/* casse pour les instructions des formulaires */
.TabInstructions {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
/* casse pour les consignes des formulaires */
.TabConsigne {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* casse pour afficher le texte en rouge #BA0000 gras */
.RougeGras {
	color: #BA0000;
	font-family: "Trebuchet MS", Arial;
	font-weight: bold;
}
/* pour styler les zones textes */
.TabZoneTexte {
	background-color: #E5E5E5;
	border: 1px solid #666666;
}
/* casse pour les titres de niveau 1 dans la page plan */
.TabPlanNiv1 {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* casse pour les titres de niveau 2 dans la page plan */
.TabPlanNiv2 {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
/* casse pour les introductions */
.TabIntroduction {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 17px;
}
/* casse pour les commentaires */
.TabAideCommentaire {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 13px;
}
.TabTypeMedia {	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #00A0C6;
	text-decoration: none;
}
.TabConseilNom {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
}
.TabCreditLiens {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
}
.BodyArchives {
	background-color: #FF6600;
}
/* pour positionner la partie comportant le menu de gauche */
.GaucheStatic {
	width: 140px;
	background-color: #970000;
	position: absolute;
	left: 0px;
}

#gauche_recherche {
	margin-top: 65px;
}

.ZonePiedStatic {
	width: 774px;
	background-repeat: no-repeat;
	height: 70px;
	background-image:   url(../images/static/fond_bas.gif);
	clear: both;
}
.TabCalendrierMois {
	font-family: "Trebuchet MS", Arial;
	font-size: 28px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.TabCalendrierTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #970000;
	vertical-align: middle;
	text-indent: 5pt;
	height: 15px;
}
.TabCalendrierSelectMois {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	height: 15px;
	text-indent: 3pt;
	vertical-align: middle;
}
.TabCalendrierTitreConf {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 13px;
}
.TabCalendrierGauche {
	background-image: url(../images/static/calendrier/calendrier_gauche.gif);
	background-repeat: repeat-y;
	width: 1px;
}
.TabCalendrierDroite {
	background-image: url(../images/static/calendrier/calendrier_droite.gif);
	background-repeat: repeat-y;
	width: 3px;
}
.TabCalendrierLieu {
	font-family: "Trebuchet MS", Arial;
	font-size: 10px;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
}
/* pour afficher le jour sur les calendriers sur la partie de gauche */
.LienCalendrierJour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 3px;
}
/* pour afficher la date sur les calendriers sur la partie de gauche */
.LienCalendrierDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 3px;
}
/* pour afficher le mois sur les calendriers sur la partie de gauche */
.LienCalendrierMois {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #BA0000;
	text-decoration: none;
	text-align: right;
	padding-right: 3px;
}
.TabCalendrierMoisBas {
	background-image: url(../images/static/calendrier/calendrier_mois_bas.gif);
	background-repeat: no-repeat;
	height: 40px;
}
.TabCalendrierMoisTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
}
/* pour afficher l'image de fond du haut du calendrier mensuel */
.CalFondHaut {
	background-image: url(../images/static/calendrier/fond_haut.gif);
	background-repeat: no-repeat;
	height: 55px;
}
/* pour afficher l'image de fond d'une ligne du calendrier mensuel */
.CalFondLigne {
	background-image: url(../images/static/calendrier/fond_ligne.gif);
	background-repeat: no-repeat;
	height: 46px;
}
/* pour afficher l'image de fond du bas du calendrier mensuel */
.CalFondBas {
	background-image: url(../images/static/calendrier/fond_bas.gif);
	background-repeat: no-repeat;
	height: 41px;
}
/* pour afficher le nom des jours du calendrier mensuel */
.CalJour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	text-align: right;
}
/* pour afficher le numero des jours du mois en cours du calendrier mensuel */
.CalNumJourActif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding-right: 5px;
}
/* pour afficher le numero des jours des mois precedent et suivant du calendrier mensuel */
.CalNumJourNonActif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #808080;
	text-decoration: none;
	text-align: right;
	padding-right: 5px;
}
/********************** FIN DES PAGES STATIQUES **********************/


/************************************************************************************************/
/*                                          PAGES CONFERENCES                                   */
/************************************************************************************************/
/* pour positionner et afficher la ligne rouge comportant le tire conference */
.ZoneTypeConf {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	width: 260px;
	text-indent: 6px;
	float: left;
}
/* pour positionner la liste de choix des autres conferences */
.ConfAutresChoix {
	float: left;
	margin-left: 15px;
	width: 240px;
}
.ConfAutresChoixTaille {
	width: 240px;
}
/* pour positionner les services "Envoyer a  un ami" et "Imprimer" */
.ZoneServicesConf {
	width: 70px;
	margin-left: 5px;
	float: left;
	height: 22px;
	*padding-left: 20px;
}
/* pour positionner et afficher le titre de la conference, la liste des choix des conf et les services */
.ConfLigneTitre {
	margin-left: 170px;
	margin-top: 45px;
	width: 590px;
}
/* pour positionner les interventions */
.ConfInterventionEvn {
	margin-left: 170px;
}
/* pour positionner et afficher le titre du cycle */
.ConfTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 550px;
	margin-left: 170px;
	line-height: 31px;
	min-height: 72px;
	_height: 72px;
	margin-top: 80px;
	*margin-top: 0px;
}
/* pour positionner et afficher la date de la conference */
.ConfDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
}
/* pour positionner la date de la conference et les 3 pictos */
.ConfTabPictos {
	width: 590px;
	margin-left: 170px;
	position: relative;
}

.CycleTabPictos {
	position:absolute;
	width: 50px;	
	left:715px;
	top:170px;
}
/* pour afficher le type de media */
.ConfTypeMedia {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #199DBF;
	text-decoration: none;
}
/* pour positionner le nom du type de media */
.ConfPositionMedia {
	position: absolute;
	visibility: hidden;
	left: 500px;
	top: 10px;
	width: 88px;
}

/* positionne l'ensemble des interventions */
.centre_Conf {	
	margin-left: 170px;	
	/*margin-left: 30px;*/
}

/* pour positionner tous les element annoncant une intervention */
.ConfIntervention {
	width: 590px;
	float:left; 
	*float: none;
}

/* pour positionner la photo du conferencier */
.ConfVisuel {
	width: 70px;
	left: 0px;
	top: 0px;
	margin-top: 3px;
}
/* pour positionner tous les element places a  ca´te de la photo du conferencier */
.ConfInfos {
	width: 445px;
	margin-left: 25px;
	float: left;
	min-height: 150px;
	_height: 150px;
}

.ConfInfosSansTexte {
	width: 445px;
	margin-left: 25px;
	float: left;
}
/* pour positionner et afficher les noms et prenoms de l'internvenant */
.ConfIntervenant {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	position: relative;
	min-height: 30px;
	_height: 30px;
}
/* pour positionner et afficher les noms et prenoms de l'internvenant */
.ConfIntervenantFonction {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	position: relative;
	font-weight: normal;
	min-height : 30px;
	_height : 30px;
}
/* pour positionner et afficher le titre de l'intervention */
.ConfTitreIntervention {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	position: relative;
}
/* pour positionner et afficher le texte de l'intervention */
.ConfTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	position: relative;
	margin-right:10px;
	line-height: 14px;
	min-height: 40px;
	_height: 40px;
}

.ConfTexte a {
	text-decoration: none;
	color: #ba0000;
}

.ConfTexte a:hover {
	text-decoration: underline;
	color: #ba0000;
}

/* pour fixer une largeur de 120px au visuel */
.ConfTailleVisuel {
	width: 120px;
	margin: 0px;
	padding: 0px;
}
/* pour positionner la fleche rouge devant les ressources */
.ConfFlecheRessources {
	float: left;
	height: 24px;
	width: 24px;
}
/* pour positionner le mot "ressources" sous le visuel */
.ConfTxtRessources {
	float: left;
	width: 91px;
	margin-left: 5px;
	min-height: 24px;
	_height: 24px;
}
/* pour positionner la partie de gauche (visuel et ressources) */
.ConfInterGauche {
	float: left;
	width: 120px;
}
.ConfLienRessources {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}
/* pour positionner et afficher une ligne de separation grise */
.ConfSeparLigneGrise {
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-x;
	left: 0px;
	top: 50px;
}
/* pour positionner la fleche et le titre "ressources" sous le visuel */
.ConfRessources {
	width: 120px;
	margin-top: 5px;
	clear:left
}
/* pour positionner la zone qui comporte la fleche et le lien "Retour au programme" */
.ConfMenuRetour {
	height: 95px;
	width: 140px;
	background-color: #970000;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 127px;
}
/* pour positionner la fleche "Retour au programme" */
.ConfFlecheMenuRetour {
	position: absolute;
	height: 12px;
	width: 12px;
	left: 10px;
	top: 20px;
}
/* pour positionner le lien "Retour au programme" */
.ConfLienMenuRetour {
	position: absolute;
	width: 100px;
	left: 25px;
	top: 20px;
	line-height: 13px;
}
/* pour afficher le type de partenariat */
.ConfPartenairesType {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 130px;
	line-height: 13px;
	margin-left: 10px;
}
/* pour afficher le logo du partenaire */
.ConfPartenairesLogo {
	width: 130px;
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 12px;
}
/* pour afficher le logo du partenaire */
.ZonePartenairesLogo {
	width: 130px;
	margin-left: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 12px;
}
/* pour positionner les logos, noms et adresses web des partenaires */
.ConfZonePartenaires {
	width: 140px;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Arial;
	font-size: 10px;
	font-weight: normal;
	color: #808080;
}
/********************** FIN DES PAGES CONFERENCES **********************/


/************************************************************************************************/
/*                                          PAGES RESSOURCES                                    */
/************************************************************************************************/
/* pour positionner et afficher le type de ressources (bibliographie, webographie....) */
.RessourcesType {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	position: relative;
}
/* pour positionner et afficher le texte des ressources (description) */
.RessourcesDescription {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	position: relative;
	line-height: 14px;
	margin-left: 0px;
	text-indent: 0px;
}

.RessourcesDescription a:hover {
	text-decoration: underline;
}

.RessourcesDescription a {
	color: #BA0000;
	text-decoration: none;
}

/* pour positionner et afficher le texte des ressources (description) */
.RessourcesLienDescription {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}


/********************** FIN DES PAGES RESSOURCES **********************/


/************************************************************************************************/
/*                                      PAGES RECHERCHE CONF                                    */
/************************************************************************************************/
/* pour afficher l'intitule derriere les boutons fleches orange */
.Intitule {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour afficher l'intitule devant les champs de saisie */
.IntituleCritere {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
/* pour afficher les lettres et lien sur les lettres de l'abecedaire */
.Abecedaire {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a.Abecedaire:visited {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.Abecedaire:link {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.Abecedaire:hover {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
}
/******************************** FIN DES PAGES RECHERCHE CONF ********************************/


/************************************************************************************************/
/*                                   PAGES CONFERENCES HORS CITE                                */
/************************************************************************************************/
/* pour afficher la ligne rouge comportant le titre A PARIS */
.HorsCiteTitreRouge {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	text-indent: 6px;
	padding-top: 1px;
}
/* pour afficher les sous titres */
.HorsCiteSousTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #970000;
	text-decoration: none;
}
/* pour afficher le texte d'introduction */
.HorsCiteTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	line-height: 14px;
}
/* pour afficher les liens a  ca´te des boutons fleche */
.HorsCiteLiens {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour positionner et afficher le sous-titre */
.EditionsSousTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	line-height: 18px;
}
/***************************** FIN DES PAGES CONFERENCES HORS CITE ******************************/


/************************************************************************************************/
/*                                        PAGES SEANCES                                         */
/************************************************************************************************/
/* pour positionner et afficher une ligne de séparation grise */
.SeanceSeparLigneGrise {
	background-color:#CCCCCC;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 25px;
	*margin-top: 10px;
	*margin-bottom: 15px;
}
/* pour positionner la zone qui comporte la fleche et le lien "Retour au programme" */
.CycleMenuRetour2 {
	height: 130px;
	background-color: #970000;
	float: left;
	/*padding-bottom: 40px;*/
	margin-top: 23px;
	width: 140px;
}
/* pour positionner et afficher l'entete */
.Entete2 {
	background-image:   url(../images/static/entete.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	*height: 127px;
}
/* pour positionner le calque comportant la partie de droite */
.SeanceDroite {
	width: 604px;
	float: left;
	margin-left: 30px;
}
/* pour positionner et afficher le trait rouge de separation */
.SeanceSeparLigneRouge2 {
	height: 2px;
	background-color: #BA0000;
	width: 590px;
}
/* pour positionner et afficher texte d'introduction */
.SeanceTexteIntro2 {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
	width: 590px;
}


.SeanceTexteIntro2 a {
	text-decoration: none;
	color: #ba0000;
}

.SeanceTexteIntro2 a:hover {
	text-decoration: underline;
	color: #ba0000;
}


/* pour positionner un bloc */
.EvnDetail2 {
	width: 450px;
	margin-left: 135px;
	margin-top: 10px;
	*margin-top: 0px;
}
/* pour positionner et afficher le bouton fleche de la zone regroupememnt */
.ZoneAnnoncePetitBtn {
	float: left;
	height: 24px;
	width: 24px;
}
/* pour positionner et afficher le titre de la zone regroupememnt */
.ZoneAnnonceEvnDetail {
	float: left;
	width: 350px;
	margin-left: 7px;
}
/* pour positionner et afficher le lien sur le titre de la zone regroupememnt */
.LienAnnonceEvnDetail {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour positionner le bouton fleche et le titre de la zone regroupement */
.ZoneAnnonceEvnRegroup {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	position: relative;
	top: -10px;
	left: 55px;
	width: 420px;
}
/* pour positionner et afficher le titre de la seance */
.SeanceTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 550px;
	margin-left: 170px;
	min-height: 70px;
	_height: 70px;
	margin-top: 80px;
	*margin-top: 0px;
}
/* pour positionner et afficher la date de la seance */
.SeanceDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	margin-left: 170px;
}
/* pour positionner et afficher le trait rouge de separation */
.SeanceSeparLigneRouge {
	height: 2px;
	background-color: #BA0000;
	width: 590px;
	margin-left: 170px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* pour positionner et afficher texte d'introduction */
.SeanceTexteIntro {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
	width: 590px;
	margin-left: 170px;
}


.SeanceTexteIntro a {
	text-decoration: none;
	color: #ba0000;
}

.SeanceTexteIntro a:hover {
	text-decoration: underline;
	color: #ba0000;
}


/* pour afficher le type de l'intervention (table ronde...) */
.SeanceInterventionType {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
}
/* pour afficher le titre de l'intervention */
.SeanceInterventionTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 19px;
}
/* pour positionner le nom du type de media */
.SeancePositionMedia {
	position: absolute;
	left: 460px;
	top: 420px;
	width: 88px;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #199DBF;
	text-decoration: none;
}
/* pour positionner tous les element annonçant une intervention */
.SeanceIntervention {
	width: 450px;
	margin-left: 0px;
	padding-top: 15px;
}
/* pour positionner et afficher texte d'introduction */
.SeanceTexteIntro3 {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
	width: 450px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.SeanceTexteIntro3 a {
	text-decoration: none;
	color: #ba0000;
}

.SeanceTexteIntro3 a:hover {
	text-decoration: underline;
	color: #ba0000;
}



/* pour positionner et afficher la date du cycle */
.SeanceDate2 {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
}
/* pour positionner et afficher la legende de la photo comprise dans la partie gauche */
.SeanceLegendeVisuel {
	font-family: "Trebuchet MS", Arial;
	font-size: 9px;
	font-weight: normal;
	color: #D8BABA;
	text-decoration: none;
	line-height: 13px;
	background-color: #690000;
	margin-top: -25px;
	margin-left: 0px;
	padding: 10px 10px 10px 13px;
}
/* pour positionner tous les element places à côte de la photo du conferencier */
.SeanceZoneInfos {
	width: 590px;
	margin-left: 0px;
	float: left;
}
.SeanceZoneInfos2 {
	/*margin-left: 170px;*/
}

/* pour positionner et afficher le tableau comportant les medias */
.SeanceTabMedias {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* pour positionner et afficher le cache photo pour l'angle gauche */
.SeanceCachePhoto {
	height: 55px;
	width: 140px;
	z-index: 100;
	left: 0px;
	position: relative;
	top: 77px;
}
/* pour positionner et afficher la photo de gauche en longueur */
.SeanceVisuelGauche {
	z-index: 1;
	margin-bottom: 25px;
	margin-top: 20px;
}
/* pour positionner et afficher le titre de la conference, la liste des choix des conf et les services */
.SeanceLigneTitre {
	margin-left: 170px;
	margin-top: 60px;
	width: 590px;
}
/************************************ FIN DES PAGES SEANCES ******************************************/


/*****************************************************************************************************/
/*                                          PAGES EVENEMENTS                                         */
/*****************************************************************************************************/
/* pour positionner la zone comportant le fil d'ariane */
.EvnZoneFil {
	font-family: "Trebuchet MS", Arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin-top: -60px;
	margin-left: 250px;
}
/* pour positionner un bloc */
.EvnDetail {
	width: 450px;
	margin-left: 0px;
}
/* pour positionner et afficher le titre du bloc */
.EvnDetailTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	line-height: 19px;
}
/* pour afficher la date et l'heure */
.EvnDetailDateHeure {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
}
/* pour positionner et afficher le texte dans le bloc */
.EvnDetailTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	line-height: 14px;
}
/* pour positionner le bouton fleche et le titre du bloc */
.EvnDetailLigneSeance {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	position: relative;
	width: 420px;
}
/* pour positionner et afficher le bouton fleche de la zone regroupememnt */
.EvnDetailPetitBtn {
	float: left;
	height: 24px;
	width: 24px;
}
/* pour positionner et afficher le titre de la zone regroupememnt */
.EnvDetailTitreSeance {
	float: left;
	width: 350px;
	margin-left: 7px;
}
/* pour positionner et afficher une ligne de separation grise */
.EvnDetailSeparLigneGrise {
	height: 5px;
	width: 450px;
	margin-left: 0px;
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-x;
}

/* conteneur des seances d'une page evenement */
.evn_seances {
	margin-left: 30px;
}
/************************************ FIN DES EVENEMENTS *********************************************/


/*****************************************************************************************************/
/*                                     PAGES RESULTAT RECHECHE 2                                     */
/*****************************************************************************************************/
/* pour positionner le titre de la page et les services */
.SearchDroite {
	width: 590px;
	margin-top: 0px;
	margin-left: 170px;
}
/* pour positionner le titre de la page et les services */
.SearchLigneTitreServices {
	width: 590px;
}
/* pour afficher le titre de la page */
.SearchTitrePage {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	color: #FF6600;
	text-decoration: none;
	font-weight: bold;
	width: 540px;
	float: left;
}
/* pour positionner et afficher les services "Envoyer a  un ami" et "Imprimer" */
.SearchServices {
	height: 23px;
	float: left;
}
/* pour afficher le nombre de resultat trouve */
.SearchNbreResultat {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	width: 590px;
	padding-top: 20px;
	clear: left;
}
/* pour afficher le nom de la recherche effectuee */
.SearchNomRecherche {
	width: 590px;
	margin-bottom: 10px;
}
/* pour afficher le nom de la recherche effectuee */
.SearchNomRechercheTxt {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	float: left;
	width: 320px;
}
/* pour positionner et afficher le texte "nouvelle recherche" */
.SearchNewTxt {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	width: 110px;
	margin-left: 130px;
	float: left;
	padding-top: 3px;
}
/* pour positionner la fleche (bouton) de nouvelle recherche*/
.SearchNewBtn {
	width: 25px;
	margin-left: 5px;
	float: left;
}
/* pour positionner la zone comportant le fil d'ariane */
.SearchFilAriane {
	font-family: "Trebuchet MS", Arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	margin-left: 250px;
	padding-top: 40px;
}
/* pour afficher les liens du fil d'ariane */
.SearchLienFilAriane {
	font-family: "Trebuchet MS", Arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	letter-spacing: 1px;
}
/* pour positionner la zone cliquable en haut de page*/
#ZoneClicAccueilCite {
	float: left;
	width : 50px;
	height: 50px;
	margin-left: 5px;
	margin-top: 0px;
}
/* pour positionner la zone cliquable en haut de page (2 parties : haut et bas)*/
#ZoneClicAccueilConf {
	float: left;
	width : 180px;
	height: 50px;
	margin-left: 5px;
	margin-top: 0px;
}
#ZoneClicAccueilConf2 {
	float: left;
	width : 240px;
	height: 65px;
	margin-left: -240px;
	margin-top: 50px;
}
/* ligne noire de separation */
.SearchLigneNoire {
	background-color: #000000;
	clear: left;
}
/* ligne orange de separation */
.SearchLigneOrange {
	background-color: #FF6600;
}
/* pour positionner la partie qui comporte toutes les elements de la barre de navigation inter-pages */
.SearchNavigationPages {
	width: 590px;
}
/* pour positionner un bloc complet d'affichage de resultat */
.SearchBlocResultat {
	width: 590px;
}
/* pour afficher le theme et sous theme */
.SearchBlocTheme {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
}
/* pour positionner le titre du cycle/evenement et la date */
.SearchBlocCycle {
	width: 590px;
	padding-top: 5px;
}
/* pour afficher le titre du cycle/evenement */
.SearchBlocCycleTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	float: left;
	line-height: 16px;
	padding-right: 10px;
}
/* pour afficher le titre du cycle/evenement */
.SearchBlocCycleDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	float: left;
}
/* pour afficher un bloc d'un resultat (media, titre cycle et date) */
.SearchLigneResultat {
	width: 590px;
}
/* pour positionner tous les icones medias */
.SearchLigneMedias {
	width: 160px;
	float: left;
}
/* pour afficher un icone media */
.SearchIconeMedia {
	float: left;
	height: 25px;
	width: 25px;
	margin-right: 5px;
}
/* pour positionner tous les infos pour un resultat (titre, date, texte, ligne separation grise) */
.SearchInfos {
	width: 420px;
	margin-left: 10px;
	float: left;
}
/* ligne grise de separation inter resultat */
.SearchLigneGrise {
	background-color: #C6C6C6;
}
/* pour positionner et afficher le titre d'une conference ou manifestation */
.SearchConfTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	float: left;
	padding-top: 5px;
	margin-right: 10px;
}
/* pour positionner et afficher la date d'une conference ou manifestation */
.SearchConfDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
	padding-top: 4px;
}
/* pour afficher le texte d'une conference ou manifestation */
.SearchConfTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding-bottom: 10px;
}
/* pour positionner et afficher la nouvelle recherche en bas de page */
.SearchNewRechercheBas {
	width: 590px;
	padding-left: 450px;
	padding-top: 10px;
}
/* pour positionner et afficher le texte "nouvelle recherche" */
.SearchNewTxtBas {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	width: 110px;
	float: left;
	padding-top: 3px;
}
/* pour positionner la fleche (bouton) de nouvelle recherche*/
.SearchNewBtnBas {
	width: 25px;
	margin-left: 5px;
	float: left;
}
/************************************ FIN RESULTAT RECHERCHE 2 *********************************************/