/***********************************************************************************************/
/****************************************** RESET CSS ******************************************/
/****************************************** RESET CSS ******************************************/
/****************************************** RESET CSS ******************************************/
/***********************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***********************************************************************************************/
/*************************************** STYLES GÉNÉRAUX ***************************************/
/*************************************** STYLES GÉNÉRAUX ***************************************/
/*************************************** STYLES GÉNÉRAUX ***************************************/
/***********************************************************************************************/
html {
	overflow-y:scroll;
}

body {
	background-color:#8a8a8a;
	font-family:"Lucida Grande",Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#555;
}

.centre {
	width:960px;
	margin:auto;
	font-size:1.2em;
}

.txt11 {
	font-size:0.9em;
}

h1 {
	color:#999;
	font-size:1.5em;
	font-weight:normal;
	margin-top:9px;
}

h2 {
	padding-bottom:12px;
	font-weight:bold;
	color:#555;
	font-size:1.1em;
}

h3 {
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:8px;
}

p {
	margin-bottom:8px;
}

a {
	color:#463b7f;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

 a.externe {
	background:transparent url(/images/lien-externe.gif) no-repeat;
	background-position:0 2px;
	padding-left:15px;
}

h1 em {
	color:#666;
}

em {
	font-style:normal;
}

strong {
	font-weight:bold;
}

hr {
	border:0;
	height:1px;
	background-color:#ccc;
	color:#ccc;
	margin-bottom:25px;
	margin-top:15px;
}

.clear {
	clear:both;
	line-height:0px;
	height:0px;
	margin:0;
	padding:0;
}

img.encadre {
	border:2px solid #ccc;
}

.indente {
	padding-left:10px;
	margin-top:1.5em;
	margin-bottom:2em;
}

.actif {
	color:#F68A27;
	font-weight:bold;
}

.note {
	font-size:0.8em;
	padding-top:10px;
}

.droite {
	text-align:right;
}

.pagination {
	/*width:300px;*/
	width:100%;
	margin:20px auto;
	text-align:center;
}
	#contenu .pagination a {
		display:block;
		float:left;
		padding:2px 6px;
		text-decoration:none;
	}
	
	#contenu .pagination a:hover {
		text-decoration:underline;
	}
	
	#contenu .pagination a.numero:hover,
	#contenu .pagination a.actif:hover {
		text-decoration:none;
	}
	
	.pagination a.numero {
		border-left:1px solid #ccc;
	}
	
		.pagination a.numero:hover {
			color:#fff;
			background-color:#4b4278;
		}
	
	.pagination a.dernier {
		border-right:1px solid #ccc;
	}

	.pagination a.courant {
		color:#fff;
		border:0;
		text-decoration:none;
		background-color:#4b4278;
	}

.boite-trouvez {
	background-color:#f0f0f0;
	border:1px solid #e1e1e1;
	padding:10px;
	margin-bottom:20px;
	width:auto;
}
	.boite-trouvez form {
		margin-bottom:12px;
	}

	.boite-trouvez label {
		display:block;
		margin-bottom:10px;
	}
	
	.boite-trouvez .trouvez{
		width:100px;
	}
	
	.boite-trouvez .btn-recherche {
		background-image:url(/images/recherche-gris.gif);
	}
	
.ui-accordion .ui-accordion-header { 
		padding-left: 10px;
		height:40px;
		margin-bottom: 0px;
		background-image:url(/images/bg-accordeon-short.gif);
		background-repeat:repeat-x;
		position:relative;
		cursor: pointer; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { 
		padding-left:10px;
		height:40px;
		margin-bottom: 0px;
		background-image:url(/images/bg-accordeon-short-actif.gif);
		background-repeat:repeat-x;
		border-bottom: 0 !important;
		color: #FF0000;}
.ui-accordion .ui-accordion-header a { color:#666;
		font-size:1.2em;
		position: relative;
		top:12px; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 10px 10px 10px 10px; background-color:#f0f0f0; display: none; overflow: hidden; }
.ui-accordion .ui-accordion-content-active { display: block; }
.ui-accordion .ui-state-active {background-image:url(/images/bg-accordeon-short-actif.gif);}
	
		#col-gauche em {
			display:block;
			padding-bottom:10px;
		}
		
		.contenu-accordeon li img {
			margin-right:10px;
			float:left;
		}

.boite-mauve {
	padding:10px 8px;
	background: #4b4279 url(/images/bg-boite-mauve.gif) repeat-x bottom;
	margin-bottom:30px;
	color:#ccc;
}
	
	.boite-mauve a {
		color:#ccc;
	}
	
	.boite-mauve h2 {
		padding-bottom:4px;
	}

		.boite-mauve h2 a{
			color:#fff;
		}
	
	.boite-mauve p {
		margin-bottom:25px;
	}
	.boite-mauve p.dernier {
		margin-bottom:10px;
	}
	
	.boite-mauve .img-entete {
		margin-bottom:8px;
	}
	
.boite-grise {
	margin-bottom: 20px;
	padding:10px 8px;
	background-color: #F3F2F3;
	background-image: url(/images/bg-boite-grise.gif) repeat-x bottom;
}

	.boite-grise h2 {
		font-size:1.2em;
	}
	
	#col-gauche-infos .boite-grise li.pdf {
		line-height:18px;
	}
		
		#col-gauche-infos .boite-grise .pdf a {
			background:transparent url(/images/pdf.jpg) 0 0 no-repeat;
			padding-left:22px;
			line-height:18px;
			display:block;
		}
	
.vedette {
	width:370px;
	margin: 0 0 17px 10px;
	float:left;
}
	
	.vedette p {
		margin: 0px;
		padding: 0px;
	}

.acc-vedette {
	background-color:#fff;
	padding:15px;
	margin-bottom:20px;
}

	.acc-vedette .encadre {
		float:left;
	}
	
	.infos-vedette {
		margin-left:95px;
	}
	
#fil .actif {
	color:#666;
}

.conteneur-info-bulle {
	position:relative;
}

.info-bulle {
	width:300px;
	background-color:#6d6d6d;
	position:absolute;
	padding:5px;
	display:block;
}
	.info-bulle span {
		color:#fff;
		display:block;
	}
	
	.info-bulle .triangle {
		width:11px;
		height:14px;
		background-image:url(/images/info-bulle-triangle.gif);
		background-repeat:no-repeat;
		position:absolute;
		left:-11px;
		top:50%;
		margin-top:-12px;
	}

/***********************************************************************************************/
/******************************************** ENTETE *******************************************/
/******************************************** ENTETE *******************************************/
/******************************************** ENTETE *******************************************/
/***********************************************************************************************/

#entete {
	height:162px;
	background-image:url(/images/entete.png);
	background-repeat:repeat-x;
}

#entete a.actif {
	color:#F68A27;
}

	#logo {
		margin:0;
		width:236px;
		height:147px;
		float:left;
	}
	
#utilitaires {
	margin:0 0 0 259px;
	padding-bottom:20px;
	height:40px;
}

	#utilitaires li {
		float:left;
		margin-right:20px;
		line-height:40px;
	}
	
	#utilitaires li.dernier {
	margin-right:0;
	}
	
	#utilitaires a {
		color:#fff;
	}
	
		#utilitaires a#abonner {
			background-image:url(/images/rss.png);
			background-repeat:no-repeat;
			background-position:right;
			padding-right:15px;
		}
	
	#utilitaires form{
		margin:9px 0 0 112px;
	}
	
		form .input-texte {
			border:0;
			color:#666;
			padding:3px;
			width:154px;
			font-size:1em;
		}
		
		form .btn-recherche {
			width: 20px;
			height: 20px;
			margin: 0 0 0 5px;;
			padding: 0;
			border: 0;
			background: transparent url(/images/recherche.gif) no-repeat center top;
			text-indent: -1000em;
			line-height:0px;
			cursor: pointer; 
		}
	
.navigation-principale {
	margin:0 0 0 24px;
	float:left;
}
	.navigation-principale ul {
		width:245px;
	}
	
	.navigation-principale li {
		margin-bottom:3px;
	}
	
	.navigation-principale a {
		font-weight:bold;
	}
	
	.navigation-principale .dernier {
		width:215px;
	}

#nav-domaine {
	margin:0;
	padding-left:30px;
	border-left:1px solid #ccc;
}

	#nav-domaine ul {
		width:auto;
		margin-right:0;
	}

 .colonne-navigation {
	float:left; 
}

#fil-ariane{font-size:1em;}

/***********************************************************************************************/
/******************************************* CONTENU *******************************************/
/******************************************* CONTENU *******************************************/
/******************************************* CONTENU *******************************************/
/***********************************************************************************************/
#top {
	border-bottom:1px solid #e5e5e5;
	padding:20px 10px 10px;
}

#col-gauche,
#col-centre,
#col-droite,
#col-centre-acc {
	float:left;
}

#col-gauche, #col-droite  {
	width:225px;
	padding:20px 0;
}

#col-centre {
	width:470px;
	padding:20px;
}
#col-centre-acc {
	width:490px;
	padding:20px 10px;
}

	#col-centre .liste-fixe {
		width:245px;
		float:left;
	}

#contenu {
	background-color:#fff;
}

	#contenu li,
	#contenu p,
	#contenu a,
	#bas-de-page p {
		line-height:1.35;
	}
	#bas-de-page .actif{font-weight:bold; color:#3e3e3e;}
		
	#contenu li {
		padding-bottom:8px;
	}
	
#col-droite {

}

	#col-droite ul {
		width:190px;
		margin-bottom:18px;
	}
	
	#col-droite ul.liste-sous-niveau {
		margin-bottom:8px;
	}
	
	#col-droite #imgBanniere{
		display:block;
		background-color:#FFFFFF;
		padding:0.9em;
		border:1px solid #E9E9E9;
	}
	
	#col-droite .infos-droite a{
		display:block;
	}
	
#equivalent-domaine{text-align:right; margin:0em; margin-bottom:2em; margin-top:-1.5em; padding:0em; font-size:0.9em;}	

/******* DOMAINE ELECTORAL *******/
#fondgris-domaine li,
	#fondgris-domaine p,
	#fondgris-domaine a {
		line-height:0.6;
	}
	
	#fondgris-domaine .boite-trouvez {
		background-color:#e0dfdf;
		border-color:#d4d4d4;
	}
	
		#fondgris-domaine .boite-trouvez .btn-recherche {
			background-image:url(/images/recherche-gris-fonce.gif);
		}

#col-gauche-domaine {
	width:460px;
	padding:20px 10px;
	float:left;
}

#col-droite-domaine {
	width:447px;
	padding:20px 10px;
	float:left;
}

#fondgris-domaine {
	background: #F2F2F2 url(/images/fond-gris.gif) bottom repeat-x;
}

	#fondgris-domaine ul {
		padding-bottom: 50px;
	}
	
	#fondgris-domaine #col1domaine ul{
		padding-bottom: 10px;
	}
	
	#fondgris-domaine h2 img {
	vertical-align:text-bottom;
	margin-left:5px;
}
	
#col2domaine, #col3domaine, #col4domaine {
	width:210px;
	float:left;
	padding: 12px 12px 12px 12px;
	background:url(/images/bg-border-domaine.gif) 0 0 repeat-y;
	height: 280px;
}

#contenu #col1domaine li, #contenu #col2domaine li, #contenu #col3domaine li, #contenu #col4domaine li {
	line-height: 0px;
	font-weight: bold;
}

#col1domaine ul, #col2domaine ul, #col3domaine ul, #col4domaine ul{margin-bottom:0em !important; padding-bottom:2em !important;}

#col1domaine {
	width:224px;
	float:left;
	height: 250px;
	padding: 12px 12px 12px 10px;
}

/************ PAGES DE CONTENU ************/
#col-gauche-contenu,
#col-droite-contenu {
	float:left;
}

#col-gauche-contenu {
	width:685px;
	padding-right:30px;
}

.zone-contenu input, .zone-contenu textarea{border:1px solid #919191;}
.zone-contenu input:focus, .zone-contenu textarea:focus{border:1px solid #484075;}
.zone-contenu{line-height:normal;}

	.zone-contenu a,
	#col-gauche-contenu a,
	#col-gauche-contenu #top a:hover {
		text-decoration:underline;
	}
	
	.zone-contenu a:hover,
	#col-gauche-contenu a:hover,
	#col-gauche-contenu #top a {
		text-decoration:none;
	}

#col-droite-contenu {
	padding-top:20px;
	width:245px;
}

