/*
/************************************************************************************************/
/*                                ELEMENTS COMMUNS A TOUT LE SITE                               */
/************************************************************************************************/
/* pour gérer 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;
}
/* pour positionner l'élément global (contient tous les autres div) */
.Conteneur {
	width: 774px;
	background-color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 0px;
}
/* pour gérer 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;
}
/* pour forcer la taille d'une image à une largeur de 70px */
.TailleImmage70 {
	width: 70px;
}
/* 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 afficher les liens dans le menu de gauche */
.LienMenuGauche {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
/* pour appliquer du gras */
.Gras {
	font-weight: bold;
}
/* pour appliquer de l'italique */
.Italique {
	font-style: italic;
}
/* pour positionner et afficher l'élément de séparation passant de la couleur brune à l'orange */
.SeparationBiais {
	background-color: #FF6600;
	margin: 0px;
	width: 140px;
}
/* pour positionner et afficher le bouton caméra et le titre "350 conférences à revoir" */
.ZoneMedia {
	background-color: #FF6600;
	width: 140px;
	text-indent: 10px;
}
/* pour corriger le décallage créé 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;
}
.EffacerBoth {
	clear: both;
}
/* pour ne pas afficher ces image dans le défault.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 visités 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 survolés 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 évènement 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: 3px;
}
/* pour afficher les liens visités 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 survolés 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 évènement */
.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 séance (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 séance */
.Seance {
	float: right;
	width: 180px;
}
.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 séance */
.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 séance */
.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 éditions */
.ZoneEditions {
	width: 200px;
	text-align: right;
	clear: left;
	margin-left: 200px;
}
/* pour afficher le titre "Les éditions" */
.EditionsTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour afficher le texte des éditions */
.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 annonçant le prochain évènement */
.ZoneEvenement{
	background-image:     url(../images/static/home/filet.gif);
	background-repeat: repeat-y;
	width: 110px;
	float: right;
	margin-top: -443px;
	margin-right: 27px;
	*margin-top: -470px;
	*margin-right: 15px;
}
/* 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'évènement */
.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'évènement */
.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'évènement */
.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'évènement */
.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'évènement */
.ZoneEvenInfo {
	width: 113px;
	position: relative;
	margin-left: 2px;
}
/* pour afficher le titre de l'évènement */
.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'évènement */
.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: 424px;
}
/* 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 conférences à revoir */
.Zone350Conf {
	width: 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;
}
/* pour positionner le bouton caméra des 350 conférences */
.ZoneBouton350Conf {
	height: 45px;
	width: 45px;
	left: 15px;
	top: 10px;
	position: relative;
}
/* pour positionner le titre des 350 conférences */
.ZoneTitre350Conf {
	height: 40px;
	width: 155px;
	margin-top: -30px;
	margin-left: 65px;
}
/* pour positionner les listes déroulantes */
.ZoneMulticritere {
	margin-top: 0px;
	margin-left: 15px;
  padding-top: 0px;
  padding-left: 0px;
}
/* pour positionner le formulaire contenu dans la zone des 350 conférences */
.Formulaire {
	margin: 0px;
	padding: 0px;
}
/* pour positionner la ligne haute de séparation */
.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 "nouveautés en ligne" */
.ZoneNouveautesTitre {
	height: 25px;
	width: 180px;
	margin-left: 15px;
}
/* pour positionner la zone comportant les 3 dernières nouveautés en ligne */
.Zone3Nouveautes {
	margin-top: 10px;
}
/* pour positionner la zone comportant une nouveauté */
.ZoneNouveaute {
	width: 95px;
	float: left;
}
/* pour positionner l'espacement entre les zones comportant les nouveautés */
.SpacerNouveautes {
	float: left;
	height: 10px;
	width: 17px;
}
/* pour afficher le texte des nouveautés */
.NouveauteTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
/* pour positionner la ligne basse de séparation */
.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: 20px;
}
/*************** 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 multicritère" */
.ZoneTexteMulticritere {
	height: 30px;
	width: 352px;
	margin-left: 420px;
}
/* pour positionner le lien "recherche multicritère" */
.MulticritereTitre {
	width: 160px;
	float: right;
	margin-top: 4px;
}
/* pour afficher le lien "recherche multicritère" */
.LienMulticritere {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	line-height: 13px;
}
/* pour positionner le bouton "recherche multicritère" */
.MulticritereBouton {
	height: 27px;
	width: 27px;
	float: right;
	margin-right: 3px;
}
/* pour positionner le menu de bas de page */
.ZoneMenuBasHome {
	float: left;
	width: 650x;
	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 évènement central)                      */
