/* -------------modèle-----------------------------  */
* {
  margin:0px;
  padding:0px;
  vertical-align:top;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;

}
a {
  border:0px none;
  cursor:pointer;
}
input.button {
  cursor:pointer;
}
img, fieldset {
  border:0px none;
}
body {
  color: #000000;
  background-color: #EEEEEE;
  text-decoration: none;
  text-align:center;
  background-image: url(../img_pages/filet.gif);
}
table {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  border:0px none;
}
ul {
  list-style: none outside;
  color: #003366;
  padding:10px;
}
#contient_site {
  text-align: left;
  position:absolute;
  width:760px;
  color: #000000;
  background-color: #EEEEEE;
  left: 50%;
  top: 20px;
  margin-left: -380px;
  margin-right: auto;
  margin-top:0px;
  margin-bottom:0px;
}
#entete_flash {
  position:relative;
  z-index:0;
  height:68px;
  width:760px;
}
#contenu{
  position:relative;
  width:760px;
  background: url(../img_pages/bord.gif) repeat-y;
}
#entete{
height:68px;
display:block;
width:760px;
}
#entetecoll{
height:58px;
display:block;
width:760px;
}
#entetebas {
height:10px;
display:block;
width:760px;
font-size:10px;
}
#ver_contenu{ /* ici ma page avec le contenu */
position:relative;
font-size: 12px;
top: 20px;
left: 30px;
bottom:20px;
right:30px;
width:700px;
}

#bordh {
  width:760px;
  height:42px;
}
#bordb {
  width:760px;
  height:10px;
  font-size:10px;
}
.foot_g {
  float:left;
  margin-left:30px;
  height:15px;
  font-size:10px;
  font-weight:bold;
}
.foot_d {
  float:right;
  margin-right:30px;
  height:15px;
  font-size:10px;
  font-weight:bold;
}

/* -------------pages génériques-----------------------------  */
hr {
  clear:both;
  visibility:hidden;
}
.spacer {
  clear: both;
}
/* -------------pages génériques-----------------------------  */

.nonencadre {
  position:relative;
  top: 0px;
  left:0px;
  width:700px;
}
.encadre {
  position:relative;
  top: 0px;
  left:0px;
  border:2px solid #B7C3D6;
  width:700px;
}
.nonencadreagauchehaut {
  position:relative;
  left:0px;
  top:0px;
  margin-right:18px;
}
.flotteagauche {
  float:left;
}
.flotteadroite {
  float:right;
}
.boutonsup {
  height:18px;
}
.boutoninf {
  float:right;
  height:18px;
  margin-left:18px;
}
.boutonsupacc {
  text-align:center;
  height:51px;
}
/* ------------- css menu-----------------------------  */
.boutonsupacc {
  text-align:center;
  height:51px;
}
#typemenu {
  z-index:1010;
  position:absolute;
  top:0px;
  left:0px;
}
.menu {
  position:absolute;
  z-index:1005;
  font-size: 11px;
  font-weight:bold;
  visibility:hidden;
}
.menu ul {
  list-style:none;
  padding:0px;
  background-color:#b5c1d4;
	z-index:1006;
}
.menu ul li {
  height:15px;
  width:200px;
	z-index: 1007;
}
.trigger {
  position:relative;
  cursor:pointer;
  z-index:1010;
  text-decoration: none;
}
.triggerlien {
  position:relative;
  cursor:pointer;
  z-index:1010;
}
/* ------------- fin css menu-----------------------------  */
/* ------------- css page-----------------------------  */
p {
  padding-top:0px;
  padding-bottom:0px;
}
a:link {
  color:#996666;
  text-decoration: none;
}
a:visited {
  color:#996666;
  text-decoration: none;
}
a:hover {
  color:#003366;
  text-decoration: none;
}
a:active {
  color:#003366;
  text-decoration: none;
}
h1 {
  font-size: 14px;
  font-weight:bold;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
}
h2 {
  font-size: 12px;
  font-weight:bold;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
}
h3 {
  font-size: 11px;
}
h4 {
  font-size: 14px;
  font-weight:bold;
  padding-bottom:10px;
  color:#ff6600;
  text-align:center;
}
h5 {
  display:inline;
  background-color:#eeeeee;
  font-size: 12px;
  font-weight: bold;
}
h6 {
  font-size: 12px;
  font-weight: bold;
}
input, select {
  height:1.5em;
  font-weight: bold;
  text-decoration: none;
  color:#000000;
  background-color:#b5c1d4;
}
/* ------------- fin css page-----------------------------  */

