/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/


body {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
  color: #666;
font-family: 'Exo 2', sans-serif;
background-color:#F8F8F8;

}
#bodyWrapper {
}

#bodyContent {

}


css-checkbox{
        width: 20px;
        height: 20px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid red;
}



.contentContainer h2 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 5px;
  width:100%;
}



			/* Sizes for the bigger menu */
	div.header_top{
		font-size:12px;
		font-family: 'Exo 2', sans-serif;
		color: #45BA01;
		text-decoration: none;
		margin-left: 2px;
		margin-right: 2px;
		width:100%;
		height:17px;
		background-color:F8F8F8;
	}

a.header_top{
	font-size:12px;
font-family: 'Exo 2', sans-serif;
  color: #666;
  text-decoration: none;
}
a.header_top:hover{
	font-size:12px;
font-family: 'Exo 2', sans-serif;
  color: #45BA01;
  text-decoration: underline;
}

@media only screen and (min-width: 959px) {
div.main_index_mobil{
	visibility:hidden;
	display:none;
	width:100%;
	height:auto;
}

div.header_cart{
	width:70%;
	text-align:right;
	display:inline-block;
}
div.header_social{
	display:inline-block;
	width:20%;
	text-align:left;
}

	#content_main {
	width:100%;
	}
.contentContainer {
display:block;
  width:90%;
  max-width:1280px;

}


		img.logo{
			float: left;
		}
		menu{
		}
		store_slogan{
		}

		header{
			width:100%;
			max-width:1280px;
			display:block;
			background-color:#F8F8F8;
		}

		header_mobil{
			display:none;
		}

		nav{
		width:100%;
		}

			header.large{
				height: 190px;
  			}

			header.large menu{
				margin-top: 30px;
				margin-right:10px;
				/*margin-right: 50px;*/
			float: right;
			}
			header.large store_name{
				margin-top: 15px;
				margin-right: 40px;
				font-size:30px;
				letter-spacing:2px;
				font-weight:bold;
				color:#666;
				float:right; 
				}
			header.large store_slogan{
				margin-top: 60px;
/*				margin-right: 50px;*/
				font-size:17px;
				font-weight:bold;
				color:#EB5C00;
				font-size:30px;
				font-stretch:extra-expanded;
				width:50%; 
			float: right;
			}
			header.large img{
				width: 190px;
				height: auto;
/*				margin-top: 5px; */
				margin-left: 10px; 
				margin-right: 10px; 
			float: left;
			}


}

@media only screen and (max-width: 959px) {
div.main_index{
	visibility:hidden;
	display:none;
	width:100%
}

div.header_social{
	display:none;
}

div.header_cart{
	width:100%;
	text-align:center;
}

	#content_main {
	width:100%;
	}

		header{
			display:none;
		}

		header_mobil{
			width:100%;
		}

		div.nav{
			width: 100%;
		}


			header_mobil.large menu{
				width:100%;
			}

			header_mobil.large store_name{
				margin-top: 20px;
				font-size:25px;
				letter-spacing:1px;
				font-weight:bold;
				color:#45BA01;
				width:100%;
				text-align:center;
			}
			header_mobil.large store_slogan{
				margin-top: 50px;
				font-size:15px;
				font-weight:bold;
				color:#EB5C00;
				width:100%;
				text-align:center;
			}



			header_mobil img{
				width: 111px;
				height: 80px;
				margin-top: 3px; 
			}

}

img.mobil_logo{
max-width: 100%;
  height: auto;
}

	footer{
 	color:#666;
	font-family: 'Exo 2', sans-serif;
	font-size:14px;
	}
	
	#footer_main {
    width: 100%;
	text-align:center;
	}


#infoFooter {
  width:100%;
  text-align:center;
	font-size:12px;
font-family: 'Exo 2', sans-serif;
 	color:#666;
}


span.infoFooter_name {
	font-size:14px;
font-family: 'Exo 2', sans-serif;
	color:#666;
  text-decoration: none;
}

A.infoFooter {
	font-size:14px;
font-family: 'Exo 2', sans-serif;
	color:#666;
  text-decoration: none;
}

