/* PLUSIEURS PAGES S'ALIMENTENT ICI GOOGLE, 404, ANNUAIRE */ 
html,body {margin:0;padding:0;overflow:hidden;background:#ffffff;}

html, body
{
height:100%;
scrollbar-base-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#ccccff;
scrollbar-shadow-color:#ccccff;
}

img {border:0;}
.rss {padding-left:14px;}
html>body #header{float:left; vertical-align:middle; text-align:left;margin-left:10px;}
*html #header{float:left; vertical-align:middle; text-align:left;margin-left:10px;}
.imag {display:inline;margin-left:6px; padding:0px; vertical-align:bottom;}
.directory-image {clear:both;float:left;display:inline;margin:0px; padding:0px; vertical-align:top;}
*html .flash {margin-left:170px;margin-bottom:0px;padding-top:2px;padding-bottom:0px;}
html>body .flash {margin-left:166px;padding-top:2px;height:36px;}
*html .head-images {float:right;padding-right:10px; padding-top:0;padding-bottom:0px;margin-bottom:0;vertical-align:middle;text-align:right;}
html>body .head-images {float:right;padding-right:10px; padding-top:8px;padding-bottom:13px;vertical-align:middle;text-align:right;}
* html body{padding-bottom:32px;}
* html, * html body{
	overflow-y: hidden; 
	height:100%;
}

#top-bar {
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;
	text-align:right;
margin-top:0px;
	margin-right:-150px;/* ie5*/
	voice-family:"\"}\""; 
	voice-family:inherit; 
}

#topbar-inner {
	background:#ccccff;
	overflow:hidden;
	padding:0;
margin:0;
	}

*html #topbar_inner_narrow {
	background:#ccccff;
	overflow:hidden;
	padding-bottom:0;
	padding-top:0;
margin-top:0px;
	}
	
html>body #topbar_inner_narrow {
	background:#ccccff;
	padding-bottom:0;
	padding-top:0px;
	}

