html, body, form 
{
	margin: 0px;
	/*height: 100%;*/
	background-color: #FAFAFC;
	/*font-family: Verdana,Arial,Helvetica,sans-serif;*/
	/*font-size: 12px;*/
	font-family: Corbel,Calibri,Helvetica,sans-serif;
	font-size: 16px;
}

body
{
	padding-bottom: 100px;
}

input, select, textarea
{
	font-family: Corbel,Calibri,Helvetica,sans-serif;
	font-size: 16px;
}

a
{
	/*color: #203F80;*/
	color: #555;
	text-decoration: none;
}

a img {
    vertical-align: bottom;
}

a:hover
{
	color: #E50D4E;
	text-decoration: none;
}

a:visited {
    color: #555;
    text-decoration: none;
}

a img 
{
	border: none;
}

.pnlDerniereMaj {
	margin-top: 20px;
}
/* Chargement*/
#divChargement
{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: auto;
	opacity: 0;
	z-index: 1000;
}
div.cacherProgressionFond, div.cacherProgressionTexte
{
	display:none;
}

div.montrerProgressionFond
{
	position:fixed;
	z-index:1010;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#333;
	-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
}
div.montrerProgressionTexte
{
	position:fixed;
	z-index:1020;
	top:220px;
	left:40%;
	padding:50px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-style:italic;
}
/* Zone fixe */
#zoneFixe 
{
	position: fixed;
	z-index: 900;
	min-width: 100%;
	background-color: #FAFAFC;
}

/* Menu */

#zoneMenu 
{
	margin: auto;
	height: 50px;
	border-bottom: 2px solid #E50D4E;
	background-color: #fff;
}

#zoneMenu #conteneurMenu
{
	width: 80%;
	margin: auto;
    min-width:1200px;
}

#zoneMenu ul 
{
	float: left;
	list-style: none;
	text-align: left;
	margin: auto;
	padding: 0px;
}

#zoneMenu ul li 
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
}

#zoneMenu ul li:first-child 
{
    line-height: 50px;
}

#liMenuLogo 
{
	padding-top:2px;
}

#zoneMenu ul li a 
{
	display: block;
	line-height: 50px;
}

#zoneMenu ul li.on a 
{
	display: block;
	line-height: 50px;
	color: #E50D4E;
	font-weight: bold;
}

#zoneMenu ul li.on
{
	background: #EEE url("../images/icoMenuOn.gif") no-repeat bottom center;
}

#zoneMenu ul li a img 
{
	margin-top: 6px;
}

#zoneMenu #compte 
{
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	height: 30px;
	line-height: 30px;
	background-color: #E50D4E;
	font-size: 90%;
    margin-top:10px;
}

#zoneMenu #compte div.nom
{
	display: inline-block;
	max-width: 175px;
	overflow: hidden;
	white-space: nowrap;
}

#zoneMenu #compte a 
{
	color: #fff;
}

#zoneMenu #compte a:hover 
{
	color: #555;
}

#zoneMenu #compte div.btn
{
	display: inline-block;
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
}

/* Zone principale */

#zonePrincipale 
{
	top: 60px;
	position: relative;
	padding-top: 5px;
	background-color: #FAFAFC;
}

#conteneurSite 
{
	margin: 0px auto;
	width: 80%;
	overflow: visible;
	border: 0px solid red;
    min-width:1200px;
}

#EnteteFiche
{
	position: relative;
	width: 100%;
	padding-top: 10px;
	background-color: #FAFAFC;
}
div.EnteteFiche{
    text-align:right;
}

#ContenuFiche
{
	position: relative;
}

/* Fenêtre de sélection d'un objet ----------------------------------------------------- */
div.CadreSelect {
    padding: 10px;
    margin: 10px 0px 0px 0px;
    background-color: #fffdfa;
    border: solid 2px #E50D4E;
    font-size: 90%;
}
/* Général ---------------------------------------------------------------------------------------- -------*/

