body {
    margin: 0px;
    background-color: #FFFFFF;
    text-align: justify;
}
tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #333333;
  text-align: justify;
}
hr {
  background       : #999999;
  height           : 1px;
  width            : 100%;
}

h5 {
   color: #003366;
   padding-bottom: 1px;
   margin-bottom: 1px;
}

table.news
{
   border-width : thin;
   border: 1px solid #cccccc;
}

a.nocontour
{
  border: 0px solid #ooo;
}

td.head
{
   background-color: #80B4E5;
   border:none;
}

.lang {
 margin-left: 5px;
}

.contact_oblig {
 font-size: 9px;
}

.bouton_info
{
 margin-left: 40px;
}

.text_justify
{
  text-align: justify;
}

.cat_menu
{
  color: #003366;
  font-weight      : bold;
  border-bottom : solid #CCCCCC 1px;
  padding-bottom: 6px;
  padding-left:10px;
  padding-top:10px;
}



.item_menu
{
  padding-left:15px;
}

.left
{
  background-image:url(../images/Bandeau_Gauche.jpg);
  background-repeat:repeat-y;
  background-position:left top;
  color: black;
}

.right
{
  background-image:url(../images/Bandeau_Droite.jpg);
  background-repeat:repeat-y;
  background-position:left top;
}

.main_nobackground
{
    position: relative;
    padding-bottom: 9px;
    padding-left: 15px;
    margin-left: 9px;
    padding-right: 15px;
    height: 500px;
    width: 635px;
}

.main
{
    position: relative;
    padding-bottom: 9px;
    padding-left: 15px;
    /*background-image:url(../images/Dragon.gif); */
    background-repeat:no-repeat;
    background-position: center;
    margin-left: 9px;
    padding-right: 15px;
    height: 500px;
    width: 635px;
}

.footer {
    background-image:url(../images/Bandeau_Bas.jpg);
    background-repeat:no-repeat;
    color: #FFFFFF;
}

.foot {
  color: #FFFFFF;
  font-weight      : normal;
}

.anim_accueil {
              position: relative;
              top: 0px;
}

a.footer:hover {
  color: #FF6600;
  font-weight      : normal;
  text-decoration   : none;
}

.mainpage
{
    background-color:#FFFFFF;
}

.mesures
{
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 10px;
   padding-bottom:10px;
}

.search {
   margin-left: 5px;
}

/*different setting for newsflash*/
.newsflash td {
color: #003366;
text-align: justify;
vertical-align: middle;
}


/*pathaway setting*/
.pathway {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
}

a.pathway:link, a.pathway:visited {
  color: #219E52;
  font-weight      : normal;
}

a.pathway:hover {
  color: #219E52;
  font-weight      : normal;
  text-decoration   : none;
}

/*for title or site name*/
.title {
font-family: sans-serif;
font-size: 20px;
font-weight: bold;
color : #003366;
margin-left: 10px;
}

/*for the tag-line*/
.subtitle {
font-family: sans-serif;
font-size: 10px;
font-weight: bold;
color : #003366;
text-transform: uppercase;
letter-spacing: 2px;
margin-left: 20px;
}

.header {
width: 955px;
border:0px black solid;
}

.header_left {
margin-left: 0px;
}

.header_right {
margin-right: 0px;
margin-left: 525px;
}

#active_menu {
  color: #003366;
  font-weight: bold;
}

/* --Default Class Settings-- */

a.mainlevel:link, a.mainlevel:visited {
color: #003366;
font-weight: normal;
width: 100%;
text-indent: 0px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-bottom: 1px;
font-size:12px;
padding-left: 4px;
text-decoration:none;
}
a.mainlevel:hover {
color: #333333;
text-decoration:none;
}

a.mainmenu:link, a.mainmenu:visited {
color: #003366;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 10px;
text-decoration:none;

}
a.mainmenu:hover {
color: #333333;
text-decoration:none;
}
.pollstableborder {
border: 1px solid;
padding: 1px;
}

a.sublevel:link, a.sublevel:visited {
        padding-left: 1px;
        vertical-align: middle;
        font-size: 11px;
        color: #003366;
        text-align: left;
}


a.sublevel:hover {
color: #ff9e31; text-decoration: none;
}

table.moduletable {
    padding: 5px 10px 5px 8px;
    margin-bottom: 15px;
    width: 100%;
}

table.moduletable th {
    font-size        : 12px;
    font-weight      : bold;
    color            : #003366;
    text-align       : left;
    width            : 100%;
    letter-spacing: 2px;
    text-indent: 0px;
    padding-bottom: 3px;
    border-bottom: 1px solid #CCCCCC;
}

table.moduletable li {
}

table.moduletable ul {
    padding: 0px;
}
table.moduletable td {
font-size: 11px;
font-weight: normal;
}

.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 14px;
}

table.pollstableborder {
    border: 1px solid #cccccc;
}

.sectiontableheader {
  color            : #003366;
  font-weight      : bold;
}

.sectiontableentry1 {
}

.sectiontableentry2 {
}

.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-decoration  : none;
  font-weight      : bold;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}


.contentpane {
}

