﻿/*layout base.css*/

html, body{height: 100%; margin: 0; padding: 0; }

body#masterpage, body
{color: black;}
 
#global 
{
    min-width: 960px; 
    position: relative; 
top: 0; padding: 0; }


#fondleft{background: url(../../files/-/img/layout/leftCols.png) repeat-y left top;}
#fondRight {background: url(../../files/-/img/layout/RightCols.png) repeat-y right top; }



/* Header */
#top {
top: 0;
    background-color: White;
    margin: 0;
    padding: 0; 
    margin-left: 10px;
    margin-right: 0px;
    position: relative;
height: 117px; 
white-space: nowrap;   }

.logoTL{ position: relative; top: 5px; left: 28px;  }
 
#RightTop {float: right; }

.lineTop{position: absolute; top:32px; left: 0px; right: 0px; height: 2px;  width: 100%;}
 
span.CMS{left: 0px;
    width: 50%;
    position: absolute; 
    margin-top: 5px;
    color: #12499e;
    font-size: 95%;}

marquee.infostyle{position: absolute; display: block; left: 0px; right: 15px; width: 98%;  top: 1px; }

 .Flag{vertical-align: text-bottom; margin-right: 2px; width: 28px; height: 18px; }
 
 
.posFlag{position: absolute; right: 8px; top: 10px;  }



span.LgSelector a{color: #dce4f1;  }

span.LgSelector a b{color: #12499e;  text-decoration: none;}
/*site map*/

 
 

/*footer*/
#footer
{
    position: relative;
    bottom: 0px;
    margin: 0px;
    height: 45px;
    line-height: 15px;
    background-color: White;
    border-top: 1px solid #dce4f1;
    text-align: center;
}


#footer .maintainFooter
{
    position: relative;
    white-space: nowrap;
    width: 650px; 
    margin: 0 auto; 
    display: block; 
    text-align: left;
}

#footer span.colorTL
{
    position: absolute;
    top: 6px;
    line-height: 12pt;
    font-size: 0.80em;
    color: #12499e;
    padding-bottom: 1em;
    right: 20px;
}



/*cols central*/
#Maintain{
left: 0px; 
margin-right: 10px; background-color: white; 
height: 100%; 
margin-bottom: 0; 
margin-top: 0; 
padding-bottom: 20px; 
 }

 
.MaintainSimple{position: relative; margin-top: 0px; display: block; height: auto; white-space: nowrap; }

.MaintainTopCMSFlag{position: absolute; background-color: White; width: 100%; 
left: 0; right: 0; display: block; white-space: nowrap; }



.MaintainSearch{display: block;
    white-space: nowrap;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 180px;
    border-bottom: 1px solid #cccccc;
    background-color: #ffffff;}

/*sitemap*/

.PlaceofSiteMap {position: relative; display: block; max-width: 100%; 
                 white-space: nowrap; padding-left: 2px; bottom: 10px;  height: 30px; }

.imgSiteMap{float: left; left:1px; position: absolute; bottom: 6px;   clear: right;  }

.PLinkMap{position: absolute; margin-left: 0px; 
    padding-right: 2px; padding-left: 3px; top: 9px;    }

a.StyleLinkMap{color: #1d4d75; text-decoration: none;  }
a.StyleLinkMap:hover{text-decoration: underline;  }


.banner
{position: relative;
    top: 13px;
    left: 0;
    margin-right: 190px;
    display: block;
    height: 65px;
    z-index: 1;
    max-width: 100%;
    background-color: #12499e;
    border: 1px solid black;
background-image: url(../../files/-/img/banner/banner_test.jpg); 
background-repeat: no-repeat;}


.txtBanner{display: block;
    width: 50%;
    margin-left: 270px;
    margin-top: 2px;
    white-space: normal;
    line-height: 11pt;
    font-size: 100%;}
.TitletxtBanner{color: #f7e639; font-weight: bold; font-size:110%; clear: both; display: inline-block; width: 100%;  }
.SubtxtBanner{color: White; font-size:100%;}


#Maintaincontent {margin-left: 0px; 
margin-right: 10px; 
margin-bottom: 0; 
margin-top: 10px; 
/*position: relative; --> for edit link*/
height: 100%; 
}

/*contenu*/

#content         
{
position: relative; 
color: #000000;
margin-top: 20px; 
left: 10px; 
margin-right: 190px; 
padding: 5px; 
padding-top: 0px; 
white-space: normal; 
font-family: Arial, Arial Narrow, Verdana, Helvetica-Narrow; 
color: #000000; font-size: 100%; 
vertical-align: text-top;
min-height: 700px;
padding-bottom: 10px; 
margin-bottom: 10px; 
}



a.Edit {display: inline; font-size: 95%; width: 20px; background-color: #FFFFCC; border: 1px solid #12499e; color: #12499e; padding: 3px; text-decoration: none; font-weight: bold; z-index: 1000; }




#content a, #content a:hover
{color: #1D4D75; text-decoration: none; cursor: help; }

#content a:hover
{color: #9fb1d5; border-bottom: 1px dashed #9fb1d5; }



#contentRight       /*skyscraper*/
 {
float: right; 
right: 0px;
margin-right: 0px; 
width: 160px;
top: 0px; 
background-color: #eef3f9;
background-repeat: repeat; 
border: 1px solid #dce4f1;
display: block; 
padding-bottom: 10px; 
margin-bottom: 10px; 
bottom: 0; 
}



#contentRight p img, #contentRight p a img{
text-align: center; 
vertical-align: middle; 
clear: both; 
border: 0; 
margin-bottom: 60px; }


/* Menu */
#mnuLeft {
width: 178px; left: 0px;
color: #1D4D75; 
float:left;  top: 0; 
height: 100%;  
bottom: 0px; 
}

.div-min-height {position:relative;	height:300px;	width:0px;	float:left }   /*pt */
.div-min-height-bottom {position:relative;height:0px;clear:left; background-color: white; clear: right;  }        /*grd */

/*link*/

#masterpageleftmenu ul a{color: #1D4D75;  }
a:hover{text-decoration: underline;}


