/* 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 
{
	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 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    
    /* Google Fonts Lining Numbers */
    -webkit-font-feature-settings: "lnum";
       -moz-font-feature-settings: "lnum";
        -ms-font-feature-settings: "lnum";
         -o-font-feature-settings: "lnum";
            font-feature-settings: "lnum";    
}

/* 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;
	text-align: left;
}


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

fieldset
{
	border: none;
}

input, select, textarea
{
	font-size: 100%;
	font-family: inherit;
    
    /* Google Fonts Lining Numbers */
    -webkit-font-feature-settings: "lnum";
       -moz-font-feature-settings: "lnum";
        -ms-font-feature-settings: "lnum";
         -o-font-feature-settings: "lnum";
            font-feature-settings: "lnum";    
}


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