html, body, form { height: 100%; width: 100%; }
body { background: #0B0B05; margin: 0; padding: 0; font-size: 77%; font-family: Verdana; color: #000; }

.Clear { clear: both; height: 0; line-height: 0; font-size: 0%; }

table, tr, td, th { border: none; border-collapse: separate; }

table.layout { border-collapse: collapse; height: 100%; width: 100%; margin: 0; text-align: center; }
td.LayoutTop { border-collapse: collapse; height: 115px; width: 100%; margin: 0; text-align: center; background: #0b0b05 url(/images/interface/PK_Header.jpg) 50% 0 no-repeat; padding: 0; vertical-align: top; }
td.LayoutCenter { border-collapse: collapse; min-height: 100%; width: 100%; margin: 0; text-align: left; background: #0B0B05 url(/images/interface/PK_BG_RPT.jpg) 50% bottom repeat-y; vertical-align: top; padding: 0; }
td.LayoutBottom { border-collapse: collapse; height: 414px; width: 100%; margin: 0; text-align: right; background: #0b0b05 url(/images/interface/PK_Footer.jpg) 50% 0 no-repeat; padding: 0; position: relative; }

.Contener { width: 100%; height: 100%; background: transparent url(/images/interface/PK_BG_Contener.jpg) 50% top no-repeat; }
.Header { width: 942px; margin: 0 auto; position: relative; height: 100%; }
.ContenerRPT { width: 942px; margin: 0 auto; position: relative; height: 100%; background: transparent url(/images/interface/PK_Content_Bottom.jpg) left bottom no-repeat; }
.MenuTop { width: 942px; height: 46px; margin: 0 auto; position: relative; }
.Content { width: 902px; margin: 0 auto; position: relative; padding: 20px; }
.ContentLeft { width: 675px; height: 100%; float: left; }
.ContentRight { width: 206px; height: 100%; float: right; }

a.LinkLogo { text-decoration: none; }
a.LinkLogo span { display: block; width: 350px; height: 40px; position: absolute; top: 40px; left: 3px; }

.LogoBottom { position: relative; height: 100%; width: 942px; margin: 0 auto; vertical-align: bottom; }
.LogoBottom .Dream { position: absolute; right: 80px; top: 25px; }
.LogoBottom .Edream { position: absolute; right: 136px; top: 146px; }
.LogoBottom .GroupeDSI { position: absolute; right: 5px; top: 146px; }

.ModuleBox { width: 206px; min-height: 50px; margin: 0 0 15px; background: transparent url(/images/interface/modulebox_rpt.png) repeat-y; position: relative; }
.ModuleBox dt { background: transparent url(/images/interface/ModuleBoxHeader.png) no-repeat; width: 100%; height: 26px; padding: 9px 0 0 30px; color: #ececec; position: relative; }
.ModuleBox dd { background: transparent url(/images/interface/ModuleBoxFooter.png) bottom left no-repeat; width: 100%; min-height: 35px; margin: 0; padding: 0 0 5px; position: relative; }

#datepicker .ui-datepicker { width: auto; border: none; }

a.ButtonLink { background: transparent url(/images/ButtonStart.png) top left no-repeat; color: #bcbcbc; text-decoration: none; padding: 2px 2px 4px 4px; font-weight: bold; }
a.ButtonLink span { padding: 2px 4px 4px 0; background: transparent url(/images/ButtonEnd.png) top right no-repeat; }
a.ButtonLink:hover { color: #cee55d; }

.InfoLettre input { background-color: #b4b4b4; border: 1px solid #d4d3d3; margin: 5px 10px; color: #575757; }
.InfoLettre a { float: right; padding-top: 1px; margin-top: -10px; margin-right: 5px; }

#EventsTip { display: none; background: url(/images/black_arrow_up_big.png); height: 163px; padding: 60px 30px 10px 30px; width: 310px; font-size: 11px; color: #fff; z-index: 500; text-align: left; }
.ui-state-selected, .ui-widget-content .ui-state-selected { border: 1px solid #aaaaaa; background: #c9e34c none; font-weight: normal; color: #000000; outline: none; }

.NewsBox dd { background: transparent none; width: 186px; min-height: 35px; margin: 0; padding: 0 5px 5px 10px; position: relative; color: #525252; text-align: justify; }
.NewsBox dd a { color: #525252; text-decoration: none; }
.NewsBox dd a:visited, .NewsBox dd a:hover { color: #aba6a6; }
.NewsBox .NewSpacer { height: 8px; width: 100%; background: transparent url(/images/interface/NewSpacer.jpg) no-repeat; min-height: 8px; }
.NewsBox .AllNews { background: transparent url(/images/interface/EndNews.jpg) bottom left no-repeat; width: 100%; height: 31px; margin: 0; padding: 0 0 5px; position: relative; }
.NewsBox dd.AllNews a, .NewsBox dd.AllNews a:visited { font-weight: bold; color: #95af18; text-decoration: none; }
.NewsBox dd.AllNews a:hover { text-decoration: underline; }
.NewsBox h3 { color: #95af18; margin: 0; padding: 0; font-size: 107%; font-weight: normal; }
.NewsBox span.dateNews { color: #cbcbcb; font-size: 77%; margin: 0 0 2px 0; display: block; }

.AllNews p { text-align: center; padding: 15px 0 0 0; }

.ui-datepicker-calendar a.ui-state-selected { background-color: #c9e34c; background-image: none; color: #000; }

.Hidden { display: none; }
.Visible { display: block; }

.ui-widget { font-size: .9em !important; }

/*.tip { position: absolute; z-index: 100000; border: 0px solid #444444; background: #000;  color: #fff; font: bold 80%/1 Arial; padding: 5px; display: none; white-space: nowrap; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 0.9; filter: alpha(opacity=90); }*/

.GroupeDSI a {
    background: transparent url(/images/GroupeDSI.png) no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    width:92px;
    height:29px;
	text-align:left;
}

.Edream a {
    background: transparent url(/images/HebergerEdream.png) no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    width:108px;
    height:39px;	
	text-align:left;
}