#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:#F2F0E7;}
#main a { border-bottom: none;}

@media all and (max-width: 1024px) {
	#ListingActus .ItemActus {width:48%; margin-bottom:1em; border-radius: 0 0 6px 6px; background:#F2F0E7;}
}
@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:#F2F0E7;}
	a > span.textemenuordi{ display:none; }
}

#ListingActus .BlocActu {padding:0.5em 0;}
#ListingActus .TitreActu {color:#333; font-size:1.1em; font-weight:400; text-align:left; color:#18351C; 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:#F2F0E7; 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;}

#FicheRetour {margin-bottom:1.5em; margin-top:1em;}
#FicheRetour a:link{border:none; border-radius:8px; background:#F9B233; font:bold 1.2em; color:#F2F0E7; text-decoration:none;}
#FicheRetour a:visited{border:none; border-radius:8px; background:#F9B233; font:bold 1.2em; color:#F2F0E7; text-decoration:none;}
#FicheRetour a:hover{border:none; border-radius:8px; background:#F4F4F4; font:bold 1.2em; color:#F9B233; 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%;}
}

.wrapper img{max-width:100% !important; height:auto !important;}
img.zoom{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} 
img.zoom:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); z-index:1000;}

header h1 { font-size:2.5em; margin-bottom:1em; padding-bottom:0; color: #18351C; text-transform:uppercase;}
header h1:after { border:none; }
@media all and (max-width: 1024px) {
header h1 { font-size:1.75em; }
}

#Modele1 blockquote, #Modele2 blockquote, #Modele3 blockquote, #Modele4 blockquote, #Modele5 blockquote, #Modele6 blockquote, #Modele7 blockquote { 
margin-top:0; border-left:1em solid #18351C; font-style:italic; font-size:1.1em; padding-left: 1em; }

img { max-width:100% !important; height:auto !important;}