/* @override http://apifend.free.fr/CSS/new.css */

/* CSS Document */

/* =====GLOBAL========== */
html, body {
	height: 100%;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	}
div#global {
	width: 750px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	margin-bottom:5%;
	background: url(../Images/global.png) center repeat-y;
	}
div#center {
	padding-bottom: 50px;
	width:750px;
	position:relative;
	background-color:white;
}
div#header {
	height: 100px;
	background-color:white;
	position:relative;
	z-index:20;
	}
div#footer {
	width: 100%;
	margin-top:7%;
	background-image: url(../Images/test.jpg);
	font-size:10px;
}

.menufoot {
	color:#FFFFFF;
	font-size:10px;
}
.hh{
	font-size:9px;
	color:#FF9933;
}
div#linerechIndex{
	margin:auto;
	background-image:url(../Images/Rech/linerech.png);
	padding-left:200px;
	height:25px;
	width:400px;
}

div#linerech{
	margin:auto;
	background-image:url(../Images/Rech/linerech.png);
	padding-left:200px;
	height:25px;
	width:400px;
}

div#fondtitre{
	width:750px;
	background-image:url(../Images/fondtitre.png);
	padding-top:45px;
	margin: 0 auto;
	position: relative;
}
/* =====FIN GLOBAL========== */



/* =====LIEN========== */
a {
	color: #6c0;
	font-weight: bold;
}
a:hover {
	color: #c00;
	text-decoration:none;
}

.mfoot{
	color:#660000;
	font-size:10px;
}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	margin:auto;
}
/* ===== FIN LIEN ========== */


/* =====NEWS========== */

.titre_news{
	color:#333333;
	font-size:15px;
	font-weight:bold;
}

.tab_news{
	background-image: url(../Images/news.jpg);
	background-repeat:no-repeat;
	width:400px;
	height:240px;
	text-align:center;
	margin-left:20%;
}

.cont_news{
	color:#FF6600;
}

.date_news{
	color:#FF6600;
	font-size:10px;
	font-weight:bold;
}
/* ===== FIN NEWS ========== */


/* =====RECHERCHE========== */

div#bandeDroit{
	float:right;
	width:175px;
	text-align:center;
}

div#recherche{
	margin-bottom:35px;
	float:right;
	width:175px;
	text-align:center;
}

div#rech_titre{
	background:url(../Images/Rech/rechercher.png);
	height:25px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}

div#nuage{
	width:175px;
}

div#nuage_titre{
	background:url(../Images/Rech/nuage.png);
	height:25px;
	margin-top:15px;
}

div#rech_entete{
	background:url(../Images/Rech/fond.png);
	width:550px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	margin-bottom:5px;
	margin-top:5px;
}

div#cat_entete{
	background:url(../Images/Rech/fond7.png);
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	margin-bottom:5px;
	margin-top:5px;
}

a.numlien{
	color: #990000;
}
a.numlien:hover{
	color:#CC0000;
}

/* ===== FIN RECHERCHE ========== */

/* ===== Tableau RECHERCHE ========== */
#cat{
	z-index:0;
	width:730px;
}
/* ===== FIN Tableau RECHERCHE ========== */

/* ===== INDEX ========== */

div#webcam {
	width:740px;
	margin:25px;
}

#prez{
	margin-left:3%;
	margin-top:7%;
	width:700px;
}

#horair{
	margin-top:5%;
	width:700px;

}

/* ===== FIN INDEX ========== */


/* ===== ADMIN ========== */
.img_admin{
	width:300px;
	height:250px;
	background-image: url(../Images/Admin/tab_fond.png);
	margin-left:220px;
}

.tab_admin{
	width:250px;
	margin-left:25px;
	margin-top:25px;
}
/* ===== FIN ADMIN ========== */

.bannieremenu {
	width : 80%;
}


.menugauche {
	height : 7%;
	width :  20%;
}

.div {
	width:80%;
	max-width:1000px;
	min-width:600px;
	max-height:150px;
	text-align:center;
}

.fond {
    color:#FFFFFF;
	background-color:#FEAD41;
	text-decoration:underline;
	}
.titre {
    color:#FEAD41;
	text-decoration:underline;
	font-size:18px;
	font-weight:bold;
}

.conec{
	color:#FF9900;
	font-size:10px;
}

.ref {
    color:#FEAD41;
	text-decoration:underline;
	font-size:14px;
	font-weight:bold;
}

.centré {
	text-align:center;
	}

.good {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:black;
	font-size:12px;
	margin-top:20px;
	}
	
.bienfaits {
	background-color:#FFFF80;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FEAD41;
	font-size:10px;
	}

.titrebienfaits {
	background-color:#FFFF80;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FEAD41;
	text-align:center;
	text-decoration:underline;
	}

.prix {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#CC6600;
	text-align:center;
	text-transform:capitalize;
	font-size:14px;
}

.pagemiel {
    color:#FFFFFF;
	background-color:#FEAD41;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.warning {
	color:red;
	font-size:12px;
}

div#tabcat {
	margin-top:15%;
	margin-bottom:15%;
	width:550px;
	position:relative;
	background-color:white;
	float:left;
}





#descrition{
	margin-left: 50px;
}
#titrearticle {
font-size:12px;
}
#artnvo {
	margin-top:3%;
}
#merci{
	width:750px;
	height:460px;
	background-image:url(../Images/fondecr.jpg);
	color:#FF9900;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:7%;
}
#textmerci{
	width:600px;
	color:#FF9900;
	font:Verdana, Arial, Helvetica, sans-serif;
	margin-top:30%;
	margin-left:10%;
	position:absolute;
	left: 11px;
	top: 208px;
}
a {
	color: #6c0;
	font-weight: bold;
	}
a:hover {
	color: #c00;
	}
.orantablo {
    font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color : #FEAD41;
}

html {
	background:#ddd url(../Images/fond.jpg);
	}
	
	
div#foto {
	margin-left: 0 auto;
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

hr {
	width: 600px;
}

.imgoch {
	float: left;
}

#tab tr:hover {
	background-color:#FFFF99;
}

#tabProd th{
	border:inset;
	background-color: #FF6600;
	border:1px;
	color:#FFFF33;
}

#tabProd tr:hover{
	background-color:#FF9900;
}

#erreur{
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
}


.prev{color:#fff;}
.prev:hover{color:#fff;}
.preview{color:#fff;}
.preview:hover{color:#fff;}
#thumbs {overflow:auto; list-style:none; margin:5%; padding:0;} 
#thumbs li {float:left;} 
#thumbs a {display:block; padding:10px; outline:none;} 
#thumbs a:hover, #thumbs a:focus {background:#eecb00;} 
#thumbs a.active {background:#5e311e;} 
#viewer {position:relative; width:700px; height:465px; margin-left:25%;} 
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}