@CHARSET "UTF-8";

html {
	background-color: #6182A9;
	background-image: url(../img/fond.png);
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	height: 100%;
}

a:hover {
	text-decoration: none;
	}

#contexte {
	position: absolute;
	right: 10px;
	top: 45px;
	margin-right: 10px;
	font-family: verdana;
}

.enteteTexte {
	text-align: center;
	font-style: bold;
	text-decoration: none;
	font-size: 120%;
	margin-bottom: 30px;
}

.savoirPlus {
	text-transform:uppercase;
}
	
#Texte A {
	font-style: normal;
	color: #f00;
	text-decoration: underline;
}

#titreTexte A:hover {
	font-style: normal;
	color: #00f;
}

#nbTextesJO {
	text-align: center;
	font-style: normal;
	color: #000;
	font-size: 120%;
	
}

.cache {
	display: none;
	}

#titrePage {
	width: auto;
	color: #fff;
	background-color: #557aac;
	border-top: 1px solid #0909b0;
	border-bottom: 1px solid #0909b0;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 150%;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	clear: both;
	text-align: left;
}

.valign-titrePage {
	font-size: 130%;
	color:#fff;
	margin-left: 20px;
	font-weight: 600;
	font-family: verdana;
	vertical-align:middle;
	width: auto;
}

.valign-criteres {
	font-size: 100%;
	color:#ffe;
	margin: 0 0 0 10px;
	font-weight: 300;
	font-family: verdana;
	height:auto;
	line-height: 200%;
	vertical-align: middle;
	width: auto;
	left: 0;
}


div.row {
	clear: both;
	padding-top: 3px;
}

div.row span.label {
	float: left;
	width: 35%;
	text-align: right;
	margin: 3px 3px 0 0;
}

div.row span.inputNoEx {
	float: left;
	width: 55%;
	text-align: left;	
}


.titre {
	font-size: 130%;
	color: #fff;
	margin-left: 0px;
	background-color: #6182A9;
	border: 1px solid #0E3D6E;
	padding: 5px 5px 5px 15px;
	font-weight: 600;
	font-family: verdana;
}

ul.lien_texte li{
	padding: 5px 10px 0 0;
	}

.soustitreSommaire {
	font-size: 120%;
	color:#000;
	margin-left:5px;
	font-family: verdana;
}

.soustitre {
	font-size: 120%;
	color: #369;
	margin-left: 5px;
	font-family: verdana;
	font-weight: bold;
}

.nonVigueur {
	float: right;
	font-size: 120%;
	color: #369;
	margin-right: 5px;
	font-family: verdana;
	text-decoration: underline;
}

span#nonVigueur a {
	color: #000000;
	background-color: inherit;
}

.soustitre_gris {
	font-size: 120%;
	color: #999;
	margin-left: 5px;
	font-family: verdana;
}

.soustitre2 {
	font-size: 115%;
	color:#000000;
	margin-left:5px;
	font-family: verdana;
	font-weight: bold;
}

.date {
	position: absolute;
	right: 10px;
	top: 10px;
	margin-right: 10px;
	font-family: verdana;
}

.conteneur {
	position: strict;
	width: auto;
	margin: 0 2px 10px 2px;
	padding: 2px;
	background-color: #fff;
}

.conteneurBorder {
	position: strict;
	width: auto;
	margin: 0 2px 10px 2px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #bcd4f6;
}

#fenetreTexte{
	margin: 0 2px 10px 0;
	padding: 2px;
	background-color: #fff;
	width: auto;
}

.divDroite2 {
	width: auto;
	margin: 0 2px 10px 2px;
	padding: 0 2px 1px 2px;
	overflow: auto;
}

.divDroite335 {
	width: auto;
	margin: 0 2px 10px 335px;
	padding: 0 2px 1px 2px;
}

.divGauche {
	float: left;
	margin: 2px 2px 10px 2px;
	padding: 0 2px 1px 2px;
	overflow: auto;
	width: 80%;
}

.conteneur-centre {
	width: auto;
	margin: 0;
	padding: 2px;
}

#corpsRech {
	background-color: #fff;
	text-align: left;
	font-style: normal;
	font-family: verdana;
	padding: 0;
	margin: 0;
}

#corps {
	font-style: normal;
	font-family: verdana;
	padding: 0;
	height: auto;
	min-height: 310px;
	_height: 310px;
}
	
ul {
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}
	
