body
{
	background: #333;
	color: #000;
	margin: 0;
	padding: 5em 10em 10em 5em;
	border: none;
}

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

p { font-size: 1em; }

#menu
{
  background: #fff;
	color: #000;
	border: none;
	padding: 0;
	padding-right: 1em;
	padding-bottom: 1em;
	margin: 0;
	position: absolute;
}

#main
{
	color: #000;
	background: #888;
	margin: 0;
	margin-left: 20%;
	margin-right: 5%;
	padding: 1em;
}

h1
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 20%;
	margin-right: 5%;
	padding: 0.4em;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	background: #000;
}

#menu ul li {list-style: none; }

#menu ul
{
	margin: 0;
	padding: 0;
	padding-top: 1.5em;
	padding-left: 1em;
}

li.separator
{
   display: none;
}

a { text-decoration: underline; background: transparent; font-weight: normal; font-size: 1em; }
a:link 	 { color: #000; }
a:visited{ color: #555; }
a:hover,
a:focus  { color: #fff; text-decoration: underline; }
a:active { color: #000; background: transparent; border-right: 1px solid #fff;  }

#menu a { text-decoration: none; background: transparent; display: inline; }
#menu a:link 	 { color: #000; }
#menu a:visited{ color: #222; }
#menu a:hover,
#menu a:focus  { color: #fff; background: #000; }
#menu a:active { color: #000; border-right: 1px solid #fff;  }

#main ul li:first-letter { font-size: 120%; }

h2
{
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	margin-left: 15%;
	margin-right: 15%;
	padding: 0;
	margin-top: -0.5em;
	border: 2px solid #000;
	-moz-border-radius : 1em;
	background: #fff;
	text-align: center;
}


#entetecv,
div.part,
#wppart1,
#wppart2,
#wppart3,
#wppart4,
#wppart5
{
  background: #d0d0d0;
	color: #000;
	border: solid 1px #000;
	margin: 1em;
	padding: 1.5em;
}


#entetecv ul li {list-style: none; }

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

#habillage
{
  position: absolute;
  top: 0;
  left: 0;
	width: 20em;
}

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

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

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

/** 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; }


/** Internet  **/

#logoemc,
#logoccfd,
#logophoto,
#logolambesc,
#logosp13riri,
#logoclicclac,
#logomystats
{
  vertical-align: top;
  font-size: 1em;
}

div.part img
{
	margin: 0.5em;
	margin-left: 4em;
  border: none;
}