@import url("../ifd/top_login.css");
@import url("../ifd/last_minute.css");
/* Columns background image */
#wrapper {
	background: transparent url(../ifd/img/wrapper_columns_background.png) repeat-y;
}

/* container-left */
#subheader2 {background-color:transparent}
#page_tree {overflow: visible}

#page_tree h2 {
	position: absolute;top:68px;z-index:2;
	margin:0;padding:0;
	display: block;height:25px;width:196px;
	background-image:url(../ifd/img/column_left_top.gif)}
#page_tree #top_corner {position: absolute; 
	top:93px;right:5px;width:30px; height:8px; 
	background:transparent url(../ifd/img/top_left_corner.gif) left top no-repeat; 
	overflow:hidden;}
#page_tree h2 a {
	font-size: 100%;
	position:absolute;
	display: block;
	width:100px; left: 20px;margin-top: 6px;
	color:#FFFFFF;font-weight:bold;text-transform:uppercase}

#page_tree ul {list-style:none;font-size:75%;margin:0;padding:.77em}
#page_tree ul ul {font-size: 95%;padding: 0 .10em;margin-bottom:0}
#page_tree ul ul ul {font-size: 100%}
#page_tree ul li {line-height: 1.2em;padding:.77em 0;margin:0 20px 0 0;
	text-transform:uppercase;font-weight:bold;
	background-image: none;
	text-align:left
}

#page_tree ul li li {padding: 0.10em .77em; text-transform:none;margin:0}
#page_tree ul li li a {font-weight: normal}

#apage_tree ul li ul ul {font-size: 100%}

#page_tree .li_line_bottom {border-bottom: 1px solid #D9DCE3}
#page_tree .li_line_top {border-top: 1px solid #D9DCE3}
#apage_tree li li {
	text-transform:none;text-indent: -4px;text-align:left;
	font-weight:normal;
	padding:0 0 .3em 10px;
	background-image: url(../ifd/img/bullet_triangle.gif);
	background-repeat:  no-repeat;
	background-position: 0 4px;
}
#apage_tree li li a {font-weight: normal}
#apage_tree li li li {
	padding:.20em 0 .20em 10px;
	background-repeat:  no-repeat;
	background-position: 0 6px;
}

#apage_tree li li li li {
	padding: 0 0 .1em 10px;
	background-repeat:  no-repeat;
	background-position: 0px 4px;
}
#page_tree li.down {background-image: url(../ifd/img/bullet_triangle_down.gif)}
#page_tree a.selected {font-weight: bold}
#ong_mp3 {color:#E63702}
#ong_med {color:#586D97}
#ong_mag {color:#6D8E37}
#ong_dec {color:#344A08}
#ong_edu {color:#975504}
#ong_the {color:#717980}
#ong_nou {color:#F65904}
#ong_cpt {color:#B91714}
#ong_enf {color:#9C47C8}
#ong_loc {color:#1E889F}
#ong_inf {color:#0A368D}
#ong_blg {color:#6D8E37}


/* CMS Publicité */
/* ATTENTION : supprimer overflow:hidden de #footer !*/
#footer {overflow:visible}
#footer #cms_advert #bottom_corner {
	position:absolute;right:5px;top:-33px;z-index:1}
#cms_advert h2 {
	position: absolute;top:-25px;z-index:1;
	margin:0;padding:0;
	display: block;height:25px;width:196px;
	background-image:url(../ifd/img/column_left_top.gif);
}
#cms_advert h2 span {
	font-size: 100%;
	position:absolute;left: 20px;margin-top: 6px;
	color:#FFFFFF;font-weight:bold;text-transform:uppercase;
}

#cms_advert {
	display: block;
	position: absolute;left:-1px;top:-186px;width:196px;height:185px;
	border-bottom:1px solid #FFFFFF;
}

#cms_advert {
	display: block;
	position: absolute;left:0px;top:-187px;width:196px;height:185px;
	border-bottom:2px solid #FFFFFF;
}


#cms_advert a, #cms_advert img {border:0; margin:0;padding:0}

