/* 
   The below CSS file was built using samples + techniques described by Rachel Andrew in her book:
   The CSS Anthology: 101 Essential Tips, Tricks & Hacks
*/

/* Overall Page */

body {
	margin: 0;
	padding-bottom: 2em;
	background-color: white;	
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 2px solid #99CC66;
	
}

/* Header Section */

#header {
	border-top: 3px solid #99CC66;
	/*border-bottom: 1px dotted #99CC66;*/
	height: 2em;
}
#header .title {
	font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: left;
	margin-right: 2em;
	margin-top: 0.3em;
	margin-left: .8em;
}

#header a:link, a:visited  {
	color: royalblue;
}

/* Navigation */

#navigation {
	width: 200px;
	top: 1em;
	left: 44em;
	width: 70em;	
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	visibility: hidden;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation li a  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #711515;
	border-right: 1px solid #711515;
	background-color: #B51032;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #711515;
	margin:0;
	background-color: #ED9F9F;
	color: #711515;
}
/*
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}
*/
#navigation ul ul a:hover {
	background-color: #711515;
	color: #FFFFFF;
}
#header .breadcrumb {
	font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	color: black;
	background-color: transparent;
	float: right;
	margin-right: 2em;
	margin-top: 0.8em;
	font-weight:bold;
}

#noprint {
    visibility: hidden;
}
.noprint {
    visibility: hidden;
}

#print {
    visibility: visible;
}
.print {
    visibility: visible;
}


/* Main Content */

#content 
{
	margin-top:10em;
	margin-left: 1em;
	margin-right: 2em;
}
h1 {
	font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	text-align: center;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
}

#content ul {
	font-size: 80%;
	line-height: 1.6em; 
}

#promotions 
{
    font-size:xx-small;
}

#content-center
{
    text-align:center;
}

.c-center
{
    text-align:center;    
    position: relative;
    top: 0px;
    left: 0px;
}
.c-left
{
    text-align:left;    
}
.c-right
{
    text-align:right;
}

.details-center
{
    position: relative;
    left: 1em;
    top: 0em;
    width: 200px;
    
}

.branch
{
    position: relative;
    left: 1em;
    top: 0em;
    height: 260px;
    width: 466px;
    overflow: auto;
    border: groove 1px black;
    visibility: visible;
}

.lang
{
    top: 1em;    
}

.grille-produit
{
    text-align: left;
    position: relative;
    top: 0px;
    left: 1px;
}

.content-right
{
    text-align: right;
    width: 953px;
    vertical-align: bottom;
}


.Important
{      
    font-size: large;      
    color: Red; 
}

.gvCode
{      
    font-size: smaller;      
    font-style: italic;        
    width: 64px;
    height: 24px;
}

.gvRegion
{      
    width: 124px;
    height: 24px;    

}

.gvDate
{      
    width: 124px;
    height: 24px;    

}

.gvDescription
{      
    width: 124px;
    height: 24px;    
    overflow: hidden;
}

.promoTitle
{      
    font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
	text-align: center;
	
}

.gvStore
{      
    width: 450px;
    height: 56px;    
    overflow: auto;
    position: absolute;
    left: 8em;
    top: 22em;    
}

.calendar-right
{
    text-align: right;
    position:absolute;
    top: 20em;
    right: 6.2em;
    z-index: 1;
}

.promo_sep
{
    border:none;
    float: left;
    height: 170px;
    width: 30px;    
    /*
    float:left; height:170px; width:30px; border:groove thin white;
    */
}

.cpHeader
{
    color: white;
    background-color: #719DDB;
    font: bold 11px auto "Trebuchet MS", Verdana;
    font-size: 12px;
    cursor: pointer;
    width:450px;
    height:18px;
    padding: 4px;           
}

.cpBody
{
    background-color: #DCE4F9;
    font: normal 11px auto Verdana, Arial;
    border: 1px gray;               
    width:450px;
    padding: 4px;
    padding-top: 7px;
}
.cpHeaderPeriod
{
    visibility: hidden;           
}

.clear
{

}

.grad 
{ 
    color:yellow; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='white',EndColorstr='blue')";
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='white',EndColorstr='blue');
    /*background-color:green;*/
    background: -moz-linear-gradient(top, #FFF, #888);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#888));
} 


.sexybutton {  
  
  background-color: #DEDEDE;  
  background: -moz-linear-gradient(top, #FFF, #888);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#888));
  border: 1px solid #D6D6D6;
  color: #666;
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#888888)"; 
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#888888,direction=125,strength=5)"; /* IE8+ */ 
  /*filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#888888');*/
  
  font: bold 0.9em/10px Helvetica, Arial, sans-serif;
  height: 18px;
  width: auto;
  padding: 0 10px;
  text-decoration: none;
  vertical-align: middle;
  text-shadow: 0 1px 0 #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
}
.sexybutton:HOVER {
  background: #BEBEBE;
  background: -moz-linear-gradient(top, #DDD, #666);
  background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#666));
  border: 1px solid #B6B6B6;
  color: #444;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#DDDDDD', EndColorStr='#666666');
  text-shadow: 0 1px 0 #DDD;
}

.menuaxo
{
    position: absolute;
    left: 370px;
    visibility: hidden;
}


.background {
    width: 126px; 
    height: 38px;
    /*width: 100%; 
    height: 100%;*/
    /*position: absolute; */
    position: relative;
    left: 0px; 
    top: 0px; 
    /*z-index: 0;*/
    
}

.stretch {
    width:100%;
    height:100%;
    z-index: 0;
}

.td_background
{    
    background-image: url(img/gradient-client-b.png);
    background-repeat: no-repeat;
    background-position: top left;
    
    height: 38px;
    width: 128px;
    text-align:center; 
    vertical-align:middle;    
    
    text-decoration: none;
    
}

.td_background:hover
{

    background-image: url(img/gradient-client-a.png);
    background-repeat: no-repeat;
    height: 38px;
    width: 128px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;    
    text-align: center;
    vertical-align: middle;
    
}

.menudiv
{
    height: 32px;
    width: 116px;
    
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;    
    text-align: center;
    vertical-align: middle;
    overflow: hidden;    
    /*position: fixed;
    left: 0px; 
    top: 0px; 
    */
    z-index: 1;    
    position: relative;    
    
    
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: black;
    
    /*font-size: small; */
    font-size:75%; 
    
    font-weight: bold;
}
.menudiv a
{
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: black;
    
    /*font-size: small; */
    font-size:80%; 
    
    font-weight: bold;
}
.menudiv:hover
{    
    color: white;
    /*font-weight: bold;*/
}

.menuitem
{
    background-image:url(img/gradient-BZ64A.png);
    background-repeat: no-repeat;
    text-align: center;
    border-style: none; 
    border-width: thin;    
    background-color: ghostwhite;
    vertical-align: middle;    
    font-size: small; 
    font-family: Arial, Helvetica, sans-serif;
    /*    border-radius: 6px;
    */
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
    */
}
.menuitem a:hover
{    
    color: white;
    /*font-weight: bold;*/
}
.menuitem:hover
{
    /*background-color: seagreen;*/
    /*font-weight: bold;*/
    /*color: white;
    border: solid 1px darkolivegreen;
    */
}
.menuitem-disable
{
    /*background-color: seagreen;
    color: white;
    */
}