.Right
{
	text-align:right;
}

.Center
{
	text-align:center;
}

.Obs
{
	color: #666;
	font-style: italic;
}

.Petit
{
	font-size: 90%;
}

.TresPetit
{
	font-size: 85%;
}

h4
{
	margin: 5px;
	margin-top: 0px;
	font-size: 120%;
}

h5
{
	margin: 15px 0px 5px 0px;
	font-size: 100%;
}

h1.TitrePage
{
	margin: 5px 5px;
	max-height: 32px;
	min-height: 32px;
	overflow-x: hidden;
	overflow-y: hidden;
	font-size: 0.9em;
}
h1.TitrePage a
{
	/*font-weight: normal;
	color: #555;*/
}
h1.TitrePage a:hover
{
	color: #E50D4E;
}
h1.TitrePage .chevron
{
	font-weight: normal;
	color: #555;
}
h1.TitrePage .libTitrePage
{
	
}

.retourHaut {
	position: fixed;
	bottom: 0px;
	right: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: none;
}

.Libelle
{    
	font-style: italic;
	color: #444;
}

.icoGo
{
	margin-left: 10px;
	vertical-align: middle;
}

ul.menuNiveau1
{
	list-style-image: url(../images/puceNiveau1.png);
}
ul.menuNiveau1 li
{
	padding: 4px 0px;
}

/* MsgBox ------------------------------------------------------------------------------------------------- */
div.msgbox
{
	margin: 20px;
	border: 0px solid #AAA;
}
div.msgbox div.titre
{
	padding: 2px 5px;
	color: #333;
	font-style: normal;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #CCC;
}
div.msgbox div.picto
{
	padding: 10px;
	float: left;
}
div.msgbox div.message
{
	margin: 30px 10px 30px 100px;
	padding: 0px;
	color: #333;
	font-style: normal;
	font-size: 110%;
}
div.msgbox div.bouton
{
	margin: 0px 10px 20px 100px;
}
div.msgbox div.bouton input
{
	margin: 0px 5px 0px 0px;
	padding: 2px 25px;
	min-width: 60px;
	color: #333;
	font-size: 100%;
}

