@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;
	text-align: left;
}

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

#breadcrumb {
	display: none;
}

#nav {
	display: none;
}

#skip {
	display: none;
}

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

#Texte A {
	font-style: normal;
	color: #c00050;
	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;
	vertical-align: middle;
	width: auto;
}

.valign-criteres {
	font-size: 100%;
	color: #FFFFF1;
	margin-left: 10px;
	font-weight: 300;
	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-weight: bold;
}

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

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

.date {
	display: none;
}

#backgroundJO {
	text-align: left;
}

.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;
	padding: 0;
	margin: 0;
}

#corps {
	font-style: normal;
	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: #c00050;
	margin-top: 3px;
}

#bandeauSommaireGeneric {
	width: auto;
	padding: 0px;
	overflow: auto;
	visibility: visible;
	font-color: #c00050;
	margin-top: 3px;
}

#bandeauResultat {
	height: auto;
	max-height: 150px;
	_height: 150px;
	overflow: auto;
	font-color: #c00050;
	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;
}

#bandeauSommaire .leaf_gris {
	margin-top: -1px;
	margin-bottom: -1px;
	width: auto;
}

#bandeauSommaire .folder {
	margin-top: -1px;
	margin-bottom: -1px;
	cursor: pointer;
	width: auto;
}

#bandeauSommaire .folder_gris {
	margin-top: -1px;
	margin-bottom: -1px;
	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;
	margin-top: 3px;
}

.versionRouge {
	color: #c00050;
}

.titreArt {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	margin: 0;
}
.titreArt > a {
	visibility: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}


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

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

.titreTxt {
	text-align: left;
	font-style: bold;
	color: #666;
	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: 10px;
}

.notaArt {
	font-style: italic;
}

.notaArt p {
	display: inline;	
}

.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;
	text-align: left;
}

.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: #666;
	font-size: 90%;
	bottom: 5px;
	margin-left: 10px;
}

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

.texteExempleNA {
	color: #666;
	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-size: 100%;
}

.textAreaError {
	font-size: 100%;
	border: 1px solid #c00050;
	background-color: #FFEEEE;
}

.button {
	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: #666;
}

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 span.inputDateJour {
	float: left;
	width: 11%;
	text-align: center;
	margin: 1px;
	margin-left: 0px;
	display: block;
}

div.dates span.inputDateJour label {
	display: block;
	text-align: center;
}

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

div.dates span.inputDateMois label {
	display: block;
	text-align: center;
}

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

div.dates span.inputDateAnnee label {
	display: block;
	text-align: center;
}

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

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

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

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

select {
	font-size: 95%;
}

div#oldURL {
	display: none;
}

div#oldURL div#subtitle {
	font-color: #c00050;
	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;
}