/* IFICTION 2010-2014 (css3) */



@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: local('Merriweather'), url(../fonts/Merriweather-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: local('Merriweather Bold'), local('Merriweather-Bold'), url(../fonts/Merriweather-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 400;
  src: local('Merriweather Italic'), local('Merriweather-Italic'), url(../fonts/Merriweather-Italic.ttf) format('truetype');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 700;
  src: local('Merriweather Bold Italic'), local('Merriweather-BoldItalic'), url(../fonts/Merriweather-BoldItalic.ttf) format('truetype');
}



body {
	font-family: Merriweather,serif ;
	margin: 0px 0px 0px 0px ;
	/*background-color: #FAF5EA;
	background-image:url('../images/diagonales.png');*/
}



a:link,a:active,a:visited { 
	color : #384D2B; 
	text-decoration: none;
	border-bottom: thin dotted #accc97 ;
	margin-top: 0px;
	margin-bottom: 0px;
	}

a:hover	{ 
	text-decoration: underline; 
	color : #accc97; 
	background: #5a6b4f; 
	text-decoration: none;
		margin-top: 0px;
	margin-bottom: 0px;
	}

a:hover
{
	background: #d5d8d0;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
}

.mimesis a:link,a:active,a:visited{border-bottom: none;}
/*a.mimesis {border-bottom:none;}*/
/*img {border:none;}*/


@media all and (min-width: 800px) {


.hasard p {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	width: 94px; /* largeur des titres */
	border-bottom: none ;
	border-top: none ;

	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;

	padding: 8px;
	margin: 8px ;
	list-style-type: none;
	letter-spacing: -1px; 
	font-size: 11px;
	margin-top: 0px; margin-bottom: 0px;
	border-bottom: none ; border-top: none ;
	list-style-type: none; letter-spacing: -1px; 


}

.hasard a:hover
{
	background: #d5d8d0;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
}

.pub p {
	background: #F0E9D8;

	text-decoration: none;
	width: 94px; /* largeur des titres */
	border-bottom: none ;
	border-top: none ;

	padding: 0px;
	margin: 0px;
	text-decoration: none;

	border-bottom: none ;
	border-top: none ;

	padding: 8px;
	margin:  0px ;
	list-style-type: none;
	letter-spacing: -1px; 
	font-size: 12px;
	margin-top: -20px;
	margin-bottom: 20px;
	border-bottom: none ;
	border-top: none ;
	list-style-type: none;
}

div#contenu {
	width: 80%;
	min-width: 700px;
	max-width: 1024px;
	/*750px*/
	margin: 0px auto;
	text-align:justify;
	border: 1px solid #000 ;
	background: #FAF8F3 ;
	background-image: url('images/_.png');
	
	}

div#banniere {
	margin: 10px 12px ;
	font-size: 9px;
	font-family: Merriweather, serif ;
	
	}





div#notetech
	{
	display: none;
	font-style: italic;
	font-size: 9pt;
	line-height: 1.5em;
	margin-right:10pt; margin-left:10pt;
	padding: 1em;
	/*  background:#dfdfc8; */
	background:#EAEEE5; /*#EDEFD7; #dddddd;*/
	border:1px #9b9989 dotted;
	}

div#infosite
	{
	display: none;
	text-align:right;
	}


#cadre {
	background: #CCC89B repeat-x fixed left bottom;
	background-image: url('../images/fond2010.png');
	background-repeat:no-repeat;
}

/* Ombres */

#wrap {
	/*margin: 15px auto;*/
	width:100%;
	/*width: 782px;*/
	background: url('void.png');
	/*background-repeat: repeat-y;*/
	
}



#top { 
	background:  url('void.png');
	height: 15px;
}

#bottom {
	background:  url('void.png');
	height: 15px;
}


/* General font families for common tags */
font,th,td,p,ul,ol { 
	font-family: Merriweather,serif ;
	font-size: 14px;
	}




