/* RESET CSS */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
form{height:100%;}
input,textarea,select{margin:1px;padding:0px;}

body
{
    background-color:#006699;
    font:13px Verdana, Arial, Sans-Serif;
    color:#333333;
}

body.Popup
{
    background-color:#FFFFFF;
}

#Container
{
    position:relative;
    /*width:100%;*/
    min-width:980px;
    margin:auto;
}

p { margin-top:4px; margin-bottom:6px; }
a { color:#003366; text-decoration:none; }
a:hover { color:#336699; text-decoration:underline; }
img { border:none; }
ul { margin-top:4px; margin-bottom:6px; list-style: none; }
li { padding-left:10px; }

hr
{
   color: #330066;
   background-color:#330066;
   height:1px;
   border:1px #330066;
}

#breadcrumb
{
   background-color:#CCCCCC;
   color:#333333;
   padding:3px;
   padding-top:4px;
   padding-left:5px;
   font-size:10px;
}

#breadcrumb a
{
   color: #666666;
}

#breadcrumb a:hover
{
   color:#FF017D;
}

.Box
{
    border:1px solid #333333;
    margin-bottom:5px;
    background-color:#FFFFFF;
}

.Box .Content 
{
    padding:2px;
    padding-top:5px;
    padding-bottom:5px;
    overflow:hidden;
}

.Box .ContentFull
{
    overflow:hidden;
}

.Box .Title {
    display:block;
    font-weight:bold;
    padding:2px;
    font-size:11px;
    font-variant:small-caps;
    color:#EEEEEE;
    background:#333333 url(/Images/sectiontitlebck.gif) repeat-x;
}

.Box .Navigation 
{
    margin-bottom:5px;
}

.Box .Action 
{
    margin-top:5px;
    padding:4px;
}

.HBox { width:33%; min-width:220px; float:left; }

#Footer 
{
    padding:0 5px;
    text-align:right;
}

#Footer a {
    color:#FFFFFF;
}

.LoginBox {
    margin:auto;
}

.Alert 
{
    color:Red;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

.UpdateProgressBackground {
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: wait;
    background:url(Images/opacity70.png) repeat; 
}

.UpdateProgress {
    z-index: 100;
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    cursor: wait;
    background:url(Images/opacity70.png) repeat; 
}

.UpdateProgress div {
    cursor:wait;
    background:#FFFFFF url(/Images/WaitAnim.png) no-repeat center 5px;
    border:solid 1px #666666;
    margin:auto;
    margin-top:22%;
    padding:5px;
    padding-top:20px;
    width:200px;
    text-align:center;    
}

.UpdateProgressInline { display:inline-block; }

.pnlWaitBackground { background-image:url(/Images/opacity70.png); position:absolute; top:0px; left:0px; width:100%; height:9999px; z-index:999; cursor:wait; }
.pnlWaitMsg { width:240px; margin:auto; margin-top:140px; padding:20px; background-color:#FFFFFF; border:solid 1px #333333; text-align:center; cursor:wait; }

.ModalPopup { background-color:#E9E9E9; border:1px solid #333333; padding:4px; }
.ModalBackground { background:url(Images/opacity70.png) repeat; }
.ModalDragHandle { cursor:move; }

/****GRIDVIEW*********/
.GridViewStyle { border: 1px solid #999999; }
.GridViewStyle tr.Saved td { background-color: #FFFFCC; }
.GridViewStyle th, .GridViewStyle td { border: 1px solid #EBE9ED; vertical-align:middle; padding: 2px; font-size:10px; }
.GridViewHeaderStyle { background-color: #006699; font-weight: bold; color: #FFFFFF; }
.GridViewHeaderStyle th {  }
.GridViewFooterStyle { background-color: #CCCCCC; color:#333333; }
.GridViewFooterStyle td { vertical-align:top;  }
.GridViewEditRowStyle { background-color: #F7F6F3; color: #000066; }
.GridViewEditRowStyle td {  vertical-align:top; }
.GridViewRowStyle { background-color: #FFFFFF; color: #000066; }
.GridViewAlternatingRowStyle { background-color: #E6E6E6; color: #000066; }
.GridViewHoverRowStyle { background-color: #ccff33; color: #000000; cursor:default; }
.GridViewSelectedRowStyle { background-color: #FFFFCC; color: #333333;}

.GridViewPagerStyle { background-color:#006699; color:#FFFFFF; }
.GridViewPagerStyle table { margin: 2px auto 2px auto; }/* to center the paging links*/
.GridViewPagerStyle td { padding:0px; }
.GridViewPagerStyle span { display:inline-block; text-align:center; min-width:12px; height:10px; padding:2px; padding-bottom:4px; color:#EEEEEE; color:#006699; background-color:#FFFFFF; }
.GridViewPagerStyle a { display:inline-block; text-align:center; min-width:12px; height:10px; padding:2px; padding-bottom:4px; color:#EEEEEE; }
.GridViewPagerStyle a:hover { color:#006699; background-color:#FFFFFF; text-decoration:none; }

.pnlMsgGroups 
{
}

.pnlMsgGroup
{
    text-indent:0.3em;
    padding:5px 2px 2px 2px ;
    margin: 0 0 10px 0;
}

.pnlMsgItems
{
    text-indent:0.6em;
    padding:2px;
    margin: 4px 0 4px 0;
    background-color:#EEEEEE;
}

.FeedbackOK { color:Green; font-size:0.9em; font-weight:bold; }
.FeedbackKO { color:Red; font-size:0.9em; font-weight:bold; }
.Error, .ErrorMsg, .ValidationError { color:Red; font-size:0.8em; }

.Price { color:#CC0000; }

.DropDownPanel { background-color:#FFFFFF; border:solid 1px #666666; min-width:120px; }

/* NAVIGATION MENU   
----------------------------------------------------------*/
div.Navigation
{
    /*margin-bottom:4px;
    border-bottom:1px #4e667d solid;*/
    width:100%;
    background-color:#FFFFFF;
    display:none;
    /*overflow:hidden;  Corrige l'affichage des pages lourdes*/
    /*max-height:26px;  idem */
}

div.Navigation ul, div.Navigation ul li
{
    list-style:none;
    margin:0px;
    padding:0px;
    width:auto;
}

div.Navigation ul li a, div.Navigation ul li a:visited
{
    background-color: #FFFFFF;
    border-right: 1px #4e667d solid;
    color: #333333;
    display: block;
    line-height: 1.35em;
    padding: 4px 10px;
    text-decoration: none;
    white-space: nowrap;
}

div.Navigation ul li a:hover
{
    background-color: #FFFFEE;
    color: #000000;
    text-decoration: none;
}

div.Navigation ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

div.Navigation ul li img {
    vertical-align:middle;
    max-height:16px;
    max-width:16px;
    margin-right:4px;
}


div.Navigation ul.level2 {
    z-index:500;
    border: 1px #4e667d solid;
}

div.Navigation ul.level2 li a {
    border:0 none;
}

.LogoutBox { position:absolute; right:4px; top:4px; height:24px; overflow:hidden; }
.LogoutBox input[type=image] { margin:0; padding:0; vertical-align:text-bottom; }

.PagesList ul, .PagesList ul li { margin:0; padding:0;}
.PagesList ul { width:200px; margin:5px 0; }
.PagesList ul li { border-bottom:1px solid #999; background:#F3F3F3; font-size:0.9em; }
.PagesList ul li:first-child { border-bottom:1px solid #999; background:#F3F3F3; font-size:0.9em; }
.PagesList ul li img { float:right; padding:3px 4px; }
.PagesList ul li a { display:block; padding:4px; }
.PagesList ul li a.Selected { font-weight:bold; }
.PagesList ul li a:hover { background:#EEE; }