/* MAIN COLORS */
div.toptitle {
}
/************** LIENS ******************/
a:link, a:visited, a:active, a.none {
	color: #777777; 
	text-decoration:none;
}

h1 a:link, h1 a:visited, h1 a:active {
	}

h1.title a:link, h1.title a:visited, h1.title a:active {
	color: #555555; 
	text-decoration:none;
	}

a:hover { 
	color:#555555;
}

a.mainMenu {
	border-bottom:4px solid #a4eb5d;
	color:#5e4c38;
	display:inline-block;
	margin:2px ;
	padding:0px;
	text-align:center;
	text-decoration:none;	
	font-size:18px;
	width:140px;
	transition:width 0.5s ease;
	text-transform: uppercase;
	}

a.menu {
	border: dotted #999999;
	border-width:1px 0px;
	display:block;
	margin:1px;
	padding:0px;
	text-align:left;
	text-decoration:none;
	}

a.mainMenu:hover, a.current {
	border-bottom:4px solid #5e4c38;
	width:150px;
	}
	
div.sublinks a {
	font-size:20px;
	color:#34C924;
}

a.submenu:link,a.submenu:visited, a.submenu:active {
	font-size:15px;
	} 
/***************** GENERAL ******************/
body { 
	font-size:15px;
	font-family:Montserrat, Verdana, Geneva, sans-serif;
	text-align :center;
	margin:0px;
	padding:0px;
	}

table {
	border-collapse:collapse;
	margin:auto;
	font-size:15px;
	font-family:Montserrat, Verdana, Geneva, sans-serif;
	}

td {
	padding:3px;
	vertical-align:middle;
	}

div {
	text-align:center; 
}

hr {
	clear:both;
	width:80%;
	color:#CCCCCC;
	background-color:#CCCCCC;
	height: 1px;
	border: 0;	
}

p {
	margin:0px;
	}
	
p.error {
	color:red;
	border: red 1px solid;
	font-size:16px;
	}

p.message {
	color:green;
	border: green 1px solid;
	font-size:16px;
	}

div.invisible {
	display:none;
	}

div.visible {
	display:block;
	}

img.clicicon {
	border:none;
	vertical-align:bottom;
	}

p.left {
	text-align:left;
	margin-top:2px;
	}

p.text {
	text-align:left;
	margin:2px 10px;
	}

p.submenu {
	text-align:center;
	border-bottom:1px solid silver;
	font-size:18px;
	width:80%;
	margin:5px auto;
	color:#555555;
	}

/************** MAIN DIVs *******************/
div.toptitle {
	background:white;
	max-width:1100px;
	margin:0px auto; 
	padding:0px; 
	text-align:left;
	background-color:white;	
	clear:both;
}

div.toptitle a {
	width:100%;
	color:white;
	display:block;
	clear:both;
}

div.container {
	background:white;
	height:auto;
	margin:0px auto; 
	padding:0px;
	color:black;
	min-width:550px;
	max-width:1100px;
	clear:both;
	}

div.subcontainer {
	margin:0px; 
	padding:0px;
	text-align:left;
	}

div.menu {
	position:relative;
	top:-30px;
	max-width:1100px;
	padding:0px;
	clear:both;
	text-align:right;
	}
	
div.main {
	position:relative;
	top:-15px;
	width:100%;
	margin:0px;
	min-height:400px;
	text-align:center ;
	clear:both;
}

div.bottom {
	border-top:4px solid #a4eb5d;
	overflow: auto;
	width:100%;
	clear:both;
}

div.mainfooter {
	margin:auto;
	width:1000px;
	text-align:right;
	display:none;
	}
	
/************* FLEX *************/
div.flexrow {
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	flex-wrap: wrap;
}
	

/*********************************/	
h1, h2, h3 {
	color:#5e4c38;
	text-transform: uppercase;
	text-align:center;
	clear:both;	
}
	
h1 {
	margin:5px auto;
	width:85%;
	font-size:20px;
	}

