html, body {
margin: 0px;
padding: 0px;
/*height: 100%  que si on veut un site avec une gestion 100% de hauteur de DIV */
}

body {
	background-color: #FFF;
	background-attachment: scroll;
	background-image: url(../images/bandeau-bleu.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin:0px;
	padding:0px
}

.fond-top {
	background-attachment: scroll;
	background-image: url(../images/bandeau-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-width: 999px;
	height:355px;
	margin:0px;
	padding:0px;
	border:0px;
}

.fond-top-2 {
	background-attachment: scroll;
	background-image: url(../images/bandeau-top-2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-width: 999px;
	height:267px;
	margin:0px;
	padding:0px;
	border:0px;
}

.corp  {
	width:999px;
	position: relative;
	padding-top:400px;
	border:0px;
}

.top-logo   {
	background-image:url(../images/logo-redh.png);
	background-repeat:no-repeat;
	position: absolute;
	left: 330px;
	top: 325px;
	width:352px;
	height:91px;
}
.accroche-magasin   {
	background-image:url(../images/Le-magasin.png);
	background-repeat:no-repeat;
	position: absolute;
	left: 390px;
	top: 565px;
	width:211px;
	height:26px;
}

.accroche-packs   {
	background-image:url(../images/Nos-packs.png);
	background-repeat:no-repeat;
	position: absolute;
	left: 397px;
	top: 565px;
	width:211px;
	height:26px;
}


.survol-panier   {
	position: absolute;
	left: 899px;
	top: 305px;
}

.top-ski   {
	background-image:url(../images/ski-index.png);
	background-repeat:no-repeat;
	position: absolute;
	left: 74px;
	top: 253px;
	width:169px;
	height:274px;
}

.top-casque   {
	background-image:url(../images/casque-index.png);
	background-repeat:no-repeat;
	position: absolute;
	left: 742px;
	top: 346px;
	width:167px;
	height:229px;
}

.contenu-index   {
	color:#613E2B;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:1px;
	line-height:25px;
	padding-top: 70px;
}
.titre-contenu-index   {
	font-weight:bold; 
	padding-bottom:10px;
}

.contenu   {
	color:#613E2B;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:1px;
	line-height:25px;
	padding-top: 20px;
}
.titre-contenu   {
	font-weight:bold; 
	padding-bottom:10px;
}

.drapeaux   {
	padding-top: 20px;


}

.menu   {
	background-image:url(../images/fond-menu-index.png);
	background-repeat:no-repeat;
	background-position:left top;
	height:72px;
	position: absolute;
	width: 951px;
	left: 25px;
	top: 628px;
	background-attachment: scroll;
}

.fond-menu-bas   {
	background-image:url(../images/fond-menu-bas.png);
	background-repeat:no-repeat;
	background-position:center;
	height:72px;
}

.btn-accueil-index   {
	position: absolute;
	left: 80px;
	top: 636px;
	z-index: 50;
}


.btn-magasin-index   {
	position: absolute;
	left: 202px;
	top: 652px;
	z-index: 50;
}

.btn-pack-index   {
	position: absolute;
	left: 355px;
	top: 662px;
	z-index: 50;
}

.btn-chinaillon-index   {
	position: absolute;
	left: 520px;
	top: 661px;
	z-index: 50;
}

.btn-situation-index   {
	position: absolute;
	left: 705px;
	top: 649px;
	z-index: 50;
}

.btn-contact-index   {
	position: absolute;
	left: 845px;
	top: 631px;
	z-index: 50;
}


.btn-accueil   {
	position: absolute;
	left: 80px;
	top: 444px;
	z-index: 50;
}


.btn-magasin  {
	position: absolute;
	left: 202px;
	top: 461px;
	z-index: 50;
}

.btn-pack   {
	position: absolute;
	left: 355px;
	top: 471px;
	z-index: 50;
}

.btn-chinaillon   {
	position: absolute;
	left: 520px;
	top: 470px;
	z-index: 50;
}

.btn-situation   {
	position: absolute;
	left: 705px;
	top: 458px;
	z-index: 50;
}

.btn-contact   {
	position: absolute;
	left: 845px;
	top: 440px;
	z-index: 50;
}

.footer-index   {
	letter-spacing:2px;
	padding-top: 150px;
}
.footer-index a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#148eab;
	text-decoration:none;
	letter-spacing:2px;
}
.footer-index a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#613e2b;
	text-decoration:underline;
	letter-spacing:2px;
}

.footer   {
	letter-spacing:2px;
	padding-top: 10px;
	text-align: center;
	color: #148eab;
}
.footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#148eab;
	text-decoration:none;
	letter-spacing:2px;
}
.footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#613e2b;
	text-decoration:none;
	letter-spacing:2px;
}

