/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
}
* {
	font-family: 'Open Sans', sans-serif, lbdp;
}
h1 span {
	display:none;
}
h2 {
	font-size:1.5em;
	font-weight:normal;
	color:#474747;
	border-left:8px solid #bfd730;
	padding-left:10px;
}
#lienPaiement #shortLink {
	width:600px;
	padding:10px;
	font-size:16px;
	border:1px solid #adb2b9;
}
#lienPaiement #copy-button {
	position:relative;
	top:-1px;
	left:-1px;
	padding:10px;
	background-color:#bfd730;
	border:2px solid #bfd730;
	color:#FFF;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
#lienPaiement #copy-button:hover {
	position:relative;
	top:-1px;
	left:-1px;
	padding:10px;
	background-color:#FFF;
	border:2px solid #bfd730;
	color:#000;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
form div input {
	margin:5px 0px;
}
div input {
	padding:5px;
	border:1px solid #adb2b9;
}
form input.email {
	width:500px;
}
.bt {
	background-color:#bfd730;
	border:none;
	color:#FFF;
}
.bt:hover {
	color:#000;
}
input.bt {
	margin-top:20px;
	border-radius:5px;
	width:auto;
	padding: 5px 10px;
	background-color:#bfd730;
	border:none;
	color:#FFF;
	margin-right:-2px;
	border:2px solid #bfd730;
}
input.bt:hover {
	color:#000;
	background-color:#FFF;
	border:2px solid #bfd730;
}
a.bt {
	display:inline-block;
	margin-top:20px;
	border-radius:5px;
	width:auto;
	padding: 5px 10px;
	background-color:#bfd730;
	border:none;
	color:#FFF;
	margin-right:-2px;
	border:2px solid #bfd730;
	text-decoration:none;
}
a.bt:hover {
	color:#000;
	background-color:#FFF;
	border:2px solid #bfd730;
}
/*** PAGE CLIENT ***/
/*** HEADER ***/
.block {
	margin-top:115px;
	background-color:#bfd730;
	padding:10px;
	color:#FFF !important;
	box-shadow: inset 0px 0px 13px 1px rgba(119, 119, 119, 0.54);
	-moz-box-shadow: inset 0px 0px 13px 1px rgba(119, 119, 119, 0.54);
	-webkit-box-shadow: inset 0px 0px 13px 1px rgba(119, 119, 119, 0.54);
}
.contener {
	max-width:1000px;
	margin:0px auto;
}
/*** Menu***/

#menu {
	position:relative;
	left:50px;
	top:15px;
	font-size:1.125em;
	list-style-type:none;
	margin-left:50px;
}
#menu li a {
	color:#474747;
	text-decoration:none;
	float:left;
	margin:0px 10px 0px 10px;
	padding:10px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
	text-transform:uppercase;
}
#menu li a:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background: #bfd730;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
#menu li a:hover:before, #menu li a:focus:before, #menu li a:active:before {
	left: 0;
	right: 0;
}
/*** CONTENER ***/
h3 {
	font-size:1.8em;
	font-weight:normal;
	color:#474747;
	border-left:8px solid #bfd730;
	padding-left:10px;
}
p {
	font-size:1em;
}
/**** HEADER ***/
header {
	width: 100%;
	height: 115px;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: #FFF;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
h1 span {
	display:none;
}
h1 img {
	height:69px;
	float:left;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
}
/*** HEADER SMALL ***/
header.smaller {
	height: 80px;
	background-color:#FFF;
	border-bottom:1px solid #F5F5F5;
}
header.smaller h1 img {
	height:40px;
}
header.smaller #menu {
	top:0px;
}
/*** FOOTER ***/
footer {
	text-align:center;
	font-size:12px;
	color:#333;
	margin-top:20px;
	width:100%;
}
footer img {
	position:relative;
	top:4px;
}
/*** DEMANDE CATALOGUE ***/

article {
	width:1000px;
	margin:115px auto 0px auto;
}
/***  LABEL ***/

.label {
	padding: 5px 0px;
	border-bottom:1px solid #bfd730;
}
/*** MESSAGE ***/
.messOk {
	background-color:#76cc82;
	color:#FFF;
	padding:5px;
	text-align:center;
	border-radius:5px;
}

/*** RESPONSIVE ***/

/*** RESPONSIVE ***/

@media screen and (max-width: 500px) {
 .contener {
 width:100%;
}
	
/*** MENU ***/	
#menu {
 left:0;
 top:0;
 padding:0;
 margin:0 auto;
 text-align:center;
}
 #menu li a {
 float:none;
}
 h1 {
 margin:0 auto;
}
 h1 img {
 display:block;
 width:80%;
 height:80%;
 padding:5%;
 margin:0 auto;
 float:none;
}
 h2 {
 padding-left:3, 6%;
 margin-left:5%
}
 article {
 width:100%;
}
 .commande {
 margin:0 auto;
 width:90%;
 font-size:0.77em;
}
 .commande span {
 display:block;
 font-size:1.1em;
}
 .messOk {
 margin:5%;
}
 .recap {
 text-align: center;
 font-size: 1em;
 margin: 0 15% 0 15%;
}
input.bt {
 margin:auto;
 display:block;
}
a.bt {
	text-align:center;
	width:120px;
 margin:auto;
 display:block;
}
footer {
 width:70%;
 padding: 0 15% 0 15%;
}
}