﻿/*		* { padding: 0; margin: 0; }	*/
body
{
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	font-family: Sans-Serif;
	font-size: 11px; /*line-height: 135%;*/
	background-color: #313131;
}

a
{
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	color: #fff;
}

h3
{
	color: #971B22;
	text-transform: none;
	font-size: 14px;
	text-align: left;
}

.AjaxLoader
{
	margin: right;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #fff;
}

.contenu
{
	background-image: url(images/contenu_fond.png);
	background-position: top;
	background-repeat: repeat-x;
	background-attachment: fixed; /*background-color:#fff;*/ /*width:100%;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	float: none;
	min-height: 470px !important;
	border-left: solid 1px #646464;
	border-right: solid 1px #646464;
	border-bottom: solid 1px #646464;
}

.header
{
	padding: 5px;
	margin-top: 20px;
	height: 95px; /*margin-bottom:0.2em;*/ /*background-color:#fff;*/
	background-image: url(images/header.png);
	background-position: left top;
	background-repeat: repeat-x;
	border-left: solid 1px #646464;
	border-right: solid 1px #646464;
	border-top: solid 1px #646464; /*border-bottom:solid 1px #646464;*/
}

.loading
{
	float: right;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

.bottom
{
	color: #fff;
	background-color: #222;
	font-size: 10px;
	padding: 10px;
	text-align: left;
	height: 10px;
}

.barreRouge
{
	background-color: #971B22;
	height: 4px;
	clear: both;
	display: none;
}




/*
* MENU STYLES
*/
.menu
{
	clear: both;
	font-size: 10px;
	float: right;
	margin-top: 36px;
}

.menu table
{
	/* width: 100%; */
}

.menu a
{
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	color: #CECECE;
}

.menu a:hover
{
	text-decoration: underline;
	margin-left: 5px;
	margin-right: 5px;
}

.StaticMenuStyle
{
	height: 20px;
}

.DynamicHoverStyle
{
	position: relative;
	z-index: 33;
}





.divCenter
{
	position: absolute;
	width: 59%;
	height: 70%;
	left: 20%;
	top: 22%;
	padding: 2px;
	border: solid 5px #111;
	background-color: #cecece;
	overflow: auto;
}


.logo
{
	text-align: left;
	float: left;
}

.entete
{
	width: 800px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


.indexPart
{
	width: 33%;
	float: left;
	text-align: center;
	margin-top: 1em;
}


/*
* LOGIN 
*/
.loginPart
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: #FFFFFF;
	text-align: center;
}

.loginTxt
{
	display: block;
	width: 100px;
	color: Gray;
	margin-bottom: 4px;
}

.infoUser
{
	color: Gray;
}

.loginPart a
{
	display: block;
	width: 110px;
	color: Gray;
	margin-bottom: 10px;
}


.tableau1 td
{
	border: solid 0px #000000; /*width:100%;*/
}
.tableau1 thead
{
	background-color: #971B22;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}
.tableau1 th
{
	background-color: #971B22;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
}



.accueilTitre
{
	font-size: 14px;
	color: #971B22;
}

.accueilDesc
{
	font-size: 14px;
	color: Gray;
}


.invisible
{
	display: none;
}

.bouton
{
	background-color: #FFF;
}

.TitrePage
{
	color: #fff;
	background-color: #222;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px;
	text-align: right;
	height: 10px;
}



/*
* WIZARD STYLES
*/
.wizardStyle
{
	/*background-color:#B5C7DE;*/
	border-color: #B5C7DE;
	border-style: none;
	border-width: 1px;
	width: 100%;
}
.SideBarButtonStyle
{
	color: Black;
}
.SideBarStyle
{
	/*background-color:#B5C7DE;*/
	font-size: 0.9em;
	text-align: left;
	vertical-align: top;
	width: 25%;
}
.SideBarHeaderStyle
{
	background-color: #971B22;
	font-weight: bold;
	font-size: 0.9em;
	color: White;
	text-align: left;
}




/*
* GRIDVIEW STYLE
*/

.GridViewOperations
{
	border-style: solid;
	border-width: 1px;
	border-color: #5e5e5e;
	width: 100%;
}

.GridViewOperations th
{
	background-color: Maroon;
	color: #FFF;
}

.GridViewOperations a
{
	color: #111;
	font-weight: bold;
}

.AlternatingRowStyle
{
	background-color: #ECECEC;
	text-align: left;
}

.EditRowStyle
{
	background-color: #2461BF;
}

.HeaderStyle
{
	background-color: #313131;
	font-weight: bold;
	color: White;
	text-align: center;
}

.HeaderStyle a, .PagerStyle a
{
	color: White;
}

.FooterStyle
{
	background-color: #971B22;
	color: White;
	text-align: left;
}

.PagerStyle
{
	background-color: #971B22;
	font-weight: bold;
	color: White;
}

.PagerStyle span
{
	margin: 0px;
	padding: 0px 5px;
	border: 1px solid #ffffff;
}

.RowStyle
{
	background-color: #ffffff;
	text-align: left;
}

.SelectedRowStyle
{
	background-color: #507CD1;
	font-weight: normal;
	color: #ffffff;
}



.DataList
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}


/*
* Titres
*/

.Titre1
{
	color: Gray;
	text-transform: none;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}


.TitreTableau1
{
	background-color: #111;
	color: #FFFFFF;
	text-align: left;
	padding-left: 5px;
	font-size: 13px;
	height: 18px;
}



.TextBoxStyleOperations
{
	width: 150px;
	font-size: 11px;
}


.CreerOperationTable
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
}

