/* ---------------------Reset----------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Style---------------------- */
/* -------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {
	background: url(../images/MNX_bg_header_leaf.png) 0px 0px repeat-x,
				#448833 url(../images/MNX_bg_green.png);
	
	
	color: #ffffff;
	font: 14px/16px Arial, Helvetica, sans-serif;
	}

i.greenicon {
	color:#448833;
    font-size: 20px;
}	

i.blackicon {
	color:#000000;
    font-size: 20px;
}	

div.green {
	color:#448833;
}	

div.cadre_gray {
	padding: 10px 10px 0 10px;
	border: 5px solid #dddddd;
	max-width: 400px;
	background: #dddddd url(../images/bg_contact_400x400.png) top center;
	font-weight:bold;
	margin-left: auto ;
	margin-right: auto ;

	
	
}		

	
/*-------------------------*/
a {	
	color: #448833;
	font-weight: bold;
	text-decoration: none;
	}
a:hover {text-decoration: underline;}

/*-------------header */
header {height: 100px;width:100%; margin-bottom:15px;}

header #logo {margin-top:10px; text-align:center;}

/*------------menu */
nav { 
width:940px;
height: 40px;
margin: 0 auto;
background: #000000 url(../images/menu-bg_NONE.png) repeat-x;
	}
nav ul {list-style: none;margin: 0;padding: 0;}
nav ul li {position: relative;float: right;background:url(../images/menu_separator_NONE.png) no-repeat right;}
nav ul li:hover {background: #ffffff;}
nav ul li a {font-size: 14px; color: #ffffff;display: block;padding: 12px 20px; position: relative;font-weight:none;}
nav ul li:hover a{
	color: #000000;
	text-decoration:none;
	}

/*-------------content */
#content {}

.block {
	padding: 0px;
	}

.main-content{}
.main-content article{margin: 200px 0;overflow:hidden; position:relative; background:#ffffff;}
.main-content .wrap{
	border:5px solid #000000; 
	padding:10px;
	background:	#ffffff url(../images/MNX_bg_white.png);
	
	}
.main-content .wrap_construction{
	border:5px solid #000000;
	background: #ffffff url(../images/mnx_contrux.png);
	padding:10px;
	color: #ffffff;
	}	
	
	
.main-content .content{
	font-size:12px;
	color: #000000;	
	text-align: justify;
	}
	
.main-content .heading { 
	text-align: center;
	}	

.titre {
	font-weight:bold;
	text-align: center;
	padding: 15px 0px 15px 0px;
	}		
	
a.eBay {
	color: #e53238;
	}	
	
a.Contact {
	color: #ff6600;
	}		

a.MKM {	
	color: #001e69;	
	}

.soon {
	color: #ff0000;
	font-weight: bold;
	}	
	
p.soon {
	color: #000000;
	font-weight: normal;
	}		
	

a.soon {
	color: #000000;
	}

div.capsule_full_width {
	margin : 0 auto;
	padding: 10px 10px 20px 10px;
	max-width: 960px;
	text-align : center;	
		}	

div.full_width {
	font-size:12px;
	color: #000000;	
	text-align: justify;
	background: #ffffff;
	border:5px solid #000000; 
	padding:10px;	
	min-height: 280px;	
	min-width: 280px;	
		}		
	
/*------------footer */ 
footer{
	display:inline-block; 
	width:100%;
	height: 40px;
	text-align: center; 
	font-size:12px;	
	font-weight: normal;
	color:#ffffff;
	background: #000000;
	}	

div.footer {
	height: 40px; /* hauteur du parent */
	line-height: 40px; /* hauteur de ligne (identique) */
	white-space: nowrap; /* interdiction de passer à la ligne */	
	}
	
a.footer {
	color:#ffffff;
	font-weight: normal;	
	}		
	
a.footer:hover {
	color:#448833;
	}
	
/* ----- Mentions ----- */

.mentions{
}

div.capsule_mentions{
	margin: 0 auto;
	text-align:justify;
	text-justify:inter-word;
	}

div.header_mentions{
	padding: 5px;
	color: #111111;
	font-weight: bold;
	font-size: 10pt;
	text-align:center;
	}

div.titre_mentions{
	background: #448833;
	padding: 5px;
	color: #eeeeee;
	font-weight: bold;
	}
	
div.contenu_mentions{
	padding: 5px;
	}		
	
/* ----- Formulaire de contact ----- */

div.capsule_form{
	margin: 0 auto;
	text-align: left;
	text-justify:inter-word;
	max-width:600px;
}

div.header_form{
	padding: 5px;
	color: #111111;
	font-weight: bold;
	font-size: 10pt;
	text-align:center;
	}

div.titre_form{
	background: #448833;
	padding: 5px;
	color: #eeeeee;
	font-weight: bold;
	text-align:center;	
	font-size: 18px;	
	}
	
div.contenu_form{
	margin-bottom: 15px;
	}
	
div.contenu_form_center{
	padding: 5px;
	text-align:center;
	}

div.form_subtitle{
	text-align:center;
	margin: 10px 0px 20px 0px;
}	

  .success { 
	text-align: center;
	border: 5px solid #ff0000;
	background: #ffffff;
	padding: 10px;
    color: #448833; 
	font-weight: bold; 
	font-size: 18px; 
	}
	
  div.error { 
	text-align: center;
	border: 1px solid #ff0000;
	background: #ffffff;
	padding: 10px;
    color: #ff0000; 
	font-weight: bold; 
	font-size: 16px; 
	}
  span.error { display: block; color: #ff0000;  }
  .note { font-size: 18px;}

  input[type=submit].form {
	padding: 5px 20px; 
	background:#ffffff; 
	border: 5px solid #448833;
	font-weight: bold;
	color: #448833;
	cursor:pointer;
    -webkit-border-radius: 20px;
    border-radius: 20px; 
	margin-left: auto ;
	margin-right: auto ; 
  }
  
    input[type=submit].form:hover {
	background:#ff6600; 
	border: 5px solid #ffffff;	
	color: #ffffff;
  }
	
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

form header {
  margin: 0; 
}
form header div {
  color: #ff0000;
}
form header h2 {
  margin: 0;
}
form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 10px 0;
}

form > div > fieldset > div > div {
  margin: 0 0 5px 0;
}
form > div > label,
legend {
	width: 25%;
  float: left;
  padding-right: 10px;
  text-align: right;
}
form > div > div,
form > div > fieldset > div {
  width: 75%;
  float: right;
}
form > div > fieldset label {
	font-size: 90%;
}
fieldset {
	border: 0;
  padding: 0;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	border: 1px solid #dddddd;
	background: #dddddd;
}
textarea {
	}

input[type=text],
input[type=email],
input[type=url],
input[type=password] {

}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: #448833;
  background: #ffffff;
  color: #000000;
}

@media (max-width: 600px) {
  form > div {
    margin: 0 0 15px 0; 
  }
  form > div > label,
  legend {
	  width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
  form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
  }
    
}
@media (min-width: 1200px) {
  form > div > label,
	legend {
  	text-align: right;
  }
}