ul li {
	list-style-image: url(../img/fleche.gif);
	margin: 3px 0;
	vertical-align: middle;
}
	
li p {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #000;
	text-decoration: none;
}
	
	
div a {
	color: #00f;
	text-decoration: underline;
}
	
div a:hover {
	text-decoration: none;
	color: #000;
}
	
li a {
	margin-bottom: 3px;
	padding-bottom: 0;
	font-style: normal;
	color: #000;
	text-decoration: underline;
}
	
li a:hover {
	font-style: normal;
	color: #00f;
}


a.lienSommaire {
	margin-bottom: 0px;
	padding-bottom: 3px;
	font-style: normal;
	color: #0000FF;
	text-decoration: underline;
}

a.lienSommaire:visited {
	font-style: normal;
	color: #808;
	text-decoration: underline;
}

a.lienSommaire:hover {
	font-style: normal;
	color: #000000;
}

#header {
	position: strict;
	margin-left:0;
	margin-top: 0;
	height: 61px;
	background-color: #fff;
}

.valign-footer {
	line-height: 300%;
}

.enteteResultats{
	align: center;
	font-style: normal;
	color: #000;
	text-decoration: none;
	position:strict;
	text-align: center;
	}
	
.nbResultats {
	font-size: 130%;
}

.naviResultats {
	float: right;
	margin-right: 10px;
}

#titreTexte {
	text-align: center;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-size: 150%;
	margin-bottom: 30px;
}

.sommaire {
	background-color: #fff;
	font-size: 120%;
	border: 1px solid #bcd4f6;
}

.gris{
	color: #999;
}
	
#bandeauNavig {
	position: strict;
	left: 2px;
	width: 323px;
	margin: 0 2px 10px 2px;
	padding: 2px;
	background-color: #fff; 
	border: 1px solid #bcd4f6;
}

.menu335 {
	width: 325px;
	float: left;
	left: 2px;
	font-color:  #fff;
	margin-bottom: 2px;
	
}

.menu2 {
	position: absolute;
	left: 2px;
	font-color: #fff;
	margin-bottom: 2px;
	
}

.menuSarde {
	left: 2px;
	right: 2px;
	background-color: #fff;
	margin-bottom: 2px;
}
	
#bandeauSommaire {
	height: 200px;
	width: 320px;
	padding: 3px;
	overflow: auto;
	visibility: visible;
	font-color: #f00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 3px;
}

#bandeauSommaireGeneric {
	width: auto;
	padding: 0;
	overflow: auto;
	visibility: visible;
	font-color: #f00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 3px;
}

#bandeauResultat {
	height: auto;
	max-height: 150px;
	_height: 150px;
	overflow: auto;
	font-color: #f00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	border: 1px solid #999;
}
	
.pGauche {
	margin-top: 5px;
	padding-bottom: 5px;
	width: auto;
}

 .leaf, .leaf_gris, .folder, .folder_gris {
	margin-top: -1px;
	margin-bottom: -1px;
	cursor: pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

/*	#####################################################
	Css pour les options
*/
option.optionPaire {
	background-color: #def;
}

option.optionImpaire {
	background-color: #fff;
}

.folder A {
	color: #000;
	text-decoration: none;
}

.folder A:hover {
	color: #00f;
}

.folder_gris A {
	color: #999;
	text-decoration: none;
}

.folder_gris A:hover {

	color: #000;
}

.leaf A {

	color: #000;
	text-decoration: none;
}

.leaf A:hover {

	color: #00f;
}

.leaf_gris A {
	color: #999;
	text-decoration: none;
}

.leaf_gris A:hover {
	margin-top: -1px;
	margin-bottom: -1px;
	color: #000;
}

#bandeauVersions {
	height: auto;
	max-height: 200px;
	_height: 200px;
	overflow: auto;
	visibility: visible;
	color: #000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top: 3px;
}

#bandeauVersions a {
	color: #00f;
	}
	
#bandeauVersions a:hover {
	color: #000;
	}
	

.versionRouge{
	color: #f00;
}
	
.ssTitreArt {
	text-align: center;
	font-weight: bold;
	color: #000;
}
	
.titreArt {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin: 0;
}

.titreArtGris {
	text-align: center;
	font-style: bold;
	color: #A0A0A0;
	text-decoration: none;
	font-size: 120%;
	margin-bottom: 30px;
}

.titreArtGris a{
	color: #A0A0A0;
	text-decoration: underline;
	}

