@CHARSET "UTF-8";

body{font-family: Trebuchet, Arial, Verdana; font-size: 12px;}
img{border: 0px;}
	/* header */
	#headerContainer{position:relative;float:left;width:100%;background:#a7d729;z-index:100;height:164px;}
		#headerBlockTop{position:relative;float:left;width:100%;height:164px;z-index:110;}
			#headerLeftContainer{position:relative;float:left;margin-left:80px!important;margin-left:40px;margin-top:10px;}
				#headerLogo{position:relative;width:192px;height:128px;border:3px solid #6eaa14;background:white;}
				#headerMenuTop{position:relative;width:197px;height:11px;background:#fbfff3;margin-top:9px;}
			#headerTopCenterContainer{position:relative;float:left;margin-top:44px;margin-left:127px;bottom:0px;width: 485px;}
				#headerTopPicturesContainer{position:relative;padding-left:44px;}
					.headerTopSmallPicture{position:relative;float:left;width:46px;height:46px;border:1px solid white;margin-left:40px!important;margin-left:30px;;background:black;}
				#headerTopDescription{position:relative;float:left;width:484px;height:40px; background:#195b01;margin-top:32px!important;margin-top:37px; font-family:trebuchet;font-size:14px;color:white;line-height:40px;text-align:center;}
		#headerBlockBottom{position: relative; width:100%;height:171px;}
	#headerBlockRight{position:absolute;display: none;top:45px;left:889px;width:119px;height:335px; background:url("../img/feuille.png") no-repeat;z-index:120;}


	/* bottom */
	#bottomContainer{position:relative;float:left;z-index:1000;height:122px;width:100%;overflow-bottom:hidden;}
		#bottomContainer #adressInfo{position: absolute; z-index: 1000; color: #ffffff; left: 500px; top: -7px;width: 500px; height: 52px; padding: 70px 0px 0px 0px; text-align: right}
		#bottomContainer #adressInfo a, #bottomContainer #adressInfo a:hover{color: #fff}
	#accueilBottomPrincipal{position:relative;height:122px;background:url('../img/Bottom.png');z-index:1;}
	#accueilBottomFeuilleBas{position:absolute;width:172px;height:180px;margin-left:277px;background:url('../img/feuilleBas.jpg');top:-110px;z-index:0;}
	#accueilBottomChateau{position:absolute;width:211px;height:69px;margin-left:580px;background:url('../img/accueilChateau.png');top:-5px;z-index:0;}
	#accueilEspritVert{position:absolute;left:440px;top:-165px;width:505px;height:159px;background:url('../img/EspritVert.png');}
	
	
/*** MENU ***/

#accueilMenu{}
	#accueilMenu a, #accueilMenu a:active, #accueilMenu a:visited{color:#185c00;text-decoration: none}
	
	#accueilMenu .itemsAccueil{background: none;padding-left:19px;line-height:33px; cursor: pointer;}
	#accueilMenu .itemsAccueil.on{background: none; padding-left:7px;font-size:14px;font-weight:bold; cursor: pointer;}
	#accueilMenu .items{padding-left:19px;background-image: url(../img/MenuFond1.jpg);line-height:33px; cursor: pointer;}
	#accueilMenu .items.on{padding-left:7px;font-size:14px;font-weight:bold;background-image: url(../img/MenuFond1.jpg);line-height:33px; cursor: pointer;}
	
	#accueilMenu .items a:hover{color: #92c215}
	#accueilMenu .itemsAccueil a:hover{color: #92c215}
	
	#accueilMenu .submenu{margin-bottom: 10px;}
		#accueilMenu .submenu .items{background:none;padding-left: 35px;line-height:20px; cursor: pointer;font-weight: normal; font-size: 12px}
		#accueilMenu .submenu .items.on a{color: #92c215;}



/*** GENERAL ***/
#mainContainer{margin:10px auto;width:1008px;}
#page{position:relative;float:left;width:1008px;background:url("../img/accueilBackground.jpg") repeat;overflow:hidden;*/ z-index:0;height:auto;}
#page2{position:relative;float:left;width:1008px;background:url("../img/pageBackground.jpg") repeat;overflow:hidden;*/ z-index:0;height:auto;}


