@CHARSET "UTF-8";

html {
	background-color: #fff;
	float: none !important;
}

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

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

#contexte {
	display: none;
}

.enteteTexte {
	text-align: center;
	font-style: bold;
	text-decoration: none;
	font-size: 120%;
	margin-bottom: 30px;
}
	
#Texte A {
	font-style: normal;
	color: #FF0000;
	text-decoration: none;
}

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

.cache {
	display: none;
	}


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

.valign-titrePage {
	font-size: 130%;
	color:#FFFFFF;
	margin-left: 20px;
	font-weight: 600;
	font-family: verdana;
	vertical-align:middle;
	width: auto;
}
.valign-criteres {
	font-size: 100%;
	color:#FFFFF1;
	margin-left: 10px;
	font-weight: 300;
	font-family: verdana;
	height:auto;
	line-height: 200%;
	vertical-align:middle;
	width: auto;
	margin-top: 0;
	left: 0;
}


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

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

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


.titre {
	font-size: 110%;
	color: #000;
	margin-left: 0;
	font-weight: bold;
}

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

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

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

.date {
	display: none;
}

.conteneur {
	width: auto;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
}

.conteneurBorder {
	width: auto;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	border: 1px solid #bcd4f6;
	background-color: #FFFFFF;
}

#fenetreTexte{
	margin-right: 2px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF;
	width: auto;
	}

.divDroite2 {
	width: auto;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	border: 0px solid #000000;
	overflow: auto;
}

.divDroite335 {
	width: auto;
	margin-right: 2px;
	margin-left: 335px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 1px;
	border: 0px solid #000000;
}

.divGauche {
		float: left;
		margin-right: 2px;
		margin-left: 2px;
		margin-top: 2px;
		margin-bottom: 10px;
		padding-right: 2px;
		padding-left: 2px;
		padding-bottom: 1px;
		border: 0px solid #000000;
		overflow: auto;
		width: 80%;
}

.conteneur-centre {
	width: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	border: 0px solid #000000;
}

#corpsRech {
	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;
}
	
#actu {

}

ul {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
	
ul li {
	list-style-image: url(../img/fleche.gif);
	margin-top: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
}
	
li p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}
	
li a {
	margin-bottom: 0px;
	padding-bottom: 3px;
	font-style: normal;
	color: #000;
	text-decoration: none;
}
	


#header {
	margin-left:0;
	margin-top: 0;
	height: 61px;
	background-color: #FFFFFF;
	float: none !important;
}

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

IMG {
	border: 0px solid #300030;
}

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

.resultats {
	text-align: left;
	font-style: normal;
	color: #000000;
	background-color: #bcd4f6;
	text-decoration: none;
	padding-bottom:2px;
	width:100%;
}

.resultats2 {
	text-align: left;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	padding-bottom:2px;	
	width:100%;
	
}

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

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

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

.gris{
	color: #C0C0C0;
}
	
#bandeauNavig {
	left: 2px;
	width: 323px;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	background-color: #FFFFFF; 
	border: 1px solid #bcd4f6;
}

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

.menu2 {
	left: 2px;
	font-color:  #FFFFFF;
	margin-bottom: 2px;
	
}

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

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

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

#bandeauSommaire .leaf {
	margin-top: -1px;
	margin-bottom: -1px;
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bandeauSommaire .leaf_gris {
	margin-top: -1px;
	margin-bottom: -1px;
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bandeauSommaire .folder {
	margin-top: -1px;
	margin-bottom: -1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	width: auto;
}

#bandeauSommaire .folder_gris {
	margin-top: -1px;
	margin-bottom: -1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	width: auto;
}

/*	#####################################################
	Css pour les options
*/
option.optionPaire {
	background:#ddeeff;
}

option.optionImpaire {
	background:#ffffff;
}

.folder A {
	margin-top: -1px;
	margin-bottom: -1px;
	color: #000000;
	text-decoration: none;
}

.folder_gris A {
	margin-top: -1px;
	margin-bottom: -1px;
	color: #C0C0C0;
	text-decoration: none;
}

.leaf A {
	margin-top: -1px;
	margin-bottom: -1px;
	color: #000000;
	text-decoration: none;
}

.leaf_gris A {
	margin-top: -1px;
	margin-bottom: -1px;
	color: #C0C0C0;
	text-decoration: none;
}

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

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

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

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

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

.titreMenu {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
}

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

.liensArtResolu:hover {
	color: #000;
}

