body { background-image: url(https://images-na.ssl-images-amazon.com/images/I/81GLGItO18L._AC_SL1500_.jpg); background-size: cover; } .fondCV { width: 70%; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; } h1 { font-size: 20px; text-align: center; margin: auto; font-family: 'Damion', cursive; font-weight:550; } /** COLONNE DE GAUCHE**/ .flexinfos { width: 30%; min-height: 700px; background: linear-gradient(135deg,rgba(255, 255, 255, 0.6), rgba(114, 167, 211, 0.6) 70%); padding: 10px; } .flexinfos strong{ font-size: 20px; font-weight: lighter; font-family: 'Damion', cursive; } .flexinfos hr{ border: none; } .imgperso { width: 100px; height: 100px; object-fit: cover; float: left; border-radius: 50%; } .flexdetails { font-family: 'Slabo 27px', serif; margin-top: 5px; font-size: 13px; text-align: center!important; } .flexcompetences { width: 90%; margin: auto; background: rgba(114, 167, 212, 0.1); padding: 15px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; text-align: justify; } .flexcompetences .titre {font-family: 'Slabo 27px', serif; margin-top: 5px; margin-bottom: 10px; font-size: 15px; text-transform: uppercase; font-weight: bold; text-align: center; text-decoration: underline;padding-top: 2px; } .flexecriture { font-size: 11px; line-height: 20px; } .flexcode{ } /** COLONNE DE DROITE **/ .flextextes { width:55%; min-height: 700px; padding: 10px; border-left-style: none; background-color: rgba(255, 255, 255, 0.6); } .flextitre{ font-family: 'Slabo 27px', serif; font-size: 20px; text-transform: uppercase; font-weight: bold; text-align: center; background: rgba(255, 255, 255, 0.3); position: relative; top: 2%; margin-top: 25px; margin: auto; width: 85%; padding: 10px; } .flexformation,.flexexperience{ width: 85%; margin: auto; padding: 10px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; background-color: rgba(255, 255, 255, 0.3); } .flexformation h1, .flexexperience h1{ font-family: 'Damion', cursive; text-transform: lowercase; font-size: 18px; font-weight: lighter; } .titreformation { font-family: 'Slabo 27px', serif; text-transform: uppercase; font-size: 13px; } .titreformation strong { text-transform: uppercase; color: #4d7fa5; font-weight: lighter ; } .titreformation em { text-transform: lowercase; }