/* Start of CMSMS style sheet 'Layout: Top menu + 1 columns' */
/*****************
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: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.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;
   margin: 1em;
}

/* 
default link styles
*/

a, a:link, a:active, a:visited {
   text-decoration:none;
   background-color: inherit; 
   color: #ffffff; 
}

a:hover {
   text-decoration: none;   
   color: #ffffff;
}

/*****************
basic layout 
*****************/
body {
   background-color: #ffffff;
   color: #000000;
   margin:1em; /* gives some air for the pagewrapper */   
   text-align: center; /* a laisser pour IE, rectifié dans pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
  text-align: left; /* a laisser pour IE */
  margin: 0 auto;    /* this centers wrapper */   
  width: 848px;  
  background-attachment: scroll;
  background-color: #000000;
  background-image: url(images/millieux.jpg);
  background-position: center;
  background-repeat: repeat-y;
  color: #FFFFFF;  
}

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

div#header {
   height: 132px; /* adjust according your image size */
   background: #ffffff url(images/entete.jpg) no-repeat 0px;  
   background-position: bottom; 
}

div#header h1 a {  
   display: block; 
   height: 132px;             /* adjust according your image size */
   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 h1 a:hover {
   text-decoration: none;
   background-color: inherit;
}

div#menu_vert, div#content {
  padding-left: 70px;
  padding-right: 70px;;  
}


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.breadcrumbs {
   padding: 1em 0 1.2em 65px; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;          
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 

 ndiv#content {
   margin: 1.5em auto 2em 0; /* some air above and under menu and content */
}

div#main {
   margin-left: 2%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 2%; /* and some air on the right */
}


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-left: 0;
}

/* 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: #ffffff;
   background: #ffffff url(images/pied.jpg) no-repeat top;
   height: 80px;
  
  
}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;      /* some air for footer */
   text-align: center; /* centered text */
   margin:0;
}

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

div#infotech {
  text-align:center;
  color: #888888;
  font-size:0.5em;
}


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

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

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  font-size: .5em;
}




/********************
CONTENT STYLING
*********************/
div#content { 
   margin-top: 1em;
   font-size: 14px;
   line-height: normal;
   white-space: normal; 
    

}

/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}


span.titre_content {
   color: #ffffff; 
   font-size: 1.5em; 
   text-align: left; 
   padding-left: 0.5em;
   padding-bottom: 1px;
   border-bottom: 1px solid #eec624; 
   border-left: 1.1em solid #eec624; 
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
   display: block; 
}

span.titre_content img {
 border:0;
 padding: 0;
 margin: 0;
}


#content a {
  color: #eec624;
  font-weight: bold;
  
}

#content a:hover {
  border-top: 1px solid #eec624;
  border-bottom: 1px solid #eec624;
}


/* 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 {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

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 */


/* article de presse */

div.article_presse {  
  font-family: Verdana;
  color: #000000;
  background-color: #ffffff;
  background-image: url(images/papier01.jpg);
  background-repeat: repeat;
  border: 2px solid #666666; 
  padding: 1em; 
  display: block;
}

img.logo_journal
 {
  position: relative;
  top: -30px;
  left: -30px;
  float: left;
}

#content div.article_presse a {
  color: #a08012 ; 
  background-color: transparent; 
}

#content div.article_presse a:hover {
  border-top: 1px solid #a08012 ;
  border-bottom: 1px solid #a08012 ;
}

img.logolink {
  /* float: right; */
  margin:0;
  padding:0;
}


div.titre_01 {
   border-left: 1em solid #eec624;
   color: #eec624; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 1em;
   padding-left: 1em;
}


div.titre_02 {
   color: #eec624; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0.5em;
}


div.note_h2o
 {
  border: 1px solid #eec624;
  background-image: url(images/h2o_angle_petit.png);
  background-position: 2px, 2px;
  background-repeat: no-repeat;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 3em;
  padding-right: 1em;
  margin:1em;  
}

div.note_simple
{
  border-top: 1px solid #eec624;
  border-bottom: 1px solid #eec624;
  margin: 1em;
  padding: 1em;
  font-size: 0.8em; 
}

div.avertissement
{
  border: 1px solid red;
  margin:1.5em;
  padding: 1em 1em 1em 8em;    
  font-size: 0.8em;
  background-color: #ffffff;
  color: #c00000;
  font-weight: bold;
  background-image: url(images/warning-68-60.png);
  background-position: 0 0;
  background-repeat: no-repeat
}


div.separateur {
  width:100%;
  height: 2em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  background-image: url(images/trait-separation.png);
  background-position: top;
  background-repeat: no-repeat;
  background_color: red;
 }

div.motclef {
  border: thin solid #FFFFFF;
  margin:1em;
  padding:1em;
  display:none;
}

/* GOOGLE SEARCH */

div#results_cref a, a:link, a:active, a:visited {
   text-decoration:none;
   background-color: inherit; 
   color: #ffffff; 
}

div#results_cref a:hover {
   text-decoration: none;   
   color: #ffffff;
}


div.pwaAlbum {
 width:160px;
 /* height:200px; */
  float:left;
  text-align:center;
 margin: 10px; 
}
div.pwaAlbum a {
 padding:0; margin: 0;
 font-size: 0.8 em;
}
div.pwaAlbum img {
 padding: 0; 
 margin: 0;
 width: 140px;
 border: 3px outset white;
}
div.pwAlbum a.nocadre:hover {border: none; }
div.pwaAlbum div {
 clear:both;
 width:180px;
 float:left;
 text-align:center;
}

div.pwaPhoto {
   float:left; 
   text-align:center; 
   vertical-align: bottom; 
   height:80px; 
   width:80px;
}
div.pwaPhoto a { padding: 0; }

div.pwaPhoto img { padding:0; margin:0; }


div.pwaRetour { 
 clear:both; 
 padding-top: 3em; 
 text-align:center; 
 height:80px; 
 width:100%; 
}

div.pwaLink {
 clear: both;
 padding-top: 3em;
}
div.pwaLink a {
 font-size: 0.8em;
}

div.comments {
 border: 1px solid grey;
 margin:1em 0 0 0;
 padding: 0;
}

div.comments .note {
 margin: 1em;
 font-size: 0.8em;
 text-align: center;
}
div.comments h4 {
 background-color: grey;
 color: white;
 margin: 0;
 padding-left: 1em;
}

div.comments dl {
 padding-bottom: 1em;
}
div.comments dd {
 margin: 1em 1em 0 1em;
 border-top: 1px solid lightgrey;
 border-bottom: 1px solid grey;
 color: white;
 font-size: 1em;
}

div.comments dt {
 margin: 0.5em 1em 1em 1em;

 font-size: 0.9em;
}

div.comments table td {
 vertical-align: top;
}
div.comments table td.label {
 width: 150px;
 text-align: right;
}
div.comments table td img {
 padding:0;
 margin: 0;
}
div.comments div.erreur {
 margin:1em;
}
div.comments div.erreur ul {
 border: 1px solid red;
 margin: 1em;
 padding: 0;
 background-color: white;
 color: red;
}

div.ajouter {
 background-color: grey;
 color: white;
 padding: .5em;
 margin: 1em;
} 

/* End of 'Layout: Top menu + 1 columns' */