/* Feuille de style générale pour le site Les Pats */

/* Définition des attributs généraux */
body
{
	margin: 5px ;
	padding: 0 ;
	text-align: center ;
	/*font: 0.8em "Trebuchet MS", helvetica, sans-serif ;*/
	font: 0.75em "Verdana", serif;
	background: #C0C0C0; /*#BEBEBE ;*/
	/*background: #F1F1F1; /*#BEBEBE ;*/
}

/* Taille et couleur globales de la page Web */
div#conteneur
{
	position: relative;
	width: 1000px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid black ;
	/*background: #fff ;*/
	background: #A4C6E1; /*lightgrey; */
	/* background: #E4F3FE; /*lightgrey; */
	/* background: #E1DFDF; /*lightgrey; */
	/*background:url('../index_images/fond_de_page_2.jpg'); no-repeat left bottom ;	*/
	/*background:url('../index_images/fond_de_page_2.jpg'); no-repeat left bottom ; */
}

#conteneur > .clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}

/* Hauteur de la zone d'entête du site */
div#header
{
	/*height: 75px ;*/
	position:relative;
	margin-top:0px;
	/* font-size: 100%; */
	border-bottom: 2px solid black;
	/*background: url('../index_images/panorama.jpg'); no-repeat left bottom;*/
	
}

div#search
{
	/*height: 75px ;*/
	position:relative;
	margin-top:0px;
	padding-top:8px;
	padding-left:10px;
	font-size:90%;
	/*font: 3em "Verdana";
	background: url('../index_images/panorama.jpg'); no-repeat left bottom ;*/
	/* border-top:2px solid black ; */
	border-bottom:2px solid black ;
}

div#search_field
{
	position:absolute;
	vertical-align:middle;
	top:5px;
	right:40px;
	/* right:10px; */
}

div#menu {
	z-index:100;
	float:left;
	/*height:100%;*/
	/*position:absolute;*/
	left:0px;
	top:0px;
	width: 180px;
	margin-top:10px;
	margin-left:0px;
	border-right: 2px solid black;
	/*background:#C8AD7F;*/
}

div#menu p, div#menudroite p {
	margin-top:2px;
	/*margin-bottom:10px;*/
	/*padding-bottom:10px;*/
	font: 0.9em "Verdana";
}

div#menu a {
	color: #000;
	text-decoration: none;
	/*display: block;*/
	font-weight:normal;
}

div#menu img {
	margin-top:10px;
}

/* Définition de la zone de texte */
div#texte
{
	z-index:1;
	/*width:490px;*/
	/*float:left;*/
	/*min-height:100%;*/
	margin-top: 0px;
	margin-left: 180px;
	margin-right: 0; /*120px;	*/
	margin-bottom:0px;
	padding: 40px;
	padding-top:15px;
	border-left: 2px solid black ;
	/*border-right: 2px solid black ;*/
	
	background:transparent;
}

#texte > .clear {
  clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */
}


div#conteneur_histoire 
{
	z-index:1;
	/*width:490px;*/
	/*float:left;*/
	/*min-height:100%;*/
	margin-top: 0px;
	margin-left: 180px;
	margin-right: 0; /*120px;	*/
	margin-bottom:0px;
	padding: 0px;
	border-left: 2px solid black ;
	/*border-right: 2px solid black ;*/
	background:transparent;
	/* background:blue; */
}

#conteneur_histoire:after {
  content: ""; /* Important, sinon l'élément n'est pas généré. */
  display: table;
  clear: both;
}


/* Définition de la zone de texte */
div.texte_chapitres
{
	z-index:1;
	float:left; 
	width:400px;
	min-height:100%;
	padding:15px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0; /*120px;	*/
	margin-bottom:0px;
	/*border-left: 2px solid black ;*/
	/* border-right:2px solid black ; */
	background:transparent;
	/* background:white; */
}

div.texte_paragraphes
{
	z-index:1;
	/*width:490px;*/
	/*float:left;*/
	min-height:100%;
	margin-top: 0px;
	margin-left:400px;
	margin-right: 0; /*120px;	*/
	margin-bottom:0px;
	padding: 40px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:0px; 
	border-left: 2px solid black ;
	/*border-right: 2px solid black ;*/
	/*background: #7ec0ee ;*/
	/* background: green ; */
	background:transparent;
}

/* Définition de la zone de texte pour les histoires */
div#texte_histoire
{
	z-index:1;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px; 
	margin-bottom:0px;
	padding: 10px;
	padding-top:10px;
	border: 1px solid black ;
	background:white;
}


