body {
	color: #000;
	background: #384a78;
	margin: 0;
	padding: 0;
}

/* définit les polices à utiliser par défaut (pour les vieux navigateurs)*/
body, html {
font-size:12px;
margin:0;
padding:0;
}
body, html, p, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font-family: Arial, "Lucida Sans", Verdana, sans-serif;
}


/* si body class=fr, justifie le texte des paragraphes, si body class=en, aligne à gauche*/
body.fr p, body.fr div {
	text-align:justify;
	}
body.en p, body.en div {
	text-align:left;
	}


h1 {
text-align:left;
background-color:transparent;}

h2 {
font-size:14px;
font-weight:bold;
border-bottom: 1px solid gray;
margin: 10px 10px 0 0;
text-align:left;
}

h3 {
font-size:12px;
margin:0;
padding:0;
font-weight:bold;
text-align:left;
}

h4 {
font-size:12px;
margin:0;
padding:0;
font-weight:normal;
text-align:left;
}

p {
font-size:12px;
margin:3px 0 0 0;
padding:0;
}

ul, ol {
	list-style-position:outside;
	margin:0;
	padding:0;
	}

li {
	background-color:transparent;
	margin: 0 0 0 20px;
	text-align:left;
	}
	
/* pour afficher des listes inline */

 div.enligne, ul.enligne li {
 	display:inline;
	margin:0;
	padding:0;
	
	}
 div.enligne ul, div.enligne ul li {
		  display: inline;
		  margin:0;
		  padding:0;
		  text-decoration: none;
		}

/* pour masquer un élément dans les navigateurs CSS */
.hide {
	display: none;
}

.inactif {
	color:#999999;
	}
.modif, .attention {
	font-style: italic;
	color:#FF0000;
	}



/* le fond de la table de contenu est blanc */
table#page {
	background-color: #fff;
	/*margin: 0 10px 0 10px;*/
	margin-left: auto;
    margin-right: auto;
}


/* le style par défaut des formulaires */
fieldset {
	border:none;
	background-color:transparent;
	margin:0;
	padding:0 6px 0 0;
	}
fieldset form {
	background-color:transparent;
	margin:0;
	padding:0;
	}
form dl {
	margin: 0;
	padding: 0;
	background-color:transparent;
	}
form dl dt {
	margin: 5px 0 0 0;
	padding: 0;
	background-color:transparent;
	}
label {
	font-weight:bold;
	}
	
input[type=text], input[type=password], select, textarea {
	background-color: #eee;
	border: 2px solid;
	border-color: #999 #D9D9D9 #D9D9D9 #999;
	font-size: 11px;
	}
	
input[type=submit], input[type=button] {
	margin: 10px 10px 10px 0;
}	
	/* pour afficher des input, select et textarea en ligne plutôt que en colonne */

		 ul.inline li {
		  display: block;
		  margin:0 6px 0 0;
		  text-decoration: none;
		  float: left;  
		}
		
		ul.inline li label {
		display:block;
		}
		
		/* efface les float  */
	 br
		{
  		clear: both;
		}
		
		dt.inline {
		float:left;
		}

/* formulaires d'administration */
fieldset.admin {
		border-bottom: 1px solid gray;
		padding: 0 0 10px 0;
		margin:0;
		background-color:transparent;

	} 

/* pour faire des listes d'images/légende */  
  div.spacer {
  clear: both;
  }
	
	
/* la tête de page */
/* ================= */

#tete_fr {
	height:150px;
	width:920px;
	background-image:url(/assets/tete_fr.jpg) ;
	background-color: transparent;
	padding:0;
	margin:0;
	text-align:right;
	}
#tete_en {
	height:150px;
	width:920px;
	background-image:url(/assets/tete_en.jpg) ;
	background-color: transparent;
	padding:0;
	margin:0;
	text-align:right;
	}

	
span#home {
	display:block;
	font-family: "Trebuchet MS", "Lucida Sans", Verdana, sans-serif;
	font-size:24px;
	font-weight:bold;
	background-color:transparent;
	margin-top:-25px;

	}
#tete br {
	clear:none;
	}
	
