/*Reset*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
/*End Reset*/

@import url('https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,700,800');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');


body {
	width:100%;
	font-family: 'Nunito', sans-serif;
}
#fullpage {
	background:url(../img/bg-3.jpg) fixed;
}

/*header*/
	header {
		background:url(../img/bg-2.jpg);
		color:#f1f0f0;
		position:fixed;
		width:100%;
		top:0px;
		left:0px;
			-moz-box-shadow: 5px 5px 15px 0px #000;
	    	-webkit-box-shadow: 5px 5px 15px 0px #000;
	    	-o-box-shadow: 5px 5px 15px 0px #000;
	   		filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	    z-index:100;
	}
	header img {
		width:150px;
		padding:20px 50px;
		float:left;
	}

	header p {
		font-weight: 300;
		font-size:11px;
		float:left;
		line-height:15px;
		border-top:dotted #f1f0f0 1px;
		border-bottom:dotted #f1f0f0 1px;
		padding:5px 5px;
		margin-top:15px;
		font-style: italic;
	}
	header ul {
		float:right;
		margin-right:50px;
		margin-top:40px;
	}

	header ul li {
		display:inline;
		font-size:13px;
		border-right: solid 1px #f1f0f0;
		padding:0 10px;
	}
	header ul li:last-child {
		border:0px;
	}
	header ul li a {
		color:#f1f0f0;
		text-decoration:none;
		transition: all 0.2s;
			-moz-transition: all 0.2s;
			-webkit-transition: all 0.2s;
	}

	header ul li a:hover {
		color:#cc4343;
		transition: all 0.2s;
			-moz-transition: all 0.2s;
			-webkit-transition: all 0.2s;
	}
	header ul li.active a {
		color:#cc4343;
		transition: all 0.2s;
			-moz-transition: all 0.2s;
			-webkit-transition: all 0.2s;
	}
/*End Header*/
	.rotated {
		background:#f1f0f0;
		color:#1a2226;
		display: block;
		width:10%;
		margin:0 auto;
		text-align: center;
		font-size:20px;
		padding:20px;
		font-family: 'Oswald', sans-serif;
		transform:rotate(-3deg);
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
		margin-bottom:50px;
	}
