/*______________________________________*/
/*			Ecogite de Bessoles			*/
/*______________________________________*/


/*________________________________________*/
/* base */

body {
	background-color : #c7f887;
	font-family : "Comic Sans MS",Verdana,Arial;
	/*letter-spacing : -0.1px;*/
	font-size : 14px;
}

.global{

	background-image : url('../images/repete2.png');
	background-repeat: repeat-y;
	width : 1200px;
	/*height: 780px;*/
	/*margin-left: 119px;*/
}

a{
	text-decoration:none;
	color:#993300;
}

.activiteLink{

	text-decoration:underline;

}


img{

	border : 1px solid black;

}


.fond {

	background-image : url('../images/fond6.png');
	background-repeat: no-repeat;
	width : 1200px;
	margin-top : -1px;
	padding-top : 1px;
}

.precontent{

	padding-top : 1px;
}

.bigContent{
	margin-top : 196px;
	padding-bottom : 20px;
}

.footer{
	background-image : url(../images/bas2.png);
	background-repeat : no-repeat;
	height: 200px;
	
}
/*________________________________________*/
/* Contenu  */

.content{

	margin-left : 425px;
	margin-top: -510px;
	width : 605px;
	border: 2px solid #95AF2B ;
	/*background-color: #D0C67B ;*/
	background-color: #EFECD1;/*#CFC881,#DFDBB5,*/
	color : #0;
	padding: 5px;
	min-height : 440px;
}

.cadre, .cadrePetit{

	border : 2px solid #3B9F12 ;
	padding : 15px;
	width : 350px;
	font-size:inherit!important;
	font-size:0.9em;	
	
} 

.cadrePetit{

	width : 190px;
}

.cadreSansCadre{

	border : none ;
	height: 248px;
}


.cadreContact{
	
	font-weight: bold;	
}

.cadreTitre{
	font-size:18px;
	color:#AF3F00;
}


