/* Mise en page pour smartphones */


@media (max-width: 940px) {

 body, nav, article, footer, header, aside {
	height: auto;
  	width: auto;
	left: 0;
  	margin: 0;
	text-align: left; 
	display: block;
 }
 
 footer {
	padding: 15px 5px 15px 5px;
 }
 
 footer p {
	padding: 0;
 }
 
 
					/* ---------- Page d'accueil ---------- */

 body#accueil {
	background-image: url(images/fondSP_accueil.jpg);
	background-repeat:no-repeat;
 }

 body#accueil2 {
	background-image: url(images/fondSP_accueil2.jpg);
	background-repeat:no-repeat;
 }

 #container-accueil, #container-accueil2 {
 	min-height: 400px;
	background-image: none;
  	width: auto; 
 }

 header#accueil {
	height: 347px;
 }

 header#accueil2 {
	height: 240px;
 }

 aside#accueil2 {
	position: relative;
	top: 30px;
	left: 0px;
	display: block;
  	width: auto; 
	padding: 0;
	margin: 0;
	text-align: center;
 }

 ul#blocprof, ul#blocdivers {
	padding: 10px 10px 30px 0;
	text-align: right; 
 }

 ul#bloccompos, ul#blocdivers2 {
	padding: 10px 0 30px 10px;
	text-align: left; 
 }

 h1#img-tt-accueil {
	display: none;
 }
 
 h2#blocaside {
	margin: 0;
 }

 h2#blocprof, h2#blocdivers {
	padding: 0 10px 0 0;
	text-align: right; 
 }

 h2#bloccompos, h2#blocdivers2, h2#liencompos {
	padding: 0 0 0 10px;
	text-align: left; 
 }
 
 h2#lienprof {
	padding: 0 0 0 5px;
	text-align: right; 
 }

 h2#blocprof:after {
	content: url(images/filet-jaune.jpg);
	text-align: right;
	margin: -15px 0 0 0;
 }

 h2#bloccompos:after {
	content: url(images/filet-rouge.jpg);
	text-align: left;
	margin: -15px 0 0 0;
 }

 h2#liencompos:after {
	content: url(images/filet-rouge.jpg);
	text-align: left;
	margin: -15px 0 0 0;
 }

 h2#lienprof:after {
	content: url(images/filet-jaune.jpg);
	text-align: left;
	margin: -15px 0 0 0;
 }

