/****************************************************
#####################################################
##-------------------------------------------------##
##              Pote & Boc - Version 1             ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2018             ##
## Date      = Septembre 2018                      ##
## Author    = olivier angevin                     ##
## Websites  = http://www.diabloedesign.com        ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot');
src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
	url('../fonts/icomoon.woff') format('woff'),
	url('../fonts/icomoon.ttf') format('truetype'),
	url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), 
   url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), 
   url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), 
   url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansregular';
src: url('../fonts/opensans-webfont.woff2') format('woff2'),
	 url('../fonts/opensans-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'journalregular';
src: url('../fonts/journal-webfont.ttf') format('truetype'),
	 url('../fonts/journal-webfont.woff2') format('woff2'),
	 url('../fonts/journal-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'avilabold-display';
src: url('../fonts/avila-bold-display-webfont.woff2') format('woff2'),
	 url('../fonts/avila-bold-display-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
html {
height: 100%;
}
body{
margin:0;
padding:0;
font-size:16px;
color:#000;
font-family: open_sansregular, arial, tahoma, sans-serif;
outline: none;
height:100%;
width:100%;
background:#f3f3f4;
overflow-x:hidden;
}
/*texte*/
h1{
font-family: open_sansregular, avenir-regular, arial, tahoma, sans-serif;
color:#234450;
text-align:center;
font-size: 40px;
}
h2{
font-family: journalregular, arial, tahoma, sans-serif;
font-size: 50px;
text-align:center;
font-weight:initial;
}
h3, .page-header h2{
font-family: avilabold-display, arial, tahoma, sans-serif;
color:#234450;
font-size: 30px;
text-transform:uppercase;
text-align:center;
font-weight:initial;
}
h4, h5, h6 {
font-size: 100%;
}
a{
outline:none;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
a:visited, a:link{
color:#eec869;
text-decoration:none;
}
a:hover{
color:#eec869;
text-decoration:none;
}
img{
margin:0px;
border:0px;
max-width:100%;
}
label.invalid{
color:#C90000;
}
.invalid{
border-color:#C90000;
}
.clr{
clear:both;
}
/*****CONTENU********/
.nav {
position: relative;
max-height:0;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
background:#eec869;
}
.open{
max-height:400px;
padding-bottom:20px;
border-top:1px solid #FFF;
}
.open-f{
left:0!important;
}
#container{
width:100%;
min-height:100%;
height:100%;
float:left;
}
body.active #container:before { 
content: ""; 
position: absolute; 
z-index: -1; 
top: 0; 
left: -100%; 
width: 100%; 
height: 100%;
}
body.active .nav {
margin-left: 0; 
}
body.active #container { 
margin-right: -100%; 
}
.pagewidth{
width:1000px;
text-align:left;
background:transparent;
margin:0 auto;
}
.cdez-web{
width:100%;
position:fixed;
z-index:500;
top:0;
background:#234450;
height:40px;
border-bottom:1px solid #f3f3f4;
}
.cdez-web a{
width:260px;
line-height:30px;
margin:0 auto;
margin-top:5px;
color:#234450;
text-align:center;
background:#eec869;
display:block;
text-transform:uppercase;
font-family:avilabold-display, arial, tahoma, sans-serif;
font-size:20px;
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: shadowPulse;
animation-name: shadowPulse;
animation-iteration-count: infinite;
}
.header{
margin-top:40px;
position:relative;
width:100%;
background:#f3f3f4;
width:100%;
height:150px;
}
.header .pagewidth{
position:relative;
height:150px;
}
.commandez{
position:absolute;
display:block;
right:32%;
top:10px;
width:134px;
height:28px;
background:url('../images/commandez.png') center center no-repeat transparent;
text-indent:-99999px;
}
.telephone-h{
position:absolute;
width:30%;
height:40px;
right:0;
top:40px;
background:#234450;
}
.telephone-h a{
font-family: avilabold-display, open_sansregular, arial, tahoma, sans-serif;
font-size:25px;
color:#FFF;
line-height:40px;
}
.telephone-h a::before{
content:'{';
font-size:30px;
color:#eec868;
margin-left:10px;
}
.telephone-h a::after{
content:'}';
font-size:30px;
color:#eec868;
}
.logo{
position:relative;
width:271px;
height:124px;
float:left;
margin-top:15px;
}
.moment{
position:absolute;
display:block;
left:340px;
bottom:-30px;
width:267px;
height:127px;
background:url('../images/detente.png') center center no-repeat transparent;
z-index:100;
}
#top-menu{
position:absolute;
height:44px;
width:720px;
right:0;
bottom:-35px;
z-index:400;
font-size:15px;
color:#234450;
text-align:center;
}
#top-menu .fond-menu{
position:absolute;
height:44px;
width:100%;
bottom:0;
background:#eec869;
z-index:400;
}
#top-menu .reseaux{
position:absolute;
bottom:0px;
left:492px;
height:100px;
width:43px;
display:block;
background:url('../images/reseaux.png') center top no-repeat transparent;
z-index:400;
}
#top-menu .reseaux a{
display:block;
width:40px;
height:30px;
margin-left:2px;
margin-top:6px;
}
#top-menu .reseaux a:first-child{
margin-top:20px;
}
#top-menu .menupoteandboc{
padding:0px;
margin:0;
display:block;
text-align:left;
margin-top:-44px;
font-family: avilabold-display, arial, tahoma, sans-serif;
}
#top-menu .menupoteandboc li{
list-style-type:none;
display:inline-block;
color:#234450;
text-transform:uppercase;
line-height:44px;
width:120px;
text-align:center;
z-index:500;
}
#top-menu .menupoteandboc li.services, #top-menu .menupoteandboc li.services-sep{
width:130px;
}
#top-menu .menupoteandboc li.parent, #top-menu .menupoteandboc li.to-contact-2, #top-menu .menupoteandboc li.to-contact{
position:relative;
}
#top-menu .menupoteandboc li.parent::after, #top-menu .menupoteandboc li.to-contact-2 a::after, #top-menu .menupoteandboc li.to-contact a::after{
content:'';
display:block;
width:34px;
height:50px;
background:url('../images/menu-picto.png') 0 0 no-repeat transparent;
display:block;
margin:0 auto;
}
#top-menu .menupoteandboc li.menu::after, #top-menu .menupoteandboc li.menu-sep::after{
background-position:-34px 0;
}
#top-menu .menupoteandboc li.to-contact-2 a::after, #top-menu .menupoteandboc li.to-contact a::after{
background-position:-68px 0;
}
#top-menu .menupoteandboc li.services::after{
background-position:-102px 0;
}
#top-menu .menupoteandboc li.accueil, #mobile-menu .menupoteandboc li.accueil, #mobile-menu-fixed .menupoteandboc li.accueil{
display:none;
}
#top-menu .menupoteandboc li a{
display:block;
color:#234450;
z-index: 1;
}
#top-menu .menupoteandboc li a:hover, #top-menu .menupoteandboc li span:hover, #top-menu .menupoteandboc li.active a, #top-menu .menupoteandboc li.active span{
text-decoration:none;
color:#eec869;
}
#top-menu .menupoteandboc li.parent > ul{
padding:0;
}
#top-menu .menupoteandboc li.parent > ul.nav-child{
margin: 0;
max-height:0;
overflow: hidden;
pointer-events: none;
position: absolute;
transition: all 0.5s linear 0s;
-webkit-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
z-index: 300;
width:100%;
background:#FFF;
left:0;
top:94px;
}
#top-menu .menupoteandboc li.parent:hover > ul.nav-child,
.container-presentation #top-menu .menupoteandboc li.active > ul.nav-child,
.container-menu #top-menu .menupoteandboc li.active > ul.nav-child,
.container-services #top-menu .menupoteandboc li.active > ul.nav-child{
pointer-events: auto;
max-height:200px;
}
.container-services #top-menu .menupoteandboc li.active > ul.nav-child,
#top-menu .menupoteandboc li.services:hover > ul.nav-child,
#top-menu .menupoteandboc li.services-sep:hover > ul.nav-child{
max-height:200px;
}
#top-menu .menupoteandboc li.parent > ul li {
background: none;
width: auto;
float: none;
margin: 0;
border: none;
display:block;
margin:0;
font-size:13px;
line-height:32px;
text-transform:uppercase;
font-style: normal;
}
#top-menu .menupoteandboc li.parent > ul li:first-child {
margin-top:5px;
}
#top-menu .menupoteandboc li.parent > ul li.livraison-repas-en-entreprise, #top-menu .menupoteandboc li.parent > ul li.livraison-uber-et-deliveroo{
line-height:16px;
margin-top:10px;
}
#top-menu .menupoteandboc li.parent > ul li.hotels-campings{
line-height:16px;
margin-bottom:10px;
}
#top-menu .menupoteandboc li.parent > ul li.web-commande{
line-height:16px;
background:#234450;
padding-top:5px;
padding-bottom:5px;
}
#top-menu .menupoteandboc li.parent > ul li.active{
color:#eec869;
}
#top-menu .menupoteandboc li.parent > ul li a {
background: none !important;
margin: 0;
float: none;
border: none;
color:#234450;
}
#top-menu .menupoteandboc li.active > ul li a {
color:#234450;
}
#top-menu .menupoteandboc li.parent ul > li a:hover {
text-decoration: none;
color: #eec869;
}
#top-menu .menupoteandboc li.parent > ul li.active a, #top-menu .menupoteandboc li.parent ul > li.active a:hover{
color:#eec869;
}
#top-menu .menupoteandboc li.presentation > ul li.active a, #top-menu .menupoteandboc li.menu > ul li.active a,
#top-menu .menupoteandboc li.services > ul li.active a{
color:#234450;
}
#top-menu .menupoteandboc li.parent > ul li.web-commande a, #top-menu .menupoteandboc li.active > ul li.web-commande a{
color:#FFF!important;
}
#top-menu .menupoteandboc li.parent > ul li.web-commande a:hover{
color:#eec869!important;
}
#small-menu, #mobile-menu, .slider-s, .contact-h-s, .reseaux-s{
display:none;
}
#small-menu-fixed{
position:fixed;
top:50px;
left:-40px;
z-index:900;
width:40px;
height:40px;
background:#eec869;
}
#mobile-menu-fixed{
display:block;
width:250px;
position:fixed;
top:90px;
height:auto;
z-index:800;
left:-100%;
background:#eec869;
}
#menu-toggle:before, #menu-toggle-f:before {
content: "\f0c9";
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
position: relative;
top: 1px;
line-height: 0;
font-size: 28px;
margin-right:10px;
}
#small-menu #menu-toggle, #small-menu-fixed #menu-toggle-f{
display: block;	
width: 100%;
font-size:24px;
font-weight: normal;
text-align: center;
border: none;
cursor: pointer;
color:#234450;
text-decoration:none;
line-height:40px;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
#small-menu #menu-toggle:hover, #small-menu-fixed #menu-toggle-f:hover{
text-decoration:none;
}
#mobile-menu ul.menupoteandboc, #mobile-menu-fixed ul.menupoteandboc{
padding:0;
margin:0;
}
#mobile-menu li, #mobile-menu-fixed li{
list-style-type:none;
font-size:20px;
text-align:left;
position:relative;
}
#mobile-menu li a, #mobile-menu-fixed li a{
color:#FFF;
display:block;
width:100%;
text-transform:uppercase;
min-height:30px;
line-height:30px;
padding-right:-10px;
padding-left:10px;
cursor:pointer;
text-decoration:none;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
#mobile-menu li.parent ul, #mobile-menu-fixed li.parent ul{
display:block;
height:auto;
}
#mobile-menu li.parent ul li, #mobile-menu-fixed li.parent ul li{
font-size:16px;
}
#mobile-menu li.parent ul li.web-commande, #mobile-menu-fixed li.parent ul li.web-commande{
background:#234450;
padding-top:5px;
padding-bottom:5px;
}
#mobile-menu li.parent ul li a, #mobile-menu-fixed li.parent ul li a{
min-height:20px;
line-height:20px;
}
#mobile-menu li a:hover, #mobile-menu li span:hover, #mobile-menu-fixed li a:hover, #mobile-menu-fixed li span:hover{
text-decoration:none;
color:#234450;
}
#mobile-menu li.parent ul li.web-commande  a:hover, #mobile-menu-fixed li.parent ul li.web-commande a:hover{
color:#eec869;
}
.bandeau{
position:relative;
width:100%;
min-height:60%;
background:#234450;
}
.bandeau img{
width:100%;
}
.promo{
position:absolute;
height:140px;
width:55%;
left:0;
top:25%;
background:url('../images/fond-promo.png') center center repeat transparent;
text-align:right;
color:#234450;
text-transform:uppercase;
font-size:20px;
z-index:200;
}
.promo .custom{
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
max-height:120px;
overflow:hidden;
}
.promo h3, .promo p{
margin:0;
}
.promo h3{
text-align:right;
}
.bandeau .theme-default .nivoSlider{
box-shadow:0;
margin:0;
}
.separateur{
position:absolute;
bottom:0;
width:100%;
z-index:200;
}
.content{
background:#234450;
position:relative;
color:#FFF;
padding-bottom:40px;
z-index:200;
}
.content .pagewidth{
position:relative;
}
.content .move, .content .compose{
position:absolute;
top:-100px;
}
.content .compose{
width:219px;
height:219px;
display:block;
}
.content .move-left, .content .compose-left{
left:0;
}
.content .move-right, .content .compose-right{
right:0;
}
.container-accueil .content{
padding-bottom:0;
}
.content p{
margin:0;
}
.items-leading, .semaine .jour, .emporter-content .custom, .livraison .custom, .container-a-emporter .articleBody, .mois-elements, .avantages{
display:flex;
flex-wrap: wrap;
justify-content: center;
}
.items-leading .leading::before{
content:'';
width:120px;
height:120px;
background:url('../images/poteandboc-picto.png') 0 0 no-repeat transparent;
display:block;
margin:0 auto;
margin-bottom:20px;
}
.container-restaurants .items-leading .leading::before{
display:none;
}
.container-presentation .items-leading .leading::before, .container-nos-valeurs .items-leading .leading::before{
background:url('../images/valeur-picto.png') 0 0 no-repeat transparent;
}
.items-leading .leading{
width:300px;
text-align:center;
}
.container-presentation .items-leading .leading{
width:290px;
}
.container-services .items-leading .leading{
width:220px;
}
.container-services .items-leading .leading a{
color:#234450;
}
.items-leading .leading-1{
margin-left:40px;
margin-right:40px;
}
.items-leading .leading-1::before{
background-position:-120px 0!important;
}
.items-leading .leading-2::before{
background-position:-240px 0!important;
}
.container-accueil .content h2{
padding-top:40px;
margin-top:0;
}
#content{
position:relative;
width:100%;
padding-bottom:100px;
}
.featured .readmore{
text-align:right;
padding-top:20px;
padding-bottom:20px;
font-size:20px;
}
#main-full{
position:relative;
background:transparent;
text-align:left;
font-weight:normal;
overflow:hidden;
width:100%;
}
#main img, #main-full img{
max-width:100%;
}
.item-page, .visform .field5 label{
hyphens: auto;
hyphenate-limit-lines:2;
-moz-hyphens: auto;
-moz-hyphenate-limit-lines:2;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-lines:2;
-ms-hyphens: auto;
-ms-hyphenate-limit-lines:2;
text-align:justify;
}
.page-header h1{
color:#FFF;
margin-top:0;
text-transform:uppercase;
padding-top:50px;
font-size:30px;
}
.restaurants .page-header h1{
color:#616161;
}
.restaurants table, .restaurants tr, .restaurants td{
border:0;
}
.page-header h2{
color:#FFF;
font-size:20px;
line-height:20px;
}
.parallax-overlay{
height:100%;
width:100%;
}
.parallax-section {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-repeat:repeat-y;
overflow:hidden;
background-attachment:fixed !important;
}
.no-parallax-section{
display:none;
}
#parallax-accueil, #no-parallax-accueil{
background-image:url('../images/parallax.jpg');
position:relative;
height:80%;
min-height:80%;
}
#parallax-menu, #no-parallax-menu{
background-image:url('../images/menu-parallax.jpg');
position:relative;
height:70%;
min-height:70%;
}
.separateur img{
position:absolute;
width:100%;
bottom:0;
}
.informations{
background:url('../images/bandeau-infos.png') bottom center repeat-x transparent;
}
.informations .pagewidth{
position:relative;
height:460px;
min-height:460px;
}
.actualites{
width:540px;
float:left;
position:relative;
}
.actualites h3{
font-size:45px;
margin-top:20px;
margin-bottom:20px;
}
.actualites .bt-introtext{
text-align:center;
width:390px;
margin:0 auto;
}
.actualites .bt-cs .bt-inner{
height:315px;
}
.actualites .readmore{
text-align:right;
position:absolute;
bottom:0;
right:40px;
margin:0;
}
.horaires{
position:absolute;
top:0;
width:496px;
height:571px;
display:block;
right:0;
background:url('../images/horaires.png') 0 0 no-repeat transparent;
z-index:100;
}
.horaires .module{
margin:0 auto;
margin-top:50px;
width:290px;
color:#234450;
}
.horaires h1{
margin:0;
text-transform:uppercase;
font-size:28px;
line-height:30px;
position:relative;
}
.horaires h1::before{
content:'{';
font-family: avilabold-display, arial, tahoma, sans-serif;
font-size:70px;
color:#234450;
position:absolute;
left:15px;
top:50%;
margin-top:-18px;
}
.horaires h1::after{
content:'}';
font-family: avilabold-display, arial, tahoma, sans-serif;
font-size:70px;
color:#234450;
position:absolute;
right:15px;
top:50%;
margin-top:-18px;
}
.horaires .soustitre{
text-align:center;
font-size:12px;
}
.horaires .soustitre a{
color:#234450;
}
.horaires h3{
border-bottom:2px solid #FFF;
padding-bottom:10px;
margin-bottom:0;
margin-top:10px;
}
.horaires ul.jours{
padding:0;
padding-top:15px;
display:flex;
flex-direction: column;
flex-wrap:wrap;
height:140px;
margin:0;
}
.horaires ul.repas{
border-bottom:2px solid #FFF;
padding:0;
margin:0;
padding-bottom:15px;
}
.horaires ul li{
text-transform:uppercase;
list-style-type:none;
}
.horaires ul.jours li{
display:block;
width:145px;
}
.horaires ul li::before{
content:'>';
color:#FFF;
margin-right:5px;
}
.horaires ul li h5{
margin:0;
color:#FFF;
font-weight:normal;
text-transform:none;
}
.horaires h3::before{
content:'';
width:55px;
height:55px;
background:url('../images/titre-picto.png') 0 0 no-repeat transparent;
display:block;
margin:0 auto;
}
.capapotes{
min-height:212px;
background:#234450;
color:#FFF;
}
.capapotes .pagewidth{
width:540px;
text-align:center;
}
.capapotes h3{
color:#FFF;
margin-top:0;
margin-bottom:20px;
padding-top:20px;
line-height:40px;
}
.capapotes h3::before, .page-header h2::before, .resto-row h3::before, .container-menu .content h3::before,
.formules h3::before, .emporter-content h3::before, .producteur .description h3::before,
.container-sur-place .content h3::before, .container-a-emporter .content h3::before,
.actualites h3::before, section.uber .textes h3::before, .container-livraison-uber .content .textes h3::before,
section.traiteur .textes h3::before, .container-traiteur .textes h3::before,
.container-services .blog .item h3::before, .container-livraison-repas-en-entreprise .blog .item h3::before, .tarifs-informations h3::before,
.container-commandez-en-ligne .content h3::before{
content:'{';
color:#eec868;
font-size:40px;
}
.capapotes h3::after, .page-header h2::after, .resto-row h3::after, .container-menu .content h3::after,
.formules h3::after, .emporter-content h3::after, .producteur .description h3::after,
.container-sur-place .content h3::after, .container-a-emporter .content h3::after,
.actualites h3::after, section.uber .textes h3::after, .container-livraison-uber .content .textes h3::after,
section.traiteur .textes h3::after, .container-traiteur .textes h3::after,
.container-services .blog .item h3::after, .container-livraison-repas-en-entreprise .blog .item h3::after, .tarifs-informations h3::after,
.container-commandez-en-ligne .content h3::after{
content:'}';
color:#eec868;
font-size:40px;
}
.page-header h2::before, .page-header h2::after{
font-size:30px;
}
.actualites h3::before, .actualites h3::after{
font-size:70px;
}
.resto-row{
width:100%;
}
.resto-row h3::before, .resto-row h3::after, .producteur .description h3::before, .producteur .description h3::after{
font-size:20px;
}
.capapotes .bt-introtext::before{
content:'';
width:22px;
height:18px;
background:url('../images/guillemets.png') 0 0 no-repeat transparent;
display:inline-block;
}
.capapotes .bt-introtext::after{
content:'';
width:22px;
height:18px;
background:url('../images/guillemets.png') -22px 0 no-repeat transparent;
display:inline-block;
}
.capapotes p{
margin:0;
}
.bt-cs .bt-inner{
padding:0;
}
.bt-cs .bt-inner img{
outline:0;
border:0;
}
.bt-cs .bt-inner .bt-title{
text-align:center;
color:#000;
text-transform:none;
width:100%;
display:block;
}
.actualites #btcontentslider88 .bt_handles, .capapotes #btcontentslider91 .bt_handles{
bottom:8px!important;
right:50%!important;
width:100px;
text-align:center;
margin-right:-50px;
}
.capapotes #btcontentslider91 .bt_handles{
bottom:-15px!important;
}
.bt-cs .bt_handles li{
float:none;
display:inline-block;
}
.bt_handles li a{
width:10px;
height:10px;
background:#f3f3f4;
padding:0!important;
text-indent:-99999px;
border-radius:50%;
}
.bt_handles li.current a{
background:#eec869;
}
.page-header h1::before{
content:'';
height:4px;
width:65px;
display:inline-block;
background:#eec869;
margin-right:20px;
margin-bottom:10px;
}
.page-header h1::after{
content:'';
height:4px;
width:65px;
display:inline-block;
background:#eec869;
margin-left:20px;
margin-bottom:10px;
}
section.restaurants{
position:relative;
padding-bottom:50px;
}
.restomove, .livraisonmove{
background:url('../images/surplaceemporterlivraison.png') center center no-repeat transparent;
width:139px;
height:140px;
position:absolute;
top:100px;
left:50%;
margin-left:-70px;
}
.livraisonmove{
background:url('../images/livraison.png') center center no-repeat transparent;
}
.restomove2{
position:absolute;
right:10%;
top:50px;
}
.resto-row{
clear:both;
height:320px;
width:100%;
overflow:hidden;
position:relative;
}
.resto-row h3{
font-size:20px;
color:#58585a;
}
.resto-row h4{
font-family:journalregular, arial, tahoma, sans-serif;
color:#234450;
font-size:30px;
font-weight:normal;
line-height:30px;
margin-top:0;
}
.resto-text{
color:#58585a;
text-align:center;
display: flex;
height: 320px;
justify-content: center;
align-items: center;
}
.pull-left{
float:left;
}
.pull-right{
float:right;
}
section.equipe, section.producteurs{
position:relative;
background:#234450;
color:#FFF;
padding-bottom:10px;
}
.equipe .pagewidth{
position:relative;
}
.equipe-img-s{
display:none;
}
.equipe .floriane{
position:absolute;
right:190px;
top:100px;
}
.equipe .sarah{
position:absolute;
left:-20px;
top:200px;
}
.equipe .ghislain{
position:absolute;
left:105px;
top:80px;
}
.equipe .freddy{
position:absolute;
right:0px;
top:180px;
}
.equipe .regina{
position:absolute;
left:-50px;
bottom:80px;
}
.equipe .stagiaire{
position:absolute;
left:90px;
bottom:-20px;
}
.equipe .cassandra{
position:absolute;
right:260px;
bottom:-30px;
}
.equipe .gwenaelle{
position:absolute;
right:-40px;
bottom:140px;
}
section.producteurs{
padding-bottom:0;
margin-bottom:-5px;
}
section.producteurs .pagewidth, .container-producteurs .content .pagewidth{
width:100%;
max-width:1350px;
}
.producteur{
position:relative;
width:25%;
}
.producteur .description{
position:absolute;
bottom:0;
visibility:hidden;
text-align:center;
color:#FFF;
font-size:12px;
width:100%;
padding-top:10px;
padding-bottom:10px;
background:url('../images/fond-producteur.png') center center repeat transparent;
}
.producteur .description h3{
font-size:22px;
color:#FFF;
text-align:center;
text-transform:none;
}
.famille{
position:absolute;
top:20px;
right:50%;
margin-right:-280px;
}
.producteurs h1{
margin-bottom:50px;
}
.masque{
position:absolute;
top:0;
width:100%;
}
.ligne-prod{
display:flex;
flex-wrap:wrap;
margin-top:-5px;
align-items: stretch;
}
.producteur:hover > .masque{
display:none;
}
.producteur:hover > .description{
visibility:visible;
}
.contact-bottom{
position:relative;
color:#234450;
background:#FFF;
}
.container-menu .content h3, .container-sur-place .content h3{
color:#FFF;
font-size:26px;
margin:0 auto;
position:relative;
display:block;
width:370px;
margin-bottom:0;
padding-top:10px;
}
.container-menu .content h3::before, .container-menu .content h3::after, 
.container-sur-place .content h3::before, .container-sur-place .content h3::after{
font-size:40px;
position:absolute;
top:0;
}
.container-menu .content h3::before, .container-sur-place .content h3::before{
left:0px;
}
.container-menu .content h3::after, .container-sur-place .content h3::after{
right:0px;
}
.container-menu .content h4, .container-sur-place .content h4, .mois-elements h4,
.container-services .content h4{
text-transform:uppercase;
font-size:18px;
text-align:center;
font-weight:normal;
margin-top:0;
}
.container-services .content h4, .container-livraison-repas-en-entreprise .content h4{
color:#FFF;
}
.semaine .jour h3{
color:#eec868;
width:100%;
margin-bottom:30px;
}
.container-services .content  .semaine .jour h3, .container-livraison-repas-en-entreprise .content .semaine .jour h3{
margin-bottom:30px;
text-align:center;
color:#234450;
font-size:26px;
text-transform:uppercase;
}
.semaine .jour h3::before, .semaine .jour h3::after{
display:none;
}
.container-menu .content .element, .container-sur-place .content .element, 
.container-services .content .element, .container-livraison-repas-en-entreprise .content .element{
width:270px;
padding-left:30px;
padding-right:30px;
}
.container-menu .content .semaine, .container-sur-place .content .semaine,
.container-services .content .semaine, .container-livraison-repas-en-entreprise .content .semaine{
padding-top:30px;
position:relative;
}
.slide-btn{
position:absolute;
top:50%;
height:50px;
width:50px;
display:block;
margin-top:-25px;
z-index:100;
cursor:pointer;
background:url('../images/btn-slide.png') 0 0 no-repeat transparent;
}
.container-services .slide-btn, .container-livraison-repas-en-entreprise .slide-btn{
background:url('../images/btn-slide-b.png') 0 0 no-repeat transparent;
}
.slide-btn-prev{
left:-50px;
}
.slide-btn-next{
right:-50px;
background-position:-50px 0;
}
.container-services .slide-btn-next, .container-livraison-repas-en-entreprise .slide-btn-next{
background-position:-50px 0;
}
.container-menu .content .semaine .centre, .container-sur-place .content .centre{
border-left:2px solid #efc868;
border-right:2px solid #efc868;
}
.container-services .content .semaine .centre, .container-livraison-repas-en-entreprise .content .semaine .centre{
border-left:2px solid #fff;
border-right:2px solid #fff;
}
.container-menu .content .element ul, .container-sur-place .content .element ul,
.container-services .content .element ul, .container-livraison-repas-en-entreprise .content .element ul{
padding:0;
list-style:none;
}
.container-menu .content .element ul li, .container-sur-place .content .element ul li,
.container-services .content .element ul li, .container-livraison-repas-en-entreprise .content .element ul li{
position:relative;
padding-left:10px;
}
.container-menu .content .element li::before, .container-sur-place .content .element li::before,
.container-services .content .element li::before, .container-livraison-repas-en-entreprise .content .element li::before{
content:'>';
color:#efc868;
position:absolute;
left:0;
top:0;
}
.container-services .content .element li::before, .container-livraison-repas-en-entreprise .content .element li::before{
color:#FFF;
}
section.formules{
position:relative;
padding-top:50px;
padding-bottom:50px;
}
section.formules ul{
display:flex;
flex-wrap:wrap;
list-style:none;
justify-content:center;
}
section.formules ul li{
margin:20px;
width:250px;
}
.formules-left, .formules-right{
width:50%;
float:left;
}
.formules-left .pagewidth, .formules-right .pagewidth{
width:500px;
margin:0;
}
.formules-left .pagewidth, .formules-right .pagewidth, .formule-liv .formule{
text-align:center;
text-transform:uppercase;
color:#234450;
}
.formules-left .pagewidth{
float:right;
position:relative;
}
.formules-right .pagewidth{
position:relative;
}
.formules-left .formule h3, .emporter-content h3, .container-a-emporter .content h3{
font-size:30px;
margin-bottom:10px;
}
.formule .prix, .menu-enfant .prix{
display:block;
width:100px;
height:100px;
background:url('../images/formule-prix.png') 0 0 no-repeat transparent;
position:absolute;
right:70px;
top:60px;
}
.formule-liv .formule .prix{
width:125px;
height:125px;
background:url('../images/livraison-prix.png') 0 0 no-repeat transparent;
position:absolute;
right:-100px;
}
.formules-right .formule .prix{
right:30px;
top:0px;
}
.formules-left .formule-bocaux1 .prix{
background-position: -100px 0;
}
.formules-left .formule-bocaux2 .prix{
top:-20px;
background-position: -200px 0;
}
.formules-right .formule-1 .prix{
background-position: -300px 0;
}
.formules-right .formule-2 .prix{
background-position: -400px 0;
}
.formule-liv .formule-2 .prix{
background-position: -125px 0;
}
.menu-enfant .prix{
background-position: -500px 0;
top:0;
right:0;
}
.formules-left .formule h3::before{
content:'';
display:block;
width:140px;
height:60px;
background:url('../images/formule-picto.png') 0 0 no-repeat transparent;
margin:0 auto;
}
.formules-left .formule-bagel{
border-bottom:4px solid #FFF;
}
.formules-left .formule-bagel, .formules-left .formule-bocaux1, .formules-left .formule-bocaux2{
border-right:2px solid #efc868;
}
.formules-left .formule-bagel h3::before{
background-position:-140px 0;
}
.formules-left .formule-bocaux2{
background:#FFF;
}
.formules-left .formule h3::after{
content:'';
}
.formules h3{
font-size:26px;
}
.formules h3::before, .formules h3::after{
font-size:30px;
}
.formules-left .formule p::before, .formules-right .formule p::before, .formules-right .menu-enfant p::before,
.formule-liv .formule p::before{
content:'';
display:block;
width:190px;
height:80px;
background:url('../images/formule-menu.png') 0 0 no-repeat transparent;
margin:0 auto;
}
.formules-left .formule-bocaux1 p::before, .formules-right .formule-1 p::before, .formule-liv .formule-1 p::before{
background-position:0 -80px;
}
.formules-left .formule-bocaux2 p::before, .formules-right .formule-2 p::before, .formule-liv .formule-2 p::before{
background-position:0 -160px;
}
.formules-right .menu-enfant p::before{
background-position:0 -240px;
}
.formules-right .formule-1{
padding-top:20px;
padding-bottom:30px;
}
.formules-right .formule-2{
background:#FFF;
padding-top:20px;
padding-bottom:70px;
}
.formules-right .menu-enfant{
background:#efc868;
padding-top:20px;
padding-bottom:40px;
position:absolute;
bottom:0;
width:100%;
}
.formules-right .menu-enfant h3::before, .formules-right .menu-enfant h3::after{
color:#FFF;
}
.emporter{
background:#234450;
padding-bottom:50px;
color:#FFF;
}
.emporter-top{
background:#234450;
height:230px;
}
.emporter-top .pagewidth{
position:relative;
}
.telecharger{
position:absolute;
top:-40px;
right:0;
}
.container-a-emporter .page-header h1{
padding-bottom:110px;
}
.container-a-emporter .articleBody{
background:#f3f3f4;
height:340px;
}
.emporter-content, .container-a-emporter .articleBody{
border-bottom:45px solid #234450;
}
.emporter-content .formule .prix, .container-a-emporter .formule .prix{
width:130px;
height:130px;
display:block;
position:absolute;
top:-120px;
left:50%;
margin-left:-65px;
background:url('../images/emporter-prix.png') 0 0 no-repeat transparent;
}
.emporter-content .jackpotes .prix, .container-a-emporter .jackpotes .prix{
background-position:0 -130px;
}
.emporter-content .ptitpotes .prix, .container-a-emporter .ptitpotes .prix{
background-position:0 -260px;
}
.emporter-content .formule, .container-a-emporter .formule{
width:330px;
text-align:center;
text-transform:uppercase;
color:#234450;
font-size:14px;
position:relative;
}
.emporter-content .jackpotes, .container-a-emporter .jackpotes{
border-left:1px solid #FFF;
border-right:1px solid #FFF;
}
.emporter-content .formule .detail, .container-a-emporter .formule .detail{
display:flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.emporter-content .formule .detail::before, .container-a-emporter .formule .detail::before{
content:'';
display:block;
width:320px;
height:120px;
background:url('../images/emporter-menu.png') 0 0 no-repeat transparent;
margin:0 auto;
}
.emporter-content .jackpotes .detail::before, .container-a-emporter .jackpotes .detail::before{
background-position:0 -120px;
}
.emporter-content .ptitpotes .detail::before, .container-a-emporter .ptitpotes .detail::before{
background-position:0 -240px;
}
.emporter-content .formule h4, .container-a-emporter .formule h4{
color:#eec868;
font-family: avilabold-display, arial, tahoma, sans-serif;
font-weight:normal;
font-size:20px;
text-align:center;
width:70px;
}
.emporter-content .pagewidth{
position:relative;
}
.emporter-content .consigne, .container-a-emporter .consigne{
width:100%;
text-align:left;
color:#9d9d9c;
text-transform:uppercase;
position:absolute;
line-height:45px;
bottom:-45px;;
}
.container-a-emporter .consigne{
bottom:0;
}
.container-services .content{
background:#eec869;
color:#234450;
}
.formule-liv{
width:830px;
margin:0 auto;
}
.formule-liv .formule{
background:#FFF;
width:240px;
position:relative;
border-radius:10px;
padding-top:5px;
padding-bottom:5px;
float:left;
margin-left:120px;
margin-bottom:20px;
}
.formule-liv .formule h3{
margin-top:0;
}
.container-services .content .page-header h1, .container-livraison-repas-en-entreprise .page-header h1{
color:#234450;
padding-top:40px;
}
.container-services .content .page-header h1::before, .container-services .content .page-header h1::after, 
.container-livraison-repas-en-entreprise .page-header h1::before, .container-livraison-repas-en-entreprise .page-header h1::after{
background:#234450;
}
.container-services .blog .item h3, .container-livraison-repas-en-entreprise .blog .item h3{
color:#FFF;
margin-bottom:0;
}
.container-services .blog .item h3::before, .container-livraison-repas-en-entreprise .blog .item h3::before,
.container-services .blog .item h3::after, .container-livraison-repas-en-entreprise .blog .item h3::after{
color:#FFF;
}
.container-services .content .item, .container-livraison-repas-en-entreprise .content .item{
padding-bottom:40px;
border-bottom:2px solid #234450;
}
.container-services .content .items-leading, .container-livraison-repas-en-entreprise .content .items-leading{
padding-top:40px;
}
.container-services .content .page-header h1,
section.uber .page-header h1, .container-livraison-uber .content .page-header h1{
margin-bottom:0;
}
.container-services .content .page-header h2,
section.uber .page-header h2, .container-livraison-uber .content .page-header h2{
margin-top:0;
font-family: journalregular, arial, tahoma, sans-serif;
font-size:47px;
text-transform:none;
}
.container-services .content .page-header h2::before, .container-services .content .page-header h2::after,
section.uber .page-header h2::before, .container-livraison-uber .content .page-header h2::before,
section.uber .page-header h2::after, .container-livraison-uber .content .page-header h2::after{
display:none
}
.container-services .content .leading::before, .container-livraison-repas-en-entreprise .leading::before{
content:'';
display:block;
width:120px;
height:120px;
background:url('../images/livraison-picto.png') 0 0 no-repeat transparent;
margin:0 auto;
margin-bottom:40px;
}
.container-services .leading-1::before, .container-livraison-repas-en-entreprise .leading-1::before{
background-position:0 -120px!important;
}
.container-services .leading-2::before, .container-livraison-repas-en-entreprise .leading-2::before{
background-position:0 -240px!important;
}
.container-services .leading-3::before, .container-livraison-repas-en-entreprise .leading-3::before{
background-position:0 -360px!important;
}
section.uber, .container-livraison-uber .content, section.hotels, .container-hotels-campings .content{
background:#234450;
color:#FFF;
padding-bottom:50px;
}
.container-traiteur .content{
background:#f3f3f4;
}
section.uber .pagewidth, .container-livraison-uber .content .pagewidth, section.traiteur .pagewidth, 
.container-traiteur .content .pagewidth, .container-commandez-en-ligne .content .pagewidth{
width:900px;
}
section.uber .page-header h2, .container-livraison-uber .content .page-header h2{
color:#eec869;
margin-left:200px;
}
section.uber .textes, .container-livraison-uber .content .textes,
section.uber .photo, .container-livraison-uber .content .photo,
.container-commandez-en-ligne .content .emporter, .container-commandez-en-ligne .content .domicile{
width:50%;
float:left;
text-align:center;
}
section.uber .textes h3, .container-livraison-uber .content .textes h3, .container-commandez-en-ligne .content h3{
color:#FFF;
margin-top:0;
}
section.traiteur, .container-traiteur .content{
padding-bottom:50px;
}
section.traiteur h1{
color:#234450;
}
section.traiteur ul, .container-traiteur ul{
padding:0;
display:flex;
justify-content:space-between;
list-style:none;
}
section.traiteur ul li, .container-traiteur ul li{
margin:10px;
}
section.traiteur .photo, .container-traiteur .photo{
width:500px;
float:left;
}
section.traiteur .textes, .container-traiteur .textes{
width:400px;
height:711px;
float:right;
color:#234450;
text-align:center;
position:relative;
}
section.traiteur .textes p, .container-traiteur .textes p{
margin-bottom:50px;
}
.devis{
position:absolute;
left:-50px;
bottom:150px;
}
section.traiteur .textes h3, .container-traiteur .textes h3{
font-size:20px;
}
section.traiteur .textes h3::before, .container-traiteur .textes h3::before,
section.traiteur .textes h3::after, .container-traiteur .textes h3::after{
font-size:30px;
}
section.traiteur .textes h2, .container-traiteur .textes h2{
position:absolute;
width:100%;
font-size:36px;
bottom:0;
line-height:30px;
}
section.gms, .container-gms .content{
background:#eec869;
color:#234450;
padding-bottom:50px;
}
section.gms h1, .container-gms .content h1{
color:#234450;
padding-bottom:50px;
}
section.gms h1::before, section.gms h1::after,
.container-gms .content h1::before , .container-gms .content h1::after{
background:#234450;
}
section.gms h2, .container-gms .content h2{
font-size:40px;
color:#234450;
margin-top:0px;
}
section.gms .photo, .container-gms .content .photo{
width:50%;
float:left;
}
section.gms .textes, .container-gms .content .textes{
width:50%;
float:right;
text-align:center;
}
section.hotels .pagewidth, .container-hotels-campings .content .pagewidth{
text-align:center;
position:relative;
}
.avantages div{
width:180px;
}
.avantages div::before, .design::before{
content:'';
display:block;
width:133px;
height:133px;
background:url('../images/hotels-campings.png') 0 0 no-repeat transparent;
margin:0 auto;
}
.avantages div.dluo::before{
background-position: -133px 0;
}
.avantages div.maison::before{
background-position: -266px 0;
}
.avantages div.tarifs::before{
background-position: -399px 0;
}
.avantages div.dispo::before{
background-position: -532px 0;
}
.design{
width:50%;
float:left;
color:#efc85e;
}
.tarifs-informations{
width:50%;
float:right;
}
.tarifs-informations div{
background:#FFF;
border-radius:10px;
color:#234450;
padding-top:20px;
padding-bottom:10px;
width:250px;
position:relative;
margin-top:80px;
}
.tarifs-informations a{
color:#234450;
}
.tarifs-informations h3{
font-size:23px;
margin-top:0;
margin-bottom:0;
text-align:center;
line-height:23px;
}
.tarifs-informations h3::before{
position:absolute;
left:10px;
top:30px;
font-size:50px;
}
.tarifs-informations h3::after{
position:absolute;
right:10px;
top:30px;
font-size:50px;
}
.design::before{
background-position: -665px 0;
}
.brochure{
position:absolute;
right:50px;
bottom:100px;
}
.plan{
width:59%;
float:left;
height:500px;
}
.formulaire{
width:40%;
float:right;
padding-top:0px;
position:relative;
overflow:hidden;
}
.formulaire .trait{
position:absolute;
width:100%;
height:2px;
background:#eec869;
right:-210px;
top:56px;
}
.formulaire h3{
font-family: open_sansregular, arial, tahoma, sans-serif;
font-size:30px;
text-align:left;
position:relative;
padding-left:70px;
line-height:55px;
}
.formulaire h3::before{
content:'';
width:55px;
height:55px;
background:url('../images/titre-picto.png') -55px 0 no-repeat transparent;
display:block;
position:absolute;
left:0;
top:0;
}
.formulaire .pagewidth{
width:380px;
margin:0;
}
.formulaire h4{
margin-bottom:0;
font-weight:normal;
color:#eec869;
}
.formulaire p{
margin-top:0;
}
.formulaire a{
color:#234450;
font-weight:bold;
}
.visform label{
width:100%;
}
form#mod-visform1 div.required > label.visCSSlabel::after, form#mod-visform1 div.required > label.vflocationlabel::after {
display:none;
}
.visform input, .visform textarea{
background:#ededed;
border:0;
color:#234450;
font-family: open_sansregular, arial, tahoma, sans-serif;
font-size:16px;
line-height:22px;
padding:2px;
padding-left:4px;
margin-top:5px;
}
.visform .field1, .visform .field2{
width:50%;
float:left;
}
.visform .field1 input, .visform .field2 input{
width:175px;
}
.visform .field2 label, .visform .field2 input{
margin-left:10px;
}
.visform .field3 input{
width:376px;
}
.visform .field5{
position:relative;
}
.visform .field5 label{
font-size:10px;
margin-left:30px;
width:352px;
}
.visform .field5 input{
position:absolute;
top:7px;
left:0;
}
.visform textarea{
height:150px;
width:376px;
}
.visform .visBtnCon{
float:right;
}
.visform .visBtnCon input{
cursor:pointer;
background:#FFF;
text-transform:uppercase;
font-family: avilabold-display, arial, tahoma, sans-serif;
font-size:14px;
text-align:center;
padding:0;
}
.visform .visBtnCon::before{
content:'{';
font-size:20px;
color:#eec868;
margin-right:5px;
}
.visform .visBtnCon::after{
content:'}';
font-size:20px;
color:#eec868;
}
.visform input.error, .visform textarea.error{
border:0!important;
background:#FF0000;
color:#FFF;
}
.visform .required{
position:relative;
}
p.errorcontainer{
position:absolute;
top:-50px;
right:12px;
}
p.errorcontainer::after{
border-top:12px solid #242d55;
}
label.error{
background-color:#242d55;
}
.copyright {
width:100%;
text-align:center;
background:#191617;
color:#FFF;
line-height:40px;
font-size:14px;
position:relative;
clear:both;
}
.copyright a{
color:#FFF;
}
.copyright a:hover{
color:#fff;
}
/*administration*/
ul#com-content-formTabs, .tab-content #publishing, .tab-content #language, .tab-content #metadata, 
.tab-content #images, .container-ajouter-un-article .tab-content #images{
display:none;
}
#com-content-formContent .control-label, #com-content-formContent .controls{
display:inline;
}
#com-content-formContent .control-group{
margin-bottom:10px;
}
.container-admin fieldset{
width:500px;
margin:0 auto;
text-align:center;
}
.container-admin .control-group input{
padding:5px;
}
.container-admin .control-group{
margin-right:20px;
}
.container-admin .control-group button{
background:#eec869;
padding:10px;
border:0;
color:#fff;
margin:0 auto;
cursor:pointer;
}
.item-page .icons, .items-leading  .icons{
position: absolute;
right: 0;
z-index: 100;
top: 20px;
}
.container-livraison-repas-en-entreprise .item .icons{
position:absolute;
width:100%;
z-index:100;
}
.icons .dropdown-toggle{
display:none;
}
.container-actualites .blog, .container-ca-papotes .blog{
padding-top:20px;
}
.container-actualites .blog .item{
margin-bottom:80px;
}
.container-actualites .blog .item img{
max-width:390px;
}
ul.dropdown-menu{
padding:0;
margin:0;
list-style:none;
padding-top:20px;
}
ul.dropdown-menu .edit-icon a, .btn-toolbar button, a.btsupp{
background:#eec869;
color:#FFF;
font-size:12px;
padding:5px;
border:1px solid #FFF;
}
.btn-toolbar .btn-group{
float:left;
margin-right:10px;
margin-top:10px;
}
.btn-toolbar button{
font-size:16px;
border:0;
cursor:pointer;
}
#editor-xtd-buttons{
display:none;
}
.btn-deconnect{
position:fixed;
top:0;
right:0;
z-index:1000;
}
input#jform_images_image_fulltext{
border:1px solid #000;
padding:10px;
}
.input-prepend a.btn{
background:#131f43;
color:#FFF;
padding:5px;
}
.list-slider div{
display:inline-block;
width:188px;
border:1px solid #000;
}
.list-slider div.img-select{
border:2px solid green;
}
#single_debug-lbl, #single_debug{
display:none;
}
#scrolldown{
position:absolute;
left:50%;
top:50%;
margin-top:-21px;
margin-left:-21px;
}
#scrollup {
bottom: 50px;
opacity:0;
position: fixed;
right: 20px;
z-index: 200;
}
#scrollup a, #scrolldown a {
background: transparent;
border: 2px solid #eec869;
border-radius: 50%;
color: #eec869;
display: block;
font-size: 16px;
height: 43px;
line-height: 40px;
text-align: center;
width: 43px;
}
#scrollup a:hover, #scrolldown a:hover {
background: #eec869 none repeat scroll 0 0;
color: #fff;
}
.fa-angle-double-left:before{
content:"\f100";
}
.fa-angle-double-right:before{
content:"\f101";
}
.fa-angle-left:before{
content:"\f104";
}
.fa-angle-right:before{
content:"\f105";
}
.fa-search:before{
content:"\f002";
}
.fa-angle-up:before {
content: "\f106";
font-size:20px;
}
.fa-angle-down:before {
content: "\f107";
font-size:20px;
}
.fa-caret-down:before {
content: "\f0d7";
font-size:10px;
margin-left:5px;
}
.fa, .icon-calendar, .icon-edit, .icon-trash, .icon-duplic{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#jform_date_btn{
color:#000;
cursor:pointer;
}
.icon-calendar:before{
content:"\f133";
}
.icon-duplic:before{
content:"\f0c5";
}
.icon-edit:before{
content:"\f044";
}
.icon-trash:before{
content:"\f056";
}
.elementC{
position:absolute;
top:400px;
left:0;
opacity:0;
}
.compose-2{
top:0;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:hidden;
}
@-webkit-keyframes slideInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInTop {
  0% {
    opacity: 0;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInTop {
-webkit-animation-name: slideInTop;
animation-name: slideInTop;
visibility:visible;
}
.slideInTopOut {
-webkit-animation-name: slideInTopOut;
animation-name: slideInTopOut;
}
@-webkit-keyframes slideInTopOut {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
  }
}
@keyframes slideInTopOut {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px);
  }
}

