@charset "UTF-8";
body,html{width:100%;height:100%;box-sizing:border-box}
@font-face{font-family:'klavika_rgregular';src:url(/javax.faces.resource/reworldb/font/klavika-regular-webfont.eot.xhtml);src:url(/javax.faces.resource/reworldb/font/klavika-regular-webfont.eot.xhtml?#iefix) format("embedded-opentype"),url(/javax.faces.resource/reworldb/font/klavika-regular-webfont.woff.xhtml) format("woff"),url(/javax.faces.resource/reworldb/font/klavika-regular-webfont.ttf.xhtml) format("truetype"),url(/javax.faces.resource/reworldb/font/klavika-regular-webfont.svg.xhtml#klavika_rgregular) format("svg");font-weight:400;font-style:normal}
body .mm-slideout{z-index:initial;z-index:auto}
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-track,.slick-slide,.slick-slide img{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-slide img{display:block;pointer-events:none}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slide-mag-infos-titre > img{display:block;margin:auto;max-width:100%;max-height:100%}
@font-face{font-family:"slick";src:url(./fonts/slick.eot);src:url(./fonts/slick.eot?#iefix) format("embedded-opentype"),url(./fonts/slick.woff) format("woff"),url(./fonts/slick.ttf) format("truetype"),url(./fonts/slick.svg#slick) format("svg");font-weight:400;font-style:normal}
.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:none}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
.slick-prev:before{content:"\2190"}
.slick-next{right:-25px}
.slick-next:before{content:"\2192"}
.slick-slider{margin-bottom:30px;margin-left:auto;margin-right:auto}
.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:"slick";font-size:25px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:#000;opacity:.75}
[dir="rtl"] .slick-next{right:auto;left:-25px}
[dir="rtl"] .slick-next:before{content:"\2190"}
[dir="rtl"] .slick-prev{right:-25px;left:auto}
[dir="rtl"] .slick-prev:before{content:"\2192"}
[dir="rtl"] .slick-slide{float:right}
.slick-prev,.slick-next{display:none!important}
#disclaimerDialog{max-width:98%;max-height:98%;box-sizing:border-box}
#content .input170{box-sizing:border-box}
.optin span.titrechamp{display:none}
.optin span.lechamp-creer-compte{width:100%;box-sizing:border-box;padding:9px 10px 0 9px}
#content .page_identification #oldcustomer{border:1px solid;float:left;left:inherit;position:relative;top:inherit;width:30%}
#content .page_identification #oldcustomer .old{box-sizing:border-box;width:100%}
#content .page_identification #oldcustomer #oldform span.titrechamp{margin:6px 3%;max-width:120px;width:39%}
#content .page_identification #newcustomer span.lechamp2{margin:10px 5px}
#content .page_identification #newcustomer span.titrechamp2{width:82%}
#content .page_identification #newcustomer{float:left;margin-left:3%;margin-right:2%;width:60%;max-width:auto}
#content .page_inscription #newcustomer{margin-left:25%;margin-right:0}
#oldform{display:block;overflow:hidden;position:relative;width:100%}
body{margin:0;padding:0;font-family:'klavika_rgregular'}
.header{top:0;left:0;z-index:1000;background-color:#fff;box-sizing:border-box;display:block;height:50px;position:fixed;text-align:center;width:100%;border-bottom:1px solid #ccc}
.header .fa{color:#d77e1a;font-size:20px;padding-right:4px;position:relative}
.header div.left{display:block;left:0;top:0;position:absolute;text-align:left}
.header div.right{display:block;right:0;top:0;position:absolute;text-align:right}
.header img.logo{display:inline-block}
.header .links>a{display:inline-block;padding:17px 5px 9px;text-transform:uppercase;text-decoration:none;color:inherit;cursor:pointer}
.header .links>#link-menu-burger{display:none}
.panier-nb{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:#fff none repeat scroll 0 0;border-color:-moz-use-text-color;border-image:none;border-style:none solid solid;border-width:medium 1px 1px;display:block;font-family:klavika_rgregular;font-size:12px;height:12px;left:4px;position:absolute;text-align:center;top:5px;width:13px;border-radius:0 0 5px 5px}
.subheader{top:50px;left:0;z-index:999;box-sizing:border-box;display:block;height:35px;position:fixed;text-align:right;width:100%;background-color:rgba(0,0,0,0.5);background-position:center center;background-repeat:no-repeat;background-size:cover}
#page{position:relative;float:none;z-index:initial;background:#f2f2f2 none;box-sizing:border-box;padding-top:50px;width:100%}
.container{width:1300px;max-width:calc(100% - 20px);margin:auto;position:relative}
.codepromo{width:170px;display:block;overflow:hidden;padding-top:5px;float:right;padding-left:10px}
.codepromo form label{width:70px;margin:4px auto;font-size:14px;line-height:14px;color:#d77e1a;float:left;text-align:left}
.codepromo form a{background:none repeat scroll 0 0 #1E1E1E;border:none;color:#FFF;float:left;font-size:13px;height:16px;line-height:14px;text-align:center;text-transform:uppercase;width:24px;padding:5px 3px 3px;text-decoration:none}
.codepromo form input[type="text"]{width:140px;padding:4px;font-size:12px;line-height:14px;border:1px solid #555;float:left;box-sizing:border-box}
.header .links > nav{position:absolute;top:49px;padding-top:16px;z-index:5}
.header .links > nav::before{left:22px;top:8px;background-color:#fff;content:"";display:block;height:15px;position:absolute;transform:rotate(45deg);width:15px;z-index:0;border:1px solid #555}
.header .links > a.active{background-color:#fff;font-weight:700}
.header a.active .fa{color:#1e1e1e}
.header a:hover .fa.fa-shopping-basket{color:#1e1e1e}
.header .links > nav > .menu-container{background-color:#fff;display:block;position:relative;z-index:5;border:1px solid #555}

.btn{padding:2px;overflow:hidden;display:block;background:url(/javax.faces.resource/reworldb/images/bgbutton2.png.xhtml) repeat right top;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.btn:hover{background:url(/javax.faces.resource/reworldb/images/bgbutton2.png.xhtml) repeat left top}
.btn span{display:inline-block;vertical-align:middle;font-size:14px;padding:0 5px;line-height:20px;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase;max-width:calc(100% - 35px)}
.btn img{display:inline-block;vertical-align:middle;margin:0 auto;width:20px;margin-left:5px}
.btn span + img{margin-left:0;margin-right:5px}

body.page-actu .illustration{max-width:600px;display:block;margin:0 auto 30px;position:relative}
body.page-actu .illustration img{max-width:100%}
body.page-actu h1{float:none;text-align:center;font-size:35px}
body.page-actu h2{font-size:25px;text-align:left;color:#d77e1a}
body.page-actu .actu-social{position:absolute;left:-40px;}
body.page-actu .actu-social .social::after{content:"\00000A";display:block}
body.page-actu .date-publication{display:block;max-width:600px;text-align:right;font-size:13px;font-style:italic;padding:0 10px 15px 0;margin:0 auto 0}

body.page-actu .btn.tnm{width:250px;margin:0 auto 40px}

body.page-actu .chapo{margin: 0 auto 30px;max-width:600px;text-align:justify}
body.page-actu .article{margin: 0 auto 40px;max-width:600px;text-align:justify}
body.page-actu .col-left{float:left;width:calc( 100% - 210px)}
body.page-actu .col-right{float:right;width:200px}
body.page-actu .col-right>div{border:1px solid #d77e1a;padding:10px;margin-bottom:30px}
body.page-actu .col-right div.sabonner a {display:block;line-height:0}
body.page-actu .col-right img{max-width:100%}
body.page-actu .col-right h3{font-size:20px;text-align:center;color:#d77e1a;margin-bottom:5px;margin-top:0}
body.page-actu .col-right .tnm{max-width:100%;background-repeat:repeat;margin-bottom:30px}
body.page-actu .navigation{display:block;max-width:600px;width:100%;margin:0 auto 40px;overflow:hidden}
body.page-actu .btn.previous{vertical-align:top;max-width:45%;width: calc(100% - 26px);float:left}
body.page-actu .btn.next{vertical-align:top;max-width:45%;width: calc(100% - 26px);float:right}
@media screen and (max-width:950px){
body.page-actu .actu-social{position:relative;left:initial;}
body.page-actu .actu-social .social::after{content:"\00000A";display:none}
}
body.page-actus h1{float:none;text-align:center;font-size:35px}
body.page-actus h2{font-size:25px;text-align:left;background-color:rgba(215,126,26,0.05);border-bottom:solid 1px rgba(215,126,26,0.4);padding-left:10px}
body.page-actus .actus ul{width:100%;float:none;margin:0 auto;padding:0;font-size:14px;text-align:justify}
body.page-actus .actus ul>li{display:inline-block;width:calc(50% - 45px);margin:0 0 38px 39px;position:relative;list-style:none;border:1px solid #d77e1a;text-align:left;box-sizing:border-box;padding:20px}
body.page-actus .actus ul>li.first{width:calc(100% - 39px);max-width:calc(100% - 39px);margin-left:39px;}
body.page-actus .actus ul li .imgactu img{width:100%;float:left;height:auto;display:none}
body.page-actus .actus ul li.first .imgactu img.landscape{display:block}
body.page-actus .actus ul li:not(.first) .imgactu img.portrait{display:block}
body.page-actus .actus ul > li.last{border:none;height:0;line-height:0;padding:0;margin:0}
body.page-actus .actus ul::after{content: " ";display:inline-block;width:100%}
body.page-actus .actus li:nth-child(2n+1){float:left}
body.page-actus .actus li:nth-child(2n){float:right}
body.page-actus .voirplus a{display:inline-block;font-size:40px;width:50px;height:50px;border-radius:50px;line-height: 43px;background-color:#d77e1a;color:#fff;cursor:pointer;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
body.page-actus .voirplus a:hover{background:#d21e32}
body.page-actus .voirplus{text-align:center;margin-bottom:60px}
body.page-actus .infoactu{width:50%;float:left}
body.page-actus .imgactu{float:left;margin-right:5%;width:45%;position:relative}
body.page-actus .infoactu a.sabonner{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;margin-top:5px;text-transform:uppercase;font-size:14px;padding:4px 10%;line-height:14px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease;background:#d77e1a;color:#fff}
body.page-actus .infoactu a.sabonner:hover{background:#d21e32}
body.page-actus .infoactu p{margin-bottom:30px}
body.page-actus .infoactu .titreactu{background:none repeat scroll 0 0 rgba(0,0,0,0);border-bottom:1px solid #E1E1E1;color:#d77e1a;font-size:26px;line-height:26px;margin:0 auto 15px;padding:0 0 10px;text-align:left;text-transform:inherit}
body.page-actus .titreactu-xs{display:none}
body.page-actus .infoactu .lienactu {position:absolute;right:20px;bottom:20px;display:block;width:45%;box-sizing: border-box;max-width: 200px;}
body.page-actus .tnm{width:250px;max-width:100%;background-repeat:repeat;margin:0 auto 40px}
body.page-actus .actu-social{position:absolute;left:-40px;}
body.page-actus .actu-social .social::after{content:"\00000A";display:block}
body.page-offre h1{float:none;text-align:center;font-size:35px}
body.page-offre h2{font-size: 25px;text-align: left;background-color: rgba(215,126,26,0.05);border-bottom: solid 1px rgba(215,126,26,0.4);padding-left: 10px;max-width: 1181px}
body.page-offre .presentation-titre p{margin: 0 auto 30px;text-align: justify}
body.page-ano-titres h1{float:none;text-align:center;font-size:35px}
body.page-ano-titres ul.titres{width:100%;float:none;margin:0 auto;padding:0;font-size:14px;text-align:justify}
body.page-ano-titres ul.titres>li{display:inline-block;width:calc(50% - 25px);margin:0 0 38px 0;position:relative;list-style:none;border:1px solid #d77e1a;text-align:left;box-sizing:border-box;padding:20px}
body.page-ano-titres ul.titres li .imgano img{width:100%;float:left;height:auto;display:block}
body.page-ano-titres ul.titres::after{content: " ";display:inline-block;width:100%}
body.page-ano-titres .infoano{width:50%;float:left}
body.page-ano-titres .imgano{float:left;margin-right:5%;width:45%;position:relative;height:0;padding-bottom:64%;overflow:hidden}
body.page-ano-titres .infoano a.sabonner{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;margin-top:5px;text-transform:uppercase;font-size:14px;padding:4px 10%;line-height:14px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease;background:#d77e1a;color:#fff}
body.page-ano-titres .infoano a.sabonner:hover{background:#d21e32}
body.page-ano-titres .infoano p{margin-bottom:30px}
body.page-ano-titres .infoano .titreano h2{background:none repeat scroll 0 0 rgba(0,0,0,0);border-bottom:1px solid #E1E1E1;color:#d77e1a;font-size:26px;line-height:26px;margin:0 auto 15px;padding:0 0 10px;text-align:left;text-transform:inherit}
body.page-ano-titres .infoano .lienano {position:absolute;right:20px;bottom:20px;display:block;width:45%;box-sizing: border-box;max-width: 200px}
body.page-ano-titres .tnm{width:250px;max-width:100%;background-repeat:repeat;margin:0 auto 40px}
body.page-ano-titres .header_page_titre{width:100%;height:90px;background-repeat:no-repeat;background-position:center;margin:auto;max-width:1680px;padding:0;}
body.page-ano-titres .chapo{margin-bottom:30px}

body.page-ano h1{float:none;text-align:center;font-size:35px}
body.page-ano ul.ano{width:100%;float:none;margin:0 auto;padding:0;font-size:14px;text-align:justify}
body.page-ano ul.ano>li{display:inline-block;width:calc(25% - 15px);margin:0 0 30px 0;position:relative;list-style:none;border:1px solid #d77e1a;text-align:left;box-sizing:border-box;padding:5px}
@media screen and (max-width:1299px){
	body.page-ano ul.ano>li{width:calc(33.3333% - 15px)}
}
@media screen and (max-width:799px){
	body.page-ano ul.ano>li{width:calc(50% - 5px)}
}
@media screen and (max-width:549px){
	body.page-ano ul.ano{text-align:center}
	body.page-ano ul.ano>li{width:100%;max-width:400px}
}
body.page-ano ul.ano>li.last{border:none;height:0;line-height:0;padding:0;margin:0}
body.page-ano ul.ano li .imgano img{width:100%;float:left;height:auto;display:block}
body.page-ano .infoano{width:50%;float:left}
body.page-ano .imgano{float:left;margin-right:5%;width:45%;position:relative;height:0;padding-bottom:64%;overflow:hidden;background-size:100%;background-repeat:no-repeat}
body.page-ano .infoano p{margin-bottom:30px}
body.page-ano .infoano .titreano h2{background:none repeat scroll 0 0 rgba(0,0,0,0);border-bottom:1px solid #E1E1E1;color:#d77e1a;font-size:20px;line-height:20px;margin:0 auto 10px;padding:0 0 10px;text-align:left;text-transform:inherit}
body.page-ano .tnm{width:250px;max-width:100%;background-repeat:repeat;margin:0 auto 40px}
body.page-ano .header_page_titre{width:100%;height:90px;background-repeat:no-repeat;background-position:center;margin:auto;max-width:1680px;padding:0;}
body.page-ano .chapo{margin-bottom:30px}
body.page-ano .bas{width:100%;display:block;clear:both;position:relative}
body.page-ano .bas .lienano {position:absolute;right:5px;bottom:5px;display:block;width:45%;box-sizing: border-box;max-width: 200px}
body.page-ano .bas a.sabonner{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;margin-top:5px;text-transform:uppercase;font-size:14px;padding:4px 10%;line-height:14px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease;background:#d77e1a;color:#fff}
body.page-ano .bas a.sabonner:hover{background:#d21e32}
body.page-ano .bas .price{width:45%;text-align:center} 
body.page-ano .bas .price .amount{font-weight:700;color:#d21e32;padding-top:5px}
body.page-ano .bas .price .stock .outofstock{color:red}
body.page-ano .navigation{display:block;width:100%;margin:0 auto 40px;overflow:hidden;max-width:600px}
body.page-ano .navigation>a{vertical-align:top;max-width:45%;width:calc(100% - 26px);float:left}
body.page-ano .navigation>a:nth-child(2){float:right}
body.page-ano #searchBox{margin-bottom:30px;background-color:rgba(215,126,26,0.05);padding:10px;border-bottom:solid 1px rgba(215,126,26,0.4)}
body.page-ano #searchBox>div{display:inline-block;margin-right:20px;position:relative;}
body.page-ano #searchBox input, body.page-ano #searchBox select, body.page-ano #searchBox button{height: 23px;box-sizing: border-box;border:1px solid grey}
body.page-ano #searchBox button{position:absolute;right:0px;cursor:pointer}

#menu-magazines{width:815px}
#menu-magazines ul{display:block;margin:0;position:relative;padding:0}
#menu-magazines li{box-sizing:border-box;display:inline-block;position:relative;vertical-align:middle;width:33.33%;transition:background .4s ease 0;background-color:inherit;border-bottom:1px solid #ccc}
#menu-magazines li:nth-child(3n+1){border-right:1px solid #ccc}
#menu-magazines li:nth-child(3n+2){border-right:1px solid #ccc}
#menu-magazines li>a{box-sizing:border-box;display:block;height:100%;padding:15px;position:relative;width:100%;text-decoration:inherit;color:inherit}
#menu-magazines li:hover{background-color:rgba(215,126,26,0.1)}
#menu-magazines li.mm-title > a > span{padding-left:10px;max-width: calc(100% - 80px);}
#menu-magazines li:not(.mm-title){background-color:rgba(215,126,26,0.1);font-weight:700;width:100%}
#menu-magazines li:not(.mm-title):hover{background-color:rgba(215,126,26,0.8);color:#fff}
#menu-magazines li:not(.mm-title) > a{text-align:center}
#menu-magazines li.mm-title>a>i{background-size:cover;height:65px;width:65px;border-radius:35px}
#menu-magazines li.mm-title > a > i.fa{box-sizing:border-box;font-size:30px;padding-left:16px;padding-top:15px}
#menu-magazines li>a>i,#menu-magazines li>a>span{display:inline-block;position:relative;vertical-align:middle}
#menu-espace-client{right:92px;width:500px;text-align:left}
#menu-espace-client ul{display:block;margin:0;position:relative;padding:15px 20px}
.header .links > nav#menu-espace-client::before{left:initial;right:80px}
#menu-espace-client .menu-container > ul > li{display:inline-block;position:relative;width:100%;vertical-align:top;box-sizing:border-box}
#menu-espace-client .menu-container > ul.identified > li.deconnexion{text-align:right}
#menu-espace-client .menu-container > ul.identified > li.abonne{padding-bottom:10px}
#menu-espace-client .menu-container > ul.identified > li.abonne >div{display:inline-block;width:50%}
#menu-espace-client .menu-container > ul.identified > li.abonne >div:nth-child(2){text-align:right}
#menu-espace-client .menu-container > ul > li.has-account{width:60%}
#menu-espace-client .menu-container > ul > li.has-no-account{width:40%}
#menu-espace-client .title{display:block;font-size:15px;font-weight:700;padding-bottom:10px;text-align:center;width:100%}
#menu-espace-client input[type=text],#menu-espace-client input[type=password]{border:1px solid #1e1e1e;color:#1e1e1e;font-family:"klavika_rgregular";font-size:16px;line-height:16px;padding:4px 2px 4px 10px;width:49%;box-sizing:border-box;margin-bottom:10px;margin-left:1%;float:left}
#menu-espace-client a.connect,a.connect{max-width:100%}
#menu-espace-client li.has-account{border-right:1px solid #ddd;padding-right:15px}
#menu-espace-client li.has-no-account{padding-left:15px}
#menu-espace-client .has-no-account > ul{margin:0 0 0 18px;padding:0}
#menu-espace-client .has-no-account li{display:block;margin:0}
#menu-espace-client .has-no-account a{display:block;padding:15px 0;color:inherit}
#menu-espace-client .stayconnect span.titrechamp{margin:0 10px;font-size:15px}
#menu-espace-client .ui-message-error{margin:0 0 10px;float:left}
#menu-espace-client a.forgot{color:#d77e1a;display:block;float:none;font-size:14px;line-height:14px;margin:5px auto;text-align:center;text-decoration:none;transition:all .5s ease 0;width:230px}
#menu-espace-client .stayconnect{float:none;margin:0 auto 4px;clear:both;clear:both;text-align:center}
#menu-espace-client .stayconnect .ui-icon-check{margin:0}
#menu-espace-client .stayconnect .ui-chkbox .ui-chkbox-box{height:16px;width:16px}
#menu-espace-client .ui-messages-error{margin:0 0 10px}
#menu-espace-client .ui-messages-error ul{padding:0}
#menu-espace-client .ui-messages-error-icon{display:none}
#menu-espace-client ul.identified li a{color:#d77e1a;line-height:24px;text-decoration:none;transition:all .5s ease 0}
#menu-espace-client ul.identified li a:hover{color:inherit;line-height:24px;text-decoration:underline}
ul.nosoffre{width:100%;float:none;margin:auto;padding:0;text-align:left}
ul.nosoffre>li .pastille{background-color:#1e1e1e;border-radius:50px;box-sizing:border-box;color:#fff;font-size:18px;line-height:18px;height:70px;padding:25px 0;position:absolute;right:15px;text-decoration:none;text-transform:capitalize;top:-16px;width:70px;z-index:1;text-align:center}
ul.nosoffre>li{display:inline-block;width:calc(50% - 15px);margin:0 0 38px;position:relative;list-style:none;border:1px solid #d77e1a;text-align:left;box-sizing:border-box;padding:20px;max-width:580px}
ul.nosoffre>li:nth-child(2n){margin-left:30px}
ul.nosoffre .offer-cover{display:inline-block;width:200px;box-sizing:border-box;vertical-align:top;position:relative}
ul.nosoffre .offer-img-autres{display:inline-block;width:100px;vertical-align:top}
ul.nosoffre .offer-img-autres img{margin-left:10px;width:90px;max-width:calc(100% - 10px)}
ul.nosoffre .offer-desc{display:inline-block;width:calc(100% - 300px);box-sizing:border-box;vertical-align:top;padding-left:20px;text-align:left;padding-top:28px}
ul.nosoffre .offer-cover img{max-height:100%;max-width:100%}
ul.nosoffre .offer-cover img.avec-dvd{bottom:10px;position:absolute;right:10px}
ul.nosoffre .offer-title{font-size:20px}
ul.nosoffre .offer-duration{color:#d77e1a;margin-bottom:5px}
ul.nosoffre .offer-price-strong{display:inline-block;font-size:17px;font-weight:700;line-height:28px;text-align:right;text-decoration:line-through;vertical-align:bottom;width:49%}
ul.nosoffre .offer-price-promo{color:#d21e32;display:inline-block;font-size:26px;font-weight:700;text-align:left;vertical-align:bottom;width:50%}
ul.nosoffre .offer-price-promo>span{font-size:10px}
ul.nosoffre .offer-link{width:210px;display:block;bottom:20px;display:block;position:absolute;right:20px}
ul.nosoffre .offer-link a{display:block;width:100%;text-decoration:none;background:#1e1e1e;padding:4px 0;margin:0 auto;color:#fff;font-size:14px;text-align:center;text-transform:uppercase;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
ul.nosoffre .offer-link a:hover{background:#d77e1a}
ul.nosoffre .offer-link a.addtocart{background-color:#d21e32;margin:5px auto 0}
ul.nosoffre .offer-link a.addtocart:hover{background-color:#1E1E1E}
ul.nosoffre .offer-price{bottom:49px;position:absolute;right:20px;width:210px;font-family:Georgia,serif}
ul.nosoffre li.btn0{background:none repeat scroll 0 0 rgba(0,0,0,0);float:left;margin:0;padding:0;width:100%}
ul.nosoffre #btn0 ul.btn1{display:none}
ul.nosoffre #btn0 li:hover > ul.btn1{display:block}
ul.nosoffre #btn0 ul#btn0 li.btn0 ul.btn1 li{display:block}
ul.nosoffre ul.btn1{float:left;padding:0;width:100%}
ul.nosoffre ul.btn1 li{background:none repeat scroll 0 0 rgba(0,0,0,0);float:left;margin:0 auto;padding:0;width:100%}
ul.nosoffre .offer-img-autres.is-empty{display:none}
ul.nosoffre .offer-expired{bottom:19px;position:absolute;right:20px;width:210px;font-family:Georgia,serif;background-color:orange;text-align:center}
ul.nosoffre .offer-display{bottom:-11px;position:absolute;right:20px;width:210px;font-family:Georgia,serif;background-color:orange;text-align:center}
ul.nosoffre.ancien-numeros > li{width:100%;min-width:100%}
ul.nosoffre .offer-divider.last{padding-bottom:56px}

.lien-anciens-numeros a {
    float: left;
    width: 220px;
    background: #d77e1a;
    text-align: center;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 10px 10px;
    line-height: 16px;
    transition: All .5s ease;
    -webkit-transition: All .5s ease;
    -moz-transition: All .5s ease;
    -o-transition: All .5s ease;
    -ms-transition: All .5s ease;
    max-width:100%;
    margin: 5px auto 20px;
		display: block;
		float: none;
}

.lien-anciens-numeros a:hover {background-color: #1E1E1E;}
.lien-anciens-numeros p{text-align:center}

.popup_cadeau .visuel_mag > img{max-width:100%;max-height:650px}
.popup_cover .visuel_mag > img{display:block;margin:auto}
.outlet-title-commandeimg > img{max-width:100%}
.mag-infos .main-offer{display:none}
.mag-infos .mag-social{position:absolute}
@media screen and (max-width:1099px) {
.mag-infos-desc{height:auto;padding-bottom: 28px;}
.mag-infos .mag-social {bottom: 5px;left: 38px}
}
@media screen and (min-width:1100px) {
ul.nosoffre .main-offer{display:none}
.mag-infos.mag-infos.with-main-offer{width:1000px}
.mag-infos.with-main-offer .mag-infos-text{padding:0 20px 0 0;width:404px}
.mag-infos .main-offer .pastille{background-color:#1e1e1e;border-radius:50px;box-sizing:border-box;color:#fff;font-size:18px;line-height:18px;height:70px;padding:25px 0;position:absolute;right:15px;text-decoration:none;text-transform:capitalize;top:-35px;width:70px;z-index:1;text-align:center}
.mag-infos .main-offer{display:block;float:left;height:281px;width:calc(100% - 650px);margin:0;position:relative;list-style:none;text-align:left;box-sizing:border-box;padding:0;max-width:580px}
.mag-infos .main-offer:nth-child(2n){margin-left:30px}
.mag-infos .main-offer .offer-cover{display:inline-block;width:200px;box-sizing:border-box;vertical-align:top;position:relative}
.mag-infos .main-offer .offer-img-autres{display:inline-block;width:100px;vertical-align:top}
.mag-infos .main-offer .offer-img-autres img{margin-left:10px;width:90px;max-width:calc(100% - 10px)}
.main-offer .offer-img-autres.is-empty + .offer-desc{width:100%}
.mag-infos .main-offer .offer-desc{display:inline-block;width:calc(100% - 100px);box-sizing:border-box;vertical-align:top;padding-left:15px;text-align:left;padding-top:32px}
.mag-infos .main-offer .offer-cover img{max-height:100%;max-width:100%}
.mag-infos .main-offer .offer-cover img.avec-dvd{bottom:10px;position:absolute;right:10px}
.mag-infos .main-offer .offer-title{font-size:20px}
.mag-infos .main-offer .offer-desc-suppl{font-size:15px}
.mag-infos .main-offer .offer-duration{color:#d77e1a;}
.mag-infos .main-offer .offer-price-strong{display:inline-block;font-size:17px;font-weight:700;line-height:28px;text-align:right;text-decoration:line-through;vertical-align:bottom;width:49%}
.mag-infos .main-offer .offer-price-promo{color:#d77e1a;display:inline-block;font-size:26px;font-weight:700;text-align:left;vertical-align:bottom;width:50%}
.mag-infos .main-offer .offer-price-promo>span{font-size:10px}
.mag-infos .main-offer .offer-link{width:210px;display:block;bottom:20px;display:block;position:absolute;right:20px}
.mag-infos .main-offer .offer-link a{display:block;width:100%;text-decoration:none;background:#1e1e1e;padding:4px 0;margin:0 auto;color:#fff;font-size:14px;text-align:center;text-transform:uppercase;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.mag-infos .main-offer .offer-link a:hover{background:#d77e1a}
.mag-infos .main-offer .offer-link a.addtocart{background-color:#d77e1a;margin:5px auto 0}
.mag-infos .main-offer .offer-link a.addtocart:hover{background-color:#1E1E1E}
.mag-infos .main-offer .offer-price{bottom:49px;position:absolute;right:20px;width:210px;font-family:Georgia,serif}
.mag-infos .main-offer .offer-display{bottom:79px;position:absolute;right:20px;width:210px;font-family:Georgia,serif}
.mag-infos .main-offer .offer-divider.last{padding-bottom:56px}
.mag-infos .mag-social{left:-40px}
.mag-infos .mag-social .social::after{content:"\00000A";display:block}
}
.main-offer li.btn0{background:none repeat scroll 0 0 rgba(0,0,0,0);float:left;margin:0;padding:0;width:100%}
.main-offer #btn0 ul.btn1{display:none}
.main-offer #btn0 li:hover > ul.btn1{display:block}
.main-offer #btn0 ul#btn0 li.btn0 ul.btn1 li{display:block}
.main-offer ul.btn1{float:left;padding:0;width:100%}
.main-offer ul.btn1 li{background:none repeat scroll 0 0 rgba(0,0,0,0);float:left;margin:0 auto;padding:0;width:100%}
.main-offer .offer-img-autres.is-empty{display:none}
.home-slider{width:100%;height:450px;max-width:1680px;overflow:hidden}
.home-slider.slick-initialized{overflow:visible}
.home-slide{height:450px;background-position:center;background-repeat:no-repeat}
.slide-modal{background-color:rgba(255,255,255,1);box-sizing:border-box;display:block;height:320px;margin:auto;padding:20px;position:relative;top:70px;width:700px;max-width:95%;box-shadow:0 0 5px 1px #333}
.slide-mag-cover{height:281px;width:216px;float:left;overflow:hidden}
.slide-mag-cover img{max-height:100%}
.slide-mag-infos{float:left;width:444px;padding:0 20px 0 40px;box-sizing:border-box;height:281px;display:block;overflow:hidden;max-width:calc(100% - 216px)}
.slide-mag-infos p{margin:0}
.slide-mag-infos-titre{font-size:25px;height:50px;display:block;padding-bottom:10px}
.slide-mag-infos-price{font-size:20px;height:40px;display:block;color:#d21e32;font-family:Georgia,serif}
.slide-mag-infos-price .slide-mag-price{font-weight:700}
.slide-mag-infos-desc{font-size:17px;height:153px;display:block;text-align:justify;overflow:hidden}
.slide-mag-infos-button{height:28px;display:block;text-align:center}
.slide-mag-infos-button a{float:right;background:rgba(0,0,0,0) url(/magpress/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat scroll right center;color:#fff;padding:4px 0;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s ease 0;width:160px;display:block}
.slide-mag-infos-button a:hover{background:url(/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat left center}
.header_page_titre{width:100%;height:450px;background-repeat:no-repeat;background-position:center;margin:auto;max-width:1680px}
.mag-infos{background-color:rgba(255,255,255,1);box-sizing:border-box;display:block;height:320px;margin:auto;padding:20px;position:relative;top:70px;width:700px;max-width:95%;box-shadow:0 0 5px 1px #333}
.mag-infos-cover{height:281px;width:216px;float:left;overflow:hidden}
.mag-infos-cover img{max-height:100%}
.mag-infos-text{float:left;width:444px;padding:0 40px 0 20px;box-sizing:border-box;height:281px;display:block;overflow:hidden;max-width:calc(100% - 216px)}
.mag-infos p{margin:0}
.mag-infos-title{font-size:25px;height:90px;display:block}
.mag-infos-title h1{font-size:inherit;font-weight:inherit;line-height:inherit;display:block;float:none;margin:0;padding:0;text-align:center}
.mag-infos-title h1 img{max-width:100%}
.mag-infos-desc{font-size:15px;height:210px;display:block;text-align:justify;overflow:hidden}
.mag-infos-price{font-size:17px;height:40px;display:block}
.mag-infos-button{height:28px;display:block;text-align:center}
.mag-infos-button a{float:right;background:rgba(0,0,0,0) url(/magpress/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat scroll right center;color:#fff;padding:4px 0;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s ease 0;width:160px;display:block}
.mag-infos-button a:hover{background:url(/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat left center}
@media screen and (min-width:850px) {
html.mm-opening .mm-slideout{-webkit-transform:initial!important;-moz-transform:initial!important;-ms-transform:initial!important;-o-transform:initial!important;transform:initial!important}
html.mm-opening #mm-blocker{display:none!important}
html.mm-opening #menu-burger{display:none!important}
}
@media screen and (max-width:649px) {
body.page-offre h1{font-size:30px}
body.page-offre h2{font-size:20px}
.slide-mag-infos{padding:0 0 0 20px}
.slide-mag-infos-titre{font-size:20px;height:40px}
.slide-mag-infos-price{font-size:15px;height:30px}
.slide-mag-infos-desc{font-size:15px;height:173px}
.mag-infos-titre{font-size:20px;height:40px}
.mag-infos-desc{font-size:15px;height:183px}
.mag-infos-text{max-width:100%;width:100%;padding:0}
.mag-infos-cover{display:none}
ul.nosoffre>li:nth-child(2n){margin-left:0;margin-right:0}
ul.nosoffre .offer-cover{width:150px}
ul.nosoffre .offer-cover img.avec-dvd{width:45px}
ul.nosoffre .offer-img-autres{width:80px}
ul.nosoffre .offer-desc{width:calc(100% - 240px)}
.header .links>a>span{display:none}
.header .links > a{padding:13px 5px 9px}
.header .left .fa{font-size:25px;padding-right:10px}
.header .right .fa{font-size:25px;padding-left:10px;padding-right:0}
#menu-espace-client{right:-7px;left:initial}
.header .links > nav#menu-espace-client::before{right:64px;left:inital}
.header .links > nav{left:-7px}
.header .links > nav::before{left:17px}
.panier-nb{height:12px;left:15px;top:6px;width:17px}
.mag-infos-desc{height:auto;padding-bottom: 35px;}
.mag-infos .mag-social {bottom: 5px;left: 21px}
body.page-ano #searchBox>div{margin-right:0;width:auto;margin-bottom:10px}
body.page-ano #searchBox>div:nth-child(2n+1){width:100%}
body.page-ano #searchBox>div:nth-child(2n){margin-left:10px}
}
@media screen and (max-width:849px) {
.subheader{display:none}
html.mm-opened .header{position:relative}
html.mm-opened #page{padding-top:0}
.header .links>a{display:none}
.header .links>#link-menu-burger,.header .links>#link-menu-panier{display:inline-block}
.mm-opened .fa.fa-navicon::before{content:""}
#menu-burger .fa{font-size:17px;margin-right:8px;width:21px}
#menu-burger .mm-listview > li > a,#menu-burger .mm-listview > li > span{font-size:17px}
#menu-burger #menu-burger-search > span > form,#menu-burger #menu-burger-promo > span > form{width:calc(100% - 38px);display:inline-block}
#menu-burger #menu-burger-search > span > form > input[type="text"],#menu-burger #menu-burger-promo > span > form > input[type="text"]{height:26px;width:calc(100% - 38px)}
#menu-burger #menu-burger-search > span > form > a,#menu-burger #menu-burger-promo > span > form > a{background-color:rgba(0,0,0,0.7);border:1px solid rgba(0,0,0,0.9);color:#fff;height:24px;margin-left:5px;padding:4px 5px;width:30px}
.slide-modal{top:30px;height:393px;width:350px;padding:15px}
.slide-mag-cover{display:block;float:none;height:150px;text-align:center;width:100%}
.slick-slide img{display:initial}
.slide-mag-infos{padding:0;float:none;height:213px;width:100%;max-width:100%}
.slide-mag-infos-titre{height:35px;padding-top:10px;text-align:center}
.slide-mag-infos-price{height:30px;text-align:center}
.slide-mag-infos-desc{height:98px;margin-bottom:1px}
.slide-mag-infos-button a{float:none;margin:auto}
.mag-infos{top:47px;height:360px}
.mag-infos-text{height:320px}
.mag-infos-desc{height:262px}
ul.nosoffre .offer-divider{display:block;height:1px;margin-bottom:5px}
ul.nosoffre .offer-duration{display:inline-block;margin-bottom:0;margin-left:10px}
ul.nosoffre .offer-title{display:inline-block;margin-bottom:0}
ul.nosoffre .offer-cover{width:100px;vertical-align:middle}
ul.nosoffre .offer-img-autres{width:calc(100% - 100px);text-align:left;padding-top:0;padding-left:14px;position:relative;box-sizing:border-box;display:inline-block;padding-top:0;vertical-align:middle}
ul.nosoffre .offer-desc{width:100%;padding-left:0;padding-left:0;padding-bottom:60px;padding-top:5px}
ul.nosoffre .offer-img-autres > img{width:60px}
.ul.nosoffre .offer-cover img.avec-dvd{width:42px}
ul.nosoffre .offer-divider.last{padding-bottom:0}
.header_page_titre{padding-bottom:10px;padding-top:10px;height:auto}
.mag-infos{height:auto;top:initial;overflow:hidden}
.mag-infos-text{height:auto}
.mag-infos-desc{height:auto}
ul.nosoffre .offer-img-autres.is-not-empty::before{color:#d77e1a;content:"";font-family:FontAwesome;font-size:22px;font-weight:700;left:0;margin-left:2px;position:absolute;text-align:center;top:37px}
}
@media screen and (max-width:400px) {
body.page-offre h1{font-size:20px}
body.page-offre h2{font-size:16px}
.header img.logo{display:inline-block;margin-top:9px;width:200px}
.header .left .fa{font-size:25px;padding-right:0}
.header .right .fa{font-size:25px;padding-left:0}
.panier-nb{left:5px}
}
#identification{width:260px;float:right}
.connexion{width:260px;float:left;background:#1e1e1e}
.seconnecter{width:112px;background:url(/javax.faces.resource/reworldb/images/bgconnexion.png.xhtml) no-repeat right 5px;text-align:right;padding:16px 17px 10px 0;margin-right:2px;font-size:16px;line-height:16px;color:#fff;text-decoration:none;text-transform:uppercase;float:left;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.sinscrire{width:112px;background:url(/javax.faces.resource/reworldb/images/bginscription.png.xhtml) no-repeat left 5px;text-align:left;padding:16px 0 10px 17px;font-size:16px;line-height:16px;color:#fff;text-decoration:none;text-transform:uppercase;float:left;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.sinscrire:hover,.seconnecter:hover{color:#d77e1a}
.panier{background:none repeat scroll 0 0 #323232;border-radius:0 0 15px 15px;-webkit-border-radius:0 0 15px 15px;-moz-border-radius:0 0 15px 15px;-o-border-radius:0 0 15px 15px;-ms-border-radius:0 0 15px 15px;float:left;width:100%}
.panier a{background:url(/javax.faces.resource/reworldb/images/panierhover.png.xhtml) no-repeat scroll left center rgba(0,0,0,0);color:#FFF;float:left;font-size:14px;line-height:14px;margin:0 40px;padding:8px 0 8px 36px;text-decoration:none;width:144px;text-shadow:2px 2px 0 #000;-webkit-text-shadow:2px 2px 0 #000;-moz-text-shadow:2px 2px 0 #000;-o-text-shadow:2px 2px 0 #000;-ms-text-shadow:2px 2px 0 #000;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.panier a:hover{background:url(/javax.faces.resource/reworldb/images/panier.png.xhtml) no-repeat scroll left center rgba(0,0,0,0);color:#787878}
#menu{width:100%;display:block;background:#d77e1a;height:50px;text-align:center}
ul#navigation{width:1300px;margin:0 auto;padding:0}
ul#navigation li{list-style:none;background:url(/javax.faces.resource/reworldb/images/bgmenua.png.xhtml) no-repeat right center;width:10.7%;display:inline-block;height:50px}
ul#navigation li a{text-align:center;color:#fff;font-size:18px;letter-spacing:.04em;line-height:18px;padding:8px 10%;text-decoration:none;width:80%;float:left;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
ul#navigation li a.aligne{padding:16px 10%}
ul#navigation li a.current,ul#navigation li a:hover{color:#1e1e1e;text-shadow:1px 1px 0 #FC243C;-webkit-text-shadow:1px 1px 0 #FC243C;-moz-text-shadow:1px 1px 0 #FC243C;-o-text-shadow:1px 1px 0 #FC243C;-ms-text-shadow:1px 1px 0 #FC243C}
#menu2{font-size:11px;margin:0;padding:0;display:none;background:none repeat scroll 0 0 #d77e1a;float:left;width:100%}
#menu2 .menu2{cursor:pointer;margin:0 0 0 auto;position:relative;width:100%}
#menu2 h3{background:url(/javax.faces.resource/reworldb/images/bgmenu2.png.xhtml) no-repeat scroll 37% 11px rgba(0,0,0,0);color:#FFF;font-family:klavika_rgregular;font-size:30px;font-weight:400;line-height:30px;margin:0;padding:10px 0;text-align:center;text-transform:uppercase;border-bottom:1px solid #FC243C}
#menu2 .panel{display:none}
ul#navigation2{width:100%;padding:0;margin:0 auto;list-style:none}
ul#navigation2 li{width:100%;float:left;padding:20px 0;background:url(/javax.faces.resource/reworldb/images/bgmenua2.png.xhtml) no-repeat center center #A81828}
ul#navigation2 li a{text-align:center;color:#fff;font-size:16px;line-height:16px;width:100%;float:left;text-decoration:none}
ul#navigation2 li a.current,ul#navigation2 li a:hover{color:#1e1e1e;text-shadow:1px 1px 0 #FC243C;-webkit-text-shadow:1px 1px 0 #FC243C;-moz-text-shadow:1px 1px 0 #FC243C;-o-text-shadow:1px 1px 0 #FC243C;-ms-text-shadow:1px 1px 0 #FC243C}
#ariane{width:100%;color:#1E1E1E;margin:0 auto 20px;padding-left:10px;box-sizing:border-box}
#ariane a{color:#1E1E1E;font-size:16px;text-decoration:none;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#ariane a:hover{color:#d77e1a}
#ariane a.home{color:#d77e1a}
#ariane a.home:hover{color:#1E1E1E}
#ligne{background:url(/javax.faces.resource/reworldb/images/ligne.png.xhtml) no-repeat center center;width:100%;height:50px;margin-bottom:-70px}
#slideshow{width:100%;float:left;background:rgba(0,0,0,0);display:block;position:relative;margin:2px auto 0;padding-bottom:60px}
#slideshow .prev{width:100px;position:absolute;z-index:999;top:120px;left:0;height:120px;background:url(/javax.faces.resource/reworldb/images/prev.png.xhtml) no-repeat center center;opacity:.5;-webkit-opacity:.5;-mo-opacity:.5;-ms-opacity:.5;-o-opacity:.5;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#slideshow .next{width:100px;position:absolute;z-index:999;top:120px;right:0;height:120px;background:url(/javax.faces.resource/reworldb/images/next.png.xhtml) no-repeat center center;opacity:.5;-webkit-opacity:.5;-mo-opacity:.5;-ms-opacity:.5;-o-opacity:.5;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#slideshow .prev:hover,#slideshow .next:hover{opacity:1;-webkit-opacity:1;-mo-opacity:1;-ms-opacity:1;-o-opacity:1}
#contentslide{width:840px;margin:0 auto;position:relative}
#imageslide{float:left;margin:0 35px 0 0;width:445px}
#textslide{float:right;display:block;margin:40px auto 0;width:360px}
#encours{width:100%;float:left;margin:10px auto 20px}
#historique{width:100%;float:left;margin:10px auto 20px}
#encours h1,#historique h1{width:100%;float:left;text-align:left;line-height:20px;font-size:18px;margin:0 auto 20px;padding:0 0 10px;border-bottom:1px #d77e1a solid}
#entete .commande2{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 1% 0 0;padding:10px 1%;text-transform:uppercase;width:27%}
#entete .reference2{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 1% 0 0;padding:10px 1%;text-transform:uppercase;width:12%}
#entete .nom2{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 1% 0 0;padding:10px 1%;text-transform:uppercase;width:12%}
#entete .adresse2{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 1% 0 0;padding:10px 1%;text-transform:uppercase;width:16%}
#entete .date2{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 1% 0 0;padding:10px 1%;text-transform:uppercase;width:8%}
#entete .date3{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0;padding:10px 1%;text-transform:uppercase;width:8%}
.cta{display:inline-block;width:180px;height:180px;margin-bottom:20px}
#blockcta{width:800px;margin:0 auto;text-align:center}
#blockcta a{display:inline-block;height:180px;width:180px}
#questioncta a{background:url(/javax.faces.resource/reworldb/images/btncta.png.xhtml) no-repeat scroll 2px 0 rgba(0,0,0,0)}
#questioncta a:hover{background:url(/javax.faces.resource/reworldb/images/btncta.png.xhtml) no-repeat scroll 2px -174px rgba(0,0,0,0)}
#paiementcta a{background:url(/javax.faces.resource/reworldb/images/btncta.png.xhtml) no-repeat scroll -175px 0 rgba(0,0,0,0)}
#paiementcta a:hover{background:url(/javax.faces.resource/reworldb/images/btncta.png.xhtml) no-repeat scroll -175px -174px rgba(0,0,0,0)}
#abocta a{background:url(/javax.faces.resource/reworldb/images/btncta.png.xhtml) no-repeat scroll -349px 0 rgba(0,0,0,0)}
#abocta a:hover{background:url(/javax.faces.resource/reworldb/images/btncta.png.xhtml) no-repeat scroll -349px -174px rgba(0,0,0,0)}
#contactcta a{background:url(/javax.faces.resource/reworldb/images/btncta.png.xhtml) no-repeat scroll -524px 0 rgba(0,0,0,0)}
#contactcta a:hover{background:url(/javax.faces.resource/reworldb/images/btncta.png.xhtml) no-repeat scroll -524px -174px rgba(0,0,0,0)}
.commande2 .commandeimg{width:30%;display:block}
.commande2 .intitule{width:68%;margin-left:2%;float:left}
.commande2 .intitule h7{width:100%;font-size:18px;line-height:18px;margin-bottom:10px;color:#1E1E1E;float:left}
.commande2 .intitule p{width:100%;font-size:18px;line-height:18px;margin:0;color:#B4B4B4;text-shadow:1px 1px 0 #FFF;-webkit-text-shadow:1px 1px 0 #FFF;-moz-text-shadow:1px 1px 0 #FFF;-o-text-shadow:1px 1px 0 #FFF;-ms-text-shadow:1px 1px 0 #FFF;float:left}
ul#produit li.article .commande2{width:27%;padding:10px 1%;float:left;height:147px;margin:0 1% 0 0;background:none repeat scroll 0 0 #F0F0F0}
ul#produit li.article .reference2{width:12%;padding:10px 1%;float:left;height:147px;margin:0 1% 0 0;background:none repeat scroll 0 0 #F0F0F0}
ul#produit li.article .nom2{width:12%;padding:10px 1%;float:left;height:147px;margin:0 1% 0 0;background:none repeat scroll 0 0 #F0F0F0;color:#d77e1a;text-shadow:1px 1px 0 #FFF;-webkit-text-shadow:1px 1px 0 #FFF;-moz-text-shadow:1px 1px 0 #FFF;-o-text-shadow:1px 1px 0 #FFF;-ms-text-shadow:1px 1px 0 #FFF}
ul#produit li.article .adresse2{width:16%;padding:10px 1%;float:left;height:147px;margin:0 1% 0 0;background:none repeat scroll 0 0 #F0F0F0}
ul#produit li.article .date2{width:8%;padding:10px 1%;float:left;height:147px;text-align:center;margin:0 1% 0 0;background:none repeat scroll 0 0 #F0F0F0}
ul#produit li.article .date3{width:8%;padding:10px 1%;float:left;height:147px;text-align:center;margin:0;background:none repeat scroll 0 0 #F0F0F0}
h1{background:none repeat scroll 0 0;color:#d77e1a;float:right;font-size:40px;line-height:40px;margin:0 auto 10px;font-weight:400;padding:10px;text-align:right;width:auto}
.numdate{background:none repeat scroll 0 0 #DADADA;color:#1E1E1E;float:right;font-size:20px;line-height:20px;padding:7px 10px;width:auto;text-align:right;min-width:276px}
p.resume{float:right;color:#1e1e1e;text-align:right;width:100%;margin:20px auto;font-size:14px;line-height:16px}
.decouvrir{width:160px;float:right;padding:4px 0;background:url(/javax.faces.resource/reworldb/images/bgdecouvrir.png.xhtml) no-repeat right center;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase;margin:0 0 0 200px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.decouvrir:hover{background:url(/javax.faces.resource/reworldb/images/bgdecouvrir.png.xhtml) no-repeat left center}
.decouvrir span{width:auto;float:left;font-size:20px;line-height:20px;padding:4px 0;margin:0 0 0 20px;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase}
.decouvrir img{float:left;margin:4px auto;width:20px}
#navslide{height:20px;left:310px;position:absolute;top:352px;width:220px}
#navslide a{width:20px;height:20px;float:left;margin:0 10px;background:url(/javax.faces.resource/reworldb/images/nav.png.xhtml) no-repeat right center;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#navslide a.active,#navslide a:hover{background:url(/javax.faces.resource/reworldb/images/nav.png.xhtml) no-repeat left center}
#content{margin:20px auto 0;display:block;position:relative;overflow:hidden}
#coordonnee{float:left;margin:0 0 50px;width:100%;box-sizing:border-box}
#newcustomer{float:left;max-width:630px;border:1px solid;margin:0 2%;padding-bottom:23px;width:96%}
#oldcustomer{float:none;border:1px solid;left:inherit;position:relative;top:inherit;max-width:95%;width:800px;margin:auto}
.new{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;line-height:18px;padding:10px;text-transform:uppercase;width:610px;margin-bottom:30px}
.old{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:none;font-size:18px;line-height:18px;padding:10px;text-transform:uppercase;width:100%;margin-bottom:30px;box-sizing:border-box}
.title-links-inscription{margin-top:20px}
.links-inscription{display:block}
.links-inscription ul{display:block;margin-bottom:30px}
.links-inscription ul li{display:block;overflow:hidden}
.links-inscription a{display:block;margin:15px 0;text-decoration:none;width:160px;color:#d77e1a;line-height:14px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.links-inscription a:hover{text-decoration:underline;color:#1e1e1e}
#newform{width:100%;float:left;box-sizing:border-box}
#newform .checkbox{display:inline-block;margin-right:40px}
#newform .checkbox input{display:none}
#newform .checkbox .style{background:none repeat scroll 0 0 #DCDCDC;border:10px solid #DCDCDC;display:inline-block;height:10px;position:relative;vertical-align:top;width:10px}
#newform span.lelabel{font-size:18px}
#newform .checkbox input:checked + .style{border:10px #DCDCDC solid}
#newform .checkbox input:checked + .style:after{background:none repeat scroll 0 0 #d77e1a;content:"";display:block;height:10px;left:0;position:absolute;top:0;width:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px}
#oldform .checkbox{display:inline-block;margin-right:40px}
#oldform .checkbox input{display:none}
#oldform .checkbox .style{background:none repeat scroll 0 0 #DCDCDC;border:10px solid #DCDCDC;display:inline-block;height:10px;position:relative;vertical-align:top;width:10px}
#oldform span.lelabel{font-size:18px}
#oldform .checkbox input:checked + .style{border:10px #DCDCDC solid}
#oldform .checkbox input:checked + .style:after{background:none repeat scroll 0 0 #d77e1a;content:"";display:block;height:10px;left:0;position:absolute;top:0;width:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px}
.stayconnect,.civilite,.nom,.prenom,.email,.password,.email2,.password2,.phone,.numero,.adresse,.codepostal,.ville,.pays,.adresselivraison,.name-account,.bic,.iban,.condition,.creditCardType,.creditCardNumber,.expirationDate,.cryptogram,.owner
.optin{float:left;margin:0 auto 10px;width:100%}
#oldform input#champ{width:170px}
.born{float:left;margin:0 auto 20px;width:100%}
span.titrechamp{width:150px;margin:6px 10px;line-height:18px;font-size:18px;color:#1E1E1E;float:left}
#oldform span.titrechamp{width:180px}
#oldform span.lechamp{width:190px}
span.lechamp{width:460px;float:left}
span.titrechamp2{width:470px;margin:6px 10px;line-height:18px;font-size:18px;color:#1E1E1E;float:left}
span.lechamp2{float:right}
span.lechamp3{width:630px;float:left}
span.lechamp3 a{color:#d77e1a;text-decoration:none;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
span.lechamp3 a:hover{color:#1E1E1E}
#newform .adresselivraison .checkbox{display:inline-block;margin-right:6px}
input#champ{font-size:16px;line-height:16px;font-family:'klavika_rgregular';color:#1E1E1E;width:440px;float:left;padding:4px 10px;background:#DCDCDC;border:none}
input#champ1{font-size:16px;line-height:16px;font-family:'klavika_rgregular';color:#1E1E1E;width:105px;float:left;padding:4px 10px;background:#DCDCDC;border:none}
input#champ2{font-size:16px;line-height:16px;font-family:'klavika_rgregular';color:#1E1E1E;width:85px;margin:0 10px;float:left;padding:4px 10px;background:#DCDCDC;border:none}
input#champ3{font-size:16px;line-height:16px;font-family:'klavika_rgregular';color:#1E1E1E;width:190px;float:left;padding:4px 10px;background:#DCDCDC;border:none}
.tabberlive .tabbertabhide{display:none}
.tabberlive{margin:40px auto;width:1300px;float:left}
ul.tabbernav{background:url(/javax.faces.resource/reworldb/images/ombre9.png.xhtml) repeat-y scroll right center #F0F0F0;float:left;margin:0;padding:0;width:290px}
ul.tabbernav li{float:left;list-style:none outside none;width:290px}
ul.tabbernav li a{background:url(/javax.faces.resource/reworldb/images/tab.png.xhtml) no-repeat scroll -39px center rgba(0,0,0,0);color:#FFF;float:left;font-size:18px;line-height:18px;padding:28px 50px 28px 20px;text-align:center;text-decoration:none;text-transform:uppercase;width:220px;min-height:54px}
ul.tabbernav li.bis a{background:url(/javax.faces.resource/reworldb/images/tab.png.xhtml) no-repeat scroll -39px center rgba(0,0,0,0);color:#FFF;float:left;font-size:18px;line-height:18px;padding:28px 50px 28px 20px;text-align:center;text-decoration:none;text-transform:uppercase;width:220px}
ul.tabbernav li a:hover{background:url(/javax.faces.resource/reworldb/images/tabactive.png.xhtml) no-repeat scroll right center rgba(0,0,0,0)}
ul.tabbernav li.tabberactive a{background:url(/javax.faces.resource/reworldb/images/tabactive.png.xhtml) no-repeat scroll right center rgba(0,0,0,0)}
ul.tabbernav li.tabberactive a:hover{background:url(/javax.faces.resource/reworldb/images/tabactive.png.xhtml) no-repeat scroll right center rgba(0,0,0,0)}
.tabberlive .tabbertab{background:none repeat scroll 0 0 #F0F0F0;float:left;padding:15px;width:980px;min-height:630px}
.tabberlive .tabbertab h2{text-transform:uppercase;color:#d77e1a;font-size:22px;line-height:22px;margin:0 auto 10px;width:100%;float:left;font-weight:400}
.tabberlive .tabbertab p{margin:0 auto;width:100%;float:left}
.tabberlive#tab2 .tabbertab{height:200px;overflow:auto}
#tunnel{float:left;margin:0 250px 60px;width:800px}
.monpanier{background:url(/javax.faces.resource/reworldb/images/step1.png.xhtml) no-repeat scroll 0 0 rgba(0,0,0,0);color:#d77e1a;float:left;font-size:18px;line-height:18px;padding:140px 26px 0 54px;text-align:center;text-decoration:none;text-transform:uppercase;width:auto}
.identification{background:url(/javax.faces.resource/reworldb/images/step2.png.xhtml) no-repeat scroll 0 0 rgba(0,0,0,0);color:#1E1E1E;float:left;font-size:18px;line-height:18px;padding:140px 0 0 90px;text-align:center;text-decoration:none;text-transform:uppercase;width:auto}
#btn{float:left;width:100%;position:relative;margin:0 auto}
ul#btn0{width:100%;float:left;padding:0}
#btn span{float:left;line-height:14px;margin:3px auto;width:160px}
li.btn0 a img{transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}
li.btn0 a:hover img{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}
#btn img{width:20px;height:20px;float:left;display:block}
#moyen{float:left;margin:0 350px 50px;width:600px}
#moyen h2{color:#d77e1a;text-transform:uppercase;text-align:center;font-size:18px;line-height:18px;font-weight:400;width:100%;float:left;margin:0 auto 20px}
#moyen a{background:url(/javax.faces.resource/reworldb/images/bgmoyen.png.xhtml) repeat scroll -52px center rgba(0,0,0,0);border-radius:30px 0 0 30px;float:left;padding:15px;width:260px;cursor:pointer;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#moyen a:hover{background-position:-152px center}
#moyen img{float:left;height:70px;width:70px}
#moyen .pay{color:#FFF;float:left;font-size:16px;height:70px;line-height:18px;margin-left:20px;text-align:center;text-transform:uppercase;width:160px}
#moyen span{color:#FFF;float:left;font-size:14px;line-height:16px;margin:10px auto 0;text-align:center;text-transform:none;width:100%}
.cheque{margin-right:20px}
.carte{margin:0}
.resume2{background:url(/javax.faces.resource/reworldb/images/step3.png.xhtml) no-repeat scroll 0 0 rgba(0,0,0,0);color:#1E1E1E;float:left;font-size:18px;line-height:18px;padding:140px 20px 0 126px;text-align:center;text-decoration:none;text-transform:uppercase;width:auto}
.paiement{background:url(/javax.faces.resource/reworldb/images/step4.png.xhtml) no-repeat scroll 0 0 rgba(0,0,0,0);color:#1E1E1E;float:left;font-size:18px;line-height:18px;padding:140px 36px 0 116px;text-align:center;text-decoration:none;text-transform:uppercase;width:auto}
.monpanier:hover{color:#1E1E1E}
.identification.current,.resume2.current,.paiement.current,.identification.done,.resume2.done,.identification:hover,.resume2:hover,.paiement:hover{color:#d77e1a;background-position:0 -170px}
.imgoffre{float:left;padding:20px;width:160px;display:block}
.imgoffre img{max-width:100%;max-height:205px;box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);-moz-box-shadow:0 0 5px rgba(0,0,0,0.5);-o-box-shadow:0 0 5px rgba(0,0,0,0.5);-ms-box-shadow:0 0 5px rgba(0,0,0,0.5);height:auto}
.loffre{width:820px;float:left;padding:20px 20px 20px 10px;border-radius:0 30px 30px 0;-webkit-border-radius:0 30px 30px 0;-moz-border-radius:0 30px 30px 0;-ms-border-radius:0 30px 30px 0;-o-border-radius:0 30px 30px 0}
.descrioffre{width:575px;float:left;margin-right:30px}
.descrioffre h6{width:100%;float:left;margin:0 auto 15px;padding-bottom:10px;border-bottom:1px #e1e1e1 solid;text-align:center;font-size:22px;text-transform:uppercase;color:#d77e1a;font-weight:400}
.descrioffre p{width:100%;float:left;display:block;margin:0 auto 10px;text-align:justify}
.descrioffre .prix{width:90%;margin:0 5% 5px;text-align:center;color:#1E1E1E;background:#DADADA;font-size:22px;padding:4px 0;float:left}
.descrioffre .reduc{width:100%;text-align:center;float:left;color:#1E1E1E;font-size:14px}
.lienoffre{float:left;margin:auto auto 0;width:215px}
#magazine{float:left;width:100%}
.mag{float:left;width:43%}
.mag a{float:left;width:52%;opacity:1;-webkit-opacity:1;-moz-opacity:1;-o-opacity:1;-ms-opacity:1;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.mag a:hover{opacity:.3;-webkit-opacity:.3;-moz-opacity:.3;-o-opacity:.3;-ms-opacity:.3}
.mag img{width:100%}
.textemag{float:left;margin-left:5%;width:43%}
h5{border-bottom:2px solid #F0F0F0;color:#d77e1a;font-size:26px;font-weight:400;line-height:24px;margin:0 auto 15px;padding:0 0 10px;text-align:left;width:100%}
#contact{margin:40px 2.5% 0 27.5%;padding-bottom:12px;float:left;background:url(/javax.faces.resource/reworldb/images/ombre5.png.xhtml) no-repeat center bottom;width:260px}
#gerer{width:260px;margin:40px 27.5% 0 2.5%;padding-bottom:12px;float:left;background:url(/javax.faces.resource/reworldb/images/ombre5.png.xhtml) no-repeat center bottom}
.bloc_contact{background:url(/javax.faces.resource/reworldb/images/contacter.png.xhtml) no-repeat scroll center 10px #EDEDED;float:left;height:100px;padding:0 0 40px;position:relative;width:100%;border-radius:30px 30px 0 0;-webkit-border-radius:30px 30px 0 0;-moz-border-radius:30px 30px 0 0;-o-border-radius:30px 30px 0 0;-ms-border-radius:30px 30px 0 0}
.bloc_contact a{width:160px;float:right;left:20%;position:absolute;top:110px;background:url(/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat right center;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.bloc_contact a:hover{background:url(/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat left center}
.bloc_contact span{width:auto;float:left;font-size:14px;padding:2px 0;margin:0 0 0 16px;line-height:16px;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase}
.bloc_contact img{float:left;margin:0 auto;width:20px}
.bloc_gerer{background:url(/javax.faces.resource/reworldb/images/gerer.png.xhtml) no-repeat scroll center 10px #EDEDED;float:left;height:100px;padding:0 0 40px;position:relative;width:100%;border-radius:30px 30px 0 0;-webkit-border-radius:30px 30px 0 0;-moz-border-radius:30px 30px 0 0;-o-border-radius:30px 30px 0 0;-ms-border-radius:30px 30px 0 0}
.bloc_gerer a{width:160px;float:right;left:20%;position:absolute;top:110px;background:url(/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat right center;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.bloc_gerer a:hover{background:url(/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat left center}
.bloc_gerer span{width:auto;float:left;font-size:14px;padding:2px 0;margin:0 0 0 16px;line-height:16px;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase}
.bloc_gerer img{float:left;margin:0 auto;width:20px}
#magdecouverte{width:100%;float:left;margin:40px auto;display:block}
#magdecouverte h3{font-size:20px;line-height:20px;margin:0 auto 20px;padding:0 0 15px;text-align:center;width:100%;float:left;background:url(/javax.faces.resource/reworldb/images/ombre2.png.xhtml) no-repeat center bottom;font-weight:400;text-transform:uppercase;color:#1e1e1e}
#magdecouverte a{float:left;color:#d77e1a;margin:0 auto;width:489px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#magdecouverte a.actuel{margin:0 80px 0 130px}
#magdecouverte a:hover{color:#1e1e1e}
#magdecouverte a img{float:left;height:auto;width:100%}
#magdecouverte a span{float:left;font-size:18px;line-height:18px;margin:15px auto 0;text-align:center;text-decoration:none;width:100%}
#nosmag{width:100%;float:left;margin:40px auto;display:block}
#nosmag h3{font-size:20px;line-height:20px;margin:0 auto 20px;padding:0 0 15px;text-align:center;width:100%;float:left;background:url(/javax.faces.resource/reworldb/images/ombre2.png.xhtml) no-repeat center bottom;font-weight:400;text-transform:uppercase;color:#1e1e1e}
#nosmag ul{width:1000px;margin:0 auto;padding:0;text-align:center}
#nosmag ul li{list-style:none;display:inline-block;margin:0 7px;background:none;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#nosmag ul li:hover{background:url(/javax.faces.resource/reworldb/images/ombre3.png.xhtml) no-repeat center center}
#nosmag ul li.gourmand{margin:0 10px 0 0}
#nosmag ul li.telemag{margin:0 0 0 10px}
.more{width:160px;margin:40px 570px 0;float:left;background:url(/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat right center;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.more:hover{background:url(/javax.faces.resource/reworldb/images/bgbutton.png.xhtml) no-repeat left center}
.more span{width:auto;float:left;font-size:14px;padding:2px 0;margin:0 0 0 26px;line-height:16px;text-align:center;text-decoration:none;color:#fff;text-transform:uppercase}
.more img{float:left;margin:0 auto;width:20px}
.pdv{width:350px;margin:0 auto 40px;max-width:100%}
#tableau{float:left;margin:0 auto 50px;width:100%}
#entete{float:left;margin:0 auto 10px;width:100%}
#entete .commande{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 1% 0 0;padding:10px 1%;text-transform:uppercase;width:44%}
#entete .reference{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 1% 0 0;padding:10px 1%;text-transform:uppercase;width:17%}
#entete .quantite{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 1% 0 0;padding:10px 1%;text-transform:uppercase;width:14%}
ul#produit li.article .label{display:none}
#entete .cout{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0;padding:10px 1%;text-transform:uppercase;width:14%}
ul#produit{float:left;list-style:none outside none;margin:0 auto 10px;padding:0;width:100%}
ul#produit li.article{width:100%;float:left}
ul#produit li.article .commande{width:44%;padding:10px 1%;float:left;height:147px;margin:0 1% 0 0;background:none repeat scroll 0 0 #F0F0F0}
ul#produit li.article .reference{width:17%;padding:10px 1%;float:left;height:147px;margin:0 1% 0 0;background:none repeat scroll 0 0 #F0F0F0;font-size:18px;line-height:18px;color:#1E1E1E}
ul#produit li.article .quantite{width:14%;padding:10px 1%;margin:0 1% 0 0;float:left;height:147px;background:none repeat scroll 0 0 #F0F0F0}
ul#produit li.article .cout{width:14%;padding:10px 1%;float:left;height:147px;margin:0;background:none repeat scroll 0 0 #F0F0F0}
.commandeimg{width:20%;float:left}
.commandeimg img{width:100%;float:left;height:auto}
.commande .intitule{width:78%;margin-left:2%;float:left}
.commande .intitule h7{width:100%;font-size:18px;line-height:18px;margin-bottom:10px;color:#1E1E1E;float:left}
.commande .intitule p{width:100%;font-size:18px;line-height:18px;margin:0;color:#B4B4B4;text-shadow:1px 1px 0 #FFF;-webkit-text-shadow:1px 1px 0 #FFF;-moz-text-shadow:1px 1px 0 #FFF;-o-text-shadow:1px 1px 0 #FFF;-ms-text-shadow:1px 1px 0 #FFF;float:left}
.cout .prixprod h7{width:100%;font-size:18px;line-height:18px;margin-bottom:10px;color:#d21e32;float:left;font-family:Georgia,serif;font-weight:700}
.cout .prixprod p{width:100%;font-size:18px;line-height:18px;margin:0;color:#B4B4B4;text-shadow:1px 1px 0 #FFF;-webkit-text-shadow:1px 1px 0 #FFF;-moz-text-shadow:1px 1px 0 #FFF;-o-text-shadow:1px 1px 0 #FFF;-ms-text-shadow:1px 1px 0 #FFF;float:left}
.addremove{width:100%;float:left}
.add{width:20px;height:20px;background:url(/javax.faces.resource/reworldb/images/bgadd.png.xhtml) no-repeat center top;float:left;margin:0 5% 0 35%;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.remove{width:20px;height:20px;background:url(/javax.faces.resource/reworldb/images/bgremove.png.xhtml) no-repeat center bottom;float:left;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.add:hover{background:url(/javax.faces.resource/reworldb/images/bgadd.png.xhtml) no-repeat center bottom}
.remove:hover{background:url(/javax.faces.resource/reworldb/images/bgremove.png.xhtml) no-repeat center top}
.delete{width:30px;margin-top:20px;height:40px;float:left;background:url(/javax.faces.resource/reworldb/images/bgdelete.png.xhtml) no-repeat right center;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.delete:hover{background:url(/javax.faces.resource/reworldb/images/bgdelete.png.xhtml) no-repeat left center}
.compteur{width:60%;float:left;margin:20px 10% 0;text-align:center;padding:5px 10%;background:#FFF;color:#1E1E1E;font-size:16px}
#infopanier{width:100%;float:left}
.destination{width:33%;padding:10px 1%;background:#1E1E1E;margin-right:1%;float:left;color:#FFF;line-height:20px;font-size:20px;text-transform:uppercase}
.promo{width:30%;padding:10px 1%;background:#1E1E1E;margin-right:1%;float:left;color:#FFF;line-height:20px;font-size:20px;text-transform:uppercase}
.total{width:31%;padding:10px 1%;background:#d77e1a;float:right;color:#FFF;line-height:20px;font-size:20px;text-transform:uppercase}
ul#mag{width:100%;margin:0 auto;padding:0;font-size:14px;text-align:justify;overflow:hidden}
.total span.prixtotal{line-height:18px;padding:1px 30px;float:right;color:#FFF;background:#1E1E1E;font-size:18px}
.promo form{width:100%;float:left}
.promo form label{color:#FFF;float:left;font-family:'klavika_rgregular';font-size:20px;line-height:20px;margin:0 6% 0 0}
.promo form input#code{background:none repeat scroll 0 0 #FFF;border:medium none;border-radius:0;color:#1E1E1E;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:0 10px;width:140px}
.promo form input#submit{background:none repeat scroll 0 0 #d77e1a;border:medium none;color:#FFF;float:left;font-family:'klavika_rgregular';font-size:14px;line-height:14px;padding:1px;text-transform:uppercase;width:26px}
.destination form{width:auto;float:left;margin:0 5%}
.destination span{width:auto;float:left}
.destination form select{border:medium none;border-radius:0;float:left;padding:2px;width:100%}
#continue3{width:100%;margin:20px 0 0;float:none}
#continue,#continue2{width:100%;float:left}
#continue a{width:230px;float:right;line-height:18px;font-size:18px;text-transform:uppercase;text-decoration:none;text-align:center;color:#FFF;padding:6px 0;background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat right center;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#continue a.retour {float:left}
#continue2 a{width:230px;float:left;line-height:18px;font-size:18px;text-transform:uppercase;text-decoration:none;text-align:center;color:#FFF;margin:20px;padding:6px 0;background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat right center;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#continue3 a.connect,a.connect{width:230px;float:none;display:block;line-height:18px;font-size:18px;text-transform:uppercase;text-decoration:none;text-align:center;color:#FFF;margin:0 auto;padding:6px 0;background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat right center;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#continue3 a.forgot{width:230px;float:none;display:block;color:#d77e1a;text-align:center;text-decoration:none;margin:5px auto;font-size:14px;line-height:14px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#continue3 a.forgot:hover{color:#1e1e1e}
#continue3 a.connect:hover,a.connect:hover,#continue2 a:hover,#continue a:hover{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat left center}
#reglementation{width:100%;float:left;padding:30px 10px 20px;box-sizing:border-box}
#help{width:100%;float:left;padding-top:30px;background:url(/javax.faces.resource/reworldb/images/ombre2.png.xhtml) no-repeat center top;margin:50px auto 40px}
#help p{font-size:18px;line-height:18px;text-align:center;text-transform:uppercase;color:#1E1E1E}
#reglementation p{font-size:14px;line-height:16px;text-align:left;color:#1E1E1E}
#reglementation a,#help a{text-decoration:none;color:#d77e1a;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
#reglementation a:hover,#help a:hover{color:#1E1E1E}
ul#mag li.left{margin-right:14%}
ul#mag li{background:url(/javax.faces.resource/reworldb/images/ombre1.png.xhtml) no-repeat scroll center bottom rgba(0,0,0,0);float:left;list-style:none outside none;padding-bottom:20px;position:relative;margin-bottom:45px;width:43%}
ul#mag li img{width:100%;float:left;height:auto}
.couverture{float:left;margin-right:5%;width:42%;position:relative}
.infomag{width:53%;float:left}
.infomag .lienmag{position:absolute;right:0;bottom:20px;width:53%}
.infomag a.sabonner{background:#d77e1a;color:#fff}
.infomag a.sabonner:hover{background:#1e1e1e;color:#fff}
.infomag a{float:left;width:80%;background:#1e1e1e;text-align:center;text-decoration:none;margin-top:5px;color:#fff;text-transform:uppercase;font-size:14px;padding:4px 10%;line-height:14px;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.infomag a:hover{background:#d21e32}
.titremag h4{width:100%;float:left;font-weight:400;margin:0}
.infomag p{float:left;display:block;height:200px;margin:0 auto 60px;overflow:hidden;width:100%}
.infomag a.titremag{background:none repeat scroll 0 0 rgba(0,0,0,0);border-bottom:1px solid #E1E1E1;color:#d77e1a;font-size:26px;line-height:26px;margin:0 auto 15px;padding:0 0 10px;text-align:left;text-transform:inherit}
.infomag a.titremag:hover{color:#1e1e1e}
footer{width:100%;float:left}
#topfooter{width:100%;float:left;display:block;padding:20px 0;background:#FFF}
#botfooter{width:100%;float:left;background:#4d4d4d;border-bottom:6px #d77e1a solid}
.partenaire{width:100%;margin:0 auto 10px;text-align:center}
.partenaire a{max-width:90px;margin:0 34px;display:inline-block;line-height:60px;opacity:.5;-webkit-opacity:.5;-mo-opacity:.5;-ms-opacity:.5;-o-opacity:.5}
.partenaire a:hover{opacity:1;-webkit-opacity:1;-mo-opacity:1;-ms-opacity:1;-o-opacity:1}
.partenaire a img{width:100%;height:auto}
.foot{width:1300px;margin:20px auto}
.col1{width:275px;float:left;padding:0 30px 0 0;min-height:160px}
.col2{width:275px;float:left;padding:0 30px 10px;min-height:160px}
.col3{width:275px;float:left;padding:0 30px;min-height:160px}
.col4{width:275px;float:left;padding:0 0 0 30px;min-height:160px;text-align:center}
.col1 a{width:275px;float:left;color:#d77e1a;font-size:14px;line-height:16px;margin:0 auto 16px;text-align:center;text-decoration:none;text-transform:uppercase;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.col1 a:hover{color:#FFF}
.col4 h4,.col3 h4,.col2 h4{width:275px;float:left;color:#d77e1a;font-size:14px;line-height:16px;margin:0 auto 16px;font-weight:400;text-align:center;text-decoration:none;text-transform:uppercase}
.col3 a,.col2 a{width:275px;float:left;color:#FFF;font-size:14px;line-height:16px;margin:0 auto;text-align:center;text-decoration:none;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.col3 a:hover,.col2 a:hover{color:#d77e1a}
.col3 span{margin:16px auto 0;float:left;width:275px}
.col3 span a{width:275px;float:left;color:#d77e1a;font-size:14px;line-height:16px;margin:0 auto;font-weight:400;text-align:center;text-decoration:none;text-transform:uppercase;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.col3 span a:hover{color:#FFF}
.col4 a{width:50px;height:50px;float:none;display:inline-block;background:url(/javax.faces.resource/reworldb/images/bgsocial.png.xhtml) no-repeat right center;transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;-ms-transition:All 1s ease}
.col4 a:hover{background:url(/javax.faces.resource/reworldb/images/bgsocial.png.xhtml) no-repeat left center}
.col4 a.facebook{margin:0 10px 0 0}
.col4 a.twitter{margin:0 0 0 10px}
#slider-new{width:80%;margin:50px 10%;float:left;height:330px;display:block;position:relative}
#identification-space{display:block;float:none;margin:60px auto;position:relative}
.input170{background:none repeat scroll 0 0 #DCDCDC;border:medium none;color:#1E1E1E;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:4px 2px 4px 10px;width:100%}
.ui-messages-info,.ui-messages-warn,.ui-messages-error,.ui-messages-fatal{margin-top:20px;font-size:12px}
.ui-message-info,.ui-message-error,.ui-message-warn,.ui-message-fatal{margin:0;font-size:12px;width:100%;box-sizing:border-box}
.ui-messages-error a,.ui-message-error a{text-decoration:underline;color:#b94a48}
.errorMessages{padding-top:10px}
.bienvenue{color:#fff;margin-left:10px;margin-bottom:0}
.content-divider{border-bottom:2px solid #C9C9C9;margin-bottom:15px;margin-top:15px}
.largeWidth{width:100%!important;width:100%!important}
.spanClass input{background:none repeat scroll 0 0 #DCDCDC;border:medium none;color:#1E1E1E;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:4px 10px;width:206px}
.spanClass-tel input{background:url(/javax.faces.resource/reworldb/images/info_perso_tel_fixe.png.xhtml) no-repeat scroll 6px 2px #DCDCDC;border:medium none;color:#1E1E1E;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:4px 10px 4px 40px;width:176px}
.spanClass-mobile input{background:url(/javax.faces.resource/reworldb/images/info_perso_tel_mob.png.xhtml) no-repeat scroll 6px 2px #DCDCDC;border:medium none;color:#1E1E1E;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:4px 10px 4px 40px;width:176px}
.spanClass-date-naiss input{background:url(/javax.faces.resource/reworldb/images/info_perso_date_naissance.png.xhtml) no-repeat scroll 6px 2px #DCDCDC;border:medium none;color:#1E1E1E;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:4px 10px 4px 40px;width:176px;font-weight:400}
a.adressselect{border:3px double;color:#435E67;font-family:"AllerRegular","Trebuchet MS";font-size:15px;font-weight:700;padding:2px;text-decoration:none}
a.adressselect:hover{color:#435E67;cursor:text;font-family:"AllerRegular","Trebuchet MS";font-size:15px;text-decoration:none}
a.adressunselect:hover{border:3px double;color:#435E67;font-family:"AllerRegular","Trebuchet MS";font-size:15px;padding:2px;text-decoration:none}
a.adressunselect:visited{color:#435E67;font-family:"AllerRegular","Trebuchet MS";font-size:15px;text-decoration:none}
.notificationBarBlock{opacity:.8}
.notificationBarText{color:red;font-size:28px}
.ui-autocomplete{min-width:250px;max-height:200px;overflow-x:hidden;overflow-y:auto}
.compteur input{border:0 none;text-align:center}
.account-create-mentions-legales{padding-top:50px}
.table-prelev{border-left:3px solid #F0F0F0;border-right:3px solid #F0F0F0;border-top:3px solid #F0F0F0}
.header-prelev{background:none repeat scroll 0 0 #000;border:3px solid #F0F0F0;color:#FFF;height:33px;font-size:18px;font-weight:400;text-transform:uppercase}
.column-prelev-selected{background-color:#FFF;border:3px solid #F0F0F0;width:30px}
.column-prelev-rum{background-color:#FFF;border:3px solid #F0F0F0}
.column-prelev-ics{background-color:#FFF;border:3px solid #F0F0F0}
.column-prelev-titre{background-color:#FFF;border-right:3px solid #F0F0F0}
.column-prelev-sub-table{background-color:#FFF;border:3px solid #F0F0F0}
.column-prelev-dexi{background-color:#FFF;border-left:3px solid #F0F0F0;border-right:3px solid #F0F0F0}
.column-prelev-mpai{background-color:#FFF;border-left:3px solid #F0F0F0}
div.timeline-event-content{color:#fff}
div.available{background:#56bc08 none!important;border-color:#56bc08!important}
div.unavailable{background:#e61437 none!important;border-color:#e61437!important}
.ui-chkbox .ui-chkbox-box{border-radius:2px;display:inline-block;height:21px;width:21px}
.panier-an{width:20px;height:15px;margin-left:5px;margin-right:5px}
.descrioffre .prix{text-decoration:none}
@media screen and (max-width: 568px) {
.flex-direction-nav{display:none}
#blockcta{width:200px}
}
#identification{padding-bottom:5px}
#index-page{float:left;width:100%;background:url(/javax.faces.resource/reworldb/images/bg.jpg.xhtml) repeat left center}
#imageslide{float:left;margin:10px 0 0 20%;width:27%}
#textslide{display:block;float:right;margin:10px 22% 0 0;width:27%}
#textslide2{float:right;display:block;margin:0 auto;width:390px}
p.resume{text-align:left}
.bx-viewport{height:100%!important}
#imageslide img{margin:0 auto}
.bx-wrapper{margin-bottom:0!important}
.bx-wrapper .bx-viewport{border-top:0 solid #fff!important}
#entete .commande{background:none repeat scroll 0 0 #1e1e1e;color:#fff;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:48.5%}
#entete .quantite{background:none repeat scroll 0 0 #1e1e1e;color:#fff;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:14%}
#entete .cout-unitaire{background:none repeat scroll 0 0 #1e1e1e;color:#fff;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:14%}
#entete .cout{background:none repeat scroll 0 0 #1e1e1e;color:#fff;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0;padding:10px 1%;text-transform:uppercase;width:14%}
ul#produit li.article .commande{background:none repeat scroll 0 0 #f0f0f0;float:left;height:auto;margin:0 .5% 0 0;padding:10px 1%;width:48.5%}
ul#produit li.article .quantite{background:none repeat scroll 0 0 #f0f0f0;float:left;height:147px;margin:0 .5% 0 0;padding:10px 1%;width:14%}
ul#produit li.article .cout-unitaire{background:none repeat scroll 0 0 #f0f0f0;float:left;height:147px;margin:0 .5% 0 0;padding:10px 1%;width:14%}
ul#produit li.article .cout{background:none repeat scroll 0 0 #f0f0f0;float:left;height:147px;margin:0;padding:10px 1%;width:14%}
.commandeimg2{float:left;width:23%}
.commandeimg2 img{float:left;max-height:147px;max-width:100%}
img{border:0 none}
ul#produit li.article .remises-label{background:none repeat scroll 0 0 #f0f0f0;float:left;height:20px;margin:0 .5% 0 0;padding:10px 1%;width:81.5%;color:#d77e1a}
ul#produit li.article .remises{background:none repeat scroll 0 0 #f0f0f0;float:left;height:20px;margin:0;padding:10px 1%;width:14%;color:#d77e1a}
ul#produit li.article .frais-de-port-label{background:none repeat scroll 0 0 #f0f0f0;float:left;height:20px;margin:0 .5% 0 0;padding:10px 1%;width:81.5%}
ul#produit li.article .frais-de-port{background:none repeat scroll 0 0 #f0f0f0;float:left;height:20px;margin:0;padding:10px 1%;width:14%}
ul#produit li.article{width:100%;float:left;margin-bottom:6px}
.ui-widget{font-family:'klavika_rgregular';font-size:.9em}
.commande .intitule2{width:75%;margin-left:2%;float:left}
.commande-conf .intitule2{width:75%;margin-left:2%;float:left}
.new{background:none repeat scroll 0 0 #1e1e1e;color:#fff;float:left;font-size:18px;line-height:18px;margin-bottom:30px;padding:10px;text-transform:uppercase;width:100%;box-sizing:border-box}
.champ{background:none repeat scroll 0 0 #dcdcdc;border:medium none;color:#1e1e1e;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:4px 6px;width:100%;box-sizing:border-box}
span.titrechamp{color:#1e1e1e;float:left;font-size:18px;line-height:18px;margin:6px 10px;width:150px}
span.lechamp{float:left;width:71%}
.champ1{background:none repeat scroll 0 0 #dcdcdc;border:medium none;color:#1e1e1e;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:4px 4px 4px 10px;width:28%}
.champ2{background:none repeat scroll 0 0 #dcdcdc;border:medium none;color:#1e1e1e;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;margin:0 2%;padding:4px 4px 4px 10px;width:28%}
.champ3{background:none repeat scroll 0 0 #dcdcdc;border:medium none;color:#1e1e1e;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:4px 4px 4px 10px;width:40%}
.champ-liste-villes{background:none repeat scroll 0 0 #dcdcdc;border:medium none;color:#1e1e1e;float:left;font-family:'klavika_rgregular';font-size:16px;line-height:16px;padding:4px 10px;width:460px;max-width:100%}
#newcustomer{float:left;margin-right:25px;width:625px}
span.lechamp-ident{float:left;width:calc(100% - 216px)}
span.titrechamp2{color:#1e1e1e;float:left;font-size:18px;line-height:18px;margin:6px 10px}
#abonneSelector{margin-left:5px;margin-right:5px;text-align:center;margin-bottom:20px}
#abonneSelector table{margin:auto}
#abonneSelector label{color:#1e1e1e;font-size:18px;line-height:18px;margin:6px 10px}
#entete .commande-conf{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:48.5%}
#entete .quantite-conf{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:14%}
#entete .livraison-conf{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;padding:10px 1%;text-transform:uppercase;width:30.5%;margin:0}
ul#produit li.article .commande-conf{width:48.5%;padding:10px 1%;float:left;height:auto;margin:0 .5% 0 0;background:none repeat scroll 0 0 #F0F0F0}
ul#produit li.article .quantite-conf{width:14%;padding:10px 1%;margin:0 .5% 0 0;float:left;height:147px;background:none repeat scroll 0 0 #F0F0F0}
ul#produit li.article .livraison-conf{width:30.5%;padding:10px 1%;float:left;height:147px;margin:0;background:none repeat scroll 0 0 #F0F0F0}
span.lechamp-creer-compte{float:left;width:63%}
.sedeconnecter{background:url(/javax.faces.resource/reworldb/images/bgconnexion.png.xhtml) no-repeat right 5px;color:#FFF;float:left;font-size:16px;line-height:16px;margin-right:2px;padding:8px 17px 10px 0;text-align:right;text-decoration:none;text-transform:uppercase;transition:all .5s ease 0;width:112px}
.sinscrire{width:112px;background:url(/javax.faces.resource/reworldb/images/bginscription.png.xhtml) no-repeat left 5px;text-align:left;padding:16px 0 10px 17px;font-size:16px;line-height:16px;color:#fff;text-decoration:none;text-transform:uppercase;float:left;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.sinscrire:hover,.seconnecter:hover,.sedeconnecter:hover{color:#d77e1a}
.panier-actif{background:url(/javax.faces.resource/reworldb/images/panierhover.png.xhtml) no-repeat scroll left center!important;color:#FFF!important}
.panier a{background:url(/javax.faces.resource/reworldb/images/panier.png.xhtml) no-repeat scroll left center;color:#787878;float:left;font-size:14px;line-height:14px;margin:0 40px;padding:8px 0 8px 36px;text-decoration:none;width:144px;text-shadow:2px 2px 0 #000;-webkit-text-shadow:2px 2px 0 #000;-moz-text-shadow:2px 2px 0 #000;-o-text-shadow:2px 2px 0 #000;-ms-text-shadow:2px 2px 0 #000;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.panier a:hover{background:url(/javax.faces.resource/reworldb/images/panierhover.png.xhtml) no-repeat scroll left center;color:#FFF}
.validerModifButton{float:left;margin:0 0 0 320px;width:150px}
.validerModifButton a.connect{width:150px;float:left;line-height:18px;font-size:18px;text-transform:uppercase;text-decoration:none;text-align:center;color:#FFF;margin:0 auto;padding:6px 0;background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat right center;transition:All .5s ease;-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;-ms-transition:All .5s ease}
.validerModifButton a.connect:hover,#continue2 a:hover,#continue a:hover,.default-form input:hover{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat left center}
.label-checkbox{margin-left:15px}
span.titrechamp-rib,span.titrechamp-cb{width:267px;margin:6px 10px;line-height:18px;font-size:18px;color:#1E1E1E;float:left}
span.placeholder{width:45.8%;line-height:18px;font-size:18px;color:#1E1E1E;float:left;margin-left:10px;margin-right:20px}
span.placeholder-half{width:214px;line-height:18px;font-size:18px;color:#1E1E1E;float:left;margin-left:10px;margin-right:10px}
span.placeholder-code-postal{width:113px;line-height:18px;font-size:18px;color:#1E1E1E;float:left;margin-left:10px;margin-right:20px}
span.placeholder-pays{width:140px;line-height:18px;font-size:18px;color:#1E1E1E;float:left;margin-right:20px}
span.placeholder-ville{width:163px;line-height:18px;font-size:18px;color:#1E1E1E;float:left;margin-right:20px}
span.mofiCoord{width:230px;margin:6px 10px;line-height:18px;font-size:18px;color:#1E1E1E;float:left;width:100%}
#entete .commande2_abo{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:27%;background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:normal;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:27%}
#entete .adresse2_abo{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:26%}
#entete .date2_abo{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:8%}
#entete .date3_abo{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:8%}
#entete .dernierNum_abo{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:8%}
#entete .calendrier_abo{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0;padding:10px 1%;text-transform:uppercase;width:8%}
ul#produit li.article .commande2_abo{width:27%;padding:10px 1%;float:left;min-height:147px;margin:0 .5% 0 0;background:none repeat scroll 0 0 #FFF}
ul#produit li.article .adresse2_abo{width:26%;padding:10px 1%;float:left;min-height:147px;margin:0 .5% 0 0;background:none repeat scroll 0 0 #FFF}
ul#produit li.article .date2_abo{width:8%;padding:10px 1%;float:left;min-height:147px;text-align:center;margin:0 .5% 0 0;background:none repeat scroll 0 0 #FFF}
ul#produit li.article .date3_abo{width:8%;padding:10px 1%;float:left;min-height:147px;text-align:center;margin:0 .5% 0 0;background:none repeat scroll 0 0 #FFF}
ul#produit li.article .dernierNum_abo{width:8%;padding:10px 1%;float:left;min-height:147px;text-align:center;margin:0 .5% 0 0;background:none repeat scroll 0 0 #FFF}
ul#produit li.article .calendrier_abo{width:8%;padding:10px 1%;float:left;min-height:147px;text-align:center;margin:0;background:none repeat scroll 0 0 #FFF}
.commandeimg_abo img{float:left;margin-bottom:10px;max-height:105px;max-width:100%;height:auto}
.suspendre{margin:10px 10px 0;width:90%;float:left}
.suspendre a{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat scroll right center;color:#FFF;float:right;font-size:18px;line-height:18px;padding:6px 0;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s ease 0;width:230px;max-width:100%}
.suspendre a:hover{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat left center}
#entete2 .reference3{background:none repeat scroll 0 0 #d77e1a;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:100%;box-sizing:border-box}
#entete .commande2{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:39%}
#entete2{float:left;margin:0 auto 5px;width:100%}
#entete .adresse2{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:35%}
#entete .quantite2{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:8%}
#entete .montant3{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0;padding:10px 1%;text-transform:uppercase;width:8%}
ul#produit li.article .commande2{width:39%;padding:10px 1%;float:left;height:147px;margin:0 .5% 0 0;background:none repeat scroll 0 0 #FFF}
ul#produit li.article .adresse2{width:35%;padding:10px 1%;float:left;height:147px;margin:0 .5% 0 0;background:none repeat scroll 0 0 #FFF}
ul#produit li.article .quantite2{width:8%;padding:10px 1%;float:left;height:147px;text-align:center;margin:0 .5% 0 0;background:none repeat scroll 0 0 #FFF}
ul#produit li.article .montant3{width:8%;padding:10px 1%;float:left;height:147px;text-align:center;margin:0;background:none repeat scroll 0 0 #FFF}
.commandeimg img{float:left;max-height:147px;max-width:100%;width:auto}
.tabberlive{background:none repeat scroll 0 0 #f0f0f0}
.commande2_abo .intitule p{width:100%;font-size:18px;line-height:18px;margin:0;color:#B4B4B4;text-shadow:1px 1px 0 #FFF;-webkit-text-shadow:1px 1px 0 #FFF;-moz-text-shadow:1px 1px 0 #FFF;-o-text-shadow:1px 1px 0 #FFF;-ms-text-shadow:1px 1px 0 #FFF;float:left}
.commande2_abo .intitule{width:60%;margin-left:2%;float:left}
#tableau{float:left;margin:0 auto 50px;width:100%}
#tableau-disgn{background-color:#fff;color:#000;float:left;margin:0 auto 50px;width:100%}
.champ-code-postal{font-size:16px;line-height:16px;font-family:'klavika_rgregular';color:#1E1E1E;width:105px;float:left;padding:4px 10px;background:#DCDCDC;border:none;margin-right:10px}
.champ-ville{font-size:16px;line-height:16px;font-family:'klavika_rgregular';color:#1E1E1E;width:155px;float:left;padding:4px 10px;background:#DCDCDC;border:none;margin-right:10px}
.champ-pays{font-size:16px;line-height:16px;font-family:'klavika_rgregular';color:#1E1E1E;width:144px;float:left;padding:4px 10px;background:#DCDCDC;border:none;height:29px}
ul#produit li.article .date2{width:8%;padding:10px 1%;float:left;height:147px;text-align:center;margin:0 .5% 0 0;background:none repeat scroll 0 0 #FFF}
ul#produit li.article .date3{width:8%;padding:10px 1%;float:left;height:147px;text-align:center;margin:0;background:none repeat scroll 0 0 #FFF}
ul#outlets li.title-infos{width:25%;height:603px}
ul#outlets li.map{height:603px;width:70%}
.title-outlet{width:100%;float:left;margin:10px auto 0}
.title-outlet h1{background-color:#f0f0f0;border-bottom:1px solid #d77e1a;float:left;font-size:18px;line-height:20px;margin:0 auto 10px;padding:0 0 5px;text-align:left;width:100%}
ul#outlets{width:100%;float:left;margin:0 auto;padding:0}
ul#outlets li{background:none repeat scroll 0 0 #f0f0f0;float:left;list-style:none outside none;margin:0 .5% 20px 0;padding:11px 1%;position:relative}
ul#outlets li.title-infos{width:25%;height:603px}
ul#outlets li.map{width:70%;height:603px}
.search-input{font-size:16px;line-height:16px;font-family:'klavika_rgregular';color:#1E1E1E;width:93%;float:left;padding:4px 10px;background:#DCDCDC;border:none}
#entete .paragraph{background:none repeat scroll 0 0 #1E1E1E;color:#FFF;float:left;font-size:18px;font-weight:400;line-height:18px;margin:0 .5% 0 0;padding:10px 1%;text-transform:uppercase;width:98%}
.outlet-title-commandeimg{float:left;padding:0 0 10px;width:53%}
.rib{background:none repeat scroll 0 0 #1e1e1e;color:#fff;float:none;font-size:18px;line-height:18px;margin:0 auto;padding:10px;text-transform:uppercase;width:630px;overflow:hidden;max-width:100%;box-sizing:border-box}
#ribForm{border:1px solid;float:none;margin:0 auto 20px;padding-bottom:17px;padding-top:17px;width:630px;overflow:hidden;max-width:100%;box-sizing:border-box}
span.titrechamp.newPassword,span.titrechamp.confirmNewPassword{width:280px}
.lienoffre a.pastille{width:70px;border-radius:50px;margin-left:35%;margin-bottom:5px;padding-bottom:25px;padding-top:25px;text-align:center;font-size:18px}
.lienoffre #btn span{width:180px}
.imgoffre.multiple{padding-bottom:60px}
.imgoffre img{box-shadow:none}
ul.nosoffre ul.slick-dots{bottom:none;text-align:center;bottom:-85px}
ul.nosoffre ul.slick-dots li{margin:0 5px;padding:10px 0;width:40px;border:none;float:none}
ul.nosoffre ul.slick-dots li.slick-active{width:50px}
.fancyboxPopupImage{background-color:#FFF;height:540px}
.fancyboxPopupImage .popupImage{background-color:#FFF;text-align:center;padding:10px}
.fancyboxPopupImage .popupImage .subtitle{padding:10px;font-weight:700}
.contact-magazine,.contact-sujet,.contact-message{float:left;margin:0 auto 10px;width:100%}
@media screen and (min-width:1025px) and (max-width:1325px) {
ul.nosoffre .offer-cover{width:150px}
ul.nosoffre .offer-cover img.avec-dvd{width:45px}
ul.nosoffre .offer-img-autres{width:80px}
ul.nosoffre .offer-desc{width:calc(100% - 240px)}
#content .page_inscription #newcustomer{margin-left:20%;margin-right:0}
ul#navigation{width:1000px}
ul#navigation li{background:url(/javax.faces.resource/reworldb/images/bgmenua.png.xhtml) no-repeat center center}
ul#navigation li a{font-size:15px;line-height:16px}
.container{width:100%}
#moyen{margin:0 200px 50px}
#magdecouverte a.actuel{margin:0 20px 0 0}
.tabberlive .tabbertab{width:calc(100% - 290px);box-sizing:border-box}
.tabberlive{width:100%;box-sizing:border-box}
#gerer{width:26%;margin:40px 21.5% 0 2.5%}
#contact{width:26%;margin:40px 2.5% 0 21.5%}
#tunnel{float:left;margin:0 100px 60px;width:800px}
.couverture{width:52%}
.descrioffre{width:375px}
.loffre{width:620px}
.infomag{width:43%}
.infomag .lienmag{width:43%}
.total span.prixtotal{padding:1px 10px}
.promo form input#code{width:90px}
.more{margin:40px 420px 0}
.partenaire a{margin:0 25px}
.foot{width:1000px}
.col1{width:200px}
.col2,.col3{width:200px}
.col4{width:200px}
.col1 a,.col4 h4,.col3 h4,.col2 h4,.col3 a,.col2 a,.col3 span,.col3 span a{width:200px}
}
@media screen and (max-width:1025px) {
ul.nosoffre{text-align: center}
body.page-offre h2{text-align: center;padding-left:0}
}
@media screen and (max-width:767px) {
body.page-actus .actus ul li:not(.first) .imgactu img.landscape{display:block}
body.page-actus .actus ul li:not(.first) .imgactu img.portrait{display:none}
body.page-actus .actus ul > li.first{width:100%;max-width:100%;margin-left:0;margin-top:30px}
body.page-actus .actus ul li{width:100%;max-width:100%;margin-left:0;margin-bottom:53px}
body.page-actus .actu-social .social::after{display:none}
body.page-actus .actu-social{position:absolute;left:-1px;top:-37px}
body.page-ano-titres ul.titres > li{width:100%;max-width:550px}
body.page-ano-titres ul.titres{text-align:center}
}
@media screen and (min-width:768px) and (max-width:1025px) {
#content .page_identification #newcustomer span.lechamp{width:calc(100% - 179px)}
#content .page_identification #newcustomer{float:left;margin-left:1%;margin-right:2%;width:55%;max-width:none}
#content .page_identification #oldcustomer{border:1px solid;float:left;left:inherit;position:relative;top:inherit;width:41%}
#content .page_identification #oldcustomer .old{box-sizing:border-box;width:100%}
#content .page_identification #oldcustomer #oldform span.titrechamp{margin:6px 10px}
#content .page_identification #oldcustomer #oldform span.lechamp{width:calc(54% - 30px)}
#content .page_identification #newcustomer .champ-liste-villes{width:calc(100% - 179px)}
#content .page_inscription #newcustomer{margin-left:25%;margin-right:0}
#content .lienoffre a.pastille{margin-left:calc(50% - 35px)}
#content .lienoffre a.addtocart{margin:0 5% 5px;width:90%}
#content .page_inscription #newcustomer{margin:0 10%;max-width:100%;width:80%}
#content #blockcta{margin-left:0;width:100%}
#slider-new{width:100%;margin:50px 0;float:left;height:500px;display:block;position:relative}
ul#navigation{width:95%}
ul#navigation li{background:url(/javax.faces.resource/reworldb/images/bgmenua.png.xhtml) no-repeat left center}
ul#navigation li a{font-size:14px;letter-spacing:.02em;line-height:14px;padding:4px 10%}
#contentslide{width:430px}
#textslide{display:none}
#imageslide{margin:0}
#navslide{left:105px}
.container{width:100%}
#moyen{margin:0 50px 50px}
#magdecouverte a{margin:0 105px}
#magdecouverte a.actuel{margin:0 105px 20px}
#entete .commande2,#entete .nom2,#entete .reference2,#entete .adresse2,#entete .date2,#entete .date3{font-size:16px;line-height:16px}
#newcustomer{width:630px}
#oldform span.lechamp{width:460px}
#oldform input#champ{width:440px}
ul.tabbernav{width:200px}
ul.tabbernav li{width:200px}
ul.tabbernav li a{background:rgba(0,0,0,0) url(/magpress/javax.faces.resource/reworldb/images/tab.png.xhtml) no-repeat scroll -129px center;font-size:16px;line-height:16px;padding:28px 50px 28px 5px;width:145px}
.tabberlive .tabbertab{width:calc(100% - 200px);box-sizing:border-box}
.tabberlive{width:100%;box-sizing:border-box}
#tunnel{float:left;margin:0 0 60px;width:700px}
.monpanier{background:url(/javax.faces.resource/reworldb/images/step1.png.xhtml) no-repeat scroll -24px 0 rgba(0,0,0,0);padding:140px 26px 0 32px}
.identification{background:url(/javax.faces.resource/reworldb/images/step2.png.xhtml) no-repeat scroll -20px 0 rgba(0,0,0,0);padding:140px 10px 0 60px}
.identification.current,.identification.done,.identification:hover{background:url(/javax.faces.resource/reworldb/images/step2.png.xhtml) no-repeat scroll -20px -170px rgba(0,0,0,0)}
.resume2{background:url(/javax.faces.resource/reworldb/images/step3.png.xhtml) no-repeat scroll -20px 0 rgba(0,0,0,0);padding:140px 30px 0 96px}
.resume2.current,.resume2.done,.resume2:hover{background:url(/javax.faces.resource/reworldb/images/step3.png.xhtml) no-repeat scroll -20px -170px rgba(0,0,0,0)}
.paiement{background:url(/javax.faces.resource/reworldb/images/step4.png.xhtml) no-repeat scroll -20px 0 rgba(0,0,0,0);padding:140px 16px 0 96px}
.paiement.current,.paiement.done,.paiement:hover{background:url(/javax.faces.resource/reworldb/images/step4.png.xhtml) no-repeat scroll -20px -170px rgba(0,0,0,0)}
#gerer{width:38%;margin:40px 9.5% 0 2.5%}
#contact{width:38%;margin:40px 2.5% 0 9.5%}
.descrioffre{width:100%;margin:0 0 10px}
ul.nosoffre>li:nth-child(2n){margin-left:0;margin-right:0}
ul.nosoffre li{box-sizing:border-box;margin:0 0 28px;width:100%}
.loffre{width:calc(100% - 230px)}
.lienoffre{float:left;margin:20px auto;width:100%}
.lienoffre a{margin:0 5% 5px;width:40%}
#btn{float:left;position:relative;width:40%}
.btn0 a{float:left;margin:0;width:100%}
ul#mag li.left{margin-right:10%}
ul#mag li{width:45%}
.infomag a.titremag{font-size:22px;line-height:22px}
.infomag p{display:none}
.infomag a{font-size:13px;line-height:13px;margin-top:3px;padding:4px 5%;width:90%}
#nosmag ul{margin:0 auto 10px;width:700px}
.more{margin:40px 270px 0}
.partenaire a{height:40px;margin:0 20px;width:67px}
.foot{width:720px}
.col1{width:150px;padding:0 20px 0 0}
.col2,.col3{width:150px;padding:0 20px}
.col4{width:150px;padding:0 0 0 20px}
.col1 a,.col4 h4,.col3 h4,.col2 h4,.col3 a,.col2 a,.col3 span,.col3 span a{width:150px}
.col4 a.facebook{margin:10px 10px 0}
.col4 a.twitter{margin:10px 0 0 10px}
ul#produit li.article .date2_abo .label,ul#produit li.article .date3_abo .label,ul#produit li.article .dernierNum_abo .label{display:inline}
ul#produit li.article .commande2_abo{width:255px;padding:10px 1%;float:left;min-height:188px;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .adresse2_abo{width:calc(100% - 255px);padding:10px;float:left;min-height:0;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .date2_abo{width:calc(100% - 255px);padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .date3_abo{width:calc(100% - 255px);padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .dernierNum_abo{width:calc(100% - 255px);padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .calendrier_abo{width:calc(100% - 255px);padding:0 10px 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
.commandeimg_abo img{float:left;margin-bottom:10px;max-height:105px;max-width:100%;height:auto}
.suspendre{margin:10px 0 0;width:100%;float:left}
.suspendre a{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat scroll right center;color:#FFF;float:left;font-size:18px;line-height:18px;padding:6px 0;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s ease 0;width:230px}
.suspendre a:hover{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat left center}
#encours #entete{display:none}
}
@media screen and (min-width:610px) and (max-width:768px) {
.total,.promo{box-sizing:border-box;width:40%}
.promo input{box-sizing:border-box;max-width:100%}
#content .page_identification #newcustomer span.lechamp{width:calc(100% - 20px);margin:0 10px}
#content .page_identification #newcustomer{float:left;margin-left:1%;margin-right:1%;width:50%;max-width:none}
#content .page_identification #oldcustomer{border:1px solid;float:left;left:inherit;position:relative;top:inherit;width:47%}
#content .page_identification #oldcustomer .old{box-sizing:border-box;width:100%}
#content .page_identification #oldcustomer #oldform span.titrechamp{margin:6px 10px;width:100%}
#content .page_identification #oldcustomer #oldform span.lechamp-ident{width:calc(100% - 20px);margin:0 10px}
#content .page_identification #oldcustomer #oldform .stayconnect span.titrechamp{margin:6px 10px;width:130px}
#content .page_identification #oldcustomer #oldform .stayconnect span.lechamp-ident{width:40px;max-width:none;margin:0 10px}
#content .page_identification #newcustomer .champ-liste-villes{margin:0 10px;width:calc(100% - 20px)}
#content .page_inscription #newcustomer{margin-left:25%;margin-right:0}
#content .lienoffre a.pastille{margin-left:calc(50% - 35px)}
#content .lienoffre a.addtocart{margin:0 5% 5px;width:90%}
#content span.lechamp-creer-compte{float:left;margin-left:10px;width:80%}
#content .page_inscription #newcustomer{margin:0 10%;max-width:100%;width:80%}
#content #identification-space .old{width:100%;box-sizing:border-box}
#slider-new{width:100%;margin:50px 0;float:left;height:200px;display:block;position:relative}
p.resume{display:none}
#imageslide img{width:64%}
.numdate{font-size:15px}
#contentslide{width:430px}
#textslide{display:none}
#imageslide{margin:0}
#navslide{left:105px}
.container{width:100%}
#content #blockcta{margin-left:0;width:100%}
#magdecouverte a{margin:0 35px}
#magdecouverte a.actuel{margin:0 35px 20px}
#entete .commande2,#entete .nom2,#entete .reference2,#entete .adresse2,#entete .date2,#entete .date3{font-size:16px;line-height:16px}
ul#produit li.article .commande2,ul#produit li.article .nom2,ul#produit li.article .reference2,ul#produit li.article .adresse2,ul#produit li.article .date2,ul#produit li.article .date3{font-size:14px;line-height:14px}
ul#produit li.article .reference2,#entete .reference2{width:16%}
ul#produit li.article .adresse2,#entete .adresse2{width:12%}
.commande2 .intitule h7,.commande2 .intitule p{font-size:14px;line-height:14px}
#btn{float:left;position:relative;width:48%}
.btn0 a{float:left;margin:0!important;width:100%!important}
#moyen{float:none;margin:0 auto 50px;overflow:hidden;width:340px}
#moyen a{margin-left:20px}
.carte,.cheque{margin:0 0 20px 20px}
#ribForm{float:none;margin:0 auto 20px;overflow:hidden}
.rib{float:none;margin:0 auto;overflow:hidden}
#newcustomer{width:560px}
.new{width:540px}
input#champ{width:370px}
input#champ1{width:75px}
input#champ2{width:65px}
input#champ3{width:170px}
span.titrechamp2{width:400px}
span.lechamp{width:390px}
#oldform input#champ{width:370px}
ul.tabbernav{width:200px}
ul.tabbernav li{width:200px}
ul.tabbernav li a{background:rgba(0,0,0,0) url(/magpress/javax.faces.resource/reworldb/images/tab.png.xhtml) no-repeat scroll -129px center;font-size:16px;line-height:16px;padding:28px 50px 28px 5px;width:145px}
.tabberlive .tabbertab{width:calc(100% - 200px);box-sizing:border-box}
.tabberlive{width:100%;box-sizing:border-box}
#tunnel{float:left;margin:0 0 60px;width:560px}
.monpanier{background:url(/javax.faces.resource/reworldb/images/step1.png.xhtml) no-repeat scroll -24px 0 rgba(0,0,0,0);padding:140px 26px 0 30px}
.identification{background:url(/javax.faces.resource/reworldb/images/step2.png.xhtml) no-repeat scroll -65px 0 rgba(0,0,0,0);padding:140px 10px 0 15px}
.identification.current,.identification.done,.identification:hover{background:url(/javax.faces.resource/reworldb/images/step2.png.xhtml) no-repeat scroll -65px -170px rgba(0,0,0,0)}
.resume2{background:url(/javax.faces.resource/reworldb/images/step3.png.xhtml) no-repeat scroll -65px 0 rgba(0,0,0,0);padding:140px 30px 0 51px}
.resume2.current,.resume2.done,.resume2:hover{background:url(/javax.faces.resource/reworldb/images/step3.png.xhtml) no-repeat scroll -65px -170px rgba(0,0,0,0)}
.paiement{background:url(/javax.faces.resource/reworldb/images/step4.png.xhtml) no-repeat scroll -66px 0 rgba(0,0,0,0);padding:140px 16px 0 50px}
.paiement.current,.paiement:hover{background:url(/javax.faces.resource/reworldb/images/step4.png.xhtml) no-repeat scroll -66px -170px rgba(0,0,0,0)}
.promo,.total,.promo form label,.destination{font-size:14px;line-height:14px}
.promo form input#code{width:110px}
.destination form{width:60px}
#gerer{width:48%;margin:40px 1% 0}
#contact{width:48%;margin:40px 1% 0}
.imgoffre{padding:10px;width:120px}
.descrioffre{width:100%;margin:0 0 10px}
.descrioffre p{display:none}
ul.nosoffre li{box-sizing:border-box;margin:0 0 28px;width:100%}
ul.nosoffre>li:nth-child(2n){margin-left:0;margin-right:0}
ul.nosoffre .offer-cover{width:150px}
ul.nosoffre .offer-cover img.avec-dvd{width:45px}
ul.nosoffre .offer-img-autres{width:80px}
ul.nosoffre .offer-desc{width:calc(100% - 240px)}
ul.nosoffre .offer-title{margin-left:10px}
.loffre{width:calc(100% - 160px);padding:10px}
.descrioffre h6{font-size:18px}
.descrioffre .prix{font-size:18px}
.lienoffre{float:left;margin:10px auto;width:100%}
.lienoffre a{margin:0 1% 5px;width:48%}
ul#mag li.left{margin-right:0}
ul#mag li{width:100%}
#nosmag ul{margin:0 auto 10px;width:560px}
.more{margin:40px 200px 0}
#nosmag ul li.gourmand,#nosmag ul li.telemag,#nosmag ul li{margin:0 18px}
#menu{display:none}
#menu2{display:block}
.partenaire a{height:30px;margin:0 10px;width:53px}
.foot{width:580px}
.col1{width:130px;padding:0 10px 0 0}
.col2,.col3{width:130px;padding:0 10px}
.col4{width:130px;padding:0 0 0 10px}
.col1 a,.col4 h4,.col3 h4,.col2 h4,.col3 a,.col2 a,.col3 span,.col3 span a{width:130px}
.col4 a.facebook{margin:10px 5px 0}
.col4 a.twitter{margin:10px 5px 0 0}
ul#produit li.article .date2_abo .label,ul#produit li.article .date3_abo .label,ul#produit li.article .dernierNum_abo .label{display:inline}
ul#produit li.article .commande2_abo{width:100%;padding:10px 1%;float:left;min-height:188px;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .adresse2_abo{width:100%;padding:10px;float:left;min-height:0;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .date2_abo{width:100%;padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .date3_abo{width:100%;padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .dernierNum_abo{width:100%;padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .calendrier_abo{width:100%;padding:0 10px 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
.commandeimg_abo img{float:left;margin-bottom:10px;max-height:105px;max-width:100%;height:auto}
.suspendre{margin:10px 0 0;width:100%;float:left}
.suspendre a{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat scroll right center;color:#FFF;float:left;font-size:18px;line-height:18px;padding:6px 0;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s ease 0;width:230px}
.suspendre a:hover{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat left center}
#encours #entete{display:none}
ul#produit li.article .quantite2 .label,ul#produit li.article .montant3 .label{display:inline}
ul#produit li.article .commande2{box-sizing:border-box;padding:10px;width:100%;height:auto}
ul#produit li.article .adresse2{box-sizing:border-box;height:auto;margin:0;min-height:0;padding:10px;width:100%}
ul#produit li.article .quantite2{box-sizing:border-box;height:auto;margin:0;padding:0 0 10px 10px;text-align:left;width:50%}
ul#produit li.article .montant3{box-sizing:border-box;height:auto;margin:0;padding:0 0 10px;text-align:left;width:50%}
#historique #entete{display:none}
}
@media screen and (min-width:320px) and (max-width:610px) {
.total,.promo{box-sizing:border-box;width:48%}
.promo input{box-sizing:border-box;max-width:100%}
#content .page_identification #newcustomer span.lechamp{width:calc(100% - 20px);margin:0 10px}
#content .page_identification #newcustomer{float:left;margin-left:1%;margin-right:1%;width:98%;max-width:none;box-sizing:border-box}
#content .page_identification #oldcustomer{border:1px solid;float:left;left:inherit;position:relative;top:inherit;width:98%;box-sizing:border-box;margin:10px 1%}
#content .page_identification #oldcustomer .old{box-sizing:border-box;width:100%}
#content .page_identification #oldcustomer #oldform span.titrechamp{margin:6px 10px;width:100%}
#content .page_identification #oldcustomer #oldform span.lechamp-ident{width:calc(100% - 20px);margin:0 10px}
#content .page_identification #oldcustomer #oldform .stayconnect span.titrechamp{margin:6px 10px;width:130px;max-width:none}
#content .page_identification #oldcustomer #oldform .stayconnect span.lechamp-ident{width:40px;max-width:none;margin:0 10px}
#content .page_identification #newcustomer .champ-liste-villes{margin:0 10px;width:calc(100% - 20px)}
#content .page_inscription #newcustomer{margin-left:25%;margin-right:0}
#content .page_identification #continue3{margin-left:1%;width:98%}
#content .page_identification #continue3 a{width:100%}
#content ul.nosoffre ul.slick-dots li{width:35px}
#content ul.nosoffre ul.slick-dots li.slick-active{width:42px}
#content .lienoffre a.pastille{margin-left:calc(50% - 35px)}
#content .lienoffre a.addtocart{margin:0 5% 5px;width:90%}
#content span.titrechamp{margin-left:0;margin-right:0;padding:0 10px;width:100%;width:100%;box-sizing:border-box}
#content span.lechamp-creer-compte{float:left;margin-left:10px;width:80%}
#content .page_inscription #newcustomer{margin:0 1%;max-width:100%;width:98%}
#content #identification-space .old{width:100%;box-sizing:border-box}
.container{width:100%}
#content #blockcta{margin-left:0;width:100%}
#logo{display:block;width:300px;margin:0 auto;border-top:6px #1E1E1E solid;float:none}
#logo img{margin-top:0;width:300px}
#identification .panier a{margin:0 20%;padding:8px 8%;text-align:center;width:44%}
#identification{float:left;width:100%;margin:0 auto 10px}
#identification .sinscrire{padding-left:5%;width:45%;margin:0}
#identification .seconnecter{padding-right:5%;width:45%;margin:0}
.connexion{width:100%}
p.resume{display:none}
#slider-new{display:none}
#menu{display:none}
#menu2{display:block}
#menu2 h3{background:url(/javax.faces.resource/reworldb/images/bgmenu2.png.xhtml) no-repeat scroll 28% 11px rgba(0,0,0,0)}
#contentslide{width:430px}
#textslide{display:none}
#imageslide{margin:0}
#navslide{left:105px}
#btn{float:left;position:relative;width:48%}
.btn0 a{float:left;margin:0!important;width:100%!important}
#btn img{display:none}
#btn span{width:100%;margin:2px auto}
#magdecouverte a{margin:0;width:440px}
#magdecouverte a.actuel{margin:0 auto 20px}
#entete .commande2,#entete .nom2,#entete .reference2,#entete .adresse2,#entete .date2,#entete .date3{font-size:14px;line-height:14px}
ul#produit li.article .commande2,ul#produit li.article .nom2,ul#produit li.article .reference2,ul#produit li.article .adresse2,ul#produit li.article .date2,ul#produit li.article .date3{font-size:12px;line-height:12px}
ul#produit li.article .reference2,#entete .reference2{width:16%}
ul#produit li.article .adresse2,#entete .adresse2{width:12%}
.commande2 .intitule h7,.commande2 .intitule p{font-size:12px;line-height:12px}
#moyen{float:left;margin:0 auto 50px;width:340px}
#moyen a{margin-left:20px}
.carte,.cheque{margin:0 0 20px 20px}
#newcustomer{width:440px}
.old{width:420px}
.new{width:420px}
input#champ{width:250px}
input#champ1{width:45px}
input#champ2{width:45px}
input#champ3{width:100px}
span.titrechamp2{width:280px}
span.lechamp{width:270px}
#newform .checkbox{margin-right:20px}
#continue2 a{margin:20px 0 0 20%}
#oldform span.titrechamp{width:122px}
#oldform span.lechamp-ident{float:left;width:calc(100% - 132px)}
#oldform span.lechamp{width:270px}
#oldform input#champ{width:250px}
ul.tabbernav{width:100%;background:url(/javax.faces.resource/reworldb/images/ombre10.png.xhtml) no-repeat scroll center 62px #F0F0F0}
ul.tabbernav li{width:5.83333em}
ul.tabbernav li a{background:url(/javax.faces.resource/reworldb/images/tab.png.xhtml) no-repeat scroll center -263px rgba(0,0,0,0);font-size:12px;line-height:12px;min-height:54px;padding:10px 5% 20px;width:90%}
ul.tabbernav li a:hover,ul.tabbernav li.tabberactive a,ul.tabbernav li.tabberactive a:hover{background:url(/javax.faces.resource/reworldb/images/tabactive2.png.xhtml) no-repeat scroll center -113px rgba(0,0,0,0)}
.tabberlive .tabbertab{padding:5px;width:100%;box-sizing:border-box}
.tabberlive .tabbertab h2{font-size:16px;line-height:16px;margin:20px auto}
.tabberlive{width:100%}
.promo form input#code{width:70px}
#tunnel{float:left;margin:0 0 60px;width:440px}
.monpanier{padding:70px 5px 0;width:100px;font-size:14px;background:url(/javax.faces.resource/reworldb/images/step1res.png.xhtml) no-repeat center 0}
#entete .cout-unitaire,.cout-unitaire .prixprod h7,.cout .prixprod h7,.cout .prixprod p,.commande .intitule h7,.commande .intitule p,ul#produit li.article .reference,#entete .commande,#entete .quantite,#entete .reference,#entete .cout{font-size:12px;line-height:12px}
ul#produit li.article .frais-de-port-label{height:auto}
ul#produit li.article{border-bottom:1px solid #8e8e8e}
ul#produit li.article .cout{box-sizing:border-box;float:left;height:auto;margin:0;padding:10px 0 10px 10px;width:calc(100% - 78px)}
ul#produit li.article .cout .prixprod{float:left;width:calc(100% - 20px)}
ul#produit li.article .cout .label,ul#produit li.article .cout-unitaire .label{display:inline}
ul#produit li.article .cout .delete{float:left;height:28px;margin-top:5px;width:20px}
ul#produit li.article .cout .delete img{width:100%}
ul#produit li.article .cout-unitaire{box-sizing:border-box;float:left;height:auto;margin:0;padding:10px 0 0 10px;width:calc(100% - 78px)}
ul#produit li.article .cout-unitaire .prixprod{float:left;width:calc(100% - 20px)}
ul#produit li.article .quantite{box-sizing:border-box;height:auto;width:75px}
.compteur{margin-top:10px}
ul#produit li.article .commande{height:auto;padding:0 1%;width:100%}
.commandeimg2{display:none}
.commande .intitule2{width:100%;margin-left:0}
#entete .commande{width:100%}
#entete .quantite{display:none}
#entete .cout-unitaire{display:none}
#entete .cout{display:none}
#entete{float:left;margin:0 auto 10px;width:100%}
ul#produit li.article .intitule2 > p{margin:0}
ul#produit li.article .add{margin:0 5px 0 11px}
.identification{padding:70px 5px 0;width:100px;font-size:14px;background:url(/javax.faces.resource/reworldb/images/step2res.png.xhtml) no-repeat center 0}
.identification.current,.identification.done,.identification:hover{background:url(/javax.faces.resource/reworldb/images/step2res.png.xhtml) no-repeat center -190px}
.resume2{padding:70px 5px 0;width:100px;font-size:14px;background:url(/javax.faces.resource/reworldb/images/step3res.png.xhtml) no-repeat center 0}
.resume2.current,.resume2.done,.resume2:hover{background:url(/javax.faces.resource/reworldb/images/step3res.png.xhtml) no-repeat center -190px}
.paiement{padding:70px 5px 0;width:100px;font-size:14px;background:url(/javax.faces.resource/reworldb/images/step4res.png.xhtml) no-repeat center 0}
.paiement.current,.paiement:hover{background:url(/javax.faces.resource/reworldb/images/step4res.png.xhtml) no-repeat center -190px}
#contact{margin:0 20% 20px;width:60%}
#gerer{margin:0 20% 20px;width:60%}
.imgoffre{padding:10px;width:100px}
.descrioffre{width:100%;margin:0 0 10px}
.descrioffre p{display:none}
ul.nosoffre li{box-sizing:border-box;margin:0 0 28px;width:100%}
ul.nosoffre{text-align:left}
.loffre{width:calc(100% - 140px);padding:10px}
.descrioffre h6{font-size:18px}
.descrioffre .prix{font-size:18px}
.lienoffre{float:left;margin:10px auto;width:100%}
.lienoffre a{margin:0 1% 5px;width:48%}
ul#mag li.left{margin-right:0}
ul#mag li{width:100%}
.infomag p{display:none}
#nosmag ul{margin:0 auto 10px;width:440px}
.more{margin:40px 140px 0}
#nosmag ul li.gourmand,#nosmag ul li.telemag,#nosmag ul li{margin:0 35px}
#topfooter{display:none}
.foot{width:100%}
.col1,.col2,.col3,.col4{padding:20px 0 0;width:100%;min-height:inherit;margin-bottom:10px}
.col2 h4,.col3 h4,.col4 h4,.col1 a,.col2 a,.col3 a,.col3 span,.col3 span a{width:100%;font-size:14px;line-height:20px;margin-bottom:5px;margin-top:5px}
.col4 a.facebook{margin:0 10px 0 0}
ul#produit li.article .date2_abo .label,ul#produit li.article .date3_abo .label,ul#produit li.article .dernierNum_abo .label{display:inline}
ul#produit li.article .commande2_abo{width:100%;padding:10px 1%;float:left;min-height:188px;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .adresse2_abo{width:100%;padding:10px;float:left;min-height:0;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .date2_abo{width:100%;padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .date3_abo{width:100%;padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .dernierNum_abo{width:100%;padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .calendrier_abo{width:100%;padding:0 10px 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
.commandeimg_abo img{float:left;margin-bottom:10px;max-height:105px;max-width:100%;height:auto}
.suspendre{margin:10px 0 0;width:100%;float:left}
.suspendre a{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat scroll right center;color:#FFF;float:left;font-size:18px;line-height:18px;padding:6px 0;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s ease 0;width:230px}
.suspendre a:hover{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat left center}
#encours #entete{display:none}
ul#produit li.article .quantite2 .label,ul#produit li.article .montant3 .label{display:inline}
ul#produit li.article .commande2{box-sizing:border-box;padding:10px;width:100%;height:auto}
ul#produit li.article .adresse2{box-sizing:border-box;height:auto;margin:0;min-height:0;padding:10px;width:100%}
ul#produit li.article .quantite2{box-sizing:border-box;height:auto;margin:0;padding:0 0 10px 10px;text-align:left;width:50%}
ul#produit li.article .montant3{box-sizing:border-box;height:auto;margin:0;padding:0 10px 10px 0;text-align:left;width:50%}
#historique #entete{display:none}
}
@media screen and (max-width:550px) {
body.page-ano .navigation>a{width:100%;float:none;max-width:250px}
body.page-ano .navigation>a:nth-child(2){float:none}
body.page-actus .imgactu{width:100%;margin:0}
body.page-actus .infoactu{width:100%}
body.page-actus .infoactu .titreactu{display:none}
body.page-actus .titreactu-xs{display:block;text-align:center;background:none;color:#d77e1a;font-size:26px;line-height:26px;padding:0 0 10px;text-transform:inherit}
body.page-actu .col-left{float:none;width:100%}
body.page-actu .col-right{float:none;width:100%}
body.page-actu .col-right div.sabonner{text-align:center}
body.page-actu .col-right div.sabonner a{display:inline}
body.page-actu .col-right div.sabonner a img{max-height:150px}
}
@media screen and (max-width:320px) {
#content .page_identification #newcustomer span.lechamp{width:calc(100% - 20px);margin:0 10px}
#content .page_identification #newcustomer{float:left;margin-left:1%;margin-right:1%;width:98%;max-width:none;box-sizing:border-box}
#content .page_identification #oldcustomer{border:1px solid;float:left;left:inherit;position:relative;top:inherit;width:98%;box-sizing:border-box;margin:10px 1%}
#content .page_identification #oldcustomer .old{box-sizing:border-box;width:100%}
#content .page_identification #oldcustomer #oldform span.titrechamp{margin:6px 10px;width:100%}
#content .page_identification #oldcustomer #oldform span.lechamp-ident{width:calc(100% - 20px);margin:0 10px}
#content .page_identification #oldcustomer #oldform .stayconnect span.titrechamp{margin:6px 10px;width:130px;max-width:none}
#content .page_identification #oldcustomer #oldform .stayconnect span.lechamp-ident{width:40px;max-width:none;margin:0 10px}
#content .page_identification #newcustomer .champ-liste-villes{margin:0 10px;width:calc(100% - 20px)}
#content .page_inscription #newcustomer{margin-left:25%;margin-right:0}
#content .page_identification #continue3{margin-left:1%;width:98%}
#content .page_identification #continue3 a{width:100%}
#content .lienoffre a.pastille{margin-left:calc(50% - 35px)}
#content .lienoffre a.addtocart{margin:0 5% 5px;width:90%}
#content span.titrechamp{width:100%}
#content span.lechamp-creer-compte{float:left;margin-left:10px;width:80%}
#content #identification-space .old{width:100%;box-sizing:border-box}
#content #oldcustomer{box-sizing:border-box;max-width:100%;width:100%}
.container{width:100%}
#content #blockcta{margin-left:0;width:100%}
p.resume{display:none}
#imageslide{display:none}
#slider-new{display:none}
#logo{display:block;width:100%;margin:0 auto;border-top:6px #1E1E1E solid;float:none}
#logo img{margin-top:0;width:100%}
#identification .panier a{margin:0 20%;padding:8px 8%;text-align:center;width:44%}
#identification{float:left;width:100%;margin:0 auto 10px}
#identification .sinscrire{padding-left:5%;width:45%;margin:0}
#identification .seconnecter{padding-right:5%;width:45%;margin:0}
.connexion{width:100%}
#magdecouverte a{margin:0;width:280px}
#btn{float:left;margin:0 auto 5px;position:relative;width:100%}
.btn0 a{float:left;margin:0!important;width:100%!important}
#btn img{display:none}
#btn span{width:100%;margin:2px auto}
#magdecouverte a.actuel{margin:0 auto 20px}
.tabberlive{width:280px}
ul.tabbernav{width:280px;background:url(/javax.faces.resource/reworldb/images/ombre10.png.xhtml) no-repeat scroll center 62px #F0F0F0}
ul.tabbernav li{width:5.83333em}
ul.tabbernav li a{background:url(/javax.faces.resource/reworldb/images/tab.png.xhtml) no-repeat scroll center -263px rgba(0,0,0,0);font-size:12px;line-height:12px;min-height:54px;padding:10px 5% 20px;width:90%}
ul.tabbernav li a:hover,ul.tabbernav li.tabberactive a,ul.tabbernav li.tabberactive a:hover{background:url(/javax.faces.resource/reworldb/images/tabactive2.png.xhtml) no-repeat scroll center -113px rgba(0,0,0,0)}
.tabberlive .tabbertab{padding:5px;width:270px}
.tabberlive .tabbertab h2{font-size:16px;line-height:16px;margin:20px auto}
#entete .commande2,#entete .nom2,#entete .reference2,#entete .adresse2,#entete .date2,#entete .date3{font-size:12px;line-height:12px}
ul#produit li.article .commande2,ul#produit li.article .nom2,ul#produit li.article .reference2,ul#produit li.article .adresse2,ul#produit li.article .date2,ul#produit li.article .date3{font-size:10px;line-height:10px}
ul#produit li.article .commande2,#entete .commande2{width:22%}
ul#produit li.article .date2,#entete .date2{width:9%}
ul#produit li.article .reference2,#entete .reference2{width:19%}
ul#produit li.article .adresse2,#entete .adresse2{width:12%}
ul#produit li.article .nom2,#entete .nom2{width:13%}
.commande2 .intitule h7,.commande2 .intitule p{font-size:10px;line-height:10px}
#moyen{float:left;margin:0 auto 50px;width:280px}
#moyen a{padding:10px}
.carte,.cheque{margin:0 0 20px}
.panier{border-radius:0;width:100%}
.panier a{margin:0 60px}
.codepromo{width:100%;padding:10px 0 0}
.codepromo form{margin:0 25px}
.destination{width:98%;margin:0 0 10px;font-size:14px;line-height:14px}
.promo{width:98%;margin:0 0 10px;font-size:14px;line-height:14px}
.promo form label{font-size:14px;line-height:14px}
.promo form input#code{width:110px}
.total{width:98%;font-size:14px;line-height:14px}
#menu{display:none}
#menu2{display:block}
#menu2 h3{background:url(/javax.faces.resource/reworldb/images/bgmenu2.png.xhtml) no-repeat scroll 60px 11px rgba(0,0,0,0)}
#slideshow{display:none}
.container{max-width:calc(100% - 10px)}
.pdv{display:none}
#content .page_inscription #newcustomer{margin:0 1%;max-width:100%;width:98%}
.new{width:260px}
#oldform{padding-left:5px;padding-right:5px;box-sizing:border-box}
input#champ{width:250px}
input#champ1{width:45px}
input#champ2{width:45px}
span.titrechamp{margin:6px 10px 6px 0}
input#champ3{width:100px}
span.titrechamp2{width:260px;margin:6px 10px 6px 0}
span.lechamp3{width:270px}
span.lechamp{width:270px}
#newform .checkbox{margin-right:20px}
#continue2 a{margin:20px 20px 0}
#oldform span.titrechamp{display:block;margin-left:0;margin-right:0;width:100%;float:none}
span.lechamp-ident{width:100%;display:block}
span.lechamp{display:block;width:100%;float:none}
input#champ{display:block;width:100%;float:none}
#reglementation{width:270px}
#tunnel{float:left;margin:0 0 60px;width:280px}
#entete .cout-unitaire,.cout-unitaire .prixprod h7,.cout .prixprod h7,.cout .prixprod p,.commande .intitule h7,.commande .intitule p,ul#produit li.article .reference,#entete .commande,#entete .quantite,#entete .reference,#entete .cout{font-size:12px;line-height:12px}
ul#produit li.article .frais-de-port-label{height:auto}
ul#produit li.article{border-bottom:1px solid #8e8e8e}
ul#produit li.article .cout{box-sizing:border-box;float:left;height:auto;margin:0;padding:10px 0 10px 10px;width:calc(100% - 58px)}
ul#produit li.article .cout .prixprod{float:left;width:calc(100% - 20px)}
ul#produit li.article .cout .label,ul#produit li.article .cout-unitaire .label{display:inline}
ul#produit li.article .cout .delete{float:left;height:28px;margin-top:5px;width:20px}
ul#produit li.article .cout .delete img{width:100%}
ul#produit li.article .cout-unitaire{box-sizing:border-box;float:left;height:auto;margin:0;padding:10px 0 0 10px;width:calc(100% - 58px)}
ul#produit li.article .cout-unitaire .prixprod{float:left;width:calc(100% - 20px)}
ul#produit li.article .quantite{box-sizing:border-box;height:auto;width:56px}
.compteur{margin-top:10px}
ul#produit li.article .commande{height:auto;padding:0 1%;width:100%}
.commandeimg2{display:none}
.commande .intitule2{width:100%;margin-left:0}
#entete .commande{width:100%}
#entete .quantite{display:none}
#entete .cout-unitaire{display:none}
#entete .cout{display:none}
#entete{float:left;margin:0 auto 10px;width:100%}
ul#produit li.article .intitule2 > p{margin:0}
.add{margin:0 15% 0 5%}
.monpanier{padding:70px 5px 0;width:60px;font-size:8px;background:url(/javax.faces.resource/reworldb/images/step1res.png.xhtml) no-repeat center 0}
.identification{padding:70px 5px 0;width:60px;font-size:8px;background:url(/javax.faces.resource/reworldb/images/step2res.png.xhtml) no-repeat center 0}
.identification.current,.identification.done,.identification:hover{background:url(/javax.faces.resource/reworldb/images/step2res.png.xhtml) no-repeat center -190px}
.resume2{padding:70px 5px 0;width:60px;font-size:8px;background:url(/javax.faces.resource/reworldb/images/step3res.png.xhtml) no-repeat center 0}
.resume2.current,.resume2.done,.resume2:hover{background:url(/javax.faces.resource/reworldb/images/step3res.png.xhtml) no-repeat center -190px}
.paiement{padding:70px 5px 0;width:60px;font-size:8px;background:url(/javax.faces.resource/reworldb/images/step4res.png.xhtml) no-repeat center 0}
.paiement.current,.paiement:hover{background:url(/javax.faces.resource/reworldb/images/step4res.png.xhtml) no-repeat center -190px}
#contact{margin:0 10% 20px;width:80%}
#gerer{margin:0 10% 20px;width:80%}
ul#mag li.left{margin-right:0}
ul#mag li{width:100%}
.infomag p{display:none}
.infomag a{font-size:11px;line-height:11px}
.infomag a.titremag{font-size:16px;line-height:16px}
.bloc_contact,.bloc_gerer{padding:20px 4% 20px 50%;width:46%}
.bloc_contact a,.bloc_gerer a{width:130px}
.bloc_contact span,.bloc_gerer span{font-size:12px;margin:0 0 0 8px}
.imgoffre{padding:10px;width:100px;display:none}
.descrioffre{width:260px;margin:0 0 10px}
.descrioffre p{display:none}
ul.nosoffre li{box-sizing:border-box;margin:0 0 28px;width:100%}
ul.nosoffre{text-align:left}
.loffre{width:260px;padding:10px;height:auto;border-radius:20px 20px 0 0;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-o-border-radius:20px 20px 0 0;-ms-border-radius:20px 20px 0 0}
.descrioffre h6{font-size:18px}
.descrioffre .prix{font-size:18px}
.lienoffre{float:left;margin:10px auto;width:260px}
.lienoffre a{margin:0 1% 5px;width:100%}
#nosmag{margin:40px auto 0}
#magdecouverte{margin:40px auto 0}
#nosmag ul{width:100%}
#nosmag ul li.gourmand,#nosmag ul li.telemag,#nosmag ul li{margin:0 10px;width:120px}
.more{margin:40px 60px 0}
#topfooter{display:none}
.foot{width:260px}
.col1,.col2,.col3{padding:20px 0 0;width:100%;min-height:inherit;margin:10px auto 0}
.col4{padding:20px 0 0;width:100%;min-height:inherit;margin:10px auto}
.col2 h4,.col3 h4,.col4 h4,.col1 a,.col2 a,.col3 a,.col3 span,.col3 span a{width:100%}
.col4 a.facebook{margin:0 10px 0 0}
ul#produit li.article .date2_abo .label,ul#produit li.article .date3_abo .label,ul#produit li.article .dernierNum_abo .label{display:inline}
ul#produit li.article .commande2_abo{width:100%;padding:10px 1%;float:left;min-height:188px;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .adresse2_abo{width:100%;padding:10px;float:left;min-height:0;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .date2_abo{width:100%;padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .date3_abo{width:100%;padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .dernierNum_abo{width:100%;padding:0 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
ul#produit li.article .calendrier_abo{width:100%;padding:0 10px 10px;float:left;min-height:0;text-align:left;margin:0;background:none repeat scroll 0 0 #FFF;box-sizing:border-box}
.commandeimg_abo img{float:left;margin-bottom:10px;max-height:105px;max-width:100%;height:auto}
.suspendre{margin:10px 0 0;width:100%;float:left}
.suspendre a{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat scroll right center;color:#FFF;float:left;font-size:18px;line-height:18px;padding:6px 0;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .5s ease 0;width:230px}
.suspendre a:hover{background:url(/javax.faces.resource/reworldb/images/bgvalider.png.xhtml) no-repeat left center}
#encours #entete{display:none}
ul#produit li.article .quantite2 .label,ul#produit li.article .montant3 .label{display:inline}
ul#produit li.article .commande2{box-sizing:border-box;padding:10px;width:100%;height:auto}
ul#produit li.article .adresse2{box-sizing:border-box;height:auto;margin:0;min-height:0;padding:10px;width:100%}
ul#produit li.article .quantite2{box-sizing:border-box;height:auto;margin:0;padding:0 0 10px 10px;text-align:left;width:50%}
ul#produit li.article .montant3{box-sizing:border-box;height:auto;margin:0;padding:0 10px 10px 0;text-align:left;width:50%}
#historique #entete{display:none}
}