/*---------------- LIENS ----------------*/
#bandeau{
	width : 500px;
	height : 324px;
	background-image : url('../images/b2.jpg');
}

#texteDate{
	color:#fff;
	position: relative;
	top : 220px;
	left : 80px;
	font-family:Trebuchet MS, Verdana, Geneva, sans-serif;
	font-size : 42px;
	font-weight:bold;
	
}
body {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#4E5254;
	background-image: url(../images/fondpage.gif);
	background-position:top;
	background-attachment:scroll;
	background-repeat:repeat-x;
	margin:0px;
  }
  
a.savoirplus {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
  
a:hover.savoirplus {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}


a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff3399;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

a img {border: none;}

a.footer {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
}

a:hover.footer {
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
}
.champform{
	color:#000000;
	padding-left:15px;
	height:25px;
	text-align:left;
}
.home{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff3399;
	font-weight:bold;
}

home.a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff3399;
}
home.a:link {
	text-decoration: none;
}
home.a:visited {
	text-decoration: none;
}
home.a:hover {
	text-decoration: underline;
}
home.a:active {
	text-decoration: none;
}


.faq{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff3399;
	font-weight:bold;
	padding-bottom:15px;
}

faq.a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff3399;
}
faq.a:link {
	text-decoration: none;
}
faq.a:visited {
	text-decoration: none;
}
faq.a:hover {
	text-decoration: underline;
}
faq.a:active {
	text-decoration: none;
}

.cgv{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff3399;
	font-weight:bold;
	padding-bottom:15px;
}

cgv.a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff3399;
	padding-bottom:3px;
}
cgv.a:link {
	text-decoration: none;
}
cgv.a:visited {
	text-decoration: none;
}
cgv.a:hover {
	text-decoration: underline;
}
cgv.a:active {
	text-decoration: none;
}

.cgv_1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff3399;
	font-weight:bold;
	padding-bottom:15px;
	text-decoration:underline;
}

.cgv_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff3399;
	font-weight:bold;
	padding-bottom:15px;
	padding-left:30px;
}

.cgv_top {
	font-size:9px;
}


.home_vente {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}

  
.titre{
	color:#666666;
	font-size: 12px;
	font-weight:bold;
}
.titreblanc{
	color:#ffffff;
	font-size: 12px;
	font-weight:bold;
}

.titreblancgd{
	color:#ffffff;
	font-size: 14px;
	font-weight:bold;
}


h1{
	color:#666666;
	font-size: 16px;
	font-weight:bold;
}

.champobligatoire{
	color:#FF3399;
	text-align:left;
	padding-left:15px;
	height:25px;
}
.champcourt{
	color:#000000;
	text-align:left;
	width:250px;
}
h2{
	color:#FF3399;
	font-size: 13px;
	top: auto;
	text-transform:uppercase;
}

.titre_vente{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
	text-align:left;
	padding-left:15px;
}

.titre_produit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	font-weight:bold;
	color:#FFFFFF;
}

.prix_new {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

.prix_old {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff0099;
	text-decoration:line-through;
}

.texte_bienvenue1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#303030;
	font-weight:bold;
}

.texte_bienvenue2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ff0099;
	font-weight:bold;
}


.int {
	background:url(../images/bg_interieur2.jpg);
	background-position:top;
	background-repeat:repeat-y;
}
  /* ------ Ombre portée ------ */
  
.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url(ombre.png) no-repeat bottom right !important;
}
  
.img-shadow img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
}
  
  /* --------- Fin ---------*/
  
.styletable {
	
	/*background-image: url(../images/fondtable2.jpg);
	background-repeat: repeat-x;
	background-position: top;*/
	background-color:#f6f1f7;
	border:1px solid #74797D;
	/*padding-top: 12px;*/	
}

.styletableadresse {
	background-image: url(../images/fondtable2.png);
	background-repeat: repeat-x;
	background-position: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-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: #D5C8CA;
	border-right-color: #D5C8CA;
	border-bottom-color: #BAAFB1;
	border-left-color: #D5C8CA;
	padding-left: 12px;
	padding-right: 12px;
}

table {border:none;}

div {text-align:justify;}

.Style2 {font-size: medium}

.Style3 {
	font-size: 12px;
	color: #E31492;
	}
	
