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

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

p { font-size: 1em; }

#menu
{
	background: #F3EAEB;
	color: #9A9EA3;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0;
	padding-right: 0.5em;
	padding-bottom: 1em;
	margin: 0;
	min-width: 100px;
	float: left;
}

#main
{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #464650;
	margin: 0;
	margin-left: 20%;
	margin-right: 5%;
	padding: 0;
	padding-top: 2em;
	padding-right: 10px;
	background: transparent;
	min-height: 95%;
}

h1
{
	background: #F8F1EC;
	position: absolute;
	text-align: right;
	top: 10px;
	right: 0;
	margin: 0; 
	margin-right: 1.1em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 120%;
	font-weight: bold;
}

h1:after
{
	content: ' ' url(puce3.png);
}


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

#li0, #li1, #li2, #li3, #li4, #li5, #li6, #li7, li.separator
{
	margin:0;
	padding: 0;
	vertical-align: middle;
	font-size: 100%;
}

#li0 { list-style: url(li0.png) outside; }
#li1 { list-style: url(li1.png) outside; }
#li2 { list-style: url(li2.png) outside; }
#li3 { list-style: url(li3.png) outside; }
#li4 { list-style: url(li4.png) outside; }
#li5 { list-style: url(li5.png) outside; }
#li6 { list-style: url(li6.png) outside; }
#li7 { list-style: url(li7.png) outside; }

#li3, #li4, #li5 { margin-left: 0.7em; }

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

li.separator:hover { background: #fff; }

#li0:hover,
#li1:hover,
#li2:hover,
#li3:hover,
#li4:hover,
#li5:hover,
#li6:hover,
#li7:hover
{
	list-style: url(liover.png) none outside;
}

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: #DDE1DE; }
#menu a:active { color: #000; border-right: 1px solid #fff;  }

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

h2
{
	background: #F8F1EC;
	font-size: 120%;
	font-weight: bold;
	display: inline;
	position: relative;
	top: -0.6em;
	margin: 0;
	margin-left: 0.8em;
	padding: 0;
	padding-left: 0.4em;
	padding-right: 0.4em;
	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.part,
#wppart1,
#wppart2,
#wppart3,
#wppart4,
#wppart5
{
	background: #FDF6F0;
	color: #464650;
	margin: 0;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-right: 0.5em;
	padding: 1em;	
	padding-top: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#entetecv
{
	margin-bottom: 2em;
}

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

#habillage
{
	clear: both;
	width: 120px;
	float: left;
	margin-top: 20px;
}

#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;
}

div.part img
{
	border: 1px solid #000;
	margin: 4px;
	vertical-align: middle;
}

/** 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-left: 105px;
  vertical-align: middle;
  font-size: 1em;
}

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

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