/* -------------------------------------------------------------- 
   GLOBAL RESET
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
/* Remove annoying border on linked images. */
a img {border:none;}

/* -------------------------------------------------------------- 
   GENERAL
-------------------------------------------------------------- */
body {font-size:75%;color:#555c54;background:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;}
html {min-height:100%;}
a:focus, a:hover {color:#9d8d02;}
a {color:#c7b200;text-decoration:none;}
ul {list-style:none;}
em {font-style:normal;}
.clear {clear:both;}
.aleft {float:left;}
.aright {float:right;}
.tleft {text-align:left;}
.tright {text-align:right;}
.tjustify {text-align:justify;}
.hidden {display:none}
.strong {font-weight:bold;}
.inline {display:inline;}
.no-border {border:0;}
.vradio {vertical-align:middle;}
.bloc50 {width:45%; margin:5px;}
p.accroche {color:#c7b523; font-weight:bold; font-size:110%; margin-bottom:10px;}
h2.accroche {font-size:120%; margin-bottom:15px; font-weight:bold;}

/* -------------------------------------------------------------- 
   HEADER
-------------------------------------------------------------- */
#header {position:relative; width:984px; padding-bottom:50px;}
#header .bandeau {position:relative; background-color:#06131e; height:81px; margin-left:190px;}
#header .lien-thalazur {position:absolute; right:10px; top:5px;}
#header .lien-thalazur a {color:#c5c7c7; font-size:75%;}
#header .lien-thalazur a:hover {color:#fff;}
#header .logo {position:absolute; left:25px; top:4px;}
#header .accroche {position:absolute; left:0; top:0; width:371px; height:93px; background:transparent url("../../images/header/accroche.png") no-repeat; text-indent:-30000px;}
#header .menu {position:absolute; right:5px; top:40px;}
#header .menu li {float:left;}
#header .menu .destinations {width:175px; height:59px;}  
#header .menu .destinations a {display:block; height:59px;  background:transparent url("../../images/header/destinations.png") no-repeat; text-indent:-30000px;}
#header .menu .destinations a:hover {background-position:0 -59px;}
#header .menu .panier {width:175px; height:60px; margin-left:33px; position:relative;}  
#header .menu .panier a {margin-top:5px; display:block; height:55px;  background:transparent url("../../images/header/panier.png") no-repeat; text-indent:-30000px;}
#header .menu .panier a:hover {background-position:0 -55px;}
#header .menu .panier .articles {position:absolute; display:block; top:42px; left:130px; width:126px; height:20px; font-weight:bold; line-height:20px; text-indent:0;}

/* -------------------------------------------------------------- 
   PAGE
-------------------------------------------------------------- */
#page {width:984px; margin:auto; position:relative;}

/* -------------------------------------------------------------- 
   PAGES SPECIALES
-------------------------------------------------------------- */
body#page-panier-previsualiser {background-color:#faf8ea;}
body#page-panier-previsualiser #bons-cadeaux-previsu-swf p {text-align:center; margin-top:15px;}

.lien-ico {background:transparent no-repeat left top; text-align:left;}
.lien-ico a {color:#525c54; font-weight:bold;}
.ico-bon-cadeau {background-image:url("../../images/ico-bon-cadeau.png"); padding:24px 0 0 47px; width:140px; height:55px;}
.ico-feuilles-bambou {background-image:url("../../images/ico-feuilles-bambou.png"); padding:12px 0 0 47px; width:113px; height:48px; margin-top:14px;}
.ico-feuilles-defaut {background-image:url("../../images/ico-feuilles-defaut.png"); padding:12px 5px 0 47px; height:23px; margin-top:14px;}

.alert {margin:23px 0 5px;}
.alert .ok {position:relative; background-color:#eff0ca; padding:5px 5px 5px 15px; color:#777a00;}
.alert .ok .ico {background:transparent url("../../images/ico-alert-ok.png") no-repeat left top; position:absolute; height:24px; width:29px; top:-18px; left:-6px;}
.alert .ok .wrap {}
.alert .erreur {position:relative; background-color:#fbe1a0; padding:5px 5px 5px 15px; color:#be5d00;}
.alert .erreur .ico {background:transparent url("../../images/ico-alert-erreur.png") no-repeat left top; position:absolute; height:24px; width:29px; top:-18px; left:-6px;}
.alert .erreur .wrap {}

/* -------------------------------------------------------------- 
   CONTENT
-------------------------------------------------------------- */
#content {padding-bottom:10px; background:transparent url("../../images/menu/bambou.png") no-repeat 15px 64px;}
#content .col-left {width:260px; float:left; margin-top:64px;}
#content .col-right {width:710px; float:left;}

/* -------------------------------------------------------------- 
   QUESTIONS LISTE
-------------------------------------------------------------- */
#questions-liste {list-style-type:none; margin:0;}
#questions-liste li {margin:.8em 0 .8em 18px; list-style-type:none; background:transparent url("../../images/feuille.jpg") no-repeat 0 center; padding-left:25px; line-height:18px;}

/* -------------------------------------------------------------- 
   MENU
-------------------------------------------------------------- */
#menu {height:350px;}
#menu a {display:block; background:transparent no-repeat left center; text-indent:-30000px; font-size:50%;}

#menu .defaut .lien-accueil				{margin:42px 0 0 67px;}
#menu .defaut .lien-accueil a 			{height:11px; background-image:url("../../images/menu/lien-accueil.png");}
#menu .defaut .lien-offrir-utiliser		{margin:25px 0 0 91px;}
#menu .defaut .lien-offrir-utiliser a 	{height:25px; background-image:url("../../images/menu/lien-offrir-utiliser.png");}
#menu .defaut .lien-contacter			{margin:34px 0 0 77px;}
#menu .defaut .lien-contacter a 		{height:12px; background-image:url("../../images/menu/lien-contacter.png");}
#menu .defaut .lien-panier				{margin:43px 0 0 72px;}
#menu .defaut .lien-panier a 			{height:13px; background-image:url("../../images/menu/lien-panier.png");}

#menu .institut .lien-accueil			{margin:42px 0 0 67px;}
#menu .institut .lien-accueil a 		{height:13px; background-image:url("../../images/menu/lien-accueil.png");}
	#menu .institut .lien-accueil a.lien-accueil-oui 	{background-image:url("../../images/menu/lien-accueil-oui.png");}
	#menu .institut .lien-accueil a.lien-accueil-roy 	{background-image:url("../../images/menu/lien-accueil-roy.png");}
	#menu .institut .lien-accueil a.lien-accueil-arc 	{background-image:url("../../images/menu/lien-accueil-arc.png");}
	#menu .institut .lien-accueil a.lien-accueil-ban 	{background-image:url("../../images/menu/lien-accueil-ban.png");}
	#menu .institut .lien-accueil a.lien-accueil-ant 	{background-image:url("../../images/menu/lien-accueil-ant.png");}
#menu .institut .lien-soins				{margin:22px 0 0 91px;}
#menu .institut .lien-soins a 			{height:11px; background-image:url("../../images/menu/lien-soins.png");}
#menu .institut .lien-bons-cadeaux		{margin:46px 0 0 77px;}
#menu .institut .lien-bons-cadeaux a 	{height:12px; background-image:url("../../images/menu/lien-bons-cadeaux.png");}
#menu .institut .lien-offrir-utiliser	{margin:48px 0 0 72px;}
#menu .institut .lien-offrir-utiliser a {height:25px; background-image:url("../../images/menu/lien-offrir-utiliser.png");}
#menu .institut .lien-contacter			{margin:34px 0 0 67px;}
#menu .institut .lien-contacter a 		{height:12px; background-image:url("../../images/menu/lien-contacter.png");}
#menu .institut .lien-panier			{margin:40px 0 0 80px;}
#menu .institut .lien-panier a 			{height:13px; background-image:url("../../images/menu/lien-panier.png");}


/* -------------------------------------------------------------- 
   BREADCRUMBS
-------------------------------------------------------------- */
#breadcrumbs {color:#8e908e; font-size:80%; letter-spacing:0.1em; margin-bottom:10px;}
#breadcrumbs span {font-size:120%;}
#breadcrumbs dt {display:inline;}
#breadcrumbs dd {display: inline;}
#breadcrumbs a {color:#8e908e; margin:5px;}
#breadcrumbs a.last {color:#b8a70e;}
#breadcrumbs a:hover {color:#555C54;}
#breadcrumbs a.last:hover {color:#97890d;}

/* -------------------------------------------------------------- 
   ACTUALITES
-------------------------------------------------------------- */
#actualites {position:relative; margin-top:30px; width:710px; height:138px; z-index:1;}
#actualites .actualite-vignette {position:absolute; z-index:1; top:0; left:0;}
#actualites .actualite-contenu {position:absolute; z-index:2; margin:0 0 0 200px; width:510px;}
#actualites .actualite-titre {border-bottom:1px solid #3ba7c3; height:1.8em; line-height:1.8em; margin-bottom:15px;}
#actualites .actualite-accroche {color:#aa734c; font-weight:bold; margin-bottom:10px; padding-left:15px; background:transparent url("../../images/actualites/carre-jaune.gif") no-repeat left center;}
#actualites .actualite-detail {margin-left:15px; font-size:90%; text-align:justify;}

/* -------------------------------------------------------------- 
   DESTINATIONS
-------------------------------------------------------------- */
#destinations .part-left {width:454px; float:left; margin:0;}
#destinations .part-right {width:252px; float:right; margin:0; text-align:right;}
#destinations img.visuel-center {margin-bottom:1em;}
#destinations img.visuel-right {margin-bottom:1em; margin-left:1em;}
#destinations p {margin-bottom:1em; text-align:justify;}
#destinations h2.accroche {border-bottom:1px solid #a4aca6; padding-left:20px; background:transparent url("../../images/feuille.jpg") no-repeat center left;}

/* -------------------------------------------------------------- 
   BONS CADEAUX
-------------------------------------------------------------- */
#bons-cadeaux {width:691px;}
#bons-cadeaux .theme {padding:0 0 50px 0;}
#bons-cadeaux .theme .titre {border-bottom:1px solid #95D0E0; height:23px; line-height:23px; margin:0; padding:0; background:none;}
#bons-cadeaux .bon-cadeau {width:333px; height:126px; margin-top:20px; position:relative;}
#bons-cadeaux .bon-cadeau img {position:absolute; top:-5px; left:0; z-index:2;}
#bons-cadeaux .bon-cadeau .titre {border:none; font-size:120%; font-weight:bold; color:#fff; margin:5px 5px 5px 160px; line-height:1em; height:auto;}
#bons-cadeaux .bon-cadeau p {font-size:80%; margin:5px 5px 5px 160px; text-align:left;}
#bons-cadeaux .bon-cadeau .bandeau {position:absolute; bottom:0; height:22px; line-height:22px; width:100%; text-align:left; z-index:1; font-size:90%;}
#bons-cadeaux .bon-cadeau a.info-plus {margin-left:150px; padding-left:20px; font-weight:bold;}
#bons-cadeaux .bon-cadeau a.commander {display:block; height:19px; width:60px; padding-left:20px; position:absolute; right:1px; top:1px; font-weight:bold;}
#bons-cadeaux .style1 {background:#d8bba8 url("../../images/instituts/bon-cadeau-coin-1.png") no-repeat top right;}
#bons-cadeaux .style2 {background:#b0dfea url("../../images/instituts/bon-cadeau-coin-2.png") no-repeat top right;}
#bons-cadeaux .style3 {background:#ded166 url("../../images/instituts/bon-cadeau-coin-3.png") no-repeat top right;}
#bons-cadeaux .style1 .bandeau {background-color:#ecddd4;}
#bons-cadeaux .style2 .bandeau {background-color:#d8eff5;}
#bons-cadeaux .style3 .bandeau {background-color:#efe8b3;}
#bons-cadeaux .style1 a.info-plus {color:#a56134; background:transparent url("../../images/instituts/bon-cadeau-fleche-1.png") no-repeat left center;}
#bons-cadeaux .style2 a.info-plus {color:#3eb4d1; background:transparent url("../../images/instituts/bon-cadeau-fleche-2.png") no-repeat left center;}
#bons-cadeaux .style3 a.info-plus {color:#93861c; background:transparent url("../../images/instituts/bon-cadeau-fleche-3.png") no-repeat left center;}
#bons-cadeaux .style1 a.commander {color:#a56134; background:transparent url("../../images/instituts/bon-cadeau-panier-1.png") no-repeat left center;}
#bons-cadeaux .style2 a.commander {color:#3eb4d1; background:transparent url("../../images/instituts/bon-cadeau-panier-2.png") no-repeat left center;}
#bons-cadeaux .style3 a.commander {color:#93861c; background:transparent url("../../images/instituts/bon-cadeau-panier-3.png") no-repeat left center;}

/* -------------------------------------------------------------- 
   PICTO
-------------------------------------------------------------- */
.picto {font-size:110%; color:#007088; padding:11px 0 0 40px; margin:10px 0; background:transparent no-repeat scroll left top; text-align:left;}
.picto a {font-weight:bold; color:#007088;}
.picto p {margin-bottom:0; height:25px;}
.picto a:hover {text-decoration: underline;}
.picto-info {background-image:url(../../images/picto/info.png);}
.picto-valid {background-image:url(../../images/picto/valid.png);}

/* -------------------------------------------------------------- 
   FOOTER
-------------------------------------------------------------- */
#footer {background-color:#000; font-size:90%; position:relative; z-index:100;}
#footer .liens {padding:0.5em 0; text-align:center;}
#footer .liens ul {line-height:1.75em;}
#footer .liens li {display:inline; }
#footer .liens .square li {padding:0 5px 0 12px; background:transparent url("../../images/footer/carre.png") no-repeat left center; }
#footer .liens .square li.first {background:none;}
#footer .liens .dash li {padding:0 0.25em 0 0.5em; border-left:1px solid #FFFFFF; }
#footer .liens .dash li.first {border:none;}
#footer .liens a {color:#fff; padding:1px;}
#footer .liens a.feed {background:transparent url("../../images/footer/feed-icon.png") no-repeat; padding-left:18px;}

/* -------------------------------------------------------------- 
   ENCART ACCUEIL
-------------------------------------------------------------- */
#encart-accueil {margin-left:280px;}
#encart-accueil .encart-index-swf {position:relative; text-align:center; z-index:0; height:285px;}
#encart-accueil .accroche {position:relative; text-align:center; margin-top:-50px; z-index:1;}
#encart-accueil .accroche h3 {color:#c7b200; font-size:140%; margin-bottom:5px;}
#encart-accueil .accroche p {color:#289ebc; width:290px; margin:0 auto; line-height:1.2em; font-size:90%;}

/* -------------------------------------------------------------- 
   TITRE
-------------------------------------------------------------- */
.titre {border-bottom:1px solid #95d0e0; height:3em; margin-bottom:15px; line-height:3em; background:transparent url("../../images/titre-fleche.png") no-repeat 0 center;}
.titre h1 {text-indent:-30000px; margin-left:35px;text-align:left; background:transparent url("../../images/titre/bon-cadeau-thalazur.png") no-repeat right center;}
.titre .bons-cadeaux-antibes 	{background-image:url("../../images/instituts/ant/titre-bons-cadeaux.png");}
.titre .bons-cadeaux-arcachon 	{background-image:url("../../images/instituts/arc/titre-bons-cadeaux.png");}
.titre .bons-cadeaux-bandol		{background-image:url("../../images/instituts/ban/titre-bons-cadeaux.png");}
.titre .bons-cadeaux-ouistreham	{background-image:url("../../images/instituts/oui/titre-bons-cadeaux.png");}
.titre .bons-cadeaux-royan		{background-image:url("../../images/instituts/roy/titre-bons-cadeaux.png");}
.titre .panier					{background-image:url("../../images/titre/votre-panier.png");}
.titre .coordonnees				{background-image:url("../../images/titre/vos-coordonnees.png");}
.titre .bon-de-commande			{background-image:url("../../images/titre/bon-de-commande.png");}
.titre .plan-du-site			{background-image:url("../../images/titre/plan-du-site.png");}
.titre .cgv						{background-image:url("../../images/titre/cgv.png");}
.titre .mentions-legales		{background-image:url("../../images/titre/mentions-legales.png");}
.titre .soins-thalasso			{background-image:url("../../images/titre/soins-thalasso.png");}
.titre .paiement-en-ligne		{background-image:url("../../images/titre/paiement-en-ligne.png");}
.titre .paiement-resultat		{background-image:url("../../images/titre/paiement-resultat.png");}
.titre .vos-bons-cadeaux		{background-image:url("../../images/titre/vos-bons-cadeaux.png");}

.titre .soins-antibes			{background-image:url("../../images/titre/soins-ant.png");}
.titre .soins-arcachon			{background-image:url("../../images/titre/soins-arc.png");}
.titre .soins-bandol			{background-image:url("../../images/titre/soins-ban.png");}
.titre .soins-ouistreham		{background-image:url("../../images/titre/soins-oui.png");}
.titre .soins-royan				{background-image:url("../../images/titre/soins-roy.png");}

.titre .thalazur-antibes		{background-image:url("../../images/titre/thalazur-ant.png");}
.titre .thalazur-arcachon		{background-image:url("../../images/titre/thalazur-arc.png");}
.titre .thalazur-bandol			{background-image:url("../../images/titre/thalazur-ban.png");}
.titre .thalazur-ouistreham		{background-image:url("../../images/titre/thalazur-oui.png");}
.titre .thalazur-royan			{background-image:url("../../images/titre/thalazur-roy.png");}

/* -------------------------------------------------------------- 
   MAP
-------------------------------------------------------------- */
#map {float:left; width:252px;}
#map ul {position:relative; height:264px; background:url(../../images/map/bg.gif) left center no-repeat;}
#map a {color:#555c54; position:absolute; display:block; float:left; font-weight:bold; font-size:105%; background:url(../../images/map/carre-marron.gif) left center no-repeat; padding:0 0 0 18px; height:14px; line-height:14px; white-space:nowrap;}
#map a:hover {background-image:url(../../images/map/carre-blue.gif); text-decoration:underline;}
#map .selected a {background-image:url(../../images/map/carre-blue.gif); text-decoration:underline;}
#map .ouistreham {top:51px; left:84px;}
#map .bandol	 {top:226px; right:25px; background-position:center top; padding:18px 0 0 0;}
#map .arcachon	 {top:180px; left:50px;}
#map .royan		 {top:148px; left:52px;}
#map .antibes	 {top:200px; right:0; background-position:center bottom; padding:0 0 18px 0;}

/* -------------------------------------------------------------- 
   PANIER
-------------------------------------------------------------- */
#panier .recap thead {height:40px; background-color:#000; color:#f2ebc6;}
#panier .recap thead th {font-weight:bold; font-size:120%; text-align:center;}
#panier .recap thead th.last {width:40px; background:#000 url(../../images/panier/header.png) no-repeat scroll center top;}
#panier .recap td.aleft,
#panier .recap th.aleft {text-align:left; float:none;}
#panier .recap td.aright,
#panier .recap th.aright {text-align:right; float:none;}
#panier .recap td.acenter,
#panier .recap th.acenter {text-align:center; float:none;}
#panier .recap tbody tr {background-color:#faf7e8;}
#panier .recap tbody tr.paire {background-color:#fdfbf3;}
#panier .recap tbody td {padding:3px; border-top:8px solid #fff;}
#panier .recap tfoot tr {}
#panier .recap tfoot tr td {border-top:8px solid #fff;}
#panier .recap tfoot tr.bon-reduc input {border:1px solid #d7d0af;font-size:1em;color:#555C54;text-transform:uppercase;}

#panier .accept-cgv {margin:15px 0 10px 0;}
#panier .accept-cgv input {vertical-align:middle;}

#panier a.article {font-size:130%; font-weight:bold;}
#panier .panier-vide p {font-size:120%; margin-bottom: 5px; font-weight:bold;}
/*#panier .panier-vide li {margin-left:5px;list-style:square inside; line-height:1.4em; font-size:120%;}*/
#panier .supprimer {width:25px; background-color:#d8eff5; text-align:center;}
#panier .supprimer a {font-size:80%; display:block; width:19px; margin-left:2px; height:29px; background:transparent url(../../images/panier/bt-suppr.png) no-repeat top left;}
#panier .supprimer a:hover {background-position:top right;}
#panier .options a {font-size:90%; color:#555c54; padding-left:35px; margin-right:10px; height:35px; line-height:35px; display:block; float:left;}
#panier .options a:hover {color:#1c1f1c;}
#panier .options a.bt-previsu {background:transparent url(../../images/panier/bt-previsu.png) no-repeat top left;}
#panier .options a.bt-perso {background:transparent url(../../images/panier/bt-perso.png) no-repeat top left; }
#panier .options a.bt-telecharger {background:transparent url(../../images/panier/bt-telecharger.png) no-repeat top left; }
#panier .options a.bt-adresse {background:transparent url(../../images/panier/bt-adresse.png) no-repeat top left; }
#panier .traits {background:#FAF7E8 url(../../images/panier/traits.png) repeat-y scroll left top;}
#panier .total {color:#A56134; font-size:120%;}
#panier span {font-size:110%; color:#d0cfc5;}

#panier .modes {background-color:#FAF7E8; margin:10px 0;}
#panier .modes p {background-color:#fff; padding:5px 0;}
#panier .modes .mode-titre {background-color:#fff; color:#007088; font-size:165%;}
#panier .modes .mode {color:#936545; font-size:90%; padding:5px; border-bottom:5px solid #efe9c3;}
#panier .modes .mode h4 {font-size:120%; color:#63391d; font-weight:bold;}
#panier .modes .mode p {background-color:#FAF7E8; font-style:italic; padding:0 0 0 25px;}

/* -------------------------------------------------------------- 
   FORMULAIRE COORDONNEES
-------------------------------------------------------------- */
#formulaire-coordonnees {background:#FAF7E8 url(../../images/panier/traits.png) repeat-y scroll left top; padding:3px 3px 3px 60px;}
#formulaire-coordonnees p {margin-bottom:0.3em;}
#formulaire-coordonnees fieldset {margin-top:20px;}
#formulaire-coordonnees label {width:250px;float:left;}
#formulaire-coordonnees label span {font-size:120%; font-weight:bold; color:#007088;}
#formulaire-coordonnees .no-float {float:none;}
#formulaire-coordonnees input,
#formulaire-coordonnees select {border:1px solid #d7d0af;}
#formulaire-coordonnees .nb {font-size:80%; color:#8E908E; font-style:italic;}
#formulaire-coordonnees .no-border {border:0;}

/* -------------------------------------------------------------- 
   PLAN DU SITE
-------------------------------------------------------------- */
#plan-du-site h2 {font-size:130%; font-weight:bold;margin:10px 0;}
#plan-du-site h3 {font-size:110%; margin-left:10px;}
#plan-du-site ul {margin-left:20px; font-size:100%; margin-bottom:5px;}

/* -------------------------------------------------------------- 
   CGV
-------------------------------------------------------------- */
#cgv .blue-title {background-color:#536066; color:#95d5de; line-height:35px; font-size:150%; text-align:center; margin-bottom:10px;}
#cgv .yellow-title {background-color:#fff; color:#c7b200; height:25px; font-size:150%; padding-top:10px;}
#cgv .content {margin:0 20px 10px 20px; color:#516067;}
#cgv .content p, #cgv .content ul {margin-bottom:5px;}
#cgv .with-list {list-style: square inside;}

/* -------------------------------------------------------------- 
   SOINS
-------------------------------------------------------------- */
#soins {}
#soins .soin-left {float:left; width:48%;}
#soins .soin-right {float:right; width:48%;}
#soins .sous-titre {border-bottom:1px solid #95D0E0; height:23px; line-height:23px; margin:30px 0 0 0; padding:0; background:none;}
#soins .enfant-soins {margin-top:5px;}
#soins .enfant-soins li {margin-left:15px; list-style: none; }
#soins .enfant-soins li a {line-height:1.8em; padding-left:35px; background:transparent url("../../images/soin-fleche.png") no-repeat left 1px;}
#soins .detail {padding-bottom:10px; line-height:1.3em;}
#soins .soin {margin-top:10px;}
#soins .mb30 {margin-bottom:30px;}
#soins .nom {font-size:120%; font-weight:bold; color:#3da8c3;}
#soins .duree {font-size:80%; margin:2px 5px 0 0; padding:6px 2px; color:#fff; font-weight:bold; float:left; background-color:#D8BBA8;}
#soins .with-list {list-style: square outside;}
#soins .with-list li {margin:4px 0 4px 20px;}


/* -------------------------------------------------------------- 
   THICKBOX
-------------------------------------------------------------- */
#thickbox {width:665px; height:515px; margin:auto;}
#thickbox .header {height:69px; text-align:center; background:#020913 url("../../images/thickbox/header-bg.png") no-repeat 600px top; color:#fff;}
#thickbox .header .title {font-size:220%; padding:5px 0;}
#thickbox .header .subtitle {color:#a8afb3; font-size:130%;}
#thickbox .overflow-auto {height:335px; width:665px; overflow:auto;}
#thickbox .footer {background:transparent url("../../images/thickbox/footer.jpg") no-repeat; height:111px;}
#thickbox .synopsis {background-color:#a9b1b5; color:#fff; padding:10px; font-weight:bold; text-align:center;}
#thickbox .blue-title {background-color:#536066; color:#95d5de; line-height:35px; font-size:150%; text-align:center; margin-bottom:10px;}
#thickbox .yellow-title {background-color:#fff; color:#c7b200; height:25px; font-size:150%; padding-top:10px;}
#thickbox .content {margin:0 20px 10px 20px; color:#516067;}

#thickbox #bon-cadeau-detail a.soin-lien {padding-right:12px; background:transparent url("../../images/thickbox/style1.png") no-repeat right center; color:#b4927b;}
#thickbox #bon-cadeau-detail a.soin-lien:hover {color:#b4927b; text-decoration: underline;}
#thickbox #bon-cadeau-detail .with-list li {margin:4px 0 4px 20px;}
#thickbox #bon-cadeau-detail .with-list .plus-marron {margin:8px 5px;}
#thickbox #bon-cadeau-detail .with-list .plus-marron li,
#thickbox #bon-cadeau-detail .with-list li li {list-style-type: circle; margin:4px 0;}

#thickbox .content p, #thickbox .content ul {margin-bottom:5px;}
#thickbox .content ul {list-style-position: outside; margin-left:20px;}
#thickbox .with-list {list-style: square outside;}
#thickbox .with-list .plus-marron {margin:8px 5px; list-style-image: url("../../images/thickbox/li-plus-marron.png");}
#thickbox #bc_msg {width:93%; color:#898989; padding:2px;}
#thickbox #bc_prix {color:#898989;}
#thickbox #bc_submit {padding:2px; width:5%;}