html, body {height:100%;}
body {margin:0px; font-family:"Open Sans"; color:#333; line-height:1.5; background:#dddfec;}
* {outline:none;}
#content {width:700px; margin:50px auto 0 auto; background:#fff; padding:40px 50px 50px 50px; border-radius:5px; box-shadow:0px 2px 0px #ccc;}
footer {text-align:center; color:rgba(255,255,255,1); font-size:24px; padding-top:10px; background-color:rgba(0,0,0,1); position:fixed; bottom: 10px; padding-bottom:10px; left: 0; right: 0;}

header {
	text-align:center;
	width:100%;
  background-color:rgba(0,0,0,1);
  font-size:10px;
  
  position:fixed;
  z-index:100;}


a {color:#4b5a76; text-decoration:none;}
a:hover{text-decoration:none;}
h1,h2 {color:#4b5a76; text-align:center;}
input {padding:10px;}
img {max-width:100%; vertical-align:top;}







/* ---------- CSS TUTO ----------- */

.page { width:100%; height:100%; text-align:center; display:table; color:#fff; font-size:60px; font-weight:800; text-shadow:1px 1px 0 rgba(0,0,0,0.5); letter-spacing:-2px; text-transform:uppercase;}

#texte-rubrique {text-transform:none; font-size:20px; background-color:rgba(51,51,51,0.6); padding:15px; width:800px; margin: 0 auto;}

.pageStride { width:100%; height:100%; text-align:center; display:table; color:#fff; font-size:60px; font-weight:800; text-shadow:1px 1px 0 rgba(0,0,0,0.5); letter-spacing:-2px; text-transform:none; }

.container { display:table-cell; vertical-align:middle; padding:5px; }

.container-deambulation { display:table-cell; vertical-align:middle; padding:0px; margin-top:-30px !important; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; letter-spacing:normal; line-height:17px; font-size: 16px;}
.container-velo { vertical-align:middle; padding:15px; margin-top:40px; }


#number-1 { background:url(img/piano-bar-ambiance-musicale.jpg) center no-repeat fixed; -webkit-background-size:cover;}
#number-2 { background:url(img/piano-bar-ambiance-musicale.jpg) center no-repeat fixed; -webkit-background-size:cover;}
#number-3 { background:url(img/piano-bar-ambiance-nuit.jpg) center no-repeat fixed; -webkit-background-size:cover;}
#number-4 { background:url(img/piano-bar-ambiance-chaleureuse.jpg) center no-repeat fixed; -webkit-background-size:cover;}
#number-5 { background:url(img/deambulation-piano-concert.jpg) center no-repeat fixed; -webkit-background-size:cover;}
#number-6 { background:url(img/piano-bar-mariage-contact-pianiste.jpg) center no-repeat fixed; -webkit-background-size:cover;}
#number-7 { background:url(img/pianiste-mariages-duo-jazz-swing-Loiret-Bretagne.jpg) center no-repeat fixed; -webkit-background-size:cover;}
#number-8 { background:url(img/deambulation-Piano-sur-velo.jpg) center no-repeat fixed; -webkit-background-size:cover;}
#number-9 { background:url(img/Concerts-groupe-Jazz-region-Centre-Paris.jpg) center no-repeat fixed; -webkit-background-size:cover;}

#number-10 { background:url(img/Deambulation-musicale-piano-velo-animation-rue.jpg) center no-repeat fixed; -webkit-background-size:cover;}


/* ----MONMENU-----*/


#MonMenu ul {
 margin:0;
 padding:0;
 position:fixed;
 list-style-type:none;
 text-align:center;
 }
#MonMenu li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 }
#MonMenu li a {
 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:5px;
 }
#MonMenu li a:hover {
 color:#FFD700;
 }

#MonMenu ul li ul {
 display:none;
 }

#MonMenu ul li:hover ul {
 display:block;
 }
#MonMenu li:hover ul li {
 float:none;
 }

#MonMenu li ul {
 position:absolute;
 }



