.cbp-af-header {position: fixed;top: 0;left: 0;width: 100%;background-color:#ffffff;z-index: 1000;overflow: hidden;height: 230px;/*changer aussi à la ligne 31*/
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
    box-shadow: 0 0 10px rgba(79, 79, 79, 0.15);}

.cbp-af-header .cbp-af-inner {width: 100%;max-width: 89em;margin: 0 auto;padding: 0 1.875em;padding: 0 1.875em;}

.cbp-af-header img,
.cbp-af-header nav {display: inline-block;position: relative;}

.cbp-af-header img {width:167px;margin-top: 10px;margin-left:9%;float: left;}
 /* Il y a juste des éléments à une ligne, donc centrer les éléments avec la hauteur de ligne définie sur la hauteur de l'en-tête */
.cbp-af-header img,
.cbp-af-header nav a {line-height: 230px;}
.cbp-af-header nav {float: right;}
.cbp-af-header nav a {color: #a8a8b7;font-weight: 400;margin: 0 0 0 20px;font-size: 1.2em;}
.cbp-af-header nav a:hover {color: #f4f4f4;}
.cbp-af-header nav .active {color: #f4f4f4;}
.cbp-af-header nav a[class~="lang"]:after { content: "|" ;padding-left: 4px;color:#dddddd;}/* ~ cible un attribut qui a une liste de valeurs séparées par un espace*/
.cbp-af-header nav a:last-child {margin-left:0px;}
.cbp-af-header nav a.active-lang{color:#eeeeee;}

/* Transitions and class for reduced height */
.cbp-af-header img,
.cbp-af-header nav a {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.cbp-af-header.cbp-af-header-shrink {height: 90px;}

.cbp-af-header.cbp-af-header-shrink img,
.cbp-af-header.cbp-af-header-shrink nav a {line-height: 90px;}

.cbp-af-header.cbp-af-header-shrink img {width:50px;margin-top: 10px;}	/*logo*/
	
/* ==========================
	Media Queries
============================*/
@media screen and (max-width: 960px) {	
	.cbp-af-header {height: 170px;} /*changer aussi à la ligne 149 et dans styles.css aux ligne 269 et 307*/
	.cbp-af-header .cbp-af-inner {width: 100%;}
	.cbp-af-header img,
	.cbp-af-header nav {display: block;margin: 0 auto;text-align: center;float: none;}
	.cbp-af-header nav a {line-height:1.5;margin: 0 8px;font-size: 1.4em;}
	.cbp-af-header nav a:nth-last-child(2){margin-right:0px;} /* cible l'avant dernier élément  (2)*/
	.cbp-af-header nav a:last-child {margin:0 0;}	
	.cbp-af-header img {width:70px; }/*logo*/
	.cbp-af-header.cbp-af-header-shrink img,
	.cbp-af-header.cbp-af-header-shrink nav a {line-height: 45px;font-size: ;}
	.cbp-af-header.cbp-af-header-shrink img {display:none;}
}

@media screen and (max-width: 32.25em) {
	.cbp-af-header .cbp-af-inner {width: 100%;max-width: 500px;}
	.cbp-af-header.cbp-af-header-shrink img{display:none;}
	.cbp-af-header {height: 170px;}/*changer aussi à la ligne 100 et dans styles.css aux ligne 269 et 307*/
	.cbp-af-header img {width:60px;}
	.cbp-af-header nav a {line-height:30px;font-size: 1.4em;}
}

@media screen and (max-width: 24em) {
	.cbp-af-header img{display:none;}
	.cbp-af-header nav {padding-top:15px;}
	.cbp-af-header nav a,.cbp-af-header.cbp-af-header-shrink nav a {line-height: 1.8;font-size: 1.2em;}
	.cbp-af-header.cbp-af-header-shrink {height: 120px;}	
}