/*style.css
    ---------
    Par JPB
    */
/* Utilisation  html : <p class="maj"> */

p.maj 
{
	font-size: x-small;
	text-align: center;
}
p.maj:after
{
	content: " : 21/02/2025";
}
/* Eléments principaux de la page */

body
{
    background: #fff;
    background-image: url(portes.jpg);
    background-repeat: repeat;
    background-position: center;
    background-attachment: fixed;
    font-family: Verdana, Arial, Georgia, 'Trebuchet MS';
    color: #181818;
}
#bloque_fenetre
{
    overflow: auto;
    position: absolute;
    left: 0px; top: 0px;
    width: 100%; height: 100%;
    text-align: center;
    z-index: 10;
    /*background-color: rgb(213,214,216);*/
}
#bloque_fenetre_une
{
    overflow: auto;
    position:absolute; top: 1%; left: 3%;
    width: 94%; height: 98%;
    text-align: center;
    z-index: 10;
    /*background-color: rgb(213,214,216);*/
}
#banniere_image
{
    position: relative;
    margin-top: 05px;
    min-width: 80%;
    height: 135px;/* hauteur image + margin top et bottom + hauteur banniere_descrip */
    border-radius: 10px;
    background: url('logo_asso.png') no-repeat;
    text-align: center;
    box-shadow: 0px 4px 4px #1c1a19;
    margin-bottom: 10px;
    opacity:1;
}
#banniere_description
{
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    min-width: 99.5%;
    height: 20px;
    padding-top: 5px;
    padding-left: 4px;
    background-color: rgb(137,174,216); /* Pour les anciens navigateurs */ 
    background-color: rgba(137,174,216,0.6);
    color: black;
    text-align: left;
    font-size: 0.8em;
}
 #boite_1, #boite_2, #boite_3, #boite_4, #boite_5, #boite_6, #boite_7, #boite_8, #boite_9, #boite_10, 
 #boite_11, #boite_12, #boite_13, #boite_14, #boite_15, #boite_16, #boite_17, #boite_18, #boite_19, #boite_20, 
 #boite_21, #boite_22, #boite_23, #boite_24, #boite_25, #boite_26, #boite_27, #boite_28, #boite_29, #boite_30, 
 #boite_31, #boite_32, #boite_33, #boite_34, #boite_35, #boite_36, #boite_37, #boite_38, #boite_39, #boite_40,
 #boite_41, #boite_42, #boite_43, #boite_44, #boite_45, #boite_46, #boite_47, #boite_48, #boite_49, #boite_50,
 #boite_51, #boite_52, #boite_53, #boite_54, #boite_55, #boite_56, #boite_57, #boite_58, #boite_59, #boite_60,
 #boite_61, #boite_62, #boite_63, #boite_64, #boite_65, #boite_66, #boite_67, #boite_68, #boite_69, #boite_70,
 #boite_71, #boite_72, #boite_73, #boite_74, #boite_75, #boite_76, #boite_77, #boite_78, #boite_79, #boite_80,
 #boite_81, #boite_82, #boite_83, #boite_84, #boite_85, #boite_86, #boite_87, #boite_88, #boite_89, #boite_90,
 #boite_991, #boite_992, #boite_93, #boite_94, #boite_95, #boite_96, #boite_97, #boite_98, #boite_99, #boite_100,
 #boite_201, #boite_202, #boite_203, #boite_204, #boite_205, #boite_206, #boite_207, #boite_208, #boite_209, #boite_210,
 #boite_211, #boite_212, #boite_213, #boite_214, #boite_215, #boite_216, #boite_217, #boite_218, #boite_219, #boite_220
 {
     display:none;
     overflow:auto;
     position:absolute; top: 1%; left: 3%;
     width: 94%; height: 96%;
     text-align:center;
     background-image: url(portes.jpg);
     z-index:250;
 }
