/* $Id: common.css 3700 2009-09-30 10:34:18Z cpfeiffer $ */
/*  border: 1px solid #000000; */

body {
  margin: 0;
/*
  background: white;
*/
  background: #E9EAED;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-align: center; /* Bug Ie*/
}

h1, h2, h3, h4, h5, h6 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #4A618D;
}
h1         { position: relative; margin: 10px 0 5px 0; padding:0; font-size: 120%; }
h2         { font-size: 131%; margin: 0; padding: 3px 0; }
h2 + h3    { margin-top: 12px; }
h4, h5, h6 { font-size: 110%; margin: 0 0 3px 0; padding: 0; }
h3 + h4    { margin-top: 7px; }
h3         { font-size: 114%; padding: 0 0 7px 0; margin-bottom: 5px; color: #6A798C; }
h5         { font-size: 100%;  margin: 0 0 .2em 0; }
h6         { font-size: 100%;  margin: 0 0 .2em 0; font-style: italic; }

h1         { font-size: large; }
h2         { font-size: medium; }
h3         { font-size: small; }
h4         { font-size: small; }
h5         { font-size: small; }
h6         { font-size: small; }

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

th.width33   { width: 33%; }
th.width49   { width: 49%; }
th.width99   { width: 99%; }

/* ==========================
 *     Présention globale
 * ========================== */

.mepGlobale {
  background: white;
  width: 980px;
/*
  width: 980px;
*/
  margin-left: auto;
  margin-right: auto;
  text-align: left; /* Bug Ie*/
  font-size: small;
}

/* ==========================
 *  En-tête & pied de page
 * ========================== */

.tete {
  background: white url(../Images/fond_tete_capc_1pixel.png) repeat-x top left;
  height: 158px !important;
  height/**/: 159px;
  border-bottom: 1px solid #CBCBCB;
}

.tete h1 {
display: inline;
}

.urlHidden {
position: absolute;
height: 120px;
width: 380px;
cursor:pointer;
}

.tete1 {
  background: white url(../Images/fond_tete_capc.png) no-repeat top left;
  height: 148px;
  border-bottom: 1px solid #CBCBCB;
}

.friseTitreHidden {
  display:none;
}

.friseTitreHidden h2 {
  display:none;
}

.corp {
clear:both;
margin-top: 2.5em !important;
margin-top/**/: 2.4em;
}

.piedCorp {
  clear: both;
  margin: 10px 0 0 0;
  border-top: 1px solid #CBCBCB;
}

.pied {
  margin: 10px 0 0 0;
  padding: 3px 1ex 0 1ex;
  color: #666666;
  background: white url(../Images/fond_pied_capc.png) repeat-y top left;
  border-top: 1px solid #CBCBCB;
}

.piedMaif {
  font-size: x-small;
  color: white;
  padding: 10px;
position: relative;
}

.piedMaif a:link    { text-decoration: underline; color: white; }
.piedMaif a:visited { text-decoration: underline; color: white; }
.piedMaif a:hover   { text-decoration: none; color: #F9CA5C; }

.piedMaif img {
  vertical-align: middle;
}

.piedW3c {
  font-size: x-small;
  color: white;
  padding: 10px;
  padding-top: 1.3em;
position: relative;
}

.piedW3c a:link    { text-decoration: underline; color: white; }
.piedW3c a:visited { text-decoration: underline; color: white; }
.piedW3c a:hover   { text-decoration: none; color: #F9CA5C; }

.piedW3c img {
  vertical-align: middle;
}

.piedLogo {
  float: right;
  margin: 15px 37px 10px 15px;
}

.piedDate { font-size: xx-small; color: #DDDDDD; }

.piedLogo a         { text-decoration: none; }
.piedLogo a:link    { text-decoration: none; }
.piedLogo a:visited { text-decoration: none; }
.piedLogo a:hover   { text-decoration: none; }

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

.mainMenu {
}

.mainMenu h2 { display: none; }

.mainMenu ul.menu {
  position: absolute;
  top: 159px;
/*
  left: 0;
  width: 100%;
  min-width: 38em;
*/
  width: 980px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #848F9B;
  white-space: nowrap;
}

.mainMenu ul.menu li {
  display: inline;
}

.mainMenu ul.menu li a, .mainMenu ul.menu li span {
  display: block;
  float: left;
  margin: 0;
  padding: .2em 2em .2em 2em;
  border-right: 2px solid #F6F6F6;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size: 80%;
  background: #848F9B;
position: relative;
z-index: 4;
 }

.mainMenu ul.menu li a:link    { text-decoration: none; color: white; }
.mainMenu ul.menu li a:visited { text-decoration: none; color: white; }
.mainMenu ul.menu li a:hover   { text-decoration: none; color: white; }

li .selected { color: white; }

#maintab0-1 .selected { color: white; background: #576E5E; }
#maintab0-2 .selected { color: white; background: #A00C6A; }
#maintab0-3 .selected { color: white; background: #3D6A6D; }
#maintab0-4 .selected { color: white; background: #ff9753; }
#maintab0-5 .selected { color: white; background: #e7d920; }
#maintab0-6 .selected { color: white; background: #8fde74; }

#maintab0-1 a:hover { background: #619A81; }
#maintab0-2 a:hover { background: #BA4F93; }
#maintab0-3 a:hover { background: #5EA0A5; }
#maintab0-4 a:hover { background: #eb5916; }
#maintab0-5 a:hover { background: #dcca00; }
#maintab0-6 a:hover { background: #abe7a2; }

.subMenuHidden {
 display: none;
}

/* ========= Menu 2 ========= */

.subMenu {
  position: absolute;
  top: 1.7em !important;
  top/**/: 1.6em;
  left: 0px;
  width: 100%;
  margin: 0;
  padding: 0;
  min-width: 38em;
  list-style-type: none;
  background: #848F9B;
  white-space: nowrap;
  font-size: 90%;
}

.mainMenu ul.menu li ul a, .mainMenu ul.menu li ul span {
  margin: 0;
  padding: 0 2em 0 2em;
z-index: 5;
}

#mainsubmenu0-1 { background: #76CCAA; }
#mainsubmenu0-2 { background: #D189B7; }
#mainsubmenu0-3 { background: #74C6CC; }
#mainsubmenu0-4 { background: #eb5916; }
#mainsubmenu0-5 { background: #dcca00; }
#mainsubmenu0-6 { background: #abe7a2; }

#mainsubmenu0-1 a { background: #76CCAA; }
#mainsubmenu0-1 a:hover { background: #619A81; }
#mainsubmenu0-1 .selected { background: #576E5E; }

#mainsubmenu0-2 a { background: #D189B7; }
#mainsubmenu0-2 a:hover { background: #BA4F93; }
#mainsubmenu0-2 .selected { background: #A00C6A; }

#mainsubmenu0-3 a { background: #74C6CC; }
#mainsubmenu0-3 a:hover { background: #5EA0A5; }
#mainsubmenu0-3 .selected { background: #3D6A6D; }


#mainsubmenu0-4 a, #mainActmenu0-4 span {
  background: #eb5916 repeat-x top left;
  padding: 0 0.5em 0 0.5em;
}
#mainsubmenu0-4 .selected { color: white; }
#mainsubmenu0-4 .selected { background: #ff9753 repeat-x top left; padding: 0 0.5em 0 0.5em;
}
#mainsubmenu0-4 a:hover { background: #ff9753 repeat-x top left; padding: 0 0.5em 0 0.5em;
}

#mainsubmenu0-5 a, #mainActmenu0-5 span {
  background: #dcca00 repeat-x top left;
  padding: 0 0.5em 0 0.5em;
}
#mainsubmenu0-5 .selected { color: white; }
#mainsubmenu0-5 .selected { background: #e7d920 repeat-x top left; padding: 0 0.5em 0 0.5em;}
#mainsubmenu0-5 a:hover { background: #e7d920 repeat-x top left; padding: 0 0.5em 0 0.5em;}