/* Pour ancien top_login
#subheader1 p {display: block; position: absolute; right: 0; font-size: 70%}
#subheader1 a {font-weight: normal}
#subheader1 .print {display: block; width: 100px}
*/
/*----------------------------------------------------------------------------*/
/* Navigation permanente (imprimer, plan, contact)
/*----------------------------------------------------------------------------*/
#nav {
	position:absolute;
	margin:0 auto;padding:0;
	bottom:9px;left: 400px;
	font-size: 11px;
	text-align:right;
	color:#122F8E;
}
#nav a {padding-left: 25px; text-decoration: none; color:#122F8E}
#nav a:hover {text-decoration:underline}
#nav span {color: white; padding: 5px; background: center center url(/glb/img/ifood/ico_trois_petits_points.gif) no-repeat }
#nav #print {background: center left url(/glb/img/ifood/ico_print.gif) no-repeat}
#nav #plan {background: center left url(/glb/img/ifood/ico_plan_du_site.gif) no-repeat}
#nav #contact {display: none;background: center left url(/glb/img/ifood/ico_contact.gif) no-repeat}

/*----------------------------------------------------------------------------*/
/* LOGO
/*----------------------------------------------------------------------------*/
#logo {
	position:absolute;display: block;
	left:0;top:21px;width:294px;height:44px;
	background: transparent url(/glb/img/ifood/logo_la_mediatheque.gif) no-repeat;
}
#logo_bug_gecko {position:absolute;display: block;left:0;top:65px;width:90px;height:25px;background:transparent}
#ie #logo_bug_gecko {display: none}

#logo span {display:none}

/*----------------------------------------------------------------------------*/
/* Flags
/*----------------------------------------------------------------------------*/
.flag_fr,
.flag_nl,
.flag_en,
.flag_de {
	display: block;
	position: absolute;
	top:74px;left: 94px;z-index:1;
	width: 16px; height: 11px;
	border: 1px solid #AAAAAA;

}
.flag_fr.trn,
.flag_nl.trn,
.flag_en.trn,
.flag_de.trn {
	display: block;
	position: relative;
	margin-left: 3px;float:left;
	top:0;left:0;z-index:1;
}
.flag_fr span,
.flag_nl span,
.flag_en span,
.flag_de span {
	display: none;
}
.flag_fr.selected,
.flag_nl.selected,
.flag_en.selected,
.flag_de.selected,
a:hover.flag_fr,
a:hover.flag_nl,
a:hover.flag_en,
a:hover.flag_de {
	border: 1px solid #FFFFFF;
}

.flag_fr {
	left: 94px;
	background-image: url(../ifd/img/fr.png)
	
}
.flag_nl {
	left: 118px;
	background-image: url(../ifd/img/nl.png)
}
.flag_en {
	left: 142px;
	background-image: url(../ifd/img/gb.png)
}
.flag_de {
	left: 166px;
	background-image: url(../ifd/img/de.png)
}

/*----------------------------------------------------------------------------*/
/* LOGIN
/*----------------------------------------------------------------------------*/
/* Top login 
#top_login {
	display:block;padding:0;margin:0;
	position:absolute;width:20em;height:40px;
	right:0;top:25px;text-align:right
}
#top_login p, #top_login a{margin: 0; text-align:right; padding: 0;line-height:1.2em;}
#top_login fieldset {display: inline;border:0;margin:0;padding:0;font-size:10px;}
#top_login h2 {display: none}
#top_login form {display: inline; text-align:right}
#top_login label {margin:0;padding-top: 1em;display: block;font-size:11px;float:left;color: #677CA8}
#top_login label {font-weight:bold}
#top_login input {margin: 1em 0 0 4px;width:75px;height:15px;font-size:11px;float:left;padding:0;color:#283653;border-color:#677CA8}
#top_login input[type="hidden"] {display: none}

#top_login button {margin:.80em 0 0 4px;display: inline;width:16px;height:16px;background:transparent url(/glb/img/ifood/dft/btn_submit.gif);border:none;padding:0;float:left;}
#top_login button span {display: none}

#top_login br {clear: both;display:inline;line-height:0em;}
#top_login a {display:inline; position: relative;width: 300px; height:25px;right:0;padding:0;font-weight:normal;font-size:10px;text-align:left;color:#122F8E}
*/

/*----------------------------------------------------------------------------*/
/* Page path
/*----------------------------------------------------------------------------*/
#path, #path div {
	background:#0C3A94 url(../ifd/img/top_right.jpg) right top no-repeat;
}
#path {
	position:relative;
	margin-left: 200px;
	height:25px;
	color:#FFFFFF;
}
#path div {
	position: absolute;
	right: 0;top: 0;
	width: 4px;height: 25px;
	background-position: left top;
}
#path p, #path a {color:#FFFFFF}
#path p {display:block;position:absolute;overflow:hidden;padding:0;margin:0;top:6px;left:19px;font-size:11px}
#path a {font-weight: normal;font-size: 100%}
#path strong a {font-size:12px;font-weight: bold}

