@charset "utf-8";

body {
margin:0px;
padding:0px;
background-color:#FFFFFF;
}

.content {
display:block;
width:100%;
font-family:'Lato';
text-align:center;
line-height:1.7;
padding-top:25px;
padding-bottom:25px;
-webkit-font-smoothing: antialiased;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
border-bottom: thin solid #D3D3D3;
-webkit-box-shadow: 0px 0px 10px -2px;
box-shadow: 0px 0px 10px -2px;
background-color:#FFFFFF;
min-height:500px;
}

.content:target {
padding-top:230px;
}

.content_droite {
display:inline-block;
vertical-align:top;
width:90%;
font-family:'Lato';
text-align:center;
line-height:1.7;
padding-top:25px;
padding-bottom:25px;
-webkit-font-smoothing: antialiased;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
background-color:#FFFFFF;
min-height:500px;
}

.content ul li {
color:#000000;
}
h1 {
text-transform:uppercase;
}

h2 {
text-transform:uppercase;
}


#top {
	width: 100%;
	display: block;
	position: fixed;
	background-color: #FFFFFF;
	height: 230px;
	margin: 0px;
	padding: 0px;
	border-bottom: thin solid #D3D3D3;
	-webkit-box-shadow: 0px 0px 10px -2px;
	box-shadow: 0px 0px 10px -2px;
}

#wrapper {
z-index:-1;
top:230px;
position:absolute;
width:100%;
background-color:#FFFFFF;
}

#logo {
display:block;
padding:0px;
margin:0px;
text-align:center;
width:100%;

}

#logo h3 {
font-family:'Lato';
text-align:center;
padding:0;
padding-bottom:20px;
margin:0;
}

#logo img {
min-height:80px;
max-height:140px;
}

#navmobile {
display:none;
background:#FFFFFF url(./images/nav.png) no-repeat center center;
height:40px;
width:40px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

nav {
display:block;
height:45px;
background-color:#FFFFFF;
vertical-align:center;
padding:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;
}

nav ul {
list-style-type:none;
padding:0px;
margin:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

nav ul li{
	display: inline-block;
	text-transform: uppercase;
	font-family:'Lato';
	font-style: normal;
	font-weight: 400;
  	line-height: 30px;
	font-size: 12px;
	text-align: center;
	padding-right:20px;
	padding-left:20px;
	color:#4D4D4D;
	-webkit-font-smoothing: antialiased;
	margin:0px;
}
nav ul li:hover{
	background-color:#0085c8;
	color:#FEFEFE;
}
nav ul li a {
text-decoration:none;
color:#6992E5;
height:45px;
}

nav ul li a:hover {
text-decoration:none;
color:#FEFEFE;
height:45px;
}




#hero {
display:block;
width:100%;
margin:0px;
padding:0px;

}

#hero img {
max-width:100%;
}

#home_content {
display:block;
width:90%;
font-family:'Lato';
text-align:center;
line-height:2;
padding-top:25px;
padding-bottom:25px;
color:#A62B2D;
-webkit-font-smoothing: antialiased;
margin-left:auto;
margin-right:auto;
margin-top:0;

}

#home_content h1, #programme h1 {
text-transform:uppercase;
}

#home_content h2, #programme h2 {
text-transform:uppercase;
}

#compos {
color:#A62B2D;
}

#hommage {
color:#A62B2D;
}

#bio {
color:#A62B2D;
}

#rencontre {
color:#A62B2D;
}

#mecenat {
color:#A62B2D;
}


#association {
color:#1E5E29;
}

#partenaires {
color:#151183;
}


#concept {
color:#151183;
}

#masterclass {
color:#151183;
}


#presentation {
display:inline-block;
max-width:60%;
vertical-align:top;
margin-top:0;
}

#compositrices {
display:inline-block;
width:250px;
vertical-align:top;
padding-left:30px;
margin-top:0;
}

.photo_col {
display:inline-block;
width:25%;
vertical-align:text-top;
padding-left:25px;
margin-top:0;
margin-bottom:0;
}

