body { 
	color: #666666; 
	font-size: 11px; 
	font-family: Verdana, Arial, san-serif; 
	scrollbar-3dlight-color: #ffffff; 
	scrollbar-arrow-color: #BE2939; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-track-color: #ffffff;
	margin: 0;
	background: url('../../images/fd-page.jpg') repeat-y center top;
	padding-bottom:30px;
	position:relative;
}

#plan ul,#plan{
list-style:none;
}

#pub{
	margin: 5px auto;
	width:896px;
	position:relative;
	display:none;
	display:block;
	text-align:center;
}

#pub img{
	max-width:896px;
	border:0
}

.menuMarques, .menuMarques li{
	padding:0;
	margin:0;
	list-style:none;
}

.menuMarques{
	border:1px solid #CCCCCC;
	float:left;
	margin-top:15px;
	background:url(../../images/bg-marques2.jpg) no-repeat right top;
	padding:5px;
	width:150px;
}

.menuMarques li{
	margin-bottom:5px;
}


.inscripLettre{
	margin-left:32px;
	display:block;
	padding:5px 0;
	padding-left:35px;
	background:url('../../images/newsletter.jpg') no-repeat;
}

li.bonnesAffaires a{
	background:#BE2939 url(../../images/affaires.jpg) repeat-x;
	display:block
}

.triAffaires{
	background-color:#e3352c;
	border:0;
	margin:0;
	padding:0;
	display:block;
	padding:3px 0;
	float:left;
}

.triAffaires form{
	text-align:center;
}
.triAffaires form input, .triAffaires form select{
	border:1px solid #BE2939;
	margin:2px 0;
}

.triAffaires form select{
	color:#666;
	font-style:italic;
}

.triAffaires form select option{
	color:#000;
	font-style:normal
}

.triAffaires h3{
	font-size:11px;
	display:block;
	margin:0;
	padding:0;
	color:#fff;
	padding-left:13px;
}

body.index {
	padding-bottom:45px;
}

#conteneur { 
	margin: 0 auto; 
	padding-top: 68px;
	width: 1000px; 
	position:relative;
}

#sac{
	position:absolute;
	left:417px;
	top:362px;
}

#meteo{
	font-size:10px;
	text-align:left;
}

#meteo strong{
	font-size:12px;
}

table#points, table#points td{
	border:1px solid #CF2C3D;
}

table#points_mini, table#points_mini td{
	border:1px solid #ddd;
}

table#points, table#points_mini{
	position:absolute;
	left:500px;
	top:170px;
	border-collapse:collapse;
}

table#points_mini{
	left:auto;
	right:25px;
	top:300px;
	width:158px;
}

table#points_mini img{
	width:42px;
}

table#points caption, table#points_mini caption{
	width:300px;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
	color:#999;
}

table#points_mini caption{
	font-weight:normal;
	font-size:10px;
	width:auto;
}

table#points_mini caption span{
	display:block;
}

table#points td, table#points_mini td{
	padding:5px;
}

table.tabu, table.tabu tr{
border: 1px #999 solid;
}
table.tabu td{
border-right: 1px #999 solid;
border-bottom: 1px #999 solid;
}

.nous{
background-image:url('../../images/frise.jpg'); 
background-repeat:no-repeat;
background-position: 0px 50px;
}

.nous p, .nous ul{
margin-left: 50px;
margin-bottom: 7px;
margin-top: 8px;
}

#nous p{
margin-left:50px;
}

a.col,a.col:visited{
color:#666666;
}

a.col:hover, a.col:active{
color:#E13A3E;
}

.index { 
	margin: 0px; 
	background-image: url("../../images/bg1.gif"); 
	background-repeat: no-repeat;
	background-position: -88px 0px;  
	position: relative;
	margin: auto;
	width: 896px; 
	min-height: 560px; 
}

.index #colGauche{
	padding-left:99px;
	width:250px;
	margin:0;
}

.index #colGauche .navigation{
	width:auto;
}

.maquettes { background-image: none; margin: 0; overflow: auto  }
#menu { position: absolute; z-index: 100; top: 0; left: 0; width: 100%; text-align:center }

.prev, .next{
	cursor:pointer;
}

ul.photo{
	height:120px;
}
#contenu { 
padding: 0 25px;
height: auto; 
text-align:left  
}
#bas { 
}

#bas .gris{
	width:625px;
	font-size:9px;
	color:#999;
}

#bas .gris a, #bas .gris a:visited{
	color:#999;
}

#bas .gris a:hover, #bas .gris a:active{
	color:#E13A3E;
}

.accroche{
position:absolute;
left:430px;
top:40px;
}

#col1 {float:left; width:49%;}
#col2  { width: 49%; float: right }

#meteo img{
	margin-right:4px;
}

.colDrte .bloc{
	width:148px;
}

