/*
 * Kameleo T2 Template Graphical configuration
 */
 
/* default values */

html {
	height: 100%;
}

body {

	/* 
		define the font of the page here:
		(linehgiht, color, size etc... You can specify the font for the titles later)
	*/
	
	font-family: 'PT Sans', sans-serif;
    font-size: 15px; /* Better to use % here and then EM in content but you could use PX, PT, % or EM */
    line-height: 20px; /* Better to use PX here but you could use PX, PT, % or EM */
    width:100%;
    /* font color */
    color: #333333;
    height: 100%;
    
    background: url(../../uploads/images/photo_fond_site/photo_background.jpg) top center no-repeat;
    background-size:cover;
    background-attachment: fixed;
}

/* specify additional backgrounds here */

div#w0 {
    height: 100%;
}

div#w1 {
    height: 100%;
}

div#w2 {
    height: 100%;
	/*background: transparent url(../img/bg_bottom.png) center bottom repeat-x;
    uncomment if you want to set a footer image on all width of the browser */
}

div#w3 {
    height: 100%;
}

/*slider*/

/* Remove comment if you want to specify position and options of slider
.slider {
	width: 1200px;
	margin-left: -120px;
}

.nivo-controlNav {
    display: none;
}

.nivo-caption {
    display: none!important;
}

*/


h1, h2, h3 { /* Titles */
    font-style: normal;
    margin-bottom: 16px;
    font-family: 'Dosis', sans-serif;
    font-weight:300;

}

h1 { /* page title */
    font-size: 1.5em;
    letter-spacing: 0.1em;
    text-transform: none;
    text-align:center;
    text-transform: uppercase;
    color: #000;
    padding:45px 0px 60px;
    margin-bottom:0px;
   
}

.titre_slide{
	background: url("../img/titre_transparent.png") left top repeat;
	width:100%;
	padding-bottom:20px;
	position:relative;
}

.titre_slide a{ 
	background: url("../img/arrow_bottom.png") no-repeat scroll center center;
    display: block;
    margin: 0 auto 0px;
    
    position:absolute;
    top:40px;
    left:0;
    right:0;
    bottom:0;
    
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    60% {-webkit-transform:translate(0, 15px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    60% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}    
}
    


h2 { /* paragraph title */
   	color: #000;
    font-size: 2em;
    margin-bottom: 20px;
}

h3 { /* module title */
    font-size: 1.25em;
    margin:0;
}

div.c3 h1, div.c3 h2, div.c3 h3 { /* titles in the third (right) column */
    color: #00000;
    font-size: 1em;
}

/* underline / sous-ligni� / highlight */

u {
    color: #fff; /* couleur du texte */
    background: #152937; /* couleur de fond du highlight */
    text-decoration: none; 
    padding: 2px 5px 2px 5px; /* espacement */
}


/* global link color & style */

#cn a {
	/* replace underline by none if you want no line under the links */
    text-decoration: underline;
    transition: color 0.3s ease,
              background-position 0.5s ease; 
}

a:link {
	/* color of the links */
    color: #e798c2;
}

#content a.button {
    font-family: 'Dosis', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 10px;
    border-radius: 4px;
    background-color: #e798c2;
    color: #fff;
    text-decoration: none;
}

a:visited {
	/* color of the links once you have clicked on */
    color: #e798c2;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    /* color of the mouse hover, and active state (when you actually press the mouse bouton) */
    color: #e798c2;
    text-decoration: none;
}

/* paragraphs (block de contenu) */

p {
	margin:	0 0 12px 0; /* margin: top right bottom left; */
}

div.c3 p {
	color: #9c9c9c; /* color of third column paragraphs*/
}

div.object {
	margin: 0 0 20px 0; /* margin: top right bottom left; */
}

.c2 div.object.hasaccordion strong {
	text-transform: uppercase;
	font-size:1.2em;
	letter-spacing:0.05em;
	display:block;
	padding:10px 0px;
}

.c2 div.object >div{
	width:660px;
	margin:0px auto;
}

/* accordion */


div#bd div.c2 .accordion div.object{
	border-bottom:none;
	padding-bottom: 0px;
	margin-bottom:0px;
}

div#bd div.c2 .accordion div.object div{
	padding:0px;
}

div#bd div.c2 .accordion div.object .content{
	padding:20px 0px 30px 10px;
}


.accordion div.object h2{
	padding:50px 10px;
	margin:0px;
	text-align:center;
	text-transform:uppercase;
	background-color:#edeef0;
	border-bottom:1px solid #fff;
}

.accordion div.object.odd h2{
	padding:50px 10px;
	margin:0px;
	margin-bottom:1px;
	text-align:center;
	
	-webkit-animation: openAccordion 5s; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s;
	
}

div#bd div.c2 .accordion div.object.open h2{
	background-color:#fff;
	padding-top:80px;
}

.accordion h2:hover{
	cursor: pointer; cursor: hand;
}



/* modules */

div.module {
	margin: 0 0 10px 0; /* margin: top right bottom left; */
}


/* langues */

ul#lang {/* liens vers les diff�rentes langues du site */
    float: right;
    height: 41px;
    width:75px;
    background: url(../img/lan.png) no-repeat; 
    padding: 0 21px;
}

ul#lang li{
    float: left;
    margin: 6px 3px;
    padding: 5px 6px;
}

ul#lang li a{
    text-decoration: none;
    font-size: 13px;
    color: #8d8a9c;
    font-weight: 400;
    padding-right: 1px;
    text-transform:uppercase;
}

ul#lang li a:hover{
    color: #a198d9;
}


/* structure */

/* header */
div#hd {
	background:none;
	margin: 0;
	height: 100%; /* height of your header image */
	min-width:0px;
	height:100%;
	position: relative;
    z-index: 10;
}

div#hd .cn{
	background: none;
	margin:0px auto;
	position:fixed;
	bottom:0;
	top:0;
}

.accroche{
	position:absolute;
	top:50%;

}

.accroche .object{
	font-family: 'Dosis', sans-serif;
	color: #FFF;
	font-weight:300;
	font-size: 3em;
    letter-spacing: 0.1em;
    text-transform: none;
    text-align:center;
    text-transform: uppercase;
    text-align:center;
    line-height:54px;
    
    position:fixed;
    left:50%;
    margin-left:-450px;
    width:600px;
}



/* content */
div#cn {
    min-height:0px;
    height:100%;
    margin-right:310px;
}

div.cn {
    background: transparent;
    width:100%;
    padding:0px;
}

div#bd{
	margin-top:-140px;
	position: relative;
    z-index: 50;
}


div#bd div#bd_bg{
	background: none; /* this images must be repeatable (usual name: "bd.png") */
	width:100%;
	margin:0px;
	padding:0px;
}

div#bd div.cn {
	background-color:#FFF;
	padding: 0px 0;	/* pushes the footer down*/
}

.cn #content {
    min-height:200px; /* specifies minimum height for the content all 3 lignes are important */
    height:auto !important;
	width:100%;
}


/* content zones */


div#bd div.c2{
	width:100%;
	float:none;
}

div#bd div.c2 div.wrap { /* content column styling */
	padding:50px 0px 70px;
}



div#bd div.c2 div.wrap img { /* style of all content images */
	border: none; /* border on image */
	float: none;

/*	border-radius: 6px;  
    -webkit-border-radius: 5px;
    -moz-border-radius: 6px; *//* round on border */
	
	margin: 2px 25px 20px 0;
}

div#bd div.c2 div.wrap .wrapimg{
	float: left;
}

div#bd div.c2 div.wrap .wrapobject{
	overflow: hidden;
}


/* navigation */

div#mainNavCt {
	width: auto;
	height: auto;
	position:absolute;
	left: 0;
	right:310px;
}

ul#mainNav {
	margin:0px;
	padding: 150px 0px 0px 0px;
	text-align: center;
	background: none;
}

ul#mainNav li {
	float: none;
	text-transform: none; /* puts all words in uppercase in main menu (change to none if you want lowcase) */
	display:inline-block;
	margin:0px 12px;
	position:relative;
}

