@CHARSET "UTF-8";
*,html{padding: 0;margin: 0;}
body{font-family: Myriad, Arial, sans-serif;}
#Content{width: 983px;margin-left: auto;margin-right: auto;}
#Left_Col{float: left;width: 813px;}
#Right_Col{width: 170px;}

.clear{clear: both;}

#matiere,#matiere2{[font-size: 11px;
font-size: 10px;
]font-size: 11px;}

#Header_Palmares{
	width: 764px;
	margin: 0 auto;
}
#Header_Palmares p{
	font-size: 16px;
	color: #4b4b4b;
	text-align: justify;
}
#Header_Palmares p .lettrin{
	font-size: 24px;
}
#Header_Palmares p img{
	border: none;
}
#Linklogoiedm{
	float: right;
	display: block;
	height: 200px;
	width: 360px;
	text-align: right;
}
#Linklogoiedm img{margin-top: 30px;}
#Header_Title{
	width: 764px;
	margin: 20px auto 40px auto;
	background: url(../Images/Design/ligne.png) no-repeat 288px bottom;
	position: relative;
}
#Header_Title .title_red{
	font-size: 22px;
	color: #f00;
	vertical-align: middle;
}
#Header_Title .title_grey{
	font-size: 36px;
	color: #393939;
	vertical-align: middle;
	margin-left: 25px;
	position: absolute;
	top: -10px;*top:0px;
}

h4{
	font-family: Myriad, Arial, sans-serif;
	font-size: 16px;
	color: #393939;
	margin-left: 40px;
	font-weight: bold;
}

