/**************************************************/
/**********          Général             **********/
/**************************************************/
body 
{
	font-family: Verdana, Arial, Geneva, sans-serif;
    color: Black;
    font-size: 0.8em;
    margin: 0.4em auto;
    background-color: White;
    width: 985px; /* Taille 1024px */
}
h1
{
    font-size: 0.813em;
    color : #003399;
}
h2
{
	color:White;
	font-size:1em;
	margin:0px;
}
input
{
	font-family: Verdana, Arial, Geneva, sans-serif;
    color: #000000;
  /*  font-size: 0.75em; */
}
select
{
	font-family: Verdana, Arial, Geneva, sans-serif;
    color: #000000;
   /* font-size: 0.75em;*/
}

a
{
	color: #003398;
}

.visuallyHidden {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/**************************************************/
/**********          FieldLabel          **********/
/**************************************************/
.fwkFieldLabel
{
	color: Black;
	text-align: left;
	font-weight: bold;
	font-size:0.85em;
}
.fwkFieldLabelRequired
{
	color: #C00000;
	font-weight: bold;
}

.fwkFieldLabelErreur
{
	color: #CC0000;
	font-weight:bolder;
	/*font-size:0.85em;*/
	display:block;
}

.fwkFieldLabelErreur p
{
	margin:0px;
}

/**********************************************/
/**********          Captcha         **********/
/**********************************************/

.fwkCaptcha p
{
	margin:0px;
}

/**********************************************/
/**********          Footer          **********/
/**********************************************/
.fwkFooter
{
	overflow: hidden;
	color: #666;
	padding-top:20px;
}
.fwkFooter img
{
	border:0;
}

.fwkFooter a
{
	color: #336699;
    font-size:0.87em;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}

.fwkFooter ul
{
	list-style:none;
	padding-left:10px;
	padding-right:10px;
	margin:0;
	list-style-type:none;
	text-align: center;
}

.fwkFooter li
{
	display:inline;
	border-right:1px solid #666;
	margin-top:4px;
}

.fwkFooter li a
{
	padding: 0px 7px 0px 7px;
}

.fwkFooter ul li.dernier {
	border-right: none;
}

.fwkFooter p.logo {
	text-align: center;
	clear: both;
	margin: 0;
	padding: 5px 0px;
}

.fwkFooterUl li
{
	display:list-item;
	border-style:none;
}

/***************************************************/
/**********          UserProfile          **********/
/***************************************************/
.fwkUserProfile
{
	background-color: transparent;
	color:White;
    padding-left:3px;
}

.fwkUserProfile img
{
	padding-left:3px;
	padding-right:3px;
	vertical-align:middle;
}

.fwkUserProfile a
{
	color:White;
	padding-right:3px;
}

.fwkUserProfile span
{
	vertical-align:bottom;
}

/***************************************************/
/**********          MessageZone          **********/
/***************************************************/
.messageZone
{
	color:Black;
}

.messageZoneEntete
{
	display:table;
	background-color:#D7E3F0;
	border-bottom: 1px solid darkgray;
	height:20px;
}

.messageZoneEnteteGauche
{
	display:table-cell;
	text-indent:3px;
	vertical-align:middle;
	width:100%;
}

.messageZoneEnteteDroit
{
	display:table-cell;
/*	direction:rtl;*/
	vertical-align:middle;
	min-width:35px;
}
.messageZoneEntete img
{
	border:0px;
	margin-right:3px;
	vertical-align:text-bottom;
}

.messageZoneEnteteDroit input
{
	padding-top:4px;
	padding-left:2px;
}

.messageZoneCorps
{
	display:table;
	background-color:#ECEBF0;
	border-bottom: 1px solid darkgray;
}

.messageZoneCorpsImg
{
	display:table-cell;
	vertical-align:middle;
	padding :5px;
}

.messageZoneCorpsText
{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding :10px 5px;
}
.messageZoneCorpsText ul
{
	margin:0px;
}

/*****************************************************/
/**********          PaginatorBase          **********/
/*****************************************************/
.fwkPaginatorBase
{
	color:Black;
}

.fwkPaginatorBase img
{
	border:0px;
}

.fwkPaginatorNumPage
{
	font-weight:normal;
}
.fwkPaginatorNumPage span
{
	font-weight:bold;
}
.fwkPaginatorSpanDeA
{
	padding-right:0px;
}

.fwkPaginatorBase ul
{
	list-style:none;
	margin:0;
	list-style-type:none;
	display:inline;
	padding-left:20px;
}

.fwkPaginatorBase li
{
	display:inline;
}

/**********************************************/
/**********          Header          **********/
/**********************************************/
.fwkHeader {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100px;
	display:table;
}
.fwkHeader img {
	border:0px;
}

.fwkHeaderGauche {
	width: 190px;
	float: left;
	padding-top: 37px;
	text-align: right;
	margin-top: -1px\9; /* Seulement IE9 et moins */
}

.fwkHeaderDroite {
	width: 795px; /* Taille 1024px */
	background-color: #003399;
	float: left;
	font-size: 0.7em;
}
.fwkHeaderDroite a {
	text-decoration: none;
	color: white;
	/*letter-spacing: -0.05em;*/
}
.fwkHeaderDroite a:focus {
	background-color: #336699;
}
.fwkHeaderDroite a:active {
	background-color: #336699; /* Seulement IE9 et moins */
}

.fwkHeaderDroiteSansLogo {
	width: 100%;
	background-color: #003399;
	float: left;
	font-size: 0.7em;
}
.fwkHeaderDroiteSansLogo a {
	text-decoration: none;
	color: white;
	letter-spacing: -0.05em;
}
.fwkHeaderDroiteSansLogo a:focus {
	background-color: #336699;
}
.fwkHeaderDroiteSansLogo a:active {
	background-color: #336699; /* Seulement IE9 et moins */
}

.fwkHeaderBanniere {
	background-color: white;
	text-align: right;
	padding: 0;
	margin: 0;
}

.fwkHeader ul {
	margin: 0;
	padding: 2px 0px 0px 46px;
	height: 15px;
}
.fwkHeader ul li {
	margin: 0;
	float: left;
	display: inline;
	padding-right: 15px;
	list-style-type: none;
}
.fwkHeader ul li.droite {
	float: right;
	margin: 0;
}
.fwkHeader ul li.self {
	/*padding-right: 16px;*/
}
.fwkHeader ul li a:visited {
	color: white;
}

/**************************************************/
/**********          Menu                **********/
/**************************************************/

/* --------------------------------------- 
	MenuPrincipal       
   -------------------------------------- */
.fwkMenuPrincipal 
{	
	width: 100%;
	background-color:#002062; 
	display:inline-table;
	min-height:22px;
}

/* Menu principal*/
.mainMenu {
    line-height:22px;
}

/* Sous-menu */
.navMenu {
    background-color: #002062;
    border-right:1px solid;
	border-color: #CCCCCC;
    display: none;
    position: absolute;
    width: 190px; 
}

/* Position des sous-sous-menu*/
.navMenu .navMenu {
    top: -1px;
    left: 179px;
}
/* Premier niveau du menu */
.mainMenu, .navMenu {
    margin: 0;
    padding: 0;
}

/* Items du menu principal */
.mainMenu li {
    border-right: 1px solid #557099;
    display: block;
    float: left;
    list-style-type: none;
    position: relative;
    width:auto;
}

/* items du sous-menu ouvert */
.navMenu li {
    border-color: #CCCCCC;
	background-color: #002062;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: 0;
    white-space: normal;
    width: auto;
}

/* Items du menu principal */
.mainMenu li a, .mainMenu li a:link, .mainMenu li a:visited  {
    background-color: transparent;
    color: #ffffff;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none !important;
}
/* Lien actif du menu principal */
.mainMenu li a:hover, .mainMenu li a:active, .mainMenu li a:focus, .mainMenu li a.activeItem {
    background-color: #BCC8D8 !important;
    color: #003398;
}

.navMenu li a {
    display: block;
    margin-bottom: 0 !important;
    width: 100%;
}
html > body .navMenu li a {
    width: auto;
}

.navMenu .hasSubMenu {
    background-image: url(../Images/fwkPgSuivant_d.gif);
    background-position: right center;
    background-repeat: no-repeat;
}
.hasSubMenuActive {
    background-color: #BCC8D8 !important;
    color: #003398 !important;
}
/* Border sur le sous-menu */
.mainMenu .showMenu 
{
	border:1px solid #CCCCCC;
}
/* Border sur le sous-sous-menu */
.navMenu .showMenu 
{
	border:1px solid #CCCCCC;
}
.showMenu {
    display: block !important;
}

.menuContainer
{
	min-height:22px;
	float:left;
}

/* --------------------------------------- 
	Pour afficher le profil avec la barre 
    de menu, à droite       
   -------------------------------------- */
.fwkMenuSectionProfil
{
	display:table-cell;
	padding-bottom:2px;
	text-align:right;
	float:right;
}

/**************************************************/
/**********          Action Button       **********/
/**************************************************/

.fwkActionButtonDis
{
	font-family: Verdana, Arial, Geneva, sans-serif;
    vertical-align: middle;
    text-decoration: none;
    line-height: 20px;
    border:0px;
}

.fwkActionButtonDis img
{
	filter:alpha(opacity=35);
	opacity:0.35;
	padding-right: 4px;
	vertical-align: middle;
}

.fwkActionButton
{
	font-family: Verdana, Arial, Geneva, sans-serif;
	vertical-align: middle;
	text-decoration: none;
	cursor:pointer;
	color: #003398;
	background-color:transparent;
	line-height: 20px;
	border:0px;
}
.fwkActionButton img
{
	padding-right:4px;
	vertical-align:middle;
	border:0px;
}
/*******************************************/
/**********          Grille       **********/
/*******************************************/
/*----------------------------------
 Grille - GridView
----------------------------------*/
.mcoGrille { 
	background-color: #FFFFFF; 
	cursor: default;
	color: Black;
	border: 1px solid #B0B0B0;
	text-indent: 2px;
	border-collapse:collapse;
	border-spacing:0px;
	}

.mcoGrilleVideTexte {
	color: Black;
	height: 40px;
	background-color: #ecebf0;
	padding-top:10px;
}

.mcoGrilleCentrer 
{
	text-align:center;
}

.mcoGrille td,
.mcoGrille th
{
	border-style:solid;
	border-width:1px;
}

/*----------------------------------
 Colonnes (Heading)
----------------------------------*/
.mcoGrilleHeadingCell { 
	background-color: #BCC8D8;
	border-bottom: 1px solid Gray;
	padding: 3px;
	height: 22px;
}
.mcoGrilleHeadingCell a 
{ 
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
	color: Black;
}

/*----------------------------------
 Lignes (Row)
----------------------------------*/
.mcoGrilleRow {background-color: White;}
.mcoGrilleAlternateRow { background-color: #DCDCDC; }/* C'est la même couleur que Gainsboro*/
.mcoGrilleSelectedRow { background-color: #C6C6C6; }

/*----------------------------------
 Boutons d'action
---------------------------------- */

.mcoBoutonGrille
{
	cursor:pointer;
	text-align: center;
}

/*----------------------------------
 Pied de grille
----------------------------------*/
.mcoGrilleBarreAction 
{
	border-bottom: 1px solid #B0B0B0;
	border-top: 1px solid #B0B0B0;
	background-color: #BCC8D8;
	color: Black;
	display:table;
	height:26px;
	line-height: 26px;
	text-indent: 3px;
	vertical-align: middle;
	width:100%;
}
.mcoGrilleBarreActionPaginator
{
	display:table-cell;
	border-left:1px solid #B0B0B0;
}
.mcoGrilleBarreActionBouton
{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	border-right:1px solid #B0B0B0;
}

/* Pour cacher le "caption" de la grille */
Caption
{
	display:none;	
}

/***************************************************/
/**********          Entete Section       **********/
/***************************************************/
.mcoEnteteSection
{
	display:table;
	border-bottom: 1px solid darkgray;
	height:20px;
	width:100%;
	padding-top:20px;

}
.mcoEnteteSectionBar
{
	/* height:20px; */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#335C9A', endColorstr='#5275A8', GradientType=1)";
	background-image: linear-gradient(to right, #335C9A, #5275A8);/* ie 6+ */
	}
.mcoEnteteSectionBarGauche
{
	display:table-cell;
	background-image:url('../Images/mcoTitreSectionCoin.gif');
	background-repeat:no-repeat;
	height:20px;
	width:100%;
	vertical-align:middle;
}

.mcoEnteteSectionBar .mcoEnteteSectionBarGauche
{
    width:0px;
}

.mcoEnteteSectionBarGauche h2
{
	padding-left:6px;
/*	padding-top:2px;
	vertical-align:middle;*/
}

.mcoEnteteSectionBarDroite
{
	display:table-cell;
	/*text-indent:3px;*/
	/*vertical-align:middle;*/
	height:20px;
	min-width:35px;
}

.mcoEnteteSectionBarDroite h2
{
    margin:5px;
}

.mcoEnteteSectionBarDroite img
{
	padding-right:3px;
	padding-top:3px;
	vertical-align:middle;
}

.mcoEnteteSectionBarDroite input
{
	padding-top:4px;
}

.mcoEnteteSectionMessage
{
	color: black; 
	background-color: #ecebf0;
	border-bottom: 1px solid darkgray;
	border-left: 1px solid #C8D4E4;
	display:inline-table;
	font-size: x-small;
	width:inherit;
	padding-top:2px;
	padding-bottom:2px;
	border-left: 1px solid #C8D4E4;
}
.mcoEnteteSectionMessage span
{
	padding-left:5px;
}

.CursorPointer
{
	cursor:pointer;        
}
.mcoConteneurMsg
{
	width:100%;
	display:table;
}

.mcoConteneurMsgMarges
{
	margin-top:10px;
	margin-bottom:10px;
}

.mcoConteneurMsgGauche
{
	border-left: 1px solid #C8D4E4;
	display:table-cell;
	vertical-align:middle;
}
.mcoConteneurMsgGauche img
{
	padding:30px;
}
.mcoConteneurMsgDroite
{
	display:table-cell;
	width:100%;
	vertical-align:bottom;
}
.mcoConteneurMsgDroite #divBoutons
{
	text-align:right;
	background-color:#ECEBF0;
	border-style:solid none;
	border-width:1px 0;
	border-color:#A9A9A9; /* darkgray est la meme couleur que #A9A9A9 */
	padding-top:3px;
	padding-bottom:3px;
	min-height:20px;
}
.mcoConteneurMsgDroite p
{
	padding-bottom:12px;
}
.mcoConteneurMsgUnique
{
	border-left: 1px solid #C8D4E4;
	display:table-cell;
	padding-top:10px;
	padding-left:10px;
	width:100%;
}

.espaceBas 
{
	padding-bottom:10px;
}

.mcoConteneurMsgUnique label
{
	display:block;
	padding-top:10px;
	width:100%;
}

.mcoConteneurMsgUnique #divBoutons
{
	text-align:right;
	background-color:#ECEBF0;
	border-style:solid none;
	border-width:1px 0;
	border-color:#A9A9A9; /* darkgray est la meme couleur que #A9A9A9 */
	padding-top:3px;
	padding-bottom:3px;
	min-height:20px;
}
.mcoConteneurMsgUniqueBoutons
{
	text-align:right;
	background-color:#ECEBF0;
	border-style:solid none;
	border-width:1px 0;
	border-color:#A9A9A9; /* darkgray est la meme couleur que #A9A9A9 */
	padding-top:3px;
	padding-bottom:3px;
	min-height:20px;
}

/* ------------------- */
/* Sections            */
/* ------------------- */
.mcoSectionTitre
{
	color:White;
	font-weight:bold;
	background-color:#335C9A;
	background-image:url(../images/mcoTitreSection.gif);
	background-position:right top;
	background-repeat:repeat-y;
	padding-bottom:1px;
	height: 20px;
}
.mcoSectionBouton
{
	cursor:pointer;
}
.mcoSectionTitreCoin
{
	vertical-align: top;
	text-align: left;
	background-color:#335C9A;
}
.mcoSectionMessage { 
	color: black; 
	background-color: #ecebf0;
	border-bottom: solid 1px darkgray;
	border-left:solid 1px #C8D4E4;
	text-align:left;
	font-size: x-small; 
	height: 16px;
}
/*
.mcoSectionContenu
{
	padding-left:5px;
	padding-top: 2px;
	border-left:solid 1px #C8D4E4;
}
*/
.mcoChampOblig
{
	color: #C00000;
}
/* ------------------- */
/* Barre de boutons    */
/* ------------------- */
/*
.mcoBarreBouton {
	border: 0px;
	border-top: solid 1px #B0B0B0;
	border-bottom: solid 1px #B0B0B0;
	background-color: #ecebf0;
	padding-right: 0px;
	height: 28px;
	padding-top: 2px;
	text-align: right;
}
*/

.messageSessionExpiree
{
    margin-left:25px;
}

.iconeMessage
{
    float:left; 
    margin:10px;
    min-height:10em; 
}