#my_custom_header {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important;
	background : transparent !important;
}



/* Background color du body et du header */


body.color-client, body.color-client #et-boc #my_custom_header {
  background-color: #faeeea !important;
}

body.color-white, body.color-white #et-boc #my_custom_header {
  background-color: white !important;
}

body.color-black, body.color-black #et-boc #my_custom_header {
  background-color: black !important;
}

body.color-photo, body.color-photo #et-boc #my_custom_header {
  background: transparent !important;
}

body.color-photo.teinte-light .et-menu > li > a {
  color:#ffffff;
}



body.color-upcare, body.color-upcare #et-boc #my_custom_header {
  background-color: #265254 !important;
}
body.color-jeannette, body.color-jeannette #et-boc #my_custom_header {
  background-color: #b1e8d2 !important;
}
body.color-3, body.color-3 #et-boc #my_custom_header {
  background-color: #FAEB33 !important;
}
body.color-4, body.color-4 #et-boc #my_custom_header {
  background-color: #F19031 !important;
}
body.color-5, body.color-5 #et-boc #my_custom_header {
  background-color: #F2293A !important;
}



/*************** LIGHTS ITEMS : Passer les éléments de menu et du logo en blanc ********************/

/* Liens en blanc du menu dans le header */

body.teinte-light #menu-mon-menu-principal > .menu-item > a {
	color:#ffffff !important;
}

/* Liens en noir du menu dans le header */

body.teinte-light.color-client #menu-mon-menu-principal > .menu-item > a {
	color:#000000 !important;
}




body.home.teinte-light .mobile_menu_bar::before,
body.home.teinte-light .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a,
body.home.teinte-light #top-menu li.current-menu-item > a {
  color: #fff !important;
}





/* Logo en blanc dans le header, plusieurs couleurs dans le logos possibles : cls-1, cls-2  */

body.teinte-light .cls-1 {
	fill: rgb(255, 255, 255, 1);
}

body.teinte-light .cls-2 {
	fill: rgb(255, 255, 255, 1);
}



/* Passer tout le texte en réserve (blanc) */
body.teinte-light .panel.reserve * {
  color: #ffffff !important;
}





/************ DARK ITEMS : Passer les éléments de menu et du logo en noir **************/

body.teinte-dark #my_custom_header {
	background-color: rgb(255, 255, 255, 1) !important;
}

/* Liens en noir du menu dans le header */

body.teinte-dark #menu-mon-menu-principal > .menu-item > a {
	color:#000000 !important;
}

/* Rubrique active dans le menu le header */
body.home.teinte-dark #menu-mon-menu-principal > .menu-item:first-child {
  border-bottom: 3px solid #000000;
}

body.home.teinte-dark .mobile_menu_bar::before,
body.home.teinte-dark .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a,
body.home.teinte-dark #top-menu li.current-menu-item > a {
  color: #000000 !important;
}



/* Logo en noir dans le header, plusieurs couleurs dans le logos possibles : cls-1, cls-2 */

body.teinte-dark .cls-1 {
	fill: rgb(0, 0, 0, 1);
}

body.teinte-dark .cls-2 {
	fill: rgb(0, 0, 0, 1);
}







/*************** STUDIO NU ITEMS : Passer les éléments du logo dans les couleurs classiques Clients ********************/

/* Logo en couleurs dans le header, plusieurs couleurs dans le logos possibles : cls-1, cls-2  */

body.teinte-light.color-client .cls-1 {
	fill: rgb(0, 241, 188, 1);
}

body.teinte-light.color-client .cls-2 {
	fill: rgb(0, 0, 0, 1);
}