A.infoFooter:hover {
	font-size:14px;
font-family: 'Exo 2', sans-serif;
	color:#45BA01;
  text-decoration: underline;
}

a.footerlink{
	font-size:13px;
font-family: 'Exo 2', sans-serif;
  color: #666;
  text-decoration: none;
}
a.footerlink:hover{
	font-size:13px;
font-family: 'Exo 2', sans-serif;
  color: #45BA01;
  text-decoration: underline;
}


a.main_index{
	text-transform:uppercase;
	font-size:18x;
font-family: 'Exo 2', sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight:bold;
}
a.main_index:hover{
	text-transform:uppercase;
	font-size:18px;
font-family: 'Exo 2', sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight:bold;
}

a.main_shop{
	text-transform:uppercase;
	font-size:16px;
font-family: 'Exo 2', sans-serif;
  color: #45BA01;
  text-decoration: none;
}
a.main_shop:hover{
	text-transform:uppercase;
	font-size:16px;
font-family: 'Exo 2', sans-serif;
  color: #45BA01;
  text-decoration: underline;
}

a.main_topics{
	text-transform:uppercase;
	font-size:14px;
font-family: 'Exo 2', sans-serif;
  color: #fff;
  text-decoration: none;
}
a.main_topics:hover{
	text-transform:uppercase;
	font-size:14px;
font-family: 'Exo 2', sans-serif;
  color: #fff;
  text-decoration: underline;
}

a.blog_title{
  font-family: 'Exo 2', sans-serif;
  font-size: 17px;
  font-weight: bold;
  color:#45BA01;
  text-decoration:underline;
}
a.blog_title hover{
  font-family: 'Exo 2', sans-serif;
  font-size: 17px;
  font-weight: bold;
  color:#45BA01;
  text-decoration:underline;
}


 .opacite {
      background:transparent;
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#330000ff,endColorstr=#330000ff);
      zoom: 1;
    } 
	
.ui-widget {
font-family: 'Exo 2', sans-serif;
  font-size: 15px;
}


 
.infoBoxContainer { }

.infoBoxHeading {
  padding: 2px;
  font-size: 16px;
  font-family: 'Exo 2', sans-serif;
  color:#666;
}

a.infoBoxHeading {
  padding: 2px;
  font-size: 16px;
  font-family: 'Exo 2', sans-serif;
  color:#666;

}
.infoBoxHeading hover{
  padding: 2px;
  font-size: 16px;
  font-family: 'Exo 2', sans-serif;
  color:#45BA01;
}

.infoBoxContents {
  padding: 5px;
  font-size: 12px;
  font-family: 'Exo 2', sans-serif;

}
a.infoBoxContents {
  padding: 5px;
  font-size: 12px;
  font-family: 'Exo 2', sans-serif;

}
a.infoBoxContents hover {
  padding: 5px;
  font-size: 12px;
  font-family: 'Exo 2', sans-serif;

}


span.infoBoxContents_sc {
  padding: 5px;
  font-size: 10px;
  font-family: 'Exo 2', sans-serif;

}

.infoBoxContents_sc {
  padding: 5px;
  font-size: 10px;
  font-family: 'Exo 2', sans-serif;

}
a.infoBoxContents_sc {
  padding: 5px;
  font-size: 10px;
  font-family: 'Exo 2', sans-serif;

}
a.infoBoxContents_sc hover {
  padding: 5px;
  font-size: 10px;
  font-family: 'Exo 2', sans-serif;

}


.contentText {
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:85%;
}


.contentText_shopping_cart {
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:95%;
}
.contentText table {
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
}


.productListTable {
  padding: 5px;
  font-size: 12px;
  line-height: 1.5;
}

.productListTable tr.alt td {
}

/* jQuery Shopping Cart START */
.attrib td {
  font-weight: bold;
  font-size: 12px;
  height: 26px;
  line-height: 32px;
  text-align: left;
  float: center;
  padding-left: 5px;
}
/* jQuery Shopping Cart END */

.fieldKey {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
/*  width: 150px;*/
}

.fieldValue {
  font-size: 12px;
  line-height: 1.5;
}

h1 {
  font-size: 17px;
  margin-bottom: 0;
  padding-bottom: 0px;
  font-family: 'Exo 2', sans-serif;
color:#EB5C00;
  letter-spacing:1pt;
   text-transform: uppercase;
}


h2 {
	font-family: 'Exo 2', sans-serif;

  font-size: 14px;
  font-weight: bold;
  color:#45BA01;
  text-decoration:underline;
}

h2_header {
	font-family: 'Exo 2', sans-serif;

  font-size: 12px;
  font-weight: bold;
  color:#F39;
}

h3 {
	font-family: 'Exo 2', sans-serif;
  font-size: 20px;
  font-weight: bold;
  color:#45BA01;
}

h4 {
	font-family: 'Exo 2', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color:#45BA01;
}

h5 {
	font-family: 'Exo 2', sans-serif;

  font-size: 13px;
  font-weight: bold;
  color:#00000;
  text-decoration:underline;
}


img {
  border: 0;
}

table, p {
  font-size: 12px;
  line-height: 1.5;
}

#piGal {
  float: center;
  width: 450px;
}

#piGal img {
  max-width: 550px;
  height: auto;
}

.buttonSet {
  clear: both;
}

.buttonAction {
  float: right;
}
/* jQuery osCart START */
.buttonAction_oscart {
	float: right;
}
/* jQuery osCart END */


.boxText { font-family: 'Exo 2', sans-serif;
 font-size: 10px; }
.errorBox { font-family: 'Exo 2', sans-serif;
 font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: 'Exo 2', sans-serif;
 font-size : 16px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: 'Exo 2', sans-serif;
 font-size : 10px; color: #70d250; text-decoration: underline; }
.orderEdit2 { font-family: 'Exo 2', sans-serif;
 font-size : 14px; color: #70d250; }


A {
  color: #051A2D;
  text-decoration: none;
  font-size: 12px;
  font-weight:bold;
  line-height: 1.5;
}

A:hover {
  text-decoration: underline;
}


A.agallery {
  font-size: 12px;
  color:#fff;
  text-decoration: none;
}

A.agallery:hover {
  font-size: 12px;
  text-decoration: underline;
}

FORM {
	display: inline;
}



TR.header {
  background: #ffffff;
}





.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: 'Exo 2', sans-serif;

  font-size: 10px;
}

TD.infoBoxHeading {
	font-family: 'Exo 2', sans-serif;

  font-size: 20px;
  font-weight: bold;
  background-color:#B4D79D;
  color: #ffffff;
  
}

TD.infoBox, SPAN.infoBox {
  font-family: 'Exo 2', sans-serif;

  font-size: 10px;
}


TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}
.productListingHeader {
  table-layout: fixed;
  color: #45BA01;
  font-size:15px;
}

.productListingHeader A {
  color: #45BA01;
  font-size:15px;
}
.productListingHeader A:hover {
  color: #45BA01;
  font-size:15px;
}

.productListingData {
  table-layout: fixed;

}

a.productListingData {
  color: #666;
  font-size:12px;
}
a.productListingData hover{
  color: #666;
  font-size:12px;
}

.pageResults {
  color: #45BA01;
  background: #C4FEA0;
/*
  border-color:#666;
  border-style:solid;
  border-width:1px;
*/
}

A.pageResults {
  color: #fff;
  background: #93c572;
  font-size:14px;
}

A.pageResults:hover {
  color: #fff;
  background: #45BA01;
  font-size:14px;
}

TD.pageHeading, DIV.pageHeading {
	font-family: 'Exo 2', sans-serif;

  font-size: 20px;
  font-weight: bold;
  color:#666;
}


TD.main, P.main {
  font-family: 'Exo 2', sans-serif;

  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: 'Exo 2', sans-serif;

  font-size: 10px;
}


span.related {
	font-family: 'Exo 2', sans-serif;

  font-size: 16px;
  font-weight: bold;
  color:#F60;
  text-decoration:underline;
}


SPAN.newItemInCart {
  font-family: 'Exo 2', sans-serif;
  font-size: 8px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: 'Exo 2', sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family: 'Exo 2', sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: 'Exo 2', sans-serif;

  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;

}

TD.formAreaTitle {
  font-family: 'Exo 2', sans-serif;

  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: 'Exo 2', sans-serif;

  font-size: 16px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: 'Exo 2', sans-serif;

  color: #ff0000;
}

SPAN.productPrice {
  font-family: 'Exo 2', sans-serif;
  font-weight:bold;
  color: #666;
}

SPAN.errorText {
  font-family: 'Exo 2', sans-serif;

  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color:#EAFFDD; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #C4FEA0; }

.checkoutBarFrom, .checkoutBarTo { font-family: 'Exo 2', sans-serif;
 font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: 'Exo 2', sans-serif;
 font-size: 10px; color: #666; }

/* message box */

.messageBox { font-family: 'Exo 2', sans-serif;
 font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: 'Exo 2', sans-serif;
 font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: 'Exo 2', sans-serif;
 font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: 'Exo 2', sans-serif;
 font-size: 16px; color:#E6007E; font-weight:bold; cursor:pointer;}

.inputRequirement:hover { font-family: 'Exo 2', sans-serif;
 font-size: 16px; color:#E6007E; font-weight:bold; cursor:pointer; text-decoration: underline;}


.inputRequirement2 { font-family: 'Exo 2', sans-serif;
 font-size: 14px; color:#F00;}

.inputRequirement3 { font-family: 'Exo 2', sans-serif;
 font-size: 14px; color:#F00;}

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}

/*	jQuery Shopping Cart 2.3.3 */
/*  PRODUCTS
-------------------------------*/

.ui-draggable:hover {
    background-color: #fff8c1;
	list-style: none;
}

.ui-draggable span:hover {
    background-color: #fff8c1;
	list-style: none
}

.ui-helper {				
	border: 2px dashed #cd0a0a;
	border-radius: 8px;
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
	z-index: 200;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
	opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -o-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
}

/*  BASKET
----------------------------*/

.basket .basket_list {
    width: 144px;
    background-color: #fff;
    border: 2px dashed transparent;
	margin-bottom: 5px;
    border-radius: 8px;
}

.basket li { list-style: none }

.basket.active .basket_list,
.basket.hover .basket_list { border-color: #cd0a0a;    }

.basket.active .basket_list {
background-color: #fbec88;
opacity: 1;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);

}

.basket.hover .basket_list { 
/*background-color: #ffa0a3;*/ 
background-color: #fad42e; 
z-index: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity = 100);
opacity: 1;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);

}

/* .head */

.basket .head {
    overflow: hidden;
    margin: 0 4px;
    height: 26px;
    line-height: 26px;
    color: #666;
    border-bottom: 1px solid #ddd;
}

.basket .head .name { float: left }

.basket .head .count { float: right }

/* .head */

.basket ul {
	margin: 0;
    padding: 0;
}

.basket ul li {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 0 4px;
	font-size: 9px;
    height: 26px;
    line-height: 32px;
}

.boxcartTotal {
	border-top: 1px solid black;border-bottom: none; margin: 0 5px 0 5px;
}

.boxcartTotal ul {
	margin:0; padding: 0; font-size:14px;border-bottom: none;
}

.boxcartTotal li {
	 margin:0; padding: 0; font-size:14px;border-bottom: none;
}

.boxcartTotal span {
	float:right; font-size:11px; line-height: 30px;
}

#boxcart-total-area {
	display: none;
}

.basket ul li:hover { border-bottom-color: #ccc }


.basket ul li span.name {
    display: block;
    float: left;
    width: 100px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transition: width .2s ease;
    -moz-transition: width .2s ease;
    -o-transition: width .2s ease;
    -ms-transition: width .2s ease;
    transition: width .2s ease;
}

.basket ul li:hover span.name { width: 146px }

.basket ul li input.count {
    float: right;
    margin: 3px 2px 0 0;
	padding: 0;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    border: 0;
    border-radius: 3px;
    background-color: #ddd;
}

.basket ul li button.delete {
    position: absolute;
    right: 2px;
    top: 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    opacity: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 12px;

    border: 0;
    color: #EE5757;
    background-color: #eee;
    border-radius: 3px;
    cursor: pointer;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.basket ul li:hover button.delete {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    opacity: 1;
}

.basket ul li button.delete:hover {
    color: #fff;
    background-color: #ffa0a3;
}

.basket ul li button.delete:active {
    color: #fff;
    background-color: #EE5757;
}

.ui-widget-overlay {
	position: fixed;
}
/*	jQuery Shopping Cart 2.3.3 */

#holiday h2 {
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 0;
  padding: 5px 10px;
}

#holiday {
  padding-left: 15px;
  padding-bottom: 25px
}

.mainred{
  font-family: 'Exo 2', sans-serif;

  font-size: 12px;
  line-height: 1.5;
  color:#FF0000;
  font-weight:bold;
}

.cookie_law_eu {
  text-align:center;
  font-size:small;
  color:#FFF;
  background-color:#666;
}

/* Quote in Cart 2.3.3.4 */

  .grid-20 {
    float: left;
    width: 20%;
    /* <IE7> */
    *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }


  .grid-30 {
    float: left;
    width: 30%;
    /* <IE7> */
    *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px");
    /* </IE7> */
  }



/* Over Box */
.view {
   max-width: 100%;
   max-height: 100%;
   margin: 5px;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}


.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   color: #fff;
   font-weight:bold;
}
.view img {
   display: block;
   position: relative;
}
.view_footer {
width:100%;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
   font-weight:bold;
}
.view p {
font-family: 'Exo 2', sans-serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #45BA01;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #666;
   -moz-box-shadow: 0 0 1px #666;
   box-shadow: 0 0 1px #666;

}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #666;
   -moz-box-shadow: 0 0 5px #666;
   box-shadow: 0 0 5px #666;
}

