/* Loader */

.loader {
	position: absolute;
	top: 40%;
	width: 100%;
    text-align: center;    
}
.loader span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 50px auto;
    background: #fff;
    border-radius: 50px;
    -webkit-animation: loader 0.9s infinite alternate;
    -moz-animation: loader 0.9s infinite alternate;
}
.loader span:nth-of-type(2) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}
.loader span:nth-of-type(3) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
@-webkit-keyframes loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -webkit-transform: translateY(-21px);
  }
}
@-moz-keyframes loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -moz-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -moz-transform: translateY(-21px);
  }
}


/* Slideshow Background */

#slides {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#slides .slides-container {
  display: none;
}

#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation {
  position: absolute;
  z-index: 3000;
  top: 66%;
  width: 100%;
}



/* Layout */

body {
	margin: 0;
	padding: 0;
	background-color: #000;
	overflow-x: hidden;
}

#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1300;
	opacity: 0;
}

header {
	position: relative;
	margin-top: 3%;
	margin-left: 0;
	width: 100%;
	height: 20%;
	background-color: black;
}

header img:first-child {
	position: relative;
	margin-left:20%;
	padding-top: 2%;
	padding-bottom: 1%;
	width: 35%;
}

header img:nth-child(2) {
	position: relative;
	float: right;
	margin-top: 7%;
	right: 29.5%;
	margin-right: -15%;
	width: 30%;
}

#bandeau {
	position: relative;
	margin-top: 3%;
	margin-left: 20%;
	margin-bottom: 5%;
	width: 60%;
	background: url(../img/bandeau.png) repeat;
}

#bandeau p {
	position: relative;
	color: white;
	padding-top: 1.5%;
	padding-bottom: 2%;
	width: 90%;
	font-family: 'Pathway Gothic One', sans-serif;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	font-size: 130%;
	text-shadow: 2px 2px 5px #000;
	text-align: center;
	right: 0;
	left: 0;
	margin: auto;
}

#arrowleft {
	position: fixed;
	width: 45px;
	top: 43.5%;
	left: 0;
}

#arrowleft:hover {
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-ms-transform: All 1s ease;
	-o-transition:All 1s ease;
	
	transform-origin: left bottom;
	-webkit-transform-origin: left bottom;
	-moz-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	-o-transform-origin: left bottom;
	
	transform: scale(1.3);
	-moz-transform: scale(1.3); /* Firefox */
	-webkit-transform: scale(1.3); /* Safari and Chrome */
	-ms-transform: scale(1.3); /* IE 9 */
	-o-transform: scale(1.3); /* Opera */
}

#arrowright {
	position: fixed;
	width: 45px;
	top: 43.5%;
	right: 0;
}

#arrowright:hover {
	transition:All 1s ease;
	-webkit-transition:All 1s ease;
	-moz-transition:All 1s ease;
	-ms-transform: All 1s ease;
	-o-transition:All 1s ease;
	
	transform-origin: right bottom;
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	
	transform: scale(1.3);
	-moz-transform: scale(1.3); /* Firefox */
	-webkit-transform: scale(1.3); /* Safari and Chrome */
	-ms-transform: scale(1.3); /* IE 9 */
	-o-transform: scale(1.3); /* Opera */
}

/* contact form */

#contactsection {
	position: absolute;
	margin-top: -15px;
	left: 50%;
	margin-left: -371px;
	width: 742px;
	overflow: hidden;
}

#contact-form {
	width: 100%;
	margin: 0;
	padding: 0;
}

.visuallyhidden {
	display: none;
}

fieldset {
	border: none;
}

#left{
	float: left;
	width: 320px;
	padding: 0;
	margin-right: 50px;
}

#right{
	float: left;
	width: 360px;
	padding: 0;
	margin: 0;
}

.field {
	font-family: 'Pathway Gothic One', sans-serif;
	font-weight: 100;
	outline-color: red;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	width: 100%;
	margin-bottom: 10px;
	border: 2px solid #fff;
	text-shadow: 2px 2px 5px #000;
	box-shadow: 1px 1px 0px #000;;
	text-transform: uppercase;
	font-size: 130%;
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
    zoom: 1;
}

#msg {
	font-family: 'Pathway Gothic One', sans-serif;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	outline-color: red;
	color: #fff;
	width: 100%;
	padding-bottom: 90px;
	margin-bottom: 10px;
	border: 2px solid #fff;
	text-shadow: 2px 2px 5px #000;
	box-shadow: 1px 1px 0px #000;;
	text-transform: uppercase;
	font-size: 130%;
	resize: none;
	background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50990000,endColorstr=#50990000); 
    zoom: 1;
    clear: right;
}

#checkboxwrapper {
	position: absolute;
	width: 372px;
	text-align: center;
}

.checkboxeslabel {
	font-family: 'Pathway Gothic One', sans-serif;
	width: 120%;
	text-transform: uppercase;
	font-size: 121%;
	margin-right: 2px;
	text-shadow: 2px 2px 5px #000;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	color: #fff;
}

input[type="radio"] {
    display:none;
}

input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    background:url(../img/checkboxes.png) 0px top no-repeat;
    cursor:pointer;
}

input[type="radio"]:checked + label span {
    background:url(../img/checkboxes.png) -20px top no-repeat;
}

#submit_btn {
	font-family: 'Pathway Gothic One', sans-serif;
	margin-top: 35px;
	float:right;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	padding: 10px 0 10px 0;
	outline-color: red;
	width: 30%;
	margin-bottom: 10px;
	margin-right: -8px;
	border: none;
	text-shadow: 2px 2px 5px #000;
	box-shadow: 1px 1px 0px #000;
	text-transform: uppercase;
	font-size: 130%;
	background: url(../img/bandeau.png) repeat;
}

#submit_btn:hover {
	cursor: pointer;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

.error {
	font-family: 'Pathway Gothic One', sans-serif;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	display: none;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 0 5px 0;
	font-size: 130%;
    color:    #fff;
	background: url(../img/fieldbandeau.png) repeat;
}

.success {
	display: none;
	/*position: absolute;*/
	left: 0;
	font-family: 'Pathway Gothic One', sans-serif;
	font-weight: 100;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	text-shadow: 2px 2px 5px #000;
	font-size: 180%;
}
#fb {
	position: fixed;
	right: 30px;
	bottom: 5px;
	z-index: 1300;
}

.twitter-share-button {
	position: fixed;
	right: 0px;
	bottom: 35px;
	z-index: 1300;
}

@media all and (max-width:768px) {

#contactsection {
	position: absolute;
	left: 50%;
	margin-left: -165px;
	width: 370px;
	overflow: hidden;
}

}

@media all and (max-width:480px) {

#contactsection {
	position: absolute;
	left: 50%;
	margin-left: -145px;
	width: 370px;
	overflow: hidden;
}

#left{
	float: left;
	width: 280px;
	padding: 0;
	margin-right: 50px;
}

#right{
	float: left;
	width: 320px;
	padding: 0;
	margin: 0;
}

.checkboxeslabel {
	font-size: 105%;
}

}