/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

body {
	margin: 0px 0;
	padding: 0;
	background: #000000 url('images/back_all.gif');
	font: normal small Arial, Helvetica, sans-serif;
}

#header {
	height: 130px;
	margin: 0px;
	/*width: 960px;*/
	width: 100%;
	background: url('images/header2.jpg') no-repeat;
}

#header * {
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}


#header strong {
	padding-left: 5px;
	padding-top: 5px;
	font-size: 36px;
}

#menu {
	min-height: 41px;
	width: 100%;
	margin: 0px;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	background: #37AEF2 url('images/menu.gif');
	font-size: 1.2em;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 31px;
	padding-top: 10px;
	width: 110px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover, #menu .active a {
	background: url('images/menu_r.gif');
	color: #FFFFFF;
}

/* Footer */

#footer {
	margin: 0px;
	width: 100%;
	padding: 10px 0;
	background: url('images/img6.gif') repeat-x;
	font-size: smaller;
	text-align: center;
}

#footer * {
	color: #a35a28;
}

#footer p{
	text-align: center;
}

div.container{
	background: url('images/fond.png')repeat-y;
}

p {
	text-align: justify;
	font-size: 1.1em;
	margin: 5px 10px;
}

.entry {
	padding: 0 10px 5px 15px;
}

#lafable h1{
	text-align: left;
	font-weight: bold;
	font-size : 1.8em;
	margin: 5px 5px 5px 15px;
}

p.fable {
	text-align: justify;
	font-size: 1.2em;
	margin: 5px 10px 20px 10px;
}

p.fable:first-letter {
	font-size: 200%;
	float: left;
	background-color: #FFFFC6;
	border: 2px solid #CC3300;
	padding: 2px;
	margin: 2px;
}

div.navother{
	margin: 20px 10px 10px 10px;
	border: 1px solid #CC3300;
}

.navother h2{
	margin: 0px;
	padding: 0px 5px;
	text-align: left;
	background-color: #B13413; /**/
	color: #fff;
	font-size: 1.2em;
	line-height: 22px;
	font-weight: bold;
}

.entrylink {
	padding: 0 10px 5px 15px;
	text-align: center;
}

.entrylink .prec {
	display: block;

	float: left;
	text-align: left;
}

.entrylink .suiv {
	text-align: right;
	display: block;
	float: right;
	
}

h1 {
	margin: 2px;
	padding: 2px;
	font-size: 1.6em;
	text-align: center;
	line-height:20px;
}

h2 {
	margin: 0px;
	padding: 2px;
	font-size: 1.6em;
	text-align: left;
}

h1, h2, h3 {
 color: #B13413;
}

h1 a{
	color: #B13413;
	text-decoration: none;
	font-weight: bold;
	margin: 2px 0px;
	padding: 0px;
}

.minia a {
	font-size: 1.1em;
	color: #888888;
	text-decoration: none;
}

p.minia {
	text-align: center;
}

#sidebar{
	margin-top: 20px;
}

#sidebar li h2 {
	background: url('images/menu_r.gif') repeat-x left top;
	padding-top: 4px;
	padding-left: 20px;
	margin-bottom: 0;
	color: #FFFFFF;
	height: 37px;
}

#sidebar li ul {
	line-height: normal;
	margin-left: 5px;
}

#sidebar li li {
	padding: 1px;
	font-size: .9em;
	margin: 0px 0px;
}

#sidebar li a {
	border: none;
	padding-left: 10px;
	color: #B13413;
	margin: 0px 0px;
}

#sidebar li a:hover {
	color: black;
}

#comments {
	
}

#pub1 {
	margin-top: 10px;
}

hr{
	margin: 5px 0px;	
}


div.menuext {
	background: url('images/menu32.png');
	float: right;
	height: 32px;
	width: 32px;
	visibility: hidden;
	display: none;
	margin: 2px 5px 7px 0px;
}

div.menuext:hover {
	background: url('images/menu32_hover.png');
}

div#search {
	float: right;
	margin: 0px;
	padding: 3px 5px 0px 0px;
	height: 31px;
}

div.autocomplete {
  position: absolute;
  width: 500px;
  background-color: white;
  border: 1px solid #888;
/*  margin: 5px 0px 0px 5px;*/
  padding: 0px;
}

div#fable_propositions ul, div#fable_propositionsmob ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
  color: #000000;
}


li.altcolor {
  	background-color: #FFEEDD;
}

div#fable_propositions ul li.selected, div#fable_propositionsmob ul li.selected {
    background-color: #B13413;
    color: #ffffff;
}

div#fable_propositions ul li, div#fable_propositionsmob ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}


div#searchmob{
	margin-top: 10px;
	display: none;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

div.listfables h2{
	color: #B13413;
	font-size: 1.2em;
	line-height: 32px;
}

div.listfables h2 a{
	text-decoration: none;
	color: #B13413;
	font-weight: bold;
}

div.listfables p a{
	text-decoration: none;
	font-size: 0.8em;
	color: #442211;
}

div.listfables li a{
	text-decoration: none;
	font-size: 1em;
	color: #442211;
	
}

div.listfables li{
	margin-bottom: 2px;
}

p.endlink {
	text-align: center;
	color: #B13413;
	font-weight: bold;
	font-size: 1.1em;
}

div.alphalist a{
	text-decoration: none;
	color: #442211;
}

div.bio ul{
	list-style: circle;
	margin: 1px 30px;
	line-height: normal;
}

div.bio li{
	margin: 1px 1px;
	line-height: normal;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	div.container{
			background: url('images/fond-small.png')repeat-y;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		div.container{
			background: url('images/fond-small.png')repeat-y;
		}

		
		div.menuext{
			visibility: visible;
			display: block;
		}
		#submenu {
			display: none;
		}
		div#search{
			display: none;
		}
		div#searchmob{
			display: block;
		}		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		div.container{
			background: url('images/fond-small.png') repeat-y;
		}
		#menu li {
			display: list-item;
			margin: 0px;
		}

		#menu {
			/*background: #e17037;*/
		}
		
		#menu a {
			display: block;
			clear:both;
			height: 31px;
			padding-top: 10px;
			width: 100%;
			text-align: center;
			text-decoration: none;
			color: #FFFFFF;
		}	
		div#search{
			display: none;
		}
		div#searchmob{
			display: block;
		}
		div.menuext{
			visibility: visible;
			display: block;
		}
		#submenu {
			display: none;
		}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/