#col-gauche-contenu #top {
	margin-bottom:20px;
}

#col-gauche-contenu ul, .zone-contenu ul {
	margin:20px 0 15px 50px;
}

	#col-gauche-contenu ul li, .zone-contenu ul li {
		list-style-image:url(/images/puce.gif);
		/*background:transparent url(/images/puce.gif) no-repeat !important;
		background-position:0 6px;*/
		/*padding-left:12px;*/
	}
	
	.zone-contenu #col-droite-contenu{float:right;}
	.zone-contenu #col-droite-contenu ul li {list-style-image:none;}
	.zone-contenu #col-droite-contenu ul {margin:0px 0 0px 0px;}
	.zone-contenu #col-droite-contenu a {text-decoration:none;}
	.zone-contenu #col-droite-contenu a:hover {text-decoration:underline;}

#col-droite-contenu ul li,
#col-droite-contenu ul li a,
#col-droite-contenu ul li ul li,
#col-droite-contenu ul li ul li a{
	line-height:1;
}

#col-droite-contenu ul li{
	font-weight:bold;
	padding-left:12px;
}

#col-droite-contenu ul li.ferme {background:transparent url(/images/puce-ferme.gif) 0 2px no-repeat;}
#col-droite-contenu ul li.ouvert {background:transparent url(/images/puce-ouvert.gif) 0 2px no-repeat;}
#col-droite-contenu ul li.actif a {color:#F68A27;}
#col-droite-contenu ul li.actif a:hover {text-decoration:none;}

	#col-droite-contenu ul li ul {
		padding-top:10px;
		margin-left:-8px;
	}

		#col-droite-contenu ul li ul li {
			font-weight:normal;
			padding-left:21px;
			border-left:1px solid #bebebe;
			background:transparent url(/images/navigation-branche.gif) 0 6px no-repeat;
		}
		
		#col-droite-contenu ul li ul li.dernier {
			border:0;
			background:transparent url(/images/navigation-branche-dernier.gif) 0 -4px no-repeat;
		}
		
			#col-droite-contenu ul li ul li ul {
				padding-left:25px;
			}
		
				#col-droite-contenu ul li ul li ul li{
					background:transparent url(/images/puce.gif) 0 5px no-repeat;
					padding-left:15px;
					border:0;
				}
				
				#col-droite-contenu ul li ul li ul li.actif {
					color:#F68A27;
					background:transparent url(/images/puce-actif.gif) 0 5px no-repeat;
				}

#col-droite-contenu ul.dernier,
#col-droite-contenu li.dernier {
	padding-bottom:0;
}

.note_encadre{background-color:#F1F1F1; padding:1em;}

/************ 3 COLONNES ***********/

#col-gauche-trois {
	border-bottom:1px solid #e5e5e5;
}

	#col-gauche-trois h2 {
		margin-top:15px;
		padding-bottom:3px;
		font-size:1.33em;
	}
#col-gauche-infos,
#col-gauche-sous-contenu {
	float:left;
	margin-top:20px;
}

#col-gauche-infos {
	width:225px;
}
	
	#col-gauche-infos h3,
	#col-gauche-sous-contenu h3 {
		font-size:1.2em;
	}
	
	#col-gauche-infos h4,
	#col-gauche-sous-contenu h4 {
		font-size:1.1em;
		font-weight:bold;
	}
	
	#col-gauche-infos ul {
		margin:10px 0 15px 0;
	}
	
		#col-gauche-infos ul li {
			background:none;
			padding-left:0;
		}

#col-gauche-sous-contenu {
	width:440px;
	padding-left:20px;
}

	#col-gauche-sous-contenu p {
		margin-bottom:10px;
	}
	
	#col-gauche-sous-contenu .liste-interne {
		margin:10px 0 10px 50px;
	}

/***********************************************************************************************/
/***************************************** BAS DE PAGE *****************************************/
/***************************************** BAS DE PAGE *****************************************/
/***************************************** BAS DE PAGE *****************************************/
/***********************************************************************************************/

#bas-de-page {
	height:87px;
	background: transparent url(/images/bas-de-page.gif) repeat-x;
	padding-top:12px;
	clear:both;
}

	#bas-de-page ul {
		width:245px;
		float:left;
	}
	
	#bas-de-page li {
		margin-bottom:4px;
	}
	
	#bas-de-page p {
		width:175px;
		margin-left:735px;
		color:#333;
	}
	
	#bas-de-page a {
		color:#fff;
	}

