/* Styles principaux */

h1 { font-family: Arial, sans-serif; font-weight: bold; font-size: 20pt;}
h2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 18pt; text-decoration:none;}
h3 { font-family: Arial, sans-serif; font-weight: bold; font-size: 14pt; font-style:italic; margin-top:5px; margin-bottom:2px; background-color: #CCCCCC; text-align: left;}
h4 { font-family: Arial, sans-serif; font-weight: bold; font-size: 12pt; margin-top:5px; margin-bottom:2px;}
h5 { font-family: Arial, sans-serif; font-weight: normal; font-size: 8pt;}
h6 { font-family: Arial, sans-serif; font-weight: normal; font-size: 8pt; margin-top:4px; margin-bottom:4px;}

body {font-family: Arial, sans-serif; background-image: url(fond.jpg); background-repeat: no-repeat; background-color: #005cc3;}

/* Texte du contenu */

div#texte {
  position:absolute;
  top:149px;
  left:265px;
  margin-right:10px;
  background-color: #FFFFFF;
  width: 716px;
  margin-left: 10px;
  text-align: justify;
}

div#texte {font-family: Arial, sans-serif; font-size: 10pt;}
div#texte a:link {text-decoration: none; color: #663399;}
div#texte a:visited {text-decoration: none; color: #990000;}
div#texte a:active {text-decoration: none; color : #990000;}
div#texte a:hover {text-decoration: underline; color : #DD2222;}

div#logopart {position:absolute; top: 660px; left: 68px; width: 200px;}
div#logopart {font-family: Arial, sans-serif; font-size: 8pt; color: #ffffff;}
div#logopart img {border: none;}
div#logopart a:link {text-decoration: none; color: #ffffff;}
div#logopart a:visited {text-decoration: none; color: #ffffff;}
div#logopart a:active {text-decoration: none; color: #ffffff;}
div#logopart a:hover {text-decoration: underline; color: #ffffff;}
div#logopart table {text-align: center;}

/* Blocs de texte */
.bloc1 {height: auto; width: auto; float:left;}
.bloc2 {height: auto; width: auto; float:left;}

/* indecence.php - devloc.php - pb.php */
.imdroite {float: right; margin-top:20px;}
div#indectxt {margin-right: 170px;}
div#indectex {margin-right: 276px;}
.indectx2 {margin-right: 276px;}
.imcentre {margin-left: 40px;}
div#politxt {margin-right: 170px;}
div#opahtxt {margin-right: 230px;}
div#opahtex {margin-right: 230px;}

/* permanences.php */
#pointnoir img {border: none;}
.cqtitre {text-align: center; font-weight: bold; font-size: 12pt;}
.cqtext {text-align: left; font-weight: normal; font-size: 10pt;}
.cqlist {text-align: left;}

/* Coordonnées */
#longuyon { position:absolute; top:257px; left:110px; }
#villerupt { position:absolute; top:262px; left:210px; }
#briey { position:absolute; top:387px; left:240px; }
#longwy { position:absolute; top:233px; left:163px; }
#neuvesmaisons { position:absolute; top:712px; left:305px; }
#pam { position:absolute; top:547px; left:268px; }
#baccarat { position:absolute; top:798px; left:525px; }
#luneville { position:absolute; top:712px; left:430px; }
#cirey { position:absolute; top:722px; left:600px; }
#sanon { position:absolute; top:662px; left:435px; }
#colombey { position:absolute; top:737px; left:215px; }
#vezouze { position:absolute; top:712px; left:535px; }
#siegecal { position:absolute; top:692px; left:325px; }
#thiaucourt { position:absolute; top:537px; left:215px; }
#paysorne { position:absolute; top:410px; left:215px; }
#cristal { position:absolute; top:775px; left:515px; }
#badonviller { position:absolute; top:770px; left:580px; }
#ccphva { position:absolute; top:262px; left:195px; }

/* Calques */
#calqueinfo {position: absolute; visibility: visible; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquelonguyon {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquevillerupt {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquebriey {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquelongwy {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calqueneuvesmaisons {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquepam {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquebaccarat {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calqueluneville {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquecirey {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquesanon {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquecolombey {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquevezouze {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquesiegecal {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquethiaucourt {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquepaysorne {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquecristal {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquebadonviller {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calqueccphva {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}
#calquepig {position: absolute; visibility: hidden; left: 320px; top: 220px; width: 340px; height: 300px; border: 1px solid #000000; background-color: #80d6e9; padding: 10px 10px 0px 10px;}

/* permatab.php */

#permatab table {width: 100%; border: 1px solid #000000; padding: 10px 10px 0px 10px;}
.permatitre {font-weight: bold; font-size: 16px; background-color: #a7dddd;}

/* Tableaux */

/* pah.php */
div#tabpah table {width: 91%; margin-left:auto; margin-right:auto; border: 3px solid #000000; border-collapse: collapse;}
div#tabpah td {height: 30px; font-size: 10pt; text-align: center; border: 1px solid #000000; border-collapse: collapse;}
div#tabpah a:link {color:#000000;}
div#tabpah a:visited {color:#000000;}
div#tabpah a:active {color:#000000;}
div#tabpah a:hover {text-decoration: none; color: #990000;}
.tabpahca {background-color: #d6f0f0;}
.tabpahcb {background-color: #b2cfcf;}
.tabpahcc {background-color: #a7dddd;}
div#tabpahin {border-spacing: 20px; padding: 10px;}

.tbc {background-color: #CCCCCC;}

/* particuliers.php */
.rowpart {vertical-align: top;}
.tabpart {text-align: left; border-spacing: 10px;}

/* po.php */
.tabpo {width: 100%; text-align: center; border-spacing: 10px;}
div#pophp img {border: none;}

/* depliants */
div#depliant table {width: 100%; background-color: #bbbbdd; border-spacing: 5px; padding: 5px;}
div#depliant td {vertical-align: middle;}
div#depliant img {border: none;}

/* tarifs.php */
div#tbl table {text-align: center; border-spacing: 5px; padding: 5px; border-width: 2px; border-color: black;}
div#tbl td {width: 13%; font-size: 8pt; text-align: center;}
.tabtara {background-color: #a7dddd;}
.tabtarb {background-color: #9fdc89;}
.tabtarc {background-color: #9dc1c6;}
.tabtard {background-color: #cc3366; color: #FFFFFF; font-weight: bold;}

/* partenaires.php */
div#tabpart table {width: 100%; border-style: none; padding: 0px;}

/* equipe.php */
div#tabeq table {text-align: center; border-spacing: 5px; padding: 5px; border-width: 2px; border-color: black; font-weight: bold; font-size: 8pt;}
.tdeq {background-color: #a7dddd; font-size: 16pt;}

/* habitat.php */
div#tabhabitat table {text-align: left; border-spacing: 5px; padding: 5px;}
.habdroite {text-align: right;}

/* facades.php */
div#tabfacades table {width:100%; margin:0 auto; text-align: center; border-spacing: 5px; padding: 5px; border-style: none;}

/* merci.php */
.envoi {font-size: 16pt; font-weight: bold; text-align: center;}
div#retour {font-size: 16pt; font-weight: bold;}
div#retour img {border: none;}
div#retour a:hover {text-decoration: none; color: #990000;}
div#retour a:link {text-decoration: none; color: #663399;}
div#retour a:visited {text-decoration: none; color: #990000;}
div#retour a:active {text-decoration: none; color : #990000;}

/* contact.php */
.conta {text-align: left; font-weight: bold;}
.contb {color: #000099;}
.contab {width: 100%; border-spacing: 5px; padding: 5px; border-style: none;}

/* Styles divers */

div#valeur {
  color: #993366;
  font-weight: bold;
  font-size: 18px;
}

.large {font-size: 14px; font-weight: bold;}
.extralarge {font-size: 18px; font-weight: bold; text-align:left;}
.decale {margin : 30px;}

/* collectivites.php */
.collec {
  font-size: 12px;
  font-weight: bold;
  color: #000066;
  background-color: #90d6e9;
  margin-top: 20px;
  padding: 10px;
}

/* copyright.php */

div#copyright {
  color: #fff;
  font-size: 10px;
  text-align:center;
  font-weight:bold;
  background-color: #005cc3;
}

div#coptab table {width: 100%; border-style: none; padding: 0px;}
div#coptab img {border: none;}

/* contacts.php */
div#contamaps {text-align: center;}
div#contamaps img {border: none;}
div#contamaps a:hover {text-decoration: none;}

/* Menu en accordeon avec CSS et Javascript */

div#stylemenu {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

div#menu {
  position:absolute;
  top:148px;
  width: 160px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  left: 68px;
}

#navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #000;
  color: #fff;
  width: 200px;
  font-weight: bold;
  list-style-type: none;
}

#navigation a, #navigation span {
  display: block;
  padding: 4px 10px;
  color: #fff;
  text-decoration: none;
  background: #005cc3 url(menu.jpg) left bottom no-repeat;
}

#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
  background-image: url(menu-deroule.jpg);
}

#navigation .open a, #navigation .open span {
  background-image: url(menu-enroule.jpg);
}

#navigation a:hover {
  text-decoration: underline;
}

#navigation .subMenu {
  font-size: .8em;
   background: #6090c3 0 0 repeat-x;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#navigation ul.subMenu a {
  background: none;
  padding: 3px 20px;
}

#navigation .sanspuce {
  list-style-type: none;
  margin-left:0;
  padding-left:10px;
  font-weight: normal;
}