/*----FIN-MONMENU ----*/


/*----MENU 15 et 13 ¨ ----*/

#lemenu {position:fixed; list-style-type:none; margin:0px auto; padding:0px; margin-left:40px;}
#lemenu li {background:#fff; font-size:13px; font-weight:800; text-transform:uppercase; margin-bottom:2px; letter-spacing:-1px;  float:left; list-style-type:none; padding: 3px; text-align:center; width:170px;}
#lemenu li.current {background:#4b5a76}
#lemenu li.current a {color:#fff;}
#lemenu li a {padding:5px 10px;}

#lemenu ul li ul {
 display:none;
 }
#lemenu ul li:hover ul {
 display:block;
 }
 
 #lemenu li:hover ul li {
 float:none;
 }

#lemenu li ul {
 position:absolute;
 }
 
 /*----fin MENU 15 et 13 ¨ ----*/
 
 




 


	







/*---------MENU-NEWS 3 videos-------*/

#presentation-trois-video { display:block; position:absolute; margin-left:170px; margin-top:350px;
}

 /*---------01-------*/


#lemenu-actu-news {position:absolute; list-style-type:none; margin:0px auto; margin-left:178px;}
#lemenu-actu-news li {background:rgba(42,0,0,1); font-size:15px; font-weight:800; text-transform:uppercase; margin-bottom:2px; letter-spacing:-1px; list-style-type:none; padding: 1px; text-align:center; width:300px;}
#lemenu-actu-news li.current {background:#4b5a76}
#lemenu-actu-news li.current a {color:#fff;}
#lemenu-actu-news li a {padding:5px 10px;}

#lemenu-actu-news ul li ul {
 display:none;
 }
#lemenu-actu-news ul li:hover ul {
 display:block;
 }
 
 #lemenu-actu-news li:hover ul li {
 float:none;
 }

#lemenu-actu-news li ul {
 position:absolute;
 }


 /*---------02-------*/


#lemenu2-actu-news {position:absolute; list-style-type:none; margin:0px auto; margin-left:480px;}
#lemenu2-actu-news li {background:rgba(42,0,0,1); font-size:15px; font-weight:800; text-transform:uppercase; margin-bottom:2px; letter-spacing:-1px; list-style-type:none; padding: 1px; text-align:center; width:300px;}
#lemenu2-actu-news li.current {background:#4b5a76}
#lemenu2-actu-news li.current a {color:#fff;}
#lemenu2-actu-news li a {padding:5px 10px;}

#lemenu2-actu-news ul li ul {
 display:none;
 }
#lemenu2-actu-news ul li:hover ul {
 display:block;
 }
 
 #lemenu2-actu-news li:hover ul li {
 float:none;
 }

#lemenu2-actu-news li ul {
 position:absolute;
 }

 /*---------03-------*/

#lemenu3-actu-news {position:absolute; list-style-type:none; margin:0px auto; margin-left:782px;}
#lemenu3-actu-news li {background:rgba(42,0,0,1); font-size:15px; font-weight:800; text-transform:uppercase; margin-bottom:2px; letter-spacing:-1px; list-style-type:none; padding: 1px; text-align:center; width:300px;}
#lemenu3-actu-news li.current {background:#4b5a76}
#lemenu3-actu-news li.current a {color:#fff;}
#lemenu3-actu-news li a {padding:5px 10px;}

#lemenu3-actu-news ul li ul {
 display:none;
 }
#lemenu3-actu-news ul li:hover ul {
 display:block;
 }
 
 #lemenu3-actu-news li:hover ul li {
 float:none;
 }

#lemenu3-actu-news li ul {
 position:absolute;
 }


/*---------FIN MENU-NEWS 3 videos-------*/









/*---------------*/




#menu2 {display:none;}

#menu-vertical {display:none;}
#menu-accordeon {display:none;}



#presentation { display:none; font-size:22px; text-transform:none; margin-top:10%; background-color:rgba(51,51,51,0.6); Georgia, "Times New Roman", Times, serif; padding:10px;}