/* le style de la source de la page en mode=print */
#source {
	font-size: 14px;
	width:700px;
	white-space: pre;
	background-color:transparent;
	
	}



/* le style des liens par défaut */
a:link {
	color: #000;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	background: transparent;
	border-bottom-color: #e56916;

	
}

a:visited {
	color: black;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: gray;
}

a:hover {
	color: #666666;
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

/* n'affiche pas le souligné si le lien est une image */
a.bouton {
	border:none;
	background: transparent;
	margin: 0 0 0 0;

}

a.bouton img {
	padding:0;
	vertical-align:middle;
	}


/* images */
img {
	display: inline;
	border: 0;
	margin:0;
	padding:0;
	text-decoration:none;
	background: transparent;
	}

div#titrepage {
	background: url(/assets/boites/fond_1.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;
	}
div#titrepageliens {
	background: url(/assets/boites/fond_3.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;
	}
div#titrepagenews {
	background: url(/assets/boites/fond_4.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;

	}
div#titrepagequi {
	background: url(/assets/boites/fond_5.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;
	}
div#titrepageprogramme {
	background: url(/assets/boites/fond_6.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;

	}
div#titrepageaccords {
	background: url(/assets/boites/fond_8.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;
	}
div#titrepagelicenses {
	background: url(/assets/boites/fond_7.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;
	}
div#titrepageinfractions {
	background: url(/assets/boites/fond_9.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;
	}
div#titrepagecontacts {
	background: url(/assets/boites/fond_10.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;
	}
div#titrepageplan {
	background: url(/assets/boites/fond_11.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;
	}
div#titrepagedocs {
	background: url(/assets/boites/fond_12.jpg) right bottom no-repeat;
	border: 1px solid #dcdcdc;
	padding:0;
	margin:0;
	
	
	}


/* les boites */
/* utilisées pour les coins arrondis */

dl.boite {
width: 100%; /* dimensions et positions modifiables à loisir */
padding:0;
margin:0;
background-color:transparent;
}

dt.boite {
height: 12px;
background: transparent url(/assets/boites/haut.gif) top left no-repeat;
text-align: center; /* centrage du titre, bug IE*/
margin:0;
padding:0;
}

#left_navigation dl.boite {
	margin:0;
	padding:0;
	}

dd.boite {
border: solid #dedede; /* couleur et taille des bordures droite et gauche */
border-width: 0 1px;
padding: 0 0; /* padding gauche et droite pour éviter que le texte ne chevauche les bordures */
background:inherit;

}
.coinsbas {
height: 12px;
background: #fff url(/assets/boites/bas.gif) bottom left no-repeat;
border: 0 none; /* pas de bordure latérale pour la partie basse */
padding: 0; /* pas de texte donc pas de padding */


}

.coinsfloat { /* placement des coin droits en flottants */
float: right;
margin:0;
padding:0;

}


/* le menu de gauche */
/* ================= */



#left_navigation {
	font-size:11px;
	margin:0;
	padding:0;
	background-color:transparent;
	
	}


/* le petit formulaire de login */

#smalloginform {
	font-size: 9px;
	font-weight: bold;
	text-align:center;
	margin:0;
	padding:10px;
	background-color:transparent;
}

#smalloginform input[type="text"], input[type="password"] {
	background: #eee;
	border: 2px solid;
	border-color: #999 #D9D9D9 #D9D9D9 #999;
	font-size: 10px;
	}
	
li#login {
	
	font-weight:normal;
	text-align:center;
	}
	
dl, dt, dd {
	margin:0;
	padding:0;
	}

/* le menu de navigation */
#left_navigation ul {
list-style:none;
margin: 0;
padding: 0;
font-weight:bold;
background-color:transparent;
}
#left_navigation li {
	margin:0;
	padding:0;
	}

#menu {
border: 1px solid #dcdcdc; 
}

#menu li {
	margin:0 0 2px 15px;
	padding:0;
	height:100%;

		}
		
#menu li a, #menu li a:visited {
	display:block;
	border-bottom:0;
	color:#000000;
		}
#menu li a:hover {
	display:block;
	margin-right:0px;
	border-right:4px solid #9ed200;
	color:#9ed200;
		}
