/*
-------------------------------------------------------------------------------------------------
 * Nom du Thème : Modèle adaptatif pour IREM
 * Auteur : Bruno Bernard SIMON
 * Date : mars 2020 
 * Version : 1.0
 * Ce fichier a été codé pour tester l'adaptabilité
 * Il ré-initialise toutes les balises HTML et corrige les bugs MSIE.
 * Il charge les CSS selon les résolutions d'écran détectées.
 * Il est soumis à la licence GPL
 * 
 * XHTML, HTML4, HTML5 Reset 
-------------------------------------------------------------------------------------------------
*/
/*
-------------------------------------------------------------------------------------------------
// REACTIVITÉ

// MOBILE
iPhone 4S	320 x 480
Galaxy X9	350	x 740
iPhone  6 	375 x 667
iPhone  8 	414 x 736 
iPhone 10 	375 x 812
STATISTIQUES			   PORTRAIT / PAYSAGE
AOUT 2020 :	375 X 812 =  4% mobile	/ phablette
AOUT 2020 :	360 x 740 =  5% mobile	/ phablette
AOUT 2020 :	414 X 896 =  6% mobile	/ phablette
AOUT 2020 :	360 X 780 =  8% mobile	/ phablette
AOUT 2020 :	375 X 667 = 10% mobile  / tablette
AOUT 2020 :	360 X 640 = 15% mobile	/ phablette

// TABLETTE
Kindle Fire	800 x 1280
iPad		768 x 1024
STATISTIQUES			   PORTRAIT / PAYSAGE
AOUT 2020 :	 601 x  962 =  2% phablette / tablette
AOUT 2020 :	 768 x 1024 =  4% phablette / tablette
AOUT 2020 :	 800 x 1280 =  24% tablette	/ ordinateur
AOUT 2020 :	1024 x  768 =  54% tablette	/ tablette

// ORDINATEUR
STATISTIQUES				  PAYSAGE
AOUT 2020 :	1024 x  768 =  4% tablette
AOUT 2020 :	1366 x  768 = 25% ordinateur
AOUT 2020 :	1440 x  900 =  7% ordinateur
AOUT 2020 :	1536 x  864 =  6% ordinateur
AOUT 2020 :	1600 x  900 =  5% ordinateur
AOUT 2020 :	1920 x 1080 = 20% ordinateur
-------------------------------------------------------------------------------------------------
*/
@import url("mobile.css") screen and (min-width: 360px) and (max-width: 1023px);
@import url("tablette.css") screen and (min-width: 1024px) and (max-width: 1199px) ;
@import url("ordinateur.css") screen and (min-width: 1200px);
/*
-------------------------------------------------------------------------------------------------
// BALISES HTML5 POUR NAVIGATEURS HTML
-------------------------------------------------------------------------------------------------
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {display: block;}
/*
-------------------------------------------------------------------------------------------------
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
-------------------------------------------------------------------------------------------------
*/
b, strong {font-weight: bold;}
/*
-------------------------------------------------------------------------------------------------
// MICROSOFT INTERNET EXPLORER http://css-tricks.com/ie-fix-bicubic-scaling-for-images
img {color: transparent;  font-size: 0;  vertical-align: middle;  -ms-interpolation-mode: bicubic;}
-------------------------------------------------------------------------------------------------
*/
img {-ms-interpolation-mode: bicubic;}

table {border-collapse: collapse; border-spacing: 0;}

th,td,caption {font-weight: normal; vertical-align: top; text-align: left;}

q {quotes: none;}
q:before, q:after {content: ""; content: none;}

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

svg {overflow: hidden;}
/*
-------------------------------------------------------------------------------------------------
// FIN DE FICHIER
--------------------------------------------------------------------------------------------------
*/