/************************************************************************************************/
/* pour positionner la zone qui comprend un calendrier et les infos sur la séance (partie de gauche) */
.ZoneSeanceIndex2 {
	width: 350px;
}
/* pour positionner les infos sur la séance */
.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 "flèche" 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'année de la saison */
.AnneeSaison {
	font-family: "Trebuchet MS", Arial;
	font-size: 21px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
}
/* 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 à coté 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 à un ami" et "Imprimer" */
.ZoneServices {
	width: 70px;
	float: right;
	margin-top: -60px;
	margin-right: -10px;
}
/* pour positionner la partie qui comporte toutes les éléments de la barre de navigation inter-pages */
.ZoneNavigationPages {
	width: 590px;
	margin-left: 170px;
}
/* pour positionner et afficher une ligne de séparation grise */
.SeparLigneGrise {
	height: 5px;
	width: 590px;
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-x;
	margin: 0px;
}
/* pour positionner et afficher une ligne de séparation grise */
.SeparLigneRouge {
	height: 5px;
	width: 590px;
	background-image:    url(../images/static/separ_ligne_rouge.gif);
	background-repeat: repeat-x;
	margin: 0px;
}

/* pour positionner les éléments page précédente, page suivante et les numéros de page centraux */
.LigneNumPages {
	width: 590px;
	margin-left: 0px;
	position: relative;
	height: 20px;
}
/* pour positionner et afficher le bouton "page précédente" */
.BtnPagePrecedente {
	position: relative;
	height: 26px;
	width: 26px;
	margin-top: 0px;
	margin-left: 0px;
	float: left;
}
/* pour positionner et afficher le texte "page précédente" */
.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 numéros de pages */
.NumPages {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 70px;
	float: left;
	margin-left: 140px;
	margin-top: 3px;
}
/* pour afficher les liens sur les numéros 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: 130px;
	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 éléments d'une annonce (cycle ou évènement) */
.ZoneAnnonce {
	width: 590px;
	margin-left: 170px;
	*position: relative;
}
/* pour positionner dans la ZoneAnnonce les éléments 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 éléments 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;
}
/* pour gérer l'espacement entre les annonces et un retour à la ligne */
.SpacerAnnonce {
	height: 30px;
	clear: left;
}
/***************** FIN DE LA PARTIE CENTRALE *****************/
/****************************** FIN DE LA PAGE PROGRAMME.HTM *********************************/
/************************************************************************************************/
/*                                       PAGE CYCLE1.HTM                                         */
/*                     (image de gauche en longueur et avec visuel conférence)                   */
/************************************************************************************************/
/* pour positionner la zone qui comporte la flèche et le lien "Retour au programme" */
.ZoneMenuGauche {
	position: absolute;
	height: 80px;
	width: 140px;
	left: 0px;
	top: 127px;
	background-color: #970000;
	z-index: 2;
}
/* pour positionner la flèche "Retour au programme" */
.ZoneFleche1 {
	position: absolute;
	height: 12px;
	width: 12px;
	left: 10px;
	top: 20px;
}
/* pour positionner le lien "Retour au programme" */
.ZoneLienMenuGauche1 {
	position: absolute;
	width: 100px;
	left: 25px;
	top: 20px;
	line-height: 13px;
}
/* pour positionner et afficher le cache photo pour l'angle gauche */
.CachePhoto {
	height: 55px;
	width: 140px;
	z-index: 100;
	left: 0px;
	position: relative;
	top: 77px;
}
/* pour positionner et afficher la photo de gauche en longueur */
.ZoneVisuelGauche {
	z-index: 1;
	margin-bottom: 25px;
	margin-top: 20px;
}
/* pour positionner les liens "Ressources", "Sites Internet", "Autres Liens" */
.ZoneLienMenuGaucheCycle {
	width: 100px;
	line-height: 13px;
	margin-left: 10px;
}
/* pour positionner les logos, noms et adresses web des partenaires */
.ZonePartenaires {
	width: 140px;
	background-color: #FFFFFF;
}
/* pour afficher le type de partenariat */
.ZonePartenairesType {
	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 */
.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 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 gérer l'espacement entre les différents partenaires */
.SpacerPartenaires {
	height: 20px;
	width: 10px;
}
/* pour positionner et afficher la ligne rouge comportant le type de manifestation */
.ZoneType {
	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 à un ami" et "Imprimer" */
.ZoneServicesCycle {
	width: 70px;
	float: right;
	margin-top: -20px;
	margin-right: -10px;
}
/* pour positionner et afficher le titre du cycle */
.ZoneCycleTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 550px;
	margin-top: 0px;
	margin-left: 170px;
}
/* pour positionner et afficher la date du cycle */
.ZoneCycleDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	width: 550px;
	margin-top: 20px;
	margin-left: 170px;
}
/* pour positionner et afficher la ligne de séparation rouge du haut de zone */
.ZoneSeparLigneRouge1 {
	height: 5px;
	width: 590px;
	background-image:    url(../images/static/separ_ligne_rouge.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
	margin-left: 170px;
}
/* pour positionner et afficher le texte d'introduction */
.ZoneTexteIntro {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 590px;
	line-height: 18px;
	margin-top: 0px;
	margin-left: 170px;
}
/* pour positionner et afficher la ligne de séparation rouge du bas de zone */
.ZoneSeparLigneRouge2 {
	height: 5px;
	width: 590px;
	background-image:    url(../images/static/separ_ligne_rouge.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
	margin-left: 170px;
}
/* pour positionner et afficher la légende de la photo comprise dans la partie gauche */
.ZoneLegende {
	font-family: "Trebuchet MS", Arial;
	font-size: 9px;
	font-weight: normal;
	color: #D8BABA;
	text-decoration: none;
	line-height: 13px;
	background-color: #690000;
	margin-top: -24px;
	margin-left: 0px;
	height: 40px;
	padding: 5px 10px 5px 13px;
}
/* pour positionner tous les élément annonçant une conférence */
.ZoneConference {
	width: 450px;
	margin-left: 300px;
}
/* pour positionner la photo du conférencier */
.ZoneConfVisuel {
	width: 70px;
	left: 0px;
	top: 0px;
	margin-top: 3px;
}
/* pour positionner tous les élément placés à côté de la photo du conférencier */
.ZoneConfInfos {
	width: 370px;
	position: relative;
	margin-top: -67px;
	margin-left: 50px;
}
/* pour positionner et afficher la date de la conférence */
.ZoneConfDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	width: 365px;
	position: relative;
	margin-left: 35px;
}
/* pour positionner le bouton fleche de la conférence */
.ZoneConfBouton {
	width: 40px;
	position: relative;
	margin-left: 35px;
	height: 40px;
}
/* pour positionner et afficher le titre de la conférence */
.ZoneConfTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 300px;
	line-height: 20px;
	position: relative;
	margin-top: -32px;
	margin-left: 80px;
}
/* pour afficher le titre de la conférence */
.LienConfTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* pour positionner et afficher les noms et prénoms des internvenants */
.ZoneConfIntervenant {
	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 */
.ZoneConfTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	width: 330px;
	margin-left: 80px;
	position: relative;}
/* pour positionner et afficher une ligne de séparation grise */
.ZoneSeparLigneGrise {
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-x;
	width: 450px;
	left: 0px;
	top: 50px;
}
/* pour afficher le texte lié au partenaire */
.PartenairesTexte {
	font-family: "Trebuchet MS", Arial;
	font-size: 9px;
	font-weight: normal;
	color: #808080;
	text-decoration: none;
	margin-left: 10px;
}
/****************************** FIN DE LA PAGE CYCLE1.HTM *********************************/
/************************************************************************************************/
/*                                       PAGE CYCLE1B.HTM                                       */
/*                     (image de gauche en longueur et sans visuel conférence)                  */
/************************************************************************************************/
/* pour positionner tous les élément placés à côté de la photo du conférencier */
.ZoneConfInfosCycle1b {
	width: 440px;
	position: relative;
}
/* pour positionner et afficher la date de la conférence */
.ZoneConfDateCycle1b {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;	width: 440px;
	position: relative;
}
/* pour positionner le bouton fleche de la conférence */
.ZoneConfBoutonCycle1b {
	width: 40px;
	position: relative;
	height: 40px;
}
/* pour positionner et afficher le titre de la conférence */
.ZoneConfTitreCycle1b {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;	text-decoration: none;
	width: 400px;
	line-height: 20px;
	position: relative;
	margin-top: -32px;
	margin-left: 45px;
}
/* pour positionner et afficher les noms et prénoms des internvenants */
.ZoneConfIntervenantCycle1b {
	font-family: "Trebuchet MS", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 400px;
	margin-left: 45px;
	position: relative;
}
/* pour positionner et afficher des infos sur les intervenants */
.ZoneConfTexteCycle1b {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	width: 400px;
	margin-left: 45px;
	position: relative;
}
/****************************** FIN DE LA PAGE CYCLE1B.HTM *********************************/
/************************************************************************************************/
/*                                       PAGE CYCLE2.HTM                                       */
/*                     (image de gauche en largeur et avec visuel conférence)                  */
/************************************************************************************************/
/* pour positionner et afficher les éléments de séparation */
.SeparationBiaisCycle2 {
	height: 55px;
	width: 140px;
	z-index: 100;
	position: relative;
	left: 0px;
	top: 2px;
}
/* pour gérer l'espacement pour le visuel de gauche */
.ZoneCacheVisuel {
	z-index: 1;
	left: 0px;
	top: 207px;
	margin-bottom: 20px;
	height: 300px;}