.box{background: url("../Images/Design/Sprite_border.png");width: 645px;margin: 0 auto;}
.top{position: relative;height: 6px;font-size: 6px;}
.mid{background-position: -645px 0;padding-top: 15px;}
.bot{height: 6px;background-position: -1290px 0;font-size: 1px;}
.btn{background: url("../Images/Design/Sprite_btn.png");}
.legend{
	position: absolute;
	background-position: 0 37px;
	height: 37px;
	width: 96px;
	left: 40px;
	top: -18px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
.legendlong{
	background: url("../Images/Design/legend_long.png");
	position: absolute;
	height: 37px;
	width: 300px;
	left: 40px;
	top: -18px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
.mid p{
	margin: 5px 5px 0;
	font-size: 14px;
	color: #4b4b4b;
}
.mid .message{
	margin: 5px 40px 0;
	font-size: 12px;
	color: red;
}
.content p{
	margin: 10px 0 0 10px;
	clear: both;
}
.line_short{
	width: 100%;
}
form {width: 580px;margin: 0 auto;position: relative;}
form fieldset{border: 1px solid #CFCDCC;}
form p{margin: 0 10px;font-size: 12px;}
.btn_space{width: 260px;float: left;font-size: 11px;margin-top: 15px;}
.input_space{width: 290px;float: left;font-size: 11px;margin-left: 10px;margin-top: 15px;}
.input_space label{width: 22%;float:left;}
.input_space select{width: 165px;font-size: 11px;margin-bottom: 10px;}
.btn_space select{width: 150px;font-size: 11px;margin-bottom: 10px;}
.btn_space label{width: 30%;float: left;}
.btn_space .smallLabel{font-size: 9px;}
.btnform{
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	border: none;
	width: 242px;
	height: 25px;
	color: #666;
	padding-bottom: 2px;
	margin-bottom: 15px;
	text-shadow:2px 2px 1px #aaa;
}
#grp_check{width:280px;height: 180px;overflow: auto;border: 1px solid #999;}
#grp_check label {float: left;width: 94%;margin: 2px 0;*width:86%;}
#grp_check input {float: left;margin: 2px 0;}
#grp_check .alt {background-color: #ddd;}

#tabnav{
	position: absolute;
	height: 26px;
	top: -26px;
	left: 0px;
	margin: 0;
}
#tabnav li{
	display: block;
	float: left;
	height: 26px;
	margin-left: 10px;
}
.tab{
	position: relative;
	display: block;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}
.tab .olft{
	background-position: 0 63px;
	width: 9px;
	display: block;
	float: left;
	height: 26px;
}
.tab .omid{
	display: block;
	float: left;
	height: 26px;
	line-height: 26px;
	font-size: 11px;
	padding-right: 9px;
	background-position: right 63px;
	color: #fff;
}
.tab:hover .olft, .tab.selected .olft{
	background-position: 0 89px;
}
.tab:hover .omid, .tab.selected .omid{
	background-position: right 89px;
	text-decoration: none;
}
.panel{
	display:block;	
}
#comparaison{
	position: absolute;
	top: -56px;
	right: 15px;
	width: 440px;
}
h4 span{margin-left: 445px;}
h4 .en_mark{margin-left: 440px;}
/*Tooltip sur les ?*/
a.tooltip {}
a.tooltip img {border: none;vertical-align: middle;margin-top: -4px;}
a.tooltip b {display:none;text-decoration:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:24px; left:-19px; padding:5px; font-weight:normal; color:#000; border:1px solid #666; background:#D3D1D1; width:160px;text-decoration: none;font-size: 10px;}
a.tooltip:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #666; overflow:hidden; z-index:100;}
a.tooltip:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #D3D1D1; overflow:hidden;; z-index:100;}
/* TextboxList sample CSS autocompletion*/
ul.holder {margin: 0; border: 2px inset #999; overflow: hidden; height: auto !important; height: 1%; padding-top: 4px;}
*:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder { padding-bottom: 2px; } /* ie7 and below */
ul.holder li {  list-style-type: none; margin: 0 5px 4px 0;}
ul.holder li.bit-box, ul.holder li.bit-input input { font: 11px "Myriad", "Arial", sans-serif;}
ul.holder li.bit-box {-moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px;margin-left: 5px; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-input input { width: 280px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.holder li.bit-input input.smallinput { width: 20px; }
/* Autocompletion */      
form ol { font: 11px Myriad, Arial, sans-serif; margin: 0 20px 0 10px; padding: 0;float: left;width: 280px; }
form .input_town{margin: 0;}
form ol li.input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.input-text label {font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
.input_space li.input-text label {font-weight: normal;font-family: Myriad, Arial, sans-serif;font-size: 11px;}
form ol li.input-text input { width: 280px; font: 11px Myriad, Arial, sans-serif;; border: 1px solid #999; }
form ul.holder {width: 280px;padding: 2px 0 0 0;}
#ecole-list ul.holder li.bit-box, #etape-list ul.holder li.bit-box, #town-list ul.holder li.bit-box{ position: relative; }
#apple-list ul.holder li.bit-input { margin: 0; }
#apple-list ul.holder li.bit-input input.smallinput { width: 5px; }
ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
ul.holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.holder li.bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif'); }
ul.holder li.bit-box a.closebutton:hover { background-position: 7px; }
ul.holder li.bit-box-focus a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover { background-position: bottom; }
#town-list label{font-size: 11px;}
/* Autocompleter */
.eclist { display: none; position: absolute; width: 282px; background: #eee; }
.eclist .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
.eclist ul { display: none; margin: 0; padding: 0; overflow: auto; }
.eclist ul li { padding: 5px 12px; z-index: 1000; cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 10px "Lucida Grande", "Verdana"; }
.eclist ul li em { font-weight: bold; font-style: normal; background: #ccc; }
.eclist ul li.auto-focus { background: #4173CC; color: #fff; }
.eclist ul li.auto-focus em { background: none; }

.input_space ul.holder li.bit-input input {width: 165px;} /* no left/right padding here please */
.input_space li.input-text label {font-weight: normal;font-family: Myriad, Arial, sans-serif;font-size: 8px;}
.input_space ol li.input-text input { width: 165px; font-family: Myriad, Arial, sans-serif; }
.input_space ul.holder {width: 165px; }
.input_space .eclist {width: 165px;left:75px; }

.icon_space{
	float: right;
	margin-right: 10px;
}
.icon_space img{
	border: none;
}
.graph{
	text-align: center;
}
.result{
	margin: 0 10px;
}
.mid p.year{
	font-size: 10px;
}
.result table{
	font-size: 12px;
	border-collapse: collapse;
	border: 1px solid #bfbdbb;
	width: 620px;
	margin: 0 auto;
}
.result table caption{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}
.result table td{
	text-align: center;
	border: 1px solid #bfbdbb;
	min-width: 70px;
}
.result table td.line_title{	
	color: #4b4b4b;
	text-align: left;
	padding-left: 5px;
}
.alt2{	
	background-color: #eee;
}
.definitionbox p{
	font-size: 11px;
	text-align: justify;
	margin:5px 15px 0;
}
.definitionbox em, .definitionbox span{
	font-weight: bold;
}
.footer{
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.footer span{
	font: 11px Myriad, Arial, sans-serif;
	vertical-align: middle;
	color: #f03141;
	display: none;
}
.footer img{
	margin-top: 2px;
	vertical-align: middle;
}
#Lang{
	margin-top: 5px;
	float: right;
}
#Lang a{
	display: block;
	width: 78px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background-image: url(../Images/Design/btn_lang.png);
}