body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#ffffff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;

}
.lateral{ float:left; width:23%; }
.content{
	display:block;
	float:right;
	width:72%;
	padding-right:5%;

}
.logowebsite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	padding-top:-10px;
}
a.act {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 6px;
	height: 14px;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.act2 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 6px;
	height: 20px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}
a.act:hover {
	color: #000000;
	background-color: #FFFFFF;
}
a.act2:hover {
	color: #000000;
	background-color: #333333;
}

a.lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	color: #A6CBCF;
	font-weight: 900;
	cursor:pointer;
}
a.lien:hover {
	color: #EE044B;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	text-transform: uppercase
}
a:hover {
	color: #EE044B;
}
a.menu {
display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	line-height: 30px;
	height: 30px;
	width: 172px;
	text-align: right;
	padding-right: 60px;
		vertical-align: middle;
}
a.menu:hover, a.menu2{
display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #000000;
	line-height: 30px;
	height: 30px;
	width: 172px;
	text-align: right;
	padding-right: 60px;
	background-image: url(img/udermenu.gif);
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
h2{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #3DD2FF;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	font-weight: 200;
}
.case {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: grey;
	margin: 0px;
	width:45%;
}
.color {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin: 0px;

}
#indication {
	background-image: url(img/b_alert.gif);
	background-repeat: no-repeat;
	padding: 4px;
	height: 22px;
	width: 137px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 10px;
}
#indicationv {
	background-image: url(img/b_val.gif);
	background-repeat: no-repeat;
	padding: 4px;
	height: 22px;
	width: 155px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 10px;
	margin-left:45px;
}
.case2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px;
	background-color: #FFECEC;
	border-width: 2px;
	border-style: solid;
	border-color: #FF0000;
	margin: 0px;
	width:625px;
}
.entry {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:block;
	height:30px;
	color: #000000;
	height: 100%;
	margin-top:10px;
	margin-bottom:10px;
	line-height:18px;
	font-weight:bold;
}
#curating_list {
	list-style-type: decimal;
	width: 70%;
}
#curating_list li{
	padding:4px;
	margin: 4px;
	border: 1px solid #666666;
}
.entry #titre {
	height:25px;
	width:200px;
	
}
.ed_button {
	color: #353535;
	background-color: #A6CBCF;
	border: 1px solid #000000;
	margin-right: 4px;
}
.chok { padding-top:4px;
padding-bottom:4px;
}
#ed_toolbar_case1 {
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #000000;
	padding: 1px;
	border: 0px solid #000000;
	display:block;
	padding:10px;
	text-transform:uppercase;
}
#submit:hover {background-color:red; cursor:pointer;}
#biblio, #help {
	position:fixed;
	left:229px;
	top:25%;
	width:618px;
	height:408px;
	z-index:1;
	background-color: #FFFFFF;
	padding:20px;
	border: 2px solid #000000;
	border-left-color:#FFFFFF;
}
.listelem {
	height:100%;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6B6B6B;
	margin-bottom: 4px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;

}

/**** GOOD DESIGN **/
a.ob {
font-family: inherit;
	font-size: inherit;
	text-decoration: underline;
	color: #000000;
}
a.ob:hover {
	color: #663399;
}

#latmen {
	position:fixed;
	left:0px;
	z-index:10000;
}
#latmen #menu {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #000000;
	font-weight: bold;
	line-height:12px;
	height:100%;
	padding-left: 25px;
width:200px;
}
#latmen #menu .sep{
	background-image:url(menu/lat_sep.png);
	background-repeat:no-repeat;
	background-position: left center;
	height:22px;
}
#latmen #menu .cont{
position:relative;width:220px;text-align:left;margin-top:10px;font-size:10px; font-weight: 100; line-height:14px; margin-left:0px;
}
#latmen #menu #copy{
	font-size: 8px;
	font-weight: 100;
	padding-top:15px;height: 29px;
}
#latmen .logo{
	background-image:url(menu/logo_iop.png);
	background-repeat:no-repeat;
	background-position: center center;
	height:79px;
	width:142px;
}
#latmen #under_logo{
	background-image:url(menu/lat_sep.png);
	background-repeat:no-repeat;
	background-position: 25px 7px;
	height:25px;
	width:142px;
	padding-top:20px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	padding-left:24px;
}
#latmen a.topm {
color: #000000;
cursor:pointer;
}
#latmen a.topmin {
color: #4416BE;
cursor:pointer;
font-weight:100;
font-size:12px;
}
#latmen a.topmin:hover {
color: #999999;
font-weight:100;
font-size:12px;
}
.playground { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
}
/** u p ***/
#sscouche {
position:fixed;left:0px;top:0px;background-color: #FFFFFF;height:100%;width:230px;
}
#blockadd {
	overflow:hidden;
	position:fixed;
	right:13%;
	top:1px;
	padding:10px;
	width:360px;
	background-color:#ffffff;
	z-index:18000;
	margin-left: 82px;
	margin-top: 50px;
}
.up_action {
	float:right;
	background-color:black;
	margin-right:10px;
}
.up_action a { width:100%;height:100%;display:block;padding:10px;}
.up_action img { margin-right:6px;}
/*image legende*/
.tooltip span {display: none; padding: 5px; }
.tooltip:hover span {display: block; background: #161616; color: #a1a1a1; width:auto;text-align: center; }

.updateobj {
border-top:2px solid black;
display:block;position:fixed;width:80%;padding:10px;background-color:black;color:white;font-family:Arial;font-size:12px;
height:230px; display:none;
}

.modify_div { display:block;background:yellow;padding:4px;color:black;padding-bottom:-40px;text-align:center;width:100px; }

#edit_display {
background-color:#FFFFFF;
position:fixed;
top:15%;
left:15%;
z-index:5000;
padding:10px;
height: 450px;
overflow-y: auto;
overflow-x: hidden;
width:850px;
}

#alerter {
	
z-index:6000;
 position:fixed;
  left: 50%; 
  top: 50%;
  width: 250px;
  height: 100px;
  margin-top: -50px; /* moitié de la hauteur */
  margin-left: -125px; /* moitié de la largeur */
display:block;
text-align:center;
font-family:'Arial';
color:white;
padding-top:15px;


}

.form-multiple {height:90px;}
.form-multiple label {display:block; float:left; width:50%;font-weight:normal;}
.form-multiple
.updateobj a { background-color:grey;padding:10px;}


/*
Jackpot DIV
*/
.jackpot-top-fleche {text-align:left;margin-left: 143px;width:330px;height:55px;display:block; }
.jackpot-container { width:330px;height:500px;display:block;overflow:hidden;position:relative;top:0px;left:0px;}
.jackpot-container .tooltip {display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 330px;
    height: 500px;
   }
 .jackpot-elem { background-color:none;position:absolute;display:block;height:500px;width:330px;padding:0px;margin:0px;text-align:center;}
.jackpot-container .tooltip span {position:relative;;margin-top:-24px;}
.jackpot-container .tooltip img {vertical-align: middle;}
.jackpot-bottom-fleche { text-align:center;width:330px;margin-top:20px;height:55px;display:block;}