hr	{ height: 0px; border: solid #D1DCD7 0px; border-top-width: 1px;}


h1 {
	font-size: 22px;
	color: #000000;
}

h2 {
	margin: 5px 5px 5px 5px;
	font-size: 19px;
	color: #000000;
}

h3 {
	margin: 5px 5px 5px 5px;
	font-size: 17px;
	color: #000000;
}


h4 {
	margin: 5px 5px 5px 5px;
	font-size: 15px;
	color: #000000;
}

.code { font-family: courrier, courrier new, system, helvetica;
	margin-left: 45pt; 
	border: 1px dashed #888888; 
	padding:8pt;
	font-size: 9pt ; 
	background-color: #dfdfc8;
	 }

.babel { font-family: Merriweather,serif;
	margin-left: 5pt; 
	border: 1px dashed #888888; 
	padding:8pt;
	font-size: 10pt ; 
	background-color: #EAEEE5; /*#EDEFD7;*/
	 }

table {
	border-collapse: collapse;
	/*align: center ; */
	margin-left:auto;
	margin-right:auto;
	/*border-width: 1px;*/
	border: 1px solid #888888;
	width: 50%;
}

td, th {
	border-width: 0;
	border: solid #888888;
	width: 50%;
}

.underline { border-bottom: 1px solid black; }
.clear {   clear: both;   }





div#colonne1 {
	float:left;
	text-align:left;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 110px;
	background: #F0E9D8 ; /*#EAEEE5 ;*/ /*DDEDD2 ;*/
	}

div#colonne2 {
	padding: 0px 90px 0px 130px;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inherit;
	}

div#colonne3 {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	float: right;
	width: 110px;

	
		/*--background: #EAEEE5 ;*/
	}


#menu01{
	text-align:left;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	/*font-family: Verdana, Arial, Helvetica, sans-serif ;*/

	/*border: 3px solid #688874 ;*/

}

#menu01 ul {
	padding: 8px;
	margin: 8px ;
	display: block;
	list-style-type: none;
	letter-spacing: 0px; 
	font-size: 15px;
	font-weight: bold ;
	line-height: 1.4em;
	width: 93px; /* largeur des titres */
	/*text-shadow: grey 0.1em 0.1em 0.2em;*/
	margin-top: 0px;
	margin-bottom: 0px;

}



#menu01 a 
{
	display: block;
	width: 94px; /* largeur des titres */
	border-bottom: none ;
}

#menu01 a:hover
{
	background: #d5d8d0;
	color: #333;
	margin-top: 0px;
	margin-bottom: 0px;
}


#banniere_handheld
	{
	display: none;
}




}

/* < 800 px */


@media all and (min-width: 00px) and (max-width: 800px)
{

p {
	font-size:1.1em;
}

ul li {
	font-size:1.15em;
}

div#colonne3
	{
	display: none;
	}
	
.hasard
	{
	display: none;
	}
	
#menu01 {
	/*display: none;*/

	line-height:1.0em;
	font-size:1.4em; 
	font-family:Merriweather,serif;

	}
	
#menu01 ul {
	 padding:0;
 margin:auto;
 list-style-type:none;
        float: center;
        list-style: none;
        position: relative;
	}
	

#menu01 li {
 float:left; 
 display: inline-block;
}

 
    
#menu01 ul li a {
 display:block;
 float:left;   
 width:4em;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:5px;border-bottom: none ;
 background:#ddd;
font-size:0.88em; 
}
	
#menu01 li a:hover{
	background:#eee;
	color:#555;
	opacity:0.7;
}
	
#menu01 h1, h2, h3, h4, h5 {
	margin-left: 0.25em;
	font-family:Merriweather,serif;
	font-size:1.7em;
	color:#777;
}

#menu01 p {
	font-size:1.4em;
}


div#contenu {
	width: 90%;
	min-width: 300px;
	max-width: 600px;
	/*750px*/
	margin: 10px 10px 10px 10px;
	padding: 0px 10px 10px 10px;
	text-align:justify;
	border: 1px solid #000 ;
	background: #FAF8F3 ;
	background-image: url('images/_.png');
	
	}
	
#colonne1 {
 text-decoration:none;
	}
	

#search {
margin: 0px auto;
  /*display:block;*/
 float:center;   
 display: none;
	}

#access
	{
	display: none;
	}

#banniere_full
	{
	display: none;
}
	
.deco
	{
	display: none;
	}


img.article {
	max-width: 100%;
	margin: 0.3em  0.3em 0.3em 0.3em ;
	border: 0px solid #555555;
}

img {
	max-width: 100%;
	margin: 0.3em  0.3em 0.3em 0.3em ;
	border: 0px solid #555555;
}

div#notetech
	{
	display: none;
	}

}