.container li {margin-left:auto; width:540px; height:20px; text-align:center; font-size:25px; list-style:none; }
.container li a:hover { font-size:25px; height:150px; background:#4b5a76; padding:10px; }




#morceaux-wash { background-color:rgba(0,0,0,0.6); width:600px;}
#inform-titre { width:560px; background-color:rgba(0,0,102,0.6); padding:12px;}

#informations { text-align:justify; width:800px; font-family:Arial, Helvetica, sans-serif; margin-left:200px; letter-spacing:normal; background-color:rgba(0,0,0,0.5); padding-left:50px; padding-right:50px; }
#informations a {color:rgba(102,255,0,1); text-decoration:none;}
#informations a:hover{text-decoration:none; color:rgba(255,0,0,1);}


#new-piano-roulant {margin-top:-50px; background-color:rgba(0,0,0,0.6); float:left; margin-left:10px;}
#velo-video { display:block;}

.container-audio {text-transform:none; font-size:22px; background-color:rgba(102,102,102,1); display:inline-block; color:rgba(255,153,102,1); padding:5px; font-family:"Times New Roman", Times, serif; line-height:10px; margin-top:80px; margin-left:50px; letter-spacing:1px; text-shadow:rgba(0,0,0,1) 0.1em 0.1em 0.2em;}

#evenement-du-mois {text-transform:none; color:rgba(255,255,255,1); font-size:16px; letter-spacing:1px; text-align:left; margin-left:50px; text-decoration:underline; padding-top:10px;}
#lecteur-audio { background-color:rgba(0,0,0,0.6); display:block; border:rgba(255,153,0,1) 1px solid;}
#extrait-audio {font-size:12px; color:rgba(255,153,0,1); padding-bottom:40px; letter-spacing:2px; margin-left:50px;}
#titre {text-transform:none; padding-bottom:20px; width:230px;}
#titre p { font-size:12px; margin-left:15px; padding-left:8px; padding-right:8px; text-align:left;}
#points {position:fixed; top:0; left:0; height:100%; width:100%; background:url(img/point_black.png) top left repeat; z-index:-100;}


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


/*___



#open-menu {
	display:inline-block;
	position:fixed;
	top:60px;
	right:20px;
	font-size:12px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	background:#e21156;
	padding:3px 10px;
	border-radius:3px;
	color:#fff;
	-webkit-transition:0.2s;
}

#open-menu:hover {
	text-decoration: none;
	background:#ff426f;
}

#bg-menu {
	display:block;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(0,0,139,0.9);
	text-align:center;
}

#bg-menu ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	font-size:48px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	display:table-cell;
	vertical-align:middle;
}

#bg-menu nav {
	display:table;
	width:100%;
	height:100%;
}

#bg-menu ul li {
	line-height: 1;
	margin-bottom:20px;
}

#bg-menu ul li:last-child {
	margin-bottom:0px;
}

#bg-menu ul li a {
	color:#fff;
	text-shadow:0 2px 0px #000;
	-webkit-transition:0.2s;
}

#bg-menu ul li a:hover {
	text-decoration: none;
	color:#000;
	font-size:60px;
}

#close-menu {
	display:inline-block;
	position: absolute;
	top:50px;
	right:5px;
}

#video { margin-top:100px;}

*/


/* ----------FIN MENU SURIMPRESSION----------- */

#video-mobile { display:none;}
#video-mobile2 {display:none;}



#clin-d-oeil { font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:rgba(255,223,170,1); margin-top:40px; }
#video-fixe-deamb { width:1000px; margin:0 auto; margin-top:60px; }


#fixe {margin-left:25px; float:left; }
#deamb {margin-left:5px; }





#nos-videos { z-index:-100;}



#nos-prestations {list-style-type:none; height:250px; overflow:hidden; width:80%;  margin:0 auto; min-width:525px;}
#nos-prestations li {height:5px; -webkit-box-shadow:2px 0 10px #000 inset; text-transform:none; height:80px; text-align:center; width:100%;}
#nos-prestations a {font-size:19px; text-decoration:underline; color:rgba(255,153,0,1);}
#nos-prestations a:hover {background:none;}
#nos-prestations p { font-size:14px; letter-spacing:normal; width:100%;}


#video-deambu {}


/* ----------NEW TELEPHONE CLIGNOTANT----------- */

@keyframes blink {
  80% {
    opacity: 0.4;
  }
}


a.blink {
  animation: blink 4s infinite ; font-size:34px; color:rgba(255,0,0,1);
}
a.bis {
  animation-timing-function : steps(1);
}

a.ter {
  animation-timing-function : steps(2);
}

/* ---- video actus news nouvelles fraiches-------------------------------------------------------------------------------------------------------------------------------- */





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

{

html, body {height:100%;}
body {margin:0px; font-family:"Open Sans"; color:#333; line-height:1.5; background:#dddfec;}
* {outline:none;}
#content {width:700px; margin:50px auto 0 auto; background:#fff; padding:40px 50px 50px 50px; border-radius:5px; box-shadow:0px 2px 0px #ccc;}
footer {text-align:center; color:rgba(255,255,255,1); font-size:14px; padding-top:10px; background-color:rgba(0,0,0,1); position: absolute; bottom: 1px; padding-bottom:10px; left: 0; right: 0;}
a {color:#4b5a76; text-decoration:none;}
a:hover{text-decoration:none;}
h1,h2 {color:#4b5a76; text-align:center;}
input {padding:10px;}
img {max-width:100%; vertical-align:top;}

/* ---------- CSS TUTO ----------- */

.page { width:100%; height:100%; text-align:center; display:table; color:#fff; font-size:60px; font-weight:800; text-shadow:1px 1px 0 rgba(0,0,0,0.5); letter-spacing:-2px; text-transform:uppercase; }


.pageStride { width:100%; height:100%; text-align:center; display:table; color:#fff; font-size:60px; font-weight:800; text-shadow:1px 1px 0 rgba(0,0,0,0.5); letter-spacing:-2px; text-transform:none; }

.container { display:table-cell; vertical-align:middle; padding:15px; }

#number-1 { background:url(img/Deambulation-musicale-piano-velo-animation-rue.jpg) scroll center no-repeat; -webkit-background-size:cover; }
#number-2 { background:url(img/concert-yestoday-montargis-Piano-Swing.jpg) scroll center no-repeat; -webkit-background-size:cover; }
#number-3 { background:url(img/piano-bar-ambiance-nuit.jpg) scroll center no-repeat; -webkit-background-size:cover;}
#number-4 { background:url(img/piano-bar-ambiance-chaleureuse.jpg) scroll center no-repeat; -webkit-background-size:cover;}
#number-5 { background:url(img/piano-bar-mariage-contact-pianiste.jpg) scroll center no-repeat; -webkit-background-size:cover;}

#menu {position:fixed; top:30px; left:10px; list-style-type:none; margin:0px; padding:0px; }
#menu li {background:#fff; font-size:12px; font-weight:800; text-transform:uppercase; margin-bottom:5px; letter-spacing:-1px;}
#menu li.current {background:#4b5a76}
#menu li.current a {color:#fff;}
#menu li a {padding:5px 10px;}


#menu2 {display:none;}
#menu-vertical {display:none;}
#menu-accordeon {display:none;}

#presentation {font-size:18px; text-transform:none; margin-top:50%; background-color:rgba(51,51,51,0.6); font-family:Georgia, "Times New Roman", Times, serif;}

/*.container li { float:left; margin-left:15%; width:240px; height:20px; text-align:center; font-size:18px; list-style:none; }
.container li a:hover { font-size:16px; height:150px; background:#4b5a76; padding:10px; }*/

#nos-videos { margin-top:-50px;}



#informations { text-align:justify; width:800px; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal; margin-left:150px; }
#informations a {color:rgba(102,255,0,1); text-decoration:none;}
#informations a:hover{text-decoration:none; color:rgba(255,0,0,1);}



#new-piano-roulant {margin-top:20px; background-color:rgba(0,0,0,0.6); float:left; margin-left:-20px; padding:0px;}

#video-mobile { display:none;}
#video-mobile2 {display:none;}



/* ----------NEW TELEPHONE CLIGNOTANT----------- */

@keyframes blink {
  80% {
    opacity: 0.4;
  }
}


a.blink {
  animation: blink 4s infinite ; font-size:34px; color:rgba(255,0,0,1);
}
a.bis {
  animation-timing-function : steps(1);
}

a.ter {
  animation-timing-function : steps(2);
}









}






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

{
	
#texte-rubrique {text-transform:none; font-size:24px; background-color:rgba(51,51,51,0.6); padding:15px; width:600px; margin: 0 auto;}
	
header {
	text-align:center;
	width:100%;
  background-color:rgba(0,0,0,1);
  
  
  position:fixed;
  z-index:100;}	
  	
	
	
.container-velo { vertical-align:middle; padding:15px; margin-top:60px; }	
	
	
	
	
	/*----MENU 15 et 13 ¨ ----*/

#lemenu {position:fixed; list-style-type:none; margin:-15px auto; padding:0px; margin-left:50px;}
#lemenu li {background:#fff; font-size:10px; font-weight:800; text-transform:uppercase; margin-bottom:2px; letter-spacing:-1px;  float:left; list-style-type:none; padding: 3px; text-align:center; width:130px;}
#lemenu li.current {background:#4b5a76}
#lemenu li.current a {color:#fff;}
#lemenu li a {padding:5px 10px;}

#lemenu ul li ul {
 display:none;
 }
#lemenu ul li:hover ul {
 display:block;
 }
 
 #lemenu li:hover ul li {
 float:none;
 }

#lemenu li ul {
 position:absolute;
 }
 
 
 
 
 /*----fin MENU 15 et 13 ¨ ----*/
	
	
	
	
	
	
	/* ----------NEW TELEPHONE CLIGNOTANT----------- */


#new-tel { margin-top:-20px;}

@keyframes blink {
  80% {
    opacity: 0.4;
  }
}


a.blink {
  animation: blink 4s infinite ; font-size:24px; color:rgba(255,0,0,1);
}
a.bis {
  animation-timing-function : steps(1);
}

a.ter {
  animation-timing-function : steps(2);
}




/*---------MENU-NEWS 3 videos-------*/

#presentation-trois-video { display:block; position:absolute; margin-left:-30px; margin-top:260px; }


 /*---------01-------*/


#lemenu-actu-news { font-family:"Comic Sans MS", cursive; position:absolute; list-style-type:none; margin:0px auto; margin-left:254px;}
#lemenu-actu-news li {background:rgba(42,31,0,1); font-size:11px; font-weight:800; text-transform:none; margin-bottom:1px; letter-spacing:-1px; list-style-type:none; padding: 3px; text-align:center; width:250px;}
#lemenu-actu-news li.current {background:#4b5a76}
#lemenu-actu-news li.current a {color:#fff;}
#lemenu-actu-news li a {padding:5px 10px;}

#lemenu-actu-news ul li ul {
 display:none;
 }
#lemenu-actu-news ul li:hover ul {
 display:block;
 }
 
 #lemenu-actu-news li:hover ul li {
 float:none;
 }

