/*Feuille de style desury net, Copyright Xavier Desury - 2010*/
html {background-color:#454388;}

body {width:99.8%;padding:0px;margin:0px;background-color:#fff;font:small/2em "Trébuchet ms", Arial, Helvetica, Geneva, sans-serif;color:#003399;voice-family:inherit;}

img {border-width:0;}

/*LIENS*/

a:link {color:#003399;text-decoration:none;}
a:visited {color:#575655;text-decoration:none;}
a:hover {color:#FF9900;text-decoration:none;}

/*PAGES*/

div#page {border-width:1.5em 0.5em 1.5em 0.5em;border-color:#454388;border-style:solid;}
div#page2 {border-width:2px;border-color:#26253D;border-style:solid;}
div#page3 {border-width:4px;border-color:#C8C6F3;border-top-style:solid;}
div#page4 {border-width:1px;border-color:white;border-top-style:solid;}
div#page5 {border-width:4px;border-color:#8F8EAC;border-top-style:solid;}
div#page6 {Height:100%;border-width:1px;border-color:white;border-top-style:solid;background-image:url(aplan/bh2.png);
background-position:top;background-repeat:repeat-x;}

/*LOGO*/

div.logo {
margin:3em 0 0 3%;
background-color:transparent;
}

div#logo2 {
position:absolute;
right:89px;
top:4.2em;
text-align:center;
background-color:transparent;
/*Hack positionnement IE6-7-8*/
/right:72px;
/top:4.4em;
/text-align:center;
/background-color:transparent;
}

#moteur {
position:absolute;
right:30px;
top:9.2em;
}

#recherche {
display:block;
background-color:transparent;
}

#sp-q {
text-align:center;
color:#F48105;
}

/*MENU*/

#left {overflow:hidden}
#left p {background-color:white;}

#menu {
left:3%;
position:absolute;
top:13.5em;
width:16%;
overflow:hidden;
}
  
#nouveau ul,#orfevres ul,#orfevrerie ul,#divers ul {
margin:0.5em 0 1.5em 0.5em;
padding-left:0.5em;
list-style-type:none;
}

#nouveau li,#orfevres li,#orfevrerie li,#divers li {
display:inline;
background-color:transparent;
}

#menu #current a {
color:#FF9900;
font-weight:bold;
background-color:transparent;
}

#menu #current a:hover {
color:#FF9900;
font-weight:bold;
background-color:#E0E0F1;
}

#nouveau a,#orfevres a,#orfevrerie a,#divers a{
color:#003399;
background-color:transparent;
display:block;
margin-left:0em;
padding-left:1em;
text-decoration:none;
}

#nouveau a:hover,#orfevres a:hover,#orfevrerie a:hover,#divers a:hover{
background-color:#E0E0F1;
color:#FF9900;
}

#nouveau a:visited,#orfevres a:visited,#orfevrerie a:visited,#divers a:visited {
color:#575655;text-decoration:none;}

#nouveau,#orfevres,#orfevrerie,#divers {
font-size:90%;
color:#003399;
background-color:white;
}

#orfevres h4,#orfevrerie h4,#divers h4 {
font-size:105%;
line-height:130%;
color:#003399;
border-color:#FF9900;
border-style:solid;
border-width:0 0 3px 0;
margin:0;
padding:0;
text-align:left;
text-transform:uppercase;
font-weight:bold;
}

div.titreplan h4 {
font-size:105%;
line-height:130%;
background-color:#F1F1FD;
color:#003399;
border-color:#FF9900;
border-style:solid;
border-width:0 0 3px 0;
margin:1em;
padding:0;
text-align:left;
text-transform:uppercase;
font-weight:bold;
}

/*PAGE DROITE*/

div#right, div#rightsans{
background-color:white;
height:100%;
margin:3em 3% 0.5em 21%;
padding:1em 2% 1em 2%;
border:1px solid #FF9900;
-moz-border-radius:18px;
-moz-box-sizing: border-box;
border-radius:18px;
box-sizing: border-box;
}

div#rightsans a:link {color:#003399;text-decoration:underline;}
div#rightsans a:visited {color:#575655;text-decoration:underline;}
div#rightsans a:hover {color:#FF9900;text-decoration:underline;}
div#rightsans a:active {color:#FF9900;text-decoration:underline;}

div#cadre {width:100%;padding:1em 0 1em 0;margin-bottom:3%;border-width:1px;border-color:#454388;background-color:#F1F1FD;border-style:solid;}
div#cadre p {background-color:#F1F1FD}

