/* CSS Document */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: black;
	background: url(../img/bg_body.jpg); 
	font-family: "Trebuchet MS", sans-sherif;
	font-size: 14px;
	}

#global_une_colonne {
	display:block;
	position:relative; /* essentiel pour le positionnement du footer  */
	margin-left: auto;
	margin-right: auto; 
	width: 936px;
	background:#F7F3F7;
	border-top:solid 0px #F7F3F7;
	border-bottom:solid 0px #F7F3F7;
	border-right:solid 4px #F7F3F7;
	border-left:solid 4px #F7F3F7;
	}

#global_deux_colonnes {
	display:block;
	position:relative; /* essentiel pour le positionnement du footer  */
	margin-left: auto;
	margin-right: auto; 
	width: 936px;
	background:#F7F3F7 url(../img/bg_contenu_deux_colonnes.jpg) repeat-y;
	border-top:solid 0px #F7F3F7;
	border-bottom:solid 0px #F7F3F7;
	border-right:solid 4px #F7F3F7;
	border-left:solid 4px #F7F3F7;
	}

#global_trois_colonnes {
	display:block;
	position:relative; /* essentiel pour le positionnement du footer  */
	margin-left: auto;
	margin-right: auto; 
	width: 936px;
	background:#F7F3F7;
	border-top:solid 0px #F7F3F7;
	border-bottom:solid 0px #F7F3F7;
	border-right:solid 4px #F7F3F7;
	border-left:solid 4px #F7F3F7;
	}

#header {
	display:block;
	position:relative;
	height:170px;
	background: #652A41;
	}

	#logo {
		display:block;
		width:936px;
		height:170px;
		float:left;
		}
		
	#logo a img {
		border:none;
		}
	
	#menu_acces_rapide {
		float:right;
		margin-right:0px;
		width:476px;
		}
		
		#menu_acces_rapide ul {
			list-style-type:none;
			display:inline;
			margin:0px 4px 0px 0px;
			padding:0;
			}
		
		#menu_acces_rapide li {
			display: block;
			float:left;
			margin: 4px 0px 3px 4px;
			padding: 0;
			}

			/* bouton acces rapide poisson */
			#menu_acces_rapide li a#bouton_acces_rapide_poissons {
				display: block;
				height: 102px;
				width: 152px;
				background: transparent url(../img/bouton_acces_rapide_poisson.jpg) no-repeat 0 0;
				}
			
			#menu_acces_rapide li a#bouton_acces_rapide_poissons:hover {
				background: transparent url(../img/bouton_acces_rapide_poisson.jpg) no-repeat 0 -102px;
				}

			/* bouton acces rapide plantes */
			#menu_acces_rapide li a#bouton_acces_rapide_plantes {
				display: block;
				height: 102px;
				width: 152px;
				background: transparent url(../img/bouton_acces_rapide_plantes.jpg) no-repeat 0 0;
				}
			
			#menu_acces_rapide li a#bouton_acces_rapide_plantes:hover {
				background: transparent url(../img/bouton_acces_rapide_plantes.jpg) no-repeat 0 -102px;
				}

			/* bouton acces rapide technique */
			#menu_acces_rapide li a#bouton_acces_rapide_technique {
				display: block;
				height: 102px;
				width: 152px;
				background: transparent url(../img/bouton_acces_rapide_techniq.jpg) no-repeat 0 0;
				}
			
			#menu_acces_rapide li a#bouton_acces_rapide_technique:hover {
				background: transparent url(../img/bouton_acces_rapide_techniq.jpg) no-repeat 0 -102px;
				}

#navigation {
	display:block;
	height:30px;
	}



