.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;
}