body
{
	background: #B8E6E6;
	color: #000099;
	margin: 0;
	padding: 0;
	padding-top: 24px;
	padding-bottom: 30px;
	border: none;

  overflow-y: hidden;
}

#menu
{
	background: #FFE193;
	padding: 0;
	margin: 0;
	border-top: 1px solid #CC0066;
	text-align: center;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  z-index: 10;

  position: absolute}

  body>#menu{position: fixed
}

#menu ul
{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	color: #009;
	background: transparent;
	list-style: none;
}

#li0, #li1, #li2, #li3, #li4, #li5, #li6, #li7
{
	margin: 0;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0;
	font-size: 100%;
	display: inline;
}

div.content
{
  height: 100%;
  overflow: auto;
  margin-bottom: 30px;
}

div, a, h1
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

#main
{
	border: none;
	margin: 0;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0;
	padding-bottom: 50px;
	padding-right: 10px;
	background: transparent;
	color: #000;
	z-index: 1;
}

#menu, h1
{
	color: #FFFFB8;
}

h1
{
  color: #FFA200;
	background: #FFE193;
	text-align: right;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	border: none;
	text-align: center;
	font-size: 120%;
	font-weight: normal;
	z-index: 10;
    /* cette partie du style n'est prévue que pour Microsoft Internet Explorer :
      elle passe dans tous les navigateurs, mais sera écrasée par la prochaine
      instruction, sauf dans IE5-6 */
  position: absolute}

   /*Définition comprise par Opera, Mozilla et Netscape 6 et y écrasant le
    " position:absolute ". Permet au menu de rester fixes dans la page lorsqu'on
    utilise l'ascenseur, en utilisant la fonction standard " position :fixed ".
    Le " > " est non compris par IE5-6, et le " position :fixed " n'y remplace
    Donc pas le " position :absolute " */
  body>h1{position: fixed
}

#menu ul
{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	color: #000099;
	background: transparent;
	list-style: none;
}

#li0, #li1, #li2, #li3, #li4, #li5, #li6, #li7
{
	margin: 0;
	margin-left: 1em;
	margin-right: 1em;
	padding: 0;
	font-size: 100%;
	display: inline;
}

li.separator { display: none; }

a { text-decoration: none; background: transparent; font-weight: bold; font-size: 1em; }
a:link 	 { color: #0B196E; font-style: italic; }
a:visited{ color: #0B196E; font-style: italic; }
a:hover  { color: #B800D4; font-style: italic; }
a:active { color: #000099; font-style: italic; }

#menu a { text-decoration: none; background: transparent; font-weight: bold; }
#menu a:link 	 { color: #000099; background: transparent; }
#menu a:visited{ color: #00007A; background: transparent; }
#menu a:hover  { color: #000; background: #FFCC01; }
#menu a:active { color: #000; background: transparent; }

h2
{
	margin-left: auto;
	text-align: right;
	font-size: 120%;
	font-weight: bold;
	font-style: italic;

	color: #B800D4;
	background: url(background.png);
	position: relative;
	top: -0.9em;
	border: none;
	right: 10px;
	padding: 0;
	margin: 0.2em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	z-index: 1;
}

h2:first-letter { font-size: 150%; color: #e00; }

div.part,
#wppart1,
#wppart2,
#wppart3,
#wppart4,
#wppart5
{
	background: #fff;
	color: #020202;
	margin: 0;
	margin-top: 1.5em;
	margin-bottom: 2em;
	margin-right: 0.5em;
	padding: 1em;
	padding-top: 0;
	border: none;
}

#entetecv
{
	background: #fff;
	color: #020202;
	margin: 0;
	margin-top: 1.5em;
	margin-bottom: 2em;
	margin-right: 0.5em;
	margin-left: auto;
	padding: 1em;
	padding-top: 0;
	border: none;
	text-align: right;
	width: 40%;
}

#entetecv ul { list-style: none; }

.acro
{
	cursor: help;
	border-bottom: 1px dotted #369;
}

#habillage
{
	margin: 0;
	padding-left: 5px;
	width: 200px;
	position: fixed;
	top: 25px;
	left: 0;
	z-index: 150;
}


#ok
{
	width: 2em;
	height: 1.5em;
	background: transparent;
	border: solid 1px #cc0066;
}

#ok:hover,
#ok:focus { background: #FFF4C6; }

#set
{
	height: 1.5em;
	background: #fff;
	border: solid 1px #cc0066;
}


/** War & Peace  */

#imgwpscreen1,
#imgwpscreen2,
#imgwpscreen3,
#imgwpscreen4,
#imgwpscreen5
{
	margin: 10px;
	margin-left: 25px;
	margin-right: 25px;
	border: 2px solid #000;
}

#imgwpscreen1 { float: left;  }
#imgwpscreen2 { float: right; margin-top: 3em; }
#imgwpscreen3,
#imgwpscreen4 { float: left; clear: both; }
#imgwpscreen5 { float: right; }


#wppart1 {  margin-left: 260px;   padding-top: 0; }
#wppart2 {  margin-right: 350px;  padding-top: 0; }
#wppart3 {  margin-left: 350px;   padding-top: 0; }
#wppart4 {  margin-right: 350px;  padding-top: 0; }
#wppart5 {  margin-right: 350px;  padding-top: 0; }


#logoemc,
#logoccfd,
#logophoto,
#logolambesc,
#logosp13riri,
#logoclicclac,
#logomystats
{
  height: 7em;
  padding: 0;
  padding-right: 120px;
  padding-left: 3em;
  text-align: left;
  margin: 0;
  margin-right: 2em;
  vertical-align: middle;
  font-size: 1em;
}

#logoemc      { background: url(../../internet/images/emc.gif)        no-repeat top right; }
#logoccfd     { background: url(../../internet/images/ccfd.gif)       no-repeat top right; }
#logolambesc  { background: url(../../internet/images/cslambesc.gif)  no-repeat top right; }
#logosp13riri { background: url(../../internet/images/sp13riri.gif)   no-repeat top right; }
#logoclicclac { background: url(../../internet/images/clicclac.gif)   no-repeat top right; }
#logomystats  { background: url(../../internet/images/mystats.png)    no-repeat top right; }
#logophoto    { height: 5em; }

div.part img
{
  float: left;
  margin-top: -0.5em;
  margin-right: 2em;
  border: none;
}