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

* {border: 0; margin: 0; padding: 0;}
html{font-size: 100%;background:#000000;}
body{background:#000000; margin:0; padding:0; font:normal 62.5% Helvetica, Arial, sans-serif; color:#FFFFFF;}
h1, h2, h3, div, li, a, p, span{font-size: 1.0em;}
.clear{clear:both; visibility: hidden;}
#main-content{width: 32.0em; margin: 0 auto;}

/*******************************************************************************
  Header
*******************************************************************************/

#header{width: 100%;}
#header #backhome{float:left; margin-top:0.6em; margin-left:1.7em; margin-right:2.5em;}
#header #logo{float:left; margin-top:0.6em; margin-bottom:1em}

/*******************************************************************************
  MOTEUR DE RECHERCHE
*******************************************************************************/
#searcharea{width: 100%; text-align:center; padding-top:5.2em;}
#searcharea #selectbox2{text-align:center;}
#searcharea .form_input{width: 12.5em; font: 1.6em Georgia, Garamond, Times, "Times New Roman", serif; color: #000000; border: 1px solid #aa0069; padding: 0.3em 0 0.3em 0.6em; margin-bottom:10px; -webkit-border-radius: 0.5em;}
#searcharea .form_select {width: 13.0em; font: 1.6em Georgia, Garamond, Times, "Times New Roman", serif; color: #000000; border: 1px solid #aa0069; background-color:#FFFFFF; padding: 0.3em 0 0.5em 0.6em; margin-bottom:10px; -webkit-border-radius: 0.5em;}
#searcharea .bt-ok{margin: 0.6em 1.0em 1.0em 1.4em;}

#pager{width:100%; text-align:center; position:relative; background:url(/img/bg-content-toprange.gif) repeat-x left top;min-height:7.5em;}
#pager .resultats{text-align:center; font:1.9em Georgia, Garamond, Times, "Times New Roman", serif; padding-bottom:0.4em}
#pager .pages{font:1.5em Georgia, Garamond, Times, "Times New Roman", serif;}
#pager .pages a.lienPage{font:1.5em Georgia, Garamond, Times, "Times New Roman", serif; color:#a12290; text-decoration:none; padding-left:0.5em; padding-right:0.5em;}
#pager .pages a.lienPageSelected{font:1.5em Georgia, Garamond, Times, "Times New Roman", serif; color:#fe6c00; padding-left:0.5em; padding-right:0.5em;}

/*******************************************************************************
  Contenu central : Commun
*******************************************************************************/
#content{width: 100%;}
#content h1{font-weight: normal; font:1.6em Georgia, Garamond, Times, "Times New Roman", serif; color: #EFEFEF; text-transform: uppercase; background-color:#575757; padding:0.9em 0 0.6em 0.9em;}
#content h2{font-weight: normal; font:1.4em Georgia, Garamond, Times, "Times New Roman", serif; float: left; padding: 1.0em 2.3em 0.8em 1.0em;}
#content .asterisque{font-size: 0.8em;}
#content .liste, #content ol{margin-top: 1.0em; margin-left: 1.5em;}
#content .liste li, #content ol li{font-size: 1.3em; color: #CCCCCC;}
#content .liste li{list-style-type: circle;}
#content .title-line{height: 1px; background: url(/img/bg-content-h1.gif) repeat-x left top; overflow: hidden;}
#content .toprange{position: relative; background: url(/img/bg-content-toprange.gif) repeat-x left top;}
#content .toprange h2{font-weight:normal; color:#FFFFFF; font:2.0em Georgia, Garamond, Times, "Times New Roman", serif; float:left; padding:0.4em 0.4em 0.4em 0.4em;}
#content .toprange-white{background:#FFFFFF url(/img/bg-content-productlist.gif) repeat-x left top;}
#content .toprange-white .liste li, #content .toprange-white ol li{color: #000000;}
#content .bottomrange{background: #0B0B0B url(/img/bg-content-bottomrange.gif) repeat-x left bottom; padding: 2.4em 2.0em 2.9em 2.0em; border-bottom: 1px solid #0B0B0B;}
#content .bottomrange h3{font-weight: normal; font:2em Georgia, Garamond, Times, "Times New Roman", serif; margin-bottom: 0.8em;}
#content .bottomrange p{font:1.3em Georgia, Garamond, Times, "Times New Roman", serif; color: #CCCCCC;}
#content .bottomrange a{font:1.3em Georgia, Garamond, Times, "Times New Roman", serif; color: #ff5e00;}
#content .bottomrange ul{font-weight:normal; font:1.4em Georgia, Garamond, Times, "Times New Roman", serif; margin-bottom: 0.8em;}
#content .bottomrange li{list-style: none; }

#content .zone-bt-map{background: #aa0069 url(/img/bg-bt-map.gif) repeat-x left top; padding: 0.5em 2.0em 0.5em 2.0em; border-bottom: 1px solid #0B0B0B; text-align:center;}
#content .zone-bt-map p{font-size: 1.3em; color: #CCCCCC;}

/* Contenu central : Pages produits */

#content #product-list{width: 100%; background: #FFFFFF url(/img/bg-content-productlist.gif) repeat-x left top;}
#content #product-list ul{width: 33.0em; padding-top: 1.3em;}
#content #product-list ul li{width: 7.2em; height: 8.4em; list-style: none; float: left; font-size: 1.4em; margin-right: 0.5em;}
#content #product-list ul li img{display: block; margin-left: 1.0em;}
#content #product-list ul li span{display: block; margin-top: 0.2em; text-align: center; color: #999999;}
#content #selection-items li{list-style: none; background: #FFFFFF url(/img/bg-content-productlist.gif) repeat-x left top; min-height:16em;}
#content #selection-items li img{float: left; display: block;}
#content #selection-items li h3{font-weight:normal; font:2.6em Georgia, Garamond, Times, "Times New Roman", serif; color:#000000; padding-top:1.2em; line-height:0.9em; padding-bottom:0.4em; padding-right:0.7em;}
#content #selection-items li p{font-size:1.6em; color: #262626; padding-right:0.7em;}
#content #selection-items li.selection-more, #content #selection-items li.selection-rubs{position: relative; min-height: 4.9em; background: #0B0B0B url(/img/bg-content-toprange.gif) repeat-x left top; padding-left: 1.9em;}
#content #selection-items li.selection-more2{position: relative; height: 50px; background: #0B0B0B url(/img/bg-content-toprange.gif) repeat-x left top; padding-left: 1.9em;}
#content #selection-items li.selection-more a, #content #selection-items li.selection-more a:active, #content #selection-items li.selection-more a:visited, #content #selection-items li.selection-more a:hover{font-size: 1.6em; color: #FFFFFF; text-decoration: none;}
#content #selection-items li.selection-more span{float: left; width: 16.8em; padding-top: 0.5em; padding-bottom: 0.3em;}
#content #selection-items li.selection-more img{position: absolute; right: 0; top: 50%; margin-top: -0.35em; margin-right: 1.4em;}
#content #selection-items.js li{cursor: pointer;}
#content h2.text-new{width: 12.4em;}
#content .btn-new{position: absolute; top: 50%; margin-top: -1.1em;}
#content #detail-visual img{display: block; width:319px;}
body[orient="landscape"] #content #detail-visual img{width:350px;}
body[orient="portrait"] #content #detail-visual img{width:319px;}
#content #detail-description{background: #0B0B0B url(/img/bg-content-bottomrange.gif) repeat-x left bottom; padding: 2.4em 2.0em 2.9em 2.0em; border-bottom: 1px solid #0B0B0B;}
#content #detail-description p{font-size:1.6em; color: #FFFFFF;}
#content #detail-description h2{font-weight: normal; color:#FFFFFF; font:2.2em Georgia, Garamond, Times, "Times New Roman", serif; padding:0.1em 0.1em 0.1em 0.1em;}
#content #detail-description a{font:1.6em Georgia, Garamond, Times, "Times New Roman", serif; color: #ff5e00; text-decoration:none;}
#content .detail-movie{width: 100%; height: 19.0em;}
#content .detail-movie img{display: block;}
#content .detail-movie embed{width: 50%; height: 4.5em; display: block; float: left;}
#content #selection-items li.selection-more a.detail-more, #content #selection-items li.selection-more a.detail-more:active, #content #selection-items li.selection-more a.detailmore:visited, #content #selection-items li.selection-more a.detailmore:hover{font-weight: normal; font-size: 1.3em; color: #FFFFFF; text-decoration: none;}

/*******************************************************************************
  FOOTER
*******************************************************************************/
#main-content #footer{width:100%; margin:0 auto; text-align:center; font-size:1.2em;}
#main-content #footer a{text-decoration:none; color:#ff5e00}