body { margin: 0; padding: 0; margin-top: 0; margin-bottom: 0; background-image:url("/images/repdegrad2.jpg"); background-repeat:repeat-x}
div {margin: 0;}
span {margin: 0; border:0}



table {  margin: 0 }

h5           { font-family: Arial; font-size: 11pt; margin-left: 0; margin-top: 8; 
               margin-bottom: 1; }
.MEAhome           { font-family: Arial; font-size: 12pt; text-align:center; margin-left: 0; margin-top: 0; font-weight: bold;}	
.TIThome           { vertical-align:center; color:#FFFFFF; font-family: Arial; font-size: 13pt; text-align:center;  margin-left: 0; margin-top: 0; font-weight: bold; position:absolute; left:2px; top:7px; width:353px; height:22px; z-index:5}	
		   
.titletop           { font-family: Arial; font-size: 12pt; text-align:center ;margin-top: 3; margin-bottom: 7; font-weight: bold;  }               

.entete    { text-align: center; vertical-align : top; margin-top:12px; color:#FFFFFF; font-family: Arial; font-weight: bold; font-size: 13px;   }
.claim    { vertical-align : top; color:#FFFFFF; font-family: Arial; font-weight: bold; font-size: 15px;   }
.tagcloud    { vertical-align : top; color:#FFFFFF; font-family: Arial;    }
.tagcloud2    { vertical-align : top; color:#000000; font-family: Arial;    }


.pubtop    { font-family: Verdana,Arial; text-align: center; vertical-align : center }
.textpt    { font-family: Arial; font-size: 8pt; margin-left:0; margin-right:0; padding-top:0; padding-bottom:0 }
.textcompt    { font-family: Arial; font-size: 8pt; margin-left:0; margin-right:0; padding-top:0; padding-bottom:0 }

.text    { font-family: Verdana,Arial; font-size: 9px;margin-left:0; margin-right:0; padding-top:0; padding-bottom:0 }
.textb    { font-family: Arial; font-size: 9pt; font-weight: bold; margin-left:0; margin-right:0; padding-top:0; padding-bottom:0 }
.error {  font-family: Arial, Helvetica, sans-serif; font-size: 10px ; color: red}

.titre { border-width:12px; font-family: Verdana; color: #0066FF; font-size: 11pt; text-decoration: 
               underline; font-weight: bold; margin-top:10; margin-bottom:15 }

option       { height: 13px; font-size: 9pt; font-family: Arial; padding-top:0; padding-bottom:0; margin-left:0; margin-right:0 }
select       { font-size: 9pt; font-family: Arial }
input        { height: 17px; font-family: Arial; font-size: 8pt }
.inputt { font-family: Arial, Helvetica, sans-serif; font-size: 9px; COLOR: #000066; }
.inputs { height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; COLOR: #000066; }
.inputsearch { height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; COLOR: #000066; }


.titrintro   { font-family: Arial; font-size: 14pt; color: #000000; margin-left: 0; 
               margin-top: 0; margin-bottom: 0 }
.expltit   { font-family: Arial; font-size: 10pt; color: #000000; margin-left: 0; 
               margin-top: 0; margin-bottom: 0 }

.suggest{position: relative;background-color:#e6f6ff; clear: both; 
font-family: Arial; font-size: 8pt; font-weight: bold; margin:0;
padding: 3px}

.suggestkey{position: relative;background-color:#FFFFCC;margin:0; clear: both;
font-family: Arial; font-size: 9pt; font-weight: bold; margin:0;
padding: 3px}

.suggestsearch{position: relative;background-color:#FFFFCC;margin:0; clear: both;
font-family: Arial; font-size: 11pt; font-weight: bold; margin:0;
padding: 3px}

#conteneur {
	position: relative;
	width: 100%;
	height: 995px;
}
#centre {
position: relative;
margin-left: 220px;
float:center;
}


#calkadd {
	position: absolute;
	width: 465px;
	left: 353px;
	top: 170px;
	padding: 3px;	
	font-family: Arial; 
	font-size: 9pt; 
	font-weight: bold; 
	height:auto
}


#gauche {
position: absolute;
left:0;
width: 220px;
z-index:3;
}

#entete {
position: relative;
height: 74px;
}

#pied {
height: 30px;
background-color: #99CC99;
}

.tab-ins { border: 2px dashed #009933; border-spacing: 0px; border-collapse: collapse;}

.tab-vert { border: 1px solid #339900; border-spacing: 0px; border-collapse: collapse;width:195px; }
.remplistab-vert {text-align: center; font-family: arial; font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #339900}

.tab-bleu { border: 1px solid #3399FF; border-spacing: 0px; border-collapse: collapse;width:195px; }
.remplistab-bleu {text-align: center; font-family: arial; font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #3399FF}

.tab-gris { border: 1px solid #999999; border-spacing: 0px; border-collapse: collapse;width:195px; }
.remplistab-gris {text-align: center; font-family: arial; font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #999999}

.tab-orange { border: 1px solid #FF9900; border-spacing: 0px; border-collapse: collapse;width:195px; }
.remplistab-orange {text-align: center; font-family: arial; font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #FF9900}

.tab-rouge { border: 1px solid #FF5050; border-spacing: 0px; border-collapse: collapse;width:195px; }
.remplistab-rouge {text-align: center; font-family: arial; font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #FF5050}

.tab-jaune { border: 1px solid #FFED77; border-spacing: 0px; border-collapse: collapse;width:195px; }
.remplistab-jaune {text-align: center; font-family: arial; font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #FFED77}

.tab-noir { border: 1px solid #000000; border-spacing: 0px; border-collapse: collapse;width:195px; }
.remplistab-noir {text-align: center; font-family: arial; font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #000000}

.txt11       {  font-family: Tahoma; font-size: 11pt;font-weight: bold; text-align:justify}
.txt12       {  font-family: Verdana,Tahoma; font-size: 15px;font-weight: bold; text-align:center; vertical-align : center }



.listrub{ font-family: Arial; font-size: 11pt; font-weight: bold;}



.colbleu{color:#0066ff;}
.colnoir{color:#000000;}
.colvert{color:#009933;}
.colrouge{color:#FF0000;}
.colgris{color:#999999;}

a.menurub{ text-decoration: none;}
a:hover.menurub {text-decoration: underline;}

a.normalink{ text-decoration: none; color: #0000FF; }
a:hover.normalink { text-decoration: underline; }

a.blanclink{ text-decoration: none; color: #FFFFFF; }
a:hover.blanclink { text-decoration: underline; }

a.toplink{ text-decoration: none; color: #000000; }
a:hover.toplink { text-decoration: underline; }

a.lnkaffiliate{ text-decoration: underline; color: #999999; }
a:hover.lnkaffiliate { text-decoration: none; }

a.titcompte,a:hover.titcompte{ text-decoration: none; color: #FFFFFF; }

               
.celltab{font-family: arial; font-weight: bold; font-size: 8pt; color:#000000} 
.celltabrub{font-family: arial; font-weight: bold; font-size: 8pt; color:#000000; 
border-left-style: solid; border-left-width: 1px ; border-color:#3366FF}               

.form-menu { font-size: 8pt; font-family: Arial; padding-top:0; padding-bottom:0; margin-left:0; margin-right:0; border:1px solid #339900 }
.form-log { font-size: 8pt; font-family: Arial; padding-top:0; padding-bottom:0; margin-left:0; margin-right:0; border:1px solid}
.selectrub { width:185px; font-family: Arial; font-size: 8pt; border:1px solid #339900 } 
.select-typ { width:110px; font-family: Arial; font-size: 8pt; border:1px solid #339900 } 
.select-clasiq  { font-family: Arial; font-size: 8pt; border:1px solid #339900 } 
.select-nbpp  { width:45px; font-family: Arial; font-size: 8pt; border:1px solid #339900 }
.select-tri  { width:140px; font-family: Arial; font-size: 8pt; border:1px solid #339900 }

.linkfooter  { font-family: Arial; font-size: 8pt}
a.footerlink{ text-decoration: none; color: #808080  }
a:hover.footerlink { text-decoration: underline; }

.linkpays       {  font-weight: bold; font-family: Arial; font-size: 10pt; text-align:center; margin-left:0; margin-right:0; padding-top:0; padding-bottom:0 }
.linksuggest       {  font-weight: bold; font-family: Arial; font-size: 10pt }
a.payslink{ text-decoration: none; color: #0066ff  }
a:hover.payslink { text-decoration: underline; }

.linkpartner       {  font-family: Arial; font-size: 8pt; text-align:center; margin-left:0; margin-right:0; padding-top:0; padding-bottom:0; color: #808080 }
a.partnerlink{ color:#000000 }
a:hover.partnerlink { text-decoration: underline; }

.catm1{ margin-left: 2px; display:block; }
.catm2{ margin-left: 20px; display:block; }



.bgcadre { position:absolute; left:0px; top:0px; width:358px; height:198px; z-index:0; background-image:url("/images/encarts/top10.gif"); background-repeat:no-repeat }

.mencart { position:absolute; width:358px; height:204px; z-index:5; }




html {
	padding: 0 0 25px 0;  /* create area for notification area */
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#notification {
	position: fixed;
	bottom: 0;
	padding: 0;
	height: 20px;
	margin: 0;
	width: 100%;
	background-color: #FFFF99;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
}
#header {
	padding: 5px;
}
#content {

	padding: 5px;

}


#scrollgroupPWB 
{
	position:absolute;
	left:12px;
	top:35px;
	width:245px;
	height:261px;
	z-index:1;
	overflow:auto
}

#closegroupPWB 
{
	position:absolute;
	left:120px;
	top:5px;
	height: 15px;
	width:140px;
	vertical-align:bottom; 
	z-index:0; color:#FFFFFF; 
	text-align:right
}

.calkunder
{
visibility: hidden; position: absolute; z-index:20; margin:0; padding:0; background-color: #7dbeff; layer-background-color: #7dbeff; border: 1px none #000000;
}



#boutonvalidgroup {
	position:absolute;
	left:42px;
	top:306px;
	width:186px;
	height:26px;
	z-index:1;
	text-align:center;
}



#cadreaddpwb{
	position: absolute;
	background-color:#79BCFF;
	margin:0;
	clear: both;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	margin:0;
	padding: 3px;
}



.titunderdiv{
	position: absolute;
	top: 17px;
	vertical-align: bottom;
	text-align: center;
	width: 100%;
	z-index: 9;
	height: 26px;
}


#bidcontent {
	position: relative;
	position: absolute;
	float:center;
	left:223px;
	top:86px;
	width:737px;
}


.scrollmcompte 
{
	position:absolute;
	left:7px;
	top:36px;
	width:350px;
	height:160px;
	z-index:1;
	overflow:auto
}

#promoPWB {
	position:absolute;
	left:221px;
	top:77px;
	width:716px;
	height:532px;
	z-index:8;
	background-color: #7DBEFF;
}



#zoomer {
	position:absolute;
	left:221px;
	top:77px;
	width:410px;
	height:410px;
	z-index:9;
	border:double;
	background-color:#FFFFFF;
	visibility:hidden;
	text-align:center;
	vertical-align:middle;
}


#fonctional {
	position:absolute;
	left:34px;
	top:160px;
	width:314px;
	height:141px;
	z-index:15;
	background-color:#FF9900;
	padding-left:10px;
}
#pushins,#pushdemo {
	position:absolute;

	height:33px;
	width:auto;
	z-index:17;
	background-color: #6699CC;
	vertical-align:middle;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color:#FFFFFF;
	border:solid;
	border-color:#3366FF;
	padding:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;		
}





h1 { 
font-family: Arial; 
font-size: 14pt; 
color: #000000; 
margin: 0;
text-align:center;
padding-bottom:20px;
}


h2 { 
font-family: Arial; 
font-size: 10pt;
font-weight:normal;
color: #000000; 
margin: 0;
text-align:justify;

}


h2 a {
	text-decoration:none;
	color: #000000;
}

h2 a:hover {
	text-decoration:underline;
	color: #000000;
}




.AdsptionPrim {
background-color:#7dbeff;
font-weight:bold;
}


.AdsptionSec {
font-weight:normal;
}




.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }





.ui-widget { font-family: Arial,sans-serif; font-size: 12px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #3399ff url(images/ui-bg_gloss-wave_75_3399ff_500x100.png) 50% 50% repeat-x; color: #eaf5f7; font-weight: bold; }
.ui-widget-header a { color: #eaf5f7; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #77d5f7; background: #7dbeff url(images/ui-bg_glass_45_7dbeff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #448dae; background: #79c9ec url(images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #026890; }
.ui-state-hover a, .ui-state-hover a:hover { color: #026890; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #acdd4a; background: #ff9900 url(images/ui-bg_gloss-wave_50_ff9900_500x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }


.ui-tabs { position: relative; padding: .2em; zoom: 1; margin-right:8px; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }