/* ------------------------------------------------------------------------
        
Projet : Template site "Cliqeo template demo"

------------------------------------------------------------------------- */

/*-------------------------------------------------------------------------
============================================================================
            [ CSS Framework pour responsive themes pour CLIQEO ]
============================================================================
--------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------
1/*-----------[ Reset ]
2/*----------[ Header ]
3/*--[ Main container ]
4/*------[ Navigation ]
5/*---------[ Content ]
6/*------[ Form Input ]
7/*----------[ Tables ]
8/*------------[ Line ]
9/*-----[ Search Form ]
10/*------[ Read More ]
11/*------------[ Map ]
12/*--------[ Sidebar ]
13/*---------[ Footer ]
14/*-[ Contact Widget ]
15/*-----[ Ad Widgets ]
16/*-----[page contact]
17/*-------[Responsive]
/*--------------------------------
/*-[ Reset ]
---------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Slabo+27px);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Alegreya:400italic,700italic,900italic,400,700,900);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
@import url(https://fonts.googleapis.com/css?family=Open Sans:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}

html {
    overflow-x: hidden;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.class_box {
	background:#fff!important;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
    display:block;
}
ol, ul{
    list-style:none;
}
blockquote, q{
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';content:none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
button, input, select, textarea{
    margin:0;
}
:focus{
    outline:0
}
a:link{
    -webkit-tap-highlight-color:#000;
}
img,video,object,embed{
    max-width:100%;
}
iframe {
    max-width:100%;
}
blockquote{
    font-style:italic;
    font-weight:normal;
    font-family:Georgia,Serif;
    font-size:15px;
    padding:0 10px 20px 27px;
    position:relative;
    margin-top: 25px;
}
blockquote:after{
    position:absolute;
    content:'"';
    font-size:40px;
    color:#D0D9E0;
    width:50px;
    top:-5px;
    left:0;
    font-family:arial;
}
blockquote p{
    margin-bottom:10px;
}
strong ,b {
    font-weight:bold;
}
em, i, cite {
    font-style:italic;
}
small{
    font-size:100%;
}
figure{
    margin:10px 0;
}
code,pre{
    font-family:monospace,consolas,sans-serif;
    font-weight:normal;
    font-style:normal;
}
pre{
    margin:5px 0 20px 0;
    line-height:1.3em;
    padding:8px 10px;
    overflow:auto;
}
code{
    padding:0 8px;
    line-height:1.5;
}
mark{
    padding:1px 6px;
    margin:0 2px;
    color:black;
    background:#FFD700;
}
address{
    margin:10px 0
}
form.cmxform { width: 50em; }
em.error {
background:url("https://static.cliqeo.com/b985e36a84fb8de8/templates/images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 16px;
}
em.success {
background:url("https://static.cliqeo.com/b985e36a84fb8de8/templates/images/checked.gif") no-repeat 0px 0px;
  padding-left: 16px;
  
}
h2#summary {
color : red; 
}
h2#summary span {
color:#000!important;
font-weight:bold;
}
form.cmxform label.error {
	margin-left: auto;
	width: 250px;
}
em.error { 
line-height: 14px;
}
#warning { display: none; }
.more a, .bubble a:hover, #commentform input#submit {
    background-color: #79ACCD;
}
input.error{
	border-color:red!important;
} 

/*-----------------------------------------------
=================================================
                   [ Body ]
=================================================
------------------------------------------------*/

.button2{
    background: #142032;
    color: #fff;
    transition: .3s;
    
}
.button2 button{
     transition: .2s;
    border-style: none;
    padding: 20px 15px;
    text-transform: uppercase;
    margin: 10px 0;
}


.button2 button a:hover{
    transition: .2s;
    font-size: 15px;
    border: 2px solid #142032;
    background: #fff !important;
    color: #142032 !important;
}
.button2 button a{
    transition: .2s;
    padding: 20px 15px;
    background: #142032 !important;
    color: #fff !important;
}

body{
    line-height:1;
    font: 14px/23px 'Open Sans', sans-serif;
    color:#6f6e6e;
    /*background: url(images/bg-2.jpg) no-repeat bottom center;  
	background-size:cover;*/
	 background:#e6e7e8;
}

::-moz-selection{
    background:#333;
    color:white;

}
::selection{
    background:#333;
    color:white;
}
#page, .container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
    margin-bottom: 12px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    
}
h1{
    font-size:28px;
    line-height:44px;
	color: #142032;
}
h2{
    font-size: 15pt;
    line-height: 30pt;
	color: #434343;
}
h3{
    font-size:22px;
    line-height: 38px;
	color: #142032;
}
h4{
    font-size:20px;
    line-height:24px;
    color: #003e7b;
}
h5{
    font-size:18px;
    line-height:34px;
}
h6{
    font-size:16px;
    line-height:24px;
}
.sub-title{
    font-size:12px;
}
p{
    margin-bottom: 20px;
    line-height: 20px;
}
a{
    text-decoration:none;
    color: #242424;
    -webkit-transition: background-color, color 0.2s linear;
    -moz-transition: background-color, color 0.2s linear;
    transition: background-color, color 0.2s linear;

}
a:hover{
    color: #D9D9D9;
}
a:link, a:visited, a:active{
    text-decoration:none;
}
:target{
    padding-top:20px;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
.clearfix{
	clear: both;
}

/*-----------------------------------------------
/*-[ Main container ]
-----------------------------------------------*/
#page,
.container{
    background:transparent;
    padding: 0 20px;
    max-width: 1100px;
    min-width:240px;
}
#page{
    min-height:100px;
    float: none;
    clear: both;
    overflow:hidden;
}
/*-----------------------------------------------
/*-[ Header ]
-----------------------------------------------*/
body > header{
    width: 100%;
    position: relative;
}
.main-header {
    width: 100%;
    z-index: 99;
    background: #142032;
    min-height: 140px; 
}
#logo{
    display: block;
    position:relative;
    background: #142032;
}
#logo a{
background: url(https://static.cliqeo.com/b985e36a84fb8de8/templates/images/logo.png) no-repeat left center;
    display: block;
    min-height: 52px;
    line-height: 28px;
	background-size: 90%;
    margin-top: 28px;
}
#logo a:hover{ 
	opacity:1
}
#logo span.logo {
    color: #000;
    position: absolute;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.pos{
}
.breadli i.fa.fa-home {
    color: #313131!important;
}
header span.phone, header span.adress-header{
	display: block;
	font-family: 'Montserrat', sans-serif;
	color: #FFF;
	padding: 5px 0 5px 60px;
	font-weight: 400;
}
header span.adress-header {
background: url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/adresse.png') left center no-repeat;
    font-size: 20px;
    line-height: 24px;
	margin-top:25px;
}
header span.phone{
    line-height: 50px;
background: url(https://static.cliqeo.com/b985e36a84fb8de8/templates/images/phone.png) no-repeat left center;
    font-size: 30px;
    white-space: nowrap;
    margin-top: 25px;
}
header span.phone a{
	color:#fff;
}
span.adresseprint {
    font-weight: 500;
    line-height: 25px;
    font-size: 15px!important;
    padding-left: 55px;
    text-align: left;
    display: block;
    color: #000!important;
}
td span.adress-header{
background: url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/adresseprint.png') left center no-repeat;
    line-height: 50px;
    white-space: nowrap;
    margin-top: 0px;
    display: block;
	
}

td span.phone{
    line-height: 50px;
background: url(https://static.cliqeo.com/b985e36a84fb8de8/templates/images/phoneprint.png) no-repeat left center;
    font-size: 30px;
    white-space: nowrap;
    margin-top: 0px;
    display: block;
}
td span.phone {
    font-weight: 700;
    color: #000!important;
    font-size: 25px!important;
    padding-left: 40px;
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 93%!important;
}
.btn-envoie {
	color: #fff!important;
    background-color: #142032;
    font-weight: 600!important;
    font-size: 20px!important;
    width: 100%;
}
.fail {
    color: #fff!important;
    background-color: #CD0C0C;
    font-weight: 600!important;
    font-size: 20px!important;
    width: 100%;
}
/*-----------------------------------------------
/*-[ Bandeaux]
-----------------------------------------------*/
#bandeaux{
    clear: both;
    float: none;
    min-height: 280px;
    background: transparent;
    padding-top: 25px;
	margin-bottom:20px;
}
#bandeaux div.conteneur{
    background: #fff;
    max-width: 1085px;
    min-width: 240px;
    padding: 15px 15px 10px 15px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: block;
    overflow: hidden;
}
.box-vignette{padding-top: 0; padding-bottom: 17px;}
.bg-vignette{
	background: #fff; padding: 0 0; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 6px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 3px 6px; box-shadow: rgba(0, 0, 0, 0.2) 0 3px 6px;
	
}
#bandeaux div.conteneur div.left {
	width: 29%;
	float: left;
	margin-right: 1%;
}
#bandeaux div.conteneur div.right {
	float: right;
	position: relative;
	width: 69%;
}
#bandeaux div.conteneur div.right img{
    float:left;
}
.right a.next,.right a.prev {
	position:absolute;
	top: 43%;
	display:block;
	width:33px;
	height:33px;
background-image:url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/navs.png');
	color:transparent;
	background-repeat:no-repeat;
}
.right a.next{
	right:15px;
	background-position:-33px 0;
}
.right a.prev{
	left:15px;
	background-position:0 0;
}
.right a.next:hover,.right a.prev:hover {
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
}
ul.callbacks_tabs{
	width:100%;
	text-align:center;
	position:absolute;
	z-index:2;
	bottom: 4px;
	display: none;
}
ul.callbacks_tabs li{
    display: inline-block;
	margin-right:7px;
}
ul.callbacks_tabs li:last-child{
	margin:0
}
ul.callbacks_tabs:after{
   clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
}
ul.callbacks_tabs li a{
	color:transparent;
	display:block;
	width:15px;
	height:15px;
background-image:url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/nav.png');
}
ul.callbacks_tabs li.callbacks_here a{
background-image:url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/nav-activ.png');
}
#bandeaux div.conteneur div.left div.blocx {
    background-color: rgba(255,255,255,0.7);
    padding: 36px 16px 0px 22px;
}


#bandeaux div.conteneur div.left div.blocx  article {
	width: 132px;
	display: inline-block;
	/* margin: 5px 0px; */
}
#bandeaux div.conteneur div.left div.blocx a {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    padding-top: 55px;
}
#bandeaux div.conteneur div.left div.blocx a.vehicule-neuf {
background:url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/images/vehicule-neuf.png') center 10px no-repeat;
}

#bandeaux div.conteneur div.left div.blocx a.vehicule-occasion {
background:url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/images/vehicule-occasion.png') center 10px no-repeat;
}


#bandeaux div.conteneur div.left div.blocx a.devis-gratuit {
background: url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/images/devis-gratuit.png') center 0px no-repeat;
    height: 115px;
    margin-top: 35px;
    transition: .2s;
}
#bandeaux div.conteneur div.left div.blocx a.devis-gratuit:hover {
    opacity: .6;
    transition: .2s;
}
#bandeaux div.conteneur div.left div.blocx a.vehicule-neuf :hover ,#bandeaux div.conteneur div.left div.blocx a.vehicule-occasion :hover ,#bandeaux div.conteneur div.left div.blocx a.devis-gratuit :hover{
opacity:0.7;
}
#bandeaux div.conteneur div.right div.blocx div.title1{
    display: block;
    font-size: 36px;
    line-height: 40px;
    text-transform: none;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #142032;
}

#print{
    display: block;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 42px!important;
    text-align: center;
    clear: both;
    width: 100%;
    text-shadow: 2px 2px 2px #000;
    position: relative;
    letter-spacing: 1px;
    background-color:#142032;
    color: #fff;
    /* margin: 5px auto!important; */
}

 div.offre{
    font-family: 'Open Sans', sans-serif;
	background:rgba(255,255,255,0.7);
}
.left-sidebar ul.callbacks_tabs{
display:none
}
 div.offre div.red-bold{
    color: #000;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    line-height: 31px;
    width: 100%;
    text-shadow: 1px 1px 1px #fff;
    background: none;
	    padding-top: 10px;
}

 div.offre div.red-bold span{
    color: #1f2f46;
    font-weight: 400;
    line-height: 90px;
    font-size: 70px;
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 3px 0;
    text-shadow: 3px 3px 0px #fff;
	
}

 div.counterBloc {
   text-align: center;
    display: block;
    font-size: 22px !important;
    line-height: 31px!important;
    font-weight: 600!important;
    padding: 6px 0;
}
.offre .clock{
	color:#e2001a;
	font-size:22px;
	font-weight:400;
	text-transform:uppercase
}

 div.offre .sms{

    background-color: rgba(0,0,0,0.4);
	display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 37px;
    text-align: center;
    width: 85%;
    margin: 18px auto 0;
    border: 1px solid #fff;
}
.resize{
    width: 270px!important;
    height: 115px!important;
}
/*-----------------------------------------------
/*-[ slideshow-partenaire ]
----------------------------------------------*/
@keyframes AutoSlide {
    0% {
        left: 0px; 
    }
    15% {
        left: 0px; /*idem pour attente*/
    }
    35% {
        left: -150px;
    }
    50% {
        left: -150px; /*idem pour attente*/
    }
    70% {
        left: -300px; 
    }
    85% {
        left: -300px; /*idem pour attente*/
    }
    100% {
        left: 0px; 
    }
}
@keyframes AutoSlide {
    0%, 15%, 100% {
        left: 0px; 
    }
    70%, 85% {
        left: -300px; 
    }
}
#slideshow {
    position: relative;
    width: 960px;
    height: 90px;
    margin:  20px auto 0;
    overflow: hidden;
}
#sContent li {
    display: inline;
}
#sContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 1140px;
    margin: 0;            
    padding: 0;
    
    
    animation-name: AutoSlide;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
#partenaire {
	padding: 10px 0;
}
/*-----------------------------------------------
/*-[ Slider]
-----------------------------------------------*/

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    background: rgba(255, 255, 255, 0.78);
    margin: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	
}
#bandeau .rslides{height:297px;}
.rslides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.rslides_tabs {
    background: transparent;
    font-size: 18px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 10%;
	position:absolute;
	bottom:20%;
	right:2%;
}
.rslides_tabs li{
	float:left;
	width:18px
}
.rslides_tabs a {
background-image:url("https://static.cliqeo.com/b985e36a84fb8de8/templates/images/nav.png");
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
    display: inline;
    height: auto;
    line-height: 20px;
    padding: 0 2px;
    width: auto;
	color: transparent;
}
.rslides_tabs .rslides_here a {
background-image:url("https://static.cliqeo.com/b985e36a84fb8de8/templates/images/nav-activ.png");
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
    color: transparent;
    font-weight: bold;
}
/*-----------------------------------------------
/*-[ menu ]
-----------------------------------------------*/
section.cont-menu-haut {margin: 0 auto 0;padding: 0;min-height: 45px;}