div#texte_admin
{
	z-index:1;
	/*width:490px;*/
	margin-top: 0px;
	margin-left: 180px;	
	margin-right: 0px;	
	margin-bottom:0px;
	padding: 15px;
	border-left: 2px solid black ;
	border-right: 0px solid black ;
	/*background: #7ec0ee ;*/
	background:transparent;
}

#texte h1, #texte_admin h1
{
	line-height: 30px ;
	font-size: 2.4em ;
	margin-top:10px;
	/*border-bottom: 1px solid black ;
	border-left: 2px solid black ;*/
	text-align:center;
	color: black ;
}

#texte h2, #texte_admin h2
{
	margin-left: 0px ;
	margin-top:5px;
	margin-bottom:5px;
	padding-left: 0px ;
	font-size: 1.6em ;
	text-align:center;
	color: black ;
}

#texte p, #texte_admin p
{
	text-align: justify ;
	/*text-indent: 2em ;*/
	line-height: 1.4em ;
	margin-top:10px;
}

		
#texte a, #texte_admin a
{
	color: black ;
	text-decoration:underline;
}

#texte a:hover, #texte_admin a:hover
{
	color: blue ;
	/*font-weight:bold;*/
}

.separation {
	clear: both;
	visibility: hidden;
}

/* Fin de définition de la zone de texte */

div#menudroite {
	position:relative;
	float:right;
	padding:0px;
	padding-top:10px;
	margin: 0px;
	top: 0px;
	width: 110px;
	/*background: #7ec0ee;*/
}

#menudroite a {
	text-decoration: none;
}

div#espace
{
	/*width:720px;*/
	height: 10px ;
}

div#espace li
{
	float: right ;
	text-align: center ;
	margin-left:25px;
}

div#espace li a
{
	text-decoration: underline;
	font-weight:normal;
	color:black;
}

div#espace li a:hover
{
	color:blue;
}

#espacebas
{
	border-top:2px solid black ;
	/*margin-top:10px;*/
	padding:8px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	background: transparent;
	width:1000px;
}

#defilement
{
	position:relative;
	top:-2px;
	height: 35px ;
}

table#tableau {
  /*background-color:transparent;*/
  background-color:white;
  /*border-top: 1px solid #CBD6F9;
  border-left: 1px solid #CBD6F9;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;*/
  border:0;
  width: 100%;
  margin:5px auto;
  padding:5px;
  font-size: 100%;
  border-collapse:collapse;
}

table#tableau td {
  font-size: 1em;
  padding: 5px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}

td#centrer {
  font-size: 1em;
  text-align: center;
  padding: 5px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}
  

table#tableau td li {
	margin-left: 20px;
}

div#etiquettes {
	position:absolute; 
	float:right;
	bottom:5px; 
	right:10px;
}

.bouton_etiquettes  {
	z-index:1;
	background: lightgrey; 
	font-family: "Verdana", serif;
	font-size:9px;
	font-weight:normal;
	margin-right:2px;
	margin-left:2px;
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	color:black;
	border: 1px solid #000000;
	border-top: 1px solid grey;
	border-right: 1px solid grey;
}

div#commentaire_long {
	z-index:99;
	position:absolute; 
	float:left;
	bottom:50px; 
	left:200px;
	/*width:500px;*/
	padding:10px;
	padding-left:0px;
	padding-right:15px;
	margin-left:-10px;
	margin-right:20px;
	/*height:100px;*/
	text-align:left;
	font-family: "Verdana", serif;
	font-size:13px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background:white;
}

div#bouton_commentaire_long {
	z-index:99;
	position:absolute; 
	float:left;
	bottom:5px; 
	left:250px;
	background: lightgrey; 
	font-family: "Verdana", serif;
	font-size:9px;
	font-weight:normal;
	cursor:pointer;
	margin-right:2px;
	margin-left:2px;
	padding:1px;
	padding-left:5px;
	padding-right:5px;
	color:black;
	border: 1px solid #000000;
	border-top: 1px solid grey;
	border-right: 1px solid grey;
}

td.commentaire {
	font-size:0.6em;
	text-align:center;
	vertical-align:top;
	resize:none;
}

.bouton  {
	z-index:1;
	background: royalblue; 
	font-family: "Verdana", serif;
	font-size:12px;
	font-weight:bold;
	margin-right:2px;
	margin-left:2px;
	color:white;
}

.bouton_disabled  {
	background: grey; 
	font-family: "Verdana", serif;
	font-size:10.5px;
	font-weight:normal;
	color:white;
	border:1px solid lightgrey;
	margin-right:2px;
	margin-left:2px;
}