/* Start of CMSMS style sheet 'accueil-test' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 80.01%;
   line-height: 1em;
}

/*
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 {
   border: 0;
}
img.illus {
   display: block;
   float: left;
   margin: 0 0.8em 0 0;
   border: 1px solid #ccc;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   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: #18507C; 
}

a:visited {
   text-decoration: none;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: underline;
   background-color: inherit;
   color: #385C72;
}

/*****************
basic layout 
*****************/
body {
   background: #ccc url(images/int/back.png) repeat-x;
   color: #333;
   margin: 0 1em; /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto 1em auto;     /* this centers wrapper */
   width: 760px;
   background: #fff url(images/int/back_fond.png) repeat-y; 
   color: black;
}

div#main a.noprint {display: none;}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header {
   margin: 0;
   height: 277px; /* adjust according your image size */
   background: #ccc url(images/int/bando-accueilNB.png) no-repeat 0 100%;
   border-left: 1px solid #8b92a3;     
   border-right: 1px solid #8b92a3;     
}
div#ban {
   /* you can set your own image here */
   background: transparent url(images/int/bando-accueil.png) no-repeat 0 100%;
   display: block; 
   margin: 0;
   padding: 0;
   height: 277px;              /*adjust according your image size */
}
div#header h1 a {
   display: block; 
   float: left;
   text-indent: -999em;   /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
div#header span {
   display: block;
   margin: 0;
   padding: 0;
   float: right;
   height: 150px;
}
div#nav {
   background: #b7d599;  /* background color for the entire menu row */
   width: 100%;
   margin: 0;
   clear: both;
   border-bottom: 1px solid #8b92a3;
}
div#search {
   float: right;
   width: 23em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}
div#search input {
   border: 1px solid #555;
}

div.breadcrumbs {
   border-left: 1px solid #8b92a3;
   border-right: 1px solid #8b92a3;
   padding: 1em 0.8em 1em 2.5em; 
   font-size: 90%;             
   margin: 0;
   background: url(images/int/fleche.png) no-repeat 5px 45%;
   color: #607344;
}

div.breadcrumbs a {
   color: #607344;
   font-weight: bold;
}


div#main {
   width: 739px;
   padding: 0 0.8em;
   margin: 0;

}

div#sidebar {
   float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
   width: 26%;    /* sidebar width, if you change this please also change #main margins */
   /*display: inline;*/   /*FIX ie doublemargin bug */
   margin: 0;
   border-right: 1px solid #8b92a3;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%;  /* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

div#footer {
   clear:both;       /* keep footer below content and menu */
   color: #fff;
   background: #858ca0 url(images/int/foot_g.png) no-repeat 0 100%;
}

div#footer p {
   color: inherit;
   font-size: 0.8em;
   line-height: 1.1em;
   padding: 0.5em;      /* diminuer le footer */
   text-align: center; /* centered text */
   margin:0;
   background: url(images/int/foot_d.png) no-repeat 100% 100%;
}

div#footer p a {
   color: #fff; /* needed becouse footer link would be same color as background otherwise */
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/* relational links under content */
div.left49 {
  float: left; 
  width: 49%;   /*50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%; 
  text-align: right;
}

div.degage {
  clear: both;
  display: block;
  text-align: right;
  margin: 0.8em 0 0.8em 0;
  padding-right: 20px;
  font-size: 0.8em;
  background: url(images/int/haut.png) no-repeat 100% 0;
  color: inherit;
}

div.degage a, div.degage a:hover{
  text-decoration: none;
  color: #777;
}

/********************
CONTENT STYLING
*********************/
div#content {

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   color: #294B5F; 
   font-size: 1.5em; 
   text-align: left; 
/* some air around the text */
   padding-left: 60px;
/* set borders around header */
   background: url(images/int/img-h2.png) no-repeat 0 0;
   line-height: 55px;
/* and some air */
   margin: 0 0 1em 0;
}
div#content h3 {
   color: #777; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
   display: block;
   border-bottom: 1px solid #ccc;
}
div#content h4 {
   color: #294B5F;
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
   font-style: italic;
   margin: 0 0 0 0.8em;
   color: #333;
   font-size: 0.9em;
   font-family: Georgia, "Times New Roman", Times, serif;
   line-height: 1.5em;
}
a.pdf {
   display: block;
   text-decoration: none;
   text-align: right;
   font-size: 0.9em;
   
}
a.pdf img {
   vertical-align: middle;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */

/* Module RSS */

div.modulerssentry {
   padding: 0.5em 0.5em;
   border-bottom: 1px solid #ccc;
   margin-bottom: 1em;
}
div.modulerssentry a.external {
   font-size: 1.2em;
   line-height: 1.5em;
   color: green;
   text-decoration: none;
   font-weight: bold;
   background: url(images/cms/external.gif) no-repeat 100% 0; 
}

/* END Module RSS */

/**************
 Disposition des blocks 
***************/

div#programme {
   margin: 5px 0;
   display: block;
   background-color: #900;
   height: 180px;
   width: auto;
}
div#une {
   margin: 5px 0;
   display: block;
   background-color: #090;
   height: auto;
   width: auto;
}
div#contact{
   background-color: #ddd;
   height: 50px;
   width: 49%;
   float: left;
}
div#adhesion{
   background-color: #ccc;
   height: 50px;
   width: 49%;
