/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body { 
  background: lightblue url("https://projetentj.neocities.org/2017-06-01-00-38-22-900x576.jpg") no-repeat fixed top; 
  background-size: 100% 100%;
  width:100%;
  height: 100%;
}

h1{

	border: solid;
	border-color: white;
	border-radius: 10%;
	border-width: 10px;
	color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    text-align: center;
}

.padding-left{
padding-left: 35%;
width: 32%;
}

.Donné-1{
	
	background-color: white;
	border-style: none;
	border: solid;
	border-color: white;
	border-radius: 10%;
	border-width: 20px;
	border-right-width: 50px;
	color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: bold; 
    margin-left: 65%;
    font-color: transparent;
    width: 22%;
}

.Partie1{
	float:left;
	width:75%;
}
.texte{
		color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
  font-size: 25px;
}

dl#csschart, dl#csschart dt, dl#csschart dd{
	margin:0;
	padding:0;
	} 	
dl#csschart{
	width:467px;
	height:385px;
	margin-left: 200px;
	margin-bottom: 20px;
	background:url(https://cssglobe.developpez.com/tutoriels/css/histogramme/fichiers/bg_chart.gif) no-repeat 0 0;
	} 

dl#csschart dt{
	display:none;
	}
dl#csschart dd{
	position:relative;
	float:left;
	display:inline;
	width:33px;
	height:330px;
	margin-top:22px;		
	} 
dl#csschart dd.first{
	margin-left:33px;		
	} 	
dl#csschart span{
	position:absolute;
	display:block;
	width:33px;	
	bottom:0;
	left:0;	
	z-index:1;
	color:#555;
	text-decoration:none;
	} 		
dl#csschart span em{
	display:block;
	font-style:normal;
	float:left;
	line-height:200%;
	background:#fff;
	color:#555;
	border:1px solid #b1b1b1;
	position:absolute;
	top:50%;
	left:3px;
	text-align:center;
	width:23px;
	} 		




/* default column styling */		



	dl#csschart span{
		height:50%;
		background:url(https://cssglobe.developpez.com/tutoriels/css/histogramme/fichiers/type1.gif) repeat-y;
		} 

/* // default column styling */		
		
/* column types */			

	dl#csschart span.type1{
		background:url(https://cssglobe.developpez.com/tutoriels/css/histogramme/fichiers/type1.gif) repeat-y;
		} 
	dl#csschart span.type2{
		background:url(https://cssglobe.developpez.com/tutoriels/css/histogramme/fichiers/type2.gif) repeat-y;
		} 
	dl#csschart span.type3{
		background:url(https://cssglobe.developpez.com/tutoriels/css/histogramme/fichiers/type3.gif) repeat-y;
		} 
	dl#csschart span.type4{
		background:url(https://cssglobe.developpez.com/tutoriels/css/histogramme/fichiers/type4.gif) repeat-y;
		} 
	
/* // column types */	