.titreTxt {
	text-align: left;
	font-style: bold;
	color: #00f;
	text-decoration: none;
	font-size: 120%;
	margin-bottom: 30px;
}

.titreMenu {
	font-weight: bold;
	margin: 10px 0;
}


.liensArtCita{
	font-weight:600;
}

.liensArtResolu {
	text-align: left;
	font-weight: normal;
	color: #00f; 
	text-decoration: underline;
	font-size: 100%;
	margin-top: 30px;	
	margin-bottom: 10px;
}
.liensArtResolu:hover {
	color: #000;
}

.liensArtNonResolu {
	text-align: left;
	color: #999;
	text-decoration: none;
	font-size: 100%;
	font-weight: normal;
	margin-top: 30px;	
	margin-bottom: 10px;
}

.histoArt {
	text-align: center;
	color: #000;
	text-decoration: none;
	font-size: 100%;
	margin-bottom: 10px;
}

.notaArt {
	padding-top: 10px;
	font-style: italic; 
}

.renvoiTexte {
	font-style: italic; 
}

.geoArt {
	color: #00f;	
}

.codeNomenclatureArt {
	color: #303030;
}

.etatArt {
	color: #303030;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 120%;
}

#outils {
	text-align: right;
	right: 10px;
}

#outils A {
	color: #fff;
	text-decoration: underline;
}

#outils A:hover {
	font-style: normal;
	color: #ff0;
}
#outils .noLink {
	color: #fff;
	font-style: italic;
}

.lienBlanc A {
	color: #fff;
	text-decoration: underline;
}

.lienBlanc A:hover {
	font-style: normal;
	color: #ff0;
}
	
.field {
	border: 1px solid #bcd4f6;
	max-width: 815px;
	padding-top: 5px;
	padding-bottom:10px;
}

.fieldGd {
	border: 1px solid #bcd4f6;
	margin-bottom: 10px;
}

.legende {
	color:  #6182A9;
	padding-bottom:5px;
}

.cleaner {
	clear: both;
	height: 1px;
	font-size: 0;
	border: none;
	margin: 0; 
	padding:0;
	background-color transparent;
}

.separationSection {
	margin-left: 35%;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 115%;
	width: 30%;
	text-align: center;
	height: 20px;
}
	
.titreSection {
	font-style: bold;
	color: #000;
	text-decoration: none;
	font-size: 150%;
	margin-bottom: 30px;
}

.titreSection_abroge {
	font-style: bold;
	color: #999;
	text-decoration: none;
	font-size: 150%;
	margin-bottom: 30px;
}

.txtChpRechCode {
	float: left;
	text-align: right;
	width: 200px;
	padding-right: 10px;
}

.txtChpRechConvColl {
	float: left;
	text-align: right;
	width: 155px;
	padding-right: 5px;
}

.txtChpRechJuriconstitutionnelle {
	float: left;
	text-align: right;
	width: 100px;
	padding-right: 5px;
}

.txtChpRechTexte {
	float: left;
	text-align: right;
	width: 150px;
	padding-right: 10px;
}
.txtChpRechTexteCode {
	float: left;
	text-align: right;
	width: 110px;
	padding-right: 10px;
}

.txtChpRechExpTexteCode {
	float: left;
	text-align: right;
	width: 110px;
	padding-right: 10px;
}

.txtChpRechExpModifTexte {
	float: left;
	text-align: right;
	width: 150px;
	padding-right: 10px;
}

.txtChpRechExpConcordance {
	float: left;
	text-align: right;
	width: 150px;
	padding-right: 10px;
}

.selectChpRechExpTexteCode{
	float: left;
	text-align: right;
	width: 110px;
	padding-right: 10px;
	padding-bottom: 5px;
}

.texteExemple {
	color: #369;
	font-size: 90%;
	position: relative;
	bottom: 5px;
	margin-left: 10px;
}

.texteExemple2 {
	color: #369;
	font-size: 90%;
	position: relative;
}

.texteExempleNA{
	color: #369;
	font-size: 90%;
}

.btnRech {
	text-align:left;
	margin-left: 210px;
	margin-top: 5px;
}
.btnRechExp {
	margin-top: 10px;
	float: right;
	right: 5px;
}

.surligne{
	background-color: #ff0;
	font-weight: bold;
	color: #000;
}

#dataprint{
	display: none;
}

.corpsArt {
	background: transparent;
	color: #000;
	margin-top: 10px;
}

