/*
ASPECT Sable haut et bas foncé, cadre, corps blanc
*/

body {
 background-color: #fffff2;
 margin: auto;
 margin-top: 10px;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
}

#titre_imp, #pied_imp, .demande_photos_imp  {
 display: none; 
}

#en_tete {
 /*color: #fffff2;*/
 /*background-color: #ffb200;*/
 height: 100px;
 margin-bottom: 10px;
 font-family: Harrington, Arial, "Arial Black", "Times New Roman", Times, serif;
 font-weight: bolder;
 border: 2px solid #ffb200;
}

.en_tete0 { /* lambda */
 background-color: #ffb200;
 color: #fffff2;
}
.en_tete0 a { /* lambda */
 color: #fffff2;
 text-decoration: none;
}

.en_tete1 { /* bugey */
 background-color: #FB9A63;
 color: #fffff2;
}
.en_tete1 a { /* bugey */
 text-decoration: none;
 color: #fffff2;
}

.en_tete2 { /* bresse */
 background-color: #FCCEFC;
 color: #FB9A63;
}
.en_tete2 a { /* bresse */
 text-decoration: none;
 color: #FB9A63;
}

.en_tete3 { /* haut-bugey */
 background-color: #CCFE64;
 color: #000000;
}
.en_tete3 a { /* haut-bugey */
 text-decoration: none;
 color: #000000;
}

.en_tete4 { /* gex */
 background-color: #64FECC;
 color: #000000;
}
.en_tete4 a { /* gex */
 text-decoration: none;
 color: #000000;
}

#en_tete2 {
 color: #000000;
 /*background-color: #FB9A63;*/
 height: 100px;
 margin-bottom: 10px;
 font-family: Harrington, Arial, "Arial Black", "Times New Roman", Times, serif;
 font-weight: bolder;
 border: 2px solid #ffb200;
}

#menu {
 float: left;
 width: 140px;
 background-color: #fffff2;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#menu img {
 border: none;
}
.element_menu {
 background-color: #FFF0c8; /* f8f0f8  dcdcdc;*/
 border: 2px solid #ffb200; 
 margin-bottom: 10px;
 font-size: 12px;
}

.element_menu h3 {   
 color: #fffff2;
 background-color: #ffb200;
 margin-bottom: 0;
 margin-top: 0;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 text-align: center;
 font-size: 14px;
}

.element_menu h4 {
 margin-bottom: 0;
 margin-top: 0;
 text-align: left;
}

.element_menu h5 {
 margin-top: 0;
 margin-bottom: 0;
 text-align: center;
 font-size: 12px;
}

.element_menu ul {
 list-style-image: url(../images/puce.gif);
 padding: 0;
 padding-left: 18px;
 margin: 0;
 margin-bottom: 5px;
}

.element_menu a {
 color: #000000;
 text-decoration: none;
}

.element_menu a:hover {
 color: #fffff2;
 background-color: #ffb200;
}

#connecte {
 color: #000000;
 /*background-color: #fffff2;*/
 margin-left: 150px;
 margin-top: -8px;
 margin-bottom: 2px;
/*
 margin-right: 0;
 padding: 10px;
 border: 1px solid #ffb200;
  text-align: justify;
*/
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 14px;
}
#zoom_menu {
 color: #000000;
 background-color: #fffff2;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#zoom_menu table {
 color: #000000;
 border-color: #ffb200;
 margin-left: auto; 
 margin-right: auto;
}
#zoom_menu td, th {
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 color: #000000;
 border-color: #ffb200;
 text-align: center;
}
.bouton_zoom {
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 13px;
 font-weight: bolder;
 background-color: #ffb200;
 color: #000000; /* #fffff2; */
 border-style: outset;
 border-width: 3px;
 border-color: #ffb200;
 text-decoration: none;
 text-align: center;
}

#corps {
 color: #000000;
 background-color: LightGoldenrodYellow; /*ou #fafad2   ancien #ffffff; */
 margin-left: 150px;
 margin-right: 0;
 margin-bottom: 10px;
 padding: 10px;
 border: 2px solid #ffb200;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 12px;
 text-align: justify;
}

.erreur {
 color: #000000;
 background-color: LightGoldenrodYellow; /*ou #fafad2   ancien #ffffff; */
 margin-left: -160px;
 margin-right: -12px;
 margin-top: -12px;
 margin-bottom: -12px;
 padding: 0px;
 border: 2px solid #ffb200;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 12px;
 text-align: justify;
}

#corps hr1 {
 margin-top: 10px;
 margin-bottom: 10px;
 border: 1px solid #ffb200;
}
#corps hr {
 border: 1px solid #ffb200;
}