.CreerOperationTable TD
{
	/*background-color:#ffffff;*/
}

.indication
{
	font-size: 14px;
	font-style: italic;
}

.watermark
{
	font-style: italic;
	color: #971B22;
}

.TableauCommun
{
	margin-top: 1em;
	font-size: 11px;
	width: 100%;
}

.DivCommun
{
	padding-left: 1em;
	margin-top: 1em;
	font-size: 11px;
	width: 100%;
}

.Info
{
	color: Red;
	font-weight: bold;
	font-size: 10px;
}


.TabPanelCommun
{
	margin-top: 0em;
	width: 96%;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: 0em;
}


.TabPanelCommun .ajax__tab_header
{
	margin-left: 5px;
	font-family: verdana,tahoma,helvetica;
}


.TabPanelCommun .ajax__tab_tab
{
	padding: 5px;
	margin-left: -5px;
	margin-right: -5px;
	border-collapse: collapse;
	border-top: solid 1px #202020;
	border-right: solid 1px #202020;
	border-left: solid 1px #202020;
	background-color: #971b22;
	color: #FFFFFF;
}

.TabPanelCommun .ajax__tab_body
{
	border: solid 1px #202020;
	padding: 5px;
	background-image: url(images/bg5.jpg);
	background-position: top;
	background-repeat: repeat-x;
	overflow: auto;
	width: 100%;
}
.TabPanelCommun .ajax__tab_active .ajax__tab_tab
{
	background-color: #202020;
	color: #fff;
}


.ConsoGridView
{
	width: 100%;
}

.BoutonTitre
{
	/*text-align: center; 	border-style: solid; 	border-width: 1px; 	border-bottom-width: 2px; 	border-right-width: 2px; 	border-color: #111; 	border-left-color: transparent; 	border-top-color: transparent; 	font-size: 12px; 	background-image: url(images/bg.jpg); 	background-position: top; 	background-repeat: repeat-x; 	color: #111; 	cursor: pointer;*/
	padding: 0.2em;
}




.BoutonTitre:hover
{
	text-decoration: underline; /*border-left-color:#111;    border-top-color:#111;*/
}

