/* ====================================== General ======================================*/

body {
	scrollbar-3dlight-color: #FFFFF0;
	scrollbar-arrow-color: #D03400;
	scrollbar-base-color: white;
	scrollbar-darkshadow-color: #D3D3D3;
	scrollbar-face-color: white;
	scrollbar-highlight-color: #FFFFF0;
	scrollbar-shadow-color: Silver;
	scrollbar-track-color: #F5F5F5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	list-style-image: url(../images/portail/P_Niv3.gif);
	list-style-type: square;
	background-image: url(../images/portail/WDFond2.gif);
}

/* ====================================== Barre Inférieure de prodouane ======================================*/

.WDMenWD_1 {
	padding:1px;
	text-align: left;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	cursor: pointer ;
	cursor: hand ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.WDMenWD_2	 {
	padding:1px;
	text-align: left;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#EEE8AA;
	cursor: pointer ;

	cursor: hand ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	.WDBaseinf {
	padding-left: 3px ;
	padding-right: 3px ;
	text-align: center;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	cursor:hand;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* ====================================== Barre Identification Application ======================================*/

.TitleAppli {
	color: #666699;
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	font-variant:small-caps;
	background-image: url(../images/portail/WDFond2.gif);
	font-family: Verdana, Arial, Times New Roman;
}
.MenuHautHome, .MenuHautHome_1 {
	padding-left: 8px;
	padding-right: 8px;
	height:20px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#EEE8AA;
	width:100px;
	cursor: pointer ;
	cursor: hand ;
	font-variant : small-caps;
	text-transform : capitalize;
	background-image:  url(../images/portail/AppliMenBarre.gif);
	font-family: Verdana, Arial, Times New Roman
	}
.MenuHautHome_2 {
	padding-left: 8px;
	padding-right: 8px;
	height:20px;
	text-align: center;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	width:100px;
	cursor: pointer ;
	cursor: hand ;
	font-variant : small-caps;
	text-transform : capitalize;
	background-image:  url(../images/portail/AppliMenBarre.gif);
	font-family: Verdana, Arial, Times New Roman

	}
.MenuHautb {
	padding-left: 8px;
	padding-right: 8px;
	height:20px;
	text-align: center;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#EEE8AA;
	width:80px;
	font-variant : small-caps;
	text-transform : capitalize;
	background-image:  url(../images/portail/AppliMenBarre.gif);
	}

.MenuHaut_1, .MenuHautb_1 {
	padding-left: 5px;
	padding-right: 5px;
	height:20px;
	width:80px;
	text-align: center;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#333366;
	cursor: pointer ;
	cursor: hand ;
	font-variant : small-caps;
	text-transform : capitalize;
	background-image:  url(../images/portail/AppliMenBarreOver.gif);
	font-family: Verdana, Arial, Times New Roman;
	}

.MenuHaut_2 {
	padding-left: 5px;
	padding-right: 5px;
	height:20px;
	width:80px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color:#F5F5F5;
	cursor: pointer ;
	cursor: hand ;
	font-variant: small-caps;
	text-transform : capitalize;
	background-image:  url(../images/portail/AppliMenBarre.gif);
	font-family: Verdana, Arial, Times New Roman
}
.MenuHautb_2 {
	padding-left: 5px;
	padding-right: 5px;
	height:20px;
	width:80px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333366;
	cursor: pointer ;
	cursor: hand ;
	font-variant: small-caps;
	text-transform: capitalize;
	background-image:  url(../images/portail/AppliMenBarreOver.gif);
	font-family: Verdana, Arial, Times New Roman
}

.MenuHautVide {		height:20px;
}

/* ==== Menu déroulant =====*/
.MenuHautNiv2, .MenuHautNiv2_1 {
	border: 2px solid ;
	border-color: #20386b;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Verdana, Arial, Times New Roman;
}
.MenuHautNiv2_1 {
	background-color: #6175a1;
	padding-left: 5px;
	padding-right: 5px;
	height:20px;
}

.MenuHautNiv2_2 {
	background-color: #FB9B03;
	font-weight:bold;
	color:#FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	height:20px;
	cursor: hand;
}

/* ====================================== Menu ====================================== */
.MenuTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-align: justify;
	margin-left: 10px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3px;
	border-top: 1px solid #E6E6FA;
	border-bottom: thin solid #E6E6FA;
	border-left: thin solid #E6E6FA;
	background-color : transparent;
	border-right: 1px solid #D3D3D3;
}

.Menu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	list-style-image:    url(../images/portail/P_Niv1.gif);
	font-weight: bold;
	line-height: 30px;
}

/* ====================================== Titres ====================================== */
.Title1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #FB9B03;
	background-color: #F8F8FF;
	letter-spacing: 3px;
	text-indent: 3pt;
	border-top: 1px solid #FB9B03;
	border-left: 20px solid #FB9B03;
	border-right: 20px solid #FB9B03;
	border-bottom: 1px solid #FB9B03;
	height: 20px;
	width: 99%;
}
.Title2 {
	font-size: 13px;
	font-weight: bold;
	color: #FB9B03;
	vertical-align: baseline;
	list-style-type: square;
	list-style-image:    url(../images/portail/P_Niv2.gif);
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.Title3 {
	font-size: 12px;
	font-weight: bold;
	list-style-image: url(../images/portail/P_Niv3.gif);
}

 /* ====================================== Liens ======================================*/

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #0804A6;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #1253FC;
	text-decoration: underline;
	}