.photo_col_compos {
display:inline-block;
width:35%;
vertical-align:text-top;
padding-left:25px;
margin-top:0;
margin-bottom:0;
}

.photo_col_grand {
display:inline-block;
width:60%;
vertical-align:text-top;
padding-left:25px;
margin-top:0;
margin-bottom:0;
}

.photo_col img {
width:100%;
padding-bottom:30px;
}

.photo_col iframe {
width:100%;
padding-bottom:30px;
}

.compo_item {
display:inline-block;
vertical-align:top;
padding:10px;
}

.compo_item img {
width:150px;
height:150px;
}

.text {
display:block;
text-align:justify;
width:80%;
-webkit-column-count:2;
-webkit-column-gap:40px;	
margin-left:auto;
margin-right:auto;
}

.text p {
line-height:none;
margin-top:0;
text-indent:1em;
color:#000000;
font-size:medium;
}

.text_col {
display:inline-block;
vertical-align:top;
text-align:justify;
max-width:60%;
-webkit-column-count:2;
-webkit-column-gap:40px;	
margin-left:auto;
margin-right:auto;
}

.text_col p {
line-height:none;
margin-top:0;
text-indent:1em;
color:#000000;
}

.text_1col {
display:inline-block;
vertical-align:text-top;
text-align:justify;
max-width:60%;
-webkit-column-count:1;
-webkit-column-gap:40px;	
border-right:thin solid #A62B2D;
padding-right:30px;
}

.text_1col ul li {
color:#000000;
}

.text_1col h1 {
color:#A62B2D;
margin:0;
padding:0;
padding-bottom:20px;
}

.text_1col p {
line-height:none;
margin-top:0;
text-indent:1em;
color:#000000;
}

.text_1col_compos {
display:inline-block;
vertical-align:text-top;
text-align:justify;
max-width:50%;
-webkit-column-count:1;
-webkit-column-gap:40px;	
border-right:thin solid #A62B2D;
padding-right:50px;
}

.text_1col_compos ul li {
color:#000000;
}

.text_1col_compos h1 {
color:#A62B2D;
margin:0;
padding:0;
padding-bottom:20px;
}

.text_1col_compos p {
line-height:none;
margin-top:0;
text-indent:1em;
color:#000000;
}


.text_1col_petit {
display:inline-block;
vertical-align:text-top;
text-align:justify;
max-width:30%;
-webkit-column-count:1;
-webkit-column-gap:40px;	
border-right:thin solid #A62B2D;
padding-right:30px;
}

.text_1col_petit h1 {
color:#A62B2D;
margin:0;
padding:0;
padding-bottom:20px;
}

.text_1col_petit p {
line-height:none;
margin-top:0;
text-indent:1em;
color:#000000;
}

#programme{
display:block;
width:100%;
font-family:'Lato';
text-align:center;
line-height:2;
padding-bottom:25px;
color:#071880;
-webkit-font-smoothing: antialiased;
margin-left:auto;
margin-right:auto;
border-top: thin solid #D3D3D3;
-webkit-box-shadow: 0px 0px 10px -2px;
box-shadow: 0px 0px 10px -2px;
margin-top:0;
}

#rencontres{
display:block;
width:100%;
font-family:'Lato';
text-align:center;
line-height:2;
padding-bottom:25px;
color:#A62B2D;
-webkit-font-smoothing: antialiased;
margin-left:auto;
margin-right:auto;
border-top: thin solid #D3D3D3;
-webkit-box-shadow: 0px 0px 10px -2px;
box-shadow: 0px 0px 10px -2px;
margin-top:0;
text-align:justify;
}

#rencontres h1 {
text-transform:uppercase;
text-align:center;
}

#rencontres_text {
display:inline-block;
width:60%;
vertical-align:top;
margin-left:10%;
margin-right:auto;
}

#rencontres_photos {
display:inline-block;
width:25%;
vertical-align:top;
margin-left:auto;
margin-right:auto;

}

#concert_infos ul li {
color:#000000;
}

