html, 
body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: sans-serif;
}

html{
	width:calc(100% - 200px);
	padding-left:100px;
	padding-right:100px;
}

button{
    background-color: #edb83d;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
	border-radius: 5px;
}
button.danger{
    background-color: #d70026;
}
button.danger:hover{
    background-color: #a2001d;
}

button:hover{
    background-color: #dea62d;
}
button:disabled{
    background-color: #9E9E9E;
    color: #424242;
    cursor: auto;
}

input[type="text"],
input[type="email"]{
	outline: none;
	font-size: 1.5em;
	height: 1.5em;
    padding: 5px;
	border: none;
	border-bottom: 2px solid #edb83d;
	background-color: rgba(255,255,255,0);
	color: #424242;
	border-radius: 5px;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
    color: #9E9E9E;
    font-style: italic;
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder { /* Firefox 19+ */
    color: #9E9E9E;
    font-style: italic;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder { /* IE 10+ */
    color: #9E9E9E;
    font-style: italic;
}
input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder { /* Firefox 18- */
    color: #9E9E9E;
    font-style: italic;
}
input[type="text"]:focus,
input[type="email"]:focus{
    border-bottom: 2px solid #dea62d;
}
input[type="text"]:hover,
input[type="email"]:hover{
    border-bottom: 2px solid #dea62d;
}
input[type="text"]:disabled,
input[type="email"]:disabled{
        border-bottom: 2px solid #9E9E9E;
}
/*
 * TEXTAREA
 */
textarea{
	resize: none;
	border: none;
	border-bottom: 2px solid #edb83d;
	background-color: rgba(255,255,255,0);
	font-size: 1.5em;
	padding: 1em;
	border-radius: 5px;
}
textarea:focus{
    border-bottom: 2px solid #dea62d;
}
textarea:hover{
    border-bottom: 2px solid #dea62d;
}
textarea:disabled{
        border-bottom: 2px solid #9E9E9E;
}
textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
    color: #9E9E9E;
    font-style: italic;
}
textarea::-moz-placeholder { /* Firefox 19+ */
    color: #9E9E9E;
    font-style: italic;
}
textarea:-ms-input-placeholder { /* IE 10+ */
    color: #9E9E9E;
    font-style: italic;
}
textarea:-moz-placeholder { /* Firefox 18- */
    color: #9E9E9E;
    font-style: italic;
}


.profil-photo{
	float:left;
	height:200px;
	margin-right:30px;
}

.profil-contact{
	float:right;
	font-size: 25px;
}

.header-section{
	width:100%;
	padding-bottom:20px;
	border-bottom:4px solid #000b29;
}

.exp-pro{
	float:left;
	width:65%;
}

.others{
	width:34%;
	display:inline-block;
}

.others section{
	width:100%;
}

section{
	margin-bottom:40px;
	border-bottom:1px solid #000b29;
	padding-bottom:10px;
}

.exp-pro section{
	border-bottom:none;
	width:95%;
}

.header-section section{
	border-bottom:none;
}

ul{
	margin-top: 3px;
    margin-bottom: 3px;
}
li{
	list-style-type: circle;
}


h1{
	font-size:25px;
	color:#000b29;
}
h2{
	font-size:30px;
	color:#000b29;
}
.header-section h2{
	color:#edb83d;
	font-size:30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
h3{
	color:#edb83d;
	font-size:25px;
	margin-top: 3px;
	margin-bottom: 3px;
}

a{
   text-decoration:none;
}
a:hover h3{
   color:#dea62d;
   cursor:pointer;
}
a[href]{
	text-decoration: underline;
	text-decoration-color: #edb83d;
	color: #edb83d;
}

.bold{
	font-weight:bold;
	color:#000b29;
}

.error{
	color: #d70026;
}

@media screen and (max-width: 800px) {
	html {
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.header-section{
		height: fit-content;
	}
	.profil-photo{
		width:100%;
		height: auto;
		float: none;
		margin:0px;
	}
	.profil-contact{
		width:95%;
		height: auto;
		float: none;
		margin:0px;
	}
	
	.exp-pro{
		width:100%;
		height: auto;
		display:block;
	}
	.others{
		display:block;
		width:100%;
		height: auto;
	}
	.exp-pro section{
		border-bottom:1px solid #000b29;
		width:100%;
	}
	
	section p{
		width:calc(100% - 20px);
		padding-left:10px;
		padding-right:10px;
		text-align: justify;
	}
	
	ul{
		text-align: left;
	}
	
}



.modal {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-body {
	position: absolute;
	top: 40%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
  
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
	height:400px;
}

/* The Close Button */
.modal-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-title{
	font-size: 25px;
}
.modal-content{
    padding-top:10px;

}

.modal-content input{
	width:95%;
}
.modal-valide{
    margin-right: 10px;
}
.modal-footer{
    padding-top:10px;
    text-align: right;
}
.password{
	display:none;
}

@media screen and (max-width: 640px) {
    .modal-body {
		top: 48%;
        width: calc(100% - 55px);
        max-height: 80%;
    }
}