body
{
	background: #F7F0D4;
	color: #A59993;
	margin: 0;
	padding: 1em;
	border: none;
}

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

p { font-size: 1em; }

#menu
{
  background: url(bord.jpg) top right no-repeat;
	color: #9A9EA3;
	border: none;
	padding: 0;
	padding-right: 1em;
	padding-bottom: 1em;
	margin: 0;
	position: absolute;
}

#main
{
	color: #464650;
	margin: 0;
	margin-left: 20%;
	margin-right: 5%;
	padding: 0;
	padding-top: 2em;
	padding-right: 10px;
	background: transparent;
}

h1
{
	text-align: center;
	margin: 0; 
	padding: 0.4em;
	font-size: 120%;
	font-weight: bold;
}

ul li { list-style: url(li.png) }

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

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

li.separator
{
  list-style: none;
  background: #E4D4CC;
  color: #000;
  font-weight: bold;
  margin-top: 0.4em;
  margin-left: -1.2em;
  padding-left: 0.5em;
}

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

#menu a { text-decoration: none; background: transparent; display: inline; }
#menu a:link 	 { color: #111; }
#menu a:visited{ color: #222; }
#menu a:hover, 
#menu a:focus  { color: #000; background:  url(barre.png) 0 0.5em no-repeat; }
#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: 3em;
	padding: 0;
	border: none;
}

div.part,
#wppart1,
#wppart2,
#wppart3,
#wppart4,
#wppart5
{
  background: url(bord.jpg) top right repeat-y;
	color: #464650;
	margin: 0;
	padding-left: 0.5em;	
	padding-right: 1.5em;	
	display: inline;
	float: left;
	width: 18em;
}

#entetecv
{
	margin: 0;
	padding: 0.5em;	
	float: left;
	width: 17em;
}

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

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

#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
{
  padding-bottom: 100px;
  vertical-align: top;
  font-size: 1em;
}
/*
#logoemc      { background: url(../../internet/images/emc.gif)        no-repeat bottom right; }
#logoccfd     { background: url(../../internet/images/ccfd.gif)       no-repeat bottom right; }
#logolambesc  { background: url(../../internet/images/cslambesc.gif)  no-repeat bottom right; }
#logosp13riri { background: url(../../internet/images/sp13riri.gif)   no-repeat bottom right; }
#logoclicclac { background: url(../../internet/images/clicclac.gif)   no-repeat bottom right; }
#logomystats  { background: url(../../internet/images/mystats.png)    no-repeat bottom right; }
#logophoto    { height: 4.5em; }
*/

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