ul#mainNav li a { /* style of the main navigation links */
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    float: none;
    font-size: 1.1em;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.07em;
    padding: 8px 0px 30px;
    text-decoration: none;
    text-transform: uppercase;
    padding-bottom:30px;
    opacity:0.7;
	background: url(../img/points_soulignement.png) left 65px no-repeat;
}

ul#mainNav li a:hover, ul#mainNav li.on a, ul#mainNav li.hover a {
	background-position: left 55px;
	opacity:1;
}

/* secNavigation */

ul#mainNav li ul { /* left column styling */
    position: absolute;
	padding:0 0 0px; /* spaceing: top right bottom left */
	margin: 0px; /* spaceing: top right bottom left */
	z-index:10;	
	width: 650px;
	left:0px;
	padding-top:10px;
}


#hd ul#mainNav li ul{
	background-color:transparent;
	margin:0px;
	padding-bottom:10px;
	text-align: left;
}

ul#mainNav li ul li, ul#mainNav li ul li.default { /* left column styling */
	padding: 0;
	float:none;
	border: none;
	background:none;
	display:inline-block;
	text-align:center;
	margin:0px;
}

ul#mainNav li ul li a { /* left column styling */
	text-decoration: none; /* means: no underline */
	line-height:20px;
	padding: 12px;
	margin: 0px 0px;
	width:auto;
	border:none!important;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size:0.944em;
	font-style: normal;
	color:#fff;
	background:transparent!important;
}

ul#mainNav li ul li:first-of-type a {
	padding-left: 0;
}

ul#mainNav li ul li a:hover, ul#mainNav li ul li.on a{
	color:#e798c2;
}


/* secNavigation old

div#hd ul#secNav { 
	margin-left: -10px;
	padding: 0;
	background: none;
	text-transform: none;
}

div#secNavCt {
	width: 920px;
	left: 0;
}

div#hd ul#secNav li{ 
	float:left;
}

div#hd ul#secNav li a { 
	text-decoration: none; 
	margin: 0 0 0 0; 
	padding: 5px 10px 3px ;
	height: 16px;
	color: #a0cc3a;
	font-size: 0.769em;
	text-transform: uppercase;
	font-weight: 100;
	background: none;
	width: auto;
	height: auto;
	display: block;
	float: none;
}

div#hd ul#secNav li a:hover, div#hd ul#secNav li a:active, div#hd ul#secNav li.on a {
	background: none;
	color: #9c9c9c;
}

*/

/* styling of the default contents (middle column)*/

/* lists */
div#bd div.c2 div.wrap ul {
	list-style-type: disc;
	margin: 0 0 0 15px;
}

div#bd div.c2 div.wrap ul ul {
	list-style-type: circle;
}

/* tables */
div#bd div.c2 div.wrap table {
	width: 100%;
}

div#bd div.c2 div.wrap table tr td {
	border: solid #e6e6e6;
	border-width: 0 0 1px 0;
	padding:15px 0px;
}

/* shop */

/*
.kProductInfos {
	background: url(../img/bg_shop.png) repeat-x;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.kProduct a:link p.price.action .action, .kProduct a:visited p.price.action .action, .kProductDetail p.price.action .action {
	color: #cc3b0a;
}

.kProductDetailMore{
	background: url(../img/bg_shop.png) repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.kProductInfos .reference {
	display: none;
}

.kProductInfos .specs {
	padding-right: 3px;
	margin: 0 0 6px 0;
}

.kProduct p.price{
	margin: 0;
}

a.button.kToScart {
	background: url(../img/buy_btn.png) no-repeat;
}

#kScart a.sCartOrder{
	background: url(../img/buy_btn.png) center top no-repeat ;
}

#kScart a.sCartOrder:hover{
	color: #A35D2E;
}

a.button.kToScart:hover {
	color: #A35D2E;
}
a.kButton.continue{
	background: url(../img/buy_btn.png) center top no-repeat ;
}
a.kButton.continue:hover{
	color: #A35D2E;
}
input.kButton.continue{
	background: url(../img/buy_btn.png) center top no-repeat ;
}
input.kButton.continue:hover{
	color: #A35D2E;
}
a.kButton.retour:hover {
	color: #A35D2E;
}
*/