h2 {
	margin:10px auto 5px;
	width:65%;
}
	
h4{
	font-style:italic;
	line-height:2px;
	text-align:left;
}	

input {
	border-radius:3px;
}

div.identification {
	text-align:right; 
	margin:2px 10px;
}

input.bigtext {
	font-size:25px;
	}
	
.center {
	text-align:center;
	}
	
.right {
	text-align:right;
	}
	
.color0 {
	background:#DDDDDD;
	}	
	
.color1 {
	background:#FFFFFF;
	}
	
/*******************************/
div.diaporamahome {
	width:100%;
	padding:0px;
	margin:auto;
}

div.jssor_diaporama {
	width:1100px;
	height:400px;
}

div.diaporama img, div.diaporamahome img {
}

/******* Products *******/
img.products_category_main, img.products_subcategory {
	max-width:100%;
	opacity:.9;
	box-shadow: 0px 1px 5px 1px #888888; 
}

img.products_ourproducts_category, img.mod-products-product-pictures, img.products_category_products {
	max-width:100%;
	margin:.2%;
	opacity:.9;
	box-shadow: 0px 1px 5px 1px #888888; 
}

img.products_category_main:hover, img.products_subcategory:hover, img.products_ourproducts_category:hover, img.mod-products-product-pictures:hover, img.products_category_products:hover {
	opacity:1;
}


div.mod-products-product-mainpicture {
	width:25%;
	margin:1%;
}

div.mod-products-product-description {
	color:#5e4c38;
	margin:1%;
	text-align:left;
	width:70%;
}

a.mod_prod_add_item {
	color:white;
	border:1px solid silver;
	padding:5px;
	background:#a4eb5d;
}

img.products_category_main {
	max-height:300px;
}

div.mod-products-category-categories, div.mod-products-category-products {
	width:23%;
	margin:1%;
}

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

input[type=submit] {
	    cursor: pointer;
		padding:10px;
}

form.contact {
	width:50%;
	margin:auto;
}

form.contact input[type=file] {
	width: 100%;
    padding: 8px ;
    margin: 4px 0;
    display: inline-block;
    box-sizing: border-box;
}

form.contact input[type=text]{
	width: 100%;
    padding: 8px ;
    margin: 4px 0;
    display: inline-block;
    box-sizing: border-box;
}

form.contact input.inline[type=text] {
	width:10%;
	color:red;
}

form.contact select{
    padding: 8px ;
    margin: 4px 0;
}

form.contact input[type=password]{
	width: 100%;
    padding: 10px ;
    margin: 4px 0;
    display: inline-block;
    box-sizing: border-box;
}

form.contact input[type=submit] {
    width: 50%;
    margin: 5px auto;
}

textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

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


@media screen and (max-width: 640px) {
	div.bottom, div.main, div.menu, div.container, div.toptitle {
		max-width:95%;
		min-width:10%;
		min-height:0px;
		position:relative;
		top:0px;
	}
	
	div.bottom {
		margin-top:5px;
	}
	
	div.jssor_diaporama { /* Diaporama */
		width:400px;
		height:145px;
	}
	
	div.menu {
	text-align:center;
	margin:5px;
	}
	
	a.mainMenu, a.mainMenu:hover, a.current {
		margin:2px ;
		font-size:12px;
		width:auto;
		}

	body, table, p { 
		font-size:12px;
	}
	
	.widescreen {
		display:none;
	}

	img.products_category_products, img.products_category_main, img.products_subcategory, img.products_ourproducts_category {
		max-width:100%;
		opacity:1;
	}
	
	div.mod-products-category-categories {
	width:45%;
	}
	
	div.mod-products-category-products {
		width:90%;
	}
	
	div.mod-products-product-mainpicture {
		display:none;
	}
	
	div.mod-products-product-description {
		width:100%;
	}
	
	img.mod-products-product-pictures {
		max-width:45%;
		opacity:1;
	}
	
	img.title {
		max-width:100%;
	}
	
	form.contact {
	width:100%;
	}


}