@charset "utf-8";
/* CSS Document */
body {
	margin: 0px; padding: 0px;
	background-color: #FFFFFF;
	/*color: #FFCC99;*/
	color: #333333;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
}

body#blanc {
	background-color: #ffffff;
}

#page  {
	width: 800px;        /* selon la largeur voulue */
	margin: 5px auto 5px auto;
	background-repeat: repeat-x;
	/*background-image: url(/images/design2/bg_gradient.gif);
	background-color: #909294;
	border: 1px solid #FFCC99;*/
}

#snow {
	background-image: url(/images/snow_animated.gif);
}

#header {
	position: relative;
	top: 0px;
	width: 800px;
	height: 125px;
	/*background-image: url(/images/design2/banniere_header.gif);*/

}

#logo {
	position: absolute;
	top: 14px;
	left: 12px;
	width: 80px;
	height: 94px;
}

#catchphrase {
	position: absolute;
	top: 20px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 786px;
	text-align: center;
	color: #660000;
	font-size: x-large;
	font-weight: bold;
}

#catchphrase2 {
	position: relative;
	left: 120px;
	top: 40px;
	width: 680px;
	line-height: 15px;
	font-size: smaller;
	font-weight: bold;
	color: #999999;
}

#bsd {
	position: absolute;
	right: 7px;
	top: 5px;
}

#bouton_intranet {
	position: relative;
	left: 630px;
}

#menu {
	position: relative;
	top: 46px;
	left: 80px;
	width: 720px;
	/* background-image: url(/images/design2/fond-menu.gif); */
	height: 45px;
	
}

#menu ul {
	padding:8px 14px;
	margin:0 0 0 10px;
	list-style-type:none;
	list-style-image: none;
}

#menu ul li {
	margin-left: 18px; /* espacement entre boutons */
	float:left; /*pour IE*/
}

#menu ul li a {
	display:block;
	float:left;   
	width:94px; 
	height:15px; 
	text-decoration:none; 
	/*color: #FFFF00;*/
	text-align:center; 
	font-size: small;
	font-weight:bold; 
	/*background-color: #551808;*/
	padding:5px;
	/*border-style:outset;
	border-width:1px;
	border-color:silver*/
	background-image: url(/images/design2/menu/bouton-menu.gif);
	color: #660000;
}

#menu ul li a:hover {
	/*background-color: #990000;*/
	/*border-style:inset;*/
	color: #9b9d9f;
	background-image: url(/images/design2/menu/bouton-menu-hover.gif);
}

#barre-menu {
	margin: 0;
	padding: 0;
	position: relative;
	left: 122px;
	top: 34px;
	height: 4px;
	width: 592px;
	background-image: url(/images/design2/menu/barre-menu.gif);
	background-repeat: repeat-x;
}

#content {
	padding: 0px 5px 0px 5px;
	min-height: 400px;
	clear: both;
}

#footer {
	width: 786px;
	height: 35px;
	/*background-image: url(/images/design2/banniere_footer.gif);*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8px;
}

#footer-content {
	font-size: x-small;
	color: #660000;
	padding: 5px 0 0 10px;
}

#footer-content a {
	color: #660000;
}

#footer-content a:hover {
	text-decoration: underline;
}

table {font-size: 12px; }
h1 {text-align: center; font-size: 24px; font-weight: bold; text-decoration:overline underline ;  }
h2 {
	color: #993300;
	font-size: 16px;
	line-height: 16px;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
}
.warning {color: #FF3366; }
a { text-decoration: none; }
a:link { color: #993300 }
a:visited { color: #993300 }
a:hover { color: #67a;; }
td img {display: block;}
img { border: 0px; }
.textjustify { text-align: justify; }
.textunderlined { text-decoration: underline; }
ul {
  list-style-image: url(/images/wrt54gl-puce.png);
}
.italic {
	font-style: italic;
}
.bold {
	font-weight: bold;
}
.font_red {
	color: #CC3300;
}
.font_green {
	color: #009933
}
.font_blue {
	color: #0099FF;
}
.xsmall {
	font-size: x-small;
}
.smaller {
	font-size: smaller;
}
.small {
	font-size: small;
}
.larger {
	font-size: large;
}
.uppercase {
	text-transform: uppercase;
}
.centered {
	text-align: center;
}

.linethrough {
	text-decoration: line-through;
}

.blinking {text-decoration: blink;}

.arrow_icon {
	width: 70px;
	height: 30px;
}

/***********/
/* BOUTONS */
/***********/

a.bouton_gris {
	display:block;
	width:90px; 
	height:19px; 
	padding: 3px 5px;
	font-size: smaller;
	font-weight: bold;
	color: #660000;
	text-align: center;
	background-image: url(/images/design2/menu/bouton_gris.gif);
}

a.bouton_gris_big {
	display:block;
	width:90px; 
	height:34px; 
	padding: 3px 5px;
	font-size: smaller;
	font-weight: bold;
	color: #660000;
	text-align: center;
	background-image: url(/images/design2/menu/bouton_gris_big.gif);
}

input.button_1, input.buttonDis_1, a.button_1, a.buttonDis_1 {
	display: block;
	background-color: transparent;
	background-image: url(/images/buttonBackground_1.gif);
	background-repeat: no-repeat;
	width: 80px;
	height: 28px;
	margin: auto;
	padding: 0px;
	text-align: center;
	/* font-family: Helvetica, Calibri, Arial, sans-serif; */
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	text-decoration: none;
	border: 0 none;
	color: #FFCC99;
}