/***********************************************************************************************/
/****************************************** TABLEAUX *******************************************/
/****************************************** TABLEAUX *******************************************/
/****************************************** TABLEAUX *******************************************/
/***********************************************************************************************/

table {
	border-collapse:collapse;
	margin-bottom:30px;
	width:100%;
}

table,th,td {
	border:1px solid #a8a8a8;
}

th, td {
	padding:8px;
	vertical-align:middle;
	text-align:center;
}

th {
	color:#fff;
	background:#5e578b url(/images/th-hor.gif) bottom repeat-x;
}

th a {
	color:#fff;
	text-decoration:underline;
}

th a:hover {
	text-decoration:none;
}

.tableau-vertical th {
	width:230px;
}

th.ver {background:#5e578b url(/images/th-ver.gif) right repeat-y}
th.alt-ver {background:#79739e url(/images/th-alt-ver.gif) right repeat-y}

tr.alt-rangee td{
	background-color:#f2f2f2;
}

.aligne-g {
	text-align:left;
}

.aligne-d {
	text-align:right;
}

/***********************************************************************************************/
/******************************************* POP-UP ********************************************/
/******************************************* POP-UP ********************************************/
/******************************************* POP-UP ********************************************/
/***********************************************************************************************/

#popup {
	background-color:#fff;
}

	#popup .centre {
		width:720px;
		position:relative;
	}
	
	#popup #entete {
		height:96px;
		background:#fff url(/images/bg-entete-popup.gif) 0 0 repeat-x;
	}
	
		#popup #logo {
			height:96px;	
		}
		
		#popup #utilitaires {
			position:absolute;
			right:0;
		}
		
			#popup #utilitaires .dernier {
				font-weight:bold;
			}
	
	#popup #top {
		border:0;
		padding-bottom:20px;
		height:auto;
	}
	
		#popup h1 {
			margin-bottom:10px;
		}
		
/***********************************************************************************************/
/******************************************* Bouton ********************************************/
/******************************************* Bouton ********************************************/
/******************************************* Bouton ********************************************/
/***********************************************************************************************/
a.btn:visited,a.btn:active, a.btn:hover, a.btn:link{color:#000000;text-decoration:none;}
.btn {
  display:inline-block;
  background:none;
  margin:0;
  padding:3px 0;
  border-width:0;
  overflow:visible;
  font:100%/1.2 Arial,Sans-serif;
  text-decoration:none !important;
  color:#333;
  }
* html button.btn {
  padding-bottom:1px;
  }
/* Immediately below is a temporary hack to serve the 
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right 
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
  margin:0 -3px;
  }
.btn span {
  background:#ddd url(/images/bg-button.gif) repeat-x 0 0;
  margin:0;
  padding:3px 0;
  border-left:1px solid #bbb;
  border-right:1px solid #aaa;
  }
* html .btn span {
  padding-top:0;
  }
.btn span span {
  position:relative;
  padding:3px .4em;
  border-width:0;
  border-top:1px solid #bbb;
  border-bottom:1px solid #aaa;
  }

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
  border-right-width:0;
  }
button.pill-l span span {
  border-right:1px solid #bbb;
  }
button.pill-c span {
  border-right-style:none;
  border-left-color:#fff;
  }
button.pill-c span span {
  border-right:1px solid #bbb;
  }
button.pill-r span {
  border-left-color:#fff;
  }

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
  cursor:pointer; /* important for any clickable/pressable element */
  border-color:#483F74 !important;
  color:#000;
  }
.btn:active span {
  background-position:0 -400px;
  outline:none;
  }
.btn:focus, .btn:active {
  outline:none; /* doesn't seem to be respected for <button>, only <a> */
  }

/* use if one button should be the 'primary' button */
.primary {
  font-weight:bold;
  color:#000;
  }
  
/******************************************
Correction de l'affichage pour l'impression
******************************************/
#popup .centre {width:600px;}
#entete{display:none;}
#bas-de-page{display:none;}
#col-droite-contenu{display:none;}

#smoothzoom-toolbar { display:none; }