mystyle.css

body {
	background-color: rgb(201, 201, 201);
}

#imgBandeau {
	margin: 5px;
	height: 100px;
	border: 2px solid rgb(22, 22, 22);
}

#divTitrePage {
	text-align: center;
	text-shadow: 3px 5px 2px #474747;
}

h1 {
	font-size: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 {
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#connexion {
	margin: 10px;
	font-size: 24px;
	text-decoration: underline;
}

.divTitre {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: white;
	background-color: #2053a5;
	border: 6px ridge #7D7D7D;
}


/* btn d'ajout CD */

.divAjoutCD {
	margin: 10px;
}

#btnAjoutCD {
	font-size: 20px;
}


/* index.php */

.divListeCD {
	margin: 10px;
	margin-right: 10%;
	margin-left: 10%;
}

.divOffreCD {
	display: inline-flex;
	border: 2px solid rgb(43, 43, 43);
	background-color: rgb(231, 231, 231);
	margin: 10px;
	width: 100%;
}

.divImgOffreCD {
	height: 396px;
}

.imgOffreCD {
	width: 396px;
	height: 396px;
}

.divInfoOffreCD {
	font-size: 32px;
	margin: 10px;
	width: 100%;
}

.divInfoOffreCD {
	position: relative;
}

.titreOffreCD, .auteurOffreCD, .genreOffreCD {
	position: relative;
}

.divPrixOffreCD {
	font-weight: bold;
	position: absolute;
	right: 10px;
	bottom: 0px;
}

.prixOffreCD {
	margin-bottom: 0px;
}

.btnFicheCD {
	width: 100%;
	font-size: 26px;
}


/* detailCD.php */

.divDetailCD {
	display: inline-flex;
	border: 2px solid rgb(43, 43, 43);
	background-color: rgb(231, 231, 231);
	margin: 5%;
	width: 90%;
}

.divImgDetailCD {
	height: 500px;
	padding: 20px;
}

.imgDetailCD {
	width: 500px;
	height: 500px;
}

.divInfoDetailCD {
	font-size: 32px;
	margin: 10px;
	width: 100%;
}

.divInfoDetailCD {
	position: relative;
}

.titreDetailCD, .auteurDetailCD, .genreDetailCD {
	position: relative;
}

.divPrixDetailCD {
	font-weight: bold;
	position: absolute;
	right: 20px;
	bottom: 40px;
}

.prixDetailCD {
	text-align: center;
	margin-bottom: 0px;
	font-size: 40px;
}

.btnAcheterCD {
	width: 100%;
	font-size: 30px;
}


/* ajoutCD.php */

.divChamps {
	margin: 20px;
}

.divChamps > label {	
	font-size: 26px;
	font-weight: bold;
}

.divChamps > input {	
	font-size: 20px;
}