@charset "utf-8";
 
/* Widgets*/
/*BulleInfo*/
#InfoBulle{      position:fixed;
			     border:none;
			     width:460px;
			     height:70px;
			     top:20px;
			     right:-415px;
				 z-index:100;
			  }
			  
#titleBulle{   
               font-family: 'Storybook-Regular', sans-serif;
		       color:#e4b308;
			   text-shadow: -1px 1px 2px #000;
			   font-size:1.1em;
		    }

#InfoBulle #coinInfoBulle{ height:70px;
                           width:16px;
                           display:inline-block;
						   vertical-align:top;
						   float:left;
						 }
						 
#InfoBulle #gabInfoBulle{ display:inline-block;
                          float:left;
                          width:400px;
						  height:70px;
                          background-color:rgba(0,0,0,0.5);
                          color:white;
						 }

#InfoBulle #gabInfoBulle #closeInfoBulle{   position:absolute;
                                            display:none;
											top:5px;
											left:15px;
											width:28px;
											height:27px;
											cursor:pointer;
										  }
										  
#InfoBulle #gabInfoBulle #iconeInfo{   position:absolute;
									   top:5px;
									   left:15px;
									   width:25px;
									   height:25px;
									   display:block;
									    }
										  
#InfoBulle #gabInfoBulle #iconeMenuRap{   position:absolute;
									      top:25px;
									      left:248px;
									      width:20px;
									      height:21px;
									     }
								

#InfoBulle #gabInfoBulle #DeployInfo{     position:absolute;
									      bottom:5px;
									      left:16px;
									      width:16px;
									      height:17px;
										  cursor:pointer;
										  display:block;
									     }										 				

#InfoBulle #gabInfoBulle #iconeMenuRap img, #InfoBulle #gabInfoBulle #iconeInfo img, #InfoBulle #gabInfoBulle #DeployInfo img{	width:100%;
																																height:100%;
																																}
											
																					  
#InfoBulle #gabInfoBulle #textInfo{  width:380px;
                                     margin-left:20px;
									 margin-top:5px;
									 font-family:'Cinzel', Serif;
						             text-align:center;
									 font-weight:bold;
									 font-size:0.9em;
						             }

#InfoBulle #gabInfoBulle #flecheIndic{  display:inline-block;
									    float:right;
										width:40px;
										height:70px;}
/*-Fin BulleInfo*/
			  
#SpeedMenu-widget{ position:fixed;
			       border:none;
			       width:25px;
			       height:20%;
			       right:10px;
				   z-index:100;
			  }

#SpeedMenu-widget .speedbtn{   background:url(../img/Widgets/speedBtn.png) no-repeat center;
							  width:25px;
							  height:25px;
							  position:relative;
							  display:block;
							  margin-bottom:5px;
							  transform:scale(0.8);
							  -webkit-transform:scale(0.8);
							  -moz-transform:scale(0.8);
							  transition:transform 0.2s ease;
							  -webkit-transition:-webkit-transform 0.2s ease;
							  -moz-transition: -moz-transform 0.2s ease;
	                                }

									
#SpeedMenu-widget a:hover{           transform:scale(0.9);
									 -webkit-transform:scale(0.9);
									 -moz-transform:scale(0.9);
									 transition:transform 0.2s ease;
									 -moz-transition: -moz-transform 0.2s ease;
									 -webkit-transition:-webkit-transform 0.2s ease;
							 }
									 									
#SpeedMenu-widget .active{           background:url(../img/Widgets/speedBtn_roll.png) no-repeat center;
                                     transform:scale(1);
									 width:25px;
									 height:28px;
									 position:relative;
									 display:block;
									 margin-bottom:5px;}		
			  
#fb-widget{position:fixed;
			z-index:100;
		    }
			
#fbButton{ box-shadow: -2px 2px 3px #000;
           position:absolute;
		   border:none;
		   margin:0;
		   top:0px;
           cursor:pointer;
		 }