#contenu_deux_colonnes { /* =wrapper */
	display:block;
	width:936px;
	/*overflow: auto; /* Important */
	margin-bottom:25px;
	}

	#contenu_colonne_gauche {
		display:block;
		width:570px; /* largeur hors marges 620px */
		margin:25px;
		float:left;
		}

		#contenu_colonne_gauche h1 {
			color:#664846;
			font-size:24px;
			font-weight:lighter;
			margin-top:40px;
			}

		#contenu_colonne_gauche h1.accueil {
			margin-top:0px;
			}

		#contenu_colonne_gauche h2 {
			color:#664846;
			font-size:20px;
			font-weight:lighter;
			color:#868A4D;
			margin-top:40px;
			}
		
		#contenu_colonne_gauche p {
			color:#664846;
			line-height:25px;
			text-align:justify;
			}
		
	
		/* LIENS (pour toutes sections, a regrouper) */
		
		a.lien_interne, a:active.lien_interne, a:visited.lien_interne {
			font-weight:bold;
			color: #9A316F;
			text-decoration:none;
			}
			
		a:hover.lien_interne {
			text-decoration:underline;
			color:#868A4D;
			}
		
		a.lien_externe, a:active.lien_externe, a:visited.lien_externe {
			font-weight:bold;
			color: #9A316F;
			text-decoration:none;
			font-style:italic;
			}
			
		a:hover.lien_externe {
			text-decoration:underline;
			}

		#contenu_colonne_gauche a.lien_accueil, #contenu_colonne_gauche a:active.lien_accueil, #contenu_colonne_gauche a:visited.lien_accueil {
			color: #664846;
			font-weight:bold;
			text-decoration:none;
			}
			
		#contenu_colonne_gauche a:hover.lien_accueil {
			color: #868A4D;
			}
					
		#pub {
			display:block;
			width:100%;
			margin: 0 0 20px 0;
			padding:3px 0 3px 0;
			text-align:center;
			background-color:#E4DDD8; 
			}

		#pub02 {
			display:block;
			width:100%;
			margin: 0 0 20px 0;
			padding:3px 0 3px 0;
			text-align:center;
			}

		#droits-auteurs {
			display:block;
			width:100%;
			margin: 30px 0 15px 0;
			padding:3px 0 3px 0;
			text-align:center;
			color:#784056;
			font-size:16px;
			font-weight:bold;
			}

			#droits-auteurs a {
				color:#784056;
				}
		

	#contenu_colonne_droite {
		display:block;
		width:286px; /* largeur hors marges 316px */
		margin:25px 15px;
		float:right;
		}

		#contenu_colonne_droite h1{
			color:#664846;
			font-size:18px;
			font-weight:lighter;
			}

		#contenu_colonne_droite h2{
			color:#664846;
			font-size:14px;
			text-align:center;
			margin:0 5px 30px 5px;
			}

		#contenu_colonne_droite p {
			color:#664846;
			line-height:22px;
			text-align:justify;
			margin: 0 10px 0 10px;
			font-size:13px;
			}

		#contenu_colonne_droite li {
			line-height:22px;
			margin: 0 10px 0 35px;
			font-size:13px;
			list-style-image: url(/img/puce.jpg);
			list-style-position:outside;
			text-transform:capitalize;
			}

			#contenu_colonne_droite li a {
				color:#664846;
				font-weight:bold;
				text-decoration:none;
				}

			#contenu_colonne_droite li a:hover {
				text-decoration:underline;
				}
		
			#contenu_colonne_droite dl.illustration {
				padding: 0 0 25px 0;
				}

			#contenu_colonne_droite .illustration dd {
				margin:0;
				padding:0;
				text-align:center;
				font-size:12px;
				color:#664846;
				}

				#contenu_colonne_droite .illustration dd a img, #contenu_colonne_droite .illustration dd img {
					border: 3px solid #FFFFFF;
					}

				#contenu_colonne_droite .illustration dd a img:hover {
					border: 3px solid #662B44;
					}

				#contenu_colonne_droite .illustration ul {
					margin:0;
					padding:0;
					}
				
				#contenu_colonne_droite .illustration li {
					list-style-type:none;
					}


			#galerie_acces_rapide_fiches_poissons {
				margin-left:1px;
				}
	
				#galerie_acces_rapide_fiches_poissons a img {
					border: 3px solid #FFFFFF;
					margin: 2px;
					}
	
				#galerie_acces_rapide_fiches_poissons a img:hover {
					border: 3px solid #662B44;
					margin: 2px;
					}
	
			#module-dernieres-discussions {
				margin-left:1px;
				}
			
			#syndication {
				margin-left:18px;
				}