@-webkit-keyframes slideInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInBottom {
-webkit-animation-name: slideInBottom;
animation-name: slideInBottom;
visibility:visible;
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
visibility:visible;
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
  }
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
visibility:visible;
}
@-webkit-keyframes flipInX{
	0%{
		opacity:0;
		-webkit-transform:perspective(400px) rotateX(90deg);
		transform:perspective(400px) rotateX(90deg);
	}
	40%{
		-webkit-transform:perspective(400px) rotateX(-10deg);
		transform:perspective(400px) rotateX(-10deg);
	}
	70%{
		-webkit-transform:perspective(400px) rotateX(10deg);
		transform:perspective(400px) rotateX(10deg);
	}
	100%{
		-webkit-transform:perspective(400px) rotateX(0deg);
		transform:perspective(400px) rotateX(0deg);
		opacity:1
	}
}
@keyframes flipInX{
	0%{
		opacity:0;
		-webkit-transform:perspective(400px) rotateX(90deg);
		-ms-transform:perspective(400px) rotateX(90deg);
		transform:perspective(400px) rotateX(90deg);
		
	}
	40%{
		-webkit-transform:perspective(400px) rotateX(-10deg);
		-ms-transform:perspective(400px) rotateX(-10deg);
		transform:perspective(400px) rotateX(-10deg);
		}
	70%{
		-webkit-transform:perspective(400px) rotateX(10deg);
		-ms-transform:perspective(400px) rotateX(10deg);
		transform:perspective(400px) rotateX(10deg);
		}
	100%{
		-webkit-transform:perspective(400px) rotateX(0deg);
		-ms-transform:perspective(400px) rotateX(0deg);
		transform:perspective(400px) rotateX(0deg);
		opacity:1;
	}
}
.flipInX{
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInX;
animation-name:flipInX;
visibility:visible;
}
@-webkit-keyframes flipInY{
	0%{
		opacity:0;
		-webkit-transform:perspective(400px) rotateY(90deg);
		transform:perspective(400px) rotateY(90deg);
	}
	40%{
		-webkit-transform:perspective(400px) rotateY(-10deg);
		transform:perspective(400px) rotateY(-10deg);
	}
	70%{
		-webkit-transform:perspective(400px) rotateY(10deg);
		transform:perspective(400px) rotateY(10deg);
	}
	100%{
		-webkit-transform:perspective(400px) rotateY(0deg);
		transform:perspective(400px) rotateY(0deg);
		opacity:1;
	}
}
@keyframes flipInY{
	0%{
		opacity:0;
		-webkit-transform:perspective(400px) rotateY(90deg);
		-ms-transform:perspective(400px) rotateY(90deg);
		transform:perspective(400px) rotateY(90deg);
	}
	40%{
		-webkit-transform:perspective(400px) rotateY(-10deg);
		-ms-transform:perspective(400px) rotateY(-10deg);
		transform:perspective(400px) rotateY(-10deg);
	}
	70%{
		-webkit-transform:perspective(400px) rotateY(10deg);
		-ms-transform:perspective(400px) rotateY(10deg);
		transform:perspective(400px) rotateY(10deg);
	}
	100%{
		-webkit-transform:perspective(400px) rotateY(0deg);
		-ms-transform:perspective(400px) rotateY(0deg);
		transform:perspective(400px) rotateY(0deg);
		opacity:1;
	}
}
.flipInY{
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInY;
animation-name:flipInY;
visibility:visible;
}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.bounceInDown{
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown;
visibility:visible;
}
@-webkit-keyframes bounceInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
		transform:translateX(-2000px);
	}
	60%{
		opacity:1;
		-webkit-transform:translateX(30px);
		transform:translateX(30px);
	}
	80%{
		-webkit-transform:translateX(-10px);
		transform:translateX(-10px);
	}
	100%{
		-webkit-transform:translateX(0);
		transform:translateX(0);
	}
}
@keyframes bounceInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-2000px);
		-ms-transform:translateX(-2000px);
		transform:translateX(-2000px);
	}
	60%{
		opacity:1;
		-webkit-transform:translateX(30px);
		-ms-transform:translateX(30px);
		transform:translateX(30px);
	}
	80%{
		-webkit-transform:translateX(-10px);
		-ms-transform:translateX(-10px);
		transform:translateX(-10px);
	}
	100%{
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
}
.bounceInLeft{
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
visibility:visible;
}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.bounceInRight{
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight;
visibility:visible;
}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.bounceInUp{
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp;
visibility:visible;
}
.fadeIn{
-webkit-animation: fadeInFromNone 0.5s ease-out;
-moz-animation: fadeInFromNone 0.5s ease-out;
-o-animation: fadeInFromNone 0.5s ease-out;
animation: fadeInFromNone 0.5s ease-out;
visibility:visible;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {

        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.fadeOut{
-webkit-animation: fadeOutFromNone 0.5s ease-out;
-moz-animation: fadeOutFromNone 0.5s ease-out;
-o-animation: fadeOutFromNone 0.5s ease-out;
animation: fadeOutFromNone 0.5s ease-out;
}

@-webkit-keyframes fadeOutFromNone {
    0% {
        opacity: 1;
    }

    1% {
        opacity: 1;
    }

    100% {

        opacity: 0;
    }
}

@-moz-keyframes fadeOutFromNone {
    0% {
        opacity: 1;
    }

    1% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOutFromNone {
    0% {
        opacity: 1;
    }

    1% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadOutFromNone {
    0% {
        opacity: 1;
    }

    1% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@-webkit-keyframes shadowPulse {
    0% {
          box-shadow: 0 0 5px 0 rgba(255,255,255, 0.4);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
     }
}

@-moz-keyframes shadowPulse {
    0% {
          box-shadow: 0 0 5px 0 rgba(255,255,255, 0.4);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
     }
}

@-o-keyframes shadowPulse {
    0% {
          box-shadow: 0 0 5px 0 rgba(255,255,255, 0.4);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
     }
}
@keyframes shadowPulse {
     0% {
          box-shadow: 0 0 5px 0 rgba(255,255,255, 0.4);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
     }
}

.full_image, .waiting{
background-color:rgba(0, 0, 0, 0.5);
position:fixed;
display:none;
width:100%;
height:100%;
z-index:400;
top:0;
left:0;
}
.image_loading{
position:absolute;
display:none;
top:50%;
left:50%;
margin:-35px 0px 0px -35px;
background:#fff url(../images/loader.gif) no-repeat center center;
width:70px;
height:70px;
z-index:9999;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow:1px 1px 3px #000;
-webkit-box-shadow:1px 1px 3px #000;
box-shadow:1px 1px 3px #000;
opacity:0.7;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.img_close{
width:40px;
height:40px;
background-image:url("../images/fermer.png");
background-repeat: no-repeat;
background-position: center center;
position:absolute;
top:-20px;
right:-30px;
cursor:pointer;
z-index:400;
}
.img_full{
position:fixed;
top:150%;
left:50%;
z-index:300;
}
.img_full img{
position:absolute;
top:0px;
left:0px;
border:10px solid #fff;
-moz-box-shadow:1px 1px 7px #000;
-webkit-box-shadow:1px 1px 7px #000;
box-shadow:1px 1px 7px #000;
}
.img_previous, .img_next{
width:54px;
height:200px;
background:url("../images/btn-navig.png") no-repeat 0 0 transparent;
position:fixed;
top:50%;
margin-top:-100px;
cursor:pointer;
z-index:400;
}
.img_previous{
left:1%;
}
.img_next{
right:1%;
background-position:-54px 0;
}
.wait_text{
position: absolute;
color: #FFF;
text-align: center;
width: 100%;
top: 30%;
}
a.suppimg{
display:block;
position:absolute;
top:0;
right:0;
width:20px;
height:20px;
background:url('../images/icon_delete.png') center center no-repeat transparent;
}
.jg_pathway, .jg_back, .jg_mygal, .jg_gallerystats, .jg_poweredbydiv, #single_imgtext-lbl, #single_imgtext, 
#single_imgauthor-lbl, .jg-uploader, #single_published-lbl, #single_published{
display:none;
}
.calendar-container{
color:#000;
}
.center a{
color:#234450;
background:#eec869;
padding:2px;
display:inline-block;
margin-right:5px;
}
#form-menu textarea{
width:350px;
height:150px;
}
#form-menu button.validate, #form-menu a.btn, a.addbtn{
color:#234450;
background:#eec869;
border:0;
padding:10px;
font-size:16px;
margin-top:10px;
margin-right:10px;
cursor:pointer;
}
@media screen and (max-width: 1024px) {
	.parallax-section{
	display:none;
	}
	.no-parallax-section{
	display:block;
	position:relative;
	height:60%!important;
	min-height:60%!important;
	background-position:center center;
	-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;
	background-repeat:repeat-y;
	overflow:hidden;
	}
}
/**end file***/