/*AVERTISSEMENT*/


body { margin : 0px 0px 0px 0px; font-family : Roboto; font-size : 12px;
}


table.topNavigation { background-color : #B3C91B; height: 30px; width : 100%; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; border :none; vertical-align : middle}

td.topNavigation {
    background-color: #B3C91B;
	border-left-color: #ffffff;
	border-left-style: solid;
	border-left-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width : 0px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	padding-left: 16px;
	padding-right: 16px;
    padding-bottom : 0px;
    padding-top : 0px;
	text-align: center;
	vertical-align: middle;
}

td.topNavigationHover {
    background-color: #D5E856;
	border-left-color: #ffffff;
	border-left-style: solid;
	border-left-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width : 0px;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	padding-left: 16px;
	padding-right: 16px;
    padding-bottom : 0px;
    padding-top : 0px;
	text-align: center;
	vertical-align: middle;
}

td.topNavigationPad {
    background-color: #B3C91B;
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	height: 25px;
	padding-left: 16px;
	padding-right: 16px;
    padding-bottom : 0px;
    padding-top : 0px;
	text-align: center;
	text-decoration: none;
    text-wrap :none;
	vertical-align: middle;
}

td.graybar {
	color: #2F0000;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	padding-left: 16px;
	padding-right: 16px;
	text-align: left;
	text-decoration: none;
    text-wrap :none;
    text-transform :uppercase;
	vertical-align: middle;
    height:32px;
}
td.graybar2 {
	color: #2F0000;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	padding-left: 16px;
	padding-right: 16px;
	text-align: left;
	text-decoration: none;
    text-wrap :none;
	vertical-align: middle;
    height:32px;
}

a.graybar2 {
	color: #2F0000;
	font-family: Roboto;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	text-decoration:underline;
    text-wrap :none;
	vertical-align: middle;
    height:32px;
}
td.Titre1Separator{
    border-left-color : #B2B2C0;
    border-left-style: solid;
	border-left-width: 2px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width : 0px;
    width : 32px;
    
}

a.topNavigation {
	color: #FFFFFF;
	font-family: Roboto;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
    text-wrap :none;
}

td.MainMenu
{
    background-color:#FFFFFF;
    color : #2F0000;
    font-family: 'Roboto Condensed',sans-serif;
	font-size: 16px;
	font-weight: normal;
    text-align: center;
	vertical-align: middle;
    padding-left: 16px;
	padding-right: 16px;
}

td.MainMenuHover
{
    background-color:#D5E856;
    color : #2F0000;
    font-family: 'Roboto Condensed',sans-serif;
	font-size: 16px;
	font-weight: normal;
    text-align: center;
	vertical-align: middle;
    padding-left: 16px;
	padding-right: 16px;
}

table.popMenu{
     background-color:#D5E856;
     color : #2F0000;
     font-family: 'Roboto Condensed',sans-serif;
     font-size: 14px;
	 font-weight: normal;
}

td.popMenu{
     background-color:#D5E856;
     color : #2F0000;
     font-family: 'Roboto Condensed',sans-serif;
     font-size: 15px;
	 font-weight: normal;
     padding-left : 16px;
     padding-right : 32px;
     padding-top : 0px;
     padding-bottom : 8px;
}

a.popMenu{
     background-color:#D5E856;
     color : #2F0000;
     font-family: 'Roboto Condensed',sans-serif;
     font-size: 15px;
     text-decoration: none;
     text-wrap :none;
}

a.popMenu:hover{
     background-color:#D5E856;
     color : #2F0000;
     font-family: 'Roboto Condensed',sans-serif;
     font-size: 15px;
     text-decoration:underline;
     text-underline-position : below;
     text-wrap :none;
}

td.mainWorkspace{
    border : solid;
    border-width : 1px 1px 1px 1px;
    border-color : #2F0000;
    padding : 2px 2px 2px 2px;
}

td.cellWorkspace
{
    border : solid;
    border-width : 1px 1px 1px 1px;
    border-color : #848484;
   /* padding : 4px 4px 4px 4px; */
}

td.toolBar
{
    background-color : #CCCCCC;
    border : solid;
    border-width : 1px 1px 1px 0px;
    border-color : #848484;
    padding : 2px 2px 2px 2px;
    width : 28px;
}

td.dBtoolBar
{
    background-color : #CCCCCC;
    border : solid;
    border-width : 0px 0px 0px 1px;
    border-color : #848484;
    padding : 2px 2px 2px 2px;
    width : 28px;
}

td.treeView{
    background-color:#FFFFFF;
     color : #2F0000;
     font-family: 'Roboto Condensed',sans-serif;
     font-size: 14px;
	 font-weight: normal;
     height:24px; 
     text-align : left; 
     vertical-align : middle;
}

td.nomCompte{
    color : #B3C91B;
    font-family : Roboto;
    font-size : 12px;
    font-weight : bold;
    text-align : right;
    vertical-align : middle;
    text-transform : uppercase;
    height : 16px;
}

td.monEspace{
    width : 225px;
    height : 25px;
    background-color : #2F0000;
    font-family : Roboto;
    font-size : 13px;
    font-weight : 500;
    color : #FFFFFF;
    vertical-align : middle;
    text-align : center;
    text-transform : uppercase;
    cursor : pointer;
}

td.monEspace:hover{
    width : 225px;
    height : 25px;
    background-color : #2F0000;
    font-family : Roboto;
    font-size : 13px;
    font-weight : 500;
    color : #B2B2B2;
    vertical-align : middle;
    text-align : center;
    text-transform : uppercase;
    cursor : pointer;
}

td.Onglet{
    width : 150px;
    height : 25px;
    background-color :#FFFFFF ;
    font-family : Roboto;
    font-size : 13px;
    font-weight : 500;
    color : #2F0000;
    border-color : #2F0000;
    border-style: solid;
	border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width : 0px;
    padding-top : 2px;
    padding-left : 8px;
}

td.OngletOut{
    width : 150px;
    height : 25px;
    background-color :#CCCCCC ;
    font-family : Roboto;
    font-size : 13px;
    font-weight : 500;
    color : #2F0000;
    border-color : #2F0000;
    border-style: solid;
	border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width : 0px;
    padding-top : 2px;
    padding-left : 8px;
}

/* Affichage des composants*/
div.cpxAffichage
{
    border : solid;
    border-width : 0px 0px 2px 0px;
    border-color : #CCCCCC;
    width : 100%;
    padding-bottom: 10px;
}

div.cpxEdition
{
    background-color : #D5E856;
    border : solid;
    border-width : 2px 0px 2px 0px;
    border-color : #848484;
    width : 100%;
    padding-bottom: 10px;
}


h4.cpxTitre
{
    width : 100%;
    padding : 16px 24px 4px 16px;
    font-size : 16px;
    font-weight : bold;
    text-transform : uppercase;
}

td.cpxRefFDES
{
    width : 100%;
    padding : 4px 24px 4px 16px;
    font-size : 14px;
    font-weight : bold;
}

td.cpxTitreChamp
{
    width : 50%;
    padding : 4px 4px 4px 16px;
    font-size : 14px;
    font-weight :normal;
}

td.cpxValeurChamp
{
    width : 30%;
    padding : 4px 4px 4px 16px;
    font-size : 14px;
    font-weight :bold;
    text-align : right;
}

td.cpxUniteChamp
{
    width : 20%;
    padding : 4px 4px 4px 16px;
    font-size : 14px;
    font-weight :normal;
}

td.cpxToolBar
{
    background-color : #CCCCCC;
    border : solid;
    border-width : 0px 0px 0px 1px;
    border-color : #848484;
    padding : 2px 2px 2px 2px;
    width : 28px;
    vertical-align : top;
}

input.cpxTitre
{
    width : 100%;
    font-family : Roboto;
    font-size : 16px;
    background-color : #FFFFFF;
    border : solid;
    border-width : 1px 1px 1px 1px;
    border-color : #2F0000;
    text-align : left;
    vertical-align : middle;
    
}

input.cpxValeurChamp
{
    width : 100%;
    font-family : Roboto;
    font-size : 14px;
    background-color : #FFFFFF;
    border : solid;
    border-width : 1px 1px 1px 1px;
    border-color : #2F0000;
    text-align : right;
    vertical-align : middle;
    
}

table.dataBaseSearch{
    background-color : #FFFFFF;
    border : solid;
    border-width : 1px 1px 1px 0px;
    border-color : #2F0000;
    border-top-color : #FFFFFF;
    text-align : left;
    vertical-align : top;
}

td.titreDataBase{
    background-color : #E6E6E6;
    border : solid;
    border-width : 0px 0px 1px 0px;
    border-color : #2F0000;
    text-align : left;
    vertical-align : middle;
    padding-left : 16px;
    height : 42px;
    font-family : Roboto;
    font-size : 16px;
    font-weight:bold;
}