
 
 
 

 


















 



html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body, html {
	margin: 0;
	padding: 0;
} 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #565656;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	margin: 0;
	padding: 0;
}
body.pageBg {
	background-image: url(./images/mdl/pagebg.gif);
}

form {
	margin: 0;
	padding: 0;
} 

table, input, textarea, button, select {
	font-family: Arial, Helvetica, sans-serif;
}

div, span, p, ul, li, td, th { 
	font-family: Arial, Helvetica, sans-serif;
}

pre {
	font-family: Arial, Helvetica, sans-serif;
}

img{
	vertical-align:middle;
}

a {
	outline: none;
}
a, a:visited, a:active {
	color: #a97f98;
}

.generalErrorText {
	color: #df0023;
	font-style: italic;
}

.clearing {
	clear: both;
}

.layoutRow {width: 100%; }
.layoutColumn {width: 100%; }

#global {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
}

#mainContent {
	padding: 0;
}

#header {
	width:100%;
	margin: 0;
	padding: 0;
	clear: both;
}




#logo {
	background-image: url(./images/mdl/logo.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 200px;
	height: 118px;
	float: left
}
#logo h1 {
	display: none;
}




#toolbar {
	float: left;
	color: #a97f98;
	font-size: 10px;
	padding: 5px 5px 0 0;
	height: 47px;
	width: 780px;
}
#toolbar ul {
  float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#toolbar li {
	margin: 0;
	padding: 0;
	display: inline;
}
#toolbar li.aide, #toolbar li.connexion {
	background-image: url(./images/mdl/sepa_verti.gif);
	background-repeat: no-repeat;
	background-position: 5px 1px;
	padding-left: 14px;
}
#toolbar a {
	text-decoration: none;
	color: #a97f98;
}



#topNav {
	float: left;
	padding: 0 0 0 30px;
}

.wpsPageBarFirstRow {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.wpsPageBarFirstRow li.wpsSelectedPage, .wpsPageBarFirstRow li.wpsUnSelectedPage {
	margin: 0;
	padding: 0 0 0 40px;
	display: inline;
	background-repeat: no-repeat;
	background-position: 25px 3px;
}
.wpsPageBarFirstRow li.wpsUnSelectedPage {
	background-image: url(./images/mdl/puce1_off.gif);
}
.wpsPageBarFirstRow li.wpsSelectedPage {
	background-image: url(./images/mdl/puce1_on.gif);
}
.wpsPageBarFirstRow li a {
	text-decoration: none;
	color: #a97f98;
}
.wpsPageBarFirstRow li.wpsSelectedPage a {
	color: #003658;
}

.wpsPageBar {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 12px;
	text-align: right;
}
.wpsPageBar li {
	margin: 0;
	padding: 0 0 0 20px;
	display: inline;
	background-image: url(./images/mdl/sepa_verti.gif);
	background-repeat: no-repeat;
	background-position: 9px 2px;
}
.wpsPageBar li a {
	text-decoration: none;
	color: #a97f98;
}
.wpsPageBar li.wpsSelectedPage a {
	color: #003658;
}




.breadcrumbNav {
    float: left;
    padding: 2px 0 2px 5px;
    background-color: #a97f98;
    color: #FFFFFF;
    font-size: 10px;
    width: 100%;
    margin-bottom: 10px;
}
.breadcrumbNav a, .breadcrumbNav a:visited, .breadcrumbNav a:hover, .breadcrumbNav a:active {
    color: #e3d6de;
    text-decoration: none;
}




.sideNavTd {
  padding-right: 40px;
  padding-top: 45px;
}
.sideNavHome {
  position: absolute;
  top: 0px;
  z-index: 20;
}
.sideBannersTd {
  padding-right: 40px;
}

#wpsSideNav, #wpsSideNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 200px;
	border-top: 1px solid #f1f1f1;
	font-size: 12px;
}
#wpsSideNav ul {
	margin-top: 7px;
}
#wpsSideNav li.sideNavCarre {
	margin: 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #f1f1f1;
	width: 200px;
	text-align: right;
	text-transform: uppercase;
}
#wpsSideNav li.sideNavTriangle {
	margin: 0;
	padding: 7px 0 7px 0;
	border-bottom: 1px solid #f1f1f1;
	width: 200px;
	text-align: right;
}
#wpsSideNav li.sideNavTriangleMini {
	margin: 0;
	padding: 4px 0 0 0;
	border: none;
	width: 200px;
	text-align: right;
	text-transform: none;
}
#wpsSideNav li.sideNavCarre a, #wpsSideNav li.sideNavCarre span {
	padding-right: 14px;
	background-image: url(./images/mdl/puce3_off.gif);
	background-position: right 3px;
	background-repeat: no-repeat;
	text-decoration: none;
	display: block;
	color: #a97f98;
}
#wpsSideNav li.sideNavCarre span {
	color: #a97f98;
}
#wpsSideNav li.sideNavTriangle a, #wpsSideNav li.sideNavTriangle span {
	padding-right: 14px;
	background-image: url(./images/mdl/puce2_off.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #a97f98;
}
#wpsSideNav li.sideNavTriangle span {
	color: #a97f98;
}
#wpsSideNav li.sideNavTriangleMini a {
	padding-right: 13px;
	background-image: url(./images/mdl/puce4_off.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
	text-decoration: none;
}
#wpsSideNav a {
	color: #003658;
}
#wpsSideNav li.sideNavCarre #actif, #wpsSideNav li.sideNavCarre .actif {
	color: #003658;
	background-image: url(./images/mdl/puce3_on.gif);
}
#wpsSideNav li.sideNavTriangle #actif, #wpsSideNav li.sideNavTriangle .actif {
	color: #003658;
	background-image: url(./images/mdl/puce2_on.gif);
}
#wpsSideNav li.sideNavTriangleMini #actif {
	color: #003658;
	background-image: url(./images/mdl/puce4_on.gif);
}