/* footer */
div#ft {
 	width:310px; /* width of right column (minimum should usualy be around 240px)*/
    position:fixed;
    right:0px;
    background: url(../img/colonne_droite_bg.png) left top repeat;
    height:100%;
    top:0px;
    min-width:0px;
    z-index:20;
    overflow: auto;
}

div#ft div.cn{
	color:#FFF;
	padding:50px 35px 0px 25px;
	width:auto;
}


div#ft div.cn .object{
	text-align:right;
	background: url(../img/points_soulignement.png) right bottom no-repeat;
	padding-bottom:20px;
	margin-bottom:30px;
}

div#ft div.cn .object.first{
	margin-bottom:50px;
}

div#ft div.cn .object.first img{
	width:97px;
	height:auto;
}

div#ft div.cn .object h2{
	text-transform:uppercase;
	color:#fff;
	font-weight: 700;
	letter-spacing:0.05em;
}


div#ft div.cn .object.last{
	margin-bottom:50px;
}

/* logo */
strong#logo a {
	position: absolute;
	left: 50%; /* position in the header from the left (can use right to)*/
	
	top:30%;
	margin-left:-225px;
	padding: 140px 0 0 140px; /* height 0 0 width */
	background: url(../img/logo.png) no-repeat; /* url to your logo */
	position:fixed;
}

/** NEW home **/

.home .accroche{
	left:calc(50% - 295px);
	width: 540px;
	margin-left: -130px;
	margin-top: -87px;

	left: calc(50% - 155px);
    width: 280px;
    margin-left: -140px;
    margin-top: -87px;
}

#logo_restaurant{
	float: right;
}

#logo_restaurant, .home .accroche #logo{
	opacity: 1;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity  0.2s linear;
	-ms-transition: opacity  0.2s  linear;
	-o-transition: opacity  0.2s  linear;
	transition: opacity  0.2s  linear;	
}

#logo_restaurant:hover, .home .accroche #logo:hover{
	opacity: 0.5;
}

.home strong#logo a{
	background: url(../img/logo_baindesdames.png) no-repeat; /* url to your logo */
	padding: 140px 0 0 280px; /* height 0 0 width */
	background-position: left center;
	margin:0;
	top:0;
	left: 0;
	position: absolute;
}

.home .accroche span{
	display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 1px;
    font-family:'Dosis', sans-serif;
    display: block;
    margin-bottom: 24px;
}


/* logo kameleo & login */

div#copyright {
	margin: 0 0 0 20px;
	padding:0 ;
	font-size: .8em;
	color:#FFF;
	border: none;
	color: #fff;
	float:right;
}

div#loginAndPowered {
	padding: 0;
	margin-right: 0;
}

a#kPowered {
	padding: 14px 0 0 130px;
	background: transparent url(../../../../standards/img/login_w.png)  -31px top no-repeat;
}

div#ft div#kLogin {
	padding: 14px 0 0 30px;
	margin: 0;
	background: transparent url(../../../../standards/img/login_w.png) top left no-repeat;
}

div#kLogin:hover {
	background-color: rgba(0,0,0, .3);
	-moz-box-shadow: 0 0 5px rgba(255,255,255, .5); /* shadow on image */
	-webkit-box-shadow: 0 0 5px rgba(255,255,255, .5);
	box-shadow: 0 0 5px rgba(255,255,255, .5);
}


/** Version mobile **/

.mobile #logomobile a {
    background: url(../img/logo_mobile.png) center no-repeat; 
    padding: 70px 0 0 150px;
  	margin-left: 0px;
  	margin-top: 0px;
  	height: auto;
  	background-size: 110px auto;
}

/** Mobile Nav **/
	
.mobile a#togglemenu{
	background:none;
	padding:35px 20px;
	font-family:'Dosis', sans-serif;
	font-size:1.2em;
	background-color:none;
}

.mobile div#mobile-nav div#top-bar{
	background:none;
}

.home.mobile div#mobile-nav div#top-bar{
	background: url(../../uploads/images/photo_fond_site/photo_background.jpg) center center no-repeat;
	 background-size:cover;
	 height:220px;
}

.mobile div#mobile-nav{
	padding-bottom:0px;
}

.mobile div#mobile-nav div#top-bar{
	height:90px;
}

