/* Content styles overrides */
/* Basic */
html { padding: 0; margin: 0;}
body { padding: 0; margin: 0; background: #7EBD51;}

ul li { background-position: 5px 0.4em; }
img {border: 0; padding: 0; }

/* General classes */
.sprite { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: no-repeat 0 0; }
.date { word-spacing: -1px; }
.searched-term { font-weight: bold; background: #FFF9C7; }

.boxed-link, .boxed-link:visited { background: #C95634 url(/img/arr-downlink.png) no-repeat 8px 50%; border: 2px solid #923F26; color: white; padding: 8px 13px 8px 20px; }
.boxed-link:hover  { color: white; }

/* Contact table */
table.contact tr td { background: url(/img/icons/bullet_go.png) no-repeat 5px 5px; padding-left: 25px; width: 50%;}
table.contact tr td table tr td { background: none; padding-left: 0; font-size: 92%; width: auto; }

table.contact tr td.empty { background: none; }

/* Layout */

#main-spc, #header, #footer { width: 960px; position: relative; margin: 0 auto; text-align: left; }

#mother { text-align: center; }
#main { background: white; position:relative; z-index:2; }

#content { min-height: 300px; }
.content-spc { padding: 1px 15px; }

#col-left { width: 698px; margin: -63px 0 20px 0; float: left; overflow: hidden; position: relative; padding-bottom: 20px; z-index: 15;}
#col-leftcontent { width: 698px; margin: -63px 0 20px 0; border: 3px solid white; float: left; overflow: hidden; background: white; position: relative; padding-bottom: 20px; z-index: 1;}
#col-right { width: 253px; margin: -63px 0 0 0; border-left: 0; float: right; position: relative; /*background: transparent;*/ min-height: 150px; }
#col-right ul ul{ margin:0;}
/* #col-left .img { margin: 25px 0;} */

/* Header */
#header { height: 195px; z-index: 10; background: transparent url(/img/header-logo.gif) top left no-repeat; }
#header.z-top { z-index: 20 }

/* logo du header */
p#logoheader {
  position:relative;
  margin:0;
  height:130px;
}
p#logoheader a#lienslogo {
  display:block;
  width:248px;
  height:130px;
  position:absolute;
  top:0px;
  left:0;
  border:none;
}
#lienslogo h1,#lienslogo span { display:none;}

#logo { margin: 0 0 0 10px; float: left; }
#logo img { margin: 0; padding: 0; border: 0; font-size: 116%; font-family: Arial, sans-serif; color: white; text-transform: uppercase;}

/* Footer */
#footer { font-size: 92%; line-height: 1.454; padding-bottom: 20px; position:relative; z-index:3; }
#footer .col-left { width: 698px; margin: -16px 0 0 0; float: left; overflow: hidden; background: transparent url(../img/fd-bas.gif) bottom; color: white; position: relative; }
#footer .col-left .right { width: 200px; color: #E9BBAE; }
#footer .col-left .right img { margin: 0 0 0 10px; }
#footer .col-left .spc { padding: 5px 15px 10px 25px; }
#footer .col-right { float: right; text-align: right; padding: 2px; width: 230px;}
#footer .col-right img {float:right;padding:0.2em;padding-left:0.6em;}
#footer .col-right .milieu {margin-top:1em;}
#footer p { margin: 0;}
#footer a { color: white; }
.webdesign, #footer .webdesign a { color: #FFF;}

#nav-skip { position: absolute; left: -2000px; }
#nav-skip a:focus, #nav-skip a:active { position: absolute; left: 2000px; }

/* active states */
a:link[id=current], a:visited[id=current]
{
background: #c30 !important;
color: #000 !important;
}

a:hover[id=current] { background: #f5f5f5 !important; }

a:link[id=subcurrent], a:visited[id=subcurrent]
{
background: #444 !important;
color: #fff !important;
}

a:hover[id=subcurrent] { background: #000 !important; }

/* Main menu */
#main-menu { font-size: 92%; font-family: Arial, Helvetica, sans-serif;  position: absolute; top: 30px; left: 250px; width: 700px; z-index: 20; }
#main-menu ul { width: 100%; }
#main-menu li { float: left; margin: 0 0 0.1em; padding: 0; background: none;}
#main-menu a { background-color: rgb(126, 189, 81); background-repeat: no-repeat; background-position: 0.65em 0; color: white; font-weight: normal; text-decoration: none; text-transform: uppercase; padding: 5em 1.9em 0em 0.65em; float: left; border-left: 1px solid rgb(255, 255, 255); height: 3em; max-width: 8em; position: relative; z-index: 6;} /* rubrique principale */
#main-menu li a{ }
#main-menu div{display:none;}
#main-menu li:hover div, #main-menu li.hover div {display:block;}

#main-menu li:hover, #main-menu li.hover{margin-bottom:0px;}
#main-menu li:hover a, #main-menu li.hover a{height:3.1em;}
#main-menu li:hover div ul li a, #main-menu li.hover div ul li a{color:white; font-family:Verdana, Arial, Helvetica, sans-serif;}
#main-menu li:hover a, #main-menu li:hover ul li:hover a , #main-menu li.hover a, #main-menu li.hover ul li.hover a{ color: rgb(51, 51, 51); z-index:8;}
#main-menu a.active { color: #C95634; }
#main-menu li.menuon a { padding-bottom: 1px; }
#main-menu li.menuoff div { visibility: hidden; }
#main-menu li.menuon div { visibility: visible; }
#main-menu div { position: relative; clear: both;}
#main-menu div ul { background: rgb(126, 189, 81); width: 13em; padding: 0.6em 0.6em 1em;  position: absolute; top:0px; left: -3px; border: 1px solid rgb(255, 255, 255);  z-index:7; margin-top:-1px; }
#main-menu div li, #main-menu div li:hover, #main-menu div li.hover { font-size: 100%; height: auto; margin-bottom: 0.4em; float: none; background: url(/img/bullet-main-menu.png) no-repeat 0 50%; padding-left: 12px;}
#main-menu div a { color: white; text-decoration: underline; text-transform: none; padding: 0; border: none; float: none; clear: both; }
#main-menu li.last div ul { left: -6.75em; }

#lang-menu { position: absolute; top: 2px; right: 15px; font-size: 92%; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; color: white; }
#lang-menu a { color: white; margin: 0 5px; text-decoration: none; }
#lang-menu a:hover { color: rgb(51, 51, 51); }
#lang-menu a.active { color: #C95634; }

/* Main menu icons */
#menu-office { 
        background-image: url(/img/ico-1-gd.png) !important;
        background-image: url(/img/ico-1-gd.gif); }
#menu-patrimoine { 
        background-image: url(/img/ico-2-gd.png) !important;
        background-image: url(/img/ico-2-gd.gif); }
#menu-chantiers { 
        background-image: url(/img/ico-3-gd.png) !important;
        background-image: url(/img/ico-3-gd.gif); }
