/* --- STYLES DE BASE --- */ 
html {font-size: 100%; /* Évite un bug d'IE 6-7. (1) */} 
body {margin: 0;padding:0; /* Remettre à zéro si nécessaire. */ 
  /* Pensez à utiliser une collection de polices (2), par ex: 
  font-family: Arial, Helvetica, FreeSans, sans-serif; */ 
  font-size: .8em; /* À adapter pour la police choisie. (3) */ 
  line-height: 1.4; /* À adapter au design. (4) */ 
  color: black; 
  background: white;} 
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin:0.5em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
/* Listes */ 
ul, ol {margin:0;padding: 0;} 
ul li {list-style:none;}
/* Paragraphes */ 
p {margin: .75em 0; /* Marges plus faibles que par défaut. (7) */} 
address { 
  margin: .75em 0; 
  font-style: normal; 
} 
/* Liens */ 
a {text-decoration: none;} 
a:link {color: #11C;} 
a:visited {color: #339;} 
a:hover, a:focus, a:active {color: #00F;} 
/* Pas de bordure autour des images dans les liens */ 
a img {border: none;} 
/* Divers éléments de type en-ligne (8) */ 
em {font-style: italic;} 
strong {font-weight: bold;} 
/* Formulaires */ 
form, fieldset {margin: 0;padding: 0;border: none;} 
input, button, select {vertical-align: middle; /* Solution pb. d'alignement. (9) */}



@font-face {
 font-family: MyCustomFont;
 src: url("euphorigenic.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 src: url("euphorigenic.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: MyCustomFont2;
 src: url("euphorigenic.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont2;
 src: url("euphorigenic.ttf") /* TTF file for CSS3 browsers */
}



body {margin:auto;width:1000px;background-color:#c7d0dc;}
#page {position:absolute;background-color:white;}
#all{ background:url('background.png') no-repeat;}
#baniere  {width:1000px;height:300px;background:url('baniere.png') no-repeat;}
#banieredico  {width:1000px;height:300px;background:url('banieredico.png') no-repeat;}
#menu-horizontal ul { padding: 20px 0 20px 0; font-family: MyCustomFont2, Arial; font-size: 35px;}
#menu-horizontal ul li {display:inline; list-style:none;}
#menu-horizontal ul li a{width:200px; padding:0 70px;}
#pied {width:1000px; height:30px; background:url('pied.png') no-repeat;position:relative;}
#pied .pied-text {position:absolute;top:20px;left:200px;font-family: MyCustomFont, Arial; font-size: 20px;} 
#appstore{position:relative; top:230px; left:250px;}
#gauche {float:left; width:680px; padding:0 10px 0 10px;}
#droite{margin-left:708px; width:280px}
a img {border:none;}
a {text-decoration:none;}
div#content h1 {font-size: 40px; font-family: MyCustomFont2, Arial;}
div#content h2 {font-size: 36px; font-family: MyCustomFont2, Arial;}
div#dev {font-family: MyCustomFont, Arial; font-size: 20px; color:#152c57; letter-spacing:0px; line-height:33px;}
div#dev p {font-size: 20px; color:#152c57; letter-spacing:1px; line-height:33px;}