#lienprof {
	display: block;
  	width: 205px; 
	margin: 0 auto;
	vertical-align : top;
}

 h2#blocdivers:after {
	content: url(images/filet-vert.jpg);
	text-align: right;
	margin: -15px 0 0 0;
 }

 h2#blocdivers2:after {
	content: url(images/filet-bleu.jpg);
	text-align: left;
	margin: -15px 0 0 0;
 }

 #bloccompos li, #blocprof li, #blocdivers li, #blocdivers2 li {
	padding: 0;
 }

 li#espace-apres {
	padding: 0;
 }

 
					/* ---------- Pages compositrice ---------- */

 body#pages-compos {
	background-image: url(compositeur-musique/images/fondSP_compositrice.jpg);
	background-repeat: no-repeat;
 }

 #container-compos, #container-compos2 {
	background-image: none;
  	width: auto; 
 }

 header#compos {
	height: 92px;
 }
 
 nav#compos {
	position: relative;
	height: 130px;
 }

 footer#compos {
	padding: 15px 15px 15px 15px;
 }

 footer#compos p {
	padding: 0;
 }

 ul#vertical-compos {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	line-height: 20px;
 }
 
 li#li01-compos { /* Obso */
	position: absolute;
	top: 0px;
	left: 15px;
	width: 110px;
 }

 li#li02-compos { /* Obso */
	position: absolute;
	top: 22px;
	left: 15px;
	width: 110px;
 }

 .li01-compos {
	position: absolute;
	top: 0px;
	left: 15px;
	width: 110px;
 }

 .li02-compos {
	position: absolute;
	top: 22px;
	left: 15px;
	width: 110px;
 }

 #menu-horizontal-compos, #vertical-compos {
    display: none;
 }

 #menuSP-compos { /* Menu version mobile */
    display: block;
 }
 
 .menuSP-checkbox {
 	opacity: 0;
 	position: absolute;
	top: -1000px;
 }
 
 #menuSP-compos ul {
 	float: right;
 	width: 200px;
	margin: 30px 0 0 0;
	padding: 0 30px;
	list-style: none;
	text-align: center;
	line-height: 25px;
 }
 
 #menuSP-compos li {
 	background-color: #393939;
	margin: 7px 0 7px 0;
	padding: 0;
	
 }
 
 .menuSP {
    max-height: 0;
    overflow: hidden;
  }
  
 .menuSP-checkbox:checked ~ .menuSP {
  	max-height: 350px;
  	transition: max-height .5s ease-in-out;
  }
  
 .bouton-menuSP {
 	position: absolute;
 	z-index: 2;
 	top: -4px;
   left: 53px;
  }
  
 .texte-menuSP {
 	position: absolute;
 	z-index: 1;
 	top: 1px;
   left: 68px;
  }
 
 #tt-VAcompos { /* Titre bandeau Virginie Aster */
	position: absolute;
	top: 12px;
	left: 318px;
 }

 .tt-VA {
	display: block;
	margin: 0;
 }

 .st-VA {
	display: block;
	margin: -12px 0 0 5px;
 }

 
 h1#tt-compos, h1#tt-compos2 {
	position: static;
	display: table;
  	width: auto;
	text-align: left;
	margin: 0 0 15px 15px;
 }
 
 #compos-filariane {
 	position: static;
 	display: table;
 	width: auto;
	margin: 0 10px;
 }
 
 .lang-compos {
	position: static;
	float: right;
	margin: -15px 10px 0 0;
 }

 .lang-compos img {
	width: 50px;
	height: auto;
 }


					/* Page contact */

 article#compos-contact {
	height: auto;
	background-image: none;
 }
 

					/* Page biographie */

 #bloctxt-biocompos, #bloctxt-biocompos2, #bloctxt-biocompos p, #bloctxt-biocompos2 p {
	height: auto;
  	width: auto;
	text-align: left;
  	-webkit-hyphens: none;
  	-moz-hyphens: none;
  	-ms-hyphens: none;
  	-o-hyphens: none;
  	hyphens: none;	
 }

 #bloctxt-biocompos, #bloctxt-biocompos2 {
	margin: 0;
 }

 h2#tt-biocompos, h2#tt-biocompos2 {
 	display: none;
 }
 
 .mask1 {
	display: inline;
	font-size: 33px;
	line-height: 18px;
 }
 
 .mask2 {
	display: none;
 }


					/* Page Oeuvres et publications */

 .publi { /* section des publications */
	margin: 0 0 0 20px;
 }

 .bloc-publi {
	display: inline-block;
	padding: 10px 0 0 0;
	width: auto; 
	text-align: center;
 }

 .txt-publi {
	display: inline-block;
	width: 150px; 
	height: auto; 
	padding: 0 0 0 20px;
	text-align: left;
	vertical-align : top;
	
	/* IE 7 */
	zoom: 1;
	*display: inline;
 }

 .txt-oeuvre {
	display: block;
	width: auto; 
	height: auto; 
	padding: 25px 0 0 0;
	text-align: left;
 }

 .vign-publi1 {
	display: inline-block;
	margin: 0;
	
	/* IE 7 */
	zoom: 1;
	*display: inline;
 }

 .vign-publi {
	display: inline-block;
	margin: 0;
	
	/* IE 7 */
	zoom: 1;
	display: inline;
 }

 .tete-liste-oeuvre {
	padding: 5px 0 0 0;
 }

 .liste-oeuvre {
	padding: 20px 0 0 0;
 }

 .liste-oeuvre2 {
	padding: 15px 0 0 0;
	margin: 0;
 }

 .liste-oeuvre3 {
	padding: 20px 0 0 0;
 }

 .sliste-oeuvre {
	padding-top: 5px;
 }

 .bloctxt-oeuvres {
	width: auto;
	margin: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
	vertical-align : top;
 }
 .bloctxt-oeuvres-H1 {
	width: auto;
	margin: 15px 0 0 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloctxt-oeuvres-H {
	width: auto;
	margin: 15px 0 0 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloctxt-oeuvres-B {
	width: auto;
	height: 2px;
	margin: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }

 .bloc-liste-oeuvres, .bloc-liste-oeuvres2, .bloc-liste-oeuvres3 {
	display: block;
	width: auto; 
	padding: 0 5px 0 15px;
 }

 .bloc-medias, .bloc-medias2, .bloc-medias3 {
	display: block;
	width: auto; 
	padding: 10px 5px 0 15px;
	text-align: left;
 }

 .bloctxt-oeuvres h2 {
	margin: 0;
	padding: 10px 0 0 15px;
 }

 article#compos-oeuvres {
	height: auto;
	background-image: none;
 }
 
  article#oeuvre section {
	padding: 0 10px;
 }


					/* Page concerts */

 article#concerts section {
	padding: 0px 2px 35px 2px;
 }

 article#concerts {
	padding-top: 0; 	
	background-image: none;
 }
 
 article#concerts h1 {
	margin-bottom: 20px;
 }
 
 
					/* Page Portfolio */

 .album {
	display: block;
	margin: 0 7px 0 0;
	padding: 0 0 0 15px;
 }

 .album-double-p1 {
	display: block;
	width: auto;
	padding: 0 0 0 15px;
	margin: 0 7px 0 0;
	text-align: left;
 }

 .album-double-p2 {
	display: block;
	width: auto;
	padding: 0 0 0 15px;
	margin: 0 7px 0 0;
	text-align: left;
 }

 footer#compos2 {
	text-align: center;
 }

 .bloc-portfolio {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-portfolio-H1 {
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-portfolio-H {
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-portfolio-B {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }

 .bloc-portfolio2 {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-portfolio2-H {
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-portfolio2-B {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }

 .blocimg-album {
	display: block;
	width: auto;
 }
 
 .blocimg-album2, .blocimg-album3 {
	display: block;
	width: auto;
	padding: 0 15px;
 }

 .bloctxt-album {
	display: block;
	width: auto;
 }
 
 .bloctxt-album2 {
	display: block;
	float: none;
	width: auto;
	padding: 0 15px;
 }

 .img-album {
	max-width: 300px;
	padding: 10px 0 10px 0;
 }
 
 .img-album02, .img-album03 {
	width: auto;
	padding: 10px 0 10px 0;
 }

 .img-album-double {
	display: block;
	width: auto;
	margin: 0;
 }

 .img-album-center {
	display: block;
	padding: 10px 0 10px 0;
	max-width: 300px;
 }
 
 .txtdiaporama {
	display: none;
	padding: 0;
 }
 
 .txtdiaporama2 {
	display: none;
	padding: 0;
 }
 

					/* Page Projets et mécénat */

 article#compos-projets { /* Obso */
	height: auto;
	background-image: none;
 }
 
  .bloc-compos-projets {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-compos-projets-H1 {
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-compos-projets-H {
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-compos-projets-B {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }

 .projets {
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	text-align: left;
  	-webkit-hyphens: none;
  	-moz-hyphens: none;
  	-ms-hyphens: none;
  	-o-hyphens: none;
  	hyphens: none;
 }
 
 .projets h2 {
	margin: 10px 0 10px 0;
 }
 
 .blocprojets, .blocprojets_p1, .blocprojets_p2 {
	display: block;
	width: auto;
	margin: 0 0 20px 0;
 }

.blocprojets_p2 img {
	vertical-align: top;
	margin: 7px 7px 7px 0;
 }


					/* Page Ils en parlent */

 article#compos-presse { /* Obso */
	height: auto;
	background-image: none;
 }
 
 .bloc-compos-presse {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-compos-presse-H1 {
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-compos-presse-H {
	width: auto;
	margin: 10px 0 0 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }
 .bloc-compos-presse-B {
	width: auto;
	margin: 0;
	padding: 0;
	background-image: url(compositeur-musique/images/fondbloc02.png);
 }

 .presse {
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	text-align: left;
  	-webkit-hyphens: none;
  	-moz-hyphens: none;
  	-ms-hyphens: none;
  	-o-hyphens: none;
  	hyphens: none;
 }
 
.blocpress0_p2 {
	width: auto;
 }

.blocpress_p2 {
	float: none;
	width: auto;
	vertical-align: top;
	margin: 0;
 }

.blocpress_p2 img {
	vertical-align: top;
	margin: 7px 7px 7px 0;
 }
 
 .pressweb, .pressp {
	margin: 5px 10px 5px 0;
 }

					/* Page Artistes partenaires */

 article#compos-artistes {
	height: auto;
	background-image: none;
 }



 
					/* ---------- Pages Professeur ---------- */

 body#pages-prof {
	background-image: url(professeur-musique/images/fondSP_professeur.jpg);
	background-repeat:no-repeat;
 }

 #container-prof {
 	min-height: 400px;
	background-image: none;
	background-color: transparent;
  	width: auto; 
 }

 header#prof {
	height: 80px;
 }
 
 nav#prof {
	height: 130px;
 }

 article#prof-cursus {
	height: auto;
	background-image: none;
 }

 ul#vertical-prof {
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 20px;
 }

 li#li01-prof {
	top: 60px;
	left: 18px;
	width: 110px;
 }

 li#li02-prof {
	top: 87px;
	left: 5px;
	width: 140px;
 }
 
 li#li03-prof {
	top: 107px;
	left: 5px;
	width: 150px;
 }

 li#li04-prof {
	top: 128px;
	left: 5px;
	width: 140px;
 }

 li#li05-prof {
	top: 149px;
	left: 5px;
	width: 140px;
 }

 #menu-horizontal-prof {
 	top: 60px;
	left: 325px;
	width: auto;
	text-align: left;
 }

 ul#horizontal-prof {
	line-height: 15px;
 }
 
 ul#horizontal-prof li {
	display: block;
	width: 145px;
	padding: 2px 5px 8px 0;
	vertical-align: top;
 }
 
 ul#smenu-prof, ul#smenu-prof2 {
	display: block;
	margin: 0;
	padding: 0 0 0 100px;
	width: auto;
	text-align: left;
	vertical-align : top;
	line-height: 20px;
 }

 ul#smenu-prof li, ul#smenu-prof2 li {
	padding: 0 0 5px 0;
 }

 #bloctt-prof, #bloctt-prof2, #bloctt-prof3 {
	margin: 0 0 20px 5px;
	width: 315px;
	height: auto;
	text-align: left;
 }
 
 h1#tt-prof {
	padding: 0 0 5px 0;
 }
 
 h1#tt-prof2 {
	display: block;
	padding: 15px 0 0 0;
	min-width: 100px;
	text-align: left;
 }
 

					/* Page Cursus */
					
 #bloc-cursus01 {
	display: block;
	width: auto;
	margin: 0;
 }
 #bloctxt-cursus01-H {
	width: auto;
	background-image: none;
	background-color: #F4CF3F;
 }
 #bloctxt-cursus01 {
	width: auto;
	background-image: none;
	background-color: #F4CF3F;
 }
 #bloctxt-cursus01-B {
	width: auto;
	background-image: none;
	background-color: #F4CF3F;
 }

 #bloc-cursus02 {
	display: block;
	width: auto;
	margin: 0;
 }
 #bloctxt-cursus02-H {
	width: auto;
	background-image: none;
	background-color: #F7D966;
 }
 #bloctxt-cursus02 {
	width: auto;
	background-image: none;
	background-color: #F7D966;
 }
 #bloctxt-cursus02-B {
	width: auto;
	background-image: none;
	background-color: #F7D966;
 }
 h3#tt-cursus {
	padding: 0 10px 10px 10px;
	width: auto;
 }
 #bloc-cursus01 p {
	display: block;
	width: auto; 
	padding: 0 10px 15px 10px;
	text-align: left;
  	-webkit-hyphens: none;
  	-moz-hyphens: none;
  	-ms-hyphens: none;
  	-o-hyphens: none;
  	hyphens: none;	
 }
 #bloc-cursus02 ul {
	width: auto; 
	padding: 0 10px 10px 25px;
 }
 #vignette06 {
	width: auto; 
	margin: 10px auto;
 } 


					/* Pages Cours de violon */

 #bloctxt-violon01 {
	float: none !important;
	width: auto;
	padding: 0 5px 10px 5px;
 }

 #bloctxt-violon02 {
	width: auto;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon01.jpg);
 }
 #bloctxt-violon02-H {
	width: auto;
	height: 10px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon01.jpg);
 }
 #bloctxt-violon02-B {
	width: auto;
	height: 5px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon01.jpg);
 }

 #bloctxt-violon03 {
	float: none !important;
	width: auto;
	padding: 0 5px 10px 25px;
 }

 #bloctxt-violon04 {
	width: auto;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon02.jpg);
 }
 #bloctxt-violon04-H {
	width: auto;
	height: 10px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon02.jpg);
 }
 #bloctxt-violon04-B {
	width: auto;
	height: 5px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon02.jpg);
 }

 #bloctxt-violon05 {
	position: static;
	padding: 10px 5px 5px 5px;
	width: auto;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon03.jpg);
 }

 #bloctxt-violon06 {
	position: static;
	padding: 10px 5px 10px 5px;
	width: auto;
	background-color: #fae8a6;
	text-align: left;
 }

 #bloctxt-violon07 {
	width: auto;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon04.jpg);
 }
 #bloctxt-violon07-H {
	width: auto;
	height: 10px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon04.jpg);
 }
 #bloctxt-violon07-B {
	width: auto;
	height: 5px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-violon04.jpg);
 }
 
 #colonne-violon01 {
	width: auto; 
	padding: 0 5px 0 5px;
	text-align: left;
 }

 #colonne-violon02 {
	display: block;
	width: auto; 
	padding: 0 5px 0 5px;
	text-align: left;
 }

 #colonne-violon03 {
	width: auto; 
	padding: 0 5px 0 5px;
 }

 #colonne-violon01 h2 {
	padding: 0;
 }

 #colonne-violon01 ul {
	padding: 20px 5px 0 20px;
 }

 #colonne-violon01 li {
	padding: 0 0 20px 5px;
 }

 #prof-violon-graph01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background-image: none;
 }

 article#prof-esprit-violon {
	height: auto;
	background-image: none;
 }

 article#prof-pratique-violon {
	height: auto;
	background-image: none;
 }

 article#prof-violon-archet {
	height: auto;
	background-image: none;
 }


					/* Page Solfège */

 #bloctxt-solfege01 {
	float: none !important;
	width: auto;
	padding: 0 5px 10px 5px;
 }

 #bloctxt-solfege02 {
	width: auto;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-solfege.jpg);
 }
 #bloctxt-solfege02-H {
	width: auto;
	height: 10px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-solfege.jpg);
 }
 #bloctxt-solfege02-B {
	width: auto;
	height: 5px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-solfege.jpg);
 }

 #colonne-solfege01 {
	display: block;
	width: auto; 
	padding: 0 5px 10px 5px;
	text-align: left;
 }

 article#prof-solfege {
	height: auto;
	background-image: none;
 }


					/* Pages ArTransversal */

 #logo-artransversal {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	background-image: none;
 }

 h1#tt-artransversal {
	width: auto;
	height: auto;
	margin: 0 0 0 5px;
	text-align: left;
 }

 #bloctxt-artransversal {
	width: auto;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-artransversal.jpg);
 }
 #bloctxt-artransversal-H {
	width: auto;
	height: 7px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-artransversal.jpg);
 }
 #bloctxt-artransversal-B {
	width: auto;
	margin: 0;
	background-image: none;
 }

 #colonne-artransversal {
	width: auto; 
	padding: 0 7px 0 7px;
	text-align: left;
 }

 article#prof-artransversal, 
 article#prof-artransversal-actu {
	height: auto;
	background-image: none;
 }

 article#prof-artransversal-actu section {
	padding: 20px 10px 35px 10px;
 }


					/* Page Musique de chambre */

 #bloctxt-chambre01 {
	float: none !important;
	width: auto;
	padding: 0 5px 10px 5px;
 }

 #bloctxt-chambre02 {
	width: auto;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-chambre01.jpg);
 }
 #bloctxt-chambre02-H {
	width: auto;
	height: 10px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-chambre01.jpg);
 }
 #bloctxt-chambre02-B {
	width: auto;
	height: 5px;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-chambre01.jpg);
 }

 #bloctxt-chambre03 {
	display: block;
	width: auto; 
	height: auto;
	margin: 0;
	background-image: none;
 }

 #cont-bloctxt-chambre04 {
	display: block;
	width: auto; 
 }

 #bloctxt-chambre04 {
	width: auto;
	height: auto;
	background-image: url(professeur-musique/images_contenu/fond-bloc-chambre02.jpg);
 }
 #bloctxt-chambre04-H {
	width: auto;
	height: 10px;
	background-image: url(professeur-musique/images_contenu/fond-bloc-chambre02.jpg);
 }
 #bloctxt-chambre04-B {
	width: auto;
	height: 5px;
	background-image: url(professeur-musique/images_contenu/fond-bloc-chambre02.jpg);
 }

 #colonne-chambre01 {
	display: block;
	width: auto; 
	padding: 0 5px 10px 5px;
	text-align: left;
 }

 #colonne-chambre02 {
	display: block;
	width: auto; 
	padding: 0 5px 10px 5px;
	text-align: left;
 }

 #colonne-chambre03 {
	width: auto; 
	padding: 0 5px 10px 5px;
 }

 article#prof-musique-chambre {
	height: auto;
	background-image: none;
 }

 
					/* Pages Atelier du trac */

 body#pages-prof-trac {
	background-image: url(professeur-musique/images/fondSP_professeur-trac.jpg);
	background-repeat:no-repeat;
 }

 #container-prof-trac {
 	min-height: 400px;
	background-image: none;
  	width: auto; 
 }

 #bloctt-prof-trac {
	margin: 0 0 15px 5px;
	width: 305px;
	min-height: 30px;
	text-align: left;
 }
  
 #bloctt-prof-trac2 {
	margin: 0 0 20px 5px;
	width: 305px;
	min-height: 30px;
	text-align: left;
 }

 h1#tt-prof-trac {
	padding: 0;
 }

 ul#smenu-prof-trac {
	float: none !important;
	margin: 0;
	padding: 0 0 10px 100px;
	width: auto !important;
	height: auto !important;
 }

 ul#smenu-prof-trac li {
	padding: 0 0 15px 0;
 }

 ul#list-trac2 {
	margin: 0 25px 10px 25px;
 }

 #bloctxt-trac, #bloctxt-trac2, #bloctxt-trac3 {
	width: auto;
	margin: 0 0 10px 0;
	text-align: left;
	background-image: none;
	background-color: #CA3002;
 }

 #bloctxt-trac4 {
	width: auto;
	margin: 0 7px 0 7px;
	text-align: left;
 }

 #bloctxt-trac5, #bloctxt-trac6 {
	width: auto;
	margin: 0 7px 0 7px;
 }

 #smlbloctxt-trac {
	display: block;
	width: auto;
	padding: 0;
 }

 #colonne-trac {
	display: block;
	width: auto; 
	padding: 7px 7px 0 7px;
	text-align: left;
 }

 #colonne-trac2, #colonne-trac3, #colonne-trac, #colonne-trac4bis {
	padding: 17px 7px 20px 7px;
	text-align: center;
	width: auto; 
 }

 #colonnes-trac {
	display: block;
	width: auto; 
	padding: 7px 7px 0 7px;
	text-align: left;
 }
 
 #smlcolonne-trac {
	padding: 7px 7px 0 7px;
	text-align: left;
	background-image: none;
	background-color: #CA3002;
 }
 
 #comment-trac {
	margin: 0;
 }
 
 #logo-trac {
	padding: 0 5px 15px 5px;
 }
 
 #trac-graph01 {
	position: static;
	padding: 5px 0 10px 10px;
 }

 #trac-graph02 {
	position: static;
	padding: 5px 0 10px 10px;
 }

 #trac-graph03 {
	position: static;
	padding: 5px 0 10px 10px;
 }

 #trac-graph04 {
	position: static;
	padding: 5px 0 10px 10px;
 }
 
 #trac-graph05 {
	position: static;
	padding: 5px 0 10px 10px;
 }
 
 #trac-graph01, #trac-graph02, #trac-graph03, #trac-graph04, #trac-graph05 {
 	display: inline-block;
	vertical-align : top;
	
	/* IE 7 */
	zoom: 1;
	*display: inline;
 }

 #blocaside-trac, #blocaside-trac2, #blocaside-trac3, #blocaside-trac-accueil {
	position: static;
	padding: 10px 0 10px 10px;
 }
 
 img#smllogo {
	display: none;
 }
 
 p#lien-medias {
	margin: 0;
 }
 
 .vign-aside-trac {
 	display: inline-block;
	vertical-align : top;
	padding: 0 7px 15px 7px;
	
	/* IE 7 */
	zoom: 1;
	*display: inline;
 }
 
 .vign-media-trac {
	padding: 0 10px 15px 0;
 }
 


 
					/* Pages stages de musique */

 body#pages-prof-stages {
	background-image: url(professeur-musique/images/fondSP_professeur-stages.jpg);
	background-repeat:no-repeat;
 }

 #container-prof-stages {
 	min-height: 400px;
	background-image: none;
	background-color: transparent;
  	width: auto; 
 }

 ul#smenu-prof-stages {
	float: none !important;
	padding: 5px 0 10px 100px;
	width: auto;
	height: auto;
 }

 ul#smenu-prof-stages li {
	padding: 0 0 10px 0;
	line-height: auto;
 }

 #bloctt-prof-stages {
	margin: 0 0 10px 5px;
	width: 305px;
	height: auto;
	text-align: left;
 }

 h1#tt-prof-stages, h1#tt-prof-stages2, h1#tt-prof-stages3 {
	padding: 0 0 5px 0;
 }

 #bloctxt-stages01, #bloctxt-stages02, #bloctxt-stages03 {
	width: auto;
	margin: 0;
	background-image: url(professeur-musique/images_contenu/fond-bloc-stages.jpg);
 }
 #bloctxt-stages01-H, #bloctxt-stages02-H, #bloctxt-stages03-H {
	width: auto;
	height: 5px;
	margin: 0;
	background-image: none;
 }
 #bloctxt-stages01-B, #bloctxt-stages02-B, #bloctxt-stages03-B {
	width: auto;
	height: 15px;
	margin: 0;
	background-image: none;
 }

 #colonne-stages01, #colonne-stages02 {
	width: auto; 
	padding: 10px 5px 10px 7px;
	text-align: left;
 }

 #colonnes-stages01, #colonnes-stages02, #colonnes-stages03 {
	display: block;
	width: auto; 
	padding: 10px 5px 10px 7px;
	text-align: left;
 }

 #colonne-stages01 img {
	margin: 0;
 }

 #logo-CP {
	margin: 0;
 	text-align: center;
 }

 article#prof-stages {
	height: auto;
	background-image: none;
 }

 article#prof-stages-contenu {
	height: auto;
	background-image: none;
 }
 
 article#prof-stages-enfants {
	height: auto;
	background-image: none;
 }
 
 article#prof-stages-adultes {
	height: auto;
	background-image: none;
 }
 
 article#prof-stages-lieu {
	height: auto;
	background-image: none;
 }
 
 article#prof-stages-tarifs {
	height: auto;
	background-image: none;
 }
 
 #prof-stages-graph01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background-image: none;
 }

 #prof-stages-graph02 {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background-image: none;
 }

 #prof-stages-graph03 {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background-image: none;
 }

 #prof-stages-graph04 {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background-image: none;
 }



					/* ---------- Polices de caractères ---------- */
 
					/* styles titres et textes */

 .tt-accueil2 {
	font-family: FormataMedium, Arial, Helvetica, sans-serif;
	font-size: 20px;
 }
 
 .tt-compos02bis {
	font-size: 32px;
 }
 
 .tt-compos10 {
	font-size: 16px;
	text-decoration: none;
 }

 .txt-prof01, .txt-prof01bis, .txt-prof01-ita {
	font-size: 16px;
 }

 .txt-prof02, .txt-prof02bold {
	font-size: 15px;
 }
 
 .txt-prof02bis {
	font-size: 14px;
 }


					/* styles liens */

 .lien-maccueil {
	font-size: 17px;
	text-shadow: 1px 1px 3px #666;
	color: #ffffff;
	line-height: 28px;
 }
 .lien-maccueil:hover {
	font-size: 17px;
	text-shadow: 1px 1px 3px #666;
	line-height: 28px;
 }

 .lien-ttmaccueil {
	font-family: FormataMedium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-shadow: 1px 1px 3px #444;
 }
 .lien-ttmaccueil:hover {
	font-family: FormataMedium, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-shadow: 1px 1px 3px #444;
 }

 .lien-mcompos {
	font-size: 13px;
 }
 .lien-mcompos:hover {
	font-size: 13px;
 }

 .lien-mcompos2 {
	font-size: 12px;
 }
 .lien-mcompos2:hover {
	font-size: 12px;
 }
 .prelien-mcompos2 {
	font-size: 12px;
 }

 .lien-mprof {
	font-size: 13px;
 }
 .lien-mprof:hover {
	font-size: 13px;
 }

 .lien-mprof2 {
	font-size: 12px;
 }
 .lien-mprof2:hover {
	font-size: 12px;
 }
 .prelien-mprof2 {
	font-size: 12px;
 }

 .lien-mprof5 {
	font-size: 16px;
 }
 .lien-mprof5:hover {
	font-size: 16px;
 }
 .prelien-mprof5 {
	font-size: 16px;
 }

 .lien-mprof6 {
	font-size: 16px;
 }
 .lien-mprof6:hover {
	font-size: 16px;
 }
 .prelien-mprof6 {
	font-size: 16px;
 }

 .lien-mprof7 {
	font-size: 16px;
 }
 .lien-mprof7:hover {
	font-size: 16px;
 }
 
 .lien-mprof8 {
	font-size: 16px;
 }
 .lien-mprof8:hover {
	font-size: 16px;
 }
 .prelien-mprof8 {
	font-size: 16px;
 }






					/* ---------- Autres éléments ---------- */

 img, table, td, blockquote, code, pre, textarea, input, iframe, video {
   max-width: 100%;
 }

 img {
   height: auto;
   width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 }
 
 textarea, table, td, th, code, pre, samp {
	word-wrap: break-word;
 }
 code, pre, samp {
	white-space: pre-wrap;
 }


					/* Avertissement version */

 body:before {
	content: "Version mobile du site";
	display: block;
	height: 20px;
	color: #777;
	text-align: center;
	font-style: italic;
 }

 body#accueil:before {
	content: "";
 }
}

					/* Affichage téléphone portrait */


@media (max-width: 560px) {
 
 #tt-VAcompos { /* Titre bandeau Virginie Aster */
	position: absolute;
	top: 12px;
	left: 20px;
	text-align: center;
 }
 
  .tt-VA {
	display: block;
	margin: 0;
 }

 .st-VA {
	display: block;
	margin: -16px 0 0 0;
 }

 #menu-horizontal-compos {
	display: none;
 }
 
  #menuSP-compos ul {
	margin: 120px 0 5px 0;
	padding: 0 10px;
 }
 
 .tt-compos02bis {
	font-size: 26px;
 }
 
 .tt-compos10 {
	font-size: 16px;
	text-decoration: none;
 }


}

	
@media (max-width: 640px) and (orientation: portrait) {
 
 #menu-horizontal-prof {
	display: none;
 }
}