H1 {font-size:1.7em; line-height: 1.5em;} 
.box > H1 { font-size:1.6em; line-height: 1.4em; }
#ListingActus{ clear:both; padding:0; margin:3em 0; margin-bottom:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-around; flex-wrap:wrap; align-items:stretch; }
#ListingActus .ItemActus{flex-grow:0; align-self: auto; width:30%; display: flex; flex-direction: column; margin-bottom:1em; border-radius: 0 0 6px 6px; background:#FFF;}

#ListingAccueil{ clear:both; padding:0; margin:3em 0; margin-bottom:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:center; flex-wrap:wrap; align-items:stretch; }
#ListingAccueil .ItemAccueil{flex-grow:0; align-self: auto; width:30%; margin:0 1.5%; display: flex; flex-direction: column; margin-bottom:3em; border-radius: 6px; background:#FFF; padding:8em 0 0 0;}
#ListingAccueil .ItemAccueil > div > p:nth-of-type(1) > a.button{ margin-top:10px;}

@media all and (max-width: 1024px) {
	#ListingActus .ItemActus {width:48%; margin-bottom:1em; border-radius: 0 0 6px 6px; background:#FFF; }
	#ListingAccueil { justify-content:space-around; }
	#ListingAccueil .ItemAccueil {width:48%; margin:0 1%; margin-bottom:2em; border-radius: 6px; background:#FFF; }
}
@media all and (max-width: 768px) {
	#ListingActus{padding:0; margin:0 1em 2em 1em; display:block;}
	#ListingActus .ItemActus {width:100%; display:block; margin-bottom:1em; border-radius: 0 0 6px 6px; background:#FFF;}

	#ListingAccueil {padding:0; margin:0 1em 2em 1em; display:block;}
	#ListingAccueil .ItemAccueil {width:100%; display:block; margin-bottom:1em; border-radius: 6px; background:#FFF;}
	#ListingAccueil .ItemAccueil > div > p:nth-of-type(2) > a.button{ margin-bottom:10px;}

}

#ListingActus .BlocActu {padding:0.5em 0;}
#ListingActus .TitreActu {color:#333; font-size:1.1em; font-weight:400; text-align:left; color:#294c95; margin-bottom:0.5em; line-height:1.2em;}
#ListingActus .TexteActu {color:#333; font-size:0.9em; text-align:left; margin-bottom:1em; line-height:1.5em;}
#ListingActus .LienActu {color:#333; font-size:1em; text-align:left;}
#ListingActus .FichierActu {color:#333; font-size:1em; text-align:left;}
#ListingActus .PlusActu {color:#333; font-size:1em; text-align:right;}
#ListingActus .DateActu {color:#333; font-size:0.8em; text-align:right; font-style:italic; text-align:left; padding-top:1em;}
#ListingActus .BoutonActu {color:#fff; font-size:1em; background:#FBB03B; border-radius:10px; padding:4px 8px; text-decoration:none;}
#ListingActus a.BoutonActu:link {}
#ListingActus a.BoutonActu:visited {}
#ListingActus a.BoutonActu:hover {color:#FBB03B; font-size:1em; text-decoration:none; background:#F4F4F4;}

#ListingAccueil H3  {color:#333; font-size:1.3em; text-align:center;}
#ListingAccueil p {color:#333; font-size:1.1em; font-weight:400; text-align:left; margin-bottom:0.5em; line-height:1.2em; text-align:center;}

#FicheRetour {margin-bottom:1.5em; margin-top:2em;}
#FicheRetour a:link{border:none; padding:5px 10px; border-radius:8px; background:rgb(25, 150, 151); font:bold 1.2em; color:#fff; text-decoration:none;}
#FicheRetour a:visited{border:none; padding:5px 10px; border-radius:8px; background:rgb(25, 150, 151); font:bold 1.2em; color:#fff; text-decoration:none;}
#FicheRetour a:hover{border:none; padding:5px 10px; border-radius:8px; background:#F4F4F4; font:bold 1.2em #333; color:#294c95; text-decoration:none;}

#Modele1, #Modele2, #Modele3, #Modele4, #Modele5, #Modele6, #Modele7 { margin-top:0; }
#Modele1 img.Illustration { float:right; width:30%; padding-left:2em; }
#Modele2 img.Illustration { float:left; width:30%; padding-right:2em; }
#Modele3 img.Illustration { float:right; width:30%; padding-left:2em; }
#Modele4 img.Illustration { float:left; width:30%; padding-right:2em; }
#Modele5 img.Illustration { width:100%; }
#Modele5 .manchette{ width:calc(35% + 2em); padding-left:2em; float:right;}
#Modele6 img.Illustration { float:right; width:50%; padding-left:2em; }
#Modele7 img.Illustration { float:right; width:50%; padding-left:2em; }

#ListeFichier { clear:both; padding:0; margin:2em 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-around; flex-wrap:wrap; align-items:stretch;  }
#ListeFichier .ItemFichier { flex-grow:0; align-self: auto; width:23%; margin:0 1%; display: flex; flex-direction: column; margin-bottom:1em; border-radius: 0 0 0.5em 0.5em; background:#F4F4F4; box-shadow:2px 2px 2px #ccc; text-align:center; padding:0.5em 1em;}

@media all and (max-width: 1024px) {
	#ListeFichier .ItemFichier { width:30%; }
}
@media all and (max-width: 768px) {
	#ListeFichier {padding:0; margin:0 1em 2em 1em; }
	#ListeFichier .ItemFichier {width:48%;}
}

#IntroTheme { padding:8em 0 1em 0; margin-bottom:1em; color:white; }
#IntroTheme > div > p:last-child { margin-bottom:5px;}