﻿.RailClass {
	position: relative;
	background: url(  "../Images/SliderRail.gif" );
	background-position: left;
	height: 22px;
	width: 175px;
	margin-left: 5px;
	float: left;
}

.HandleClass {
	position: absolute;
	height: 22px;
	width: 10px;
}

html {
	width: 97%;
}

.CheckBox {
}

/* Corps et conteneur */
body {
	margin: 0;
	padding: 0;
	background-color: White;
	width: 100%;
	color: black;
	font-family: Verdana;
}

#conteneur {
	position: absolute;
	width: 101%;
	z-index: 1;
	top: 0px;
	left: 0px;
	font-family: Verdana;
}

/* En tête */

#header {
	height: 100px;
	color: black;
	width: 1100px;
	font-family: Verdana;
}

/* Navigation */
/* Modif FFO le 24/08/2009 : Test Nouvelles images

.navigation
{
	position: absolute;
	top:0px;
	left:327px;
	width:725px;
	background-color:#ff6600;
	height:103px;
	cursor:pointer;
	z-index : 0;
	
	
}


.bandeauScorEval
{
	position: absolute;
	top:0px;
	left:327px;
	width:725px;
	background-color:#ff6600;
	height:103px;
	cursor:pointer;
	z-index : 0;
	
}
*/

.navigation {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 725px;
	background-image: url(  "../Images/BandeauPage.jpg" );
	height: 77px;
	cursor: pointer;
	z-index: 0;
}

.bandeauScorEval {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 725px;
	background-color: #ff6600;
	height: 77px;
	cursor: pointer;
	z-index: 0;
}

.divLogoPhrase {
	position: absolute;
	z-index: 100;
	left: 0;
	top: 30px;
	width: 200px;
	height: 50px;
	text-align: center;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.divLogoPhrase table, .divLogoPhrase tr, .divLogoPhrase td {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}

.logoPhrase {
	font-size: 10px;
	display: inline;
	position: relative;
	font-weight: bold;
	line-height: 12px;
	overflow: hidden;
	color: White;
	font-family: Verdana;
}

.AideScoreval {
	position: absolute;
	top: 0px;
	left: 925px;
	width: 175px;
	height: 77px;
	cursor: pointer;
	z-index: 0;
	font-family: Century Gothic;
	font-size: small;
	text-align: center;
}

.navigation a {
	cursor: pointer;
}

/* Main Content */
#content {
	font-size: 12px;
	position: absolute;
	left: 210px;
	top: 105px;
	width: 880px; /* CEL 840px; */
	background-color: White;
	font-family: Verdana;
}

.panel_titre {
	background-color: #ff9900;
	margin-top: 5px;
	font-family: Verdana;
	text-align: left;
}

.panel_titreLong {
	background-color: #ff9900;
	margin-top: 5px;
	width: 880px; /* CEL 840px;*/
	font-family: Verdana;
}

/*////////////////////////Utilisé pour les formulaires classiques/////////////////////////////*

/* Gestion des lignes*/
div.row {
	clear: both;
	padding-top: 10px;
	font-family: Verdana;
	font-size: small; /*width:88%;*/
}

/* Gestion des labels*/
div.row .labelwg {
	float: left;
	width: 180px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	height: 12px;
	font-family: Verdana;
}

/* Gestion des labels situés entre deux champs*/
div.row .labelmiddle {
	float: left;
	width: 30px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	height: 12px;
	font-family: Verdana;
}

/* pas de taille*/
div.row .label100 {
	float: left;
	width: 100px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	height: 12px;
	font-family: Verdana;
}

/* Gestion des labels Court (a utiliser de préférence avec .formwgCourt) */
div.row .labelwgLong {
	float: left;
	width: 400px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	height: 12px;
	font-family: Verdana;
}

div.row .labelwgMiLong {
	float: left;
	width: 260px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	height: 12px;
	font-family: Verdana;
}

div.row .labelwgMiMiLong {
	float: left;
	width: 220px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	height: 12px;
	font-family: Verdana;
}

div.row .labelwgTroisQuartLong {
	float: left;
	width: 300px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	height: 12px;
	font-family: Verdana;
}

