@charset "utf-8";


/***********************************************************************/

/******************************** dev *************************************/

.bouton_compte{
	background:url(../images/bouton_compte.jpg);
	background-repeat:no-repeat;
	width:202px;
	height:35px;
	margin:auto;
	padding:7px 0 0;
	text-align:center;

}
/*/////////////////////////// general //////////////////////////////////*/

table * { vertical-align:top }

table { border-collapse:collapse }

.page_center, .center { text-align:center; }

.clear { clear:both; float:none; }

.moitite { width:50%; float:left }

.message_erreur { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ff5837; text-align:center }

ul { padding: 0 0 1em 1em }

li { list-style: square inside }

.tab_couleur1 { background-color:#dad5f5; }

.tab_couleur2 { background-color:#ece9f8; }

/********************************************* formulaire ***************************************/

form { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#626262; }

form * { font-size: 11px; font-family:Verdana, Arial, Helvetica, sans-serif }

form a, form label { color: #626262; }

form select { border: 1px solid #000; margin:0 0 5px 0 }

form option { background:none; border:none }

form .fieldset { padding:10px; border:1px solid #626262; border-bottom:3px solid #626262; margin: 0 0 1em 0 }

form .legend { padding:2px 10px 2px 10px; text-transform:uppercase; color:#626262; font: italic bold 11px Verdana, Arial, Helvetica, sans-serif; border-left:3px solid #626262 }

form .label { width: 98px; float: left; text-align: right; margin:0 0 2px 0; padding: 0 2px 0 0 }

form .label2 { width: 203px; float: left; text-align: right; }

form .input { margin:0 0 5px; width:90px; height:13px; float:left; background:#fff; border: 1px solid #626262; }

form .input2 { width:191px; height:13px; float:left; background:#fff; border: 1px solid #626262; }

form .textarea { margin:0 0 1em; width:394px; height:60px; overflow: auto; clear:both; background: #fff; border: 1px solid #626262; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

form .textarea_hover { width:394px; height:60px; overflow: auto; clear:both; background: #fff; border: 1px dashed #fff; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

form .select { width:98px; height:18px; float:left; color:#000; background:#fff; border: 1px solid #000; }

form .select_hover { width:98px; height:18px; float:left; background:#bbb8ed; border: 1px solid #000; }

form .captchat { text-align:center; color:#000 }

form .captchat div { padding: 0 0 5px 0; }

form .texte_antispam { }

form .log { }

form .image_antispam { display:none }

form #code { width:150px; }

form .divimagecaptchat { margin: 0 auto }

form .border, #code, #imgcaptcha { background: #fff; border: 1px solid #626262; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

form .border_hover { background: #fff; border:none; border-bottom: 1px dashed #626262; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; }

form .envoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

form .separation { padding:0 0 6px 0; clear:both }

form .separation div { border-bottom: 1px dashed #fff; padding:5px 0 0 0; }

form .div_form { clear:both; padding: 0 0 5px 0; min-height:20px; _height:20px; color:#fff; }

form .divtexte { clear:both; padding:5px 0 0 0; min-height:20px; _height:20px; }

form .moitite { float:left; width:50% }

form #question { font-weight:bold }

/*/////////////////////////// fin general //////////////////////////////////*/

/*/////////////////////////////////////////////// menu deroulant //////////////////////////////////////////////////////////////////*/

#menuderoulant, #panier, #catalogue { font: normal 11px/20px Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 10px 15px; clear:both; text-align:left }

#menuderoulant ul, #panier ul, #catalogue ul { list-style:none; width:163px; }

#menuderoulant li ul, #panier li ul, #catalogue li ul { left:165px }

#menuderoulant ul li, #panier ul li, #catalogue ul li { list-style:none; width:163px; margin:0 0 5px 0; }

#menuderoulant a, #panier a, #catalogue a { display:block; border:1px solid #fff; background: #827e7e; padding:4px 10px 4px 10px; width:141px; margin:0; text-decoration:none; font-weight:bold;}

#menuderoulant a:hover, #menuderoulant .bold, #panier a:hover, #panier .bold, #catalogue a:hover, #catalogue .bold { background: #e9e7e7; font-weight:bold }

#catalogue .menu_prod{ 
	margin:0 0 0 20px;
	width:120px;
	background-color:#e1e0e4; }

#menuderoulant .ulniveau0 { clear:both }

#menuderoulant .ulniveau1 { }

#menuderoulant .ulniveau2 { }

#menuderoulant .ulniveau3 { }

#menuderoulant .liniveau0 { }

#menuderoulant .liniveau1 { }

#menuderoulant .liniveau2 { }

#menuderoulant .liniveau3 { }

/*///////////////////////////////////////////////  fin menu deroulant //////////////////////////////////////////////////////////////////*/



/*/////////////////////////// connexion //////////////////////////////////*/
#connexion {
	text-align:center;
	padding:10px;
	clear:both;
	color:#626262;
	border: solid 1px #626262;
}

#connexion a { color:#626262 }

#connexion div { color:#626262 }

#connexion input { vertical-align: bottom}

html:not([lang*=""]) #connexion input {vertical-align: top}

#contourconnexion { border:2px solid #ded7f6; height:70px; padding:5px 2px 0 2px; width:196px; float:left; }

#connexion label { color:#626262; font-weight:bold }

#connexion .envoyer { width:140px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#626262 }

#connexion #formsearch { clear:both; padding:0 0 10px 0 }

#connexion #labrechercher {font-weight:bold  }

#connexion #rechercher { background: #fff; border:none; border-bottom: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#626262; margin:0 0 4px 0; width:110px }

#connexion #formlog { clear:both; padding:0px 0 0 0 }

#connexion #formlog div { clear:both; }

#connexion #labidentifiant { }

#connexion #identifiant { background: #fff; border: 1px solid #626262; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#626262; margin:0 0 5px 40px; width:110px; margin-right:50px; }

#connexion #labpassword { }

#connexion #password { background: #fff; border: 1px solid #626262; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0 0 5px 40px; width:110px; margin-right:50px; }

.ok { display:block; width:24px; height:16px; float:left; margin: -2px 0 0 3px; background:transparent url('../images/ok.gif') no-repeat; text-indent:-5000px }

.ok:hover { background:transparent url('../images/ok-hover.gif') no-repeat; }

/*/////////////////////////// fin connexion //////////////////////////////////*/

/*/////////////////////////// recherche //////////////////////////////////*/
#recherche { text-align:center; padding:0; clear:both; }

#recherche label { color:#fff; }

#recherche .envoyer { width:140px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#000 }

#recherche #formsearch { clear:both; padding:0 0 10px 0 }

#recherche #labrechercher {font-weight:bold  }

#recherche #rechercher { background: #fff; border:none; border-bottom: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0 0 4px 0; width:145px }

#recherche #formlog { clear:both; padding:0px 0 0 0 }

#recherche #formlog div { clear:both; }

#recherche #labidentifiant { }

#recherche #identifiant { background: #fff; border:none; border-bottom: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0 0 5px 0; width:110px; }

#recherche #labpassword { }

#recherche #password { background: #fff; border:none; border-bottom: 1px solid #000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0 0 5px 0; width:110px; }

/*/////////////////////////// fin connexion //////////////////////////////////*/

/*/////////////////////////// page commande //////////////////////////////////*/

#commande { width:480px; border-collapse:collapse; color:#626262; margin:0 auto; text-align:left; border:1px solid #626262 }

#commande td { border-bottom:1px solid #626262; padding:2px 3px 3px 2px }

#commande .titre { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

#commande .td1 { }

#commande .td2 { width:80px; }

#commande .td3 { width:70px; }

#commande .td4 { width:70px; }

#commande .td5 { width:30px; }

#commande .attente { color:#ff0; }

#commande .expediee { color:#00f; }


/*/////////////////////////// fin page commande //////////////////////////////////*/

/*/////////////////////////// page commande_detail //////////////////////////////////*/

.cadre { color:#fff; clear:both; width: 230px; padding:0; margin:10px auto; text-align:left; border:#fff solid 1px; }

.cadre h3 { color:#fff; background-color:#bbb8ed; text-align:left; width: 210px; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:2px 0 0 20px; margin:0 0; }

.cadre p { padding:0 10px 15px 10px }

#commande_detail { width:480px; border-collapse:collapse; border:1px solid #fff; color:#fff; margin:0 auto }

#commande_detail td { padding:2px 0 3px 0 }

#commande_detail caption { text-align:center; color: #fff; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 0 }

#commande_detail .titre { }

#commande_detail .td1 { text-align:left; padding-left:5px }

#commande_detail .td2 { width:110px; text-align:right }

#commande_detail .td3 { width:90px; text-align:center }

#commande_detail .td4 { width:90px; text-align:right; padding-right:5px }

.attente { color:#f00; }

.expediee { color:#00f; }

#paiement_detail { width:480px; border-collapse:collapse; border:1px solid #fff; color:#fff; margin:0 auto }

#paiement_detail td { padding:2px 0 3px 0 }

#paiement_detail caption { text-align:center; color: #fff; font: bold 14px Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 0 }

#paiement_detail .titre { }

#paiement_detail .td1 { padding-left:5px }

#paiement_detail .td2 { text-align:right; padding-right: 5px }

/*/////////////////////////// page commande_detail //////////////////////////////////*/

/*/////////////////////////// page condition //////////////////////////////////*/

#condition * { font-family:Verdana, Arial, Helvetica, sans-serif }

.condition { overflow:scroll; height:350px; padding:0 15px 0 0; margin:10px; border:1px solid #fff; border-bottom:2px solid #fff; overflow-x:hidden }

#condition li { list-style: square outside; }

/*/////////////////////////// fin page condition //////////////////////////////////*/

/*/////////////////////////////////////////////// formulaire de contact //////////////////////////////////////////////////////////////////*/

#formContact { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; }

/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/

/*/////////////////////////// page conditions //////////////////////////////////*/

#formCgdv, #formlog2 { width:370px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }

#formlog2 .label { width:120px }

#formlog2 .input { width:140px }

/*/////////////////////////// fin page condition //////////////////////////////////*/


/*/////////////////////////// page coords //////////////////////////////////*/

#formCoords { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }

/*/////////////////////////// finpage coords //////////////////////////////////*/

/*/////////////////////////// page inscription //////////////////////////////////*/

#formInscription { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }

/*///////////////////////////fin  page inscription //////////////////////////////////*/


/*/////////////////////////// page mdp //////////////////////////////////*/

#formMdp { width:320px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }

#formMdp .label { width:120px }

#formMdp .input { width:140px }

/*///////////////////////////fin  page mdp //////////////////////////////////*/

/*/////////////////////////// page livraison //////////////////////////////////*/

#FormLivraison { width:420px; text-align:center; padding:20px 0 0 0; margin:0 auto; clear:both; color: #fff; }

/*/////////////////////////// page livraison //////////////////////////////////*/

/*/////////////////////////// panier valide //////////////////////////////////*/

#tablePanier { width:480px; border-collapse:collapse; border:1px solid #626262; margin: 0 auto; padding:0 0 5px 0; color:#626262 }

#tablePanier td { padding:2px 0 3px 0; border-bottom:1px solid #626262; color:#626262 }

#tablePanier td a {color:#626262 }

#tablePanier .titre { font: bold 11px Verdana, Arial, Helvetica, sans-serif; }

#tablePanier .td1 { text-align:left; padding-left:5px}

#tablePanier .td2 { width:110px; text-align:right }

#tablePanier .td3 { width:90px; text-align:center }

#tablePanier .td3 input { margin: 0 auto; float:none; clear:both }

#tablePanier .td4 { width:90px; text-align:right; padding-right:5px }

#tablePanier .td5 { padding-left:5px }

#tablePanier .td6 { }

#tablePanier .td7 { background:#ded7f6; text-align:right; padding-right:5px }

#tablePanier .td8 { text-align:right; padding-right:5px }

#tablePanier .td9 { background:#ded7f6; text-align:right; padding-right:5px }

#modePaiement { width:480px; border-collapse:collapse; margin:15px auto }

#modePaiement .td1 { }

#modePaiement .td2 { width:180px }

/*/////////////////////////// fin panier valide //////////////////////////////////*/


/*/////////////////////////// page rubrique //////////////////////////////////*/

/**Encart Rub
**********************/
.block_rub { float:left; margin:20px 0 0 23px; _margin:10px 0 0 15px; width:200px; text-align:center; min-height:200px; background:transparent url('../images/fond-rub.gif') repeat-y; }

.block_rub h3 { color:#300; height:36px; text-align:center; font: bold 15px/15px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/rub.gif') no-repeat; padding: 4px 0 0 0; margin:0 0 15px 0; clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0 }

.block_rub a { font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#fff }

.block_rub .image { height:155px; }

.block_rub .image img { border:#ded7f6 solid 2px; padding:2px }

.block_rub .basvignette { width:200px; height:18px; clear:both; background:transparent url('../images/bas-rub.gif') no-repeat  }

.block_rub a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.block_rub a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

/**Encart Vignette
**********************/
.block_vignette { margin:30px auto 15px auto; width:500px;; min-height:150px; _height:150px; text-align: justify; background:transparent url('../images/fond-vignette.gif') repeat-y; clear:both; float:none; color:#626262; }
.block_vignette_p { margin:30px auto 15px auto; width:635px; min-height:150px; _height:150px; text-align: justify;  clear:both; float:none; color:#626262; }

#texte .block_vignette *, #texte .block_vignette_p * { font-family:Verdana, Arial, Helvetica, sans-serif }

.block_vignette .basvignette { width:500px; height:9px; clear:both; background:transparent url('../images/bas-vignette.gif') no-repeat  }
.block_vignette_p .basvignette { width:500px; height:9px; clear:both; }

.block_vignette .h3 { color:#fff; height:27px; text-align:center; font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/h3.gif') no-repeat; padding:7px 0 0 0; clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0; width:500px; }
.block_vignette_p .h3 { color:#fff; height:27px; text-align:center; font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; padding:7px 0 0 0; clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0; width:500px; }

.block_vignette .h3 a, .block_vignette_p .h3 a { color:#656161; }

.block_vignette a, .block_vignette_p a { font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; color:#626262 }

.block_vignette .image, .block_vignette_p .image { float:left; display:block; text-align:center; margin:0 10px 0 0; width:170px;  /*border-right:1px dashed #fff; */ padding: 10px 0 5px 0 }

.block_vignette .image img, .block_vignette_p .image img { border:3px solid #fff; padding:2px; margin:0 0 5px 0 }

.block_vignette .detail, .block_vignette_p .detail { padding:10px 3px 0 3px; /*border-top:1px dashed #fff;*/ clear:both }

.block_vignette .description, .block_vignette_p .description { clear:both; float:none; display:block; text-align:justify; padding:5px; margin-top:-10px; }

.block_vignette .prix, .block_vignette_p .prix { clear:both; float:none; display:block; text-align:left; }

.block_vignette .prix2, .block_vignette_p .prix2 { text-align:center; color:#626262; }

.block_vignette .prixbarre, .block_vignette_p .prixbarre { font-size:11px; font-weight:bold; color:#f00 }

.block_vignette .divers, .block_vignette_p .divers { display:inline; font-size:12px; font-weight:bold; font-style:italic; color:#f00 }

.block_vignette a img, .block_vignette_p a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.block_vignette a:hover img, .block_vignette_p a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.block_vignette .panier, .block_vignette_p .panier { text-align:center; width:212px; margin:0 auto }

.block_vignette .panier img, .block_vignette_p .panier img { border:none; text-align:center }

.block_vignette .declinaison, .block_vignette_p .declinaison { padding:10px 0 0 3px; float:left; width:303px; min-height:110px; _height:110px; }

.block_vignette .strong, .block_vignette_p .strong { display:block; float:left; width:85px; text-align:right }

.block_vignette .separation, .block_vignette_p .separation { padding:5px 0 }

.block_vignette .separation div, .block_vignette_p .separation div { border-bottom:1px dashed #fff; clear:both; clear:both }

#texte .block_vignette table, #texte .block_vignette_p table { width:340px }

#formtransfert { width:297px; height:29px; background: transparent url('../images/fond-panier.gif') no-repeat; margin:10px auto 0 auto }

#prix { display:block; float:left; width:201px; height:28px; padding:1px 0 0 3px; color:#fff; position:relative; z-index:10; }

#prix del { color:#fff; font-weight:normal }

#prix strong { font: bold 15px/18px Verdana, Arial, Helvetica, sans-serif; display:block; width:111px; float:left; text-align:left }

#prix sub { font: normal 90% Verdana, Arial, Helvetica, sans-serif; }

#dd { display:block; float:right; width:90px; text-align:left; line-height:12px }

#promottc { font:normal 11px Verdana, Arial, Helvetica, sans-serif; position:relative; z-index:10; top:-9px; }

#boutonpanier { display:block;
float:right;
height:25px;
padding:5px 0 0;
width:55px; }

#imgdecli { padding:1px; background: transparent; border: 2px solid #fff }

.ref { text-align: left; }

#formdecli { }

#formdecli label { font: bold 11px Verdana, Arial, Helvetica, sans-serif; display:block; width:60px; float:left; text-align:right; padding:0 3px 0 0; }

#formdecli p { clear:both }

#formdecli select { width:220px; font-size:10px; }

del { color:#f00 }

.ref { text-align:left; }

#pagination { clear:both; margin: 0 auto; width:490px }

#precedent { width:50%; float:left; text-align:left; height:20px; font-weight:bold; }

#suivant { width:50%; float:left; text-align:right; height:20px; font-weight:bold; }

.cc { background:#A62332 url('../images/fleche.gif') no-repeat 2px 6px; border-bottom:3px solid #8c1d2a; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-indent:8px; text-align:justify; padding:2px 5px 4px 10px; color:#fff; margin:0 5px 0 0 }

.pcc { text-align:center }

.support { width:185px; min-height:220px; _height:220px; text-align:center; float:left; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#000; border:1px solid #fff; margin:5px 5px 5px 3px; background:#C1BDB1; color:#000 }

.support a { border: none; color:#000 }

.support a img { padding:2px; border: 1px solid #fff }

.support2 { width:195px; text-align:center; clear:both; margin:0 auto; display:none }

.support3 { min-height:200px }

#transfert { clear:both; background-color:#EDAB64; width:800px; height:300px; position:absolute; top:400px; left:50%; margin:0 0 0 -320px; overflow:scroll; overflow-x:hidden; display:none; border:2px solid #fff; color:#fff }

#transfert a { color:#fff }

#transfert2 { clear:both; text-align:center; }

#transfert2 img { padding:2px; border: 2px solid #fff }

#transfert2 a { text-decoration:none }

.imggd { display:block; float:left; width:30px; height:20px; border:1px solid #fff; text-indent:-5000px; margin:0 0 3px 3px; _margin:0 0 3px 2px }

.imggd:hover { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.imggd:hover:hover { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.numimage { height:20px; margin:0 auto 5px auto; }

#descrub { margin:30px auto 15px auto; width:510px; text-align: justify; background:transparent url('../images/fond-descrub.gif') repeat-y; clear:both; float:none; color:#000; }

#descrub h3 { color:#fff; height:23px; text-align:center; font: normal 20px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/descrub.gif') no-repeat; padding:7px 0 0 0; clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0; width:510px; }

#descrub img { border:2px solid #ded7f6; padding:1px; float:left; margin:0 10px 0 0 }

#descrub a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

#descrub a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#descrub .texte { padding:10px }

#descrub .bas { width:510px; height:18px; clear:both; background:transparent url('../images/bas-descrub.gif') no-repeat  }

.descrub { margin:30px auto 15px auto; width:510px; text-align: justify; background:transparent url('../images/fond-descrub.gif') repeat-y; clear:both; float:none; color:#000; }

.descrub h3 a { color:#fff; }

.descrub h3 { color:#fff; height:23px; text-align:center; font: normal 20px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/descrub.gif') no-repeat; padding:7px 0 0 0; clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0; width:510px; }

.descrub img { border:2px solid #ded7f6; padding:1px; float:left; margin:0 10px 0 0 }

.descrub a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.descrub a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.descrub .texte { padding:10px }

.descrub .bas { width:510px; height:18px; clear:both; background:transparent url('../images/bas-descrub.gif') no-repeat  }

.selpage { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #fff; }

.pagination { margin:5px 0 5px 0; text-align:center; float:none; clear:both; }

#ariane { font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif; padding: 0 0 10px 0 }

#ariane a { color:#fff }

#ariane a:hover { text-decoration:none }

#ariane .clair { color:#aaa}

#ariane .fonce { color:#fff}

#haut_decli { height:25px; background: transparent url('../images/haut-decli.gif') no-repeat; clear:both }

#bas_decli { height:24px; background: transparent url('../images/bas-decli.gif') no-repeat; clear:both }

#fond_decli { padding:1em; background: transparent url('../images/fond-decli.gif') repeat-y  }

.coupcoeur { font: bold 10px Verdana, Arial, Helvetica, sans-serif; height:163px; width:199px; text-align: center; color:#21356C; padding:0; margin:0 12px 0 2px; _margin:0 6px 0 4px; float:left; background:transparent url('../images/fond-promo.jpg') no-repeat }

.coupcoeur a { color:#fff }

.coupcoeur a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

.coupcoeur a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

.coupcoeur img { clear:both; margin:0 0 5px 0; border:2px solid #ded7f6; padding:1px }

.coupcoeur p { padding:0; margin:0; }

p.p1 { height:30px; padding:5px 0 0 0}

p.p2 {height:107px}

p.p2 img { vertical-align:middle}

p.p3 {height:20px}

p.p3 a { color:#E3705D}


#tableDecli { border: 1px solid #fff; border-bottom: 2px solid #fff; color:#fff; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

#tableDecli img { border: 1px solid #fff; }

#tableDecli a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; }

#tableDecli a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#tableDecli a { color:#fff; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; }

#tableDecli tr { clear:both; width:100% }

#tableDecli td { padding:3px 0 2px 3px; border-bottom: 1px solid #fff; vertical-align:middle }

#tableDecli .fond1 { background:#3E3732 }

#tableDecli .fond2 { background:#574d46 }

#tableDecli .fond_titre { background:#574d46 }

#tableDecli .titre { font-weight:bold; }

#tableDecli .tdimg img { }

#tableDecli .noborder { border:none}

#tableDecli .dyn { text-align:center}




/******************************************/
/*/////////////////////////// fin page rubrique //////////////////////////////////*/

.new_pict{
margin-top:140px;
}

.image{
	width:102px;
	float:left;
}
/*
.description{
	margin-left:120px;
	width:507px;
}*/

.block_vignette_p_old { margin:30px auto 15px auto; width:500px; min-height:150px; _height:150px; text-align: justify; background:transparent url('../images/fond-vignette2.gif') repeat-y; clear:both; float:none; color:#626262; }

.block_vignette_p_old .basvignette_old { width:500px; height:9px; clear:both; background:transparent url('../images/bas-vignette2.gif') no-repeat  }

.block_vignette_p_old .h3 { color:#fff; height:27px; text-align:center; font: bold 12px/13px Verdana, Arial, Helvetica, sans-serif; background:transparent url('../images/h32.gif') no-repeat; padding:7px 0 0 0; clear:both; float:none; position:relative; top:-10px; margin:0 0 -10px 0; width:500px; }

/* Custom dialog styles */
			#popup_container.stylettt_1 {
				font-family: Georgia, serif;
				color: #636363;
				background: #c6c3ef;
				border-color: #9f7e75;
			}
			
			#popup_container.stylettt_1 #popup_title {
				color: #FFF;
				font-weight: normal;
				text-align: left;
				background: #636363;
				border: solid 1px #c6c3ef;
				padding-left: 1em;
			}
			
			#popup_container.stylettt_1 #popup_content {
				background: none;
			}
			
			#popup_container.stylettt_1 #popup_message {
				padding-left: 0em;
			}
			
			#popup_container.stylettt_1 INPUT[type='button'] {
				border: outset 2px #636363;
				color: #636363;
				background: #fceaff;
			}
/* Custom dialog styles */

.class_1{
background:#c8c6f0 url(../images/lecteur-u.jpg) no-repeat; height:360px; margin-left:137px; margin-top:10px; width:330px; position:relative; z-index:10000;}		
	
.class_2{background:url(../images/lecteur-achat.jpg) no-repeat; width:297px; height:181px;margin-left:90px;margin-top:-193px;}

.class_3{background:url(../images/lecteur-confirmation.jpg) no-repeat; width:451px; height:181px;margin-left:90px;margin-top:-193px;}
.class_4 {
margin-left:289px;
margin-top:3px;
}
.class_5 {
color:#142F42;
height:70px;
margin-left:16px;
margin-top:5px;
padding-top:49px;
width:286px;
}
.class_6{margin-left:-3px; margin-top:96px}
.encadre_lecteur{width:480px;padding-top:137px; margin-top:-192px;padding-top:0;margin-top:-236px;}
.encadre_lecteur2{background:url(../images/lecteur-lecture.jpg) no-repeat; width:398px; height:181px;margin-left:118px;}
.cache-lec{background:#c8c6f0 url(images/cache-lecteur.jpg) no-repeat; height:38px; margin-left:166px;; margin-top:3px; width:43px; position:relative; z-index:10000;}