/*  Feuille de style page EGN  */

/*Exemple*/ #targetHTML { color: slateblue; }

/*////////////TITRE 1 /////////////////////////////////////////////////*/

.titre_1{
	font-size:250%;
	color:#9C27B0;
        font-weight: bolder;
}
.titre_2{
	font-size:180%;
	color:#05293F;
        font-weight: bolder;

/*////////////bordure /////////////////////////////////////////////////*/
}
hr{
	
	height:5px;
	width: 100px;

}
hr.violet{background-color: #9C27B0;
}
hr.rose{background-color: #E91E63;
}
hr.rouge{background-color: #DA4A34;
}

/*////////////paragraphe/////////////////////////////////////////////////*/
.para_1{
	background-color: #fff;
	padding-top:10px;
	padding-left:25px;
	margin-left: -25px;
	height:300px;
}


.para_2{
	background-color: #fff;
	padding-top:10px;
	padding-left:25px;
	margin-left: -25px;
}
/*////////////fond transparent /////////////////////////////////////////////////*/

#fond_gris {
background-color : rgba(204, 204, 204, 0.2);
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

#fond_rouge{
background-color : rgba(218, 74, 52, 0.2);
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}

#fond_violet{
background-color : rgba(156, 39, 176, 0.2);
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}


/* //////////////// boites colorées//////// */

/*  boites colorées */

#violet {
width :20px;
height: 30px;
padding: 1px;
background-color: hsl(291,64%,42%);
}

#rose {
width :20px;
height: 30px;
padding: 1px;
background-color:rgba(233, 30, 99, 1);
}

#rouge {
width :20px;
height: 30px;
padding: 0px;
background-color:rgba(218, 74, 52, 1);
}



/*////////////paragraphe/////////////////////////////////////////////////*/

p{
	color: #393939;
        font-family: verdana,arial;
	font-size:100%;
	line-height: 1.2em;

}

p.violet{
        color:#9C27B0;
}
p.rouge{
        color:#E91E63;
}
p.noir{
        color :#393939; 
.resume-liste {    
	border-top: 1px solid #ccc;    
	display: none;    
	font-size: 100%;
	}

h4.titre-liste {    
	border-top: 1px solid #ccc;
	font-size:100%;    
	}

.soustitre-liste {    
	display: none;
	}

.img-liste {    
	margin-bottom: 9px;
	height:60px; 
	width:60px
	}

.contenu-ressource {    
	padding-top: 6px;
}

.bloc-ressource {    
	border-color: #cccccc #ffffff #ffffff #fff;   
	background-color: #fff;
	}

.image-ressource {   
	 margin: 0px 4px 2px 0;   
	}
.premiere-ligne {    
	margin-top: 4px;    
	vertical-align: top;
	}
.bloc-ressource-droite {    
	padding-top: 4px;    
	vertical-align: top;
	}