/* pour positionner le visuel de gauche */
.ZoneVisuelGaucheCycle2 {
	z-index: 90;
	height: 200px;
	width: 290px;
	position: relative;
	top: -45px;
}
/* pour positionner et afficher le premier trait rouge de séparation */
.ZoneSeparLigneRouge1Cycle2 {
	height: 5px;
	width: 460px;
	background-image:    url(../images/static/separ_ligne_rouge.gif);
	background-repeat: repeat-x;
	margin-top: -244px;
	margin-left: 300px;
}
/* pour positionner et afficher le second trait rouge de séparation */
.ZoneSeparLigneRouge2Cycle2 {
	height: 5px;
	width: 460px;
	background-image:    url(../images/static/separ_ligne_rouge.gif);
	background-repeat: repeat-x;
	margin-top: 15px;
	margin-left: 300px;
}
/* pour positionner et afficher texte d'introduction */
.ZoneTexteIntroCycle2 {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	width: 460px;
	line-height: 18px;
	margin-top: 0px;
	margin-left: 300px;
}
/* pour positionner la partie de gauche */
.GaucheCycle2 {
	left: 0px;
	position: absolute;
	width: 140px;
	background-color: #970000;
}
/* pour positionner la partie centrale */
.Centre {
	padding-left: 0px;
}
/* pour positionner et afficher la légende du visuel de gauche */
.ZoneLegendeCycle2 {
	font-family: "Trebuchet MS", Arial;
	font-size: 11px;
	font-weight: normal;
	color: #808080;
	text-decoration: none;	line-height: 13px;
}
/* pour positionner et afficher la légende de la photo comprise dans la partie gauche */
.ZoneLegendeCycle2 {
	font-family: "Trebuchet MS", Arial;
	font-size: 9px;
	font-weight: normal;
	color: #D8BABA;
	text-decoration: none;
	line-height: 13px;
	background-color: #690000;
	height: 40px;
	padding: 5px 10px 5px 13px;
	margin-top: -40px;
}
/********************************* FIN DE LA PAGE CYCLE2.HTM ************************************/
/************************************************************************************************/
/*                                PAGE MANIFESTATIONS ACCUEILLIES.HTM                           */
/************************************************************************************************/
/* pour positionner la partie comportant le commentaire à coté du titre programme */
.ZoneCommentaireManif {
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-y;
	width: 200px;
	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 PAGE MANIFESTATIONS ACCUEILLIES.HTM **********************/


/************************************************************************************************/
/*                                   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;
}
/* 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 séparation */
.TabLigneGrise {
	background-color: #E7E7E7;
}
/* ligne noire de séparation */
.TabLigneNoire {
	background-color: #000000;
}
/* ligne rouge de séparation */
.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: 140px;
	text-indent: 10px;
}
/* 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-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;
}
.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 */
.CalendrierJour {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	width: 70px;
	text-align: right;
	padding-right: 3px;
}
/* pour afficher la date sur les calendriers sur la partie de gauche */
.CalendrierDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bolder;
	color: #000000;
	text-decoration: none;
	text-align: right;
	width: 70px;
	padding-right: 3px;

}
/* pour afficher le mois sur les calendriers sur la partie de gauche */
.CalendrierMois {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #BA0000;
	text-align: right;
	text-decoration: none;
	padding-right: 3px;

}
/* 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;
}
/* 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;
}
/* 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;
}
.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;
}

/************************************************************************************************/
/*                                   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 à côté 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;
}
/*****************************************************************************************************/
/*                                          PAGES EVENEMENTS                                         */
/*****************************************************************************************************/
/* pour positionner et afficher texte d'introduction */
.EvnTexteIntro {
	font-family: "Trebuchet MS", Arial;
	font-size: 15px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 18px;
	width: 590px;
	margin-left: 0px;
}
/* pour positionner et afficher le trait rouge de séparation */
.EvnSeparLigneRouge {
	height: 2px;
	background-color: #BA0000;
	width: 590px;
	margin-left: 0px;
}/* pour positionner la zone comportant la photo de gauche, le cache coin gauche et la légende */
.EvnVisuelGauche {
	width: 140px;
}
/* pour positionner la partie comportant la partie de gauche */
.EvnGauche {
	width: 140px;
	margin-top: 100px;
	background-color:#3300CC;
}
/* pour positionner la partie comportant la partie de droite */
.EvnDroite {
	width: 590px;
	margin-top: -40px;
	margin-left: 160px;
	background-color:#FFFF00;
}
/* 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: 300px;
}
/* pour positionner un bloc */
.EvnDetail2 {
	width: 590px;
}
/* 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 séparation grise */
.EvnDetailSeparLigneGrise {
	height: 5px;
	width: 450px;
	margin-left: 0px;
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-x;
}
/* 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;
}

/************************************ FIN DES EVENEMENTS *********************************************/




