@charset "utf-8";
/* CSS Document */

body {
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0px;
	background-color: #FFFFFF;
	width: 1010px;
	margin: auto;
}
#topmenu
{
	width:1106px;
	height:auto;
	position:relative;
	margin-right: auto;
	margin-left: auto;
	color:#ffffff;
	font-family: , Verdana, Arial, sans-serif;
	line-height:normal;
	width: 1106px;
	text-align: justify;
	background-image: url(../images/bgmenu.png);
	margin-top: 25px;
	background-repeat: no-repeat;
	display: block;
	float: left;
}
#bodyPanel
{
	width:1106px;
	height:700px;
	text-decoration: none;
	position: relative;
	margin: auto;
	background-image: url(../images/bgbodypanel.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#Panelcentercontentprod a.bouthara {
    float: right;
    height:80px;
    margin-left: 30px;
    margin-right: 30px;
    text-decoration: none;
    width: 200px;
 background-image:url("../images/bt_elhara.png");
 background-repeat:no-repeat;
}
#Panelcentercontentprod a.boutmedina {
    float: right;
    height:80px;
    margin-left: 30px;
    margin-right: 30px;
    text-decoration: none;
    width: 200px;
 background-image:url("../images/bt_medina.png");
 background-repeat:no-repeat;
}
#bodyPanelacc
{
	width:auto;
	height:auto;
	text-decoration: none;
	position: relative;
	margin: auto;
	background-image: url(../images/bgbodypanel.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	display: block;
}
#bodyPanel1
{
	width:1106px;
	height:750px;
	text-decoration: none;
	position: relative;
	margin: auto;
	background-image: url(../images/bgbodypanel.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#footer {
	background-position:center top;
	width:1106px;
	height:53px;
	background-image: url(../images/bgmenu.png);
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	margin-top: 10px;
}
#footer .Style1 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
	padding-top: 5px;
	text-decoration: none;
	text-align: right;
	height: auto;
}
#footer .Style1 a{
	color: #FFFFFF;
	border: 0px;
	width: 80px;
}
#Paneldroite{
	width:142px;
	height:225px;
	text-decoration: none;
	position: relative;
	background-color: #FFFFFF;
	float: right;
	display: block;
	margin-top: 15px;
}

#Panelcenter{
	width:200px;
	height:225px;
	text-decoration: none;
	float: left;
	padding-left: 0px;
	position: relative;
	display: block;
	margin-left: 20px;
	margin-top: 20px;
}

#Panelcenter h1{
	color:#405100;
	font-size:22px !important;
	font-weight:bold !important;
	line-height:20px;
	word-spacing:-1px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	width: 300px;
}
#Panelcenter p{
	color:#666666;
	font-family: arial;
	line-height:normal;
	width: 700px;
	text-align: justify;
	font-size: 13px;
	padding-left: 0px;
	margin:0px;
	margin-top: 10px;
	font-weight:normal;
}

#Panelcentercontent{
	width:830px;
	height:auto;
	text-decoration: none;
	position: relative;
	background-color: #FFFFFF;
	opacity:0.90;
	margin-left:15px;
	float: left;
	margin-top: 15px;
}
#Panelcentercontentcontact{
	width:820px;
	height:680px;
	text-decoration: none;
	position: relative;
	background-color: #FFFFFF;
	opacity:0.95;
	margin-left:0px;
	float: right;
	margin-top: 15px;
}
#Panelcentercontent h1{
	color:#405100;
	font-size:22px !important;
	font-weight:bold !important;
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	width: 830px;
	float: left;
}
#Panelcentercontentdjerba h1{
	color:#405100;
	font-size:22px !important;
	font-weight:bold !important;
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
}
#Panelcentercontent p{
	color:#000000;
	font-family: arial;
	line-height:normal;
	width: 400px;
	text-align: justify;
	font-size: 13px;
	padding-left: 0px;
	margin:0px;
	margin-top: 10px;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	display: block;
	padding-right: 0px;
	margin-right: 20px;
	font-weight: normal;
}
#Panelcentercontentdjerba p{
	color:#000000;
	font-family: arial;
	line-height:normal;
	width: 800px;
	text-align: justify;
	font-size: 13px;
	padding-left: 0px;
	margin:0px;
	margin-top: 10px;
	float: left;
	margin-left: 10px;
	margin-bottom: 20px;
	font-weight: normal;
}

