body {
	font-family: Optima, Calibri, "Gill Sans", Verdana, "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	margin: 0px;
	background-color:#CCCCCC;
	color: black;
	font-size: 16px; /* Default font size? */
	text-align: center; /* for IE */
}

/* .invisiblelink a,  for use with <span class="invisiblelink"><a... */
/* a.invisible for use with <a class="invisible"... */
/* top right bottom left */

#main{
	color: black;
	float: right;
	background-color: #FFFFFF;
	padding: 7px 7px 7px 7px;
    width: 850px; 
}

a {
	color: black;
	text-decoration: underline;
}

#bandeau {
	width: 864px;
	height: 30px;
	-webkit-border-top-left-radius: 2px 2px;
    -webkit-border-top-right-radius: 2px 2px;
	background: url(/im/bandeau_w664_h30.png) repeat;
	float: right;
}

#portraitloic {
	width: 200px;
	height: 250px;
	-webkit-border-top-left-radius: 2px 2px;
    -webkit-border-top-right-radius: 2px 2px;
	background: url(/im/loic2015_w200.jpg) no-repeat;	
	float: right;
}

#sideloic {
	width: 650px;
	text-align: justify;
}

#pied {
	width: 864px;
	height: 30px;
	-webkit-border-bottom-left-radius: 2px 2px;
    -webkit-border-bottom-right-radius: 2px 2px;
    background: url(/im/bandeau_w664_h30_bw.jpg) repeat;
	float: right;
    margin-bottom: 10px;
}


/* ------------------------------ */
/* 4. page layout */
/* ------------------------------ */

/* -------------- general settings -------------- */

#page{
	width: 848px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	/*background-color: #FFFFFF; */
	color: #E37823;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center for IE */
}
	
h1.loic {
	margin-top: 2px;
	font-size: 24px;
	font-weight:bold;
}

h1, H1 {
	margin-top: 25px;
	font-size: 20px;
	margin-bottom: 2px;
}
h2, H2 {
	font-size: 16px;
	margin-top: 30px;
	margin-bottom: 2px;
}

h3,H3 { 
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
}

p {
	margin-top: 0px;
	margin-bottom: 14px;
}


dl {
	color: #888;
	_color: #FFF;
	list-style-type:decimal;
	list-style-position: outside;
/*	position: relative; */
	clear: both;
}


dl dt {
	clear:left;
	margin-left: 0px;
	padding-left: 0px;
	left: 50px;
	line-height:normal;
/*	position: relative; */
	left: 0px;
	font-weight:bold;
}

#main dl dt.red {
	color: #E37823;
}


dl dd {
	color: black;
	position: relative;
	top: -1.2em;
	margin-left: 30px;
	float: left;
	margin-top: 0;
}