#menu-guide { 
        background-image: url(/img/ico-4-gd.png) !important;
        background-image: url(/img/ico-4-gd.gif); }
#menu-marches { 
        background-image: url(/img/ico-5-gd.png) !important;
        background-image: url(/img/ico-5-gd.gif); }
#menu-demarches { 
        background-image: url(/img/ico-5-gd.png) !important;
        background-image: url(/img/ico-5-gd.gif); }
#menu-contact { 
        background-image: url(/img/ico-6-gd.png) !important;
        background-image: url(/img/ico-6-gd.gif); }
#menu-7 { background-image: url("/img/ico-7-gd.png"); padding-right: 0 !important; }
#menu-office.active { 
        background-image: url(/img/ico-1-gd.png) !important;
        background-image: url(/img/ico-1-gdok.gif); }
#menu-patrimoine.active { 
        background-image: url(/img/ico-2-gd.png) !important;
        background-image: url(/img/ico-2-gdok.gif); }
#menu-chantiers.active { 
        background-image: url(/img/ico-3-gd.png) !important;
        background-image: url(/img/ico-3-gdok.gif); }
#menu-guide.active { 
        background-image: url(/img/ico-4-gd.png) !important;
        background-image: url(/img/ico-4-gdok.gif); }
#menu-marches.active { 
        background-image: url(/img/ico-5-gd.png) !important;
        background-image: url(/img/ico-5-gdok.gif); }
#menu-demarches.active { 
        background-image: url(/img/ico-5-gd.png) !important;
        background-image: url(/img/ico-5-gdok.gif); }
#menu-contact.active { 
        background-image: url(/img/ico-6-gd.png) !important;
        background-image: url(/img/ico-6-gdok.gif); }
#menu-7.active { background-image: url("/img/ico-7-on-gd.png"); }

/* Side menu */
#side-menu {  }
#side-menu h2 { background: #D2DCDF; margin: 0; padding: 10px 20px; }
#side-menu ul { background: #EDF1F2; margin: 0; padding: 15px 0; }
#side-menu ul li { background: url(/img/bullet-dotlink.gif) no-repeat left 0.4em; margin: 10px 20px; padding: 0 0 2px 10px; }
#side-menu ul li ul {margin: none; padding:0; top:-10px; left:-20px; }
#side-menu ul li li { background: url(/img/bullet-dotlink.gif) no-repeat left 0.4em; margin: 2px 0; padding: 0 0 2px 10px; }
#side-menu ul li.active a, #side-menu ul li.expanded a { font-weight: bold; }
#side-menu ul li.active a { color: #384A5F; }

/* Second level */
#side-menu ul li.expanded ul { padding: 0;}
#side-menu ul li.expanded ul li { font-size: 92%; margin: 3px 0px; padding-left: 20px; background-position: 0 0.4em;}
#side-menu ul li.expanded ul li a { font-weight: normal; color: #C95634; }
#side-menu ul li.expanded ul li a:hover { color: rgb(53, 159, 0); }
#side-menu ul li.expanded ul li.active a, #side-menu ul li.expanded ul li.expanded a { font-weight: bold; }
#side-menu ul li.expanded ul li.active a { color: #384A5F; }

/* Third level */
#side-menu ul li.expanded ul { padding: 0;}
#side-menu ul li.expanded ul li ul li { font-size: 100%; margin: 3px 0px;}
#side-menu ul li.expanded ul li.expanded ul li a { font-weight: normal; color: #C95634; }
#side-menu ul li.expanded ul li.expanded ul li a:hover { color: rgb(53, 159, 0); }
#side-menu ul li.expanded ul li.expanded ul li.active a { color: #384A5F; font-weight: bold; }

/* Breadcrumb */
#breadcrumb { padding: 14px 15px 15px; color: white; background: transparent url(/img/degrade.gif) 0em 0em repeat-y; height:30px;/* position:relative; z-index:21;*/}
#breadcrumb p { margin: 0; }
#breadcrumb a { color: white; } 
#breadcrumb a:visited { color: #f2f2f2; }
#breadcrumb a:hover { color: white; }

/* Crossroad */
.crossroad ul li { background: url(/img/bullet-dotlink.gif) no-repeat 0 0.2em; }

/* Intro */
#intro { padding: 12px 25px; color: white; background: transparent url(/img/fd-intro.gif) top left no-repeat; }
#intro h1 { color: white; border: 0; padding: 0; margin:  0.2em 0 0.2em 0;  }
#intro p { margin: 0; }
#intro #annot { color: white; font-size: 100%; font-weight: normal;}
#intro a { color: white; } 
#intro a:visited { color: #f2f2f2; }
#intro a:hover { color: white; }