/* Gestion des champs suités après les labels*/
div.row .formwg {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 200px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

div.row img.formwg {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 400px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

/* Gestion du deuxième champ suités après les labels*/
div.row .formwg2 {
	margin-left: 10px;
	text-align: left;
	margin-bottom: 0px;
	width: 200px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

/* Gestion du champ situés en quatrième position*/
div.row .formwg4 {
	margin-left: 10px;
	text-align: left;
	margin-bottom: 0px;
	width: 150px;
	padding-left: 2px;
	float: left;
	font-family: Verdana;
	font-size: small;
}

div.row .formwgLink {
	margin-left: 10px;
	margin-bottom: 0px;
	width: 140px;
	padding-left: 2px;
	float: left;
	font-family: Verdana;
	font-size: small;
}

div.row .formwgNote {
	text-align: left;
	margin-bottom: 0px;
	float: left;
	width: 10px;
	padding-left: 5px;
	font-family: Verdana;
	font-size: small;
}

/* Gestion des  champs suités après une check box*/
div.row .labelwg2 {
	width: 300px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	float: left;
	font-family: Verdana;
}

/* Gestion des  labels situés après un champ (3eme position)*/
div.row .labelwg3 {
	width: 20px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	float: left;
	font-family: Verdana;
}

div.row .labelwg3Long {
	width: 120px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	float: left;
	font-family: Verdana;
}

/* Gestion du champ dans une deuxième pseudo-colonne*/
div.row .formwgColonne {
	float: left;
	text-align: left;
	margin-top: 0px;
	width: 26px;
	margin-left: 100px;
	font-family: Verdana;
	font-size: small;
}

/* Gestion du champ (COURT) suités après les labels*/
div.row .formwgCourt {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 80px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

/* Gestion du champ (LONG) suités après les labels*/
div.row .formwgLong {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 350px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

/* Gestion du champ s'il n'y a pas de label devant*/
div.row .formwgSL {
	margin-left: 182px;
	text-align: left;
	margin-bottom: 0px;
	width: 200px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

div.row .formwgSLLong {
	margin-left: 10px;
	text-align: left;
	margin-bottom: 0px;
	width: 500px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

div.row .formwgLegerDecalage {
	margin-left: 40px;
	text-align: left;
	margin-bottom: 0px;
	width: 200px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

div.row .formGrid {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	padding-left: 5px;
	font-family: Verdana;
	font-size: small;
}

/* Gestion des boutons*/
div.row .buttonwg {
	margin-left: 10px;
	width: auto;
	font-family: Verdana;
	font-size: small;
}

/* Boutons sérrés à droite*/
div.row .buttonwgDroite {
	margin-right: 20px;
	float: right;
	font-family: Verdana;
	font-size: small;
}

div.row .imagewg {
	float: left;
	margin-bottom: 0px;
	padding-left: 2px;
}

/* Gestion des champs multiligne suités après les labels*/
div.row .formw_multiline {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 270px;
	height: 65px;
	font-family: Verdana;
	font-size: small;
}

/* Gestion du champ multiligne s'il n'y a pas de label devant*/
div.row .formw_multilineSL {
	margin-left: 182px;
	text-align: left;
	margin-bottom: 0px;
	width: 270px;
	height: 65px;
	font-family: Verdana;
	font-size: small;
}

div.row .titreprincipalwg {
	float: left;
	width: 200px;
	text-align: left;
	font-size: medium;
	font-weight: bold;
	padding-left: 2px;
	font-family: Verdana;
}

div.row .titresecondairewg {
	width: 300px;
	text-align: left;
	font-size: normal;
	font-weight: bold;
	padding-left: 2px;
	font-family: Verdana;
}

/* Même chose que précedemment, sauf que le titre est dans une deuxième pseudo-colonne( serrer à droite)*/
div.row .titresecondairewg2 {
	width: 300px;
	text-align: left;
	font-size: normal;
	font-weight: bold;
	margin-left: 315px;
	font-family: Verdana;
}

div.row .formwgTitreSession {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 300px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

div.row .formw_upload {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 250px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

div.row .MinValue {
	font-size: x-small;
	font-family: Verdana;
}

div.row .MoyValue {
	padding-left: 125px;
	font-size: x-small;
	font-family: Verdana;
}

div.row .MaxValue {
	margin-left: 80px;
	font-size: x-small;
	font-family: Verdana;
}

div.row .CheckBox {
	padding-left: 2px;
	float: left;
	text-align: left;
	width: auto;
}


/*////////////////////////Utilisé pour les formulaires avec question/////////////////////////////*/
div.rowQuestion {
	clear: both;
	padding-top: 15px;
	width: 100%;
	font-family: Verdana;
	font-size: small;
}

div.rowQuestion .labelQuestion {
	float: left;
	width: 480px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	height: 12px;
	font-family: Verdana;
}

div.rowQuestion .formQuestion {
	text-align: left;
	margin-bottom: 0px;
	width: 300px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

/*////////////////////////Utilisé pour les fiches d'évaluation/////////////////////////////*/
div.rowFiche {
	clear: both;
	padding-top: 12px;
	width: 850px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .labelwg {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 300px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .labelwd {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 200px;
	padding-left: 50px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .labelDecalewg {
	position: absolute;
	margin-bottom: 10px;
	width: 50px;
	margin-left: 290px;
	text-align: center;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .labelDecalewm {
	position: absolute;
	margin-bottom: 10px;
	width: 120px;
	margin-left: 335px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .labelDecalewmMini {
	position: absolute;
	margin-bottom: 10px;
	margin-top: 1em;
	width: 250px;
	margin-left: 280px;
	font-size: smaller;
	font-family: Verdana;
}

div.rowFiche .labelDecalewmACB {
	position: absolute;
	margin-bottom: 10px;
	width: 120px;
	margin-left: 360px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .labelDecalewmACBMini {
	position: absolute;
	margin-bottom: 10px;
	width: 150px;
	margin-left: 340px;
	padding-top: 5px;
	margin-top: 1em;
	font-size: smaller;
	font-family: Verdana;
	text-align: center;
}

div.rowFiche .labelDecalewd {
	position: absolute;
	margin-bottom: 10px;
	width: 120px;
	margin-left: 590px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .labelDecalewdLong {
	position: absolute;
	margin-bottom: 10px;
	width: 300px;
	margin-left: 520px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .labelDecalewdACB {
	position: absolute;
	margin-bottom: 10px;
	width: 120px;
	margin-left: 610px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .labelQuestion {
	float: left;
	width: 250px;
	text-align: left;
	font-style: italic;
	font-size: small;
	padding-left: 2px;
	height: 12px;
	font-family: Verdana;
}

div.rowFiche .sliderQuestion {
	margin-bottom: 0px;
	width: 300px;
	padding-left: 2px;
	float: left;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .commentQuestion {
	margin-left: 10px;
	text-align: left;
	margin-bottom: 0px;
	width: 100px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .commentQuestSlider {
	margin-left: 20px;
	text-align: left;
	margin-top: 0px;
	width: 250px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
	color: Black;
}
div.rowFiche .commentQuestSliderACB {
	margin-left: 232px;
	text-align: left;
	margin-top: 0px;
	width: 250px;
	padding-left: 2px;
	font-family: Verdana;
	font-size: small;
}

/* Gestion des champs multiligne suités après les labels*/
div.rowFiche .formw_multiline {
	float: left;
	text-align: left;
	margin-bottom: 0px;
	width: 485px;
	height: 65px;
	font-family: Verdana;
	font-size: small;
}

div.rowFiche .BoundControl {
	height: 12px;
	width: 15px;
	border-style: Inset;
	border-color: Orange;
	font-size: XX-Small;
	margin-left: 10px;
	font-family: Verdana;
	float: left;
}

div.rowFiche .Checkbox {
	float: left;
	padding-left: 5px;
	width: auto;
}

div.row .labelw {
	text-align: left;
	margin-left: 50px;
	font-style: normal;
	font-family: Verdana;
	font-weight: normal;
	color: #cc3300;
	width: 200px;
	font-family: Verdana;
}

div.row .formw {
	float: left;
	text-align: left;
	border-color: Orange;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 20px;
	width: 250px;
	font-family: Verdana;
	font-size: small;
}

div.login {
	clear: both;
	padding-top: 2px;
	width: 375px; /*margin-left: 20px;*/
}

div.login .labelw {
	float: left;
	text-align: left;
	margin-left: 50px;
	font-style: normal;
	font-family: Verdana;
	font-weight: normal;
	color: #cc3300;
	font-size: small;
}

div.login .formw {
	float: right;
	text-align: left;
	border-color: Orange;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 20px;
	font-family: Verdana;
	font-size: small;
}

div.rowUtilisateur {
	clear: both;
	text-align: center;
	padding-top: 2px;
	width: 200px; /*margin-left: 20px;*/
	font-size: medium;
	font-family: Verdana;
}

#contenu_moitie {
	width: 100%;
	float: left;
	margin: 2em 1.5em;
	padding: 0;
}

div.div_moitie, fieldset.div_moitie {
	width: 45%;
	float: left;
	display: block;
}

/* utilisateur */
.utilisateur {
	color: White;
	background-color: #cc3300;
	font-size: medium;
	font-family: Verdana;
}

div.ligne {
	clear: both;
	padding-top: 2px;
	width: 375px;
	margin-left: 20px;
}

div.spacer {
	clear: both;
}

/* Gestion de la grid View */
.GridView {
	width: 100%;
	background-color: #fff;
	margin: 5px 0 10px 0;
	border: solid 1px #525252;
	border-collapse: collapse;
	font-size: small;
	font-family: Verdana;
}

.GridView td {   
    padding-left: 2px;   
    border-bottom: solid 1px #c1c1c1;   
    color: #717171;   
}

.GridView tr:hover {   
    background: #FFCC66;  
}

.GridView th {
	padding: 5px;
	color: #717171;
	font-weight:bold;
	background: #f5f5f5;
	border-bottom: solid 1px #525252;
	font-size: 0.9em;
}
.GridView .alt { background: #f5f5f5; }  
.GridView .pgr { background: #f5f5f5; }  
.GridView .pgr table {
		margin: 5px 0;
		float:right;
}
.GridView .pgr td {
		border-width: 0;
    padding: 0 6px;
		border-left: solid 1px #666;
    font-weight: bold;
    line-height: 12px;
 }
/*.GridView .pgr a { color: #666; text-decoration: none; }  
.GridView .pgr a:hover {
	color: #FFCC66;
	text-decoration: none;
}*/

/* CEL: je commente car j'ai l'impression que cette partie n'est pas utilisée. En cours de test...
.nbline {
	color: black;
	font-weight: 600;
	font-size: xx-small;
	font-family: verdana;
}

.gvHeader {
	background-color: #73ACF2;
	color: #000000;
	font-family: Verdana;
	font-size: small;
}

.gvHeader a:visited {
	font-weight: normal;
	color: Black;
	text-decoration: none;
}

.gvHeader a:link {
	font-weight: normal;
	color: Black;
	text-decoration: none;
}

.gvAlternateRow {
	background-color: #ABFAF0;
	color: Black;
	font-size: small;
	font-family: Verdana;
}

.gvRow {
	color: Black;
	font-family: Verdana;
	font-size: small;
	background-color: White;
}

.gvEdit {
	font-family: Verdana;
	background-color: Red;
	font-size: small;
}

.gvSelected {
	font-family: Verdana;
	background-color: Yellow;
	font-size: small;
}

.gvColumn {
	display: none;
}
FIN CEL */

/* Validation Summary */

/* Modif FFO le 19/08/2009 : Mantis 5724
.error_Panel
{
	background-color:Red;
	font-size:xx-small;
	color:White;
	font-weight:700;
	font-family:Verdana;
	padding:5 5 5 5;
	color:White;		
}*/

.error_Panel {
	background-color: Red;
	font-size: small;
	color: White;
	font-weight: 700;
	font-family: Verdana;
	padding: 5 5 5 5;
	color: White;
	width: 99%;
}

.info_Panel {
	background-color: #33CC33;
	font-size: small;
	color: White;
	font-weight: 700;
	font-family: Verdana;
	padding: 5 5 5 5;
	color: White;
}

/* bouton */
.bouton_signe {
	font-weight: 700;
	color: red;
	background-color: White;
	width: 10px;
	font-family: verdana;
	padding: 0 5 0 5;
	border: solid 1px gray;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

/*Boutons Scoreval*/
.scButton {
	background-color: #f5f5f5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	display: inline-block; /*float:left;*/
	color: #565656;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	padding: 5px 10px 6px 7px;
	margin: 0 7px 0 0;
}

.scButton:hover {
	background-color: #FFCC66;
	color: #336699;
}

.scButton:active {
	position: relative;
	top: 1px;
}

.scButtonImg {
	margin: 0 12px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

/* bandeau */
.bandeau_titre {
	background-color: #ff6600;
	color: white;
	font-family: verdana;
	font-size: 14px;
	font-weight: 700;
	padding: 10 10 10 10;
	border: solid 1px gray;
	height: 30px;
	line-height: 30px; /* centre le text */
	width: 100%;
}

.bandeau_titreLong {
	background-color: #ff6600;
	color: white;
	font-family: verdana;
	font-size: 14px;
	font-weight: 700;
	padding: 10 10 10 10;
	border: solid 1px gray;
	height: 30px;
	line-height: 30px; /* centre le text */
	width: 880px; /* CEL 840px;*/
}

/* ligne */
.line {
	border-bottom: 1px solid black;
}

/* Modifications provisoires YM */

/* Connexion */
.connexion {
	background-color: White;
	color: #cc3300;
	position: absolute;
	text-align: center;
	width: 200px;
	font-size: 9px;
	font-weight: bold;
	font-family: Verdana;
	margin: 0;
	padding: 15px 0px 5px 0px;
	top: 350px;
	left: 4px;
	height: 130px;
}

#connexion {
	background-color: White;
	color: #cc3300;
	position: absolute;
	text-align: center;
	width: 250px;
	font-size: 9px; /*font-weight:bold;*/
	font-family: Verdana;
	margin: auto;
	padding: 5px 0px 5px 0px;
	top: 100px;
	left: 4px;
	height: 165px;
}

.boutonOK {
	position: absolute;
	top: 25px;
	left: 420px;
}

/* utilisateur connecté */
.connected {
	border: solid 1px #ff6600;
	background-color: White;
	position: absolute;
	margin: 0;
	left: 0;
	width: 200px;
	font-size: 12px;
	padding: 5px 0px 5px 0px;
	font-family: Verdana;
}

/*Menu  */
.menu {
	margin-left: 0;
	font-family: Verdana;
	color: black;
	margin-top: 44px; /* margin-top:14px; */
}

.menu img {
}

.menu img, .menu *, .pointer {
	cursor: pointer;
}

.manu p {
	cursor: pointer;
	height: 1em;
	display: inline;
	margin: 0;
	padding: 0;
}

.divTitreMenu {
	position: absolute;
	text-align: center;
	z-index: 100;
	margin-left: -95px;
	margin-top: -2px;
	display: inline;
	width: 90px;
	height: 30px;
}

.divTitreMenuAdmin {
	position: absolute;
	text-align: center;
	z-index: 100;
	margin-left: -65px;
	margin-top: -2px;
	display: inline;
	width: 60px;
	height: 30px;
}

.titreMenu {
	position: relative;
	font-size: 9px;
	font-weight: bold;
	width: 90px; /* pour aider la mise en page en test :background-color : red;*/
	height: 30px; /*margin : 0;*/
	text-align: center;
	white-space: normal;
	vertical-align: middle;
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	width: 99%; /* remove horizontal scroll-bar when viewing in IE7 */
	line-height: 10px;
	font-family: Verdana;
}


.titreMenuAdmin {
	position: relative;
	font-size: 9px;
	font-weight: bold;
	width: 60px; /*background-color : red;*/
	height: 30px;
	margin: 0;
	white-space: normal;
	text-align: center;
	vertical-align: middle;
	line-height: 10px;
	font-family: Verdana;
}

/*Ajout PA 15/05/2009*/

/*Zone de champs*/
/*.panelZone
{
	border:solid 1px gray;
	background-color:#EEEEEE;
	width:99%;
}*/
/*CR68*/
.panelZone {
	border: none;
	background-color: White;
	width: 99%;
}

/*.panelZoneNoBorder
{
	border:none;
	background-color:#EEEEEE;
	width:99%;
}*/

/*CR68*/
.panelZoneNoBorder {
	border: none;
	background-color: White;
	width: 99%;
}

/*ok*/
/*.panelZoneLong
{
	border:solid 1px gray;
	background-color:#EEEEEE;
	width:840px;
}*/

/*CR68*/
/*.panelZoneLong
{
	border:none;
	background-color:White;
	width:840px;
}*/

.panelZoneLong {
	border: none;
	background-color: White;
	width: 880px; /* CEL 840px;*/
}

/*.panelZoneLongNoBorder
{
	border:none;
	background-color:#EEEEEE;
	width:840px;
}*/

/*CR68*/
.panelZoneLongNoBorder {
	border: none;
	background-color: White;
	width: 880px; /* CEL 840px;*/
}

/*
//TextBox
div.row .formwg 
{
	float: left; 
	
	text-align: left;
	margin-bottom: 0px;
    width: 200px;
    padding-left:2px;
} 

div.row .labelwg 
{
	float: left;
	width: 100px;
	text-align: left;
	font-style:italic;
	font-size:x-small;
	padding-left:2px;
    height: 12px;
}

div.row .formw_multiline 
{
	float: left; 
	text-align: left;
	margin-bottom: 0px;
    width: 270px;
    height:65px;
}

div.row .labelview
{
	float: left;
	width: 500px;
	text-align:left;
	margin-left:10px;
	padding-left:2px;
}

.panel_titre
{
	background-color:#ff9900;
	margin-top:5px;
}*/


/*______partie reporting_______*/

/* pour afficher le message corretement*/
.sessionSelectionnee {
	display: inline;
	position: absolute;
	text-align: center;
	width: 10em;
	font-family: Verdana;
	font-size: small;
}

/* barre */

table.tableBarre, table.tableBarre tr, table.tableBarre td {
	border: 0;
	margin: 0;
	padding: 0;
	width: 120;
}

table.tableBarre td {
	height: 15px;
}

td.tdBarre {
	background-color: yellow;
	color: white;
}

td.tdBarreReste {
	background-color: inherit;
	color: inherit;
}

td.tdInfoBarre {
	width: 20px;
	text-align: right;
	font-family: Verdana;
	font-size: small;
}

/************* générale ***********************/
/* CEL: était utilisée seulement dans le hit parade et crée un problème sur tous les pager à cause du width=100%, remplacé par .GridView
.afficheTable, #content table {
	width: 100%;
	font-size: small;
	font-family: Verdana;
}*/

.gras {
	font-weight: bold;
	font-size: medium;
	font-family: Verdana;
}

.traitgauche {
	border-left: 1px solid black;
	padding-left: 5px;
	margin-left: 50px;
}

textarea[disabled], input[type=text][disabled] {
	color: Black;
}

/** inaccesible et accesible vont ensemble et permettent d'annuler les actions de la souris**/
.inacessible *, .inacessible {
	z-index: 0;
}

.acessible, .acessible * {
	z-index: 1;
	background-color: White;
	position: absolute;
	left: 100px;
	width: 500px;
	height: 50px;
	opacity: .01;
	filter: alpha(opacity=1);
}

.absolute {
	position: absolute;
}
.titregen {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #ff6600;
	font-family: Verdana;
}
.lignegen {
	position: relative;
	font-size: 14px;
	font-style: italic;
	text-align: center;
	font-family: Verdana;
}

/* Adoption Utilisateurs */
/*.Table
{
    background-color:White;
}*/

/*CR52*/
.ButtonsAlign {
	text-align: center;
	padding: 3px;
}

/************* pub ***********************/
#pub {
	/*float:left;*/
	width: 200px;
	height: 450px;
	position: absolute;
	top: 250px;
	left: 0;
	margin: 5px;
	margin-top: 50px;
	overflow: auto;
}