/* Fast search */
#fast_search {position:relative;display:block;width:196px;background: #E8EBF5}
#fast_search {height:332px}
#aie #fast_search {height:324px} /* ???? */
#fast_search h2 {
	display:none;/* Displayed in home.css */
	position:absolute;
	background: url(../ifd/img/top_right_home.gif) top left no-repeat;
	left:0;top:-25px;
	height:25px;width:196px;
	margin:0;padding:0
}
#fast_search span {display: none}
#fast_search h3 {margin:0;padding:0;display: block;height:25px;width:196px;font-size:12px;overflow:hidden}
#fast_search h3 {background-color:#D0D7E9;color:#213E77;clear:both;overflow:hidden}
#fast_search h2 span, #fast_search h3 span {
	display: inline;position:absolute;
	margin-top:6px;
	font-weight:bold;text-transform:uppercase
}
#fast_search h2 span {left:20px;color:#FFFFFF}
#fast_search h3 span {left:6px;font-size:11px}

#fast_search form {display:block;padding:0;margin: 8px 0 5px 6px}
#fast_search label, #fast_search input, #fast_search select {font-size:10px;float:left;margin: 0 0 6px 0} 
#fast_search label {width:60px;font-weight:bold;font-size:11px;height:11px;color:#093489;clear:left}
#fast_search input {margin-left: 4px;width:100px;height:11px}

#fast_search button {display:block;width:16px;height:16px;background:transparent url(/glb/img/ifood/dft/btn_submit.gif);border:none;margin-left:4px;padding:0}
#fast_search button span {display: none}

#fast_search .hidden {display: none}
#fast_search a {display: block;font-weight:normal;clear:left;font-size:11px;text-decoration: underline;text-align:right;margin: 0 12px 0 0;color:#093489}
#fast_search input.inp_mp3 {display: block;margin-left:0;width:164px}
#fast_search input.inp_google {display: block;margin-left:0;width:160px}
#fast_search select {display: block;margin-left:0;width:164px;height:14px;border: 1px solid grey;padding:0}
#fast_search br {display: none}

#fast_search .google, #fast_search .centres {display: block; overflow: hidden; height: 35px}


/* CMS Sélections */
#cms_selections {
	position:relative;display:block;
	overflow:hidden;
	background:#FFFFFF;color:#213E77;
}

#footer #cms_selections {position: absolute; top: -150px; width:544px;height:150px;overflow:hidden;left: 200px;}

#cms_selections h2 {
	color: #FFFFFF;
	background: #586D97 url(../ifd/img/h2_bg.gif) top left repeat-x;
	border: 1px solid white;border-width: 2px 0 1px 0;
	margin:0;padding:0;
	display: block;height:25px;overflow:hidden;
}
#cms_selections h2 span {
	display:block;margin:0;padding:6px;
	color:#FFFFFF;font-weight:bold;text-transform:uppercase
}

#cms_selections ul {
	position: relative;display:block;
	list-style:none;margin:0;padding:0;height:361px;
}

#cms_selections li
{	
	float: right;
	position: relative;display:block;
	margin: 0;padding:0;
	font-weight: bold;font-size:11px;line-height:11px;
	background: #E8EBF5 no-repeat 1px 1px;
	width:120px; height:57px;padding:2px 8px 0 68px;	
	border-top:1px solid #FFFFFF;
	overflow:hidden
}
#footer #cms_selections li {width:104px; border-right: 1px solid #FFFFFF}

#cms_selections .li_cl{display: none}
#ie #cms_selections .li_cl{display: inline;clear: both}/* Bug ie */
#ie #footer  #cms_selections .li_cl{display: none}/* Bug ie */

#cms_selections li {
	border-left: 0;
	text-align:left
}
#cms_selections li:hover {
	background-color: #D0D7E9;
}
#cms_selections a
{
	display:block;
	overflow:hidden;
	position: absolute; top: 0;left:0;width: 118px;height:11px;
	background: #E8EBF5 url(../ifd/img/bullet_triangle.gif) 0 7px no-repeat;
	margin: 0; padding: 3px 6px;
	font-weight: normal;font-size:11px;color:#093489;
	text-decoration:none;background-color: transparent;background-position: 67px 42px;
	padding: 39px 6px 9px 73px;
}

#cms_selections h2 a {
	display: inline; 
	position: relative; 
	color: #FFFFFF;
	background: inherit;
	font-weight: inherit;
	padding: 0;margin:0;font-size:100%}

