/* GOOGLE FONT
font-family: 'Lobster', cursive;
font-family: 'Lora', serif;
font-family: 'Open Sans', sans-serif;
*/
*{
	box-sizing:border-box;
}

figure.visuel{
	padding:0;
}

body{
	background: url(images/dot-beige.png) top left repeat;
	font-family: 'Open Sans', sans-serif;
}

ul{
	list-style:none;
}

a{
	color:#353565;
	text-decoration:underline;
}

a:hover{
	color:#B73E18;
}

/*TEST*/
.bleu{ color:#353565;}
.rouge{ color:#B73E18;}
.beige{ color:#f2efe9;}

.illentete, .illfoot{
	height:46px;
	position:absolute;
	z-index:0;
	width:100%;
	background: url(images/made-in-france.png) top left repeat-x;
}

.illfoot{ background-position: bottom left;}

header{
	padding-top:20px;
	text-align:center;
}

h1{
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/le-tripier-lyonnais.png) left top no-repeat;
	display:block;
	margin:20px auto;
	width:376px;
}

h2{
	font-family: 'Lobster', cursive;
	font-size:23px;
}

em{color:#B73E18;}

.img-rounded {
	-webkit-border-radius: 16px 16px 16px 16px;
	border-radius: 16px 16px 16px 16px;
}


section h2{ margin-top:0;}

.highlight strong{
	font-family: 'Lora', serif;
	font-style:italic;
	font-weight:400;
	font-size:29px;
	line-height:34px;
}
.txtjustifright{ text-align:right;}

section{
	padding:80px 0;
	position:relative;
}

#savoirfaire{
	background-color:#B73E18;
	color:#fff;
}

#diversite{
	border-bottom:#353565 10px solid;
	color:#353565;
}
#produits{
	color:#353565;
	border-bottom:#B73E18 10px solid;
}
#proximite{
	color:#B73E18;
}
#fraicheur{
	background-color:#353565;
	color:#fff;
}

#produits h2{
	margin-top:0;
}

#produits .highlight{ margin-bottom:30px;}

#produits .textes{ padding-left:30px;}
#produits .textes.txtjustifright{ padding-right:30px; padding-left:0;}

a.btcontact{
	display:table;
	background-color:#ddd7d0;
	padding:15px;
	font-size:15px;
	color:#353565;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	-webkit-border-radius: 16px 16px 16px 16px;
	border-radius: 16px 16px 16px 16px;
	width:70%;
}

a.btcontact:hover{
	background-color:#353565;
	color:#fff;
}

a.btcontact strong{color:#B73E18;}

.btcontact span{
	display: table-cell;
	width: 15%;
	vertical-align: middle;
	text-align: center;
	font-size: 26px;
	padding-right: 10px;
}

aside{
	text-align:center;
}
a.toolancre{
	display:block;
	width:60px;
	height:60px;
	background:url(images/bt-scroll.png) top left no-repeat;
	clear:both;
	margin:auto;
	position:absolute;
	bottom:-30px;
	left:50%;
	margin-left:-30px;
	z-index:1000;
}
a.toolancre:hover{
	background-position: left -60px;
	z-index:1000;
}

.ill{
	text-align:center;
}
.ill:first-child{ margin-bottom:30px;}
.ill:last-child{ margin-top:30px;}

.textes ul li{
	margin-bottom:8px;
}

/*BACK TO TOP*/
.navbar-fixed-top + .content-container {
	margin-top: 70px;
}
.content-container {
	margin: 0 130px;
}

#top-link-block.affix-top {
	position: absolute; /* allows it to "slide" up into view */
	bottom: -82px; /* negative of the offset - height of link element */
	left: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
	position: fixed; /* keeps it on the bottom once in view */
	bottom: 18px; /* height of link element */
	left: 10px; /* padding from the left side of the window */
}

#top-link-block a{
	color:#353565;
	border:none;
}

#top-link-block a:hover{
	background-color:#B73E18;
	color:#fff;
}

/*blocs coordonnées*/
.coordonnees {
	font-family: 'Lobster', cursive;
	font-size:23px;
	color:#B73E18;
	margin-bottom:20px;
}

.coordonnees h3{ margin-bottom:0;}

.coordonnees.restauration h3{
	color:#353565;
	font-size:20px;
}
	
.coordonnees.boucherie .blochabillage{ background-image: url(images/coordonnees-02.png);}

.blochabillage{
	background:url(images/coordonnees-01.png) center top no-repeat;
	min-height:76px;
}

