body {
	margin:50px 20px; padding:0px;
	text-align:center;
	font-family:verdana,helvetica,arial,sans-serif;
}
	
#Content {
	width:500px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:1px dashed #333;
	background-color:#eee;
	
}

h1 {
	color:#3235C9;
	font-size:18px;
}

h2 {
	color:#3235C9;
	font-size:16px;
}

h3 {
	color:#3235C9;
	font-size:10px;
}

h4 {
	color:#1B5C9F;
	font-size:10px;
}

.texterouge {
	color:#ff0000;
	font-size:10px;
}

#maintableTL {
  background:url(img/hg.jpg) no-repeat;
}

#maintableT {
 background:url(img/haut.jpg) repeat-x;
}

#maintableB {
 background:url(img/bas.jpg) bottom repeat-x;
}

#maintableTR {
  background:url(img/hd.jpg) top right no-repeat;
}

#maintableL {
  background:url(img/gauche.jpg) top left repeat-y;
}

#maintableR {
  background:url(img/droite.jpg) top right repeat-y;
}

#maintableBL {
  background:url(img/bg.jpg) bottom left no-repeat;
}

#maintableBR {
  background:url(img/bd.jpg) bottom right no-repeat;
}

/* Inset 3D Raised */
.raised { width:70%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:10px; color:#000; letter-spacing:1px;}
.raised h2 {font-size:10px; color:#146594; letter-spacing:1px;}
.raised h3 {font-size:10px; color:#FC7171; letter-spacing:1px;}

.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#eee;}
.raised .boxcontent {display:block;  background:#e6fbff; border-left:1px solid #fff; border-right:1px solid #e6fbff; text-align:left;}

a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
    color:#000;
    width:90px;
    height:18px;
    display:block;
    background:#c33;
    border:1px solid #000;
    margin-right:1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-family: verdana;
    font-size:10px;
    line-height:18px;
    overflow:hidden;
}

a.boutonIE:hover {
    color:#fff;
    background:#000;
    overflow:visible;}

a.boutonIE:hover table {
    display:block;
    background:#eee;
    border-collapse:collapse;
}


#menu {
position: absolute;
top: 2;
left: 3;
}
dl#menu {
width: 11em;
font-size:10px;
}
dl#menu dt {
cursor: pointer;
margin: 1px 0px;;
height: 15px;
line-height: 15px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #5095C0;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #fff;
}
dl#menu li a, dl#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #AFB5EF;
}

/* mentions et copyright */
div#mentions {
  font-family: verdana, arial, sans-serif;
  position: absolute;
  bottom : 200px;
  left : 10px;
  width: 200px;
  margin: 1em;
  padding: 0.5em;
  background: #FFF7D2;
  -moz-border-radius:10px;
  border-radius:10px;
  line-height: 1.1;
  font-size: 0.5em;
}
div#mentions a {
  text-decoration: none;
  color: #222;
}
div#mentions a:hover {
  text-decoration: underline;
  color: black;
}