/* Mairie de Courtefontaine - Jura - RB */
article, aside, details, figcaption, figure, header, hgroup, nav, section 
 { 
	display			: block; 
 }
 
ul
 {
	list-style	: none;
 }

/* Page Styles */
html, body 
 {
	font		: normal 15px Trebuchet MS, sans-serif;

 }
 
h2 
 {
	font		: normal 26px Trebuchet MS, sans-serif; 
	padding		: 20px 0; 
	margin		: 0 0 30px 0;
 }

h3 
 {
	font		: normal 19px Trebuchet MS, sans-serif; 
	padding		: 0px 0; 
	margin		: 0 0 5px 0; 
	color		: #252384;
 }

h5 
 {
	font		: normal 19px Trebuchet MS, sans-serif; 
	padding		: 0px 0; 
	margin		: 0 0 5px 0; 
	color		: #252384; 
	text-align	: center;
 }
 
#general
 {
	float				: center;
	margin-left			: auto;
	margin-right		: auto;
	width				: 1045px;
	height				: auto;
	padding 			: 10px;
	font-size			: 11pt;
	font-family			: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align			: center;
	background-color	: #ffffff;
	color				: #000000;
	border				: 1px solid #a1a1a1;
	border-radius		: 8px;
	-webkit-box-shadow	: 0px 0px 30px rgba(50, 50, 50, 0.64);
	-moz-box-shadow		: 0px 0px 30px rgba(50, 50, 50, 0.64);
	box-shadow			: 0px 0px 30px rgba(50, 50, 50, 0.64);
 }

header#banner
 {
	margin-left			: auto;
	margin-right		: auto;
	color				: #fff;
	margin-top			: 0px;
	/*background		: url(../bandeau/bandeau_aris_admin.jpg) no-repeat;*/
	width				: 957px;
	height				: 250px;
}

nav
 {
	width			: 17%;
	margin			: 0.5% 1% 0.5% 1%;
 }

#side-menu
 {
	width			: 99%;
	/*min-height	: 400px;*/
	margin			: 1px;
	padding			: 0px 5px;
	float			: left;
	border			: 0px solid #fff;
	border-radius	: 10px;
 }

/* Container Menu */
.container 
 {
	padding			: 10px 0; 
	width			: 100%; 
	float			: left;	
 }
 
.clear 
 {
	clear			: both;
 }

/* Vertical Menu Styles */
.mega-menu
 {
	font			: bold 13px Arial, sans-serif; 
	background		: #fff;  
	position		: relative; /* Required */
 }
 
.mega-menu li a 
 {
	display			: block; 
	text-align		: left;
	background		: url(images/bg_nav.png) repeat-x 0 0;
	color			: #28268b; 
	padding			: 12px 35px 12px 25px; 
	text-decoration	: none;  
	border-top		: 1px solid #555; 
	border-bottom	: 1px solid #222; 
	border-right	: 1px solid #1B1B1B;
	border			: 1px solid #a1a1a1;
	border-radius	: 8px;
 }
 
.mega-menu li a:hover, .mega-menu li.mega-hover a 
 {
	background		: url(images/bg_nav.png) repeat-x 0 -40px; 
	color			: #28268b; /* COLOR MENU PRINCIPAL - color: #28268b; */
	border-right	: 1px solid #4b4b4b;
 }

.mega-menu li a.dc-mega 
 {
	position		: relative;
 }

/* Ajouter la flèche pour liens parents */
.mega-menu li a .dc-mega-icon 
 {
	display			: block; 
	position		: absolute; 
	top				: 18px; 
	right			: 15px; 
	width			: 6px; 
	height			: 8px; 
 }

/* Container - SOUS-MENU */
.mega-menu li .sub-container 
 {
	position		: absolute; /* Required */
	/* Déco vertical */
	background		: #ffffff url(images/deco_menu.jpg) no-repeat 0 0;
	padding			: 10px 10px 0 40px; 
	border-left		: none;
	border			: 1px solid #a1a1a1;
	border-radius	: 8px;
	-moz-box-shadow	: 5px 5px 10px 1px #000;
	-webkit-box-shadow: 5px 5px 10px 1px #000;
	box-shadow		: 5px 5px 10px 1px #828282;
 }

.mega-menu li #sub-container-b 
 {
	position		: absolute; /* Required */
	padding			: 10px 10px 0 40px;
	background		: red;
	border-left		: none;
	border			: 1px solid #a1a1a1;
	border-radius	: 8px;
	-moz-box-shadow	: 5px 5px 10px 1px #000;
	-webkit-box-shadow: 5px 5px 10px 1px #000;
	box-shadow		: 5px 5px 10px 1px #828282;
 }

.mega-menu li .sub-container .sub
 {

 }

.mega-menu li .sub .row 
 {
	width		: 100%; 
	overflow	: hidden; /* Clear sous-menu */
 }

/* --- Largeur Sous-Menu --- */
.mega-menu li .sub li 
 {
	float		: none; 
	width		: 150px; 
	font-size	: 1em; 
	font-weight	: normal;
}

.mega-menu-2 li .sub li
  {
	float		: none; 
	width		: 100px; 
	font-size	: 1em; 
	font-weight	: normal;
 }

.mega-menu li .sub li.mega-hdr 
 {
	float		: left; /* Required */
	margin		: 0 5px 10px 5px;
 }
