/* --- STYLES DE BASE --- */

/* Page */
html {
  font-size: 100%; /* �vite un bug d'IE 6-7. (1) */
}
body {
  margin: 0;
  padding: 0; 
  font-family: Arial, Helvetica, FreeSans, sans-serif; 
  font-size: 13px; /* � adapter pour la police choisie. (3) */
  line-height: 1.4; /* � adapter au design. (4) */
  color: #333;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
  line-height: 1.2;
  font-weight: bold; 
  font-style: normal;
}

h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1em;}

/* Listes */
ul{list-style:none;}

ul, ol {
  padding: 0;
}

/* Paragraphes */
p { margin: .75em 0;}

address {
  margin: .75em 0;
  font-style: normal;
}

/* Liens */
a {text-decoration: none;}

/* 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) */}

/* --- STYLES DE BASE SUPPL�MENTAIRES --- */

/* Met en �vidence les abr�viations (ayant un attribut title) */
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* Met en �vidence les citations */
blockquote {
  margin: .75em 0 .75em 20px;
  padding: 0 0 0 10px;
  border-left: solid 2px #ddd;
}

q, cite {font-style: italic;}
q cite, q q {font-style: normal}

/* Supprime les guillemets automatiques (citations courtes) */
q {quotes: none;}
q:before, q:after {content: ""; /* N�cessaire pour Safari/Chrome */}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p { margin: .5em 0;}

/* Styles de base pour les listes de d�finition */
dl { margin: .75em 0;}
dt {
  margin: .75em 0 0 0;
  font-weight: bold;
}
dd {margin: .25em 0 .25em 32px;}

/* Mise en forme simple pour les tableaux */
table {
  margin: 0;
  border: none; /* Pas de bordure = "none". */
  border-collapse: collapse; /* Valeur par d�faut: "separate". */
  border-spacing: 0;
}
table td, table th {
  padding: 6px; /* Pas de retrait autour du texte = "0". */
  border: none; /* Pas de bordure = "none". */
  vertical-align: middle; /* Valeur par d�faut: "middle" */
}

/* Conteneurs s�mantiques de HTML 5 */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section {
  display: block;
}

/* Clear
---------------------------------------------- */
.clearfix:after, 
.clear:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;}
	
.clearfix, 
.clear {display:block;}

.clear {clear:both;}

html[xmlns] .clearfix,
html[xmlns] .clear {display: block;}

* html .clearfix,
* html .clear {height: 1%;}

.selected{color:red;}


/* CSS Loading
---------------------------------------------- */
.mask-loading {
  widows: 100%;
}

.spinner {
  width: 18px;
  height: 18px;
  position: relative;
  margin: 0 auto;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #777777;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 5.0s infinite ease-in-out;
  animation: sk-bounce 5.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0.0)
  }
  50% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }
  50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}