@font-face {
	font-family: 'open_sansbold_italic';
    src: url('fonts/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-BoldItalic-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
	
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

	    font-family: 'open_sanssemibold';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
	
	    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff2') format('woff2'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
	
	    font-family: 'black_jackregular';
    src: url('fonts/blackjack-webfont.eot');
    src: url('fonts/blackjack-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/blackjack-webfont.woff2') format('woff2'),
         url('fonts/blackjack-webfont.woff') format('woff'),
         url('fonts/blackjack-webfont.ttf') format('truetype'),
         url('fonts/blackjack-webfont.svg#black_jackregular') format('svg');
    font-weight: normal;
    font-style: normal;
	
}

/* Réinitialisation des styles par défaut du navigateur */
body, h1, h2, p, ul, li, img {
    margin: 0;
    padding: 0;
}

/* Style de base */
body {
    font-family: open_sansregular, sans-serif;
    background-image: linear-gradient(to bottom, #d1d1d1, white);
    color: #333;
}

header {
    background-color: #2b2b2b;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

header h1 {
font-size: 38px;
font-family: 'black_jackregular', Verdana, Arial, sans-serif;
}

header h2 {
    font-size: 20px;
}

header img {
    max-width: 150px;
    border-radius: 5%;
    margin: 20px 0;
}

body section1{
font-family: 'open_sansregular', sans-serif;
}

body section2{
font-family: 'open_sansregular', sans-serif;
}

h3 {
    font-size: 18px;
    margin-top: 20px;
    margin-left: 25px;
    margin-bottom: 5px;
    font-family: 'open_sanssemibold', sans-serif; 
}

p {
    margin-bottom: 20px;
    line-height: 1.5;
    margin-left: 50px;
    margin-right: 50px;
    font-size: 15px;
}

ul {
    list-style-type: disc;
    margin-left: 65px;

}

li{
padding: 3px 0;
font-size: 15px;
}

footer {
text-align: center;
    background-color: #0f0f0f;
    padding: 10px 0;
    padding-bottom: 60px;
}

.logo {
	margin-left: 5px;
	width: 20px;
	margin-right: 30px;
}

.cv{
    margin-left: 50px;
    color: black;
    font-size: 15px;
    font-style: italic;
}

.email {
    color: white;
    margin-right: 30px;
}

.message{
color: #8c8c8c;
}

#video {
    width: 100%; 
}

/* Styles pour le formulaire de contact */

#contact label {
    margin-left: 15px;
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
    margin-left: 10px;
    width: 98%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    color: #555;
    font-size: 14px;
    font-family: 'open_sansregular', sans-serif; 
}

#contact textarea {
    margin-left: 10px;
    height: 150px;
}

#contact input[type="submit"] {
    margin-left: 10px;
    background-color: #2b2b2b;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px;
}

#contact input[type="submit"]:hover {
    background-color: #1a1a1a;
}