/* cmsms stylesheet: Matieu modified: vendredi 6 mars 2026 14:32:29 */
/*****************
GENERAL -----------------------------------------------------------------------------------------------------------------------
******************/
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 1em;
   color: white;
}

/*
set font size for all divs, this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have borders, we don't want that
*/
img {
   max-width: 100%;
   height: auto;
   border: 0;
}

img.album {
   border: 1px solid white;
   margin-right: 10px;
   margin-bottom: 10px;
}

/*
LIENS -------------------------------------------------------------------------------------------------------------------------
*/
a,
a:link
a:active
a:visited {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit
bg colour from parent element */
   background-color: inherit;
   color: white;
}
/* remove underline on hover and change color */
a:hover {
   text-decoration: underline;
   color: #FFE882;
}

.button {
   display: inline-block;
   padding: 6px 12px;
   background: #FFE882;
   color: black;

   &:hover {
      background-color: #ffdc40;
      color: black;
      text-decoration: none;
   }
}

/*****************
basic layout -------------------------------------------------------------------------------------------------------------------
*****************/
body {
   background-color: #FFFBF0;
   /*margin: 1em; /* gives some air for the pagewrapper */
}

/* Font par defaut */
div	{
	font-family: Verdana;
}
/* center wrapper */
div#site {
   border: 0px solid blue;
   margin: 0 auto;     /* this centers wrapper */
   padding-top: 64px;
   width: 948px; /* IE wont understand these, so we will use javascript magick */
   height: 636px;
   background-image: url(https://www.matieu.net/images/fond2.jpg);
}

div#centre	{
	border: 0px solid red;
	padding: 0;
	height: 570px;
	margin: 2px 56px auto 56px;
	overflow: hidden;
}

div#content	{
	border-width: 0px;
	width: 580px;
	height: 518px;
	overflow: auto;
	float: left;
	margin-left: 10px;
}

div#annonces	{
	border: 0px solid red;
	float: right;
	width: 216px;
	height: 142px;
	margin-top: 310px;
}

div#footer {
margin-top: 50px;
color: black;
}

/********************
CONTENT STYLING
*********************/
div#content {
}
/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
   font-family: "Times New Roman";
margin-bottom: 15px;
color: #FFE882;
}
div#content h2 {
   font-size: 1.2em;
   text-align: left;
   margin-bottom: 8px;
color: #FFE882;
margin-top: 20px;
}
div#content h3, div#annonces h3 {
   font-size: 12px;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
color: #FFE882;
margin-bottom: 6px;
}

div#content .album_content h3 {
   font-size: 1.2em;
   text-align: left;
   margin-bottom: 3px;
margin-top: 0px;
}

div#annonces h3 {
margin-bottom: 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 0.9em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}

strong, b {
/* explicit setting for these */
   font-weight: bold;
}

em, i {
/* explicit setting for these */
   font-style:italic;
}

div#footer p,
div#footer a {
color: black;
text-align: right;
}
/* END TEXT */

/* LISTES */
ul.list_text {
list-style:disc inside;
margin-left: 40px;
margin-bottom: 10px;
margin-top: -6px;
}

ul.list_text li{
font-size: 0.9em;
}


/* FIN LISTES */

/* TABLE ------------------------------------------------------------ */

table {
margin-bottom: 12px;
}

table tr td {
font-size: 0.9em;
padding: 2px;
}

table th {
padding-bottom: 5px;
}

table#concerts {
width: 540px;
}

table#concerts td {
border-top: 1px dashed white;
}

/* MENU ----------------------------------------------------------------------------------------------- */
#menu_vert {
	border: 0px solid green;
	width: 590px;
	height: 46px;
	font-family: serif;
}
/* The wrapper clears the floating elements of the menu */
/* Fix for Opera 8 */
.clearb { clear: both; }

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li {
/*   width: 200px;*/
}
/* Unless you know what you do, do not touch this */
#primary-nav, #primary-nav ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#primary-nav ul {
   position: absolute;
   top: auto;
   display: none;
list-style-type: none;
}

#primary-nav ul ul {
   margin-top: 1px;
   margin-left: -1px;
   left: 100%;
   top: 0px;
}
#primary-nav li {
   margin-left: -1px;
   float: left;
}
#primary-nav li li {
   margin-left: 0px;
   margin-top: 2px;
   float: none;
   position: relative;
}
/* Styling the basic apperance of the menu elements */
#primary-nav a {
   display: block;
   margin: 0px;
   padding: 4px 6px;
   text-decoration: none;
}
#primary-nav li a {
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
}
#primary-nav li li a {
/*     border: 1px solid #C0C0C0; */
	border: 0;
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive {
   /*background-color: #FFFBF0;*/
}
#primary-nav li.menuactive > a{
   color: #FFE882;
}

/* Styling the apperance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/*    background-color: #FFFBF0; */
}
#primary-nav li:hover > a {
	color: #FFE882;
/*	color: black;*/
}


#primary-nav li.menuh a,
#primary-nav li.menuparenth a,
#primary-nav li.menuactiveh a {
   color: white;
}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
   display: none;
}

#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
   display: block;
}
/* IE Hacks */
#primary-nav li li {
   float: left;
/*    clear: both; */
}
#primary-nav li li a {
   height: 1%;
border-left: 1px solid #C0C0C0;
}
#primary-nav li li a:hover {
  text-decoration: underline;
}

#primary-nav li li {
font-size: 0.85em;
}

/* End of 'Navigation: CSSMenu - Horizontal' */


/* Start of CMSMS style sheet 'Module: News' ---------------------------------------------- */
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000;
  background: #FFE9AF;
}
div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsTitre {
margin-top: 10px;
}

.NewsTitre h2 {
font-size: 18px;
}

.NewsSummary {
    padding: 0; /* padding for the news article summary */
    margin: 0; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }
.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}
.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }
.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}
.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }
.NewsSummaryMorelink {
  padding-top: 0.5em;
}
#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }
#NewsPostDetailSummary {
   line-height: 150%;
   }
#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}
#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }
#NewsPostDetailAuthor {
  padding-bottom: 1.5em;
  font-style: italic;
}
/* to add specific style to the below divs, uncomment them. */
/*
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Module: News' */

/* FORMULAIRES -----------------------------------------------------*/
div.error_message {
margin-bottom: 15px;
color: #CC0000;
}

/* LIVRE D'OR ---------------------------------------------------------------- */
#gallery {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;

   a {
      display: block;
      width: 45%;
   }
}


/* LIVRE D'OR ---------------------------------------------------------------- */
.cms-guestbook input {
height: 20px;
}

input, textarea {
background-color: black;
color: white;
}

#guestbookmodulesubmit {
height: 30px;
}

input:hover, 
textarea:hover {
background-color: #FFE882;
color: black;
}

.cms-guestbook-pagination {
margin: 0;
margin-top: 15px;
}

/* GOOGLE MAPS ---------------------------------------------------------------- */
#gmapmarker {
color: black;
}