/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
body {
	font-family: "Lucida Sans Unicode", sans-serif;
	color: #333333;
	font-size: 11px;
	text-align: left;
	background-color: #E0DDC5;
	line-height: 18px;
	background-image: url(/App_Resources/images/background.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.bodyLeMagasin {
	font-family: "Lucida Sans Unicode", sans-serif;
	color: #333333;
	font-size: 11px;
	text-align: left;
	background-color: #FFFFFF;
	line-height: 18px;
	background-image: url(/App_Resources/images/backgroundLeMagasin.gif);
	background-repeat: repeat-y;
	background-position: center;
}

a:link {
	font-weight: normal;
	text-decoration: none;
	color: #981213;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #981213;
	}
a:hover {
	text-decoration: none;
	color: #FF0000;
	font-weight: normal;
	}

#content {
	background-image: url(/App_Resources/images/background.gif);
	background-repeat: repeat-y;
}

#contentLeMagasin {
	background-image: url(/App_Resources/images/backgroundLeMagasin.gif);
	background-repeat: repeat-y;
}

#contenu {
	padding: 10px;
}

#top {
	color: #FFFFFF;
	height: 32px;
	background-image: url(/App_Resources/images/back-top.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

#top a {
	text-decoration: none;
	color: #FFFFFF;
}

#top a:hover {
    text-decoration: none;
	color: #FF0000;
}

#footer {
	width: 752px;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 10px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

li{
	margin: 0 0 0px;
	list-style-image: url(/App_Resources/images/bullet.jpg);
}

p {
	margin: 0 0 0px;
}

strong {
	color: #333333;
}

sup {
	margin: 0 0 0px;
	line-height: -2em;
	font-size: 10px;
}
.champs {
	color: #333333;
	background-color: #FFFFEC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.TitreBeige {
	color: #816641;
	font-size: 11px;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #816641;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(/App_Resources/images/bullet-titre.gif);
	background-repeat: no-repeat;
	text-indent: 12px;
}

.TitreRouge {
	color: #981213;
	font-size: 11px;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #981213;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(/App_Resources/images/bullet-titre.gif);
	background-repeat: no-repeat;
	text-indent: 12px;
	text-decoration:none;
	font-weight:bold;
}

.TitreRouge2 {
	color: #981213;
	font-size: 11px;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #981213;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(/App_Resources/images/bullet-titre.gif);
	background-repeat: no-repeat;
	text-indent: 10px;
	text-decoration:none;
	font-weight:bold;
}

.TitreRouge3 {
	color: #981213;
	font-size: 11px;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #981213;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(/App_Resources/images/bullet-titre.gif);
	background-repeat: no-repeat;
	text-indent: 6px;
	text-decoration:none;
	font-weight:bold;
}

.TitreRougeSansBullet {
	color: #981213;
	font-size: 11px;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #981213;
	display: block;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-indent: 12px;
	text-decoration:none;
	font-weight:bold;
}

.TitreRouge3:link, .TitreRouge3:visited {
	color: #981213;
	font-size: 12px;
	font-weight: bolder;
	display: block;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-decoration:none;
}

.TitreRouge3:hover {
	color: red;
	font-size: 12px;
	font-weight: bolder;
	display: block;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-decoration:none;
}

.TitreBleu {
	color: #1B68A8;
	font-size: 11px;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #1B68A8;
	display: block;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(/App_Resources/images/bullet-titre-bleu.gif);
	background-repeat: no-repeat;
	text-indent: 12px;
	text-decoration:none;
	font-weight:bold;
}

#LienTitre {
	font-weight:bold;
}
.TitreBlanc {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bolder;
	text-align: center;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 30px;
}
#separateur {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	display: block;
	margin-bottom: 10px;
}

#borderImage {
	background-color: #BAB794;
	border: 1px solid #333333;
	padding: 2px;
	border-color: #64462E;
}

#menuGauche {
	background-image: url(/App_Resources/images/back-ga-top.jpg);
	background-repeat: no-repeat;
	width: 209px;
	background-position: center bottom;
	padding: 10px;
	text-align: left;
}

#menuGaucheLeMagasin {
	background-image: url(/App_Resources/images/back-ga-topLeMagasin.jpg);
	background-repeat: no-repeat;
	width: 209px;
	background-position: center bottom;
	padding: 10px;
	text-align: left;
}

#menuGaucheBot {
	background-color: #F2F1E6;
	background-image: url(/App_Resources/images/back-ga-bot.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 209px;
	background-position: center top;
	padding: 10px;
	text-align: left;
}

#menuGaucheVide {
	background-color: #F2F1E6;
	background-image: url(/App_Resources/images/back-ga-vide.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 209px;
	background-position: center top;
	padding: 10px;
	text-align: left;
}

#menuGaucheVideAir1 {
	background-image: url(/App_Resources/images/back-ga-vide-air1.jpg);
	background-repeat: no-repeat;
	height: 140px;
	width: 209px;
	background-position: center top;
	padding: 5px;
	color : White;
	font-size : 13pt;
	font-weight : bolder;
}

#menuGaucheBeige {

	background-color: #F2F1E6;
	background-image: url(/App_Resources/images/back-ga-beige.jpg);
	background-repeat: no-repeat;
	height: 200px;
	width: 209px;
	background-position: center top;
	padding: 10px;
	text-align: left;
}

.anylinkcss{
	position:absolute;
	visibility: hidden;
	border-bottom-width: 0;
	line-height: 18px;
	z-index: 100;
	background-color: #990000;
	width: 200px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #5B0D03;
	border-right-color: #5B0D03;
	border-bottom-color: #5B0D03;
	border-left-color: #5B0D03;
	background-image: url(/App_Resources/images/back-menu.jpg);
	background-repeat: repeat-x;
}

.anylinkcss a{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	text-indent: 5px;
	color: #FFFFFF;
}

.anylinkcss a:hover{ 
background-color: #6B0F04;
color: #FFFFFF;
}

.images {
	background-color: #E0DDC5;
	padding: 4px;
	border: 1px solid #B79F73;
}

a.lienMagasin
{
	color: #1B68A8;
}

a.lienMagasin:link
{
	color: #1B68A8;
}


a.lienMagasin:visited
{
	color: #1B68A8;
}

a.lienMagasin:hover
{
	color: #A1BB42;
}

.TableauRougeGris {
	color: #981213;
	background-color: #C5C0AC;
	font-size: 11px;
	font-weight: bolder;
	text-decoration:none;
}

.TableauRougeGrisSize2 {
	color: #981213;
	background-color: #C5C0AC;
	font-size: 14px;
	font-weight: bolder;
	text-decoration:none;
}

.TableauNoir {
	color: Black;
	font-size: 11px;
	font-weight: bolder;
	text-decoration:none;
}

.TableauNoirSize2 {
	color: Black;
	font-size: 14px;
	font-weight: bolder;
	text-decoration:none;
}

.bouton
{
	color:#981213;
	font-family:'trebuchet ms',helvetica,sans-serif;
	font-size:9pt;
	font-weight:bold;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#666;
	border-bottom-color:#666;
	background-color:#F2F1E6;
	padding : 2px;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#C5C0AC');
}