.encadre p {
  padding:10px;
  text-align:justify;
}
#centree {
  text-align:center;
}
.centree {
  text-align:center;
}
.centreemarg {
  background-color:#b5c1d4;
  text-align:center;
  padding:10px;
}
.centreemarg a {
  margin:20px;
}
.page {
  font-size: 10px;
  font-weight: bold;
  color: #003366;
  vertical-align:top;
}
.selectpetit {
  width: 50px;
}
.resultat {
  height:20px;
  font-size: 11px;
}
.mail {
  font-style: italic;
  font-weight: bold;
  color: #FF6600;
  text-decoration: none;
}
.inputbig {
  width:445px;
  height:18px;
  color:#000000;
  background-color:#b5c1d4;
}
.inputgrand {
  width:300px;
  height:18px;
  color:#000000;
  background-color:#b5c1d4;
}
.inputlarge {
  width:194px;
  height:18px;
  color:#000000;
  background-color:#b5c1d4;
}
.inputsmall {
  width:150px;
  height:18px;
  color:#000000;
  background-color:#b5c1d4;
}
.inputpetit {
  width:60px;
  height:18px;
  color:#000000;
  background-color:#b5c1d4;
}
.inputmini {
  width:40px;
  height:18px;
  color:#000000;
  background-color:#b5c1d4;
}
.tabloform {
  text-align:left;
}
.tabloform th {
  font-size: 12px;
  font-weight:bold;
  text-decoration: underline;
  padding:10px;
}
.tabloform td {
  font-size: 11px;
  padding:10px;
}
.labelized {
  float:left;
  margin-right:10px;
  font-size: 11px;
  font-weight: bold;
  color: #003366;
}
.tablocarte {
  margin:0;
  padding:0;
}
table .taille400{
  text-align:left;
  vertical-align:top;
  width:400px;
}
#main {
  position:relative;
  visibility:visible;
  top:0px;
  left:0px;
  width:660px;
  height:460px;
}
.croix {
  position:absolute;
  visibility:hidden;
  cursor:crosshair;
  left:0px;
  top:0px;
  z-index:50;
}
#main #cartehist {
  position:absolute;
  top:0px;
  left:0px;
}
#main h2 {
  position:absolute;
  top:0px;
  left:410px;
  height:30px;
}
#cartouche {
  position:relative;
  visibility:visible;
  top:0px;
  left:0px;
  width:660px;
  height:80px;
}
#cartouche #explic {
  position:absolute;
  top:0px;
  left:0px;
  height:80px;
  width:400px;
}
#cartouche #coord {
  position:absolute;
  top:0px;
  left:410px;
  height:80px;
}

