@charset "UTF-8";
/* CSS Document */



		
/** General   


 $(document).ready(function() {
            alert('Bienvenue sur videology.fr');
        });
		
		
		************************************************************ General ************************************************************/


body { 
		margin:0; 
		padding:0; 
		width:100%;
		list-style-type:none;
		overflow-x: hidden;		}
	

.Tindent { text-indent:-9000px; height:0; }


a {
	outline: none;
	cursor:pointer;
	color:#fff;
	text-decoration:underline; }

a:visited {
	outline: none;
	cursor:pointer;
	color:#fff;
	text-decoration:underline; }


.float { float:left; }

.clear { clear:both; }

#videoBox { top:50%; left:50%; }




		
/** Mise en Boite    ************************************************************  Mise en Boite ************************************************************/




#Bas { 
		margin:auto; 
		width:990px; 
		margin-top:120px;
		padding-bottom:60px;  }
		

 #block {
  padding: 0px 10px 0px 10px;
  width: auto;
  background: url(../img/Degrade.png) repeat;
  color:white;
  border:none;
  margin:0px;
  margin-top:3%;
  border-bottom:#999999 solid 2px;
  border-top:#999999 solid 2px; 
}	


.contenuBlock { padding-top:10px; padding-bottom:10px; font-size:14px; }


#Une { 
		width:100%;
		height:134px;
		top:0px;
		background: url(FondDegradeHaut.png)  repeat;
		margin-top:0;
		position:fixed;
		}

#BoiteUne { 
			width:990px;
			min-width:1000px;
			height:86px;
			margin:auto;
			background:url(../img/Fond_BoiteUne.jpg) repeat-x;
			}

#transition { 
		width:100%;
		height:5px;
		background:url(../img/transition.jpg) repeat-x;
				}
	
/** LOGO  ************************************************************ LOGO ************************************************************/
	
		
#Logo { 
		float:left; 
		height:86px; 
		width:auto;
		margin:0px 0 0 0px;
		}
		
#imgLogo {  background-image:url(../img/Logo.jpg); background-repeat:no-repeat; width:440px; height:86px; }
#imgLogo a { display:block; width:440px; height:86px; }
#imgLogo a:hover { display:block; width:440px; height:86px; background-image:url(../img/Logo2.png); background-repeat:no-repeat; }
		
	 
	
		
/** ONGLETS   **************************************************************** ONGLETS ************************************************************/
	

#Onglets { 
		float:right;
		width:444px;
		height:86px;
		}
		
			
.onglets  { 
			float:left;
			width:111px;
			height:86px; }

#OngletHome { background-image:url(../img/Onglet_Home.jpg); width:111px; height:86px;  }
#OngletHome a { display:block; width:111px; height:86px; background-position:bottom; }
#OngletHome a:hover { display:block; width:111px; height:86px; background-image:url(../img/Onglet_Home_Over.jpg); background-position:bottom; }

#OngletVideo { background-image:url(../img/Onglet_Video.jpg); width:111px; height:86px; background-position:bottom; }
#OngletVideo a { display:block; width:111px; height:86px; background-position:bottom; }
#OngletVideo a:hover { display:block; width:111px; height:86px; background-image:url(../img/Onglet_Video_Over.jpg); background-position:bottom; }
 
#OngletDesign { background-image:url(../img/Onglet_Design.jpg); width:111px; height:86px; background-position:bottom; }
#OngletDesign a {  display:block; width:111px; height:86px; background-position:bottom; }
#OngletDesign a:hover { display:block; width:111px; height:86px; background-image:url(../img/Onglet_Design_Over.jpg); background-position:bottom; }

#OngletContact { background-image:url(../img/Onglet_Contact.jpg); width:111px; height:86px; background-position:bottom; }
#OngletContact a {   display:block; width:111px; height:86px; background-position:bottom; }
#OngletContact a:hover { display:block; width:111px; height:86px; background-image:url(../img/Onglet_Contact_Over.jpg); background-position:bottom; }

