﻿/* Feuille de style Master.

	Personnalise l'affichage de la page principale contenant les modules.
 */
* { outline: none; }
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; font-size:11px; color:#666; }
@media screen {
html { overflow:scroll }
}
.gSite { margin-left:auto; margin-right:auto; margin-top:7px; width:995px; background-color:#99a3b9; overflow: hidden; }
/******************************************************************************************************************/
/************************************ habillage de la zone d'entete ***********************************************/
/**********************************(commun à toutes les associations)**********************************************/
/******************************************************************************************************************/

.gHeader { background-image:url(/image/charte/img001.jpg); background-repeat:no-repeat; width:995px; height:133px; position:relative; z-index:1 }
.gHeaderLogo { float:left; width:825px; height:100px; }
.gHeaderLogo img { border:none; }
.authentification { float:left; width:170px; height:80px; margin-top:20px; }
.authentification input { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:12px; background-color:#a6b0c7; border:1px solid #a6b0c7; width:125px; font-size:10px; color:#FFFFFF; padding:2px; margin-top:2px; margin-bottom:2px; }
.authentification input.ok { font-size:10px; background-image:url(/image/charte/img025.gif); border:none; width:25px; height:20px; font-size:10px; font-weight:bold; color:#FFFFFF; cursor:pointer; margin-top:2px; margin-bottom:0px; }
.authentification input.ok:hover { background-image:url(/image/charte/img026.gif); width:25px; height:20px; font-size:10px; font-weight:bold; color:#666666; }
/******************************************************************************************************************/
/************************************ habillage de la zone centrale ***********************************************/
/**********************************(commun à toutes les associations)**********************************************/
/******************************************************************************************************************/

.Content { margin:0px; padding:0px; float:left; background-color:#99a3b9; width:995px; }
/******************************************************************************************************************/
/************************************* habillage de la zone gauche ************************************************/
/*************************************** contient le menu gauche **************************************************/
/**********************************(commun à toutes les associations)**********************************************/
/******************************************************************************************************************/

.VerticalMainMenu { float:left; margin-left:14px!important; margin-left:5px; width:226px; font-size:11px; font-weight:bold; }
.menuHaut { float:left; width:175px; height:24px!important; height:14px; background-image:url(/image/charte/img004.gif); background-repeat:no-repeat; margin-bottom:0px; }
a.menuHaut { float:left; padding-top:7px; padding-left:35px; text-decoration:none; color:#6e7c9c; font-size:10px; }
a:hover.menuHaut { font-size:10px; font-weight:bold; text-decoration:none; color:#99a3b9; }
.menuBas { float:left; width:210px; height:19px; background-image:url(/image/charte/img005.gif); }
/***************************************************************** HABILLAGE DU MENU DE GAUCHE **************************************************/

#MainMenu { font-family:Verdana, Arial, Helvetica, sans-serif; float:left; width:210px; height:auto; }
.niveau1 { font-weight: bold; font-size:10px; color:#ffffff; line-height:21px; text-indent:14px; background-image:url(/image/charte/img006.gif); }
.niveau1Fond { height:21px; background-repeat: no-repeat; }
.niveau1:hover { color: #6e7c9c; height:21px; background-image:url(/image/charte/img062.gif); }
.niveau1Selection { height:21px; font-size:10px; color:#6e7c9c; }
.niveau2 { text-indent:14px; width:210px; color: #6e7c9c; line-height:21px; background-image:url(/image/charte/img007.gif); }
.lienNiveau2 { color: #6e7c9c; text-decoration:none; font-size:10px; font-weight:normal; }
.lienNiveau2:hover { color: #6e7c9c; font-weight:bold; text-decoration:none; }
.lienNiveau2-Select {
s  color: #6e7c9c; text-decoration:none; font-size:10px; font-weight: bold; }
s 
/******************************************************************************************************************/
/************************************* habillage de la zone droite ************************************************/
/************************************ contient la région modifiable ***********************************************/
/**********************************(commun à toutes les associations)**********************************************/
/******************************************************************************************************************/

.ZoneContenu { background-color:#99a3b9; float:left; width:752px; }
.ZoneContenuHaut { float:left; height:15px; width:752px; background-image:url(/image/charte/img022.gif); }
.ContenuAssociation { width:752px; float:left!important; margin-top:-3px; background-image:url(/image/charte/img023.gif); min-height: 500px; }
.ie6.ContenuAssociation { height: 500px; }
.ZoneContenuBas { float:left; width:995px; height:18px; background-image:url(/image/charte/img024.gif); background-repeat:no-repeat; background-position: 235px!important; background-position: 231px; }
/******************************************************************************************************************/
/************************************** habillage du pied de page *************************************************/
/**********************************(commun à toutes les associations)**********************************************/
/******************************************************************************************************************/

.Footer { float:left; background-color:#99a3b9; margin:0px; padding:0px; width:995px; height:30px; }
.Footerleft { float:left; background-image:url(/image/charte/img019.gif); background-repeat:no-repeat; width:241px; height:30px; }
.FooterRight { padding-top:7px; text-decoration:none; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#d9dde8; text-align:center; float:left; width:754px; background-image:url(/image/charte/img020.gif); background-position:right; background-repeat:no-repeat; height:23px; }
.FooterRight a { color:#d9dde8; text-decoration:none; }
a.cyim { text-decoration:none; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#120f6d; }
a:hover.cyim { font-size:10px; color:#d9dde8; }
.FooterPrint { display:none; }
.ConteneurLogo { margin-top:80px; /*padding: 0 50px;
width: 650px;
padding: 0 6px;*/
padding:0 6px 0 15px; float:left; background-image:url(/image/accueil/img044.gif); background-repeat:no-repeat; width: 740px; _width:729px; }
.ConteneurLogo img { padding-top:7px; float:left; /*margin: 0 15px;*/
margin: 0 21px 0 0; }
/*------------------------ MAJ classes du nouveau CMS CCZ 24/12/2008 */

pre { display: block; white-space: normal; }
/*------------------------------------------------ éléments à cacher */


h1.PageTitle { display:none; }
.HtmlContent .mArticlesList .mLeadList .mCreatedDate, .HtmlContent .mArticlesList .mLeadList .mNewsTitle { display: none; }
.HtmlContent .mArticlesList .mLeadList .mNewsReadMore { display: none; }
.zoneAlaUne .mArticle h1 { display:none; }
/* ------------------------------------------------ mise en forme de la page */


/*---------------------------------------------------- liste de news */

.HtmlContent .mArticlesList .mLeadList li { list-style: none; margin: 0 0 10px -20px; padding:0; overflow: hidden; width: 100%; }
.HtmlContent .mArticlesList .mLeadList { width:420px; /****************** Pour IE6 **********************/
_width:380px; }
.HtmlContent .mArticlesList .mLeadList a { color:#6E7C9D; font-size:11px; font-weight:bold; text-decoration:none; width:300px; }
.HtmlContent .mArticlesList .mLeadList img { width: 76px; padding: 0 10px 0 0; }
.HtmlContent .mArticlesList .mLeadList p { color:#666666; font-size:11px; margin:0; padding:10px 0 0 0; width:400px; text-align: justify; }
.zoneAlaUneHaut { /*background: url(/image/charte/img031.gif) top no-repeat;*/
background: url(/image/charte/img031.gif) transparent no-repeat 13px 0; height: 30px; float:left; height:45px; width:493px; }
.zoneAlaUne { /*background: url(/image/accueil/img032.gif) repeat-y;*/
background: url(/image/accueil/img032.gif) repeat-y 0 0; margin-left:13px; /* *margin-left: 13px;*/
margin-top:-19px; width:470px; float:left; /****************** Pour IE6 **********************/
    _margin-left:6px; _width:470px; *float:none; }
.zoneAlaUneBas { background: url(/image/accueil/img033.gif) top no-repeat; height:30px; width:490px; float:left }
/*------------------------------------------- edito -*/
.zoneEdito { font-family:Tahoma, Arial, Helvetica; font-size:11px; font-weight:normal; color: #666666; width: 440px; margin-left:20px; text-align: justify; padding-top:50px; }
.zoneEdito a { text-decoration: none; color: #6e7c9c; }
.zoneEdito a:hover { text-decoration: underline; color: #666666; }
/*-------------------------------------- Zoom */
.mArticlesList { position:relative; z-index:0 }
.zoneZoomContent { position:absolute; right:20px; top:16px; }
.zoneZoomHaut { background: url(/image/accueil/ZoomSur.gif) top no-repeat; height:30px; width: 206px; }
.HtmlContent .mArticlesList .zoneZoom .mCategoryList { background: url(/image/accueil/photoZoom.jpg) top no-repeat; width:206px; margin: 0 0 0 0; padding: 266px 0 0 0; }
.HtmlContent .mArticlesList .zoneZoom .mCategoryList span { position: absolute; text-indent:-5000px; }
.zoneZoom .mCategoryList li, .zoneZoom .mCategoryList ul { list-style: none; padding: 0 3px 0 3px; margin: 10px 0 0 0; }
.zoneZoom .mCategoryList a { padding-left: 10px; margin-bottom: 3px; font-weight: bold; font-size: 11px; color: #ca2626; width: 208px; text-decoration: none; padding:0; margin: 0 0 0 0; }
.zoneZoom .mCategoryList a:hover { text-decoration: underline; }
.zoneZoom .mLinkDescription a { font-size: 11px; font-weight: normal; color: #99A3B9; }
.zoneZoom .mCategoryList p { font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 20px; padding-right: 20px; padding-top: 5px; color: #666666; font-size: 11px; text-align: justify; padding:0; margin:0; }
.zoneZoomBas { background: url(/image/accueil/img036.gif) bottom no-repeat; padding-bottom: 10px; width: 206px; }
/* ------------------------ habillage des textes de contenu ------*/

.mModuleHtmlPublic .mArticle .mHtmlContent h2 { font-family:Verdana, Arial, Helvetica, sans-serif; line-height:22px; color: #6e7c9c; font-size: 14px; font-weight: bold; padding-left:10px; }
.mModuleHtmlPublic .mArticle .mHtmlContent p { font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 20px; padding-right: 20px; padding-top: 5px; color: #666666; font-size: 11px; text-align: justify; padding-bottom: 20px; }
.mModuleHtmlPublic .mArticle .mHtmlContent a { color: #6e7c9c; }
.mModuleHtmlPublic .mArticle .mHtmlContent a:hover { color: #666666; text-decoration: underline; }
.mModuleHtmlPublic .mArticle .mHtmlContent p img { margin-right:20px; margin-bottom:10px; }
/**** habillage nouveautes - nouveau contenu ajouté */

.mLastAddedContentList .mContentTitle h1 { margin:6px 0 0; }
.mLastAddedContentList .mContentModifiedDate { padding-left:12px; color:#99A3B9; }
.mLastAddedContentList .mContentLink { clear:left; margin:5px 0; padding:0 0 12px 12px; border-bottom:1px dashed #99A3B9; }
.mLastAddedContentList .mContentLink a { background:url("/image/flecheList.gif") no-repeat scroll left center transparent; padding:0 0 0 20px; margin-top:3px; }
.mLastAddedContentList .mContent { padding:0 12px; margin-top:5px; text-align:justify; }
.mLastAddedContentList .mContent img { padding:0 8px 6px 0; }
.mLastAddedContentList .mContent table { margin:5px 0 0; }
/********habillage congrès SFCD - ACHBT 2008 */

.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd h1 { display:block; color:#FFF; font-size:15px; background-color:#abb6d0; text-transform:lowercase; }
.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd h2 { color:#bc170d; font-size:13px; }
.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd h3 { color:#abb6d0; font-size:13px; margin-left: 15px; }
.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd h4, .mModuleHtmlPublic .mArticle .mHtmlContent .sfcd h5, .mModuleHtmlPublic .mArticle .mHtmlContent .sfcd h6 { color:#abb6d0; }
.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd li { margin-left:20px; margin-top:7px; list-style-image:url(../../image/SFCD/fleche.gif) }
.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd li a { text-decoration:none; color:#666666; }
.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd li a:hover { color:#bc170d; }
.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd ul { font-size: 11px; }
.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd {}
/***********congres*************/
.mModuleHtmlPublic .mArticle .mHtmlContent .sfcd .horaireConf { color:#abb6d0; }
/*--------------------------------- zone login -----------------------------------*/
#Header { padding-bottom:2px; }
#Header .ZoneMembre, #Header .ZoneMembre form, #Header .ZoneMembre form dl { padding: 0; margin: 0; }
#Header .ZoneMembre form dl dt span { display: none; }
#Header .ZoneMembre form dl dd input { font-size: 11px; background: #a6b0c7; border: 1px solid #8893ad; color: White; margin: 5px 0 0 0; width: 100px; }
#Header .ZoneMembre form dl { position: absolute; top: 15px; right: 54px; }
#Header .ZoneMembre form input.BoutonOk { background: url("/image/boutonOKHead.gif") no-repeat; border: none; margin: 0; padding: 3px 5px 5px 2px; color: White; font-size: 11px; font-weight: bold; position: absolute; top: 29px; right: 17px; width: 30px; }
#Header .ZoneMembre ul { list-style:none; position: absolute; top: 65px; right: 32px; margin: 0; padding: 0; }
#Header .ZoneMembre ul li { padding: 0; margin: 0; }
#Header .ZoneMembre ul a { color: White; font-size: 10px; text-decoration: none; padding-top: 0; }
/*--------------------------- zone recherche ---------------------------*/

.VerticalMainMenu .recherche { padding: 0 0 0 5px; margin: 0 0 15px 0; width: 210px; overflow: hidden; }
.VerticalMainMenu .recherche dt span label { }
.VerticalMainMenu .recherche dt#SearchInputDt { float: left; position: absolute; top: 8px; left: 7px; color: #fff; }
#Body .VerticalMainMenu .recherche form#FastSearchForm, #Body .VerticalMainMenu .recherche form#FastSearchForm dl, #Body .VerticalMainMenu .recherche form#FastSearchForm dl dt, #Body .VerticalMainMenu .recherche form#FastSearchForm dl dd { margin: 0; padding: 0; }
#Body .VerticalMainMenu .recherche form#FastSearchForm { padding: 0; margin: 0; }
.VerticalMainMenu .recherche dl, .VerticalMainMenu .recherche dl dt, .VerticalMainMenu .recherche dl dd { width: 155px; }
.VerticalMainMenu .recherche form { position:relative; }
.VerticalMainMenu .recherche dd input { font-size: 11px; color: White; background: #a6b0c7; border: 1px solid #8893ad; color: White; margin: 5px 0 0 0; padding: 2px 0; width: 155px; }
.VerticalMainMenu .recherche ul, .VerticalMainMenu .recherche ul li { list-style: none; margin: 0; padding: 0; }
.VerticalMainMenu .recherche ul li input { background: url("/image/boutonOKHead.gif") no-repeat; border: none; margin: 0; padding: 3px 5px 5px 2px; color: White; font-size: 11px; font-weight: bold; width: 30px; }
.VerticalMainMenu .recherche ul { position:absolute; top: 2px; right: 10px; }
/***************----------------------- Chartage interne ModuleHtmlPublic --*/

.mModuleHtmlPublic .mHtmlContent dl dt { font-weight: bold; margin: 0 0 0 20px; }
.mModuleHtmlPublic .mHtmlContent pre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0 20px; padding: 5px; background: #99A3B9; }
a { color: #99A3B9; font-size:11px; }
a:hover { color: #A6B0C7; }
ul.Tools li.mSendToFriend, ul.Tools li.mPdf { display: none; }
.ZoneContenu { }
ul.Tools { list-style: none; padding: 0; margin: 0; position: absolute; top: 0; right: 0; }
ul.Tools li.mPrint { height: 30px; width: 30px; background: url("/image/print.gif") no-repeat; }
ul.Tools li.mPrint a { display: block; position: relative; text-indent: -5000px; height: 30px; width: 30px; }
h1 { color: #6E7D9C; }
h2 { font-size: 12px; font-weight: bold; }
h3 { color: #6E7D9C; font-weight: normal; }
h4 { font-variant: small-caps; }
.ZoneMembre a { color: White; display: block; font-size: 12px; padding-top: 10px; }
/*------ modifs CCZ sur le RSS */
.mHTMLArticleRss { display: none; }
/* ---- Fil d'ariane ---- */

.filAriane, .filAriane a { font-size: 11px; }
.filAriane { margin: 3px 8px; }
.filAriane a:hover { color: #6D7C9B; }
/* pour l'iframe*/

iframe { overflow: visible; }
/* ---------------------------------------------------------------------------------------- */
/*          STYLES DE LA CONSOLE ADMIN POUR GERER LES MENUS                                 */
/* ---------------------------------------------------------------------------------------- */

/* Conteneur du menu */
.HorizontalMainMenu { float:left; font-family:Arial, Helvetica, sans-serif; height:19px; position:absolute; bottom:0px; right:0px; }
/* Menu global */
ul#TopMainMenu { font-family:Arial, Helvetica, sans-serif; height:19px; list-style-type:none; margin-bottom:0; margin-left:217px; margin-top:0; width:742px; /****************** Pour IE6 **********************/
    _position:relative; }
/* Commun à tous les onglets */
ul#TopMainMenu li.CyimMenuItem { display: block; float: left; height: 19px; width:70px; text-align: center; background-image: none; background-repeat:no-repeat; }
/* Commun à tous les textes des onglets */
ul#TopMainMenu li.CyimMenuItem a { color: #ffffff; font-size: 11px; text-decoration: none; font-weight: bold; margin: 3px; height: 16px; display: block; }
/* Commun à tous les onglets : span du lien */
ul#TopMainMenu li.CyimMenuItem a span { width: 70px; height: 16px; padding: 3px; }
/* Spécificité image de l'onglet 1 */
ul#TopMainMenu li.onglet1 { /****************** Pour IE6 **********************/
_position:absolute; _right:670px; background-image: url(/image/charte/img008.gif); }
/* Spécificité image de l'onglet 2 */
ul#TopMainMenu li.onglet2 { /****************** Pour IE6 **********************/
_position:absolute; _right:600px; background-image: url(/image/charte/img009.gif); }
/* Spécificité image de l'onglet 3 */
ul#TopMainMenu li.onglet3 { /****************** Pour IE6 **********************/
_position:absolute; _right:530px; background-image: url(/image/charte/img010.gif); }
/* Spécificité image de l'onglet 4 */
ul#TopMainMenu li.onglet4 { /****************** Pour IE6 **********************/
_position:absolute; _right:460px; background-image: url(/image/charte/img011.gif); }
/* Spécificité image de l'onglet 5 */
ul#TopMainMenu li.onglet5 { /****************** Pour IE6 **********************/
_position:absolute; _right:390px; background-image: url(/image/charte/img012.gif); }
/* Spécificité image de l'onglet 6 */
ul#TopMainMenu li.onglet6 { /****************** Pour IE6 **********************/
_position:absolute; _right:320px; background-image: url(/image/charte/img013.gif); }
/* Spécificité image de l'onglet 7 */ 
ul#TopMainMenu li.onglet7 { /****************** Pour IE6 **********************/
_position:absolute; _right:250px; background-image: url(/image/charte/img014.gif); }
/* Spécificité image de l'onglet 8 */
ul#TopMainMenu li.onglet8 { /****************** Pour IE6 **********************/
_position:absolute; _right:180px; background-image: url(/image/charte/img015.gif); }
/* Spécificité image de l'onglet 9 */
ul#TopMainMenu li.onglet9 { /****************** Pour IE6 **********************/
_position:absolute; _right:110px; background-image: url(/image/charte/img016.gif); }
ul#TopMainMenu li.onglet10{ /****************** Pour IE6 **********************/
_position:absolute; _right:40px; background-image: url(/image/charte/img017.gif); }
/* Commun à tous les onglets survolés */
ul#TopMainMenu li.CyimMenuItem:hover { background-image: url(/image/charte/img018.gif) }
/* Commun à tous les textes des onglets survolés */
ul#TopMainMenu li.CyimMenuItem:hover a { color:#394051; }
/* Textes survolés commun à tous les onglets */
ul#TopMainMenu li.CyimMenuItem a:hover { color: #394051; }
/* Commun à tous les sous-menus */
ul#TopMainMenu li.CyimMenuItem ul { /*position:relative;
	display: none;z-index:1;*/
	    display:none; position:absolute; top:0; z-index:1; }
/* Commun à tous les sous-menus actifs */
ul#TopMainMenu li.CyimMenuItem ul.CyimSubMenuActive { position:relative; display: block; margin: 0; padding: 0; width: 300px; /****************** Pour IE6 **********************/
	_position:absolute; _left:0px; _top:20px }
/* Commun à tous les items des sous-menus */
ul#TopMainMenu li.CyimMenuItem ul li.CyimMenuItem { position:relative; margin: 0 0 -1px 0; padding: 0; height: auto; border-collapse: collapse; width:170px; line-height:20px; padding-left:10px; display: block; text-decoration: none; text-align: left; color:#ffffff; font-size:11px; text-decoration:none; font-weight:bold; }
/* Couleur du texte commun à tous les items des sous-menus */
ul#TopMainMenu li.CyimMenuItem ul li.CyimMenuItem a, ul#TopMainMenu li.CyimMenuItem ul li.CyimMenuItem:hover a { color:#ffffff; }
/* Survol commun à tous les items des sous-menus */
ul#TopMainMenu li.CyimMenuItem ul li:hover { background: none; }
/* Spécificités des items du sous-menu 1 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu1 { background-color:#6b7897; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #909ab1; border-right:1px solid #909ab1; }
/* Spécificités des items actifs du sous-menu 1 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu1:hover { background-color: #394051; }
/* Spécificités des items du sous-menu 2 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu2 { background-color:#a39db2; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #bfbbca; border-right:1px solid #bfbbca; }
/* Spécificités des items actifs du sous-menu 2 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu2:hover { background-color: #473c66; }
/* Spécificités des items du sous-menu 3 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu3 { background-color:#aabdec; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #b5bbc9; border-right:1px solid #b5bbc9; }
/* Spécificités des items actifs du sous-menu 3 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu3:hover { background-color: #2c3d65; }
/* Spécificités des items du sous-menu 4 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu4 { background-color:#a89f98; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #e1dddb; border-right:1px solid #e1dddb; }
/* Spécificités des items actifs du sous-menu 4 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu4:hover { background-color: #8e8782; }
/* Spécificités des items du sous-menu 5 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu5 { background-color:#b3e618; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #dbeda6; border-right:1px solid #dbeda6; }
/* Spécificités des items actifs du sous-menu 5 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu5:hover { background-color: #99cc00; }
/* Spécificités des items du sous-menu 6 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu6 { background-color:#cd514a; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #e8aeab; border-right:1px solid #e8aeab; }
/* Spécificités des items actifs du sous-menu 6 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu6:hover { background-color: #bc170d; }
/* Spécificités des items du sous-menu 7 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu7 { background-color:#a3bdd0; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #dfe8ef; border-right:1px solid #dfe8ef; }
/* Spécificités des items actifs du sous-menu 7 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu7:hover { background-color: #8ca1b1; }
/* Spécificités des items du sous-menu 8 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu8 { background-color:#3671b1; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #b9cde4; border-right:1px solid #b9cde4; }
/* Spécificités des items actifs du sous-menu 8 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu8:hover { background-color: #265282; }
/* Spécificités des items du sous-menu 9 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu9 { background-color:#b8c53a; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #b8c538; border-right:1px solid #b8c538; left:-80px; }
/* Spécificités des items actifs du sous-menu 9 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu9:hover { background-color: #7f8535; }
/* Spécificités des items du sous-menu 10 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu10 { background-color:#04b3e8; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #04b3e8; border-right:1px solid #04b3e8; left:-80px; }
/* Spécificités des items actifs du sous-menu 10 */
ul#TopMainMenu li.CyimMenuItem ul li.ssmenu10:hover { background-color: #7f8535; }


/* Commun à tous les premiers items des sous-menus */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu1, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu1:hover, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu2, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu2:hover, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu3, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu3:hover, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu4, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu4:hover, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu5, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu5:hover, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu6, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu6:hover, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu7, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu7:hover, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu8, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu8:hover, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu9, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu9:hover, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu10, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu10:hover { padding-top:20px; background-image:url(/image/charte/imgVide.gif); background-repeat:no-repeat; background-position:top; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 1 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu1, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu1:hover { border-top:1px solid #909ab1; border-left:1px solid #909ab1; border-right:1px solid #909ab1; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 2 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu2, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu2:hover { border-top:1px solid #bfbbca; border-left:1px solid #bfbbca; border-right:1px solid #bfbbca; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 3 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu3, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu3:hover { border-top:1px solid #b5bbc9; border-left:1px solid #b5bbc9; border-right:1px solid #b5bbc9; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 4 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu4, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu4:hover { border-top:1px solid #e1dddb; border-left:1px solid #e1dddb; border-right:1px solid #e1dddb; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 5 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu5, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu5:hover { border-top:1px solid #dbeda6; border-left:1px solid #dbeda6; border-right:1px solid #dbeda6; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 6 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu6, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu6:hover { border-top:1px solid #e8aeab; border-left:1px solid #e8aeab; border-right:1px solid #e8aeab; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 7 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu7, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu7:hover { border-top:1px solid #dfe8ef; border-left:1px solid #dfe8ef; border-right:1px solid #dfe8ef; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 8 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu8, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu8:hover { border-top:1px solid #b9cde4; border-left:1px solid #b9cde4; border-right:1px solid #b9cde4; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 9 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu9, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu9:hover { border-top:1px solid #b8c538; border-left:1px solid #b8c538; border-right:1px solid #b8c538; }
/* Spécificité couleur de bordure pour le premier item du sous-menu 10 */
ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu10, ul#TopMainMenu li.CyimMenuItem ul li.hautssmenu10:hover { border-top:1px solid #04b3e8; border-left:1px solid #04b3e8; border-right:1px solid #04b3e8; }
/* Commun à tous derniers items des sous-menus */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu1, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu1:hover, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu2, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu2:hover, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu3, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu3:hover, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu4, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu4:hover, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu5, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu5:hover, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu6, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu6:hover, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu7, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu7:hover, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu8, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu8:hover, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu9, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu9:hover, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu10, ul#TopMainMenu li.CyimMenuItem ul li.basssmenu10:hover  { padding-bottom:18px; background-repeat:no-repeat; background-position:bottom; background-color:Transparent; margin:0; left:-1px; width:173px; text-indent:2px; border-top:1px solid #FFFFFF; border-bottom:0px; border-left:0px; border-right:0px; background-image:url(/image/charte/imgBasMenu1.gif); }
/* Spécificité de bordure pour le dernier item du sous-menu 1 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu1:hover { background-image:url(/image/charte/imgBasMenu1_actif.gif); }
/* Spécificité de bordure pour le dernier item du sous-menu 2 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu2 { background-image:url(/image/charte/imgBasMenu2.gif); }
/* Spécificité de bordure pour le survol du dernier item du sous-menu 2 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu2:hover { background-image:url(/image/charte/imgBasMenu2_actif.gif); }
/* Spécificité de bordure pour le dernier item du sous-menu 3 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu3 { background-image:url(/image/charte/imgBasMenu3.gif); }
/* Spécificité de bordure pour le survol du dernier item du sous-menu 3 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu3:hover { background-image:url(/image/charte/imgBasMenu3_actif.gif); }
/* Spécificité de bordure pour le dernier item du sous-menu 4 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu4 { background-image:url(/image/charte/imgBasMenu4.gif); }
/* Spécificité de bordure pour le survol du dernier item du sous-menu 4 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu4:hover { background-image:url(/image/charte/imgBasMenu4_actif.gif); }
/* Spécificité de bordure pour le dernier item du sous-menu 5 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu5 { background-image:url(/image/charte/imgBasMenu5.gif); }
/* Spécificité de bordure pour le survol du dernier item du sous-menu 5 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu5:hover { background-image:url(/image/charte/imgBasMenu5_actif.gif); }
/* Spécificité de bordure pour le dernier item du sous-menu 6 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu6 { background-image:url(/image/charte/imgBasMenu6.gif); }
/* Spécificité de bordure pour le survol du dernier item du sous-menu 6 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu6:hover { background-image:url(/image/charte/imgBasMenu6_actif.gif); }
/* Spécificité de bordure pour le dernier item du sous-menu 7 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu7 { background-image:url(/image/charte/imgBasMenu7.gif); }
/* Spécificité de bordure pour le survol du dernier item du sous-menu 7 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu7:hover { background-image:url(/image/charte/imgBasMenu7_actif.gif); }
/* Spécificité de bordure pour le dernier item du sous-menu 8 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu8 { background-image:url(/image/charte/imgBasMenu8.gif); }
/* Spécificité de bordure pour le survol du dernier item du sous-menu 8 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu8:hover { background-image:url(/image/charte/imgBasMenu8_actif.gif); }
/* Spécificité de bordure pour le dernier item du sous-menu 9 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu9 { background-image:url(/image/charte/imgBasMenu9.gif); left:-81px; }
/* Spécificité de bordure pour le survol du dernier item du sous-menu 9 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu9:hover { background-image:url(/image/charte/imgBasMenu9_actif.gif); left:-81px; }
/* Spécificité de bordure pour le dernier item du sous-menu 10 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu10 { background-image:url(/image/charte/imgBasMenu10.gif); left:-81px; }
/* Spécificité de bordure pour le survol du dernier item du sous-menu 10 */
ul#TopMainMenu li.CyimMenuItem ul li.basssmenu10:hover { background-image:url(/image/charte/imgBasMenu10_actif.gif); left:-81px; }