Bonjour à tous, je suis débutant en HTML/CSS et je viens sur ce beau forum car je rencontre un problème et ne trouvant pas de solution, c'est pourquoi je me tourne vers vous 
.
Je suis entrain de crée mon CV en ligne et une partie de mon CSS ne veut pas s'appliquer à ma page HTML. J’espère vraiment que vous pourrait me dire la solution afin que je puisse continuer d'avancer ^^. Je vous remercie d'avance pour votre aide !
Voici mon code HTML :
et voici la partie de mon CSS ne voulant pas s'appliquer à ma page.
.Je suis entrain de crée mon CV en ligne et une partie de mon CSS ne veut pas s'appliquer à ma page HTML. J’espère vraiment que vous pourrait me dire la solution afin que je puisse continuer d'avancer ^^. Je vous remercie d'avance pour votre aide !
Voici mon code HTML :
PE html>
<html lang="fr-FR">
<head>
<title> CV de Jordan Zanetti </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bienvenue sur le CV en ligne de Zanetti Jordan">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header> <!--header pour l'en-tête du site-->
<h1>Zanetti Jordan</h1>
</header>
<nav> <!--nav pour le menu de navigation principale du site-->
<div class="table">
<ul>
<li class="menu-ind">
<a href="index.html">Accueil</a>
</li>
<li class="menu-exp">
<a href="experience-pro.html">Expériences professionnelles</a>
</li>
<li class="menu-hob">
<a href="Hobbies.html">Loisirs</a>
</li>
<li class="menu-cont">
<a href="Contact.html">Contactez-moi</a>
</li>
</ul>
</div>
</nav>
<article>
<section id="presentation">
<h1>Qui suis-je ?</h1>
<div class="sec">
<div class="left">
<img src="images/photo-id.jpg" alt="Ma photo">
</div>
<div class="right">
<p>Je m'appelle Jordan Zanetti, j'ai 23 ans et je vis à Thionville(57100) en France.</p>
<p>Je suis diplomé d'un baccalauréat professionnel commerce ainsi qu'un brevet de technicien supérieur en management des unités commerciales</p>
<p>D'une nature curieuse, je suis rigoureux et enthousiaste dans tout ce que j'entreprend, je dispose également des compétences diverses dans la relation client, le conseil client ainsi que dans l'informatique.</p>
<p>N'hésitez pas à parcourir mon site pour en apprendre davantage.</p>
</div>
</div>
</section>
<section id="parcours">
<h1>Parcours et expériences</h1>
<div class="sec">
<h2>Expériences professionnelles</h2>
<div class="exp">
<div class="left">
<h3>août 2016 - septembre 2017</h3>
</div>
<div class="right">
<h3>Vendeur au magasin "Cousin Chausseur" de Thionville</h3>
<p>Conseil client, service aprés-vente, caisse, gestion de la reserve, passage de commande.</p>
</div>
</div>
<div class="exp">
<div class="left">
<h3>avril 2018 - mai 2018</h3>
</div>
<div class="right">
<h3>Employé polyvalent au magasin Besson chaussure de Terville</h3>
<p>Reception de livraison, contrôle de marchandise, gestion de la reserve, conseil client, </p>
</div>
</div>
<div class="exp">
<div class="left">
<h3>janvier 2015 - février 2015</h3>
</div>
<div class="right">
<h3>Vendeur au magasin Foot Locker de Luxembourg ville</h3>
<p>Conseil client, service après-vente, entretien, reception de marchandise, gestion de la reserve</p>
</div>
</div>
<h2>Parcours scolaire</h2>
<div class="exp">
<div class="left">
<h3>2016-2018</h3>
</div>
<div class="right">
<h3>Brevet de technicien supérerieur-Management des Unités Commerciales</h3>
<p>Deux années d'école et une année d'alternance dans l'école Pigier de Metz et dans le centre de formation CESE de Metz technopôle</p>
</div>
</div>
<div class="exp">
<div class="left">
<h3>2012-2015</h3>
</div>
<div class="right">
<h3>Baccalauréat professionnel Commerce</h3>
<p>Trois années d'étude dans le lycée professionnel Sophie-Germain à Thionville</p>
</div>
</div>
</div>
</section>
<section id="competences">
<h1>Compétences et niveau</h1>
<div class="sec">
<div class="cleft">
<div class="sous">
<div class="sousleft"><h3>Compétence</h3></div>
<div class="sousright"><h3>Niveau</h3></div>
</div>
<div class="sous">
<div class="sousleft"><p>HTML / CSS</p></div>
<div class="sousright"><p>Débutant</p></div>
</div>
<div class="sous">
<div class="sousleft"><p>Javascript</p></div>
<div class="sousright"><p>Débutant</p></div>
</div>
</div>
<div class="cright">
<div class="sous">
<div class="sousleft"><h3>Compétence</h3></div>
<div class="sousright"><h3>Niveau</h3></div>
</div>
<div class="sous">
<div class="sousleft"><p>PHP / SQL / mySQL</p></div>
<div class="sousright"><p>Débutant</p></div>
</div>
<div class="sous">
<div class="sousleft"><p>Python</p></div>
<div class="sousright"><p>Débutant</p></div>
</div>
</div>
</div>
</section>
</article>
<footer> <!--footer pour le pied de page du site-->
<p>Copyright 2018 Zanetti Jordan - Toute reproduction interdite</p>
</footer>
</body>
</html>
et voici la partie de mon CSS ne voulant pas s'appliquer à ma page.
section{
width: 100%;
min-height:300px;
padding-bottom: 10px;
margin-bottom: 10px;
}
.sec{
margin: 0px 10%;
}
.left{
float: left;
width: 30%;
}
.right{
float: left;
width: 70%;
}
.cleft, .cright, .sousleft, .sousright{
width: 50%;
float: left;
}
.sec::after, .exp::after{
content: "";
display: table;
clear: both;
}