#boite_91
 {
     display:none;
     overflow:auto;
     position:absolute; top: 25%; left: 25%;
     width: 50%; height: 50%;
     text-align:center;
     background-image: url(portes.jpg);
     z-index:250;
 }
 #boite_92
 {
     display:none;
     overflow:auto;
     position:absolute; top: 15%; left: 10%;
     width: 80%; height: 80%;
     text-align:center;
     background-image: url(portes.jpg);
     z-index:250;
 }
 #boite_101, #boite_102, #boite_103, #boite_104, #boite_105, #boite_106, #boite_107, #boite_108, #boite_109, #boite_110, 
 #boite_111, #boite_112, #boite_113, #boite_114, #boite_115, #boite_116, #boite_117, #boite_118, #boite_119, #boite_120, 
 #boite_121, #boite_122, #boite_123, #boite_124, #boite_125, #boite_126, #boite_127, #boite_128, #boite_129, #boite_130, 
 #boite_131, #boite_132, #boite_133, #boite_134, #boite_135, #boite_136, #boite_137, #boite_138, #boite_139, #boite_140,
 #boite_141, #boite_142, #boite_143, #boite_144, #boite_145, #boite_146, #boite_147, #boite_148, #boite_149, #boite_150
 {
     display:none;
     overflow:auto;
     position:absolute; top: 1%; left: 15%;
     width: 70%; height: 95%;
     text-align:center;
     background-image: url(portes.jpg);
     z-index:250;
 }
 
 #boite_ajust-2_1,#boite_ajust-2_2,#boite_ajust-2_3,#boite_ajust-2_4,#boite_ajust-2_5
 {
	display: none;
	overflow: auto;
	position:absolute; top: 1%; left: 15%;
    width: 70%; height: 95%;
    text-align:center;
     background-image: url(portes.jpg);
	z-index: 310;
 }
#filter
 {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #4f4f4f;
    z-index: 200;
    filter: alpha(opacity=50); /* Pour IE */
    opacity: 0.5;      /*  pour FF et CSS3 */
 }
 #filter_second
 {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #4f4f4f;
	z-index: 300;
	filter: Alpha(opacity=50); /* Pour IE */
	opacity: 0.5;          /*  pour FF et CSS3 */
 
 }
section
{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 4px;
    text-align: left;
    background-color: white;
    border-radius: 5px;
}
h1
{
    font-weight: bold;
    text-decoration: underline;
    font-size: 2.0em;
}
h2
{
    font-weight: bold;
    text-decoration: underline;
    font-size: 1.5em;
}

.surl
{
background-color: green;
color: black;
}

.legende
{
font-size: 0.8em;
}
.menu_boutons
{
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    padding: 4px;
    text-align: justify;
    /* background-color: rgb(137,194,236); */ 
    
}
.menu_annees
{
    display: inline-block;
    width: 135px;
    vertical-align: middle;
    padding-left: 4px;
    text-align: justify;
    /* background-color: rgb(137,174,216); */ 
    float: left;
}
.saut_de_ligne
{
    display: inline-block;
    width: 100%;
}

.article_principal
{
    display: inline-block;
    width: 86%;
    vertical-align: top;
    padding: 4px;
    text-align: justify;
    /* background-color: rgb(50,215,215); */
    margin-left: 10px;
	 font-size: 1.3em;
}
.article_2
{
    display: inline-block;
    width: 270px;
    vertical-align: top;
    padding-left: 4px;
    text-align: justify; 
    /* background-color: rgb(50,205,205); */
    margin-left: 10px;
}
.article_3
{
    display: inline-block;
    width: 170px;
    vertical-align: top;
    padding-left: 4px;
    text-align: justify; 
    /* background-color: rgb(50,205,205); */
    margin-left: 10px;
}
.carte
{
     overflow:auto;
     position:relative; top: 0px; left: 0px;
     width: 100%; height: 100%;
     text-align:center;
     background-image: url(portes.jpg);
    /* background-color: rgb(50,205,205); */
 }

.carte_sc
{
    display: inline-block;
    width: 420px;height: 70%;overflow:auto;
    vertical-align: top;
    padding: 4px;
    text-align: justify;
    /* background-color: rgb(50,05,205); */ 
    border-radius: 5px;   
    margin-left: 10px; 
    float: left;
}
.carte_sc_carre
{
    display: inline-block;
    overflow:auto;
    width: 520px;max-height: 500px;
    vertical-align: top;
    padding: 4px;
    text-align: justify;
    /* background-color: rgb(50,05,205); */  
    border-radius: 5px;   
    margin-left: 10px; 
    float: left;
}
table.tableau_photo
 {
    width: 100%;
    text-align: center;
    margin: auto;
 }