div#new {margin:1em;padding:0 1em 2em 0;border:1px solid #454388;background-color:white;-moz-border-radius:28px;
-moz-box-sizing: border-box;border-radius:28px;box-sizing: border-box;}

div#new p {background-color:white}

#formule {margin:2em;padding:30px;width:417px;border-width:1px;border-color:#454388;background-color:white;border-style:solid;-moz-border-radius:18px;-moz-box-sizing: border-box;border-radius:18px;box-sizing: border-box;}

#formule p {
padding-left:0;
margin:0;
color:#003399;
background-color:white;
}

.leftform, .rightform {
text-align:left;
width:80%; 
background-color:white;
margin:0;
}

div.rightform {
margin-bottom:2px;
}

/*CARTE*/

div#rightcarte {
height:100%;
margin:3em 3% 0.5em 21%;
padding:1em 2% 1em 2%;
background-color:white;
border-width:1px;
border-color:#FF9900;
border-style:solid;
overflow:scroll;
-moz-border-radius:18px;
-moz-box-sizing: border-box;
border-radius:18px;
box-sizing: border-box;
}

div#cadrecarte {width:894px;padding:1em 1em 0 0;border-width:1px;border-color:#454388;background-color:white;border-style:solid;}

#perrosbis, #murbis, #pontrieuxbis, #meslinbis, #paimpolbis, #dinanbis, #brieucbis, #erquybis, #pleneufbis, #quintinbis, #plancoetbis, #plouharnelbis, #plerinbis, #auraybis, #rostrenenbis, #prenessayebis, #rospezbis, #vieuxbis, #lanhouarneaubis, #plevinbis, #quaybis, #plouezecbis, #pleumeurbis, #plourivobis, #tregomeurbis, #lanrodecbis, #melvezbis, #bulatbis, #plusquellecbis, #lanfainsbis, #duaultbis, #jugonbis, #evranbis, #plenéebis, #moncontourbis, #allineucbis, #uzelbis, #merleacbis, #plougernevelbis, #lanionbis, #treguierbis, #guingampbis, #vannesbis, #caradecbis, #broonsbis, #pordicbis, #binicbis, #plufurbis, #plouvornbis, #plouguenastbis, #planguenoualbis, #lorientbis, #lavalbis {
position: absolute;
left: 100px;
top:300px;
visibility: hidden;
background-color:#F1F1FD;
border-width:2px;
border-color:#003399;
border-style:solid;
padding:1em 1em 0.5em 0.2em;
}

#perrosbis p, #murbis p, #pontrieuxbis p, #meslinbis p, #paimpolbis p, #dinanbis p, #brieucbis p, #erquybis p, #pleneufbis p, #quintinbis p, #plancoetbis p, #plouharnelbis p, #plerinbis p, #auraybis p, #rostrenenbis p, #prenessayebis p, #rospezbis p, #vieuxbis p, #lanhouarneaubis p, #plevinbis p, #quaybis p, #plouezecbis p, #pleumeurbis p, #plourivobis p, #tregomeurbis p, #lanrodecbis p, #melvezbis p, #bulatbis p, #plusquellecbis p, #lanfainsbis p, #duaultbis p, #jugonbis p, #evranbis p, #plenéebis p, #moncontourbis p, #allineucbis p, #uzelbis p, #merleacbis p, #plougernevelbis p, #lanionbis p, #treguierbis p, #guingampbis p, #vannesbis p, #caradecbis p, #broonsbis p, #pordicbis p, #binicbis p, #plufurbis p, #plouvornbis p, #plouguenastbis p, #planguenoualbis p, #lorientbis p, #lavalbis p {
background-color:#F1F1FD;
text-align:center;
color:black;
font-size:85%;
font-family:"Trebuchet ms", Arial, Helvetica, Geneva, sans-serif;
line-height:130%;
}

/*ONGLETS*/

.onglet {
float:left;width:100.1%;background:url(aplan/bg.gif) repeat-x bottom;font-size:93%;line-height:normal;
}
.onglet ul {padding:0;margin:0;list-style:none}

