/* vim: foldmethod=marker:

/* Variables {{{ */
/*
// $bgcolor: #f6ecff;  //pour site_perso (en fait je prends f8edff)
 */
/* }}} */
/* Layout 
 * body - container - (sitename/mainmenu/wrap -
 *    (leftside/rightside/content/clearingdiv)
 *                     / footer) 
 * {{{ */
body {
  padding: 0;
  margin: 0;
  border: 0;
  background-color: #8b8b8b; }

.all {
  min-width: 660px; }

.top {
  height: 137px;
  margin-bottom: 25px; }

.sitename {
  height: 96px;
  padding: 0 0 5px 20px;
  overflow: auto; }

.mainmenu {
  height: 36px;
  overflow: auto; }

.container {
  overflow: auto;
  margin: 25px 0; }

.column {
  width: 165px;
  padding: 7.5px 10px;
  overflow: auto; }

.leftside {
  width: 165px;
  padding: 7.5px 10px;
  overflow: auto;
  padding-top: 0;
  float: left;
  margin-right: 10px; }

.rightside {
  width: 165px;
  padding: 7.5px 10px;
  overflow: auto;
  padding-top: 0;
  float: right;
  margin-left: 10px; }

.navbar {
  margin: 0 10px; }

.content, .contentalt {
  overflow: auto;
  padding: 15px 20px;
  margin: 5px 10px; }

.contentalt {
  margin: 0px 20px; }

.footer {
  margin-top: 25px;
  padding: 15px 20px;
  overflow: auto; }

/* }}} */
/* Styles des layouts*/
/* body/container/sitename/wrap/content/footer {{{ */
.all {
  font-size: 100%;
  font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
  color: #303030;
  text-align: left;
  background: #f0f0f0 url("layout-img/bodybg-black.png") repeat-x; }

.sitename {
  color: #ffffff; }

.mainmenu {
  font-size: 12px; }

.content, .contentalt {
  background-color: #fffcfa;
  border: 1px solid #909090;
  font-family: GaramondNo8, Garamond, Georgia, Times New Roman, serif;
  color: #2a2a2a; }

.column, .leftside, .rightside {
  font-size: 69%; }

.footer {
  background: #8b8b8b url(layout-img/footerbg.png) top left repeat-x;
  min-height: 53px;
  color: #d0d0d0;
  font-size: 76%;
  font-weight: bold;
  text-align: center; }

/* }}} */
/* Les styles standards */
/* a a:hover p  {{{ */
.nobox, div {
  padding: 0;
  margin: 0;
  border: 0; }

.bigtitle {
  font-weight: bold;
  letter-spacing: -1px; }

.title {
  margin-top: 0; }

.standardlink {
  font-weight: bold;
  text-decoration: none;
  font-style: inherit; }
  .standardlink :hover {
    text-decoration: underline;
    font-style: inherit; }
  .standardlink :hover:visited {
    text-decoration: underline;
    font-style: inherit; }

a, .normallink {
  font-weight: bold;
  text-decoration: none;
  font-style: inherit;
  color: #505050; }
  a :hover, .normallink :hover {
    text-decoration: underline;
    font-style: inherit; }
  a :hover:visited, .normallink :hover:visited {
    text-decoration: underline;
    font-style: inherit; }
  a :visited, .normallink :visited {
    color: #505050; }
  a :hover, .normallink :hover {
    color: #A0A0A0; }
  a :hover:visited, .normallink :hover:visited {
    color: #606060; }

.blacklink {
  font-weight: bold;
  text-decoration: none;
  font-style: inherit;
  color: #303030; }
  .blacklink :hover {
    text-decoration: underline;
    font-style: inherit; }
  .blacklink :hover:visited {
    text-decoration: underline;
    font-style: inherit; }
  .blacklink :visited {
    color: #303030; }
  .blacklink :hover {
    color: #303030; }
  .blacklink :hover:visited {
    color: #303030; }

p {
  line-height: 100%;
  margin: 0.9em 0; }

.paragraph {
  text-align: justify;
  text-indent: 0.8em; }

.tocontinue {
  margin-bottom: 0; }

.continue {
  margin-top: 0;
  text-indent: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: MyriadPro, Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif; }

h1, h2, h3 {
  background-color: inherit;
  font-weight: bold;
  margin: 0.6em 0;
  padding: 0; }

h1 {
  font-size: 190%;
  margin: 0.6em 0;
  font-weight: bold;
  letter-spacing: -1px; }

h2 {
  font-size: 150%;
  margin: 0.7em 0;
  font-weight: bold;
  letter-spacing: -1px; }

h3 {
  font-size: 110%;
  margin: 0.8em 0; }

/* }}} */
/* Style des elements de chaque layout */
/* {{{ */
/* sitename */
.sitename h1, .sitename h2 {
  font-family: MyriadPro, Calibri, Verdana, Tahoma, Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: normal; }
.sitename h1 {
  font-size: 42pxs;
  padding-top: 5px; }
.sitename h2 {
  font-size: 30px; }

/* container */
.container h1, .container h2, .container h3, .container h4, .container h5, .container h6 {
  color: #505050; }

/* leftright side */
.leftside h1, .leftside h2, .leftside h3, .leftside h4, .leftside h5, .leftside h6, .rightside h1, .rightside h2, .rightside h3, .rightside h4, .rightside h5, .rightside h6, .column h1, .column h2, .column h3, .column h4, .column h5, .column h6 {
  color: #606060; }
.leftside h1, .rightside h1, .column h1 {
  font-size: 160%; }
.leftside h2, .rightside h2, .column h2 {
  font-size: 120%; }
.leftside p, .rightside p, .column p {
  font-size: 90%;
  line-height: 140%; }

/* content */
.content p, .contentalt p {
  text-align: justify;
  text-indent: 0.8em; }

/* footer */
.footerlink {
  color: #d0d0d0;
  font-weight: bold; }
  .footerlink :hover {
    color: #d0d0d0; }
  .footerlink :hover:visited {
    color: #d0d0d0; }

.footer a {
  color: #d0d0d0;
  font-weight: bold; }
  .footer a :hover {
    color: #d0d0d0; }
  .footer a :hover:visited {
    color: #d0d0d0; }

.welcometitle {
  font-size: 120%;
  margin: 0 0 10px;
  text-align: center;
  font-weight: bold;
  color: #303030; }
  .welcometitle a {
    font-weight: bold;
    text-decoration: none;
    font-style: inherit;
    color: #303030; }
    .welcometitle a :hover {
      text-decoration: underline;
      font-style: inherit; }
    .welcometitle a :hover:visited {
      text-decoration: underline;
      font-style: inherit; }
    .welcometitle a :visited {
      color: #303030; }
    .welcometitle a :hover {
      color: #303030; }
    .welcometitle a :hover:visited {
      color: #303030; }

/* }}} */
/* les listes */
/* webgen menu/inpage-menu {{{ */
.navbar {
  margin-bottom: 5px;
  padding: 2px;
  overflow: auto;
  font-size: 76%; }

.webgen-langbar-current-lang {
  color: #A05050; }
  .webgen-langbar-current-lang :visited {
    color: #A05050; }
  .webgen-langbar-current-lang :hover {
    color: #A05050; }
  .webgen-langbar-current-lang :hover:visited {
    color: #A05050; }

/* Mainmenu {{{ */
.mainmenu ul {
  padding: 0;
  margin: 0;
  border: 0; }
.mainmenu li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 0; }
.mainmenu a, .mainmenu span {
  border-right: 1px solid #b0b0b0;
  color: #606060;
  display: block;
  text-transform: capitalize;
  font-variant: small-caps;
  padding: 10px 10px 9px;
  height: 17px; }
.mainmenu a:hover, .mainmenu .webgen-menu-item-selected > a, .mainmenu .webgen-menu-item-selected > span, .mainmenu .webgen-menu-submenu-inhierarchy > a, .mainmenu .webgen-menu-submenu-inhierarchy > span {
  background: #f0f0f0 url("layout-img/menuhover-black.png") top left repeat-x;
  color: #505050;
  text-decoration: none; }

/* }}} */
/* le menu principal {{{ */
.leftsitemenu ul {
  margin: 0 10px 10px 10px;
  padding: 0px;
  list-style: none; }
.leftsitemenu ul ul {
  margin: 0 0 0 1em; }
.leftsitemenu a, .leftsitemenu span, .leftsitemenu .navsection {
  background: #e8e9ea;
  border: 1px solid #b0b0b0;
  padding: 2px 4px 2px 4px;
  margin-top: 8px;
  color: #606060;
  display: block;
  /* text-transform:uppercase; */
  text-transform: capitalize;
  font-variant: small-caps;
  font-weight: bold; }
.leftsitemenu .navsubsection {
  font-size: 80%;
  letter-spacing: 1px;
  width: 125px;
  margin: 3px 0 2px 10px;
  padding: 2px 2px 2px 8px; }
.leftsitemenu li.webgen-menu-level2 a, .leftsitemenu li.webgen-menu-level2 span {
  margin-top: 4px;
  font-size: 90%; }
.leftsitemenu a:hover, .leftsitemenu span:hover, .leftsitemenu li.webgen-menu-item-selected > a, .leftsitemenu li.webgen-menu-item-selected > span, .leftsitemenu li.webgen-menu-submenu-inhierarchy > a, .leftsitemenu li.webgen-menu-submenu-inhierarchy > span, .leftsitemenu .navsection:hover, .leftsitemenu .navsubsection:hover, .leftsitemenu .nav-active {
  border: 1px solid #909090;
  color: #303030;
  text-decoration: none;
  background: #f8f9fa; }

/* }}} */
.webgen-menu a, .webgen-menu span {
  font-weight: bold; }

.contentpagemenu, .leftmenu {
  border: 1px solid #909090;
  background-color: inherit;
  padding: 3px; }
  .contentpagemenu ul, .leftmenu ul {
    padding-left: 1.5em;
    margin-left: 0em;
    list-style-position: outside; }

.contentpagemenu {
  margin-left: 0;
  margin-top: -15px;
  margin-right: -20px;
  float: right;
  max-width: 250px;
  overflow: auto; }

.leftmenu {
  margin-bottom: 10px; }

.linklist {
  list-style: none;
  margin: 0 0 16px 10px;
  padding: 0; }
  .linklist li {
    margin-bottom: .7em; }

/* }}} */
/* des classes */
/* left/rightbox, inpage menu, thumbnail, search* {{{ */
.clearingdiv {
  clear: both;
  height: 1px;
  width: 1px; }

.clearingdivbox {
  clear: both;
  height: 30px;
  width: 1px; }

.rightbox {
  float: right;
  padding-left: 10px; }

.leftbox {
  float: left;
  padding-right: 10px; }

.thumbnail {
  background-color: #fafbfc;
  border: 1px solid #b0b0b0;
  margin: 0 0 10px 10px;
  padding: 5px; }

.imgframed {
  border: 1px solid #b0b0b0;
  float: left;
  margin: 5px 15px 6px 15px;
  padding: 5px; }

.searchform {
  margin: 0; }

.searchbox {
  background-color: #f0f0f0;
  border: 1px solid #b0b0b0;
  width: 100px;
  margin: 0 4px 0 0; }

.searchbutton {
  background-color: #f0f0f0;
  border: 1px solid #b0b0b0; }

.relief {
  background: #D1DBBD none repeat scroll 0 0;
  border-bottom: 1px solid #91AA9D;
  border-top: 1px solid #91AA9D;
  color: #193441; }

/* }}} */
/* differents affichages: hide/intro/small/large {{{ */
.framed {
  border: 1px solid #909090; }

.hide {
  display: none; }

.intro {
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: -1px; }

.small {
  font-size: .8em; }

.large {
  font-size: 1.4em; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.left {
  text-align: left; }

.justify {
  text-align: justify; }

.floatright {
  float: right; }

.floatleft {
  float: left; }

.clear {
  clear: both; }

.clearleft {
  clear: left; }

.clearright {
  clear: right; }

.overflow {
  overflow: auto; }

.nomargin {
  margin: 0; }

.nopadding {
  padding: 0; }

/* }}} */