/* CSS Document */
body {font-family: Arial, Verdana, sans-serif; background: #fff; margin: 1em; color: #000; behavior: url(csshover/csshover.htc);}
#container {position: absolute; left: 50%; top:0; margin: 0; padding: 0; width: 1000px; margin-left: -500px; margin-top: 0px; background: #dcf8f8;}
#container1 {position: absolute; left: 0%; top:0; width: 1000px; height: auto; margin-left: -0%; margin-top: 0px; border: 0px solid #32184c; background: #EED;}
#logo {position: absolute; top: 0; left: 0;}
#bandeauhaut {position: absolute; top: 0; left: 150px; margin: 0; padding: 0; height: 100px; width: 850px; background: #3fe5e7;}
div#menu {font-size: 0.7em; padding-top: 0em; padding-bottom: 0em; padding-right: 0em; position: absolute; top: 100px; left: 0px; clear: left; width: 1000px; height : 21px; background: #dee7ee;}
div#menu ul {margin: 0; padding: 0; background: #3fe5e7; border: 1px solid #ccc; border-width: 1px 1px 0px 1px;}
div#menu ul.level1 li.smenu:hover ul.level2 {display: block;}
div#menu li {position: relative; list-style: none; margin: 0; float: left; width: 110px; height : 20px;}
div#menu li:hover {background: #ebb;}
div#menu li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-align: center; text-decoration: none; width: 100%; voice-family: "/"; voice-family: inherit; width: 10.5em;}
div#menu>ul a {width: auto;}
div#menu li.smenu {background:  url(../imggif/smenu.gif) 100% 50% no-repeat;}
div#menu li.smenu:hover {background: #edd;}
div#menu ul ul {position: absolute; top: 19px; width: 110px; display: none; background: #edd;}
div#menu ul ul li {border-bottom: 1px solid #ccc;}
#page {position: absolute; top: 121px; left: 0; width: 998px; border: 1px solid #ccc; padding: 0; margin: 0; background: #dcf8f8 url(../imggif/verdiere-13.gif) repeat;}
#page1 {float: left; padding-top: 242px; padding-left: 0; width: 998px; border: 1px solid #ccc; padding-bottom: 0; margin: 0; background: #dcf8f8 url(../imggif/verdiere-13.gif) repeat;}
#cypres {position: absolute; top: 166px; left: 0; visibility: hidden;}
#brinolivier {position: absolute; top: 300px; left: 0;}
h1 {font-family: Arial, Verdana, sans-serif; font-size: 1.4em; font-style: normal; font-weight: normal; margin: 0;}
h2 {font-family: Arial, Verdana, sans-serif; font-size: 1.2em; font-style: normal; font-weight: normal; margin: 0;}
h3 {font-family: Arial, Verdana, sans-serif; font-size: 1.0em; font-style: normal; font-weight: normal; margin: 0;}
h4 {font-family: Arial, Verdana, sans-serif; font-size: 0.8em; font-style: normal; font-weight: normal; margin: 0;}
h5 {font-family: Arial, Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; margin: 0;}
h6 {font-family: Arial, Verdana, sans-serif; font-size: 0.6em; font-style: normal; font-weight: normal; margin: 0;}
h7 {font-family: Arial, Verdana, sans-serif; font-size: 0.5em; font-style: normal; font-weight: normal; margin: 0;}
#imgaccueil {position: absolute; top: 170px; left: 140px;}
#fleuraccueil {padding-top: 450px; padding-left: 850px; margin: 0;}
#fleuraccueil1 {padding-top: 0px; padding-left: 850px; margin: 0;}
#fleurtexte {padding-left: 850px; margin: 0;}
#vision {position: absolute; top: 50px; left: 450px; height: 450px; width: 600px;}
#accueil1 {position: absolute; top: 80px; left: 20px; width: 500px; font-size: 40px; color: #8d6f01; text-align: center;}
#accueil2 {position: absolute; top: 520px; left: 100px; color: #82828c;}
#offices {position: absolute; top: 30px; left: 100px; width: 800px;}
#titreoffices {position: absolute; top: 5px; left: 50%; border: 1px solid #ccc; width: 500px; margin-left: -250px; text-align: center; background: url(../imggif/fonde8f0f0.gif); color: #813d3d;}
div#horaires {position: absolute; top: 70px; left: 50%; border: 1px solid #ccc; margin: 0; padding: 10px; width: 600px; margin-left: -300px; margin-top: 0px; background: url(../imggif/fonde8f0f0.gif);}
li.tit {display: block; list-style: none; text-align: center; font: 1em Arial, Verdana, sans-serif;} 
li.sem {display: block; list-style: none; text-align: center; font: 1em Arial, Verdana, sans-serif;} 
li.dim {display: block; list-style: none; text-align: center; font: 1em Arial, Verdana, sans-serif;} 
li.ann {display: block; list-style: none; text-align: center; font: 1em Arial, Verdana, sans-serif;} 
div.table1 li.tit {margin: -1.2em 0em 2em 0; width: 200px;}
div.table1 li.sem {margin: -1.2em 0 0 23em;}
div.table1 li.dim {margin: 0 0 0 4.5em;}
div.table1 li.ann {margin: -1.2em 0em 2em 0; width: 200px;}
#gras {font-weight: bold;}
#petitcaract {font-size: 0.8em; text-align: center; color: #813d3d;}
#plan {position: absolute; left:50%; top: 20px; width: 900px; margin-left: -450px;}
#carte {position: absolute; left:152px; top: 70px; width: 596px;}
#marque {position: absolute; left:710px; top: 150px; width: 150px;}
#marque1 {position: absolute; left:605px; top: 405px; width: 100px;}
#marque2 {position: absolute; left:425px; top: 0px; width: 100px;}
#adresse {position: absolute; left: 152px; top: 10px; width: 300px;}
#adressep {position: absolute; left: 152px; top: 420px; width: 300px;}
#tel {position: absolute; left: 450px; top: 10px; width: 300px; text-align: right;}
#poster {position: absolute; left: 900px; top: 130px; width: 100px; height: 60px; margin: 0; text-align: center;}
#dateheure {position: absolute; left: 0px; top: 130px; width: 200px; height: 30px; margin: 0; text-align: center; color: #82828c;}
#gifposter {position: absolute; left: 25px; top: 20px; width: 50px; height: 36px; margin: 0; border: 0;}
#claire {float: left; padding-top: 30px; padding-bottom: 10px; padding-left: 50px; padding-right: 130px;}
#claire1 {clear: left; padding: 5px;}
#clairetitre {width: 100%; text-align: center;}
#claire .h4 {text-align: jutify; font-size: 1.0em;}
#claire .picleft {float: left; margin: 1em 2em 1em 0;}
#claire .picright {float: right; margin: 1em 0 1em 2em;}
#page-texte {position: absolute; top: 120px; left: 50px; width: 930px;}
#piedpage {float: left; padding-top: 65px; padding-bottom: 0px; padding-left: 50px; padding-right: 0px; margin: 0; width: 700px; font: 0.7em Arial, Verdana, sans-serif;}
div#piedpage {color: #82828c;}
div#piedpage a:link {color: #82828c; text-decoration: none;}
div#piedpage a:visited {color: #82828c; text-decoration: none;}
#piedpage1 {float: left; padding-top: 0px; padding-bottom: 0px; padding-left: 50px; padding-right: 0px; margin: 0; width: 700px; font: 0.7em Arial, Verdana, sans-serif;}
div#piedpage1 {color: #82828c;}
div#piedpage1 a:link {color: #82828c; text-decoration: none;}
div#piedpage1 a:visited {color: #82828c; text-decoration: none;}
.titre {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; line-height: 60px; font-weight: bold; font-variant: normal; color: #0c9e3b; letter-spacing: normal; text-align: center; vertical-align: middle; word-spacing: normal; white-space: normal;}
.texte1 {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; letter-spacing: normal; text-align: justify; vertical-align: top; word-spacing: normal; white-space: normal;}
.texte2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; letter-spacing: normal; text-align: justify; vertical-align: top; word-spacing: normal; white-space: normal;}
#sites-titre {position: absolute; top: 5px; width: 100%; text-align: center; line-height: 1.5em;}
div.cadresite {position: absolute; left: 50%; top:20px; margin: 0; padding: 10px; width: 900px; margin-left: -450px; margin-top: 0px; background: #dcf8f8;}
div.cadresite1 {float: left; height: 30px; width: 400px; padding: 20px; margin: 5px 3px;}
li.titre-site {display: block; list-style: none; text-align: center; font: 0.8em Arial, Verdana, sans-serif;}
li.texte-site {display: block; list-style: none; text-align: jutify; font: 0.6em Arial, Verdana, sans-serif;}
div.picmonastereh {float: left; height: 320px; width: 400px; padding: 20px; margin: 0;}
div.picmonasterev {float: left; height: 420px; width: 350px; padding: 20px; padding-left: 70px; margin: 0; }
div.picmonasterec {float: left; height: 370px; width: 400px; padding: 20px; padding-top: 70px; margin: 0;}
div.textemonastereh {float: left; height: 320px; width: 400px; padding: 20px; margin: 0; text-align: jutify; font: 0.9em Arial, Verdana, sans-serif;}
div.textemonasterev {float: left; height: 320px; width: 400px; padding: 20px; margin: 0; text-align: jutify; font: 0.9em Arial, Verdana, sans-serif;}
.legendemonastere {float: left; width: 100%; text-align: center; font: 0.7em Arial, Verdana, sans-serif; color: #000;}
div.pictravailh {float: left; height: 250px; width: 350px; padding-right: 30px; padding-left: 30px; padding-top: 20px; padding-botton: 20px; margin: 0;}
div.pictravailv {float: left; height: 340px; width: 250px; padding-right: 30px; padding-left: 70px; padding-top: 20px; padding-bottom: 20px; margin: 0; }
div.pictravailc. {float: left; height: 300px; width: 320px; padding-right: 30px; padding-left: 30px; padding-top: 60px; padding-bottom: 20px; margin: 0;}
div.textetravailh {float: left; height: 230px; width: 290px; padding-right: 30px; padding-left: 30px; padding-top: 20px; padding-bottom: 20px; margin: 0; text-align: jutify; font: 0.9em Arial, Verdana, sans-serif;}
div.textetravailv {float: left; height: 230px; width: 280px; padding-right: 30px; padding-left: 0px; padding-top: 20px; padding-bottom: 20px; margin: 0; text-align: jutify; font: 0.9em Arial, Verdana, sans-serif;}
.legendetravail {width: 88%; text-align: center; font: 0.7em Arial, Verdana, sans-serif;}
.nonvalide {position: absolute; left: 200px; top: 100px; width: 300px;}
.login {position: absolute; left: 250px; top: 200px; width: 300px;}
.choix {position: absolute; left: 280px; top: 150px; width: 500px;}
.choix1 {position: absolute; left: 0px; top: 100px; width: 1000px; text-align: center;}q
.titrepage {position: absolute; left: 0px; top: 30px; width: 1000px; text-align: center;}
.listesites {position: absolute; left: 50px; top: 80px; width: 900px;}
.soustitrepage {float: left; height: 20px; width: 886px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif; text-align: center;}
.aff-titre {float: left; height: 30px; width: 200px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-texte {float: left; height: 30px; width: 400px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-lien {float: left; height: 30px; width: 190px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-modif {float: left; height: 30px; width: 60px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-titre1 {float: left; height: 20px; width: 200px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-texte1 {float: left; height: 20px; width: 400px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-lien1 {float: left; height: 20px; width: 190px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-modif1 {float: left; height: 20px; width: 60px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.titr {float: left; height: 30px; width: 200px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.text {float: left; height: 70px; width: 200px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.adres {float: left; height: 30px; width: 200px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.titr1 {float: left; height: 30px; width: 550px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.text1 {float: left; height: 70px; width: 550px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.adres1 {float: left; height: 30px; width: 550px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.textarea {font: 1.1em Arial, Verdana, sans-serif;}
.valid {float: left; height: 30px; width: 269px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-off {float: left; height: 30px; width: 300px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-dim {float: left; height: 30px; width: 200px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-sem {float: left; height: 30px; width: 200px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-aff {float: left; height: 30px; width: 78px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-off1 {float: left; height: 20px; width: 300px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-dim1 {float: left; height: 20px; width: 200px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-sem1 {float: left; height: 20px; width: 200px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aff-aff1 {float: left; height: 20px; width: 78px; padding: 5px; margin: 0; border: 1px solid #fff; background: #edd; font: 0.7em Arial, Verdana, sans-serif;}
.aube {float: left; padding: 10px;}
.aumonier {float: right; padding: 10px;}
.chapelle {float: left; padding: 20px;}
#retraite {position: absolute; left: 60px; top: 310px; width: 300px; font: 0.7em Arial, Verdana, sans-serif; text-align: center;}
#icones {position: absolute; left: 690px; top: 310px; width: 150px; font: 0.7em Arial, Verdana, sans-serif; text-align: center;}
#icones1 {position: absolute; left: 400px; top: 455px; width: 300px; font: 0.7em Arial, Verdana, sans-serif; text-align: center; color: #666679;}
#aubes {position: absolute; left: 200px; top: 520px; width: 300px; font: 0.7em Arial, Verdana, sans-serif; text-align: center;}
#aumonier {position: absolute; left: 550px; top: 730px; width: 300px; font: 0.7em Arial, Verdana, sans-serif; text-align: center;}
#chapelle {position: absolute; left: 290px; top: 1070px; width: 300px; font: 0.7em Arial, Verdana, sans-serif; text-align: center;}
.liens {text-decoration: none;}
.travail {float: left; padding-top: 20px; padding-left: 80px; width: 890px;}
.phrases {float: left; padding: 20px; padding-left: 60px; margin: 0; width: 840px; font: 1em Arial, Verdana, sans-serif; text-align: left; color: #666679;}
.phrases1 {float: left; padding: 10px; padding-left: 40px; margin: 0; width: 780px; font: 1em Arial, Verdana, sans-serif; text-align: left; color: #666679;}
.spage {float: left; padding-left: 10px; width: 990px;}
.fete {position: absolute; top: 85px; left: 250px;  font: 0.7em Arial, Verdana, sans-serif; text-align: center; color: #666679;}
.telech {float: left; padding-top: 50px; padding-left: 150px; width: 600px;}
.presente {float: left; padding-top: 0px; padding-left: 150px; width: 400px; font: 0.7em Arial, Verdana, sans-serif; text-align: left;}
.charge {float: left; padding-top: 30px; padding-left: 190px; width: 400px;}
.affiche {float: left; padding-top: 10px; padding-left: 150px; width: 400px; font: 0.7em Arial, Verdana, sans-serif; text-align: center;}
div.pic {float: left; width: 120px; height: 110px; padding: 15px; margin: 5px 5px; border: 1px solid black;}
div.pic img {border: 1px solid black;}
div.ls img {margin: 13px 0;}
div.pt img {margin: 0 16px;}
div.pic ul {width: 70px;}
li.coche {diplay: block; margin-top: -15px;}
.annoncecadre  {float: left; width: 640px; padding-left: 180px; padding-top: 20px;}
.annoncepos {float: left; width: 100%; background: #dee7ee; border: 1px solid #8d6f01;}
.annoncetexte {position: relative; width: 600px; padding: 20px;}
.annoncetitre {float: left; width: 100%; text-align: center;}
.annoncemess {float: left; padding-top: 30px; width: 100%;}
.ange {position: absolute; top: 20px; left: 10px;}
.fle1 {padding: 3px;}
.fle2 {padding: 3px; padding-bottom: 4px;}
div.zone {float: left; width: 400px; height: 340px; margin: 0px; padding: 0px; border: 0px solid #32184c;}
div.pich {float: left; width: 310px; height: 232px; margin: 0px; padding-top: 54px; padding-left: 45px; border: 0px solid #32184c;}
div.pich1 {float: left; width: 310px; height: 208px; margin: 0px; padding-top: 66px; padding-left: 45px; border: 0px solid #32184c;}
div.picv {float: left; width: 232px; height: 310px; margin: 0px; padding-top: 15px; padding-left: 84px; border: 0px solid #32184c;}
div.picv1 {float: left; width: 208px; height: 310px; margin: 0px; padding-top: 15px; padding-left: 96px; border: 0px solid #32184c;}
div.tex {float: left; height: 230px; width: 290px; margin-left: 77px; margin-top: 54px; padding: 0; text-align: jutify; font: 0.9em Arial, Verdana, sans-serif; color: #000;}
.icones {color: #666679;}