/* ---- RESET CSS ---- */
	
	
html, body {height:100%;}

html {font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; background-color:rgba(0,0,0,1); color:#000; line-height: 1.231; font-size:12px;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

*{outline:none;}

p {text-align:left; margin:0 0 8px 0; line-height:19px;}
p:last-child {margin:0;}

blockquote {margin:10px 20px 10px 0; padding:0 10px; border-left:3px solid #C90; color:#C90; line-height:1.4;  font-style:italic; font-family:Georgia;}
cite {background-color:rgba(0,0,0,0.8); color:#FFF; font-family:Verdana, Geneva, sans-serif; font-style:normal; border-bottom:1px solid #C90;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
nav ul {list-style: none; list-style-image: none; margin: 0; padding: 0;}



fieldset, figure, form {border: 0; margin: 0; padding: 0;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
label,input,select,textarea{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:normal;}
textarea { overflow: auto; vertical-align: top; resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ---- LIENS ---- */

a {color:#C90; text-decoration:none;}
a:hover {color:#FFF; text-decoration:none;}
a img {border:none;}

/* ---- Hn ---- */ 

h1,h2,h3,h4,h5,h6{font-weight:normal; color:rgba(255,153,0,1);}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:10px;}



/*------ LES CARACTERES GRAS ET COULEURS------------*/

.white { color:#FFF; font-style:normal;}
.yellow { color:#FF0; font-style:italic;}
.orange { color:#C90; font-style:italic;}
.orange-bis { color:#C90; font-style:normal; font-size:18px;}
.souligne {text-decoration:underline;}
.bold {font-weight:bold;}



/* ---- SELECTION TEXTE ---- */

::-moz-selection {
background-color:#fff200;
color:#000;
}

::selection {
background-color:#fff200;
color:#000;
}

/* ---- PROPRIETES UTILES ---- */ 



.clear {clear:both;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.container {width:940px; margin:0 auto; position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}
.col {-webkit-column-count:3;
	-webkit-column-gap:50px;
	-webkit-column-rule:1px dotted #333;
	
	-moz-column-count:3;
	-moz-column-gap:50px;
	-moz-column-rule:1px dotted #333;
	
	-o-column-count:3;
	-o-column-gap:50px;
	-o-column-rule:1px dotted #333;
	
	column-count:3;
	column-gap:50px;}

#points {position:fixed; top:0; left:0; height:100%; width:100%; background:url(img/point_black.png) top left repeat; z-index:-99;}

/* ---- MENU GAUCHE ---- */

#sidebar{ position:fixed; z-index:999; top:0; left:-5px; width:234px; height:100%; background:url(img/side2.png) top left repeat-y;}

#video#bgvid { position:fixed; right:0; bottom:0;
				min-width:100%; min-height:100%;
				width:auto; height:auto; z-index:-100;
				background-size:cover; }

/*---#mainnav { height:30px; margin-top:0px; margin-right:23.1%;}
#mainnav li { float:right; width:240px; height:25px; text-align:center; line-height:25px; font-size:18px; list-style:none; }
#mainnav ul li a:hover { background-color:rgba(0,0,102,1);} ----*/

#titre-yestoday  { margin-top:-220px; margin-left:130px; color:rgb(255,153,51); font-size:19px; line-height:18px;}

#pianobar {padding-top:10px; margin:60px 0px 0px 0px;}


#logo {margin:0px 0px 0 0px; width:136px; height:303px; overflow:hidden;}
#logo2 {margin:0px 0px 0 0px;  width:228px; height:258px; overflow:hidden;}

#footer {
	clear:both;
	position:fixed;
	bottom:0;
	background:rgba(0,0,102,1);
	width:100%;
	height:100px;
	
}


#hide {position:absolute; top:0px; right:-200px; display:block; width:219px; height:23px; background:url(img/btn_cacher.png) top left no-repeat; text-indent:-7000px;}
.show {background:url(img/btn_voir.png) top left no-repeat!important;}

#menu {font-size:14px; text-align:right; margin:50px 0 0 0;}
#menu li {height:30px; line-height:28px; width:233px;}
#menu li.active {background:url(img/barre_selection_menu.png) top left no-repeat;}
#menu li.active a {text-transform:uppercase!important; color:#F9F!important; margin-right:25px!important;}
#menu li a {color:#FFF; display:block; margin-right:45px;}
#menu li a:hover {color:#F9F;}

<!--#reseaux {display:inline-block; position:absolute; bottom:65px; right:60px;}-->
#reseaux {display:inline-block; position:relative; top:30px; bottom:15px; right:-60px;}
.reseau {display:inline-block; width:44px; height:44px; text-indent:-7000px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#fb {background:url(img/reseaux.jpg) no-repeat -44px 0px;}
#fb:hover {background:url(img/reseaux.jpg) no-repeat -44px -44px;}
#yt {background:url(img/reseaux.jpg) no-repeat 0px 0px;}
#yt:hover {background:url(img/reseaux.jpg) no-repeat 0px -44px;}

#menu2 {font-size:14px; text-align:right; margin:5px 0 0 0;}
#menu2 li {height:30px; line-height:28px; width:233px;}
#menu2 li.active {background:url(img/barre_selection_menu.png) top left no-repeat;}
#menu2 li.active a {text-transform:uppercase!important; color:#F9F!important; margin-right:25px!important;}
#menu2 li a {color:#FFF; display:block; margin-right:45px;}
#menu2 li a:hover {color:#F9F;}

#marge_menu2 {padding-top:40px;}





/* ---- MENU ---- */


.menuContainer {
	width:1000px;
	height:400px;
	overflow:hidden;
	background-color:#000000;
	cursor:pointer;
	margin:100px auto;
}


.menuContainer a {
	display:block;
	width:100%;
	height:100%;
	
	
	
}


.menuContainer:hover .square {
	opacity:0.3;
	-webkit-opacity:0.3;
	-moz-opacity:0.3;
	
	/* ANIMATION */
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	
}


.square:hover {
	
	opacity:1 !important;
	-webkit-opacity:1 !important;
	-moz-opacity:1 !important;
	


}



.leftColon {
	width:350px;
	height:400px;
	float:left;
	
}


.leftBlock {
	width:350px;
	height:200px;
	background-color:#000;
	float:left;
	border: 1px solid;
	margin:0px;
	
}

.leftBlock2 {
	width:350px;
	height:143px;
	background-color:#000;
	float:left;
	border: 1px solid;
	margin:0px;
	
}


.leftBlock3 {
	width:350px;
	height:58px;
	background-color:#000;
	float:left;
	border: 8px solid;
	margin:0px;
	
}

.centerColon {
	width:350px;
	height:400px;
	float:left;
	
	
}

.centerBlock {
	
	width:350px;
	height:343px;
	float:left;
	border: 0px solid #ffffff;
	
	
}


.centerBlock2 {
	
	width:350px;
	height:58px;
	float:left;
	border-top:8px solid #000;
	
	
}



.rightColon {
	
	width:300px;
	height:400px;
	float:left;
	
	
	
}

.rightBlock {
	width:300px;
	height:100px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}


.rightBlock2 {
	width:300px;
	height:43px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}


.rightBlock3 {
	width:300px;
	height:58px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}





/* ---- CONTENT ---- */

.content {position:relative; margin:40px 140px 60px 205px; min-height:100%; min-width:1200px;}
.content h1 {margin:0 0 60px 0; padding:0px; display:block;}

#home { padding-top:180px; margin-top:25px;}
#about {padding-top:175px; margin:10px 10px 10px 180px;}
#actus {padding-top:18px;} 
#vide {padding-top:180px;}
#contact {padding-top:10px;}
#mariages {padding-top:110px; margin:10px 10px 10px 180px;}
#cabaret {padding-top:150px; margin:10px 10px 10px 350px;}
#pourquoi {padding-top:120px;}
#seniors {padding-top:12px; margin:10px 10px 10px 400px;}
#enfants {padding-top:12px;}
#zactus {padding-top:10px; width:600px; margin-left:400px;}
#live-dansant {padding-top:5px; margin:355px 140px 90px 250px; min-width:950px;}
#pianobarsection { margin-left:130px;}






#title_presentation {background:url(img/titre-pres-duo.png) top left no-repeat; text-indent:-7000px; width:367; height:36;}

#title_about {background:url(img/titre-pres-duo.png) top left no-repeat; width:246px; height:36px; text-indent:-7000px; margin-left:150px;}

#title_news {background:url(img/titre_news.png) top left no-repeat; width:281px; height:39px; text-indent:-7000px; margin-top:-230px; margin-left:200px; margin-bottom:25px;}
#title_mariages {background:url(img/titre_mariages.png) top left no-repeat; width:541px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}
#title_contact {background:url(img/titre_contact.png) top left no-repeat; width:541px; height:53px; text-indent:-7000px;}

#title_enfants {background:url(img/enfants.png) top left no-repeat; width:525px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}
#title_cabaret {background:url(img/titre_cabaret.png) top left no-repeat; width:451px; height:33px; text-indent:-7000px; margin-top:40px; margin-bottom:75px;}

#title_seniors {background:url(img/titre_seniors.png) top left no-repeat; width:593px; height:30px; text-indent:-7000px; margin-top:80px;px;}

#title_pourquoi {background:url(img/titre_pourquoi.png) top left no-repeat; width:345px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}

#tittle_danse { margin-top:-250px; margin-bottom:15px; margin-left:190px; color:rgb(255,255,255); font-size:24px; text-decoration:underline;}




/* ---------video presentation --------------*/

#video_presentation {padding-top:10px; margin-top:10px; margin-bottom:30px; width:650px; height:370px; background-color:rgba(0,0,102,0.6); margin-left:auto; margin-right:auto;}


#content_contact {margin-top:200px;}


#content_news {overflow:hidden; min-height:340px; margin-top:55px;}
#content_about {padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90;}

#content_presentation {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; font-size:16px; line-height:20px; letter-spacing:2px; border-radius:10px; height:250px; width:1200px; margin-left:250px;}

#presentationcontact {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; font-size:16px; line-height:20px; letter-spacing:2px; border-radius:10px; margin-top:250px;}


#content_presentationactus {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; font-size:16px; line-height:20px; letter-spacing:2px; border-radius:10px; width:800px; margin-left:350px;}

#content_mariages {margin-bottom:0px; margin-top:125px; margin-left:-50px; margin-right:-50px; font-size:12px; line-height:14px; letter-spacing:2px;}

#content_presentation-accueil  {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:15px; margin-left:100px; margin-right:100px; font-size:16px; letter-spacing:2px; border-radius:10px;}

#content_presentation_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:125px; margin-left:-90px; margin-right:-90px; font-size:12px; line-height:12px; letter-spacing:1px; border-radius:10px;}

#content_presentation2_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:-25px; margin-left:-90px; margin-right:-90px; font-size:12px; line-height:12px; letter-spacing:1px; border-radius:10px;}

#content_pres_fond {background:url(img/image_fond_02.jpg) center no-repeat; background-attachment:fixed; background-size:contain; width:100%; height:100%;}
#content_pres_fond_piano {background:url(img/image_fond_01.jpg) center no-repeat; background-attachment:fixed; background-size:contain; width:100%; height:100%;}

#content_presentation_escapade-dansante {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:35px; margin-bottom:25px; padding-left:5px; padding-right:10px; height:405px; width:720px; margin-left:380px;}

#content_presentation_texte_escapade_dansante {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:16px; margin-top:55px; padding-left:15px; padding-right:10px; height:255px; width:1450px; margin-left:50px; text-align:center;}

/* ---- CAROUSEL NEWS ---- */

.single_news {position:relative; width:200px; font-size:12px; min-height:295px; background-color:#fff; display:inline-block; margin:0 40px 30px 0; border-top:1px solid #cc9933; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; vertical-align:top;}
.single_news:nth-child(3n+3) {margin:0 40px 40px 0;}
.single_news > img {width:100%;}
.single_news:hover, .news_active {background-color:#000033!important; cursor:default;}
.single_news:hover h2, .news_active h2 {color:#fff!important;}
.single_news:hover .more, .news_active .more {background:url(img/plus_infos.png) no-repeat -65px 0px!important;}
	
.contenu_news {padding:8px;}
.contenu_news p, .contenu_news h2 {margin:0px; padding:0px;}
.contenu_news h2 {line-height:1;}
.date {color:#d91b5c; text-transform:uppercase; font-size:11px; font-weight:bold; padding-bottom:2px!important;}
.text {color:#5e5e5e; padding-top:10px!important;}

.more {display:block; position:absolute; bottom:0; right:0; width:65px; height:65px; background:url(img/plus_infos.png) top left no-repeat; text-indent:-10000px;}
.close_news {background: rgba(0,0,51,0.5); color:#fff; text-transform:uppercase; display:block; margin-top:20px; padding:5px; text-align:center; font-size:14px; font-weight:bold;}

.btn_slider {display:inline-block; padding:3px 7px 7px 7px; font-size:21px; color:#fff; position:absolute; top:50px; cursor:pointer; background-color:#000033; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.btn_slider:hover {background-color:#f90; color:#000;}
#next {right:33px;}
#prev {right:69px;}






/* ---------MARIAGES ANNIVERSAIRES --------------*/

.choix_mariage{position:relative; width:120px; min-height:135px; max-height:135px; background-color:#FFF; border-top:1px solid #cc9933; border-left:1px solid #cc9933; border-right:1px solid #cc9933; border-bottom:1px solid #cc9933; display:inline-block; vertical-align:top; margin:0 18px 0 0; -webkit-transition:0.3s;}

.choix_mariage:hover, .mariage_active {background-color:#000033!important; cursor:default;}
.choix_mariage:hover .more, .mariage_active .more {background:url(img/plus_infos.png) no-repeat -65px 0px!important;}
.choix_mariage:hover h5, .mariage_active h5 {color:#FFF!important;}
.choix_mariage > img{width:100%}


.contenu_choix{padding:7px;}
.contenu_choix h4{line-height:1; margin-left:-20px;}

.proposition{color:#F90; text-transform:uppercase; font-size:14px; font-weight:bold; margin-left:-3px; padding-bottom:1px!important;}

#main{margin-top:20px; margin-left:-50px; margin-right:-50px; min-width:880px;}
#piano_bar{padding-top:0;}




anotation_jeux {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:10px; margin-top:15px; margin-left:-50px; margin-right:-50px;}

#choix_magie li {
list-style:none;
margin-left:0;
padding-left:0;}
#choix_magie li {font-size:13px;
margin-bottom:0px;/* à adapter */
margin-top:-2px;}


#programme_soiree{background-color:rgba(153,0,0,0.4); padding: -20 20 20 5; width:230px; height:230px; margin:auto;}

#prg_soirée li {list-style:none; margin-left:0; padding-left:0;}
#prg_soirée li {font-size:12px; line-height:5px; margin-bottom:5px; margin-top:8px;}


#container{
			width:800px;
			margin:-15px 0 5px 0;
			
			
		}
		.slideshow-wrapper{
			padding:10px;
			width:600px;
			border:1px solid #666666;
			margin:0;
		}
		.slideshow{
			width: 600px;
			
			padding:0;
		}
		.slideshow ul{
			margin:0;
		}
		.slideshow ul li{
			position:relative;
			height:300px;
		}
		.slideshow ul li span{
			position:absolute;
			bottom:0;
			padding:5px;
			color:white;
			display:block;
			width:100%;
			background:rgba(0,0,0,0.5);
		}







/* ---- LECTEUR MP3 ---- */

#lecteur {position:fixed; z-index:100; height:13px; line-height:5px; right:0px; top:0px; padding:5px; color:#fff; background-color:#003;}
	
	#play {display:inline-block; width:10px; height:10px; margin-right:2px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat 0px 0px;}
	#play:hover {background:url(img/lecteur.png) no-repeat 0px -10px;}
	#pause {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -10px 0px;}
	#pause:hover {background:url(img/lecteur.png) no-repeat -10px -10px;}
	#stop {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -20px 0px;}
	#stop:hover {background:url(img/lecteur.png) no-repeat -20px -10px;}
	
	#play-bar {height:5px; background-color:#C90;}
	#seek-bar {display:inline-block; height:5px; width:100px!important; margin:0 5px; background-color:#fff; cursor:pointer;}
	
	#btn_lecteur {display:inline-block; width:55px; background:url(img/bg_btn.png) top left no-repeat; height:13px; line-height:15px; padding:5px; position:absolute; top:0px; left:-55px; text-align:center;}
	
	#time {display:inline-block; color:#c; margin-top:4px!important; margin-right:3px!important; font-size:11px; cursor:default;}
	#current-time {color:#fff;}
	#duration {color:#EEB551;}
	
	
	
/* ---- Pourquoi ---- */	
#contenu-global {width:1200px; height:210px; padding-bottom:20px; padding-top:20px; border-radius:25px; padding-left:20px; padding-right:20px; background-color:rgba(0,0,0,0.8); margin:auto; margin-top:20px;}

#explications {width:1000px; height:200px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:20px; margin-left:-200px; overflow:hidden;}

#richard-png {float:left; position:relative; background:url(img/artiste-montargis-piano-bar-orleans.png) top left no-repeat; width:200px; height:302px; margin-top:-300px;}

#magali-png {float:right; position:relative; background:url(img/artistes-loiret-magicien-magali.png) top left no-repeat; width:127px; height:302px; margin-top:-300px;}	

#avantages {margin-top:50px; font-size:24px;}
	
/* ---- FORMULAIRES ---- */

#form {float:left; position:relative; width:30%!important; padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}
#form > p {margin-bottom:15px!important;}
#form input[type="text"], #form input[type="email"], textarea {width:95%; padding:5px; border:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#form input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background-color:#e4e4e4;}
#form textarea {height:100px;}
#submit {position:absolute; width:100%; bottom:-26px; left:0; border:none; background-color:#000033; color:#fff; text-transform:uppercase; display:block; padding:5px; text-align:center; font-size:14px; font-weight:bold;}
#submit:hover {color:#c90;}

#googlemap {float:right; width:60%; padding:5px; background-color:#fff;}
#googlemap iframe {width:100%; vertical-align:top;}

#success {background:#F90; color:#FFF; font-weight:bold; padding:10px; text-transform:uppercase; text-align:center;}
.error {background-color:#d91b5c!important;}
.error::-webkit-input-placeholder {color:#fff!important;}
#loading {position:absolute; bottom:40px; right:40px; display:none;}

/*------JEUNE PUBLIC----*/


#content_jeune_public {width:960px; margin-top:125px; margin-left:-100px; margin-bottom:-20px;}

#content_presentation_enfants {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:10px; margin-left:80px; margin-right:40px; font-size:17px; letter-spacing:2px; border-radius:10px;}

#enfance {float:left; width:388px; margin-top:20px; margin-left:120px;}
#video_jeune_public {width:560px; height:315px; float:right; margin-left:5px; margin-right:-210px;}



/*------Cabaret----*/
#aucabaret {width:1250px; padding-top:10px; padding-bottom:20px; margin:-50px 0px 0px 35px;}
#le_cabaret {background-color:rgba(0,0,0,0.9); width:850px; height:300px; border-radius:15px; border-top:1px solid #C90; border-bottom:1px solid #C90; background-image:url(img/cabaret-ambiance-Loiret-magie-spectacle/cabaret.png); background-repeat:no-repeat; color:#FFF; font-size:18px;}
#presentation_cabaret {padding:1px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:0px; margin-top:0px; margin-left:-50px; margin-right:-50px; font-size:18px; line-height:22px; letter-spacing:2px; border-radius:10px;}
#video-magie {float:left; margin-bottom:80px;}

#video-magie2 { margin-bottom:80px;}


/*------Seniors----*/



#content_seniors {width:1230px; padding-top:0px; margin-top:50px; /*margin-left:-50px; margin-right:-50px; margin-top:-10px;*/}
#spectacles_seniors {float:left; width:600px; height:640px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:16px; margin-top:2px; padding-left:5px; padding-right:10px;}
#spectacles_seniors2 {float:right; width:600px; height:640px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:16px; margin-top:2px; padding-left:5px; padding-right:10px;}
#presentation_spectacles_seniors {background-color:rgba(0,0,0,0.9); border-radius:15px; border-top:1px solid #C90; color:#F90; font-size:19px; padding-bottom:5px; padding-right:15px; padding-left:15px;}

#content_presentation_seniors {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:25px; margin-left:80px; margin-right:80px; font-size:16px; line-height:20px; letter-spacing:2px; border-radius:10px;}

/*------PIANO-BAR----*/

#titre-piano-bar {margin-top:-280px;}





#content_presentation_piano-bar_video2 {float:right; margin-right:120px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:15px; padding-left:15px; padding-right:10px;}

#retour-accueil {display:none;}
#retour-accueil2 { display:block; font-size:14px; margin-top:-5px; display:none}


#content_presentation_piano-bar_video-interieur {float:right; margin-right:-88px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:15px; padding-left:5px; padding-right:10px;}

/*--#content_presentation_piano-bar_video-interieur { position:absolute; margin-top:150px;}
#content_presentation_piano-bar_video-interieur p { color:rgba(255,255,255,1); font-size:22px; line-height:22px; text-align:center; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;}--*/

/*--{padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:30px; margin-left:-80px; margin-right:-10px; font-size:18px; letter-spacing:2px; border-radius:10px;}--*/



#title_pianobar01 {background:url(img/ambiance_piano.png) top left no-repeat; width:240px; height:30px; text-indent:-7000px; margin-top:40px; margin-bottom:25px;}
#galerie-video { margin-left:0px; margin-bottom:25px;}

#Repertoire-pres { margin-left:0px; display:inline-block; background:rgba(0,0,0,0.8); padding-left:20px; padding-right:20px; padding-bottom:30px; height: 360px; width:450px; font-size: 14px; overflow:auto; color:rgba(255,255,255,1); overflow-y:scroll;}	

#content_presentation_piano-bar {margin-left:0px; width:1450px; height:230px; background-color:rgba(0,0,0,0.8); border-radius:25px; border-bottom:1px solid #C90; color:#FFF; font-size:16px; margin-top:15px; margin-bottom:40px; padding-left:8px; padding:15px; display:inline-block;}

content_presentation_piano-bar-jive {margin-left:0px; width:1450px; height:450px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:16px; margin-top:15px; margin-bottom:40px; padding-left:8px; padding-right:4px; display:inline-block;}




#content_presentation_piano-bar-entreprise {margin-left:0px; width:1450px; height:auto; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:20px; line-height:20px; text-align:center; margin-top:15px; margin-bottom:40px; padding:25px;; display:inline-block;}



video#bgvid { position:fixed; right:0; bottom:0; min-width:80%; min-height:80%; width:auto; height:auto; z-index:-100; background:url(Yestoday-main-galerie-video/rightSidePlaylist/videos/previews/Aint-Misbehaving-Fats-Waller-Pianiste-Montargis-Mariages-Yestoday.jpg) no-repeat; background-size:cover; }



#piano-modale {margin-left:140px; text-decoration:underline; margin-bottom:30px;}

#retour-contact {position:absolute; margin-top:-7000px; margin-left:645px; font-size:16px; z-index:1!important;}

#lien-modal-piano { position:relative; margin-top:15px; margin-left:245px; font-size:20px; z-index:1!important;}




/* ---------- LIVE DANSANT ---------- */

#content_presentation_live_dansant { background-color:rgba(0,0,0,0.8); width:740px; height:370px; border-radius:15px; border-bottom:1px solid #C90; padding-top:140px; padding-left:20px; margin-left:400px;}

#content_explication_live { background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:10px; margin-top:30px; font-size:18px; line-height:22px; letter-spacing:2px; border-radius:10px; font-weight:bold; padding-bottom:30px; padding-top:30px;}

#content_explication_live p {text-align:center; margin:0 0;}




/* ---------- ACTUS---------- */
#actus-pres { background:rgba(0,0,0,0.8); margin-top:40px; padding-left:20px; padding-right:20px; padding-bottom:30px; height: 495px; width: 50%; font-size: 14px; overflow:auto; color:rgba(255,255,255,1); overflow-y:scroll;}	






/* ----------SALLES DES FETES--------- */
#content_presentation_salles {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:40px; margin-top:50px; margin-left:100px; margin-right:20px; font-size:14px; line-height:16px; letter-spacing:2px; border-radius:10px;}

#titre-salle { text-align:center;}

#liste-salle {background:rgba(0,0,153,0.2); padding-left:10px; padding-top:15px; padding-bottom:15px; height: 69px; width: 420px; font-size: 12px; overflow: auto; margin:0 auto;}


/* ----------DJ--------- */
#content_presentation_dj { background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; margin-left:100px; margin-top:45px; padding-left:25px; padding-right:25px; padding-top:15px; padding-bottom:20px;}	

#content_presentation_dj p {text-align:center; line-height:19px; font-size:16px;}

#liste-dj { margin-top: 65px; color:rgba(255,255,255,1);}
#liste-dj p {text-align:center; font-size:16px;}

#elargir-fenetre { float:right; position:absolute; z-index:-1; color:rgba(255,255,255,1); margin-left:300px; margin-top:55px; display:none;}




/* ---------- gif---------- */

#gif-seniors { background-image:url(Piano-Bar-Loiret-Actus/spectacles-Loiret/spectacles-residences-retraite-Loiret.gif); margin-left:180px; width:275px; height:28px; margin:160px 10px 0px 0px; position:absolute;}

/* ----  resolution  15"-------------------------------------------------------------------------------------------------------------------------------- */
 @media screen and (max-width: 1600px)
 
{

/* ---- RESET CSS ---- */
html, body {height:100%;}

html {font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; background-color:rgba(0,0,0,1); color:#000; line-height: 1.231; font-size:12px;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

*{outline:none;}

p {text-align:left; margin:0 0 8px 0; line-height:18px;}
p:last-child {margin:0;}

blockquote {margin:15px 20px 10px 0; padding:0 10px; border-left:3px solid #C90; color:#C90; line-height:1.4; font-size:13px; font-style:italic; font-family:Georgia;}
cite {background-color:rgba(0,0,0,0.8); color:#FFF; font-family:Verdana, Geneva, sans-serif; font-style:normal; border-bottom:1px solid #C90;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
nav ul {list-style: none; list-style-image: none; margin: 0; padding: 0;}



fieldset, figure, form {border: 0; margin: 0; padding: 0;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
label,input,select,textarea{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:normal;}
textarea { overflow: auto; vertical-align: top; resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ---- LIENS ---- */

a {color:#C90; text-decoration:none;}
a:hover {color:#FFF; text-decoration:none;}
a img {border:none;}

/* ---- Hn ---- */ 

h1,h2,h3,h4,h5,h6{font-weight:normal; color:rgba(255,153,0,1);}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:10px;}



/*------ LES CARACTERES GRAS ET COULEURS------------*/

.white { color:#FFF; font-style:normal;}
.yellow { color:#FF0; font-style:italic;}
.orange { color:#C90; font-style:italic;}
.orange-bis { color:#C90; font-style:normal; font-size:18px;}
.souligne {text-decoration:underline;}
.bold {font-weight:bold;}



/* ---- SELECTION TEXTE ---- */

::-moz-selection {
background-color:#fff200;
color:#000;
}

::selection {
background-color:#fff200;
color:#000;
}

/* ---- PROPRIETES UTILES ---- */ 



.clear {clear:both; margin-top:-200px;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.container {width:940px; margin:0 auto; position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}
.col {-webkit-column-count:3;
	-webkit-column-gap:50px;
	-webkit-column-rule:1px dotted #333;
	
	-moz-column-count:3;
	-moz-column-gap:50px;
	-moz-column-rule:1px dotted #333;
	
	-o-column-count:3;
	-o-column-gap:50px;
	-o-column-rule:1px dotted #333;
	
	column-count:3;
	column-gap:50px;}

#points {position:fixed; top:0; left:0; height:100%; width:100%; background:url(img/point_black.png) top left repeat; z-index:-100;}

/* ---- MENU GAUCHE ---- */

#sidebar{position:fixed; z-index:999; top:0; left:-5px; width:234px; height:100%; background:url(img/side2.png) top left repeat-y;}

#photo-yestoday {margin-left:-250px;}


#video#bgvid { position:fixed; right:0; bottom:0;
				min-width:100%; min-height:100%;
				width:auto; height:auto; z-index:-100;
				background-size:cover; }



#mainnav { height:30px; margin-top:0px; margin-left:150px;}
#mainnav li { float:left; height:25px; padding-right:20px; text-align:center; line-height:25px; font-size:18px; list-style:none; }
#mainnav ul li a:hover { background-color:rgba(0,0,102,1);}




#logo {margin:0px 0px 0 0px; width:136px; height:301px; overflow:hidden;}
#logo2 {margin:0px 0px 0 0px;  width:228px; height:258px; overflow:hidden;}


#hide {position:absolute; top:0px; right:-200px; display:block; width:219px; height:23px; background:url(img/btn_cacher.png) top left no-repeat; text-indent:-7000px;}
.show {background:url(img/btn_voir.png) top left no-repeat!important;}

#menu {font-size:14px; text-align:right; margin:50px 0 0 0;}
#menu li {height:30px; line-height:28px; width:233px;}
#menu li.active {background:url(img/barre_selection_menu.png) top left no-repeat;}
#menu li.active a {text-transform:uppercase!important; color:#F9F!important; margin-right:25px!important;}
#menu li a {color:#FFF; display:block; margin-right:45px;}
#menu li a:hover {color:#F9F;}

<!--#reseaux {display:inline-block; position:absolute; bottom:65px; right:60px;}-->
#reseaux {display:inline-block; position:relative; top:30px; bottom:15px; right:-60px;}
.reseau {display:inline-block; width:44px; height:44px; text-indent:-7000px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#fb {background:url(img/reseaux.jpg) no-repeat -44px 0px;}
#fb:hover {background:url(img/reseaux.jpg) no-repeat -44px -44px;}
#yt {background:url(img/reseaux.jpg) no-repeat 0px 0px;}
#yt:hover {background:url(img/reseaux.jpg) no-repeat 0px -44px;}

#menu2 {font-size:14px; text-align:right; margin:5px 0 0 0;}
#menu2 li {height:30px; line-height:28px; width:233px;}
#menu2 li.active {background:url(img/barre_selection_menu.png) top left no-repeat;}
#menu2 li.active a {text-transform:uppercase!important; color:#F9F!important; margin-right:25px!important;}
#menu2 li a {color:#FFF; display:block; margin-right:45px;}
#menu2 li a:hover {color:#F9F;}

#marge_menu2 {padding-top:40px;}




/* ---- MENU ---- */


.menuContainer {
	width:1000px;
	height:400px;
	overflow:hidden;
	background-color:#000000;
	cursor:pointer;
	margin:70px auto;
}


.menuContainer a {
	display:block;
	width:100%;
	height:100%;
	
	
	
}


.menuContainer:hover .square {
	opacity:0.3;
	-webkit-opacity:0.3;
	-moz-opacity:0.3;
	
	/* ANIMATION */
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	
}


.square:hover {
	
	opacity:1 !important;
	-webkit-opacity:1 !important;
	-moz-opacity:1 !important;
	


}



.leftColon {
	width:350px;
	height:400px;
	float:left;
	
}


.leftBlock {
	width:350px;
	height:200px;
	background-color:#000;
	float:left;
	border: 1px solid;
	margin:0px;
	
}

.leftBlock2 {
	width:350px;
	height:143px;
	background-color:#000;
	float:left;
	border: 1px solid;
	margin:0px;
	
}


.leftBlock3 {
	width:350px;
	height:58px;
	background-color:#000;
	float:left;
	border: 0px solid;
	margin:0px;
	
}

.centerColon {
	width:350px;
	height:400px;
	float:left;
	
	
}

.centerBlock {
	
	width:350px;
	height:343px;
	float:left;
	border: 0px solid #ffffff;
	
	
}


.centerBlock2 {
	
	width:350px;
	height:58px;
	float:left;
	border-top:8px solid #000;
	
	
}



.rightColon {
	
	width:300px;
	height:400px;
	float:left;
	
	
	
}

.rightBlock {
	width:300px;
	height:100px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}


.rightBlock2 {
	width:300px;
	height:43px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}


.rightBlock3 {
	width:300px;
	height:58px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}














/* ---- CONTENT ---- */

.content {position:relative; margin:50px 140px 190px 310px; min-height:100%; min-width:700px;}
.content h1 {margin:10px 0 20px 0; padding:0px; display:block;}

#home {padding-top:180px;}
#actus {padding-top:18px;} 
#about {padding-top:10px; margin:-20px 140px 0px 130px; min-width:1000px;}
#contact {padding-top:100px; margin:-40px 140px 0px 10px; min-width:950px;}
#cabaret {padding-top:10px; margin:-120px 140px 0px 130px; min-width:950px;}
#seniors {padding-top:30px; margin:-20px 140px 0px 350px; min-width:1000px;}
#pourquoi {padding-top:20px; margin:0px 140px 0px 130px; min-width:1200px;}
#enfants {padding-top:12px;}
#mariages {padding-top:25px; margin:80px 140px 90px 200px; min-width:950px;}
#live-dansant {padding-top:105px; margin:15px 140px 90px 250px; min-width:950px;}
#pianobarsection {margin-left:120px; margin-top:-10px;}


#title_presentation {background:url(img/titre-pres-duo.png) top left no-repeat; text-indent:-7000px; width:367; height:36; margin:auto; margin-bottom:25px;}

#title_about {background:url(img/titre-pres-duo.png) top left no-repeat; width:246px; height:36px; text-indent:-7000px; margin-top:90px;}

#title_news {background:url(img/titre_news.png) top left no-repeat; width:281px; height:39px; text-indent:-7000px; margin-top:-50px; margin-left:90px; margin-bottom:25px;}
#title_mariages {background:url(img/titre_mariages.png) top left no-repeat; width:541px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}
#title_contact {background:url(img/titre_contact.png) top left no-repeat; width:541px; height:53px; text-indent:-7000px; margin:auto; margin-bottom:25px;}
#title_enfants {background:url(img/enfants.png) top left no-repeat; width:525px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}
#title_cabaret {background:url(img/titre_cabaret.png) top left no-repeat; width:451px; height:33px; text-indent:-7000px; margin-top:10px; margin-left:150px;}

#title_seniors {background:url(img/titre_seniors.png) top left no-repeat; width:593px; height:30px; text-indent:-7000px; margin:auto; margin-bottom:25px;}

#title_pourquoi {background:url(img/titre_pourquoi.png) top left no-repeat; width:345px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}

#tittle_danse { margin-top:-80px; margin-bottom:15px; margin-left:0px; color:rgb(255,255,255); font-size:24px; text-decoration:underline;}



#content_news {overflow:hidden; min-height:340px; margin-top:5px;}
#content_about {padding:0px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90;}
#content_presentation {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:40px; margin-top:-20px; margin-left:90px; margin-right:-80px; font-size:15px; line-height:16px; letter-spacing:2px; border-radius:10px;}

#content_mariages {margin-bottom:0px; margin-top:60px; margin-left:-50px; margin-right:-50px; font-size:12px; line-height:14px; letter-spacing:2px;}

#content_presentation-accueil  {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:-5px; margin-left:-60px; margin-right:-60px; font-size:12px; line-height:14px; letter-spacing:2px; border-radius:10px; height: 165px;}

#content_presentation_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:-25px; margin-left:-90px; margin-right:-90px; font-size:12px; line-height:12px; letter-spacing:1px; border-radius:10px;}

#content_presentation2_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:-25px; margin-left:-90px; margin-right:-90px; font-size:12px; line-height:12px; letter-spacing:1px; border-radius:10px;}

#content_pres_fond {background:url(img/image_fond_02.jpg) center no-repeat; background-attachment:fixed; background-size:contain; width:100%; height:100%;}
#content_pres_fond_piano {background:url(img/image_fond_01.jpg) center no-repeat; background-attachment:fixed; background-size:contain; width:100%; height:100%;}



#content_presentation_escapade-dansante {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:5px; margin-bottom:12px; padding-left:5px; padding-right:10px; height:405px; width:720px; margin-left:10px;}

#content_presentation_texte_escapade_dansante {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:16px; margin-top:5px; padding-left:15px; padding-right:10px; height:275px; width:1120px; margin-left:10px;}




/* ---- CAROUSEL NEWS ---- */

.single_news {position:relative; width:200px; font-size:12px; min-height:295px; background-color:#fff; display:inline-block; margin:0 40px 30px 0; border-top:1px solid #cc9933; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; vertical-align:top;}
.single_news:nth-child(3n+3) {margin:0 40px 40px 0;}
.single_news > img {width:100%;}
.single_news:hover, .news_active {background-color:#000033!important; cursor:default;}
.single_news:hover h2, .news_active h2 {color:#fff!important;}
.single_news:hover .more, .news_active .more {background:url(img/plus_infos.png) no-repeat -65px 0px!important;}
	
.contenu_news {padding:8px;}
.contenu_news p, .contenu_news h2 {margin:0px; padding:0px;}
.contenu_news h2 {line-height:1;}
.date {color:#d91b5c; text-transform:uppercase; font-size:11px; font-weight:bold; padding-bottom:2px!important;}
.text {color:#5e5e5e; padding-top:10px!important;}

.more {display:block; position:absolute; bottom:0; right:0; width:65px; height:65px; background:url(img/plus_infos.png) top left no-repeat; text-indent:-10000px;}
.close_news {background: rgba(0,0,51,0.5); color:#fff; text-transform:uppercase; display:block; margin-top:20px; padding:5px; text-align:center; font-size:14px; font-weight:bold;}

.btn_slider {display:inline-block; padding:3px 7px 7px 7px; font-size:21px; color:#fff; position:absolute; top:50px; cursor:pointer; background-color:#000033; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.btn_slider:hover {background-color:#f90; color:#000;}
#next {right:33px;}
#prev {right:69px;}



/* ---------video presentation --------------*/

#video_presentation {padding-top:10px; margin-top:10px; width:650px; height:370px; background-color:rgba(0,0,102,0.6); margin-left:350px;}


/* ---------MARIAGES ANNIVERSAIRES --------------*/

.choix_mariage{position:relative; width:120px; min-height:125px; max-height:125px; background-color:#FFF; border-top:1px solid #cc9933; border-left:1px solid #cc9933; border-right:1px solid #cc9933; border-bottom:1px solid #cc9933; display:inline-block; vertical-align:top; margin:0 18px 0 0; -webkit-transition:0.3s;}

.choix_mariage:hover, .mariage_active {background-color:#000033!important; cursor:default;}
.choix_mariage:hover .more, .mariage_active .more {background:url(img/plus_infos.png) no-repeat -65px 0px!important;}
.choix_mariage:hover h5, .mariage_active h5 {color:#FFF!important;}
.choix_mariage > img{width:100%}


.contenu_choix{padding:7px;}
.contenu_choix h4{line-height:1; margin-left:-20px;}

.proposition{color:#F90; text-transform:uppercase; font-size:10px; font-weight:bold; margin-left:-3px; padding-bottom:1px!important;}

#main{margin-top:-5px; margin-left:-50px; margin-right:-50px; min-width:880px;}
#piano_bar{padding-top:0;}




anotation_jeux {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:10px; margin-top:15px; margin-left:-50px; margin-right:-50px;}

#choix_magie li {
list-style:none;
margin-left:0;
padding-left:0;}
#choix_magie li {font-size:13px;
margin-bottom:0px;/* à adapter */
margin-top:-2px;}


#programme_soiree{background-color:rgba(153,0,0,0.4); padding: -20 20 20 5; width:230px; height:230px; margin:auto;}

#prg_soirée li {list-style:none; margin-left:0; padding-left:0;}
#prg_soirée li {font-size:12px; line-height:5px; margin-bottom:5px; margin-top:8px;}


#container{
			width:800px;
			margin:-15px 0 5px 0;
			
			
		}
		.slideshow-wrapper{
			padding:10px;
			width:600px;
			border:1px solid #666666;
			margin:0;
		}
		.slideshow{
			width: 600px;
			
			padding:0;
		}
		.slideshow ul{
			margin:0;
		}
		.slideshow ul li{
			position:relative;
			height:300px;
		}
		.slideshow ul li span{
			position:absolute;
			bottom:0;
			padding:5px;
			color:white;
			display:block;
			width:100%;
			background:rgba(0,0,0,0.5);
		}







/* ---- LECTEUR MP3 ---- */

#lecteur {position:fixed; z-index:100; height:13px; line-height:5px; right:0px; top:0px; padding:5px; color:#fff; background-color:#003;}
	
	#play {display:inline-block; width:10px; height:10px; margin-right:2px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat 0px 0px;}
	#play:hover {background:url(img/lecteur.png) no-repeat 0px -10px;}
	#pause {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -10px 0px;}
	#pause:hover {background:url(img/lecteur.png) no-repeat -10px -10px;}
	#stop {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -20px 0px;}
	#stop:hover {background:url(img/lecteur.png) no-repeat -20px -10px;}
	
	#play-bar {height:5px; background-color:#C90;}
	#seek-bar {display:inline-block; height:5px; width:100px!important; margin:0 5px; background-color:#fff; cursor:pointer;}
	
	#btn_lecteur {display:inline-block; width:55px; background:url(img/bg_btn.png) top left no-repeat; height:13px; line-height:15px; padding:5px; position:absolute; top:0px; left:-55px; text-align:center;}
	
	#time {display:inline-block; color:#c; margin-top:4px!important; margin-right:3px!important; font-size:11px; cursor:default;}
	#current-time {color:#fff;}
	#duration {color:#EEB551;}
	
	
	
/* ---- Pourquoi ---- */	
#contenu-global {width:1100px; height:200px; padding-bottom:10px; padding-top:5px; border-radius:25px;  padding-left:10px; padding-right:10px; background-color:rgba(0,0,0,0.8); margin-top:0px; margin-left:30px;} 
#richard-png {float:left; position:relative; background:url(img/artiste-montargis-piano-bar-orleans.png) top left no-repeat; width:200px; height:302px;}
#explications {width:950px; height:190px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:17px; margin-left:200px;}
#magali-png {float:right; position:relative; background:url(img/artistes-loiret-magicien-magali.png) top left no-repeat; width:127px; height:302px; margin-top:-500px;}	

#avantages {margin-top:10px; font-size:18px;}
	
/* ---- FORMULAIRES ---- */


#presentationcontact {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; font-size:16px; line-height:20px; letter-spacing:2px; border-radius:10px; margin-top:30px;}



#form {float:left; position:relative; width:30%!important; padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}
#form > p {margin-bottom:15px!important;}
#form input[type="text"], #form input[type="email"], textarea {width:95%; padding:5px; border:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#form input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background-color:#e4e4e4;}
#form textarea {height:100px;}
#submit {position:absolute; width:100%; bottom:-26px; left:0; border:none; background-color:#000033; color:#fff; text-transform:uppercase; display:block; padding:5px; text-align:center; font-size:14px; font-weight:bold;}
#submit:hover {color:#c90;}

#googlemap {float:right; width:60%; padding:5px; background-color:#fff;}
#googlemap iframe {width:100%; vertical-align:top;}

#success {background:#F90; color:#FFF; font-weight:bold; padding:10px; text-transform:uppercase; text-align:center;}
.error {background-color:#d91b5c!important;}
.error::-webkit-input-placeholder {color:#fff!important;}
#loading {position:absolute; bottom:40px; right:40px; display:none;}

/*------JEUNE PUBLIC----*/


#content_jeune_public {width:960px; margin-top:80px; margin-left:-100px; margin-bottom:-20px;}

#content_presentation_enfants {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:10px; margin-left:-100px; margin-right:-100px; font-size:14px; line-height:22px; letter-spacing:2px; border-radius:10px;}

#enfance {float:left; width:388px;  margin-top:20px; margin-left:-15px;}
#video_jeune_public {width:560px; height:315px; float:right; margin-left:-15px; margin-right:20px;}






/*------Cabaret----*/
#aucabaret { display:inline-block; float:right; width:250px; padding-top:10px; padding-bottom:20px; margin:-250px 0px 0px 5px;}
#le_cabaret {background-color:rgba(0,0,0,0.9); width:850px; height:300px; border-radius:15px; border-top:1px solid #C90; border-bottom:1px solid #C90; background-image:url(img/cabaret-ambiance-Loiret-magie-spectacle/cabaret.png); background-repeat:no-repeat; color:#FFF; font-size:18px;}
#presentation_cabaret {padding:1px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:0px; margin-top:0px; margin-left:-50px; margin-right:-50px; font-size:16px; line-height:22px; letter-spacing:2px; border-radius:10px;}
#video-magie { float:left; margin-top:-70px; margin-left:150px;}

#video-magie2 { float:left; display:inline-block; margin-top:-90px; margin-left:150px;}


/*------Seniors----*/



#content_seniors {width:1090px; padding-top:0px; margin:auto; margin-left:-90px; margin-right:-50px; margin-top:10px;}
#spectacles_seniors {float:left; width:530px; height:580px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; margin-top:2px; padding-left:5px; padding-right:10px;}
#spectacles_seniors2 {float:right; width:530px; height:580px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; margin-top:2px; padding-left:5px; padding-right:10px;}
#presentation_spectacles_seniors {background-color:rgba(0,0,0,0.9); border-radius:15px; border-top:1px solid #C90; color:#F90; font-size:12px; padding-bottom:5px; padding-right:15px; padding-left:15px;}

#content_presentation_seniors {padding:5px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:16px; font-size:10px; border-radius:10px;}


/*------PIANO-BAR----*/



#content_presentation_piano-bar_video {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:55px; padding-left:5px; padding-right:10px; height:405px; width:720px;  margin-left:40px; margin-bottom:100px; float:left;}

#content_presentation_piano-bar_video2 {float:right; margin-right:-55px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:60px; padding-left:5px; padding-right:10px;}

#retour-accueil {display:none;}


#content_presentation_piano-bar_video-interieur {float:right; margin-right:-85px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:70px; padding-left:5px; padding-right:10px;}

/*--#content_presentation_piano-bar_video-interieur { position:absolute; margin:0 0;}
#content_presentation_piano-bar_video-interieur p { color:rgba(255,255,255,1); font-size:22px; line-height:22px; text-align:center; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;}--*/




#pianobar {padding-top:10px; margin:0px 10px 10px 250px;}
#title_pianobar01 {background:url(img/ambiance_piano.png) top left no-repeat; width:240px; height:30px; text-indent:-7000px; margin-top:20px; margin-bottom:25px;}
#galerie-video { margin-left:0px;}

#Repertoire-pres { margin-left:40px; display:inline-block; background:rgba(0,0,0,0.8); padding-left:20px; padding-right:20px; padding-bottom:30px; height: 250px; width:440px; font-size: 14px; overflow:auto; color:rgba(255,255,255,1); overflow-y:scroll;}	


#content_presentation_piano-bar { margin-left:-220px; width:1100px; height:230px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; margin-top:-40px; padding-left:18px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-bottom:40px;}

#content_presentation_piano-bar-entreprise {margin-left:0px; width:1080px; height:auto; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:17px; line-height:20px; text-align:center; margin-top:-25px; margin-bottom:40px; padding:25px;; display:inline-block;}


video#bgvid { position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; background:url(Yestoday-main-galerie-video/rightSidePlaylist/videos/previews/Aint-Misbehaving-Fats-Waller-Pianiste-Montargis-Mariages-Yestoday.jpg) no-repeat; background-size:cover; }



#piano-modale {margin-left:0px; text-decoration:underline; margin-bottom:30px; font-size:14px;}

#retour-contact {position:absolute; margin-top:-7000px; margin-left:645px; font-size:16px; z-index:1!important;}

#lien-modal-piano { position:relative; margin-top:-15px; margin-left:145px; font-size:16px; z-index:1!important;}








/* ---------- LIVE DANSANT ---------- */

#content_presentation_live_dansant { background-color:rgba(0,0,0,0.8); width:740px; height:370px; border-radius:15px; border-bottom:1px solid #C90; padding-top:20px; padding-left:40px; margin-top:15px; display:inline-block; margin-left:120px;}

#content_explication_live { background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:100px; margin-top:20px; margin-left:0px; font-size:14px; line-height:22px; letter-spacing:2px; border-radius:10px; font-weight:bold; padding-bottom:30px; padding-top:30px;}

#content_explication_live p {text-align:center;}








/* ---------- ACTUS---------- */

#content_presentationactus {display:inline-block; padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; line-height:14x; font-size:16px; border-radius:10px; width:900px; margin-top:10px; margin-left:120px;}

#actus-pres { background:rgba(0,0,0,0.8); margin-top:10px; padding-left:50px; padding-right:20px; padding-bottom:50px; height: 515px; width: 60%; font-size: 14px; overflow:auto; color:rgba(255,255,255,1); overflow-y:scroll;}	





	
#content_presentation_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:20px; margin-left:30px; margin-right:-30px; font-size:14px; line-height:12px; width:700px; letter-spacing:1px; border-radius:10px;}	


/* ----------SALLES DES FETES--------- */
#content_presentation_salles {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:40px; margin-top:20px; margin-left:-50px; margin-right:-60px; font-size:14px; line-height:16px; letter-spacing:2px; border-radius:10px;}

#titre-salle { margin-left:148px;}

#liste-salle {background:rgba(0,0,153,0.2); padding-left:10px; padding-top:15px; padding-bottom:15px; height: 69px; width: 420px; font-size: 12px; overflow: auto; margin-left:240px;}


/* ----------DJ--------- */
#content_presentation_dj { background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; margin-top:15px; margin-left:150px; padding-left:25px; padding-right:25px; padding-top:15px; padding-bottom:20px;}	

#content_presentation_dj p {text-align:center; line-height:19px; font-size:16px;}

#liste-dj { margin-top: 65px; margin-left:150px; color:rgba(255,255,255,1);}
#liste-dj p {text-align:center; font-size:16px;}



/* ---------- gif---------- */

#gif-seniors { background-image:url(Piano-Bar-Loiret-Actus/spectacles-Loiret/spectacles-residences-retraite-Loiret.gif); margin-left:180px; width:275px; height:28px; margin:160px 10px 0px 0px; position:absolute;}





#titre-fond-noir p { color:rgba(204,204,204,1); font-size:50px; text-align:center; background:rgb(0,0,0); padding:15px; margin-top:-30px;">




	
}











/* ---- petite resolution  13"-------------------------------------------------------------------------------------------------------------------------------- */
 @media screen and (max-width: 1300px)

{
	
	
/* ---- RESET CSS ---- */
html, body {height:100%;}

html {font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; background-color:rgba(0,0,0,1); color:#000; line-height: 1.231; font-size:12px;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}

*{outline:none;}

p {text-align:left; margin:0 0 8px 0; line-height:18px;}
p:last-child {margin:0;}

blockquote {margin:15px 10px 10px 0; padding:0 10px; border-left:3px solid #C90; color:#C90; line-height:1.4; font-size:13px; font-style:italic; font-family:Georgia;}
cite {background-color:rgba(0,0,0,0.8); color:#FFF; font-family:Verdana, Geneva, sans-serif; font-style:normal; border-bottom:1px solid #C90;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
nav ul {list-style: none; list-style-image: none; margin: 0; padding: 0;}



fieldset, figure, form {border: 0; margin: 0; padding: 0;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
label,input,select,textarea{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:normal;}
textarea { overflow: auto; vertical-align: top; resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ---- LIENS ---- */

a {color:#C90; text-decoration:none;}
a:hover {color:#FFF; text-decoration:none;}
a img {border:none;}

/* ---- Hn ---- */ 

h1,h2,h3,h4,h5,h6{font-weight:normal; color:rgba(255,153,0,1);}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:10px;}



/*------ LES CARACTERES GRAS ET COULEURS------------*/

.white { color:#FFF; font-style:normal;}
.yellow { color:#FF0; font-style:italic;}
.orange { color:#C90; font-style:italic;}
.orange-bis { color:#C90; font-style:normal; font-size:18px;}
.souligne {text-decoration:underline;}
.bold {font-weight:bold;}



/* ---- SELECTION TEXTE ---- */

::-moz-selection {
background-color:#fff200;
color:#000;
}

::selection {
background-color:#fff200;
color:#000;
}

/* ---- PROPRIETES UTILES ---- */ 



.clear {clear:both; margin-top:-200px;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.container {width:940px; margin:0 auto; position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}
.col {-webkit-column-count:3;
	-webkit-column-gap:50px;
	-webkit-column-rule:1px dotted #333;
	
	-moz-column-count:3;
	-moz-column-gap:50px;
	-moz-column-rule:1px dotted #333;
	
	-o-column-count:3;
	-o-column-gap:50px;
	-o-column-rule:1px dotted #333;
	
	column-count:3;
	column-gap:50px;}

#points {position:fixed; top:0; left:0; height:100%; width:100%; background:url(img/point_black.png) top left repeat; z-index:-100;}

/* ---- MENU GAUCHE ---- */

#sidebar{position:fixed; z-index:999; top:0; left:-5px; width:234px; height:100%; background:url(img/side2.png) top left repeat-y;}

#photo-yestoday {margin-left:-200px;}
#video#bgvid { position:fixed; right:0; bottom:0;
				min-width:100%; min-height:100%;
				width:50%; height:50%; z-index:-100;
				background-size:cover; }

#logo {margin:-10px 0px 0 0px; width:136px; height:301px; overflow:hidden;}
#logo2 {margin:0px 0px 0 0px;  width:228px; height:258px; overflow:hidden;}


#hide {position:absolute; top:0px; right:-200px; display:block; width:219px; height:23px; background:url(img/btn_cacher.png) top left no-repeat; text-indent:-7000px;}
.show {background:url(img/btn_voir.png) top left no-repeat!important;}

#menu {font-size:14px; text-align:right; margin:50px 0 0 0;}
#menu li {height:30px; line-height:28px; width:233px;}
#menu li.active {background:url(img/barre_selection_menu.png) top left no-repeat;}
#menu li.active a {text-transform:uppercase!important; color:#F9F!important; margin-right:25px!important;}
#menu li a {color:#FFF; display:block; margin-right:45px;}
#menu li a:hover {color:#F9F;}

<!--#reseaux {display:inline-block; position:absolute; bottom:65px; right:60px;}-->
#reseaux {display:inline-block; position:relative; top:30px; bottom:15px; right:-60px;}
.reseau {display:inline-block; width:44px; height:44px; text-indent:-7000px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#fb {background:url(img/reseaux.jpg) no-repeat -44px 0px;}
#fb:hover {background:url(img/reseaux.jpg) no-repeat -44px -44px;}
#yt {background:url(img/reseaux.jpg) no-repeat 0px 0px;}
#yt:hover {background:url(img/reseaux.jpg) no-repeat 0px -44px;}

#menu2 {font-size:14px; text-align:right; margin:5px 0 0 0;}
#menu2 li {height:30px; line-height:28px; width:233px;}
#menu2 li.active {background:url(img/barre_selection_menu.png) top left no-repeat;}
#menu2 li.active a {text-transform:uppercase!important; color:#F9F!important; margin-right:25px!important;}
#menu2 li a {color:#FFF; display:block; margin-right:45px;}
#menu2 li a:hover {color:#F9F;}

#marge_menu2 {padding-top:40px;}




/* ---- MENU ---- */


.menuContainer {
	width:1000px;
	height:400px;
	overflow:hidden;
	background-color:#000000;
	cursor:pointer;
	margin:70px auto;
}


.menuContainer a {
	display:block;
	width:100%;
	height:100%;
	
	
	
}


.menuContainer:hover .square {
	opacity:0.3;
	-webkit-opacity:0.3;
	-moz-opacity:0.3;
	
	/* ANIMATION */
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	
}


.square:hover {
	
	opacity:1 !important;
	-webkit-opacity:1 !important;
	-moz-opacity:1 !important;
	


}



.leftColon {
	width:350px;
	height:400px;
	float:left;
	
}


.leftBlock {
	width:350px;
	height:200px;
	background-color:#000;
	float:left;
	border: 1px solid;
	margin:0px;
	
}

.leftBlock2 {
	width:350px;
	height:143px;
	background-color:#000;
	float:left;
	border: 1px solid;
	margin:0px;
	
}


.leftBlock3 {
	width:350px;
	height:58px;
	background-color:#000;
	float:left;
	border: 0px solid;
	margin:0px;
	
}

.centerColon {
	width:350px;
	height:400px;
	float:left;
	
	
}

.centerBlock {
	
	width:350px;
	height:343px;
	float:left;
	border: 0px solid #ffffff;
	
	
}


.centerBlock2 {
	
	width:350px;
	height:58px;
	float:left;
	border-top:8px solid #000;
	
	
}



.rightColon {
	
	width:300px;
	height:400px;
	float:left;
	
	
	
}

.rightBlock {
	width:300px;
	height:100px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}


.rightBlock2 {
	width:300px;
	height:43px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}


.rightBlock3 {
	width:300px;
	height:58px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}














/* ---- CONTENT ---- */

.content {position:relative; margin:50px 140px 190px 310px; min-height:100%; min-width:700px;}
.content h1 {margin:10px 0 20px 0; padding:0px; display:block;}

#home {padding-top:100px; margin-left:230px;}
#actus {padding-top:18px;} 
#about {padding-top:10px; margin:0px 140px 0px 230px; /*--min-width:890px;--*/}
#contact {padding-top:10px; margin:0px 140px 0px 10px; /*--min-width:950px;--*/}
#cabaret {padding-top:40px; margin:80px 140px 0px 180px; /*--min-width:950px;--*/ display:inline-block;}
#seniors {padding-top:30px; margin:10px 140px 0px 310px; /*--min-width:1000px;--*/ font-size:10px;}
#pourquoi {padding-top:20px; margin:20px 140px 0px 80px; /*--min-width:1300px;--*/}
#enfants {padding-top:12px;}
#mariages {padding-top:5px; margin:105px 140px 90px 210px; /*--min-width:950px;--*/}
#live-dansant {padding-top:5px; margin:155px 140px 90px 250px; /*--min-width:950px;--*/}
#pianobarsection {margin-top:-25px;}


#title_presentation {background:url(img/titre-pres-duo.png) top left no-repeat; text-indent:-7000px; width:367; height:36; margin:auto; margin-bottom:25px;}

#title_about {background:url(img/titre-pres-duo.png) top left no-repeat; width:246px; height:36px; text-indent:-7000px; margin-top:10px;}

#title_news {background:url(img/titre_news.png) top left no-repeat; width:281px; height:39px; text-indent:-7000px; margin-top:-110px; margin-left:50px; margin-bottom:25px;}
#title_mariages {background:url(img/titre_mariages.png) top left no-repeat; width:541px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}
#title_contact {background:url(img/titre_contact.png) top left no-repeat; width:541px; height:53px; text-indent:-7000px; margin-top:90px; margin-bottom:25px;}
#title_enfants {background:url(img/enfants.png) top left no-repeat; width:525px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}
#title_cabaret { background:url(img/titre_cabaret.png) top left no-repeat; width:451px; height:33px; text-indent:-7000px; margin-top:10px;}

#title_seniors {background:url(img/titre_seniors.png) top left no-repeat; width:593px; height:30px; text-indent:-7000px; margin-top:0px; margin-bottom:5px;}

#title_pourquoi {background:url(img/titre_pourquoi.png) top left no-repeat; width:345px; height:36px; text-indent:-7000px; margin-top:10px; margin-bottom:25px;}

#tittle_danse { margin-top:-105px; margin-bottom:5px; margin-left:40px; color:rgb(255,255,255); font-size:18px; text-decoration:underline;}


#mainnav { height:30px; margin-top:30px; margin-left:150px;}
#mainnav li { float:left; padding-right:31px; text-align:center; font-size:22px; list-style:none;}
#mainnav ul li a:hover { background-color:rgba(0,0,102,1);}




#titre-yestoday  { margin-left:110px; margin-top:-275px; color:rgb(255,153,51); font-size:14px; line-height:15px;}


#content_news {overflow:hidden; min-height:340px; margin-top:-45px; margin-left:0px;}
#content_about {padding:0px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90;}

#content_presentation {padding:12px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:40px; margin-top:-25px; font-size:12px; line-height:16px; letter-spacing:2px; border-radius:10px; width:1000px; height:200px; margin-left:2px;}


/*---#content_presentation {padding:3px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:40px; margin-top:-23px; margin-left:-60px; margin-right:-60px; font-size:12px; line-height:16px; letter-spacing:2px; border-radius:10px;}--*/



#content_mariages {margin-bottom:0px; margin-top:60px; margin-left:-50px; margin-right:-50px; font-size:12px; line-height:14px; letter-spacing:2px;}

#content_presentation-accueil  {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:-5px; margin-left:-60px; margin-right:-60px; font-size:12px; line-height:14px; letter-spacing:2px; border-radius:10px; height: 165px;}

#content_presentation_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:-25px; margin-left:-90px; margin-right:-90px; font-size:12px; line-height:12px; letter-spacing:1px; border-radius:10px;}

#content_presentation2_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:-25px; margin-left:-90px; margin-right:-90px; font-size:12px; line-height:12px; letter-spacing:1px; border-radius:10px;}

#content_pres_fond {background:url(img/image_fond_02.jpg) center no-repeat; background-attachment:fixed; background-size:contain; width:100%; height:100%;}
#content_pres_fond_piano {background:url(img/image_fond_01.jpg) center no-repeat; background-attachment:fixed; background-size:contain; width:100%; height:100%;}




#content_presentation_escapade-dansante {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:5px; margin-bottom:5px; padding-left:5px; padding-right:10px; height:405px; width:720px; margin-left:110px;}

#content_presentation_texte_escapade_dansante {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:13px; margin-top:15px; padding-left:15px; padding-right:10px; height:285px; width:950px; margin-left:0px;}



/* ---- CAROUSEL NEWS ---- */

.single_news {position:relative; width:200px; font-size:12px; min-height:295px; background-color:#fff; display:inline-block; margin:0 40px 30px 0; border-top:1px solid #cc9933; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; vertical-align:top;}
.single_news:nth-child(3n+3) {margin:0 40px 40px 0;}
.single_news > img {width:100%;}
.single_news:hover, .news_active {background-color:#000033!important; cursor:default;}
.single_news:hover h2, .news_active h2 {color:#fff!important;}
.single_news:hover .more, .news_active .more {background:url(img/plus_infos.png) no-repeat -65px 0px!important;}
	
.contenu_news {padding:8px;}
.contenu_news p, .contenu_news h2 {margin:0px; padding:0px;}
.contenu_news h2 {line-height:1;}
.date {color:#d91b5c; text-transform:uppercase; font-size:11px; font-weight:bold; padding-bottom:2px!important;}
.text {color:#5e5e5e; padding-top:10px!important;}

.more {display:block; position:absolute; bottom:0; right:0; width:65px; height:65px; background:url(img/plus_infos.png) top left no-repeat; text-indent:-10000px;}
.close_news {background: rgba(0,0,51,0.5); color:#fff; text-transform:uppercase; display:block; margin-top:20px; padding:5px; text-align:center; font-size:14px; font-weight:bold;}

.btn_slider {display:inline-block; padding:3px 7px 7px 7px; font-size:21px; color:#fff; position:absolute; top:50px; cursor:pointer; background-color:#000033; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.btn_slider:hover {background-color:#f90; color:#000;}
#next {right:33px;}
#prev {right:69px;}



/* ---------video presentation --------------*/

#video_presentation {padding-top:10px; margin-top:10px; width:650px; height:370px; background-color:rgba(0,0,102,0.6); margin-left:auto; margin-right:auto;}


/* ---------MARIAGES ANNIVERSAIRES --------------*/

.choix_mariage{position:relative; width:120px; min-height:125px; max-height:125px; background-color:#FFF; border-top:1px solid #cc9933; border-left:1px solid #cc9933; border-right:1px solid #cc9933; border-bottom:1px solid #cc9933; display:inline-block; vertical-align:top; margin:0 18px 0 0; -webkit-transition:0.3s;}

.choix_mariage:hover, .mariage_active {background-color:#000033!important; cursor:default;}
.choix_mariage:hover .more, .mariage_active .more {background:url(img/plus_infos.png) no-repeat -65px 0px!important;}
.choix_mariage:hover h5, .mariage_active h5 {color:#FFF!important;}
.choix_mariage > img{width:100%}


.contenu_choix{padding:7px;}
.contenu_choix h4{line-height:1; margin-left:-20px;}

.proposition{color:#F90; text-transform:uppercase; font-size:10px; font-weight:bold; margin-left:-3px; padding-bottom:1px!important;}

#main{margin-top:-5px; margin-left:-50px; margin-right:-50px; min-width:880px;}
#piano_bar{padding-top:0;}




anotation_jeux {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:10px; margin-top:15px; margin-left:-50px; margin-right:-50px;}

#choix_magie li {
list-style:none;
margin-left:0;
padding-left:0;}
#choix_magie li {font-size:13px;
margin-bottom:0px;/* à adapter */
margin-top:-2px;}


#programme_soiree{background-color:rgba(153,0,0,0.4); padding: -20 20 20 5; width:230px; height:230px; margin:auto;}

#prg_soirée li {list-style:none; margin-left:0; padding-left:0;}
#prg_soirée li {font-size:12px; line-height:5px; margin-bottom:5px; margin-top:8px;}


#container{
			width:800px;
			margin:-15px 0 5px 0;
			
			
		}
		.slideshow-wrapper{
			padding:10px;
			width:600px;
			border:1px solid #666666;
			margin:0;
		}
		.slideshow{
			width: 600px;
			
			padding:0;
		}
		.slideshow ul{
			margin:0;
		}
		.slideshow ul li{
			position:relative;
			height:300px;
		}
		.slideshow ul li span{
			position:absolute;
			bottom:0;
			padding:5px;
			color:white;
			display:block;
			width:100%;
			background:rgba(0,0,0,0.5);
		}







/* ---- LECTEUR MP3 ---- */

#lecteur {position:fixed; z-index:100; height:13px; line-height:5px; right:0px; top:0px; padding:5px; color:#fff; background-color:#003;}
	
	#play {display:inline-block; width:10px; height:10px; margin-right:2px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat 0px 0px;}
	#play:hover {background:url(img/lecteur.png) no-repeat 0px -10px;}
	#pause {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -10px 0px;}
	#pause:hover {background:url(img/lecteur.png) no-repeat -10px -10px;}
	#stop {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -20px 0px;}
	#stop:hover {background:url(img/lecteur.png) no-repeat -20px -10px;}
	
	#play-bar {height:5px; background-color:#C90;}
	#seek-bar {display:inline-block; height:5px; width:100px!important; margin:0 5px; background-color:#fff; cursor:pointer;}
	
	#btn_lecteur {display:inline-block; width:55px; background:url(img/bg_btn.png) top left no-repeat; height:13px; line-height:15px; padding:5px; position:absolute; top:0px; left:-55px; text-align:center;}
	
	#time {display:inline-block; color:#c; margin-top:4px!important; margin-right:3px!important; font-size:11px; cursor:default;}
	#current-time {color:#fff;}
	#duration {color:#EEB551;}
	
	
	
/* ---- Pourquoi ---- */	
#contenu-global {width:1100px; height:200px; padding-bottom:10px; padding-top:5px; border-radius:25px;  padding-left:10px; padding-right:10px; background-color:rgba(0,0,0,0.8); margin-top:0px; margin-left:30px;} 
#richard-png {float:left; position:relative; background:url(img/artiste-montargis-piano-bar-orleans.png) top left no-repeat; width:200px; height:302px;}
#explications {width:950px; height:190px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:17px; margin-left:200px;}
#magali-png {float:right; position:relative; background:url(img/artistes-loiret-magicien-magali.png) top left no-repeat; width:127px; height:302px; margin-top:-500px;}	

#avantages {margin-top:50px; font-size:14px;}
	
/* ---- FORMULAIRES ---- */


#presentationcontact {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; font-size:16px; line-height:20px; letter-spacing:2px; border-radius:10px; margin-top:-630px;}



#form {float:left; position:relative; width:30%!important; padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}
#form > p {margin-bottom:15px!important;}
#form input[type="text"], #form input[type="email"], textarea {width:95%; padding:5px; border:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#form input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background-color:#e4e4e4;}
#form textarea {height:100px;}
#submit {position:absolute; width:100%; bottom:-26px; left:0; border:none; background-color:#000033; color:#fff; text-transform:uppercase; display:block; padding:5px; text-align:center; font-size:14px; font-weight:bold;}
#submit:hover {color:#c90;}

#googlemap {float:right; width:60%; padding:5px; background-color:#fff;}
#googlemap iframe {width:100%; vertical-align:top;}

#success {background:#F90; color:#FFF; font-weight:bold; padding:10px; text-transform:uppercase; text-align:center;}
.error {background-color:#d91b5c!important;}
.error::-webkit-input-placeholder {color:#fff!important;}
#loading {position:absolute; bottom:40px; right:40px; display:none;}

/*------JEUNE PUBLIC----*/


#content_jeune_public {width:960px; margin-top:80px; margin-left:-100px; margin-bottom:-20px;}

#content_presentation_enfants {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:10px; margin-left:-100px; margin-right:-100px; font-size:14px; line-height:22px; letter-spacing:2px; border-radius:10px;}

#enfance {float:left; width:388px;  margin-top:20px; margin-left:-15px;}
#video_jeune_public {width:560px; height:315px; float:right; margin-left:-15px; margin-right:20px;}






/*------Cabaret----*/
#aucabaret { display:inline-block; float:right; width:250px; padding-top:10px; padding-bottom:20px; margin:-650px 0px 0px 35px;}
#le_cabaret {background-color:rgba(0,0,0,0.9); width:850px; height:300px; border-radius:15px; border-top:1px solid #C90; border-bottom:1px solid #C90; background-image:url(img/cabaret-ambiance-Loiret-magie-spectacle/cabaret.png); background-repeat:no-repeat; color:#FFF; font-size:18px;}


#presentation_cabaret {padding:3px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:0px; margin-top:630px; margin-right:-100px; margin-left:-650px; font-size:16px; line-height:30px; letter-spacing:4px; border-radius:10px;}



/*--#presentation_cabaret {padding:1px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:0px; margin-top:220px; margin-left:-50px; margin-right:-50px; font-size:16px; line-height:22px; letter-spacing:2px; border-radius:10px;}
#video-magie { float:left; margin-top:-70px; margin-left:-20px;}--*/

#video-magie2 { display:none; margin-top:-90px; margin-left:-20px;}


#video-magie-modale { float:left; margin-top:-80px; margin-left:150px; text-decoration:underline;}



/*------Seniors----*/



#content_seniors {width:910px; padding-top:0px; margin:auto; margin-left:-50px; margin-right:-50px; margin-top:10px;}
#spectacles_seniors {float:left; width:440px; height:490px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:2px; padding-left:5px; padding-right:10px;}
#spectacles_seniors2 {float:right; width:440px; height:490px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:2px; padding-left:5px; padding-right:10px;}
#presentation_spectacles_seniors {background-color:rgba(0,0,0,0.9); border-radius:15px; border-top:1px solid #C90; color:#F90; font-size:12px; padding-bottom:5px; padding-right:15px; padding-left:15px;}

#content_presentation_seniors {padding:5px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:190px; font-size:10px; border-radius:10px;}






/*------Seniors----*/

/*-

#content_seniors {width:1090px; padding-top:0px; margin:auto; margin-left:-90px; margin-right:-50px; margin-top:10px;}
#spectacles_seniors {float:left; width:530px; height:580px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; margin-top:2px; padding-left:5px; padding-right:10px;}
#spectacles_seniors2 {float:right; width:530px; height:580px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; margin-top:2px; padding-left:5px; padding-right:10px;}
#presentation_spectacles_seniors {background-color:rgba(0,0,0,0.9); border-radius:15px; border-top:1px solid #C90; color:#F90; font-size:12px; padding-bottom:5px; padding-right:15px; padding-left:15px;}

#content_presentation_seniors {padding:5px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:16px; font-size:10px; border-radius:10px;}
-*/

/*------PIANO-BAR----*/

#titre-piano-bar {display:inline-block;}





/*--#content_presentation_piano-bar {margin-right:-60px; width:210px; height:650px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:-880px; padding-left:8px; padding-right:4px; padding-bottom:4px; margin-bottom:30px; float:right;}--*/

#content_presentation_piano-bar_video {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:25px; padding-left:5px; padding-right:10px; height:405px; width:720px; margin-left:40px;}

#content_presentation_piano-bar_video2 {float:right; margin-right:-55px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:60px; padding-left:5px; padding-right:10px;}

#retour-accueil {display:none;}


#content_presentation_piano-bar_video-interieur {float:right; margin-right:-85px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:70px; padding-left:5px; padding-right:10px;}

/*--#content_presentation_piano-bar_video-interieur { position:absolute; margin:0 0;}
#content_presentation_piano-bar_video-interieur p { color:rgba(255,255,255,1); font-size:22px; line-height:22px; text-align:center; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;}--*/




#pianobar {padding-top:10px; margin:0px 10px 10px 200px;}
#title_pianobar01 {background:url(img/ambiance_piano.png) top left no-repeat; width:240px; height:30px; text-indent:-7000px; margin-top:0px; margin-bottom:25px; margin-left:150px;}
#galerie-video { margin-left:0px;}

#Repertoire-pres { margin-left:0px; display:inline-block; background:rgba(0,0,0,0.8); padding-left:20px; padding-right:20px; padding-bottom:30px; height: 120px; width:450px; font-size: 14px; overflow:auto; color:rgba(255,255,255,1); overflow-y:scroll;}	

#content_presentation_piano-bar {width:1150px; height:210px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; margin-top:-55px; padding-top:10px; padding-left:10px; padding-right:4px; margin-left:-210px; margin-bottom:40px;}


#content_presentation_piano-bar-entreprise {margin-left:10px; width:900px; height:auto; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:16px; line-height:14px; text-align:center; margin-top:-25px; margin-bottom:40px; padding:25px;; display:inline-block;}


video#bgvid { position:fixed; right:0; bottom:0; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; background:url(Yestoday-main-galerie-video/rightSidePlaylist/videos/previews/Aint-Misbehaving-Fats-Waller-Pianiste-Montargis-Mariages-Yestoday.jpg) no-repeat; background-size:cover; }



#piano-modale {margin-top:0px; margin-left:150px; text-decoration:underline;}

#retour-contact {position:absolute; margin-top:-7000px; margin-left:645px; font-size:16px; z-index:1!important;}

#lien-modal-piano { position:relative; margin-top:0px; margin-left:55px; font-size:17px; z-index:1!important;}



/* ---------- LIVE DANSANT ---------- */

#content_presentation_live_dansant { background-color:rgba(0,0,0,0.8); width:740px; height:370px; border-radius:15px; border-bottom:1px solid #C90; padding-top:10px; padding-left:20px; margin-top:15px; display:inline-block; margin-left:120px;}

#content_explication_live { background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:60px; margin-top:20px; margin-left:0px; font-size:14px; line-height:22px; letter-spacing:2px; border-radius:10px; font-weight:bold; padding-bottom:30px; padding-top:30px;}

#content_explication_live p {text-align:center;}








/* ---------- ACTUS---------- */

#content_presentationactus {float:right; display:inline-block; padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; line-height:14x; font-size:12px; border-radius:10px; width:300px; margin-top:-500px; margin-right:-20px;}

#actus-pres { background:rgba(0,0,0,0.8); margin-top:30px; padding-left:0px; padding-right:0px; padding-bottom:20px; height: 515px; width: 67%; font-size: 14px; overflow:auto; color:rgb(255,255,255); overflow-y:scroll;}

	
#content_presentation_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:20px; margin-left:30px; margin-right:20px; font-size:14px; line-height:12px; width:500px; letter-spacing:1px; border-radius:10px;}	


/* ----------SALLES DES FETES--------- */
#content_presentation_salles {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:10px; margin-top:-40px; margin-left:-70px; margin-right:-60px; font-size:14px; line-height:16px; letter-spacing:2px; border-radius:10px;}

#titre-salle { margin-left:148px;}

#liste-salle {background:rgba(0,0,153,0.2); padding-left:10px; padding-top:15px; padding-bottom:15px; height: 69px; width: 470px; font-size: 12px; overflow: auto; margin-left:170px;}


/* ----------DJ--------- */
#content_presentation_dj { background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; margin-top:-45px; margin-left:100px; padding-left:25px; padding-right:25px; padding-top:15px; padding-bottom:20px;}	

#content_presentation_dj p {text-align:center; line-height:19px; font-size:16px;}

#liste-dj { margin-top: 25px; margin-left:100px; color:rgba(255,255,255,1);}
#liste-dj p {text-align:center; font-size:16px;}




/* ---------- gif---------- */

#gif-seniors { background-image:url(Piano-Bar-Loiret-Actus/spectacles-Loiret/spectacles-residences-retraite-Loiret.gif); margin-left:180px; width:275px; height:28px; margin:160px 10px 0px 0px; position:absolute;}

#fleche-bas { background-image:url(images/fleche-bas.gif); margin-left:250px; width:100px; height:100px; margin-top:435px;}




#titre-fond-noir p { color:rgba(204,204,204,1); font-size:30px; text-align:center; background:rgb(0,0,0); padding:15px;">



	
}











/* ---- petite resolution tablette -------------------------------------------------------------------------------------------------------------------------------- */
 @media screen and (max-width: 1024px)

{
	
/* ---- RESET CSS ---- */
html, body {height:100%;}

html {font-size:100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

body {margin:0px; padding:0px; font-family:Helvetica, Arial, sans-serif; background-color:rgba(0,0,0,1); color:#000; line-height: 1.231; font-size:12px;}

aside, article,  details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}



*{outline:none;}

p {text-align:left; margin:0 0 8px 0; line-height:18px;}
p:last-child {margin:0;}

blockquote {margin:15px 20px 10px 0; padding:0 10px; border-left:3px solid #C90; color:#C90; line-height:1.4; font-size:13px; font-style:italic; font-family:Georgia;}
cite {background-color:rgba(0,0,0,0.8); color:#FFF; font-family:Verdana, Geneva, sans-serif; font-style:normal; border-bottom:1px solid #C90;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
nav ul {list-style: none; list-style-image: none; margin: 0; padding: 0;}



fieldset, figure, form {border: 0; margin: 0; padding: 0;}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
label,input,select,textarea{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; line-height:normal;}
textarea { overflow: auto; vertical-align: top; resize: vertical;}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ---- LIENS ---- */

a {color:#C90; text-decoration:none;}
a:hover {color:#FFF; text-decoration:none;}
a img {border:none;}

/* ---- Hn ---- */ 

h1,h2,h3,h4,h5,h6{font-weight:normal; color:rgba(255,153,0,1);}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:10px;}



/*------ LES CARACTERES GRAS ET COULEURS------------*/

.white { color:#FFF; font-style:normal;}
.yellow { color:#FF0; font-style:italic;}
.orange { color:#C90; font-style:italic;}
.orange-bis { color:#C90; font-style:normal; font-size:18px;}
.souligne {text-decoration:underline;}
.bold {font-weight:bold;}



/* ---- SELECTION TEXTE ---- */

::-moz-selection {
background-color:#fff200;
color:#000;
}

::selection {
background-color:#fff200;
color:#000;
}

/* ---- PROPRIETES UTILES ---- */ 



.clear {clear:both; margin-top:-200px;}
.alignleft {float:left; margin-right:20px;}
.aligncenter {margin:0 auto;}
.alignright {float:right; margin-left:20px;}
.relative {position:relative;}
.container {width:940px; margin:0 auto; position:relative;}
.hidden {overflow:hidden;}
.block {display:block;}
.inline {display:inline;}
.ib {display:inline-block;}
.indent {text-indent:-7000px;}
.nomargin {margin:0px;}
.col {-webkit-column-count:3;
	-webkit-column-gap:50px;
	-webkit-column-rule:1px dotted #333;
	
	-moz-column-count:3;
	-moz-column-gap:50px;
	-moz-column-rule:1px dotted #333;
	
	-o-column-count:3;
	-o-column-gap:50px;
	-o-column-rule:1px dotted #333;
	
	column-count:3;
	column-gap:50px;}

#points {position:fixed; top:0; left:0; height:100%; width:100%; background:url(img/point_black.png) top left repeat; z-index:-100;}

/* ---- MENU GAUCHE ---- */


#mainnav { height:30px; margin-top:10px; margin-left:135px; margin-bottom:36px;}
#mainnav li { float:left; padding-right:35px; text-align:center; line-height:30px; font-size:16px; list-style:none;}
#mainnav ul li a:hover { background-color:rgba(0,0,102,1);}

#titre-yestoday  { margin-left:110px; margin-top:-275px; color:rgb(255,153,51); font-size:14px; line-height:15px;}
#photo-yestoday {margin-left:-20px; margin-top:80px; margin-bottom:-88px !important;}




#sidebar{position:fixed; z-index:999; top:0; left:-5px; width:234px; height:100%; background:url(img/side2.png) top left repeat-y; display:none;}
#logo {margin:0px 0px 0 0px; width:136px; height:301px; overflow:hidden;}
#logo2 {margin:0px 0px 0 0px;  width:228px; height:258px; overflow:hidden;}


#hide {position:absolute; top:0px; right:-200px; display:block; width:219px; height:23px; background:url(img/btn_cacher.png) top left no-repeat; text-indent:-7000px;}
.show {background:url(img/btn_voir.png) top left no-repeat!important;}

#menu {font-size:14px; text-align:right; margin:50px 0 0 0;}
#menu li {height:30px; line-height:28px; width:233px;}
#menu li.active {background:url(img/barre_selection_menu.png) top left no-repeat;}
#menu li.active a {text-transform:uppercase!important; color:#F9F!important; margin-right:25px!important;}
#menu li a {color:#FFF; display:block; margin-right:45px;}
#menu li a:hover {color:#F9F;}


#reseaux {display:inline-block; position:relative; top:30px; bottom:15px; right:-60px;}
.reseau {display:inline-block; width:44px; height:44px; text-indent:-7000px; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#fb {background:url(img/reseaux.jpg) no-repeat -44px 0px;}
#fb:hover {background:url(img/reseaux.jpg) no-repeat -44px -44px;}
#yt {background:url(img/reseaux.jpg) no-repeat 0px 0px;}
#yt:hover {background:url(img/reseaux.jpg) no-repeat 0px -44px;}

#menu2 {font-size:14px; text-align:right; margin:5px 0 0 0;}
#menu2 li {height:30px; line-height:28px; width:233px;}
#menu2 li.active {background:url(img/barre_selection_menu.png) top left no-repeat;}
#menu2 li.active a {text-transform:uppercase!important; color:#F9F!important; margin-right:25px!important;}
#menu2 li a {color:#FFF; display:block; margin-right:45px;}
#menu2 li a:hover {color:#F9F;}

#marge_menu2 {padding-top:40px;}




/* ---- MENU ---- */


.menuContainer {
	width:1000px;
	height:400px;
	overflow:hidden;
	background-color:#000000;
	cursor:pointer;
	margin:100px auto;
}


.menuContainer a {
	display:block;
	width:100%;
	height:100%;
	
	
	
}


.menuContainer:hover .square {
	opacity:0.3;
	-webkit-opacity:0.3;
	-moz-opacity:0.3;
	
	/* ANIMATION */
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	
}


.square:hover {
	
	opacity:1 !important;
	-webkit-opacity:1 !important;
	-moz-opacity:1 !important;
	


}



.leftColon {
	width:350px;
	height:400px;
	float:left;
	
}


.leftBlock {
	width:350px;
	height:200px;
	background-color:#000;
	float:left;
	border: 1px solid;
	margin:0px;
	
}

.leftBlock2 {
	width:350px;
	height:143px;
	background-color:#000;
	float:left;
	border: 1px solid;
	margin:0px;
	
}


.leftBlock3 {
	width:350px;
	height:58px;
	background-color:#000;
	float:left;
	border: 0px solid;
	margin:0px;
	
}

.centerColon {
	width:350px;
	height:400px;
	float:left;
	
	
}

.centerBlock {
	
	width:350px;
	height:343px;
	float:left;
	border: 1px solid #000;
	
	
}


.centerBlock2 {
	
	width:350px;
	height:58px;
	float:left;
	border-top:1px solid #000;
	
	
}



.rightColon {
	
	width:300px;
	height:400px;
	float:left;
	
	
	
}

.rightBlock {
	width:300px;
	height:100px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}


.rightBlock2 {
	width:300px;
	height:43px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}


.rightBlock3 {
	width:300px;
	height:58px;
	
	float:left;
	border: 1px solid;
	margin:0px;
	
	
}














/* ---- CONTENT ---- */

.content {position:relative; margin:50px 140px 190px 310px; min-height:100%; min-width:700px;}
.content h1 {margin:10px 0 20px 0; padding:0px; display:block;}

#home {padding-top:200px; margin-left:320px;}
#actus {padding-top:18px;}
#about {padding-top:70px; margin:0px 140px 0px 120px; min-width:890px;}
#contact {padding-top:10px; margin:50px 140px 0px 10px; min-width:950px; font-size:18px;}
#cabaret {padding-top:125px; margin:120px 120px 0px 200px; min-width:950px;}
#seniors {padding-top:130px; margin:120px 140px 0px 385px; min-width:1000px; font-size:12px;}
#pourquoi {padding-top:90px; margin:120px 140px 0px 200px; min-width:1300px;}
#enfants {padding-top:12px;}
#mariages {padding-top:85px; margin:20px 140px 90px 10px; min-width:950px;}
#live-dansant {padding-top:135px; margin:185px 140px 100px 390px; min-width:950px;}
#pianobarsection {margin-top:-50px;}

#title_presentation {background:url(img/titre-pres-duo.png) top left no-repeat; text-indent:-7000px; width:367; height:36; margin:auto; margin-bottom:25px;}

#title_about {background:url(img/titre-pres-duo.png) top left no-repeat; width:246px; height:36px; text-indent:-7000px; margin-top:10px;}

#title_news {background:url(img/titre_news.png) top left no-repeat; width:281px; height:39px; text-indent:-7000px; margin-top:-160px; margin-left:-80px; margin-bottom:5px;}
#title_mariages {background:url(img/titre_mariages.png) top left no-repeat; width:541px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}
#title_contact {background:url(img/titre_contact.png) top left no-repeat; width:541px; height:53px; text-indent:-7000px; margin-top:130px; margin-bottom:25px;}
#title_enfants {background:url(img/enfants.png) top left no-repeat; width:525px; height:36px; text-indent:-7000px; margin:auto; margin-bottom:25px;}
#title_cabaret { background:url(img/titre_cabaret.png) top left no-repeat; width:451px; height:33px; text-indent:-7000px; margin-top:0px;}

#title_seniors {background:url(img/titre_seniors.png) top left no-repeat; width:593px; height:30px; text-indent:-7000px; margin-top:0px; margin-bottom:5px;}

#title_pourquoi {background:url(img/titre_pourquoi.png) top left no-repeat; width:345px; height:36px; text-indent:-7000px; margin-top:20px; margin-bottom:25px;}


#tittle_danse { margin-top:-185px; margin-bottom:5px; margin-left:-90px; color:rgb(255,255,255); font-size:18px; text-decoration:underline;}

#content_news {overflow:hidden; min-height:540px; margin-top:-55px;}
#content_about {padding:0px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90;}
#content_presentation {padding:12px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:40px; margin-top:25px; margin-left:130px; margin-right:40px; font-size:20px; line-height:20px; letter-spacing:3px; border-radius:10px;}

#content_mariages {margin-bottom:0px; margin-top:60px; margin-left:-50px; margin-right:-50px; font-size:12px; line-height:14px; letter-spacing:2px;}

#content_presentation-accueil  {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:-5px; margin-left:-60px; margin-right:-60px; font-size:12px; line-height:14px; letter-spacing:2px; border-radius:10px; height: 165px;}

#content_presentation_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:-25px; margin-left:-90px; margin-right:-90px; font-size:12px; line-height:12px; letter-spacing:1px; border-radius:10px;}

#content_presentation2_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:-25px; margin-left:-90px; margin-right:-90px; font-size:12px; line-height:12px; letter-spacing:1px; border-radius:10px;}

#content_pres_fond {background:url(img/image_fond_02.jpg) center no-repeat; background-attachment:fixed; background-size:contain; width:100%; height:100%;}
#content_pres_fond_piano {background:url(img/image_fond_01.jpg) center no-repeat; background-attachment:fixed; background-size:contain; width:100%; height:100%;}


#content_presentation_escapade-dansante {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:5px; margin-bottom:5px; padding-left:5px; padding-right:10px; height:405px; width:720px; margin-left:20px;}

#content_presentation_texte_escapade_dansante {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:13px; margin-top:15px; padding-left:15px; padding-right:10px; height:285px; width:850px; margin-left:-70px;}



/* ---- CAROUSEL NEWS ---- */

.single_news {position:relative; width:200px; font-size:9px; min-height:155px; background-color:#fff; display:inline-block; margin:0 40px 30px 0; border-top:1px solid #cc9933; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; vertical-align:top;}
.single_news:nth-child(3n+3) {margin:0 10px 40px 0;}
.single_news > img {width:100%;}
.single_news:hover, .news_active {background-color:#000033!important; cursor:default;}
.single_news:hover h2, .news_active h2 {color:#fff!important;}
.single_news:hover .more, .news_active .more {background:url(img/plus_infos.png) no-repeat -65px 0px!important;}
	
.contenu_news {padding:8px;}
.contenu_news p, .contenu_news h2 {margin:0px; padding:0px;}
.contenu_news h2 {line-height:1;}
.date {color:#d91b5c; text-transform:uppercase; font-size:11px; font-weight:bold; padding-bottom:2px!important;}
.text {color:#5e5e5e; padding-top:10px!important; line-height:10px;}

.more {display:block; position:absolute; bottom:0; right:0; width:65px; height:65px; background:url(img/plus_infos.png) top left no-repeat; text-indent:-10000px;}
.close_news {background: rgba(0,0,51,0.5); color:#fff; text-transform:uppercase; display:block; margin-top:20px; padding:5px; text-align:center; font-size:14px; font-weight:bold;}

.btn_slider {display:inline-block; padding:3px 7px 7px 7px; font-size:21px; color:#fff; position:absolute; top:50px; cursor:pointer; background-color:#000033; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
.btn_slider:hover {background-color:#f90; color:#000;}
#next {right:33px;}
#prev {right:69px;}



/* ---------video presentation --------------*/

#video_presentation {padding-top:10px; margin-top:60px; width:650px; height:370px; background-color:rgba(0,0,102,0.6); margin-left:410px;}


/* ---------MARIAGES ANNIVERSAIRES --------------*/

.choix_mariage{position:relative; width:120px; min-height:125px; max-height:125px; background-color:#FFF; border-top:1px solid #cc9933; border-left:1px solid #cc9933; border-right:1px solid #cc9933; border-bottom:1px solid #cc9933; display:inline-block; vertical-align:top; margin:0 18px 0 0; -webkit-transition:0.3s;}

.choix_mariage:hover, .mariage_active {background-color:#000033!important; cursor:default;}
.choix_mariage:hover .more, .mariage_active .more {background:url(img/plus_infos.png) no-repeat -65px 0px!important;}
.choix_mariage:hover h5, .mariage_active h5 {color:#FFF!important;}
.choix_mariage > img{width:100%}


.contenu_choix{padding:7px;}
.contenu_choix h4{line-height:1; margin-left:-20px;}

.proposition{color:#F90; text-transform:uppercase; font-size:10px; font-weight:bold; margin-left:-3px; padding-bottom:1px!important;}

#main{margin-top:-5px; margin-left:-50px; margin-right:-50px; min-width:880px;}
#piano_bar{padding-top:0;}




anotation_jeux {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:10px; margin-top:15px; margin-left:-50px; margin-right:-50px;}

#choix_magie li {
list-style:none;
margin-left:0;
padding-left:0;}
#choix_magie li {font-size:13px;
margin-bottom:0px;/* à adapter */
margin-top:-2px;}


#programme_soiree{background-color:rgba(153,0,0,0.4); padding: -20 20 20 5; width:230px; height:230px; margin:auto;}

#prg_soirée li {list-style:none; margin-left:0; padding-left:0;}
#prg_soirée li {font-size:12px; line-height:5px; margin-bottom:5px; margin-top:8px;}


#container{
			width:800px;
			margin:-15px 0 5px -90px;
			
			
		}
		.slideshow-wrapper{
			padding:10px;
			width:600px;
			border:1px solid #666666;
			margin:0;
		}
		.slideshow{
			width: 600px;
			
			padding:0;
		}
		.slideshow ul{
			margin:0;
		}
		.slideshow ul li{
			position:relative;
			height:300px;
		}
		.slideshow ul li span{
			position:absolute;
			bottom:0;
			padding:5px;
			color:white;
			display:block;
			width:100%;
			background:rgba(0,0,0,0.5);
		}







/* ---- LECTEUR MP3 ---- */

#lecteur {position:fixed; z-index:100; height:13px; line-height:5px; right:0px; top:0px; padding:5px; color:#fff; background-color:#003;}
	
	#play {display:inline-block; width:10px; height:10px; margin-right:2px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat 0px 0px;}
	#play:hover {background:url(img/lecteur.png) no-repeat 0px -10px;}
	#pause {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -10px 0px;}
	#pause:hover {background:url(img/lecteur.png) no-repeat -10px -10px;}
	#stop {display:inline-block; width:10px; height:10px; text-indent:-7000px; background:url(img/lecteur.png) no-repeat -20px 0px;}
	#stop:hover {background:url(img/lecteur.png) no-repeat -20px -10px;}
	
	#play-bar {height:5px; background-color:#C90;}
	#seek-bar {display:inline-block; height:5px; width:100px!important; margin:0 5px; background-color:#fff; cursor:pointer;}
	
	#btn_lecteur {display:inline-block; width:55px; background:url(img/bg_btn.png) top left no-repeat; height:13px; line-height:15px; padding:5px; position:absolute; top:0px; left:-55px; text-align:center;}
	
	#time {display:inline-block; color:#c; margin-top:4px!important; margin-right:3px!important; font-size:11px; cursor:default;}
	#current-time {color:#fff;}
	#duration {color:#EEB551;}
	
	
	
/* ---- Pourquoi ---- */	


#contenu-global {width:1000px; height:260px; padding-bottom:10px; padding-top:5px; border-radius:25px;  padding-left:10px; padding-right:10px; background-color:rgba(0,0,0,0.8); margin-top:0px; margin-left:200px;} 
#richard-png {float:left; position:relative; background:url(img/artiste-montargis-piano-bar-orleans.png) top left no-repeat; width:200px; height:302px; margin-left:-100px;}
#explications {width:950px; height:240px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:17px; margin-left:20px;}
#magali-png {float:right; position:relative; background:url(img/artistes-loiret-magicien-magali.png) top left no-repeat; width:127px; height:302px; margin-top:-500px;}	

#avantages {margin-top:50px; font-size:14px;}
	
/* ---- FORMULAIRES ---- */


#presentationcontact {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90;  line-height:20px; letter-spacing:2px; border-radius:10px; margin-top:-1030px;}



#form {float:left; position:relative; width:30%!important; padding:20px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #fff200;}
#form > p {margin-bottom:15px!important;}
#form input[type="text"], #form input[type="email"], textarea {width:95%; padding:5px; border:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s;}
#form input[type="text"]:focus, #form input[type="email"]:focus, textarea:focus {background-color:#e4e4e4;}
#form textarea {height:100px;}
#submit {position:absolute; width:100%; bottom:-26px; left:0; border:none; background-color:#000033; color:#fff; text-transform:uppercase; display:block; padding:5px; text-align:center; font-size:14px; font-weight:bold;}
#submit:hover {color:#c90;}

#googlemap {float:right; width:60%; padding:5px; background-color:#fff;}
#googlemap iframe {width:100%; vertical-align:top;}

#success {background:#F90; color:#FFF; font-weight:bold; padding:10px; text-transform:uppercase; text-align:center;}
.error {background-color:#d91b5c!important;}
.error::-webkit-input-placeholder {color:#fff!important;}
#loading {position:absolute; bottom:40px; right:40px; display:none;}

/*------JEUNE PUBLIC----*/


#content_jeune_public {width:960px; margin-top:80px; margin-left:-100px; margin-bottom:-20px;}

#content_presentation_enfants {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:10px; margin-left:-100px; margin-right:-100px; font-size:14px; line-height:22px; letter-spacing:2px; border-radius:10px;}

#enfance {float:left; width:388px;  margin-top:20px; margin-left:-15px;}
#video_jeune_public {width:560px; height:315px; float:right; margin-left:-15px; margin-right:20px;}






/*------Cabaret----*/
/*--#aucabaret { display:inline-block; float:right; width:250px; padding-top:10px; padding-bottom:20px; margin:-650px 0px 0px 35px;}--*/
#le_cabaret {background-color:rgba(0,0,0,0.9); width:20px; height:300px; border-radius:15px; border-top:1px solid #C90; border-bottom:1px solid #C90; background-image:url(img/cabaret-ambiance-Loiret-magie-spectacle/cabaret.png); background-repeat:no-repeat; color:#FFF; font-size:18px; margin-left:-10px;}
#presentation_cabaret {padding:3px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:0px; margin-top:600px; margin-right:-300px; margin-left:-650px; font-size:20px; line-height:30px; letter-spacing:4px; border-radius:10px;}
#video-magie { float:left; margin-top:30px; margin-left:30px;}

#video-magie2 { display:block; float:right; margin-top:30px; margin-bottom:25px; margin-right:-380px;}


#video-magie-modale { display:none; float:left; margin-top:-80px; margin-left:150px; text-decoration:underline;}

/*------Seniors----*/

/*-

#content_seniors {width:910px; padding-top:0px; margin:auto; margin-left:-90px; margin-right:-50px; margin-top:10px;}
#spectacles_seniors {float:left; width:440px; height:490px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:2px; padding-left:5px; padding-right:10px;}
#spectacles_seniors2 {float:right; width:440px; height:490px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:2px; padding-left:5px; padding-right:10px;}
#presentation_spectacles_seniors {background-color:rgba(0,0,0,0.9); border-radius:15px; border-top:1px solid #C90; color:#F90; font-size:12px; padding-bottom:5px; padding-right:15px; padding-left:15px;}

#content_presentation_seniors {padding:5px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:190px; font-size:10px; border-radius:10px;}

-*/




/*------Seniors----*/



#content_seniors {width:1090px; padding-top:0px; margin:auto; margin-left:-90px; margin-right:-50px; margin-top:10px;}
#spectacles_seniors {float:left; width:530px; height:580px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; margin-top:2px; padding-left:5px; padding-right:10px;}
#spectacles_seniors2 {float:right; width:530px; height:580px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; margin-top:2px; padding-left:5px; padding-right:10px;}
#presentation_spectacles_seniors {background-color:rgba(0,0,0,0.9); border-radius:15px; border-top:1px solid #C90; color:#F90; font-size:12px; padding-bottom:5px; padding-right:15px; padding-left:15px;}

#content_presentation_seniors {padding:5px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:0px; margin-top:30px; font-size:15px; border-radius:10px;}


/*------PIANO-BAR----*/



#content_presentation_piano-bar_video {background-color:rgba(0,0,0,0.8); border-radius:5px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; padding-left:5px; padding-right:10px; height:405px; width:720px; margin-left:250px; margin-top:10px;}

#content_presentation_piano-bar_video2 {float:right; margin-right:-55px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:60px; padding-left:5px; padding-right:10px;}




#content_presentation_piano-bar_video-interieur {float:right; margin-right:-85px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:12px; margin-top:70px; padding-left:5px; padding-right:10px;}


#pianobar {padding-top:10px; margin:-30px 10px 10px 30px;}
#title_pianobar01 {background:url(img/ambiance_piano.png) top left no-repeat; width:240px; height:30px; text-indent:-7000px; margin-top:40px; margin-bottom:25px;}
#galerie-video { margin-left:0px;}

#Repertoire-pres { margin-left:0px; display:inline-block; background:rgba(0,0,0,0.8); padding-left:20px; margin-top:-10px; padding-right:20px; padding-bottom:10px; height: 120px; width:450px; font-size: 14px; overflow:auto; color:rgba(255,255,255,1); overflow-y:scroll;}	

#content_presentation_piano-bar {width:920px; height:290px; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; margin-top:10px; padding-left:10px; padding-right:4px; margin-left:0px; margin-bottom:50px;}


#content_presentation_piano-bar-entreprise { width:600px; height:auto; background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; font-size:14px; line-height:14px; text-align:center; margin-top:-40px; margin-bottom:40px; padding:25px;; display:inline-block;}



#lien-modal-piano { position:relative; margin-top:-15px; margin-left:85px; font-size:16px; z-index:1!important;}




#retour-contact {position:absolute; margin-top:65px; margin-left:645px; font-size:16px; z-index:1!important;}





/* ---------- LIVE DANSANT ---------- */

#content_presentation_live_dansant { background-color:rgba(0,0,0,0.8); width:840px; height:470px; border-radius:15px; border-bottom:1px solid #C90; padding-top:20px; padding-left:40px; margin-left:20px;}

#content_explication_live { width:960px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:100px; margin-top:40px; margin-left:-10px; font-size:18px; line-height:22px; letter-spacing:2px; border-radius:10px; font-weight:bold; padding-bottom:30px; padding-top:30px;}

#content_explication_live p {text-align:center;}








/* ---------- ACTUS---------- */

#content_presentationactus {float:right; display:inline-block; padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; line-height:14x; font-size:16px; border-radius:10px; width:230px; margin-top:-553px; margin-right:80px;}

#actus-pres { background:rgba(0,0,0,0.8); margin-left:-180px; margin-top:10px; padding-left:40px; padding-right:20px; padding-bottom:20px; height: 515px; width: 70%; font-size: 20px; line-height:18px; overflow:auto; color:rgb(255,255,255); overflow-y:scroll;}

	
#content_presentation_news {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-bottom:1px solid #C90; margin-bottom:5px; margin-top:20px; margin-left:30px; margin-right:20px; font-size:14px; line-height:12px; width:500px; letter-spacing:1px; border-radius:10px;}	


/* ----------SALLES DES FETES--------- */
#content_presentation_salles {padding:10px; background:rgba(0,0,0,0.8); color:#fff; border-top:1px solid #C90; margin-bottom:10px; margin-top:-40px; margin-left:-70px; margin-right:-60px; font-size:14px; line-height:16px; letter-spacing:2px; border-radius:10px;}

#titre-salle { margin-top:-15px; margin-left:-48px;}

#liste-salle {background:rgba(0,0,153,0.2); padding-left:10px; padding-top:15px; padding-bottom:15px; height: 69px; width: 470px; font-size: 12px; overflow: auto; margin-left:80px;}


/* ----------DJ--------- */
#content_presentation_dj { background-color:rgba(0,0,0,0.8); border-radius:15px; border-bottom:1px solid #C90; color:#FFF; margin-top:-85px; margin-left:230px; padding-left:25px; padding-right:25px; padding-top:15px; padding-bottom:20px;}	

#content_presentation_dj p {text-align:center; line-height:19px; font-size:16px;}

#liste-dj { margin-top: 15px; margin-left:230px; color:rgba(255,255,255,1);}
#liste-dj p {text-align:center; font-size:16px;}

/* ---------- gif---------- */

#gif-seniors { background-image:url(Piano-Bar-Loiret-Actus/spectacles-Loiret/spectacles-residences-retraite-Loiret.gif); width:275px; height:28px; margin:160px 10px 0px 0px; position:absolute;}

#fleche-bas { background-image:url(images/fleche-bas.gif); margin-left:250px; width:100px; height:100px; margin-top:435px;}



#titre-fond-noir p { color:rgba(204,204,204,1); font-size:20px; text-align:center; background:rgb(0,0,0); padding:15px;">

	
}