*html #rol_404
{
padding:3px 0px 2px 20px;
margin-top:1px;
text-align:left;
vertical-align:middle;
width:100%;
height:23px;
background : transparent url(http://www.shopping-top.com/shopping-top-images/blue-navbar.jpg);
border-top:1px solid #0000cc;
width:100%;
}

*html #rol_narrow_articles
{
padding:0px 0px 0px 20px;
margin:0px 0px 0px 0px;
text-align:left;
vertical-align:top;
width:100%;
height:18px;
border-top:1px solid #3300cc;
border-bottom:1px solid #3300cc;
background : transparent url(http://www.shopping-top.com/shopping-top-images/blue-narrow-navbar.jpg);
}

html>body #rol
{
clear:both;
margin-top:2px;
padding:2px 0px 0px 20px;
text-align:left;
width:100%;
height:26px;
background : transparent url(http://www.shopping-top.com/shopping-top-images/blue-navbar.jpg);
border-top:1px solid #0000cc;
}
*html #rol
{
clear:both;
margin:2px 0px 0px 0px;
padding:2px 0px 0px 0px;
text-align:left;
vertical-align:middle;
height:26px;
width:100%;
background : transparent url(http://www.shopping-top.com/shopping-top-images/blue-navbar.jpg);
border-top:1px solid #0000cc;
}

*html #rol_narrow
{
padding:0px 0px 0px 172px;
margin:0px 0px 0px 0px;
text-align:left;
vertical-align:middle;
width:100%;
height:18px;
border-top:1px solid #3300cc;
border-bottom:1px solid #3300cc;
background : transparent url(http://www.shopping-top.com/shopping-top-images/blue-narrow-navbar.jpg);
}
html>body #rol_narrow
{
padding:2px 0px 0px 180px;
margin-top:0px;
text-align:left;
vertical-align:middle;
width:100%;
height:16px;
border-top:1px solid #3300cc;
border-bottom:1px solid #3300cc;
background : transparent url(http://www.shopping-top.com/shopping-top-images/blue-narrow-navbar.jpg);
}
select {font-size:11px;}
h1
{padding:2px 0px 0px 0px;margin:2px 0px 0px 0px;text-align:left;vertical-align:middle;color:#330099;font-weight:bold;font-size:15px;font-family:Verdana, Geneva, Arial;text-decoration:none}
h2
{padding:6px 0px 0px 0px;margin:6px 0px 0px 0px;vertical-align:middle;color:#330099;font-weight:bold;font-size:14px;font-family:Verdana, Geneva, Arial;text-decoration:none}
h3
{padding:0px 0px 7px 0px;margin:0;vertical-align:middle;color:#330099;font-weight:bold;font-size:14px;font-family:Verdana, Geneva, Arial;text-decoration:none}
h4
{padding:0px 0px 0px 0px;margin:0;vertical-align:middle;color:#330099;font-weight:bold;font-size:14px;font-family:Verdana, Geneva, Arial;text-decoration:none}
p{
margin:10px 0px 10px 1px;
padding:0px 0px 0px 0px;
}
#formu 
{
display:inline;
margin:0px 0px 0px 0px;
vertical-align:middle; 
padding:0px 0px 0px 60px;
}
#imgform
{
display : inline; 
padding:1px 0px 0px 0px;
vertical-align :middle; 
background : transparent;
margin:1px 0px 0px 3px;
}
input{
margin:0px 0px 0px 2px;
padding:0px 0px 0px 2px;
background-color:#ffffff;
color:#000099;
font-size: 10px; 
font-family: Verdana, Geneva, Arial; 
vertical-align :middle; 
}

* html .title {
position:absolute;
top:124px;
text-align:left;
width:90%;
}

html>body .title {
top:26px;
position:absolute;
text-align:left;
width:90%;
}

* html #mainouter {
height:100%;
overflow:auto;
overflow-y:scroll;
position:relative;
z-index:1;
background:$background_color_body_tpl;
margin: 0px 0px 31px 196px;
padding: 104px 40px 29px 4px;
}
html>body #mainouter {
	z-index:1;
	background:#ffffff;
	position:absolute;
	top:88px;
	left:204px;
	right:175px;
	bottom:40px;
	overflow:auto;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

* html #left {
  background:#6666cc;
  position:absolute;
  width: 162px;
  border-right: 1px solid #3300cc; 
  left:0;
  bottom:0;
  z-index:1;
  padding:46px 4px 36px 8px;  
  height:100%;
  right:16px;
  top:84px;
}
* html #left ul{
overflow:auto;
position:relative;
float:left;
width: 150px;
padding-bottom:20px;
border-bottom:2px solid #6666cc;/*allows all of scrollbar to be visible*/
}
html>body #left {
background:#6666cc;
  position: fixed;
  left: 0;
  top: 48px;
  bottom: 0px;
  width: 162px;
  /* border-right: 1px solid #3300cc; */
  overflow:hidden; 
  padding:48px 4px 20px 8px; 
    height:90%;
}
#left ul {
list-style:none;
margin:0;
padding:0px 0px 14px 0px;
width:150px
}
* html #right {
  border-left: 1px solid #3300cc; 
  background:#6666cc;
  position:absolute;
  right:16px;
  top:84px;
width: 150px;
  bottom:0;
  z-index:1;
  padding:48px 12px 36px 24px;  
  height:90%
}
* html #right ul{
overflow:auto;
position:relative;
float:right;
width: 150px;
padding-bottom:20px;
border-bottom:2px solid #3300cc;/*allows all of scrollbar to be visible*/
}
#right ul {
list-style:none;
margin:0;
padding:0px 0px 14px 0px;
width:150px;
font-size:12px;
}
html>body #right {
  border-left: 1px solid #3300cc; 
background:#6666cc;
  clear:both;
  position: fixed;
  right: 0;
  top: 48px;
  bottom: 0px;
  width: 150px;
  height:90%;
  overflow:hidden; 
  padding:48px 8px 32px 16px; 
  margin-right:0;
margin-left:30px;
}
li
{
margin:0px 0px 1px 0px;
padding:0px 0px 0px 0px;
}

#content{
padding:6px 0px 60px 0px;
margin-bottom:32px;
margin-left:2px;
margin-right:17px;
color:$font_color_tpl;
font-weight:normal;
font-size:12px;
font-family:Verdana, Geneva, Arial;
}

html>body #content
{
overflow:auto;
z-index:1;
padding:4px 0px 40px 0px;
margin:0px 0px 40px 0px;
color:$font_color_tpl;
font-weight:normal;
font-size:12px;
bottom:34px;
font-family:Verdana, Geneva, Arial;
}

.p-content {color:#330099;font-weight:normal;font-size:12px;font-family:Verdana, Geneva, Arial;}

*html .div-one-bloc {
padding:8px;
text-align:left;
}

html>body .div-one-bloc {
padding:8px;
width:95%;
text-align:left;
}

#bottom {
position:absolute;
height:40px;
left:0;
z-index:999;
width:100%;
background:#ccccff;
vertical-align:baseline;
bottom:-1px;
padding:0;
margin-bottom:0;
text-align:center;
}