/************************************************************************************************/
/*                           Eléments communs aux cycles tous confondus                         */
/************************************************************************************************/
/* pour positionner la zone qui comporte la flèche et le lien "Retour au programme" */
.CycleMenuRetour {
/*	height: 80px;
	width: 130px;
	background-color: #970000;
	float: left;
	padding-left: 10px;
	padding-bottom: 5px;
	*padding-bottom: 25px;
	*margin-top: -5px;
	*width: 140px;*/
	height: 80px;
	width: 130px;
	background-color: #970000;
	float: left;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: 23px;
	*padding-bottom: 25px;
	*width: 140px;
}
/* pour positionner la flèche "Retour au programme" */
.CycleFlecheMenuRetour {
	height: 12px;
	width: 12px;
	float: left;
}
/* 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 à 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;
}
/* 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-top: 20px;
	margin-left: 170px;
}
/* pour positionner et afficher les éléments de séparation */
.CycleCoinVisuel {
	height: 55px;
	width: 140px;
	margin-top: -208px;
}
/* pour positionner et afficher la légende 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: 130px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 150px;
	*width: 140px;
}
/* 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'éléments de séparation 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 à 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 lié 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 gérer l'espacement entre les différents 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 prénoms 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 séparation grise */
.CycleSeparLigneGrise {
	background-image:    url(../images/static/separ_ligne_grise.gif);
	background-repeat: repeat-x;
	width: 450px;
	left: 0px;
	top: 50px;
}
/*********************** Fin des éléments communs aux cycles tous confondus  ********************/

/************************************************************************************************/
/*                                Eléments 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 légende */
.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 séparation */
.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;
}
/* pour positionner tous les élément annonçant une conférence */
.Cycle2ZoneConference {
	width: 450px;
	margin-left: 0px;
}
/****************************** Fin des éléments communs au cycle 2  ****************************/

