/* -------------------------------------------------------
 	STYLES GENERAUX
 ------------------------------------------------------- */
body 
{ 
	margin: 0px;
	color: #270041;
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 70.5%;
    /*background: #361146; */
   	background: #ffffff url("../img/fond-fleur-2.jpg") right center;
    background-attachment: fixed;
    
    line-height: 18px;
}

body.imprimer
{ 
	background: #FFFFFF; 
	margin-left: 10px; 
	margin-top: 5px;
	color: #362B0B;
	font-family: Verdana, Arial, Sans-Serif;
    font-size: 62.5%;
}

#langue
{
	position: absolute;
	top: 1px;
	left: 515px;
	z-index: 1000;
	width: 200px;
	text-align: right;
	font-size: 10px;
}

.photo
{
	float: right; 
	padding: 10px; 
	padding-top: 5px; 
	padding-right: 0px; 
	padding-bottom:0px;
}

.insertion-photo-gauche
{
	float: left; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-left: 0px; 
	padding-bottom:0px;
}

.insertion-photo-droite
{
	float: right; 
	padding: 10px; 
	padding-top: 5px; 
	padding-right: 0px; 
	padding-bottom:0px;
}




b
{
	color: #763B96;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
}

ul
{
	list-style-type: disc;
	list-style-position: inside;
	marker-offset: 0px;
	margin: 0px;
}

li
{
	margin: 0px;
	marker-offset: 0px;
	background: #D8E4F9;
}

li.activite
{
	background: #D8E4F9;
	list-style-position: outside;
}

table.tableau
{
	background: #ffffff;
	width: 600px;
}

table.tableau tr.entete td
{
	background: #BFD3F7;
	color: #90A4C8;
	text-transform: uppercase;
}

table.tableau td
{
	background: #D8E4F9;
	padding: 2px;
	text-align: center;
}


#fond-gauche 
{ 
   	position: absolute;
   	top: 0px;
   	left: 0px;
   	height: 200px;
   	width: 150px;
   	/*background:  url("../img/fond-gauche-trans.png") repeat-y left top;*/
   	z-index: 100;
}

#entete
{
	 position: relative;
	 width: 720px;
	 padding: 0px;
	 margin-top: 0px;
	 text-align: left;
	 background: #FFFFF2;
	 line-height: 20px; 
	 color: #BE8EB7;
}

#menu
{
	 position: relative;
	 width: 720px;
	 text-align: center;
	 padding-top: 10px;
	 padding-bottom: 10px;
	 font-size: 13px;
	 font-weight: normal;
	 background: #EBD3E7;
	 /*background: #EBD3E7 url("../img/fond-gauche-trans.png") repeat-y left top;*/
	 background-position: -10px top;
	 color: #BE8EB7;
	 line-height: 20px;
	 border-bottom: dotted 1px #BE8EB7;
	 border-top: dotted 1px #BE8EB7;
}

#page
{
	 position: relative;
	 width: 700px;
	 border-top: 0px;
	 text-align: justify;
	 background: #F7F4F2;
	 padding: 10px;
	 border-top: 0px;
	 /*background: #F7F4F2 url("../img/fond-gauche-trans.png") repeat-y left top;*/
	 background-position: -10px top;
}


#bas
{
	 position: relative;
	 width: 680px;
	 border-top: 0px;
	 text-align: center;
	 padding: 20px;
	 border-top: 0px;
	 padding-top: 2px;
	 padding-bottom: 2px;
	 background: #FFFFF2;
	 color: #BE8EB7;
	 border-bottom: dotted 1px #BE8EB7;
	 border-top: dotted 1px #BE8EB7;
	 /*background: #F7F4F2 url("../img/fond-gauche-trans.png") repeat-y left top;*/
}

#bloc-contenu
{
	margin-left: 20px;
}

#panneau-droite
{
	position: absolute;
	top: 0px;
	left: 370px;
	width: 160px;
}

.ligne-document
{
	border-top: dotted 1px #BE8EB7;
}

.bloc-media
{
	margin-top: 10px;
}

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


#annonce
{
	width: 160px;
	font-size: 9px;
	text-align: left;
	padding: 0px;
	padding-top: 10px;
	margin-left: 20px;
	background: #ffffff;
	margin-bottom: 30px;
}

.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;
	padding-top: 5px;
	border-top: dotted 1px #cccccc;
}

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

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

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

#annonce img
{
	border: solid 1px #aaaaaa;
	margin-bottom: 3px;
}


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

input {
	border: solid 1px #BE8EB7;
	background: #FFFFFF;
	width: 155px;
	padding: 2px;
	font-size: 1.2em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #BE8EB7;
	margin-top: 1px;
	font-weight: bold;
	margin-bottom: 5px;
}

textarea {
	border: solid 1px #BE8EB7;
	background: #FFFFFF;
	width: 250px;
	padding: 2px;
	height: 100px;
	font-size: 1.1em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #BE8EB7;
	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/fleur-2.gif") center center no-repeat;
}


.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: #270041;
	font-weight: bold;
	text-transform: uppercase;
	background: url("../img/fleur-2.gif") no-repeat left top;
	height: 20px;
	padding-left: 20px;
}

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

.titre
{
	text-align: left;
	font-size: 1.8em;
	color: #270041;
	padding-top: 0px;
	padding-bottom: 10px;
	background: url("../img/fleur-2.gif") no-repeat left top;
	padding-left: 40px;
}

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

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


.contenu
{
	font-size: 1.1em;
	margin-bottom: 45px;
	text-align: justify;
	padding-left: 10px;
	padding-top: 3px;
	padding-right: 24px;
}

.contenu-lien
{
	font-size: 1.1em;
	margin-bottom: 0px;
	text-align: justify;
	padding-left: 10px;
	padding-top: 3px;
}




.contenu-journal
{
	font-size: 1.1em;
	margin-bottom: 5px;
	text-align: justify;
	padding-left: 10px;
	padding-right: 24px;
	padding-top: 3px;
}


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

.contenu-gauche
{
	text-align: left;
	margin-bottom: 20px;
	font-size: 1.1em;
	padding-left: 10px;
	padding-right: 24px;
}

.contenu-gauche-detail
{
	text-align: left;
	margin-bottom: 20px;
	font-size: 1.1em;
	padding-left: 20px;
}

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

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

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

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



.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;
}

.contenu img
{
	border: solid 1px #270041;
}

.contenu-journal img
{
	border: solid 1px #270041;
}

.contenu-gauche img
{
	border: solid 1px #270041;
}

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

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

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

a {
	color: #4F1B6C;
	text-decoration: underline;
}

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

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

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

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


a.menu {
	color: #4F1B6C;
	font-size: 1.1em;
	text-decoration: none;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

a.menu:hover {
	color: #95588C;
	font-size: 1.1em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

a.menu-selection {
	color: #95588C;
	text-decoration: underline;
	font-size: 1.1em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}



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

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

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

a.navigation {
	color: #4F1B6C;
}

a.navigation:hover {
	color: #4F1B6C;
}