/*////////////////////*/

.view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background-color: rgba(146,96,91,0.5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}
.view-sixth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.view-sixth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}
/* Over Box end */

.view2 {
   max-width: 100%;
   max-height: 100%;
   margin: 5px;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
}


/* Atos retour automatique by brouillard s'embrouille */
.AtosEchecHeading {
  font-family: 'Exo 2', sans-serif;

  font-size: 20px;
  font-weight: bold;
  color: red;
}


.AtosEchecHeadingSmall {
  font-family: 'Exo 2', sans-serif;

  font-size: 15px;
  font-weight: bold;
  color: red;
}
/* Fin Atos retour automatique by brouillard s'embrouille */

img.superbg {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}				



#container_featured {
    width:90%;
   background: url(../images/pixel_silver.gif) repeat-x center center;
}

#center_featured {
    width:200px;
    background: #fff;

}

A.featured_accueil {
font-family: 'Exo 2', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  font-style:italic;
}
A.featured_accueil:hover {
font-family: 'Exo 2', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  font-style:italic;
}


a.article {
font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  color: #666;
  font-weight:bold;
}
a.article:hover {
font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  color: #E6007E;
  font-weight:bold;
}

a.calameo {
  font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#999;
}
a.calameo:hover {
  font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #E6007E;
}

A.slide {
font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  color: #E6007E;
  font-weight:bold;
}
A.slide:hover {
font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  color: #FFF;
  font-weight:bold;
}



span.listingProductPrice {
font-family: 'Exo 2', sans-serif;
  font-size: 12px;
  color: #FFF;
  font-weight:bold;
}

span.afdiag {
  font-size: 15px;
  color:#F00;
}

span.gluten {
  font-size: 15px;
  color:#FFA300;
}

span.milk {
  font-size: 15px;
  color:#35E5E1;
}
span.egg {
  font-size: 15px;
  color:#F78F1E;
}

span.local {
  font-size: 15px;
  color:#71A22A;
}

/* Store Search typeahead dropdown width fix for mobiles */
@media (max-width: 767px) {
  ul.typeahead>li>a {
	white-space: normal;
  }
}