.credits-index   {
	letter-spacing:2px;
	font-weight:bold;
	color:#148eab;
	padding-bottom: 40px;
	padding-top: 10px;
}

.contenant-vignettes   {
	width:865px;
	height:406px;
}

.vignette-1   {
	position:absolute;
	background-image:url(../images/BTN-ski-adultes-fond.png);
	background-repeat:no-repeat;
	left:100px;
	width:201px;
	height:353px;
}

.vignette-2   {
	position:absolute;
	background-image:url(../images/BTN-ski-juniors-fond.png);
	background-repeat:no-repeat;
	left:308px;
	width:194px;
	height:357px;
}

.vignette-3   {
	position:absolute;
	background-image:url(../images/BTN-snow-fond.png);
	background-repeat:no-repeat;
	left:509px;
	width:191px;
	height:357px;
}

.vignette-4   {
	position:absolute;
	background-image:url(../images/BTN-snowblades-fond.png);
	background-repeat:no-repeat;
	left:708px;
	margin-top:4px;
	width:192px;
	height:349px;
}

.ombre-vignettes   {
	background-image:url(../images/ombre-vignettes.png);
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	height:100px;
	width:900px;
	left:63px;
	top:950px;
}

.bas-page  {
	background-image:url(../images/fond-menu-index.png);
	background-repeat:no-repeat;
	background-position:center;
	height:72px;
}


/* Gestion bug ie */
br
{
	letter-spacing : 0px;
}
h2{
	color:#683B15;
	margin-bottom:0px;
}
h3{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
}

*html .texte_fond{  /*visible que sous internet explorer
	/* Attention pas de ../ avant images/ */
	background-repeat:repeat-y;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/texte_fond_repeat.png', sizingMethod='scale');
	height:300px;
}

*>.texte_fond{  /* fonctionnera pas pour ie6*/
	background-repeat:repeat-y;
	background-image:url(../images/texte_fond_repeat.png);
	min-height:300px;
	overflow:hidden;
}

/*Permet de positionner une image dans une div contenant du texte comme pour COLL ETT DIEU.com */
.floatimage {
   float : left;
   margin : 5px 10 0px 0px;  
   display : inline;
 /*C'est la dernière valeur qui indique 0px de marge à gauche */
}
.hidden {
	display:none;
	/*permet de faire des titre quand les styles sont desactivé*/
}
.inter-flag {
	position: absolute;
	left: 460px;
	top: 0px;
}
.inter-bas-page {
	background-image:url(../images/fond-menu-index.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment: scroll;
}
.inter-l-menu {
	position: relative;
	background-attachment: scroll;
	background-image: url(../images/fond-menu-index.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 10;
}
.inter-l-menu-bas {
	position: relative;
	background-attachment: scroll;
	background-image: url(../images/fond-menu-bas.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 150px;
	z-index: 9;
}
.inter-titre {
	padding-top: 120px;
	text-align: center;
}
.panier-nbr {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #004D61;
}
.top-logo-home {
	background-image:url(../images/logo-redh-home.png);
	background-repeat:no-repeat;
	position: absolute;
	left: 274px;
	top: 325px;
	width:439px;
	height:87px;
}