input.button_1:link, input.button_1:visited, a.button_1:link, a.button_1:visited {
	color: #FFCC99;
}
input.button_1:hover, input.button_1:active, a.button_1:hover, a.button_1:active {
	background-position: 0 -30px;
	color: #FFCC99;
}

input.buttonDis_1:link, input.buttonDis_1:visited, input.buttonDis_1:hover, input.buttonDis_1:active, a.buttonDis_1:link, a.buttonDis_1:visited, a.buttonDis_1:hover, a.buttonDis_1:active {
	background-position: 0 -60px;
	color: #FFCC99;
	cursor: default;
}

/*************
* button_2
*************/

a.button_2 {
    background: transparent url('/images/design2/button/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_2 span {
    background: transparent url('/images/design2/button/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
	text-align: center;
    padding: 5px 0 5px 18px;
} 

a.button_2:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_2:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.button_2_width_large {
	width: 110px;
}

a.button_3 {
    background: transparent url('/images/design2/button/bg_button_a_rouge.gif') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_3 span {
    background: transparent url('/images/design2/button/bg_button_span_rouge.gif') no-repeat;
    display: block;
    line-height: 14px;
	text-align: center;
    padding: 5px 0 5px 18px;
} 

a.button_3:active {
    background-position: bottom right;
    color: #444;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_3:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.button_2_width_xlarge {
	width: 140px;
} 

.button_2_width_xxlarge {
	width: 180px;
} 

/**********/
/* TABLES */
/**********/

.td_centered_italic {
	text-align: center;
	font-style: italic;
}

table.centered_cells tr td {
	text-align: center;
}

table.centered_cells tr td.left {
	text-align: left;
}

.alternate_rows {
	border-spacing: 0px;
	border-collapse: collapse;
}

.alternate_rows th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 6px;
	background: #600000;
}

.alternate_rows tr.spec td {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #FFDDDD;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #C10000;
}

.alternate_rows tr.specalt td {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #FFECEC;
	font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #600000;
}

.alternate_rows td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #6D929B;
	font: 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.alternate_rows td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}

.alternate_rows tr.spec td table tr td,  .alternate_rows tr.specalt td table tr td{
	border: none;
	padding: none;
	background: none;
}

/************
* DEVIS
*************/

.label_devis {
	font-size: medium;
	padding-right: 10px;
	float: left;
}

.label_devis_result {
	font-size: medium;
}

#table_devis th, #table_devis .bold {
	font-size: small;
	font-weight: bold;
}

#table_devis tr td {
	text-align: center;
}

#table_devis tr.lineup td {
	border-width:1px 0 0 0;
	border-style:solid;
}

#devis_contact_submit_id {
	width: 200px;
}

/**************
* BOUTIQUE
**************/

.boutique_item {
	float: left; 
	width: 150px;
	height: 180px;
	padding: 5px 10px 5px 10px;
	text-align: justify;

}

.boutique_item a {
	color: #5a1908;
}

.boutique_item .boutique_item_center {
	text-align: center;
	margin-left:auto; margin-right:auto;
}

.boutique_item .boutique_item_center_80px {
	width: 80px;
}
/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #660000;
    color: #fff;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/************
* COUPON
*************/

#coupon {
	height: 200px;
	width: 400px;
	border: 1px solid #000000;
	background: #ffffff url(images/coupon.png) no-repeat;
	color: #FF6600;
	font-size: 16px;
	font-weight: bold;
}

#coupon #utilisateur {
	position: fixed;
	left: 280px;
	top: 30px;
}

#coupon #mdp {
	position: fixed;
	left: 280px;
	top: 49px;
}

#coupon #duree {
	position: fixed;
	left: 330px;
	top: 68px;
}

#coupon #prix {
	position: fixed;
	left: 280px;
	top: 87px;
}

/*****************
* Rounded corners
*****************/

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/***************
* PRETTY FORMS
****************/
form.pforms {background:#660000; width:600px; margin:0 auto;}
form.pforms fieldset {width:560px; display:block; border:1px solid #fff; padding:5px; font-family:verdana, sans-serif; margin: 1em auto; line-height:1.5em;}
form.pforms legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold; border:3px solid #fff; margin-bottom:5px; padding:3px; width:254px; background:#fff url(/images/pforms/form.gif) repeat-x center left;}
form.pforms label {clear:left; display:block; float:left; width:150px; text-align:right; padding-right:10px; color:#CCCCCC; margin-bottom:0.5em;}
form.pforms input {border:1px solid #fff; background:#fff url(/images/pforms/form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em;}
form.pforms select {margin-left:0.5em;}
form.pforms textarea {width:520px; margin: 0 10px; height:15em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#fff url(/images/pforms/form.gif) repeat-x bottom left; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; }
form.pforms option {background: #DDDDDD; color:#000;}
form.pforms optgroup {background:#660000; color:#fff; font-family:georgia, serif;}
form.pforms optgroup option {background: #CCCCCC; color:#000;}
form.pforms .button {color: #660000; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form.pforms .button:hover {background-position:center left; color: #660000; }
form.pforms p { font-size: smaller; color: #888 }
form.pforms div { font-size: small; color: #888 }

/**************
* GALLERIA
**************/

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */