/* -------------------------------------------------------
 	STYLES GENERAUX
 ------------------------------------------------------- */
body 
{ 
	margin: 0px;
	color: #000000;
	font-family: tahoma, verdana, arial, "times new roman", lucida, sans-serif;
    font-size: 62.5%;
    background: #ffffff; 
    /*background: #ffffff url("../img/collage-2.jpg") no-repeat right top;
    background-attachment: fixed;*/
}

body.imprimer
{ 
	background: #FFFFFF; 
	margin-left: 10px; 
	margin-top: 5px;
	color: #362B0B;
	font-family: tahoma, verdana, arial, "times new roman", lucida, sans-serif;
    font-size: 70%;
}

.fond {
	background-image: url(../images/mollusques2.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


#bloc-contenu
{
}

.bloc-media
{
	margin-left: 10px;
	margin-right: 10px;
}

.bloc-media-produit
{

	width: 650px;
}

ul
{
	margin: 0px;
	padding: 0px;
}

li
{
	display : list-item;
	list-style-type: circle;
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 0px;
}

#annonce
{
	font-size: 9px;
	text-align: left;
	padding: 0px;
	border: dotted 1px #E2ECF5;
	background: #E2ECF5;
	margin-bottom: 30px;
}

#intro-langue
{
	position: absolute;
	top: 550px;
	left: 20px;
}

#intro-rond
{
	position: absolute;
	width: 100%;
	top: 450px;
	text-align: right;
	z-index: 100;
}


.annonce-titre
{
	text-align: left;
	font-size: 1.1em;
	color: #5CADCB;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 4px;
	padding-right: 3px;
}

.annonce-contenu-gauche
{
	text-align: left;
	margin-bottom: 5px;
	font-size: 1.0em;
	padding-left: 10px;
	color: #5CADCB;
}

#annonce img
{
	border: dashed 1px #976E00;
	margin-top: 3px;
}


input.btn-commander {
	border: solid 0px #A4916A;
	background: transparent;
}

input {
	border: solid 1px #5CADCB;
	background: #FFFFFF;
	width: 155px;
	padding: 2px;
	font-size: 1.2em;
	font-family: tahoma, verdana, arial, "times new roman", lucida, sans-serif;
	color: #5CADCB;
	margin-top: 1px;
	font-weight: bold;
	margin-bottom: 5px;
}

textarea {
	border: solid 1px #5CADCB;
	background: #FFFFFF;
	width: 470px;
	padding: 2px;
	height: 100px;
	font-size: 1.1em;
	font-family: tahoma, verdana, arial, "times new roman", lucida, sans-serif;
	color: #434230;
	margin-top: 1px;
	margin-bottom: 5px;
}

#message
{
	color: #ffffff;
	font-size: 1.0em;
	background: #5CADCB;
	font-weight: bold;
	border: dotted 2px #ffffff;
	padding: 5px;
	text-align: center;
}

#puce
{
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 20px;
	height: 20px;
	background: url("../img/puce.gif") center center no-repeat;
}

#langue
{
	text-align: right;
	color: #643782;
	z-index: 100;
	padding-right: 4px;
	text-transform: uppercase;
	font-size: 1em;
}

#langue a
{
	color: #643782;
	background: #ffffff;
}

#entete
{
	 position: relative;
	 margin: auto;
	 width: 520px;
	 background: #ffffff;
	 padding: 10px;
	 padding-bottom: 30px;
	 margin-top: 10px;
	 text-align: center;
}

#page
{
	 position: relative;
	 margin: auto;
	 width: 756px;
}

#page-intro
{
	 position: relative;
	 margin: auto;
}

#menu
{
	position: absolute; 
	top: 165px; 
	left: 15px; 
	z-index: 150;
	width: 750px;
	text-align: center;
}

.page-imprimer
{
	 position: relative; 
	text-align: justify;
	 width: 600px;
}

#pagination
{
	position: absolute; 
	top: 575px; 
	left: 50px; 
	text-align: center;
	width: 270px;
	font-size: 90%;
	z-index: 150;
}

#navigation
{
	text-align: left;
	width: 230px;
	font-size: 90%;
	position: relative;
	height: 10px;
}

#page-suivante
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 219px;
	text-align: right;
	z-index: 300;
	/*background: url("../img/suivant.gif") right center no-repeat;*/
}

#page-precedente
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100px;
	text-align: left;
	z-index: 301;
	/*background: url("../img/precedent.gif") left center no-repeat;*/
}

#ajout-message
{
	width: 150px; 
	height: 50px;
	font-size: 70%;
}

.journal-petit
{
	font-size: 1.1em;
	color: #976E00;
}

.btn-commentaire
{
	
}

.date-journal
{
	font-size: 1.0em;
	color: #434230;
	font-weight: bold;
	text-transform: uppercase;
	/*background: url("../img/puce-entree-bleu.gif") no-repeat left top;*/
	height: 20px;
	/*padding-left: 20px;*/
}

.date
{
	font-size: 1.0em;
	color: #434230;
	font-weight: bold;
	text-transform: uppercase;
	/*background: url("../img/puce-entree-bleu.gif") no-repeat left top;*/
	height: 20px;
	/*padding-left: 20px;*/
}

.titre
{
	text-align: left;
	font-size: 1.0em;
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
}

.titre-commentaire
{
	text-align: left;
	font-size: 1.5em;
	color: #5CADCB;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 10px;
}

.sous-titre-commentaire
{
	text-align: left;
	font-size: 1.1em;
	color: #434230;
	font-weight: bold;
}


.contenu
{
	font-size: 1.0em;
	margin-bottom: 45px;
	text-align: justify;
	/*padding-left: 10px;*/
	padding-top: 3px;
}

.contenu:first-letter
{
	/*font-size: 120%;
	padding: 0px;
	padding-right: 1px;
	font-family: "Times new roman";
	height: 5px;
	line-height: 3px;
	font-weight: bold;*/
}


.contenu-journal
{
	font-size: 1.0em;
	margin-bottom: 5px;
	text-align: justify;
	/*padding-left: 10px;*/
	padding-top: 3px;
}

.contenu-journal:first-letter
{
	/*font-size: 120%;
	padding: 0px;
	padding-right: 1px;
	font-family: "Times new roman";
	height: 5px;
	line-height: 3px;
	font-weight: bold;*/
}

.contenu-photo
{
	font-size: 85%;
	padding-left: 10px;
}

.contenu-gauche
{
	text-align: left;
	margin-bottom: 20px;
	font-size: 1.0em;
	/*padding-left: 10px;*/
}

#commentaire
{
	margin-left: 10px;
	padding: 10px;
	border-left: solid 1px #5CADCB;
	border-bottom: solid 1px #5CADCB;
}

.commentaire-titre
{
	text-align: left;
	font-size: 1.2em;
	color: #5CADCB;
	font-weight: bold;
}

.commentaire-date
{
	text-align: left;
	padding-left: 0px;
	font-size: 1.2em;
	color: #5CADCB;
	font-weight: bold;
	border-bottom: dotted 1px #bbbbbb;
}

.commentaire-contenu
{
	text-align: left;
	font-size: 1.1em;
	color: #434230;
}



.ligne
{
	/*width: 220px;
	height: 17px;
	background: url("../img/ligne.gif") left top no-repeat;*/
	
}

.espace
{
	padding: 10px;
}

.petit
{
	font-size: 90%;
	text-align: left;
}

.espace-vertical
{
	height: 10px;
}

.espace-vertical-petit
{
	height: 5px;
}

img.miniature
{
	border: solid 1px #362B0B;
	width: 100px;
	height: 100px;
	margin: 1px;
	
}

img.pochette
{
	border: solid 1px #362B0B;
	width: 100px;
	height: 100px;
	margin: 1px;
	background: #000000;
}

ul
{
	margin-left: 15px;
	padding-left: 15px;
}

li
{
	text-align: left;
	padding: 0px;
	margin-left: 0px; 
}

/* -------------------------------------------------------
 	LIENS
 ------------------------------------------------------- */

a {
	color: #353023;
	text-decoration: underline;
	font-weight: bold;
}

a.bouton
{
	padding-left: 10px;
	color: #5CADCB;
	cursor: pointer;
	font-size: 1.0em;
}

a.bouton:visited
{
	padding-left: 10px;
	color: #5CADCB;
	cursor: pointer;
	font-size: 1.0em;
}

#annonce a
{
	color: #5CADCB;
	text-decoration: underline;
	font-weight: bold;
}

a.bouton-soumettre
{
	color: #434230;
	cursor: pointer;
	font-size: 1.1em;
}


a.menu {
	color: #434230;
	font-size: 1.1em;
}

a.menu {
	color: #434230;
}

a.menu:hover {
	color: #222222;
}


a.page-actif {
	color: #5CADCB;
	text-decoration: none;
}

a.page-inactif {
	text-decoration: none;
	color: #5CADCB;
}

a.page-inactif:hover {
	color: #5CADCB;
}

a.navigation {
	color: #5CADCB;
}

a.navigation:hover {
	color: #5CADCB;
}