body {
  height:100%;
  background-color : #EAE7DC;
}

.traitgauche
    {
    border-left: 1px solid black;
    padding-left: 5px;
    margin-left: 50px;
    }

/* - - */
.col1 {
	float: left;
	/*background-color:blue; */
	width:20%;
	height:100%;
 
}
/* - - */
.col1Title {
	color : #A9A9A9; 
	font-size: 30px;
	padding-left:5px;
	margin-bottom: 20px;

}
/* - - */
.col1TitleDone {
	font-weight:bold;
	color : #0000A0; 

}
/* - - */
.box {
	color : black;
    box-shadow: 2px 2px 2px black;
	width:90%;
	height:25%;
	border-radius: 2px;
	padding-left:5px;
	margin-bottom: 20px;
	background-color: white; 
	
}

/* Roadmap part title */
.boxTitle {
	color : white;
	 font-weight: bold;
	 background-color: #001f3f;
 
}

/* Roadmap part title */
.boxTitleFrame {
 
 
}

/* Content roadmap part */
.boxContent {
	color : black;
	font-size: 20px;
 
 

}
/* - - */
.boxTag {
	color : black;
}

/* - - */
.boxContent ul {
list-style: none;
}

.underGray {
  text-decoration: underline gray;
}

.underBlue {
  text-decoration: underline blue;
}

.underRed {
  text-decoration: underline red;
}