/*rouge : #c90c0f*/
/*gris très clair : #dadada*/
/*gris très foncé : #1a171b*/

@font-face {
    font-family: 'dotmatrix';
    src: url('../fonts/DotMatrix-OneRegular.eot');
    src: local('â˜º'), url('../fonts/DotMatrix-OneRegular.woff') format('woff'), url('../fonts/DotMatrix-OneRegular.ttf') format('truetype'), url('../fonts/DotMatrix-OneRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{ padding:0; margin:0; outline: none;}
html{ overflow-y:scroll; overflow-x: hidden;}
html,
body{ font-size:12px; margin:0; padding:0; font-family:Arial; color:#000; background: url(../img/body_bg.jpg) repeat;}

a{ color:#c90c0f; text-decoration:none; font-weight:normal;}
a:hover{ text-decoration:underline;}

img{ border:0;}

h1{ font-size:20px; font-weight:bold;}
h2{ font-size:32px; font-weight:bold;}
h3{ font-size:18px; font-weight:bold;}
h4{ font-size:14px; font-weight:bold;}
h5{ font-size:14px; font-weight:normal;}
h6{ font-size:12px;}
h7{ font-size:16px; font-weight: bold;}
h8{ font-size:11px; font-weight: bold;}

.txt-rouge{ color: #c90c0f;}
.txt-grisclair{ color: #dadada;}
.gras{ font-weight: bold;}
.italic{ font-style: italic;}
.uppercase{ text-transform: uppercase;}

p{ margin:10px 0;}

ul.nav{ list-style-type: none;}
li.last{ border:0 !important;}

.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}

.transparent{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

.wrapper{ text-align: center; width: 100%;}
.inner{ position:relative; text-align: left; width: 1026px; margin: 0 auto;}

.template-2-col{ background: url(../img/template-2-col_bg.jpg) repeat-y;}
.template-2-col .main{ float:left; background: #f0f0f0; width: 669px; padding: 49px 27px 49px 37px;}
    .template-2-col .main.main-no-padding{ padding: 0 0 49px 0; width: 733px;}
        .template-2-col .main.main-no-padding .main-padding{ padding: 49px 27px 49px 37px;}
.template-2-col .sidebar{ float:right; background: #b2b2b2; width: 241px; padding: 20px 26px 20px 26px}

#wrapper{ position: relative; min-height:100%;}

    #top-nav-wrapper{ background: #770100; height:35px; overflow:hidden;}
        #top-nav ul.nav li{ float:left; border-right:1px solid #fff; height:10px; line-height: 10px; padding-right:5px; margin:15px 5px 0 0;}
            #top-nav ul.nav li a{ color:#fff; font-size:11px;}

    #header-wrapper{ background: url(../img/header_bg.jpg) repeat-x; height:150px; overflow:hidden;}
        h1#logo{ position: absolute; top:13px; left:49px; text-indent:-9999px; background:url('../img/logo.png') no-repeat; width:127px; height: 128px;}
            h1#logo a{ display:block; position: absolute; top:0; left:0; width:100%; height: 100%;}
        #countdown-wrapper{ position: absolute; top: 70px; right: 38px; font-size: 11px; color:#fff; text-align: right;}
            #countdown-wrapper p{ margin: 0;}
            #countdown-wrapper span{ font-size: 16px;}
            #countdown{ font-family: dotmatrix; font-size: 28px;}

    #newsletter-block-wrapper{ position:absolute; right:0; top:185px; z-index:333; }
        a#newsletter-block-btn{  z-index:333; display: block; position:absolute; top:0; right:0; background:#2e2d2c url(../img/newsletter-block-btn.jpg) no-repeat top right; width:38px; height: 425px; overflow: hidden; text-transform: uppercase; font-size: 16px; font-weight: bold; color:#fff;}
        #newsletter-block{ height: auto; position: absolute; top:0; right:-360px;width: 276px; background:#575756;  color:#fff; padding: 45px 57px 50px 27px; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;*/}
            #newsletter-block form{ background:#4a4a4a; padding:6px 10px;}
            #newsletter-block h6{ color:#e9e9e9; border-bottom: 1px solid #e9e9e9; padding-bottom:6px; margin-bottom: 10px;}
            #newsletter-block .champ{ margin: 0 0 10px 0;}
            #newsletter-block label{ font-size:11px; text-transform: uppercase; color:#e9e9e9;}
                #newsletter-block label.checkbox{ text-transform:inherit; padding-left:10px;}
            #newsletter-block input{ font-size:12px; background:#e9e9e9; width:100%; height: 30px; border:0; margin-top: 7px; color:#4a4a4a; padding:0;}

            #newsletter-block input.checkbox{ width:inherit; height: inherit;}
                #newsletter-block input.submit{ font-size:11px; font-weight:bold; text-transform: uppercase;color:#4a4a4a; cursor: pointer; padding: 0 10px;background: #c90c0f; color: #fff;}


    #elastic-nav-wrapper{ background: #575756; height: 35px;}
        #elastic-nav{ }
            #elastic-nav-title-wrapper{}
                #elastic-nav-title{ position:relative; margin:0 37px; padding: 0 95px 0 50px; height:100%; line-height:35px; background: #3a3a39 url(../img/fleche-droite-grisclair-grisfonce.jpg) no-repeat left; font-size: 14px; font-weight: bold;}
                    #elastic-nav-title a{ display: block; position:absolute; z-index:222; top:0; left:0; width:100%; height:35px; background: url(../img/elastic-nav_btn.png) no-repeat center right;}
            #elastic-nav-content{ position:absolute; z-index:222; top:35px; left:0; width:100%; height:0; overflow: hidden;}
                #elastic-nav-content_bg{ position:absolute; z-index:222; top:0; left:0; width:100%; height:100%; background: #575756; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
                #elastic-nav-content-inner{ text-align:left; z-index: 999; position:absolute; top:15px; left:50%; margin-left: -477px; background:#fff; padding:15px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
                    #elastic-nav-content-inner #map{ width: 554px; background:black; height:518px;}
                        #map-noresult{ position:absolute; top:0; left:0; width:100%; background:#000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; color:#fff; padding: 10px 15px; font-size:11px;}
                    #elastic-nav .champ{ margin:0 0 15px 0;}
                    #elastic-nav input{ width:342px; border:0; background:#ededed; height:26px ; line-height:26px; font-size:12px; color:#575756; padding:0 10px;}
                        #elastic-nav input.submit{ width: 134px; padding:0 10px; background: #b2b2b2 url(../img/input-submit_bg.jpg) no-repeat top right; color:#fff; font-weight:bold; cursor: pointer; text-transform: uppercase; text-align: left;}
                    

    #teaser-wrapper{  background: url(../img/teaser_bg.jpg) repeat-x;}
        #teaser{ height: 390px; overflow: hidden;}

    #content-wrapper{ position: relative;}
        #img-bg-gauche{ position:absolute; top:86px; left:50%; z-index:0; margin-left: -1281px; width:768px; height:868px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
        #img-bg-droite{ position:absolute; top:86px; right:50%; z-index:0; margin-right: -1280px; width:768px; height:868px; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

        #content-title-wrapper{ background:#d0d0d0;}
        #content-title{ text-transform: uppercase; line-height: 86px; min-height: 86px;}
            .content-title-fleche{ z-index:111; position:absolute; top: 86px; left: 44px; width: 91px; height:13px; background: url(../img/title-fleche.png) no-repeat;}
                .content-title-wrapper-201 .content-title-fleche{ background: url(../img/title-fleche-201.png) no-repeat;}
                .content-title-wrapper-202 .content-title-fleche{ background: url(../img/title-fleche-202.png) no-repeat;}
                .content-title-wrapper-203 .content-title-fleche{ background: url(../img/title-fleche-203.png) no-repeat;}
                .content-title-wrapper-204 .content-title-fleche{ background: url(../img/title-fleche-204.png) no-repeat;}
                .content-title-wrapper-205 .content-title-fleche{ background: url(../img/title-fleche-205.png) no-repeat;}
            #content-title h2, #content-title h1{ margin: 0 37px;}
        #content{ }


            #home-block-commande{ background: #f0f0f0 url(../img/home-block-commande_bg.jpg) repeat-x top;}
                #home-block-commande form{ margin-bottom:20px;}
                    #home-block-commande select{ width:100%; height:39px; line-height:39px; background: #d0d0d0; color:#1d1d1b; font-size:14px; border:0;}
                #home-block-commande p{ font-size:14px;}
                #map-editions{ position: absolute; top:0; left:0; width:575px; height:328px; background:#f0f0f0 url(../img/map.png) no-repeat top left;}
                    #map-editions-over{ position: absolute; top:0; left:0px; width:326px; height:288px;}
                    #map-editions-lac{ position: absolute; top:0; left:0px; width:326px; height:288px; background:url(../img/map-lac.png) no-repeat top left;}
                    
                        #imgmap-editions{ position:absolute; z-index:333; top:0; left:0; width:326px; height:288px; }
                        #imgmap-editions img{ position:absolute; z-index:333; top:0; left:0; width:326px; height:288px; }

                    #home-block-commande #map-info{ position:absolute; top:77px; right:37px; width:186px;}
                        #home-block-commande #map-info h6{ text-transform: uppercase; color:#1d1d1b; font-size:16px; font-weight: bold;}
                        #home-block-commande .block-edition{ background:#bfbd00; color: #fff; padding:5px 14px; margin-top: 15px;}
                            #home-block-commande .block-edition p{ font-size:12px;}
                            #home-block-commande .block-edition a{ color: #fff;}
                #home-block-commande h5{ color:#1d1d1b; text-transform: uppercase;}

                #liste-restaurants-over{ position:relative; padding-bottom: 15px;}

                    #liste-restaurants-paginator{ position:relative}
                    #liste-restaurants-paginator-liens{ position:absolute; top:0; right:25px; height:25px; line-height: 25px; color:#393938;}
                        #liste-restaurants-paginator-liens a{ color:#b2b2b2; margin-left:2px;}
                            #liste-restaurants-paginator-liens a.active{ color:#393938;}

                    #liste-restaurants-over-listes{ height:90px; width: 949px;overflow: hidden;}
                        #liste-restaurants-over-listes ul{ float:left; width: 294px; border-right: 3px solid #e3e3e3; padding-right: 15px; margin-right: 15px; list-style-type: none;}
                            #liste-restaurants-over-listes li{ white-space: nowrap; overflow:hidden; width: 294px;}
                                #liste-restaurants-over-listes a{ color:#1a171b;}


            #block-commentcamarche-wrapper{ position:relative; margin-bottom:15px; background:#c90c0f; font-family: Verdana; padding-bottom:1px;}
                #block-commentcamarche-wrapper .block-title{ line-height: 40px;}
                    #block-commentcamarche-wrapper h3{ color:#fff; margin:0 33px}
                    #block-commentcamarche-wrapper .block-title-fleche{ z-index:111; position:absolute; top: 40px; left: 33px; width: 35px; height:16px; background: url(../img/block-title-fleche.png) no-repeat;}
                #block-commentcamarche{ margin:0 12px 12px 12px; padding:15px; background:#f0f0f0; color:#1a171b; }
                    #block-commentcamarche h6{ color:#1a171b;}

            #block-concours-wrapper{ position:relative; margin-bottom: 15px; background:#dadada; font-family: Verdana; padding-bottom:1px; text-align: left;}
                #block-concours-wrapper .block-title{ line-height: 40px;}
                    #block-concours-wrapper h3{ color:#c60001; margin:0 25px}
                    #block-concours-wrapper .block-title-fleche{ z-index:111; position:absolute; top: 40px; left: 33px; width: 35px; height:16px; background: url(../img/block-title-fleche-gris.png) no-repeat;}
                #block-concours{ margin:0 12px 12px 12px; padding:15px; background:#f0f0f0; color:#1a171b; }
                    #block-concours-wrapper h3 a{ color:#c60001; font-weight:bold;}
                        #block-concours-wrapper h3 a:hover, #block-concours-wrapper h4 a:hover{ text-decoration:none;}
                    #block-concours-wrapper h4 a{ color:#1a171b; font-weight:bold;}

            #block-sondage-wrapper{ position:relative; margin-bottom: 15px; background:#dadada; font-family: Verdana; padding-bottom:1px; text-align: left;}
                #block-sondage-wrapper .block-title{ line-height: 40px;}
                    #block-sondage-wrapper h3{ color:#c60001; margin:0 25px}
                    #block-sondage-wrapper .block-title-fleche{ z-index:111; position:absolute; top: 40px; left: 33px; width: 35px; height:16px; background: url(../img/block-title-fleche-gris.png) no-repeat;}
                #block-sondage{ margin:0 12px 12px 12px; padding:15px; background:#f0f0f0; color:#1a171b; }
                    #block-sondage-wrapper h3 a{ color:#c60001; font-weight:bold;}
                        #block-sondage-wrapper h3 a:hover{ text-decoration:none !important;}
                        
#block-temoignage-wrapper{ padding:15px 0;}
    #block-temoignage{ }
        #block-temoignage h4{ background:#dadada; line-height:30px; height:30px; font-size:16px; font-weight:normal; padding: 0 55px; margin-bottom:30px;}
            #block-temoignage .temoignage{ width:50%; float:left;}
                #block-temoignage .temoignage-photo{ float:left; margin-left:55px;}
                #block-temoignage .temoignage-texte{ width:273px; float:left; margin-left: 20px;}
                    #block-temoignage .temoignage-texte p{ margin-top:0;}

    #footer-wrapper{ min-height:125px; background: #c90c0f url(../img/footer_bg.jpg) repeat-x; color:#fff; font-size:11px; margin-top:80px;}
        #footer ul.nav li{ float:left; border-right:1px solid #fff; height:10px; line-height: 10px; padding-right:5px; margin:15px 5px 0 0;}
                #footer ul.nav li a{ color:#fff; font-size:11px;}
                #footer ul.nav.footer-nav li{ border:0; margin:15px 0 0 5px; padding: 0 0 0 5px;}


#commande-countdown{ z-index: 333; position:fixed; width: 244px; top:320px; right:50%; margin-right: -513px; background:#d0d0d0; font-size:12px; padding:25px 25px 47px 25px; height: 135px; overflow : hidden;}
/* Form styles*/
form h3{ margin: 0 0 20px 0px; text-transform: uppercase; font-size:20px; background:#d0d0d0; padding: 0 15px; line-height:31px;}
.champ{ margin: 0 63px 15px 82px;}
    .champ label{ font-size:14px; color:#c90c0f; text-transform: uppercase;}
        .champ label.label-edition{ display: block; font-size:12px; color:#1d1d1b; font-weight:bold; text-transform: uppercase; background:#d0d0d0; line-height: 25px; padding: 0 10px;}
        .champ label.radio{ color:#1d1d1b; padding: 0 15px;}
    .champ input{ width:100%; border:0; background:#d0d0d0; height:26px ; line-height:26px; font-size:12px; color:#1d1d1b; padding:0 10px;}
        .champ input.radio{ height: auto; width: auto; margin:0; padding:0; background: none;}
        .champ input.input-naissance { width: 157px;}
        .champ input.submit{ width: 175px; height: 28px; line-height:28px; padding:0 10px; background: #c90c0f url(../img/input-submit-rouge_bg.jpg) no-repeat top right; color:#fff; font-weight:bold; font-size:14px; cursor: pointer; text-transform: uppercase; text-align: left;}
            .champ input.submit.submitbig{ width: 175px; height: 43px; line-height:43px; padding:0 10px; background: #c90c0f url(../img/input-submit-rouge-big_bg.jpg) no-repeat top right; color:#fff; font-weight:bold; font-size:14px; cursor: pointer; text-transform: uppercase; text-align: left;}
.main textarea{ height:100px; width:100%; border:0; background:#d0d0d0; font-size:11px; color:#1d1d1b; resize: none;}

/*Custom select*/
.restaurant-filtre-select .elSelect { background:#ededed !important;}
.restaurant-filtre-select .elSelect .selectedOption { font-size:11px !important; color:#575756 !important; width: 300px !important;}
.restaurant-filtre-select .elSelect .option { font-size:11px !important;}

#home-block-commande-select-wrapper .elSelect .selectedOption { width:300px !important;}

#country-wrapper .elSelect .selectedOption { width:495px !important;}

.select-qty-wrapper .elSelect .selectedOption { width:50px !important;}

.select-dates .elSelect{ width: 117px !important;}
.select-dates .elSelect .selectedOption { width:62px !important;}

.select_sondageWrapper .elSelect { background:#e8e8e8 !important;}
.select_sondageWrapper .elSelect .selectedOption { font-size:11px !important; color:#1d1d1b !important;}
.select_sondageWrapper .elSelect .option { font-size:11px !important;}

.page-sondage .select_sondageWrapper .elSelect .selectedOption { width:400px !important;}

/*Fin custom select */
/*****************/

.restaurant-row{ position:relative; background:#dadada; margin-bottom: 6px; height: 62px; overflow: hidden;}
.restaurant-row-coeur{ position:absolute; top:0; right:0; background: url(../img/coin-coeur.png); width: 52px; height: 46px;}
    .restaurant-row-edition{ width: 41px; height:100%; margin-right: 7px; text-align: center; font-weight:bold; color:#f0f0f0;}
    .restaurant-row-photo{ width: 112px; height:100%; margin-right: 9px;}
        .restaurant-row-photo img{ width: 100%; height:100%;}
    .restaurant-row-nom{ width: 182px; height:100%; margin-right: 9px; padding: 15px 0;}
        .restaurant-row-nom h6 a{ font-weight:bold; line-height:12px;}
        .restaurant-row-nom p{ font-size:11px; font-weight:bold; line-height:12px;}
    .restaurant-row-adresse{ width: 226px; height:100%; margin-right: 9px; padding: 5px 0; font-size:10px; line-height:10px;}
        .restaurant-row-adresse a{ color:#000;}
    .restaurant-row-liens{ width: 138px; height:100%; font-size:10px; padding: 15px 0; line-height:10px;}

.paginator{ height:25px; line-height:25px; background:#dadada; color: #393938; padding: 0 25px; font-size:10px; margin: 27px 0 10px 0;}
.paginator a{ color:#b2b2b2;}
.paginator p{ margin:0;}

.restaurant{}
    .restaurant-photo{ width: 342px; height: 197px; overflow: hidden; position:relative;}
        .restaurant-photo img{ width: 357px; height: 197px;}
    .restaurant-map{ width: 312px; height: 197px; background: #dadada; position:relative;}
        #restaurant-map-map{ position:absolute; top:0; left:0; width: 100%; height:100%;}
    .restaurant-infos{ width: 337px; padding: 20px 0; color:#1d1d1b; margin-right: 20px;}
        .restaurant-infos a{ color:#1d1d1b;}
        .restaurant-infos h1{ font-size:16px;}
    .restaurant-sondage{ width: 312px; margin: 20px 0; background:#e8e8e8;}
        .restaurant-sondage label{ line-height: 20px; padding-right: 10px; font-size:11px; color:#1d1d1b; font-weight: bold;}
            .restaurant-sondage label.radio{ text-transform:capitalize; font-weight: normal;}
        .restaurant-sondage-note{ margin:20px 0; padding: 0 15px; line-height: 32px; background:#d3d3d3; font-size:12px; color:#1a171b; text-transform: uppercase;}
        .restaurant-sondage td.champ{ background:#d3d3d3; padding:10px 6px 0 6px;}
            .restaurant-sondage td.champ select{ width: 205px; background:#e8e8e8; border: 0; line-height:20px; height:20px; color:#1d1d1b; font-size:11px;}
            .restaurant-sondage td.champ input{ width: 185px; background:#e8e8e8; border: 0; line-height:20px; height:20px; color:#1d1d1b; font-size:12px;}
                .restaurant-sondage td.champ input.radio{ height: auto; width: auto; margin:0; padding:0; background: none;}
                .restaurant-sondage input.submit{ margin-top: 20px; cursor: pointer; height: 28px; line-height: 28px; background:#c90c0f; border:0; text-transform: uppercase; text-align: center; font-size:14px; color:#f0f0f0; font-weight:bold; width : 217px;}
            .restaurant-sondage td.champ textarea{ height:100px; width: 205px; background:#e8e8e8; border: 0; color:#1d1d1b; font-size:11px;}


.concours-row{ position:relative; background:#dadada; margin-bottom: 6px; height: 62px; overflow: hidden;}
    .concours-row-photo{ width: 112px; height:100%; margin-right: 9px;}
        .concours-row-photo img{ width: 100%; height:100%;}
    .concours-row-nom{ width: 465px; height:100%; margin-right: 9px; padding: 15px 0;}
        .concours-row-nom h6 a{ font-weight:bold; line-height:12px;}
        .concours-row-nom p{ font-size:11px; font-weight:bold; line-height:12px;}
    .concours-row-liens{ width: 138px; height:100%; font-size:10px; padding: 15px 0; line-height:10px;}

.concours{}
    .concours-photo{ width: 357px; height: 197px; overflow: hidden; position:relative;}
        .concours-photo img{ width: 100%; height: 100%;}
    .concours-map{ width: 272px; height: 197px; padding: 0 20px 20px 20px; background: none; position:relative;}
    .concours-infos{ width: 337px; padding: 20px 0; color:#1d1d1b; margin-right: 20px;}
        .concours-infos a{ color:#1d1d1b;}
        .concours-infos h1{ font-size:16px;}
    .concours-affilie{ width: 312px; margin: 20px 0; background:#e8e8e8;}
        .concours-affilie-photo{ position:relative; width: 100%; height:100%; overflow: hidden;}
            .concours-affilie-photo img{ width: 100%;}
            .concours-affilie-coeur{ position:absolute; top:0; right:0; background: url(../img/coin-coeur.png); width: 52px; height: 46px;}
    .concours .champ{ margin-right: 20px !important; margin-left: 0 !important;}

.panier-row{ position:relative; background:#dadada; margin-bottom: 6px; height: 62px; overflow: hidden;}
    .panier-row-photo{ width: 112px; height:100%; margin-right: 9px;}
        .panier-row-photo img{ width: 100%; height:100%;}
    .panier-row-nom{ width: 465px; height:100%; margin-right: 9px; padding: 15px 0;}
        .panier-row-nom h6 a{ font-weight:bold; line-height:12px;}
        .panier-row-nom p{ font-size:11px; font-weight:bold; line-height:12px;}
    .panier-row-liens{ width: 138px; height:100%; font-size:10px; padding: 15px 0; line-height:10px;}


#noscriptbox-wrapper{ z-index: 8888; position: fixed; top:0; left: 0; width: 100%; height: 100%; background: url(../img/spacer.gif) repeat; }
    #noscriptbox{ z-index: 9999; position: absolute; top:50%; left: 50%; width: 400px; height:170px; margin-left: -200px; margin-top: -105px; background:#c90c0f; border: 10px solid black; padding:20px; text-align:center; color:#fff; font-size:12px; }

/*#notifications-wrapper{ z-index: 1; position: absolute; top:0; left: 50%; width: 100%; height: 100%; background: url(../img/spacer.gif) repeat;}*/
    #notifications{ overflow: hidden; z-index: 1; position: absolute; top:306px; left: 50%; width: 669px; height:49px; margin-left: -476px; background:#000; color:#fff; font-size:10px; line-height: 12px;}
        #notification-info{ width: 100%; height:100%; background:green; }
        #notification-error{ width: 100%; height:100%; background:red; }
                #notifications p{ margin: 0 !important; padding: 14px 25px 5px 25px !important;}


.fc-tbx{ z-index: 99999;}