div.patronyme_1 {
 position: relative; /* pour les autres navigateurs */
 float: center;
 width: 100%;
 height: 380px;
 overflow: auto;
 display: block;
 border: 2px solid #ffb200;
 font-size: 12px;
}
div.patronymeIE_1 {
 margin-top: -15em;  /* pour Internet Explorer depuis bas menu*/
 float: center;
 width: 100%;
 height: 380px;
 overflow: auto;
 display: block;
 border: 2px solid #ffb200;
 font-size: 12px;
}
div.patronyme {
 position: relative; /* pour les autres navigateurs */
 float: center;
 width: 100%;
 height: 500px;
 overflow: auto;
 display: block;
 border: 2px solid #ffb200;
 font-size: 12px;
}
div.patronymeIE {
 margin-top: -15em;  /* pour Internet Explorer depuis bas menu*/
 float: center;
 width: 100%;
 height: 500px;
 overflow: auto;
 display: block;
 border: 2px solid #ffb200;
 font-size: 12px;
}
.photo {
 border: 2px solid #ffb200;
 text-align: center;
}

.message {
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 border: 6px solid #ffb200;
 text-align: center;
 font-size: 20px;
 font-weight: bolder;
  /*border-style: outset;
 background-color: #fffff2;
 color: #ffb200;*/
 margin-left: auto;
 margin-right: auto;
}

#corps h1 {
 color: #ffb200;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 24px;
 text-align: center;
}

#corps h2 {
 color: #ffb200;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 18px;
 text-align: left;
 padding-left: 30px;
}

#corps h3 {
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 24px;
 text-align: center;
}

#corps h4 {
 color: #000000;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 16px;
 text-align: center;
}

#corps h5 {
 color: #000000;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 10px;
 text-align: center;
}

#corps h6 {
 color: #ffb200;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 14px;
 text-align: center;
}

#corps td, th {
 background-color: #fff0c8;
 color: #000000;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 border-color: #fff0c8;
 border-style : solid;
 border-width: 1px;
 text-align: left;
 padding-left: 3px;
}

#corps ul {
 list-style-image: url(../images/puce.gif);
 padding-left: 20px;
 margin-top: 5px;
 margin-bottom: 5px;
 font-size: 16px;
}

#corps ul ul{
 list-style-image: none;
 padding-left: 40px;
 margin-top: 5px;
 margin-bottom: 5px;
 font-size: 14px;
}

#corps a:hover {
 color: #000000;
 background-color: #ffb200;
}

#corps abbr {
 color: blue;
 /*font-weight: bolder;*/
 /*text-decoration: underline;*/
}
#corps abbr:hover {
 background-color: #ffb200;
 color: red; /* #fffff2; 
 font-weight: bolder;
 padding-left: 1px;
 padding-right: 1px;
 */
 text-decoration: underline;
}

div.demande_photos {
}

div.rouge {
 color: red;
}

.saisie_normale {
 background-color: #ffffff;
 border-style: inset;
 border-width: 2px;
 border-color: #ffb200;
}

.saisie_obligatoire {
 background-color: #FFFF00;
 border-style: inset;
 border-width: 2px;
 border-color: #ffb200;
}

.ligne_foncee {
 background-color: #fff0c8;
 color: #000000;
}
.ligne_claire {
 background-color: #ffffff;
 color: #000000;
}

.bouton {
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 16px;
 font-weight: bolder;
 background-color: #ffb200;
 color: #000000; /* #fffff2; */
 border-style: outset;
 border-width: 2px;
 border-color: #ffb200;
}
.bouton_petit {
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 10px;
 background-color: #ffb200;
 color: #000000; /* #fffff2; */
 border-style: outset;
 border-width: 2px;
 border-color: #ffb200;
}

.bouton2 {
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 15px;
 font-weight: bolder;
 background-color: #ffb200;
 color: #000000; /* #fffff2; */
 border-style: outset;
 border-width: 4px;
 border-color: #ffb200;
 text-decoration: none;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
 padding-right: 4px;
}

.belley {
 background-color: #FC9A64;
}
.bourg {
 background-color: #FCCEFC;
}
.gex {
 background-color: #64FECC;
}
.nantua {
 background-color: #CCFE64;
}

#pied_de_page {
 clear: both;
 /*color: #fffff2;*/
 /*background-color: #ffb200;*/
 border: 2px solid #ffb200;
 font-family: Harrington, Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 16px;
 text-align: center;
}
#pied_de_page img {
 border: none;
}
.pied_de_page0 { /* lambda */
 background-color: #ffb200;
 color: #fffff2;
}
.pied_de_page1 { /* bugey */
 background-color: #FB9A63;
 color: #fffff2;
}
.pied_de_page2 { /* bresse */
 background-color: #FCCEFC;
 color: #FB9A63;
}
.pied_de_page3 { /* haut-bugey */
 background-color: #CCFE64;
 color: #000000;
}
.pied_de_page4 { /* gex */
 background-color: #64FECC;
 color: #000000;
}

.element_pied_de_page a {
 color: #fffff2;
}

.element_pied_de_page a:hover {
 color: #ffb200;
 background-color: #000000;
}