/************************
* AUTEUR : Mauro        *
* Date : Feb 2021       *
* Update :              *
*************************/

body	{font-family: Arial, sans-serif; font-size: small;
	margin-left: 20pt; margin-right: 20pt; margin-top: 12pt;  margin-bottom: 12pt;
	background: #FFFFFF;
	max-width : 700px;
	}

p {font-size: small;}

li		{font-size: small;
		vertical-align: middle;}

/*lignes*/

hr {color: #666699;
    height: 1px;; clip:  rect(   )}

/*Site officiel de l'Etat de Genève*/
h1		{color:#996633;
		font-size: small;
		font-weight: bold;}

/*Chancellerie d'Etat à droite*/

h2		{font-size: small;
		font-style: italic; font-weight: bold;
		text-align: right;}

/*Titre de la page (à tapper en minuscule) dans bande brune avec carré devant*/
h3		{color: #996633;
		font-size: small;
		font-weight: bold;
		text-transform: uppercase;
		background-position: bottom;}	

/*Sous titre 1 er niveau gras*/
h4		{font-size: 9px;
		font-weight: bold;}	

/*Sous titre 2 ème niveau gras*/
h5		{font-size: 9px;
		font-weight: bold;}	

/*Sous titre 3 ème niveau gras*/
h6		{font-size: 8px;
		font-weight: bold;}	

/*Sous titre 3 ème niveau gras*/
h7		{font-size: 8px;
		font-weight: bold;}	

/*Pour tous les titres et sous-titres*/
H1, H2, H3, H4, H5, H6, H7 {margin-left: 10pt; margin-right: 10pt; margin-top: 10pt;  margin-bottom: 10pt}

/*Adresse page accueil de la cha*/
.adr		{font-size: small; 
             color: #663300;} 

/*texte*/

.titre {font-size: large; 
       font-style: normal; 
	   font-weight: bold; 
	   left: 5px; 
	   clip:   rect(small   ); 
	   line-height: 150%;}

.sstitre {font-size: small; 
          font-style: normal; 
		  font-weight: bold; 
		  clip:   rect(   ); 
		  left: 3px;}

.contenu {font-size: small;
          height: auto; 
		  clip:      rect(auto auto auto auto);
		   width: auto; 
		   left: auto; 
		   top: auto; 
		   margin-top: auto;
		   margin-right: auto;
		    margin-bottom: auto; 
			margin-left: auto;; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal}

.legende {font-size: small; 
          font-style: italic; 
		  font-weight: bold ; 
		  vertical-align: middle; 
		  padding-top: 3px; 
		  padding-bottom: 3px; 
		  left: 5px; clip:  rect(   );}

.contenugras { font-size: small; 
              font-weight: bold;
			  clip: rect(   );
			  clear: none; 
			  float: none; 
			  margin-top: 0px; 
			  margin-right: 0px; 
			  margin-bottom: 0px; 
			  margin-left: 0px; 
			  padding-top: 0px; 
			  padding-right: 0px; 
			  padding-bottom: 0px; 
			  padding-left: 0px; 
			  height: auto; 
			  width: auto; 
			  line-height: normal; 
			  top: auto; left: auto;}

.encadre {  border-top-width: thick;
           border-bottom-width: thick;}

.textegras { font-size: small; 
             font-weight: bold;
			 clip: rect( );
			 clear: none; 
			 float: none; 
			 margin-top: 0px;
			 margin-right: 0px; 
			 margin-bottom: 0px; 
			 padding-top: 5px; 
			 padding-right: 0px; 
			 padding-bottom: 3px; 
			 padding-left: 0px; 
			 height: auto; 
			 width: auto; 
			 line-height: normal; 
			 top: auto; left: auto ; margin-left: 0px;}

.texte {font-size: small;}

.textepetit { font-size: small;  
             margin-bottom: 1px; 
			 line-height: normal; 
			 margin-top: 5px; 
			 margin-right: 0px; 
			 margin-left: 3px; 
			 padding-top: 0px; 
			 padding-right: 0px; 
			 adding-bottom: 0px; 
			 padding-left: 0px; 
			 height: auto; width: auto; left: auto; top: auto;}

.texteitalic {font-size: small;
               font-style : italic;}
			   
.texteblancgras { color: #FFFFFF;
                 font-size: small;
                  font-weight: bold;}
.article
	{tab-stops:49.65pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;; text-indent: 0pt}
.retrait1
	{text-align:justify;
	text-indent:0.5cm;
	tab-stops:21.3pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:small;
	font-family: Arial, Helvetica, sans-serif;; font-weight: normal}
.TitreLoi
	{punctuation-wrap:simple;
	text-autospace:none;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;; text-align: left}
.sousnote
	{tab-stops:49.65pt;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;}
.TexteTL
	{text-align:justify;
	punctuation-wrap:simple;
	text-autospace:none;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;; font-weight: normal; clip:    rect(   ); left: 0px}

.retrait2 { text-align:justify; text-indent:1cm; tab-stops:21.3pt; punctuation-wrap:simple; text-autospace:none; font-size:small; font-family:Arial, Helvetica, sans-serif; ; font-weight: normal}
.retrait3 { text-align:justify; text-indent:1.5cm; tab-stops:21.3pt; punctuation-wrap:simple; text-autospace:none; font-size:small; font-family:Arial, Helvetica, sans-serif; ; font-weight: normal }
.retrait4 { text-align:justify; text-indent:2cm; tab-stops:21.3pt; punctuation-wrap:simple; text-autospace:none; font-size:small; font-family:Arial, Helvetica, sans-serif; ; font-weight: normal }
.chapitre { tab-stops:49.65pt; punctuation-wrap:simple; text-autospace:none; font-size:small; font-family:Arial, Helvetica, sans-serif; font-weight:bold; ; text-indent: 0pt}
.section { tab-stops:49.65pt; punctuation-wrap:simple; text-autospace:none; font-size:small; font-family:Arial, Helvetica, sans-serif; font-weight:bold; ; text-indent: 0pt ; font-style: italic}
.titreTL { tab-stops:49.65pt; punctuation-wrap:simple; text-autospace:none; font-size:small; font-family:Arial, Helvetica, sans-serif; font-weight:bold; ; text-indent: 0pt }
				  
				  
/* Liens */
a:active { color: #666699; font-weight: bold; text-decoration: underline;} 
a:link { color:#666699; font-weight: bold;}
a:visited {color: #9c9cbc; font-weight: bold;} 
a:hover { color: #ffcc66; font-weight: bold; text-decoration: none;} 
				 .retrait1 {  font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: normal; text-align: justify; text-indent: 0.5cm}