#main ul {
  position:absolute;
  top:30px;
  left:410px;
  height:380px;
  width:250px;
  margin: 0 ;
  padding: 10px ;
  list-style-type: none ;
}
.listecarte li {
  margin: 0 0 2px 0 ;
  padding: 0 ;
}
#nomcom {
  position:absolute;
  visibility:hidden;
}
#main #rechcommune {
  position:absolute;
  top:0px;
  left:460px;
  height:450px;
}
#cartenotice {
  position:absolute;
  text-align:right;
  right:10px;
  top:30px;
}
.tableau {
  border:1px solid #b5c1d4;
  background-color:#b5c1d4;
}
.tableau caption {
  font-size: 12px;
  font-weight: bold;
  text-align:left;
}
.tableau .titreTABLO {
  background-color:#b5c1d4;
  text-align:center;
}
.tableau .titreTABLO .icone {
  width:27px;
}
.tableau .titreTABLO .celltype {
  width:50px;
}
.tableau .titreTABLO .celltaille {
  width:60px;
}
.tableau .titreTABLO .cellnom {
  width:100px;
}
.tableau .titreTABLO .cellrole {
  width:150px;
}
.tableau .titreTABLO .cellreste {
  width:80%;
}
.tableau tr {
  background-color:#fff;
}
.tableau .impair {
  background-color:#eee;
}
.tableau tr td {
  font-size: 11px;
}
.tableau tr .image{
  text-align:center;
}
/* ------------ album photo -------------- */
.wrapping, .wrapping.wrapping {
margin-left:20px;
}
.title {
	color: #000000;
	margin: 10px;
        border-bottom:1px solid #b7c3d6;
	font-weight: bold;
}
textarea {
  color:#000000;
  background-color:#b5c1d4;
  font-size:11px;
  font-family: Arial;
  width: 550px;
}
/* ------------ images -------------- */
.tableauimg {
  width:100%;
  border:1px solid #b5c1d4;
  background-color:#b5c1d4;
  padding:20px;
}
.tableauimg .image {
  text-align:center;
}
.tableauimg .image td.lien-p {
  vertical-align:top;
  width:33%;
}
.centragetableau {
  text-align:left;
  width:180px;
}
.centragetableau a {
  position:relative;
}
.centragetableau a img{
}
img#txt-1 {
  position:absolute;
}
.textimg {
  position:absolute;
  visibility:hidden;
}
/* ------------ fiches -------------- */
#entete_meta{
  position:relative;
  height:40px;
  width:760px;
}
#contenu_meta{
  position:relative;
  width:760px;
  background: url(../img_pages/fond_meta.gif) repeat-y;
}
#fermer{
  position:absolute;
  right:0px;
  top:-20px;
}
.encadregris {
  position:relative;
  top: 0px;
  left:0px;
  border:2px solid #eeeeee;
  width:700px;
  font-size:11px;
}
.encadregris p {
  padding:10px;
}
.encadregris .tableau {
  margin:10px;
}
.titrecadre {
  background-color:#eeeeee;
  font-size: 12px;
  font-weight: bold;
}
.tt-fiche {
  font-size: 12px;
  font-weight: bold;
}
#bt-envoy {
  height:26px;
}
/* ------------ svg -------------- */
.svgabsolute {
  position:relative;
  height:534px;
  background-color:#eeeeee;
  z-index:0;
}
.svgabsolute #carte {
  position:absolute;
  left:22px;
  top:22px;
  background-color:#ffffff;
  z-index:1;
}
/* --------fin svg ------*/
#carte {
  position:absolute;
  left:22px;
  top:22px;
  width:490px;
  height:490px;
  background-color:#ffffff;
  z-index:1;
}
#zoom {
  position:absolute;
  right:10px;
  top:22px;
  width:150px;
  height:150px;
  background-color:#ffffff;
}
#legende {
  position:absolute;
  right:10px;
  bottom:22px;
  background-color:#ffffff;
}
.svgabsolutesvg {
  position:relative;
  height:600px;
  background-color:#eeeeee;
  z-index:0;
}
#cartesvg {
  position:absolute;
  left:0px;
  top:0px;
  width:700px;
  height:600px;
  background-color:#ffffff;
  z-index:1;
}
.svgabsolute a {
  z-index:2;
}
.hautgauche {
  position:absolute;
  left:10px;
  top:10px;
}
.hautmilieu {
  position:absolute;
  left:255px;
  top:10px;
}
.hautdroit {
  position:absolute;
  left:500px;
  top:10px;
}
.milieugauche {
  position:absolute;
  left:10px;
  top:255px;
}
.milieudroit {
  position:absolute;
  left:500px;
  top:255px;
}
.basgauche {
  position:absolute;
  left:10px;
  top:500px;
}
.basmilieu {
  position:absolute;
  left:255px;
  top:500px;
}
.basdroit {
  position:absolute;
  left:500px;
  top:500px;
}
.titrezoom {
  position:absolute;
  right:10px;
  top:10px;
  width:150px;
  height:32px;
}
.formzoom {
  position:absolute;
  right:10px;
  top:182px;
  width:150px;
  height:16px;
}
.selectmini {
  width: 40px;
}
.selectsmall {
  width: 150px;
}
.selectsmall .titre {
  background-color:#b7c3d6;
  color:#996666;
}
.selectsmall option {
  background-color:#fff;
}
.selectsmall .impair {
  background-color:#eee;
}
.selectlarge {
  width: 194px;
}
.selectgrand {
  width: 300px;
}
.selectbig {
  width: 445px;
}
.titrelegende {
  position:absolute;
  right:10px;
  bottom:308px;
  width:150px;
  height:16px;
}
.label {
  display:inline;
  font-size: 11px;
  font-weight: bold;
  color: #003366;
  text-align:left;
}
.label1 {
  display:inline;
  float:left;
  font-size: 11px;
  font-weight: bold;
  color: #003366;
  width:220px;
  margin-bottom:10px;
  cursor:pointer;
}
.label2 {
  width:20px;
}
.listeordo {
  padding-left:30px;
}
.listeordo li{
  padding-right:10px;
}
.listes ul {
  list-style: circle;
  padding-left:10px;
}
.listes ul ul{
  list-style: square;
  padding-left:10px;
}
.listes ul ul{
  list-style: circle;
  padding-left:10px;
}
.listes ul ul ul ul{
  list-style: square;
  padding-left:10px;
}
.listes .sansrien {
  list-style:none;
}
.listes li li{
  font-weight: normal;
  font-size:12px;
  margin-left:10px;
  cursor:pointer;
}
.listes li li li{
  font-weight: normal;
  font-size:12px;
  margin-left:10px;
  cursor:pointer;
}
.listes li li li li{
  font-weight: normal;
  font-size:11px;
  margin-left:10px;
  cursor:pointer;
}
.listes li li li li li{
  font-weight: normal;
  font-size:11px;
  margin-left:10px;
  cursor:pointer;
}
.tableaubib {
  border:1px solid #b7c3d6;
  width:100%;
}
.tableaubib tr .cellrole {
  width:150px;
  background-color:#b5c1d4;
  font-weight:bold;
}
.tableaubib tr td {
  background-color:#ffffff;
}
.tableaubib tr td textarea {
  color:#000000;
  background-color:#b5c1d4;
  font-size:11px;
  font-family: Arial;
  width:535px;
}
.encadrenoir {
  position:relative;
  top: 0px;
  left:0px;
  border:2px solid #B7C3D6;
  width:700px;
  background-color:#000;
}
#vignette {
  float:left;
  margin-left:10px;
  margin-right:20px;
  margin-bottom:10px;
}
.lienmarge {
  margin-left:5px;
  margin-right:10px;
}
.jeteste {
  position:relative;
  top:0px;
  left:0px;
  width:200px;
  background-color:#000;
}
.uterme {
  cursor:pointer;
  text-decoration:underline;
}
a.communenapo {
  color:#ff6600;
}
a.communemi {
  color:#336699;
}
.flottanteenorme {
  float:left;
  width:595px;
}
.flottantebig {
  float:left;
  width:445px;
}
.flottantegrand {
  float:left;
  width:300px;
}
.flottantelarge {
  float:left;
  width:194px;
}
.flottantesmall {
  float:left;
  width:150px;
}
.flottantepetit {
  float:left;
  width:60px;
}
.flottantemini {
  float:left;
  width:40px;
}
#mapabsolute
{
  position:relative;
  height:700px;
	z-index : 50;
}
#map_tag
{
  position:absolute;
  left:0px;
  top:0px;
  width:700px;
  height:700px;
  z-index:10;
}
#map1_tag
{
  position:absolute;
  left:350px;
  top:0px;
  width:350px;
  height:700px;
  z-index:10;
}
#map2_tag
{
  position:absolute;
  left:0px;
  top:0px;
  width:350px;
  height:700px;
  z-index:10;
}
#ref_tag
{
  position:absolute;
  left:0px;
  top:0px;
  width:100px;
  height:100px;
  z-index:15;
}
#img_tag
{
  position:absolute;
  left:0px;
  top:0px;
  width:700px;
  height:700px;
  z-index:0;
}
#mapabsolute .imgpan
{
  position:absolute;
  cursor:pointer;
  width:20px;
  height:20px;
  z-index:1000;
}
#imgHG
{
  left:-10px;
  top:-10px;
}
#imgH
{
  left:340px;
  top:-10px;
}
#imgHD
{
  left:690px;
  top:-10px;
}
#imgG
{
  left:-10px;
  top:340px;
}
#imgD
{
  left:690px;
  top:340px;
}
#imgBG
{
  left:-10px;
  top:690px;
}
#imgB
{
  left:340px;
  top:690px;
}
#imgBD
{
  left:690px;
  top:690px;
}
/* ------------ materiautheque -------------- */
#entete_flash_mat {
  position:relative;
  height:110px;
  width:700px;
}
#materiau-bt {
  float:left;
  left:0px;
  top:0px;
  width:81px;
}
#materiaux-txt {
  float:left;
  left:85px;
  width:615px;
  border:2px solid #6699cc;
  background-color: #99cccc;
}
#validation {
  display:inline;
}
.txt-long {
  float:left;
  padding:10px;
}
.txt-long2 {
  position:relative;
  width:410px;
  padding:10px;
}
/*---------------------colleges---------------------------------*/
.cassure {
  display: none;
}
.colla {
  background-color:#FFCC99;
}
.lexcolla {
  color:#999933;
}
.txtcolla {
  background-color:#FFFFCC;
}
.collmt {
  background-color:#99CCCC;
}
.lexcollmt {
  color:#339999;
}
.txtcollmt {
  background-color:#CCFFFF;
}
.collmtr {
  background-color:#99FF99;
}
.lexcollmtr {
  color:#339933;
}
.txtcollmtr {
  background-color:#CCFFCC;
}
.collr {
  background-color:#FF9999;
}
.lexcollr {
  color:#993333;
}
.txtcollr {
  background-color:#FFCCCC;
}
.encarstitre {
  border: 2px solid ;
}
.txt-long3 {
  position:relative;
  width:450px;
}
.txt-long-leg3 {
  position:relative;
  width:200px;
  font-size: 10px;
  margin-left:10px;
  margin-top:10px;
  margin-bottom:10px;
  text-align:left;
}
.paragraphe {
  position:relative;
  width:700px;
  padding:0;
  border:0;
  margin:0;
}
.termegras {
  font-weight:bold;
}
.txt-sans-img
{
  padding:5px;
}
.titre0 {
  font-size: 20px;
  font-weight:bold;
  padding-left:5px;
}
.titre1 {
  font-size: 20px;
  padding-left:5px;
}
.titre2 {
  font-size: 15px;
  font-weight:bold;
  padding-left:5px;
}
.parag1 {
  font-size: 12px;
  padding-left:5px;
}
.parag2 {
  font-size: 12px;
  width:480px;
}
.titre3 {
  font-size: 13px;
  font-weight:bold;
  padding-left:5px;
}
.chapeau {
  font-size: 10px;
  font-weight:bold;
}
.soustitre {
  font-size: 10px;
  font-weight:bold;
}
.copyright
{
  font-size: 10px;
}

