* {
	margin:0;
	padding:0;
}
body  {
	font-family:Raleway,Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:130%;
	background:#FFF;
	color: #000;
	min-width:480px;
}
a {
	color:#D40;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#container { 
	width: 100%; 
} 

.bigTitle {
	color:#FFF;
	font-size:20px;
	letter-spacing:2px;
}

span.smaller {
	font-size:14px;
	color:#FFF;
}

.subTitle {
	margin: 5px 0px 0px 0px;
	color:#fff;
	letter-spacing:1px;
	font-size:14px;
}

.moto{
	position: absolute;
	top:20px;
	margin-left:40px;
	z-index:3;
	max-width:500px;
	color: rgba(255,255,255,1);
	font-size:18px;
	font-style: italic;
	background-color:rgba(255,255,255,0.2);
	padding:10px 20px;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    letter-spacing:1px;
    line-height:120%;
}
.header {
	position: relative;
	margin-top:250px;
	padding:16px 50px 6px 70px;
	z-index:3;
	background-color: rgb(230,230,230);
	background-color: rgba(0,0,0,0.1);
	border-top: solid 1px rgba(128,128,128,0.10);
	text-align:left;
}
.menu {
	position: relative;
	z-index:3;
	padding:6px 50px 16px 70px;
	background-color: rgb(230,230,230);
	background-color: rgba(255,255,255,0.8);
	border-bottom: solid 1px rgba(128,128,128,0.10);
	border-top: solid 1px #FFF;
	text-align:left;
}

.menu ul {
	margin:0;
}
.menu li {
	list-style:none;
	display:inline;
	padding:0px 15px 0 0px;
}
.menu li a {
	color:#888;
	font-size:20px;
	text-decoration:none;
	line-height:130%;
}
.menu li a:hover {
	color:#000;
	text-decoration:none;
}
.menu #active a {
	color:#D40;
	text-decoration:none;
}
.allContent {
	position: relative;
	z-index:2;
	margin:30px;
	border: solid 0px #888;
}
p {
	padding:10px 0px;
}

ul{
margin: -20px 0px -10px 20px;
}

li{
margin:10px 0;
}

table {
    border-collapse: collapse;
}

td {
	padding-left:20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

td:first-child {
  padding-left:0;
}

.colored{
	color:#070;
}

.shifted{
margin-left:50px;
}

h1 {
	font-size:18px;
	font-weight: normal;
	padding:10px 0px;
	line-height:120%;
}

.col1 {
    float: left;
    width: 65%;
}

.col2 {
    float: right;
    width: 35%;
}

.content {
	text-align:justify;
	margin: 0px 10px 20px 10px;
	padding:20px;
	background-color: rgba(128,128,128,0.05);
	border: solid 1px rgba(128,128,128,0.1);
	-webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.stephane {
	font-family: "Indie FLower",cursive;
	color:#444;
	font-size: 16px;
}

#footer {
	text-align:center;
	color:#707070;
	padding:10px 0;
} 

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.bgcontainer {
    position: absolute;
    top:0px;
	left:0px;
    width:100%;
    height:600px;
    overflow:hidden;
}

#bgimage {
    position: absolute;
    left: 50%;
    margin-left: -960px;
    width:1920px;
    height:600px;
}


/* -----------------------
Mobile styles
------------------------*/

@media screen and (max-width: 767px)
{

.moto{
	font-size:16px;
	max-width:300px;
}

.bigTitle {
	color:#FFF;
	letter-spacing:1px;
}

.menu li a {
	font-size:18px;
}

.col1 {
    float: left;
    width: 100%;
}

.col2 {
    float: right;
    width: 100%;
}

}