#catalogue {
	width: 200px;
	height: 60px;
	background-image: url(./images/mdl/bt_catalogue.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 25px;
	padding-top: 10px
}
#catalogue h2 {
	margin: 0;
	padding: 0;
}
#catalogue h2 a {
	width: 200px;
	height: 50px;
	text-indent: -999em;
	display: block;
	margin: 0;
	padding: 0;
}




#moncompte {
	width: 200px;
	background-image: url(./images/mdl/moncompte_bg1.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 15px;
	padding-top: 10px;
}
#moncompte h2 {
	margin: 0;
	padding: 0;
}
#moncompte h2 a {
	width: 200px;
	height: 19px;
	text-indent: -999em;
	display: block;
	background-image: url(./images/mdl/moncompte_t.gif);
	background-repeat: no-repeat;
	background-position: 10px 0;
	margin: 0;
	padding: 0;
}
#moncompte .bas {
	width: 200px;
	height: 8px;
	background-image: url(./images/mdl/moncompte_bg2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}




#magasin {
	width: 198px;
	margin-top: 25px;
	border: 1px solid #EEE;
}
#magasin h2 {
	width: 198px;
	height: 52px;
	text-indent: -999em;
	display: block;
	background-image: url(./images/mdl/magasin_t.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
	padding: 0;
}
#magasin p {
	margin: 0;
	padding: 0 8px 0 8px;
}
#magasin form {
	margin: 0;
	padding: 0 18px 10px 10px;
	text-align: right;
}
#magasin .txt {
	background-image: url(./images/mdl/input_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border: 1px solid #f0efec;
	width: 50px;
	padding: 1px 0 0 6px;
}
#magasin .bt {
	border: none;
	background-color: #a97f98;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	padding: 0 2px 0 2px;
}




.launch {
	float:left;
	border: 0px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	font-weight: bold;
	cursor: pointer;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: url(./colors/default/main_menu_background.gif) repeat-x;
	background-color: #3880DE;
}
.launch img {
	vertical-align: baseline;   
}

.launch a, .launch a:visited, .launch a:hover, .launch a:active{
	text-decoration: none;
}
.launch:hover {
	background: url(./colors/default/main_menu_background_hover.gif) repeat-x;
	background-color: #3880DE;
}

.main-menu {
	color: #000000;
	background-color: #EBF1F7;
	border: 1px solid;
	border-color: #3161A5;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
}

.main-menu-border {
	border: 0px;	
}

.main-menu-item, .main-menu-item:visited  {
	background-color: #EBF1F7;
	color: #000000 !important;
	text-decoration: none;	
	padding:3px;
	white-space:nowrap;
	font-size: x-small
}

.main-menu-item-selected {
	background:none;
	background-color: #E2EEFF;
	color: #000000 !important;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #B9CEEA;
	cursor:pointer;
	white-space:nowrap;
	text-decoration: none;	
	padding:3px;
	font-size: x-small
}