/* Store Search typeahead dropdown width fix for vertical tablets */
@media (min-width: 768px) and (max-width: 991px) {
  ul.typeahead>li>a {
	white-space: normal;
  }
  ul.typeahead.dropdown-menu {
    width: 350px;
  }
}


div.searchbox-margin{
	vertical-align:top;
	height:25px;
}

/* BEGIN calendar */

.calendar-print {
	background: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
}

TABLE.calendar {
	background: #fff;
	width: 100%;
       	font-size: 12px;
}

CAPTION.calendar-month {
	font-size: 16px;
	font-weight: bold;
}

A.calendar-info {
	position:relative;
        text-decoration: none;
        z-index:24;
}

A.calendar-info:hover {
        z-index:25;
        background-color:#03121F;
		color:#fff;
}

A.calendar-info span {
        display: none
}

A.calendar-info:hover span {
        display: block;
        position: absolute;
        top: 2em;
        left: 2em;
        width: 15em;
        border: 1px solid #E6007E;
        background: #03121F;
        color: #fff;
        text-align: justify;
        padding: 2px;
}
	
TH.calendar {
	background: #03121F;
	color: #fff;
	font-weight: bold;
	align: center;
	padding: 4px;
}

TD.calendar {
	background: #fff;
	padding: 5px;
	vertical-align: top;
}

TD.calendar-empty {
}

TD.calendar-today {
		background:#FCFAA7;
	padding: 5px;
	vertical-align: top;
}
FONT.calendar-today {
	color: #f33;
	font-weight: bold;
}

TD.calendar-event {
	background: #E6007E;
	padding: 5px;
	vertical-align: top;
}

TD.calendar-eventToday {
        background: #aaf;
        padding: 5px;
        vertical-align: top;
}

TD.calendar-expired {
	background: #FF66BA;
	padding: 5px;
	vertical-align: top;
}
/* END Expired calendar */




@media only screen and (min-width: 959px) {
	    .centre_box {
        width: 500px;
    }
	    .google_map {
/*
        width: 650px;
		height:400px;
*/
    }

	
	div.footer_boxe{
	display:inline-block;
	vertical-align:middle;
	color:#666;
	width:28%;
	max-width:300x;	
	}	

}

@media only screen and (max-width: 959px) {
	    .google_map {
        width: 290px;
		height:180px;
    }

	div.footer_boxe{
	display:inline-block;
	vertical-align:top;
	color:#666;
	}	

}


@media only screen and (min-width: 765px) {
div.contentText_index {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  text-align:justify;
}
.contentText_boxe{
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  background-color:#FFF;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  width:40%;
  text-align:justify;
}

div.contentText_account {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  width:50%;
}

div.contentText_main_topic {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  text-align:justify;
}

div.contentText_article {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  text-align:justify;
}


div.contentText_info {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  text-align:justify;
  width:45%;
}
div.contentText_contact {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  text-align:justify;
  width:40%;
}
div.contentText_contact_carte {
	margin-right:10px;
	margin-left:10px;
	padding: 5px 5px 5px 5px;
  width:90%;
}

div.contentText_blog {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  text-align:justify;
}


.contentText_articles_page {
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:100%;
}



.contentText_organic_page{
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:100%;
}

.contentText_article_info_page{
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:100%;
}

.contentText_labels_page{
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:90%;
}

.contentText_blog_page{
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:90%;
}

.contentText_link_page{
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:90%;
}

.contentText_photos_page{
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:90%;
}

.contentText_contact_page {
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:90%;
}

.contentText_catalogue_page {
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.5;
  width:100%;
}

.contentText_index_page {
  font-size: 14px;
  line-height: 1.5;
  width:100%;
}

.contentText_spec {
	margin-right:5px;
	margin-top:30px;
  font-size: 14px;
  text-align:left;
  line-height: 1;
  border-color:#001040;
  border-width:1px;
  border-style:solid;
  background-color:#fff;
  opacity:0.8;
  display:inline-block;
  vertical-align:top;
  padding: 5px 5px 5px 5px;
  width:450px;
  text-align:left;
}

}

