/*même code que pour la page formation en français sauf marge du bouton CV en responsive*/
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, #leadmodal, .modalText, #bouton-cv {
	font-family: 'Playfair Display SC', serif;
	}
	
h3, h5, p, #btnText, #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*/

#formation {
	text-align: center;
	margin-top: 15%;
}

#etoiles {
	content: url(illustrations/stars_column.png);
	margin-left: 120px;
	eight: 140px;
	width: 140px;
}

#experiences {
	text-align: center;
	margin-top: 15%;
}

#etoiles2 {
	display: none;
}

#inceptio {
	text-align: center;
}

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

	/*menu du bas*/

	.menu-du-bas {
		margin-bottom: 0px;

	}

		/*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*/

	/*modal pop-up CV*/

	.modal {
		left: 0;
		top: 0;
		background-color: #e2ebc2; /*cream*/
		height: 100%;
		width: 100%;
		z-index: 1; /*se place au premier plan*/
	}

	.modalBloc {
		margin: 10% auto;
		padding: 10px;
		width: 360px;
		height: 356px;
		text-align: center;
		text-shadow: 1px 1px 1px black;
		font-size: x-medium;
		background: url("illustrations/BGmodal.png");
		color: black;
		border: 3px solid #c6a753; /*satin sheen gold*/
		transition: all 0.5s ease;
	}

	.modalBtn {
		margin: 5px;
	}

	.modalBtn a {
		color: white;
		background-color: black;
		text-shadow: none;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.modalBtn a:hover {
		color: black;
		background-color: #5bc87b; /*emerald*/
		text-decoration: none;
		cursor: pointer;
	}

	/*fin modal pop-up CV*/
/*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%;
	}
}
	
	/*gérer les marges de mon texte*/

@media screen and (max-width: 800px){
	#formation{
		margin-top: 0px;
	}

	#experiences{
		margin-top: 0px;
		margin-left: 30px;
		margin-right: 30px;
	}
}

	/*changer l'image avec les étoiles*/

@media screen and (max-width: 800px){
	#etoiles{
		content: url(illustrations/stars_row.png);
		margin-left: 225px;
		margin-top: 12px;
	}
}

	/* faire apparaitre la rangée d'étoiles du bas et réduire sa taille*/

@media screen and (max-width: 800px){
	#etoiles2{
		display: inline-block;
		margin-left: 210px;
		eight: 140px;
		width: 140px;
	}
}

	/*centrer le pop-up*/

@media screen and (max-width: 800px){
	.modalBloc{
		margin-top: 35%;
	}
}

@media screen and (max-width: 600px){
	.modalBloc{
		margin-top: 17%;
	}
}
	/*centrer la navbar du footer*/

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

	.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*/