#menu-nav {
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
}
.dl-menuwrapper li a.active {
    color: #142032;
    background: #fff;
}
.dl-menuwrapper li a.active:hover {
    background: #fff!important;
}
.dl-menuwrapper li a:hover {
    background: #fff!important;
	 color: #142032;
}
#menu-button {
    vertical-align: bottom;
    float: right;
    padding: .375em;/* 6/16 = 0.375em */
    margin: 0 .375em 0 1em;
    opacity: .7;
    cursor: pointer;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    background-color:#2a2627;
    background-position: left bottom;
    background-repeat: repeat-x;
}
#menu-button.selected,
#menu-button:active {
    opacity: 1;
    -moz-box-shadow: 0 1px 1px rgba(120, 120, 120, .2);
    -webkit-box-shadow: 0 1px 1px rgba(120, 120, 120, .2);
    -ms-box-shadow: 0 1px 1px rgba(120, 120, 120, .2);
    -o-box-shadow: 0 1px 1px rgba(120, 120, 120, .2);
    box-shadow: 0 1px  1px rgba(120, 120, 120, .2);
    background-color: #2a2627;
    margin-bottom: -.375em;/* 6/16 = .375em */
}
#menu-button-inner {
    background: transparent url(image/menu-bg.png) no-repeat 0 0;
    width: 78px;
    height: 41px;
}
section.cont-menu-haut{
    margin:0 auto;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}
#menu-drink {
    clear: both;
    display: none;
    position: absolute;
    width: 97%;
    background-color: transparent;
}

#menu-drink ul {
	text-align:center;
	/* border-bottom: 1px solid #C8C8C8; */
	/* border-top: 1px solid #C8C8C8; */
}
#menu-drink li {
	text-align:center;
	 display:inline-block;
	 float:none;
}

#menu-drink a {
    color: #A9A9A9;
    white-space: nowrap;
    text-decoration: none;
    text-transform:uppercase;
    font-weight:300;
    display: block;
    font-family: 'Open Sans', sans-serif;
    -moz-transition: color 0.3s linear, background-color 0.3s linear;
    -o-transition: color 0.3s linear, background-color 0.3s linear;
    -webkit-transition: color 0.3s linear, background-color 0.3s linear;
    -ms-transition: color 0.3s linear, background-color 0.3s linear;
    transition: color 0.3s linear, background-color 0.3s linear;
    text-align:center;
    padding: .375em;
}
#menu-drink{background-color:transparent;z-index:9999999999}
#menu-drink a:hover, #menu-drink li a.active{
	color: #fff;
}
#menu-drink ul > li{
    position:relative;
    margin-right: 1px;
    /* background: #566F43; */
}
#menu-drink ul > li:last-child{
	border-right:0
}
#menu-drink li  ul{
    position:absolute;
	height: auto;
	width: auto;
	font-size: 11px;
}
#menu-drink ul > li > ul {
    display:none;
    z-index:9999;
	background: #7c7d7b;
	width:auto;
}
#menu-drink ul > li > ul > li {
    padding: 5px 0;
  text-align: left;
  display: inline;
  border-bottom: 1px solid #fff;
  background: transparent;
  overflow: hidden;
  float: none;
  border-right: 0;
  margin:0;
}
#menu-drink ul > li > ul > li a{
	font-size:14px;
	text-align: left;
	font-weight:400;
	border-radius:0!important;
	 -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
	border-bottom: 1px solid #fff;
}
#menu-drink ul > li > ul > li:first-child a{
	border-top:1px solid #fff
}
#menu-drink  ul li:hover ul {
    display:block;
}
#menu-drink li:hover ul li {
    float:none;
}
#menu-drink {
    display: block;
    top: 4px; 
}
#dl-menu.dl-menuwrapper{
    display:none;
}
.infos{
	color:#fff;
	font-size:15px;
	font-family:'Open Sans', sans-serif;
	line-height:20px;
    text-align: left;
}
.dl-menuwrapper button , .dl-menuwrapper button:hover, .dl-menuwrapper ul{
    background: #142032!important;
}
.impressionButton {
background: url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/print.png') no-repeat!important;
    color: #fff;
	float: none!important;
    border: 0;
    text-indent: -1000px;
}
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00!important}
.red-tooltip + .tooltip > .tooltip-arrow { border-bottom-color:#f00!important; }

/*--------------------------------------------
/*-[EFFET DE PICTO FACEBOOK / TWITTER / GOOGLE+]
----------------------------------------------*/
.lespictos:first-child i:nth-child(1) {
    color: #142032!IMPORTANT;
}
/*-----------------------------------------------
/*-[ map-2]
-----------------------------------------------*/

a.map-toggle {
  display: block;
  position: relative;
  padding: 30px 0;
  width: 100%;
  background: #757575;
  color: #fff;
  font: normal 1.1em 'PT Sans Narrow', sans-serif;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}


#map {
  width: 100%;
  min-width: 320px;
  height: 300px;
}

/*-----------------------------------------------
/*-[ Main ]
----------------------------------------------*/
#main {
    margin-top: 20px;
}
#main1{
	background: #142032;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-size: 24px;
}
#main1 span.phone a{
	color:#fff
}
#main2{
	background:#f6f6f6;
    padding: 20px 0;
	overflow: hidden;
}
#main3 div.title1 {
    font-size: 16px;
    padding: 5px 10px;
    border: 1px solid rgba(255, 255, 255, 0.23);
    background: rgba(46, 46, 46, 0.55);
	}
#main2 article.article1{
	text-align:center;
}
#main2 div.title1{
	display: block;
    padding: 41px 0 10px 0;
    font-size: 30px;
    line-height: 40px;
    text-transform: none;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    color: #000;
}
#main2 span.title {
	display:block;
	text-align:center;
	color: #142032;
}
#main2 a.btn-rdv{
	background: #8ACAFF;
    background: -moz-linear-gradient(top, #8ACAFF 25%, #3A93DD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#8ACAFF), color-stop(100%,#3A93DD));
    background: -webkit-linear-gradient(top, #8ACAFF 25%,#3A93DD 100%);
    background: -o-linear-gradient(top, #8ACAFF 25%,#3A93DD 100%);
    background: -ms-linear-gradient(top, #8ACAFF 25%,#3A93DD 100%);
    background: linear-gradient(to bottom, #8ACAFF 25%,#3A93DD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ACAFF', endColorstr='#3A93DD',GradientType=0 ); 
	color: #FFF;
	padding: 5px 40px;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	line-height: 36px;
	display: table;
	margin: 0 auto;
	border: solid 2px #FFFFFF;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	-o-border-radius: 24px;
	transition: 0.5s ease-in-out;
}
#main2 a.btn-rdv:hover{
		background: #3A93DD;
		background: -moz-linear-gradient(top, #3A93DD 25%, #8ACAFF 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#3A93DD), color-stop(100%,#8ACAFF));
		background: -webkit-linear-gradient(top, #3A93DD 25%,#8ACAFF 100%);
		background: -o-linear-gradient(top, #3A93DD 25%,#8ACAFF 100%);
		background: -ms-linear-gradient(top, #3A93DD 25%,#8ACAFF 100%);
		background: linear-gradient(to bottom, #3A93DD 25%,#8ACAFF 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A93DD', endColorstr='#8ACAFF',GradientType=0 );
	    transition: 0.5s ease-in-out;
}
#main3 .title1{
	display:block;
	padding:0;
	font-size: 30px;
	line-height: 40px;
	text-transform:none;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	color: #fff;
	margin-bottom:20px;
	border-radius: 10px;
}
#main3{
    /* background-color: #fff; */
    padding-top: 18px;
}
#main3 #page{
	min-height:50px
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

.bloc-meme {
    display: inline-block;
    position: relative;
    margin-bottom: 1%;
}
.bloc-meme a {
    color: #eee;
	text-align: center;
    display: block;
}
.bloc-meme a::before,
.bloc-meme a::after {
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.bloc-meme a::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.bloc-meme a::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

.bloc-meme:hover a::before,
.bloc-meme:hover a::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.bloc-meme span {
    padding-top: 20%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
    display: block;
    position: absolute;
    top: 11%;
    left: 0%;
    right: 0%;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000;
    font-weight: 700;
    line-height: 25px;
    margin: 0 auto;
}
.bloc-meme:hover span {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
article.article1 div.bloc-meme img {
    display: block;
    width: 100%;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    height: auto;
}
/*-----------------------------------------------
/*-[ Content ]
----------------------------------------------*/
.article{
    margin-bottom: 20px;
    background: #fff;
    padding: 15px;
    border-top: 1px solid #e7ebf1;
    border-bottom:1px solid #e7ebf1;
    border-left: 4px solid #142032;
    border-right:1px solid #e7ebf1;
    overflow: hidden;
}
#content_box,#content_box div,#content_box p {
    font-family:Asap;
    color: #313131;
    font-size: 15px;
    text-align: justify;
    line-height: 29px;
}
#content_box li{
background:url(https://static.cliqeo.com/b985e36a84fb8de8/templates/images/list-style.png) no-repeat left 8px;
	padding-left:15px;
	list-style: none;
	overflow:hidden;
	text-align:left;
	font-family:Asap;
	color: #313131;
	font-size:14px;
	line-height:26px;
}
#content_box h1 {
    font-size: 27px;
    font-weight: 400;
}
#content_box h2{
	font-weight:300;
	font-size:25px;
	line-height:36px;
}
#content_box h3{
	font-weight:300;
	font-size:23px;
	line-height:30px;
}
#content_box h4{
	font-weight:400;
	font-size:20px;
	line-height:30px;
}
#content_box h5{
	font-weight:400;
	font-size:16px;
	line-height:30px;
}
#content_box span{
	/*color: #634997;
	font-size:18px;*/
}
#content_box article {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    float: left;
    height: 222px;
    margin: 0 12px 30px 0;
    padding: 4px;
    position: relative;
    width: 173px;
    color: #fff;
}
#content_box img{
	vertical-align: middle;
	    margin: 10px auto;
		display:block;
		border:2px solid #142032;
}
#content_box img.garanties {
	display:block;
	margin: auto;
	border:none;
}
 #content_box div .name{
	 text-align:center;
 }
