/* base font-size corresponds to 10px */
html {font-size: 12px;}
body {
    background-color: #fff;
    color: #333;
    font-family: "EurostileRegular", arial, helvetica, sans-serif;
    line-height: 1.5; /* adapt to your design */
}

/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

/* soft reset */
html, body, blockquote, ul, ol, form {margin: 0; padding: 0;}
ul, ol {padding-left: 20px}
.mreset {margin: 0;}
.preset {padding: 0;}

/* font-sizing for content */
p, li, td, th, textarea, caption, pre {font-size: 14px;}
li li, li p, td p, th p, li h1, li h2, li h3, li h4, li h5, li h6, button, input, select {font-size: 100%;}
h1, .h1-like {font-size: 24px; }
h2, .h2-like {font-size: 20px; }
h3, .h3-like {font-size: 18px; }
h4, .h4-like {font-size: 16px; }
h5, .h5-like {font-size: 14px; }
h6, .h6-like {font-size: 12px; }

/* alternate font-sizing */
.smallest {font-size: .7em;}
.smaller {font-size: .8em;}
.small {font-size: .9em;}
.big {font-size: 1.07em;} /* 15 pixels */
.bigger {font-size: 1.14em;} /* 16 pixels */
.biggest {font-size: 1.28em;} /* 18 pixels */

/* avoid collapsing margins */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child {
    margin-top: 0;
}

/* avoid last paragraph bottom margin */
p:last-child {margin-bottom: 0;}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, object, embed, video {
    max-width: 100%; height: auto;
}

/*pas de puces au menu*/
nav ul { list-style-type: none; }
nav li { cursor: pointer; }

/*supprimer la bordure bleue des images cliquables sous IE*/
a img { border:none; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }