@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: "Courier 10 Pitch";
	src: url('../font/CouriPitBTRom.eot');
    src: local('?'), 
	url('../font/CouriPitBTRom.eot?#iefix')format('embedded-opentype'),
	url('../font/CouriPitBTRom.woff') format('woff'), 
	url('../font/Courier 10 Pitch.ttf') format('truetype'), 
	url('../font/CouriPitBTRom.svg') format('svg');
    font-weight: normal;
	font-style: normal;
}


.button {
	font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:1.005em "Courier 10 Pitch";
	letter-spacing:0.050em;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .08em 1em;
	margin: 1px;	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	word-wrap: break-word;
	border-right:1px solid #999;

}
.button2 {
	font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:1.005em "Courier 10 Pitch";
	letter-spacing:0.050em;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .08em 1em;
	margin: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	word-wrap: break-word;
	border-right:0px solid #999;


}
.button:link {
	color: #333;
	text-decoration: none;
}


.button:hover {
	color: #000;
	text-decoration: none;
}
.button:active {
	color: #000;
	top: 1px;
}



 .button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
	color: #999;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

.button.full-width:hover,
	button.full-width:hover,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
	width: 100%;
	color: #000;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}
.button.full-width:active,
	button.full-width:active,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
	color: #000;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}

/*boutons pour pop in ==============================*/



/*bouton page active==============================*/
 .button.full-repos,
	button.full-repos,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
	color: #000;
	width: 100%;
	text-decoration:none;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}
 .button.full-repos:hover,
	button.full-repos:hover,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
	color: #999;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}
.button.full-repos:active,
	button.full-repos:active,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
	color: #000;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}	


.button.full-width-contact,
	button.full-width-contact,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button2"].full-width {
	color: #999;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}
	.button.full-width-contact:active,
	button.full-width-contact:active,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button2"].full-width {
	color: #000;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}
.button.full-width-contact:hover,
	button.full-width-contact:hover,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button2"].full-width {
    color: #000;
	background-color:#000;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}



/*bouton page active queries==============================*/
	
@media only screen and (orientation:portrait) {
	
.button {
	font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:1.25em "Courier 10 Pitch";
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .1em 1em;
	margin: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-right:0px solid #999;
	z-index:1;


}
.button.full-width:hover,
	button.full-width:hover {
	color: #FFF;
	width: 100%;
	text-align: center;
}
.button.full-repos,
	button.full-repos {
	color: #FFF;
	width: 100%;
	text-align: center;
}
 .button.full-repos:hover,
	button.full-repos:hover
{
	color: #FFF;
	width: 100%;
	text-align: center;	padding-left: 0 !important;
	padding-right: 0 !important;

}
.button.full-repos:active,
	button.full-repos:active
	 {
	color: #000;
	width: 100%;
	text-align: center;	padding-left: 0 !important;
	padding-right: 0 !important;

}

}


@media only screen and (max-width: 1100px) and (orientation:landscape) {
	
.button {
	font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:0.800em "Courier 10 Pitch";
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
	padding: .1em 1em;
	margin: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-right:1px solid #999;


}
}

@media only screen and (max-width: 900px) and (orientation:landscape) {
	
.button {
	font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:0.75em "Courier 10 Pitch";
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
	padding: .1em 1em;
	margin: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-right:0px solid #999;


}
}

@media only screen and (max-width: 640px) {
	
.button {
	font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:1.35em "Courier 10 Pitch";
	color:#FFF;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
	padding: .1em 1em;
	margin: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color:#000;
	z-index:1;

}

.button.full-repos,
	button.full-repos {
	color: #FFF;
	width: 100%;
	text-align: center;
	background-color:transparent;
}
.button.full-width:hover,
	button.full-width:hover
{
	color: #FFF;
	width: 100%;
	text-align: center;	padding-left: 0 !important;
	padding-right: 0 !important;

}

 .button.full-repos:hover,
	button.full-repos:hover
{
	color: #FFF;
	width: 100%;
	text-align: center;	padding-left: 0 !important;
	padding-right: 0 !important;

}
.button.full-repos:active,
	button.full-repos:active
	 {
	color: #FFF;
	width: 100%;
	text-align: center;	padding-left: 0 !important;
	padding-right: 0 !important;

}
}

/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}
	
	
	
/*bontons pop in fancy*/	


    .button2.full-width-contact,
	button2.full-width-contact,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button2"].full-width {
		color:#999;
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;

}
	.button2.full-width-contact:active,
	button2.full-width-contact:active,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button2"].full-width {
	color:#999;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
}
.button2.full-width-contact:hover,
	button2.full-width-contact:hover,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button2"].full-width {
	color:#000;
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
	text-decoration:none;

}

@media only screen and (max-width: 1100px) and (orientation:landscape) {
	
.button2 {
	font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:0.800em "Courier 10 Pitch";
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
	padding: .1em 1em;
	margin: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-right:0px solid #999;


}
}

@media only screen and (max-width: 900px) and (orientation:landscape) {
	
.button2 {
font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:0.75em "Courier 10 Pitch";
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: right;
	text-decoration: none;
	padding: .1em 1em;
	margin: 1px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-right:0px solid #999;

}
}

@media only screen and (orientation:portrait) {
	
.button2 {
	font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:1.25em "Courier 10 Pitch";
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .1em 1em  0.8em 0;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}

}

@media only screen and (max-width: 640px) {
	
.button2 {
	font-family: "Courier 10 Pitch",Arial, Helvetica, sans-serif;
	font:1.35em "Courier 10 Pitch";
	color:#FFF;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .1em 1em  0.8em 0;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background-color:#000;
	z-index:1;

}

}

	/* Fix for odd Mozilla border & padding issues */
	button2::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}