body, html {
    height:100%;
	margin:0;
	padding:0;
}

@font-face {
	font-family: "lobster";
	src: url('KomikaTitle-Axis-webfont.eot');
	src: url('KomikaTitle-Axis-webfont.eot?#iefix') format('embedded-opentype'),
      url('KomikaTitle-Axis-webfont.woff') format('woff'),
      url('KomikaTitle-Axis-webfont.ttf') format('truetype'),
      url('KomikaTitle-Axis-webfont') format('svg');
}

@font-face {
	font-family: "source";
	src: url('SourceSansPro-Light-webfont.eot');
	src: url('SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'),
      url('SourceSansPro-Light-webfont.woff') format('woff'),
      url('SourceSansPro-Light-webfont.ttf') format('truetype'),
      url('SourceSansPro-Light-webfont') format('svg');
}

@famille: "lobster";
@source: "source";

.arrondi { -moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	-ms-border-radius:15px 15px 15px 15px;
	-o-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	border:1px solid #41403d;
	padding:15px;
	overflow:hidden;
	min-height:150px;
	background-color:#f4f3f2;
	
}

.arrondi_html { -moz-border-radius:15px 15px 15px 15px;
	-webkit-border-radius:15px 15px 15px 15px;
	-ms-border-radius:15px 15px 15px 15px;
	-o-border-radius:15px 15px 15px 15px;
	border-radius:15px 15px 15px 15px;
	border:1px solid #41403d;
	padding:15px;
	overflow:hidden;
	min-height:150px;
	background-color:#f9dad1;
}


.arrondi img {
	text-align:center;
}

#degrade {

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e0d8ca) to(#85837f));
	background: -webkit-linear-gradient(#e0d8ca, #85837f);
	background:    -moz-linear-gradient(#e0d8ca, #85837f);
	background:     -ms-linear-gradient(#e0d8ca, #85837f);
	background:      -o-linear-gradient(#e0d8ca, #85837f);
	background:         linear-gradient(#e0d8ca, #85837f);
	-pie-background:    linear-gradient(#e0d8ca, #85837f);
	behavior: url(PIE.php);
	position:relative;
	min-height:100%;
	margin:0;
	padding:0;
	
}


/* HEADER */
 header {

	padding-top:20px;
		 
 }

/* FIN HEADER */


/* MENU */

ul {
	margin:0;
}

ul li {
	list-style:none;
	float:left;
	padding-left:32px;
	padding-bottom:25px;
	behavior: url(PIE.php);
	position:relative;
	
}

ul li a {
   font-family: @famille;
   font-size:18px;
   color:#883eee;
   font-weight:bold;
   text-decoration:none;
} 

/* FIN MENU */


.arrondi .lien {
	float:left;
	font-family:"source", arial;
	color:#E55126;
	font-size:20px;
	
}

.arrondi p {
	font-family:"source", arial;
	font-color:grey;
	font-size:16px;

}

.cacher  {
	display:none;

}