.modalBackground
{
	/*background-color:#000000;*/
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.modalBackgroundProgress
{
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.50;
}


.TitreCritere
{
	border-right: 1px solid #2F4F4F;
	color: #ffffff; /*background-color: #971b22;*/
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px; /* margin-top: -2px; */
	cursor: pointer;
	text-align: center;
	background-image: url(images/barre_rouge_35.jpg);
	background-position: left;
	background-repeat: repeat-x;
}
/*
* ACCORDION
*/
.AccordeonHeaderCritere
{
	/* border-right: 1px solid #2F4F4F; */
	color: #ffffff; /* background-color: #971b22; */
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 10px; /* margin-top: -2px; */
	cursor: pointer;
	text-align: left; /*border-top: solid 1px #808080; */
	background-image: url(images/barre_rouge_35.jpg);
	background-position: left;
	background-repeat: repeat-x;
}

.AccordeonHeader_Specfique
{
	border-right: 1px solid #2F4F4F;
	color: #ffffff; /*background-color: #971b22;*/
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	margin-top: -2px;
	cursor: pointer;
	text-align: left;
	background-image: url(images/critereaction.png);
	background-position: left;
	background-repeat: repeat-x;
}

.AccordeonHeaderCritereImage
{
	vertical-align: middle;
}
.AccordeonHeaderEvenement
{
	border: 1px solid #2F4F4F;
	color: #ffffff; /*background-color: #5078B3;*/
	background-color: #971b22;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	cursor: pointer;
	text-align: center;
}


.accordionHeader
{
	border: 1px solid #313131;
	color: white;
	background-color: #313131;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
	border: 1px solid #971b22;
	color: white;
	background-color: #971b22;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	/*width:160px;*/
	background-image: url(images/bg5.jpg);
	background-position: left;
	background-repeat: repeat-x;
}


.CreditGauge
{
	font-weight: bold;
	font-size: 14px;
	height: 64px;
	text-align: center;
}


.BoutonRun
{
	color: #971B22;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	background-color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	background-image: url(images/run48.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 50px;
	width: 105px;
	cursor: pointer;
	text-align: right;
}
.BoutonRun:HOVER
{
	text-decoration: underline;
}


.BoutonBases
{
	color: #971B22;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	background-color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	background-image: url(images/bases.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 50px;
	width: 220px;
	cursor: pointer;
	text-align: right;
}
.BoutonBases:HOVER
{
	text-decoration: underline;
}


.BoutonAbo
{
	color: #971B22;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	background-color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	background-image: url(images/abonnement.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 50px;
	width: 200px;
	cursor: pointer;
	text-align: right;
}
.BoutonAbo:HOVER
{
	text-decoration: underline;
}

.BoutonAboModif
{
	color: #971B22;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	background-color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	background-image: url(images/abonnement.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 50px;
	width: 215px;
	cursor: pointer;
	text-align: right;
}
.BoutonAboModif:HOVER
{
	text-decoration: underline;
}


.BoutonCalc
{
	color: #000000;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	background-color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	background-image: url(images/calc.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 50px;
	width: 150px;
	cursor: pointer;
	text-align: right;
	margin: 50px;
}
.BoutonCalc:HOVER
{
	text-decoration: underline;
}


.titreDossiers
{
	background-color: #ffffff;
	color: #971b22;
	width: 150px;
	border-width: 0px;
	cursor: pointer;
	text-align: left;
	padding: 4px 0 4px 5px;
	text-transform: capitalize;
}

.titreDossiersSelected
{
	background-color: #971b22;
	color: #ffffff;
	width: 150px;
	border-width: 0px;
	cursor: pointer;
	text-align: left;
	padding: 4px 0 4px 5px;
	text-transform: capitalize;
	padding-left: 18px;
}

.interTitreDossiers 
{
	background-color: #666666;
	border: 0 none;
	width: 150px;
	height: 1px;
	margin: 0;
}

/*
* VALIDATOR CallOut
*/
.CustomValidatorCallout div, .ajax__validatorcallout td
{
	border: solid 1px Black;
	background-color: InfoBackground;
}
.CustomValidatorCallout .ajax__validatorcallout_popup_table
{
	display: none;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.CustomValidatorCallout .ajax__validatorcallout_popup_table_row
{
	vertical-align: top;
	height: 100%;
	background-color: transparent;
	padding: 0px;
}
.CustomValidatorCallout .ajax__validatorcallout_callout_cell
{
	width: 20px;
	height: 100%;
	text-align: right;
	vertical-align: top;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.CustomValidatorCallout .ajax__validatorcallout_callout_table
{
	height: 100%;
	border: none;
	background-color: transparent;
	padding: 0px;
}
.CustomValidatorCallout .ajax__validatorcallout_callout_table_row
{
	background-color: transparent;
	padding: 0px;
}
.CustomValidatorCallout .ajax__validatorcallout_callout_arrow_cell
{
	padding: 8px 0px 0px 0px;
	text-align: right;
	vertical-align: top;
	font-size: 1px;
	border: none;
	background-color: transparent;
}
.CustomValidatorCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
	font-size: 1px;
	position: relative;
	left: 1px;
	border-bottom: none;
	border-right: none;
	border-left: none;
	width: 15px;
	background-color: transparent;
	padding: 0px;
}
.CustomValidatorCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
	height: 1px;
	overflow: hidden;
	border-top: none;
	border-bottom: none;
	border-right: none;
	padding: 0px;
	margin-left: auto;
}
.CustomValidatorCallout .ajax__validatorcallout_error_message_cell
{
	font-family: Verdana;
	font-size: 10px;
	padding: 5px;
	border-right: none;
	border-left: none;
	width: 100%;
}
.CustomValidatorCallout .ajax__validatorcallout_icon_cell
{
	width: 20px;
	padding: 5px;
	border-right: none;
}
.CustomValidatorCallout .ajax__validatorcallout_close_button_cell
{
	vertical-align: top;
	padding: 0px;
	text-align: right;
	border-left: none;
}
.CustomValidatorCallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none;
	text-align: center;
	width: 10px;
	padding: 2px;
	cursor: pointer;
}



/*
* PROGRESS TEMPLATE MODAL
*/
#progressBackgroundFilter
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
}

#processMessage
{
	position: fixed;
	top: 30%;
	left: 43%;
	padding: 10px;
	width: 14%;
	z-index: 1001;
	background-color: #fff;
	border: solid 1px #000;
	font-size: 14px;
	font-weight: bold;
}

.fondComptage
{
	background-image: url(images/nouveau_comptage_fond.png);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 10px;
	border: solid 1px #646464;
}

