﻿/**************************************************************************************
    On définit ici la page modèle des différents portails du site
********************************************************************************************/

.bgBox{
	background:url(/image/Public/charte/bgContent.png) scroll;
	width:994px;
	background-repeat:no-repeat;
	margin:auto;
	height:auto;
	overflow:hidden;
	margin-top:-10px;
}
.bgPageBox{
	float:left;
	width:994px;
	background-image:url(/image/Public/charte/rightBottomForm.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.headerBox {
	width:990px;
	height:137px;
	float:left;
}
.headerBox a
{   display:block;
    width:800px;
    height:120px;
    float:left;
}
.headerBox a.bandeauLink
{   display:block;
    width:670px;
    height:120px;
    float:left;
}
.headerBox a.fmcLink
{    display:block;
     width:77px;
     height:60px;
     float:left;
    }
.headerBox a.snfgeLink
{    display:block;
     width:77px;
     height:60px;
     float:left;
    }
.headerBox .compteur
{   float:left;
    width:90px;
    height:38px;
    margin-top:45px;
    margin-left:-20px;
    text-align:center;
   /* padding:5px 0 0 0;*/
    }
    
.leftBox{
	float:left;
	width:238px;
	margin-top:102px;
	background-image:url(/image/Public/charte/bgMenuLeft.gif);
	background-position:top;
	background-repeat:repeat-y;
	margin-bottom:40px;

}	
.leftMenuBox{
	width:238px;
	float:left;
	background-image:url(/image/Public/charte/bgBottomMenuLeft.png);
	background-position:bottom;
	background-repeat:no-repeat;
}
.leftMenuBox .bgMenuBox{
	background-image:url(/image/Public/charte/bgTopMenuLeft.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:53px 0 40px 16px;
	width:222px;
	float:left;
}

.leftMenuBox .bgMenuBox ul{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
	margin-left:16px;
}

.leftMenuBox .bgMenuBox ul li
{
    margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;	
}
.leftMenuBox .bgMenuBox ul li a{
	margin:0;
	padding:0;
	color:#333333;
	display:block;
	height:20px;
	padding-top:6px;
	border-bottom:1px solid #f2f1ec;
	width:170px;
	text-decoration:none;
}

.leftMenuBox .bgMenuBox ul li a:hover{
	color:#e37241;
	font-weight:bold;
	width:185px;
	border-bottom:1px solid #e37241;
	text-decoration:none;

}
.leftMenuBox .bgMenuBox ul li.Active a
{   color:#e37241;
	font-weight:bold;
	width:185px;
	border-bottom:1px solid #e37241;
	text-decoration:none;
	display:block;
}
.leftMenuBox .lastCongres
{   
    height:20px;
    width:170px;
    clear:both;
    margin:0 0 15px 34px;
    }
.leftMenuBox .lastCongres a
{   color:#ffffff;
    text-decoration:none;
    }
 .leftMenuBox .lastCongres a:hover
{   color:#f2bc88;
    font-weight:bold;
    }
.contentBox{
	width:756px;
	float:left;
	_margin-left:-5px;	
	_height:300px;
	margin-top:-15px;
	}
.topMenu {
	width:756px;
	height:68px;
	float:left;
	background-position:top;
	position:relative;
}

.topMenu ul, .topMenu ul li{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}
.topMenu ul li.liEspaceCongressistes
{   margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
    background-image:url(/image/Public/charte/bgCongressiste.png);
    background-repeat:no-repeat;
    background-position:top left;
    height:48px;
    display:block;
     z-index:0;
	position:absolute;
	top:0;
	left:0;
    }

.topMenu ul li.liEspaceCongressistes a, .topMenu ul li.liEspaceCongressistesActive a
{ 
    width:200px;
    height:48px;
    display:block;
    }  
.topMenu ul li.liEspaceCongressistes a:hover {
    background-image:url(/image/Public/charte/bgCongressisteTopSelected.png);
    background-repeat:no-repeat;
    background-position:top left;
}	
	
.topMenu ul li.liEspaceCongressistesActive
{   margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
    background-image:url(/image/Public/charte/bgCongressisteTopSelected.png);
    background-repeat:no-repeat;
    background-position:top left;
    height:48px;
    display:block;
    z-index:0;
	position:absolute;
	top:0;
	left:0;

    } 
.topMenu ul li.liEspaceCongressistes ul, .topMenu ul li.liEspacePartenaires ul
{   display:none;
} 
    
.topMenu ul li.liEspacePartenaires
{  
    margin:0;
    padding:0;
    background-image:url(/image/Public/charte/bgPartner.png);
    background-repeat:no-repeat;
    background-position:top left;
    width:549px;
    height:48px;
    display:block;
    z-index:1;
    position:absolute;
    top:0;
    left:160px;
    }

.topMenu ul li.liEspacePartenaires a, .topMenu ul li.liEspacePartenairesActive a
{       width:250px;
    height:48px;
    display:block;
}

.topMenu ul li.liEspacePartenaires a:hover {
    background-image:url(/image/Public/charte/bgPartnerTopSelected.png);
    background-repeat:no-repeat;
    background-position:top left;
}

.topMenu ul li.liEspacePartenairesActive
{   margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
    background-image:url(/image/Public/charte/bgPartnerTopSelected.png);
    background-repeat:no-repeat;
    background-position:top left;
    display:block;
    width:549px;
    height:48px;
    z-index:1;
	position:absolute;
    top:0;
    left:200px;

   
    }
.topMenu ul li.liEspaceCongressistesActive ul
{   
    background-image:url(/image/Public/charte/bgCongressisteBottom.png);
    background-repeat:no-repeat;
    background-position:top left;
    width:749px;
    height:20px;
    color:#ffffff;
	font-size:10px;
	height:20px;

	}
.topMenu ul li.liEspacePartenairesActive ul
{   
    background-image:url(/image/Public/charte/bgPartnerBottom.png);
    background-repeat:no-repeat;
    background-position:top left;
    width:549px;
    height:20px;
    color:#ffffff;
	font-size:10px;
	height:20px;
	}
.topMenu ul li.liEspaceCongressistesActive ul, .topMenu ul li.liEspacePartenairesActive ul 
{   padding-left:10px;
    padding-top:2px;
    }
.topMenu ul li.liEspaceCongressistesActive ul li, .topMenu ul li.liEspacePartenairesActive ul li
{   color:#E08A17;
    display:inline;
}


.topMenu ul li.liEspaceCongressistesActive ul li a, .topMenu ul li.liEspacePartenairesActive ul li a
{   color:#fff;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
    display:inline;
    }
    
.topMenu ul li ul li.deconnexionLi2 a
{
	color:#000;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
    display:inline;
}
.topMenu ul li.liEspaceCongressistesActive ul li a:hover, .topMenu ul li.liEspacePartenairesActive ul li a:hover, .topMenu ul li ul li.deconnexionLi2 a:hover
{   color:#e37241;
	text-decoration:none;
	background-image:none;
}
.topMenu ul li.liEspaceCongressistesActive ul li.Active a, .topMenu ul li.liEspacePartenairesActive ul li.Active a
{   
	color:#f2b346;
}
    
    
.topMenu ul li ul li.deconnexionLi2
{
	color:#e08a17;
	position:relative; 
	right:20px; 
	top:50px; 
	left:505px;
	margin:0px; 
	float:inherit; 
	display:inherit
}

.filAriane{
	width:730px;
	height:21px;
	float:left;
	padding:10px 0 0 15px;
}
.filAriane a{
	color:#000;
	text-decoration:none;
	font-size:9px;
}
.filAriane a:hover{
	text-decoration:underline;
}
.filAriane a.selected{
	color:#e08a17;
	font-weight:bold;
	text-decoration:none;
}
.contentText{
	width:510px;
	float:left;
	border-right:1px solid #dfd4c2;
	padding:0 15px 15px 15px;
}
.bgPageBox .contentBox .contentForm .contentText .mModuleHtmlPublic .mArticle {clear:both;}
.rightBox {
	width:194px;
	float:left;
	padding:0 10px 0 10px;	
}
.rightBox .newsBox{
	background-image:url(/image/Public/charte/bgNewsBox.png);
	background-repeat:no-repeat;
	background-position:top;
	width:194px;
	padding:25px 0 5px 0;
}
.rightBox .newsBox .mSection .mCategoryTitle,
.rightBox .newsBox .mSection .mCreatedDate
{
    display:none;
}
.rightBox .newsBox .mSection a.mNewsTitle span
{
    color:#000;
    font-weight:bold;
    text-decoration:underline;
}
.rightBox .newsBox .mSection ul.mNewsList li 
{
    margin-bottom:25px;  
}
.rightBox .newsBox .mSection a.mNewsReadMore span
{
    color:#000;
    text-decoration:underline;
    font-size:9px; 
    float:right; 
}
.rightBox .newsBox .mSection a:hover 
{
    text-decoration:none;  
}
.rightBox .newsBox ul
{
    list-style:none;
}
.rightBox .newsBox .mSection h1
{   display:none;
    }
.rightBox .goToBox{	
	float:left;
	width:194px;
	margin:5px 0 5px 0;
	text-align:center;
}
.rightBox .goToBox a.couvJFHOD{
	margin:auto;
	padding:0;
	background-image:url(/image/Public/charte/couvertureJFHOD2012.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:112px;
	width:86px;
	display:block;
	cursor:pointer;
}
.rightBox .goToBox ul{
	padding: 0;
	margin: 6px 0 0 0 ;
	list-style-type: none;
	width:108px;
	float:left;
}
.rightBox .goToBox ul li{
	margin:0;
	padding:5px 0 0 0;
	list-style-type: none;
	list-style-image:url(/image/Public/charte/puce-verte.gif);
	list-style-position:inside;
}
.rightBox .goToBox a{
	color:#e37241;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}
.rightBox .goToBox a:hover{
text-decoration:underline;
}
.rightBox .partnetBox{
	background-image:url(/image/Public/charte/bgPartnerBox.png);
	background-repeat:no-repeat;
	background-position:top;
	height:180px;
	float:left;
	width:194px;
	margin:5px 0 5px 0;
}
	
.rightBox .programmeBox{
	background-image:url(/image/Public/charte/bgProgrammeBox.gif);
	background-repeat:repeat-y;
	background-position:left;
	width:194px;
	float:left;
	margin-bottom:10px;
}
.rightBox .programmeBox .top{
	background-image:url(/image/Public/charte/bgProgrammeTopBox.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.rightBox .programmeBox .bottom{
	background-image:url(/image/Public/charte/bgProgrammeBottomBox.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:25px 15px 10px 15px;
	min-height:50px;
}
.rightBox .programmeBox a
{
    font-weight:bold;}
.footerBox {
	width:978px;
	background-position:bottom;
	margin:auto;
	border-top:1px solid #dfd4c2;
	clear:both;
}
.footerBox ul
{
    margin:0;
    padding:0;
    list-style:none;
	color:#959595;
	font-size:0.9em;
	padding:10px 0 5px 0;
	text-align:center;
}
.footerBox ul li
{   margin:0;
    padding:0;
    list-style:none;
    display:inline;
    }
.footerBox ul li a{
	color:#959595;
	font-size:0.9em;
	text-decoration:none;
}
.footerBox ul li a:hover{
	text-decoration:underline;
}

a.print{
	display:block;
	color:#999999;
	width:500px;
	text-decoration:none;
	background-image:url(/image/Public/charte/picto-print.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	text-align:right;
	vertical-align:middle;
	padding-right:20px;
	line-height:30px;
	margin-bottom:-30px;
	display:none;

}
a.print:hover{
	text-decoration:underline;
}

ul.Tools
{   margin:0;
    padding:0;
    list-style:none;
    list-style-image:none;
	width:500px;
	height:30px;
	display:block;
    position:absolute;
    top:235px;
    }
ul.Tools li
{    margin:0;
    padding:0;
    list-style:none;
    list-style-image:none;
    display:block;
    position:absolute;
    right:0;
       top: -25px;
    }
ul.Tools li.mPrint a
{  display:block;
    color:#999999;
    text-decoration:none;
	background-image:url(/image/Public/charte/picto-print.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	text-align:right;
	vertical-align:middle;
	line-height:30px;
	padding-right:20px;
    }
ul.Tools li.mPrint a:hover
{   text-decoration:underline;}

ul.Tools li.mSendToFriend, ul.Tools li.mPdf{display:none;}
/*****************************
    Print
******************************/
.logoPrintBox{display:none;}


/************* congres A a Z ********/
.contentText .congresAZ h1 {
    border-bottom:1px solid #dfd4c2;
    border-top:none;
    list-style:none;
    font-weight:bold;
    color:#be3127;   
}

/******* connexion rapide / creer compte (bandeau droit) ********/
.rightBox .inscriptionBox form
{
    border:1px solid #e1a399;
    background-color:#eae8e1;
    padding:5px;
}
.rightBox .inscriptionBox input#LoginInput,
.rightBox .inscriptionBox input#PasswordInput {
    border:1px solid #b2b2b2;
    width:140px;
    color:#777777;
    font-size:11px;
    height:15px;
    margin-bottom:2px;
}
ul.formConnexionRapide 
{
   margin:3px 0 0 0;
}
.rightBox .inscriptionBox h3 
{
    margin:0;   
}
.rightBox .inscriptionBox dl 
{
    float:left;   
}
.rightBox .inscriptionBox input.submit
{
    background:transparent url(/image/home/buttonOK.jpg);
    background-repeat:no-repeat;
	width:26px;
	height:22px;
	font-size:12px;
	color:#ffffff;
	border:none;
	float:right;
	margin-top:27px;
	padding:0 0 3px 2px;
	margin-bottom:20px;
	margin-right:5px;
}
.rightBox .inscriptionBox form a 
{
    font-size:10px;
}
.rightBox .inscriptionBox a.Adherer  
{
    background-image:url(/image/public/charte/buttonCreer.gif);
	background-repeat:no-repeat;
	color:#ffffff;
	display:inline-block;
	width:130px;
	height:22px;
	padding-top:2px;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	margin:15px 0 0 27px;  
}
.rightBox .inscriptionBox .creerCompte
{
    height:50px;
    margin:0 0 10px 0;  
    border:1px solid #e1a399;
    background-color:#eae8e1;  
}
/*********** page inscription **************/
.mArticle .mHtmlContent .attention
{
    float:left;
    margin-bottom:10px;
    padding:4px;
    width:470px;
    background-color:#fcf2ef;
    color:#e72826;
    font-weight:bold;
}

.mArticle .mHtmlContent .attention span { color: #000; }

.mHtmlContent ul
{
    margin-left:30px;   
}
.mArticle .mHtmlContent .flechCreer 
{
    float:right;
    height:60px;
    width:30px;
    background:transparent url(/image/public/charte/flechCreer.gif) no-repeat right 10px;
}
/**** mot passe oublié ****/
.mSendPassword ul
{
    list-style:none;
    float:left;
}
.mSendPassword dt label
{
    width:150px;
}
.mSendPassword input 
{
    margin-top:5px;   
}

/********* inscription groupe ***********/

.rightBox .inscriptionGroupeBox{
	background-image:url(/image/Public/charte/bgInscriptionBox.gif);
	background-repeat:repeat-y;
	background-position:left;
	width:195px;
	margin-top:15px;
}
.rightBox .inscriptionGroupeBox .top{
	background-image:url(/image/Public/charte/bgInscriptionTopBox.gif);
	background-repeat:no-repeat;
	background-position:top;
}
.rightBox .inscriptionGroupeBox .bottom{
	background-image:url(/image/Public/charte/bgInscriptionBottomBox.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:35px 10px 10px 10px;
	min-height:50px;
}

/******** inscription congrès (iframe) *******************************/
.InscriptionCongresForm form#InscriptionCongresForm
{
    padding:5px;
    border:1px solid #BE659E;
    background-color:#F7EBF3; 
}
.InscriptionCongresForm form#InscriptionCongresForm dl dt 
{
    width:120px;
    margin-left:100px;   
}
.InscriptionCongresForm form#InscriptionCongresForm dd input 
{
    border:1px solid #CF8DBD;
    color:#777777;
    font-size:11px;
    font-family:Verdana;
    height:15px;
}
.InscriptionCongresForm form#InscriptionCongresForm dd 
{
   margin-bottom:3px; 
}
.InscriptionCongresForm form#InscriptionCongresForm input#InscriptionInput,
.InscriptionCongresForm form#InscriptionCongresForm input#EditInput
{
    background-color:#571F59;
    border:none;
    color:White;
    font-size:12px;
    padding:2px 6px; 
    margin-top:10px;  
}
.InscriptionCongresForm form#InscriptionCongresForm input#InscriptionInput 
{
   margin-left:121px; 
}

/*****************************
    chargement formulaire
*******************************/
.AjaxLoading {
                background-image: url(/image/Admin/ajaxLoading.gif);
                background-position: 125px;
                background-repeat: no-repeat;
                width: 80%;
                height: 32px;
                padding-left: 38px;
                padding-top: 10px;
                font-size: 9px;
                font-weight: bold;
                margin-left: 20px;
}

.mForgotPassword #mHead .mSendPassword .mOr { display: none; }

p.error { color: #BF0008; font-weight: bold; }

#navbar li.liEspaceCongressistesActive .deconnexionLi { display: block; float: right; margin-right:20px; }

#passwordForm .Actions .mSend .Button 
{
    background-color:#571F59;
    border:medium none;
    color:#FFFFFF;
    margin-top:3px;
    padding:2px;
}

#passwordForm .Actions { list-style-type:none; }

.rightBox .invitesBox{
	background-image:url(/image/Public/charte/titre_invites.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:162px;
	padding:15px 10px 10px 10px;
	margin-top:10px;
	min-height:20px;
}

.rightBox .organisatriceBox{
	background-position:top left;
	background-repeat:no-repeat;
	width:162px;
	padding:15px 10px 10px 10px;
	margin-top:10px;
	min-height:20px;
}

.rightBox .invitesBox .title{
	color:#e37241;
	font-weight:bold;
}

.rightBox .organisatriceBox .title{
	color:#e37241;
	font-weight:bold;
}
