/* CSS Document */
	
	* {
		margin:0px;
		padding:0px;
	}
	
	img {
	border:0px;
	}
	
	body {
		background: #090 url(../images/fondf.jpg) ;
		font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif;
		font-size:10pt;
		color:#333;	
	}
	
	div {
		border:0px solid #ccc;
	}
	
	a {
		color:#000;
		text-decoration:none;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	
	h1 span {
		display:none;
	}	
		
	#general {
		margin-left:auto;
		margin-right:auto;
		width:850px;
		background-color:#090;
		border:0px solid #00F;
	}
		
	#logo {
		position:relative;
		width:850px;
		height:270px;
		background-color:#090;
		border-top:2px solid #F6D04B;
		border-right:2px solid #F6D04B;
		border-left:2px solid #F6D04B;
		background:url(../img/logo7.jpg) no-repeat top left;	
		z-index:1;
	}
	
	#logoTexte {
		position:relative;
		top:108px;
		left:680px;
	}
	
	#logoTexte h1 {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#090;
	}
	
	#contenu {
		position: relative;
		width:850px;
		background-color:#090;
		border-right:2px solid #F6D04B;
		border-left:2px solid #F6D04B;
	}	
	
	/* **************************** */
	/* *********** MENU *********** */
	/* **************************** */
	
	#menu {
		float:left;
		width:28%;
		height:230px;
		background:#090 url(../img/menu-02.jpg) no-repeat;
		border:0px solid #000;
		z-index:1;
	}
	
	#menuTexte {
		position:relative;
		top:110px;
		left:30px;
	}

	#menu li {
		margin-bottom:10px;
		margin-left:10px;
		list-style-type:none;
	}
	
	#menu li a {
		color:#000;
		text-decoration:none;
		letter-spacing:4px;
		padding-right:10px;
		padding-bottom:5px;
	}	
	
	#menu li a:hover {
		color:#090;
		font-weight:bold;
		border-bottom:1px solid #ccc;
		border-right:1px solid #ccc;		
	}
	
	ul span {
		text-decoration:none;
		font-style:italic;
		color:#000000;
	}
	
	/* **************************** */
	/* ********** ETHIQUE ********* */
	/* **************************** */
	
	#ethique {
		float:right;
		width:65%;
		margin:10px;
		border:2px solid #F6D04B;
		text-align:justify;
		background-color: #009900 ;
		background-image:url(../img/fondethinv.jpg);
		background-repeat : no-repeat;
		color:#FFF;
	}

	#ethique p {
		margin:10px;
		color:#9ADF4D;
	}	

	#ethique a {
		color:black;
		font-weight:normal;
	}
	#ethique a:hover {
		color:#9ADF4D;
		font-weight:normal;
	}
	
	#ethique h1 {		
		text-align:right;
		margin:15px;
		color:#9ADF4D ;
	}	
	
	/* **************************** */
	/* ********** ANNONCE ********* */
	/* **************************** */
	
	#annonce {
	position : absolute;
		width:406px;
		height:156px;
		top:265px;
		left:100px;
	}
	
	#annonce_modif {
	position : absolute;
		width:406px;
		height:156px;
		top:265px;
		left:420px;
	}
	
	/* **************************** */
	/* ******* PRESENTATION ******* */
	/* **************************** */
	
	#presentation {
		width:100%;
		background: #9ADF4D url(../img/haut.jpg) no-repeat;
		text-align:justify;
		border-right:2px solid #F6D04B;
		border-left:2px solid #F6D04B;
		border-bottom:1px solid #9adf4d;
	}
	
	#presentation p {
		width:800px;
		margin:25px;
		color:#333;
	}
	
	#presentation a:hover {
		color:#f48502;
	}
	
	#presentation img {
		border:0px solid #000;
		margin:5px;
	}
	
	img.boutique {float:left;}
	
	#presentation h1 {
		color :#F48502;
		height:55px;
		text-align:right;
		margin-top:25px;
		margin-right:15px;
		border:0px solid #00f;
	}
	
	#presentation h1.presente {
		margin-top:40px;
		background:#9ADF4D url(../img/presentation.jpg) right no-repeat;
	}	
	
	#presentation h1.vente {
		margin-top:40px;
		background:#9ADF4D url(../img/vente.jpg) right no-repeat;
	}
	
	#presentation h1.gardien {
		background:#9ADF4D url(../img/gardiennage.jpg) right no-repeat;
	}
	
	#presentation h1.aliment {
		background:#9ADF4D url(../img/alimentation.jpg) right no-repeat;
	}	
	
	#presentation h1.accessoire {
		background:#9ADF4D url(../img/accessoire.jpg) right no-repeat;
	}
	
	#presentation h1.realise {
		margin-top:40px;
		background:#9ADF4D url(../img/realisation.jpg) right no-repeat;
	}
	
	#presentation h1.contacte {
		margin-top:40px;
		background:#9ADF4D url(../img/contact.jpg) right no-repeat;
	}
	
	#presentation h1.faq {
		margin-top:40px;
		background:#9ADF4D url(../img/faq.jpg) right no-repeat;
	}
	
	/* **************************** */
	/* ********** BOTTOM ********** */
	/* **************************** */
	
	#bas {
		width:100%;
		height:50px;
		background:#090 url(../img/bas.jpg) top right no-repeat;
		border-top:0px solid #F6D04B;
		border-right:2px solid #F6D04B;
		border-left:2px solid #F6D04B;
		border-bottom:2px solid #F6D04B;
	}
	
	#bas p {
		text-align:right;
		padding-top:28px;
	}
	
	#bas a {
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#000000;
		font-weight:bold;
		margin:0 10px;
	}
	
	#bas a:hover {
		color:#f48502;
	}
	
	/* **************************** */
	/* ********* TABLEAU ********** */
	/* **************************** */
	
	table {
		border-color:#333333;
		border-style:solid;
		border-width:2px 1px;
		width:95%;
		margin-left:auto;
		margin-right:auto;
		background:url(../img/cadre.jpg) repeat top left;
	}
	
	th {
		height:30px;
		text-align:center;
		border-color:#333333;
		border-style:solid;
		border-width:0 1px;
		border-bottom-width: 2px;
		background: #f48502 url(../img/th.jpg) repeat-x;
	}
	
	tr {
		border-left:1px solid #f00;
	}
	
	td {
		text-align:center;
		border-color:#333333;
		border-style:solid;
		border-width:0 1px;
	}
	
	td a {
		color:black;
		font-weight:normal;
		font-size:9pt;
	}
	
	td a:hover {
		color:#f48502;
		font-weight:normal;
	}
	
	/* **************************** */
	/* ******** FORMULAIRE ******** */
	/* **************************** */
	
	form {
		padding-right:20px;
	}
	
	fieldset {
		padding:10px;
		width:90%;
		margin-left:auto;
		margin:auto;
	}
	
	label {
		display:inline;
		margin-left:25px;
	}
	
	legend {
		font-weight:bold;
		font-size:14px;	
	}
	
	input, select, textarea {
		margin-top:10px;
	}
	
	#boutonCentrer {
		width: 300px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#boutonCentrer input {
		margin: 5px 15px;
		width: 100px;
		height: 25px;
	}
	
	#latin, #commun, #taille, #description, #photo, #telephone, #fax, #mail, #nom, #societe, #rue, #cp, #ville,
	#duree, #delai, #mission, #titre, #dimension, #materiaux, #verre, #poids, #prix, #qte, #categorie {
		border:1px solid #666;
	}
	
	#nom {margin-left:47px;}
	#societe {margin-left:30px;}
	#rue {margin-left:55px;}
	#cp {margin-left:10px;margin-right:50px;}
	#ville {margin-left:10px;}
	#telephone {margin-left:20px;}
	#fax {margin-left:15px;}
	#mail {margin-left:55px;}
	#demande {margin-left:21px;}
	
	.flotte { float:left;}

	img.contact { float : right;}

	/* ****************************************************************** */
	/* *************************** POP UP ******************************* */
	/* ****************************************************************** */
	
	#info_general {
		width:850px;
		height:460px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#info_img {
		float:left;
		width:450px;
		height:450px;
		margin:5px;
	}
	
	#info_img p {
		font-size:18pt;
		font-weight:bold;
	}
	
	#info_img img {
		margin:10px;
		border:2px inset #333;
	}
	
	#info_donnee {
		float:right;
		width:380px;
		height:auto;
		border:1px dotted #ff0;
		background:#9ADF4D url(../img/fondf-opac2.jpg) no-repeat;
		margin-top:25px;
	}
	
	#info_donnee p {
		font-size:12px;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin:5px;
	}
	
	#info_donnee b {
		color:#0D0;
	}
	
	#info_donnee span {
		/* concerne les mesures de protection */
		color:#FFCC33;
	}
	
	#info_description {
		float:right;
		width:350px;
		position:relative;
		border:1px solid #00f;
	}
	
	#nourriture table {
		margin:0px;
		background-image:url(../img/cadre.jpg);
		background-color:#9adf4d;
	}
	
	#nourriture th {
		padding:10px;
		background-color:#94D04A;
		background-image:none;
		border:1px solid #000;
	}
	
	#nourriture p {
		background-color:#fff;
		border:1px solid #aaa;
	}
	
	#nourriture td {
		padding:10px;
	}
	
	#nourriture img {
		border:1px solid black;
	}
	
	.vide {
		background:#679E29 url(../img/cadre2.jpg);		
	}
	
	/* ****************************************************************** */
	/* ************************** GESTION ******************************* */
	/* ****************************************************************** */
	
	#titre {margin-left:16px;}
	#commun {margin-left:13px;}
	#taille {margin-left:26px;}
	#categorie {margin-left:42px;}
	#regime {margin-left:51px;}
	#biotope {margin-left:51px;}
	#origine {margin-left:55px;}
	#mesure {margin-left:5px;}
	#dimension {margin-left:36px;}
	#verre {margin-left:65px;}
	#materiaux {margin-left:39px;}
	#alimentation {margin-left:26px;}
	#qte {margin-left:48px;}
	#photo {margin-left:63px;}
	#description {margin-left:34px;}
	
	/* ****************************************************************** */
	/* ************************** FICHE ID ****************************** */
	/* ****************************************************************** */
	
	#ficheCadre {
		width:auto;
		height:300px;
		padding:5px;
		margin:10px;
		border:1px solid #333;
		background-color:#9ADF4D;
	}	
	
	#ficheCadre img {
		float:left;
		margin-top:20px;
		/*margin:10px;*/
		border:1px solid #333;
	}	
	
	#ficheCadre p {
		float:right;
		margin:10px;
	}
	
	#spacer {
		clear:both;
	}