/* reset css */
@charset "iso-8859-1";
/* outline: 0; sert à afficher un cadre pointillé lorsqu’on maintient le bouton de la souris appuyé sur un lien :active, quoi */
/* vertical-align: baseline qui permet d’harmoniser l’alignement des éléments en ligne au sein d’une boite.
   Il s’agit de la valeur par défaut pour aligner la ligne de base du texte avec le bas d’une image placée à côté. */
/* div même si cet élément n’est pas censé avoir de marge, force est de constater que lorsque deux images doivent se raccorder, 
   il reste souvent un décalage d’un pixel qui disparait comme par magie avec margin: 0 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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 , time
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
td { vertical-align:middle; } /* td modifié car plus centré verticalment dans cms kyxar */

/*Prise en charge de HTML 5 - Définit les nouvelles balises HTML 5 sur display:block afin que les navigateurs sachent comment effectuer un rendu correct des balises. */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }


/* Neutralize styling: Elements we want to clean out entirely:*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.no-js html, .no-js body, .no-js form, .no-js fieldset, .no-js button, .no-js textarea {
    font-family: sans-serif;
}

html, body, form, fieldset, button, textarea
{
	margin: 0;
	padding: 0;
	font: 100%/1.3 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}

/* font-size: 62.5%; pour avoir une taille par défaut de 10px */
/* font-size: 75%;   pour obtenir 12px */
/* line-height: 1; lorsque l’on ne précise pas l’unité de mesure après line-height la valeur fonctionne comme un facteur multiplicateur,
   contrairement à l’unité em qui produit une valeur calculée qui se répercute ensuite sur les balises enfants par le jeu de la cascade. 
   C’est une spécificité de la propriété line-height qui est la seule à accepter une valeur brute. */
body
{
	line-height: 1;
}

img, iframe, object
{
	border: 0 none;
}

sub, sup {
	font-size: 75%;
	vertical-align: baseline;
	position: relative;
	line-height: 0;
}
sup {
	top: -0.5em;
} 
sub {
	bottom: -0.25em;
}

/* remember to define focus styles! */
/* enleve le focus sur les liens */
/* pseudo-classe :focus est également remise à zéro pour l’ensemble des éléments */
:focus
{
	outline: 0;
}


/* Neutralize styling : Elements with a verticalmargin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address
{
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin : Only to the few elements that need it:*/
li, dd, blockquote
{
	margin-left: 1em;
}

ol, ul
{
	list-style: none;
}

blockquote, q
{
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins
{
	text-decoration: none;
}

del
{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	/*text-align: left;*/
	font-weight: normal;
}


/* Miscellaneous conveniences : */
form label
{
	cursor: pointer;
}

fieldset
{
	border: none;
}

input, select, textarea
{
	font-size: 100%;
	font-family: inherit;
}


/*  Couleurs à adapter selon votre charte */
/* Remember "LoVe/HAte" Linking */
a
{
	text-decoration: none;
}
a:link
{
}
a:visited
{
}
a:focus
{
}
a:hover
{
}
a:active
{
}


/* http://www.knacss.com/knacss.html */

/* avoid top margins on first content element */
/* On évite les marges hautes impactant celles de leur parent (fusion de marges) afin d'obtenir des alignements verticaux parfaits (exemple). Et on supprime également la marge de certains éléments imbriqués tels que listes et paragraphes. */

p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}



/* max values */
/* max-width: 100% impose une largeur maximale de celle du parent. Idéal pour empêcher les blocs et images de déborder. */
img, table, td, blockquote, code, pre, textarea, input, video {
	max-width: 100%;
}


/* you shall not pass */
/* word-wrap et hyphens s'occupent de forcer le retour des textes à la ligne, et white-space est dédié aux éléments à châsse fixe. */
article, main, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,
div, textarea, table, td, th, code, pre, samp {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}


/* switching box model for all elements */
/* Et hop, on passe en mode de calcul de boîte box-sizing pour nous faciliter la vie et jongler avec les paddings et les borders. */
/* http://blog.goetter.fr/post/27612618411/box-sizing-et-pourquoi-pas */
/** {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}*/