#OngletAbout { background-image:url(../img/Onglet_About.jpg); width:111px; height:86px; background-position:bottom; } 
#OngletAbout a { display:block; width:111px; height:86px; background-position:bottom;  } 
#OngletAbout a:hover { display:block; width:111px; height:86px; background-image:url(../img/Onglet_About_Over.jpg); background-position:bottom; }



img { border:none; }
	
		
		
		
		
	 
	
		
/** CONTENT   **************************************************************** CONTENT ************************************************************/
	
		
			

.ImagesTexte {
				float:left;
				position:relative;
				padding:18px;
				margin:11px;
				margin-top:0px;
				background:url(../img/Degrade2.png) repeat;
				height:100%;
				}
.ImagesTexteRight {
				float:left;
				position:relative;
				padding:18px;
				background:url(../img/Degrade2.png) repeat;
				margin:11px;
				margin-top:0px;
				}
			


.ImagesTexte h2 {
				font-size:18px;
				}
.ImagesTexteRight h2 {
				font-size:18px;
				}
				
				

.Detail_Texte { 
				width:180px;
				padding-top:5px;
				color:#CCC;
				}
				
				

.Detail_Texte p { 
				text-align:justify;
				}

.Detail_Texte .toggle, .Detail_Texte h2  {
				display:inline;	
				}

.Detail_Texte .toggle  {
				cursor:pointer;
				text-decoration:underline;
				
				}
				
				
.Images a img  { 
				width:180px;
				height:100px;
				border:2px groove #333333;
				}
				
.Images a:hover img  { 
				width:180px;
				border:2px groove white;
				}


.intro img { width:15px; height:15px; margin-left:7px; margin-top:3px; }


	
		
/** Presta Video   **************************************************************** Presta Video ************************************************************/
	
		



.contenuBlock .imgPresta { margin:15px 0px 0px 15px; }

.presta { background:url(../img/Degrade2.png) repeat; height:120px; width:280px; float:left; margin-right:30px; padding:15px; }

.presta a img { border:2px groove grey; }

.presta a:hover img { border:2px solid white; }


.prestaMontage { background:url(../img/Degrade2.png) repeat; height:120px; width:370px; float:left; margin-right:30px; padding:15px; }

.prestaMontage a img { border:2px groove grey; }

.prestaMontage a:hover img { border:2px solid white; }


.prestaMontage1 { background:url(../img/Degrade2.png) repeat; height:120px; width:320px; float:left; margin-right:30px; padding:15px; }

.prestaMontage1 a img { border:2px groove grey; }

.prestaMontage1 a:hover img { border:2px solid white; }
		
		
		
		
/** Persta Web   **************************************************************** Presta Web ************************************************************/
	
		



.contenuBlock .imgprestaWeb { margin:15px 0px 0px 15px; }

.prestaWeb { background:url(../img/Degrade2.png) repeat; height:auto; width:500px; float:left; margin-right:30px; padding:5px 15px 5px 15px; }

.prestaWeb a img { border:2px groove grey; }

.prestaWeb a:hover img { border:2px solid white; }


.prestaWebMontage { background:url(../img/Degrade2.png) repeat; height:120px; width:370px; float:left; margin-right:30px; padding:15px; }

.prestaWebMontage a img { border:2px groove grey; }

.prestaWebMontage a:hover img { border:2px solid white; }


.prestaWebMontage1 { background:url(../img/Degrade2.png) repeat; height:120px; width:320px; float:left; margin-right:30px; padding:15px; }

.prestaWebMontage1 a img { border:2px groove grey; }

.prestaWebMontage1 a:hover img { border:2px solid white; }

		
		
/** Lightbox TEXTE  ************************************************************  Lightbox TEXTE   ************************************************************/	
	
				


