/* Palette color codes */
/* As hex codes */

.color-primary-0 { color: #EBD5B3 }	/* Main Primary color */
.color-primary-1 { color: #FFFAF4 }
.color-primary-2 { color: #FFF2DE }
.color-primary-3 { color: #C8AA7E }
.color-primary-4 { color: #A78551 }

.color-secondary-1-0 { color: #8582A3 }	/* Main Secondary color (1) */
.color-secondary-1-1 { color: #DAD9E2 }
.color-secondary-1-2 { color: #ADABC1 }
.color-secondary-1-3 { color: #625E8B }
.color-secondary-1-4 { color: #454174 }

.color-secondary-2-0 { color: #769B90 }	/* Main Secondary color (2) */
.color-secondary-2-1 { color: #D5DFDB }
.color-secondary-2-2 { color: #A2BAB2 }
.color-secondary-2-3 { color: #538475 }
.color-secondary-2-4 { color: #366E5D }



@font-face {
/*	font-family: Candara;
	src: url("../fonts/candara.ttf"); */
}

@font-face {
/*	font-family: 'District Thin';
	src: url("../fonts/DistTh___.ttf");*/
}	

* {
	margin: 0;
	padding:0;
}

html, body {
	height: 100%;
	background-color:black;
}

.clear{
	clear:both;
}

header{
	width:100%;
	padding-bottom:215px;
}

#top-banner{
	text-decoration:none;
	font-size: 2em;
	text-align:center;
	height:55px;
	padding-top:30px;
}

#wrapper{
	margin: 0 auto 15px;
	text-align:center;
}

nav {
	white-space:nowrap;
	vertical-align: middle;
}

nav a{
	text-decoration:none;
}

nav a.on{

}

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

#menu{
	position:fixed;
	top:30%;
	left:0%;
	text-align:center;
	float:left;
	height:100%;
	margin:20px;
	text-transform: uppercase;
}

#menu ul li{
	border: solid 1px;
	margin:20px;
}

#menu ul li a {
	padding:20px;
	display:block;	
}

#m-tapage{
	text-align:left;
	text-transform: lowercase;
}

#m-tapage ul{
	margin: 0;
  padding: 0;
}

#m-tapage ul li{
  display:inline-block;
}

#m-tapage ul li a{
	padding:20px;
	margin:20px;
	display:block;
	border: solid 1px;
	height:80px;
	-ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

section{
	text-align:left;
	width:100%;
}

#news{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 5em auto 1em;
	width:650px;
}

#about{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 5em auto 1em;
	width:650px;
	border: solid 1px;
}

#livre{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 5em auto 1em;
	width:650px;
	border: solid 1px;
}

#livre nav{
	margin: -5em auto 0;
}

#livre header{
	text-align:center;
}

h1,h2, h3{
	font-family: 'Alegreya', serif;
	line-height:-1px;
	font-size:25px;
	color: #444;
	text-shadow:1px 1px 1px #fff;
	margin:10px 0;
}

h1{
	font-size:24px;
}

h2{
	font-size:20px;
}

h3{
	font-size:16px;
}

#livre article p{
	text-align:justify;
	text-indent: 25px;
	margin-bottom:15px;
}

#livre article p:first-letter { 
    font-size: 200%;
    color: #8A2BE2;
}

footer{
	clear:both;
	width:100%;
	padding-top:30px;
	}

footer a{
	text-decoration:none;
}

footer a:hover{
}

#bottom-banner{
	clear: both;
	text-align:center;
	height:82px;
	color: black;
}

.share {
	height:32px;
}

.share a{
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/sn.png);
	background-size:60px 40px;
	margin:-2px 5px;
}

.share a.gp{
	background-position:20px 0px;
}
.share a.gp:hover{
	background-position:20px 20px;
}

.share a.fb{
	background-position:0px 0px;
}

.share a.fb:hover{
	background-position:0px 20px;
}

.share a.tw{
	background-position:40px 0px;
}

.share a.tw:hover{
	background-position:40px 20px;
}

.logo-small{
	 padding: 20px;
	 width: 10%;
}

.logo-mini{
	 padding: 20px;
	 width: 4%;
}

#pied-livre{
	text-align:right;
}