#menu li a.bouton:hover {
	display:block;
	margin-right:0;
	border:0;
			}
	
#menu li.nav_section, #admin li.nav_section {
	margin: 20px 0 0 5px;
	font-family: "Trebuchet MS", "Lucida Sans", Verdana, sans-serif;
	font-size:16px;
	color:#9ed200;
	background-color:transparent;
	}
	
li.nav_section#first {
	margin-top:0px;
	padding-left:5px;
	background-color:transparent;
	margin-right:0;
	}
	
li#traduire , li#imprimer {
	text-align:center;
	margin:5px 0 5px 0;
	padding:0;
	background-color:transparent;
	
	}
	
ul#image_aleatoire {
	border:0;
	background-color:transparent;
	margin: 10px 0 10px 0;
	padding:0;
	width:158px;

	}
ul#image_aleatoire li {
	border:0;
	background-color:transparent;
	margin:0;
	padding:0;
	width:158px;
	height:auto;

}

li#traduire {
	margin-top:25px;
	}


ul#w3c {
	background-color:transparent;
	margin: 50px 0 5px 0;
	/* uniquement pour IE5/6  */
	width:123px;
	}

/* commented backslash hack v2 pour IE5 mac \*/
ul#w3c {
	voice-family: "\"}\"";
	voice-family:inherit;
	width:158px;
	}
/* fin du hack */


	
#w3c li {
	text-align: center;
	margin-bottom:5px;
	background-color:transparent;
	}
	
	
/* le bas de  page       */
/* ===================== */	
#footer {
	text-align: center;
	font-size: 10px;
	}

/* le contenu de la page */
/* ===================== */

 #left, #contenudepage {
 	margin:0;
	background-color:transparent;
 	}
	
div.rubrique, div#baspage, div#treedoc, div#searchsimple {
	/* border: 1px solid #dcdcdc; -> remplacé par les boites*/
	padding:0;
	margin-bottom:0;
	margin-top:20px;
	background-color:transparent;
	}

	
div.rubrique {
	border: 1px solid #dcdcdc;

	}
	
div#baspage, div#treedoc, div#searchsimple {
	border-top: 1px solid #dcdcdc;
	border-bottom: 0;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;


	}
	
img.icone_rubrique {
	background-color: transparent;
	float:left;
	margin:0;
	padding:0;
	}	
	
 #contenudepage h1 {
 	float:none;
	display:block;
	font-family: "Trebuchet MS", "Lucida Sans", Verdana, sans-serif;
	font-size:16px;
	color:#9ed200;
	background-color: transparent;
	padding:0 0 0 30px;
	margin: 3px 0 0 3px;
	vertical-align:top;
	text-transform:lowercase;	}	

	
.rubrique {
	margin:0;
	padding:0;
	background-color: transparent;
	}	
	
.titrecontenu, .rubriquecontenu {
	font-size:12px;
	background-color: transparent;
	margin:0;
	padding: 0 6px 6px 30px;
	min-height: 60px;
	}
.alldoccontenu {
	font-size:12px;
	background-color: transparent;
	margin:0;
	padding: 0 6px 6px 10px;
	min-height: 60px;
	}
	
#contenudepage ul {
	margin:0;
	padding: 5px 0 0 0;
	
	}

#bascontenu {
	padding: 0 6px 0 30px;
	margin:0;
	background-color: transparent;
	}	

/* liens à voir          */
/* ===================== */

	
 #newslistcompact ul, #linkslistcompact ul, #docslistcompact ul, #treedocs ul  {
	background-color: transparent;
	padding:0;
	margin:0;
	list-style: none;
	}


#linkslistcompact li{
	clear:both;
	display:block;
	background:url(/assets/blt_liens.gif) no-repeat 15px 0;
	margin: 5px 0 0 0;
	padding:0 0 0 30px;
	}
#newslistcompact li{
	background:url(/assets/blt_news.gif) no-repeat 15px 0;
	margin: 5px 0 0 0;
	padding:0 0 0 30px;
	}
#docslistcompact li, #treedocs li {
	background:url(/assets/blt_doc.gif) no-repeat 15px 0;
	margin: 5px 0 0 0;
	padding:0 0 0 30px;
	}


