#vignettes {
	padding:10px;
	margin-bottom:25px;
	text-align:center;
	/*text-align:center;*/
}
.vignette {
	width:200px;
	height:auto;
	display:inline-block;
	margin-left:5px;
	margin-right:5px;
}
#interface {
	width:75%;
	margin:0 auto;
	margin-bottom:35px;
	padding:20px;
	background-color:white;
	border:2px dashed #8fbc8f;
}
#interface .centrer {
	margin-bottom:15px;

}


label {
	width:200px;
	padding:2px;
	float: left;
	text-align: right;
	clear:left;
	margin:4px 30px 20px 50px;
	padding:0px;
	color:#518b8b;
	font-size:1.3em;
}
fieldset {
	border:1px solid #518b8b;
	border-left:0;
	border-bottom:0;
	border-right:0;
	padding:6px;
	margin:0px 30px 0px 0px;
}
legend {
	text-align:left;
	font-size:26px;
	color:#518b8b;
	margin-bottom:10px;
	padding:0px 4px 0px 4px;
	margin-left:20px;
}
fieldset .check {
	margin-bottom:30px;	
}
fieldset input[type=text], fieldset input[type=password] {
	font-family: Georgia;
	font-size: 28px;
	float:left;
	width:300px;
	border:1px solid #518b8b;
	margin:2px 0px 2px 2px;
	color:#518b8b;
	height:32px;
	padding:3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
select {
	font-family: Georgia;
	font-size: 16px;
	float:left;
	border:1px solid #518b8b;
	margin:2px 0px 2px 2px;
	color:#518b8b;
	padding:3px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
fieldset input{
	font-family: Georgia;
	font-size: 28px;
	float:left;
	width:300px;
	border:1px solid #4682b4;
	margin:2px 0px 2px 2px;
	color:#4682b4;
	height:32px;
	padding:3px;
}
#paramTemoignage {
	width:500px;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center
}
.labelCheck {
	width:300px;
	text-align:left;
	float:right;
	position:relative;
	right:50px;
}
.check {
	width:50px;
	padding:0;
	float:none;
	font-size:22px;
	height:20px;
	position:relative;
	top:4px;
}

#temoignageTable {
	width:700px;
	margin:0 auto;
	background-color:white;
	border:2px dashed #518b8b;
	margin-bottom:35px;
}
#temoignageTable .cellule0, #temoignageTable .cellule1, #temoignageTable .cellule2, #temoignageTable .cellule3  {
	text-align:center;
}
#temoignageTable .cellule1 {
	width:600px;
	max-height:400px;
	overflow:auto;
}
#temoignageTable .cellule0 {
	border-right:1px solid #024157;
}
#temoignageTable .cellule2, #temoignageTable .cellule3 {
	width:150px;
	border-left:1px solid #024157;
}
#temoignageTable .cellule3 {
	width:200px;
}
#temoignageTable .tableauTitre {
	text-align:center;
	font-size:26px;
	font-weight:bold;
	background-color:#518b8b;
	border-bottom:1px dashed white;
	color:white;
}
td {
	padding:10px;
}

/*form {
	text-align:center;
}*/
.inputbox {
	float:none;
	height:20px;
	width:50px;
}
form .image {
	margin-left:3px;
	width:300px;
	float:left;
}
form .image img {
	max-width:300px;
	height:150px;
}

#pj {
	width:910px;
	margin-top:10px;
	margin-bottom:10px;
}

.center {
	margin:0 auto;
}
.inputCenter {
	margin-top:15px;
}
#gestionadresses {
	background-color:#518b8b;
	width:50%;
	margin:0 auto;
	padding:20px;
}
#gestionadresses .adresse {
	border-radius: 15px 0px 15px 0px;
	border:2px dashed #8fbc8f;
	padding:15px;
	margin-bottom:15px;
	margin-left:15px;
	max-width:250px;
	background-color:white;
	color:#518b8b;
	float:left;
	font-size:1.2em;
}
#gestionadresses a:hover {
	color:#c5e3ed;
}
#gestionadresses .adresse a {
	color:#8fbc8f;
}
#gestionadresses .adresse a:hover {
	color:#4A6F4A;
}
#gestionadresses a {
	color:white;
	text-decoration:none;
	font-size:1.5em;
}
#interfaceAdresse {
	padding-top:25px;
	padding-bottom:30px;
	margin-top:15px;
	background-color:rgba(255,255,255,0.9);
	border:2px dashed #8fbc8f;
	margin:0 auto;
	width:80%;
}
#adresseLivraison {
	width:400px;
	float:left;
}
.voirPlus {
	background-color:rgba(255,255,255,0.3);
	padding:15px;
	margin:0 auto;
	width:200px;
	text-align:center;
	border:2px dashed #8fbc8f;
	margin-top:15px;
}
.voirPlus a {
	font-size:2em;
	text-decoration:none;
	color:#014157;
}
.voirPlus a:hover {
	color:#8fbc8f;
}
#adresseFacturation {
	width:400px;
	float:right;
}

