/* CSS Document */

	/* initialisation */
	* {margin:0; padding:0}

	body {font:11px normal Arial, Helvetica, sans-serif;}

	input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:.9em;}

	ul, ul li {list-style-type:none;}
	
	a img {border:0}  


	#bg_container {width:1180px; height:700px; position:absolute; top:5px; right:50%; z-index:1; margin-right:252px; background:url(../img/environment/global_bg.jpg) no-repeat}
	
	#global {width:1000px; position:absolute; top:20px; left:50%; z-index:2; margin-left:-500px;}
	
	#left {width:258px; float:left; padding:17px 0 0 0; background:url(../img/environment/left_global_top.png) no-repeat}
	#left img {display:block;}
	#left .content {padding:0 0 0 17px; min-height:453px; background:url(../img/environment/left_global_mid.png) repeat-y}
	#left .content p {color:#f30; padding-left:11px;}
	
	#left form {padding-left:8px;}
	#left form input {width:185px; margin:5px 0; float:left; clear:both; padding:2px 2px 0 2px; border:1px solid #333;}
	#left form input#submit {padding:0; border:0; width:auto}
	
	#left #news {width:232px; padding:10px 0 0 0; clear:both}
	#left #news dt {height:26px; /* 36 - (10) */padding:10px 10px 0 0; text-align:right; background:transparent url(/library/img/environment/left_news_title.gif) no-repeat;}
	#left #news dt span {color:#FF3300;}
	#left #news dd {padding:0 10px 30px 10px; color:#333; text-align:justify; background:url(../img/environment/left_news_mid.gif) repeat-y}
	#left #news dd img {margin:0 auto 5px auto}
	#left #news dd a {color:#333;}
	#left #news dd .title {margin:10px 0;font-weight:bold; text-align:center; text-transform:uppercase;}
	#left #news dd.bot {width:232px; height:14px; padding:0 0 30px 0; font-size:.1em; background:url(../img/environment/left_news_bot.gif) no-repeat}
	
	#left .bot {width:258px; height:11px; position:relative; bottom:0; left:0; background:url(../img/environment/left_global_bot.png) no-repeat}
	
	
	#right {float:left; width:742px; background:url(../img/environment/right_mid.gif) right 0 repeat-y}
	#right .bot {height:18px; font-size:.1em; clear:both; background:url(../img/environment/right_bot.gif) no-repeat}
	
	#right #head .top {height:7px; font-size:.1em; background:url(../img/environment/right_top.gif) no-repeat}
	
	#right #head #top_pub {display:block; margin:3px 0 0 5px}
	#right #head ul#nav {padding:6px 0 0 3px; clear:both; float:left;}
	#right #head ul#nav li {float:left}
	#right #head ul#nav li a {display:block; width:91px; height:21px; padding:6px 0 0 0; text-align:center; color:#333; text-decoration:none; background:url(../img/environment/nav_bg.gif) no-repeat}
	#right #head ul#nav li.beaute_sante a {background:url(../img/environment/nav_first.gif) no-repeat}
	#right #head ul#nav li.voyages a {width:93px; border-right:1px solid #909399; background:url(../img/environment/nav_last.gif) no-repeat}
	#right #head ul#nav li a span {padding-left:7px; background:url(../img/basics/arrow.gif) no-repeat 0 5px}
	
	#right #head ul#nav li a:hover, #right #head ul#nav li a.on {color:#fff}
	#right #head ul#nav li.beaute_sante a:hover, #right #head ul#nav li.beaute_sante a.on {background:url(../img/environment/nav_bg_beaute_sante.gif) no-repeat}
	#right #head ul#nav li.famille_enfants a:hover, #right #head ul#nav li.famille_enfants a.on {background:url(../img/environment/nav_bg_famille_enfants.gif) no-repeat}
	#right #head ul#nav li.high_tech a:hover, #right #head ul#nav li.high_tech a.on {background:url(../img/environment/nav_bg_high_tech.gif) no-repeat}
	#right #head ul#nav li.maison_deco a:hover, #right #head ul#nav li.maison_deco a.on {background:url(../img/environment/nav_bg_maison_deco.gif) no-repeat}
	#right #head ul#nav li.mode a:hover, #right #head ul#nav li.mode a.on {background:url(../img/environment/nav_bg_mode.gif) no-repeat}
	#right #head ul#nav li.loisirs_culture a:hover, #right #head ul#nav li.loisirs_culture a.on {background:url(../img/environment/nav_bg_loisirs_culture.gif) no-repeat}
	#right #head ul#nav li.sport a:hover, #right #head ul#nav li.sport a.on {background:url(../img/environment/nav_bg_sport.gif) no-repeat}
	#right #head ul#nav li.voyages a:hover, #right #head ul#nav li.voyages a.on {color:#333; background:url(../img/environment/nav_bg_voyages.gif) no-repeat}
	
	#right #head #guide_vente {float:right; margin-top:2px}
	#right #head #recherche {width:730px; min-height:35px; margin:0 0 7px 3px; clear:both; background:url(../img/environment/recherche_mid.gif) repeat-x; border-right:1px solid #909399;}
	#right #head #recherche form {height:27px; padding:8px 0 0 15px; background:url(../img/environment/recherche_left.gif) no-repeat}
	#right #head #recherche input {width:146px; float:left; padding:2px 2px 0 2px; margin-right:5px; border:1px solid #333;}
	#right #head #recherche input#submit_recherche {float:left; padding:0; margin-top:4px; border:0; width:auto}
	#right #head #recherche select {float:left; width:150px; margin-right:10px; border:1px solid #333;}
	
	
	#right .content {width:738px; min-height:427px; float:left; background:#707070 url(../img/environment/right_content_mid.gif) repeat-y}
	#right .content .top {height:7px; font-size:.1em; background:url(../img/environment/right_content_top.gif) no-repeat}
	
	.quick_access {clear:both; margin:0 0 5px 258px; text-align:center}
	.quick_access li {display:inline; padding:0 5px; border-right:1px solid #333}
	.quick_access li.last {border:0}
	.quick_access li a {color:#333; text-decoration:none; font-size:.9em;}
	
	.spacer {clear:both; font-size:.1em}
	



	/* //-> paginationPattern list */
	
	#right .content .paginationPattern {
		margin:15px 50px 10px 0;
		text-align:right;
		padding-right:10px;
		color:#fff;
	}
	
	
	#right .content .paginationPattern span {
		margin-right:15px;
	}
	
	/* span tag used for page links generation in .NET behind code */
	#right .content .paginationPattern span.DOTNETTag.pageLinksContainer {
		margin-right:0;
	}
	
	#right .content .paginationPattern a {
		color:#fff;
		text-decoration:none;
		margin:0 1px;
		padding:1px 2px;
	}
	
	#right .content .paginationPattern span.DOTNETTag.pageLinksContainer a:hover,
	#right .content .paginationPattern span.DOTNETTag.pageLinksContainer a.active {
		background:#fff;
		color:#000;
	}
	
	#right .content .paginationPattern a.first,
	#right .content .paginationPattern a.previous {
		margin-right:3px;
	}
	
	#right .content .paginationPattern a.next,
	#right .content .paginationPattern a.last {
		margin-left:3px;
	}
	
	
	#right .content .paginationPattern a.first:hover,
	#right .content .paginationPattern a.previous:hover,
	#right .content .paginationPattern a.next:hover,
	#right .content .paginationPattern a.last:hover {
		color:#000;
	}