img {
	border : 0 ; /* === Pas de bordure si lien === */
}

.L_hand, img.roll{
	cursor: pointer ;
	cursor: hand ;
}
.L_help {
	cursor : help ;
}
.L_Over_1, a {
	color: #0804A6;
	text-decoration: underline;
	cursor: pointer ;
	cursor: hand ;
}
.L_Over_2, a:hover {
	color: #1253FC;
	text-decoration: underline;
	cursor: pointer ;
	cursor: hand ;
}
.L_OverBG_1 {
	cursor: pointer ;
	cursor: hand ;
}
.L_OverBG_2 {
	background-color: #FFEECA;
	cursor: pointer ;
	cursor: hand ;
}

/* === Liens Code statuts === */
.L_RougePb {
	font-weight: bold;
	color: #FF0000;
	background-color: #FFd2d2
}
.L_RougePb_1 {
	font-weight: bold;
	color: #FF0000;
	cursor: pointer ;
	cursor: hand ;
	background-color: #FFd2d2
}
.L_RougeAnnul {
    text-decoration: line-through;
	color: #FF0000;
	background-color: #FFd2d2
}
.L_RougeAnnul_1 {
	color: #FF0000;
	cursor: pointer ;
	cursor: hand ;
	background-color: #FFd2d2;
}
.L_RougeAnnul_2 {
	color: #FF0000;
	background-color: #Ff9393;
	cursor: pointer ;
	cursor: hand ;
}
.L_RougePb_2  {
	color: #FF0000;
	font-weight: bold;
	background-color: #Ff9393;
	cursor: pointer ;
	cursor: hand ;
}
.L_VertTraite {
    color: #006600;
	background-color: #daebe7;
}
.L_VertTraite_1 {
    color: #006600;
	cursor: pointer ;
	cursor: hand ;
	background-color: #daebe7;
}
.L_VertTraite_2 {
    color: #006600;
	background-color: #b7d9d1;
	cursor: pointer ;
	cursor: hand ;
}
.L_VertEnCours {
    color: #006600;
	font-weight: bold;
	background-color: #daebe7;
}
.L_VertEnCours_1 {
	color: #006600;
	font-weight: bold;
	cursor: pointer ;
	cursor: hand ;
	background-color: #daebe7;
}
.L_VertEnCours_2 {
	color: #006600;
	font-weight: bold;
	background-color: #b7d9d1;
	cursor: pointer ;
	cursor: hand ;
}
.L_BleuAtraiter {
	font-weight: bold;
	background-color: #D8ECFC;
}
.L_BleuAtraiter_1 {
	font-weight: bold;
	background-color: #D8ECFC;
	cursor: pointer ;
	cursor: hand ;
}
.L_BleuAtraiter_2 {
  	Font-weight: bold;
	cursor: pointer ;
	cursor: hand ;
	background-color: #95cbf7;
}
.L_BleuNonDispo_1 {
	background-color: #D8ECFC;
	cursor: pointer ;
	cursor: hand ;
}
.L_BleuNonDispo_2 {
  	cursor: pointer ;
	cursor: hand ;
	background-color: #95cbf7;
}
/* ====================================== mise en forme - divers ====================================== */


.Bordtrame {
	background-color: White;
	padding: 3px;
	margin-bottom: 6px;
	border: 1px solid #6175A1;
	background-image: url(../images/portail/WDFond2.gif);
}
.Bordsanstrame {
	background-color: White;
	padding: 3px;
	margin-bottom: 6px;
	border: 1px solid #6175A1;
}
.TxtBold{
	font-weight: bold ;
}
.TxtRedBold{
	font-weight: bold ;
	color: #FF0000;
}
.TxtNormal{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.NoPadding {
	padding : 0px			!important ;
}
.PaddingLeft {
	padding : 5px			!important ;
}
.NoMargin {
	margin : 0px			!important ;
}

.SpaceBottom {
	margin-bottom : 9px;
}

.SpaceTop {
	margin-top : 9px;
}

.HrDotted {
	background-image  : url(../images/portail/_dot_gray.gif);
	background-repeat : repeat-x;
	line-height : 2px ;
	margin-top : 2px ;
}

/* ====================================== Fond barre d'outils ======================================*/

.Tools {
	background-color: #FCFCFC;
	padding-left: 10px;
	border-top: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #999999;
	vertical-align: middle;
	height: 35px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	word-spacing: 10px;
}
.ToolsP {
	background-color: #FCFCFC;
	padding-left: 5px;
	border-top: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #999999;
	vertical-align: middle;
	height: 20px;
	padding-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	word-spacing: 5px;
}

/* ====================================== Tableau ====================================== */

.Tab {
	border: 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-color: #6175A1;
	cellspacing : 2;
}
.TabHead {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6175A1;
	padding-left: 10px;
}
.TabLine1 ,.TabLine1_1 {
	background-color: #BCD1E0;
	padding-left : 3px
}
.TabLine2,.TabLine2_1 {
	background-color: #D8ECFC;
	padding-left : 3px
}
.TabRollOver,.TabLine1_2,.TabLine2_2 {
	background-color: #FFEECA;
	cursor: pointer ;
	padding-left : 3px
	cursor: hand ;
}
.TabAlignChiffres {
	text-align: right;
	padding-right: 3px;
}
.TabAlignDates {
	text-align: center;
}
.TabAlignGauche {
	text-align: left;
	padding-left: 3px;
}

/* ====================================== Legende - Onglet ====================================== */
fieldset {
	width : 98% ;
	margin : 5px ;
	padding : 8px ;
	padding-top : 0 ;
	border : 1px solid #006600 ;
}

legend {
    font-size: 13px;
	color: #006600;
	font-weight: bold ;
}
.Ong_1{
	border:1px solid #DCDCDC  ;
	border-bottom:0px ;
	cursor:default ;
	color:#666699;
	text-transform : capitalize;
	font-weight:bolder;
	font-size: 11px ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Ong_2{
	border: 1px solid #DCDCDC;
	border-bottom: 0px;
	color: #696969;
	cursor: pointer ;
	cursor: hand ;
	font-weight:normal;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ====================================== Formulaire ====================================== */

.FormSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color: #FCFCFC;
	padding-left: 5px;
	border-top: 1px solid #999999;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #999999;

}
.Form {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	vertical-align: top;
	font-weight: bold;
    border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #6175A1;
	padding-left: 5px;
}
.FormHead  {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #6175A1;
	padding-left: 10px;
	height: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.FormHead2  {
	font-size: 13px;
	font-weight: bold;
	color: #6175A1;
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#6175A1;
	padding-top: 10px;
	padding-bottom: 5px;
}
.FormEtiquette {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#bcd1e0;
}


.checkList label {margin-right:20px} /* === En cliquant sur le label on selectionne la checklist === */
.checkList input {height:16px;}		/* === En cliquant sur l input on selectionne la checklist === */

input.text,textarea.text {
	border : 1px solid #696969 ; /* === Bordure sur input et zone de saisie de texte === */
}
textarea {
	overflow : auto ;
}

/* ====================================== Messages ====================================== */
.MessErrorHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #D03400;
	list-style-image:  url(../images/portail/P_Error.gif);
	padding-left: 10px;
	margin-right: 2px;
	height: 20px;
}
.MessError {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image:  url(../images/portail/P_Error.gif);
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D03400;
	padding-left: 5px;
	margin-right: 2px;
}
.MessErrorInput {
	color: #FF0000;
	border-top: 2px solid #990000;
	border-right: 1px solid #FF0000;
	border-bottom: 1px solid #FF0000;
	border-left: 2px solid #990000;
}
.MessConfirm {
    border: 1px solid #006600;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #006600;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
.MessConfirmTab {
	border: 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-color: #006600;
	cellspacing : 2;
}

/* ====================================== Bouton ====================================== */
.Bouton_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006600;
	background-color: #F1FFE8;
	cursor: pointer ;
	cursor: hand ;
	border: 1px solid #006600;
	text-transform: capitalize;
	text-transform:uppercase;

}
.Bouton_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006600;
	background-color: #FFFFFF;
	cursor: pointer;
	cursor: hand;
	border: 1px solid #FB9B03;
	text-transform: capitalize;
	text-transform:uppercase;
}
.BoutonValid_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0804A6;
	background-color: #D0E7FD;
	cursor: pointer ;
	cursor: hand ;
	border: 1px solid #0804A6;
	text-transform: capitalize;
	text-transform:uppercase;
}
.BoutonValid_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0804A6;
	background-color: #FFFFFF;
	cursor: pointer ;
	cursor: hand ;
	border: 1px solid #fb9b03;
	text-transform: capitalize;
	text-transform:uppercase;
}