#prods ul, #prods li{
	list-style:none;
	margin:0;
	padding:0;
}

#prods a{
	padding:5px 0;
	display:block;
	clear:both;
}

#prods ul{
	margin-top:10px;
}

.bloc{
	border:1px solid #cccccc; padding:5px; margin-bottom:5px;
}
#texte{
float: left;
width:770px;
}

#colGauche{
float: left;
width: 160px;
margin-right: 20px;
}
#colDroite{
float: left;
width:160px;
margin-left:20px;
}

#boutique #texte{
float: left;
width:590px;
-width:550px;
}

#boutique .navigation{
float: left;
width: 160px;
margin-right: 20px;
}

#boutique #colDroite{
margin-top: -51px;
}


td { color: #666666; font-size: 11px; font-family: Verdana; text-align: justify }

h1 { color: #E13A3E; font-size: 16px; margin-top: 22px; }
h2 { color: #999999; font-size: 13px; margin-bottom: -0.5px }
.avantages h2{
color:#EF6166;
margin-top:20px;
}
h3 { color: #E13A3E; font-size: 13px }
a, a:visited, .choixCompte a span, .choixCompte a:visited span{ 
color: #E13A3E; text-decoration: none; text-align: left }
a:hover, a:active, .choixCompte a:hover span, .choixCompte a:active span { color: #000000; text-decoration: none }

.coordUser{
margin-bottom: 30px;
}

.small, .petit { font-size: 10px;  }
.fin { font-weight: normal; }
.rouge { color: #E13A3E; }
.big { font-size: 14px; font-weight: bold;  }
.vert { color: #51AF0A; }

.blanc, a.blanc:visited { color: #ffffff }
a.blanc:hover, a.blanc:active  { color: #dcdcdc }
.grisclair { color: #cccccc }
.cadre1 { border: solid 1px #E13A3E }
.cadre2 { border: solid 1px #C8C8C8 }
select,input,textarea   { font-size: 10px; font-family: Verdana; border: solid 1px #E13A3E }
input, select, label{  cursor: pointer;}

.bgpanier  { 
background-image: url("../../images/bg-inputpanier.gif"); 
height: 25px; 
padding-left:45px; 
color:#E13A3E; 
border:0px; 
font-weight:bold;
display: block;
margin-left: 65px;}

.prix{
margin-top: 10px;
}
.titreprod { color: #E13A3E; font-size: 13px; font-weight:bold; margin-bottom:10px }
.titreprod2  { color: #999999; font-size: 12px; font-weight: bold; margin-bottom: -0.5px }


.plan{
padding-top: 30px;
}

.plan address{
font-size: 13px;
margin-bottom: 20px;
}
iframe{
border: 1px solid #666;
}

.new {
	position:absolute;
	bottom:10px;
	left:0;
	z-index:11;
}

.accrocheActu, .accrocheActu *{
	font-size:10px;
}

.accrocheActu p{
	margin-bottom:0;
}

/*****************************************
 DEBUT ACCESSIBILITE
*******************************************/
/*
menu links accesskeys
*/
span.accesskey {
   text-decoration:none;
}

/*
accessibility divs are hidden by default
text, screenreaders and such will show these
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/*****************************************
 FIN ACCESSIBILITE
 *******************************************/
.cadrerouge { border: solid 1px #BE2939 }
.cadregris1 { border: solid 1px #cccccc }
.cadregris2 { border: solid 2px #cccccc }
.margright { margin-right: 10px }

.margin10{
margin: 10px;
}

.noMargeTop{
margin-top: 0;
}

.noMargeBot{
margin-bottom: 0;
}

.noMargeLeft{
margin-left: 0;
}

.noMargeRight{
margin-right: 0;
}

.imgGche{
float: left;
}

.imgDte{
float: right;
}

.clear{
	clear:both;
}

body .block{
display:block;
}

body .inline{
display: inline;
}

body .center{
text-align: center;
}
/*****************************************
 FORMULAIRE CONTACT
*******************************************/

form p{
	padding:0;
	margin:0;
}

p.Form{
	padding:6px 0;

}

p.Form label{
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
	height: 1%;
}

label.deux_elements{
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 0.1em;
}

label.deux_elements_deuxieme{
	margin: 0 1em 0 2em;
	padding: 0.1em;
}

fieldset{
	border: 1px solid #938881;
	margin:10px 0;
	padding:5px
}

fieldset legend{
	color: #BE2939;
	font-weight:bold;
}

.telephones div *{
padding-left: 5px;
}
.telephones span{
padding-left: 10px;
margin-bottom: 15px;
}

/*****************************************
BOUTIQUE
*******************************************/
.chemin{
font-size: 15px;
color: #999;
margin-left: 72px;
}

.chemin span{
font-size: 11px;
color:#bbb;
}

#actif{
background:red;
}

.menu_produit{
	background-color:#999999;
	padding-left:10px;
}

#galerieProd{
margin-left: 0;
margin-right: 0;
padding: 0;
}
#galerieProd, #galerieProd li{
list-style: none;
}
#galerieProd li{
position: relative;
float: left;
margin: 15px;
margin-right: 30px;
}


.rupture {
	position:absolute;
	top:0;
	left:-80px;
	z-index:5;
}

#venteCroise .rupture {
	position:absolute;
	top:0;
	left:-97px;
	z-index:5;
}

#galerieProd .pointe{
position: absolute;
top:0;
left: 2px;
background: url('../../images/pointe.png') no-repeat;
width: 27px;
height: 18px;
display: block;
z-index: 9;
}

#galerieProd li a.box{
background-color: #eee;
width: 140px;
position: relative;
text-align: center;
border: 1px solid #BE2939;
position:relative;
z-index:6;
overflow:hidden;
cursor:pointer;
}

#venteCroise #galerieProd li a.box{
	width:100px;
}

#galerieProd li a .vignette{
height:160px; 
margin-bottom: 27px;
position: relative;
overflow: hidden; 
-cursor:default;
}

#venteCroise #galerieProd li a .vignette{
height:100px; 
}

#galerieProd li a .prix{
background-color: #BE2939;
height: 27px;
position: absolute;
width: 100%;
bottom: 0px;
left: 0px;
color: #fff;
z-index:10;
}

#galerieProd li .navig {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 20;
font-size:10px;
}

#galerieProd li .navig a{
margin: 0 12px;
background-color: #fff;
position:relative;
z-index:10;
top:1px;
font-weight:bold;
}

#galerieProd img{
border: 0;
}

#galerieProd .prix .promo{
	text-decoration:line-through;
	color:#EFA5B1;
}
/*
#galerieProd li a.pavePromo {
	border-color:#F60;
}

#galerieProd li a.pavePromo .prix{
	background-color:#F60;
}

#galerieProd li a.pavePromo .vignette span{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	color:#F60;
	left:0;
	font-weight:bold;
	font-size:18px;
}

#galerieProd li a.paveSoldes {
	border-color:#428F08;
}

#galerieProd li a.paveSoldes .prix{
	background-color:#7DCF40;
	color:#1B3F00;
}

#galerieProd li a.paveSoldes .prix .promo{
	color:#D5EFC2;
}

#galerieProd li a.paveSoldes .vignette span{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	color:#7DCF40;
	left:0;
	font-weight:bold;
	font-size:18px;
}
*/


#galerieProd li a .vignette span{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
	color:#F60;
	left:0;
	font-weight:bold;
	font-size:18px;
}

#galerieDetail ul{
margin: 0;
padding: 0;
margin-top: 15px;
width:147px;
}

#galerieDetail ul li{
list-style: none;
}


#galerieDetail {
margin-right: 15px;
}

