/* CSS Document */
/*** Page ***/
html {
	background-color:#87A8DB;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

#conteneur {
	width:900px;
	margin:0 auto;
	background-image:url(../style/fond.jpg);
	background-repeat:repeat-x;
}

p {
	margin: 0 0 10px 0;
}

#header {
	width:100%; 
	height:120px;  
	border:1px solid #999; 
	border-bottom:none; 
	position:relative; 
	z-index:1;
}

#haut {
	padding:0;
	height: 30px;
}

#centre {
	margin-left: 230px;
	padding-top:10px;
	text-align:left;
}
#gauche {
	float:left;
	width: 220px;
}
#pied {
	color: #66CCFF;
	clear:both;
	height: 30px;
}

/*** CloudTag ***/
.cloudtag{	text-decoration:none; text-align:center; word-spacing:normal; margin:0;	padding:0; }

.cloudtag a {	text-decoration:none; color:#333399;}

.cloudtag a:hover {	text-decoration:underline; color:#FF9900;}

.cloudtag a.tg1 {color:#959595;}
.cloudtag a.tg2 {color:#0033FF; font-size:smaller}
.cloudtag a.tg3 {color:#CC9966;}
.cloudtag a.tg4 {color:#FF9933; font-size:larger }
.cloudtag a.tg5 {color:#9999FF;}
.cloudtag a.tg6 {color:#FFFFFF; font-size:xx-small}
.cloudtag a.tg7 {color:#666666;}
.cloudtag a.tg8 {color:#3399FF;font-size:x-small}

.raised {background: transparent; width:95%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; 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:#FFDE7D; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#FFDE7D; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#FFDE7D; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#FFDE7D; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#FFDE7D; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#FFDE7D; 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:#999;}
.raised .boxcontent {display:block;  background:#FFDE7D; border-left:1px solid #fff; border-right:1px solid #999;}

/* Chamfer Borders*/
.chamfer {background: transparent; width:98%; margin:10px auto; }
.chamfer h1, .chamfer p {margin:0 10px;}
.chamfer h1 {font-size:2em; color:#FF9900; letter-spacing:1px; padding-bottom:10px;}
.chamfer h2 {font-size:1.2em; color:#5F88D4; letter-spacing:1px;}
.chamfer p {padding-bottom:0.5em;}

.chamfer a { color:#003366;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {display:block; overflow:hidden; height:1px; background:#FFFFE8; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {display:block; background:#FFFFE8; border-left:1px solid #000; border-right:1px solid #000;padding:5px 5px 5px 5px;}


/*** Menu de gauche ***/
#gauche .navlinkmod {margin-bottom:2em; margin-left:5px}
#gauche .navlinkmod h3, #yschnav .navlinkmod h2 {
	margin:0; 
	color:#CA6701; 
	font-size:200%; 
	font-weight:normal;/* modif CC _font-weight:bold*/}
  /* #yschnav .navlinkmod h3, #yschnav .navlinkmod h2 {margin:0; padding:5px; border:1px solid #ECE5A9; border-bottom:none; color:#666;
    background: url(../images/mw26_bg_mod.gif) top right repeat-x;} */

#gauche .navlinkmod ul {
	margin:.5em .2em .5em 0;
	padding:0;
	border-top: 1px solid #CCCCCC;
}
#gauche .navlinkmod li {
	margin:0; 
	padding:.1em 0 .2em 0; 
	_padding-left:.3em; 
	color: #eee; 
	list-style:none;  
	_padding-bottom:.4em; 
	_text-indent:-.5em;
	line-height:25px;
	vertical-align:middle;
}
#gauche .navlinkmod li span.meta {font:normal 72%/1.2em verdana, arial}
#gauche .navlinkmod li a {_padding-left:.2em; color:#eee; text-decoration:none;}
#gauche .navlinkmod li.on a {
/* modif CC */
	font-weight:bold;
	color:#FF9900;
}
#gauche .navlinkmod li.nocontacts {height:auto !important; }
#gauche .navlinkmod .invite {display:inline; float:right; padding-right:5px}
#gauche .navlinkmod .delim {display:none}

#gauche .navlinkmod li.labelitem {padding-left:1em}
#gauche .navlinkmod li .catnamenav {display:inline}
#gauche .navlinkmod em.messagesindicator {
	color:#FF9900;
	font-weight:bold;
	font-style:normal
}

#history {margin:0 20px 0 0; padding-top:2px; color:#CCCCCC; position:absolute; top:0; right:0px}
#history .delim {padding:0 .2em}
#history a {color:#ccc; font-size:92%; padding:0;}
#history .blog a {position:absolute; top:-1px; right:-21px; _right:-23px; display:block; width:14px; height:14px; overflow:hidden; font-size:1px;
background: url(../images/mw26_corner_widget.gif) no-repeat; }
#history .blog a span {position:absolute; top:0; left:-3000px; }

#mon_logo h2 {clear:both; float:left; position:relative; top:-5px; left:20px; height:120px; width:500px; }
#mon_logo h2 a {display:block; height:80px; width:500px; z-index:1000;
  background: url(../images/coin_web.gif) no-repeat; padding: 45px 0px 0px 170px;
  font-size:1.5em; text-decoration:none;}

/* tabs */
#tabs {margin:0;padding:0;clear:both;overflow:visible; }
#tabs a, #tabs li.on a:hover  {text-decoration:none;}
#tabs h5 {display:none;}
#tabs ul {padding:0;margin:0;height:2em;}
.noonoverride ul {height:2.1em !important}
#tabs li, #tabs li div {display:block;float:left;padding:0;}
#tabs li {margin-right:3px; margin-top:5px}
#tabs li.on {margin-top:0}
#tabs li a {display:block; float:left; color:#666; white-space:nowrap; padding:3px 10px; margin:0;}
#tabs li.on a {color:#FF9900; font-weight:bold; padding-top:8px}
#tabs li div {display:block;float:left;margin:0;padding:0 4px 0 0}
#tabs ul {background:url(../images/mw26_tabs_line.gif) bottom repeat-x;}
#tabs li {background:url(../images/mw26_tabs_crnl.gif) no-repeat top left; padding-left:4px}
#tabs li div {margin-left:1px; _margin-left:0; _margin-top:1px;  background:url(../images/mw26_tabs_crnr.gif) no-repeat top right;}

#coin {
	position:absolute; 
	top:74px; 
	right:5px;
	width:103px;
	height:103px;
}