@charset "UTF-8"; /* je défini le type de caractere a utiliser */
/************************************************************************************
RESET au départ
*************************************************************************************/
*, *:before, *:after {
/*	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
	}

a, abbr, acronym, address, applet,article, aside, audio, b, bdo, big, blockquote, body, br, button,
canvas,caption,center, cite, code, dd, del,details, dfn, div, dl, dt, em, embed,fieldset,figure,figcaption, footer, font, form,
header, hgroup,h1, h2, h3, h4, h5, h6, html,i, iframe, img, ins, kbd, label, legend, li, 
map, mark, menu, nav,object, ol, output,p, pre, q, s, samp,section, summary, small, span, strike, strong, 
table, tbody, td, tfoot, th, thead,time, tr, tt, u, ul, var,video{
	margin: 0;padding: 0;
	text-decoration: none;
	border:0;outline:0;
	font-size:100%;font: inherit;
	vertical-align:baseline;
	background:transparent;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-size: 0.8em;}
nav, ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;color: inherit;}
a:hover, a:active {outline: none;}

del {text-decoration: line-through;}

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

object,embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
/*html {overflow-y: scroll;}*/

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

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

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

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

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

table {font-size: inherit; font: 100%;}

td, td img {vertical-align: top;} 

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* je definie une largeur maximale pour les images à  100% */
/*img { max-width: 100%; height: auto; width: auto\9; /* ie8 *!/ }*/
img, object, embed, canvas, video, audio, picture {
		max-width: 100%;
		height: auto;
		_width: 100%; /* IE6 seulement */
}
/*pour supprimer le rectangle autour des images-lien sous IE*/
a img { outline: none; border: none;border: 0; } 


/*..............................................................................*/
.alaligne {clear:both;}
/*..............................................................................*/