#contenupage
 {
	margin-left: 4vw;
	margin-right: 4vw;
	position:relative;
}
        
 h1
 {
    color:#9068ad;        
    font-size: max(calc(0.8vw + 0.5rem), 1.2rem);
 }  
 
h2 {
	margin: 0px;
	background-color: #a591c6;
	padding: 5px 30px;
	font-family: Arial;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: 600;
}         
         
h3
{
    color:#9068ad;
    font-weight: 600;
}         
       
p
{
    text-align: justify;
    margin-bottom:5px;
}       
         
p, .gris
{
color: rgb(68,68,68);
}  

#entetepage
{
	position:relative;
	padding-top:20px;
	text-align: center;
}

#entetepage .imageentete
{
	text-align: center;
	width:80%;
	margin:auto;
	margin-bottom:30px;
}

.imageentete { max-width: 800px; width:50%; min-width:250px; text-align:center}

#entetepage .imageentete p
{
	float:left;
	margin:0px;
}

#entetepage .imageentete h6
{
	float:right;
}

#entetepage .chemin
{
	text-align: left;
	font-style: italic;
	font-size: 15px;
	
}

#entetepage img
{
    width: 100%;
}

img.lien
{
	width:30px;
	height:20px;
	vertical-align: middle; 
	margin-left: 10px;
}

a 
{
	color: inherit; 
	text-decoration: none
}	

#entetepage img,
#entetepage h1,
#entetepage p
{    
text-align: center;
}
    
.ombre { box-shadow: 2px 2px 5px rgba(140, 140, 140); }
 .arrondi { border-radius: 12px;} 
 .centre { text-align: center;}
 .top { vertical-align:top !important;}


@media (max-width: 700px)
{
	

 	#entetepage .imageentete 
 	{
	width: 90%;
	margin-bottom: 10px;
	} 
	
	#entetepage .imageentete p
{
	float:none;

}
	
	
}

@media (max-width: 400px)
{
 	#entetepage .imageentete 
 	{
	width: 95%;
	} 
	
	#entetepage .imageentete p 
	{
	float: initial;
	}

	#entetepage .imageentete p .chemin
	{
		margin-top:5px;
	}	


}