/* Signpost */
.signpost { xborder-bottom: 5px solid #D2DCDF; background: url(/img/bg-signpost.png) repeat-y 0 0; float: left; width: 100%; margin-bottom: -1px; }
.signpost ul.sp-ul { margin: 0; padding: 0; width: 100%;}
.signpost ul li.sp-li { background: #F8FAFA; margin: 0; padding: 0; float: left; width: 233px;}
.signpost ul li.sp-li.even { background: #EDF1F2; width: 232px;}
.signpost ul li.sp-li .spc { padding: 5px 15px; }
.signpost ul li.sp-li .spc h2 { margin: 5px 0 15px 0; text-transform: uppercase; border-bottom: 1px solid #BDC9CD; background-position: 0 5px; background-repeat: no-repeat; line-height: 1.2em; height: 2em; padding:5px 0 15px 50px; font-size:1.3em; }

/* ico classes */
.ico-actus-gd { background:transparent url(/img/ico-actu-gd.png) top left no-repeat !important;
				background:transparent url(/img/ico-actu-gd.gif) top left no-repeat; }
.ico-office-gd { background:transparent url(/img/ico-1-gd.png) top left no-repeat !important;
				 background:transparent url(/img/ico-1-gdclass.gif) top left no-repeat; }
.ico-patrimoine-gd { background:transparent url(/img/ico-2-gd.png) top left no-repeat !important;
					 background:transparent url(/img/ico-2-gdclass.gif) top left no-repeat; }
.ico-chantier-gd { background:transparent url(/img/ico-3-gd.png) top left no-repeat !important;
				   background:transparent url(/img/ico-3-gdclass.gif) top left no-repeat;  }
.ico-guide-big { background:transparent url(/img/ico-4-gd.png) top left no-repeat !important;
				background:transparent url(/img/ico-4-gdclass.gif) top left no-repeat; }
.ico-contact-gd { background:transparent url(/img/ico-6-gd.png) top left no-repeat !important;
				  background:transparent url(/img/ico-6-gdclass.gif) top left no-repeat;  }
.ico-demarches-gd { background:transparent url(/img/ico-5-gd.png) top left no-repeat !important;
				  background:transparent url(/img/ico-5-gdclass.gif) top left no-repeat;  }
.ico-marches-gd { background:transparent url(/img/ico-5-gd.png) top left no-repeat !important;
				  background:transparent url(/img/ico-5-gdclass.gif) top left no-repeat;  }
.ico-accessibilite-gd { background:transparent url(/img/ico-access-gd.png) top left no-repeat !important;
				  background:transparent url(/img/ico-access-gdclass.gif) top left no-repeat;  }
.ico-plansite-gd { background:transparent url(/img/ico-plansite-gd.png) top left no-repeat !important;
				  background:transparent url(/img/ico-plansite-gdclass.gif) top left no-repeat;  }
.ico-mentions-gd { background:transparent url(/img/ico-mentions-gd.png) top left no-repeat !important;
				  background:transparent url(/img/ico-mentions-gdclass.gif) top left no-repeat;  }
.ico-rss { background: url(/img/ico-rss.png) no-repeat 0 70%; padding-left: 12px; }
.ico-print { background: url(/img/icons/printer.png) no-repeat 0 50%; padding: 3px 0 3px 20px; }

.ico-separator { border-top: 2px solid white; padding-top: 8px !important; background-position: 10px 0.8em !important; }

#side-menu ul li.ico-course-fly { background: url(/img/ico-course-fly.png) no-repeat 0 50%; padding-left: 30px;}
#side-menu ul li.ico-course-fly-big { background: url(/img/ico-course-fly-big.png) no-repeat 0 50%; padding-left: 30px; }
#side-menu ul li.ico-course-internal { background: url(/img/ico-course-internal.png) no-repeat 0 50%; padding-left: 30px; }
#side-menu ul li.ico-course-lang { background: url(/img/ico-course-lang.png) no-repeat 0 50%; padding-left: 30px; }
#side-menu ul li.ico-course-lang-big { background: url(/img/ico-course-fly.png) no-repeat 0 50%; padding-left: 30px; }
#side-menu ul li.ico-course-manager { background: url(/img/ico-course-manager.png) no-repeat 0 50%; padding-left: 30px; }
#side-menu ul li.ico-course-ms { background: url(/img/ico-course-ms.png) no-repeat 0 50%; padding-left: 30px; }
#side-menu ul li.ico-course-progress { background: url(/img/ico-course-progress.png) no-repeat 0 50%; padding-left: 30px; }
#side-menu ul li.ico-course-teach { background: url(/img/ico-course-teach.png) no-repeat 0 50%; padding-left: 30px; }
#side-menu ul li.ico-course-technical { background: url(/img/ico-course-technical.png) no-repeat 0 50%; padding-left: 30px; }

/* JS hooks */

.jshook-print { float: right; margin-top: 14px; margin-left: 20px; font-size: 92%; }

/* News-home-entete */
.news-home-entete { border: 2px solid rgb(183, 216, 225); background-color:rgb(183, 216, 225); }
.news-home-entete h2 { margin: 0 0 0 0; padding: 10px 0 7px 45px; border-bottom: 1px solid rgb(183, 216, 225); color: #384A5F; background: url(/img/ico-aktuality.png) no-repeat 15px 50%; }
.news-home-entete ul { margin: 0; padding: 0; width: 100%; list-style:none; background-color:#FFF;}
.news-home-entete ul li { margin: 0; padding: 0; float: left; width: 231px; background: url(/img/white.gif) repeat; }
.news-home-entete ul li.even { width: 232px;}
.news-home-entete ul li .spc { padding: 5px 5px; background:url(/img/fd-actus.gif) top center repeat-x; min-height:150px;height:auto; height:155px!important; text-align:center; }
.news-home-entete ul li h3 { margin-bottom: 0.4em; text-transform:uppercase;font-size: 95%; font-weight:bold;  }
.news-home-entete ul li .desc { font-size: 92%; margin-bottom: 0 ;}
.news-home-entete ul li .date { background: url(/img/icons/calendar.png) no-repeat 0 50%; color: #666666; font-size: 92%; padding-left: 15px;}
.news-home-entete ul li .height-wrap { padding-bottom: 5px;}
.news-home-entete ul li .titre {height:60px;}
.news-home-entete ul li .visu {border: none;}

/* News-home */
.news-home { border: 2px solid rgb(183, 216, 225); background-color:rgb(183, 216, 225); }
.news-home h2 { margin: 0 0 0 0; padding: 10px 0 7px 45px; border-bottom: 1px solid rgb(183, 216, 225); color: #384A5F; background: url(/img/ico-aktuality.png) no-repeat 15px 50%; }
.news-home ul { margin: 0; padding: 0; width: 100%; list-style:none; background-color:#FFF;}
.news-home ul li { margin: 0; padding: 0; float: left; width: 231px; background: url(/img/white.gif) repeat; }
.news-home ul li.even { width: 232px;}
.news-home ul li .spc { padding: 5px 15px; background:url(/img/fd-actus.gif) top center repeat-x; min-height:340px;height:auto; height:345px!important; }
.news-home ul li h3 { margin-bottom: 0.4em; }
.news-home ul li .desc { font-size: 92%; margin-bottom: 0 ;min-height:99px;height:auto; height:99px!important; }
.news-home ul li .date { background: url(/img/icons/calendar.png) no-repeat 0 50%; color: #666666; font-size: 92%; padding-left: 15px;}
.news-home ul li .height-wrap { padding-bottom: 5px;}
.news-home ul li .titre {height:40px;}
.news-home ul li .visu {border: none;}

/* News-Site */
.news-site { border: 2px solid rgb(183, 216, 225); background-color:rgb(183, 216, 225); }
.news-site h2 { margin: 0 0 0 0; padding: 10px 0 7px 45px; border-bottom: 1px solid rgb(183, 216, 225); color: #384A5F; background: url(/img/ico-aktuality.png) no-repeat 15px 50%; }
.news-site ul { margin: 0; padding: 0; width: 100%; list-style:none; background-color:#FFF;}
.news-site ul li { margin: 0; padding: 0; float: left; width: 222px; background: url(/img/white.gif) repeat; min-height:300px;  }
.news-site ul li.even { width: 220px;}
.news-site ul li .spc { padding: 5px 8px; background:url(/img/fd-actus.gif) top center repeat-x; min-height:300px; }
.news-site ul li h3 { margin-bottom: 0.4em; }
.news-site ul li .desc { font-size: 92%; margin-bottom: 0 ;}
.news-site ul li .lien { background: url(/img/bullet-dotlink.gif) no-repeat 0 50%; color: #666666; font-size: 92%; padding-left: 15px;}
.news-site ul li .height-wrap { padding-bottom: 5px;}
.news-site ul li .visu {border: none; text-align:center;}

/* Tête-rubrique */
.titre-site { border: 2px solid rgb(183, 216, 225); background-color:rgb(183, 216, 225); }
.titre-site h2 { margin: 0 0 0 0; padding: 10px 0 7px 45px; border-bottom: 1px solid rgb(183, 216, 225); color: #384A5F; background: url(/img/ico-aktuality.png) no-repeat 15px 50%; }
.titre-site ul { margin: 0; padding: 0; width: 100%; list-style:none; background-color:#FFF;}
.titre-site ul li { margin: 0; padding: 0; float: left; width: 222px; background: url(/img/white.gif) repeat; min-height:150px;  }
.titre-site ul li.even { width: 220px;}
.titre-site ul li .spc { padding: 5px 8px; background:url(/img/fd-actus.gif) top center repeat-x; min-height:150px; }
.titre-site ul li h3 { margin-bottom: 0.4em; }
.titre-site ul li .desc { font-size: 92%; margin-bottom: 0 ;}
.titre-site ul li .lien { background: url(/img/bullet-dotlink.gif) no-repeat 0 50%; color: #666666; font-size: 92%; padding-left: 15px;}
.titre-site ul li .height-wrap { padding-bottom: 5px;}
.titre-site ul li .visu {border: none; text-align:center;}

/* Prologue */
#annot { font-weight: bold; margin-bottom: 1em; font-size: 109%; line-height: 1.307; min-height: 50px; }
#annot.ico { padding-left: 60px; background-repeat: no-repeat; background-position: 0 10%; }
#annot p { margin-bottom: 0.2em; }

/* Titre icone */
#annoter {  margin-bottom: 1em; margin-top:0.3em; min-height: 50px; }
#annoter.ico { padding-left: 60px; background-repeat: no-repeat; background-position: 0 10%; }
#annote.ico { padding-left: 60px; background-repeat: no-repeat; background-position: 0; }
#annoter p { margin-bottom: 0.2em; }

/* News */
.news ul { list-style: none; padding: 0; margin: 0.5em 0 0 0; overflow: hidden; }
.news ul li { clear: both; padding: 0; background: none; margin: 0 0 0.5em 0; float: left; width: 100%; overflow: hidden;}
.news ul li .desc { margin: 0 0 5px 0; }
.news ul li.no-img .desc, .news ul li.no-img .foot {  margin-top: 0; margin-left: 0; }
.news ul li h3 { margin: 0; font-size: 125%; }
.news ul li h3 .name{ display: block; margin-bottom: 0.5em; }
.news ul li h3 a .name  { display: block; margin-bottom: 0.5em; text-decoration: underline; }
.news h3 a img { float: left; margin: 0 0 1em 0; }
.news ul li .date { background: url(/img/icons/calendar.png) no-repeat 0 0; padding-left: 17px; color: #666666;}
.news ul li .foot .dotlink { margin-left: 5px; font-family: Verdana, Arial, sans-serif; text-transform: none;}

.news ul li h2 { margin-top: 0; }
.news ul li h2 .name { display: block; }
.news ul li h2 a .name { text-decoration: underline; }
.news ul li h2 a { cursor: pointer; }
.news ul li h2 .img { float: left;  border: 4px solid #D2DCDF;  }
.news ul li h2 .img span { border: 1px solid white; display: block; width: 128px; height: 128px; line-height: 128px; background: #EDF1F2; text-align: center; }

.news ul li h2 .img img { display: inline; vertical-align: middle; font-size: 1px; float: none; margin: 0; }

.news ul li h2 .name, .news ul li .desc, .news ul li .foot { margin-left: 160px; }
.news ul li.no-img h2 .name { margin-left: 0; }

/* FAQ */
#faq li { background: none; padding: 0 0 25px 0; }
#faq li h3 { font-family: Verdana, Arial, sans-serif; font-size: 109%; font-weight: normal; }
#faq .answer { background: url(/img/bg-faq-answer.png) no-repeat 30px 0; padding-top: 19px; } 
#faq .answer .spc { background: #EDF1F2; padding: 15px;}
#faq .answer .foot { color: #666666; font-size: 92%;  margin-top: 5px; }
#faq .answer .foot .date { background: url(/img/ico-date.png) no-repeat 0 0; padding-left: 17px;}

/* Searchbox */
#searchbox { padding: 0; position: absolute; right: 15px; bottom: 27px; width: 220px;}
#searchbox h2 { color: white; margin: 0; font-size: 100%; font-weight: normal; text-transform: uppercase; display: none;}
#searchbox p { margin-bottom: 5px; }
#searchbox #q { width: 155px; } 
#searchbox input { vertical-align: middle; }
#searchbox .valeur { vertical-align: middle; }

/* Banners */
/*#col-right .bnr { padding: 30px 10px 10px 50px; height:299px; background:transparent url(/img/fd-fin.gif) bottom no-repeat center;}
.bnr { padding: 5px 20px 10px 100px;border-top: 5px solid #D2DCDF; border-width: 5px 0;color:#000;}*/
.bnr {padding: 30px 10px 10px 50px; height:299px; background:transparent url(/img/fd-fin.png) bottom no-repeat center;border-top: 5px solid #D2DCDF; border-width: 5px 0;color:#000; background-image: url(/img/fd-fin.png);}
.bnr h2 { margin: 0; padding: 0; color:#000; background-color: transparent;}
.bnr p { margin: 3px 0 0 0; font-size: 92%; background-color: transparent;}

/* Visuels */
.h-visuel { background: transparent url(/img/visuels/h-visuel.gif) no-repeat 0 0; height: 299px; }

.c-visuel-office {
background-image: url(/img/visuels/c-visuel-office.png) !important;
background-image: url(/img/visuels/c-visuel-office.gif);
}
.c-visuel-patrimoine {
background-image: url(/img/visuels/c-visuel-patrimoine.png) !important;
background-image: url(/img/visuels/c-visuel-patrimoine.gif);}
.c-visuel-demarches {
background-image: url(/img/visuels/c-visuel-demarches.png) !important;
background-image: url(/img/visuels/c-visuel-demarches.gif);}
.c-visuel-chantiers {
background-image: url(/img/visuels/c-visuel-chantiers.png) !important;
background-image: url(/img/visuels/c-visuel-chantiers.gif);}
.c-visuel-guide {
background-image: url(/img/visuels/c-visuel-guide.png) !important;
background-image: url(/img/visuels/c-visuel-guide.gif);}
.c-visuel-office,.c-visuel-patrimoine,.c-visuel-demarches,.c-visuel-chantiers,.c-visuel-guide {
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0; height: 100px;
}

/* Marchés publics */
#marchespublics { background: /*#EDF1F2*/#7ebd51; border-bottom: 5px solid #D2DCDF; }
#marchespublics a {color:#FFF; }
#marchespublics h2 { margin: 0 -5px 10px 5px; padding: 10px 0 7px 35px; border-bottom: 1px solid #BDC9CD; color: #384A5F;
background: url(/img/ico-5-gd.png) no-repeat !important;
background: url(/img/ico-5-gddirect.gif) no-repeat; }
#marchespublics .spc { padding: 5px 20px; }
#marchespublics .spc h2 { padding-left: 45px;}

/* Liens utiles */
#liensutiles { background: #EDF1F2; border-bottom: 5px solid #D2DCDF; }
#liensutiles h2 { margin: 0 -5px 10px 5px; padding: 10px 0 7px 35px; border-bottom: 1px solid #BDC9CD; color: #384A5F;
background: url(/img/ico-4-gd.png) no-repeat !important;
background: url(/img/ico-4-gddirect.gif) no-repeat; }
#liensutiles .spc { padding: 5px 20px; }
#liensutiles .spc h2 { padding-left: 45px;}

/* Search */
#search-enh { margin: 15px 0 0 0; padding-bottom: 1px; }
#search-enh #q2 { width: 40%; border: 1px solid #8f8f8f; padding: 2px;}
#search-enh q { quotes: none; font-style: italic; }
#search-message { background: #EDF1F2; padding: 10px 15px; font-style: italic; margin-bottom: 1em; }
#search-message p { margin: 0; }

/* Search results */
#content .search-results ul { margin: 0 0 15px 0; padding: 0; clear: both;}
#content .search-results ul li h3 { margin: 0 0 0.5em 0; display: inline; }
#content .search-results ul li { margin: 0 0 1em 0; }
#content .search-results .paging { margin-bottom: 10px; }
#content .search-results ul li .desc { margin: 0.2em 0 0 0; }
#content .search-results ul li .item-section { font-size: 92%; text-align: right; display: inline;  padding-left: 5px; margin-left: 5px; border-left: 1px solid #ADADAD; color: #666666;}

/* Paging */
.paging { text-align: right; font-size: 92%; border-top: 1px solid #BDC9CD; padding-top: 7px;} 
.paging .pages { display: inline; }
.paging .pages a { font-weight: bold; margin: 0 5px; }
.paging .pages a.active { color: #384A5F; }

.paging .next, .paging .prev { background: #EDF1F2; background-repeat: no-repeat; padding: 4px;  text-decoration: none; color: #384A5F; }
.paging .prev { background-image: url(/img/arr-prev.png); background-position: 0 50%; padding-left: 20px; margin-right: 10px;}
.paging .next { background-image: url(/img/arr-next.png); background-position: 100% 50%; padding-right: 20px; margin-left: 10px; }

.paging .prev:hover, .paging .next:hover { background-color: #D2DCDF; }

/* Motives */
.motive1 { background: url(/img/motives/motive1.jpg) no-repeat 0 0; height: 299px; }

/* Newsletter */
#newsletter { background: #EDF1F2; border-bottom: 5px solid #D2DCDF; }
#newsletter h2 { margin: 0 -5px 10px -5px; padding: 10px 0 7px 35px; border-bottom: 1px solid #BDC9CD; color: #384A5F; background: url(/img/ico-newsletter.png) no-repeat 5px 50%; }
#newsletter .spc { padding: 5px 20px; }

#newsletter p { font-size: 92%; margin-bottom: 1em;}
#newsletter #e-mail { display: inline; width: 120px;}
#newsletter .btn-submit { display: inline;}

/* Gallery */
.gallery {margin: 20px 0 10px 0; padding: 0; list-style: none; }
.gallery ul { clear: both; margin: 0; padding: 0;}
.gallery ul li {width: 130px; float: left; padding: 0 0 8px 0; background: #FAFAFA; margin: 18px 0 0 18px; }
.gallery ul li:first-child {margin-left: 0;}
.gallery ul.first li {margin-top: 0;}

.gallery ul li .dia {text-align: center; }
.gallery ul li .dia a {text-decoration: none; display: block; position: relative; display: block; cursor: pointer;}
.gallery ul li .dia a span {text-decoration: underline; display: block;}
.gallery ul li .dia a span.img { display: block; display: table; text-align: center; margin: auto; margin-bottom: 2px;  background: #EDF1F2; border: 1px solid #CDCDCC; width: 128px; height: 128px;}
.gallery ul li .dia a:hover span.img { border-color: #a0a0a0; }

.gallery ul li .dia a span.img span { display: block; display: table-cell; vertical-align: middle; }
.gallery ul li .dia a span.img img { border: 0px solid #ACACAB; }
.gallery ul li .dia a:hover span.img img { border: 0px solid #ACACAB; }
.gallery ul li .dia a span.name { font-size: 92%;  display: block; text-align: left; margin: 0 5px 5px; line-height: 1.4; }

.gallery ul li .download { font-size: 92%; margin: 3px 0 0; text-align: left;}
.ico-download { padding-left: 20px; background: url(/img/ico-download.png) no-repeat 0 50%; margin: 0 5px; color: #333333; text-decoration: none;}
.ico-download:hover { color: #CD0001;}
.gallery ul li .dia a:hover { color: #072B51;}

.gallery ul li .dia.folder a span.img span { background: url(/img/bg-gallery-folder.png) no-repeat 50% 20%; }
.gallery ul li .dia.folder a span.img span img { height: 70px; width: auto; }


/* Enquiry */
#enquiry { width: 180px; float: left; margin: 0 20px 15px 0; border: 2px solid #D2DCDF; background: #EDF1F2; }
#enquiry .spc { padding: 10px 15px; font-size: 92%; }
#enquiry h2 { margin: 0; background: #D2DCDF; padding: 5px 15px; font-size: 133%; }
#enquiry form {background: transparent; margin: 0; padding: 0; margin-top: 1em; }
#enquiry form p { margin: 0; }
#enquiry form label {float: none; display: block; padding-left: 0px; margin: 0px; clear: both; font-weight: bold; font-size: 92%;  color: rgb(126, 189, 81);}
#enquiry form input {float: left; clear: left; display: inline; margin: 0; margin-top: 1px; vertical-align: middle; }
#enquiry form img {display: inline; float: left; margin: 7px 0 0 0; margin-left: 5px; border: none; vertical-align: middle; background: #CC0717; }
#enquiry form span {display: inline; float: right; margin: 2px 0 0 0; text-align: right; font-size: 92%; }
#enquiry form p.answer {margin: 0; margin-bottom: 5px; clear: both; background: transparent none; width: 100%; float: left;}
#enquiry form .break {display: block; clear: both; float: none; font-size: 1px; height: 1px; width: 1px; overflow: hidden;}
#enquiry form .btn-submit { margin-top: 10px; }
/*
#vote { margin-top: 2em; }
#vote input {float: left; }
#vote label {float: left; margin-left: 0.5em; }
#vote span {float: right; }
#vote .answer-color {display: block; float: left; clear: left; width: 1em; height: 1em; margin-right: 0.5em; border: 1px solid black; overflow: hidden; }
#vote input, #vote label, #vote span, #vote .answer-color {margin-bottom: 0.4em; }
#vote #vote-submit {clear: both; }
#vote p {margin: 0; }
#vote span.br { float: left; width: 100%; clear: both; height: 1px; overflow: hidden;}
*/

/* Course info */
.course-info { background: #fafbfb; padding: 0; border: 5px solid #EDF1F2; margin-bottom: 1em;}
.course-info .spc { padding: 0 15px 2px 15px;  }
.course-info h2 { padding: 5px 15px; background: #EDF1F2; margin: 0 0 10px 0;}
.course-info dl { margin: 0 0 1em 0; }
.course-info dt { width: 25%; clear: both; margin: 0;}
.course-info dd { margin: -1.25em 0 3px 33%;  font-weight: bold;}
.course-info .col-h-l, .course-info .col-h-r { width: 50%; }

table.course-table td, table.course-table th { padding: 5px 5px; font-size: 92%; }

table.course-table tr.evenrow td { background: white; }

/* Comments */
.comments-summary { background: rgb(126, 189, 81); color: white; padding: 5px 20px; margin: 30px 0 5px 0; }
.comments-summary p { margin: 0; }

#comments {}
#comments ul { margin: 0; padding: 1px 0 0 0; }
#comments ul li { margin: 0 0 15px 0; padding: 5px 0 1px 0; background: #EDF1F2; }
#comments ul li ul { margin: 3px 3px 2px 3px; padding: 1px 0; background: white; }
#comments ul li ul li ul { padding: 0; margin-right: 0; }
#comments ul li ul li { background: white; margin: 10px 0 10px 20px; padding: 0;}
#comments ul li ul li .comm { border-left: 3px solid #D2DCDF; }
#comments ul li ul li .comm-head { border: 0; padding: 5px 0 3px; margin-bottom: 3px;}

.comm-head { border-bottom: 3px solid #D2DCDF; margin: 0 20px 5px; padding: 8px 0 5px; font-size: 109%; }
.comm-head .l { display: inline; float: none;}
.comm-head .date { white-space: nowrap; }
.comm-body { padding: 0 20px 1px; }
.comm-body p { margin: 0 0 0.8em 0;}
.comm-head .subject { color: #024268; font-weight: bold; }
.comm-head .pause { margin: 0 10px; }
.comm-head .author { font-weight: bold; }
.comm-head .reply { background: url(/img/ico-reply.png) no-repeat 100% 50%; padding-right: 12px; font-size: 92%; margin-left: 10px; }

/* User info */
#col-right .user { font-size: 92%; padding: 5px 15px; background: #EDF1F2; border-bottom: 3px solid white; }


/* File icons */
ul.list-files li { background-repeat: no-repeat; background-position: 0 0; line-height: 1.5em; padding-left: 22px !important;  margin-bottom: 0.3em;}
ul.list-files { list-style: none; margin: 0 0 1em 0; padding: 0; }

.fico { background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 1px 20px; }

/* File icons */
.dm {background-image: url("/img/fileico/fico-sm-3dm.png");}
.ai {background-image: url("/img/fileico/fico-sm-ai.png");}
.avi {background-image: url("/img/fileico/fico-sm-avi.png");}
.bmp {background-image: url("/img/fileico/fico-sm-bmp.png");}
.cdr {background-image: url("/img/fileico/fico-sm-cdr.png");}
.doc {background-image: url("/img/fileico/fico-sm-doc.png");}
.dxf {background-image: url("/img/fileico/fico-sm-dxf.png");}
.exe {background-image: url("/img/fileico/fico-sm-exe.png");}
.gif {background-image: url("/img/fileico/fico-sm-gif.png");}
.html {background-image: url("/img/fileico/fico-sm-html.png");}
.jpg {background-image: url("/img/fileico/fico-sm-jpg.png");}
.mp3 {background-image: url("/img/fileico/fico-sm-mp3.png");}
.pdf {background-image: url("/img/fileico/fico-sm-pdf.png");}
.png {background-image: url("/img/fileico/fico-sm-png.png");}
.ppt {background-image: url("/img/fileico/fico-sm-ppt.png");}
.psd {background-image: url("/img/fileico/fico-sm-psd.png");}
.rtf {background-image: url("/img/fileico/fico-sm-rtf.png");}
.qt {background-image: url("/img/fileico/fico-sm-qt.png");}
.ra {background-image: url("/img/fileico/fico-sm-ra.png");}
.swf {background-image: url("/img/fileico/fico-sm-swf.png");}
.tif {background-image: url("/img/fileico/fico-sm-tif.png");}
.txt {background-image: url("/img/fileico/fico-sm-txt.png");}
.xls {background-image: url("/img/fileico/fico-sm-xls.png");}
.zip {background-image: url("/img/fileico/fico-sm-zip.png");}
.unknown {background-image: url("/img/fileico/fico-sm-unknown.png");}

/* Forms */
input { vertical-align: middle; }
form { /*width: 100%;*/ margin: 0; }
fieldset { border: 0; margin: 10px 0; padding: 0; }
.formbox p { margin-bottom: 0.4em; }
.formbox { background: #EDF1F2; padding: 20px; margin-bottom: 20px; border: 5px solid #D2DCDF; zoom: 1; }
.form-spc { width: 99%; }
.formbox h2 { margin: 0 0 3px 0; font-size: 133%;}

.btn-submit { background: #C95634; font-size: 100%; color: #FFF;  padding: 1px 5px; border: 1px solid white; font-family: "Franklin Gothic Medium", Arial, sans-serif; text-transform: uppercase; font-size: 92%; }

.inp-text { vertical-align: bottom; font-size: 100%; font-family: Arial, sans-serif; padding: 2px 0; border: 1px solid #B7C3C6; width: 125px; }

.inp-text:focus { /* background: #D2DCDF; */ border: 1px solid #668B96;  padding: 2px 0; } 

/* Widths */
.w-full { width: 100%; }
.w-75 { width: 75%; }
.w-half { width: 50%; }
.w-third { width: 31%; }
.w-quarter { width: 25%; }
.w-eighth { width: 12.5%; }

.col-h-l { width: 48%; float: left; display: inline; }
.col-h-r { width: 48%; float: right; display: inline; }

.error-message, .ok-message { color: red; font-size: 100%; font-weight: bold; }
.ok-message { color: rgb(0, 122, 0); }

/* Textuel */
.textuel {
	text-align:justify;
}
.textuel h3 {
	border-bottom : 1px solid #004A99;
}
.textuel h4 {
	font-weight:bold;
	color: #CF7000;
	border-bottom : 1px solid #CF7000;
}
.textuel h5 {
	font-weight:bold;
	color: #88BF5F;
	border-bottom : 1px solid #88BF5F;
}
.textuel .lien {
	text-align:left;
}
.textuel ul li {
	margin-top:0.6em;
}
.vert {	color:#009900;	}
.rouge { color:#CC0000; }
.jaune { color:#FFCC00; }
.bleu { color:#0066CC; }
.marron { color:#663300; }
.error { color: rgb(255, 0, 0); }

.color_a {background:#7ebd51; color:#fff;}
.color_b {background: transparent url('/img/blc_80prcent.png') top left repeat; color:#000; width:100%;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#b2ab9b; color:#000;}

.lien {	margin-top:80px;}
.jumpmenu { font-size:1.1em; border:1px solid #D2DCDF;}

/* Acronym */
abbr, acronym, .help {
  border-bottom: 1px dotted #fff;
  cursor: help;
}

/* Coordonnées */
#col-right #coord {
	margin:155px 0 0 -25px;
	background-color:transparent;
}

/* Hyperlink Cues */
a[class ="retour"] {
	padding-right: 18px;
	background: transparent url(/img/arrow-up.gif) no-repeat center right;
}
a[class ="popup"] {
	padding-right: 18px;
    background: transparent url(/img/icon_popup.gif) no-repeat center right;
}
a[rel ~='external'] {
	padding-right: 18px;
	background: transparent url(/img/icon_external.gif) no-repeat center right;
}
a[rel ~='pdf'] {
	padding-right: 18px;
	background: transparent url(/img/icon_pdf.gif) no-repeat center right;
}
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(/img/icon_mailto.gif) no-repeat center right;
}
a[rel ~='wiki'] {
   padding-right: 18px;
   background: transparent url(/img/icon_wikipedia.gif) no-repeat center right;
}
label .organigramme {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 200px;
}
* {
  border: none;
}

/* Blockquote */
blockquote {
    background-image: url(/img/quotes.gif);
    background-position: left top;
    background-repeat: no-repeat;
	margin: 15px 15px 15px 5px;
    padding-left: 25px;
}
.post .postbody blockquote .source {
      color: #998333;
      font-style: italic;
}
  
.post .postbody pre.code {
    background-color: #000000;
    color: #63FF00;
    margin-bottom: 15px;
    margin-top: 5px;
    overflow: auto;
    padding: 8px;
    width: 481px;
}
  
 .post .postbody pre.code,
 .post .postbody pre.code CODE {
      font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Courier New", Courier, serif; font-size: 12px;
}

/* Inset 3D Raised */
.raised {background: transparent; width:40%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}

.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}

/* Inset 3D Curved */
.inset {background: transparent; width:80%; margin:0 auto;background-position: center center;}
.inset h1, .inset p {margin:0 10px;}
.inset h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.inset p {padding-bottom:0.5em;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {/*background:#ccc;*/ border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {/*background:#ccc;*/ border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {/*background:#ccc;*/ border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {/*background:#ccc;*/ border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {/*background:#ccc;*/ border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {/*background:#ccc;*/ border-left:1px solid #eee; border-right:1px solid #fff;}

.inset .b1 {margin:0 5px; /*background:#999;*/}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; /*background:#fff;*/}

.inset .boxcontent {display:block; /*background:#ccc;*/background-position: center center; border-left:1px solid #999; border-right:1px solid #fff;}

/* Chamfer Borders*/
.chamfer {background: transparent; width:40%; margin:0 auto;}
.chamfer h1, .chamfer p {margin:0 10px;}
.chamfer h1 {font-size:2em; color:#000; letter-spacing:1px;}
.chamfer p {padding-bottom:0.5em;}

.chamfer .top, .chamfer .bottom {display:block; background:transparent; font-size:1px;}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {display:block; overflow:hidden; height:1px; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}
.chamfer .b1 {margin:0 5px; background:#000;}
.chamfer .b2 {margin:0 4px;}
.chamfer .b3 {margin:0 3px;}
.chamfer .b4 {margin:0 2px;}
.chamfer .b5 {margin:0 1px;}

.chamfer .boxcontent {display:block; background:#eca; border-left:1px solid #000; border-right:1px solid #000;}

/* Square cutout Borders*/
.square {background: transparent; width:40%; margin:0 auto;}
.square h1, .square p {margin:0 10px;}
.square h1 {font-size:2em; color:#00c; letter-spacing:1px;}
.square p {padding-bottom:0.5em;}

.square .top, .square .bottom {display:block; background:transparent; font-size:1px;}
.square .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-top:1px solid #00c;}
.square .b2 {display:block; height:1px; margin:0; background:#9ce; border-left:7px solid #00c; border-right:7px solid #00c; overflow:hidden;}
.square .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c; border-bottom:1px solid #00c;}

.square .boxcontent {display:block; background:#9ce; border-left:1px solid #00c; border-right:1px solid #00c;}

/* Curved cutout Borders*/
.curved {background: transparent; width:40%; margin:0 auto;}
.curved h1, .curved p {margin:0 10px;}
.curved h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.curved p {padding-bottom:0.5em;}

.curved .top, .curved .bottom {display:block; background:transparent; font-size:1px;}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {display:block; overflow:hidden; height:1px;}
.curved .b2, .curved .b3, .curved .b4 {background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #fff;}
.curved .b1 {margin:0 4px; background:#fff;}
.curved .b2 {margin:0 4px; height:2px;}
.curved .b3 {margin:0 3px;}
.curved .b4 {margin:0; height:1px; border-width:0 3px 0 3px;}

.curved .boxcontent {display:block; background:#e0cea3; border:0 solid #fff; border-width:0 1px;}

/* flared serif */
.serif {background: transparent; width:40%; margin:0 auto;}
.serif h1, .serif p {margin:0 10px;}
.serif h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.serif p {padding-bottom:0.5em;}

.serif .top, .serif .bottom {display:block; background:transparent; font-size:1px;}
.serif .b1, .serif .b2, .serif .b3, .serif .b4 {display:block; overflow:hidden;}
.serif .b1, .serif .b2, .serif .b3 {height:1px;}
.serif .b2, .serif .b3 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}
.serif .b4 {background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff;}

.serif .b1 {margin:0; background:#fff;}
.serif .b2 {margin:0 1px; border-width:0 2px;}
.serif .b3 {margin:0 3px;}
.serif .b4 {height:2px; margin:0 4px;}

.serif .boxcontent {display:block;  background:#fc0; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/* Pillar type */
.pillar {background: transparent; width:40%; margin:0 auto;}
.pillar h1, .pillar p {margin:0 10px;}
.pillar h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.pillar p {padding-bottom:0.5em;}

.pillar .top, .pillar .bottom {display:block; background:transparent; font-size:1px;}
.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 {display:block; overflow:hidden;}
.pillar .b1, .pillar .b2, .pillar .b4 {height:1px;}
.pillar .b2, .pillar .b3 {background:#d66; border-left:1px solid #fff; border-right:1px solid #fff;}
.pillar .b4 {background:#d66; border-left:4px solid #fff; border-right:4px solid #fff;}

.pillar .b1 {margin:0 2px; background:#fff;}
.pillar .b2 {margin:0 1px; border-width:0 1px;}
.pillar .b3 {height:2px; margin:0;}
.pillar .b4 {margin:0 2px;}

.pillar .boxcontent {display:block; background:#d66; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/* Barrel cutout Borders*/
.barrel {background: transparent; width:40%; margin:0 auto;}
.barrel h1, .barrel p {margin:0 10px;}
.barrel h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.barrel p {padding-bottom:0.5em;}

.barrel .top, .barrel .bottom {display:block; background:transparent; font-size:1px;}
.barrel .b1, .barrel .b2, .barrel .b3, .barrel .b4, .barrel .b5 {display:block; overflow:hidden; height:1px; background:#e0cea3;}
.barrel .b1 {border-left:10px solid #dfd5c0; border-right:10px solid #dfd5c0;}
.barrel .b2 {border-left:5px solid #dfd5c0; border-right:5px solid #dfd5c0;}
.barrel .b3 {border-left:3px solid #dfd5c0; border-right:3px solid #dfd5c0;}
.barrel .b4 {border-left:2px solid #dfd5c0; border-right:2px solid #dfd5c0;}
.barrel .b5 {border-left:1px solid #dfd5c0; border-right:1px solid #dfd5c0;}
.barrel .b1 {margin:0 33%;}
.barrel .b2 {margin:0 20%;}
.barrel .b3 {margin:0 12%;}
.barrel .b4 {margin:0 5%;}
.barrel .b5 {margin:0 1px;}

.barrel .boxcontent {display:block; background:#e0cea3; border-left:1px solid #fff; border-right:1px solid #999;}

/*.zsnazzy {width:745px;}*/
.xsnazzy h5, .zsnazzy h5 {margin:0; font-size:1.1em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.xsnazzy {background: transparent; width:210px; float:left; margin:0 3px;}
.xsnazzy { margin-bottom:0.3em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:transparent; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 *2px;}
.xb4 {height:2px; margin:0 1px;}

.xb1bas,.xb2bas,.xb3bas,.xb4bas {display:block; overflow:hidden;}
.xb1bas,.xb2bas,.xb3bas,.xb4bas {background:#4444; border-left:1px solid #444; border-right:1px solid #444}

.xboxcontent {display:block;border-width:0; height:auto;}
* html .xboxcontent {height:1px;}


/* ---------- Shadow titre CSS ------------- */
#wrapper {
width: 200px;
height: 50px;
margin: 0px;
padding: 0px;
text-align: right;
position: relative;
}
.firstlayer {
font-size: 14px;
font-weight: bold;
color: #fff;
position: absolute;
top: 30px;
right: 0px;
z-index: 1;
}
.secondlayer {
font-size: 14px;
font-weight: bold;
color: #000;
position: absolute;
top: 31px;
right: 1px;
z-index: 0;
}
#lienbas {}
/** VIGNETTE DES CITES **/
.vignette {border: 1px solid black; color: white; display: block; width:200px;float:left; margin:0 2px 0 2px;}
.test1 {
      padding:0;
      margin: 10px;  
      font-size:19px;
      text-align: center;
      /*text-transform: lowercase;*/
	  font-weight:bolder;
    }


/* IMAGES DES VOCATIONS */
#vocations h3 span {display:none;}