/*Mainsection*/
	#mainsection {
		margin-top:90px;
		background:url(../img/bg-1.jpg) left 70%;
		background-size:100%;
		overflow:hidden;
		padding-top:70px;
		padding-bottom:130px;
	}
	.pinpulseheight {
		height:120px;
	}

	.pinpulse {
		width:120px;
		margin:0 37%;
		position:relative;
		display:none;
	}
	.pin {
		 width :120px;
		 height: 120px;
		 border-radius: 50% 50% 50% 0;
		 background: #bc0202;
		 transform :rotate(-45deg);
		 box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	} 
	#mainsection h1 {
		color:#e6e4e4;
		font-size:20px;
		text-align:center;
		position:absolute;
		margin-top:-105px;
		margin-left:25px;
		line-height:25px;
	}
	#mainsection h1 img {
		width:30px;
	}
	.pulse {
  		background :rgba(188,2,2,0.2);
  		border-radius :50%;
  		height :14px;
  		width :14px;
  		position :absolute;
  		transform :rotateX(55deg);
  		margin-left:53px;
  		margin-top:30px;
	}
  	.pulse:after {
    	content :"";
    	border-radius :50%;
    	height :40px;
    	width :40px;
    	position :absolute;
    	margin :-13px 0 0 -13px;
    	animation: pulsate 1s ease-out;
    	animation-iteration-count: infinite;
    	opacity: 0.0;
    	box-shadow :0 0 1px 2px #bc0202;
    	animation-delay :1.1s;
	}
	.arrow_boxes {
		position:relative;
		height:240px;
	}
	.arrow_box {
		position: absolute;
		background: #1a2226;
		width:300px;
		margin-left:-400px;
		padding:20px;
		margin-top:-50px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
		    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}
	.arrow_box p {
		float:left;
		width:200px;
		color:#e6e4e4;
		font-weight:200;
	}
	.arrow_box i {
		width:50px;
		float:left;
		margin-left:40px;
		margin-top:10px;
		color:white;
		font-size:65px;
	}
	.arrow_box:after {
		right: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-right-color: #1a2226;
		border-width: 30px;
		margin-top: -30px;
	}
	.arrow_box2 {
		position: absolute;
		background: #1a2226;
		width:300px;
		right:-400px;
		padding:20px;
		padding-bottom:40px;
		margin-top:100px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	    transition:all 0.2s;
			-moz-transition:all 0.2s;
			-webkit-transition:all 0.2s;
	}
	.arrow_box2:hover {
		background:#bc0202;
		transition:all 0.2s;
			-moz-transition:all 0.2s;
			-webkit-transition:all 0.2s;
	}
	.arrow_box2 i {
		width:30px;
		font-size:55px;
		font-weight:lighter;
		float:left;
		margin-top:20px;
		margin-left:30px;
		color:white;
	}
	.arrow_box2 p{ 
		float:left;
		margin-left:10px;
		text-align:center;
		font-size:25px;
		font-weight:700;
		width:200px;
		color:#e6e4e4;
		margin-top:20px;
	}
	.arrow_box2:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-top-color: #1a2226;
		border-width: 30px;
		margin-left: -30px;
		transition:all 0.2s;
			-moz-transition:all 0.2s;
			-webkit-transition:all 0.2s;
	}
	.arrow_box2:hover:after {
		border-top-color: #bc0202;
		transition:all 0.2s;
			-moz-transition:all 0.2s;
			-webkit-transition:all 0.2s;
	}
	@keyframes pulsate {
  		0% {
    		transform :scale(0.1, 0.1);
   			 opacity :0.0;
		}
 		 50% {
   			 opacity :1.0;
		}
 		 100% {
    		transform :scale(1.2, 1.2);
    		opacity :0;
		}
	}
	@keyframes bounce {
  		0% {
    		opacity :0;
    		transform :translateY(-2000px) rotate(-45deg);
		}
 		60% {
    		opacity :1;
    		transform :translateY(30px) rotate(-45deg);
		}
  		80% {
    		transform :translateY(-10px) rotate(-45deg);
		}
  		100% {
   		transform :translateY(0) rotate(-45deg);
		}
	}
	
/*End Mainsection*/
/*Mode d'emploi*/
	#modeemploi {
		padding:100px 0;
		padding-bottom:50px;
	}
	.tiles {
		margin-left:12%;
	}
	.subscribe {
		background:url(../img/slide-1.png) center no-repeat;
		background-size:100%;
		width:710px;
		float:left;
		padding-top:30px;
		padding-left:30px;
		padding-right:30px;
		font-size:15px;
		line-height:20px;
		height:140px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}
	.subscribe p:last-child {
		font-size:15px;
		line-height:15px;
		font-style:italic;
		font-weight:300;
	}
	.subscribe a {
		text-decoration:none;
		color:#bc0202;
	}
	.subscribe b {
		font-weight:700;
	}
	.trouble {
		background:url(../img/slide-2.png) center no-repeat;
		background-size:100%;
		width:710px;
		float:left;
		padding-top:30px;
		padding-left:30px;
		padding-right:30px;
		font-size:15px;
		line-height:20px;
		height:140px;
		margin-top:30px;
		margin-left:30px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}

	.trouble span {
		font-size:15px;
		line-height:20px;
		font-style:italic;
		font-weight:300;
	}
	.trouble a {
		text-decoration:none;
		color:#bc0202;
	}
	.flip-container {
	    	-webkit-perspective: 1000;
	    	-moz-perspective: 1000;
	 		-o-perspective: 1000;
	  	perspective: 1000;
	  	float:left;
	}

	.flip-container:hover .flipper, .flip-container.hover .flipper {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);
        	-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	.flip-container, .front, .back {
		width: 168px;
		height: 168px;
	}
	.flipper {
	    	-webkit-transition: 0.6s;
	    	-webkit-transform-style: preserve-3d;
        	-moz-transition: 0.6s;
	    	-moz-transform-style: preserve-3d;
        	-o-transition: 0.6s;
	    	-o-transform-style: preserve-3d;
		transition: 0.6s;
		transform-style: preserve-3d;
		position: relative;
	}
	.front, .back {
	    	-webkit-backface-visibility: hidden;
	    	-moz-backface-visibility: hidden;
        	-o-backface-visibility: hidden;
		backface-visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}
	.front {
		z-index: 2;
	}
	.oneflip .front, .oneflip .back {
		background:#a75c48;
	}
	.oneflip {
		margin-left:30px;
	}
	.twoflip {
		margin-top:30px;
	}

	.twoflip .front, .twoflip .back {
		background:#48a753;
	}

	.back {
	    	-webkit-transform: rotateY(180deg);
	    	-moz-transform: rotateY(180deg);
        	-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	.front .name, .back .name {
		font-size:12px;
		color: #fff;
		padding:20px;
		display:block;
		margin-top:-25px;
		
	}
	.front img, .back img{
		width:30px;
		display:block;
		margin:0 auto;
		margin-top:20px;
	}
	#modeemploi {
		
		color:#f1f0f0;
		font-weight:400;
		font-size:14px;
		line-height:16px;
	}
	#modeemploi ul {
		width:100%;
		margin:0 auto;
	}
	#modeemploi ul li img {
		width:200px;
		margin-bottom:30px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	   		-o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}
	#modeemploi ul p {
		width:200px;
	}
	#modeemploi ul li a {
		color:#e03d3d;
		text-decoration:none;
	}
	#modeemploi ul p b {
		font-weight:700;
	}
	#modeemploi ul .small {
		margin-top:30px;
		font-size:10px;
	}
	#modeemploi ul li a.grid {
		color:#f1f0f0;
		text-decoration:none;
		text-align:center;
		padding:10px 20px;
		background:#bc0202;
		margin-top:50px;
		margin-left:40px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    -o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}
	#modeemploi ul li {
		display:inline;
		float:left;
		width:20%;
		margin-left:2.5%;
		margin-right:2.5%;
	}
	.mainend {
		text-align:center;
		margin-top:50px;
	}
	.mainsmall {
		text-align:center;
		font-size:11px;
		margin-top:20px;
	}
	.mainsmall a {
		text-decoration:none;
		color:#e03d3d;
	}
/*End Mode d'emploi*/
/*Grille*/
	#Grille {
		color:#f1f0f0;
		padding:100px 0;
	}
	td, th {
    	border: 0px;
    	text-align:center;
    	padding:5px;
	}
	td.region {
		text-align:left;
		padding:10px;
		font-weight:700;
		border-right:1px dotted #f1f0f0;
	}
	thead {
		border-bottom:1px dotted #f1f0f0;
	}
	thead td {
		padding:10px;
		text-align:center;
		font-weight:700;
	}

	td:first-child{
		width:5%;
	}
	table#maintable{
		width:80%;
		margin:0 auto;
		margin-top:100px;
	}
	td, th {
		width:25%;
	}
	.parent td {
		border-top:1px dotted #f1f0f0;
	}
	.transparent td {
		color:transparent;
		height:10px;
		border-top:0px;
	}
	.bleft { 
		border-left:1px dotted #f1f0f0;
	}
	.plus {
		color:#bc0202;
		font-weight:700;
		font-size:20px;
	}
	.plus:hover .pulse2 {
  		background :rgba(0,0,0);
  		border-radius :50%;
  		height :14px;
  		width :14px;
  		position :absolute;
  		
  		margin-left:53px;
  		margin-top:30px;

	}
  	.plus:hover .pulse2:after {
    	content :"";
    	border-radius :50%;
    	height :40px;
    	width :40px;
    	position :absolute;
    	margin-top:-60px;
    	margin-left:-64px;
    	animation: pulsate 1s ease-out;
    	animation-iteration-count: infinite;
    	opacity: 0.0;
    	box-shadow :0 0 1px 2px #bc0202;
    	animation-delay :0.2s;
	}
	@keyframes pulsate {
  		0% {
    		transform :scale(0.1, 0.1);
   			 opacity :0.0;
		}
 		 50% {
   			 opacity :1.0;
		}
 		 100% {
    		transform :scale(1.2, 1.2);
    		opacity :0;
		}
	}
