body{font-family:Century Gothic, 'Century Gothic', sans-serif;margin:0;color:#2C2C2C;min-width:980px;}

a{text-decoration:none;color:#2C2C2C}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.hide{display:none}
/*
    Bandeau haut de page
*/
.header{top:0;left:0;width:100%;background:#000;display:flex;position:fixed;z-index:401;top:-210px;box-shadow:0 0 8px #000;}
.connexion{width:100%;height:190px;border-bottom:4px solid #444;margin-bottom:5px;}
#close-connexion{display:block;float:right;cursor:pointer;}
.connexion h2{text-align:center;color:#feed01;font-size:16px;text-transform:uppercase;margin-left: 50px;}
.connexion-sociale{float:left;font-size:13px;border-right:3px solid #444;padding-right:30px;margin-left:58px;text-align:right}
.connexion-standard{float:left;text-align:right;margin-left:118px;margin-top:0px;width:280px;}
.connexion-standard input[type=text], .connexion-standard input[type=password]{display:block;margin:8px 0;width:100%;border:none;padding:5px}
.connexion-standard label{font-size:12px;}
.connexion-standard input[type=checkbox]{margin:0 4px}
.connexion-standard a{padding:0!important;text-transform:none!important;text-decoration:underline!important;font-size:12px!important}
.logo{float:left;}
.boutons,.panier{float:left; height: 100px;}
#container_top{position:relative;width:960px;margin:auto;color:#fff;}
#container_top a, #container_top img,#container_top #mt_panier{text-transform:uppercase;color:#fff;display:inline-block;padding:8px;text-decoration:none;vertical-align:middle;}
#container_top a{font-size:13px;}
@media only screen and (max-width:1280px){
    #container_top a{font-size:12px;}
}
#container_top a:hover, #container_top a.active{color:#feed01}
#container_top a.byr, .form_commande a.byr{border-right:1px solid #feed01;}
#container_top a.byr, .form_commande a.byr, #container_top a.padlr, .form_commande a.padlr{padding:6px 12px;font-weight: bold;}
#deguster {
    width: 100%;
    height: 159px;
    background: #fff;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    top: 400px;
}
#deguster .form_commande {
    background-color: rgba(2, 2, 2, 0.9)!important;
    border-radius: 8px!important;
    color: #fff!important;
    margin: auto!important;
    padding: 10px 20px!important;
    position: relative!important;
    width: 760px!important;
    z-index: 2!important;
    top: 0px;
}
.etapelegende {
    color: #fff;
    display: block;
    font-weight: normal;
    margin-top: -30px;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
.boutons{margin:15px;margin-bottom:0; margin-left: 25px!important;}
.btn {margin-right:5px;background:transparent;cursor:pointer;display:inline-block;padding:6px;text-transform:uppercase;position:relative;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.btn:after {content:'';position:absolute;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.btn-1 {border:1px solid #feed01;color:#fff;text-align:center; height: 20px;}
.btn-1f {overflow:hidden;}
.btn-1f:after {width:102%;height:0;top:50%;left:50%;background:#feed01;opacity:0;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
.btn-1f:hover:after {height:24px;opacity:1;color:#2C2C2C;}
.btn-1f:active:after {height:32px;opacity:1;padding-top:9px;}
#connection:after{content:"Se connecter";line-height:24px;}
#deconnexion:after{content:"Se déconnecter";line-height:24px;text-align:center}
#mon-compte:after{content:"Mon Compte";line-height:24px;text-align:center}
#container_top a#inscription{padding: 6px 8px!important; height: 20px!important;font-size: 14px!important;}
#container_top #connection{padding: 6px 8px!important; height: 34px!important;font-size: 13px!important;}
#inscription:after{content:"S'inscrire";line-height:24px;}
.fb-like{width:150px;margin:auto;display:block!important;margin-top:10px}
#sesouvenir {display: inline-block;float: left;width: 130px;}
.panier{margin-top:15px;cursor:pointer}
#logo_panier{border-left:1px solid #444;height:56px;}
#mt_panier{font-weight:bold;}
.contenu-panier{position:absolute;top:100%;right:0;z-index:99999;background-color:rgba(2, 2, 2, 0.8);padding:30px 20px;text-align:center;width:250px}
.moninputsubmit{
    background: #feed01!important;
    padding: 5px 20px!important;
    color: #000!important;
    border: #000 1px solid!important;
    font-weight: bold!important;
}
.contenu-panier{position:absolute;top:100%;right:0;z-index:99999;background-color:rgba(2, 2, 2, 0.8);padding:30px 20px;text-align:center;width:250px}
.moninputsubmit:hover{
    background: #fff!important;
    cursor:pointer!important;
}
.connexion-standard .moninputsubmit {
    padding: 5px 40px;
    margin-right: -12px;
    text-transform: uppercase;
}
#btn_up {
    position: fixed;
    bottom: 60px;
    right: 15px;
    cursor: pointer;
    display:none;
    z-index: 500;
}
#remontepage {
    display: block;
    width: 40px;
    height: 40px;
    z-index: 50;
    background: url("../../img/front/flecheremontepage.jpg") center center no-repeat;
}
#remontepage:hover {
    cursor:pointer;
    background: url("../../img/front/flecheremontepage_over.jpg") center center no-repeat;
}
/*
    Slider page d'accueil
*/
.container-slider{position:relative;height:360px;top:116px;overflow:hidden}
/*
    Formulaire de début de commande page d'accueil
*/
.form_commande{color:#fff;position:relative;z-index:2;top:-70px;background-color:rgba(2, 2, 2, 0.9);padding:10px 20px;border-radius:8px;width:760px;margin:auto;}
.form_commande h2{color:#feed01;text-align:center;margin-top:0;text-transform:uppercase;font-size:16px;}
.form_commande a{color:#fff;}
.form_commande p{text-align:center;border-top:1px solid #feed01;padding-top:14px;margin:10px auto 5px; font-size: 14px;}
.bloc-form{display:block;float:left;margin-right:10px;width:22%;overflow:hidden; text-align: left;}
.form_commande input, .form_commande select{height:30px;width:100%;background:#fff;border:none;padding:0 1px;margin-top:5px}
.form_commande input[type=submit]{width:80px;background:#feed01;border:none;font-size:18px;font-weight:bold;cursor:pointer;margin-top:26px;display:block;float:left}
.form_commande input[type=submit]:hover{background:#fff}
.form_commande label{font-style:italic;}
.form_commande input#ou{background:#fff url(../../img/front/picto_lieu.png) no-repeat 5px;padding-left:25px;}
.form_commande p a:hover{color:#feed01}

/* Contenu de la page d'accueil' */
.container-main{width:100%;border-top:7px solid #feed01;position:relative;top:114px;padding-bottom: 150px;padding-top: 90px;}
.container-main h3{color:#2C2C2C;border-bottom:2px solid #feed01;text-transform:uppercase;display:inline-block;font-size:1em}
.container-main h1{color:#2C2C2C;border-bottom:2px solid #feed01;text-transform:uppercase;display:inline-block;}
.blocs{position:relative;width:960px;margin:auto;}
.bloc-etape{width:960px;margin:auto;margin-bottom:20px;}
.etape{text-align:center}
.etape img{width:150px;}
#step1{margin-left:0}#step5{margin-right:0}

.middle{width:960px;margin:auto}
.temoignages, .tendances, .now{display:block;float:left}
.temoignages, .tendances{width:280px}
.tendances{margin:0 0 0 79px;}
.now{width:250px;float:right;}
#tendances-txt {    
    float: left;
    height: 204px;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 10px;
}
#news-container > ul {
    width: 100%;
}
.now > a {
    margin-top: 10px;
    float: left;
}
.owl-item .item {
    float: left;
    width:280px;
}
.text-temoignage, .resto-temoignage{font-size:12px;text-align:center;margin-top:5px;margin-bottom:2px;float: left;width:280px;}
.resto-temoignage{font-weight:bold}
.text-temoignage p { margin:0 auto;}
.tend{border-bottom:1px solid #161515;font-size:12px;height:50px;list-style: none;}
.tend figure{margin:3px 10px 0 0;display:block;float:left;}
.tend figure > figcaption{font-weight:bold;font-size:10px;text-align:center}
.tend p{margin:0;}
.tend-resto{font-weight:bold}
#tend2, #tend3, #tend4{margin-top:3px;}
#tend4{border:none}

.actu{    margin: auto;
    position: relative;
    width: 960px;}
.actu .bloc-actu p.title {
    margin:0 0 10px;
}
.actu .bloc-actu p, .actu .bloc-actu div.rte {
    font-size:12px;
    text-align:justify
}
.actu .bloc-actu img.pic-actu {
    margin:0 10px 0 0;
    display:block;
    float:left
}
.bloc-actu {
    float:left;
    width:30%;
}
.bloc-actu.actu_0 {
    margin-right:5%;
}
.bloc-actu.actu_2 {
    float:right;
}
.actu .bloc-actu:last-child {
    margin-right:0;
}
#lire-tous-article{
    background:url('../../img/front/croix_lire_suite.png') no-repeat 10px center;
    width:220px;
    margin:20px auto 0;
    border:2px solid #FFFF01;
    text-transform:uppercase;
    padding:10px;
    display:block;
    padding-left:50px;
    font-weight:bold;
    font-size:14px;
}

/*  Footer  */
.footer{width:100%;color:#fff;position:relative;}
.container-accel{background:#000}
.container-newsletter{background:#161515}
.container-infos{background:#222}
.accel, .newsletter, .infos{width:960px;margin:auto;padding:20px 0}
.accel a{display:inline-block;color:#fff;text-transform:uppercase;height:35px;padding:20px 0 0 60px;font-size:14px;margin-left: 7px;}
.accel a:hover{color:#feed01;text-decoration:underline}
a#avantages{background:url(../../img/front/picto_cadeau.png) no-repeat;margin:0}
a#avantages:hover{background:url(../../img/front/picto_cadeau_hover.png) no-repeat;text-decoration:none;}
a#hotline{background:url(../../img/front/picto_hotline.png) no-repeat}
a#hotline:hover{background:url(../../img/front/picto_hotline_hover.png) no-repeat;text-decoration:none;}
a#plss{background:url(../../img/front/picto_paiement.png) no-repeat}
a#plss:hover{background:url(../../img/front/picto_paiement_hover.png) no-repeat;text-decoration:none;}
a#engagement{background:url(../../img/front/picto_qualite.png) no-repeat}
a#engagement:hover{background:url(../../img/front/picto_qualite_hover.png) no-repeat;text-decoration:none;}

.newsletter{color:#eee;text-align:center}
.newsletter p{display:inline-block;margin:auto;margin-right:15px;}
.newsletter form{display:inline-block}
.newsletter input, .newsletter button{height:30px;border:none}
.newsletter input{width:250px;padding:0;padding-left:4px}
.newsletter button{padding:0 10px;background:#949494;text-transform:uppercase;margin-left:-5px;cursor:pointer}
.newsletter button:hover{background:#feed01;}

.infos{border-bottom:2px solid #000}
.moyen-paiement{display:block;float:left}
.reseaux-sociaux h3, .moyen-paiement h3{text-transform:uppercase;margin-bottom:10px;}
.moyen-paiement p{display:inline-block;font-weight:bold;font-size:13px;margin:0}

.reseaux-sociaux{display:block;float:right;margin-right:40px;}
.reseaux-sociaux a{display:block;width:27px;height:27px;float:left;}
a#fb{background:url(../../img/front/picto_facebook.png) no-repeat;margin:0}
a#fb:hover{background:url(../../img/front/picto_facebook_hover.png) no-repeat}
a#twitter{background:url(../../img/front/picto_twitter.png) no-repeat;margin:0 10px;}
a#twitter:hover{background:url(../../img/front/picto_twitter_hover.png) no-repeat}
a#gplus{background:url(../../img/front/picto_google.png) no-repeat;margin:0}
a#gplus:hover{background:url(../../img/front/picto_google_hover.png) no-repeat}

.liens-footer{width:960px;margin:auto}
.liens-footer > div{display:block;float:left}
.liens-footer div.right div {font-size: 12px;line-height: 20px;}
.liens-footer .center{margin:0px 50px 0}
.liens-footer h2, .contact h2{font-size:16px;margin-bottom:3px}
 .liens-footer h4{font-size:16px;margin-bottom:0px}
.liens-footer a{color:#fff;font-size:13px}
.liens-footer ul{list-style:none;padding:0;margin-top:0}

.contact{display:block;float:right!important}
.contact span{font-size:13px;display:block;line-height:14px}

.mentions{margin-top:10px;}
.mentions p{    margin: 0 auto;
    text-align: center;
    width: 980px;font-size:12px}
.mentions p a{color:#fff}
a#tooeasy {color:#fff; font-size: 9px;}
a#tooeasy:hover {color:#fff;}

/* Page de contenu CMS */
.container-cms{width:960px;margin: -70px auto 0;}
.nav-menu{float:left;width:260px;margin-right:20px; margin-bottom:20px;}
.nav-menu ul{list-style-type:none;padding:0}
.nav-menu ul > li {padding:5px 10px;margin:2px 0;font-weight:bold}
.nav-menu ul.list-cms > li:hover, .nav-menu ul > li.active {background:#000;}
.nav-menu ul > li > a{border-left:3px solid #2C2C2C;text-transform:uppercase;font-size:13px;padding-left:5px;background:url('../../img/front/fleche_menu_vertical.png') no-repeat 98%;width:100%;display:block;color: #000;}
.nav-menu ul.list-cms > li:hover > a, .nav-menu ul > li.active > a {border-left:3px solid #feed01;color:#feed01;background:url('../../img/front/fleche_menu_vertical_hover.png') no-repeat 98%;}
.nav-menu a#actu-promo{background:url(../../img/front/btn_actu_promo.png) no-repeat;width:213px;height:136px;display:block;color:transparent;margin:40px auto 0;}
.nav-menu a#actu-promo:hover{background:url(../../img/front/btn_actu_promo_hover.png) no-repeat;}
.cms-contenu{margin-left:280px;margin-top:20px;}
.cms-contenu .texte{margin-bottom:20px;}
.cms-contenu .texte h1{margin-bottom:10px;font-size:22px}
.cms-contenu .texte p{font-size:14px;}

/* Page d'actualité et de promotion */
#manavigation {
    width: 100%;
    top: 90px;
    position: fixed;
    z-index:500;
}
#manavigation.manavigationcompte {
    margin-left: 10px;
}
#manavigation .filariane {
    color: #fff;
}
#manavigation .filariane a {
    color: #fff;
}
a.retour {
    display:inline-block;
    font-size:14px;
    color:#4c4c4c;
    width:70px;
    text-align:right;
    height:18px;
    padding-top:12px;
}
.retour{
    display:block;
    background: url("../../img/front/fleche_temoignage_gauche_hover.png") #feed01 10px 50% no-repeat;
    text-transform:uppercase;
    padding:10px 20px;
    border:1px solid #000;
    cursor:pointer;
    font-weight: bold;
    margin-top: 20px;
}
.retour:hover {
    background: url("../../img/front/fleche_temoignage_gauche_blanc.jpg") #fff 10px 50% no-repeat;
    border:1px solid #000;
    color: #000
}
.texte_actu{float:left;margin: 10px 3%;width: 44%;height: 240px;display: inline-block;}
.bloc_actu_left{}
.texte_actu p{margin:0;text-align:justify;font-size:13px}
.texte_actu figcaption{font-size:11px;text-align:left}
.texte_actu a{text-decoration:underline;font-size:12px}
.accroche{font-weight:bold;margin-bottom:1em;}
h1{font-size:24px}
.texte_actu figure{display:block;float:left;margin:0 10px 10px 0}
/* Page de détail de la promo / actualité */
img.img_actu_promo{display:block;float:left;margin-right:15px;width:45%}
.filtre_actus h4{margin-bottom:0;margin-top:10px;border-bottom:1px solid #949494;background:url(../../img/front/filtre_plus.png) no-repeat 98%;cursor:pointer}
.filtre_actus h4#filtre-ville{background-image:url(../../img/front/filtre_plus.png)}
#filtre-actu.filtre_moins,#filtre-promo.filtre_moins{background-image:url(../../img/front/filtre_moins.png)}
.filtre_actus h4#filtre-ville.filtre_moins{background-image:url(../../img/front/filtre_moins.png)}
.list-actu, .list-promo, .list-ville{font-size:13px;font-weight:normal;}

/* Page de contact */
.container-contact{width:960px;margin:auto}
.container-contact h1{margin-top:20px;}
.container-contact a{display:block;float:right;margin-top:30px;text-decoration:underline;font-size:14px;}
.contact-form{border:1px #2C2C2C solid;padding:20px 0;margin-bottom:30px}
.contact-form input[type=text],.contact-form input[type=email],.contact-form select{}
.label-contact-input{display:block;width:400px;margin:auto;color:#6c6c6c;font-size:13px;}
select.input-contact{padding:0;text-indent: 0}
.input-contact{display:block;margin:auto;margin-bottom:10px;width:400px;border:2px solid #CCC;padding:7px 0;text-indent:8px;background:#CCC;}
.input-contact:focus{border:2px solid #666;}
select.input-contact:focus {border:2px solid #CCC;}
.contact-form button{
    margin:10px auto 0;
    background: #FEED01;
    border: 1px solid #FEED01;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 8px;
    text-indent: 0;
    text-transform: uppercase;
    width: auto;
}
.contact-form button:hover{border:1px solid #EEDD00;}
.contact-form textarea{margin-bottom:0;resize:none;height:150px;padding:3px}
#mention-contact{font-size:12px;border:1px #2C2C2C solid;padding:10px;margin-top:20px;}
#note-remarque{font-size:12px;margin-bottom:10px}
#select-gender{margin-bottom:20px;text-align:center}

#bandeau-info{background:#FEED01;top: 117px;padding: 4px;    position: fixed;
    width: 100%;
    z-index: 400;}
/*
#bandeau-info ul{width:980px;margin:0 auto;list-style:none;height:34px;line-height:34px;}
#bandeau-info ul li{float:left;margin-right:20px;font-weight:bold;font-size:14px;background:url('../../img/front/fleche_etape_commande.png') right top no-repeat;padding: 0 65px 0 0;list-style-position:0;}
#bandeau-info ul li.no-fleche{float:left;margin-right:20px;font-weight:bold;font-size:14px;background:none;padding: 0 25px;list-style-position:0;}
#bandeau-info ul li.active{color:#FEED01;background:url('../../img/front/fleche_etape_gauche_active.png') right top no-repeat #000;}
#bandeau-info ul li.active .fleche_hover{background:url('../../img/front/fleche_etape_gauche.png') left top no-repeat #FEED01;display:block;width:16px;height:34px;float:left;padding:0;margin: 0 20px 0 0;}
*/
#bandeau-info ul{width:980px;margin:0 auto;list-style:none;height:34px;line-height:34px;padding:0;}
#bandeau-info ul li{text-indent:-2%;text-align:center;width:22%;margin-left:1%;padding:0 2% 0 0;float:left;font-weight:bold;font-size:14px;background:url('../../img/front/fleche_etape_commande.png') right top no-repeat;list-style-position:0;}
#bandeau-info ul li:nth-child(2) {text-indent:0.5%;}
#bandeau-info ul li.no-fleche{float:left;font-weight:bold;font-size:14px;background:none;padding: 0;list-style-position:0;}
#bandeau-info ul li.active{text-indent:0;color:#FEED01;background:url('../../img/front/fleche_etape_gauche_active.png') right top no-repeat #000;}
#bandeau-info ul li.active .fleche_hover{background:url('../../img/front/fleche_etape_gauche.png') left top no-repeat #FEED01;display:block;width:16px;height:34px;float:left;padding:0;}

#bt-submit-connexion{border:0;background:#FFFFFF;padding:5px;cursor:pointer;}

/*POPUP*/
#fade{display: none;background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
.popup_block{width:500px;font-family: 'Century Gothic';display: none;background: #fff;padding: 20px;border: 2px dotted #000;float: left;font-size: 1.2em;position: fixed;top: 30%; left: 50%;z-index: 99999;-webkit-box-shadow: 0px 0px 20px #000;-moz-box-shadow: 0px 0px 20px #000;box-shadow: 0px 0px 20px #000;max-height:80%;}
.popup_block b{color:#000;text-align:center;font-size:14px;margin-bottom:20px;display:block;}
.popup_block p{color:#000;text-align:center;font-size:14px;}
.popup_block .bt-confirmation-depot{text-decoration:none;padding:10px 20px;background:#7E705C;border:2px dotted #000;margin-bottom:20px;margin-top:50px;display:block;width:200px;text-align:center;margin:0 auto;margin-bottom:10px;margin-top:20px;font-size:12px;color:#fff;text-transform:uppercase;cursor:pointer;font-weight:bold;}
.close_popup{background:url('https://www.domadelis.com/assets/css/images/croix_fermeture.png') no-repeat left top;display:block;width:16px;height:16px;float:right;cursor:pointer;}

.container-center{width:980px;    margin: 170px auto 0;}

.container-bandeau-info{background:#1D1D1D;color:#fff;height:55px;position:relative;top: 159px;position:  fixed;z-index: 400;width: 100%;}
.container-bandeau-info #sousmenu{width:981px;margin:-2px auto 0 auto;padding:2px;position:relative;}
.container-bandeau-info form input,select{border:0;height:30px;margin-right:15px;margin-top:14px;}
.container-bandeau-info form input.adresse_livraison{background:#fff url(../../img/front/picto_lieu.png) no-repeat 5px;padding-left:25px;width: 230px;}
.container-bandeau-info form input.recherche{padding-right:5px;width:133px;padding-left:5px;display:  inline-block;margin-right: 0;
    border-radius: 5px 0 0 5px;
    font-size: 12px;
    vertical-align: middle;
}
#submitrecherche {
    background:#fff url(../../img/front/loupe_champ_rechercher.png) no-repeat 0% 50%;
    width: 26px;
    height: 32px;
    border: none;
    display:  inline-block;
    border-radius: 0px 5px 5px 0;
    margin-left: -5px;
    vertical-align: middle;
}
#submitrecherche:hover {
    background:#fff url(../../img/front/loupe_champ_rechercher_hover.png) no-repeat 0% 50%;
    cursor: pointer;
}
.container-bandeau-info div#bt-menu{cursor:pointer;line-height:55px;text-transform:uppercase;color:#C3C3C3;font-size:14px;background:url('../../img/front/fleche_specialite_jaune.png') no-repeat center 40px #000;height:55px;padding-left:10px;padding-right:10px;border-right:1px solid #C3C3C3;border-left:1px solid #C3C3C3;display:  inline-block;width: 280px;text-align: center; float:  right;}
.container-bandeau-info div#bt-menu:hover{color:#FEED01;}
#sousmenu > form {display: inline;}
#sousmenu #go {
    background: none repeat scroll 0 0 #feed01;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 30px;
    vertical-align: top;
    width: 60px;
    margin-top: 14px;
    margin-right: 30px;
}
.container-bandeau-univers{background:#2C2C2C;}
.container-bandeau-univers .bandeau-univers{width:980px;margin:0 auto;}
.container-bandeau-univers .bandeau-univers h4{margin:0;color:#FEED01;text-align:center;padding:10px;}
.container-bandeau-univers .bandeau-univers .filtre-univers{float:left;margin:10px;cursor:pointer;}
.container-bandeau-univers .bandeau-univers .filtre-univers-gourmet{background:url('../../img/front/filtre_gourmet.png') no-repeat center center;width:204px;height:134px;border:2px solid #E30016;padding:3px;}
.container-bandeau-univers .bandeau-univers .filtre-univers-snack{background:url('../../img/front/filtre_snack.png') no-repeat center center;width:204px;height:134px;border:2px solid #FCBE00;padding:3px;}
.container-bandeau-univers .bandeau-univers .filtre-univers-entreprise{background:url('../../img/front/filtre_entreprise.png') no-repeat center center;width:204px;height:134px;border:2px solid #009036;padding:3px;}
.container-bandeau-univers .bandeau-univers .filtre-univers-night{background:url('../../img/front/filtre_byNight.png') no-repeat center center;width:204px;height:134px;border:2px solid #791CF8;padding:3px;}
.container-bandeau-univers .bandeau-univers .filtre-univers-gourmet:hover{background:url('../../img/front/filtre_gourmet_hover.png') no-repeat center center;}
.container-bandeau-univers .bandeau-univers .filtre-univers-snack:hover{background:url('../../img/front/filtre_snack_hover.png') no-repeat center center;}
.container-bandeau-univers .bandeau-univers .filtre-univers-entreprise:hover{background:url('../../img/front/filtre_entreprise_hover.png') no-repeat center center;}
.container-bandeau-univers .bandeau-univers .filtre-univers-night:hover{background:url('../../img/front/filtre_byNight_hover.png') no-repeat center center;}
.container-bandeau-univers .bandeau-univers .filtre-univers-gourmet.active{background:url('../../img/front/filtre_gourmet_hover.png') no-repeat center center;}
.container-bandeau-univers .bandeau-univers .filtre-univers-snack.active{background:url('../../img/front/filtre_snack_hover.png') no-repeat center center;}
.container-bandeau-univers .bandeau-univers .filtre-univers-entreprise.active{background:url('../../img/front/filtre_entreprise_hover.png') no-repeat center center;}
.container-bandeau-univers .bandeau-univers .filtre-univers-night.active{background:url('../../img/front/filtre_byNight_hover.png') no-repeat center center;}


.ligne-jaune{background:#FEED01;height:5px;    position: fixed;width: 100%;z-index:400;
    top: 214px;}
#carteduresto .ligne-jaune{height:5px;    position: relative;width: 100%;z-index:150;
    top: 212px;}
.container-restaurant{width:980px;margin:0 auto;    margin: 233px auto 0;}

.container-restaurant .container-bloc-restaurant{width:790px;float:right;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant{overflow:hidden;position:relative;width:180px;height:290px;float:left;margin: 5px 7px 10px 8px;border:1px solid #000;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant .image-bloc-restaurant{position:relative;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant .univers-1{height:280px;border-bottom:5px solid #E30016;border-top:5px solid #E30016;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant .univers-2{height:280px;border-bottom:5px solid #FCBE00;border-top:5px solid #FCBE00;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant .univers-3{height:280px;border-bottom:5px solid #009036;border-top:5px solid #009036;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant .univers-4{height:280px;border-bottom:5px solid #791CF8;border-top:5px solid #791CF8;}

.container-restaurant .container-bloc-restaurant .bloc-restaurant img.logo{position:absolute;top:5px;right:5px;border:1px solid #000;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant p{padding: 1px 5px;margin:0;font-size:14px;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant p.vert{margin-top:5px;color:#62A73E;font-weight:bold;font-size:12px;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant p.bold{color:#000;font-weight:bold;font-size:13px;text-transform:uppercase;}

.container-restaurant .container-bloc-restaurant .bloc-restaurant .promo{background:url('../../img/front/bandeau_promo.png') no-repeat left top;position:absolute;bottom:4px;left:0;width:90px;height:63px;}
.container-restaurant .container-bloc-restaurant .bloc-restaurant .news{background:url('../../img/front/bandeau_new.png') no-repeat left top;position:absolute;bottom:4px;left:0;width:90px;height:63px;}

.pictogramme{display:block;width:29px;height:29px;float:left;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-image-restaurant .pictogramme{margin-top: 5px;}

.container-restaurant .container-bloc-restaurant .bloc-restaurant:hover{box-shadow:0px 0px 3px 2px #5A5A5A;}

.container-restaurant .filtre-restaurant{width:189px;float:left;}
.container-restaurant .filtre-restaurant h3{color:#2C2C2C;border-bottom:2px solid #feed01;text-transform:uppercase;display:inline-block;font-size:1em}
.container-restaurant .filtre-restaurant h4{margin-bottom:0;margin-top:10px;border-bottom:1px solid #949494;background:url('../../img/front/filtre_moins.png') no-repeat 98%;cursor:pointer;font-size:13px;}
.container-restaurant .filtre-restaurant h4.active{background:url('../../img/front/filtre_plus.png') no-repeat 98%;}
.container-restaurant .filtre-restaurant label{color:#5A5A5A;font-size:12px;}
.container-restaurant .filtre-restaurant #img-hotline{margin-top:30px;margin-bottom:30px;}

.messagereur {
    margin-bottom: 50px;
}
.universmessage {
    background: url("../../img/front/message_erreur.jpg") repeat scroll 0 50% rgba(0, 0, 0, 0);
    float: left;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 775px;
    margin: 10px 0 10px 8px;
}
.universmessage span {
    background: none repeat scroll 0 0 #2c2c2c;
    display: inline-block;
    font-size: 15px;
    margin: 0 auto;
    padding: 0 10px;
    color: #fff;
    height: 31px;
}

/*RESTAURANT*/
.container-bandeau-restaurant{height: 170px;background:#2C2C2C;    position: relative;
    top: 215px;}
.container-bandeau-restaurant .bandeau-restaurant{position:relative;height: 170px;width:980px;margin:0 auto;background:#000;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-image{float:right;position:relative;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-image .bandeau-degrade{background:url('../../img/front/degrade_carte.png') no-repeat left top;position:absolute;top:0;left:0;display:block;width:50px;height:198px;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-image{float:right;width: 410px;height: 170px;
    overflow: hidden;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-image img{width: 410px;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-image-restaurant{padding:10px;float:left;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-description-restaurant{width:384px;float:left;margin-left:30px;color:#fff;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-description-restaurant h1{text-transform:uppercase;font-size:22px;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-description-restaurant p{font-weight:bold;font-size:14px;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-description-restaurant p.nom-restaurant{margin-bottom:10px;}
.container-bandeau-restaurant .bandeau-restaurant .bloc-description-restaurant p.vert{color:#62A73E;}
.container-bandeau-restaurant .bandeau-restaurant .bt-retour-restaurant{padding:6px;color:#000;text-transform:uppercase;width:100px;font-weight:bold;font-size:13px;line-height:20px;border-radius:10px;text-align: center;height:40px;position:absolute;left:48%;bottom:10px;margin-bottom: 17px;}
span.bandeau-restaurant-picto-1{position:absolute;bottom:0;right:0px;background:url('../../img/front/logo_carte_gourmet.png') no-repeat left top;display:block;width:169px;height:56px;z-index:10;}
span.bandeau-restaurant-picto-2{position:absolute;bottom:0;right:0px;background:url('../../img/front/logo_carte_snack.png') no-repeat left top;display:block;width:169px;height:56px;z-index:10;}
span.bandeau-restaurant-picto-3{position:absolute;bottom:0;right:0px;background:url('../../img/front/logo_carte_entreprises.png') no-repeat left top;display:block;width:169px;height:56px;z-index:10;}
span.bandeau-restaurant-picto-4{position:absolute;bottom:0;right:0px;background:url('../../img/front/logo_carte_byNight.png') no-repeat left top;display:block;width:169px;height:56px;z-index:10;}

.container-carte-colonne{width:980px;margin:0 auto;}
.container-carte-colonne .header-carte{
    background: none repeat scroll 0 0 #fff;
    margin-top: 210px;
    padding: 10px 0;
    position: relative;
    width: 100%;
    z-index: 150;
}
.container-carte-colonne .header-carte span{cursor:pointer;margin-right:100px;text-transform:uppercase;color:#959595;font-weight:bold;font-size:13px;}
@media only screen and (max-width:1280px){
    .container-carte-colonne .header-carte span{cursor:pointer;margin-right:100px;text-transform:uppercase;color:#959595;font-weight:bold;font-size:12px;}
}
.container-carte-colonne .header-carte span.active{color:#000;}

.container-carte-colonne .colonne-carte{width:680px;float:left;margin-top:0px;min-height: 690px;}
.container-carte-colonne .colonne-panier{width:270px;float:right;}
#bandeauhotline {
    position: relative;
    top: -50px;
    width: 270px;
}
#ajustpanier {
    height: 150px;
    width: 100%;
    position: relative;
    overflow-y: auto;
}
#colonne_panier {
    margin-top: -48px;
    width: 270px;
}


.container-carte-colonne .colonne-carte .bloc-tri span.imprimante{cursor:pointer;float:right;display:block;width:20px;height:35px;background:url('../../img/front/picto_imprimante.png') no-repeat left bottom;margin-right:20px;}
.container-carte-colonne .colonne-carte .bloc-tri span.imprimante:hover{background:url('../../img/front/picto_imprimante_hover.png') no-repeat left bottom;}
.container-carte-colonne .colonne-carte .bloc-tri select{float:right;}
.container-carte-colonne .colonne-carte .titre-carte .fleche{border-right:4px solid #fff;background:url('../../img/front/fleche_descent_carte.png') no-repeat left top;display:inline-block;width:36px;height:36px;float:left;}
.container-carte-colonne .colonne-carte .titre-carte .fleche.active{background:url('../../img/front/fleche_remonte_carte.png') no-repeat left top;}
.container-carte-colonne .colonne-carte .titre-carte{overflow:hidden;cursor:pointer;margin-top:15px;margin-bottom:10px;background:#000;height:36px;}
.container-carte-colonne .colonne-carte .titre-carte .texte{padding-left:30px;height:36px;font-weight:bold;display:block;float:left;line-height:36px;text-transform: uppercase;}

.container-carte-colonne .colonne-carte .produit{position:relative;padding:5px;width:210px;height:330px;border:1px solid #000;margin: 5px 2px;float:left;}
.container-carte-colonne .colonne-carte .produit.ligne{margin:0;width:100%;display:block;height:auto;border:0;border-bottom:1px solid #000;}
.container-carte-colonne .colonne-carte .produit.ligne:last-child{border:0;}
.container-carte-colonne .colonne-carte .produit p.bold{float:left;height:20px;overflow:hidden;font-weight:bold;text-align:center;font-size:15px;}
.container-carte-colonne .colonne-carte .produit.ligne p.bold{margin-top:0;height:auto;font-weight:bold;text-align:left;}
.container-carte-colonne .colonne-carte .produit div.composition{font-style:italic;padding-left:3px;padding-right:3px;font-size:13px;height:60px;overflow:hidden;}
.container-carte-colonne .colonne-carte .produit.ligne div.composition{height:auto;margin-bottom:3px;width:300px;float:left;}
.container-carte-colonne .colonne-carte .produit p.prix{position:relative;margin-top:20px;text-align:center;font-weight:bold;font-size:14px;}
.container-carte-colonne .colonne-carte .produit.ligne p.prix{margin-top:-10px;text-align:center;font-weight:bold;font-size:14px;width:200px;float:right;}
.container-carte-colonne .colonne-carte .produit.ligne div.container-picto-carte-ligne{float:left;margin-left:20px;margin-top:-15px;}

span.bt-plus-1{display:block;width:20px;height:20px;background:url('../../img/front/ajout_plat_gourmet.png') no-repeat left top;float:right;margin-right:30px;cursor:pointer;}
span.bt-moins-1{display:block;width:20px;height:20px;background:url('../../img/front/suppression_plat_gourmet.png') no-repeat left top;float:left;margin-left:30px;cursor:pointer;}
span.bt-plus-2{display:block;width:20px;height:20px;background:url('../../img/front/ajout_plat_snack.png') no-repeat left top;float:right;margin-right:30px;cursor:pointer;}
span.bt-moins-2{display:block;width:20px;height:20px;background:url('../../img/front/suppression_plat_snack.png') no-repeat left top;float:left;margin-left:30px;cursor:pointer;}
span.bt-plus-3{display:block;width:20px;height:20px;background:url('../../img/front/ajout_plat_entreprise.png') no-repeat left top;float:right;margin-right:30px;cursor:pointer;}
span.bt-moins-3{display:block;width:20px;height:20px;background:url('../../img/front/suppression_plat_entreprise.png') no-repeat left top;float:left;margin-left:30px;cursor:pointer;}
span.bt-plus-4{display:block;width:20px;height:20px;background:url('../../img/front/ajout_plat_byNight.png') no-repeat left top;float:right;margin-right:30px;cursor:pointer;}
span.bt-moins-4{display:block;width:20px;height:20px;background:url('../../img/front/suppression_plat_byNight.png') no-repeat left top;float:left;margin-left:30px;cursor:pointer;}

span.hotline-lyon-1{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_lyon_gourmet.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-lyon-2{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_lyon_snack.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-lyon-3{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_lyon_entreprise.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-lyon-4{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_lyon_byNight.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-st-etienne-1{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_saintEtienne_gourmet.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-st-etienne-2{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_saintEtienne_snack.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-st-etienne-3{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_saintEtienne_entreprise.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-st-etienne-4{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_saintEtienne_byNight.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-valence-1{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_valence_gourmet.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-valence-2{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_valence_snack.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-valence-3{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_valence_entreprise.jpg') #000 no-repeat center top;overflow:hidden;}
span.hotline-valence-4{margin-top:50px;margin-bottom:30px;display:block;width:270px;height:128px;background:url('../../img/front/hotline_valence_byNight.jpg') #000 no-repeat center top;overflow:hidden;}

span.close-1{display:block;width:15px;height:15px;background:url('../../img/front/croix_suppression_plat_gourmet.png') no-repeat left top;float:right;cursor:pointer;margin-top: 6px; margin-right:5px;}
span.close-2{display:block;width:15px;height:15px;background:url('../../img/front/croix_suppression_plat_snack.png') no-repeat left top;float:right;cursor:pointer;margin-top: 6px; margin-right:5px;}
span.close-3{display:block;width:15px;height:15px;background:url('../../img/front/croix_suppression_plat_entreprise.png') no-repeat left top;float:right;cursor:pointer;margin-top: 6px; margin-right:5px;}
span.close-4{display:block;width:15px;height:15px;background:url('../../img/front/croix_suppression_plat_byNight.png') no-repeat left top;float:right;cursor:pointer;margin-top: 6px; margin-right:5px;}

span.more-1{display:block;width:15px;height:15px;background:url('../../img/front/croix_ajout_plat_gourmet.png') no-repeat left top;float:right;cursor:pointer;margin-top: 2px;}
span.more-2{display:block;width:15px;height:15px;background:url('../../img/front/croix_ajout_plat_snack.png') no-repeat left top;float:right;cursor:pointer;margin-top: 2px;}
span.more-3{display:block;width:15px;height:15px;background:url('../../img/front/croix_ajout_plat_entreprise.png') no-repeat left top;float:right;cursor:pointer;margin-top: 2px;}
span.more-4{display:block;width:15px;height:15px;background:url('../../img/front/croix_ajout_plat_byNight.png') no-repeat left top;float:right;cursor:pointer;margin-top: 2px;}

.info-rouge {background:url('../../img/front/information_gourmet.png') no-repeat left top;width: 17px; height: 17px; display: inline-block; cursor: pointer;}
.info-violet {background:url('../../img/front/bulle_information_byNight.png') no-repeat left top;width: 17px; height: 17px; display: inline-block; cursor: pointer;}
.info-orange {background:url('../../img/front/information_snack.png') no-repeat left top;width: 17px; height: 17px; display: inline-block; cursor: pointer;}
.info-vert {background:url('../../img/front/bulle_information_entreprise.png') no-repeat left top;width: 17px; height: 17px; display: inline-block; cursor: pointer;}

#popupinfo {
    position: absolute;
    background: #fff;
    padding: 20px 10px 10px;
    color: #343434;
    font-size: 12px;
    margin-left: -6px;
    margin-top: -180px;
    display: none;
    width: 250px;
}

.nomproduitsugere {   display: inline-block;
    height: 17px;
    overflow: hidden;
    position: relative;
    width: 180px;
}

#panier{background:#2C2C2C;color:#fff;}
#panier .header-panier{position:relative;color:#000;}
#panier .header-panier .titre-panier{font-weight:bold;text-transform:uppercase;text-align:center;padding-top:10px;}
.img-panier{background:url('../../img/front/mon_panier_colonne.png') no-repeat left top;display:block;width:46px;height:70px;position:absolute;top:-20px;left:5px;}
#panier .header-panier .description-panier{font-size:12px;color:#2C2C2C;    margin-top: -15px;
    padding-bottom: 5px;
    padding-left: 55px;margin-bottom: 0;}
.produit-panier {
    margin: 5px 0;
}
.produit-suggestion {
    margin: 0px 0 0px 0;
}
#panier .content-panier{padding:0px 3px;color:#D7D7D7;}
#panier .content-panier .titre-resto{color:#fff;font-size:12px;text-transform:uppercase;text-decoration:underline;font-weight:bold;margin: 10px 0 5px 0;}
#panier .content-panier .produit-panier input{border:0;width:30px;text-align:center;}
#panier .content-panier .produit-panier label{font-size:13px;}
#panier .content-panier .produit-panier label span.prix-produit-panier{font-weight:bold;color:#fff;float:right;margin-right:5px;margin-top: 4px;}
#panier .content-panier .total-panier p{text-align:center;margin: 5px 0;}
#panier .content-panier .total-panier p span{font-weight:bold;}
#panier .content-panier .minimum-panier{border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;}
#panier .content-panier .minimum-panier p{text-align:center;font-size:12px;color:#fff;font-style:italic;margin: 5px 0;}
#panier .content-panier .total{color:#fff;border-bottom:1px solid #D7D7D7;}
#panier .content-panier .frais-livraison{font-weight:bold;font-size:13px;margin: 10px 0 5px;}
#panier .content-panier .total .frais-gestion{font-weight:bold;font-size:13px;margin: 5px 0 10px;}
#panier .content-panier .right{float:right;margin-right:20px;}
#panier .content-panier .total .bloc-total{background:#000;padding:10px;font-weight:bold;text-transform:uppercase;font-size:13px;width:200px;margin:0 auto;margin-bottom:10px;}
#panier .suggestion-panier{background:#424242;padding: 3px 3px 5px;}
#panier .suggestion-panier p.titre-suggestion{text-align:center;text-transform:uppercase;font-weight:bold;font-size:14px;margin: 5px 0;}
#panier .suggestion-panier .titre-resto{color:#fff;font-size:12px;text-transform:uppercase;text-decoration:underline;font-weight:bold;}
#panier .suggestion-panier .produit-suggestion input{border:0;width:30px;text-align:center;}
#panier .suggestion-panier .produit-suggestion label{font-size:13px;}
#panier .suggestion-panier .produit-suggestion label span.prix-produit-panier{font-weight:bold;color:#fff;float:right;margin-right:5px;margin-top: 1px;}
#panier .bloc-panier-commander{padding:3px;border-top:1px solid #D7D7D7;}
#panier .bloc-panier-commander a{padding:10px;width:200px;display:block;margin:0 auto;text-align:center;margin-top:10px;margin-bottom:10px;font-weight:bold;text-transform:uppercase;color:#000;}
.frais-livraison a {color: #fff;text-decoration: none;}
.frais-livraison a:hover {color: #fff;text-decoration: underline;}
.ligne-jaune .content-ligne-jaune{width:980px;margin:0 auto;position:relative;}
.ligne-jaune .content-ligne-jaune .pos{position:absolute;top:4px;left:0;}
.ligne-jaune .content-ligne-jaune .pos1{left:6%;}
.fleche-ligne-1{display:block;width:30px;height:13px;background:url('../../img/front/fleche_gourmet.png') no-repeat left top;}
.fleche-ligne-2{display:block;width:30px;height:13px;background:url('../../img/front/fleche_snack.png') no-repeat left top;}
.fleche-ligne-3{display:block;width:30px;height:13px;background:url('../../img/front/fleche_entreprise.png') no-repeat left top;}
.fleche-ligne-4{display:block;width:30px;height:13px;background:url('../../img/front/fleche_byNight.png') no-repeat left top;}

#lignefooter {
    top:0px!important;
}
#lignefooter .fleche-ligne-1{display:block;width:30px;height:13px;margin-top: -17px;background:url('../../img/front/fleche_gourmet2.png') no-repeat left top;}
#lignefooter .fleche-ligne-2{display:block;width:30px;height:13px;margin-top: -17px;background:url('../../img/front/fleche_snack2.png') no-repeat left top;}
#lignefooter .fleche-ligne-3{display:block;width:30px;height:13px;margin-top: -17px;background:url('../../img/front/fleche_entreprise2.png') no-repeat left top;}
#lignefooter .fleche-ligne-4{display:block;width:30px;height:13px;margin-top: -17px;background:url('../../img/front/fleche_byNight2.png') no-repeat left top;}
/* MENU */
#menu-restaurant{background:#000;position:absolute;top:57px;z-index:10;left:0;padding: 10px 20px;
    width: 942px;}
.lignemenu  {
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 15px 0;
    float: left;
}
.menuunivers  {
    width: 220px;
    text-align: left;
    float: left;
}
.menuunivers a  {
    font-weight: normal;
}
.listemenuunivers  {
    width: 722px;
    text-align: left;
    float: left;
    margin-top: -5px;
}
#menu-restaurant p a {
    font-weight: normal!important;
    font-size: 12px;
}
#menu-restaurant p.titre-menu-snack a.menuspecialite {color:#FCBE00;font-weight: bold!important;font-size: 13px;}
#menu-restaurant p.titre-menu-bynight a.menuspecialite {color:#791CF8;font-weight: bold!important;font-size: 13px;}
#menu-restaurant p.titre-menu-gourmet a.menuspecialite {color:#E30016;font-weight: bold!important;font-size: 13px;}
#menu-restaurant p.titre-menu-entreprise a.menuspecialite {color:#009036;font-weight: bold!important;font-size: 13px;}
#menu-restaurant .col{width:240px;float:left;padding:2px;}
#menu-restaurant .col img{width:141px;margin:0 auto;display:block;}
#menu-restaurant .col .content-col{height:250px;overflow:hidden;border-right:1px solid #4A4A4A;margin-top:5px;}
#menu-restaurant .col .content-col.no-border{border:0;}

#menu-restaurant p{margin:0;padding:0;font-weight:bold;line-height:10px;margin-top:5px;margin-bottom:2px;}
#menu-restaurant a{color:#fff;margin:0;padding:0;line-height:17px;font-size:13px;text-transform:none;display:block;padding-left:5px;}
#menu-restaurant a:hover{color:#FEED01;}
#menu-restaurant .titre-menu-snack{color:#FCBE00;width:144px;float: left; margin-bottom:10px;margin-top: 0;}
#menu-restaurant .titre-menu-bynight{color:#791CF8;width:144px;float: left; margin-bottom:10px;margin-top: 0;}
#menu-restaurant .titre-menu-gourmet{color:#E30016;width:144px;float: left; margin-bottom:10px;margin-top: 0;}
#menu-restaurant .titre-menu-entreprise{color:#009036;width:144px;float: left; margin-bottom:10px;margin-top: 0;}

.bloc-ville-header{position:relative;display:inline-block;margin-left:10px}
.bloc-ville-header span.ville-active-valence{top:-20px;left:215px;position:absolute;background:url('../../img/front/fleche_ville.png') no-repeat left top;display:block;width:35px;height:14px;margin-left: -11px;}
.bloc-ville-header span.ville-active-lyon{top:-20px;left:10px;position:absolute;background:url('../../img/front/fleche_ville.png') no-repeat left top;display:block;width:35px;height:14px;margin-left: 3px;}
.bloc-ville-header span.ville-active-st-etienne{top:-20px;left:100px;position:absolute;background:url('../../img/front/fleche_ville.png') no-repeat left top;display:block;width:35px;height:14px;}
/* FIN MENU */
.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden
}
.clearfix:after {clear: both}
.clearfix {zoom: 1}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
	display:inline;
	float: left;
	position: relative;
	margin-right: 20px;
}

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

.container-center .grid_1 {width:91px;}
.container-center .grid_2 {width:202px;}
.container-center .grid_3 {width:313px;}
.container-center .grid_4 {width:424px;}
.container-center .grid_5 {width:535px;}
.container-center .grid_6 {width:646px;margin-bottom: 40px;}
.container-center .grid_7 {width:717px;}
.container-center .grid_8 {width:868px;}
.container-center .grid_9 {width:980px;}

.float_l {float:left;}
.float_r {float:right;}

table.horaire{margin-top:10px;color:#fff;border-collapse:collapse;font-size:13px;float:left;}
table.horaire td.center{text-align:center;}
table.horaire tr{background:#222222;height:27px;}
table.horaire tr.black{background:#000;}
table.horaire tr th img{display:block;}
table.horaire tr th.col1-table-horaire{width:35px;}
table.horaire tr th.col2-table-horaire{width:85px;}
table.horaire tr th.col3-table-horaire{width:130px;}
table.horaire tr th.col4-table-horaire{width:130px;}
.img-restaurant-presentation{margin-top:10px;border:1px solid #949494;box-shadow:0px 0px 2px 1px #949494;float:right;padding:8px;padding-bottom:5px;}


.produit.surbrillance-1{background:rgba(227, 0, 22, 0.6);}
.produit.surbrillance-2{background:rgba(252, 190, 0, 0.6);}
.produit.surbrillance-3{background:rgba(0, 144, 54, 0.6);}
.produit.surbrillance-4{background:rgba(121, 28, 248, 0.6);}

.quantite-produit-1{top:-20px;left:81px;text-align:center;font-size:12px;line-height:17px;position:absolute;display:block;width:39px;height:18px;background:url('../../img/front/ovale_quantite_gourmet.png') no-repeat left top;}
.quantite-produit-2{top:-20px;left:81px;text-align:center;font-size:12px;line-height:17px;position:absolute;display:block;width:39px;height:18px;background:url('../../img/front/ovale_quantite_snack.png') no-repeat left top;}
.quantite-produit-3{top:-20px;left:81px;text-align:center;font-size:12px;line-height:17px;position:absolute;display:block;width:39px;height:18px;background:url('../../img/front/ovale_quantite_entreprise.png') no-repeat left top;}
.quantite-produit-4{top:-20px;left:81px;text-align:center;font-size:12px;line-height:17px;position:absolute;display:block;width:39px;height:18px;background:url('../../img/front/ovale_quantite_byNight.png') no-repeat left top;}

.label-produit{width:135px;overflow:hidden;display:inline-block;        line-height: 16px;
    margin-left: 5px;
    margin-top: 4px;
    vertical-align: top;
    }

#panierrecapitulatif .label-produit{width:190px;
    }
.presentationproduit {
    margin-top: -5px;
    padding-top: 1px;
    margin-bottom: 0px;
    height: 139px;
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
}
.presentationproduit .composition {
    line-height: 20px;
    margin-top: 7px;
    width: 100%;
    position: relative;
    height: 80px !important;
}
.presentationproduit p {
    margin-bottom: 5px;
}


/**************************************************************************/
/************************ VIEW ERRORS AND CONFIRM *************************/
/**************************************************************************/

div.error {
    background:rgba(242, 53, 53, 0.8);
    padding:5px 10px;
    margin-top:5px;
    position:relative;
}
div.error span.close_error {
    position:absolute;
    top:1px;
    right:5px;
    cursor:pointer;
}
div.error p {
    margin:5px 0;
    font-size:14px;
}

div.error1 {
    background:rgba(242, 53, 53, 0.8);
    padding:5px 10px;
    margin-top:5px;
    position:relative;
}
div.error1 span.close_error {
    position:absolute;
    top:1px;
    right:5px;
    cursor:pointer;
}
div.error1 p {
    margin:5px 0;
    font-size:14px;
}

div.error2 {
    background:rgba(242, 53, 53, 0.8);
    padding:5px 10px;
    margin-top:5px;
    position:relative;
}
div.error2 span.close_error {
    position:absolute;
    top:1px;
    right:5px;
    cursor:pointer;
}
div.error2 p {
    margin:5px 0;
    font-size:14px;
}

div.success, div.confirm {
    background: none repeat scroll 0 0 #feed01;
    font-weight: bold;
    margin: 15px 0;
    padding: 10px;
    position: relative;
    color:#2c2c2c;
}
div.success span.close_success, div.confirm span.close_confirm {
    position:absolute;
    top:1px;
    right:5px;
    cursor:pointer;
}
div.success p, div.confirm p {
    margin:5px 0;
    font-size:14px;
}
/**************************************************************************/
/************************* PAGES CLIENT CONNECTE **************************/
/**************************************************************************/

#page_mon_compte h1, 
#page_mes_adresses h1, 
#page_ajouter_adresse h1, 
#page_modifier_adresse h1, 
#page_mes_facture h1,
#page_mes_commandes h1,
#page_mes_points_fidelites h1,
#page_commandes_en_cours h1,
#page_mes_avis h1,
#page_mes_factures h1,
#page_mes_avantages h1 {
    border-bottom: 2px solid #FEED01;
    display:inline-block;
    text-transform: uppercase;
}

#page_mon_compte .container-center p.input_text input, 
#page_mes_adresses .container-center p.input_text input,
#page_ajouter_adresse .container-center p.input_text input, 
#page_modifier_adresse .container-center p.input_text input,
#page_commandes_en_cours .container-center p.input_text input,
#page_mes_avis .container-center p.input_text input,
#page_mes_avis .container-center p.input_textarea textarea {
    border:none;
    background:#CCC;
    width:98%;
    padding:7px 0;
    text-indent:8px;
    color:#505050;
    border:2px solid #ccc;
}
#page_mes_avis .container-center p.input_textarea textarea {
    min-width:96%;
    max-width: 96%;
    height:100px;
    padding:2px 0 0 8px;
    text-indent:0;
}

#page_mon_compte .container-center p.input_text input:focus,
#page_mes_adresses .container-center p.input_text input:focus,
#page_ajouter_adresse .container-center p.input_text input:focus, 
#page_modifier_adresse .container-center p.input_text input:focus,
#page_commandes_en_cours .container-center p.input_text input:focus,
#page_mes_avis .container-center p.input_text input:focus,
#page_mes_avis .container-center p.input_textarea textarea:focus {
    border:2px solid #666;
}

.input_submit_cours input{
    background:#FEED01 !important;
    text-transform: uppercase;
    padding:6px 8px;
    font-size:16px;
    border:1px solid #FEED01 !important;
    font-weight:bold;
    cursor:pointer;
}

.input_submit_cours input:hover{
    border:1px solid #EEDD00 !important;
}

#page_mon_compte .container-center p.input_submit input,
#page_mes_adresses .container-center p.input_submit input,
#page_mes_adresses .container-center a.copie_submit,
#page_ajouter_adresse .container-center p.input_submit input, 
#page_modifier_adresse .container-center p.input_submit input, 
#page_commandes_en_cours .container-center p.input_submit input,
#page_mes_avis .container-center p.input_submit input {
    background:#FEED01;
    text-transform: uppercase;
    padding:6px 8px;
    font-size:16px;
    border:1px solid #FEED01;
    font-weight:bold;
    cursor:pointer;
}

#page_mon_compte .container-center p.input_submit input:hover,
#page_mes_adresses .container-center p.input_submit input:hover,
#page_mes_adresses .container-center a.copie_submit:hover, 
#page_ajouter_adresse .container-center p.input_submit input:hover,
#page_modifier_adresse .container-center p.input_submit input:hover, 
#page_commandes_en_cours .container-center p.input_submit input:hover,
#page_mes_avis .container-center p.input_submit input:hover {
    border:1px solid #EEDD00;
}
#page_mes_adresses .container-center a.copie_submit {
    display:inline-block;
}

#page_mes_adresses .container-center input.submit {
    background:#FFF;
    border:1px solid #ACACAC;
    width:90px;
    height:30px;
    line-height:30px;
    cursor:pointer;
}

#page_mes_adresses .container-center input.submitModifierAdresse:hover, #page_mes_adresses .container-center input.submitSupprimerAdresse:hover, a.submitModifierAdresse:hover {
    background: #fff!important;
    color: #000!important;
    border-color: #000!important;
}
#page_mes_adresses .container-center input.submit:hover {
    border:1px solid #9C9C9C;
}

#page_mon_compte .container-center label,
#page_ajouter_adresse .container-center label,
#page_modifier_adresse .container-center label,
#page_commandes_en_cours .container-center label,
#page_mes_avis .container-center label {
    display:block;
    font-size:13px;
    color:#6C6C6C;
}

/**************************************************************************/
/**************************** MENU MON COMPTE *****************************/
/**************************************************************************/

#menu-mon-compte {
    padding-left:25px;
}

#menu-mon-compte li {
    height:20px;
    line-height:20px;
    padding:5px 0 5px 8px;
    list-style-position: inside;
    list-style-type: none;
    width:250px;
    margin-bottom:5px;
    background:url("../../img/front/fleche_menu_vertical.png") no-repeat 245px 9px transparent;
}

#menu-mon-compte li:hover {
    background:url("../../img/front/fleche_menu_vertical_hover.png") no-repeat 245px 9px #000;
}

#menu-mon-compte li.active {
    background:url("../../img/front/fleche_menu_vertical_hover.png") no-repeat 245px 9px #000;
}

#menu-mon-compte li.deconnexion:hover {
    background:url("../../img/front/fleche_menu_vertical.png") no-repeat 245px 9px #FEED01;
}

#menu-mon-compte li a {
    display:block;
    font-size: 13px;
    font-weight:bold;
    text-transform: uppercase;
    padding:0 0 0 25px;
    border-left:3px solid #000;
}

#menu-mon-compte li.mes-infos a {
    background:url('../../img/front/picto_infos_perso.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-infos:hover a {
    background:url('https://www.domadelis.com/assets/img/front/picto_infos_perso_hover.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-infos.active a {
    background:url('https://www.domadelis.com/assets/img/front/picto_infos_perso_hover.png') 3px 0 no-repeat transparent;
}

#menu-mon-compte li.mes-adresses a {
    background:url('https://www.domadelis.com/assets/img/front/picto_adresses.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-adresses:hover a {
    background:url('../../img/front/picto_adresses_hover.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-adresses.active a {
    background:url('../../img/front/picto_adresses_hover.png') 3px 0 no-repeat transparent;
}

#menu-mon-compte li.mes-factures a {
    background:url('../../img/front/picto_factures.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-factures:hover a {
    background:url('https://www.domadelis.com/assets/img/front/picto_factures_hover.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-factures.active a {
    background:url('https://www.domadelis.com/assets/img/front/picto_factures_hover.png') 3px 0 no-repeat transparent;
}

#menu-mon-compte li.mes-commandes a {
    background:url('../../img/front/picto_mes_commandes.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-commandes:hover a {
    background:url('https://www.domadelis.com/assets/img/front/picto_mes_commandes_hover.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-commandes.active a {
    background:url('https://www.domadelis.com/assets/img/front/picto_mes_commandes_hover.png') 3px 0 no-repeat transparent;
}

#menu-mon-compte li.mes-points-fidelites a {
    background:url('../../img/front/picto_points_fidelites.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-points-fidelites:hover a {
    background:url('../../img/front/picto_points_fidelites_hover.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-points-fidelites.active a {
    background:url('../../img/front/picto_points_fidelites_hover.png') 3px 0 no-repeat transparent;
}

#menu-mon-compte li.mes-commandes-en-cours a {
    background:url('../../img/front/picto_commandes_en_cours.png') 3px -2px no-repeat transparent;
}
#menu-mon-compte li.mes-commandes-en-cours:hover a {
    background:url('https://www.domadelis.com/assets/img/front/picto_commandes_en_cours_hover.png') 3px -2px no-repeat transparent;
}
#menu-mon-compte li.mes-commandes-en-cours.active a {
    background:url('https://www.domadelis.com/assets/img/front/picto_commandes_en_cours_hover.png') 3px -2px no-repeat transparent;
}

#menu-mon-compte li.mon-avis a {
    background:url('../../img/front/picto_avis.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mon-avis:hover a {
    background:url('../../img/front/picto_avis_hover.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mon-avis.active a {
    background:url('../../img/front/picto_avis_hover.png') 3px 0 no-repeat transparent;
}

#menu-mon-compte li.mes-avantages a {
    background:url('https://www.domadelis.com/assets/img/front/picto_avantages.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-avantages:hover a {
    background:url('../../img/front/picto_avantages_hover.png') 3px 0 no-repeat transparent;
}
#menu-mon-compte li.mes-avantages.active a {
    background:url('../../img/front/picto_avantages_hover.png') 3px 0 no-repeat transparent;
}

#menu-mon-compte li.deconnexion a {
    background:url('../../img/front/picto_deconnection.png') 3px 0 no-repeat transparent;
}

#menu-mon-compte li:hover a {
    color:#FEED01;
    border-left:3px solid #FEED01;
}

#menu-mon-compte li.active a {
    color:#FEED01;
    border-left:3px solid #FEED01;
}

#menu-mon-compte li.deconnexion:hover > a {
    color:#000;
    border-left:3px solid #000;
}

/**************************************************************************/
/**************************** PAGE MON COMPTE *****************************/
/**************************************************************************/

#page_mon_compte .container-center p.hidden {
    display:none;
}

#page_mon_compte .container-center p span.modifier_mdp {
    font-size:12px;
    font-style: italic;
    text-decoration: underline;
    cursor:pointer;
}

#page_mon_compte .container-center p select, #page_mes_avis .container-center p select {
    background:#CCC;
    width:99%;
    color: #505050;
    border: 0 none;
    height: 30px;
    margin-right: 5px;
    margin-top: 10px;
}

/**************************************************************************/
/*************************** PAGE MES ADRESSES ****************************/
/**************************************************************************/

#page_mes_adresses .container-center form {
    padding: 10px;
    background:#EEE;
    border:1px solid #CCC;
    margin-bottom:16px;
}

#page_mes_adresses .container-center form p {
    margin-top:0;
}

/**************************************************************************/
/************************** PAGE AJOUTER ADRESSE **************************/
/**************************************************************************/

#map-adresse {
    width:98%;
    height:200px;
}

/**************************************************************************/
/************************** PAGE MES COMMANDES ****************************/
/**************************************************************************/

#page_mes_commandes .container-center .block p {
    margin:0;
    line-height:25px;
    padding:5px 10px;
    border-bottom:1px solid #ACACAC;
}

#page_mes_commandes .container-center .block p.recap .prix_total_ttc {
    margin-left:0px;
    display:inline-block;
    font-size:14px;
}

#page_mes_commandes .container-center .block:nth-child(2n+1) {
    background:#ccc;
}

#page_mes_commandes .container-center .block tr.recap:nth-child(2n+1) {
    background:#ccc;
}
#page_mes_commandes .container-center .block table {
    font-size: 13px;
}
#page_mes_commandes .container-center .block table td {
    padding: 5px 10px;
    border-bottom: 1px solid #acacac;
}
.tdunderline td {
    font-size: 14px;
    text-decoration: underline;
    text-align: center;
    padding: 5px;
}
#page_mes_commandes .container-center .block p a.detail_commande {
    background:#FFFFFF;
    border: 1px solid #ACACAC;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    width: 70px;
    text-align:center;
}
#page_mes_commandes .container-center .block p a.detail_commande:hover {
    border: 1px solid #9C9C9C;
}


/**************************************************************************/
/*************************** PAGE MES FACTURES ****************************/
/**************************************************************************/

#page_mes_factures .container-center .block p {
    margin:0;
    line-height:25px;
    padding:5px 10px;
    border-bottom:1px solid #ACACAC;
}

#page_mes_factures .container-center .block p.recap .prix_total_ttc {
    margin-left:75px;
    display:inline-block;
    font-size:14px;
}

#page_mes_factures .container-center .block:nth-child(2n+1) {
    background:#ccc;
}

#page_mes_factures .container-center .block p a.detail_commande {
    background:#FFFFFF;
    border: 1px solid #ACACAC;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    width: 70px;
    text-align:center;
}
#page_mes_factures .container-center .block p a.detail_commande:hover {
    border: 1px solid #9C9C9C;
}

/**************************************************************************/
/************************ PAGE COMMENDES EN COURS *************************/
/**************************************************************************/

#page_commandes_en_cours .container-center .block {
    padding:5px 0 15px;
}

#page_commandes_en_cours .container-center .block pre {
    text-align:left;
}

/**************************************************************************/
/***************************** PAGE MES AVIS ******************************/
/**************************************************************************/

#page_mes_avis .container-center div.avis {
    padding:30px;
    border-top:1px solid #ccc;
}

#page_mes_avis .container-center p.title {
    font-weight:bold;
    margin:0 0 5px 0;
}

/**************************************************************************/
/****************************** PAGE OPINION ******************************/
/**************************************************************************/
#page_opinion .container-center h1 {
    border-bottom: 2px solid #FEED01;
    display: inline-block;
    text-transform: uppercase;
}

#page_opinion .container-center label {
    color: #6C6C6C;
    display: block;
    font-size: 13px;
}

#page_opinion .container-center input, #page_opinion .container-center textarea {
    width:100%;
}

#page_opinion .container-center input {
    background:#CCCCCC;
    border: 2px solid #CCCCCC;
    color: #505050;
    padding: 7px 0;
    text-indent: 8px;
}

#page_opinion .container-center input:focus {
    border:2px solid #666666;
}

#page_opinion .container-center textarea {
    height: 100px;
    max-width: 100%;
    min-width: 100%;
    padding: 2px 0 0 8px;
    background: #CCCCCC;
    border: 2px solid #CCCCCC;
    color: #505050;
}

#page_opinion .container-center textarea:focus {
    border: 2px solid #666;
}

#page_opinion .container-center p.input_submit input {
    background: #FEED01;
    border: 1px solid #FEED01;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 6px 8px;
    text-transform: uppercase;
    width:auto;
    text-indent: 0;
}

#page_opinion .container-center p.input_submit input:hover {
    border: 1px solid #EEDD00;
}

/**************************************************************************/
/***************************** FIL D'ARIANNE ******************************/
/**************************************************************************/

.chemin, .filariane {
    font-size: 12px;
    font-weight:bold;
    margin-bottom:5px;
}

.chemin a, .filariane a {
    font-weight: normal;
    text-decoration: underline;
}


/**************************************************************************/
/***************************** FILTRER PAR ********************************/
/**************************************************************************/
.liste_restaurant {
    margin-top:7px;
}
#filtrer_par input {
    cursor:pointer;
    margin:0px 3px 0px 0;
    padding:0;
    display:block;
    float:left;
} 
.filtre_actus input {
    cursor:pointer;
    margin:6px 3px 3px 0;
    padding:0;
    display:block;
    float:left;
}

#filtrer_par .label_restaurant {
    float:left;
    margin-top:-1px;
    color:#5a5a5a;
}
.filtre_actus label {
    float:left;
    margin-top:3px;
    color:#5a5a5a;
}
#filtrer_par .nb_produits {
    font-size:12px;
    color:#5A5A5A;
    float:right;
    display:block;
    margin-top:3px;
}

.filtre_actus label {
    font-weight:normal;
}

.filtre_actus ul.list-actu li, .filtre_actus ul.list-promo li, .filtre_actus ul.list-ville li {
    padding:0;
    margin:0!important;
    line-height: 20px;
}
.filtre_actus ul.list-actu li label, .filtre_actus ul.list-promo li label, .filtre_actus ul.list-ville li label {
    margin:2px 0!important;
}
.filtre_actus ul.list-actu {

}
.filtre_actus ul.list-actu li input, .filtre_actus ul.list-promo li input {
    margin-top:5px;
}

#ui-id-1 {
    z-index:999;
}
.infofermeture {font-size: 12px!important;}
.sous-type{
    padding:20px 0 15px 0;
    font-weight:bold;
    text-transform: uppercase;
}
.message_produit{float:right;width:70px;text-align:center;margin-right: -20px;margin-top: -10px;text-align: right;}
.message_produit_colonne {margin-top: 5px!important;margin-right: 0px!important;}
.message_produit span.prix_barre{text-decoration:line-through;text-align: center;}
.container-restaurant-other > p {
    padding: 0 10px;
}

.container-restaurant-open > p {
    padding: 0 10px;
}

.container-restaurant-close > p {
    padding: 0 10px;
}

.container-restaurant-open-later > p {
    padding: 0 10px;
}

@media only screen and (max-height:770px){
    #panier .content-panier .total-panier p{
        display: none !important;
        }
}
@media only screen and (max-height:770px){
    #ajustpanier{
        height: 120px !important;
        }
}


.not_found{
    background-color: #000;
}

.contain_left_error{
    float: left;
}

.text_not_found{
    color: #feed01;
    float:left;
    font-size: 120px;
    font-weight: bold;
    line-height: 85px;
}

.margin_top_found{
    margin-top: 20px;
}

.titre_recherche_found{
    color: #FFF;
    font-size: 22px;
    font-weight: bold;
}

.lien_back_found{
    color: #feed01;
    float: right;
    font-size: 22px;
}


/*Allo resto */
.wrap_content_resto{height:182px;width:180px;background-color:#333333;position:relative;}
.text_resto{color:#FFFFFF;font-family:tahoma;text-align:center;font-weight:bold;font-size:12px;padding-top:17px;padding-left: 3px;padding-right: 3px;}
.logo_ar_resto{text-align:center;padding-top:21px;}
.cta_resto{height:36px;width:130px;background-color:#f3cc2c;font-family:tahoma;font-weight:bold;font-size:12px;color:#333333;text-align:center;margin-top:13px;margin-left:auto;margin-right:auto;line-height:35px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.slideup{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -185px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.survol_resto:hover .slideup{
    visibility: visible;
    opacity: 1;
    bottom: 0px;
}

#popup_wrap{height:auto;width:781px;background-color:#FFFFFF; position:relative; z-index:2000; margin-left:auto; margin-right:auto;}
#popup-with-zoom-anim a{display:block;}
#popup_close a{position:relative; float:right; display:block;top:10px; right:10px;}
#popup_logo_ar{float:left; padding-top:26px; padding-left:147px;}
#popup_et{float:left; width:19px; font-family:'aleo-bold'; font-size:28px; padding-top:46px; padding-left:17px;}
#popup_logo_domadelis{float:left;height:72px;width:239px;padding-left:10px;padding-top:26px;}
#popup_offre{text-align:center; clear:both; padding-top:22px; font-family:'aleo-bold'; font-size:28px; color:#333333;}
#popup_icons{text-align:center; position:relative; padding-top:40px; display:block;}
#popup_cta a{height:49px;width:220px;background-color:#f3cc2c;font-family:tahoma;font-weight:bold;font-size:18px;color:#333333;text-align:center;margin-top:30px;margin-left:auto;margin-right:auto;line-height:47px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; display:block; text-decoration:none;}
#popup_bando_hotline{height:50px; width:auto; background-color:#EEEEEE; font-family:tahoma; font-weight:bold; font-size:12px; color:#333333; text-align:center; margin-top:20px; padding-top:20px;}
#icons_pop{text-align:center; margin-left:auto; margin-right:auto; font-family:'aleo-bold';}
#popup_text_icons{}
#popup_redirection{ text-align:center; font-family:tahoma; font-size:20px; margin-top:30px;height:auto; width:500px; margin-left:auto; margin-right:auto;}
#popup_redirection_two{ text-align:center; font-family:tahoma; font-size:20px; margin-top:30px; padding-top:15px;height:auto; width:500px; background-color:#F8F8F8; margin-left:auto; margin-right:auto;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#popup_redirection_two img{margin:20px;}


.modal {
    display: none;
    position: fixed; 
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
    overflow: hidden;
}

.modal-content {
    background-color: #FFF;
    margin: 10% auto;
    width: 60%;
}

.modal-header{
    background: #000;
    color: #feed01;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0;
    padding: 30px;
    text-align: center;
}

.modal-footer{
    background: #000;
    padding: 20px;
    height: 35px;
}

.modal-footer .btn{
    padding: 6px 8px!important;
    height: 34px!important;
    font-size: 13px!important;
}

.modal-footer .cancel-modal{
    float: left;
}

.modal-footer .cancel-modal:after{
    content:"Annuler";
    line-height:24px;
}

.modal-footer .confirm-modal{
    float: right;
}

.modal-footer .confirm-modal:after{
    content:"Confirmer";
    line-height:24px;
}

.modal-footer div.first-col,
.modal-footer div.third-col{
    width: 15%;
    float:left;
}

.modal-footer div.sec-col{
    width: 70%;
    float:left;
}
.modal-footer div.sec-col p{
    margin: 0;
    color: white;
}

.adressModal{
    width: 100%;
    box-sizing: border-box;
    padding: 15px 20px;
    border: 0;
    font-size: 20px;
}