/* MsgAide ------------------------------------------------------------------------------------------------- */
div.MsgAide {
    margin: 5px 0px;
    padding: 5px 5px 5px 25px;
    color: #666;
    font-style: italic;
    background: #ffffdf url('../images/icoHelp.png') no-repeat 2px 4px;
    border: 1px dotted #CCC;
}
div.MsgAide ul
{
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

 /********* EnTete Fiche (boutons 'Ajouter' ou 'Enregistrer, Supprimer, Fermer') *******/
div.btnCommand
{
	margin: 0px 0px 7px 0px;
	padding: 0px 5px;
	float: right;
}
div.btnCommand a
{
	margin: 0px 0px 0px 15px;
	padding: 0px;
	display: inline;
}
    div.btnCommand a:hover {
        color: #E50D4E;
    }

div.sousMenu
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
div.sousMenu a
{
	margin: 0px;
	padding: 0px 5px;
	font-size: 80%;
}
    div.sousMenu a:hover, div.sousMenu a:hover a:visited {
        color: #E50D4E;
    }
div.sousMenu a:visited
{
	color: #555;
}
div.AnimeMsg 
{
	margin: 0px;
	padding: 2px 0px;
	float: right;
}
div.AnimeMsg span.ok
{
	font-weight: bold;
	font-style: normal;
	color: Green;
	padding: 0px 0px 0px 20px;
	background: url('../images/icoChecked.gif') no-repeat top left;
}
div.AnimeMsg span.ko
{
	font-weight: bold;
	font-style: normal;
	color: Red;
	padding: 0px 0px 0px 20px;
	background: url('../images/icoError.gif') no-repeat top left;
}
div.AnimeMsg span.supp
{
	font-weight: bold;
	font-style: normal;
	color: Red;
	padding: 0px 0px 0px 20px;
	background: url('../images/icoUnchecked.gif') no-repeat top left;
}
 /********* Formulaire de recherche ***************************************************/
div.pnlRecherche
{
	margin: 0px 0px 5px 0px;
	padding: 5px 5px;
	background-color: #EEE;
	border: 1px solid #DDD;
}
div.pnlRecherche input, div.pnlRecherche select
{
	font-size: 90%;
}
div.LigneCritereRecherche
{
	padding: 2px 0px;
}
div.pnlRecherche span.libelle, div.pnlRecherche td.libelle
{
	font-size: 90%;
	font-style: italic;
	color: #333;
}
div.pnlRecherche span.saisie, div.pnlRecherche td.saisie
{
	padding: 1px 10px 1px 2px;
}

div.pnlRecherche span.typeRecherche
{
	width: 96px;
	display: inline-block;
	white-space: nowrap;
	font-size: 90%;
	text-align: right;
	color: #003399;
	font-style: italic;
	cursor: pointer;
}
    div.pnlRecherche span.typeRecherche:hover {
        color: #E50D4E;
    }
div.VueGrilleSelection
{
	width: 160px;
	text-align: right;
	padding: 2px 8px 2px 8px;
	margin: 10px -6px 0px 0px;
	float: right;
	/*border-style: solid;
	border-width: 1px;
	border-color: #DDD #FAFAFC #FAFAFC #DDD;
	background: #FAFAFC;*/
}
div.VueGrilleSelection span
{
	font-size: 90%;
	color: #003399;
	font-style: italic;
	cursor: pointer;
}
    div.VueGrilleSelection span:hover {
        color: #E50D4E;
    }
input.ButtonSearch
{
  width:100px;
  text-align:center;
}

 /********* GridView de Sélection ***************************************************/
div.pnlSelection
{
	height: 100%;
	min-height: 70px;
	width: 100%;
}
div.pnlSectionDetail div.pnlSelection
{
	overflow: visible;
}
table.grilleSelection
{
	border-width: 0px;
	border-style: solid;
	background-color: #AAA;
	margin: 5px 0px 0px 0px;
    width:100%;
    overflow:auto;
}
table.grilleSelection tr
{
	background-color: #FFF;
}
table.grilleSelection tr:hover
{
	background-color: #EEE;
}
table.grilleSelection th
{
	padding: 1px 5px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #AAA;
	background-color: #EEE;
	font-weight: bold;
	font-style: normal;
	font-size: 0.9em;
	color: #555;
}
table.grilleSelection th.ordre
{
	border-width: 1px 0px 1px 0px;
	border-color: #FAFAFC;
	background-color: #FAFAFC;
}    
table.grilleSelection td
{
	padding: 2px 5px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #CCC;
}
table.grilleSelection td.ordre
{
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	background-color: #FAFAFC;
}
table.grilleSelection td.ordre div.icone
{
	text-align: center;
}
table.grilleSelection td.reduit
{
	padding: 0px 5px;
	font-size: 11px;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	border-color: #CCC;
}
table.grilleSelection td.centre
{
	text-align: center;
}
table.grilleSelection td.numeric
{
	text-align: right;
}
table.grilleSelection td.select
{
	padding: 2px 0px;
	background-color: #EEE;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #CCC;
	text-align:center;
}
table.grilleSelection td.obs
{
	font-size: 90%;
	font-style: normal;
	color: #666;
}
table.grilleSelection td.LienTimide a
{
	color: #003399;
}
    table.grilleSelection td.LienTimide a:hover {
        color: #E50D4E;
    }
table.grilleSelection td.LienTimideSorti a
{
	color: #6699CC;
}
    table.grilleSelection td.LienTimideSorti a:hover {
        color: #E50D4E;
    }
table.grilleSelection td.insecable {
	white-space: nowrap !important;
}
table.grilleSelection td.nowrap
{
	white-space: nowrap;
}
table.grilleSelection td.wrap
{
	white-space: normal;
}
table.grilleSelection .hidden
{
	display: none;
}
table.grilleSelection tr.empty td
{
	padding: 2px 5px;
	border: 0px;
	font-style: italic;
	color: #666;
}
table.grilleSelection tr.pager
{
	background-color: #EEE;
}
table.grilleSelection tr.pager table
{
	margin: 0px 0px 0px 20px;
}
    table.grilleSelection tr.pager td {
        padding: 1px 5px;
        border-width: 0px;
        background-color: #EEE;
        font-weight: bold;
        font-size: 14px;
        color: #E50D4E;
    }
p.totSelection
{
	margin: 2px 0px 0px 5px;
	font-size: 80%;
	font-style: italic;
	color: #666;
}
/********** Formulaires de saisie ***************************************************************/
div.pnlSection
{
	border : 1px solid #AAA;
	padding : 2px 5px;
	margin : 15px 0px;
	background-color : #CCC;
	color: #000;
}
div.pnlSection:first-child {
    margin: 5px 0px 0px 0px;
}
table.frmSaisie td
{
	padding: 2px;
}
table.frmSaisie td.nomchamp, table.frmSaisie td span.nomchamp, table.frmSaisie p.nomchamp
{
	padding: 5px;
	font-style: italic;
	color: #666;
}
table.frmSaisie td.nomchamp
{    
	vertical-align: top;
}
table.frmSaisie td.total
{    
	padding-top: 5px;
	border-top: 1px solid #666;
}
table.frmSaisie p.nomchamp
{
	padding: 3px 0px 0px 0px;
	font-style: italic;
	color: #666;
}
table.frmSaisie p.valchamp
{
	padding: 3px 2px;
	border-style: dotted;
	border-width: 1px;
	border-color: #AAA #AAA #AAA #AAA;
	font-style: italic;
}
table.frmSaisie span.valchamp
{
	padding: 0px 5px 1px 2px;
	border-style: dotted;
	border-width: 1px;
	border-color: #FAFAFC #FAFAFC #AAA #AAA;
}
table.frmSaisie input.valchamp, table.frmSaisie input.valchamp:focus
{
	padding: 0px 0px 1px 2px;
	border-style: dotted;
	border-width: 1px;
	border-color: #FAFAFC #FAFAFC #AAA #AAA;
}
table.frmSaisie span.obs
{
	font-style: normal;
	color: #999;
	font-size: 90%;
}
table.frmSaisie input.txtMsgAlerte, span.txtMsgAlerte
{
	border-width: 0px;
	color: red;
	background-color: #FAFAFC;
	font-size: 90%;
	font-weight: bold;
}
table.frmSaisie td input.numeric
{
	text-align: right;
}
table.frmSaisie td input.lecture
{
	border-width: 1px;
	border-style: dotted;
	border-color: #FAFAFC #FAFAFC #999 #999;
	background-color: #FFF;
}
table.frmSaisie td textarea.lecture
{
	border-width: 1px;
	border-style: dotted;
	border-color: #FAFAFC #FAFAFC #999 #999;
	background-color: #FFF;
	padding: 0px 2px;
}
table.frmSaisie span.lecture
{
	border-width: 1px;
	border-style: dotted;
	border-color: #FAFAFC #FAFAFC #999 #999;
	background-color: #FFF;
	padding: 0px 5px 1px 5px;
}
table.frmSaisie td.montant input
{
	text-align: right;
}
table.frmSaisie img.imgLien
{
	border: 0px;
	cursor: pointer;
}

table.frmSaisie table.ssfrmAdresse
{
	padding: 0px;
	border-collapse: collapse;
}

table.frmSaisie table.ssfrmAdresse td
{
	padding: 0px;
}

table.frmSaisie table.ssfrmAdresse td.nomchamp
{
	padding: 5px 0px 0px 5px;
	font-size: 90%;
}

table.frmSaisie table.ssfrmAdresse td.separ
{
	min-width: 16px;
}

table.frmSaisie table.ssfrmAdresse td.saisie
{
	padding: 0px;
}

table.frmSaisie table.ssfrmAdresse td.saisie textarea
{
	font-size: 90%;
}

div.frmSaisie
{
	margin: 10px;
}
div.frmSaisie .nomchamp
{
	font-style: italic;
	color: #666;
}
div.frmSaisie input.valchamp
{
	font-weight: bold;
}

/********** Dernière mise à jour ***************************************************************/
table.frmDerniereMaj
{
	margin: 25px 0px 10px 0px;
}

table.frmDerniereMaj td
{
	padding: 2px;
}

table.frmDerniereMaj span.obs
{
	font-style: normal;
	color: #999;
	font-size: 90%;
}

/* Update Progress ------------------------------------------------------------------- */
div.progress
{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 10px;
	background-image: url('../images/barProgress.gif');
	background-repeat: no-repeat;
	background-position: center center;
	color: #999;
	font-style: italic;
	z-index: 9999;
}

div.ChargementEnCours {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #EEE;
	opacity: 0.95;
	-ms-filter: "alpha(opacity=95)";
	z-index: 9999;
	padding-top: 14%;
	text-align: center;
}
div.ChargementEnCours p {
	color: #666;
	font-style: italic;
}
div.ChargementEnCours p.image {
	margin-bottom: 10px;
}
div.ChargementEnCours p.titre {
	font-size: 24px;
}
div.ChargementEnCours p.speech {
	font-size: 16px;
}
div.ChargementEnCours p.bouton {
	margin-top: 20px;
}
div.ChargementEnCours p.bouton input {
	font-size: 14px;
}

/* Objet Clickable ------------------------------------------------------------------- */
span.Clickable
{
	color: #003399;
	cursor: pointer;
}
    span.Clickable:hover {
        color: #E50D4E;
    }
img.Clickable
{
	cursor: pointer;
}
div.Clickable
{
	cursor: pointer;
}

.rouge
{
	color: #f00;
}
.orange
{
	color: #E50D4E;
}

img.middle, input[type="image"].middle {
    vertical-align: middle;
}

/*------------------------------------*/
.imgBaniere {
    height: 35px;
    vertical-align: middle;
}


/* ------------------------------------ */

#boxMultipleFile {
    width: 600px;
    height: 150px;
    padding: 0;
    margin-top:20px;
}

