/**************************
FEUILLE DE STYLES
**************************/

/**************************
        GENERAL
**************************/

body {
  background: #222 url(images/FlowerSea_body.gif) center repeat-y;    /*image de fond, centrée, répétée selon l'axe des y*/
  width:840px;             /*Taille assez grande pour voir toute l'image (logo notamment)*/
  margin: 0 auto 0 auto;   /*pour centrer toute la page*/
  font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
  font-size: 14px;
  /*font : font-style, font-variant, font-weight, font-size/line-height, font-family;*/
 /* color: #FFF;*/
}

/***********/
/* TITRES */

	/*color: #61a1ee;          /*bleu*/

h1{
  margin: 0px 0px 0px 15px;	
  font: 24px Verdana;
	font-weight: bold;
	text-align:left;
	/*font-variant: small-caps;*/		/*Transforme le texte en petite italique*/
}

h2{
  margin:-15px 0 20px 0;
  font: 14px Verdana;
  font-style: italic;
  text-indent:2%; /* idem margin 15px*/
}

h3{
  margin : 20px 65px 30px 0px;
  padding-left:15px;
  background-color : #222;
  color:#fff;
}

h4 {
  margin : -45px 0 0 0;
}

/**********/
/* TEXTE */

p{                                /*Style des paragraphes*/
  /*text-indent: 2%;*/
	margin:  0 65px 10px 15px;      /* 65px à droite pour rester dans le cadre, 10px entre chaque paragraphe*/ 
                                  /* et 20px à gauche (aligné avec les titres)*/
}

.right {
  text-align: right;
  font-style: italic;
  padding: 0px 20px 0px 0px;
  margin-top:-20px; 
}

/*.underline
{
  border-bottom:1px solid #ff6600;
  margin-right:65px;
}*/

/************/
/* CONTENU */

/* Entete */
#header{  
  background: url(images/FlowerSea_logo.png) center no-repeat;
  height: 195px;
}

/* Fond blanc */
#page{
  background: url(images/FlowerSea_content.png) center repeat-y;
  padding-top: 30px; /*Pour laisser un peu d'air en haut de page*/	
  min-height: 270px /*Taille minimale pour éviter les redimentionnements trop fréquents et fatiguants pour le lecteur*/
}

/*Texte*/
#intro{
  display: table-cell;        /*Permet d'adapter le fond blanc au texte (en hauteur)*/
  vertical-align: middle;
  min-height:245px;
	/*max-height:422px;*/
	text-align: justify;
}

#bloc{
  height:110px;
}

#bloc p, h4{
  margin: 0px 65px 0px 345px;
}

#bloc p{
  text-align: justify;
  margin-bottom: 20px;
}

#bloc img{
  float:left;
  margin-bottom:20px;
}

#plus {
  font-style: italic;
  cursor: pointer;
  text-align:right;
  margin-right:65px;
  text-decoration: underline;
}

#plus:hover{
  color:#ea7900;
  text-decoration: underline;
}

#moins{
  font-style: italic;
  cursor: pointer;
  text-align:right;
  margin-right:65px;
  text-decoration: underline;
  color:#ea7900;
}

#moins:hover{
  text-decoration: underline;
}

/************************
        IMAGES
************************/

img{
  /*size: 20%;*/
  /*width: 40px;
  /*height: 20px;
  position: relative;
  left:675px;
  top:5px;*/
  top: 5px;
  border: 0;
}

.logo{
margin-left: 15px;
}


/***********************
  LIENS HYPERTEXTES
************************/

#liens {
  text-align: center;
  padding-bottom:10px;
}

a:link{
  color: #ff6600; /*#E0691A;*/          /* Orange */
  text-decoration: none;
}

a:visited{
  color: #ff6600; /*#E0691A;*/         /* Orange */
  text-decoration: none;
}

a:hover{
  color: #ea7900; /*#62aee8;*/         /* Bleu */
  text-decoration: underline;
}

a:active{
  color: #ea7900; /*#62aee8;*/          /* Bleu */
  text-decoration:none;
}