body {
	background-color: #FFFFFF;
	color: #000;
	font-size:1.1em;
}
h1 {
	color:Grey;
	font-size:1.6em;
}	
h1.major {
	color:#E17009;
	font-size:1.6em;	
	text-align:center;
}
.major {
	color:#E17009;
}
h2{
	color:#2e6e9e;
	font-style:italic;
	text-align: left;
	font-size:1.2em;	
}	

.info {
	background-color: #dfeffc;
	border: 1px solid ##2e6e9e;
	position: relative;
	font-weight:bold;
	color:#000;
	width:90%;
	left:0%;
}

.float {
	width:50%;
	float:left;
	font-weight:bold;
}
.clearInfo {
	width: 90%;
	position:relative;
	left:0%;
}
.clearInfo::after {
	content: "";
	clear: both;
	display: table;
}
p {
    font-weight: bold;
}
#r0 {
	position: relative;
	width: 75%;
	left: 10%;
}
#r1 {
	position: relative;
	width: 75%;
	left: 10%;
}
#r2{
	width:60%;
	float:left;
	
	position: relative;
	left: 0%;
}
#r3 {
	float:left;
	width:35%;
	#border:1px solid black;
}
#r4 {
	width: 80%;
	position: relative;
	left: 10%;
}
#r5 {
	width: 80%;
	position: relative;
	left: 10%;
}
#r6 {
	width: 90%;
	position: relative;
	left: 5%;
}
#r7 {
	width: 90%;
	position: relative;
	left: 5%;
}
#r8, #r8b {
	width: 60%;
	float:left;
	position: relative;
	left:10%;
}
#r9, #r9b {
	float:left;
	width:10%;
	position: absolute;
	right:15%;
	top:40%;
}
#cercle_pro {
	width: 30%;
	border:0px;
	border-collapse: collapse;
	position: relative;
	left:30%;
}
#recap_gen {
	width: 100%;
	border:0px;
	border-collapse: collapse;
}
#recap_dens {
	width: 100%;
	border:0px;
	border-collapse: collapse;
}
#form1 {
	width: 100%;
	border:0px;
	border-collapse: collapse;
}
#proxi_dev{
	width: 100%;
	border:0px;
	border-collapse: collapse;
}
#matrice_dev1 {
	width:100%;
	border:0px;
	border-collapse: collapse;
}

#cercle_social {
	width:100%;
	border:0px;
	border-collapse: collapse;
}
#nrelation {
	width:90%;
	position:relative;
	left:5%;
}
#analyse_dev {
	width:100%;
	border:0px;
	border-collapse: collapse;
}
#recap_cat {
	width:100%;
	border:0px;
	border-collapse: collapse;
}
td, tr {
	border:0px;
}
.form-tab {
	background-color: grey;
	border:1px solid black;
	color: #FFFFFF;
	height: 20px;
}
.form-cell {
	background-color: #dfeffc;
	border:1px solid black;
	height: 20px;
}
.clearfix {
	width: 90%;
	position:relative;
	left:5%;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}
.tab-entete {
	background-color: grey;
	border:1px solid black;
	color: #FFFFFF;
	height: 30px;
}
.tab-res {
	background-color: Gainsboro;
	border:1px solid black;
	color: grey;
	height: 30px;
}
.tab-cat {
	#background-color: Gainsboro;
	border:1px solid black;
	color: #000;
	height: 30px;
	text-align:center;
}
.tab-ligne {
	border:0px solid red;
	height: 30px;
}
.res_cell {
	text-align:left;
	color: #FF0000;
	font-weight: bold;
}
.res_entete {
	text-align:left;
	color: #000000;
	width:70%;
}
.tab-cell {
	background-color: #dfeffc;
	border:1px solid black;
	height: 30px;
}
.tab-cell-haut-gauche {
	background: #FFFFFF;
	border:0px;
}
.instructions {
	background-color: Gainsboro;
	border:1px solid black;
	color: grey;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	padding:5px;
	left: 5%;
	width: 90%;
}
.question {
	background-color: white;
	border:3px solid #dfeffc;
	color: black;
	font-size: 1.1em;
	position: relative;
	padding:5px;
	left: 5%;
	width: 90%;
}
.recap {
	background-color:Gainsboro;
	border:1px solid black;
	text-align:center;
}
.r2 {
	display:none;
}
.col1 {
	width:10%;
}
.col {
	width:15%;
}
.col2 {
	width:13%;
}
.col3 {
	width:8%;
}
.col4 {
	width:52%;
}
.col5 {
	width:16%;
	text-align:center;
}
.space {
	width:4%;
	border:0px;
}
select {
	#display:none;
	width:100%;
	background-color: #dfeffc;
}
select.cercle {
	background-color: grey;
	border:1px solid black;
	color: #FFFFFF;
	height: 30px;
	width:100%;
}
input {
	width: 100%;
	border: 1px solid #000;
	background-color: #dfeffc;	
}
input[type=text]:focus {
  border: 1px solid #555;
}