#Panelbas{
	width:251px;
	height:200px;
	text-decoration: none;
	position: relative;
	float: left;
	background-image: url(../images/hautplan.png);
	margin-left: 25px;
}
#carousol{
	width:766px;
	height:350px;
	text-decoration: none;
	float: right;
	position: relative;
	background-image: url(../images/bgcarrousel.png);
	background-repeat: repeat-x;
	/*opacity:0.80;*/
	margin-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#carousol1{
	width:746px;
	height:330px;
	text-decoration: none;
	float: right;
	position: relative;
	background-repeat: repeat-x;
	/*opacity:0.90;*/
	margin: 10px;
	background-color: #405100;
}
#carousol2{
	width:710px;
	height:300px;
	text-decoration: none;
	float: right;
	position: relative;
	background-repeat: repeat-x;
	/*opacity:0.90;*/
	margin: 20px;
	background-color: #FFFFFF;
}
#logo {
	height: 214px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	width: 196px;
	float: left;
	z-index: 200;
	margin-left: 0px;
	top: -2px;
	padding-left: 0px;
	text-align:center;
}
#lang {
	height: 30px;
	width: auto;
	float: left;
	padding-left: 130px;
	padding-top: 10px;
}
#plan {
	height: 202px;
	width: 256px;
	float: left;
	z-index: 200;
	position: absolute;
	margin-left: 30px;
	top: 647px;
	bottom: -10px;
	background-image: url(../images/plan.png);
}
#plan1 {
	height: 222px;
	width: 276px;
	z-index: 200;
	margin-left: 10px;
	top: 647px;
	bottom: -10px;
	background-image: url(../images/plan1.png);
	float: left;
}
#plan1 h4{
	height: 25px;
	display:block;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-variant:small-caps;
	padding-left:20px;
	padding-top:20px;
	color:#333333;
}
#plan1acc {
	height: 222px;
	width: 276px;
	float: left;
	z-index: 200;
	margin-left: 10px;
	bottom: -10px;
	background-image: url(../images/plan1.png);
	/*margin-top: 300px;*/
	background-repeat: no-repeat;
}
#plan1acc h4{
	height: 25px;
	display:block;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-variant:small-caps;
	padding-left:20px;
	padding-top:20px;
	color:#333333;
}
#plandac {
	height: 160px;
	width: 220px;
	margin-left: 25px;
	margin-top: 0px;
	background-color: #FFFFFF;
	display: block;
}
#styleone{
	position:relative;
	font-size:16px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	margin-left: 0px;
	padding-left: 35px;
	height: auto;
}
#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styleone ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
	margin-top: 10px;
}
#styleone ul li a{
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	padding:3px 20px 0 20px;
	height:18px;
}
#styleone ul li a:hover,#styleone ul li a.current{
	color:#006600;
	background:transparent url(bgON.gif) repeat-x top left;
}
#plan #plandac {
	height: 160px;
	width: 200px;
	margin-left: 25px;
	margin-top: 30px;
	background-color: #FFFFFF;
}
#bodyPanel1 img.topoliva {
	width: 340px;
	float: right;
	margin-top: 15px;
	border: 5px solid #7F9919;
	margin-right: 30px;
}
#produit{
	width:190px;
	height:300px;
	float: left;
	position: relative;
	background-image: url(../images/bgcarrousel.png);
	background-repeat: repeat-x;
	margin-right: 30px;
	background-position: left bottom;
	margin-bottom: 30px;
	margin-top: 30px;
	margin-left: 30px;
}
#prod1{
	width:170px;
	height:210px;
	position: relative;
	margin: 10px;
	background-color: #405100;
	padding-top:0px;
}
#prod2{
	width:170px;
	height:210px;
	position: relative;
	margin:0px;
	background-color: #FFFFFF;
}
.imgG {
	border:0 none;
	height:200px;
	margin:0px;
	padding:0;
	width:170px;
}
#Panelcentercontentprod{
	width:830px;
	height:700px;
	text-decoration: none;
	position: relative;
	background-color: #FFFFFF;
	margin-left: 0px;
	opacity:0.90;
	float: right;
	margin-top:15px;
	display: block;
}
.imgG2 {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	border: 0;
	width:170px;
}
#pagination {
	float: left;
	width: 655px;
	height: 20px;
	margin-right: 5px;
	padding-left: 120px;
	text-align: center;
}
#pageActive{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#003300;
	background-repeat:no-repeat;
	float:left;
	height:20px;
	margin-bottom:2px;
	margin-left:7px;
	padding:2px 5px;
	font-weight: bold;	/*width:15px;*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #fff;
}
#pageActive a { color: #fff;}
#page a { color: #fff;}
#page {
	background-color: #8DA520;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float:left;
	height:20px;
	margin-bottom:2px;
	margin-left:7px;
	padding:2px 5px;
	font-weight: bold;	/*width:15px;*/
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #fff;
}
#prodlife{
	float:right;
	width:700px;
	text-align:right;
}
#bout {
	height: 26px;
	width: 62px;
	float: right;
	margin-left: 30px;
	margin-right: 30px;
	background-image: url(../images/det.png);
}
#Panelcentercontentprod .page{
	display:block;
	float:left;
	text-align:center;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
	padding:0 0 0 15px;
}
#Panelcentercontentprod a.bout1 {
	height: 26px;
	width: 80px;
	padding-top: 5px;
	float: right;
	margin-left: 30px;
	margin-right: 30px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	background-color:#003300;
}
#anim {
	float: right;
	height: 250px;
	width: 340px;
	margin-top: 15px;
	border: 5px solid #7F9919;
	margin-right: 30px;
}
#totalimage
{
height: auto;
	margin-top: 15px;
	
	float:right;
}
#anim2 {
	/*height: 190px;
	width: 120px;*/
	margin-top: 15px;
	margin-right: 30px;
	float:right;
	border:2px solid #7F9919;
}
#detail {
	width: 830px;
	height: 700px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	font-style: normal;
	line-height: normal;
	text-transform: capitalize;
	text-align: center;
	background-image: url(../images/fond-det.png);
	background-repeat: no-repeat;
	margin-left: 10px;
	border:#CCCCCC solid 1px;
}
h1.titre
{
	display:block;
	width:280px;
	height:21px;
	font:12px/28px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	left:0px;
	color: #1272AC;
}
h2
{
	display:block;
	width:280px;
	height:37px;
	font:22px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	left:0px;
	color: #0E4C73;
	text-align:left;
	
}
p.description
{
	display:block;
	width:500px;
	height:auto;
	font:11px/28px "Trebuchet MS",Arial, Helvetica, sans-serif;
	left:0px;
	color: #405100;
	text-align: justify;
}
#Panelcentercontentdjerba h1  img {
	border: 5px solid #7F9919;
	margin-left: 10px;
}
#Panelcentercontentdjerba{
	width:830px;
	height:680px;
	text-decoration: none;
	position: relative;
	background-color: #FFFFFF;
	opacity:0.80;
	margin-left:31px;
	float: left;
	margin-top: 15px;
}
.entry {
	padding: 30px 20px 0px 20px;
}
.entry img{
float:right;
}
.entry input{
	padding:0.15em 0.4em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 1em arial, sans-serif;

	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	margin:0.1em 0;
	width: 200px;
}
.entry textarea{
	padding:0.15em 0.4em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 1em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	margin:0.1em 0;
}
.entry label{
	font:bold 12px/26px Arial, Helvetica, sans-serif;
	color:#02354F;
	float:left;
	margin-left: 0px;
}
.entry form.member{
	width:auto;
	height:auto;
	background-color:#fff;
	margin-bottom: 13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.entry span{
	margin-top:55px;
	margin-left:140px;
	width: 250px;
}
.entry input.normal{
	padding:0.15em 0.4em;
	width:8em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 1em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
	margin:0.1em 0;
}
.entry h2{
	color:#405100;
	font-size:18px !important;
	font-weight:bold !important;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	display: block;
	height: 20px;
}
.entry p{
	color:#333333;
	font-family: arial;
	line-height:normal;
	width: 700px;
	text-align: justify;
	font-size: 12px;
	padding-left: 0px;
	margin:0px;
	margin-top: 20px;
	font-weight: normal;
	display: block;
}
.entry p.cus{
	color:#333333;
	font-family: arial;
	line-height:normal;
	width: 280px;
	text-align: justify;
	font-size: 12px;
	padding-left: 0px;
	margin:0px;
	margin-top: 20px;
	font-weight: normal;
	display: block;
}
.entry a{
	color:#718E14;
}
#Panelcentercontentcontact .entry #form1 table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#Panelcentercontentprod table {
	background-color: #C0CF34;
	color:#666666;
	font-size:11px;
	font-weight: bold;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
}
#Panelcentercontentprod td {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #718E14;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#Panelcentercontentprod td p {
	height: 20px;
	margin: 0px;
	text-align: center;
}
#Panelcentercontent a.pdf {
	float: left;
	height: 35px;
	width: 130px;
	background-image: url(../images/btpdfh.png);
	background-repeat:no-repeat;
	margin-right:20px;
	margin-left:0px;
	padding-left:20px;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	padding-top: 3px;
}
#Panelcentercontent a.pdf:hover {
	float: left;
	height: 40px;
	width: 130px;
	background-repeat:no-repeat;
	margin-right:20px;
	margin-left:0px;
	padding-left:20px;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00672b;
	font-weight: bold;
	padding-top: 3px;
	background-image: url(../images/btpdf.png);
}
#Panelcentercontent a.pres {
	float: left;
	height:40px;
	width: 121px;
	background-repeat:no-repeat;
	margin-right: 70px;
	margin-left: 40px;
	padding-left:25px;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	padding-top: 3px;
	background-image: url(../images/presentation.png);
}
#Panelcentercontent a.pres:hover {
	float: left;
	height:40px;
	width:121px;
	background-repeat:no-repeat;
	margin-right:70px;
	margin-left:40px;
	padding-left:25px;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00672b;
	font-weight: bold;
	padding-top: 3px;
	background-image: url(../images/presentationh.png);
}
#Panelcentercontent a.vid {
	float: left;
	height: 35px;
	width: 130px;
	background-repeat:no-repeat;
	margin-right: 70px;
	margin-left: 40px;
	padding-left:20px;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	padding-top: 10px;
	background-image: url(../images/btvidh.png);
}
#Panelcentercontent a.vid:hover {
	float: left;
	height: 35px;
	width: 130px;
	background-repeat:no-repeat;
	margin-right:70px;
	margin-left:40px;
	padding-left:20px;
	display:block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#00672B;
	font-weight: bold;
	padding-top: 10px;
	background-image: url(../images/btvid.png);
}
.lien {
	float: left;
	height: 40px;
	margin-top: 20px;
	width: 800px;
}
#Panelcentercontent a.suite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6F8D14;
	float: right;
}
#produit p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	margin-left: 10px;
	margin-bottom: 5px;
	color: #FFFFFF;
	width:auto;
	text-align:center;
}#animpres {
	height: 324px;
	width: 801px;
	margin-left: 20px;
	margin-top: 20px;
	border: 5px solid #669900;
}
#center{
	margin-left: 0px;
	float: right;
	padding-left: 0px;
	margin-bottom: 10px;
	width:auto;
	height:460px;
}