.main-menu-item-selected a{
	background: none;
	background-color: transparent;
}
/* prevent border on selected item from getting inherited by  menu icons */
.main-menu-item-selected img, .main-menu-item img{
	border: 0px;
	background: none;
	background-color: transparent;
	height: 16px;
	width: 16px;
}

.main-menu-item .portlet-separator { 
	margin:0px; 
	line-height:1px;
	background-color: #999999;
}
.portlet-separator { 
	margin:0px; 
	line-height:1px;
	background-color: #444444;
}




.dndDropAware{
	border: 0px; 
	background-color: ;
}
.dndDropActive{
	border: 0px; 
	background-color: ;
}
.dndDragging{
	width: 100%; 
	
		-moz-opacity: .4;
	
	
}
.dndDragSelected{
   	border: 1px; 
	background-color: ;
}
.dndMoveCursor{
	cursor:move;
}
.dndDropCursor{
	cursor: pointer; 
}
.dndNoDropCursor{
	cursor: not-allowed;
}


.contentPaletteDragClass{
    width: 100%; 
    
		-moz-opacity: .4;
	
	
}
.contentPaletteDragClass div
{
    background-color: ; 
    background: ;
    font-weight: normal;
    font-family: arial;
    font-size: xx-small;
}





.wpsPortlet{
	margin:5px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: ;
	background-image:none;
}
.wpsPortletBody{
	margin: 0;
	background-image:none;
	position: relative;
}

.wpsPortletTitleBar{
	font-size: small;
	color: ;
	background: ;
	background-color: ;
	padding-left: 5px;
	width:100%;
	white-space: nowrap;
}

.wpsPortletTitleBar img{
	vertical-align:middle;
}

.wpsPortletIcons{
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
}



.wpsPortletTitleIconNonStandardSize, .wpsPortletTitleToolsIconNonStandardSize {
}



.wpsThinSkinContainerBar{
	height: 12px;
	border: 1px solid white;
	margin-bottom: 2px;
}

.wpsThinSkinContainerBarBorder{
	background: ;
	background-position: bottom;
	background-color: ;
}

.wpsThinSkinDragZoneContainer{
	width: 75%; 
	display: inline; 
	float: left;
}

.wpsThinSkinInvisible{
	visibility: hidden;
}

.wpsThinSkinVisible{
	visibility: visible;
}

.wpsThinSkinMenuContainer{
	display: inline; 
	float: right; 
	padding-right: 3px;
}


 








.portlet-dlg-icon-label {
    font-weight: bold;
    color: #000000; 
    white-space: nowrap;
}


.portlet-icon-label {
    color: #000000;
}


.portlet-section-header {
    font-weight: bold;
    color: #333333;
}


.portlet-section-header-highlight {
    background-color: #F0F0F0;
}


.portlet-font {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: #333333;
}


.portlet-section-body {
}

.portlet-section-alternate {
}

.portlet-section-selected {
}

.portlet-section-footer {
}


.portlet-section-subheader {
    color: #333333;
}





.portlet-table-text {
}


.portlet-table-selected {
    color: #333333;
    background-color: #c5d1de;
}


.portlet-table-alternate {
    color: #333333;
}


.portlet-table-header {
    font-weight: normal;
    color: #000000;
    text-align: left;
    background-color: #ffffff;
    border-width: 0px 0px 0px 0px;
    border-style: none;
    border-color: #aaaaaa;
}




.portlet-table-body {
    text-align: left;
    border-width: 1px 0px 0px 0px ! important;
    border-style: solid ! important;
    border-color: #aaaaaa ! important;
}

.portlet-table-footer{
}





.portlet-table-subheader {
    font-weight: bold;
    color: #000000;
    text-align: left;
}


.portlet-form-input-field {
    border: 1px solid #999999;
}


.portlet-form-button {  
    text-decoration: none;
	text-align: center;
    background-image: url("./colors/default/ButtonBackground.gif");
    background-repeat: repeat-x;
    background-position: left center; 
    border: 1px solid #919191;
    padding: 0px 2px;
	margin: 0px;
	overflow: visible;
	font-weight: normal;
	color: #000000;
	cursor: pointer;
}



.portlet-form-field, .portlet-form-field-label {
    color: #333333;
}


.portlet-font-dim {
    color: #808080;
}


.portlet-form-label {
    color: #333333;
}





.portlet-msg-error {
    color: #000000;
}


.portlet-msg-alert {
    color: #000000;
}


.portlet-msg-success {
    color: #000000;
}


