@charset "utf-8";
/* CSS Document */

body 		{ background-color: #B3B3B3 !important; background-image: url(../images/bg-page-a.png); background-position: center top; background-repeat: no-repeat; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif }

a		{ color: #1F7199; }
.clear		{ clear: both; }
img             { border: none; }

#layout		{ margin: 0 auto 0; width: 900px; }
#body 		{ background-color:#FFF; margin: 160px auto 0; width: 900px; }
#header		{ position: absolute; width: 900px; height: 130px; top: 30px; }

/* Adsense containers */
.adsense-container              {margin-left:20px;}
#col-01  .adsense-container,
#cms-column .adsense-container  {margin-left:0;}

/* ===== HEADER ===== */
#header .homeLink   { display: block; width: 260px; height: 90px; text-decoration: none }

/* ===== FOOTER ===== */
#footer             { clear: both; color: #ddd; font-family:Verdana;font-size:11px; background-image: url("../images/bg-footer.png"); background-repeat: no-repeat; background-position: center top; padding: 75px 240px 0 30px; }
#footer a           { color: #ddd; }
#footer .partners   { margin-top: 10px; color: #ccc; }
#footer .partners a { color: #ccc; }
#footer dl          { margin: 0; }
#footer dt          { float: left; font-size: 16px; font-style: italic; width: 130px; font-weight: bold; font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; clear: left; }
#footer dd          { padding: 4px 0 10px 90px; }
#footer dd p        { margin-left: 90px; margin-top:20px }
#footer dd ul       { list-style: none; margin: 0; padding: 0; }
#footer dd li       { display: inline; padding-right: 10px; }
#footer dd.guides ul          { display: inline; }
#footer dd.guides .level-1 a  { display: none; }
#footer dd.guides .level-2 a  { display: inline; }

#subfooter          { background-image: url("../images/bg-footer.png"); background-repeat: no-repeat; background-position: center bottom; padding: 20px 0 0; height: 40px; font-size: 11px; color: #808080; }
#subfooter a        { color: #808080; }
#subfooter .copy    { float: right; }
#subfooter ul       { list-style: none; margin: 0; padding: 0; display: block; width: 630px; float: left; }
#subfooter li       { display: inline; padding-right: 10px; }

/* ===== MENU ===== */
#menu                             { height: 34px; margin: 0 20px 6px; z-index: 10; }

#menu ul.level-1                  { list-style: none; margin: 0; padding: 0; font-family: "Trebuchet MS", arial, sans-serif; font-size: 15px; font-weight: bold; color: #534741; }
#menu li.level-1                  { float: left; display: block; position: relative; margin: 5px 2px; padding: 2px 10px; cursor: default; white-space: nowrap; }
#menu li.level-1 a                { display: block; text-decoration: none; color: #534741; overflow: hidden; }
#menu li.level-1 ul               { display: none; position: absolute; left: 0; z-index: 10; background-color: #F2F2F2; width: 250px; border: 2px solid #534741; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; list-style: none; padding: 0; margin: 0; white-space: normal; -moz-box-shadow: 1px 3px 8px rgba(0,0,0,0.6); -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,0.6); box-shadow: 1px 3px 8px rgba(0,0,0,0.6); }
#menu li.level-1 li               { display: block; margin: 1px; padding: 6px 10px; background-color: #E6E6E6; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#menu li.level-1 li a             { display: inline; color: #603813; text-decoration: none; }
#menu li.level-1 li.hover         { position: relative; background-color: #998675;  }
#menu li.level-1 ul li a.hover    { color: #fff; }
#menu li.level-1 li.node          { background-image: url(../images/menu-arrow.png); background-repeat: no-repeat; background-position: 230px center; padding-right: 20px; }
#menu li.level-1 ul.level-2       { z-index: 10; position: absolute; top: 0; margin-top: 26px; }
#menu li.level-1 ul.level-2 ul    { top: 0; left: 200px; }

#menu li.hover,
#menu li.current                  { background-color: rgba(255,255,255,0.6); background-color: #F0EAE3; color: #F15A24; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
#menu li.hover a,
#menu li.current a                { color: #F15A24; }

.IE #menu li.level-1 li           { display: inline-block; }

/*#menu ul.level-2 ul             { top: 0px; left: 250px; }*/

/* ===== BODY ===== */

/* VISU HOME */
#visu-home				{ position: relative; width: 900px; height: 273px; overflow: hidden; margin: 0 auto 20px; top: 10px }
#visu-home .visu			{ background-repeat: no-repeat; background-position: 0 0; width: 673px; height: 273px; position: absolute; top: 0; left: 0; overflow: hidden }
#visu-home #visu-01			{ background-image:url(../images/visu-home-01-a.jpg); }
#visu-home #visu-02			{ background-image:url(../images/visu-home-02.jpg); }
#visu-home #visu-03			{ background-image:url(../images/visu-home-03-a.jpg); }
#visu-home #visu-04			{ background-image:url(../images/visu-home-04-a.jpg); }
#visu-home .current			{ z-index: 2; }
#visu-home .animated			{ z-index: 3; }
#visu-home .text			{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; color: #333; left: 380px; position: absolute; top: 40px; width: 270px; font-weight: bold; }
#visu-home .text  p                     { position: relative; z-index: 1; margin: 0; }
#visu-home .text  blockquote		{ margin: 0; padding: 0; color: #FFF; font-style: italic; font-weight: normal; font-size: 23px; }
#visu-home .text  blockquote .quote	{ position: absolute; color: rgba(255,255,255,0.2) !important; color: #BDBBBA; font-size: 200px; margin: -40px 0 0 -40px; }
#visu-home #visu-01 .text		{ left: 380px; width: 270px; }
#visu-home #visu-02 .text		{ left: 360px; width: 280px; }
#visu-home #visu-03 .text		{ left: 300px; width: 350px; }
#visu-home #visu-04 .text		{ left: 380px; width: 260px; }
#visu-home .link											{ position: absolute; right: 30px; bottom: 40px; background-color: rgba(255,255,255,0.5) !important; background-color: #CCC; padding: 5px 20px; font-size: 13px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#visu-home .link strong			{ font-size: 14px; }
#visu-home .link a			{ text-decoration: none; }
#visu-home .link a:hover		{ text-decoration: underline; }

#visu-home-tabs												{ position: absolute; left: 673px; top: 0; width: 167px; height: 258px; padding: 15px 45px 0 15px; z-index: 1; background-image:url(../images/visu-home-tabs.png); background-repeat: no-repeat; }
#visu-home-tabs .visu-tab                 { height: 54px; padding-top: 6px; cursor: pointer; }
#visu-home-tabs .visu-tab	p						{ margin: 0; }
#visu-home-tabs .visu-tab	.title    { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #736357; }
#visu-home-tabs .visu-tab	.summary  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #998675; }
#visu-home-tabs .hover .title,
#visu-home-tabs .current .title           { color: #FFF }
#visu-home div.visu-01                    { background-position: 0 0; }
#visu-home div.visu-02                    { background-position: 0 -273px; }
#visu-home div.visu-03                    { background-position: 0 -546px; }
#visu-home div.visu-04                    { background-position: 0 -819px; }
#visu-tab-01.current .summary             { color: #C7B299; }
#visu-tab-02.current .summary             { color: #BFBAA0; }
#visu-tab-03.current .summary             { color: #A0B1BF; }
#visu-tab-04.current .summary             { color: #B8A2A8; }

/* COLUMNS */
#body .column                             { float: left; padding: 0 24px; border-left: 2px dashed #CCC; font-size: 12px; text-align: justify; overflow: hidden; }
#body #col-01                             { width: 260px; border-left: none; }
#body #col-02                             { width: 340px; }
#body #col-03                             { width: 150px; }

#body .column .title                      { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; color: #4D4D4D; margin-top: 0; }
#body .column .bloc                       { border-top: 2px dashed #CCC; padding: 20px 0; }
#body .column .first-bloc                 { border-top: none; padding-top: 0; }

#body .column .guides-bloc ul.level-1       { padding: 0; margin: 0; }
#body .column .guides-bloc li.level-1       { float: left; width: 50%; padding: 0; margin: 0; list-style: none; text-align: left; overflow: visible; line-height: 17px; }
#body .column .guides-bloc ul.level-2       { margin:0 0 10px; padding:5px 0 5px 5px; list-style: none; }
#body .column .guides-bloc .level-1 a       { font-size: 14px; font-weight: bold; color:#1F7199; font-family:Arial,Helvetica,sans-serif; }
#body .column .guides-bloc .level-2 a       { font-size: 12px; font-weight:normal; text-decoration: none; color: #4D4D4D; white-space: nowrap; }
#body .column .guides-bloc .level-2 a       { text-decoration: none; color: #4D4D4D; white-space: nowrap; }
#body .column .guides-bloc .level-2 a:hover { text-decoration: underline; }

#body .column .plain-bloc                 { background-color: #E6E6E6; margin: 20px 0; padding: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; zoom: 1; }
#body .column .plain-bloc .title          { font-family: Georgia, "Times New Roman", Times, serif; color: #666; font-weight: normal; margin:  0 0 10px; }
#body .column .plain-bloc .mag            { float: left; width: 50%; overflow: hidden;}
#body .column .plain-bloc img             { width: 60px; float: left; margin: 0 10px 10px 0; }
#body .column .plain-bloc a               { display: block; color: #C1272D; font-size: 14px; font-weight: bold; }
#body .column .plain-bloc p a             { text-decoration: none; }
#body .column .plain-bloc span            { display: block; font-size: 10px; margin: 5px 0; }
#body .column .plain-bloc .promo          { font-size: 15px; color: #C1272D; font-weight: bold; }
#body .column .plain-bloc .note           { font-size: 10px; text-align: right; margin-bottom: -10px; }

#col-03 ul                              { list-style: none outside none; padding: 0; margin: 10px 0; }
#col-03 a                               { display: block; height: 80px; background-image: url(../images/bg-comparateurs.png); background-repeat: no-repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #9E005D; font-style: italic; font-size: 16px; text-decoration: none; padding: 10px; text-align: left; }
#col-03 .level-2 a                      { display: block; height: 80px; background-image: url(../images/bg-comparateurs.png); background-repeat: no-repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #9E005D; font-style: italic; font-size: 16px; text-decoration: none; padding: 10px; text-align: left; }
#col-03 a:hover                         { text-decoration: underline; }
#col-03 .comparateur-asv   a            { background-position: 0 -0px; }
#col-03 .comparateur-rmd   a            { background-position: 0 -100px; }
#col-03 .comparateur-bct   a            { background-position: 0 -200px; }
#col-03 .comparateur-ble   a            { background-position: 0 -300px; }
#col-03 .comparateur-sante a            { background-position: 0 -400px; }


/* ===== PAGES POWER BOUTIQUE ===== */
#layout #catalogue                        { width: 605px; padding: 20px 24px; }
#layout #column                           { width: 210px; margin: 20px 24px 20px 0; float: right; display: inline; }

#layout #catalogue #encart_grand_titre_fiche_produit { padding: 0; }

#layout #catalogue .h1_pwb,
#layout #catalogue .h1_pwb span           { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 29px; color: #4D4D4D; }
#layout #catalogue .h2_pwb                { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; color: #999; font-weight: normal; }

#layout #catalogue #zone_image img        { margin-right: 20px; }
#layout #catalogue #texte_description_fiche_produit        { display: block; width: 375px; float: right; }

/* Blocs conteneurs des titres de la colonne de droite */
#layout #column #encart_code_dev_nav_vertical2,
#layout #column #encart_code_dev_login    { padding: 0; background-color: transparent; border: none; background-image: none; }

/* Blocs de la colonne de droite */
#layout #column #nav_verti2_contener,
#layout #column #encart_login             { background-color: #E6E6E6; border: none; margin-bottom: 20px; }

/* Titres blocs colonne de droite */
#layout #column #titre_code_dev_nav_vertical2,
#layout #column #titre_code_dev_login     { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 17px; color: #4D4D4D; margin: 0 0 5px; display: block; }

/* Menu de navigation dans la colonne de droite */
#layout #column #nav_verti2_menu dd       { background-color: transparent; padding-bottom: 10px; }
#layout #column #nav_verti2_contener_sous a     	{ background-color: transparent; color: #4D4D4D; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px; }
#layout #column #nav_verti2_contener_sous a:hover	{ text-decoration: underline; }
#layout #column #nav_verti2_menu td a     { color: #1F7199; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; padding: 5px; display: block; }


#layout #column #encart_texte_votre_selection		{ background-image: url(../images/bg-panier.png); background-repeat: no-repeat; background-position: 0 0; width: 210px; height: 57px; overflow: hidden; margin-bottom: 20px; }
#layout #column #image_panier             { background-image: none; width: 57px; height: 30px; }

/* body - cms */
#wrapper                    { margin: 0; padding: 20px 30px;}


/* ===== CMS pages ===== */

#cms-content                { width: 550px; overflow: hidden; float: left; }

#cms-content h1,
#cms-content h2,
#cms-content h3,
#cms-content h4,
#mv2_head h1                { font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; margin: 30px 0 15px;  }

#cms-content h1,
#mv2_head h1                { color: #9E005D; font-size: 29px; line-height: 31px; margin: 10px 0 20px; }
#cms-content h2             { font-size: 20px; color: #8C6239; }
#cms-content h3             { font-size: 16px; color: #534741; }
#cms-content h4             { font-size: 12px; }

#cms-content .bodytext            { line-height: 17px; font-size: 14px; text-align: justify; }
#cms-content .bodytext table      { border-collapse: collapse; margin: 10px 1px; }
#cms-content .bodytext table th   { background-color: #eee; }
#cms-content .bodytext table td,
#cms-content .bodytext table th   { font-size: 12px; line-height: normal; font-family: Arial, sans-serif; border: 1px solid #ccc; padding: 5px; text-align: left; }
#cms-content .bodytext table ul   { padding-left: 15px; margin-left: 0; }
#cms-content .bodytext table p    { margin: 5px 0; }

#cms-column                                 { float: right; width: 254px; }
#cms-column .menu ul                        { list-style: none; padding: 0; margin: 0; }
#cms-column .menu ul.level-2                { margin: 10px 0 20px; }
#cms-column .menu li.level-1                { font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #8C6239; margin: 0 0 10px;  }
#cms-column .menu li.level-1 a              { color: #8C6239; text-decoration: none; border-bottom: 1px dashed #8C6239; }
#cms-column .menu li.level-2                { font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; margin: 0 0 10px; padding: 0 0 0 15px; background-image: url("/images/document-small.png"); background-repeat: no-repeat; background-position: -3px 1px; }
#cms-column .menu li.level-2 a              { color: #1F7199; border-bottom: none; text-decoration: underline; }
#cms-column .menu li a:hover                { color: #9E005D; border-color: #9E005D; }
#cms-column .menu li.current a              { color: #9E005D; border: none; font-style: italic; }
#cms-column .menu li.current li a						{ color: #1F7199; font-style: normal; }

#cms-column .menu ul.adsense                { margin-top: 20px; }
#cms-column .menu ul.adsense li.level-1     { margin: 0 0 5px; padding: 0; width: 254px; overflow: hidden; }

#cms-content .page_guides                           { float:left; font-size:14px; line-height:17px; text-align:justify; }
#cms-content .page_guides .bodytext ul.level-1      { padding: 0; }
#cms-content .page_guides .bodytext ul.level-1,
#cms-content .page_guides .bodytext ul.level-3      { list-style: none outside none; }
#cms-content .page_guides .bodytext ul.level-2      { list-style:disc; }
#cms-content .page_guides .bodytext ul.level-1 li a { display:none; }
#cms-content .page_guides .bodytext ul.level-2 li a,
#cms-content .page_guides .bodytext ul.level-3 li a { display:block; }

#cms-content .page_guides_img { padding-bottom:290px; margin-top: 60px; font-size:14px; line-height:17px; text-align:justify; }

#cms-content .ourComparators .bodytext a            { font-size: medium; color: #1F7199; font-weight: bold; }
#cms-content .ourComparators .bodytext ul.level-1   { list-style: none outside none; padding: 0; }
#cms-content .ourComparators .bodytext ul.level-2   { list-style-type: circle; }
#cms-content .ourComparators .bodytext ul.level-2 li{ margin-top: 15px; }
#cms-content .ourComparators .bodytext .level-1 a   { display:none; }
#cms-content .ourComparators .bodytext .level-2 a   { display:block; }

#cms-content .visuelPortable        { position:relative; margin-top: -130px; }

#wrapper .titleLinks                { margin: 0 0 30px; }
#wrapper .titleLinks a              { font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size: 14px; font-weight: bold; font-style: italic; color: #B3B3B3; text-decoration: none; background-image: url("/images/ico-links.png"); background-repeat: no-repeat; padding: 4px 20px 0 20px; }
#wrapper .titleLinks a:hover        { text-decoration: underline; color: #1F7199; }
#wrapper .titleLinks a.home         { background-position: -0px   -0px; }
#wrapper .titleLinks a.home:hover   { background-position: -500px -0px; }
#wrapper .titleLinks a.wizard       { background-position: -0px   -20px; }
#wrapper .titleLinks a.wizard:hover { background-position: -500px -20px; }
#wrapper .titleLinks a.back         { background-position: -0px   -40px; }
#wrapper .titleLinks a.back:hover   { background-position: -500px -40px; }
#wrapper .titleLinks a.share        { background-position: -0px   -60px; padding-left: 63px; }
#wrapper .titleLinks a.share:hover  { background-position: -500px -60px; }

#wrapper .fbLink                    { margin-top: 10px; }