.sub_menu{
display:block;
width:100%;
font-family:'Lato';
text-align:center;
line-height:2;
padding-top:15px;
padding-bottom:50px;
color:#A62B2D;
-webkit-font-smoothing: antialiased;
margin-left:auto;
margin-right:auto;
border-bottom: thin solid #D3D3D3;
-webkit-box-shadow: 0px 0px 10px -2px;
box-shadow: 0px 0px 10px -2px;
min-height:400px;
text-transform:uppercase;
}

.sub_menu_item {
display:inline-block;
-webkit-font-smoothing: antialiased;
padding-top:50px;
padding-bottom:50px;
padding-left:15px;
padding-right:15px;
margin:15px;
vertical-align:top;
min-width:25%;
font-size:medium;
color:#EBEBEB;
background-color:#E84949;;
font-style:normal;
}

.sub_menu_item:hover {
background-color:#A62B2D;
}

.sub_menu_item h1 {
color:#EBEBEB;
}

#menu_gauche {
display:inline-block;
vertical-align:top;
width:9%;
}

.menu_gauche_item {
display:block;
width:100%;
}

.menu_gauche_item a img {
width:100%;
margin:0;
padding:0;
}

.menu_gauche_item a {
background-color:#A62B2D;
text-decoration:none;
display:block;
width:100%;
font-family:'Lato';
text-align:center;
color:#FFFFFF;
-webkit-font-smoothing: antialiased;
text-transform:uppercase;
margin:0;
padding:0;
font-size:8px;
line-height:0,5;
padding-bottom:3px;
border-bottom:thin solid #FFFFFF;
}

.menu_gauche_item a:hover {
opacity:0.4;
}

#menu_haut {
display:block;
width:100%;
background-color:#4D4D4D;
margin:0;
padding:0;
font-family:'Lato';
text-align:left;
color:#FFFFFF;
-webkit-font-smoothing: antialiased;
text-transform:uppercase;
font-size:10px;
}

.menu_haut_item {
display:inline-block;
color:#FFFFFF;
vertical-align:top;
padding-left:20px;
padding-right:20px;
text-align:left;
}

.menu_haut_item a {
color:#FFFFFF;
text-decoration:none;
}

.menu_haut_item a:hover {
opacity:0.4;
}


.menu_haut_item:hover {
opacity:0.4;
}

.programme_item {
	display: inline-block;
	vertical-align:top;
	width: 80%;
	text-align: left;
	border-bottom:thin solid #A62B2D;
	color:#000000;
	margin:15px;
	padding:15px;
}


.programme_item:hover {
opacity:0.4;
}

.programme_item h2 {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	color:#A62B2D;
}
.programme_item h3 {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
	text-transform:uppercase;
	font-weight: bolder;
}
.programme_item h4 {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
}

.programme_item h5 {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
}

.programme_item p {
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
	text-indent:0;
}

#concert {
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
}

#concert_header {
	display:block;
	width:90%;

}

.concert_date {
	display:inline-block;
	padding:2%;
	vertical-align:middle;
	margin-left:2%;
	margin-right:5%;
	background-color:#A62B2D;
	color:#FFFFFF;
	max-width:150px;
	max-height:150px;
}

.menu_gauche_item_text {
	display:inline-block;
	padding:2%;
	vertical-align:middle;
	margin-left:2%;
	margin-right:5%;
	background-color:#A62B2D;
	color:#FFFFFF;
	max-width:150px;
	max-height:150px;
}

#concert_title {
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	color:#A62B2D;
	text-align:left;
}

#concert_title h1, h2, h3 {
padding:0;
margin:5px;
}

#concert_title h3 {
background-color:#A62B2D;
color:#FFFFFF;
width:240px;
text-align:center;
}

#concert_artistes {
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:30px;
	padding-bottom:30px;
	border-bottom: thin solid #A62B2D;
}

#list_artistes {
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#concert_artistes_title {
	display:block;
	text-align:left;
	color:#A62B2D;
}

.artistes_concert {
	display:block;
	margin:0;
	padding-top:20px;
}

.artistes {
	display: inline-block;
	margin: 0;
	padding-top: 20px;
	padding-bottom:20px;
	vertical-align: top;
	border-bottom: thin solid #A62B2D;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	width:30%;	
}