#lemenu-actu-news li ul {
 position:absolute;
 }


 /*---------02-------*/


#lemenu2-actu-news {font-family:"Comic Sans MS", cursive; position:absolute; list-style-type:none; margin:0px auto;  margin-left:510px;}
#lemenu2-actu-news li {background:rgba(42,31,0,1); font-size:11px; font-weight:800; text-transform:none; margin-bottom:1px; letter-spacing:-1px; list-style-type:none; padding: 3px; text-align:center; width:250px;}
#lemenu2-actu-news li.current {background:#4b5a76}
#lemenu2-actu-news li.current a {color:#fff;}
#lemenu2-actu-news li a {padding:5px 10px;}

#lemenu2-actu-news ul li ul {
 display:none;
 }
#lemenu2-actu-news ul li:hover ul {
 display:block;
 }
 
 #lemenu2-actu-news li:hover ul li {
 float:none;
 }

#lemenu2-actu-news li ul {
 position:absolute;
 }

 /*---------03-------*/

#lemenu3-actu-news {font-family:"Comic Sans MS", cursive; position:absolute; list-style-type:none; margin:0px auto;  margin-left:766px;}
#lemenu3-actu-news li {background:rgba(42,31,0,1); font-size:11px; font-weight:800; text-transform:none; margin-bottom:1px; letter-spacing:-1px; list-style-type:none; padding: 3px; text-align:center; width:250px;}
#lemenu3-actu-news li.current {background:#4b5a76}
#lemenu3-actu-news li.current a {color:#fff;}
#lemenu3-actu-news li a {padding:5px 10px;}