.Style4 {color: #564358; font-size:18px;}

.Style5 {color: #564358; font-size: 14px; font-family: Arial, Helvetica, sans-serif; }

.Style2 {font-size: 12px}

.tableprincipale {
	background: url(../images/fondo.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

.menubas {
	background-image:url(../images/menu_bas.jpg);
	background-repeat:no-repeat;
	background-color:#64696D;
}

.menubasmail {
	background-image:url(../images/menu_bas_mail.jpg);
	background-repeat:no-repeat;
	background-color:#64696D;
}


td {

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	background-repeat: no-repeat;
	font-size:10px;
	
}

td .ventanita{font-size:12px;}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

td.titre {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}


span{font-size: 9px;
color:#CCCCCC;}

.tablecouleur {
background-color:#74797D;
color:#FFFFFF;}
.tablecouleurclair{
background-color:#AFAFAF;}

.grand{
	padding-left:10px;
	color:white;
	font-size:18px;
	font-weight:bolder;
}

.accedervente{
margin-left: 2%;
margin-bottom: 8px;
color:#330033;}

.accedervente a{font-size:11px;
color:#330033;}

.setText{color: #FFFFFF;
font-size: 11px;
font-weight: bolder;}

.setText2{color: #000000;
font-size: 11px;
font-weight: bolder;}

.textBlanc{color: #FFFFFF;
font-size: 11px;}

.txtPrix {
	color: #FF3366;
	font-weight: bold;
	font-size: 18px;
}

.introform a {text-decoration: none;
border-style:none;
cursor: hand;}

.introform a :hover {color:#FF3399;}


.introform p{
font-size: 10px;
font-weight:bold;
}

.introform{
	width:974px;
	height: 91px;
	bottom: -246px;
	width: 974px;
	z-index: 3;
	position: relative;
}

.introform table{
	left: 12px;
	border-top:23px;
}


/* input{
width:90px;
font-size: 10px;} */
.champmdp{width:235px;
border-bottom: #EFE3E5 1px solid;
	border-left: #B3A7A9 1px solid;
	border-right: #EFE3E5 1px solid;
	border-top: #B3A7A9 1px solid;
	}

.champ{
width:350px;
border-bottom: #EFE3E5 1px solid;
	border-left: #B3A7A9 1px solid;
	border-right: #EFE3E5 1px solid;
	border-top: #B3A7A9 1px solid;
}

.champinscription{
width:95%;
border-bottom: #EFE3E5 1px solid;
	border-left: #B3A7A9 1px solid;
	border-right: #EFE3E5 1px solid;
	border-top: #B3A7A9 1px solid;
}

.date{
width:35px;
border-bottom: #EFE3E5 1px solid;
	border-left: #B3A7A9 1px solid;
	border-right: #EFE3E5 1px solid;
	border-top: #B3A7A9 1px solid;
}

.membre { 
	background: url(../images/membres.gif);
	background-repeat:no-repeat; 
}

.euro {
	background: url(../images/euros.gif);
	background-repeat:no-repeat;
}

.sac { 
	background: url(../images/sac.gif);
	background-repeat:no-repeat; 
}

.pucecouleur {
	font-weight:bold;
	color:#FF3399;
}

.paragraphe {
position:relative;
left:5px;
}

.paragraphegauche {
position:relative;
left:25px;
}

.paragraphedroite {
position:relative;
left:50px;
}
	
.buttonSubmit, .buttonSubmitHovered {

	width:69px;

	height:26px;

	color:#FFF;

	font-weight:bold;

	padding:2px 5px;

	background: url(../images/oki.jpg) no-repeat left top;

	cursor:pointer;

	border:none;

}

.buttonSubmitHovered {

	background-position:left bottom;

}


.verttext{
	color: #96cb0c;
	font-size:11px;
	background-repeat: no-repeat;
}

.verttext a{
	color:#96cb0c;
	font-size:12px;
	padding-left: 7px;

}

.fucsiatext{
	color: #FF3399;
	font-size:11px;
	background-repeat: no-repeat;
}

.fucsiatext a{
	color:#FF3399;
	font-size:12px;
	padding-left: 7px;

}

.carre{

	font-size:10px;
	font-weight:bolder;
	color:#800049;
	height: 111px;
	text-align:left;
}

.fondMenu{
	position:relative;
	left:25px;
	background-image: url(../images/fondmenucompte2.png);
	background-repeat: repeat-x;
	background-position: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-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: #D5C8CA;
	border-right-color: #D5C8CA;
	border-bottom-color: #BAAFB1;
	border-left-color: #D5C8CA;
	padding-top: 12px;
}

.carregauche{
	background-image: url(../images/carrefucsia.gif);
	font-size:10px;
	font-weight:bolder;
	color:#800049;
	width: 223px;
	height: 111px;
}

.carreFORMS{
	background-image:url(../images/bargrey copie.gif) repeat-x;
	font-size:10px;
	font-weight:bolder;
	color:#800049;
	width: 218px;
	height: 111px;
	position:relative;
	top: 17px;

}

.carreLeft{
	/*background-image: url(../images/carrefucsia.gif);*/
	font-size:10px;
	font-weight:bolder;
	color:#800049;
	width: 251px;
	height: 111px;
	position:relative;
	top: 13px;
	left: 0px;
}

.carreLeftficheprod{
	background-image: url(../images/carrefucsia.gif);
	font-size:10px;
	font-weight:bolder;
	color:#800049;
	width: 223px;
	height: 111px;
	position:relative;
		left: 3px;
		top: -11px;
}

hr {
 color:#F1BCED;
 height:1px;
 border: none;
 background-color:#FFC6E2;
 }
 
 
 .oldprix{
	 text-decoration:line-through;
	 color:#666666;
	 font-size:16px;
 }

.carre input{
	width: 156px;
	height: 18px;
}

/* this is the style for the header's menu*/

.headermenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width: 644px;
	display: inline;
}

.headermenu  li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float: left;
}


.headermenu  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}


.headermenu  a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: 0 0px;
	padding: 1px 8px;
	border-right: 1px solid white;
	color: white;
}

.headermenu  a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#DF1392;
}

.headermenu2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width: 644px;
	display: inline;
}

.headermenu2  li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	float: left;
}


.headermenu2  {
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}


.headermenu2  a {
	margin: 0 0px;
	padding: 1px 11px;
	color: white;
	font-size:12px;
	font-weight:bolder;
}

.headermenu2  a:hover {
	color:#DF1392;

}

/* this is the style for the header's menu*/




/* this is the style for the footer's menu*/
.pie{
	display: inline;
	height: 21px;
	width: 800px;
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}

.pie2{
	display: inline;
	height: 21px;
	width: 800px;
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}



.pie  a {
	float: left;
	margin: 0 2px;
	padding: 1px 5px;
	text-align: center;
	border-right: 1px solid white;
	text-decoration: none;
	color: white;
	font-size:11px;
	font-weight: bold;
}
.pie a:hover {
	color: white;
	border-right: 1px solid white;
}

.pie2  a {
	float: left;
	margin: 0 2px;
	padding: 1px 5px;
	text-align: center;
	text-decoration: none;
	color: white;
	font-size:11px;
	font-weight: bold;
}
.pie2 a:hover {
	color: white;
}

.background_rose {
	background-position:top;
}
#moncompte li{
	font-size:12px;
	padding-top:10px;
}
.subrillance{
	color:#999999;
}

#divPopupConfirm {
     position:absolute;
     left: 40%; 
     top: 30%;
     width: 300px;
     height: 530px;
     /*margin-left: -150px;*/
     /*margin-top: -260px;*/
     }



/* this is the style for the footer's menu*/





/* test positionnement par div
div {
	text-align:center;
	}
	
div#principale {
width:845px;
height:100%;
}
div#bandeau {
	width:845px;
	height:124px;
	}
div#menu {
	float:left;
	width:100px;
	height:400px;
	background-color:#FF6699;
	}
div#menu_haut {
	width:100px;
	height:200px;
	background-color:#66CC33;
	}
	div#menu_milieu {
	width:100px;
	height:200px;
	background-color:#CC99CC;
	}
div#menu_bas {
	width:100px;
	height:200px;
	background-color:#CC99CC;
	}
div#contenu {
	float:left;
	width:500px;
	height:400px;
	background-color:#FFCC00;
	}
div#pied_page {
	clear:both;
	width:600px;
	height:50px;
	background-color:#33FF99;
	} */