/*** PAGES ***/
#accueilMenu{position:relative;float:left;width:197px;margin-left:80px!important;margin-left:40px;background: #fcfff4;min-height:340px;height:auto !important;height:340px;color: #185c00}
#content{position:relative;float:left;width:100%;z-index:50;background:url("../img/AccueilPictures.jpg") no-repeat;overflow:hidden;font:12px "Arial", sans-serif;line-height:15px;}
#content a:hover{text-decoration: none;color:#92c215;}
#contentRight{position:relative;float:left;background:white;width:545px;min-height:300px;border-left:1px solid #e4f3be;padding-left:33px;padding-top:23px;padding-right:33px;}
.contentBlock{}
.contentBlock ul li{margin: 3px 0px 3px 20px}
#contentTitle{font:24px "Trebuchet MS", sans-serif;color:#92c215;font-style:small-caps;}
#contentSubTitle{font-size:15px;color:#92c215;line-height:18px;}
.contentBlock ul{padding:0;padding-left:15px;margin:0;}
#picturesBlock{position:relative;clear: both;margin:20px 0px;}
.contentPictureContainer{position:relative;float: left;width:253px;margin-left:7px;margin-bottom:5px; cursor: pointer}
.contentPictureContainerBig{position:relative;float: left;width:513px;margin-bottom:5px; cursor: pointer}
.contentPictureContainer img{width:220px;margin-left:5px;margin-top:5px;}


/********************  LIGHTBOX *****************/
#divLightbox{position: absolute;display: none;top: 0px; left: 0px;background: #000000; z-index: 1100;}
#divLightboxContent{position: absolute;display: none; z-index: 1103;color: #fff;}
	#divLightboxContent .desc{position: relative; width:90%; float: left; margin: 10px;padding: 5px;background: #FFF; color: #000}

	#divLightboxContent .global {position: relative; float: left; margin: 10px;}
	#divLightboxContent .close{position: absolute; z-index: 1102; cursor: pointer; width: 200px;}
	#divLightboxContent .global .header{color: #fff; font-weight: bold; font-size: 16px;margin-bottom: 15px;}
	#divLightboxContent .global .boxLeft{padding: 5px; width: 45%;position: relative; float: right;}
	#divLightboxContent .global .boxRight{padding: 5px; width: 45%;position: relative; float: right;}
	
	#divLightboxContent .global .box{padding: 30px;background: #fff; color: #1e1e1e; font-size: 11px; width: 254px;}
		#divLightboxContent .global .box .label{margin: 0px;position: relative;width: 250px;clear: both}
			#divLightboxContent .global .box .label .title{float: left;}
			#divLightboxContent .global .box .label .mandatory{float: right; width: 13px; height: 13px; background: url(<?=BASEURL?>public/img/front/mandatory.gif)}
		#divLightboxContent .global .box .input{margin: 5px 0px 15px 0px;position: relative;width: 250px;clear: both;}
		#divLightboxContent .global .box .inputCheck{margin: 5px 0px 5px 0px;position: relative;width: 120px;float: left; }
		#divLightboxContent .global .box .labelRadio{margin: 3px 0px 3px 10px;position: relative;width: 220px;float: left;}
		#divLightboxContent .global .box .inputRadio{margin: 0px 0px 0px 0px;position: relative;width: 20px;float: left;}
		#divLightboxContent .global .box input,#divLightboxContent .global .box textarea{border: 1px solid #8d8d8d; width: 100%;}
		#divLightboxContent .global .box input.off{width: auto; height: auto;}

		#divLightboxContent .global .box .submitDiv {position: relative; width: 250px;}
			#divLightboxContent .global .box .submitDiv .mandatoryDiv{position: relative;width: 135px;float: left;text-align: left; font-size: 10px;}
				#divLightboxContent .global .box .submitDiv .mandatoryDiv label.error{display: block; clear: both;color: #e1338a; font-size: 10px;}
			

			#divLightboxContent .global .box .submitDiv .submit{position: relative;width: 105px;float: right;}
				#divLightboxContent .global .box .submitDiv .submit .button{position: relative;width: 100px;float: right;height: 20px; line-height: 20px;}
		

	#divLightboxContent .global .footer{clear: both;text-align: right; margin: 0px; padding: 0px; background: #333; height: 20px;width: 100%;}
		#divLightboxContent .global .footer .submit{position: relative;cursor: pointer;width: 100px;float: right; color: #fff;height: 20px; line-height: 20px; font-size: 10px;text-align: left; padding-left: 15px;background: url(<?=BASEURL ?>public/img/front/background/blackLightboxButton.png) right no-repeat;}

	#divLightboxContent .global .box.scroll-pane{position: relative; z-index: 904;overflow:hidden; height: 200px; width: 254px; }