/*End Grille*/
/*Relayeurs*/
	#Relayeur {
		background:url(../img/bg-4.jpg)top left;
		background-size:100%;
		color:#282828;
	}
	#Relayeur {
  		width: 100%;
  		height: 100%;
  		z-index:1;
	}
	#Relayeurbg {
		padding-top:100px;
		padding-bottom:100px;
	}
	.cadre {
		background:rgba(15,15,15,0.7);
		color:#fff;
		width:400px;
		font-size:13px;
		line-height:15px;
		padding:20px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    -o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
		margin-bottom:30px;
		z-index:2;
		position:relative;
	}
	.fleft {
		float:left;
		margin-left:100px;
	}
	.cadreright {
		float:right;
		background:rgba(15,15,15,0.7);
		color:#fff;
		width:400px;
		font-size:13px;
		line-height:15px;
		padding:20px;
		box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    -o-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.5);
	    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
		margin-top:100px;
		margin-right:100px;
		position:relative;
		z-index:2;
	}
	.formobile {
		display:none;
	}
	.rounded {
		padding:10px;
		width:40px;
		height:40px;
		border-radius:100px;
		background:#f1f0f0;
		font-size:12px;
		text-align:center;
		float:left;
		margin-top:30px;
	}
	.rounded img {
		width:20px;
		margin-top:-10px;
	}
	.squaretext {
		font-weight:800;
		font-size:12px;
		text-align:center;
		background:#f1f0f0;
		padding:10px;
		color:#282828;
		width:150px;
		float:left;
		margin-left:20px;
	}
	.squaretext b {
		font-weight:700;
		font-size:15px;
	}
	.squaretext span {
		font-size:11px;
		font-weight:300;
		font-style: italic;
	}
	.slide1 {
		width:230px;
		margin:20px auto;
	}
