.logo-cqcam img{
max-width:400px;
}
.logo-ciso img{
max-width:250px;filter: brightness(0) invert(1);
}
.container{
max-width:1100px;
}
:root {
--jaune:#ffc150;
--mauve: #55394f;
--x0: #230C1E;
--bleu: #274369;
--x2: #78466d;
--x3: #ffc150;
--x4: #f0f0f0;
--x5: #f6f6f6;
--x6: #fefefe;
--x7: #70dedb;
}
header{
background:var(--wp--preset--color--bleu-fonce);
}
#navi{
font-size:0.92em;
margin-bottom:1.5em;
padding:.75em 1em;
font-weight:700;
margin:0;
padding:0.8em 1.24em;
padding-left:2.125em;
}
#navi div{
position:relative;
}
#navi a{
text-decoration:none;
display:block;
}
#navi a:before{
content: '\25CF';
position:absolute;
left:-1em;
color: turquoise;
}
#navi .actif a{
color: var(--x3);
}
#navi .actif a:before{
color: var(--x3);
}
#navi a{
padding:0.4em;
}
#navi a:hover{
color:#666;
}
.subnav a{
display:block;
margin:1em auto;
}
.fleche {
position: relative;
background: none;
border: 0;
}
.fleche:after {
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 9px;
margin-top: -9px;
}
.fleche-gauche {
float:left;
}
.fleche-droite {
float:right;
text-align:right;
}
.fleche-droite a {
text-align:right;
}
.fleche-gauche a {
text-align:left;
}
.fleche-gauche:after {
right: 100%;
border-right-color: var(--wp--preset--color--bleu-fonce);
transition: all 300ms;
}
.fleche-droite:after {
left: 100%;
border-left-color: var(--wp--preset--color--bleu-fonce);
transition: all 300ms;
}
.fleche-gauche:hover:after{
border-right-color: var(--wp--preset--color--bleu-fonce);
}
.fleche-droite:hover:after{
border-left-color: var(--wp--preset--color--bleu-fonce);
}
.sousnav{
display:none;
}
.sousnav.afficher {
display:block;
}