.onglet li{
float:left;background:url(aplan/leftboth.gif) no-repeat left top;margin:0;padding:0px 0px 0px 9px;border-bottom:1px solid #003399;text-decoration:none}

.onglet a {
float:left;
display:block;
background:url(aplan/rightboth.gif) no-repeat right top;
padding:5px 10px 4px 2px;
text-decoration:none;
font-weight:bold;
color:#003399;
}
.onglet a:visited {color:#003399;}
.onglet .current a:visited {color:#FF9900;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.onglet a {float:none;}
/* End IE5-Mac hack */
.onglet a:hover {color:#FF9900;}
.onglet .current  {background-position:0 -150px; border-width:0;}
.onglet .current a {background-position:100% -150px;padding-bottom:5px;color:#FF9900;}
.onglet li:hover,  .onglet li:hover a{background-position:0% -150px;color:#FF9900;}
.onglet li:hover a{background-position:100% -150px;}

#onglet2 {
float:left;
padding-top:10px;
margin-top:0px;
border-width:0px 1px 1px 1px;
border-color:#003399;
border-style:solid;
background-color:#F1F1FD;
height:100%;
width:100%;
}

#onglet2 a:link {color:#003399;text-decoration:underline;}
#onglet2 a:visited {color:#575655;text-decoration:underline;}
#onglet2 a:hover {color:#FF9900;text-decoration:underline;}
#onglet2 a:active {color:#FF9900;text-decoration:underline;}

/*VIGNETTES*/

.flot {
background-color: #F1F1FD;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
margin-top:0px;
float: left;
color:#003399;
text-align: center;
}
.cont {
width: 90%;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
}
hr {
clear: both;
width: 20%;
visibility: hidden;
}

.copy {
font-size:70%;
line-height:130%;
color:#003399;
padding-left:0px;
margin-top:0px;
text-align:center;
clear:both;
}

div.leftrow {
float:left;
margin-top:1em;
text-align: right;
width:25%;
background-color:#F1F1FD;
clear:left;	
}

div.rightrow {
float:right;
margin-top:1em;
text-align:left;
width:75%;
background-color:#F1F1FD;
clear:right;
}

div.rightrow p {
text-align:left;
background-color:#F1F1FD;
padding:0 1em 0 0;
margin:0 1em 0.5em 1em;
}

div.icon {
float:left;
padding-left:1em;
padding-top:-0.5em;
margin:0 1px 0.5em 1em;
width:20%;
background-color:#F1F1FD;
}

div.iconright {
float:right;
margin: 0 0.5em 0.5em 0;
width:60%;
background-color:#F1F1FD;
}

div.icon p {
text-align:left;
margin:-1px 5px 10px 0;
font-size:90%;
color:#003399;
padding-left:0px;
background-color:#F1F1FD;
}

.sign {
text-align:left;
margin:-1px 5px 10px 0;
font-size:90%;
color:#003399;
padding-left:0px;
background-color:#F1F1FD;
}

div.containerimage {background-color:#F1F1FD;width:100%;}

div.porleft {
float:left;
padding-left:0;
margin:0;
background-color:white;
}

div.porright {
float:right;
margin:0 0.5em 0 0;
background-color:transparent;
}

div.spacer {
margin:-0.5em 0 -0.5em 0;
clear:both;
background-color:#F1F1FD;
}

div.spacer2 {
margin:0em 0 -1em 0;
clear:both;
background-color:#F1F1FD;
}

div.spacerwhite {
margin:-5px 0 -5px 0;
clear:both;
background-color:white;
}

/*POLICES CORPS TITRES*/

p {
font-size:90%;
margin:1em 1em 1em 1em;
line-height:130%;
color:black;
background-color:#F1F1FD;
padding:0 1em 0 1em;
}

ul,li,td {
font-size:100%;
line-height:130%;
color:#003399;
background-color:white;
}

#reference ul,#reference li {
background-color:#F1F1FD;
color:black;
}

#reference ul {margin-right: 1em;margin-bottom:0.1em}

dl {
background-color:#F1F1FD;
padding:0 2em 2em 2em;
}

dt {
color:black;
font-weight:bold;
padding-top:1em;
}

dd {
font-size:100%;
line-height:130%;
color:black;
}

#pop {margin:0 0 2em 0}
#pop1 dl , #pop2 dl, #pop3 dl, #pop4 dl, #pop5 dl, #pop6 dl, #pop7 dl, #pop8 dl, #pop9 dl{
background-color:#F1F1FD;
padding:0 2em 2em 2em;
margin:-2.5em 0 0 0;
}

div.memo {
font-size:100%;
line-height:130%;
background-color:white;
text-align:center;
}

div.memo p {
text-align:center;
color:#003399;
}

#decoration ul,#decoration li {
background-color:#F1F1FD;
font-weight:bold;
}

ul.deco {margin:0 0 0 4%;padding:0 0 0 4%}
ul.deco p {margin-left:0;padding-left:0}

#textenotice ul,#textenotice li {
background-color:#F1F1FD;
font-weight:bold;
text-transform:uppercase;
}

#notice1, #notice2 {
float:left;
margin:0 -1px 0 2em;
text-align:left;
width:40%;
padding:1em 1em 0 0;
background-color:white;
border-width:1px;
border-color:#454388;
border-style:solid;
}

#notice2 {margin:0;}

#notice1 li,#notice1 ul,#notice2 li,#notice2 ul {
font-size:100%;
line-height:130%;
color:#003399;
background-color:white;
font-weight:bold;
text-transform:none;
}

