body{
	margin:0;
	    background-color:#fff;
		padding:0;
   
		
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
	line-height: 1.5;
    
}

  
  svg#logo{
	  float:left;
  }
 
    
  text#text{
	  text-shadow:2px 2px 8px #111;
	 
  }
  
div.nav{
	position:relative;
	width:900px;
	margin:0 auto;
	height:60px;
	
	
	
	
}
input.commentaire{
	
	
	float:left;
	font-size:15px;
}
div.serch{
	position:absolute;
	top:50px;
	height:00px;
	padding-left:40px;
	width:100%;
	text-align:center;
	background-color:#9932CC;

	border:3px solid #111;
	
}
div.serch input{
	width:250px;
	padding:7px 5px;
	font-size:18px;
	visibility:hidden;
		margin-top:20px;
		margin-bottom:20px;
	border:2px solid #111;
	
	outline:none;
}
ul#menu{
	position:absolute;
	list-style:none;
	margin:0;
	background-color:#9932CC;
	width:100%;
	z-index:20;
	border:3px solid #111;
	padding-top:0;
}
ul#menu li.menu_prencipale{
	padding:0;
	margin:0;
	float:left;
}
ul#menu li.menu_prencipale a.menu_prencipale_a{
	
	
	width:100%;
	display:block;
	padding:16px 12px;
	text-decoration:none;
	color:white;
	background-color:#9932CC;
	font-size:21px;
	
	
	font-family:arial;
}
ul#menu li.menu_prencipale a.home{
	padding-top:6px;
	padding-bottom:9px;
}
ul#menu li.menu_prencipale a.ch{
	padding-top:7px;
	padding-bottom:10px;
}
ul#menu li.menu_prencipale a.menu_prencipale_a:hover{
	background-color:#111;
}


div.map{
	
	width:400px;
	height:670px;
	background-color:#f2f2f2;
	padding:0;
	 overflow-y:auto;
	overflow-x:hidden;
	 z-index:10;
	color:#9932CC;
}

h3{
	margin:0;
}
	
div.container{
	
	width:0px;
	float:right;
	height:800px;
	overflow:hidden;
	z-index:30;
	
	margin:0;
	
	
}
ul#list_html{
	list-style:none;
	margin:0;
	padding:0;
	
}

ul#list_html li a{
	padding-left:50px;
	padding-top:5px;
	padding-bottom:5px;
	display:block;
	font-size:20px;
	text-decoration:none;
	width:100%;
	color:#9932CC;

}
ul#list_html li a:hover{
	text-decoration:underline;
}
h1#h1_de_html_map{
	color:#9932CC;
	text-align:center;
	
}
svg#svg_up{
	visibility:hidden;
	-webkit-transform:translate(-16px,6px);
	    -ms-transform:translate(-16px,6px);
	        transform:translate(-16px,6px);
	position:absolute;
}

/*********************************************************************************************************/
ul.dropdown{
	position:absolute;
	list-style:none;
	color: #666;
    left:310px;
	box-shadow:2px 2px 12px gray;
	margin:0;
	padding:0;
	width:140px;
	-webkit-transform:translate(60px,0);
	    -ms-transform:translate(60px,0);
	        transform:translate(60px,0);
    visibility:hidden;
	z-index:-30;
	background-color:white;
}
ul.dropdown li.drop {
	background-color:transparent;
	position:relative;
	
}
ul.dropdown li.drop a.drop_a{
	
	width:100%;
	display:block;
	padding:10px 19px;
    text-decoration:none;
	background-color:transparent;
	z-index:-1;
	color:#111;
}

ul.dropdown li.drop  span.span_drop{
	width:0px;
	height:100%;
	position:absolute;
	z-index:-5;
	-webkit-transition:width 0.4s linear 0s;
	        transition:width 0.4s linear 0s;
}

ul.dropdown li.drop  span#boot{
	
	background-color:#05b712;
}
ul.dropdown li.drop  span#php{
	
	background-color:#ff7043;
}
ul.dropdown li.drop  span#sql{
	
	background-color:#ec407a;
}
ul.dropdown li.drop  span#asp{
	
	background-color:#42a5f5;
}
ul.dropdown li.drop:hover span#boot{
	
	width:100%;
}
ul.dropdown li.drop:hover span#php{
	
	width:100%;
}
ul.dropdown li.drop:hover span#sql{
	width:100%;
}
ul.dropdown li.drop:hover span#asp{
	width:100%;
}
	
	a.succ{
		
		width:200px;
		margin-left:300px;
		font-size:23px;
		color:#111;
		text-decoration:none;
		z-index:-30;
	}
	a.succ:hover{
		text-decoration:underline;
	}
	a.pred{
		font-size:23px;
		color:#111;
		text-decoration:none;
		margin-left:300px;
		width:200px;
		
		z-index:-20;
	}
	a.pred:hover{
		text-decoration:underline;
	}
/****************************************************************************************************************************/
div.help{
	width:0px;
	
	position:fixed;
	height:100%;
	overflow:hidden;
	z-index:30;
	margin:0;
	padding:0;
	
	
	background-color:#9932CC;
}
 /***********************************************************************************************/
 .active{
	 background-color:#555 !important;
 }

.ch:hover circle{
	fill : #111;
}
.tryit{
	background-color:#e2e2e2;
	padding:20px;
	border-radius:4px;
}
.code{
	background-color:#fff;
	padding:5px;
	
}
.tryit_link{
    text-decoration:none;
	font-family:arial;
	padding:12px 16px;
	background-color:#111;
	color:#fff;
	
}
html{
	font-family:arial;
}
p{
	font-family:arial;
	font-weight:500;
}
div#see{
	border:1px solid rgba(0,0,0,0.3);
	padding:3px;
	margin-top:15px;
}


 #text_titre{
  text-shadow:0px 0px 4px #111;
  
  
  }
  #svg_titre{
  position:absolute;
  right:-48px;
  top:-6px;
  }
  div.titre{
  position:relative;
  color:white; 
  font-family:arial;
  height:50px;
  width:60%;
  border-radius:4px;
  padding-left:5px;
 
 
  }
  h1.titre_h{
	  margin:0;
	  
  }
  h2.sous_titre{
	  
	  margin:0;
	  padding-top:5px;
  }