.lienCommentaire{

	margin-left:205px;
	margin-top : 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

.stronger{

	font-weight : bold;
}


/*________________________________________*/
/* Drapeau anglais */
.englishPage{
	
	margin-left : 455px ;
	margin-top : -22px;

}



/*________________________________________*/
/* copyright */
.copyright{

	font-size : 14px;
	margin-left : 600px;

}


/*________________________________________*/
/* menu */

.menu{
	margin-left : 125px;
	width : 170px;
	min-height: 520px;

}

.accueil, .visite, .elevage, .ecogite, .equipement, .activite, .tarif, .acces, .contact, .planning{
	display:block;
	height : 50px;
	width : 170px;
	background-repeat:no-repeat;
}



.accueil:hover, .visite:hover, .elevage:hover, .ecogite:hover, .equipement:hover, .activite:hover, .tarif:hover, .acces:hover, .contact:hover, .planning:hover{
	height : 62px;
	margin-left : -5px;
	margin-bottom: -12px;
}


.accueil{
	background-image : url(../images/accueil.png);	
}
.accueil:hover{	
	background-image : url(../images/accueilHover.png);	
}

.visite{
	background-image : url(../images/visite.png);
}
.visite:hover{
	background-image : url(../images/visiteHover.png);	
}
.elevage{
	background-image : url(../images/elevage.png);
}
.elevage:hover{
	background-image : url(../images/elevageHover.png);	
}
.ecogite{
	background-image:url(../images/ecogite.png);
}
.ecogite:hover{
	background-image:url(../images/ecogiteHover.png);
}
.equipement{
	margin-left: -3px;
	background-image:url(../images/equipement.png);
}
.equipement:hover{
	background-image:url(../images/equipementHover.png);
}
.activite{
	background-image:url(../images/activite.png);
}
.activite:hover{
	background-image:url(../images/activiteHover.png);
}
.tarif{
	background-image:url(../images/tarif.png);
}
.tarif:hover{
	background-image:url(../images/tarifHover.png);
}
.acces{
	background-image:url(../images/acces.png);
}
.acces:hover{
	background-image:url(../images/accesHover.png);
}
.contact{
	background-image:url(../images/reservation.png);
}
.contact:hover{
	background-image:url(../images/reservationHover.png);
}

.planning{
	background-image:url(../images/planning.png);
}

.planning:hover{
	background-image:url(../images/planningHover.png);	
}

/*________________________________________________________*/
/* divers */
.infoImportante, .infoTresImportante{
	font-weight: bold;
	font-size : 14px;
	text-align : center;
}

.infoTresImportante{
	font-size : 18px;
}


.alignCenter{
	text-align : center;
}

.margLeft50{
	margin-left : 50px;
}


.margLeft100{
	margin-left : 100px;
}


.margLeft150{
	margin-left : 150px;
}


.margTop50{
	margin-top: 50px;	
}

.tableCompteurVisite{

	width : 350px;
	border-collapse:collapse;
}

.tableCompteurVisite td{
	border : 1px solid black;
}


.erreurLogin{
	color: red;
	font-weight: bold;
}

.messageRouge{
	color: red;
	font-weight: bold;
}

/*_______________________________________*/
/*
 * Partie admin
 */
/*_______________________________________*/


.bandeauAdmin{
	
	border: 1px solid brown;
	height: 100px;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	/*background-image:url(../images/bandeauAdmin.png);
	background-repeat: repeat-x;*/
	background-color: gold;
	vertical-align: middle;
	
}

.menuAdmin{
	
	border: 1px solid brown;
	padding-bottom : 10px;
	width: 160px;
	float:left;
	margin-top: 10px;
}

.menuAdmin a{
	text-decoration: none;
	color : black;	
}

.contentAdmin{
	
	border: 1px solid brown;
	float:left;
	margin: 10px;
	width: 1000px;
	padding: 5px;
	background-color: white;
	min-height: 350px;
}

.itemMenuAdmin{

	margin: 10px 10px 0px 10px;	
	border: 1px solid black;
	background-color: gold;
	padding: 5px;
	font-weight: bold;	
}

.titrePage{
	font-weight: bold;
	font-size : 16px;
	text-align: center;
	color : brown;	
}


/* ------ commentaire ------ */
.listeCommentaire{
	border: 1px solid black;
	border-collapse: collapse;
	width: 97%;
	background-color: white;
	margin-left: 15px;
	background-color: orange;
}

.trHeight{
	height: 30px;
}

.trClass1{
	background-color: greenyellow;
}

.trClass2{
	background-color: whitesmoke;
}

.dateCommentaire{

	width: 70px;
	font-size: 12px;
	font-weight: bold;	
}

.idCommentaire{
	width: 20px;
	font-size: 12px;
	padding : 5px;
	font-weight: bold;	
}

/* ------ ----------- ------ */
/* ------ Tab visite  ------ */


.tableauVisite{
	margin-left: 100px;
}

.tableauVisiteDate{
	vertical-align: top;
	font-weight: bold;
	font-size: 14px;
}


.tableauVisitePage{
	
}

.visitePageDiv{
	margin: 2px;
}



/* ------ ----------- ------ */

/* ecogite.php */
.titreParagrapheEco{

	font-weight:bold;
	font-size:16px;
	color : limeGreen;

}


.titreListeEco{

	color : DarkOliveGreen;
	font-weight:bold;
	text-decoration:underline;
}

.titreListeEco2{

	font-size:17px;
	color : DarkGreen;	
	text-decoration:underline;
}




.tableTarif{

	border : 1px solid black;
	font-size : 12px;
	border-collapse : collapse;
	background-color : khaki;

}

.tableTarif td{

	border : 1px solid black;
	padding : 5px;
	
}

.tableTarifGrosseInfo{

	/*font-weight : bold;*/
	font-size : 17px;
	color : DarkGreen;	
}