.colg {
  width:480px;
}
.cold {
  width:210px;
}
.tt-fiche-coll {
  width:105px;
}
/*------------------------------------------------------*/
.txt-long-leg {
  float:right;
  width:180px;
  font-size: 10px;
  margin-left:10px;
  margin-top:10px;
  margin-bottom:10px;
  text-align:justify;
}
.txt-long-leg .img {
  position:absolute;
  top:0px;
}
.txt-long-leg-right {
  float:right;
  width:180px;
  font-size: 10px;
  margin-left:10px;
  margin-top:10px;
  margin-bottom:10px;
  text-align:justify;
}
.txt-long-leg-right .img {
  position:absolute;
  top:0px;
}
.txt-long-leg-left .img {
  position:absolute;
  top:0px;
  left:0px;
}
.txt-long-leg-left {
  float:left;
  left:0px;
  width:180px;
  font-size: 10px;
  margin-right:10px;
  margin-top:10px;
  margin-bottom:10px;
  text-align:justify;
}
.photoplus
{
  position:relative;
  display:block;
  width:10px;
  height:8px;
  font-size:8px;
  text-align:left;
  color:#000000;
}
.txt-long ul {
  color:#000000;
  padding-left:5px;
  margin-left:20px;
}
.txt-long ul li {
  list-style: none;
  font-weight:bold;
  display:inline;
}
/* ------------- css page-----------------------------  */
#imagefloat
{
  position:absolute;
  visibility: hidden;
  font-size: 10px;
}
.tumevoispas
{
  position:absolute;
  top:350px;
  left:350px;
  visibility: hidden;
  z-index:0;}