#mainsubmenu0-6 a, #mainActmenu0-6 span {
  background: #eb5916 repeat-x top left;
  padding: 0 0.5em 0 0.5em;
}
#mainsubmenu0-6 .selected { color: white; }
#mainsubmenu0-6 .selected { background: #ff9753 repeat-x top left; padding: 0 0.5em 0 0.5em;}
#mainsubmenu0-6 a:hover { background: #ff9753 repeat-x top left; padding: 0 0.5em 0 0.5em;}

/* ========= Menu 3 ========= */

.finMenu {
  margin: .3em;
}

.finMenu h2 { display: none; }

.finMenu ul {
  margin: 0;
  padding: .3em;
  white-space: normal;
}

.finMenu ul li { display: block; padding: 0; }

.finMenu ul li a, .finMenu ul li span {
  padding: 0 0 0 1.1em;
  border: 0;
  background: transparent url(../Images/tiret_noir.png) no-repeat 0.3em 0.3em;
  font-weight: bold;
  text-align: left;
  font-size: 80%;
 }

.finMenu ul li a:link    { text-decoration: none; color: black; }
.finMenu ul li a:visited { text-decoration: none; color: black; }
.finMenu ul li a:hover   { text-decoration: none; color: white; }

/* ========= Menu 4 ========= */

