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

body{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#616d3d;
	/*background-color:#eff4cf;*/
	background:url("CHARTE/bg_body.png") repeat-x bottom fixed;
}

a, a:link, a:visited, a:active {
	color:#616d3d;
	text-decoration: none;
}

CHARTE{
	border:none;
}

a:hover {
	text-decoration: none;
	color:#006699;
}

img{
	border:none;
}

select{
	background:url("CHARTE/bg_blanc80.png") repeat;
	padding:4px;
	border:#999999 solid 2px;
	color:#333333;
	/* CSS3 WEB KIT */
	-webkit-border-radius:5px;
	/* CSS3 MOZILLA */
	-moz-border-radius:5px;
}

input{
	background:url("CHARTE/bg_blanc80.png") repeat;
	padding:4px;
	border:#999999 solid 2px;
	color:#333333;
	/* CSS3 WEB KIT */
	-webkit-border-radius:5px;
	/* CSS3 MOZILLA */
	-moz-border-radius:5px;
}

textarea{
	background:url("CHARTE/bg_blanc80.png") repeat;
	padding:4px;
	border:#999999 solid 2px;
	color:#333333;
	/* CSS3 WEB KIT */
	-webkit-border-radius:5px;
	/* CSS3 MOZILLA */
	-moz-border-radius:5px;
}

button {
	background:url("CHARTE/bg_blanc80.png") repeat;
	border:#999999 solid 2px;
	font-weight:bold;
	font-size:12px;
	color:#666666;
	padding:5px;
	line-height:130%;
	text-decoration:none;
	cursor:pointer;
	/* CSS3 WEB KIT */
	-webkit-border-radius:5px;
	/* CSS3 MOZILLA */
	-moz-border-radius:5px;
}
	button:hover, button:focus, button:active {
		background:url("CHARTE/bg_blanc80.png") repeat;
		border:#666666 solid 2px;
		font-weight:bold;
		color:#333333;
		cursor:pointer;
	}

/* 	-----------------------------------------------------------------
	Body page */ 
.body{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:-8px;
	margin-bottom:-8px;
	height:auto;
	width:800px;
	background:url("CHARTE/bg_bodyPage.png") repeat-y center top;
}



/* 	-----------------------------------------------------------------
	Intro */
.introView{
	height:430px;
	margin-top:150px;
	font-size:16px;
	text-align:center;
	color:#000000;
	background:url("CHARTE/img_intro.png") no-repeat center top;
}

.introFlag{
	padding-top:180px;
	text-align:center;
}
.introFlag a{
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
}


.introCitrusWork{
	margin-top:15px;
	text-align:center;
}
.introCitrusWork a{
	padding:5px 50px 5px 50px;
	color:#FFFFFF;
}
	.introCitrusWork a:hover{
		color:#006699;
	}




/* 	-----------------------------------------------------------------
	banniere page */ 
.banniere{
	position:relative;
	left:25px;
	right:25px;
	top:auto;
	bottom:auto;
	height:200px;
	width:750px;
	text-align:center;
}

.linkIntro{
	position:absolute;
	top:0px;
	left:0px;
	height:140px;
	width:250px;
}


/* 	-----------------------------------------------------------------
	Menu */
.menu{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	height:24px;
	width:750px;
	background:url("CHARTE/bg_menu.png") repeat-x top;
	z-index:100;
}

.menu ul{
	height:50px;
	list-style:none;
	margin:0;
	padding:0;
}
.menu li{
	float:left;
	padding:0px;
}

.menu li a{
	color:#ffffff;
	display:block;
	line-height:24px;
	margin:0px;
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
	font-size:11px;
}
	.menu li a:hover, .menu ul li:hover a{
		background:#333333 url("CHARTE/bg_menuHover.png") repeat-x top;
		color:#666666;
		text-decoration:none;
	}
.menu li ul{
	background:#01add7;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	min-width:200px;
	width:auto;
	z-index:200;
}
.menu li:hover ul{
	display:block;
	
}
.menu li li {
	border-top:#ffffff solid 1px;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	min-width:200px;
	width:auto;
	line-height:35px;
}
.menu li:hover li a{
	background:none;
}
.menu li ul a{
	display:block;
	height:24px;
	line-height:24px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	color:#666666;
}
	.menu li ul a:hover, .menu li ul li:hover a{
		background:#4ec6e3;
		border:0px;
		color:#F5F5F5;
		text-decoration:none;
	}
.menu p{
	clear:left;
}


/* 	-----------------------------------------------------------------
	Contenu page */ 
.contenu{
	position:relative;
	left:25px;
	right:25px;
	top:auto;
	bottom:auto;
	min-height:500px;
	height:auto;
	width:700px;
	padding:25px;
	
	font-size:12px;
	background:url("CHARTE/bg_contenu.png") bottom no-repeat  ;
}

.contenu a{
	border-bottom:dotted thin #616d3d ;
}

.infoFalse{
	background:url("CHARTE/bg_blanc80.png") repeat;
	padding:4px;
	border:#990000 solid 2px;
	color:#CC0000;
	visibility:hidden;
	/* CSS3 WEB KIT */
	-webkit-border-radius:5px;
	/* CSS3 MOZILLA */
	-moz-border-radius:5px;
}

.infoTrue{
	background:url("CHARTE/bg_blanc80.png") repeat;
	padding:4px;
	border:#336600 solid 2px;
	color:#669900;
	visibility:hidden;
	/* CSS3 WEB KIT */
	-webkit-border-radius:5px;
	/* CSS3 MOZILLA */
	-moz-border-radius:5px;
}

/* 	-----------------------------------------------------------------
	Bas Page page */ 
.basPage{
	position:relative;
	left:25px;
	right:25px;
	top:auto;
	bottom:auto;
	width:750px;
	height:138px;
	
	text-align:center;
	font-size:10px;
	background:url("CHARTE/img_footer.png") no-repeat top ;
}

.basPage a{
	border-bottom:dotted thin #616d3d ;
}

.siteMap{
	color:#000000;
	padding-top:10px;
}

.mention{
	padding-top:10px;
	font-size:10px;
	color:#819036;
}
.mention a{
	color:#819036;
}
	.mention a:hover{
		color:#006699;
	}