#lemenu3-actu-news ul li ul {
 display:none;
 }
#lemenu3-actu-news ul li:hover ul {
 display:block;
 }
 
 #lemenu3-actu-news li:hover ul li {
 float:none;
 }

#lemenu3-actu-news li ul {
 position:absolute;
 }


/*---------FIN MENU-NEWS 3 videos-------*/














}






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

{
	
footer {text-align:center; color:rgba(255,255,255,1); font-size:24px; padding-top:5px; background-color:rgba(0,0,0,1); position:fixed; bottom: 5px; padding-bottom:10px; left: 0; right: 0;}

header {
	text-align:center;
	width:100%;
  background-color:rgba(0,0,0,1);
  
  position:fixed;
  z-index:100;}	
	
	
	.container-velo { vertical-align:middle; padding:15px; margin-top:90px; }
	
	
	
}














/* ---- téléphone-------------------------------------------------------------------------------------------------------------------------------- */


 @media all and (max-device-width: 480px)



 

{
	



html, body {height:100%;}
body {margin:0px; font-family:"Open Sans"; color:#333; line-height:1.5; background:#dddfec; min-height: 100%;}
* {outline:none;}
#content {width:700px; margin:50px auto 0 auto; background:#fff; padding:40px 50px 50px 50px; border-radius:5px; box-shadow:0px 2px 0px #ccc;}
footer {text-align:center; font-size:11px; padding-top:10px; margin-bottom:50px; background-color:rgba(0,0,0,1); display:inline-block;}
a {color:#4b5a76; text-decoration:none;}
a:hover{text-decoration:none;}
h1,h2 {color:#4b5a76; text-align:center;}
input {padding:10px;}
img {max-width:100%; vertical-align:top;}

/* ---------- CSS TUTO ----------- */

.page { width:100%; height:100%; text-align:center; display:table; color:#fff; font-size:60px; font-weight:800; text-shadow:1px 1px 0 rgba(0,0,0,0.5); letter-spacing:-2px; text-transform:uppercase;
}
#texte-rubrique {text-transform:none; font-size:50px; background-color:rgba(51,51,51,0.6); padding:15px; width:850px;}



.pageStride { width:100%; height:100%; text-align:center; display:table; color:#fff; font-size:60px; font-weight:800; text-shadow:1px 1px 0 rgba(0,0,0,0.5); letter-spacing:-2px; text-transform:none; }

.container { display:table-cell; vertical-align:middle; margin:0 0; padding:15px; font-size:56px;}



#number-1 { background:url(img/piano-bar-ambiance-musicale.jpg) scroll center no-repeat; -webkit-background-size:cover;}
#number-2 { background:url(img/piano-bar-ambiance-nuit.jpg) scroll center no-repeat; -webkit-background-size:cover;}
#number-3 { background:url(img/piano-bar-ambiance-chaleureuse.jpg) scroll center no-repeat; -webkit-background-size:cover;}
#number-4 {background:url(img/deambulation-piano-concert.jpg) center no-repeat fixed; -webkit-background-size:cover;}

#menu { display:none; position:fixed; top:8px; left:0px; list-style-type:none; margin:0px; padding-bottom:20px;}
#menu li {background:#fff; font-size:12px; font-weight:800; text-transform:uppercase; margin-bottom:5px; letter-spacing:-1px; float:left;}
#menu li.current {background:#4b5a76}
#menu li.current a {color:#fff;}
#menu li a {padding:5px 10px;}



#lemenu {display:none;}



#menu2 { display:block; position:fixed; list-style-type:none; margin:0px; padding-bottom:5px; padding-top:18px; background-color:rgba(0,0,0,1); font-size:20px; width:100%; margin: 0 auto;}
#menu2 li {background:#fff; font-size:30px; font-weight:800; text-transform:uppercase; margin-bottom:5px; padding-top:10px; letter-spacing:-1px; float:left; margin-left:1px;}
#menu2 li.current {background:#4b5a76}
#menu2 li.current a {color:#fff;}
#menu2 li a {padding:5px 10px;}


#lemenu-actu-news {display:none;}
#lemenu-actu-news-MOBILE {display:none;}

#presentation {font-size:18px; text-transform:none; margin-top:50%; background-color:rgba(51,51,51,0.6); font-family:Georgia, "Times New Roman", Times, serif;}

.container li { float:left; margin-left:15%; width:240px; height:20px; text-align:center; font-size:18px; list-style:none; }
.container li a:hover { font-size:16px; height:150px; background:#4b5a76; padding:10px; }

#nos-videos { display:none; margin-top:-50px; font-size:18px;}



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

#menu-vertical, #menu-vertical ul {
	font-size:20px;
	background-color:rgba(0,0,0,1);
	display:block;
	
  padding:0;
  margin:0;
  list-style:none;
  width:100px; /* seule ligne rajoutée */
}



#menu-vertical ul {float:left; width:400px;}


#menu-vertical li {
  position:relative;
  background:#EFEFEF; /* juste pour cacher le texte de la page en-dessous */
  float:left;
  display:block;
  width:600px;
  
  }

#menu-vertical a {
  display:block;
  text-decoration: none;
  color:rgba(0,0,102,1);
  
  font-size:35px;

}

#menu-vertical ul {
  position: absolute;
  left:-999em;

 
}

#menu-vertical li:hover ul {
  top: 0;
  left: 300px;


}
		



#informations { text-align:justify; width:320px; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal; margin-left:10px; font-size:14px; }
#informations a {color:rgba(102,255,0,1); text-decoration:none;}
#informations a:hover{text-decoration:none; color:rgba(255,0,0,1);}


#velo-video { display:none;}






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



/*


#open-menu {
	display:none;
	position:fixed;
	top:20px;
	right:20px;
	font-size:12px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	background:#e21156;
	padding:3px 10px;
	border-radius:3px;
	color:#fff;
	-webkit-transition:0.2s;
}

#open-menu:hover {
	display:none;
	text-decoration: none;
	background:#ff426f;
}

#bg-menu {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:rgba(0,0,153,0.8);
	text-align:center;
}

#bg-menu ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	font-size:48px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	display:table-cell;
	vertical-align:middle;
}

#bg-menu nav {
	display:table;
	width:100%;
	height:100%;
}

#bg-menu ul li {
	line-height: 1;
	margin-bottom:20px;
}

#bg-menu ul li:last-child {
	margin-bottom:0px;
}

#bg-menu ul li a {
	color:#fff;
	text-shadow:0 2px 0px #000;
	-webkit-transition:0.2s;
}

#bg-menu ul li a:hover {
	text-decoration: none;
	color:#000;
	font-size:60px;
}

#close-menu {
	display:none;
	position: absolute;
	top:50px;
	right:50px;
}

#video { margin-top:100px;}


*/

/* ----------FIN MENU SURIMPRESSION----------- */




#nos-prestations { display:none; list-style-type:none; height:250px; overflow:hidden; margin:0 auto;}
#nos-prestations li { height:5px; text-transform:none; height:80px; text-align:center; width:100%;}
#nos-prestations a {font-size:12px; text-decoration:underline; color:rgba(255,153,0,1);}
#nos-prestations a:hover {background:none;}
#nos-prestations p { display:none;}


#video-mobile { display:block;}
#video-mobile2 { display:block;}



/* ----------NEW TELEPHONE CLIGNOTANT----------- */

@keyframes blink {
  80% {
    opacity: 0.4;
  }
}


a.blink {
  animation: blink 4s infinite ; font-size:20px; color:rgba(255,0,0,1);
}
a.bis {
  animation-timing-function : steps(1);
}

a.ter {
  animation-timing-function : steps(2);
}



header {
	text-align:center;
	width:100%;
  background-color:rgba(0,0,0,1);
  
  position:fixed;
  z-index:100;}	


.container-velo { vertical-align:middle; padding:15px; margin-top:50px; }

.container-deambulation { text-transform:none; font-size:50px; background-color:rgba(51,51,51,0.6); padding:15px;}



/*---------MENU-NEWS 3 videos-------*/

 /*---------01-------*/


#lemenu-actu-news { display:none; position:absolute; list-style-type:none; margin:0px auto; padding:220px; margin-left:15px;}
#lemenu-actu-news li {background:#fff; font-size:15px; font-weight:800; text-transform:uppercase; margin-bottom:2px; letter-spacing:-1px; list-style-type:none; padding: 3px; text-align:center; width:250px;}
#lemenu-actu-news li.current {background:#4b5a76}
#lemenu-actu-news li.current a {color:#fff;}
#lemenu-actu-news li a {padding:5px 10px;}

#lemenu-actu-news ul li ul {
 display:none;
 }
