/* $Id: common.css 2727 2008-01-10 10:09:52Z lmouquet $ */
/*  border: 1px solid #707070; */

body {
  margin: 0;
  background: #ffffff;
  color: #000000;
  font-family: sans-serif;
}

h1 { color: #cc0000; text-align: left; font-family: sans-serif; font-size: x-large; font-weight: bold; }
h2 { color: #cc0000; text-align: left; font-family: sans-serif; font-size: large;   font-weight: bold; margin: 0; font-variant: small-caps; }
h3 { color: #cc0000; text-align: left; font-family: sans-serif; font-size: medium;  font-weight: bold; }
h4 { color: #cc0000; text-align: left; font-family: sans-serif; font-size: medium;  }
h5 { color: #cc0000; text-align: left; font-family: sans-serif; font-size: small;   margin: 0; }
h6 { color: #cc0000; text-align: left; font-family: sans-serif; font-size: small;   margin: 0; font-style: italic; }

img          { border: 0; }
img.middle   { border: 0; vertical-align: middle; position: relative; top: 4px; }
img.baseline { border: 0; vertical-align: baseline; }

a { font-weight: bold; }

/* ==========================
 *       Header & footer
 * ========================== */

.header {
  height: 75px;
  background: white url(../Images/fond_mer.jpg) no-repeat top left;
}

.logo1 {
  position: absolute;
  top: 7px;
  right:131px;
  height: 61px;
  width: 100px;
  background: transparent url(../Images/header_logo_snsm.png) no-repeat top left;
  cursor:pointer;
}

.logo1 span {
  display: none;
}

.logo2 {
  position: absolute;
  top: 15px;
  left: 141px;
  height: 45px;
  width: 450px;
}

.logo2 span {
  display: none;
}

.logo3 {
  position: absolute;
  top: 7px;
  right: 11px;
  height: 61px;
  width: 124px;
  background: transparent url(../Images/header_logo_maif.png) no-repeat top left;
  cursor:pointer;
}

.logo3 span {
  display: none;
}


.footer {
  clear: both;
  padding: .4em 0 0 0;
  font-size: x-small;
  text-align: left;
  border-top: 1px solid #005492;
  margin-top: 2ex;
}

.footer hr { display: none; }

.footer a         { text-decoration: none; color: #005b9e; font-weight: bold;
}
.footer a:visited { text-decoration: none; color: #005b9e; font-weight: bold;
}
.footer a:hover   { text-decoration: none; color: #707070; font-weight: bold;
}

.footerRight { float: right; color: #707070; font-size: x-small; display: inline; padding-right: .3em; }
.footerLeft  { color: #005b9e; font-size: x-small; padding-left: .3em; }


/* ==========================
 *         Main menu
 * ========================== */

#mainMenu {
  margin: 0;
  padding: 0 0 0 141px;
  height: 1.4em;
  background: #dadada;
  color: #fff;
  font-weight: bold;
  font-size: small;
}

#mainMenu h2.menu   { display: none; }
#mainMenu .selected { background-color: #cc0000; color: #fff; height: 1.4em; line-height: 1.2em; }
#mainMenu ul        { color: #666666; list-style-type: none; }
#mainMenu a         { text-decoration: none; color: #666666; padding: 1px 4px 0 4px; height: 1.4em; line-height: 1.2em; }
#mainMenu a:visited { text-decoration: none; }
#mainMenu a:hover   { text-decoration: none; background-color: #cc0000; color: #fff; }

#mainMenu ul.menu {
  margin: 0;
  padding: 0;
}


#mainMenu ul.menu li {
  float: left;
  padding: 2px 0 0 0;
  border-right: 2px solid #f5f5f5;
  line-height: 1em;
  text-decoration: none;
}

#mainMenu ul.submenu {
  display: none;
  background: #dadada;
  border: 0;
  position: absolute;
  margin: 0;
  padding: .5em 0 0 0;
  z-index: 1;
/*
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
*/
}
#mainMenu ul.menu li:hover ul.submenu,
#mainMenu ul.menu li.over  ul.submenu { display: block; }

#mainMenu ul.submenu li   { float: none; margin: 0; padding: 0; display: list-item; border: none; }
#mainMenu ul.submenu li a { font-weight: normal; padding: 0 4px 0 4px; }
#mainMenu ul.submenu li a:hover { background-color: #cc0000; color: #fff; }
#mainMenu ul.submenu ul   { margin: 0; padding-left: 1.5em; }


/* ==========================
 *          Recherche
 * ========================== */

.srch {
  float: right;
  color: black;
  font-size: x-small;
  margin: .41ex 0 0 2ex;
}

.srch fieldset {
border: 0;
margin: 0;
padding: 0;
display: inline;
}

.srch form {
margin: 0;
padding: 0;
}

.srch a         { vertical-align:middle; text-decoration: none; color: #707070; }
.srch a:visited { vertical-align:middle; text-decoration: none; color: #707070; }
.srch a:hover   { vertical-align:middle; text-decoration: underline; color: #707070; }

.srch input     { vertical-align:middle; }
.srch .submit   { margin: 0 5px 0 5px; }
.srch .text     { font-size: x-small; }


/* ==========================
 *          C-History
 * ========================== */

.history {
  color: black;
/* margin: 0 0 0 141px; dans le cas du bienvenue au dessus */
  margin: 1ex 0 0 141px;
  font-size: x-small;
}

.history a         { text-decoration: none; color: black;   font-weight: bold;
}
.history a:visited { text-decoration: none; color: black;   font-weight: bold;
}
.history a:hover   { text-decoration: none; color: #707070;   font-weight: bold;
}

/* ==========================
 *         BodyArea zones
 * ========================== */

.bodyArea {
  margin: 3ex 0 1ex 0;
  padding: 0;
}

/* ==========================
 *         Main zones
 * ========================== */

.mainColumn {
  margin: 0;
  padding: 0;
}

.mainColumnArea {
  margin: 0;
  padding: 0;
  border: 0;
}


/* ==========================
 *            User
 * ========================== */

 .blocLogin {
  color: black;
  margin: 1ex 0 0 141px;
  font-size: x-small;
  padding: 0;
}

.blocLogin fieldset {
border: 0;
margin: 0;
padding: 0;
display: inline;
}

.userForm              { font-size: x-small; }
.userForm ul           { padding-left: 1em; margin: .5ex 0 0 0; list-style-type: square; }
.userForm li a         { text-decoration: none; color: #707070; }
.userForm li a:visited { text-decoration: none; color: #707070; }
.userForm li a:hover   { text-decoration: none; color: #993333; }
.userFormItem          { margin-bottom: .5em; }
.userFormItem label    { display: block; }
.userFormItem input    { }
.userFormSubmit        { margin-bottom: .5em; }
.userFormAutoLog       { }

.userHello         { display: inline; }
.user              { font-size: x-small; margin-bottom: 2ex; }
.user ul           { display: inline; padding: 0; margin: .5ex 0 0 0; list-style-type: none; }
.user li           { display: inline; padding-left: 1em; margin: .5ex 0 0 0; }
.user li a         { text-decoration: none; color: #005b9e; font-weight: bold; }
.user li a:visited { text-decoration: none; color: #005b9e; font-weight: bold; }
.user li a:hover   { text-decoration: none; color: #707070; font-weight: bold; }
.userItem          { margin: 0; color: black; }


/* ==========================
 *        Debug & error
 * ========================== */

.debug {
  margin:  1em;
  padding: 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-weight: bold;
  color: #008000;
}

.info {
  margin:  1em;
  padding: 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-weight: bold;
  color: #333399;
}

.error {
  margin:  1em;
  padding: 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-weight: bold;
  color: #993333;
}

.fatal {
  margin:  1em;
  padding: 1ex;
  border-left:   1px solid #999999;
  border-bottom: 1px solid #999999;
  font-size: large;
  color: #FF0000;
}
.fatal a {
  font-size: x-small;
  color: #999999;
}


/* ==========================
 *        Miscellaneous
 * ========================== */

.clearBoth { clear: both; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.accesskey { text-decoration: underline; }
.hidden    { display: none;   }
.noScript  { display: inline; }