.liensArtNonResolu {
	text-align: left;
	color: #000;
	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: 30px;
}

.notaArt {
	font-style: italic;
}

.geoArt {
	color: #336699;	
}

.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: #FFFFFF;
	text-decoration: underline;
}


#outils .noLink {
	color: #FFFFFF;
	font-style: italic;
}

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

.field {
	 border-color: #bcd4f6;
	 border-style: solid;
	 border-width: 1px;
	 max-width: 815px;
	 padding-top:5px;
	 padding-bottom:10px;
}

.fieldGd {
	 border-color: #bcd4f6;
	 border-style: solid;
	 border-width: 1px;
}

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

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

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

.titreSection_abroge {
	font-style: bold;
	color: #C0C0C0;
	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: #336699;
	font-size: 90%;
	bottom: 5px;
	margin-left: 10px;
}

.texteExemple2 {
	color: #336699;
	font-size: 90%;
}

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

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

#dataprint{
	display:none;
}

.corpsArt {
	background: transparent;
	color: #000000;
	width: auto;
}

.imgAlign{
	z-index: 50;
	}
.imgAlignLeaf{
	bottom: 8px;
	z-index: 49;
	}

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

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

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

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


#convCollLink a {
	background-image: url(../img/fleche.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-style: normal;
	color: #000;
	text-decoration: none;
	display: inline-block;
}
	
#link a {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-style: normal;
	color: #000;
	text-decoration: none;
}
	
.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:#C0C0C0;
	}

.TM2Code{
	font-size: 115%;
	font-weight: 800;
	margin-left: 10px;
	}
.TM2Code_gris{
	font-size: 115%;
	font-weight: 800;
	color:#C0C0C0;
	margin-left: 10px;
	}

.TM3Code{
	font-size: 105%;
	font-weight: 700;
	margin-left: 20px;
	}
.TM3Code_gris{
	font-size: 105%;
	font-weight: 700;
	color:#C0C0C0;
	margin-left: 20px;
}

.TM4Code{
	font-size: 100%;
	font-weight: 600;
	margin-left: 30px;
}
.TM4Code_gris{
	font-size: 100%;
	font-weight: 600;
	color:#C0C0C0;
	margin-left: 30px;
}

.TM5Code{
	font-size: 100%;
	font-weight: 500;
	margin-left: 40px;
}
.TM5Code_gris{
	font-size: 100%;
	font-weight: 500;
	color:#C0C0C0;
	margin-left: 40px;
}

.TM6Code{
	font-size: 100%;
	font-weight: 400;
	margin-left: 50px;
}
.TM6Code_gris{
	font-size: 100%;
	font-weight: 400;
	color:#C0C0C0;
	margin-left: 50px;
}

.TM7Code{
	font-size: 100%;
	font-weight: 300;
	margin-left: 60px;
}
.TM7Code_gris{
	font-size: 100%;
	font-weight: 300;
	color:#C0C0C0;
	margin-left: 60px;
}

.TM8Code{
	font-size: 100%;
	font-weight: 200;
	}
.TM8Code_gris{
	font-size: 100%;
	font-weight: 200;
	color:#C0C0C0;
	}

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

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

.notes {
	color: #336699;	
}

table {
	text-align: center;
	padding: 0px;
	margin: 0 auto;
	border-collapse: collapse;
	border: 2px solid #0909b0;
	color: black;
}

#content {
	float: none !important;
}

#content_false {
	float: none !important;
}

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

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

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

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

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

div.dates div.inputDateAnnee {
	float: left;
	width: 12%;
	text-align: center;
	margin: 1px;
	margin-top: 1px !important;
	margin-top: 0px;
}

div.dates div.inputDateAnnee submit {
	width: 80%;
}

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

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

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

select {
	font-size: 95%;
}

div#oldURL {
	display: none;
}

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

div#oldURL a{
	color:  #000000;
}

div#exportRTF {
	display: none;
}

#header_cnil {
	text-align: center;
	margin: 40px 0;
	}

#header_cnil div {
	margin: 10px 0;
	}
	
th {
	color: #000;
	}

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

.center {
	text-align: center;
}

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

.contexte {
	margin-bottom: 15px;
	padding: 5px;
	border-bottom: 1px solid #000;
	}
	
.enSavoirPlus {
	display: none;
}

.link_list {
	margin-left: 40px;
}

.div-style {
	z-index: +999;
	position: absolute;
	visibility: hidden;
	color: #000000;
}