.description {
	text-align: center!important;
	font-size:12px!important;
	color:#000!important;
	display: block;
}
ul.proximity{padding: 0px 10px 10px;}
span.garanties-title {
    display: inline-block;
    position: relative;
    z-index: 10;
    bottom: 9px;
    background: #F7F8FA;
    margin: 0 37%;
    color: #000!important;
    font-size: 19px!important;
    padding: 0 15px;
}
span.block-title:before {
	content: "";
    display: block;
    position: absolute;
    top: 0;
	left:0;
	right:0;
    z-index: 0;
    border-bottom: 1px solid #efefef;
}
span.block-title span.garanties-title:after{
	content: "+";
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
    font-weight: 700;
    font-family: Arial, sans-serif;
    color: #ea7817;
}
.article ul {
    margin: 0.5em 0 1.571em 0;
    list-style-type: circle;
}
.article ol {
    margin: 1.5em 0 1.571em 1.571em;
    list-style-type: decimal;
}
.breadli {
    background-color: #edf0f6!important;
}

#content_box div.box1{
	display: block;
	background: #8AC777;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	clear: both;
	line-height: 45px!important;
}
#content_box div.box2{
	display: block;
	color: #8AC777;
	text-align: center;
	border-top: 2px solid #fff;
	background-color: #DDDDDD;
	line-height: 48px!important;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	font-size: 26px;
}

#content_box div.box2 a{
	color:#fff;
	text-decoration:underline;
}

#content_box div.box2 a:hover{
    color: #8AC777;
}


#content_box .offre{
	width: 46%;
	float: left;
	margin-right: 19px;
	min-height: 204px;
	 background-color: #CC00AA;
    min-height: auto;
    position: relative;
    background-size: 100%;
    display: block;
}
#content_box .offre div.red-bold {
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 22px!important;
    padding: 0!important;
    text-align: center;
    padding-top: 8px;
}
.offre .red-bold .percent{font-size:40px;color:#142032;display:block;margin: 11px auto;text-align:center;text-shadow:3px 3px 0px #fff;font-weight:bold;}
.offre .red-bold .txt-bon{font-size:20px;color:#000;display:block;line-height: 33px;text-align:center;margin: 10px auto;}
.offre .red-bold .txt-bon2{
	font-size:20px;
	color:#000;
	display:block;
	line-height: 27px;
	text-align:center;
	margin: 0px auto;
}
.offre .red-bold .percent2{
	font-size:32px;
	color:#142032;
	display:block;
	margin: -24px auto;
	text-align:center;
	text-shadow:3px 3px 0px #fff;
	font-weight:bold;
}
#content_box .offre div.red-bold span.offre1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 40px;
    color: #ffd600;
    font-size: 24px;
    text-shadow: 0px 1px 5px #000;
	    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 40px;
    color: #ffd600;
    font-size: 20px;
    text-shadow: 0px 1px 5px #000;
    display: block;
    text-align: center;
}
#content_box .offre div.red-bold span.offre2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 36px;
    color: #fff;
    font-size: 12px;
}
span.offre3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 15px;
    color: #fff;
    font-size: 11px;
    display: block;
    padding-bottom: 15px;
	text-transform: uppercase;
}
#content_box span.offre1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 40px;
    color: #ffd600;
    font-size: 24px;
    text-shadow: 0px 1px 5px #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 40px;
    color: #ffd600;
    font-size: 20px;
    text-shadow: 0px 1px 5px #000;
    display: block;
    text-align: center;
}
#content_box span.offre2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 36px;
    color: #fff;
    font-size: 12px;
	text-transform: uppercase;
}
#content_box .red{
	text-align:center;
}
/*-----------------------------------------------
/*-[ Tables ]
-----------------------------------------------*/

table{
    width:100%;
    text-align:center;
    margin-bottom:0;
    background-color: white;
    opacity: 0.9;
}
thead{
    background:#F7F8F9;
    font-size:14px;
    color:#585F65;
}
table th ,table td{
    padding:4px 0px;
    s
    text-align:left;
    color:#000;
    /* border: 1px solid #fff; */
    /* background: #dad9d9; */
    text-align: center;
}   
table tbody tr:nth-child(2n+1) td,table tbody tr:nth-child(2n+1) th {
    /* background-color: #f5f6f6; */
	}
#content_box table tbody tr:nth-child(2n+1) td, #content_box table tbody tr:nth-child(2n+1) th {
    background-color: #142032;
    color: #fff;
}
#content_box table tbody tr:first-child td, #content_box table tbody tr:first-child th {
    background-color: #DDDDDD!important;
    color: #333;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}
table tbody tr td.day{
    font-weight: bolder;
    padding-left: 8px;
	text-align:left
}
#content_box table th,#content_box  table td{ border: 1px solid #FFF;}
#content_box table th,#content_box  table td{
    vertical-align:middle;
    background: #8AC777;
    color: #fff;
    }
article p{color:#242424;}
#content_box  table td img{width:123px!important;}
/*-----------------------------------------------
/*-[ Line ]
------------------------------------------------*/
hr{
    border: none;
    border-bottom: 1px solid #fff;
     margin: 10px 15px!important;
    clear: both;
    position: relative;
}

/*-----------------------------------------------
/*-[ Search Form ]
-----------------------------------------------*/

nav #searchform {
    float: right;
}
nav #searchform fieldset {
    padding: 7px 0 6px 15px;
    border: 0;
    border-left: 1px solid #eee;
}
#searchform fieldset {
    border: 1px solid #D7D7D9;
    background:#fff;
    float: left;
}
#searchform input {
    border: 0;
}
.sbutton {
    padding: 6px 12px 6px 0;
}
.main-header #s {
    width: 150px;
}
.sidebar #s {
    width: 78%;
    padding: 10px 12px;
}
.footer-widgets fieldset, #sidebars fieldset {
    width: 99%;
}
.footer-widgets #s {
    width: 78%;
}
.footer-widgets .sbutton, #sidebars .sbutton {
    float: right;
}
.sidebar .sbutton {
    padding-top: 10px;
}