float: right;
}
div#enquetes {
   margin: 5px 0;
   display: block;
   background-color: #790;
   height: 180px;
   width: auto;
}
div#actuvn {
   margin: 60px 0 0 0;
   display: block;
   background-color: #928;
   height: auto;
   width: auto;
}
div#actufne {
   margin: 5px 0 0 0;
   display: block;
   background-color: #799;
   height: 200px;
   width: auto;
}

/* fin de disposition des blocks */

/***************** 
mise en forme des news (pour accueil)
******************/

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;
}

div#newsum {
   font-size: 0.95em;
   padding: 40px 0 5px 0;
   margin: 5px 0 0 0.8em;
   background: #d5e280 url(images/int/news.png) no-repeat 0 0;
}

.NewsSummary a {color: #6f4f5f;}

div#main .left49 h4, div#main .right49 h4 {
   color: #fff;
   padding: 0.1em 0.5em;
   font-size: 1.1em;
}

.left49 .NewsSummary {
    padding: 0.5em 0.7em; /* padding for the news article summary */
    margin: 5px 20px 1px 2px; /* margin to the bottom of the news article summary */
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.right49 .NewsSummary {
    padding: 0.5em 0.7em; /* padding for the news article summary */
    margin: 5px 2px 1px 20px; /* margin to the bottom of the news article summary */
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

div#newsum .NewsSummary {
    padding: 0.5em 0.7em; /* padding for the news article summary */
    margin: 1px 2px; /* margin to the bottom of the news article summary */
    background-color: #ebf3b9;
    border: none;
}

div#newsum .NewsSummary .NewsSummaryPostdate {
    color: #b1bd63;
}

.NewsSummaryPostdate {
   font-size: 95%;
   font-weight: bold;
   display: none;
}

.NewsSummary {
    padding: 0.5em 0.5em; /* padding for the news article summary */
    margin: 1px 2px; /* margin to the bottom of the news article summary */
    background-color: #fff;
    width: auto;
    border-bottom: 1px solid #ccc;
}

/********** 
specifique "a la une" 
***********/
#une {padding-bottom: 0.1em;}

#une .NewsSummary {
    margin: 0.5em;
    padding: 0.5em;
    text-align: left;
}

#une .NewsSummaryLink {
   font: italic small-caps bold 1.2em/140% Georgia,serif;
   border-bottom : 1px solid #ccc;
   text-align: right;
   margin-bottom: 1em;
}

#une .NewsSummarySummary, #une .NewsSummaryContent {
  line-height: 140%;
  display: block;
  text-align: justify;
 }

#une .NewsSummaryMorelink {
  display: block;
  text-align: right;
}

/* fin de specifique "a la une" */

/********** 
specifique "quoi2neuf" 
***********/
#actuvn {padding-bottom: 0.5em;}

#actuvn .first .NewsSummary {
    margin: 0.5em;
    padding: 0.5em;
    text-align: left;
}

#actuvn .NewsSummary {
    margin: 0 0.5em;
    padding: 0.5em;
    text-align: left;
}

#actuvn .first .NewsSummaryLink {
   font: italic small-caps bold 1.2em/140% Georgia,serif;
   border-bottom : 1px solid #ccc;
   text-align: right;
   margin-bottom: 1em;
}

#actuvn .NewsSummaryLink {
   font-size: 0.9em;
   line-height: 1.5em;
   text-align: right;
   margin-bottom: 1em;
   display: block;
   margin: 0;
}

#actuvn .first .NewsSummarySummary, #une .NewsSummaryContent {
  line-height: 140%;
  display: block;
  text-align: justify;
 }

#actuvn .NewsSummaryMorelink {
  display: block;
  text-align: right;
  font-size: 0.85em;
}

/* fin de specifique "quoi2neuf" */

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
    font-size: 0.85em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
  display: none;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
  display: none;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
  display: none;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
  display: none;
}

#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;
}

/* Masquer les infos inutiles dans le menu gauche */

div#newsum .NewsSummary .NewsSummaryMorelink,
div#newsum .NewsSummary .NewsSummaryAuthor,
div#newsum .NewsSummary .NewsSummarySummary,
div#newsum .NewsSummary .NewsSummaryCategory {
  display: none;
}

/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

/* fin de mise en forme des news*/
/* End of 'accueil-test' */