body { padding-top:70px } /*permet que le menu ne mange pas le texte*/

a:link {color:#000;}   /* lien non visité - noir */
a:visited {color:#000;} /* lien visité - noir */
a:hover {color:#000;}  /* souris sur le lien - noir */
a:active {color:#000;} /* clic sur le lien - noir */

/*fonts*/

.navbar, #bouton-cv {
	font-family: 'Playfair Display SC', serif;
	}
	
#mon-titre, #phrase-de-fin, #mon-texte, #bouton-contact, #infos-credit {
	font-family: 'Croissant One', cursive;
	}

/*fin fonts*/

/*style*/
	/*menu du haut*/
		/*couleur menu*/

	.navbar {
		border: none;
		background: #fff;
	}

	.dropdown-toggle {
		background-color: #fff;
	}

	.dropdown-menu {
		background-color: #fff;
	}

		/*icone maison*/

	.home {
		border: none;
		background: transparent;
		eight: 25px;
		width: 25px;
		margin-top: 10px;
		margin-right: 20px;
	}

		/*bouton contact*/

	.btn-btn-default-1 {
		margin-top: 12px;
		margin-right: 5px;
		float: center;
		background-color: transparent;
		border: 1px solid #c6a753; /*satin sheen gold*/
		border-radius: 8px;
	}

	.btn-btn-default-1:hover {
		margin-top: 11px;
		margin-right: 5px;
		float: center;
		text-decoration: none;
		background-color: #d0bb72; /*ecru*/
		border: 1px solid #c6a753; /*satin sheen gold*/
		border-radius: 8px;
	}

	.btn-btn-default-1 a:hover {
		text-decoration: none;
	}

	/*fin menu du haut*/

	.portrait {
		border: 3px solid #c6a753; /*satin sheen gold*/
		margin-top: 20px;
	}

#mon-titre {
	color:black;
	text-align: center;
}

#phrase-de-fin {
	color:black;
	text-align : center;
}

#mon-texte {
	color:black;
	text-align : center;
}

	.ToTopButton {
		display: block;
		float: right;
		border: none;
		background: transparent;
		margin-right: 8px;
	}

	/*menu du bas*/

	.menu-du-bas {
		margin-bottom: 0px;
		border-color : solid black
	}

		/*bouton CV*/

	.btn-access-cv {
		margin-top: 25px;
		margin-right: auto;
		margin-left: 15px;
		padding: 23px 15px;
		background-color: #d0bb72; /*ecru*/
		display: block;
		box-size: 70px;
		box-shadow: -6px 0 #e6f1ec; /*mint cream*/
		outline: none;
		border: none;
		position: relative;
		border-radius: 50%;
		font-size: 15px;
		text-align: center;
		cursor: pointer;
		text-decoration: none;
	}

	.btn-access-cv:hover {
		background-color: #c6a753; /*satin sheen gold*/
		box-shadow: -4px 0 #e6f1ec; /*mint cream*/
		top: 2px;
	}

	.btn-access-cv:active {
		background-color: #c6a753; /*satin sheen gold*/
		box-shadow: 0 0 #e6f1ec; /*mint cream*/
		top: 6px;
	}

	.btn-access-cv a {
		text-decoration: none;
	}

	.btn-access-cv a:hover {
		text-decoration: none;
	}

		/* fin bouton CV*/
		/* réseaux sociaux & bouton contact*/

	.container-fluid-contact {
		margin-top: 20px;
		margin-right: auto;
		margin-left: auto;
		width: 200px;
		display: block;
		svg-align: center;
		text-align: center;
		border: 1px solid transparent;
		background-color: transparent;
	}

	.reseaux-sociaux {
		margin: auto;
		padding: auto;
		width: 110px;
		display: block;
		border: 1px solid transparent;
		background-color: transparent;
	}

			svg:hover {
				fill: #5bc87b; /*emerald*/
			}

	.btn-btn-default-2 {
		text-color: #5bc87b; /*emerald*/
		text-decoration: none;
		background-color: transparent;
		border: 1px solid #c6a753; /*satin sheen gold*/
		border-radius: 8px;
	}

	.btn-btn-default-2:hover {
		background-color: #d0bb72; /*ecru*/
		border: 1px solid #c6a753; /*satin sheen gold*/
		border-radius: 8px;
	}

	.btn-btn-default-2 a:hover {
		text-decoration: none;
	}

		/*fin réseaux sociaux & bouton contact*/
		/*crédits*/

	.container-fluid-credit {
		margin-top: 20px;
		margin-right: 15px;
		margin-left: auto;
		padding: 10px;
		width: 200px;
		display: block;
		svg-align: center;
		text-align: center;
		border: 1px solid transparent;
		background-color: transparent;
		font-size: x-small;
	}

		/*fin crédits*/
	/*fin menu du bas*/
/*fin style*/

/*responsive*/
	/*avancer la marge pour boutons navbar du haut*/

@media screen and (max-width: 800px){
	.home{
		margin-left: 2%;
	}
	.btn-btn-default-1{
		margin-left: 2%;
	}
}

	/*centrer mon portrait*/

@media screen and (max-width: 800px){
	.portrait{
		margin-left: 90px;
		margin-bottom: 20px;
	}
}

	/*créer des marges pour mon texte*/

@media screen and (max-width: 800px){
	#mon-texte{
		margin-left: 30px;
		margin-right: 30px;
	}
}

	/*centrer la navbar du footer*/

@media screen and (max-width: 800px){
	.btn-access-cv{
		margin-left: 47%;
	}

	.container-fluid-contact{
		margin-left: 37%;
	}

	.container-fluid-credit{
		margin-left: 36%;
	}
}

@media screen and (max-width: 600px){
	.btn-access-cv{
		margin-left: 40%;
	}

	.container-fluid-contact{
		margin-left: 28%;
	}

	.container-fluid-credit{
		margin-left: 28%;
	}
}

/*fin responsive*/