html, body { 
height: 100%; 
} 

.film { 
position:absolute;
left:opx;
top:opx;
width:170px;
height:100px;
background-image: url(frm.gif);
} 


.cp1{ 
float: left;
width:170px;
height:100px;
Margin-top: 15px;
margin-right: 14px;
margin-left: 14px;
} 

li
{margin-bottom: 14px;list-style-type:circle;}

p.cent { 
Margin-top: 25px;
text-align: center;
font-size: medium;
font-weight: bold;
} 

.wrapper { 
min-height: 93%; 
height: auto !important; 
height: 93%;
width:100%;
margin: 0 auto -1em; 
	/*border: thin solid red;*/
} 
 
#pied_de_page, .push { 
height: 1em;	
text-align: center;
/*border: thin solid teal;*/
} 

#barre
{	
position: relative;
left: 230px;
top: 70px;
width: 650px;
}


#Horizontal1
{
position: relative;
top: 70px;
left:0px;
Width: 100%;

}
#Horizontal1 hr
{
border: none;
background-color: green;
color: green;
height: 2px;
}

#Horizontal2
{
position: relative;
top:8px;
left:0px;
Width: 100%;

}
#Horizontal2 hr
{
border: none;
background-color: green;
color: green;
height: 1px;
}

#Pericopsis
{
position: absolute;
left: 24px;
top: 31px;
width: 250px;
height: 40px;
background-attachment:fixed;
background: url(Pericopsis.png);
background-repeat:no-repeat;
background-position:0px 0px;
}

#exsitu
{
position: absolute;
left: 68px;
top: 65px;
width: 100px;
height: 39px;
background: url(texsitu.png);
}

#opendat
{
position: absolute;
left: 72px;
top: 66px;
width: 92px;
height: 39px;
background: url(texopen.png);
}

#scola
{
position: absolute;
left: 72px;
top: 66px;
width: 92px;
height: 39px;
background: url(texscol.png);
}

#Pericopsislink{
display:block;
width:250px;
height:32px;
}

#menu
{
width: 240px;
height:450px;
position: absolute;
left: 32px;
top: 127px;
}
#menusc
{
width: 240px;
height:150px;
position: absolute;
left: 32px;
top: 127px;
}

#menuindex
{
width: 150px;
position: absolute;
left: 20px;
top: 126px;
}

#corps
{

text-align: justify;
Margin-top: 90px;
margin-right: 10px;
margin-left: 250px;
}

#corpsmap
{
padding-top:15px;
padding-left:15px;
padding-right:12px;
text-align: justify;
Margin-top: 75px;
width:98%;
margin-right: 0px;
margin-left: 0px;
/*border: thin solid blue;*/

}

#corpsindex
{
width:750px;
Margin-top: 70px;
margin-left: 40px;
}

.mapo
{
margin-top: 24px;
float: left;
text-align: left;
width: 158px;
/*border: thin solid red;*/
padding:0px;
}

#mapcoor
{
margin-top: 0px;
float: left;
text-align: left;
padding:0px;
}

#hide
{
Margin-top: 10px;
float: left;
text-align: left;
width: 5px;
height:5px;
}

#inputbutt
{
Margin-top: 28px;
float: left;
text-align: left;
width: 325px;
}

#waitingfieldset/*check where needed;*/
{
float: left;
}

#message
{
margin-top:5px;
margin-bottom:5px;
padding:0px;
float: left;
text-align: left;
width: 320px;
}


#gotocount
{
Margin-top: 10px;
float: left;
text-align: left;
width: 318px;
padding:0px;
}

.smallh2
{
   font-size: medium;
}
.blue
{
color: blue;text-decoration: none;
}
.underlign
{text-decoration:underline;}

em
{font-style: italic}

