body#lecteur-audio-compos {
	background-color: #ADACB0;
	background-image: url(compositeur-musique/images/fond_lecteur-audio.jpg);
	background-repeat: no-repeat;
}

body#fenaudio-compos {
	padding: 10px 0 0 0;
	margin: 0;
	background-color: #ADACB0;
	background-image: url(compositeur-musique/images/fond_lecteur-audio.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

body#fenaudio-prof-trac {
	padding: 10px 0 0 0;
	margin: 0;
	background-color: #3E3935;
	background-image: url(professeur-musique/images/fond_lecteur-audio-trac.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

body#fenaudio-multi-compos {
	padding: 10px 0 0 0;
	margin: 0;
	background-color: #ADACB0;
	background-image: url(compositeur-musique/images/fond_lecteur-audio2.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

body#fenaudio_sous-influences {
	padding: 10px 0 0 0;
	margin: 0;
	background-color: #000000;
	background-image: url(compositeur-musique/images_contenu/fond_lecteur_sous-influences.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

body#fenvideo {
	padding: 0;
	margin: 30px 0 0 0;
	background-color:#000000;
	text-align: center;
}

#video-container {
	position: relative;
	margin: 0 auto;
  	width: 640px;
}

#audio-container {
	position: relative;
	margin: 0 auto;
}

#audio-container2 {
	margin: 30px 0 0 470px;
}

#audio-lecteur {
	width: 90%;
	margin-top: 10px;
}

#video-titre {
  	padding: 40px 0 0 0;
	margin: 0;
	text-align: left;
}

#video-container p {
	text-align: justify;
}

p#contexte {
  	padding: 40px 0 20px 0;
	text-align: center;
}

#lienYT {
  	padding: 10px 0 0 0;
	text-align: center;
}

#audio-logo {
	margin: 0 auto;
	width: 100px;
	height: 100px;
	background-image: url(compositeur-musique/images/icone_note.png);
}

#audio-logo2 {
	margin: 0 auto;
	width: 100px;
	height: 100px;
}

#audio-vign {
  	padding: 10px 0 3px 0;
	margin: 0 auto;
}

#audio-titre {
  	padding: 10px 0 3px 0;
	margin: 0;
	text-align: center;
}

#audio-resume {
  	padding: 15px 0 0 0;
	text-align: center;
}


					/* Titres h1 : gras */
.tt-01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #636362;
}

.tt-02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}


					/* Texte Arial normal blanc */
.texte01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
}

					/* Texte Arial normal gris */
.texte02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #777777;
}

					/* Texte Arial normal rouge */
.texte03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #CC3300;
}

					/* Petit lien gris non souligné avec survol rouge */
.lien01 {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
.lien01:hover {
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CC3300;
}

					/* Petit lien rouge souligné avec survol non souligné */
.lien02 {
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CC3300;
}
.lien02:hover {
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CC3300;
}

					/* Petit lien rouge non souligné avec survol souligné */
.lien03 {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #CC3300;
}
.lien03:hover {
	text-decoration:underline; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #CC3300;
}

					/* Petit lien gris foncé non souligné avec survol rouge */
.lien04 {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #555555;
}
.lien04:hover {
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #CC3300;
}



					/* Mise en page pour smartphones */


@media (max-width: 640px) {

 body, nav, article, footer, header, aside {
	height: auto;
  	width: auto;
  	margin: 0;
	padding: 0;
	text-align: left; 
	display: block;
 }

 body#fenaudio_sous-influences {
	background-color: #ADACB0;
	background-image: url(compositeur-musique/images/fond_lecteur-audio2.jpg);
	background-repeat: no-repeat;
 }

 video#video640x360 {
   max-width: 90%;
 }
 
 video#video640x422 {
   max-width: 80%;
 }
 
 body#fenvideo {
	margin: 0;
 }
 
 #audio-container {
	margin: 0;
    width: auto;
 }
 
 #video-container {
  	width: auto;
 }
 
 #video-container p {
	text-align: left;
 }
 
}

@media screen and (max-width:640px) and (orientation: landscape) {
 body {
	-webkit-text-size-adjust: 70%;
 }
}