#contenu_trois_colonnes { /* =wrapper */
	display:block;
	width:936px;
	/*overflow: auto; /* Important */
	margin-bottom:25px;
	}

	#contenu_trois_colonnes_colonne_gauche,  #contenu_trois_colonnes_colonne_centre, #contenu_trois_colonnes_colonne_droite {
		width:284px; /* largeur hors marges 316px */
		}

	#contenu_trois_colonnes_colonne_gauche {
		display:block;
		margin:0 0 0 25px;
		padding:0;
		float:left;
		}

	#contenu_trois_colonnes_colonne_centre {
		display:block;
		margin:0 0 0 17px;
		padding:0;
		float:left;
		}

	#contenu_trois_colonnes_colonne_droite {
		display:block;
		margin:0 25px 0 17px;
		padding:0;
		float:right;
		display:inline; /* pour corriger le bug IE6 marge doublée si float right + margin right */
		}

	#contenu_trois_colonnes .liste_item {
		display:block;
		margin-bottom: 25px;
		padding:0;
		}
	
	#contenu_trois_colonnes .liste_item h1 {
		color:#664846;
		font-size:24px;
		font-weight:lighter;
		margin-top:40px;
		}
		
		a.liste_item_h1, a:active.liste_item_h1, a:visited.liste_item_h1 {
			color:#664846;
			text-decoration:none;
			}

		a:hover.liste_item_h1 {
			text-decoration:underline;
			}

	#contenu_trois_colonnes .liste_item img {
		float:left;
		margin: 0px 1em 0px 0px;
		border: 2px solid #E8EDAE;
		}
	
	#contenu_trois_colonnes .liste_item img:hover {
		border: 2px solid #662B44;
		}
	
	#contenu_trois_colonnes .liste_item p {
		margin: 0px;
		color:#664846;
		line-height:20px;
		text-align:justify;
		font-size:12px;
		}

	#contenu_trois_colonnes .bouton_suite {
		display:block;
		text-align:center;
		margin: 10px 0px 25px 0px;
		line-height:25px;
		background:#e5ddda;
		}

	#contenu_trois_colonnes .bouton_suite a, #contenu_trois_colonnes .bouton_suite a:active, #contenu_trois_colonnes .bouton_suite a:visited {
		text-decoration:none;
		color:#664846;
		}

	#contenu_trois_colonnes .bouton_suite a:hover {
		text-decoration:underline;
		}


#contenu_une_colonne { /* =wrapper */
	display:block;
	width:936px;
	/*overflow: auto; /* Important */
	margin-bottom:25px;
	}

	#contenu_colonne_liens {
		display:block;
		width:886px; /* largeur hors marges 316px */
		margin:0 25px 0 25px;
		}
		
		#contenu_colonne_liens h1{
			color:#664846;
			font-size:24px;
			font-weight:lighter;
			margin-top:40px;
			}

		#contenu_colonne_liens p {
			color:#664846;
			line-height:22px;
			text-align:justify;
			margin: 0 10px 0 10px;
			font-size:13px;
			}
		
		#contenu_colonne_liens ul {
			list-style-type:none;
			margin-left:0px;
			}

		#contenu_colonne_liens li {
			color:#664846;
			line-height:22px;
			text-align:justify;
			margin-bottom:10px;
			}

		#contenu_colonne_liens .banniere_468x60 {
			display:block;
			width:468px;
			height:60px;
			margin-top:15px;
			margin-right:auto;
			margin-left:auto;
			}
					

	#contenu_colonne_forum {
		display:block;
		width:886px; /* largeur hors marges 316px */
		margin:0 25px 0 25px;
		}


#footer {
	clear:both;
	display:block;
	height:29px;
	background:#652A41 url(../img/bg_footer.gif) repeat-x;
	line-height:29px;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	}

	#footer a, #footer a:visited  {
		color:#FFFFFF;
		text-decoration:none;
		}

	#footer a:hover  {
		text-decoration:underline;
		}