.portlet-msg-info {
    color: #000000;
}


.portlet-section-text {
    color: #666666;
}


.portlet-msg-status {
    color: #333333;
}




.portlet-menu {
	background-color: #EEEEEE;  
	border-style: solid;
	border-color: #333333; 
	border-width: 1px;
    padding: 3px;
}


.portlet-menu-item {
	background-color: #EEEEEE;
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
    padding: 3px;
}


.portlet-menu-item-selected {
	background-color: #aaaaaa;
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
    padding: 3px;
}


.portlet-menu-item-hover {
	background-color: #cccccc;
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
    padding: 3px;
}


.portlet-menu-item-hover-selected {
	background-color: #cccccc;
	border-style: solid;
	border-color: #333333;
	border-width: 1px;
    padding: 3px;
}


.portlet-menu-cascade-item {
	background-color: #eeeeee;
   	border-style: solid;
	border-color: #333333;
	border-width: 1px;
    padding: 3px 3px 3px 3px;
}


.portlet-menu-cascade-item-selected {
	background-color:#cccccc;
    border-style: solid;
	border-color: #333333;
	border-width: 1px;
    padding: 3px 3px 3px 3px;
}


.portlet-menu-description {
}


.portlet-menu-caption {
	border-style: solid;
	border-color: #333333; 
	border-width: 1px;
}


.portlet-separator {
    background-color: #999999;
    height: 1px;
}

div.portlet-separator {
    background-color: #999999;
	margin: 2px 0 2px 0;
}


.help {
	font-size: xx-small; COLOR: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
}
.help_indent {
	font-size: xx-small; COLOR: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
A.help {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; COLOR: #3366CC
}
A.help:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; COLOR: #666699
}
A.help:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; COLOR: #3366CC
}
A.help:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; COLOR: #3366CC
}
H2.help {
	PADDING-left: 8px; font-weight: bold; font-size: x-small; COLOR: #000000; PADDING-TOP: 22px; BORDER-BOTTOM: 1px solid #B0B0B0; HEIGHT: 16px; BACKGROUND-COLOR: #F0F0F0; TEXT-ALIGN: left
}
H3.help {
	font-size: x-small; PADDING-left: 8px; font-weight: bold; PADDING-TOP: 3px; HEIGHT: 20px; BACKGROUND-COLOR: #F0F0F0
}
H3 A.help {
	font-size: x-small; COLOR: #000000; BACKGROUND-COLOR: #F0F0F0; TEXT-DECORATION: none
}
H4.help {
	PADDING-left: 8px; MARGIN: 16px 20px 0px 20px; COLOR: #000000; PADDING-TOP: 3px; HEIGHT: 20px; BACKGROUND-COLOR: #F0F0F0; TEXT-ALIGN: left
}
H4 A.help {
	font-weight: normal; font-size: xx-small; COLOR: #000000; font-style: italic; BACKGROUND-COLOR: #F0F0F0
}
P.help {
	PADDING-BOTTOM: 0px; MARGIN: 2px 20px 0px 30px; PADDING-TOP: 4px
}
P.help_indent {
	PADDING-BOTTOM: 0px; MARGIN: 2px 20px 0px 0px; PADDING-TOP: 4px
}
UL.help {
	MARGIN-left: 56px; MARGIN-right: 20px
}
OL.help {
	MARGIN-left: 56px; MARGIN-right: 20px
}
DL.help {
	MARGIN-left: 56px; MARGIN-right: 20px
}
PRE.help {
	MARGIN-left: 30px; font-family: monospace;
}
DT A.help {
	FONT-WEIGHT: 900; COLOR: #000000
}
DD.help {
	PADDING-BOTTOM: 20px; PADDING-TOP: 2px
}
LI.help {
	PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
TABLE.help {
	PADDING-right: 20px; PADDING-left: 30px; MARGIN-left: 28px
}
TH.help {
	TEXT-ALIGN: center; PADDING-TOP: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top;
}
TD.help {
	PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; PADDING-TOP: 3px; TEXT-ALIGN: left
}
samp {
    font-size: x-small;
}

TABLE.dataTable {
	color              : black; 
	width              : 90%;
	border-collapse    : collapse;
	border-color	   : Black;
	background-color   : white;  
	margin-left  : 28px;
}
.dataTable TH {
   font-weight: bold;
   font-size			: 0.7em;
   color                : black; 
   background-color  	: #F0F0F0;  
	
}
 

 



  
        
 

 