html
{
	scroll-behavior: smooth;
}

body
{
	margin:0px;
	font-family: 'Raleway', sans-serif;
}

#message
{
	display:inline;
	position:absolute;
	width:100%;
	padding:5px;

	z-index:2;
	background-color:rgba(120,190,66,0.75);
	color:#fff;
	text-align:center;
}

a:link
{
	text-decoration:none;
	color:#fff;
	text-shadow: 0px 0px 3px #333;
}
a:visited
{
	text-decoration:none;
	color:#fff;
	text-shadow: 0px 0px 3px #333;
}
a:hover
{
	text-decoration:none;
	color:#fff;
	text-shadow: 0px 0px 3px #333;
	
}
a:active
{
	text-decoration:none;
	color:#fff;
	text-shadow: 0px 0px 3px #333;
}

a.darklink:link {text-decoration:none; color:#000; text-shadow: 0px 0px 0px #fff;}
a.darklink:visited {text-decoration:none; color:#000; text-shadow: 0px 0px 0px #fff;}
a.darklink:hover {text-decoration:underline; color:#000; text-shadow: 0px 0px 0px #fff;}
a.darklink:active {text-decoration:none; color:#000; text-shadow: 0px 0px 0px #fff;}

a.whitelink:link {text-decoration:none; color:#fff; text-shadow: 0px 0px 0px #fff; }
a.whitelink:visited {text-decoration:none; color:#fff; text-shadow: 0px 0px 0px #fff;}
a.whitelink:hover {text-decoration:underline; color:#fff; text-shadow: 0px 0px 0px #fff; }
a.whitelink:active {text-decoration:none; color:#fff; text-shadow: 0px 0px 0px #fff;}

.bluelinkcontainer
{
display:block;
position:relative;
width:100%;
background-color:#00A3E4;
padding:6px;
margin-left:-6px;
}

.bluelinkcontainer:hover
{
background-color:#F8971C;
}

#logoimg
{
	width:350px;

}

#header
{
display:block;
position:fixed;
z-index:1;
margin:0px;
width:100%;
height:170px;
background-color:#333;
padding-top:0px;
padding-bottom:0px;
padding-left:20px;
padding-right:20px;
}


#logo
{
display:block;
position:relative;
margin-top:10px;
padding-top:0px;
padding-bottom:0px;
}

#header h1
{
	color:#fff;
	font-size:48pt;
	margin-top:0px;
	margin-bottom:-50px;
	text-shadow: #fff 0 0 4px;
}

#header h2
{
	color:#fff;
	font-size:36pt;
	text-shadow: #fff 0 0 4px;
}

#menu
{
	
	display:block;
	position:fixed;
	z-index:1;

	margin-top:170px;
background-color:#f23223;
	width:100%;
}

.menuelm
{
	
	float:left;
	display:block;
	
	height:auto;
	text-align:center;
	position:relative;
	
	padding-left:25px;
	padding-right:25px;
	font-size:16pt;
	z-index:2;
	background-color:#f23223;
	
}

.menuelm:hover
{
	cursor:hand;cursor:pointer;
	background-color:#F4D000;
}





#content
{
	display:block;
	position:relative;
	padding-top:250px;
	min-height:400px;
}

#content2
{
	display:block;
	position:relative;
	margin:10px;
	text-align:center;
}

#content3
{
	display:block;
	position:relative;
	width:85%;
	margin-left:7.5%;
	text-align:left;
}

.floatleft
{
	float:left;
	margin-right:10px;
	padding-right:10px;
	
}

.nofloat
{
	clear:both;
}

#footer
{
	margin-top: 30px;
	margin-bottom: 30px;
	text-align:center;
	font-size:small;
}

.textinput
{
	margin-right:15px;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
	background-color:rgba(240,240,240,1);
	height:35px;
	border:0px;
	
}

.textinput:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgba(120,190,66,0.25);
}

.textinput2
{
	background-color:rgba(240,240,240,1);
}

.textinput2:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgba(120,190,66,0.25);
}

.searchbar
{
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	margin-left:5px;
	margin-right:5px;
	margin-top:-25px;
	height:25px;
	width:300px;
	background-color:rgba(240,240,240,1);
	color:#8F8F8F;
	font-size:14pt;
	border:0px;
}

.searchbar:hover
{
	cursor:hand;cursor:pointer;

}

.submitbutton
{
	
	margin-top:10px;
	border-radius:5px;
	border:0px;
	background-color:rgba(240,240,240,1);
	padding:10px;
	font-weight:bold;

}

.submitbutton:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgba(0,240,0,0.5);
}

textarea
{
	margin-top:10px;
	border-radius:5px;
	border:3px solid rgba(240,240,240,1);
}

textarea:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgba(0,0,240,0.25);
}

.erasebutton
{
	
	margin-top:10px;
	border-radius:5px;
	border:0px;
	background-color:rgba(240,240,240,1);
	padding:10px;
	font-weight:bold;

}

.erasebutton:hover
{
	cursor:hand;cursor:pointer;
	background-color:rgba(240,0,0,0.5);
}

.categories
{
	float:left;
	position:relative;
	display:block;
	width:300px;
	height:300px;
	border:solid 1px #00A3E4;
	text-align:center;
	margin:5px;
	padding:5px;
}

.categories:hover
{
	cursor:pointer;cursor:hand;
	border:solid 1px #F8971C;;
}


.produits
{
	float:left;
	position:relative;
	display:block;
	width:300px;
	height:300px;
	border:solid 1px #555;
	text-align:center;
	margin:5px;
	padding:5px;
}

.produits:hover
{
	cursor:pointer;cursor:hand;
	border:solid 1px #00A3E4;
}

.imgcategories
{
	width:250px;
	min-height:273px;
}

.imgproduits
{
	max-height:250px;
	max-width:200px;
}

.produitsdescription
{
	float:left;
	margin-right:25px;
	max-width:500px;
	text-align:justify;
}

#parentcontainerimgfabricant
{
	float:left;
	position:relative;
	display:block;
	width:500px;
	height:500px;
	border:solid 1px #555;
	text-align:center;
	margin:5px;
	padding:5px;
}

.imgproduitsdescription
{
	max-height:400px;
	max-width:400px;
}

.containerimgfabricant
{
	display:block;
	float:left;
	margin-left:15px;
	margin-right:15px;
	

	height:200px;
}

.imgfabricant
{
	max-height:250px;
	max-width:200px;
	
}

@font-face
{
	font-family: "Codebarre";
	src: url('include/bar_code.ttf');
}

.codebarre
{
	font-family: "Codebarre";
	font-size:40pt;
}