#fbButton img{
			   width:100%;
			   height:100%;
		 }
		 
.fb-page {  border:medium #3b5997 solid;
            position:absolute;
			left:35px;
			margin:0;
			padding:0;
			width:280px;
		    height:400px;
		 }
		 
#youtube-widget{ position:fixed;
			     z-index:100;
		    }
			
#youtubeButton{ box-shadow: -2px 2px 3px #000;
				position:absolute;
				border:none;
				margin:0;
				top:0px;
				cursor:pointer;
		 }
		 
#youtubeButton img{ 
                  width:100%;
			      height:100%;
		          }	
				  	 
#youmax { background-color:#333;
            border:medium #c8312b solid;
            position:absolute;
			left:35px;
			margin:0;
			padding:0;
			width:280px;
		    height:400px;
		 }

#Dailymotion-widget{  display:none;
                      position:fixed;
		        	  z-index:100;
		            }
			
#DailymotionButton{ box-shadow: -2px 2px 3px #000;
           position:absolute;
		   border:none;
		   margin:0;
		   top:0px;
           cursor:pointer;
		 }

#Dailymotion img{
			   width:100%;
			   height:100%;
		 }
		 
.Dailymotion-page {  border:medium #0067dd solid;
            background-color:#FFF;
            position:absolute;
			left:33px;
			margin:0;
			padding:0;
			width:280px;
		    height:380px;
		 }
		 
#fleche-widget{
				position:fixed;
				bottom:10px;
				right:5px;
				z-index:100;
			 }
		 
/* responsive FBWidget*/
@media all and (max-width: 1024px) {
	
	#fb-widget{  top:50%;
		     	 right:-255px;
           }
		   
	#fbButton{background:url(../img/Widgets/fb_mini.jpg) no-repeat center;
			   width:35px;
			   height:35px;
		 }
		 
    .fb-page { 
	         top:-180px;
	         } 
}
@media all and (min-width: 1024px) {
	
	#fb-widget{  top:44%;
		     	 right:-255px;
           }
		   
	#fbButton{background:url(../img/Widgets/fb_mini.jpg) no-repeat center;
			   width:35px;
			   height:35px;
		 }
		 
    .fb-page { 
	         top:-120px;
	         }  
}

@media all and (min-width: 1360px) {
	
	#fb-widget{  top:46%;
		     	 right:-252px;
           }
	.fb-page { 
	         top:-80px;
	         }  
}

@media all and (min-width: 1600px) {
	
	#fb-widget{ top:35%;
		     	 right:-252px;
           }
		   
	#fbButton{ background:url(../img/Widgets/fb.jpg) no-repeat center;
			   width:35px;
			   height:147px;
		 }	
		 
     .fb-page { 
	         top:-80px;
	         }  
}

@media all and (min-width: 1920px) {
	
	#fb-widget{ 
		     	top:30%;
	            right:-252px;
			 }
	.fb-page { 
	         top:-30px;
	         }
}

/* responsive Utube*/
@media all and (max-width: 1024px) {
	
	#SpeedMenu-widget{
		                 top:22%;
	                  }
					  
  #youtube-widget{ 
	                 top:60%; 
		     	     right:30px;
           }
		   
	#youtubeButton{
		       background:url(../img/Widgets/Utube_mini.jpg) no-repeat center;
			   width:35px;
			   height:35px;
		 }
	
	#youmax {
		      top:-240px;
		      }
		
		 
}
@media all and (min-width: 1024px) {
	
	#SpeedMenu-widget{
		                 top:15%;
	                  }
	#youtube-widget{
	            	top:52%; 
		     	    right:32px;
           }
		   
	#youtubeButton{
		       background:url(../img/Widgets/Utube_mini.jpg) no-repeat center;
			   width:35px;
			   height:35px;
		 }
     #youmax {
		      top:-180px;
		      }

}