div.BoxDragOut {
    display: block;
    outline: 3px dashed #999999;
    background: #e4eff5 url("../images/BoxDragOut.jpg") center center no-repeat;
}

div.BoxDragOn {
    outline: 3px dashed #333333;
    background: url("../images/BoxDragOn.jpg") center center no-repeat;
}

input.fupFile {
    display: none;
}

p.SelectOk {
    display: none;
}

#lstMultipleFile table {
    width: 100%;
    max-width: 500px;
    margin: 10px 0 0 0;
    border-collapse: collapse;
}

#lstMultipleFile table tr {
    background-color: #FFF;
}

#lstMultipleFile table tr:hover {
    background-color: #f2f2f2;
}

#lstMultipleFile table tr td {
    padding: 2px 5px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #EEE;
}

#lstMultipleFile table tr td.NomFic {
    color: #000;
    font-style: normal;
    text-align: left;
}

#lstMultipleFile table tr td.SizFic {
    color: #666;
    font-style: italic;
    text-align: right;
    font-size: 95%;
}

#lstMultipleFile table tr td.DelFic {
    width: 12px;
    text-align: right;
}

#lstMultipleFile table tr td img {
    cursor: pointer;
}

#lstMultipleFile p.obs {
    margin: 2px 0 5px 0;
    color: #666;
    font-style: italic;
    font-size: 95%;
}