.breadcrumb {
    margin-top: 40px;
}

/*-----------------------------------------------
/*-[ Read More ]
----------------------------------------------*/

.more {
    float: right;
    box-shadow: 0px 2px #CCC;
    -webkit-box-shadow: 0px 2px #CCC;
    -moz-box-shadow: 0px 2px #CCC;
    margin-bottom: 5px;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: -15px;
}
.more a{
    float: left;
    background-color: #ff8604;
    color: #666;
    padding: 4px 10px;
    overflow: hidden;

}
.more a:hover {
    color:#fff;
}

/*-----------------------------------------------
/*-[ Map ]
-----------------------------------------------*/
#map {
    display: block;
    height: 300px;
    width: 100%;
}
div.map_home{
    display: block;
    height: 150px!important;
    width: 100%;
    margin:0!important
}

/*-----------------------------------------------
/*-[ Sidebar ]
----------------------------------------------*/

.sidebar.flexible {
    line-height: 23px;
    margin-top:0;
    background:transparent;
}
.widget {
    margin: 0 auto;
    margin-bottom: 25px;
    overflow: hidden;
    width: 100%;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-right: 4px solid #142032;
    /*    border-bottom: 1px solid #C8C8C8;
    border-top: 1px solid #C8C8C8;
    border-left: 1px solid #C8C8C8;*/
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #fff;
}
.widget div.horaire {
    display: block;
    text-align: center;
    margin: auto;
    padding: 10px 0;
}
.widget div.paiment {
    display: block;
    margin: auto;
    text-align: center;
    padding: 15px 0 10px;
}
.widget div.contre {
    background-color: #333;
    height: 100px;
	padding: 12px;
	text-align: center;
}
.widget div.contre a {
    color: #fff;
    display: block;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    background-color: #142032;
    border: 1px solid #fff;
    width: 86%;
    margin: 0 auto;
    border-radius: 3px;
    padding: 3%;
}
.widget div.contre span {
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
	padding: 10px 8px;
    font-weight: 700;
}
li.rappel{
    height:229px;
    position:relative;
}
li.rappel form{
    position:absolute;
    bottom:2%;
    margin:0 auto;
    text-align: center
}
.widget li {
    display: block;
    overflow: hidden;
    list-style-type: none;
	text-align: left;
	padding-top: 8px;
}
.widget li img.picto {
	float: left;
	margin-right:12px;
	margin-top: 0;
	color: #fff;
}
.widget li span.center {
    text-align: left;
    font-family: 'Open Sans', sans-serif!important;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    text-transform: none;
    display: block;
}
.widget span.titre-widget {
    font-size: 22px;
    line-height: 45px;
    font-family: 'Montserrat', sans-serif;
    color: #142032;
    background: #fff;
    border-bottom: 1px dotted #142032;
    font-weight:400;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.widget div.disponible {
	padding: 15px;
	background:#142032;
	color: #fff;
	font-size:14px;
}
.widget div.disponible span{
	font-size: 17px;
	font-weight:700;
}
.renseignement span a, .renseignement a{
color: #fff;
}
.horaire center{
	font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    padding: 13px 0px 13px 0;
}
.btna {
	outline: 0;
    display: -webkit-block;
    display: -webkit-block;
    display: -ms-inline-flexbox;
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background:#142032;
    min-width: 100%;
    border: 0;
    padding: 15px;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 1.2px;
    overflow: hidden;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    line-height: 38px;
/*    margin: 5px auto;*/
	margin-top: 5px;
	margin-bottom: 25px;
}
.btna .fa.fa-phone {
  border-radius: 100%;
  -webkit-animation: ripple 0.6s linear infinite;
  animation: ripple 0.6s linear infinite;
   font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
background: url(https://static.cliqeo.com/b985e36a84fb8de8/templates/images/phone1.png) 7px center no-repeat;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    padding: 8px 5px;
	float:left
}
.btna span.phone {
	display: block;
    margin: 0 auto;
}
.btna .fa-phone:before{
	color: transparent;
}
@-webkit-keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
  }
}

.widget.coordonees{
	/*background:#142032;*/
}
span.box-adresse {
	color: #fff!important;
	font-size: 20px;
	padding: 11px 5px 10px;
	margin: 0;
	background: #2e2e2e !important;
	text-align: center;
	float: none;
	font-family: 'Montserrat', sans-serif!important;
	font-weight: 600!important;
	display: block;
	line-height: 37px;
	/*background: #fff;
    margin: 5px;*/
	background-color: white;
	opacity: 0.9;
}
.widget.coordonees ul{
	padding: 0px 10px 10px;
/*    background: #fff;
    margin: 5px;*/
    background-color: white;
    opacity: 0.9;
    margin-top: 5px;
}
.widget.paiement {
    text-align: center;
   /* padding-bottom: 5px;*/
    font-size: 16px;
  /*  padding: 0 5px 5px;*/
}
.widget.paiement img {
	padding: 0 10px;
}.widget.paiement span {
	display:block;
	text-align:center;
	font-size:14px;
}

#mdp-bg {
	background-color: white;
    opacity: 0.9;
}

