/* ******************************************************************************************** */
/* Largeur >= 961px */
/* ******************************************************************************************** */

*{
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:0;
	border-left-width:0;
	/*outline:0;*/ /* Pb accessibilité ??*/
	vertical-align: baseline;
	background: transparent;	
}
html{
	font-size:100%;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6, p, pre, code{
	font-size: 1em;
	
}
ol, ul, dl {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
}
hr{
	display:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* tags HTML5 qui se comportent comme des blocs */ 
article, aside, audio, canvas, datagrid, datalist, details, dialog, figure, footer, header, menu, nav, section, video { 
	display:block;
} 
/* tags de type en ligne */ 
abbr, eventsource, mark, meter, time, progress, output, bb { 
	display:inline; 
}

/* ******************************************************************************************** */
/* Largeur <= 960px */
/* ******************************************************************************************** */

@media (max-width:960px)  {

/* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
img, table, td, blockquote, textarea, input, iframe, object, embed, video {
   max-width: 100%;
}
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
img {
	height: auto !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-interpolation-mode: bicubic;
}
/* gestion des mots longs : césure forcée */
p, textarea, table, td, th{
   word-wrap: break-word;
}
table {
	table-layout: fixed;	
}
/* gestion des videos incluses */
video {
	max-width: 100%;
	height: auto;
}

}

/* ******************************************************************************************** */
/* Largeur <= 640px & Orientation paysage */
/* ******************************************************************************************** */

/* réduire de façon harmonieuse toutes les tailles de polices en orientation paysage */
@media screen and (max-width:640px) and (orientation: landscape) {
  body {
   -webkit-text-size-adjust: 70%;
  }
}