.BoutonCancel_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A20212;
	background-color: #FFF0F0;
	cursor: pointer ;
	cursor: hand ;
	border: 1px solid #a20212;
	text-transform: capitalize;
	text-transform:uppercase;
}
.BoutonCancel_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a20212;
	background-color: #FFFFFF;
	cursor: pointer ;
	cursor: hand ;
	border: 1px solid #fb9b03;
	text-transform: capitalize;
	text-transform:uppercase;
}

/* ====================================== AIde - information -Recapitulatif-resume====================================== */
.HelpTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	text-align: justify;

}
.HelpTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #006600;
	list-style-image:  url(../images/portail/P_Niv1.gif);
	list-style-type: square;
}
.HelpTxtBold {
    font-size: 12px;
	font-weight: bold;
    color: #006600;
}
.HelpNotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #006600;
}
.HelpTab,.RecapTab,.ResumTab {
	border: 1px solid #006600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 3px;
	cellspacing : 2;
}
.HelpTabHead, .RecapTabHead{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006600;
	padding-left : 10px;
}
.RecapHead {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006600;
	padding-left : 10px;
	border-top: 6px solid #FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.HelpTabLine1,.HelpTabLine1_1,.RecapLeft,.RecapLine1,.ResumLeft {
	background-color: #B7D9D1;
	padding-left : 3px
}
.HelpTabLine2,.HelpTabLine2_1,.RecapLine2 {
	background-color: #DAEBE7;
	padding-left : 3px
}
.RecapRight,.ResumRight {
background-color: #DAEBE7;
font-weight: bold;
padding-left : 3px
}

.TabRollOver,.HelpTabLine1_2,.HelpTabLine2_2 {
	background-color: #FFEECA;
	cursor: pointer;
	cursor: hand;
}
.HelpTitle2 {
	font-size: 13px;
	font-weight: bold;
	color: #006600;
	vertical-align: baseline;
	list-style-type: square;
	list-style-image: url(../images/portail/P_Niv2.gif);
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 10px;
}

.HelpTitle3 {
	font-size: 12px;
	color: #006600;
	font-weight: bold;
	list-style-image: url(../images/portail/P_Niv3.gif);
}
/* ====================================== Calendrier====================================== */
.Cal_Tab {
	border: 1px solid #006600;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	cellspacing : 2;
	background-color: #FFFFFF;

}
.Cal_JoursTab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	cellspacing : 2;
	font-weight: bold;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006600;
	border-bottom-color: #006600;

}
.Cal_JoursHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cellspacing : 2;
	color: #FFFFFF;
	background-color: #006600;

}
.Cal_DatesGris {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cellspacing : 2;
	color: #999999;

}
.Cal_DatesSelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cellspacing : 2;
	color: #FFFFFF;
	border: 1px solid #fb9b03;
	background-color: #fb9b03;

}
.Cal_Dates_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cellspacing : 2;
	color: #006600;

}
.Cal_Dates_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	cellspacing : 2;
	color: #006600;
	border: none;
	background-color: #fb9b03;

}
.Cal_Liste {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #fb9b03;
	font-weight: bold;

}