#recapCommande {
	background-color:#518b8b;
	color:white;
	border-radius: 10px 10px 10px 10px;
	border:2px dashed #8fbc8f;
	margin-right:15px;
	width:250px;
	padding:15px;
	float:left;
}

#mld {
	padding:15px;
	color:#5f9ea0;
	border-radius: 15px 0px 15px 0px;
	border:2px dashed #5f9ea0;
	width:600px;
	float:left;
	background-color:rgba(255,255,255,0.9);
}
.modeLivraisonDisponible:hover {
	background-color:#518b8b;
	color:white;
}
.modeLivraisonDisponible {
	margin:0 auto;
	padding:15px;
	margin-bottom:10px;
	width:500px;
	border:1px solid gray;
	font-size:18px;
	font-weight:bold;
	border-radius: 10px 10px 10px 10px;
	text-align:left;
}
.modeLivraisonDisponible .ml {
	margin-left:5px;
}
.modeLivraisonDisponible .pl {
	float:right;
	margin-right:10px;
}

#modePaiement {
	padding:15px;
	color:#518b8b;
	border-radius: 15px 0px 15px 0px;
	background-color:white;
	border:2px dashed #8fbc8f;
	width:70%;
	float:left;
}
.paiement {
	margin:0 auto;
	padding:15px;
	margin-bottom:10px;
	width:80%;
	border:1px solid gray;
	font-size:18px;
	font-weight:bold;
	border-radius: 10px 10px 10px 10px;
	text-align:left;
}
.paiement:hover {
	background-color:#518b8b;
	color:white;
}
.paiement .mp {
	margin-left:5px;
}
.paiement .pp {
	margin-left:15px;
}

table {
	margin:0 auto;
	margin-top:25px;
	margin-bottom:60px;
}
table a {
	color:#8fbc8f;
}
table a:hover {
	font-weight:bold;
}
table .categories {
	text-align:center;
	background-color:#518b8b;
	color:white;
}
table .titre {
	font-size:26px;
	font-weight:bold;
	text-align:center;
	background-color:#518b8b;
	color:white;
}

#procedure {

}

#interfacePromo {
	padding-top:25px;
	padding-bottom:30px;
	background-color:white;
	border:2px dashed #8fbc8f;
	margin:0 auto;
	width:80%;
	text-align:center;
	color:#518b8b;
	font-size:1.3em;
}

.divIndex {
	margin:0 auto;
	background-color:white;
	border:2px dashed #024157;
	width:800px;
	margin-top:20px;
	padding:15px;
	color:#024157;
}
#imagePanier {
	width:150px;
	height:auto;
	margin:0 auto;
}
#imagePanier img {
	width:100%;
}
#recap .article {
background-color:rgba(255,255,255,0.9);
text-align:center;
}

#zFormation {
	margin-top:30px;
	margin-bottom:35px;
}
#zFormation a {
	color:#004157;
	text-decoration:none;
	font-size:1.3em;
}
#zFormation a.memberbutton {
	color:white;
}
#zFormation .formation {
	background-color:rgba(255,255,255,0.9);
	padding: 20px;
	border:2px dashed #8fbc8f;
}
#zFormation .imageprod {
	margin-bottom:25px;
	text-align:center;
}
#zFormation .imageprod  img {
	float:left;	
	max-width:400px;
}
#zFormation .downloadtitre a {
	font-family:sans-serif;
	font-size:1.3em;
	color:#518b8b;
}
#zFormation .descrform {
	/*float:right;*/
	padding:10px;
	margin:5px;
	font-family:sans-serif;
	font-size:1.2em;
}

#zFormation .download {
	text-align:center;
}
#zFormation .show {
	text-align:center;
}
a.memberbutton {
	display:inline-block;
	font-size:22px;
	text-decoration:none;
	background-color:blue;
	margin:5px;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ff9d47 0%,
		#ff9d47);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff9d47),
		to(#ff9d47));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #d7843b;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,1),
		inset 0px 0px 10px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,1),
		inset 0px 0px 10px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,1),
		inset 0px 0px 10px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}
a.memberbutton:hover {
	background: -moz-linear-gradient(
		top,
		#ff9d47 0%,
		#d7843b);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff9d47),
		to(#d7843b));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ff9d47;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,1),
		inset 0px 0px 10px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,1),
		inset 0px 0px 10px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,1),
		inset 0px 0px 10px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.avis {
	margin-top:25px;
	text-align:center;
	font-family:sans-serif;
	font-size:1.1em;
}
.avis p {
	color:#518b8b;
	margin-bottom:10px;
}
.avis textarea {
	margin-bottom:10px;
}

.mef {
	position:relative;
}

.descrvignette {
	margin:0 auto;
	margin-bottom:15px;
	padding:10px;
	width:50%;
	background-color:white;
	border:2px dashed #8fbc8f;
	color:#518b8b;
}