.contentpaneopen {
  border : 0px ridge #0099cc;
  width: 100%;
  padding: 1px;
}

.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  color:#056219;
  text-align       : left;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}


.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}

a:link, a:visited {
color: #003366;
font-size:12px;
text-decoration: none;
}

a:hover {
color: #0066CC;
text-decoration: underline;
}

a.readon:link,a.readon:visited
{
color: #0099FF;
font-size:11px;
text-decoration: none;
}

a.readon:hover
{
    text-decoration:underline;
}
/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #0066CC;
    text-align:left;
    text-decoration: underline;
    }

a.contentpagetitle:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align:left;
    color: #0099CC;
    text-decoration: none;
    font-weight: bold;
    }

a.category:link, a.category:visited {
  color: #0066CC;
  font-weight      : bold;
  font-size: 11px;
font-weight: bold;
}

a.category:hover {
  color            : #999999;
}

/* Styles for dhtml tabbed-pages */
.ontab {
    border-left: outset 2px #ff9900;
    border-right: outset 2px #808080;
    border-top: outset 2px #ff9900;
    border-bottom: solid 1px #d5d5d5;
    text-align: center;
    /* Cannot use hand as its not a W3C CSS validator */
    /*  cursor: hand;*/
    font-weight: bold;
    color: #FFFFFF;
}
.offtab {
    background-color : #e5e5e5;
    border-left: outset 2px #E0E0E0;
    border-right: outset 2px #E0E0E0;
    border-top: outset 2px #E0E0E0;
    border-bottom: solid 1px #d5d5d5;
    text-align: center;
    /* Cannot use hand as its not a W3C CSS validator */
    /*  cursor: hand;*/
    font-weight: normal;
}
.tabpadding {
}

.tabheading {
    background-color: #FFFFFF;
    text-align: left;
}

.pagetext {
    visibility: hidden;
    display: none;
    position: relative;
    top: 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
    background-color: #f0f0f0;
}
.code {
    background-color: #f0f0f0;
    border: 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size : 10pt;
    color : #ff6600;
    text-align: center;
}

/* Javascript Back button */
.back_button {
    text-align: center;
    margin-top: 40px;
}

table.contenttoc {
    color: #333300;
    background-color: #FFFFFF;
    border: 1px solid #333;
}

table.contenttoc td {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  line-height: 15px;
  padding-left: 10px;
  padding-top: 0px;
  background-image: url(../images/arrow.png) ;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

table.searchinto {
    width: 100%;
}

table.searchintro td {
    background-color: #293C43;
    color: #ffffff;
    font-weight: bold;
}

form {
/* removes space below form elements */
    margin: 0;
    padding: 0;
}

.motilo {
  width: 640px;
  height: 342px;
  background-image: url(../images/motilo.gif);
 }

 .CKB {
  width:640px;
  height: 600px;
  background-image: url(../images/CKB.gif);
  background-repeat: no-repeat;
 }

 .champ_mot_1 {
  position: relative;
  left: -280px;
  top: 118px;
 }

 /* .champ1_accountdetail {
  position: relative;
  left: 25px;
  top: 125px;
 }     */

  .champ_mot_2 {
  position: relative;
  left: -262px;
  top: 163px;
 }
  .champ_mot_3 {
  position: relative;
  left: -230px;
  top: 210px;
 }
  .champ_mot_4 {
  position: relative;
  left: -183px;
  top: 100px;
 }
  .champ_mot_5 {
  position: relative;
  left: -73px;
  top: 119px;
 }
  .champ_mot_6 {
  position: relative;
  left: -56px;
  top: 7px;
 }
  .champ_mot_7 {
  position: relative;
  left: 40px;
  top: -78px;
 }
  .champ_mot_8 {
  position: relative;
  left: 25px;
  top: 125px;
 }
  .champ_mot_9 {
  position: relative;
  left: 25px;
  top: 125px;
 }
  .champ_mot_10 {
  position: relative;
  left: 25px;
  top: 125px;
 }
  .champ_mot_11 {
  position: relative;
  left: 25px;
  top: 125px;
 }
  .champ_mot_12 {
  position: relative;
  left: 25px;
  top: 125px;
 }
  .champ_mot_13 {
  position: relative;
  left: 25px;
  top: 125px;
 }
  .champ_mot_14 {
  position: relative;
  left: 25px;
  top: 125px;
 }
  .champ_mot_15 {
  position: relative;
  left: 25px;
  top: 125px;
 }
  .champ_mot_16 {
  position: relative;
  left: 25px;
  top: 125px;
 }
  .champ_mot_17 {
  position: relative;
  left: 25px;
  top: 125px;
 }

 #menu {
 width: 650px;
}
dl#menu1 {
width: 650px;
}
dl#menu1 dt {
cursor: pointer;
margin: 1px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
dl#menu1 dd {

margin-left: 0px;
border: 0px solid gray;
}
dl#menu1 li {
width: 650px;
text-align: center;
background: #fff;
}
dl#menu1 li a, dl#menu1 dt a {
width: 650px;
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu1 li a:hover, dl#menu1 dt a:hover {
background: #eee;
}

.anim {
 z-index:0;
}