/* CSS Document */

/*************** CSS Document *******************/

/***********  default font-size:12px, but use 100% for that  ********/

/*****  90%=11px, 80% in forms, 85% otherwise, roughs 10 to 10.5px, a minimum *****/

* {
border: 0;
margin: 0;
padding: 0;
}

body {
margin:0px;
padding:0px;
font-family:verdana, arial, helvetica, sans-serif;
color:#333;
background-color:white;
}

p {
text-indent: 20px;
}

.header_wrap {
margin:0% 1%;
margin-top:5px;
padding:1px 0px;
text-align: left;
border-style:solid;
border-color:black;
border-width:0px 0px;
line-height:25px;
background-color: white;
height:75px;
text-align:center;
}

.header_leftbox {
margin-left:1%;
float:left;
height:75px;
width:20%;
background: transparent url("copyright/media/marseille_flag_header.jpg") no-repeat 48% 0%;
}

.header_rightbox {
margin-left:4%;
float:left;
height:75px;
width:65%;
background-color: transparent;
}
.topmenubar_wrap {
margin:.1% 1%;
padding:1px 0px;
background-color: #cccccc;
border-style:solid;
border-color:black;
border-width:1px 0px;
text-align: center;
font-weight: bold;
font-size:12px;
line-height:20px;
height:20px;
}

.topmenubar_leftbox {
margin-left:1%;
float:left;
height:18px;
width:20%;
}

.topmenubar_rightbox {
margin-left:4%;
float:left;
height:18px;
width:65%;
}

.left_column {
position:absolute;
top:110px;
left:2%;
width:20%;
margin:0;
margin-top:.2%;
padding:0% 0%;
display:block;
background-color:#eee;
border:1px solid #999;
font-weight: bold;
text-align: center;
font-size:12px;}

.right_column {
position:absolute;
top:110px;
left:26%;
width:65%;
margin-top:.2%;
padding:1% 0%;
display:block;
border:0px solid #999;
text-align: center;
}
.footer {
border-top:1px solid #999;
border-bottom:1px solid #999;
margin:0% 10%;
padding: 1px;
text-align: center;
font-weight: bold;
font-size: 10px;
}


/****  "basemenu" HORIZONTAL   ****/
.basemenu {display:block; margin:0 auto; padding:0; width:auto; text-align:center;}
ul.basemenu {display:block; margin: 0; padding: 0; padding-bottom:2px; list-style: none inside; text-align: center;}
ul.basemenu li { display:inline; width:25%;}

/***  sidemenus VERTICAL  ***/
.sidemenu {display:block; margin:0 auto; padding:0; text-align:center;width:100%;}
ul.sidemenu {display:block; width:auto; margin:0; padding:0; list-style: circle inside;}
ul.sidemenu li {display: block; padding: 5px 0px 5px 0px;text-align:left;text-indent:5px;}

a:link, a:visited {
color: #000099;
font-weight: bold;
text-decoration: underline;
}
a:hover, a:active {
color: #000000;
background-color: #FFCC33;
}


h1 {
font-family: Cooper Black, Rockwell Extra Bold, Algerian, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
color: #990000;
text-decoration: none;
font-weight: bold;
font-size:24px;
}

h2 {
font-family: Cooper Black, Rockwell Extra Bold, Algerian, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
color: #000099;
text-decoration: none;
font-weight: normal;
font-size:21px;
}
h3 {
font-family: Cooper Black, Rockwell Extra Bold, Algerian, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
color: #006600;
text-decoration: none;
font-weight: normal;
font-size:18px;}