/* percentages */

	dl#csschart span.p0{height:0%;}
	dl#csschart span.p1{height:1%;}
	dl#csschart span.p2{height:2%;}
	dl#csschart span.p3{height:3%;}
	dl#csschart span.p4{height:4%;}
	dl#csschart span.p5{height:5%;}
	dl#csschart span.p6{height:6%;}
	dl#csschart span.p7{height:7%;}
	dl#csschart span.p8{height:8%;}
	dl#csschart span.p9{height:9%;}
	dl#csschart span.p10{height:10%;}
	dl#csschart span.p11{height:11%;}
	dl#csschart span.p12{height:12%;}
	dl#csschart span.p13{height:13%;}
	dl#csschart span.p14{height:14%;}
	dl#csschart span.p15{height:15%;}
	dl#csschart span.p16{height:16%;}
	dl#csschart span.p17{height:17%;}
	dl#csschart span.p18{height:18%;}
	dl#csschart span.p19{height:19%;}
	dl#csschart span.p20{height:20%;}
	dl#csschart span.p21{height:21%;}
	dl#csschart span.p22{height:22%;}
	dl#csschart span.p23{height:23%;}
	dl#csschart span.p24{height:24%;}
	dl#csschart span.p25{height:25%;}
	dl#csschart span.p26{height:26%;}
	dl#csschart span.p27{height:27%;}
	dl#csschart span.p28{height:28%;}
	dl#csschart span.p29{height:29%;}
	dl#csschart span.p30{height:30%;}
	dl#csschart span.p31{height:31%;}
	dl#csschart span.p32{height:32%;}
	dl#csschart span.p33{height:33%;}
	dl#csschart span.p34{height:34%;}
	dl#csschart span.p35{height:35%;}
	dl#csschart span.p36{height:36%;}
	dl#csschart span.p37{height:37%;}
	dl#csschart span.p38{height:38%;}
	dl#csschart span.p39{height:39%;}
	dl#csschart span.p40{height:40%;}
	dl#csschart span.p41{height:41%;}
	dl#csschart span.p42{height:42%;}
	dl#csschart span.p43{height:43%;}
	dl#csschart span.p44{height:44%;}
	dl#csschart span.p45{height:45%;}
	dl#csschart span.p46{height:46%;}
	dl#csschart span.p47{height:47%;}
	dl#csschart span.p48{height:48%;}
	dl#csschart span.p49{height:49%;}
	dl#csschart span.p50{height:50%;}
	dl#csschart span.p51{height:51%;}
	dl#csschart span.p52{height:52%;}
	dl#csschart span.p53{height:53%;}
	dl#csschart span.p54{height:54%;}
	dl#csschart span.p55{height:55%;}
	dl#csschart span.p56{height:56%;}
	dl#csschart span.p57{height:57%;}
	dl#csschart span.p58{height:58%;}
	dl#csschart span.p59{height:59%;}
	dl#csschart span.p60{height:60%;}
	dl#csschart span.p61{height:61%;}
	dl#csschart span.p62{height:62%;}
	dl#csschart span.p63{height:63%;}
	dl#csschart span.p64{height:64%;}
	dl#csschart span.p65{height:65%;}
	dl#csschart span.p66{height:66%;}
	dl#csschart span.p67{height:67%;}
	dl#csschart span.p68{height:68%;}
	dl#csschart span.p69{height:69%;}
	dl#csschart span.p70{height:70%;}
	dl#csschart span.p71{height:71%;}
	dl#csschart span.p72{height:72%;}
	dl#csschart span.p73{height:73%;}
	dl#csschart span.p74{height:74%;}
	dl#csschart span.p75{height:75%;}
	dl#csschart span.p76{height:76%;}
	dl#csschart span.p77{height:77%;}
	dl#csschart span.p78{height:78%;}
	dl#csschart span.p79{height:79%;}
	dl#csschart span.p80{height:80%;}
	dl#csschart span.p81{height:81%;}
	dl#csschart span.p82{height:82%;}
	dl#csschart span.p83{height:83%;}
	dl#csschart span.p84{height:84%;}
	dl#csschart span.p85{height:85%;}
	dl#csschart span.p86{height:86%;}
	dl#csschart span.p87{height:87%;}
	dl#csschart span.p88{height:88%;}
	dl#csschart span.p89{height:89%;}
	dl#csschart span.p90{height:90%;}
	dl#csschart span.p91{height:91%;}
	dl#csschart span.p92{height:92%;}
	dl#csschart span.p93{height:93%;}
	dl#csschart span.p94{height:94%;}
	dl#csschart span.p95{height:95%;}
	dl#csschart span.p96{height:96%;}
	dl#csschart span.p97{height:97%;}
	dl#csschart span.p98{height:98%;}
	dl#csschart span.p99{height:99%;}
	dl#csschart span.p100{height:100%;}

#csschart{
	float: left;
	padding-left: 20%;
}