.mega-menu li .sub a, .mega-menu.left li .sub a 
 {
	background		: none;
	border			: none; 
	text-shadow		: none;
	float			: none;
	color			: #28268b;  /* #0f1060 color:#28268b; - SOUS-TITRE SOUS-MENU - color: #fff; */
	padding			: 7px 10px; 
	display			: block;
	text-decoration	: none; 
	font-size		: 0.9em;
	height			: 26px; /* height:26px; >>>> Hauteur des cellules de lien dans Sous-Menu */
	border			: 1px solid #28268b; /* #a1a1a1; */
	border-radius	: 8px;
}

/* --- Titre des sous-menu --- */
.mega-menu li .sub li.mega-hdr a.mega-hdr-a 
 {
	padding			: 5px 5px 5px 15px; 
	margin-bottom	: 5px; 
	background		: url(images/bg_nav.png) repeat-x 0 -40px;
	font-weight		: bold; 
	color			: #28268b; 
 }
 
/* --- BOUTONS DES SOUS-MENU --- */ 
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover 
 {
	color			: #28268b;   
	text-shadow		: none;
	background		: #fff; 
 }
 
.mega-menu .sub li.mega-hdr li a 
 {
	padding			: 4px 2px 4px 20px; 
	margin          : 0 0 8px 0;
	background		: url(images/bg_nav.png) repeat-x 0 -40px;
	font-weight		: normal;
 }

.mega-menu .sub li.mega-hdr li a:hover 
 {
	color			: #f95e01; 
	background		: #ffffff; /* background hover SOUS-MENU */
	font-size		: 0.9em;
 }

.mega-menu .sub ul li 
 {
	padding-right	: 0;
 }
 
/* Style pour des éléments de menu avec 2 niveaux */
.mega-menu li .sub-container.non-mega .sub 
 {
	padding			: 10px;
 }

.mega-menu li .sub-container.non-mega li 
 {
	padding			: 0; 
	margin			: 0;
	width			: 150px;
}

#sectgen
 {
	display				: block;
	width				: 79%;
	height				: auto;  
	margin				: 0px 5px 0px 5px;
 } 
 
nav,#sectgen
{
    display				: inline-block;
    vertical-align		: top;
    text-align			: center;
}

#artgen
 {
	float				: center;
	margin-left			: auto;
	margin-right		: auto;
	margin-bottom		: 2%;
	width				: 90%;
	height				: auto;
	padding 			: 10px; 
	font-size			: .9em;
	font-family			: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align			: center;
	background-color	: #ffffff;
	color				: #000000;
	border				: 1px solid #0c3f98;
	border-radius		: 8px;
 }

#artauth
 {
	width				: 50%;
	height				: auto;  
	margin				: 6% 0 6% 0;
	padding 			: 5% 1% 5% 1%;
	font-size			: .9em;
	font-family			: Trebuchet MS, Arial, Helvetica, sans-serif;
	text-align			: center;
	background-color	: #ffffff;
	color				: #000000;
	border				: 1px solid #a1a1a1;
	border-radius		: 8px;
	-webkit-box-shadow	: 0px 0px 30px rgba(50, 50, 50, 0.64);
	-moz-box-shadow		: 0px 0px 30px rgba(50, 50, 50, 0.64);
	box-shadow			: 0px 0px 30px rgba(50, 50, 50, 0.64);
 } 

footer 
 {
	display			: block;
	width			: 100%;
}

#artfoot25 
 {
	display			: block;
	width			: 80%;
}

#artfoot75 
 {
	display			: block;
	width			: 15%;
}

#artfoot25,#artfoot75
{
    display			: inline-block;
    vertical-align	: top;
    text-align		: justify;
}

#artfoot_droite 
 {
	width			: 95%;
	text-align		: right;
}

#artfoot_centre 
 {
	width			: 99%;
	text-align		: center;
}
 
nav,#sectgen,footer
{
    display			: inline-block;
    vertical-align	: top;
    text-align		: center;
} 
 
#decx
 {
	text-align			: right;
	vertical-align		: bottom;
 }
 
#divl
 {
	 text-align			: left;
 }

/* --- Choix de couleur des liens --- */
/* --- ORANGE --- */
a:link {color: #000000; text-decoration: underline; }
a:active {color: #0000ff; text-decoration: underline; }
a:visited {color: #008800; background:#FFFFFF; text-decoration: underline; }
a:hover {color: #f27800; text-decoration: none; background:#e6e6e6;}
 
 /* --- BLEU blue --- */
a.blue:link {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:active {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:visited {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:hover {color: #CC0000; background: #ffffff; font-weight: bolder;}
 
 /* --- ROUGE red --- */
a.red:link {color: #ff0000; background: #ffffff; font-style: italic;}
a.red:active {color: #ff0000; background: #ffffff; font-style: italic;}
a.red:visited {color: #ff0000; background: #ffffff; font-style: italic;}
a.red:hover {color: #ff0000; background: #ffffff; font-style: normal;}

/* --- Couleur colonne table authentification ---- */

td.titre {width:30%;}
td.bleu {background-color:lightblue; width:15%;}
td.rouge {background-color:#ffdddd; width:15%;}
td.vert {background-color:#ddffdd; width:15%;}
td.gris {background-color:#ccccff; width:15%;}

/* --- Couleur bouton ---- */

.btbleu { background-color:lightblue; }
.btrouge { background-color:#ff0000; }
.btvert { background-color:#ddff00; }
.btorange { background-color:#f27800; }
.btgris { background-color:#ccccff; }