#cms_selections a:hover{text-decoration:underline}	



/*----------------------------------------------------------------------------*/
/* Footer
/*----------------------------------------------------------------------------*/

#footer #bottom_corner {display: block;position: absolute; top: -9px;left:165px;width:30px; height:8px; background: transparent url(../ifd/img/bottom_left_corner.gif)}


#subfooter2 a {
	color: white; background-color: #1746A4;
	position:absolute; left:0;
	display:block;height:19px;
	padding:6px 0 0 11px;
	font-size:72%;font-weight:normal;
	text-align:left}
#subfooter2 span {display: none}
#subfooter2 .left {
	width: 185px;
	background: #677CA8 url(../ifd/img/column_left_bottom.gif) no-repeat left top;
}

#subfooter2 .center {
	left: 200px;
	width: 495px;width:647px}
#subfooter2 .right {
	padding: 6px 4px 0 11px;
	text-align: left;
	left: 685px;left:837px;
	width: 92px;
	background: #1746A4 url(../ifd/img/column_right_bottom.gif) no-repeat right top;
}
#subfooter1 {text-align:left}
#subfooter1 .logo {float:left;margin-top:10px;width:334px;height:16px;background: #FFFFFF url(../ifd/img/logo_bottom.gif) no-repeat left top}
#subfooter1 .logo span {display: none}
#subfooter1 p {float: right;font-size:70%;margin:0;margin-top:10px}
#subfooter1 p, #subfooter1 a {color:#666666;font-weight: normal}
#subfooter1 a {font-size:100%}

/*----------------------------------------------------------------------------*/
/* Recherche avancée
/*----------------------------------------------------------------------------*/

#search form {margin:0;padding:0}
#search fieldset {margin:0;padding:0;border:0}

#search {display: block;background:#E8EAF6;color:#677CA9}
#ie #search {display: inline} /* float margin bug */
#search legend {
	font-size:100%;
	font-weight:bold;
	margin:0;padding:.5em;
}
#search select {
	font-size:90%;
}
#search label, #search input, #search button {
	display:block; 
	font-size:100%;
	height:1.2em;
	margin:.2em 0;
	float: left}
	
#search label {width: 8em;padding-top: 0.1em}
#search input {width: 12em}
#search a {
	display: block;margin-top: .1em;
	background: url(/glb/img/ifood/med/btn_question.gif) no-repeat;
	width:19px;height:19px;
	float:left;clear:right;
	border:0}
#search a span {display: none}

#search div {width: 260px;float:left;margin-left: 4px}
#search div div {width: auto; margin: 0 0 0 .2em}

#search_sup {clear: both; 
	float:none;
	background: #D1D8EA;
	color: #5A6F9A;
	margin:0;
	padding:0
}
fieldset#search_sup {border-top: .5em solid #E8EBF5;margin:0;}
#search_sup legend {margin:0; padding:0}
#search_sup label {
	position:relative;
	float:left;
	margin:.2em 0;
	padding:2.2em 1.7em .2em 1em;
	background-position: top center;
	background-repeat:no-repeat;
	width:auto;
	font-size: 83%}
#search_sup span {display: inline;float:left}
#search_sup label:hover, #search_sup input:hover {display: inline;float:left; cursor:pointer}
#search_sup input {display:block;width:11px;height:11px;border:0;margin:0 0 0 .2em;padding:0}
#search_sup #sup_0 {font-size:100%;width:auto;padding-top:.2em}
#search_sup #sup_0 input {width: 12px;height:12px;}
#sup_1 {float: none; clear: both; background-image: url(/glb/img/ifood/med/ico_compact_m.gif)}
#sup_2 {background-image: url(/glb/img/ifood/med/ico_microsillon_m.gif)}
#sup_3 {background-image: url(/glb/img/ifood/med/ico_cassette_m.gif)}
#sup_4 {background-image: url(/glb/img/ifood/med/ico_video_m.gif)}
#sup_5 {background-image: url(/glb/img/ifood/med/ico_cederom_m.gif)}
#sup_6 {background-image: url(/glb/img/ifood/med/ico_psp_m.gif)}
#sup_7 {background-image: url(/glb/img/ifood/med/ico_dvd_m.gif)}
#sup_8 {background-image: url(/glb/img/ifood/med/ico_jeu_m.gif)}