.ctc
{margin-top: 60px;
color: #5a5656;}

th /* Les cellules d'en-tête */
{
   padding-right:30px;
   border-top:1px solid black;
   border-bottom:1px solid black;
}
td
{padding-right:30px;}
  
a.lg:link{color:#089bf3;text-decoration: none; font-family: Arial; font-size:50%;font-weight: bold;}
a.lg:visited{color:#089bf3;text-decoration: none; font-family: Arial; font-size:50%;font-weight: bold;}
a.lg:hover{color:brown;text-decoration: none; font-family: Arial; font-size:50%;font-weight: bold;}
a.txtlink:link{color:brown;text-decoration: none; font-family: Arial; font-size:90%;}
a.txtlink:visited{color:brown;text-decoration: none;}
a.txtlink:hover{color:#d40000;text-decoration: none;}
.txlk:link{color:black;}
.txlk:visited{color:black;}
.txlk:hover{color:#d40000;}
.txlk1:link{color:#484848;}
.txlk1:hover{color:#d40000;}
a.txtblue:link{color:blue;text-decoration: none;}
a.txtblue:visited{color:blue;text-decoration: none;}
a.txtblue:hover{color:brown;text-decoration: none;}
a.button:link{color:black;}
a.button:visited{color:black;}
a.button:hover{color:brown; background-position: 0 -37px;}
a.bm:hover{background-position: 0 -111px;}
a.bm:link{color:black;}
a.bm:visited{color:black;}
a.exsb:hover{background-position: 0 -185px;}
a.exsb:hover{background-position: 0 -185px;}
a.opdb:hover{background-position: 0 -259px;}
a.scol:hover{background-position: 0 -333px;}
a.home:link{color:black;}
a.home:visited{color:black;}
a.home:hover{color:brown; background-position: 0 -407px;}
a.button1:link{color:black;}
a.button1:visited{color:black;}
a.button1:hover{color:brown;}
a.intro:link{color:black;}
a.intro:visited{color:black;}
a.intro:hover{color:brown;}
a.intro1:link{color:black;}
a.intro1:visited{color:black;}
a.intro1:hover{color:brown;}
a.intro3:link{color:black;}
a.intro3:visited{color:black;}
a.intro3:hover{color:brown;}
a.select:link{color:#686868;}
a.select:visited{color:#686868;}
a.select:hover{color:brown;}
.ico:hover{border:1px solid brown;}
.gph{margin-left: 20px;}
a.button{
display: block;
background-color: transparent;
background-image: url(bts.png);
background-repeat: no-repeat;
background-position: 0 0;
width: 170px;
height: 30px;
margin-top: -3px;
padding: 7px 0 0 0;
text-align: center;
font-family: Times new roman;
font-size: 90%;
font-weight: normal;
text-decoration: none;

}

a.lg2{
 font-size:85%;font-weight: bold; color:#762001;
}
h1.lg3{margin:0; line-height:70%;}

a.tit{
display: block;
background-color: transparent;
width: 170px;
height: 30px;
padding: 4px 0 0 0;
text-align: left;
font-family: Times new roman;
font-size: 140%;
font-weight: thicker;
color: #813115;
}

a.bm{
display: block;
background-image: url(bts.png);
background-repeat: no-repeat;
background-position: 0 -74px;
width: 170px;
height: 30px;
margin-top: -3px;
padding: 7px 0 0 0;
text-align: center;
vertical-align: middle;
font-family: Times new roman;
font-size: 90%;
font-weight: normal;
text-decoration: none;
}

a.exsb{
display: block;
background-image: url(bts.png);
background-repeat: no-repeat;
width: 170px;
height: 30px;
margin-top: 18px;
padding: 7px 0 0 0;
background-position: 0 -148px;
}

a.opdb{
display:block;
width: 170px;
height: 30px;
background-image: url(bts.png);
background-repeat: no-repeat;
margin-top: -3px;
padding: 7px 0 0 0;
background-position: 0 -222px;
}

a.home{
display: block;
background-color: transparent;
background-image: url(bts.png);
background-repeat: no-repeat;
background-position: 0 -370px;
width: 170px;
height: 30px;
margin-top: -3px;
padding: 7px 0 0 0;
text-align: center;
font-family: Times new roman;
font-size: 90%;
font-weight: normal;
text-decoration: none;
}

a.scol{
display: block;
background-image: url(bts.png);
background-repeat: no-repeat;
width: 170px;
height: 30px;
margin-top: -3px;
padding: 7px 0 0 0;
background-position: 0 -296px;
}
a.button1{
display: block;
background-color: transparent;
background-image: url(bouton.png);
background-repeat: no-repeat;
width: 170px;
height: 30px;
padding: 10px 0 0 0;
text-align: center;
font-family: Times new roman;
font-size: 90%;
font-weight: bold;
text-decoration: none;}

a.intro
{
display: inline;
margin-left:25px; /* Space between the words */
background-color: transparent;
background-repeat: no-repeat;
padding: 0 0 0 0;
text-align: center;
font-family: Times new roman;
font-size: 90%;
font-weight: normal;
text-decoration: none;}
a.intro1
{
display: inline;
margin-left:25px; /* Space between the words */
background-color: transparent;
background-repeat: no-repeat;
padding: 0 0 0 0;
text-align: center;
font-family: Times new roman;
font-size: 100%;
font-weight: Bold;
text-decoration: none;}
a.intro3
{
display: inline;
background-color: transparent;
background-repeat: no-repeat;
padding: 0 0 0 0;
font-family: Times new roman;
font-size: 100%;
font-weight: normal;
text-decoration: none;}

a.select{
text-decoration: none;
font-family: Times new roman;
font-size: 90%;
font-weight: bold;
}

.afficheb{                        /*formulaire sans cadre*/
 border-color:  white;
 background-color: white;
}
.affiche{                        /*formulaire sans cadre*/
 border-color:  #f7f7ee;
 background-color: #f7f7ee;
}

.affl{                        /*formulaire sans cadre*/
float: left;
margin-top:0px;
margin-bottom:0px;
border:none;
}

#critf  /*fieldset criteria*/
{
border: 1px solid #8d867b;
border-radius: 1em;
width: 98%;
/* do not put height
margin-top: 20px;*/
margin-top: 0px;
padding-bottom: 20px;
-moz-border-radius: 5px;
padding-left: 15px;
background-color: #f7f7ee;
border-color:grey;
}
 
#mapf /*fieldset*/
{
margin-top:5px;
border: 1px solid #8d867b;
border-radius: 1em;
width: 98%;

height:480px;
-moz-border-radius: 5px;
padding-left: 15px;
padding-bottom:10px;  
background-color: #f7f7ee;
border-color:grey;


}
#putleft /*fieldset*/
{
width: 324px;
height:458px;
padding-top:5px;
margin:  0px;
/*border: thin solid black;*/
}

#putleft2 /*fieldset*/
{
float: left;
width: 324px;
height:220px;
padding-top:5px;
margin:  0px;
}
#putright2 /*fieldset*/
{
float: left;
/*position:absolute;*/
left: 380px;
top: 656px;
width: 600px;
}



input
{
border: 1px solid #8d867b;

}

legend
{
   font-family: Arial, "Arial Black";
color:#000000;
   font-weight: bold;

}

textarea
{
border: 1px solid #8d867b;
}


select
{
margin-left: 0px; border: 1px solid #8d867b;
}

.espace{
margin-left: 8em;
}

.btc{
float: left;
width:100px;
height:20px;
 font-family: Arial;
 font-size:70%;
 font-weight: bold;
}


.sansbord{
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

.aj1{
float: left;
padding-top:4px;
padding-left:18px;
padding-right:Opx;
}

.aj2{
float: left;
padding-top:4px;
padding-left:9px;
padding-right:Opx;
}

.tick{
margin-top:14px;
padding-top:4px;
padding-left:16px;
padding-right:8px;
float: left;
}

.tick2{
margin-top:0px;
padding-top:4px;
padding-left:16px;
padding-right:8px;
float: left;
}


.gauche
{
margin-top:14px;
float: left;
}

.gaucheico
{
padding-left:5px;
padding-right:8px;
float: left;
height: 35px;
}

.gauchem
{
margin-top:14px;
height: 28px;
float: left;
}
.fl
{
margin-top:0px;
margin-bottom:0px;
padding:0px;
float: left;
}
.flt
{
margin-top:0px;
margin-bottom:0px;
padding:0px;
float: left; 
border-color:  #f7f7ee;
background-color: #f7f7ee;
height: 40px;
}
.fl2
{
margin-top:0px;
margin-left:10px;
}

.ft  /* titres input*/
{

font-size:16px;
font-weight:bold;
color:maroon;
margin-top:10px;
margin-bottom:0px;
padding:0px;
float: left;
height: 28px;
}
.flck
{

background-color: #f7f7ee;
width: 16px; 
height: 16px;
*overflow: hidden;
margin-top:13px;
margin-left:0px;
margin-right:5px;
padding:0px;
float: left;
}

.bl {background: url(bl.gif) 0 100% no-repeat;float: left; width:780px;height:21px;background-color:#d9f9e2;}
.br {background: url(br.gif) 100% 100% no-repeat;float: left;  width:780px;height:21px;}
.tl {background: url(tl.gif) 0 0 no-repeat;float: left; margin-top:30px; width:780px;height:150px;background-color:#d9f9e2;z-index:-1;} 
.tr {background: url(tr.gif) 100% 0 no-repeat; float: left;  width:780px;height:150px;}
.ctl{background:url(fsp.png); overflow: hidden;position:absolute; width:5px; height:5px;top:0px; left:0px;margin:-1px;background-position:-32px -156px;} 
.ctr{background:url(fsp.png); overflow: hidden;position:absolute; width:5px; height:5px;top:0px; right:0px;margin:-1px; background-position:-37px -156px;}
.cbl{background:url(fsp.png); overflow: hidden;position:absolute; width:5px; height:5px;bottom:0px; left:0px;margin:-1px; background-position:-32px -161px;}
.cbr{background:url(fsp.png); overflow: hidden;position:absolute; width:5px; height:5px;bottom:0px; right:0px;margin:-1px; background-position:-37px -161px;}


.fbt{
display: inline-block;
margin-left:3px;
height: 0; overflow: hidden;
vertical-align: -3px;
background: url(fsp.png);
background-repeat: no-repeat;
}
.bt1{width: 32px;position:absolute;top:0px;
height: 32px;padding-top: -32px;}
.bt2{width:50px;position:absolute; top:0px;
height: 32px;padding-top: -32px;}
.bt3{width: 75px;
height: 28px;padding-top: -28px;
border: none;}
.bt4{width: 20px;
height: 20px;padding-top: -20px;
border: none;}
.bt5{position:absolute;
top:-5px;
background-color: transparent;
background-image: url(bts.png);
background-repeat: no-repeat;
background-position: 0 -407px;
width: 170px;
height: 30px;
padding: 7px 0 0 0;
text-align: center;
font-size: 90%;
}
.emot{
display: inline-block;
height: 0; overflow: hidden; padding-top: -23px;
vertical-align: -3px;
margin-left:3px;
background-image: url(fsp.png);
background-repeat: no-repeat;
width: 25px;
height: 23px;
}

.tbl{
width:100%;
border-collapse: collapse;
}
.t{border: none;background-color: #f2f2e8;padding: 6px;border-bottom: solid 1px #c1c1ba !important;}
.ttbl{background-color: #e0e0d7;}
.tct{border:none;padding: 10px; font-size:120%; color:#484848; border-bottom: solid 1px #395739 !important;text-align:left;}
.tct2{border:none;color:#484848;text-align:left;}
.ttb{height: 2px !important; background-color: #FFFFFF}
.m{position:absolute;background:url(fsp.png); overflow: hidden;}
.mtl{top:0px; left:0px;background-position:-42px -156px;width:2px; height:2px;}
.mtr{top:0px; right:0px;background-position:-44px -156px;width:2px; height:2px;}
.mbl{bottom:0px; left:0px;background-position:-42px -158px;width:2px; height:2px;}
.mbr{bottom:0px; right:0px;background-position:-44px -158px;width:2px; height:2px;}
.ttb2{
  height: 12px !important; 
  background-color: #FFFFFF
}
.tit1:hover ~.tit2{background-color:#f8f7ed;border-bottom: solid 1px #762c02 !important;}
.tit1:hover {background-color:#f8f7ed;border-bottom: solid 1px #762c02 !important;color:#762c02}
.crp{background-color:white;border-bottom: solid 2px #e0e0d6;border-right: solid 1px #e0e0d6;border-left: solid 1px #e0e0d6;padding: 30px;}

#quote
{  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}