.fondComptageSpecifique
{
	background-image: url(images/critereaction.png);
	background-position: left top;
	background-repeat: repeat-x;
	padding: 10px;
	border: solid 1px #646464;
}




.txtQuantiteNLS
{
	text-align: right;
	background-color: #A1DAF9;
	padding-right: 5px;
}

.blocQuantiteNLS
{
	text-align: center; /*border-left: solid 1px black;*/
	border-right: solid 0px black; /*background-color: #A1DAF9;*/
	background-color: #fff;
}

.txtQuantiteLS
{
	text-align: right;
	padding-right: 5px;
	border-style: none;
	border-width: 0;
	background-color: #fff;
}

.blocQuantiteLS
{
	text-align: right;
}


.accordionFiltreContent
{
	background-color: #EFF3FB;
	font-family: Verdana;
	border: 1px solid #111;
	color: #111;
}

.accordionFiltreHeader
{
	border: 1px solid #313131;
	color: white;
	background-color: #507CD1;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	margin-top: 0px;
	cursor: pointer;
}


.alert
{
	background: #fff6bf url(images/important.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.alertInfo
{
	background: #EFF3FB;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #507CD1;
	border-bottom: 2px solid #507CD1;
	font-weight: bold;
}

.drpVideos
{
	border: none;
}


.btn
{
	display: block;
	position: relative;
	background: #aaa;
	padding: 5px;
	float: left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.btn *
{
	font-style: normal;
	background-image: url(btn2.png);
	background-repeat: no-repeat;
	display: block;
	position: relative;
}
.btn i
{
	background-position: top left;
	position: absolute;
	margin-bottom: -5px;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
}
.btn span
{
	background-position: bottom left;
	left: -5px;
	padding: 0 0 5px 10px;
	margin-bottom: -5px;
}
.btn span i
{
	background-position: bottom right;
	margin-bottom: 0;
	position: absolute;
	left: 100%;
	width: 10px;
	height: 100%;
	top: 0;
}
.btn span span
{
	background-position: top right;
	position: absolute;
	right: -10px;
	margin-left: 10px;
	top: -5px;
	height: 0;
}

* html .btn span, * html .btn i
{
	float: left;
	width: auto;
	background-image: none;
	cursor: pointer;
}

.btn.blue
{
	background: #2ae;
}
.btn.green
{
	background: #9d4;
}
.btn.pink
{
	background: #e1a;
}
.btn:hover
{
	background-color: #a00;
}
.btn:active
{
	background-color: #444;
}
.btn[class]
{
	background-image: url(shade.png);
	background-position: bottom;
}

* html .btn
{
	border: 3px double #aaa;
}
* html .btn.blue
{
	border-color: #2ae;
}
* html .btn.green
{
	border-color: #9d4;
}
* html .btn.pink
{
	border-color: #e1a;
}
* html .btn:hover
{
	border-color: #a00;
}

.textBox
{
}

ul
{
	padding-left: 20px;
}

.divInformation
{
	position: absolute;
	color: InfoText;
	background-color: InfoBackground;
	border: solid 1px #000000;
	padding: 7px 7px 7px 7px;
	width: 150px;
	text-align: justify;
	vertical-align: middle;
	z-index: 9000;
	visibility: hidden;
}

.Montant
{
	text-align: right;
	padding-right: 5px;
}

.questionnaire
{
	/*padding:1em;*/
	vertical-align: top;
	border-top: solid 2px #111;
	border-left: solid 2px #111;
	border-right: solid 2px #111;
	border-bottom: solid 2px #111;
	background-image: url(images/bg4.jpg);
	background-position: left;
	background-repeat: repeat-x;
}

.questionnaire span
{
	cursor: pointer;
}

.questionnaire .titre
{
	font-weight: bold;
}

.questionnaire .italic
{
	font-style: italic;
}

.questionnaire input[type=text]
{
	width: 500px;
	margin-bottom: 6px;
}

.sortedDescendingHeader
{
	background-image: url(images/sortingDescending.png);
	background-repeat: no-repeat;
	background-position: center right; /* x-pos y-pos */
	/* border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324; */
}

.sortedAscendingHeader
{
	background-image: url(images/sortingAscending.png);
	background-repeat: no-repeat;
	background-position: center right; /* x-pos y-pos */
	/* border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324; */
}

.sortedHeader
{
	background-image: url(images/sorting.png);
	background-repeat: no-repeat;
	background-position: center right; /* x-pos y-pos */
	/* border-top: 2px solid #98c628;
	border-bottom: 2px solid #98c628; */
}

#filterApercu 
{
	margin: 15px 0px;
}

#tbFilter
{
	width: 300px;
}

#btFiltering
{
	width: 75px;
}

.watermarkText 
{
	color: #cccccc;
}

.center 
{
	text-align: center;
}