@media all and (min-width: 1024px) {
	
	#SpeedMenu-widget{
		                 top:17%;
	                  }
}

@media all and (min-width: 1360px) {
	
	#SpeedMenu-widget{
		                 top:15%;
	                  }
					  
	#youtube-widget{ 
	             top:53%;
		     	 right:35px;
           }
		   
	
		 
     #youmax {
		      top:-210px;
		      }
		
}

@media all and (min-width: 1600px) {
	
	#SpeedMenu-widget{
		                 top:13%;
	                  }
					  
	#youtubeButton{
		       background:url(../img/Widgets/Utube.jpg) no-repeat center;
			   width:35px;
			   height:111px;
		 }
		 				  
	#youtube-widget{ 
	             top:56%;
		     	 right:35px;
           }
		   
	#youmax {
		      top:-160px;
		      }

}

@media all and (min-width: 1920px) {
	
	#SpeedMenu-widget{
		                 top:11%;
	                  }
	
	#youtube-widget{ 
		     	 top:47%;
				 right:32px;
	           
           }
			
	#youmax {
		      top:-50px;
		      }
}

/* responsive DailyMotionWidget*/
@media all and (max-width: 1024px) {
	
/*	#Dailymotion-widget{  top:70%;
		     	 right:32px;
           }*/
	#Dailymotion-widget{  top:52%;
		     	 right:32px;
           }	   
	#DailymotionButton{background:url(../img/Widgets/Daily_mini.jpg)no-repeat center;
			   width:35px;
			   height:35px;
		 }
		 
/*    .Dailymotion-page { 
	         top:-180px;
	         } */
	.Dailymotion-page { 
	         top:-240px;
	         } 
}
@media all and (min-width: 1024px) {
	
/*	#Dailymotion-widget{  top:60%;
		     	 right:32px;
           }*/
	#Dailymotion-widget{  top:52%;
		     	 right:32px;
           }
		   
	#DailymotionButton{background:url(../img/Widgets/Daily_mini.jpg)no-repeat center;
			   width:35px;
			   height:35px;
		 }
		 
/*    .Dailymotion-page { 
	         top:-120px;
	         } */
	.Dailymotion-page { 
	         top:-240px;
	         }  
}

@media all and (min-width: 1360px) {
	
/*	#Dailymotion-widget{  top:60%;
		     	 right:34px;
           }*/
	 #Dailymotion-widget{  top:53%;
		     	 right:34px;
           }
/*	 .Dailymotion-page { 
	         top:-80px;
	         } */
	.Dailymotion-page { 
	         top:-210px;
	         } 
}

@media all and (min-width: 1600px) {
	
/*	#Dailymotion-widget{ top:72%;
		     	 right:34px;
           }*/
	#Dailymotion-widget{ top:56%;
		     	 right:34px;
           }	   
	#DailymotionButton{ background:url(../img/Widgets/Dailymotion.jpg) no-repeat center;
			   width:35px;
			   height:145px;
		 } 
		 	
/*    .Dailymotion-page { 
	         top:-200px;
	         }  */
	 .Dailymotion-page { 
	         top:-160px;
	         }  
}

@media all and (min-width: 1920px) {
	
/*	#Dailymotion-widget{ 
		     	top:60%;
	            right:32px;
			 }*/
    #Dailymotion-widget{ 
		     	top:47%;
	            right:32px;
			 }
/*	.Dailymotion-page { 
	         top:-200px;
	         }*/
	.Dailymotion-page { 
	         top:-200px;
	         }
}


/* responsive FBFleche*/
@media all and (max-width: 1024px) {
	
	
    #fleche-widget object{ 
							width:30px;
							height:65px;
						  } 
}
@media all and (min-width: 1024px) {
	
	
	#fleche-widget object{ 
							width:35px;
							height:70px;
						  } 
}

/* Fin Widgets*/