/************************************************************************************************/
/*                                        PAGES SEANCES                                         */
/************************************************************************************************/
/* 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 séparation */
.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;
}
/* pour positionner un bloc */
.EvnDetail2 {
	width: 590px;
	margin-left: 0px;
	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 séance */
.SeanceTitre {
	font-family: "Trebuchet MS", Arial;
	font-size: 27px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-left: 170px;
	line-height: 28px;
	margin-top: 45px;
	*margin-top: 0px;
}
/* pour positionner et afficher la date de la séance */
.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 séparation */
.SeanceSeparLigneRouge {
	height: 2px;
	background-color: #BA0000;
	width: 590px;
	margin-left: 170px;
}
/* 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;
}
/* 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 média */
.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 la zone qui comporte la flèche et le lien "Retour au programme" */
.SeanceRessources {
	height: 80px;
	width: 140px;
	background-color: #970000;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 200px;
}
/* pour positionner et afficher la photo de gauche en longueur */
.SeanceVisuelGauche {
	z-index: 1;
	margin-bottom: 25px;
	margin-top: 20px;
}
/* pour positionner et afficher la photo de gauche en longueur */
.SeanceVisuelGauche2 {
	z-index: 1;
	margin-bottom: 25px;
	margin-top: 20px;
}
/* pour positionner et afficher la légende 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 et afficher le titre de la conférence, la liste des choix des conf et les services */
.SeanceLigneTitre {
	margin-left: 170px;
	margin-top: 60px;
	width: 590px;
}
/* pour positionner et afficher la ligne rouge comportant le type d'evenement */
.SeanceTypeEvenement {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
	width: 260px;
	text-indent: 6px;
	margin-left: 170px;
	margin-top: 45px;
}
/* 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: 590px;
	margin-left: 170px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* pour positionner tous les élément annonçant une intervention */
.SeanceIntervention {
	width: 590px;
	margin-left: 170px;
	padding-top: 10px;
}
/* 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 et afficher le cache photo pour l'angle gauche */
.SeanceCachePhoto {
	height: 55px;
	width: 140px;
	z-index: 100;
	left: 0px;
	position: relative;
	top: 77px;
}
/************************************ FIN DES PAGES SEANCES ******************************************/


/************************************************************************************************/
/*                                          PAGES CONFERENCES                                   */
/************************************************************************************************/
/* pour positionner et afficher la ligne rouge comportant le tire conférence */
.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 conférences */
.ConfAutresChoix {
	float: left;
	margin-left: 15px;
	width: 240px;

}
.ConfAutresChoixTaille {
	width: 240px;
}
/* pour positionner les services "Envoyer à un ami" et "Imprimer" */
.ZoneServicesConf {
	width: 70px;
	margin-left: 5px;
	float: left;
	*padding-left: 20px;
}
/* pour positionner et afficher le titre de la conférence, la liste des choix des conf et les services */
.ConfLigneTitre {
	margin-left: 170px;
	margin-top: 45px;
	width: 590px;
}
/* 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;
	margin-left: 170px;
	line-height: 28px;
	margin-top: 30px;
	*margin-top: 0px;
}
/* pour positionner et afficher la date de la conférence */
.ConfDate {
	font-family: "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
}
/* pour positionner la date de la conférence et les 3 pictos */
.ConfTabPictos {
	width: 590px;
	margin-left: 170px;
}
/* pour afficher le type de média */
.ConfTypeMedia {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: bold;
	color: #199DBF;
	text-decoration: none;
}
/* pour positionner le nom du type de média */
.ConfPositionMedia {
	position: absolute;
	left: 675px;
	top: 195px;
	width: 88px;
}
/* pour positionner tous les élément annonçant une intervention */
.ConfIntervention {
	width: 590px;
	margin-left: 170px;
}
/* pour positionner la photo du conférencier */
.ConfVisuel {
	width: 70px;
	left: 0px;
	top: 0px;
	margin-top: 3px;
}
/* pour positionner tous les élément placés à côté de la photo du conférencier */
.ConfInfos {
	width: 445px;
	margin-left: 25px;
	float: left;
}
/* pour positionner et afficher les noms et prénoms de l'internvenant */
.ConfIntervenant {
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #BA0000;
	text-decoration: none;
	position: relative;
}
/* pour positionner et afficher les noms et prénoms de l'internvenant */
.ConfIntervenantFonction {
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	position: relative;
	font-weight: normal;
}
/* 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;
	line-height: 14px;
}
/* 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;
}
/* 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 séparation 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;
}
/* pour positionner la zone qui comporte la flèche et le lien "Retour au programme" */
.ConfMenuRetour {
	height: 80px;
	width: 140px;
	background-color: #970000;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 127px;
}
/* pour positionner la flèche "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;
}
/********************** FIN DES PAGES CONFERENCES **********************/


/************************************************************************************************/
/*                                           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;
}
/* pour positionner la zone comportant la photo de gauche, le cache coin gauche et la légende */
.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 séparation */
.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;
}
/* pour positionner tous les élément annonçant une conférence */
.Cycle1ZoneConference {
	width: 450px;
	margin-left: 140px;
}
/****************************** Fin des éléments communs au cycle 1  ****************************/


/************************************************************************************************/
/*                                          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: 8px;
	text-indent: 0px;
}
/* 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 **********************/