/*   RESET   */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, button { margin: 0 auto; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
html {position: relative; min-height: 100%}
body {line-height: 16px; font-family: Arial, sans-serif; font-size: 12px; background: #FFF; color: #000}
ol, ul{list-style: none}
blockquote, q{quotes: none}
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none}
:focus{outline: 0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
img{margin: 0 auto; padding: 0}
 a{text-decoration:none}
 a:hover{text-decoration:underline}
.clear{clear:both; width:100%}
* {padding:0; margin:0 auto; font-family:Arial; font-size:12px; color:#000}

.pub-horizental{padding:10px 0 10px 0}

/*   ALL   */
.link{ font-size:14px }
.blue, .blue b{color:#1155cc }
.green{ color:#019130 }
.red{color:red}
.clear{clear:both}
.space{padding:5px}
.space-plus{padding:15px}
.right{float:right}
.left{float:left}
.marg-bot{margin-bottom: 20px}


/*    SPRITS  */
.sprits {background:url('../img/sprit.png') no-repeat top left}
.sprite-arrow-left{ background-position:10px 7px; width:10px; height:16px}
.sprite-arrow-right{ background-position:10px -20px; width:10px; height:22px}
.sprite-creer-compt{ background-position:0 -52px; width:16px; height:15px}
.sprite-delete-active, .delete:hover{ background-position:0 -74px; width:10px; height:13px}
.sprite-delete, .delete{ background-position:0 -94px; width:10px; height:13px}
.sprite-email-activ, .alert:hover{ background-position:0 -115px; width:15px; height:14px}
.sprite-email-freind{ background-position:0 -136px; width:12px; height:12px}
.sprite-email, .alert{ background-position:0 -156px; width:15px; height:14px}
.sprite-entreprise{ background-position:0 -178px; width:10px; height:12px}
.sprite-eye{ background-position:0 -198px; width:16px; height:14px}
.sprite-face-activ, .face:hover{ background-position:0 -221px; width:9px; height:17px}
.sprite-face-btn{ background-position:0 -241px; width:20px; height:33px}
.sprite-face, .face{ background-position:0 -275px; width:9px; height:17px}
.sprite-filter{ background-position:0 -303px; width:16px; height:15px}
.sprite-google-plus-activ, .google:hover{ background-position:0 -327px; width:20px; height:17px}
.sprite-google-plus, .google{ background-position:0 -354px; width:20px; height:17px}
.sprite-lieu{ background-position:0 -381px; width:9px; height:12px}
.sprite-metier{ background-position:0 -401px; width:10px; height:11px}
.sprite-mon-compt{ background-position:0 -422px; width:14px; height:15px}
.sprite-recherche-active{ background-position:0 -447px; width:14px; height:14px}
.sprite-return{ background-position:0 -469px; width:13px; height:13px}
.sprite-rss-activ, .rss:hover{ background-position:0 -489px; width:13px; height:16px}
.sprite-rss, .rss{ background-position:0 -511px; width:13px; height:16px}
.sprite-save{ background-position:0 -534px; width:10px; height:12px}
.sprite-share{ background-position:0 -553px; width:9px; height:12px}
.sprite-star{ background-position:0 -575px; width:14px; height:14px}
.sprite-trie{ background-position:0 -595px; width:8px; height:11px}
.sprite-twitter-activ, .twitter:hover{ background-position:0 -613px; width:16px; height:13px}
.sprite-twitter, .twitter{ background-position:0 -636px; width:16px; height:13px}
.sprite-user-active{ background-position:0 -662px; width:15px; height:15px}
.sprite-display-pass{ background-position:0 -687px; height:6px; width:20px}
.sprite-date{ background-position:0 -699px; height:11px; width:9px}
.sprite-menu{ background-position:0 -714px; height:14px; width:15px}
.sprite-search{ background-position:0 -730px; height:14px; width:15px}
.sprite-in-activ, .in:hover{ background-position:0 -754px; width:13px; height:14px}
.sprite-in, .in{ background-position:0 -776px; width:13px; height:14px}


/*    HEADER  */
header{width:100%; height:75px; position: fixed; top: 0; z-index: 999; background: #f3f3f3;border-bottom: 1px solid #d7d7d7}
header .mini-form{float:left; width:100%; height:75px}
.center-element{width:980px}
header a{font-size:14px; padding-left:18px}

header .top-contact{float:right}
header ul li{display:inline-block;zoom:1;margin:0 0 0 0;padding:0}
header.index ul li a, header ul li a{display:inline-block;font-size:12px;text-shadow:none;margin:6px 10px 0 6px;color:#777;padding:0}
header .logo-page{float:left; display: block; width: 135px; height: 40px; position:relative }
header .logo-page b{float:left; display: block; width: 135px; height: 40px; margin:6px 0 0 0; text-indent: -8888px;}
header .sp{background: url('../img/logo.png') no-repeat;}
header i.slogan-page{position: absolute;margin: 37px 0 0 -111px;font-size: 11px;color: #979797;width: 130px;}
.form-page{float:right; margin:12px 0 0 0; width:680px}
input[type="text"]{width:260px; height:30px; background-color: #FFF; border:1px solid #d7d7d7; border-right: none; font-size:16px; padding-left:10px; float:left; padding-top/*\**/: 6px\9; height/*\**/: 24px\9;}
input[type="text"].without-radius{border:1px solid #d7d7d7;}
::-webkit-input-placeholder {color:#9f9f9f}
::-moz-placeholder {color:#6b6b6b}
:-ms-input-placeholder {color:#c3c3c3}
button {/*margin-left: 6px;*/color:#fff; font-size:16px; padding:0 30px 0 30px; height:32px; border-bottom-left-radius:0; border:1px solid #1155cc; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3); cursor:pointer; background:url('../img/bg-btn.png') top left repeat-x; float:left}
button:hover {background:url('../img/bg-btn.png') top left repeat-x; background-position:0 -39px; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3), 0 1px 0 0 rgba(0,0,0,0.2)}
button:active {box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.2)}
button span{padding:2px 10px 2px 10px; width: 20px; height: 20px; background:url('../img/recherche.png')no-repeat}

input[type="text"].contact, input[type="email"].contact{width:400px; height:30px; background-color: #FFF; border:1px solid #dddddd; font-size:14px; padding-left:10px; margin-bottom: 10px; padding-top/*\**/: 6px\9; height/*\**/: 24px\9;}
textarea.contact{width:600px; height:80px; background-color: #FFF; border:1px solid #dddddd; font-size:14px; padding:10px 10px 10px 14px; margin-bottom: 10px; resize: none}

header.index{width:100%; height:100px; position:inherit; background-color: #FFF; border:none}
header.index a{display: block; font-size:20px; margin:80px 300px 72px 355px}
header.index .logo-page b{display: block; width: 186px; height: 74px; margin:6px 0 0 0; text-indent: -8888px;}
header.index .sp{background: url('../img/joba.png') no-repeat;}
header.index h1.slogan-page{font-weight:normal;position:absolute; margin:68px 0 0 46px; display:block; font-size:14px; color:#979797;width: 200px;}
.bold{font-weight: bold}

/*    CONTAINER RESULTS  */
.container-home{margin:54px 20px 20px 20px}
.form-home{width:680px}
.form-home input[type="text"]{ height: 38px; padding-top/*\**/: 8px\9; height/*\**/: 30px\9;}
.form-home button{ height: 40px}
.sep-home{margin-top:80px; width:680px; border-bottom:1px solid #dedede; position:relative}
.cercle-home{display:inline-block; font-weight: normal; font-size:14px; padding:6px 4px 0 4px; text-align:center; height:22px; width:150px;background:#fff; position:absolute; top:-16px; left:265px}
.top-search{padding:30px; text-align:center; width: 800px; line-height: 22px}

.container{margin: 75px 0 0 0; min-height:660px}

h1, h2, h3{font-size:20px;color:#545454;margin-bottom:20px;line-height:24px;text-transform:lowercase}
.left-side-offer-one h3,.offre-detail h1,.offre-detail h2,.result h1, .offer h2, .offer h3{text-transform:capitalize}
h2 a, h2 a b{color:#4b8bf5}
.offer h2{font-size:18px;font-weight:normal;margin:0}
.offer h3{color:#959595;font-weight:normal;font-size:14px;margin:0}
h4:first-letter, .offer h3 span.green:first-letter, ul.list-filter li.title-filter ul li:first-letter{text-transform:uppercase}
h4{font-weight:normal;color:#b2b2b2}

/*
footer h3{color: #000;font-size: 18px}
.offer h3{text-transform: lowercase}
h4:first-letter, .offer h3 span.green:first-letter, ul.list-filter li.title-filter ul li:first-letter{text-transform: uppercase}
.offer h3, .offer h2{text-transform: capitalize}
.offer h3 b {font-weight: bold; font-size: 14px;color: #959595}
.offer h3 span.green b {font-weight: bold; font-size: 14px;color: #019130}
*/
/*
h1{font-size:18px; margin-bottom:10px; color: #000}
h2 a, h2 a b{font-size: 18px; color:#1155cc; line-height: 24px}
.offer h2 {font-size:18px; font-weight:normal; margin-bottom:6px}
.result h2 {font-size:18px; font-weight:normal; margin:20px 0 2px 0 }
h3 {color:#959595;font-weight: normal}
h3, h3 span {font-size:14px;}
*/

.trie{font-size:12px; float:right}
.result{border:1px solid #f3f3f3; border-top:none; border-bottom:none; padding:20px}

/*.offer{border:1px solid #f3f3f3; border-top:none; padding:20px 20px 10px 20px; display:block; float:left;width:726px}*/
.offer{border:1px solid #f3f3f3 !important; border-top:none; padding:20px 19px 16px 19px !important;float: left;width: 728px}

/*.offre-detail{border:1px solid #f3f3f3; border-top:none; padding:20px 20px 10px 20px; display:block; float:left;width:582px}*/
/*.offre-detail{border-top:none; padding:20px 20px 10px 20px; width: 582px}*/
.offre-detail {border:1px solid #ececec;border-top:none;padding:20px 20px 10px 20px;width:auto}
.offer p{margin:10px 0 10px 0; line-height:18px}
.heure-site{display:block; margin: 6px 0 0 0}

.return{display: block; padding-left:16px; font-size:16px; margin:20px 0 20px 0; width: 100%}
input[type="submit"].btn {color:#fff; font-size:16px; padding:0 20px 0 20px; height:34px; border:1px solid #1155cc; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5); cursor:pointer; background:url('../img/bg-btn.png') top left repeat-x}
a.btn{color:#fff; font-size:16px; padding:8px 20px 0 20px; height:26px; border:1px solid #1155cc; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5); cursor:pointer; background:url('../img/bg-btn.png') top left repeat-x}
a.btn:hover, input[type="submit"].btn:hover {text-decoration: none; background:url('../img/bg-btn.png') top left repeat-x; background-position:0 -39px; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5), 0 1px 0 0 rgba(0,0,0,0.2)}
a.btn:active, input[type="submit"].btn:active {box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.2)}
.share{display:block; float: left; width: 100%; margin:10px 0 10px 0}
.fb-like, .g-plus, twitter-share-button, .linkedin, .viadeo-share, .viadeo_widget_recommend{display:block; float:left}
.fb-like{margin:0 10px 0 0}
.viadeo_widget_recommend{margin:0 10px 0 0 !important}
.linkedin{margin:0 8px 0 0}
#___plus_0, .g-plus{margin:0 5px 0 0 !important}
.cadre{float: left;border: 1px solid #f3f3f3; padding: 20px 10px 20px 20px; width: 948px}
.similar {border: 1px solid #f3f3f3; padding: 10px; width: 157px; height: 106px; float: left; margin-right: 10px}
.similar:hover {text-decoration: none; cursor: pointer; background-color: #f3f3f3; border:1px solid #d7d7d7}
.similar .blue{height:31px; float: left; clear: both; text-transform: lowercase}
.similar .blue:first-letter{text-transform: uppercase}
.similar .gry{float: left; clear: both;color: #959595;}
.similar .detail{height:34px; float: left; clear: both;text-transform: lowercase;}
.similar .heure-site{height:20px; float: left; clear: both}
.detail{display: block; padding-top: 6px}
/*.left-side-offer h3{font-size: 15px; color: #000; margin-bottom: 6px}*/
ul.similar-offer{list-style:none; margin-bottom:0px}
ul.similar-offer li{padding-bottom:14px;text-transform: capitalize;}
ul.similar-offer li a{color:#1155cc; font-size: 16px}
.right-side-offer div{margin-bottom: 20px}

ul.alpha-offer{display: inline-block;list-style:none; margin-bottom:30px;width:100%;clear:both}
ul.alpha-offer li{padding-top:4px;width:16px; float:left; margin-right:10px}
ul.alpha-offer li a{display:inline-block; color: #1155cc; font-size:16px; padding:2px 0 0 0; text-align:center; height:18px; width:20px; border:1px solid #fff}
ul.alpha-offer li a.active{border:1px solid #d7d7d7; text-decoration: none; color: #d7d7d7}

/*    SIDES  */
.left-side{width:192px; float:left; padding:18px 20px 20px 0}
.right-side{width:768px; float:right}
.right-side-offer{width:336px; float:left; margin: 20px 0 0 20px}
.left-side-offer{width:624px; float:left}
.left-side-offer-one{float:left; width:90%; margin: 20px 20px 0 0}
/*.left-side-offer-two{float:left; width:300px; margin-right: 20px}*/
.bottom-email{float: left; width: 100%}


/*    PAGINATION  */
.pagination{display:block; text-align:center; margin:30px 0 0 0}
.paginate{display:inline-block; color:#c9c9c9; font-size:14px; padding:6px 4px 0 4px; text-align:center; height:22px; min-width:22px; border:1px solid #fff; margin:0 2px 0 2px; font-weight:bold}
.paginate:hover{border:1px solid #dddddd; text-decoration: none}
.pagination .active{color:#fff; cursor:default; box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5); background:url('../img/bg-btn.png') top left repeat-x; border:1px solid #1155cc}
.dotted{font-family :Times, serif; margin:0 2px 0 2px; font-size:28px; color:#dadada; line-height:16px; font-weight:bold}


/*    FILTER  */
.filter{font-size:14px; padding-left:14px; width:100%; font-weight:bold; margin-bottom:10px}
.title-filter{padding-left:14px; width:100%; color:#000; font-weight:bold;}
ul.list-filter li.title-filter{font-weight:bold}
ul.list-filter li.title-filter ul li{font-weight: normal}
ul.list-filter, ul.list-filter ul{width:100%; float:left; list-style:none}
ul.list-filter li.filtitle{clear:both}
ul.list-filter li.filtitle ul{width:178px; display:block; margin:4px 0 14px 0; padding:0 0 8px 0; clear:both; border-bottom:1px solid #f3f3f3}
ul.list-filter li{display:block; margin:3px 0 0 0; }
ul.list-filter li.title-filter ul li span{padding: 10px 0 0 0;cursor: pointer;display: block; width: 8px; height: 8px; background: url('../img/close.png') no-repeat;float: right}
ul.list-filter li.title-filter ul li a.close{padding: 10px 0 0 0;cursor: pointer;display: block; width: 8px; height: 8px; background: url('../img/close.png') no-repeat;float: right}
ul.list-filter li.title-filter ul li, ul.list-filter li.title-filter ul li h4{color: #979797}
ul.list-filter li.title-filter ul li a{background: url('../img/liste.png') 0 4px no-repeat;padding-left:8px; color: #000; width:166px}
ul.list-filter li.title-filter ul li a.blue{background: none; color: #1155cc}
h4{font-weight: normal}


/*    ALERT BLOC  */
.alert-bloc{padding:20px; background:#f9edbe; border: 1px solid #f0c36d; float: left; width: 726px}
.alert-min{width: 582px}
.alert-bloc p{margin-bottom:10px; font-size: 14px}
input[type="text"].alert-input{border:1px solid #f0c36d}
button.alert-btn {font-size:14px; height:32px;}


/*    FOOTER  */
footer{float:left; width:100%;  background: #f3f3f3;border-top: 1px solid #d7d7d7; padding: 20px 0 0 0; margin: 30px 0 0 0}
footer nav ul li{display: inline-block; zoom: 1}
footer nav ul li a{margin:0 10px 0 0}
footer nav ul li span {margin:0 10px 0 0}
.sep-footer{margin:20px 0 10px 0; width:100%; height:2px; float:left}


.social{float: right;height: 23px;margin-bottom:14px}
.social a, .social a:hover{display:block;width:23px;height:23px;float:left;margin-left: 10px}
.social a.face{background:url('../img/social.png') no-repeat;background-position: 0 0}
.social a.twitter{background:url('../img/social.png') no-repeat;background-position: 0 -23px}
.social a.google-plus{background:url('../img/social.png') no-repeat;background-position: 0 -46px}

footer.home {margin:26px 0 0 0;}
footer.home nav.profession{display:block; margin:14px 0 0 0; width:440px; float:left}
footer.home nav.entreprise{display:block; margin:14px 0 0 0; width:340px; float:left}
footer.home nav.ville{display:block; margin:14px 0 0 0; width:200px; float:left}
footer.home nav b{font-size:18px; font-weight:normal}
footer.home ul{list-style:none; margin:16px 0 0 0}
footer.home li{margin:5px 0 0 0; /*color:#979797;*/ display: block}
footer.home nav a{font-size:14px}
footer.home .touts{float:left; margin:14px 0 0 0}


.container-home-footer{margin: 0 10px 0 10px}


/************ MESSAGE BOX **************/
.message-box {font-size: 14px; clear: both;padding: 10px 20px 10px 30px;margin: 20px 0 20px 0;color: #FFF}
.errorbox {background:url('../img/error.png') top left no-repeat #ff4242;background-position:10px 12px;}
.successbox {background:url('../img/success.png') top left no-repeat #b3cc57;background-position:10px 12px;}
.alertbox {background:url('../img/alert.png') top left no-repeat #fbc813;background-position:10px 12px;}
.message-box ul li{color:#fff}
/* added */
.sb-toggle-right,.sb-toggle-left,.left-side-offer-one,.hide,.no-screen{display: none;}
nav.footer-contact, nav.footer-contact ul{margin-top: 10px;display: block}
/*
footer.home nav.footer-contact, footer.home nav.footer-contact ul,footer.home nav.footer-contact li,footer.home nav.footer-contact li a{margin: 0 auto; padding: 0; display: inline; float: none; font-size: 12px}
footer.home nav.footer-contact, footer.home nav.footer-contact ul{margin-top: 10px;display: inline;clear:both}
*/
footer.home nav.footer-contact li,footer.home nav.footer-contact li a{margin: 0 auto; padding: 0; display: inline; float: none; font-size: 12px}
footer.home nav.footer-contact, footer.home nav.footer-contact ul{margin-top: 10px;clear:both}
footer.home nav.footer-contact ul li a {margin: 0 10px 0 0}
.pub-vertical.stuck {position:fixed; top:0; margin-top: 75px}
.pub-vertical {width:160px; padding-left: 14px; float: left}
.about-us p{margin: 10px 0 10px 0}
.about-us li{background: url('../img/liste.png') 0 4px no-repeat;padding-left:8px}
.annoncer{display: block; float:left; width: 580px}

.qr-code {
    padding:4px 4px 20px 20px; 
    background:#f9edbe;
    width: 360px;
    position: fixed;
    top: 60%; 
    left: 50%;
    margin-top: -200px;
    margin-left: -200px;
    border: 1px solid #f0c36d;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    text-align: left;
    z-index: 9999; 
}
.qr-code p{margin: 20px 20px 10px 0}
.close{
    display: block;
    width: 16px;
    height: 16px;
    background: url('../img/close-popup.png');
    float: right;
    cursor: pointer;
}
.alert-popup{width: 400px}
.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:9990;
  background-color: rgba(250,250,250,0.7);
}
.offre-detail{font-size: 14px;line-height:20px}


/************************** CSS PHONE **********************/
/* 00. RETINA CSS */
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5) {     
}

/* 04. #Tablet (Portrait) */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container{margin: 54px 10px 0 10px}
    .offer{width:468px}
    .center-element{width:720px}
    .form-page,.alert-bloc{width:482px}
    .right-side{width:510px}
    .left-side{width:190px}
    input[type="text"]{width:176px;}
    .container-home{margin:54px 10px 0 10px}
    .form-home input[type="text"]{width: 270px}
    .top-search{width: 680px}
    footer.home .center-element{clear: both}
    .right-side-offer,.cadre{display: none}
    .offre-detail{width:110%}
    .alert-min{width:110%}
    .left-side-offer-one{display: block}
}

/* 05. #Mobile (Portrait) */
/* Note: Design for a width of 320px */
@media only screen and (max-width:767px) {
    header{height:54px}
    .center-element{width:auto}
    .container{margin: 54px 10px 0 10px}
    .container-home{margin:20px 10px 10px 10px}
    input[type="text"]{padding-left:0;width: 100%;border:1px solid #dddddd;margin-bottom:10px}
    input[type="text"].without-radius{}
    .form-home{width:auto}
    header.index a{margin:0 auto}
    button{width: 100%}
    header.index .logo-page b{margin-top:20px; margin-bottom: 20px}
    /*header.index .logo-page{width:272px;height:100px;}*/
    header.index h1.slogan-page{margin-top:100px}
    /* display none */
    .right-side-offer,.top-contact, .left-side-offer-two,.share,.cadre,.dotted,.paginate,.offer p,.form-page,.left-side,.sep-home,.top-search,footer.home .center-element h3,footer.home .center-element ul{display: none}
    footer.home .center-element{clear: both}
    footer.home .center-element nav{/*width:160px;*/ margin: 0 auto}
    footer.home nav.footer-contact ul{display:block;clear: both}
    .right-side{width:auto; float: none}
    .container{margin:54px 0px 0px 0px;min-height:0}
    .container-detail{margin:54px 0 0 0;}
    .result{border-left:none;border-right:none; padding:20px 10px 20px 10px}
    .offer{border-left:none;border-right:none;padding:10px; width: 90%;}
    .alert-bloc{width:100%; padding: 0; margin-bottom: 20px}
    .alert-bloc input,.alert-bloc p{margin: 10px 20px 0 20px}
    .alert-bloc button{margin: 10px 20px 10px 20px; width: 90%;height: 40px}
    .alert-bloc input{width: 90%;padding:4px 0 4px 0}
    .sprite-arrow-right,.sprite-arrow-left{display:inline-block}
    .sprite-arrow-left{float:left;background-position:12px 10px; width:10px; height:10px}
    .sprite-arrow-right{float: right;background-position:14px -16px; width:10px; height:10px}
    .paginate{border:1px solid #dddddd; text-decoration: none; padding:10px 4px 0 6px; text-align:center; height:26px; min-width:26px;margin:0 20px 0 20px; }
    body {line-height: 18px; font-family: Arial, sans-serif; font-size: 14px; background: #FFF; color: #000}
    ul.similar-offer li a,ul.alpha-offer li a{font-size: 16px}
    ul.alpha-offer li a{font-size: 16px;padding: 3px 1px 0 1px;height: 23px;width: 24px;}
    ul.alpha-offer li{margin-right: 20px}
    .no-screen{display:inline-block;padding-top:10px}
    .left-side-offer{width:auto}
    .offre-detail p{display:inline-block}
    .offre-detail{border-left:none;border-right:none;padding:0 10px 0 10px; margin: 20px 0 0 0}
    footer{margin:0 auto}
    .pagination{margin: 20px 0 30px 0;display:block;float:left;width:100%;}
    .offer h2{margin: 10px 0 10px 0}
    .offer .heure-site{margin: 0 0 10px 0;}
    .imported{margin-bottom:20px;font-size:16px;line-height:24px}
    .left-side-offer-one{display:block;margin-bottom:20px}
    header .logo-page{float:none}
    .sprite-menu{display:block;float:left;margin:18px 0 0 18px;padding:2px}
    .sprite-search{display:block;position:absolute;float:right;margin:16px 16px 0 0;padding:4px;top:0;right:0}
    #sb-site{padding: 14px 0 0 0}
    .left-side-bar{margin: 0 10px 0 10px;}
    .sb-right input[type="text"]{border: 1px solid #000; background: #696969; color: #fff}
    .sb-right button{background:url('../img/bg-btn.png') top left repeat-x}
    ::-webkit-input-placeholder {color:#acacac}
    ::-moz-placeholder {color:#acacac}
    :-ms-input-placeholder {color:#acacac}
    .filter{font-size:18px;padding:0;width:100%;font-weight:normal;color:#fff;margin:10px 0 10px 0}
    .list-filter .title-filter{font-size: 16px;padding:5px 0 3px 0;width:100%;color:#fff;float:left}
    ul.list-filter, ul.list-filter ul{width:100%; float:left; list-style:none}
    ul.list-filter li.sprits{clear:both}
    ul.list-filter li.sprits ul{width:auto;display:block;margin:4px 0 14px 0;padding:0 0 8px 0;clear:both;border-bottom:1px solid #323232}
    ul.list-filter li{display:block; margin:3px 0 0 0; }
    ul.list-filter li.title-filter ul li a.close,ul.list-filter li.title-filter ul li span{padding:10px 2px 0 0;cursor: pointer;display: block; width: 10px; height: 10px; background: url('../img/close-phone.png') no-repeat;float: right}
    ul.list-filter li.title-filter ul li, ul.list-filter li.title-filter ul li h4{color: #979797}
    ul.list-filter li.title-filter ul li a{font-size: 16px;background: url('../img/liste.png') 0 10px no-repeat;padding:4px 0px 4px 8px;color: #ccc;width:auto}
    ul.list-filter li.title-filter ul li a.blue{background: none; color: #1155cc}
    ul.list-filter li.title-filter ul li a h4{font-weight: normal;display: block;padding: 10px 0 10px 0}
    .button{width:100%}
    input[type="text"],input[type="email"]{text-align: center}
    a.wide{width:100%;clear:both;margin:10px 0 10px 0}
    a.btn{padding-left: 0;padding-right: 0;text-align: center}
    .return{float:left}
    input[type="text"].contact, input[type="email"].contact, textarea.contact {width: 94%}
	.sep-footer {margin: 10px 0 10px 0}
}   

/* 06. #Mobile (Landscape) */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
.maintenance{
    width: 980px;
    float: left;
    text-align: center;
    font-size: 23px;
	line-height: 30px;
    margin: 50px 0 50px 0
}