/************************************/
/************************************/  
/* ---------- Globales   ---------- */
/************************************/
/************************************/
/* Rouge      #FF0000 */
/* Gris Clair #FF0000 */
/* Blanc      #ffffff */
/* Gris Foncé #404040 */
/* Noir       #000000 */
/* Jaune      #FF00FF */
.MoyennePolice {font-family:Comic Sans MS,Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight:bold;font-style: italic;color: #FFFFEF;vertical-align:middle;letter-spacing:1pt;text-decoration: none;}

:root { 
	   --prm-navbar-bg:				      #000000;				/* Gris Clair */
       --prm-navbar-align:			      center;
       --prm-navbar-text-family:	      sans-serif;
       --prm-navbar-text-size:		      1.1em;
       --prm-navbar-text-color:		      #ffffff;			  /* Blanc      */
       
       --prm-navbar-sous-menu-height:     1.8;
       --prm-navbar-sous-menu-bg-over:    #FF0000;				/* Gris Foncé */
       --prm-navbar-sous-menu-bg:	      #000000;        /* Gris Clair */
       --prm-navbar-sous-menu-text:	      #ffffff;        /* Blanc      */
       --prm-navbar-sous-menu-text-size:  1.1em;
      
       --prm-navbar-entete-height:	      1.8;
       --prm-navbar-entete-bg-over:	      #FF0000;				/* Gris Foncé */ 
       --prm-navbar-entete-bg:		      #800000;        /* Gris Clair */
       --prm-navbar-entete-text:	      #ffffff;        /* Blanc      */  
       --prm-navbar-entete-text-size:     1.1em;
       
       --prm-navbar-sous-menu-entete-bg: #C00000;        
      }


/************************************/
/************************************/
/* ---------- Variables ---------- */
/************************************/
/************************************/
.header{background:#808080;color:#fff;padding:20px}
@media (max-width: 767px) {
.header h1{font-size:2.8em;margin-bottom:10px;text-align:center}
.header h2{font-size:1.25em;text-align:center}
}
/************************************/
/************************************/
/* ---------- Variables ---------- */
/************************************/
/************************************/
.navbarchange{background:var(--prm-navbar-bg);-webkit-animation:fadeIn .8s;-moz-animation:fadeIn .8s;animation:fadeIn .8s;border-bottom:1px solid #ffffff;padding:0}
.full-width {	width: 100%;}
.navbar{
    z-index:9999;
    text-align : var(--prm-navbar-align);
    box-shadow:none;
    padding:0px 0;
    height:auto;width:0 auto;
    position:fixed;
    transition:.5s all ease;
    -webkit-transition:.5s all ease;
    -moz-transition:.5s all ease
    font-family : var(--prm-navbar-text-family);
    font-size   : var(--prm-navbar-text-size);
    color       : var(--prm-navbar-text-color);
    line-height : var(--prm-navbar-sous-menu-height);
    font-weight:400;
    }
/* ---------- NAVIGATION ---------- */


/************************************/
/************************************/
/* ---------- Responsive ---------- */
/************************************/
/************************************/
.responsive-navmenu label,.responsive-navmenu input[type=checkbox] {	display: none;}
.responsive-navmenu label {	height: 3.5rem;	line-height: 3.5rem;	padding-left: .7rem;	padding-right: .7rem;}
.responsive-navmenu input[type=checkbox]:checked+ul {	display: block;}
@media (max-width: 47.938rem) 
   {
	.responsive-navmenu ul {		display: none;	}
	.responsive-navmenu label,	.responsive-navmenu ul li {		display: block;		margin-left: 0	}
	.responsive-navmenu ul li:hover {		background-color: #ddd;	}
	.responsive-navmenu ul li a {		display: block;		height: 3.5rem;		line-height: 3.5rem;		padding-left: .7rem;		padding-right: .7rem;	}
	.responsive-navmenu ul li a:hover {		text-decoration: none;	}
	.responsive-navmenu .navmenu.breadcrumb li + li:before,
	.responsive-navmenu .navmenu.expanded.breadcrumb > li + li a:before {		content: none;	}
	.responsive-navmenu ul li.active a,
	.responsive-navmenu ul li.active:hover {		background-color: #FF0000;		color: #FF0000;	}
   }
/************************************/
/************************************/
/* ---------- navmenu       ---------- */
/************************************/
/************************************/
.badge,.label {	background-color: #000000;	border-radius: .3rem;	color: #fff;	display: inline-block;	margin-left: .4rem;}
.badge {	line-height: 1;	padding: .2rem;}
/* -------------------------------- */
.navmenu-navbar-navbarchange a:hover{color:#FF0000}
.navmenu-navbar-right{display:none;color:#000;float:right}
.navmenu-navbar-right-navbarchange{display:inline-block;color:#FF0000;padding-left:8px;padding-top:12px}
.navmenu-navbarchange{text-align:left;direction:ltr}
.navmenu {	font-size: 0rem;	margin: 0;	padding-left: 0;background-color: ##FF0000;}
.navmenu li{font-size:1rem}
.navmenu li {	display: inline-block;	font-size: 1.5rem;	list-style-type: none;	margin-left: 1.5rem;}
.navmenu li:first-child {	margin-left: 0;}
.navmenu li.active a {	color: #FF0000;}
.navmenu.vertical .badge {	float: right;}
.navmenu.vertical.expanded .badge {	margin-top: .8rem;}
.navmenu.vertical li {	display: block;	margin-left: 0;}
.navmenu.expanded li {	margin-left: 0;	transition-duration: .2s;}.navmenu.expanded li:hover {border-radius: .3rem;	background-color: ##FF0000;	transition-duration: .2s;}
.navmenu.expanded li a {	border-radius: .3rem;	display: block;	height: 3.5rem;	line-height: 3.5rem;	padding-left: .7rem;	padding-right: .7rem;}
.navmenu.expanded li a:hover {	text-decoration: none;}
.navmenu.expanded.breadcrumb > li + li:before {content: none;}.navmenu.expanded li.active a,
.navmenu.expanded li.active:hover {background-color: #FF0000;	color: #fff;}.responsive-navmenu label {	background-color: #FF0000;	color: #FF0000;	cursor: pointer;	text-align: center;}
.navmenu.expanded .active a .badge {	background-color: #FF0000;	color: #FF0000;}
.navmenu.breadcrumb li + li:before,.navmenu.expanded.breadcrumb > li + li a:before {	content: "/";}
.navmenu.breadcrumb li + li:before,.navmenu.expanded.breadcrumb > li + li:before,.navmenu.expanded.breadcrumb > li + li a:before {	margin-right: .7rem;}
@media (max-width: 767px) {.navmenu li{margin:0}}

/************************************/
/************************************/
/* ---------- NAVIGATION ---------- */
/************************************/
/************************************/


.NavBar-horizontal ul,li{margin:0;padding:0}
.NavBar-horizontal span{content:" ";display:table;color:#FF0000;background-color:#FF0000;}
.NavBar-horizontal li a,.NavBar-horizontal span{text-decoration: none;display:block;padding:8px 8px 12px;margin:3px;background-color:var(--prm-navbar-entete-bg);color:var(--prm-navbar-entete-text);font-size:var(--prm-navbar-entete-text-size);}
.NavBar-horizontal li a:hover,.NavBar-horizontal span:hover{color:var(--prm-navbar-entete-text);font-size:var(--prm-navbar-entete-text-size);background-color:var(--prm-navbar-entete-bg-over);}                                                 
.NavBar-horizontal:before,.NavBar-horizontal:after{content:" ";display:table}
.NavBar-horizontal:after{clear:both}
.NavBar-horizontal ul{list-style:none;width:100%}
.NavBar-horizontal li{position:relative}
.NavBar-horizontal > li{text-align:left;display:inline-block;text-decoration: none;}
.NavBar-horizontal > li > .parent:after,.NavBar-horizontal span:after{display:inline-block;font-size:inherit;content:"\0000a0\2193";color:var(--prm-navbar-sous-menu-text);width:10px;font-weight:400;}
.NavBar-horizontal li ul{position:absolute;display:none;text-decoration: none;background:var(--prm-navbar-sous-menu-bg-over);width:250px}
.NavBar-horizontal > li.hover > ul{left:0;display:block}
.NavBar-horizontal li li.hover ul{left:100%;top:0;}
.NavBar-horizontal li span{background-color:var(--prm-navbar-sous-menu-entete-bg);color:var(--prm-navbar-entete-text);font-size:var(--prm-navbar-entete-text-size);}
.NavBar-horizontal li li a{text-decoration: none;padding:0px;display:block;position:relative;text-align:center;z-index:100;background:var(--prm-navbar-sous-menu-bg);color:#fff;margin:0 0 2px}
.NavBar-horizontal li li a:hover{text-decoration: none;background:transparent;color:var(--prm-navbar-sous-menu-text);font-size:var(--prm-navbar-sous-menu-text-size);}
@media handheld,only screen and (max-width: 1024px) 
       {
			.NavBar-horizontal li a,.NavBar-horizontal span{padding:4px;background-color:var(--prm-navbar-entete-bg);color:var(--prm-navbar-entete-text);font-size:var(--prm-navbar-entete-text-size);}
			.NavBar-horizontal{margin:4px;padding:4px;float:none}
			.NavBar-horizontal > li{float:none;width:100%;text-align:center}
			.NavBar-horizontal ul{display:block;width:100%}
			.NavBar-horizontal li ul{width:100%}
			.NavBar-horizontal > li.hover > ul,.NavBar-horizontal li li.hover ul{position:static;}
			.NavBar-horizontal li li a{width:100%;}
			.NavBar-horizontal li li a:hover{width:100%}
      }
@media handheld,only screen and (max-width: 480px)
      {
			.NavBar-horizontal{text-align:center;margin:0;padding:0}
			.NavBar-horizontal > li{float:none;width:100%}
			.NavBar-horizontal ul{display:block;width:100%} background-color:var(--prm-jaune);  
      }