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

	*{
		margin:0;
	padding:0;
		}
		ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
}
.tous {
	
	display:table;
	margin:20px auto;
	
}
		#uni{
			margin:20px auto;
			width:400px;
			height:450px;
			display:table;
			border:1px solid black;
			}
		.note{
			display:table ;
			margin:10px auto;
			background-color:#C90;
			border:1px solid  #F63;
			border-radius:10px;
			padding:1em;
			color:#000;
			
			}
		#dn{
			display:table;
			margin:25px auto;
			
			
			}
			
			#dn img{
				width:300px;
				height:70px; 
				
				}
	input{
			margin:0 auto;
			display:table;
			
			cursor:pointer;
			padding:1em;
			
			}
			#popup_content p{
				
				font-size:36px;
				}
			iframe{
		display:table;
		margin:6px auto;
		border-radius:6px;
		
		width:100%;
		height:400px;
		
		}
		#rge{
			
			color:#F00;
			font-weight:150px;
			}
		#cnt{
			
			display:table;
					float:right;
					width:250px;
					height:66px;
					background:#060;
					padding:4px;
					margin-right:20px;
					border-bottom-left-radius:28px;
					border-bottom-right-radius:28px;
					color:white;
					text-align:center;
					text-shadow:none;
					
					
			}
		
			
	.head{
		top:0;
		
		position:fixed;
		width:100%;
		height:55px;
		 background:-moz-linear-gradient(top,#C00,#900);
	    background: -webkit-linear-gradient(#C00,#900); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#C00,#900); /* For Opera 11.1 to 12.0 */
		
		}
		h1{
				font-family:arial;
				font-size:25px;
				font-weight:200;
				text-shadow:0 2px 0  white;
				margin:2%;
				color:#F00;
				
				}
				h2{
					font-family:arial;
				font-size:20px;
				font-weight:200;
				text-shadow:0 2px 0  white;
				margin:2%;
				color:#F00;
					}
		a{
			color:#F00;
			text-decoration:none;
			
			}
			#posi{
				height:55px;
				display:table;
				color:#FFF;
				float:right;
				margin-right:50px;
				margin-top:13px;
				font-size:20px;
				
					}
					
					
		
				
				.para{
					
					width:80%;
					}
				
		.corp{
			width:90%;
			margin:9% auto;
			height:auto;
			
			padding:2em;
			background-color:#F8F7E9;
			 border:1px solid #FFF;
			border-radius:1px;
			
			}
			#tl{
				width:250px;
				
				height:auto;
				
				display:table;
				padding:1em;
				margin:10px auto;
				border-radius:10px;
			    background:;
				background:-moz-linear-gradient(top,#E6D8C8,#F4EEE8);
				background: -webkit-linear-gradient(#E6D8C8,#F4EEE8); /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient(#E6D8C8,#F4EEE8); /* For Opera 11.1 to 12.0 */
		
                border:1px solid #FDFCFB ;
				text-align:center;
				
				
				
				}
				#tl:hover{
					background:#E9DCCD;
					color:#C00;
					}
			
				
				h2{
				font-family:arial;
				color:#960;
				text-shadow:0 2px 0  white;
				margin:20px;
				
				}
				#btno{
					display:table;
					margin:5px auto;
					width:100px;
					height:50px;
					
					
					border-radius:5px;
					color:#FFF;
					text-align:center;
					
					
					text-shadow:none;
					font-size:22px;
					padding:1em;
					
					
					}
					

				a:hover{
					 color:#930;
					
					}
				p{
				  font-family:arial;
				  text-shadow:0 2px 0  white;
				  line-height:28px;
				  margin:25px;
				  font-size:16px;	
				}
				strong{
					
					font-family:arial;
				  text-shadow:0 2px 0  white;
				 color:#30C;
				  font-size:16px;
					}
	body{
		
		background-color:#DDD;
		}
		.head ul li{
			float:left;
			color:#FFF;
			}
			
			
		.head ul{
			list-style:none;
			margin-left:0px;
			
			
			}
				
		
			.head ul li{
				width:250px;
				
			 background:-moz-linear-gradient(top,#C00,#900);
	    background: -webkit-linear-gradient(#C00,#900); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#C00,#900);
			height:55px;
			line-height:55px;
			text-align:center;
			color:white;
			
			
				}
				.head ul li:hover{
						 background:-moz-linear-gradient(top,#900,#300);
	    background: -webkit-linear-gradient(#900,#300); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#900,#300);
					}
					.head ul ul{
						display:none;
						}
						.head ul li:hover > ul{
						display:block;
						}
				
					#fermer{
		border-radius:30px;
		background:#000;
		width:30px;
		height:30px;
		padding:10px;
		border:2px solid #000;
		border:0 ;
		margin-left:98%;
		margin-top:-40px;
		
		
		}
		.para{
			font-size:30px;
			width:auto;
			 			
			}
	#toPopup {
		text-align:center;
		border:10px solid #666;
		border-top-left-radius:50px;
		border-bottom-right-radius:50px;
		
	display:none;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    
	background-color:#CCC;
	
   

	
   
    color: #333333;
    
	font-size: 14px;
    padding:1em;
    
    position: fixed;
  top: 50%;
  left: 50%;
  word-wrap : break-word;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
    width: 530px;
	height:150px;
    z-index: 2;
	
	
}

	
#popup_content {
	display:table;
    margin: 0px auto;
	
	height:auto;

	
	
	
	
	
}
#backgroundPopup { 
	z-index:1;
	position: fixed;
	display:none;
	height:100%;
	width:100%;
	background:#000;	
	top:0px;  
	left:0px;
	
}
		
@media handheld, only screen and (max-device-width:320px), only screen and (max-width:480px), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

iframe{
	width:90%;
	
	}
	.corp img{
				
				width:70%;
				
			}
.head{
		
		
		position:fixed;
		 /* For Opera 11.1 to 12.0 */
		
		}h1{
			margin-top:25%;
			
			}
			.head .hacking:hover{
				 margin-bottom:110px;
				
				}
	

.head ul li{
				width:100%;
				
			
			
			
				}


	.corp{
		margin:20% auto;
			width:100%;
			
			
			}
			h1{
				
				font-size:27px;
				
				
				}
				.para{
					font-size:18px;
					
					}
					
			p{
				  
				  font-size:18px;	
				}
				strong{
					
					
				  font-size:16px;
					}
					h1{
				
				font-size:25px;
				
				
				}
				#toPopup{
					width:80%;
					
					}
					
						.head ul li{
							float:none;
			display:block;
			
			}
					
	}
@media handheld, only screen and (max-device-width:768px), only screen and (max-width:  1024px), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

iframe{
	width:90%;
	
	}
	.corp img{
				
				width:70%;
				
			}
.head{
		
		
		position:fixed;
		 /* For Opera 11.1 to 12.0 */
		
		}h1{
			margin-top:25%;
			
			}
			.head .hacking:hover{
				 margin-bottom:110px;
				
				}
	

.head ul li{
				width:100%;
				
			
			
			
				}


	.corp{
		margin:20% auto;
			width:100%;
			
			
			}
			h1{
				
				font-size:27px;
				
				
				}
				.para{
					font-size:18px;
					
					}
					
			p{
				  
				  font-size:18px;	
				}
				strong{
					
					
				  font-size:16px;
					}
					h1{
				
				font-size:25px;
				
				
				}
				#toPopup{
					width:80%;
					
					}
					
						.head ul li{
							float:none;
			display:block;
			
			}
					
	}