@media only screen and (max-width: 765px) {
div.contentText_index {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  min-width:280px;
  max-width:280px;
  text-align:justify;

}
.contentText_boxe{
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  border-width:1px;
  border-style:solid;
  border-color:#666;
  background-color:#FFF;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  width:280px;
  text-align:justify;
}

div.contentText_account {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  min-width:300px;
  max-width:300px;
}

div.contentText_main_topic {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  min-width:280px;
  max-width:280px;
  text-align:justify;
}

div.contentText_article {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  min-width:280px;
  max-width:280px;
  text-align:justify;
}

div.contentText_info {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  min-width:280px;
  max-width:280px;
  text-align:justify;
}

div.contentText_contact {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  min-width:280px;
  max-width:280px;
  text-align:justify;
}
div.contentText_contact_carte {
	margin-right:2px;
	margin-left:2px;
	margin-top:5px;
	margin-bottom:5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  min-width:280px;
  width:40%;
}

div.contentText_blog {
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 5px 5px;
  color:#001040;
  vertical-align:top;
  display:inline-block;
  min-width:280px;
  max-width:280px;
  text-align:justify;
}

.contentText_spec {
	margin-right:5px;
	margin-top:30px;
  font-size: 14px;
  text-align:left;
  line-height: 1;
  border-color:#001040;
  border-width:1px;
  border-style:solid;
  background-color:#fff;
  opacity:0.8;
  display:inline-block;
  vertical-align:top;
  padding: 5px 5px 5px 5px;
  width:300px;
  text-align:left;
}

}




.show-password {
	font-size: 9px;
	text-transform: uppercase;
	position: absolute;
	cursor: pointer;
	margin-left: -48px;
}

.img-circular{
 width: 200px;
 height: 200px;
 overflow:hidden;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 margin:10px 10px 10px 10px;
  border: 2px solid #666;
}

.img-circular2{
 width: 200px;
 height: 200px;
 overflow:hidden;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 margin:10px 10px 10px 10px;
 padding:15px 15px 15px 15px;
  border: 2px solid #666;
  vertical-align:middle;
}

.img-circular_index{
 width: 70px;
 height: 70px;
 overflow:hidden;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 margin:10px 10px 10px 10px;
 padding:5px 5px 5px 5px;
  border: 2px solid #666;
  vertical-align:middle;
}

.img-circular_shop{
 width: 45px;
 height: 45px;
 overflow:hidden;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 margin:5px 5px 5px 5px;
 padding:2px 2px 2px 2px;
  border: 1px solid #666;
  vertical-align:middle;
}


a.contact{
	font-size:16px;
font-family: 'Exo 2', sans-serif;
  color: #45BA01;
  text-decoration: none;
}
a.contact:hover{
	font-size:16px;
font-family: 'Exo 2', sans-serif;
  color: #45BA01;
  text-decoration: underline;
}