#search div.submit {display: block; background:#E8EBF5; border: 0;margin:0;padding:0;left:0;right:0;width:100%;height:2.7em}
#search .submit input {
	margin: .5em .2em 0 0;
	padding: 0 40px 0 0 ;height: 1.4em;
	width:11em;
	color: #364B77; 
	background: transparent url(/glb/img/ifood/med/btn_submit.gif) center right no-repeat; 
	text-transform: uppercase;
	border:0;
	font-size: 110%;
	font-weight: bold;
	float: right;
}

#search_help {display: block; top: 10px;
	margin-top: .5em;background: #EFF1F8; color: #666666; border: 1px solid #D4D9EB;font-size:90%;padding: .5em
}
#search_help p {margin: 1.5em}
#search_help button {float: right; margin: .5em}



/*----------------------------------------------------------------------------*/
/* Mon compte
/*----------------------------------------------------------------------------*/
#account form {margin:0;padding:0}
#account fieldset {margin:0;padding:.5em 0;border:0}

#account {display: block;background:#EBCDCD;color:#C52421}
#account legend {
	color:#9F0603;
	font-size:72%;
	font-weight:bold;
	margin:0;padding:.5em;
}
#account select {
	font-size:90%;
}
#account label, #account input, #account button {
	display:block; 
	font-size:70%;
	height:1.2em;
	margin:.2em 0;
	float: left}
	
#account label {width: 18em;color:#9F0603;font-size:100%;padding-top: 0.1em}
#account p small {display: block;clear:left;margin: 0 0 0 21.4em;padding:0}
#account p {margin:0 1em;padding:0}
#account input {width: 12em;height:1.2em;font-size:90%}
#account input[type=hidden] {display:none}
#account a.help {
	display: block;margin-top: .1em;
	background: url(/glb/img/ifood/med/btn_question.gif) no-repeat;
	width:19px;height:19px;
	float:left;clear:right;
	border:0}
#account a span {display: none}

#account div.buttons {display: block; background:#D9AFAE; border: 0;margin:0;padding:0;left:0;right:0;width:100%;height:2em}
#account .buttons input {
	margin: .5em .2em 0 0;
	padding: 0 20px 0 0 ;height: 1.4em;
	width:auto;
	color: #9F0603; 
	background: transparent url(../ifd/img/btn_submit_cpt.gif) center right no-repeat; 
	text-transform: uppercase;
	border:0;
	font-size: 79%;
	font-weight: bold;
	float: right;
}
#account .buttons input.cancel {
	position: relative;display: inline;
	margin: .5em 0 0 1em;
	padding: 0 0 0 20px;height: 1.4em;
	width:auto;
	background: transparent url(../ifd/img/btn_back_cpt.gif) center left no-repeat; 
	text-transform: none;
	border:0;
	font-size: 79%;
	font-weight: normal;color:#D9AFAE;/*Invisible*/
	float: left;text-align: left;
}

#search_help {display: block; top: 10px;
	margin-top: .5em;background: #EFF1F8; color: #666666; border: 1px solid #D4D9EB;font-size:90%;padding: .5em
}
#search_help p {margin: 1.5em}
#search_help button {float: right; margin: .5em}



/* Icones */
/*----------------------------------------------------------------------------*/
/* Page d'accueil de sous-site
/*----------------------------------------------------------------------------*/
.big_thumbnails {
	margin:0 1em;position:relative}
.big_thumbnails p {
	display: inline;position: relative;float:left;text-align: center;
		background-color:#E8EAF6; 
}
.big_thumbnails img {display: inline;padding-top: 1em;
	top:18px; left: 0; 
	margin: 0 11px}
.big_thumbnails a {
	color : #677CA9;
	display: block; 
	width: 150px; 
	height: 3em; 
	padding: 1em 0;
	float:left}
.big_thumbnails a:hover {color:#5A6F9A}


/*  		MENU             */
 #amenu {
 	border:1px solid #5A6F9A;
 	float:left;	
 	padding:6px 6px 0 6px;	
 	margin: 4px 6px 0 .5em;	
 	width:180px;
 }
 #menu {
 	border:1px solid #5A6F9A;
 	float:right;	
 	padding:6px 6px 0 6px;	
 	margin: .5em;	
 	width:160px;
 }

 #menu h2 {
 	font-size: 100%;
 	color:#5A6F9A;background-color:white;
 	background-image:none;
 	text-transform:none;
 	padding:0;margin:0;
 }
 #menu ul,  #menu ol {margin:0;padding:0 .2em} 
 #menu li {text-align:left; padding-left: 1em;margin-left: 1em;}
 #menu a {font-weight: normal}