.widget.devis {
	border:0;
}
.widget.devis a{
	display: block;
    margin: 0 auto;
    text-align: center;
	background: #8ACAFF;
    background: -moz-linear-gradient(top, #8ACAFF 25%, #3A93DD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#8ACAFF), color-stop(100%,#3A93DD));
    background: -webkit-linear-gradient(top, #8ACAFF 25%,#3A93DD 100%);
    background: -o-linear-gradient(top, #8ACAFF 25%,#3A93DD 100%);
    background: -ms-linear-gradient(top, #8ACAFF 25%,#3A93DD 100%);
    background: linear-gradient(to bottom, #8ACAFF 25%,#3A93DD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ACAFF', endColorstr='#3A93DD',GradientType=0 );
    color: #fff;
    font-family: Open Sans,sans-serif;
    font-size: 25px;
    padding: 10px 0;
	transform: translate(0%, 0%);
	border-radius:40px;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	-o-border-radius:40px;
}
.widget.devis a:hover {
    background: #3A93DD;
    background: -moz-linear-gradient(top, #3A93DD 25%, #8ACAFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#3A93DD), color-stop(100%,#8ACAFF));
    background: -webkit-linear-gradient(top, #3A93DD 25%,#8ACAFF 100%);
    background: -o-linear-gradient(top, #3A93DD 25%,#8ACAFF 100%);
    background: -ms-linear-gradient(top, #3A93DD 25%,#8ACAFF 100%);
    background: linear-gradient(to bottom, #3A93DD 25%,#8ACAFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A93DD', endColorstr='#8ACAFF',GradientType=0 );
    transition: 0.5s ease-in-out;
}
.widget.box-info {
    text-align: center;
    padding: 15px 10px;
	color:#fff;
	background:#634997;
}
.widget div.box-info img{
    display: block;
    margin: 0 auto 10px;
}
.widget.contactez-nous {
background: url(https://static.cliqeo.com/b985e36a84fb8de8/templates/images/bg-achat-vente.jpg) no-repeat center center;
	background-size: cover;
    color: #000;
    font-size: 18px;
    padding: 15px 10px;
    border: 2px solid #142032;
}
.widget.contactez-nous div.contactez-nous{
	background: rgba(212, 206, 204, 0.61);
    padding: 15px;
}
.widget.contactez-nous a {
    color: #fff;
    text-decoration: none;
    background: #142032;
    margin-top: 10px;
    display: block;
    padding: 5px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
	font-size:20px;
	text-transform:uppercase;
}
.widget.contactez-nous a:hover{
	opacity:0.8
}
.widget.avant-de-venir{
	padding-top: 10px;
	background: transparent;
}
.widget.avant-de-venir img{
    float: left;
	margin: 0px 0px 0px 0px;
    width: 18%;
	}
.attention {
    font-family: 'Open Sans', sans-serif!important;
    font-family: 'Open Sans';
    text-align: center;
    font-weight: 400;
    font-size: 15px;
    color: #333;
    /* background-color: #807D7D; */
    padding: 15px 5px;
}
/*-----------------------------------------------
/*-[ Bon de reduction ]
----------------------------------------------*/
.widget a.next,.widget a.prev {
	position:absolute;
	top: 38%;
	display:block;
	width:33px;
	height:33px;
background-image:url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/navs.png');
	color:transparent;
	background-repeat:no-repeat;
}
.widget a.next{
	right:15px;
	background-position: -33px 0;
}
.widget a.prev{
	left:17px;
	background-position:0 0;
}
.widget a.next:hover,.widget a.prev:hover {
	-moz-opacity: 0.70;
	-khtml-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
}
.slide-widget  {
	position:relative;
}
.rslides.rslides1{
	box-shadow:none;
    margin-top: 0;
}
.rslides.rslides1 li{
	padding:0
}
.slide-widget ul.callbacks_tabs li.callbacks_here a, .slide-widget ul.callbacks_tabs li a{
	background-image:none
}
.bg-bon {
background: #ccc url(https://static.cliqeo.com/b985e36a84fb8de8/templates/images/bg-bon.jpg) no-repeat center;
	background-size:cover;
}
.offre-bd{
	background: rgba(0, 0, 0, 0.32);
    padding: 13px;
}
.counterBloc {
    color: #fff;
	font-size: 15px;
}
span.clock {
    font-size: 15px;
}
span.pourcentage {
	font-size: 30px;
    font-weight: bold;
    color: #EA7817;
}
.cont-offre {
	font-size: 15px;
	color: #FFF;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
.cont-offre span {
    font-size: 50px;
    font-weight: bold;
    color: #CD0005;
    display: block;
	line-height: 50px;
}
#print-bd {
    text-transform: uppercase;
    color: #f5f5f5;
    text-decoration: none;
    background: #8ACAFF;
    background: -moz-linear-gradient(top, #8ACAFF 25%, #3A93DD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#8ACAFF), color-stop(100%,#3A93DD));
    background: -webkit-linear-gradient(top, #8ACAFF 25%,#3A93DD 100%);
    background: -o-linear-gradient(top, #8ACAFF 25%,#3A93DD 100%);
    background: -ms-linear-gradient(top, #8ACAFF 25%,#3A93DD 100%);
    background: linear-gradient(to bottom, #8ACAFF 25%,#3A93DD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ACAFF', endColorstr='#3A93DD',GradientType=0 );
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    display: block;
    padding: 5px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
#print-bd:hover {
    background: #3A93DD;
    background: -moz-linear-gradient(top, #3A93DD 25%, #8ACAFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#3A93DD), color-stop(100%,#8ACAFF));
    background: -webkit-linear-gradient(top, #3A93DD 25%,#8ACAFF 100%);
    background: -o-linear-gradient(top, #3A93DD 25%,#8ACAFF 100%);
    background: -ms-linear-gradient(top, #3A93DD 25%,#8ACAFF 100%);
    background: linear-gradient(to bottom, #3A93DD 25%,#8ACAFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A93DD', endColorstr='#8ACAFF',GradientType=0 );
}
div.red-bold {
	text-align: center;
	display: block;
	color: #142032;
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	line-height: 27px;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 1px;
}
div.red-bold strong{
	font-weight: 400;
	font-size: 20px;
}
div.red-bold small{
	text-transform: capitalize;
	font-size: 13px;
	padding-right: 15px;
}
#print{
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 0 0px;
	color: #fff!important;
	text-transform: uppercase;
	background: #000;
	font-size: 19px;
	font-weight: 700;
	line-height: 33px;
	margin: 0;
	height: 40px;
	text-align: center;
	clear: both;
	width: 100%!important;
	margin: 0px auto;
	text-decoration: initial!important;
}
span.texte {
    color: #142032!important;
    font-family: Segoe Print;
	font-size:18px;
}
/*-----------------------------------------------
/*-[ Footer ]
------------------------------------------------*/

body > footer{
    padding: 100px 0 30px 0;
background: url(https://static.cliqeo.com/b985e36a84fb8de8/templates/images/footer.png) center -80px #e6e7e8;
}
footer div.cont-footer{
	border-right: 1px solid #fff;
	min-height: 200px;
}
.top {
    margin-bottom: 0;
    padding-left: 5px;
}
.top a:first-child{
	margin-right:5px;
	vertical-align: super;
}
footer i.fa{
    font-size: 32px!important;
    color:#fff;
    text-align: center;
    line-height: 40px!important;
    margin: 0 9px 0 3px;
    float: none!important;
}
div.adresse span{
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	line-height: 21px;
	display: inline-block;
}
div.adresse span.phone{
	font-size: 24px;
    padding-left: 5px;
}
div.adresse span.phone a{
	color:#fff;
}
div.adresse div.adress-footer{
	margin-bottom:15px;
}
footer nav li{
	display: block;
    text-align: center;
}
footer nav li a {
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: none;
    line-height: 50px;
}
footer nav ul {
    text-align: center;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}
footer nav li a:hover, footer nav li a.active{
	color: #969696;
	font-weight:bold;
}
#navfooter select {
    display: inline-block;
    max-width: none;
    border: none;
    padding: 7px 15px;
    margin-top: 0;
    width: 100%;
    color: #fff;
    background: #142032;
    font-size: 12px;
    margin: 5px 0;
}
.copyrights {
    font-size: 14px;
    color: #fff;
    float: right;
    padding-bottom: 20px;
    text-align: right;
	font-family: 'Open Sans', sans-serif;
}
.iconreseau{
    margin: 4px auto;
    padding: 5px 0;
}
.iconreseau a{
	margin-bottom: 5px;
}
.iconreseau a i{
    color: #fff;
    font-size: 24px!important;
    vertical-align: middle;
    padding: 7px 8px 6px 2px;
    margin: 0;
    font-style: normal;
    line-height: 35px;
}
.iconreseau a img:hover{
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
/*-----------------------------------------------
/*-[ Form Input ]
-----------------------------------------------*/

input,textarea,select{
    padding:9px 3%;
    border:none;
    font-size:15px;
	background:#fff;
    border: 1px solid #ccc;
    color: #000;
    width: 93%;
    font-family: Arial;
	    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
input.bouton{
	 background-color:#1d2530;
	border-radius: 3px;
	padding:5px 10px;
	color:white;
    cursor: pointer;
	margin:5px 0 5px 105px;
	border:none;
	text-transform:upperecase;
}
div.cont input.bouton{
	float:right;
	color:#fff;
	text-transform:uppercase
}
input.numero{
    width:160px;
	background: #faca00;
	border: 2px solid #d7b802;
}
input.send{
	padding: 2px 7px 32px;
	color: #000;
	cursor: pointer;
	border: none;
	text-transform: uppercase;
	background: #dfdfdf;
	height: 25px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 700;
}
#map-holder{ padding: 5px;}

textarea {
    overflow: auto;
    resize: vertical;
}
.control-group {
	margin-bottom: 10px;
	overflow: hidden;
}

input:focus,
textarea:focus{
}
::-webkit-input-placeholder{
    color:#a2a2a2;

}
::-moz-input-placeholder{
    color:#a2a2a2;

}
::-ie-input-placeholder{
    color:#a2a2a2;

}
::-o-input-placeholder{
    color:#a2a2a2;

}
::input-placeholder{
    color:#a2a2a2;

}

::-webkit-textarea-placeholder{
    color:#a2a2a2;

}
::-moz-textarea-placeholder{
    color:#a2a2a2;

}
::-ie-textarea-placeholder{
    color:#a2a2a2;

}
::-o-textarea-placeholder{
    color:#a2a2a2;

}
::textarea-placeholder{
    color:#a2a2a2;

}

/*-----------------------------------------------
/*-[ Contact Widget ]
-----------------------------------------------*/

.contact form{
    padding:10px
}
.contact form table td{
    background:transparent!important
}
.contact input[type="text"] {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:block;
    margin:0 auto;
    margin-bottom:8px
}
.contact textarea:hover, .contact input[type="text"]:hover {
    opacity: 0.8;
    border: 1px solid #cfd5e1;
}
.contact input[type="submit"] {
    background-color: #142032;
    cursor: pointer;
    color: white!important;
    border: 0;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    float: left;
    width: 100%;
    margin-top: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 0px;
    line-height: 35px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.contact input[type="submit"]:hover{
	opacity:0.8
}
.contact textarea{
    float:left;
    height:100px
}
.contact td{border:none;}
.contact label {
    font-weight: bold;
    font-size: 15px;
    float: left;
    width: 50%;
}
.contact #achat, .contact #vente {
	border: 1px solid #000;
	padding:10px;
}
.contact #achat label, .contact #vente label {
	color: #000;
}
/*-----------------------------------------------
/*[page devis]
------------------------------------------------*/

.content article div.contact.devis input[type="text"] ,.content article div.contact.devis select{
	width:280px
}
.content article div.contact.devis textarea{
	width:254px
}
.content article div.contact.devis input[type="radio"] {
	margin-right: 10px;
}
ul.errors{
	color: #f30101;
	font-size: 12px;
	list-style: none;
	margin: 0;
}

/*-----------------------------------------------
/*-[ Ad Widgets ]
-----------------------------------------------*/
.ad-125 ul {
    float: left;
    width: 330px;
    margin: 0;
    list-style: none;
    max-width: 100%;
}
.ad-125 li{
    float: left;
    border: none;
    list-style: none!important;  
    padding-left: 0;
    background: none;
    margin-bottom: 15px;
}
.ad-125 img {
    padding: 0.4em;
    background: #fff;
    border: 1px solid #bbb;
}
li.oddad {
    margin-right: 8%;
}
.ad-300 img {
    padding: 0px;
    background: #fff;
    border: 1px solid #bbb;
    height:100%;
}
.ad-300 span.titre{
	display:block
}
.rappel {
height: 63px;
position: relative;
}
.rappel form {
position: absolute;
bottom: 0%;
margin: 0 auto;
text-align: center;
width: 100%;
}
form#contactform{
	
	padding:0 15px
}
 #menu-drink ul li a:hover:after, #menu-drink ul li a.active:after {
    content: '';
    width: 70%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    background: #fff;
}
#menu-drink ul li a:after {
    content: '';
    display: block;
    position: relative;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 0%;
    height: 1px;
    margin: 0px auto;
    background: #293A3A;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}
/*-----------------------------------------------
/*[Responsive]
/*---------------------------------------------*/
/*-  MEDIA QUERIES
 ----------------------------------------------------------------------*/
/* Disable ios/winmob font size changes */
@media (max-width:374px){
	#print-bd {
		font-size:14px;
	}
	.cont-offre {
		font-size:10px;
	}
	.widget div.disponible span {
		font-size: 11px;
	}
	#bandeaux div.slogan-bandeau span {
		font-size: 10px!important;
	}
	#bandeaux div.slogan-bandeau {
		font-size: 10px!important;
		line-height: 20px!important;
		padding: 5px 0!important;
	}
	.widget.contactez-nous a {
		font-size: 15px;
	}
	.counterBloc {
		font-size: 15px!important;
	}
	span.clock {
		font-size: 20px!important;
	}
}
@media (max-width: 767px) {
    #bandeaux div.conteneur div.left div.blocx article {
    width: 100%!important;
}
	#bandeaux div.conteneur div.right {
    width: 100%;
}
    #bandeaux div.conteneur div.left {
    width: 100%;
}
    #bandeaux div.conteneur div.left div.blocx article {
    vertical-align: middle;
}
    #bandeaux div.conteneur div.left div.blocx a.devis-gratuit {
    margin-top: 0;
}

    header div{
		/* text-align:center */
	}
	body > footer{
    padding: 20px 0 30px 0;
	}
	.pos {
		float:none;
		margin: 0 auto;
	}
	#logo a{
    max-width: 260px;
    /* background: white; */
    margin: 0 auto;
    background-position: center;
 }
	#logo span.logo{
		left: 40px;
		position: relative;
		display: inline-block;
		bottom: 30px;
		text-align: left;
		font-size: 12px;
	}
	header span.phone, header span.adress-header {
		float: none;
	    display: inline-block;
	}
	header span.phone{
	    font-size: 24px;
	}
	header span.adress-header{
	    font-size: 17px;
	    margin-bottom: 20px;
	}
	#dl-menu.dl-menuwrapper {
    display: block;
    z-index: 999;
	}
	#menu-drink {
    display: none;
	}
	.dl-menuwrapper li a {
		font-size:15px;
	}
	#menu-drink {
		display: none;
	}
	#bandeaux div.slogan-bandeau {
		font-size: 15px;
		line-height: 16px;
		padding: 10px 0;
	}
	#bandeaux div.slogan-bandeau span{
		font-size:15px
	}
	.rslides_tabs{
		bottom:28%;
	}
	.ad-300 img{
		width:100%!important
	}
	body > footer{
	   min-height:70px;
	}
	footer nav {
		width:100%;
	}
	footer nav{
	    padding:0!important
	}
	#navfooter > ul{
		display:none;
	}
	#navfooter select {
		display: block
	}
	footer div.cont-footer:nth-child(2){
		border-right:0
	}
	footer div.cont-footer{
		min-height:auto;
		border-right:0
	}
	footer .copyrights{
		float: none;
		padding-bottom: 20px;
		text-align: center;
	}
	.iconreseau a{
    text-align: center;
	}
	div.adresse{
		width:100%!important;
		text-align: center;
	}
	.top {
		float: none;
	}
	.widget div.dispo span {
		font-size: 16px;
	}
	.widget span.titre-widget {
		font-size: 16px
	}
	.btna{
		font-size: 19px;	
	}
	.box-adresse {
		font-size: 12px!important;
	}
	#content_box article a img{
		width:100%;
		height:auto;
	}
	.article ul{
		clear:both
	}
	#content_box div.vignette img {
	  display: block;
	  width: 100%!important;
	  height:auto
	}
	#content_box img{
		width:95%;
		height:auto
	}
	#content_box img.garanties {
		width:initial;
	}
	#main1, #main2 div.title1{
	    font-size: 17px;
	}
	#main2 a.btn-rdv{
		font-size: 12px;
		padding: 5px 6px;
	}
	.bloc-meme{
		width:100%;
		margin-right:0;
	}
	.contact form tr td {
		display: block;
		clear: both;
		text-align: left;
	}
	.widget li span.center{
		font-size:12px;
	}
	div.adresse span{
		font-size:12px;
	}
	div.lespictos img{
		width:initial!important;
	}
	#slideshow {
		width: 69.5%!important;
	}
	span.garanties-title {
		display: block;
		text-align: center;
		padding: 10px 0;
		margin:0;
	}
	span.block-title:before {
		border: 0;
		top:0;
	}
	ul.callbacks_tabs li {
		display: none;
	}
	.title-slider{
		display:none;
	}
	body > footer{
background: #2E2E2E url(https://static.cliqeo.com/b985e36a84fb8de8/templates/images/footer.png) center -80px;
}