/*End Relayeurs*/
/*Contact*/
	#Contact {
		background:url(../img/bg-2.jpg);
		padding:100px 0;
	}
	#feedback-page{
		text-align:center;
	}
	#form1 {
		width:30%;
		float:left;
		margin-left:20%;
	}
	.feedback-input {
		color:#3c3c3c;
	  	font-weight:500;
		font-size: 18px;
		border-radius: 0;
		line-height: 22px;
		background-color: #e6e4e4;
		padding: 5px 5px 5px 54px;
		margin-bottom: 10px;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	  	border: 3px solid rgba(0,0,0,0);
	  	box-shadow: 5px 5px 15px 0px #000;
		-moz-box-shadow: 5px 5px 15px 0px #000;
	    -webkit-box-shadow: 5px 5px 15px 0px #000;
	    -o-box-shadow: 5px 5px 15px 0px #000;
	    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}

	.feedback-input:focus{
		background: #fff;
		box-shadow: 0;
		border: 3px solid #bc0202;
		outline: none;
	  	padding: 5px 5px 5px 54px;
	}

	.focused{
		color:#bc0202;
		border:#bc0202 solid 3px;
	}

	/* Icons ---------------------------------- */
	#name{
		background-image: url(../img/form-name.jpg);
		background-size: 30px 30px;
		background-position: 1px center ;
		background-repeat: no-repeat;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}

	#name:focus{
		background-image: url(../img/form-name_hover.jpg);
		background-size: 25px 25px;
		background-position: 3px center ;
		background-repeat: no-repeat;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}

	#email{
		background-image: url(../img/form-mail.jpg);
		background-size: 30px 30px;
		background-position: 1px center ;
		background-repeat: no-repeat;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}

	#email:focus{
		background-image: url(../img/form-mail_hover.jpg);
		background-size: 25px 25px;
		background-position: 3px center ;
		background-repeat: no-repeat;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}
	#subject{
		background-image: url(../img/form-sujet.jpg);
		background-size: 30px 30px;
		background-position: 1px center ;
		background-repeat: no-repeat;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}

	#subject:focus{
		background-image: url(../img/form-sujet_hover.jpg);
		background-size: 25px 25px;
		background-position: 3px center ;
		background-repeat: no-repeat;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}
	textarea {
	    width: 100%;
	    height: 150px;
	    line-height: 150%;
	    resize:vertical;
	    font-family: 'Nunito', sans-serif;
	    color:#3c3c3c;
	  	font-weight:700;
		font-size: 18px;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
		box-shadow: 5px 5px 15px 0px #000;
		-moz-box-shadow: 5px 5px 15px 0px #000;
	    -webkit-box-shadow: 5px 5px 15px 0px #000;
	    -o-box-shadow: 5px 5px 15px 0px #000;
	    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);

	}

	input:hover, textarea:hover,
	input:focus, textarea:focus {
		background-color:white;
		transition: all 0.2s;
		-moz-transition: all 0.2s;
		-webkit-transition: all 0.2s;
	}

	#button-blue{
		font-family: 'Oswald', sans-serif;
		font-weight:400;
		font-size:20px;
		float:right;
		width: 30%;
		margin-top:10px;
		border: #bc0202 solid 4px;
		cursor:pointer;
		background-color: #bc0202;
		color:white;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		box-shadow: 5px 5px 15px 0px #000;
		-moz-box-shadow: 5px 5px 15px 0px #000;
	    -webkit-box-shadow: 5px 5px 15px 0px #000;
	    -o-box-shadow: 5px 5px 15px 0px #000;
	    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}

	@media only screen and (max-width: 580px) {
		#form-div{
			left: 3%;
			margin-right: 3%;
			width: 88%;
			margin-left: 0;
			padding-left: 3%;
			padding-right: 3%;
		}
	}
	.btn-success {
		font-size:25px;
		padding:10px;
		background:#282828;
		color:#fff;
		border:2px #fff solid;
		border-radius:50px;
		float:right;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		cursor: pointer;
		box-shadow: 5px 5px 15px 0px #000;
		-moz-box-shadow: 5px 5px 15px 0px #000;
	    -webkit-box-shadow: 5px 5px 15px 0px #000;
	    -o-box-shadow: 5px 5px 15px 0px #000;
	    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
	}
	.btn-success:hover {
		background:#bc0202;
		border:#bc0202 2px solid;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#coordonnees {
		float:left;
		margin-left:30px;
		color:#e6e4e4;
		width:30%;
	}

	#coordonnees b {
		font-weight:800;
	}
	#coordonnees p {
		margin-bottom:10px;
		margin-top:10px;
	}
	#coordonnees span {
		font-size:10px;
	}

	#coordonnees ul li {
		display:inline;
		width:30px;
		margin-right:40px;
		float:left;
	}

	#coordonnees ul li a {
		color:#fff;
		border:#fff 2px solid;
		text-align:center;
		padding-top:15px;
		padding-left:7px;
		padding-right:7px;
		display:block;
		width:30px;
		height:30px;
		border-radius:100px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#coordonnees ul li a:hover {
		color:#bc0202;
		border:#bc0202 2px solid;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#footer {
		color:#e6e4e4;
		text-align:left;
		font-size:11px;
		padding-bottom:30px;
	}

/*End Contact*/