@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#30487f;
	margin:0;padding:0;
}

p {
	margin-top:4px;
	margin-bottom:8px;
	text-align:justify;
}

a {
	color:#0033FF;
	text-decoration:none;
}

a:hover {
	color:#3399FF;
	text-decoration:underline;
}

.history table {

}

.history th {
	vertical-align:top;
	text-align:right;
	padding:5px;
	width:70px;
}

.history td {
	vertical-align:top;
	padding:5px;
}

ol {
	list-style-type:none;
	padding:0;
	margin:0;
	margin-left:18px;

}

ul {
	list-style-image:url(../img/puce.gif);
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
	margin-left:18px;
}

li {
	padding-bottom:4px;
}

h1 {
	font-variant:small-caps;
	font-size:18px;
	background-image:url(../img/title_bck.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:33px;
	width:400px;
	padding-left:60px;
	line-height:28px;
	color:#FFFFFF;
	margin:0;
	margin-left:30px;
	margin-bottom:14px;
}

h2 {
	font-size:16px;
	padding:4px;
	color:#990000;
	border-bottom:solid 1px #990000;
	border-top:solid 1px #990000;
	clear:both;
}

h3 {
	text-align:left;
	font-size:20px;
	font-weight:bold;
	padding:4px;
	color:#336699;
	border-bottom:solid 1px #336699;
	font-variant:small-caps;
}

h5 {margin: 15px 0 15px 95px; padding: 0 0 0 10px; background: url(../images/puce.gif) no-repeat 0 2px; font-size: 1.2em; font-weight: normal;}

.highlight {
	color:#FF0000;
	font-weight:bold;
}

#header {
	background-image:url(../img/header_bck.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	height:135px;
}

#container {
	position:relative;
	width:100%:
}

#leftcol {
	position:absolute;
	top:0px;
	left:0px;
	_left:-170px;
	/*float:left;*/
	min-height:500px;
	height:500px;
	width:170px;
	border-right:solid 1px #CCCCCC;
}

#content {
	/*min-height:500px;*/
	margin-left:170px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:40px;
}

#footer {
	display:block;
	clear:both;
	border-top:solid 1px #333333;
	margin-top:10px;
}

.homebox {
	width:220px;
	height:580px;
	margin:5px;
	padding:10px;
	vertical-align:top;
	background-image:url(../img/homebox.gif);
	background-repeat:no-repeat;

}

.homebox h3 {
	text-align:left;
	border:none;
}

.homebox ol, .homebox li {
	color:#CC0000;
	font-weight:bold;
	font-size:14px;
	list-style-type:square;
}

.homebox p {
	text-align:left;
}

/* Menu */
#logo {float: left;}
#outils {height: 20px; padding: 51px 90px 0 660px; background: url(../images/logo_mci.gif) no-repeat right top;}
a img { border: 0; }


#bandeau {width: 1000px; height: 128px; background: url(../images/bg_bandeau.jpg) no-repeat 150px 0;}
ul.menu, ul.smenu {float: left;	width: 885px; padding: 0px ; margin: 0px ;	list-style-image: none;}
	
ul.menu {height: 27px; background: url(../images/menu_bg.gif) no-repeat 0 0;}
ul.smenu {
	height: 31px;
	width: 885px;
	padding: 0 0 0 159px; 
	background: url(../images/smenu_bg.gif) no-repeat 0 0;
	}
ul.menu li, ul.smenu li {height: 27px; float: left;}
ul.menu li a, ul.smenu li a {
 float: left;
 font-size: .8em;
 font-weight: bold;
 text-transform: uppercase;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
}
ul.menu li a {
	padding: 7px 35px;
	color: #fff;
	background-image: url(../images/menu_li_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.menu li a.first {background-image: url(../images/menu_li_first_bg.gif);}

ul.menu li a:hover {background-position: left bottom;}

ul.smenu { display: none; }
ul.selected { display: block; }

ul.smenu li a {
	width:  180px;
	padding: 9px 15px;
	text-align: center;
	color: #2d365a; 
	background-image: url(../images/smenu_li_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
ul.smenu li a.last { background-image: url(../images/smenu_li_last_bg.gif);}
ul.smenu li a:hover {color: #1a619f; background-position: right top;}

/* Cersa dans le monde */

#carte {width: 790px; height: 358px; background: url(../images/bg_carte.gif); text-align: center;}
.continent { overflow: auto; }
.bloc {margin: 0 15px 15px 0; float: left; width: 235px; height: 240px; padding: 5px; border: 1px solid #ccc;}
.bloc h2 {font-size: 1.2em; background: none; font-weight: normal; color:#990000; text-align: left; border-top: 0; border-color: #ccc;}
.bloc p {border-bottom: 1px solid #ccc; font-size: 0.9em;}
.bloc p.email-web {border-bottom: 0;}