#simplemodal-overlay {background-color:black; cursor:default;}
#simplemodal-container {height:auto; width:600px; background-color: #070707; color:#CCCCCC; border:1px solid #333333; font-family: 'Lucida Grande', Tahoma, sans-serif line-height: 16px; text-align:justify; }
#simplemodal-container p { padding-left:8px; }
#simplemodal-container h4 { padding-left:8px; font-size:14px; text-decoration:underline; }
#simplemodal-container h2 { padding-left:0px; font-size:20px; position:absolute; top:-40px; left:0px; }
#simplemodal-container a.modalCloseimg {background:url(xx.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; bottom:-27px; right:-5px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:5px 10px 5px 10px;}

 span { float:right; display:inline; }



		
/** FOOTER BAS  ************************************************************ FOOTER BAS ************************************************************/	
	
	
#Footer { 
				width:100%;
				height:46px;
				background:black repeat;
				position:fixed;
				bottom:-1px;
				margin-top:70px;
				}
		
#ContenuFooter { 
				width:700px;
				margin:auto;
				height:46px;
				margin:auto;
				padding-top:10px;
				background:black repeat;
				}		
	
#Footer p { 
				width:auto;
				background:none repeat;
				color:#999999;
				font-size:12px;
				text-align:center;
				}								
			
#Footer a { 
				text-decoration:none;
				color:#999999;
				cursor:pointer;
				}
	
#Footer a:hover { 
				text-decoration:underline;
				color:#999999;
				}
	
			
		
/** Mise en Page  ************************************************************ Mise en Page ************************************************************/	
	
	


			#container 
			{ background: url(img/Degrade.png);
			}

			#container a
			{ color: #CCCCCC;
			text-decoration:none;
			}

			#container a:hover
			{ color: #fff;
			}
			
			
			
			
			
			
		
            #blockOpen
            {
            	display:none;
            }    
            #blockOpen .contenuBlock
            {
            	display:block;
            }                
            #blockTop
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose
			{
				cursor:pointer;
			}
			
			
			
		
            #blockOpen2
            {
				height:auto;
            	display:none;
            }    
            #blockOpen2 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop2
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose2
			{
				cursor:pointer;
			}
			
		
		
		
            #blockOpen3
            {
				height:auto;
            	display:none;
            }    
            #blockOpen3 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop3
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose3
			{
				cursor:pointer;
			}
			
		
		
		
            #blockOpen4
            {
				height:auto;
            	display:none;
            }    
            #blockOpen4 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop4
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose4
			{
				cursor:pointer;
			}	
			
			
			
		
		
		
            #blockOpen5
            {
				height:auto;
            	display:none;
            }    
            #blockOpen5 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop5
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose5
			{
				cursor:pointer;
			}	
			
			
			
			
		
		
		
            #blockOpen6
            {
				height:auto;
            	display:none;
            }    
            #blockOpen6 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop6
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose6
			{
				cursor:pointer;
			}	
			
			
			
		
            #blockOpen7
            {
				height:auto;
            	display:none;
            }    
            #blockOpen7 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop7
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose7
			{
				cursor:pointer;
			}	
			
			
		
            #blockOpen8
            {
				height:auto;
            	display:none;
            }    
            #blockOpen8 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop8
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose8
			{
				cursor:pointer;
			}	
			
		
		
		
		
            #blockOpen9
            {
				height:auto;
            	display:none;
            }    
            #blockOpen9 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop9
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose9
			{
				cursor:pointer;
			}	
			
		
		
		
		
            #blockOpen10
            {
				height:auto;
            	display:none;
            }    
            #blockOpen10 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop10
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose10
			{
				cursor:pointer;
			}	
			
			
		
		
		
		
            #blockOpen11
            {
				height:auto;
            	display:none;
            }    
            #blockOpen11 .contenuBlock
            {
            	display:block;
            	width:100%;
            }                
            #blockTop11
            {
            	height:auto;
            	display:block;
            	cursor:pointer;
				margin:-5px;
            }
			#blockTopClose11
			{
				cursor:pointer;
			}