.annexMenu h2 { display: none; }

.annexMenu ul.menu {
  margin: 0;
  padding: .3em;
  white-space: normal;
  list-style-type: none;
}

.annexMenu ul.menu li { display: block; padding: 0; }

.annexMenu ul.menu li a, .annexMenu ul.menu li span {
  padding: 0 0 0 1.1em;
  border: 0;
  background: transparent url(../Images/tiret_gris.png) no-repeat 0.3em 0.3em;
  font-weight: bold;
  text-align: left;
  font-size: 80%;
 }

.annexMenu ul.menu li .selected { color: white; }

.annexMenu ul.menu li a:link    { text-decoration: none; color: black; }
.annexMenu ul.menu li a:visited { text-decoration: none; color: black; }
.annexMenu ul.menu li a:hover   { text-decoration: none; color: #617BB2; }

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

.history {
  margin: .5em 0 1em 0;
  color: black;
  font-size: 70%;
  position: relative;
  z-index: 4;
}

.history span {  background-color: white; }

.history .title { font-weight: bold; }

.history a         { background-color: white; text-decoration: underline; color: black; }
.history a:visited { background-color: white; text-decoration: underline; color: black; }
.history a:hover   { background-color: white; text-decoration: none; color: #666666; }

.history a span {  background-color: transparent; }

.back { font-size: small; }

.back a         { text-decoration: none; color: #707070; }
.back a:visited { text-decoration: none; color: #707070; }
.back a:hover   { text-decoration: none; color: #993333; }

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

.colGauche {
  float: left;
  height: 568px;
  width: 12em;
  margin-bottom: 5px;
  background: white url(../Images/fond_gauche.png) no-repeat top left;
}

.colGaucheInfo {
  margin: 12em .3em 0 .3em;
  color: #333333;
  font-size: 80%;
}

.colPrincipale {
  margin: 0em .8em .8em 12.8em;
  padding: .5em 0 0 0;
}


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

.blocLogin {
  background: #445565 url(../Images/fond_gauche_haut.png) no-repeat top left;
  margin: 0;
  padding: 0;
}

.login {
  margin: 0;
  padding: 2px 5px 0 5px;
  border: 0;
  font-size: 80%;
}

.login legend    {
 display:none;
}

.loginLabelTitre    {
  display:block;
  background: url(../Images/fleche_acc_gauche.png) no-repeat .3em .3em;
  margin: 0;
  padding: 6px 0 10px 32px;
  border: 0;
  color: #E00022;
  font-weight: bold;
 }

.loginLabelTitre a         { }
.loginLabelTitre a:link    { text-decoration: underline; color: #E00022; }
.loginLabelTitre a:visited { text-decoration: underline; color: #E00022; }
.loginLabelTitre a:hover   { text-decoration: none;      color: black; }

.login form {
  margin: 0 0 .8em 0;
  padding: 0 0 0 15px;
  color: #BBB8C4;
}

.loginItem {
}

.loginItem label {
  display: block;
}

.loginItem input {
  width: 7em;
}

.loginPicto {
  float: right;
  position: relative;
  right: 40px;
  bottom: 1.5em;
}

.loginPicto div {
  position: absolute;
  background: transparent url(../Images/picto_login_gauche.png) no-repeat;
  height: 73px;
  width: 44px;
}

.loginPicto span {
display: none;
}

.loginSubmit {
  padding: 1em 0 0.2em 0;
  margin: 0;
}

.loginSubmit input {
  width: 7em;
  color: black;
  font-weight: bold;
}


.loginAutoLog       {
  margin: 0;
  padding: 5px 0 0 0;
 }

.loginAutoLog label {
  margin: 0;
  padding: 0 0 0 3px;
}

.loginAutoLog input {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.loginLost           { color: #BBB8C4; }
.loginLost a         { margin: 0; padding: 0; }
.loginLost a:link    { text-decoration: underline; color: #BBB8C4; }
.loginLost a:visited { text-decoration: underline; color: #BBB8C4; }
.loginLost a:hover   { text-decoration: none;      color: black; }

.loginAccountChoice              { margin: 0 0 1em 0; padding: 0; list-style-type: square; list-style-position: inside; }
.loginAccountChoice li a         { text-decoration: none; color: black;  }
.loginAccountChoice li a:visited { text-decoration: none; color: black;  }
.loginAccountChoice li a:hover   { text-decoration: underline; color: black; }

.user {
  margin: 0;
  padding: .5em;
  background: transparent url(../Images/picto_login_gauche.png) no-repeat 99% 95%;
  border: 0;
  color: #BBB8C4;
  font-size: 90%;
}
.userHello      { font-weight: bold; }
.user ul        { margin: 1em 0 0 0; padding: 0; list-style-type: none; }
.user li        { background: url(../Images/tiret_gris.png) no-repeat 0.3em 0.3em; }
.user a         { margin: 0 0 0 1.2em; }
.user a:link    { text-decoration: underline; color: #BBB8C4; }
.user a:visited { text-decoration: underline; color: #BBB8C4; }
.user a:hover   { text-decoration: none; color: #7A8291; }
.noUser         { height: 90px; }

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

.blocLoginAcc {
  float: left;
  background: #F1F3F5 url(../Images/fond_acc_login.png) repeat-y;
  margin: .5em;
  padding: 0;
  padding: 0;
  border: 1px dashed #727483;
  width: 14em;
}

.loginAcc {
  margin: 0;
  padding: 2px 5px 0 5px;
  border: 0;
  font-size: 80%;
}

.loginAcc legend {
  display:none;
}

.loginLabelTitreAcc {
  display:block;
  background: url(../Images/fleche_acc_droit.png) no-repeat .3em .3em;
  margin: 0;
  padding: 6px 0 10px 32px;
  border: 0;
  color: #87000B;
  font-weight: bold;
  font-size: 110%;
}

.loginLabelTitreAcc a         { }
.loginLabelTitreAcc a:link    { text-decoration: underline; color: #87000B; }
.loginLabelTitreAcc a:visited { text-decoration: underline; color: #87000B; }
.loginLabelTitreAcc a:hover   { text-decoration: none;      color: black; }

.loginAcc form {
  margin: 0 0 .8em 0;
  padding: 0 0 0 0;
  background: transparent url(../Images/picto_login_droite.png) no-repeat right top;
}

.loginItemAcc {
  position: relative;
  padding: 0 1em 0 0;
  margin: 0;
  color: #61606E;
}

.loginItemAcc label {
  display: block;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.loginItemAcc input {
  width: 7em;
  margin-right: .5em;
}

.loginPictoAcc {
  position: relative;
  right: .8em;
}

.loginPictoAcc div {
  position: absolute;
  margin-top: 1.75em;
  background: transparent url(../Images/picto_login_droite.png) no-repeat;
  height: 54px;
  width: 32px;
}

.loginPictoAcc span {
display: none;
}

.loginSubmitAcc {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline;
}

.loginSubmitAcc input {
  width: 3em;
  color: black;
}

.loginAutoLogAcc       {
  clear: left;
  margin: 0;
  padding: 5px 0 0 0;
  color: #61606E;
 }

.loginAutoLogAcc label {
  margin: 0;
  padding: 0 0 0 3px;
}

.loginAutoLogAcc input {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.loginLostAcc           { color: #61606E;}
.loginLostAcc a         { margin: 0; padding: 0; }
.loginLostAcc a:link    { text-decoration: underline; color: #61606E; }
.loginLostAcc a:visited { text-decoration: underline; color: #61606E; }
.loginLostAcc a:hover   { text-decoration: none;      color: black; }


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

.colDroiteAcc {
  float: right;
/*
  width: 29em !important;
  width/--/: 25em;
*/
  width: 300px;
  margin-bottom: 10px;
  padding: .5em .5em 0 .5em;
}

.colGaucheAcc {
  margin: 0 .8em 5px 0;
  padding: .5em;
}


/* ==========================
 *          Flash
 * ========================== */

.flash {
  display:block;
/* ==========================
  border: 1px dashed #727483;
  background-color: #FFDEF3;
  margin: 1em 0 0 0;
  color: #61606E;
 * ========================== */
/*
  margin-top: 10px;
*/
  text-align: center;
/*
  width: 29em !important;
  width/--/: 25em;
*/
}

.flashFloat {
  display:block;
  float: right;
  padding : .5em 0 .5em .5em;
}

/* ==========================
 * ========================== */

.userAcc {
 margin: 0;
 padding: .5em;
 background: transparent url(../Images/picto_login_droite.png) no-repeat 99% 95%;
 border: 0;
 color: white;
 font-size: 90%;
 }
.userHelloAcc { margin: 0 0 0 0; font-weight: bold; color: #333333; }
.userAcc ul   { margin: 1em 0 0 0; padding: 0; list-style-type: none; }
.userAcc li   { background: url(../Images/tiret_gris_fonce.png) no-repeat 0.3em 0.3em; }
.userAcc a         { margin: 0 0 0 1.2em; }
.userAcc a:link    { text-decoration: underline; color: #333333; }
.userAcc a:visited { text-decoration: underline; color: #333333; }
.userAcc a:hover   { text-decoration: none; color: black; }
.noUserAcc         { height: 90px; }

/* ==========================
 *         Acc DocCapc
 * ========================== */

.docCapc { background: white;
padding: 0;
margin: 0;
}

.docJour {
padding: 0px 0 180px 0 ;
margin: 0 .5em 1em 0;
border: 0;
background: url(../Images/deco_acc.png) no-repeat 0 bottom;
}

.docJour legend {
display: none;
}

.docJour ul {
display: inline;
list-style-type: none;
padding: 0;
margin: 0;
}

.docJour ul li {
display: block;
padding: 0 0 .5em 0;
margin: 0;
}

.docJour ul li h2 {
color: #E00022;
padding: 0;  margin: 0; border: 0;
display: inline;
}

.docJourList {
}

.docJour .docJourList li {
display: inline;
position: relative;
}

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

.docActu table tr td {
padding: .3em;
vertical-align: top;
overflow:hidden;
}

.docActu table tr td .actuImg {
width: 1px;
}

.docActu legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 131%;
color: #E00022;
background: url(../Images/fleche_rouge.png) no-repeat 0 .4em;
padding: 0 0 0 17px;  margin: 0; border: 0;
}

.docActu ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.docActu ul li {
float: left;
width: 30%;
padding: 0;
margin-right: 3%;
}

.docActu ul li h5 {
color: black;
}
.docActu table tr td a         { }
.docActu table tr td a:link    { text-decoration: underline; color: black; }
.docActu table tr td a:visited { text-decoration: underline; color: black; }
.docActu table tr td a:hover   { text-decoration: none; color: #7A8291; }

.imcdocPicto {
float: left;
padding : 0 10px 0px 0;
}

.idocImgUnder {
padding: .5em 0 .5em 0;
}

/* ==========================
 *        Acc DocCens
 * ========================== */

.docCens { background: #E0EEE6 url(../Images/fond_acc_cens.png) no-repeat top left;
margin-top: 10px;
padding: .5em;
border: 1px solid #74808A;
}

.docCensImcdoc {
padding: 90px .5em .5em .5em;
margin:0;
}

.docCens h3 {
color: #E00022;
}

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

.docCensActu legend {
display: none;
}

.docCensActu ul {
list-style-type: none;
padding: .5em 0 0 0;
margin: 0;
}

.docCensActu ul li {
display: block;
padding: 0;
margin: 1em 0 0 0;
clear: left;
}

.docCensActu ul li h5 {
color: black;
}
.docCensActu ul li h5 a         { }
.docCensActu ul li h5 a:link    { text-decoration: underline; color: black; }
.docCensActu ul li h5 a:visited { text-decoration: underline; color: black; }
.docCensActu ul li h5 a:hover   { text-decoration: none; color: #7A8291; }

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

.debug {
  margin:  3em 1em 3em 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;
  margin-top: 3em;
}

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


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

.clearLeft  { clear: left;  margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.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; }