.corpsArtNonVigueur {
	background: transparent;
	color: #999;
	margin-top: 10px;
}

.titreTexteNonVigueur {
	background-color: #DDD;
	color: #000;
	padding: 5px;
}

img {
	border: none;
}

.imgAlign{
	position: relative;
	z-index: 50;
}
	
.imgAlignLeaf{
	/*position: relative;
	bottom: 8px;*/
	margin-bottom: 6px;
	z-index: 49;
}

.resultMenuCode {
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.ancreSommaire{
	font-weight: bold;
	color: #005;
}

.textArea{
	font-family: verdana;
	font-size:100%;
}
	
.textAreaError{
	font-family: verdana;
	font-size:100%;
	border: 1px solid #f00;
	background-color: #fee;
}

.button{
	font-family: verdana;
	font-size: 100%;
	height: 20px;
	}


#convCollLink a {
	background: url(../img/fleche.gif) no-repeat left;
	padding-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-style: normal;
	color: #000;
	text-decoration: underline;
	display: inline-block;
}
	
#convCollLink a:hover {
	font-style: normal;
	color: #00f;
}

#link a {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-style: normal;
	color: #000;
	text-decoration: underline;
	display: inline-block;
}
	
#link a:hover {
	font-style: normal;
	color: #00f;
}

.btnRechConvColl {
	text-align:right;
	margin-right: 10px;
	margin-top: 5px;
}

.btnRechConvCollExp {
	margin-top:10px;
	float: right;
	right: 5px;
}

/*	#########################################################
	STYLES POUR LE SOMMAIRE DES CODES
*/
.TM1Code{
	font-size: 130%;
	font-weight: 900;
}

.TM1Code_gris{
	font-size: 130%;
	font-weight: 900;
	color:#999;
}

.TM2Code{
	font-size: 115%;
	font-weight: 800;
	padding-left: 15px;
}

.TM2Code_gris{
	font-size: 115%;
	font-weight: 800;
	color:#999;
	padding-left: 15px;
}

.TM3Code{
	font-size: 105%;
	font-weight: 700;
	padding-left: 30px;
}
	
.TM3Code_gris{
	font-size: 105%;
	font-weight: 700;
	color:#999;
	padding-left: 30px;
}

.TM4Code{
	font-size: 100%;
	font-weight: 600;
	padding-left: 45px;
}

.TM4Code_gris{
	font-size: 100%;
	font-weight: 600;
	color:#999;
	padding-left: 45px;
}

.TM5Code{
	font-size: 100%;
	font-weight: 500;
	padding-left: 60px;
}

.TM5Code_gris{
	font-size: 100%;
	font-weight: 500;
	color: #999;
	padding-left: 60px;
}

.TM6Code{
	font-size: 100%;
	font-weight: 400;
	padding-left: 75px;
}
.TM6Code_gris{
	font-size: 100%;
	font-weight: 400;
	color: #999;
	padding-left: 75px;
}

.TM7Code{
	font-size: 100%;
	font-weight: 300;
	padding-left: 90px;
}

.TM7Code_gris{
	font-size: 100%;
	font-weight: 300;
	color: #999;
	padding-left: 90px;
}

.TM8Code{
	font-size: 100%;
	font-weight: 200;
	padding-left: 105px;
}
	
.TM8Code_gris{
	font-size: 100%;
	font-weight: 200;
	color:#999;
	padding-left: 105px;
}

.TMDefautCode{
	font-size: 100%;
	font-weight: 0;
}

.TMDefautCode_gris{
	font-size: 100%;
	font-weight: 0;
	color:#999;
}

#listeAlphabetique {
	width: 		60px;
	float: 		left;
	display:	inline;
}

.notes {
	color: #00f;	
}

table {
	padding: 0;
	margin: 5px auto;
	border-collapse: collapse;
	border: 2px solid #0909b0;
	color: #000;
	font-size: 90%;
	clear: right;
}

th {
	text-align: center;
	padding: 5px;
	margin: 0 auto;
	border-collapse: collapse;
	border: 1px solid #0909b0;
	color: black;
	background-color: #79c;
	color: #fff;
	font-size: 90%;
}

div#content_left td {
	border: 1px solid #0909b0;
	padding: 5px;
	margin: 0;
}

div#content_false td {
	border: 1px solid #0909b0;
	padding: 5px;
	margin: 0;
}

div.dates {
	clear: both; 
	padding-top: 3px;	
}

