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

.cleaner { clear:both; height:1px; line-height:1px; font-size:1px; }

#coeur { border:1px solid #ee8d02; background:url(../images/bg_degrade.png) bottom left repeat-x; text-align:left; }
#coeur .coeur_wrap{ background:url(../images/bg_fleur.png) top left no-repeat; }

#coeur p, 
#coeur li { line-height:1.4em; }

#coeur .gamme { padding:10px 0 0 0; width:307px; float:left; background:url(../images/arabesque.png) right 75px no-repeat; margin:0 25px 0 0; }
#coeur .gamme .visuel { padding:0 0 0 7px; }
#coeur .gamme p { font-size:1.2em; color:#ed8c00; padding:0 0 15px 10px; line-height:1.3em; }
#coeur .gamme p strong { font-size:1.2em; display:block; color:#000; padding-bottom:2px; }
#coeur .gamme .bouton { text-align:center; position:relative; top:-5px; }

#coeur .util { padding:70px 0 0 0; width:253px; float:left; }
#coeur .util .magasin { background:url(../images/carte.png) left top no-repeat; padding:0 0 0 100px; border-bottom:1px solid #ffc97b; }

#coeur .util .magasin p { color:#000; padding:0 0 13px 0; font-size:1.1em; line-height:1.3em; }
#coeur .util .magasin .plus { padding:0 30px 10px 0; }
#coeur .util .remboursement { border-top:1px solid #fff; padding:10px 0 0 7px; }
#coeur .util .remboursement p { padding:0 0 8px 0; color:#000; font-size:1.1em; line-height:1.3em; }

#coeur .plus { font-weight:bold; font-size:1.1em; padding:0 0 10px 0; }
#coeur .plus a { background: url(../images/plus.png) left 3px no-repeat; display:block; padding:0 0 0 10px; color:#ee8d02; text-decoration:none; }
#coeur .plus a:hover { text-decoration:underline; }

#coeur .nav { background:#ee8d00 url(../images/nav_bg.png) left top repeat-x;}
#coeur .nav ul { padding:0; margin:0;  }
#coeur .nav li { font-size:1.6em; float:left; background:url(../images/nav.png) right bottom no-repeat; min-height:55px; padding:0; margin:0;}
#coeur .nav li.first-child { width:114px; }
#coeur .nav li.first-child a { width:120px; }
#coeur .nav li.second-child { width:140px; }
#coeur .nav li.second-child a { width:146px; }
#coeur .nav li.third-child { width:159px; }
#coeur .nav li.third-child a { width:164px; }
#coeur .nav li.last-child { width:184px; background:none; }
#coeur .nav li.last-child a { width:196px; }
#coeur .nav li a {  text-align:center; position:absolute; margin:0 0 0 -10px; color:#fff; text-decoration:none; display:block; padding:18px 0 16px 0; }
#coeur .nav li a:hover {  }
#coeur .nav li.first-child a:hover { background:url(../images/nav_bg_accueil.png) left top no-repeat; }
#coeur .nav li.second-child a:hover ,
#coeur .nav li.second-child a.on { background:url(../images/nav_bg_gamme.png) left top no-repeat; }
#coeur .nav li.third-child a:hover ,
#coeur .nav li.third-child a.on { background:url(../images/nav_bg_benefices.png) left top no-repeat; }
#coeur .nav li.last-child a:hover,
#coeur .nav li.last-child a.on { background:url(../images/nav_bg_remboursement.png) left top no-repeat; }

* html #coeur .nav li.first-child a:hover {
	background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_bg_accueil.png', sizingMethod='crop');
}
* html #coeur .nav li.second-child a:hover ,
* html  #coeur .nav li.second-child a.on {
	background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_bg_gamme.png', sizingMethod='crop');
}
* html #coeur .nav li.third-child a:hover ,
* html #coeur .nav li.third-child a.on {
	background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_bg_benefices.png', sizingMethod='crop');
}
* html #coeur .nav li.last-child a:hover,
* html #coeur .nav li.last-child a.on {
	background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/nav_bg_remboursement.png', sizingMethod='crop');
}

/*#coeur .nav li.first-child a:hover img { width:80px; }
#coeur .nav li.second-child a:hover img { width:108px; }
#coeur .nav li.third-child a:hover img { width:106px; }
#coeur .nav li.last-child a:hover img { width:161px; }*/

#coeur h1 { padding:24px 0 15px 15px ; }
#coeur .page_gamme p { padding:0 15px 15px 15px; font-size:1.2em; color:#000; }
#coeur .page_gamme p strong { color:#ee8d02; }
#coeur .page_gamme .rangee { padding:0 0 0 20px; clear:both; }
#coeur .page_gamme .box { background:url(../images/box_top.png) left top no-repeat; padding:6px 0 0 0; text-align:center; width:173px; margin:0 18px 13px 0; float:left; }
#coeur .page_gamme .box_wrap { background:url(../images/box_bottom.png) left bottom no-repeat; padding:0 0 5px 0; }
#coeur .page_gamme .box_wrap_wrap { background:url(../images/box_bg.png) left top repeat-y; padding:0 5px 0 5px; }
#coeur .page_gamme .box .produit { min-height:17px;}
#coeur .page_gamme .box_2lignes .produit { min-height:28px; }
#coeur .page_gamme .box .produit { font-size:1.1em; font-weight:bold; }
#coeur .page_gamme .box .produit { color:#ee8d02;}
#coeur .page_gamme .box a { display:block;  }
#coeur .page_gamme .box .produit a { color:#ee8d02; text-decoration:none; }
#coeur .page_gamme .box .produit a:hover { text-decoration:underline; }

#coeur .page_benefices .intro { margin:0 10px; padding:0 5px; border-bottom:1px solid #ffc97b; }
#coeur .page_benefices p { padding:0 0 15px 0; font-size:1.2em; color:#000; }
#coeur .page_benefices p strong { color:#ee8d02; }
#coeur .page_benefices .simplifiez { margin:0 10px; border-top:1px solid #fff; background:url(../images/arabesque_pt.png) 355px 15px no-repeat; padding:10px 0 0 0; }

#coeur .page_benefices .epi { float:left; background:url(../images/epi.png) left top no-repeat; padding:10px 0 0 0; width:340px; float:left; margin:0 35px 0 0;  }
#coeur .page_benefices .epi p {  margin:0 0 0 115px;  }
#coeur .page_benefices .decouvrir { width:180px; float:left; text-align:center; }
#coeur .page_benefices .bouton { position:relative; top:-5px; }

#coeur .page_remboursement { padding:0 15px 10px 15px; }
#coeur .page_remboursement h1 { padding-left:0; }
#coeur .page_remboursement p,
#coeur .page_remboursement li { font-size:1.2em; color:#000; }
#coeur .page_remboursement p strong,
#coeur .page_remboursement li strong { color:#ee8d02; }
#coeur .page_remboursement p { padding:0 0 15px 0; }
#coeur .page_remboursement ul { padding:0 0 10px 17px; }
#coeur .page_remboursement li { padding:0 0 10px 0; list-style-image:url(../images/plus.png); }
#coeur .page_remboursement .barre { background:url(../images/codebarre.png) left top no-repeat; padding:5px 0 20px 190px; }