body{font-family:'Roboto', sans-serif;color:#666;margin:0px;padding:0px;background-color:#FFF;color:#666;}
a:link,a:visited,a:active{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{color:#D32C7E;}
h2{font-weight:normal;color:#D32C7E;}
a.liengris:link,a.liengris:visited{color:#666;}
a.lienrose:link,a.lienrose:visited{color:#D32C7E;}
a.lienbleu:link,a.lienbleu:visited{color:#0482DA;}
#accroche { padding:0px; width:100%; text-align:center; color:#FFF;}
ol {display:inline; color:#0482da; margin:0px; padding:0px; width:100%;} 
ol li {display:inline; margin:0px; padding:0px; } 
ol a:link,a:visited,a:active{color:#0482da; font-weight:bold;}

/* ==== Header Style Ouest-France ==== */
.of-wrapper { height: 34px;}
.of-header { padding: 0 20px; height: 100%; background-color: #fff; border-bottom: 1px solid #E4E3E1; z-index: 1000; display: flex; justify-content: space-between; align-items: center; }
.of-header .of-identite { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10px; line-height: 1; display: flex; align-items: flex-end; }
.of-header .of-logo { fill: #e2001a; height: 18px; }
.of-header .of-baseline { margin: 0 0 0 10px; padding: 0; }

/* ==== Footer Style Ouest-France ==== */
.of-footer { padding: 30px 20px; background: #222222; text-align: center; }
.of-footer ul { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; line-height: 1.5; list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap; }
.of-footer .of-mentions { display: inline; } 
.of-footer .of-mentions li { padding-left: 3px; display: inline; }
.of-footer .of-mentions-images { display: flex; justify-content: center; margin-top: 20px; }
.of-footer .of-mentions-images li { padding: 0 10px; }
.of-footer .of-mentions-images img { height: 34px; width: auto; }
.of-footer ul a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; line-height: 1; text-decoration: none; }
.of-footer ul a:hover { color: #878787; } 
.of-footer ul li { list-style: none;  }
.of-separateur li::after { position: relative; content: "|"; margin-left: 5px; }
.of-separateur + .of-separateur li:last-child::after { display: none; }

@media screen and (min-width: 768px) {
	.of-footer { padding: 30px 50px; }
	.of-footer .of-mentions { display: flex; }
	.of-footer .of-mentions li { display: list-item; padding-right: 10px; }
	.of-separateur li::after { margin-left: 10px; }
	.of-separateur li:last-child::after { display: none; }
}