/* =================================================================================
========================GENERAL===================================================
==================================================================================*/

body
{
	font-family:Verdana;
	padding:0;
	margin:0;
}

#entete
{
	height:122px;
	background-image:url("../pics/fond_haut.jpg");
	width:100%;
}

#entete #voir_caddie
{
	border-style:none;
	padding:0;
	margin:0 0 0 150px;
}

#titre
{
	margin:20px 0 0 50px;
	padding:0;
}


.contenu
{
	width:950px;
	padding:0;
	margin:0;
}



/* =================================================================================
========================INDEX===================================================
==================================================================================*/
#colonne_droite
{
	padding:20px 0 20px 0;
	margin:0;
	float:right;
	width:306px;
}

#colonne_gauche
{
	padding:20px 0 20px 0;
	margin:0 0 0 20px;
	width:614px;
}

.encadre
{
	border:#efefef solid 1px;
	padding:2px;
	margin:10px 0 10px 0;
}

.fond_encadre
{
	background-image:url("../pics/fond_encadre.png");
}

.texte_encadre
{
	font-size:12px;
	padding:0 15px 0 15px;
	margin:0;
	text-align:justify;
}

.texte_presentation
{
	font-size:12px;
	padding:15px;
	margin:0;
	text-align:justify;
}

.texte_presentation a
{
	color:blue;
}

h2
{
	padding: 4px 0 4px 20px;
	margin:0;
	font-size:12px;
	background-color:#efefef;
}

/* =================================================================================
========================NEWS===================================================
==================================================================================*/

p.titre_news
{
	padding:0;
	margin:5px 0 0 0;
	font-weight:bold;
	font-size:12px;
	color:#940F04;
}

p.date_news
{
	padding:0;
	margin:0;
	font-style:italic;
	font-size:11px;
	color:#999;
}

p.message_news
{
	padding:0;
	margin:0;
	font-size:12px;
	text-align:justify;
}

p.lien_news
{
	text-align:right;
	padding:0;
	margin:0;
}

a.lien_news
{
	font-size:11px;
	color:#0000FF;
}

a.lien_news:hover
{
	color:#FF6600;
}

div.news
{
	margin:40px 0 0 40px;
	padding:10px;
	border-width:1px;
	border-color:#ccc;
	border-style:dotted;
}

/* =================================================================================
========================CONTACT===================================================
==================================================================================*/

form#contact
{
	border:1px dashed #ccc;
	margin:40px 0 0 40px;
}

form#contact label
{
	float:left;
	text-align:right;
	padding-right:2px;
	width:40%;
	font-size:12px;
}

form#contact textarea
{
	width:50%;
	height:150px;
}

form#contact input
{
	width:40%;
}

p.titre_form_contact
{
	font-weight:bold;
	font-size:14px;
	padding-left:20px;
}

p.texte_form_contact
{
	padding:0 20px 0 20px;
	text-align:justify;
	font-size:12px;
}

/* =================================================================================
=========================LIENS===================================================
==================================================================================*/

p.titre_page_liens
{
	font-size:14px;
	margin:20px 0 20px 40px;
	font-weight:bold;
}

p.titre_page_liens span
{
	font-size:11px;
	font-weight:lighter;
	font-style:italic;
}

div.liens
{
	margin-left:40px;
}

div.liens p
{
	margin:0;
}

a.titre_lien
{
	font-size:14px;
	color:#940F04;
}

p.commentaire_lien
{
	font-size:12px;
}

a.url_lien
{
	font-size:11px;
	color:#E1771E;
}

/* =================================================================================
========================COLLECTION================================================
==================================================================================*/

#collection
{
	padding:10px;
	margin:20px 0 0 50px;
	border:1px dotted #ccc;
}

#collection p.titre
{
	font-weight:bold;
	color:#940F04;
}

#collection a
{
	color:blue;
	text-decoration:none;
}

#collection a:hover
{
	color:orange;
}

#collection span.nb_elements
{
	font-style:italic;
	font-size:12px;
}

/* =================================================================================
========================LISTE FOSSILES============================================
==================================================================================*/
.miniature_fossile
{
	float:right;
	border-style:none;
}

#liste_fossiles
{
	width:710px;
	padding:0;
	margin:20px 0 0 50px;
}

#liste_fossiles .fossile
{
	float:left; 
	height:150px;
	width:220px;
	border:dotted 1px #ccc;
	margin:2px;
	padding:2px;
}

#liste_fossiles .fossile a
{
	color:blue;
	font-size:13px;
	text-decoration:none;
}

#liste_fossiles .fossile a:hover
{
	color:orange;
	font-size:13px;
	text-decoration:none;
}

#liste_fossiles .fossile p
{
	padding:2px;
	margin:0;
	font-size:12px;
}

#pub_droite
{
	border:1px dotted #ccc;
	margin:20px 0 0 5px;
	float:right;
}

#liste_fossiles p.titre
{
	font-weight:bold;
	color:#940F04;
}

/* =================================================================================
========================DETAIL====================================================
==================================================================================*/

#detail
{
	padding:2px;
	margin-left:50px;
	margin-top:20px;
	border:1px dashed #ccc;
	width:710px;
	font-size:12px;
}

#detail label
{
	float:left;
	width:30%;
	padding:0 0 0 20px;
	margin:0;
	font-weight:bold;
}

#detail p
{
	padding:0;
	margin:0 0 2px 0;
}

#detail #selection
{
	float:right;
	padding:20px 20px 0 0;
}

#detail #selection img
{
	border-style:none;
}

/*======================================================================================
=======================================SELECTION======================================
======================================================================================*/

#selection_cadre
{
	padding:10px;
	margin:20px 0 0 50px;
	border:1px dotted #ccc;
}

#selection_cadre table
{
	width:100%;
	font-size:12px;
	text-align:center;
}

#selection_cadre th
{
	background-color:#ccc;
}

#selection_cadre td
{
	background-color:#efefef;
}

#selection_cadre p.titre
{
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#940F04;
}

#selection_cadre label
{
	float:left;
	width:40%;
	padding:2px;
	text-align:right;
	font-size:12px;
}

#selection_cadre input
{
	width:200px;
}