#arbre ul,#arbre li {
background-color:#F1F1FD;
font-size:90%;
margin:1em 1em 1em 3em;
line-height:130%;
color:black;
padding:0 1em 0 0em;
}


h1 {
font-size:150%;
color:#003399;
text-align:left;
margin-bottom:1em;
}

h2 {
font-size:125%;
color:#FF9900;
padding-left:15px;
padding-top:20px;
}

h2.memo {
font-size:105%;
color:#FF9900;
padding-left:0px;
padding-top:20px;
text-align:center;
}

h3 {
font-size:120%;
color:#003399;
padding:0 1em 0 1em;
}

h4 {
font-size:105%;
color:#003399;
margin-bottom:1em;
padding-left:1em;
padding-bottom:1em;
text-align:left;
text-transform:uppercase;
font-weight:bold;
}

h5 {
font-size:125%;
color:#FF9900;
margin:-0.3em 0 0.5em 0;
padding-left:1em;
}

h6 {color:#003399;font-size:100%;margin:1em 0 -0.5em 1em;}

#cadrecarte h6 {color:#003399;margin:0 0 -0.5em 0;text-align:center;}

/*PIED PAGE*/

div#footer {
margin:2em 3% 0 18%;
padding-top:1em;
padding-bottom:1em;
border-color:#FF9900;
border-style:solid;
border-width:3px 0 0 0;     
}

#logopetit {
position:relative;
top:3px;
text-align:center;
}

#logopetit p {
font-size:70%;
line-height:130%;
color:#003399;
padding-left:0px;
text-align:center;
background-color:white;
}

.petit {
font-size:70%;
line-height:130%;
color:#003399;
padding-left:0px;
text-align:center;
background-color:white;
}

#w3c p {font-size:70%;text-align:right;background-color:white;color:#003399;}

/*TABLEAUX*/

table.carte {background-color:white;border:0;width:894px}
table.carte p {background-color:white;text-align:left}
table.carte td {height:0;background-color:white;width:0;}

table.real3 {width:100%;vertical-align:top;}

table.real3 th {line-height:130%;text-align:right;background-color:#F1F1FD;}

table.real3 th p{color:black;font-weight:bold;}

table.real3 td {line-height:130%;background-color:#F1F1FD;}

table.real3 p {
font-size:100%;
line-height:130%;
font-weight:lighter;
margin:0;
color:#003399;
background-color:#F1F1FD;
}

/** Copyright 2007 Google Inc. All rights reserved. */

/** 
 * CSS styles for the Custom Search Engine overlay built on top of AJAXSearch
 * API
 */ 

.cse-closeResults { 
  float: right;
}

.cse-closeResults a {
  padding: 3px 5px;
  border: 1px solid #666;
  color:  #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}

.cse-closeResults a:hover {
  background: #ddd;
  border: 1px solid #000; 
}

.cse-overlay-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #000;
}

.cse-overlay {
  text-align: left;
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 10px;
  width: 600px;
  background-color: #FFF;
  border: 1px solid #333;
  font-size: small;
}

/**
 * Custom AJAXSearch styles
 */

.gsc-resultsHeader,
.gs-visibleUrl-short,
.gs-watermark
 { display: none; }

.gs-visibleUrl {
  color: #008000;
}

.gs-visibleUrl-long { 
  overflow: hidden;
}

.gs-title { 
  font-size: medium;
}

.gsc-trailing-more-results,
.gsc-webResult,
.gs-divider {
  margin-bottom: 1em;
}

.gs-divider {
  margin-bottom: 1em;
  text-align: center;
  color: #676767;
}


/**
 * Default AJAXSearch styles largely from
 * http://www.google.com/uds/css/gsearch.css
 */

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 300px;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}