td.tableau_photo
 {
    width: 25%;
    text-align: center;
    margin: auto;
 }
.dessous
{
    clear: both;
}
.dessous_gauche
{
    clear: left;
}
.centre
{
     overflow:auto;
     position:absolute; top: 6%; left: 0;
     width: 100%; height: 91%;
     
}
.centre_92
{
     overflow:auto;
     position:absolute; top: 45px; left: 0;
     width: 100%; height: 85%;
     
}
.deuxgauche
{
     overflow:auto;
     position:absolute; top: 7%; left: 0;
     width: 86%; height: 92%;
     
}
.deuxdroite
{
     overflow:auto;
     position:absolute; top: 6%; left: 86%;
     width: 14%; height: 92%;
     
}
.img_flot_gau
{
    float: left;
    margin: 8px;
}
.img_flot_droi
{
    float: right;
    margin: 8px;
}
.retour
{
    float: right;
}
.fin_float
{
    float: none;
}
.centrer
{
    text-align:center;
    vertical-align:middle;
}
.gauche
{
    text-align:left;
    vertical-align:middle;
}
.pas_lien
{
    color: black;
}
.petit
{
    font-size: 80%;
}
div.xiti
{
    position: relative;
    top: 5px;
    width: 100%; height: 15px;
    color: black;
    text-align: center;
}
figcaption
{
text-align:center;
font-size: 60%;
width:160px;
}
figcaption.page_sup
{
text-align:center;
font-size: 60%;
width:100%;
}
figure 
{
display:inline-block;
text-align:center;
}
figure.L200
{
display:inline-block;
text-align:top;
width:220px;
text
}
figure.L280 
{
display:inline-block;
text-align:center;
width:280px;
}
ul 
{
display:inline-block;
padding:0;
margin:0;
list-style-type:none;
}
li
{
margin-left:2px;
float:left; /*pour IE*/
}
ul li a
{
display:block;
float:left;   
width:122px;
background-color:#6495ED;
color:white;
text-decoration:none;
text-align:center;
line-height:40px;
vertical-align:middle;
/*padding:5px;
border-width:1px;
/*border-style:solid;*/
border-color:#DCDCDC #696969 #696969 #DCDCDC;  /*pour avoir un effet "outset" avec IE*/
background:url(bouton.png) no-repeat;
font-size:60%;
font-weight: bold;
}
ul li a:hover
{
background-color:#D3D3D3;
color:#cf5f3b;
/*background:url(bouton_ap.png) no-repeat;*/
} 
ul li a:active
{
background-color:#D3D3D3;
color:black;
background:url(bouton_ap.png) no-repeat;
} 
a[title="fantome"]
{
background:url(bouton_fantome.png) no-repeat;
cursor:default;
} 
a[title="fantome"]:hover
{
background:url(bouton_fantome.png) no-repeat;
}
a.petit
{
font-size:55%;
}
Table
{
font-size: 10pt;
} 
table.liens
 {
 background-color: transparent;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 border: 0px;
 border: 1px inset #888888;
 } 
 td.celtablopri
 { 
 border: 1px inset #888888;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 10pt;
 min-width: 100px;
 font-family: Verdana;
 }
 td.celtabloarticle
 { 
 border: 1px inset #888888;
 text-align: left;
 padding-left: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 10pt;
 min-width: 300px;
 }
 td.celtablofoto
 { 
 border: 1px inset #888888;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 10pt;
 min-width: 120px;
 }
 td.celtabloref
 { 
 border: 1px inset #888888;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 10pt;
 width: 80px;
 }
 td.celtablodate
 { 
 border: 1px inset #888888;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 10pt;
 width: 150px;
 }
 td.celtablocommantaires
 { 
 border: 1px inset #888888;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 10pt;
 width: 400px;
 }
 td.celtablonoms
 { 
 border: 1px inset #888888;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 10pt;
 width: 150px;
 }
 td.celtablometier
 { 
 border: 1px inset #888888;
 text-align: center;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 10pt;
 width: 150px;
 }
 .msghb
 {
cursor:pointer;
 }