#linkslistcompact p, #newslistcompact p {
	background-color: transparent;
	padding:0 0 0 0;
	margin:0;
	font-size:10px;
	font-weight:normal;
	}

/* nouvelles compactes   */
/* ===================== */

	
#linkslistcompact h2, #newslistcompact h2, #docslistcompact h2, #treedocs h2 {
	display:inline;
	background-color: transparent;
	padding:0;
	margin: 0 10px 0 0;
	font-size:11px;
	font-weight: bold;
	text-align:left;
	border:0;
	}

#newslistcompact span.date, #docslistcompact span.date, #newslist span.date, #treedocs span.date {
	font-size: 10px;
	margin: 0;
	padding: 0 5px 0 0;
	color:#808080;
	background-color:transparent;
	}	


.small {
	padding:0;
	margin:0;
	font-size: 9px;
	background-color: transparent;
	}
	
	
#docslistcompact h3, #treedocs h3 {
	background-color: transparent;
	padding:0;
	margin:3px 10px 0 0;
	font-size:10px;
	font-weight: normal;
	display:inline;
	}


/* listes de liens, de documents, de nouvelles */
/* ============================================*/

.date {
	font-size: 12px;
	margin: 0;
	padding: 0 5px 0 0;
	color:#808080;
	white-space: nowrap;
	overflow:visible;
	background-color:transparent;
	}	


#linkslist, #newslist, #docslist {
	background-color: transparent;
	padding:0 5px 0 0;
	margin:0 0 0 0;
	}
#newslist ul {
	background-color: transparent;
	padding:0;
	margin:0;
	list-style: disc url(/assets/blt_news.gif) inside;
	}
#linkslist ul {
	background-color: transparent;
	padding:0;
	margin:0;
	list-style: disc url(/assets/blt_liens.gif) inside;
	}
#linkslist li {
	margin:5px 0 0 0;
	}


#docslist ul.liste {
	background-color: transparent;
	padding:0;
	margin:0;
	list-style: disc url(/assets/blt_doc.gif) inside;
	}

.liste h2, .liste h3, #linkslist h2, #linkslist h3 {
font-size:12px;
font-weight:bold;
display:inline;
margin:0 6px 0 0;
padding:0;
background-color: transparent;
text-align:left;
border:none;
}

.liste li.titrepremier {
	border-top: 1px solid gray;
	margin-top:3px;
	padding-top:10px;
	}

.liste h3 {
	font-weight: normal;
	}

div.doc_reste {
	background-color:transparent;
	margin:0 0 10px 0;
	padding:0 0 6px 0;
	border-bottom: 1px solid gray;
	}
.liste h4, .liste p {
margin:0 6px 0 0;
padding:0;
display:inline;
}

.liste p.resume, .liste p.langue {
	color:#666666;
	}

.liste p.download, .liste p.edit, .liste p.modif, .liste p.poste {
	display:block;
	background-color:transparent;
	}

.liste p.edit img {
	background-color:transparent;
	margin:6px 0 0 0;
	}

.prevnext {
	background-color:transparent;
	padding: 3px 0 3px 0;
	margin:0;
	font-size:10px;
	text-align:center;
	width:100%;
	}

div.prevnext li a, div.prevnext li span.inactif {
	margin:0 50px 0 50px;
	background-color:transparent;
	}
	
.tri_barre {
	width:100%;
	background-color:transparent;
	font-size:12px;
	margin: 10px 0 0 0;
	padding:0 0 3px 0;
	text-align:left;
	}

/* détails du document */
#document h3.addbiblio {
	margin:0 0 10px 0;
	}
#document p.resume {
	margin:0 0 0 10px;
	}
#document p.download {
	margin:10px 0 0 0;
	text-align:right;
	}
/* affiche le lien [retour] dans les pages de détails de nouvelle ou de document*/
span.retour {
	font-size:11px;
	display:inline;
	background-color:transparent;
	float:right;
	margin: 10px 10px 0 0;
	}
	
.langue, .langue label {
	text-align: left;
	background-color=red;
}


.image_left {
	padding: 2px 5px 5px 5px;
	float: left;
}

.image_right {
	padding: 2px 5px 5px 5px;
	float: right;
}