/* svg 02 on */
 image {
       clip-path: url(#svgPath);
}

text {
  fill: white;
  font-size: 15px;
  font-weight:bold;
}

rect {
  fill:#45BA01;
   opacity: .8;
}
a:hover rect {
  fill:#389401;
   opacity: 1;
}




/* svg 02 off */
.imglogo_nb{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

/* svg index diamond on*/
.clip-svg {
  width: 0;
  height: 0;
}

.img-clip-block {
  font-family: 'Cuprum', sans-serif;
  margin: 20px 0;
}

.img-clip-row {
  text-align: center;
}

.img-clip-row:first-of-type .img-clip-wrap {
  background-position: top;
}

.img-clip-row:nth-of-type(2) .img-clip-wrap:nth-of-type(odd) {
  background-position: left;
}

.img-clip-row:nth-of-type(2) .img-clip-wrap:nth-of-type(even) {
  background-position: right;
}

.img-clip-row:last-of-type .img-clip-wrap {
  background-position: bottom;
}

.img-clip-wrap {
  width: 300px; 
  height: 300px; 
  background-image: url("../images/main/accueil.jpg"); 
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: url("#clip-diamond-demo");
}

.overlay {
  background: rgba(171, 147, 116, 0.8);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.overlay-content {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 400;
  font-size: 180%;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.img-clip-wrap:hover .overlay {
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  background: none;
}

.img-clip-img {
  display: block;
}

@media only screen and (min-width: 650px) {
  .img-clip-row {
    margin-top: -154px;
  }

  .img-clip-row:first-of-type {
    margin-top: auto;
  }

  .img-clip-wrap {
    display: inline-block;
  }
}
/* svg index diamond off */


/* spicies */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

div.main_cats {
  /* autoprefixer: off */
/*
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  margin: 0 auto;
*/
  width: 100%;
   }

div.main_links{
	width:100%;
 }

#main_cats2 {
/*
  margin: 0;
  position: relative; 
*/
	margin:5px 5px 5px 5px;
  }


#main_links2 {
	margin:5px 5px 5px 5px;
 }

.img_main_cats2 {
  display: block;
  width: 100%;
  height:auto;
  margin: 10 10 10 10; }

.img_main_cats {
  display: block;
  width: 70%;
  height:auto;
  margin: 10 10 10 10; }


.img_main_links {
  display: block;
  width: 220px;
  height:420px;
  margin: 10 10 10 10; }


.hover {
  -webkit-perspective: 250px;
          perspective: 250px; }


.front {
  vertical-align:bottom;

	margin:5px 5px 5px 5px
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.15);
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }


.back {
  position: absolute;
  display: block;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 5%;
/*  background: rgba(40, 40, 20, 0.7);*/
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
  color: #fff;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }


.flip .front {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg); }

.flip .back {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
 }

/* spicies off*/


#column{
    -webkit-column-count:2; /* Opera, Safari, Google Chrome */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Internet Explorer */
	text-align:left;
}

div.back_text {
  color:#000;
 }

/***** Begin Sitemap_SEO *****/
ul.sitemap {
color: #ff0000;
}
.sitemap {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #0000ff;
  font-weight : normal;
}
.sitemapHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #0000ff;
  font-weight : normal;
}
.sitemapProducts {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #f000ff;
  font-weight : normal;
}
A.sitemap {
  color: #009900;
}
A.sitemap:hover {
  color: #ff0000;
}
.sitemap_indvidual_hdg {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #0000ff;
  font-weight : normal;
}
A.sitemap_indvidual_hdg { color: #009900; }
A.sitemap_indvidual_hdg:hover { color: #ff0000; }
.sitemap_indvidual {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #f000ff;
  font-weight : normal;
}
A.sitemap_indvidual { color: #009900; }
A.sitemap_indvidual:hover { color: #ff0000; }

/***** End Sitemap_SEO *****/ 



/* formulaire */
input, textarea, select, option {

 background-color:#C4FEA0;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 font-size:17px;
 }

select {
 margin-top:10px;
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=checkbox] {
 background-color:transparent;
 border:none;
 width:10px;
 }

input.required, textarea.required, select.required, option.required {
	  font-size: 15px;
 background-color:#FCC;
 }

/* data table */
.dataTableHeadingContent { color: #45BA01; font-weight: bold; }

div.alerte{
	color:#F00;
	text-align:left;
}

input.format_chkbox{
height: 30px;
width: 30px;
}



/* infobulle */
.tooltip
{
  text-decoration:none;
  position:relative;
}
 
 
.tooltip span
{
  display:none;
 
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white; 
}
 
 
.tooltip span img
{
  float:left;
  margin:0px 8px 8px 0;
}
 
 
.tooltip:hover span
{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:1000;
  width:auto;
/*
  max-width:320px;
  min-height:128px;
*/
  border:1px solid black;
  margin-top:12px;
  margin-left:70px;
  overflow:hidden;
  padding:8px;
}

.ui-dialog{
  position: fixed;

  left: 0 !important;
  right: 0 !important;

  padding: rem-calc(15);
  border: 1px solid #d3dbe2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

  max-width: rem-calc(620);
  top: rem-calc(100) !important;

  margin: 0 auto;
  width: calc(100% - 20px) !important;
}


.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:950px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}