#galerieDetail ul a img{
border: 0;
}

#galerieDetail ul a {
display: block;
position:relative;
}

#galerieDetail a img.loupe{
position:absolute;
bottom:5px;
right:5px;
display:block;
border:0;
}

#galerieDetail a:hover img.loupe, #galerieDetail a:active img.loupe{
display:none;
}

#galerieDetail ul li{
display: block;
float: left;
margin-right: 7px;
margin-bottom: 7px;
width: 40px;
height: 40px;
overflow: hidden;
}

.choixCompte{
margin-top:60px;
margin-bottom:40px;
}

.choixCompte a{
display: block;
margin: 20px 0;
}
.choixCompte a, .choixCompte a:visited, .choixCompte a:hover, .choixCompte a:active{
color: #666;
cursor: default;
background: none;
}

.choixCompte a:hover, .choixCompte a:active{
background: url('../../images/fleche.jpg') no-repeat 200px top;
}

.choixCompte a span{
cursor: pointer;
}

.pictos{
margin-top: 25px;
}

#infosProd{
float: left; 
width:425px;
}

#fancy_content #infosProd{
	width:625px;
	/padding-bottom:60px;
}

#fancy_content #venteCroisée{
	clear:both;
}

#fancy_content #galerieDetail{
	/width:200px;
}

div#fancy_ajax #infosProd h2{
	color:#E13A3E;
	font-size:17px;
	margin-bottom:10px;
	margin-top:0;
}
.FCK img{
border:2px solid #be2939;
}
.grand{
font-size:16px;
}
.pagination{
text-align:center;
}

.gris{
	color:#666;
}

.italic{
	font-style:italic;
}


.index .pave-marque{
	float:left;
	border:1px solid #900;
	margin-right:10px;
	margin-bottom:10px;
	width:230px;
	font-size:11px;
	padding:10px;
}

.index .large{
	width:361px;
}

.index .pave-engagement{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:10px;
	width:774px;
	font-size:10px;
	text-align:justify;
}