.artistes_concert_photo {
	display:inline-block;
	vertical-align:text-top;
	text-align:left;
	margin:0;
	width:15%;
}

.artistes_photo {
	display:inline-block;
	vertical-align:text-top;
	text-align:left;
	margin:0;
	heigth:150px;
}

.artistes_photo img {
height:100px;
}

.artistes_concert_photo a {
	text-align:left;
}

.artistes_photo a {
	text-align:left;
}

#concert_artistes img {
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
}

#concert_artistes img:hover {
opacity:0.4;
}

#list_artistes img:hover {
opacity:0.4;
}

.artistes_concert_name {
	display:inline-block;
	vertical-align:text-top;	
	text-align:left;
	margin:0;
	width:75%;
	padding-left:5%;
}

.artistes_name {
	display:inline-block;
	vertical-align:text-top;	
	text-align:left;
	margin:0;
	width:40%;
	padding-left:5%;
}

.artistes_concert_name a {
	text-decoration:none;
		display:inline-block;
	vertical-align:top;	
	color:#A62B2D;
	text-align:left;
}

.artistes_name a {
	text-decoration:none;
		display:inline-block;
	vertical-align:top;	
	color:#A62B2D;
	text-align:left;
}

.artistes_concert_name a:hover {
	opacity:0.4;
}

.artistes_name a:hover {
	opacity:0.4;
}


.artistes_concert_name a h3 {
	margin:0;
	padding:0;
}

.artistes_name a h3 {
	margin:0;
	padding-top:0;
	padding-bottom:10px;
	font-size:16px;
	text-transform:uppercase;
}

.artistes_concert_name a p {
	margin:0;
	padding:0;
	color:#000000;
	
}

.artistes_name a p {
	margin:0;
	padding:0;
	color:#000000;font-size:12px;
}

#concert_location {
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
		padding-top:30px;
}

#concert_location p {
text-align:left;
}

#concert_location_title {
	display:block;
	text-align:left;
	color:#A62B2D;
}

#concert_location_title h4 {
		margin:0;
	padding:0;
	color:#000000;
}
#concert_location_title p {
		margin:0;
	padding:0;
	padding-bottom:40px;
	color:#000000;
}

#concert_map {
	display: block;
	border: medium double #A62B2D;
	border-radius: 8px;
	
}

#logos {
display:block;
width:80%;
margin-left:auto;
margin-right:auto;
}

.logo_item {
	display:inline-block;
	padding:30px;
	vertical-align:middle;
}

#contact h1 {
color:#A62B2D;
}

#contact h4 {
padding:0;
margin:0;
color:#A62B2D;
}

.contact_item {
	display:inline-block;
	padding:30px;
}

#videos {
color:#A62B2D;
}

.video_item {
display:inline-block;
vertical-align:top;
padding:30px;
}

#photos {
color:#A62B2D;
}

#presse {
color:#A62B2D;
}

#presse a {
color:#A62B2D;
text-decoration:none;
}

#photos ul {
list-style-type:none;
}

#photos ul li {
display:inline-block;
vertical-align:top;
padding:30px;
}

.presse_item {
	display:block;
	margin:0;
	margin-left:20px;
	padding-top:50px;
	padding-bottom:50px;
	border-bottom:thin solid #A62B2D;
	width:90%;}


.presse_item:hover {
	opacity:0.4;
}

.presse_photo {
	display:inline-block;
	vertical-align:text-top;
	text-align:left;
	margin:0;
	width:15%
}


#presse img {
	width:60%;
	margin:0;
	padding:0;
	text-align:left;
}

.presse_name {
	display:inline-block;
	vertical-align:text-top;	
	text-align:left;
	margin:0;
	width:75%;
	padding-left:5%;
}

.presse_name h3 {
	margin:0;
	padding:0;
}

.presse_name p {
	margin:0;
	padding:0;
	color:#000000;
}

#prog_concert {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: #A62B2D;
	text-align: left;
	border-bottom: thin solid #A62B2D;
	padding-bottom:30px;
}

.prog_concert_item {
	color:#000000;
	padding-left:35px;
}

