/* ==========================================================================
   @2-TYPO
   ========================================================================== */
/* ==========================================================================
   @0-VARIABLES
   ========================================================================== */
/* Couleurs
  ========================================================================== */
/* Taille des polices
  ========================================================================== */
/* Font faces
  ========================================================================== */
@font-face {
  font-family: 'open_sansbold';
  src: url("../fonts/OpenSans-Bold-webfont.eot");
  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansbold_italic';
  src: url("../fonts/OpenSans-BoldItalic-webfont.eot");
  src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansextrabold';
  src: url("../fonts/OpenSans-ExtraBold-webfont.eot");
  src: url("../fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansextrabold_italic';
  src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot");
  src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansitalic';
  src: url("../fonts/OpenSans-Italic-webfont.eot");
  src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanslight';
  src: url("../fonts/OpenSans-Light-webfont.eot");
  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanslight_italic';
  src: url("../fonts/OpenSans-LightItalic-webfont.eot");
  src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#open_sanslight_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/OpenSans-Regular-webfont.eot");
  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold';
  src: url("../fonts/OpenSans-Semibold-webfont.eot");
  src: url("../fonts/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Semibold-webfont.woff") format("woff"), url("../fonts/OpenSans-Semibold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'open_sanssemibold_italic';
  src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot");
  src: url("../fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Typo
  ========================================================================== */
/* Taille, police et couleur par défaut */
html {
  font: 100%/1.5 Arial, Helvetica, sans-serif;
}

body {
  font: 0.875em/1.5 Arial, Helvetica, sans-serif;
}

/* Échelle typographique */
.smaller {
  font-size: .8em;
  line-height: 1.4;
}

.small, small {
  font-size: .925em;
  line-height: 1.3;
}

.medium {
  font-size: 1.125em;
  line-height: 1.3;
}

.large {
  font-size: 1.25em;
  line-height: 1.4;
}

.larger {
  font-size: 1.5em;
  line-height: 1.3;
}

/* Capitales et petites capitales */
.caps {
  text-transform: uppercase;
}

.small-caps {
  font-variant: small-caps;
}

/* Alignement de texte */
.aleft {
  text-align: left;
}

.acenter {
  text-align: center;
}

.aright {
  text-align: right;
}

/* Titres */
h1, .h1 {
  font: 2.286em 'open_sanssemibold', Arial, sans-serif;
  /*32px*/
  color: #454545;
  margin: 0 0 .33em 0;
  padding: 0;
}

.h1Connexion {
  font: 68px 'open_sanslight', Arial, sans-serif;
  /*32px*/
  color: #454545;
  padding: 20px 0 0 0;
  text-align: center;
}

h2, .h2 {
  font: 1.714em 'open_sanslight', Arial, sans-serif;
  /*24px*/
  margin-bottom: 1em;
  color: #454545;
}

h3, .h3 {
  font: 1.286em 'open_sanssemibold', Arial, sans-serif;
  /*18px*/
  margin-bottom: .5em;
  color: #454545;
}

h4, .h4 {
  font: 1.143em 'open_sansregular', Arial, sans-serif;
  /*16px*/
  margin-bottom: 1em;
  color: blue;
  color: #454545;
}

h5, .h5 {
  font: 1em 'open_sansregular', Arial, sans-serif;
  /*14px*/
  color: #454545;
}

h6, .h6 {
  font: 1em 'open_sansregular', Arial, sans-serif;
  /*14px*/
  color: #454545;
}

/* Liens */
a {
  color: #1c9ca5;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  color: #1c9ca5;
}

a:active {
  color: #1c9ca5;
}

/* Paragraphes, listes */
p, ul, ol {
  margin-bottom: 10px;
}

ol {
  list-style-type: decimal;
}

ol,
ul {
  padding-left: 1.8em;
}

ul ul {
  list-style-type: circle;
}