/* Couleur des liens */
a:link,a:visited {color: #042878;}
a:hover, a:active,a:focus {color: #1E78C8;}
 

* {margin:0;padding:0;box-sizing:border-box;}
body {font-family: Arial, Helvetica, sans-serif;background:#f8f8f8;color:#333;line-height:1.6;}
header {display:flex;align-items:center;padding:4px 10px;background:white;border-bottom:3px solid #1E78C8;}
header img {height:37px;}
header h1 {margin-left:2px;font-size:0.8rem;font-weight:normal;color:#333;}
.topbar {background:#1E78C8;color:#FFFA86;padding:2px 20px;font-size:1.1rem;font-weight:bold;}

.container {margin:30px auto;max-width:1100px;display:flex;gap:20px; padding: 20px;
}
.left-col,.right-col {width:20%;}
.left-col img, .right-col img {display: block; margin: 0 auto;}

.center-col {flex: 1; text-align: left;}
.center-col img {display: block; margin: 0 auto;}


.icon_table { margin: 24px 0 8px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); gap: clamp(4px, 1vw, 16px); justify-items: center; }
.icon img { width: 68px; height: 50px; }
.icon span {
    font-size: 0.75rem;     
    text-align: center;
    display: block;/* Pour garantir la mise en forme */
}

.icone_langue {position:relative;}

.icone_langue img {
    position: absolute;
	top: 3px;
    left: 0px;
    width: 50px;
    height: 25px;
}


select {padding:8px;font-size:1rem;margin:10px 0;}
.footer {text-align:center;font-size:0.8rem;color:#666;margin:40px 0 10px 0;}
.bandeau_responsif {max-width:100%;height:auto;}
.image_responsive {max-width:100%;height:auto;}

@media (max-width: 900px) {
  .left-col { display: none !important; }
  .right-col { display: none !important; }
}