/**
 * HTML5 Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */

/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/* Remove margins for navigation lists */

nav ul,
nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}

small {
  font-size: 85%;
}

strong,
th {
  font-weight: bold;
}

td {
  vertical-align: top;
}

textarea {
  overflow: auto;
}

/* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend,
.ie7 legend {
  margin-left: -7px;
}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Hand cursor on clickable input elements */

label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}

/**

* normalize.css
*   http://necolas.github.com/normalize.css/demo.html
**/

/*Corrects inline-block display not defined in IE6/7/8/9 & FF3 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*Prevents modern browsers from displaying 'audio' without controls */

audio:not([controls]) {
  display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
  display: none;
}

/* Corrects overflow displayed oddly in IE9 */

svg:not(:root) {
  overflow: hidden;
}

/**

* fonts.css from the YUI Library: developer.yahoo.com/yui/
*   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

* There are three custom edits:
* remove arial, helvetica from explicit font stack
* we normalize monospace styles ourselves
* table font-size is reset in the HTML5 reset above so there is no need
* to repeat
**/

html {
  font-size: 100.01%;
}

/* fix rendering problems of EM unit on IE : http://www.accessibiliteweb.com/accessiblogue/pratiques/tailles-de-police-en-pourcentage-ou-en-em-impact-sur-l-accessibilite-et-solution.html */

select,
input,
textarea,
button {
  font: 99% sans-serif;
}

/* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */

pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css ; */

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */

button,
input,
select,
textarea {
  margin: 0;
}

/* Consistent box sizing and appearance */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Remove inner padding and border in FF3/4: h5bp.com/l */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/**
 * @author jcsuzanne
 * @lastmodified April, 28 2010
 * @media print, screen
 */

html {
  image-rendering: optimizeQuality;
  -webkit-font-smoothing: antialiased;
  -ms-interpolation-mode: nearest-neighbor;
}

body {
  font: 62.5%/1.5 sans-serif;
  *font-size: small;
  -moz-osx-font-smoothing: grayscale;
}

/* Hack retained to preserve specificity */

html,
body {
  height: 100%;
  /*overflow:hidden;*/
  width: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* enlever la propriété overflow:hidden pour enlever les scrollbars */

a {
  text-decoration: none;
  outline: none;
}

:focus {
  outline: 0;
}

img,
input,
object,
form,
fieldset,
p,
adress,
ul,
ol,
li,
a img {
  border: 0;
}

/* ajustement pour le wisiwyg */

b {
  font-weight: bold;
}

i {
  font-style: italic;
}

u {
  text-decoration: underline;
}

/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: h5bp.com/s */

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* h5bp.com/t */

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

@page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}
/**
 * @author Suzanne Jean-Christophe
 * @lastmodified May, 18 2011
 * v0.2
 * @media screen
 * un ensemble de classes non-semantiques pour la gestion CSS de cas particuliers
 *
 * Changelog
 *
 * v0.3
	- suppression des classes fx-br, fx-bw, fx-op. Obsolète avec l'utilisation de LESS CSS'
 * v0.2
    - mise à jour globale du fichier pour une meilleure intégration à un projet
    - inspiré du fichier base.css du framework G5 : http://framework.gregbabula.info/
    - suppression du reset <body>, des declarations font-size, font-weight, font-style, color, text-decoration, text-transform, border
    - mise à jour de la semantique de déclaration
    - ajout d'effets crossbrowser
    - ajout de classes globales first, last et hide
 */

/* global */

.first,
.last {
  background: none;
  margin: 0;
  padding: 0;
}

.hide {
  position: absolute;
  left: -99999px;
}

/* floating */

.fl-l {
  float: left !important;
}

.fl-r {
  float: right !important;
}

/* text-align */

.ta-l {
  text-align: left !important;
}

.ta-c {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}

.ta-j {
  text-align: justify !important;
}

/* display */

.dp-b {
  display: block !important;
}

.dp-i {
  display: inline !important;
}

.dp-ib {
  display: inline-block !important;
}

.dp-no {
  display: none;
}

.dp-t {
  display: table !important;
}

.dp-tc {
  display: table-cell !important;
}

/* visibility */

.vs-1 {
  visibility: visible !important;
}

.vs-0 {
  visibility: hidden !important;
}

/* positionning */

.pos-0 {
  position: relative;
  overflow: hidden;
}

.pos-l {
  position: absolute;
  left: 0;
}

.pos-r {
  position: absolute;
  right: 0;
}

.pos-t {
  position: absolute;
  top: 0;
}

.pos-b {
  position: absolute;
  bottom: 0;
}

/* overflow */

.ov-h {
  overflow: hidden !important;
}

.ov-a {
  overflow: auto !important;
}

.ov-s {
  overflow: scroll !important;
}

/* clearing */

.cl-0 {
  clear: none !important;
}

.cl-l {
  clear: left !important;
}

.cl-b {
  clear: both !important;
}

.cl-r {
  clear: right !important;
}

/* cross browser effects
usage : .fx-br-7 pour ajouter une valeur
*/

.fx-br {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.fx-bw {
  box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
}

.fx-op {
  filter: alpha(opacity=50);
  opacity: .50;
  -khtml-opacity: .50;
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity: .50;
}

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.ajaxhidden {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
}
/*
    Inspiration : Easy project Framework http://cssglobe.com/post/9849/easy-percentage-grid-system-with-html5
    Description : Un système de grilles prêt à l'emploi
    Usage       : "ggcols" definit un conteneur ggcols. "ggcolsX" definit le nombre globale de gcolonnes. ""ggcol" définit une gcolonne. "ggcolX" definit une fusion de gcolonne
*/

/* definition of the main container
param : width depends of layout
---------------------------------------------- */

.gcontainer {
  margin: 20px auto;
  position: relative;
  text-align: left;
}

/* definition of the columns
option : pour ajouter un padding aux différentes colonnes, rajouter "padding: 0 1%" au gcol/gcolX et enlever 2% pour chaque width frère ou enfant
---------------------------------------------- */

.gcols {
  margin-bottom: 1.5em;
  overflow: hidden;
}

/* main gcolumn container class */

.gcol,
.gcol2,
.gcol3,
.gcol4,
.gcol5 {
  float: left;
  display: inline;
  margin-left: 2%;
  /* only for demo purposes - remove this line */
}

.gcols .first,
.gcol:first-child {
  margin-left: 0 !important;
}

.gcol {
  width: 49%;
}

/* 2 equal width gcolumns - default */

.gcols3 .gcol {
  width: 32%;
}

/* 3 equal width gcolumns */

.gcols4 .gcol {
  width: 23.5%;
}

/* 4 equal width gcolumns */

.gcols5 .gcol {
  width: 18.4%;
}

/* 5 equal width gcolumns */

.gcols6 .gcol {
  width: 15%;
}

/* 6 equal width gcolumns */

/* double width gcolumns */

.gcols3 .gcol2 {
  width: 66%;
}

.gcols4 .gcol2 {
  width: 49%;
}

.gcols5 .gcol2 {
  width: 38.8%;
}

.gcols6 .gcol2 {
  width: 32%;
}

/* triple width gcolumns */

.gcols4 .gcol3 {
  width: 74.5%;
}

.gcols5 .gcol3 {
  width: 59.2%;
}

.gcols6 .gcol3 {
  width: 49%;
}

/* quadruple width gcolumns */

.gcols5 .gcol4 {
  width: 79.6%;
}

.gcols6 .gcol4 {
  width: 66%;
}

/* quintuple width gcolumns */

.gcols6 .gcol5 {
  width: 83%;
}