.tumevois
{
  position:absolute;
  top:350px;
  left:350px;
  visibility: visible;
  z-index:1010;
}
#changement {
  float:right;
  top:0px;
}
.text-intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.text-intro p{
 padding:10px;
}
.sstt-materiau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.txt-mat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.txt-mat p {
  padding:10px;
}
.txt-mat .tableaubib tr td textarea {
  color:#000000;
  background-color:#b5c1d4;
  font-size:11px;
  font-family: Arial;
  width:450px;
}
#flash00
{
  z-index:0;
  width:760px;
  height:68px;
}
#flashdoc00
{
  z-index:0;
  width:700px;
  height:425px;
}
#flashdoc01
{
  z-index:0;
  width:700px;
  height:490px;
}
.vingtsix
{
  height:26px;
}
#map
{
  width: 700px;
  height: 700px;
	z-index:0;
}
#paneldiv
{
  position: absolute;
  left:10px;
  top:10px;
}
#paneldiv div
{
  left:4px;
  top: 120px;
  width : 24px;
  height : 22px;
  padding-top : 2px;
}
.olControlNavToolbar
{
	z-index: 1001;
}

#paneldiv .olControlZoomBoxItemInactive
{
  background-image : url(../img/zoombox_off.png);
  background-repeat : no-repeat;
}
#paneldiv .olControlZoomBoxItemActive
{
  background-color : transparent;
  background-image : url(../img/zoombox_on.png);
  background-repeat : no-repeat;
}
#paneldiv .olControlNavigationItemInactive
{
  background-image : url(../img/pan_off.png);
  background-repeat : no-repeat;
}
#paneldiv .olControlNavigationItemActive
{
  background-image : url(../img/pan_on.png);
  background-repeat : no-repeat;
}
.olControlButton div {
          display:block;
          width:  24px;
          height: 24px;
          margin: 5px;
          background-color:red;
        }
.olControlButton .olControlButtonItemInactive
{
  top:100px;
  right:10px;
  width: 24px;
  height:22px;
  background-image : url(../img/pan_on.png);
  background-repeat : no-repeat;
}
.olControlLayerSwitcher
{
  padding: 0px;
}
.olControlLayerSwitcher #layersDiv div input
{
  height:1em;
  background-color:#c98105;
}
/*Overview Map*/
div.olControlOverviewMapElement {
    padding: 10px 18px 10px 10px;
    background-color: #C98105;
}


div#infos_close
{
  left:0px;
  top:0px;
}
img#infos_close_innerImage
{
  left:7px;
  top:26px;
}
ul.biblioliste
{
	list-style: circle;
	padding: 0px;
	padding-left: 15px;
}
#clicterm
{
	width: 87px;
	height: 26px;
}
.smallmap {
    width: 700px;
    height: 490px;
    border: 2px solid #B7C3D6;
		z-index:0 ;
}
.olMap 
{
	z-index:1;
}
.olTileImage
{
	z-index:1;
}