.prog_concert_item h4 {
padding:0;
padding-bottom:10px;
margin:4px;
}

#concert_infos {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	color: #A62B2D;
	text-align: left;
	border-bottom: thin solid #A62B2D;
	padding-top:30px;
	padding-bottom:30px;
}

#concert_infos p {
	color:#000000;
}

@media (max-width: 1024px) {

.text {
-webkit-column-count:1;
}
.text_col {
-webkit-column-count:1;
}

.programme_item p {
font-size:smaller;
}

.content:target {
padding-top:0px;
}

.artistes {
width:60%;
}

}

@media (max-width:810px) {
	#compositrices{
	position:absolute;
	top:120px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	display:block;
	text-align:center;
	width:90%;
	}
	
	.photo_col {
	position:absolute;
	top:120px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	display:block;
	text-align:center;
	width:90%;
	}
	
	#presentation{
	padding-top:250px;
	max-width:90%;
	}
}

@media (max-width:480px) {
.programme_item {
height:320px;
width:100%;
}
.photo_col {
display:none;
}
#menu_gauche {
display:none;
}
.text_1col {
border-right:none;
width:100%;
}

}
#signature {
margin:0;
}


#footer {
	text-align: center;
	font-size:8px;
	background-color: #353535;
	color:#CDCDCD;
	padding-top: 4%;
	padding-right: 2%;
	padding-bottom: 5%;
	padding-left: 2%;
}
#footer a {
	text-decoration: none;
	color: #E9E9E9;
}
#footer a:hover {
	color: #8DB3FF;
}

.petit {
font-size:x-small;
}

@media (max-width: 480px) {

#wrapper {
width:100%;
margin: 0px;
padding: 0px;
background-color:#FEFEFE;
position:absolute;
top:160px;
}

#top {
height:160px;
position:relative;
}

#logo {
display:block;
text-align:center;
}

#navmobile {
display:block;
text-align:center;
margin-left:auto;
margin-right:auto;
background:#FFFFFF url(./images/nav.png) no-repeat center center;
height:30px;
width:25px;

}

#logo img {
display:inline-block;
vertical-align:middle;
max-width:70%;
}

nav {
	display:none;
	float:none;
}
nav ul {
	width:100%;
	backface-visibility:hidden;
}
nav ul li {
    margin:0px;
	padding:6px;
	width:100%;
	text-align:left;
	background-color:#3E3E3E;
	color:#FFFFFF;
	border-bottom:thin;
	border-bottom-style:dotted;
}

h1 {
text-transform:uppercase;
font-size:larger;
}

h2 {
text-transform:uppercase;
font-size:medium;
}

h3 {
font-size:small;
}

h4 {
font-size:smaller;
}

}

@media only screen and (min-width : 480px ) and (max-width : 1024px ){

#top {
position:relative;
}

#wrapper {
width:100%;
margin: 0px;
	padding: 0px;
	background-color:#FEFEFE;
	position:absolute;
}

#logo {
display:inline-block;
text-align:center;
}

#navmobile {
display:block;
text-align:center;
margin-left:auto;
margin-right:auto;
background:#FFFFFF url(./images/nav.png) no-repeat center center;
height:30px;
width:25px;
}

nav {
	display:none;
	float:none;
	backface-visibility:hidden;
}
nav ul {
	width:100%;
	text-align:center;

}
nav ul li {
    margin:0px;
	padding:6px;
	width:100%;
	text-align:left;
	background-color:#3E3E3E;
	color:#FFFFFF;
	border-bottom:thin;
	border-bottom-style:dotted;
}

#home_content h1 {
text-transform:uppercase;
font-size:x-large;
}


#home_content h2 {
text-transform:uppercase;
font-size:large;
}

}

/*
@media only screen and (min-width: 1080px) {
#wrapper {
max-width:1080px;
margin-left: auto;
    margin-right: auto;
	padding: 0px;
	border-style: none;
	border-width: 0px 10px 0;
	-webkit-box-shadow: 2px 2px 13px 2px;
	box-shadow: 2px 2px 13px 2px;
	background-color:#FEFEFE;
}
body {
margin-top:10px;
}
}
*/