/******************************************************************
Theme Name: Satoriz
Theme URI: 
Description: 
Author: Ludovic Delhomme
Author URI: 
Version: 2
Tags: 
*******************************************************************/
/* ----------------------------- */
/* ==general */
/* ----------------------------- */
@font-face {
    font-family: 'colaborate';
    src: url('fonts/colabreg-webfont.eot');
    src: url('fonts/colabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/colabreg-webfont.woff') format('woff'),
         url('fonts/colabreg-webfont.ttf') format('truetype'),
         url('fonts/colabreg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'amatic';
    src: url('fonts/amaticsc-regular-webfont.eot');
    src: url('fonts/amaticsc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/amaticsc-regular-webfont.woff') format('woff'),
         url('fonts/amaticsc-regular-webfont.ttf') format('truetype'),
         url('fonts/amaticsc-regular-webfont.svg#amatic_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	color: #555;
	font-family: 'colaborate', arial, sans-serif;
	font-size: 1.6em;
	line-height: 1.2;
	background: url(images/vert-bg.jpg);
}
#logo{
	width:70%;
	margin:20px 0 20px 60px;
}
.head-rouge {background: url(images/rouge-bg.jpg);}
.head-bleu {background: url(images/bleu-bg.jpg);}
.head-orange {background: url(images/orange-bg.jpg);}

h1 {
	font-family: 'amatic', arial, sans-serif;
	font-size: 28px; 
	font-weight: normal;
	line-height: 28px; 
	margin-top:0;
}
h2 {
	font-family: 'amatic', arial, sans-serif;
	font-size:  24px; 
	font-weight: normal;
	margin: 10px 0 ;
}
h3 {
	font-family: 'amatic', arial, sans-serif;
	font-size: 22px; /* equiv 22px */
	font-weight: normal;
	margin: 5px 0 ;
}
h4 {
	font-family: 'amatic', arial, sans-serif;
	font-size: 18px; /* equiv 18px */
	font-weight: normal;
	margin: 5px 0 ;
}
h5 {
	font-family: 'amatic', arial, sans-serif;
	font-size: 16px; /* equiv 16px */
	font-weight: normal;
	margin:  5px 0 0 0;
}
/*alignement images*/
.alignright {
	float: right;
	margin-left:10px;
}
.alignleft {
	float:left;	
	margin-right:10px;
}
/*couleurs polices*/
.txt-vert {color:#009453;}
.txt-rouge {color:#b90014;}  
.txt-bleu {color:#2a8acf;}  
.txt-orange {color:#D16927;}
/*couleurs background*/
.bg-vert {background-color:#009453;}
.bg-rouge {background-color:#b90014;}  
.bg-bleu {background-color:#2a8acf;}  
.bg-orange {background-color:#D16927;}
/*couleurs liens*/
.head-vert a,.type-satoriz a {color:#009453;}
.head-rouge a,.type-post a {color:#b90014;} 
.head-bleu a, .type-infoprod a {color:#2a8acf;}
.head-orange a,.type-cuisine a {color:#D16927;}
.head-vert a:hover {color:#009453;}
.head-rouge a:hover {color:#b90014;} 
.head-bleu a:hover {color:#2a8acf;}
.head-orange a:hover {color:#D16927;}
/*couleurs social*/
.head-vert .social .btn {background-color:#009453;}
.head-rouge .social .btn {background-color:#b90014;} 
.head-bleu .social .btn {background-color:#2a8acf;}
.head-orange .social .btn {background-color:#D16927;}
/*couleurs recherche*/
.head-vert .search .input-group-addon {background-color:#009453;}
.head-rouge .search .input-group-addon {background-color:#b90014;} 
.head-bleu .search .input-group-addon {background-color:#2a8acf;}
.head-orange .search .input-group-addon {background-color:#D16927;}
.head-orange .quicksearchcuis .input-group-addon {background-color:#D16927;}



.centered-pills {  
    text-align: center;
}
.centered-pills ul.nav-pills {
    display: inline-block;
}
/* ----------------------------- */
/* ==cartes */
/* ----------------------------- */
#map,#singlemap { position:relative; top:0; bottom:0; width:100%; height:600px; }
#map img,#singlemap img{border:none !important; box-shadow: none !important;}
.info {
    background:#fff;
    position:absolute;
    width:150px;
    top:220px;
    right:25px;
    border-radius:2px;
    max-height:300px;
    overflow:auto;
}
.info .item {
    display:block;
    border-bottom:1px solid #eee;
    padding:10px;
    text-decoration:none;
}
.info .item small { color:#888; }
.info .item:hover,
.info .item.active { background:#f8f8f8; }
.info .item:last-child { border-bottom:none; }
.leaflet-bottom, .leaflet-top{
    z-index:0 !important;
}

/* ----------------------------- */
/* ==home */
/* ----------------------------- */
#sidebar-home a {color:#555;}
#sidebar-home{
	/*background: url(images/vert-bg.jpg);*/
	font-family: 'amatic', arial, sans-serif;
	font-size: 24px;
}
#sidebar-home .menu-home .fa{
	font-size: 1.5em;
	margin-right:5px;
}
#sidebar-home .form-control {
	font-size: 18px;
}

/* ----------------------------- */
/* ==header */
/* ----------------------------- */
.header {
	font-family: 'amatic', arial, sans-serif;
	width: 1250px;
	margin: 0 auto;
}
.navbar {
	border: none;
	margin-top: 30px;
	min-height: 150px;
}
.head-vert .navbar{
	background:url(images/brush.png) no-repeat;
	background-size: 100% auto;
}

.head-rouge .navbar{
	background:url(images/brush-rouge.png) no-repeat;
	background-size: 100% auto;
}
.head-bleu .navbar{
	background:url(images/brush-bleu.png) no-repeat;
	background-size: 100% auto;
}
.head-orange .navbar{
	background:url(images/brush-orange.png) no-repeat;
	background-size: 100% auto;
}
.main-nav .navbar-nav{
	margin: 50px 0 0 60px;
}
.main-nav .navbar-nav li{
	margin:  0 20px;
}
.main-nav .navbar-nav a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
}
.main-nav .navbar-nav a::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 0;
	background: #fff;
	content: '';
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}
.main-nav .navbar-nav a:hover::before {
	top: 100%;
	background: #fff;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
	opacity: 1;
}

.main-nav .navbar-nav a:hover::after {
	height: 100%;
}
.main-nav .navbar-nav a {
	text-decoration:none;
	color:#fff !important;
	font-size:38px;
	font-weight:bold;
	background: none !important;
}
/* ----------------------------- */
/* ==main */
/* ----------------------------- */
#container { 
  background:#fff;
  margin-top:-50px;
  padding-top:50px;
  box-shadow: 0 5px 10px #ccc;
  padding-bottom: 20px;
}
.main{
	text-align:justify;
  	margin-bottom: 20px;
}
.media .pull-left{
	margin-right: 10px;
}
.media-object{
	max-width: 150px;
}
blockquote{
	text-align:center;
	background:#CCC;
	font-size:12px;
	margin:0 8px 0 0; 
	padding:5px;
	font-style:italic;
}
/* ----------------------------- */
/* ==bouton imprimer */
/* ----------------------------- */
#imprimer{
background: url("images/print.png") no-repeat;
    float: right;
    padding: 2px 0 2px 22px;
}
/* ----------------------------- */
/* ==sidebars */
/* ----------------------------- */
.sidebar{
	margin-bottom: 20px;
}
.sidebar ul, .sidebar li{
	width: 100%;
	font-family: 'amatic', arial, sans-serif;
	font-size:20px;
}
.sidebar li{
	border: 1px solid #ddd;
    margin-bottom: -1px;
}
.sidebar li:first-child  {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sidebar li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 0;
}
.sidebar li li{
	border:none;
}
.social .btn{
	margin-top:20px;
	color:#fff;
	border-color: #fff;
}


/* ----------------------------- */
/* ==footer */
/* ----------------------------- */
.footer{
	position:relative;
	top:25px;
	font-family: 'amatic', arial, sans-serif;
	font-size:18px;
}
.footer a {
	color:#555;
}
/* ----------------------------- */
/* ==search */
/* ----------------------------- */
.search{
	margin-top: 20px;
}
.fa-search{
	color:#fff;
}
.loading{
	height: 150px;
	width: 150px;
	margin: 0 auto;
}
.head-vert .loading{background:url("images/vert_loading.gif") no-repeat;}
.head-rouge .loading{background:url("images/rouge_loading.gif") no-repeat;}
.head-bleu .loading{background:url("images/bleu_loading.gif") no-repeat;}
.head-orange .loading{background:url("images/orange_loading.gif") no-repeat;}

/* ----------------------------- */
/* ==liste de posts */
/* ----------------------------- */
.posts-list li{
	padding:5px 0;
}
.posts-list span a, .posts-list span a:hover{
	color:#333;
}

/* ----------------------------- */
/* ==page recettes */
/* ----------------------------- */
.random-img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
	border:none !important;
	box-shadow: none !important;
}
.random-recette .box {
	border: 5px solid #fff;
	cursor: pointer;
	height: 250px;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
	width: 200px;
		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc;
}
/* Caption Common Style */
.random-recette .box .caption {
	background-color: #fff;
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	position: absolute;
	color: #555;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}
/** Caption 1: Simple **/
.random-recette .box .simple-caption {
	width: 100%;
	height: 30%;
	text-align: left;
	padding: 5px;
	margin-top:170px;
}
.quicksearchcuis{
	margin-bottom: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.header {width: 992px;}
	.navbar {margin-top: 10px;}
	#logo {width:60%;margin:20px 0 0 30px;}
	.main-nav .navbar-nav a {font-size:32px;}
	.main-nav .navbar-nav{margin: 35px 0 0 50px;}
	.main-nav .navbar-nav li{margin: 0;}
	#container { margin-top:-100px;padding-top:100px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header {width: 768px;}
	.navbar {margin-top: 10px;}
	#logo {width:40%;margin:20px 0 0 30px;}
	.main-nav .navbar-nav a {font-size:28px; font-weight:normal;}
	.main-nav .navbar-nav{margin: 20px 0 ;}
	.main-nav .navbar-nav li{margin: 0;}
	#container { margin-top:-100px;padding-top:100px;}
	.sidebar .search{position:relative;top:10px;}
}

@media (max-width: 767px) { 
	.header {width: auto;}
	.navbar {margin-top: 0; min-height:50px !important;}
	.head-vert .navbar{background:#009453;}
	.head-rouge .navbar{background:#b90014;}  
	.head-bleu .navbar{background:#2a8acf;}  
	.head-orange .navbar{background:#D16927;}
	#logo {width:30%;margin:5px;}
	.main-nav .navbar-nav{margin: 0;}
	.main-nav .navbar-nav li{margin: 0;}
	.main-nav .navbar-nav a {font-size:24px; font-weight:normal;}
	.main-nav .navbar-nav a::after {background: none;}
	.main-nav .navbar-nav a:hover::before {height: 0; background: none;}
	.main-nav .navbar-nav li a:hover {color: #ccc !important;}
	.sidebar ul, .sidebar li{width: auto;}
}
/* ----------------------------- */
/* ==ie fix */
/* ----------------------------- */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/brush.png',
sizingMethod='scale');
/* ----------------------------- */
/* ==print */
/* ----------------------------- */

/* quick print reset */
@media print {
	.header,
	.sidebar,
	#imprimer{
		display:none;
	}
	#container{
		width:100%;
		box-shadow:none;
		background:url(images/Satoriz.jpg);
	}
	.copyright{
		font-size:12pt;
	}
}