@font-face{
	font-family:"Helvetica Neue Pan-European";
	src:url("OrangeFonts/EOT/HelvNeue55_W1G.eot?#iefix");
	src:url("OrangeFonts/EOT/HelvNeue55_W1G.eot?#iefix") format("eot"),
	url("OrangeFonts/WOFF2/HelvNeue55_W1G.woff2") format("woff2"),
	url("OrangeFonts/WOFF/HelvNeue55_W1G.woff") format("woff"),
	url("OrangeFonts/TTF/HelvNeue55_W1G.ttf") format("truetype"),
	url("OrangeFonts/SVG/HelvNeue55_W1G.svg") format("svg");
}

/* Usage */

.html5 textarea {
  box-sizing:border-box;
  border:0;
  padding:5px;
}

html, body {
  width: 100%;
  height: 100%;
}

body{
	font-family: "Helvetica Neue Pan-European";
	margin:0 auto;
	padding:0;
	background-color: white;
	color: #555;
}

#document{
	margin:0 auto;
	padding:10px;
}
#contenu {
	padding:10px;
	background-color:white;
	#box-shadow: #ddd 1px 1px 18px;
	min-height:500px;
}

#logo {
	background: no-repeat center url("smartyorange.png");
	height:80px;
}

H1 {
	margin-top: 0;
    color: #333;
}

H2 {
	color:#333;
}

H4 {
	color:#333;
}

a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

button, .submbutton {
    padding: 10px 20px;
    background-color: #00915a;
    color: white;
    border-width: 0px;
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    font-size: 16px;
    line-height: normal;
    margin: 0 2px;
}
button:hover {
	background-color: #00b17a
}

.debugbloc
{
    padding:5px;
    width:100%;
    background:#F7B733;
}

.email {

  /* Si email trop long, on le met sur plusieurs lignes */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* On ne met pas d'hyphens, car ça peut être trompeur dans une adresse email */
  -ms-hyphens: none !important;
  -moz-hyphens: none !important;
  -webkit-hyphens: none !important;
  hyphens: none !important;

}