@charset "utf-8";
@import url("Hn.css");
@import url("Form.css");
@import url("Fields.css");
@import url("Table.css");
@import url("Text.css");
/* CSS Document */

* { outline: 0; }
/******************************************************************************************************************************
********************************************* Habillage HOPITECH **************************************************************
********************************************* styles commun pour tous les skins ***********************************************
******************************************************************************************************************************/

body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; }
 @media screen {
html { overflow:scroll }
* { outline: none; }
}
.gSite { margin:auto; width:995px; overflow:hidden; margin-top:10px; background-image:url( /image/charte/accueil2012/img001.png); background-repeat:no-repeat; }
/******************************************************************************************************************/
/************************************ habillage du menu horizontal ************************************************/
/********************************************************************************/
/******************************************************************************************************************/

.HorizontalMainMenu { float:right; width:761px; height:19px; padding-top: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.HorizontalMainMenu div a { display:block; width:140px !important }
/******************************onglet1*********************************/
.onglet1 { float: left; width:150px; border: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-color: #FFFFFF; }
a.onglet1 { color: #0076b0; font-size:10px; text-decoration:none; font-weight:bold; text-align:center; padding-top:3px; height:16px; width:118px; background-color:#cfcf00; }
a:hover.onglet1 { padding-top:3px; height:16px; width:118px; color:#b20033; background-color:#cfcf00; }
.ssmenu1 { width:163px; position:absolute; visibility: hidden; z-index: 100; border-bottom:#FFFFFF 1px solid; }
.ssmenu1 a { line-height:20px; padding-left:20px; background-image:url( /image/charte/img004.gif); background-repeat:no-repeat; display: block; text-decoration: none; color: #916192; font-size:10px; background-color:#cfcf00; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
.ssmenu1 a:hover { /*hover background color*/ background-color: #cfcf00; color:#b20033; }
a.ssmenu1-1 { background-color:#cfcf00; color: #916192; }
a:hover.ssmenu1-1 { background-color: #cfcf00; background-repeat:no-repeat; }
.espaceHaut1 { margin:0px; padding:0px;/*height:20px;
border-top:1px solid #909ab1;
border-left:1px solid #909ab1;
border-right:1px solid #909ab1;
background-color:#ffffff*/ }
/******************************onglet2*********************************/

.onglet2 { float: left; width:96px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; }
a.onglet2 { color: #0076B0; font-size:10px; text-decoration:none; font-weight:bold; text-align:center; padding-top:3px; height:16px; width:118px; background-color:#cfcf00; }
a:hover.onglet2 { padding-top:3px; height:16px; width:118px; color: #b20033; background-color:#cfcf00; }
.ssmenu2 { width:163px; position:absolute; visibility: hidden; z-index: 100; border-bottom:#FFFFFF 1px solid; }
.ssmenu2 a { line-height:20px; padding-left:20px; background-image:url( /image/charte/img004.gif); background-repeat:no-repeat; display: block; text-decoration: none; color: #0076B0; font-size:10px; background-color:#cfcf00; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
.ssmenu2 a:hover { /*hover background color*/ background-color: #cfcf00; color:#b20033; }
a.ssmenu2-1 { background-color:#cfcf00; color: #916192; }
a:hover.ssmenu2-1 { background-color: #cfcf00; }
.espaceHaut2 { margin:0px; padding:0px;/*height:20px;
border-top:1px solid #909ab1;
border-left:1px solid #909ab1;
border-right:1px solid #909ab1;
background-color:#ffffff*/ }
/******************************onglet3*********************************/

.onglet3 { float: left; width:96px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; }
a.onglet3 { color: #0076B0; font-size:10px; text-decoration:none; font-weight:bold; text-align:center; padding-top:3px; height:16px; width:118px; background-color:#cfcf00; }
a:hover.onglet3 { padding-top:3px; height:16px; width:118px; color: #b20033; background-color:#cfcf00; }
.ssmenu3 { width:163px; position:absolute; visibility: hidden; z-index: 100; border-bottom:#FFFFFF 1px solid; }
.ssmenu3 a { line-height:20px; padding-left:20px; background-image:url( /image/charte/img004.gif); background-repeat:no-repeat; display: block; text-decoration: none; color: #0076B0; font-size:10px; background-color:#cfcf00; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
.ssmenu3 a:hover { /*hover background color*/ background-color: #cfcf00; color:#b20033; }
a.ssmenu3-1 { background-color:#cfcf00; color: #916192; }
a:hover.ssmenu3-1 { background-color: #cfcf00; }
.espaceHaut3 { margin:0px; padding:0px;/*height:20px;
border-top:1px solid #909ab1;
border-left:1px solid #909ab1;
border-right:1px solid #909ab1;
background-color:#ffffff*/ }
/******************************onglet4*********************************/

.onglet4 { float: left; width:150px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; }
a.onglet4 { color: #0076B0; font-size:10px; text-decoration:none; font-weight:bold; text-align:center; padding-top:3px; height:16px; width:150px; background-color:#cfcf00; }
a:hover.onglet4 { padding-top:3px; height:16px; width:150px; color: #b20033; background-color:#cfcf00; }
.ssmenu4 { width:163px; position:absolute; visibility: hidden; z-index: 100; border-bottom:#FFFFFF 1px solid; }
.ssmenu4 a { line-height:20px; padding-left:20px; background-image:url( /image/charte/img004.gif); background-repeat:no-repeat; display: block; text-decoration: none; color: #0076B0; font-size:10px; background-color:#cfcf00; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
.ssmenu4 a:hover { /*hover background color*/ background-color: #cfcf00; color:#b20033; }
a.ssmenu4-1 { background-color:#cfcf00; color: #916192; }
a:hover.ssmenu4-1 { background-color: #cfcf00; }
.espaceHaut4 { margin:0px; padding:0px;/*height:20px;
border-top:1px solid #909ab1;
border-left:1px solid #909ab1;
border-right:1px solid #909ab1;
background-color:#ffffff*/ }
/******************************onglet5*********************************/

.onglet5 { float: left; width:96px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: none; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; }
a.onglet5 { color: #0076B0; font-size:10px; text-decoration:none; font-weight:bold; text-align:center; padding-top:3px; height:16px; width:118px; background-color:#cfcf00; }
a:hover.onglet5 { padding-top:3px; height:16px; width:118px; color: #b20033; background-color:#cfcf00; }
.ssmenu5 { width:163px; position:absolute; visibility: hidden; z-index: 100; border-bottom:#FFFFFF 1px solid; }
.ssmenu5 a { line-height:20px; padding-left:20px; background-image:url( /image/charte/img004.gif); background-repeat:no-repeat; display: block; text-decoration: none; color: #0076B0; font-size:10px; background-color:#cfcf00; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
.ssmenu5 a:hover { /*hover background color*/ background-color: #cfcf00; color:#b20033; }
a.ssmenu5-1 { background-color:#cfcf00; color: #916192; }
a:hover.ssmenu5-1 { background-color: #cfcf00; }
.espaceHaut5 { margin:0px; padding:0px;/*height:20px;
border-top:1px solid #909ab1;
border-left:1px solid #909ab1;
border-right:1px solid #909ab1;
background-color:#ffffff*/ }
/******************************onglet6*********************************/

.onglet6 { float: left; width:96px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; }
a.onglet6 { color: #0076B0; font-size:10px; text-decoration:none; font-weight:bold; text-align:center; padding-top:3px; height:16px; width:118px; background-color:#cfcf00; }
a:hover.onglet6 { padding-top:3px; height:16px; width:118px; color: #b20033; background-color:#cfcf00; }
.ssmenu6 { width:163px; position:absolute; visibility: hidden; z-index: 100; border-bottom:#FFFFFF 1px solid; }
.ssmenu6 a { line-height:20px; padding-left:20px; background-image:url( /image/charte/img004.gif); background-repeat:no-repeat; display: block; text-decoration: none; color: #0076B0; font-size:10px; background-color:#cfcf00; border-top:1px solid #ffffff; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
.ssmenu6 a:hover { /*hover background color*/ background-color: #cfcf00; color:#b20033; }
a.ssmenu6-1 { background-color:#cfcf00; color: #916192; }
a:hover.ssmenu6-1 { background-color: #cfcf00; }
.espaceHaut6 { margin:0px; padding:0px;/*height:20px;
border-top:1px solid #909ab1;
border-left:1px solid #909ab1;
border-right:1px solid #909ab1;
background-color:#ffffff*/ }
/******************************************************************************************************************************
*************************************** Habillage HOPITECH page index (page animation d'entré) ********************************
******************************************************************************************************************************/

.indexEnTete { width:995px; height:220px; }
.indexAnimation { width:995px; height:360px; }
.indexPied { width:995px; height:176px; border-top: 1px solid #3391c0; }
.indexUne { width:995px; float:left; }
.indexUneContenu { width:497px; float:left; }
.uneContenuImage { width:56px; height:56px; margin-left:48px; *margin-left:48px;
_margin-left:25px; float:left; }
.uneContenuTexte { width:332px; *width:332px;
_width:330px; float:left; padding-left:12px; }
.uneContenuTexte h1 { font-size:11px; font-weight:bold; color: #916192; margin:0px; padding:0px; }
.uneContenuTexte p { font-size:11px; color:#cfcf00; margin:0px; padding:0px; }
.indexPiedLienSite { float:left; height:41px; width:995px; background-image:url( /image/charte/img002.gif); background-repeat:repeat-x; margin-top:12px; text-align:right; }
.indexPiedLienSite a { font-size:12px; font-weight:bold; color: #916192; line-height:32px; padding-right:2px; text-decoration:none; }
.indexPiedLienSite a:hover { color:#b8223d; padding-right:2px; }
/******************************************************************************************************************************
**************************************************** Habillage HOPITECH  2009  ************************************************
******************************************************************************************************************************/

/********************************************************************************
********** Habillage HOPITECH page index (page animation d'entré) ***************
*********************************************************************************/
#Header { width:995px; float:left; }
.gHeader { width:995px; padding-top:50px; float:left; margin-top:50px; }
.dayCount { position: absolute; top: 65px; width:85px; height:56px; margin-left:862px; color:#FFFFFF; }
.dayCountJourJ { FONT-SIZE: 12pt; FLOAT: left; WIDTH: 10px; PADDING-TOP: 8px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 3px }
.dayCountJourNum { PADDING-LEFT: 2px; FONT-SIZE: 22pt; FLOAT: left; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 3px; HEIGHT: 26px; }
.dayCountJourJours { FONT-WEIGHT: bold; FONT-SIZE: 12pt; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 60px; PADDING-TOP: 7px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 2px }
.accueil2008MenuHaut { margin-left:225px; _margin-left:113px; margin-top:25px; width:761px; float:left; }
.content { background: url(/image/charte/accueil2009/ContenuFond.gif) repeat-y left; width:995px; float:left; }
.VerticalMainMenu { width:250px; float:left; margin-top:50px; margin-left:10px !important; margin-left: 5px; _margin-left: 5px; }
/***************************************************
*********** Menu gauche violet / vichy 2009***********
****************************************************/
/***************************************************************** HABILLAGE DU MENU DE GAUCHE **************************************************/

#MainMenu { font-family:Verdana, Arial, Helvetica, sans-serif; float:left; width:210px; height:auto; font-size:11px; margin-top:20px; margin-left:30px; _margin-left:10px; border-top:1px solid #ffffff; }
.niveau1 { width:210px; font-size: 12px; float:left; line-height:29px; height:29px; color: #FFFFFF; background-image:url( /image/charte/accueil2012/puce_menuniveau1.gif); background-repeat:no-repeat; background-position:196px 10px; border-bottom:1px solid #ffffff; }
.niveau1Fond { height:29px; background-repeat: no-repeat; }
#MainMenu a:hover { font-size:11px; color:#b20033; text-decoration:none; z-index: 100; }
.niveau1Selection { height:29px; font-size:11px; color:#6e7c9c; }
.niveau2 { text-indent:14px; width:210px; color: #6e7c9c; line-height:21px; }
.lienNiveau2 { color: #6e7c9c; text-decoration:none; font-size:10px; font-weight:normal; }
.lienNiveau2:hover { color: #6e7c9c; font-weight:bold; text-decoration:none; }
.lienNiveau2-Select { color: #6e7c9c; text-decoration:none; font-size:10px; font-weight: bold; }
.accueil2008LiensGaucheBas { width:250px; background-image:url( /image/charte/accueil2012/fond04.gif); background-repeat:repeat-y; float:left; margin-left:1px; }
.itemHaut { float:left; _padding-left:1px; _width:250px; }
.itemBas { margin-top:-51px; width:251px; height:51px; background-image: url( /image/charte/accueil2012/cache-menu.png); /*margin-left:-3px !important;
	margin-left:-2px;*/ background-repeat: no-repeat; float:left; /*position: relative;*/ z-index: 5; margin-left:1px; _background-image: none; /*Il supprimer l'image de fond s'il y en a une de déclarée dans la feuille de styles principale */ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/image/charte/accueil2012/cache-menu.png", sizingMethod="scale");
}
.item { float:left; width:230px; height:51px; /*background-image:url( /image/charte/violet.gif);*/ background-image:url( /image/charte/fond-violet.png); background-repeat:no-repeat; margin-top:-20px; font-size:12px; font-weight:bold; line-height:50px; padding-left:20px; position: relative; z-index: 10; _background-image: none; /* Il supprimer l'image de fond s'il y en a une de déclarée dans la feuille de styles principale */ _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/image/charte/fond-violet.png", sizingMethod="scale");
}
.item a { font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; }
.item a:hover { font-size:12px; font-weight:bold; color:#666666; z-index: 100; }
/***************************************************
************* Encart organisateurs 2012 ************
****************************************************/
.accueil2008Organisateurs { width:250px; float:left; margin-top:0px; }
.organisateursHaut { width:250px; height:45px; background:url( /image/charte/accueil2012/img011.gif) no-repeat; float:left; }
.organisateursContenu { width:250px; background-image:url( /image/charte/accueil2012/img012.gif); background-repeat:repeat-y; float:left; }
.organisateursBas { width:250px; height:21px; background:url( /image/charte/accueil2012/img013.gif) no-repeat; float:left; }
/********************************************************************************
********************************** Zone centrale *********************************
*********************************************************************************/

.ZoneContenu { padding-left:10px; width:491px; margin-top:10px; float:left; }
.filAriane { padding-top:10px; padding-bottom:5px; width:491px; }
.filAriane a { color:#aaa8a8; font-size:10px; text-decoration:none; }
.filAriane a:hover { text-decoration:underline; }
/***********************************************************
******************** Menu 4 entrées 2012*******************
************************************************************/

.accueil2008Entres { overflow: hidden; }
.Entres1, .ActiveEntree1 { float:left }
.Entres1 a, .ActiveEntree1 a { width:126px; height:77px; display:block; }
.Entres1 a { background-image:url( /image/charte/accueil2012/img002.jpg); }
.Entres1 a:hover, .ActiveEntree1 a { background-image:url(/image/charte/accueil2012/img003.jpg); }
.Entres2, .ActiveEntree2 { float:left }
.Entres2 a, .ActiveEntree2 a { width:121px; height:77px; display:block; background-image:url( /image/charte/accueil2012/img004.jpg); }
.Entres2 a:hover, .ActiveEntree2 a { background-image:url( /image/charte/accueil2012/img005.jpg); }
.Entres3, .ActiveEntree3 { float:left }
.Entres3 a, .ActiveEntree3 a { width:121px; height:77px; display:block; }
.Entres3 a { background-image:url( /image/charte/accueil2012/img006.jpg); }
.Entres3 a:hover, .ActiveEntree3 a { background-image:url( /image/charte/accueil2012/img007.jpg); }
.Entres4, .ActiveEntree4 { float:left }
.Entres4 a, .ActiveEntree4 a { width:122px; height:77px; display:block; }
.Entres4 a { background-image:url( /image/charte/accueil2012/img008.jpg); }
.Entres4 a:hover, .ActiveEntree4 a { background-image:url( /image/charte/accueil2012/img009.jpg); }
/***********************************************************
******************** Encart actualités *******************
************************************************************/

.actualitesHaut { height:49px; background-image:url( /image/charte/img005.gif); background-repeat:no-repeat; float:left; width:491px; }
.actualites { width:469px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e5e5e5; border-right-color: #e5e5e5; border-bottom-color: #e5e5e5; border-left-color: #e5e5e5; padding: 10px; float:left; }
.toutesActualites { float:left; margin-top:7px; padding-bottom:40px; }
.toutesActualites a { color:#cfcf00; font-size:10px; font-weight:bold; padding-left:15px; text-decoration:none; }
.toutesActualites a:hover { color:#cfcf00; font-size:10px; font-weight:bold; text-decoration: underline; }
.actuContenu { float:left; }
.visuelActualites { width:45px; height:45px; float:left; }
.texteActu { padding:0px; width:397px; margin-left:10px; float:left; }
.texteActu p { font-size:10px; color:#004c5b; margin:0px; padding:0px; }
.texteActu a { margin:0px; padding:0px; font-size:11px; font-weight:bold; color: #916192; text-decoration:none; }
.texteActu a:hover { font-size:11px; font-weight:bold; color: #916192; text-decoration: underline; }
a.cliquerIci { float:right; font-size:10px; font-weight:normal; color: #916192; text-decoration:none; }
a:hover.cliquerIci { float:right; font-size:10px; font-weight:normal; color: #916192; text-decoration: underline; }
/********************************************************************************
********************************** Zone droite *********************************
********************************************************************************

/**************************/
.zoneDroite { MARGIN-TOP: 140px; FLOAT: right; display: inline; WIDTH: 218px; }
/**************** Encart Pub bleu ****************/
.pub { background-image:url( /image/charte/accueil2012/amiens2012.jpg); background-repeat:no-repeat; width:195px; height:159px; margin-left:10px; /**en attente du slideshow 2012 =>**/display: block; }
/**************** Recherche ****************/
.recherche { background: url("/image/charte/Search.gif") top center no-repeat; height: 62px; position: relative; margin: 0 0 10px 0; }
.recherche form dl dt span label { display: none; }
.recherche form dl, .recherche form dd, .recherche form dt, .recherche form li, .recherche form ul li, .recherche form ul li input, .recherche form { padding:0; margin:0; }
.recherche form dl { width: 160px; display: inline; position: absolute; top: 28px; left: 12px; }
.recherche form ul { list-style-type: none; display: inline; position: absolute; top: 30px; left: 180px; *left: 161px;
list-style-position:inside; margin: 0; padding: 0; }
/************* Agenda **************/
.agenda { clear: both; background: url("/image/charte/agenda.gif") top center no-repeat; padding: 38px 0 0 0; margin: 0; position: relative; }
.agendaMasque { display: none; }
#agendaDisplaying { margin: 0; padding:0; background: url("/image/charte/BGRightMod.gif") top center repeat-y; overflow: hidden; width: 100%; }
#agendaDisplaying p, #agendaDisplaying span { font-size: 11px; padding: 5px 12px; color: #916192; text-align: left; }
#agendaDisplaying .mEventDates { padding: 0 12px 0 15px; }
#agendaDisplaying .mEventDates span { padding: 0 0 0 0; }
#agendaDisplaying .mEventDate { /*padding: 3px 10px 3px 0;*/ }
#agendaDisplaying .mEventDate span { font-weight: bold; }
#agendaDisplaying a span, #agendaDisplaying a { text-decoration: none; color: #916192; font-size: 12px; padding-left: 15px; }
#agendaDisplaying .mEventTitle { padding: 0 12px 0 15px; }
#agendaDisplaying .mEventTitle a { padding: 0 0 0 0; }
#agendaDisplaying .mEventWebsite { }
#agendaDisplaying .mEventWebsite a span { display:none; }
#agendaDisplaying a:hover span { text-decoration: underline; }
#agendaDisplaying ul.mEventActions { list-style: none; padding: 0; margin: 0; }
#agendaDisplaying ul.mEventActions li { text-align: right; background: url("/image/charte/puceDroite.gif") right no-repeat; padding: 0; margin: 0 20px 15px 0; }
#agendaDisplaying ul.mEventActions li a { font-size: 11px; margin: 0 30px 0 30px; }
a.VoirAgenda { background: url("/image/charte/puceDroite.gif") right no-repeat; font-size: 11px; margin: 0 0 10px 50px; padding-right: 25px; }
a.VoirArchive { background: url("/image/charte/puceDroite.gif") right no-repeat; font-size: 11px; margin: 0 0 5px 66px; padding-right: 25px; color: #916192; text-decoration: none; }
a.VoirArchive:hover { text-decoration: underline; }
#agendaDisplaying .mCalendarTitle { display: none; }
.DroiteBas { padding: 10px 0 0 0; background: url("/image/charte/Bottom.gif") bottom center no-repeat; margin: 0 0 10px 0; }
.agenda a.LinkDisplay { text-decoration: none; display: block; height: 35px; width: 212px; position: absolute; top: 0; left: 0; z-index: 1; cursor: pointer; }
/*---------------------------- Newsletter --------------------------------*/
.newsletter { background: url("/image/charte/Newsletter.gif") top center no-repeat; padding: 35px 0 0 0; position: relative; }
.newsletter p { margin: 0; padding:5px 0; background: url("/image/charte/BGRightMod.gif") top center repeat-y; font-size: 11px; color: #916192; text-align: center; }
/********************************************************************************
********************************** Pied de page *********************************
*********************************************************************************/
.Footer { margin-bottom:20px; float:left; width:995px; height:22px; background-image:url( /image/charte/img016.gif); background-repeat:no-repeat; text-align:center; color:#9f9f9f; font-size:10px; }
.Footer a { color:#9f9f9f; font-size:10px; text-decoration:none; }
.Footer a:hover { color:#9f9f9f; font-size:10px; text-decoration:underline; }
a.cyim { color: #916192; font-size:10px; text-decoration:none; }
a:hover.cyim { color:#9f9f9f; font-size:10px; text-decoration:underline; }
/********************************************************************************
********************************** Page contenu  *********************************
*********************************************************************************/
.mModuleHtmlPublic { width:469px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #e5e5e5; border-right-color: #e5e5e5; border-bottom-color: #e5e5e5; border-left-color: #e5e5e5; padding: 10px; float:left; margin-bottom:10px; }
li.mPrint a { PADDING-RIGHT: 15px; BACKGROUND-POSITION: right 50%; MARGIN-TOP: 0px; PADDING-LEFT: 2px; FONT-SIZE: 10px; BACKGROUND-IMAGE: url( /image/charte/print.gif); WIDTH: 65px; COLOR: #bdbd00; BACKGROUND-REPEAT: no-repeat; HEIGHT: 12px; TEXT-DECORATION: none; }
li.mPrint A:hover { BACKGROUND-IMAGE: url( /image/charte/print-hover.gif); COLOR: #777777 }
/*****/
li.mSendToFriend, li.mSendToFriend a { display:inline; }
li.mSendToFriend a { PADDING-RIGHT: 15px; BACKGROUND-POSITION: right 50%; MARGIN-TOP: 0px; PADDING-LEFT: 2px; FONT-SIZE: 10px; BACKGROUND-IMAGE: url( /image/charte/envoyer.gif); WIDTH: 65px; COLOR: #bdbd00; BACKGROUND-REPEAT: no-repeat; HEIGHT: 12px; TEXT-DECORATION: none; }
li.mSendToFriend A:hover { BACKGROUND-IMAGE: url( /image/charte/envoyer-hover.gif); COLOR: #777777 }
/****/
li.mPdf, li.mPdf a { display:none; }
.logoPrint, .FooterPrint { display: none; }
.pseudoHr { padding:0px; border-bottom:1px solid #916192; width:200px; margin:auto; margin-bottom:10px; margin-top:10px; height:1px; }
/*---- modif CCZ 13/01/09 ----*/

.mModuleHtmlPublic .mArticle h1 span, .mModuleHtmlPublic .mSection h1 span, .mModuleNewsPublic h1 span { background: url("/image/charte/accueil2012/pucefleche.gif") center left no-repeat; _background: url("/image/charte/accueil2012/pucefleche.gif") 5px left no-repeat; *background: url("/image/charte/accueil2012/pucefleche.gif") 5px left no-repeat;
line-height:22px; padding: 5px 0 5px 30px; font-weight: bold; font-size: 14px; text-transform: uppercase; color: #916192; }
.content { border-left: solid 1px #d0cabf; margin-left: 2px !important; margin-left:1px; padding-left:-20px; }
/*------- ModuleNewsPublic, s'affiche en page d'accueil -----*/

.mModuleNewsPublic { width:480px; }
.mModuleNewsPublic li.Row1 p span { display: none; }
.mModuleNewsPublic ul.mNewsList a.mNewsTitle { color: #916192; font-size:13px; line-height:18px; margin-top:0; font-weight: bold; text-decoration: none; margin-bottom:5px; }
.mModuleNewsPublic .mCreatedDate { display:none; }
.mModuleNewsPublic p { font-size:11px; color:#777777; font-family:Geneva, Arial, Helvetica, sans-serif; padding-left:10px; text-align:justify; }
.mModuleNewsPublic img { padding: 0 10px 0 0; }
.mModuleNewsPublic .mNewsReadMore { display: none; }
.mModuleNewsPublic .mNewsSeaAll { color:#cfcf00; font-size:13px; font-weight:bold; text-decoration:none; clear: both; margin-top: 18px; display: inline-block; }
.mCategoryList { list-style: none; }
/* apparence de l'iframe pour le module annonce */

/*iframe { border: 1px #ffffff;}
#iframeName
{
    border: 0px;
    overflow: hidden;
} */
 
.mLogin .mHead h1 p { margin-top: 10px; }
.mLogin .mHead p span { color:#916192; font-size:13px; font-weight:bold; }
/*****************************************************************

    Contenu large sans la zone de droite

*****************************************************************/

.mModuleHtmlPublic .mSection h1 { display: none; }
.mModuleHtmlPublic .mSection .mArticle h1 { display: block; }
.contentCentreWide .zoneDroite { margin-top: 20px; position: relative; z-index: 20px; }
.contentCentreWide .mModuleHtmlPublic { border: none; width: 680px; margin: 0; }
.contentCentreWide .mModuleHtmlPublic .journee { clear: both; }
/***** styles des programmes des journées (modèle hopitech) */
.contentCentreWide .mArticlesList { display: none; }
.contentCentreWide .mModuleHtmlPublic .journee h2 { font-variant: small-caps; font-size: 15px; margin-top: 15px; }
.contentCentreWide .mModuleHtmlPublic .journee h3 { font-size: 13px; margin: 5px; }
.contentCentreWide .mModuleHtmlPublic .journee h4 { color: #666666; margin:15px 50px -12px 7px; background: white; z-index: 10; position: relative; line-height: 13px; padding: 3px; border: 1px solid #BDBDBD; }
.contentCentreWide .mModuleHtmlPublic .journee p { line-height: 15px; padding: 0 38px 0 8px; }
.contentCentreWide .mModuleHtmlPublic .journee a { color: Black; font-weight: bold; line-height: 25px; }
.contentCentreWide .mModuleHtmlPublic .journee a:hover { color: #888; text-decoration: underline; }
.contentCentreWide .mModuleHtmlPublic .journee p strong { color: #888888; }
.contentCentreWide .mModuleHtmlPublic .journee .animateur p { color: #0074B5; font-style: italic; }
.contentCentreWide .mModuleHtmlPublic .journee p .nomOrateur { color: #0474B4; }
.contentCentreWide .mModuleHtmlPublic .journee .partieProgrammeHaut { background: url("/image/charte/programme/topProgramme.png") top left no-repeat; height: 14px; }
.contentCentreWide .mModuleHtmlPublic .journee .partieProgramme { background: url("/image/charte/programme/contenuProgramme.png") bottom left no-repeat; padding-bottom: 15px; padding-top: 8px; _margin-top: -3px; overflow:hidden; width: 100%; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme { list-style: none; padding: 0; margin: 40px 0 0 0; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme li { display: block; float: left; width: 150px; text-align: center; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme li a { padding: 15px 0; display: block; color: #0474B4; font-size: 13px; font-weight: bold; text-decoration: none; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme li a:hover, .contentCentreWide .mModuleHtmlPublic ul.joursProgramme li.active a { color: #CFCF00; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme li a.lienjour1 { background: url("/image/charte/programme/jour1.png") top center no-repeat; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme li a.lienjour2 { background: url("/image/charte/programme/jour2.png") top center no-repeat; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme li a.lienjour3 { background: url("/image/charte/programme/jour3.png") top center no-repeat; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme li a.lienjour1:hover, .contentCentreWide .mModuleHtmlPublic ul.joursProgramme li.active a.lienjour1 { background: url("/image/charte/programme/jour1Hover.png") top center no-repeat; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme li a.lienjour2:hover, .contentCentreWide .mModuleHtmlPublic ul.joursProgramme li.active a.lienjour2 { background: url("/image/charte/programme/jour2Hover.png") top center no-repeat; }
.contentCentreWide .mModuleHtmlPublic ul.joursProgramme li a.lienjour3:hover, .contentCentreWide .mModuleHtmlPublic ul.joursProgramme li.active a.lienjour3 { background: url("/image/charte/programme/jour3Hover.png") top center no-repeat; }
/**************************************

 résumés des flash confs

**************************************/

.contentCentreWide .vueResumes .themeUp { background: url(/image/charte/programme/themeTop.png) top left no-repeat; height: 14px; }
.contentCentreWide .vueResumes .themeCenter { background: url(/image/charte/programme/themeCenter.png) top left repeat-y; overflow: hidden; width: 100%; _margin-top: -4px; }
.contentCentreWide .vueResumes .themeBottom { background: url(/image/charte/programme/themeBottom.png) bottom left no-repeat; overflow: hidden; width: 100%; padding-bottom: 10px; }
.contentCentreWide .vueResumes .themeCenter span, .contentCentreWide .vueResumes .resumes span, .contentCentreWide .vueResumes .titreConf span { font-size: 12px; color: #0074B5; font-weight: lighter; float: left; margin-left: 10px; }
.contentCentreWide .vueResumes .auteur span { font-size: 12px; color: #0074B5; font-weight: lighter; float: left; margin-left: 0; }
.contentCentreWide .vueResumes .liens a span { margin-left: 0; }
.contentCentreWide .vueResumes .themeCenter h1, .contentCentreWide .vueResumes .titreConf h2, .contentCentreWide .vueResumes .auteur p { float: right; width: 580px; padding: 0; margin: 0 18px 0 0; line-height: 15px; }
.contentCentreWide .vueResumes ol li { color:#777777; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:11px; text-align:justify; }
.contentCentreWide .vueResumes .themeBottom { clear: both; text-align: right; margin-bottom: 15px; }
.contentCentreWide .vueResumes .themeBottom a { display: block; width: 150px; float: right; margin-right: 20px; text-decoration: none; }
.contentCentreWide .vueResumes .titreConf, .contentCentreWide .vueResumes .auteur, .contentCentreWide .vueResumes .resumes { clear: both; margin: 10px 0 20px 0; overflow: auto; width: 100%; padding: 5px 0; }
.contentCentreWide .vueResumes .resumes { margin: 20px 0 10px 0; }
.contentCentreWide .vueResumes .resumes .contenuResume { width: 470px; float: left; padding: 0 8px 0 0; }
.contentCentreWide .vueResumes .resumes .liens { float: left; width: 120px; text-align: center; border-left: 1px solid #CFC9BD; padding: 15px 0; }
.contentCentreWide .vueResumes .resumes .liens p, .contentCentreWide .vueResumes .resumes .liens p a, .contentCentreWide .vueResumes .resumes .liens p a span, .contentCentreWide .vueResumes .resumes .liens p span { text-align: center; clear: both; float: none; display: block; }
.contentCentreWide .vueResumes .resumes .liens p a.pdf { padding: 55px 0 0 0; background: url("/image/charte/programme/pdf.png") top center no-repeat; text-decoration: none; margin: 0 0 15px 0; }
.contentCentreWide .vueResumes .resumes .liens p a.pdf:hover { background: url("/image/charte/programme/pdfHover.png") top center no-repeat; }
.contentCentreWide .vueResumes .resumes .liens p a.pdf:hover span, .contentCentreWide .vueResumes .resumes .liens p a.flashconf:hover span { color: #888; }
.contentCentreWide .vueResumes .resumes .liens p a.flashconf { background: url("/image/charte/programme/flashConf.png") top center no-repeat; text-decoration: none; }
.contentCentreWide .vueResumes .resumes .liens p a.flashconf span { padding: 55px 0 0 0; margin: 0 0 15px 0; }
.contentCentreWide .vueResumes .resumes .liens p a.flashconf:hover { background: url("/image/charte/programme/flashConfHover.png") top center no-repeat; }
.contentCentreWide .vueResumes .resumes .liens p span.auteurConf { font-weight: bold; margin-left: 0; }
/********/
.contentCentreWide .mModuleHtmlPublic .session { border-left: 3px solid #006EA6; margin: 25px 0; padding: 0 0 0 8px; overflow:hidden; width: 100%; }