Impossible fusionner HTML et CSS

Bonjour enfin bonsoir :)

Je commence à apprendre le HTML5 et CSS3 (car je veux devenir webmaster), donc comme chacun sait ou drevait savoir ^^ pour "fusionner" html et css il faut les mettre dans un fichiers commun j'ai donc nommé mon dossier "Test Site Web", j'ai mis mon fichier CSS et HTML dans ce fichier, et quand je double click sur le HTML pour l'afficher sur mon navigateur, et bein ça marche pas :'(
Je vous ai pris des screens :

Le contenu de mes fichiers:
HTML:http://image.noelshack.com/fichiers/2016/06/1455215434-screenshot-12.png
CSS:http://image.noelshack.com/fichiers/2016/06/1455215450-screenshot-14.png

Preuve que je les ai mis dans un même dossier:
http://image.noelshack.com/fichiers/2016/06/1455215445-screenshot-13.png

Mon site qui n'est donc pas en couleur:
http://image.noelshack.com/fichiers/2016/06/1455215521-screenshot-15.png

J'utilise Sublime Text ^^ et je suis ce tutoriel : https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1605060-mettez-en-place-le-css

Donc je récapitule, j'ai mis mes 2 fichiers (HTML et CSS) dans un même dossier et quand j'ouvre le HTML rien ne s'affiche en couleur alors que normalement, "Bonjour et bienvenue sur mon site", devrait s'afficher en bleu :/


Merci d'avance

Amicalement, themagicvic