#lemenu-actu-news ul li:hover ul {
 display:block;
 }
 
 #lemenu-actu-news li:hover ul li {
 float:none;
 }

#lemenu-actu-news li ul {
 position:absolute;
 }


 /*---------02-------*/


#lemenu2-actu-news { display:none;  position:absolute; list-style-type:none; margin:0px auto; padding:220px; margin-left:280px;}
#lemenu2-actu-news li {background:#fff; font-size:15px; font-weight:800; text-transform:uppercase; margin-bottom:2px; letter-spacing:-1px; list-style-type:none; padding: 3px; text-align:center; width:250px;}
#lemenu2-actu-news li.current {background:#4b5a76}
#lemenu2-actu-news li.current a {color:#fff;}
#lemenu2-actu-news li a {padding:5px 10px;}

#lemenu2-actu-news ul li ul {
 display:none;
 }
#lemenu2-actu-news ul li:hover ul {
 display:block;
 }
 
 #lemenu2-actu-news li:hover ul li {
 float:none;
 }

#lemenu2-actu-news li ul {
 position:absolute;
 }

 /*---------03-------*/

#lemenu3-actu-news {display:none; position:absolute; list-style-type:none; margin:0px auto; padding:220px; margin-left:545px;}
#lemenu3-actu-news li {background:#fff; font-size:15px; font-weight:800; text-transform:uppercase; margin-bottom:2px; letter-spacing:-1px; list-style-type:none; padding: 3px; text-align:center; width:250px;}
#lemenu3-actu-news li.current {background:#4b5a76}
#lemenu3-actu-news li.current a {color:#fff;}
#lemenu3-actu-news li a {padding:5px 10px;}

#lemenu3-actu-news ul li ul {
 display:none;
 }
#lemenu3-actu-news ul li:hover ul {
 display:block;
 }
 
 #lemenu3-actu-news li:hover ul li {
 float:none;
 }

#lemenu3-actu-news li ul {
 position:absolute;
 }


/*---------FIN MENU-NEWS 3 videos-------*/








}