h2 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #FF3366;
}

.popper {
	left: 0px; 
	visibility: hidden; 
	position: absolute; 
	top: 0px;
	width: 250px;
}

.disabled{
	background-color: #dee3e7;
}
.undisabled{
	background-color: transparent;
}

a{
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #00008B;
	text-decoration: none;
}
a.link{
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #00008B;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #CC3333;
	font-style: italic;
}
/* Style Text Span */

.fontsmall{
	font-size: 11px;
}
.fontmedium{
	font-size: 14px;
}
.fontfixedBold{
	font-size: 14px;
	font-weight: bold;
}

hr{
	border-style: dotted;
	border-width: 1px;
	color: Maroon;
}

table.TableBorder{
}
.coinSansBorderL{
	border-left: 1px solid #DCDCDC;
	width:1000px;
	vertical-align:top;
}
.coinWithBorderL{
	background-image: url(images/coin.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	border-left: 1px solid #DCDCDC;
	width:1000px;
	vertical-align:top;
}
.coinWithBorder{
	background-image: url(images/coin.gif);
	background-repeat: no-repeat;
	background-color: White;
	background-position: 100% 0%;
	color: Black;
	font-weight: normal;
	border-left: 1px solid #291800;	
}
.coinWithBorder2{
	background-image: url(images/coin2.gif);
	background-repeat: no-repeat;
	background-color: #DCDCDC;
	background-position: 100% 0%;
	color: Black;
	font-weight: normal;
}
td.BorderBottom{
	background-image: url(images/deg.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 10px;
	width:1000px;
	font-size: 8px;
}

td.ColRowError{
	font-size: 12px;
	border-color: Silver;
	background-color: #FFC6C6;
	font-weight: bold;
	border-style: dotted;
	border-width: 1px;
	padding-bottom: 3px;
	text-align: center;
}
td.ColRowInfo{
	font-size: 12px;
	background-color: #98FB98;
	font-weight: bold;
	border-style: dotted;
	border-width: 1px;
	padding-bottom: 3px;
	text-align: center;
}
.ColRowInfo{
	font-size: 12px;
	background-color: #98FB98;
	font-weight: bold;
	border-width: 1px;
	text-align: center;
}
td.TdLegende{
	font-size: 12px;
	text-align: left;
	font-style: italic;
}
td.TdLegendeIm{
	text-align: right;
}


/* =================  END TABLEUR ================== */
input, textarea, select {
	color: Navy;
	font-size: 10px;
	border-width: 0px;
	border-style: inset;
	background-color: #FFFACD; /*border-color: Black;
	border-style: solid;
	border-width: 1px;*/
} 
.stylebutton{
	color: Navy;
	background-color: #CCF432;
	font-size: 11px;
	font-weight: bold;
	border-color: Black;
	border-style: outset;
	border-width: 1px;
	-moz-border-radius: 4px 4px 4px 4px;
	padding-left:3px;
	padding-right:3px;
}
td.ColRowInput{
	font-size: 12px;
	border-color: Black;
	background-color: #FFFACD;
	/*background-color: Gray;*/
	border-style: inset;
	-moz-border-radius: 4px 4px 4px 4px;
	border-width: 1px;
}
td.ColRowInputDisable{
	font-size: 9px;
	color : #696969;
	border-color: Black;
	background-color: #DEE3E7;
	/*background-color: Gray;*/
	border-style: inset;
	-moz-border-radius: 4px 4px 4px 4px;
	border-width: 1px;
}
td.ColRowEntete{
	font-weight:bold;
	font-size:12px;
	text-align: right;
}
td.ColRowEnteteL{
	font-weight:bold;
	font-size:12px;
	text-align: left;
}
td.ColRowEnteteR{
	font-weight:bold;
	font-size:12px;
	text-align: right;
}
input.Light{
	background-color: #CCF432;
	font-size: 11px;
	font-weight: bold;
	border-color: Black;
	border-style: outset;
	border-width: 1px;
	-moz-border-radius: 4px 4px 4px 4px;
	padding-left:3px;
	padding-right:3px;
}
input.LightAlerte{
	background-color: #FFA500;
	font-size: 11px;
	font-weight: bold;
	border-color: Black;
	border-style: outset;
	border-width: 1px;
	-moz-border-radius: 4px 4px 4px 4px;
	padding-left: 3px;
	padding-right: 3px;
}

input.LightDisabled{
	background-color: #E2F988;
	font-size: 11px;
	font-weight: bold;
	border-color: #D3D3D3;
	color: #A9A9A9;
	border-style: outset;
	border-width: 1px;
	-moz-border-radius: 4px 4px 4px 4px;
}
input.Saisie, select.Saisie, textarea.Saisie{
	background-color: #FFFACD;
	border-color: Black;
	border-style: outset;
	border-width: 1px;
	/*-moz-border-radius: 4px 4px 4px 4px;*/
}

input.SaisieDisabled, textarea.SaisieDisabled{
	background-color: #F5F5F5;
	border-color: Black;
	border-style: outset;
	border-width: 1px;
	-moz-border-radius: 4px 4px 4px 4px;
}




/* #######== Alert ==####### */

.alert{
color: Red;
}
.info{
	color: #20B2AA;
}

/* #######== Texte divers ==####### */
.minilib{
	font-style: italic;
	font-size: 10px;
}
.Alert{
	color:Red;
}




/* #######== Tableau ==####### */
td.ColTete, td.ColTeteL, td.ColTeteR{
	font-size: 13px;
	font-weight: bold;
	border-color: Black;
	border-style: outset;
	border-width: 1px;
	-moz-border-radius: 4px 4px 4px 4px;
	background-color: #CCF432;
	/*background-image: url(images/degrade.jpg);*/
}
td.ColTete{text-align: center;}
td.ColTeteL{text-align: left;}
td.ColTeteR{text-align: right;}

td.ColTeteAlerte{
	font-size: 13px;
	font-weight: bold;
	border-color: Black;
	border-style: outset;
	border-width: 1px;
	-moz-border-radius: 4px 4px 4px 4px;
	background-color: #FF0000; 
}

td.ColRowTete{
	font-size: 13px;
	font-weight: bold;
	border-color: Silver;

	border-style: solid;
	border-width: 1px;
	text-align: center;
}

td.barreAvancement, td.barreAvancementOui, td.barreAvancementTop{
	border: 1px;
	border-style: solid;
	border-color: #8C8C8C;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
}
td.barreAvancementTop{
	background-color: #E6E6E6;
	font-size: 11px;
	font-weight: bold;
}
td.barreAvancement{
	width: 150px;
	background-color: #D0D0D0;
	font-size:11px;
	font-style: italic;
	border-top-color: Black;
}
td.barreAvancementOui{
	width: 150px;
	background-color: #E2F988;
	font-size:10px; 
	font-weight: bold;
	border-top-color: Black;
}
td.barreAvancementNon{
	width: 150px;
	background-color: #FA8072;
	font-size: 10px;
	font-weight: bold;
	border-top-color: Black;
}
td.ColRowStatutEnCourssb, td.ColRowStatutWaitsb, td.ColRowStatutValidsb, td.ColRowStatutOksb, td.ColRowStatutInProgresssb,td.ColRowStatutTerminatesb{
	font-size: 3px;
	height: 3px;
	width: 150px;
	border-style: solid;
	border-width: 1px;
	border-color: #8C8C8C;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-top-color: Black;
}

td.ColRow, td.ColRowStatutEnCours, td.ColRowStatutWait, td.ColRowStatutValid, td.ColRowStatutOk, td.ColRowStatutRefuse, td.ColRowStatutGrise, td.ColRowStatutInProgress,td.ColRowStatutTerminate{
	font-size: 12px;
	border-color: Black;
	border-style: inset;
	-moz-border-radius: 4px 4px 4px 4px;
	border-width: 1px;
	background-color: White;
}

td.ColRowStatutGrise{
	background-color: #DCDCDC;
}
td.ColRowStatutEnCours{

}
td.ColRowStatutWait, td.ColRowStatutWaitsb{
	background-color: #F0E68C;
}
td.ColRowStatutValid, td.ColRowStatutValidsb{
	background-color: #CCFFCC;
}
td.ColRowStatutOk, td.ColRowStatutOksb{
	background-color: #B0C4DE;
}
td.ColRowStatutInProgress, td.ColRowStatutInProgresssb{
	background-color: #DDA0DD;
}
td.ColRowStatutTerminate, td.ColRowStatutTerminatesb{
	background-color: #FFC862;
}
td.ColRowStatutRefuse{
	background-color: #FFC1C1;
}
td.ColRow2{
	font-size: 12px;
	border-color: Black;

	border-style: inset;
	-moz-border-radius: 4px 4px 4px 4px;
	border-width: 1px;
}
td.ColRowBulle{
	font-size: 12px;
	border-color: Black;
	background-color: #98FB98;
	border-style: inset;
	-moz-border-radius: 4px 4px 4px 4px;
	border-width: 1px;
}

/* #######== CheckBox.Disabled ==####### */
img.disabled{
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;

}
.disabled{
	color: #696969;
}

/* #######== ACCUEIL ==####### */


td.ColRowMenuSansImg, td.ColRowMenu, table.ColRowMenu, table.ColRowMenuSansImg{
	border-color: Silver;
	border-style: solid;
	border-width: 1px; /*padding:3px;*/
	background-color: White;
	/*width: 230px;*/
	text-align: left;
	-moz-border-radius: 6px 6px 6px 6px;
}
td.ColRowMenuSansImg, table.ColRowMenuSansImg, .ColRowMenuSansImg{
	background-image: url(images/descr_mid.gif);
	background-repeat: repeat-y;
	/*background-position: 100% 0%;*/
}


td.ColRowMenu, table.ColRowMenu{
	background-image: url(images/coin.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	
	/*background-image: url(images/descr_mid.gif);
	background-repeat: repeat-y;
	//background-position: 100% 0%;	*/
}

a.elemMenu{
	text-decoration: none;
	display: block;
	margin-top: 3px;
	height:16px;
	vertical-align: top;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF2D9;
	color: #483D8B;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
}
a.elemMenu:hover{
	background-color: #E2F988;
	border-color: Silver;
	color: Black;
}
.elemMenuDisabled{
	text-decoration: none;
	display: block;
	margin-top: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #FFF2D9;
	color: #CDCDCD;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
}
.elemMenuDisabled:hover{
	background-color: #E2F988;
	border-color: Silver;
	color: #8A8A8A;
}
.elemMenuSeparateur{
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 5px;
	height: 2px;
	margin-top: 3px;
	border-style: solid;
	border-width: 0px;
	background-color: #CCF432;
	color: #CCF432;
	font: normal 11px Arial, Verdana, Helvetica, sans-serif;
}
td.link_barre, a.link_barre
{
	height: 23px;	
	color: #CCF432;	
	-moz-border-radius: 4px 4px 4px 4px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: "Arial";
	background-color:#291800;	
	text-align: left;
}
.link_barre, a.link_barre
{
	color: #CCF432;	
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: "Arial";
	background-color:#291800;	
	text-align: left;
}

td.link_barreSpec, a.link_barreSpec
{
	height: 23px;
	color: #FFA500;
	-moz-border-radius: 4px 4px 4px 4px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: "Arial";
	background-color: #291800;
	text-align: left;
}
.link_barreSpec, a.link_barreSpec
{
	color: #FFA500;	
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: "Arial";
	background-color:#291800;	
	text-align: left;
}

td.bordD{
	font-size: 8px;
	width:10px;
	background-image: url(images/mntd.gif);
	background-repeat: repeat-y;
}

td.bordG{
	font-size: 8px;
	width:10px;
	background-image: url(images/mntg.gif);
	background-repeat: repeat-y;
}
td.bordDB{
	font-size: 8px;
	width:9px;
	height:23px;
	background-image: url(images/mntdb.gif);
	background-repeat: no-repeat;
}
td.bordGB{
	font-size: 8px;
	width:9px;
	height:23px;
	background-image: url(images/mntgb.gif);
	background-repeat: no-repeat;
}
td.bordB{
	font-size: 8px;
	height:9px;
	background-image: url(images/mntb.gif);
	background-repeat: repeat-x;
}
td.bordDiv{
	font-size: 8px;
	height:10px;
	background-image: url(images/mntDiv.gif);
	background-repeat: repeat-x;	
}
td.bordDT{
	font-size: 8px;
	width:9px;
	height:23px;
	background-image: url(images/mntdt.gif);
	background-repeat: no-repeat;
}
td.bordGT{
	font-size: 8px;
	width:9px;
	height:23px;
	background-image: url(images/mntgt.gif);
	background-repeat: no-repeat;
}
td.bordT{
	font-size: 8px;
	height:9px;
	background-image: url(style/images/mntt.gif);
	background-repeat: repeat-x;
}

.navUp {
	background-color: #CCF432;
	color: #291800;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	display: block;
	height: 17px;
	padding-left: 0px;
	text-align: left;
	vertical-align: top;
	
	border-bottom-color:#291800;
	border-bottom-style:solid;
	border-bottom-width: 4px;
	letter-spacing: 2px;
	
	background-image: url(images/degUp.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;	
	
} 
.navUp:hover {
	background-color: #291800;
	color: #291800;
	text-decoration: none;
	display:block;	
}
.navBarreUp {
	background-color: #CCF432;
	color: #291800;
	display: block;
	height: 15px;

	border-bottom-color:#291800;
	border-bottom-style:solid;
	border-bottom-width: 4px;
	letter-spacing: 2px;
} 
.navBarreUp2 {
	background-color: #CCF432;
	color: #291800;
	display: block;
	height: 15px;

	border-bottom-color:#291800;
	border-bottom-style:solid;
	border-bottom-width: 4px;
	letter-spacing: 2px;
	
	background-image: url(images/degUp.gif);
	background-repeat: repeat-x;
	background-position: 0% 100%;	

} 
.spoilerCpt{
	border: #000 solid 1px;
	background-color: #FFFADB;	
}
/*  ########################## ONGLET ########################### */
#onglet {
	clear: both;
}
#onglet td.ul {
	padding: 0px 0 0 0;
	font: bold 1em Arial, Helvetica, sans-serif; /*border-bottom: #000 solid 1px;*/
	list-style-position: outside;
}
td.under {
	padding: 6px;
	border: #000 solid 1px;
	background-color: #FFFADB;
	-moz-border-radius: 8px 8px 8px 8px;
}
#onglet li.onglet {
	float: left;
	list-style-type: none;
}
#onglet a.onglet {
	float: left;
	padding: 0 0 0 4px;
	font-size: 10px;
	background: url(images/onglet_bta1.png) no-repeat left top;
	color: Black;
	text-decoration: none;
}
#onglet a.onglet span {
	float: left;
	display: block;
	
	background: url(images/onglet_bta2.png) no-repeat right top;
	padding: 3px 8px 3px 8px;
}

#onglet a.onglet:hover {
	background-position: 0% -50px;
	color: Black;
}
#onglet a.onglet:hover span {
	background-position: 100% -50px;
}
#onglet a.onglet.under {
	color: Blue;
	text-decoration: underline;
}
#onglet a.onglet.under:hover {
	color: Navy;
	text-decoration: underline;
}
.spoiler{
	border-top: #000 solid 1px;
	border-bottom: #000 solid 1px;
}




span.corners-top {
	background-image: url(images/corners_left.png);
}

span.corners-top span {
	background-image: url(images/corners_right.png);
}

span.corners-bottom {
	background-image: url(images/corners_left.png);
}

span.corners-bottom span {
	background-image: url(images/corners_right.png);
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 0px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	/*background-image: none;*/
	background-position: 0 0;
	margin: 0 0px;
}

span.corners-top span {
	/*background-image: none;*/
	background-position: 100% 0;
}

span.corners-bottom {
	/*background-image: none;*/
	background-position: 0 100%;
	margin: 0 0px;
	clear: both;
}

span.corners-bottom span {
	/*background-image: none;*/
	background-position: 100% 100%;
}
* html span.corners-top, * html span.corners-bottom { background-image: url("images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("images/corners_right.gif"); }