div.dates div.inputDateJour {
	float: left;
	text-align: center;
	margin: 1px 0 0 0;
}

div.dates div.inputDateMois {
	float: left;
	text-align: center;
	margin: 1px 0 0 0;
}

div.dates div.inputDateAnnee {
	float: left;
	text-align: center;
	margin: 1px 0 0 0;
}

div.dates div.inputDateAnnee submit {
	vertical-align: center;
}

div.dates div.dateButton {
	float: left;
	width: 40px;
	text-align: center;	
	margin: 10px 1px 1px 0;
	margin-top: 8px !important;
}

div.dates div.inputCalendrier {
	float: left;
	width: 15px;
	text-align: center;	
	margin: 15px 1px 1px 0;
}

div.dates div.dateEx {
	float: left;
	text-align: left;
	margin: 17px 0 0 0;
	color: #369;
 	background-color: inherit;
 	font-size: 90%;
}

select {
	font-size: 95%;
}

#exportRTF {
	margin: 20px 0 0 0;
	text-align: center;
}

/* Boutons RTF / Fax */

#exportRTF a {
	font-size: 110%;
	border: 1px solid #000;
	padding: 10px;
	margin: 0 0 0 10px;
	color: #fff;
	background-color: #79c;
}

#exportRTF a:hover {
	color: #ff0;
	}
	
/* FIN Boutons RTF / Fax */

div#oldURL {
	margin-left: 0px;
	background-color: #ff0; 
	color: #000; 
	font-size: 110%; 
	border: 2px solid #f00; 
	position: absolute; 
	width: 72%; 
	top: 130px; 
	padding: 5px;
	margin-left: 25% !important;
}

div#oldURL div#subtitle {
	font-color: #f00;
	font-weight: bold;	
}

div#oldURL2 {
	margin-left: 0;
	background-color: #ff0; 
	color: #000; 
	font-size: 110%; 
	border: 2px solid #f00; 
	position: absolute; 
	width: 98%; 
	top: 130px; 
	padding: 5px;
	margin-left: 0px !important;
}

div#oldURL2 div#subtitle {
	font-color: #f00;
	font-weight: bold;	
}

#treeview {
	 border: 1px solid #369; 
	 height: 280px; 
	 overflow: auto; 
	 padding: 2px;
}

#treeview img {
	border: 0;
	vertical-align: middle; 
	margin-right: 2px;
	z-index: 0;
}

#treeview a, .codeLienArt a {
	color: #00f;
}

#treeview a:hover, #treeview a:hover.gris, .codeLienArt a:hover {
	color: #000;
}

#treeview a.gris {
	color: #999;
}

ul.noType, li.noType {
	list-style-type: none; 
	list-style-image: none;
}

li.noType {
	line-height: 1.5em;
}

.codeLienArt {
	font-size: 100%;
	font-weight: normal;
}

.normal {
	font-size: 90%;
	font-weight: normal;
	color: #000;
}

.link_list {
	margin-left: 40px;
}

.article, .section {
	margin: 35px 0;
}

/*SARDE*/

.resultats1, .resultats2 {
	text-align: left;
	color: #000;
	background-color: #f5f5f5;
	padding: 5px;
	width: 100%;
}

.resultats1 a, .resultats2 a{
	color: #00f;
	}
	
.resultats1 a:hover, .resultats2 a:hover{
	color: #000;
	}

.resultats2 {
	background-color: #fff;
}

.resultats1 li, .resultats2 li {
	list-style-image: none;
	margin: 1px 0;
	padding: 0;
}

.resultats1 ul, .resultats2 ul {
	margin: 0 40px;
	padding: 0;
}

.resultats1 blockquote, .resultats2 blockquote{
	margin: 1px 40px;
	padding: 0;
}

#header_sarde {
	margin: 0;
	padding: 10px;
	background-color: #79c;
	border-bottom: 1px solid #000;
	font-size: 120%;
	color: #fff;
}

#header_sarde a {
	color: #fff;
	}
	
#header_sarde a:hover {
	color: #ff0;
	}

.italic{
	font-style: italic;
	}
	
.renvoi {
	font-weight: normal;
}

.enSavoirPlus {
	font-weight: normal;
}

.contexte {
	margin-bottom: 15px;
	padding: 5px;
	background-color: #eee;
	}

.margin-left {
	margin-left: 30px;
}

.center {
	text-align: center;
}

h1 {
	text-align: center;
	font-weight: bold;
	font-size: 150%;
}