#arrow-right{
    position: absolute;
    right: 5%;
    font-size: 35px;
    top: 0;
}
#arrow-left{
    position: absolute;
    left: 5%;
    font-size: 35px;
    top: 0;
}
#main3 .title1 {
	font-size: 24px;
}
section.cont-menu-haut {
    background: #29508D;
}

}
@media (min-width: 768px) {
	#menu-drink a {
		font-size: .8em;
		padding: .7em 7px;
	}
	#logo span.logo {
    left: 47px;
    bottom: -15px;
    font-size: 14px;
	}
	header span.adress-header{
	    font-size: 15px;
		margin-top: 21px;
	}
	header span.phone{
		font-size:25px;
	}
	div.adresse span{
		font-size:10px;
	}
	div.adresse span.phone {
		font-size: 15px;
	}
	#bandeaux div.slogan-bandeau{
	    font-size: 28px;
		line-height: 55px;
	}
	#bandeaux div.slogan-bandeau span{
		font-size:25px
	}
	#navfooter > ul{
		display:block;
	}
	#navfooter select {
		display: none
	}
	.widget div.dispo span {
		font-size: 15px;
	}
	.btna{
		font-size: 17px;
	}
	.widget span.titre-widget {
		font-size: 16px;
	}
	.widget li span.center{
		font-size: 11px;
	}
	.bloc-meme{
		width:18.9%;
		margin-right:1%;
	}
	.bloc-meme:nth-child(2n+2){
		margin-right:0
	}
	span.box-adresse{
		font-size: 18px;
	}
	#print-bd {
		font-size: 20px;
	}
	.widget div.disponible span {
		font-size: 10px;
	}
	.cont-offre {
		font-size: 20px;
	}
	span.garanties-title {
		margin: 0 30%;
	}
	.widget.contactez-nous a {
		font-size: 15px;
	}
	.widget div.contre span{
		font-size:15px;
	}
	.widget div.contre a{
		font-size:14px;
	}
	#main2 div.title1 {
		font-size:20px;
	}
	#main3 div.title1 {
		font-size:25px;
		padding: 5px 10px;
		border: 1px solid rgba(255, 255, 255, 0.23);
		background: rgba(46, 46, 46, 0.55);
	}
}
@media (max-width: 991px){
	#slideshow {
		width: 667px;
	}
    #bandeaux div.conteneur div.left div.blocx article {
    width: 27%;
}
}
@media (max-width: 991px) and (min-width: 768px) {
	#bandeaux div.conteneur div.right {
		width: 100%;
	}
	#bandeaux div.conteneur div.left {
		width: 100%;
	}
	#bandeaux div.conteneur div.left div.blocx a.devis-gratuit {