.mobile ul#mobileNav{
	top:90px;
	background-color: rgba(0,0,0, .9);
	padding:0px;
}

.mobile ul#mobileNav li a, .mobile #mobile-secnav li a{
	padding:15px 20px;
}

.mobile ul#mobileNav li a:hover, .mobile ul#mobileNav li.on a{
	color:#e798c2;
}

/** Contenu version mobile **/
	
.mobile .titre_slide a{
	display:none!important;
}	
	
.mobile .titre_slide h1{
	padding:40px 20px 40px;
	line-height:28px;
	letter-spacing:0.03em;
}

.mobile .titre_slide{
	padding:0px;
}
	
.mobile div#cn{
	margin-right:0px;
}


.mobile .c2 div.object >div{
	width:auto;
}

.mobile div#bd div#bd_bg div.cn{
	padding-bottom:20px;
}

.mobile .accordion div.object h2{
	padding:20px 10px;
	font-size:1.8em;
}

/** Footer mobile **/
	
.mobile div#ft div.cn{
	padding-top:40px;
	padding-bottom:30px;
}

.mobile div#ft div.cn .object.first, .mobile div#ft div.cn .object.last{
	margin-bottom:30px;
}
	
.mobile div#ft div.cn .object{
	background-position:left bottom;
	text-align:left;
}

/* Page accordeon mobile */

.hasaccordion.mobile .c2 div.object >div{
	text-align:left;
}

/*** media queries ***/


@media only screen and (max-width: 1370px){
    ul#mainNav li {margin: 0 10px;}
    ul#mainNav li a {font-size: 1em;}
}

@media only screen and (max-width: 1150px){
    div#ft{position: relative;width: 100%;height: auto;margin: 0;padding: 0;min-width: 100%;}
    div#ft div.cn .object {display: inline-block;vertical-align: top;margin: 0 40px 40px 0;}
    div#ft div.cn .object:first-of-type, div#ft div.cn .object.last {display: block;}
    div#mainNavCt {position:relative;left:auto;right:auto;}
    ul#mainNav {padding-top:10vh;}
    .accroche {top: 25vh;width: 100%;}
    .accroche .object {position:absolute;margin-left: -300px;font-size: 2.5em;line-height:46px;top:200px;}
    strong#logo a {position:absolute;top: 0;margin-left: -70px;}
    div#hd{height: 75vh;}
    div#cn{margin-right:0;height: auto}
    .c2 div.object >div{width:100%;}
    div#bd div.c2 div.wrap img{width:auto;}
    div#bd div.c2 div.wrap{padding:50px 30px 70px;}
    div#bd div.c2 div.wrap .object.image img{display:block; margin:0px auto 40px auto;float:none;max-width: 100%; height: auto;}
    ul#mainNav li {margin: 0 6px;}
    ul#mainNav li a {font-size: 0.933em;letter-spacing: 0;}

    .home .accroche{
		left:50%;
		width: 540px;
		margin-left: -270px;
		margin-top: 0px;
	}
}

@media only screen and (max-height: 950px){
	div#ft div.cn{padding-top:25px; overflow:scroll;}
	div#ft div.cn .object.first{margin-bottom:30px;}
	div#ft div.cn .object.first img{width:auto; height:100px;}
	div#ft div.cn .object h2{font-size:1.5em; line-height:0.5;}
	div#ft div.cn .object.last{padding-bottom:20px; margin-bottom:20px;}
	ul#mainNav {padding-top: 80px;}
    ul#mainNav li a {padding-bottom:24px;}
    #hd ul#mainNav li ul {padding: 3px 0;}
    ul#mainNav li a:hover, ul#mainNav li.on a {background-position:left 45px;}
}

@media only screen and (max-width: 700px){
	div#bd div.c2 div.wrap .wrapimg {float: none;}
	div#bd div.c2 div.wrap .wrapobject {overflow: visible;}
}


/* uncomment for dark login */

/*


a#kPowered {
	background: transparent url(../../../../standards/img/login_b.png)  -31px top no-repeat;
}


div#ft div#kLogin {
	background: transparent url(../../../../standards/img/login_b.png) top left no-repeat;
}

*/