.blochabillage{ color:#fff;}
.blochabillage em{
	font-size:12px;
	color:#fff;
}

#logo figure{
	width:40%;
	margin:auto;
	min-width:240px;
}

header .coordonnees h3{
	margin-top:0;
}

/*blocs coordonnées du footer*/
aside{
	padding:30px 0;
}
aside .coordonnees{
	padding:0;
}

aside .coordonnees .blochabillage{
	height:154px;
	display:table;
	width:100%;
}

aside .coordonnees .blochabillage .textes{
	display:table-cell;
	vertical-align:middle;
}

.coordonnees.surplace .blochabillage{
	background-image:url(images/coordonnees-surplace.png);
	color:#B73E18;
}
.coordonnees.contact .blochabillage{
	background-image:url(images/coordonnees-contact.png);
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#353565;
}

aside .coordonnees .legende{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#353565;
	font-weight:bold;
}

footer{
	margin-top:50px;
	margin-bottom:20px;
	font-size:12px;
	text-align:center;
	color:#353565;
	font-weight:bold;
}

#mentionslegales{
	padding:30px;
}

#cboxClose:after{
	content:" X";
	text-indent:0;
}

#cboxClose{ font-weight:bold;}

#mentionslegales h2{color:#353565;}
#mentionslegales h3{
	color:#B73E18;
	font-size:16px;
	text-transform:uppercase;
}

/*MENU*/
nav.navbar{
	position:absolute;
	top:50px;
	width:100%;
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	z-index:1020;
}

nav.navbar .container-fluid, nav.navbar .col-sm-4, nav.navbar .col-xs-6{ padding:0;}

nav.navbar .logomini{ display:none;}

/*MENU SCROLLED FIXED*/
nav.navbar.affix{
	position:fixed;
	background: url(images/dot-beige.png) top left repeat;
	padding:0;
	z-index:1020;
	top:0;
	-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,0.2);
	box-shadow: 0 0 8px 1px rgba(0,0,0,0.2);
}

nav.navbar.affix .logomini{
	display:block;
	margin: 5px auto -30px auto;
}

.navbar-nav{
	width:100%;
	margin:0;
}
.nav li{
	display:inline-block;
	width:33.33%;
	text-align:center;
}

.nav li a{
	font-family: 'Lobster', cursive;
	text-decoration:none;
	font-size:15px;
	background:none;
	color:#a39f99;
}

.nav > li > a:hover{ color:#353565; background-color: transparent;}

.nav button .navbar-toggle{ background-color:red;}
  
/*fix lightbox*/
#colorbox{ top:0;}
  
/*MD*/
@media screen and (min-width: 991px){
	header .coordonnees{
		margin-top:100px;
	}
	
	h1{
		width:100%;
		height:auto;
		background-size: 100%;
	}
}

/*XS > MD*/
@media screen and (max-width: 768px){
	section{
		padding:50px 0;
	}
	section .textes{
		text-align:center;
	}
	
	section .textes .btcontact{ text-align:left;}
	
	#savoirfaire .textes, #proximite .textes{
		margin-top:30px;
	}
	
	#diversite .textes, #fraicheur .textes{
		margin-bottom:15px;
	}
	
	#produits .textes.txtjustifright, #produits .textes{ padding:0 30px;}
	
	#produits ul{ padding-left:0;}
	
	a.btcontact{
		margin:auto;
	}
	
	
	/*MENU Tablettes*/
	header{ margin-top:-50px;}
	
	.navbar-nav{
		width:auto;
	}
	.first .navbar-nav{ float:right;}
	nav.navbar{
		position:relative;
	}
	nav.navbar .navbar-collapse.collapse.in{
		
	}
	.bloclogo{ display:none;}
	
	nav.navbar .col-xs-4{ width:50%;}
	
	.nav li{ width:auto; padding:0;}
	.nav li a{ padding:3px 5px;}
	.first nav.navbar{ float:right; width:auto;}
	
	.navbar-collapse.collapse.in{ 
		background: url(images/dot-beige.png) top left repeat;
		padding-top:15px;
	}
	
	/*mentions légales*/
	#mentionslegales{ width:100%;}
}

/*portable portrait*/
@media screen and (max-width: 560px){
	h1{
		width:70%;
		min-width:270px;
		height:auto;
		background-size: 100%;
	}
	
	header .coordonnees .blochabillage, .coordonnees.boucherie .blochabillage, .blochabillage em{
		background:none;
		color:#353565;
	}
	
	a.btcontact{ width:100%;}
	
	/*PAS de MENU FIXED sur mobile*/
	nav.navbar.affix{ position:relative;}
	
}