background: url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/images/devis-gratuit.png') center 0px no-repeat;
		height: 115px;
		margin-top: 0;
		background-size: 100%;
	}
}
@media (min-width: 992px) {
	#menu-drink a {
		font-size: 1.3em;
		padding: .7em 17px;
	}
	#logo span.logo {
    left: 25px;
    bottom: 16px;
    font-size: 14px;
 }
 	#main3 div.title1{
		font-size: 36px;
        font-weight: 300;
	}
	header span.adress-header{
	    font-size:15px;
	}
	div.adresse span.phone {
		font-size: 16px!important;
		display: initial;
	}
	#bandeaux div.slogan-bandeau{
	    font-size: 28px;
	    line-height: 55px;
	}
	#bandeaux div.slogan-bandeau span{
		font-size:35px
	}
	#navfooter > ul{
		display:block;
	}
	#navfooter select {
		display: none
	}
	.widget div.dispo span {
		font-size: 22px;
	}
	.btna{
		font-size: 25px;
	}
	.widget span.titre-widget {
		font-size: 22px;
	}
	.widget li span.center{
		font-size: 20px;
	}
	.bloc-meme:last-child{
		margin-right:0
	}
	.bloc-meme:nth-child(2n+2){
		margin-right:1%
	}
	#print-bd {
		font-size: 15px;
		width: 80%;
		margin: 0 auto;
	}
	.cont-offre {
		font-size: 13px;
	}
	.widget div.disponible span {
		font-size: 14px;
	}
	span.garanties-title {
		margin: 0 35%;
	}
	#main2 div.title1 {
		font-size: 26px;
	}
	.bloc-meme {
		width: 18.8%;
	}
	.offre-bd{
		padding: 4px;
	}
	.counterBloc {
		font-size: 17px!important;
	}
	span.clock {
		font-size: 20px!important;
	}
	#bandeaux div.conteneur div.left div.blocx article {
		width: 118px;
		display: inline-block;
	}
	#bandeaux div.conteneur div.left div.blocx a.devis-gratuit {
background: url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/images/devis-gratuit.png') center 0px no-repeat;
		height: 115px;
		background-size: 100%;
		margin:0;
	}
}
@media (min-width: 1200px) {
	#menu-drink a {
		font-size: 1em;
		padding: .7em 21px;
	}
	#logo a{background-size:90%;margin-top: 28px;}
	.f-nav{
		z-index: 9999;
		position: fixed;
		left: 0%;
		top: 0;
		width: 100%;
		transform: translate(0%, 0%);
	}
	.f-nav1{
		z-index: 9999;
		position: fixed;
		left: 0%;
		top: 106px;
		width: 100%;
		transform: translate(0%, 0%);
	}
	#navfooter > ul{
		display:block;
	}
	#navfooter select {
		display: none
	}
	footer div.cont-footer{
		min-height: 165px;
	}
	.bloc-meme:last-child{
		margin-right:0
	}
	header span.phone {
		font-size: 28px;
	}
	header span.adress-header {
		font-size: 20px;
	    margin-top: 25px;
    }
	.f-nav header span.phone {
	}
	.f-nav header span.phone, header span.adress-header {
	}
	.f-nav #logo a {
	}
	.form-control, textarea{
		width: 50%!important;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	header span.adress-header{
	    font-size:16px;
	}
	.f-nav header span.adress-header {
	}
	#print-bd {
		font-size: 15px;
	}
	.cont-offre {
		font-size: 20px;
	}
	.widget div.disponible span {
		font-size: 16px;
	}
	span.garanties-title {
		display: inline-block;
		position: relative;
		z-index: 10;
		bottom: 10px;
		background: #F7F8FA;
		margin: 0 37%;
		color: #000!important;
		font-size: 19px!important;
		padding: 0 15px;
	}
	span.block-title:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left:0;
		right:0;
		z-index: 0;
		border-bottom: 1px solid #efefef;
	}
	span.block-title span.garanties-title:after{
		content: "+";
		display: inline-block;
		margin-left: 10px;
		vertical-align: bottom;
		font-weight: 700;
		font-family: Arial, sans-serif;
		color: #ea7817;
	}
	div.adresse span.phone {
		font-size: 20px!important;
	}
	div.adresse span {
		font-size: 12px;
	}
	.widget.contactez-nous a {
		font-size: 20px;
	}
	.widget div.contre span{
		font-size:17x;
	}
	.widget div.contre a{
		font-size:16px;
	}
	a.map-toggle {
		font-size:25px;
	}
	#main2 div.title1 {
		font-size: 30px;
	}
	.bloc-meme {
		width: 32%;
	}
	.offre-bd{
		padding: 17px;
	}
	.counterBloc {
		font-size: 20px!important;
	}
	span.clock {
		font-size: 22px!important;
	}
	#bandeaux div.conteneur div.left div.blocx article {
		width: 132px;
		display: inline-block;
	}
	#bandeaux div.conteneur div.left div.blocx a.devis-gratuit {
background: url('https://static.cliqeo.com/b985e36a84fb8de8/templates/images/images/devis-gratuit.png') center 0px no-repeat;
		height: 115px;
		margin-top: 35px;
	}
}
.bounced {
  -moz-animation: bounced 2s infinite;
  -webkit-animation: bounced 2s infinite;
  animation: bounced 2s infinite;
}

@-moz-keyframes bounced {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}

@-webkit-keyframes bounced {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}

@keyframes bounced {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
  60% {
    -moz-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
  }
}