#bottom-inner {
padding:0;
border-top:1px solid #0000cc;
z-index:999;
}

.copyrights {color:#9900cc;font-weight:normal;font-size:11px;font-family:Verdana, Geneva, Arial;line-height:1.5em;}
.shopping-top11  {vertical-align:middle;color:#6600cc;font-weight:normal;font-size:11px;font-family:Verdana, Geneva, Arial;text-decoration:underline}
.shopping-top11:hover{vertical-align:middle;color:#330099;font-weight:normal; font-size:11px;font-family:Verdana, Geneva, Arial;text-decoration:underline}

.shopping-top12  {color:#330099;font-weight:normal;font-size:12px;font-family:Verdana, Geneva, Arial;}

.fontblue {vertical-align:middle;color:#6600cc;font-weight: bold;  font-size: 13px; font-family: Verdana, Geneva, Arial; text-decoration:none;}
.fontbluenorm {vertical-align:middle;color:#6600cc;font-weight: normal;  font-size: 13px; font-family: Verdana, Geneva, Arial; text-decoration:none;}

*html .fontbluerol {vertical-align:middle;color:#6600cc;font-weight: bold;  font-size: 13px; font-family: Verdana, Geneva, Arial; text-decoration:underline;}
*html .fontbluerol:hover { vertical-align:middle; color:#330099; font-weight: bold; font-size: 13px; font-family:Verdana, Geneva, Arial; text-decoration:underline;}

html>body .fontbluerol {vertical-align:top;color:#6600cc;font-weight: bold;  font-size: 13px; font-family: Verdana, Geneva, Arial; text-decoration:underline;}
html>body .fontbluerol:hover { vertical-align:top; color:#330099; font-weight: bold; font-size: 13px; font-family:Verdana, Geneva, Arial; text-decoration:underline;}

.font-google-num{vertical-align:middle;color:#990033;font-weight: bold;  font-size: 12px; font-family: Verdana, Geneva, Arial; text-decoration:none;}

.font-google{vertical-align:middle;color:#6600cc;font-weight: bold;  font-size: 12px; font-family: Verdana, Geneva, Arial; text-decoration:underline;}
.font-google:hover { vertical-align:middle; color:#9900ff; font-weight: bold; font-size: 12px; font-family:Verdana, Geneva, Arial; text-decoration:underline;}

.fontfirst {vertical-align:top;color: #9999ff;  font-size: 13px; font-family: Verdana, Geneva, Arial; text-decoration:none;}
.fontfirstbold {vertical-align:middle;color:#9999ff;font-weight:bold;font-size:13px;font-family: Verdana, Geneva, Arial; text-decoration:none;}

.font_ul_left_column_color_tpl {color:#ffffff;font-size:14px;font-family: Verdana, Geneva, Arial;}
.font_li_left_column_color_tpl{color:#ccccff;font-size:13px;font-family: Verdana, Geneva, Arial;}
.font_li_left_column_color_tpl:hover{color:#ffcc00;font-size:13px;font-family: Verdana, Geneva, Arial;}

.font_li_left_column_color_tpl_no{color:#ccccff;font-size:13px;font-family: Verdana, Geneva, Arial;}

.font_ul_right_column_color_tpl {color:#ffffff;font-size:14px;font-family: Verdana, Geneva, Arial;}
.font_li_right_column_color_tpl{color:#ccccff;font-size:13px;font-family: Verdana, Geneva, Arial;}
.font_li_right_column_color_tpl:hover{color:#ffcc00;font-size:13px;font-family: Verdana, Geneva, Arial;}

.pipe-font {vertical-align:middle;color: #9999ff;font-weight: normal;font-size: 12px; font-family: Verdana, Geneva, Arial; text-decoration:none;line-height:1.4em;}
.blue-font {vertical-align:middle;color:#6633ff;font-weight: bold;font-size: 11px; font-family: Verdana, Geneva, Arial; text-decoration:none;line-height:1.4em;}
.orange-font{vertical-align:top;font-weight:bold;color:#ff6600;font-size:12px;font-family:Verdana,Geneva,Arial;line-height:1.4em;}
.orange-font:hover{vertical-align:top;font-weight:bold;color:#cc0000;font-size:12px;font-family:Verdana,Geneva,Arial;line-height:1.4em;}

.for {display:inline;}

.bouton {background-color:#ccccff;color:#000000;width:30px;border-top:1px solid white;border-right:1px solid black;border-left:1px solid white;border-bottom:1px solid black;text-align:center;}