/* Start of CMSMS style sheet 'menu_h' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

/* parametres de lageur de la marge à gauche et à droite de la page*/
#menu-horizontal {
   margin-left: 0px;
   margin-right: 0px;
   height: 27px;
   vertical-align: middle;
}

/* le background-color est l'arriere plan de l'espace de la barre de nav si elle ne remplie pas 100% de la largeur de la page */
/* le border-bottom = largeur et couleur de la ligne qui sépare la barre de la suite de la page de la page */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #b3cf17;
   background-image: url(http://www.oikos-ecoconstruction.com/uploads/images/img/fd_menu.gif);
   background-position: right;
   background-repeat: no-repeat;
   border-bottom: 0px solid #C0C0C0;
   width: 922px;
   height: 27px;
   vertical-align: middle;
}

/* espacement en hauteur entre le 1er et le second niveau de menu */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
/* parametre d'affichage du second niveau */ 
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
/* espacement en hauteur entre le 2eme et le 3eme niveau de menu */ 
#primary-nav ul ul { 
   margin-top: 0px;
   margin-left: 0px;
   left: 100%; 
   top: 0px; 
}

/* Orientation du menu : float left=normal, right=inversé, center = vertical*/ 
#primary-nav li { 
   margin-left: 0px;
   float: left;
   height: 27px; 
   vertical-align: middle;
}
/* Concerne le sous-menu : espacement, position etc...*/ 
#primary-nav li li { 
   margin-left: 0px;
   margin-top: 0px;
   float: none; 
   position: relative; 
}

/* Apparence globale du texte de la barre de menu : les modifs s'appliquent à TOUS les éléments */
#primary-nav a { 
   margin: 0px; 
   padding:  7px 7px;  
   text-decoration: none; 
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11.9px;
   font-style: normal;
   font-weight: normal;
   text-transform: none;
   vertical-align: middle;
   
}

/* Couleur des bordures des rubriques de 1er niveau de la barre*/ 
#primary-nav li a { 
   
   border-left: 0px solid #000000;
   border-top: 0px solid #8ea416;
   border-bottom: 0px solid #c2e11a;
   border-right-style: dotted;
   vertical-align: middle;
   border-right-color: #000000;
   border-right-width: 1px;
	
   
}

/* Couleur des bordures des sous rubrique de la barre*/ 
#primary-nav li li a { 
   border-right: 1px solid #c2e11a;
   border-left: 1px solid #8ea416;
   /*border-top: 1px solid #8ea416;*/
   border-bottom: 1px solid #c2e11a;
}	


/* Couleur de fond de toutes les cases de la barre de menu sauf page active*/ 
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #b3cf17; 
}

/* Les parametres suivant ne concernent uniquement que la page active c'est a dire celle ou se trouve  l'internaute) */
/* couleur de fond de la rubrique*/ 
#primary-nav li.menuactive { 
   background-color: #b3cf17; 
}


/* Apparence des menus de sous-niveaux.*/
/* background image = picto "fleche" qui indique la présence d'un sous menu*/
/* Background position = position du picto par rapport au titren de rubrique (gauche ou droite)*/
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents 
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; */
}


/* 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: #c2e11a; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#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; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#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%; 
}
/* End of 'menu_h' */

/* Start of CMSMS style sheet 'css_last' */
/*****************
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;
}

* {margin:0;padding:0}

/*
enleve le contour des liens autour des images
*/
img {
   border: 0;
}

/*
Styles des liens
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* 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 */


   color: #778911; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #5b690c;                /* a different color can be used for visited links */
}


/* fd en survol et couleur du lien */
a:hover {
   text-decoration: none;
   background-color: #c1d06d;
   color: #ffffff;
}

.titreok{
	font-style: normal;
        line-height: 18px;
	padding-left: 25px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	background-image: url(images/puce_titre.gif);
	background-repeat: no-repeat;
        border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccc00;
}

#contenu h1{
	font-style: normal;
        line-height: 18px;
	padding-left: 25px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	background-image: url(images/puce_titre.gif);
	background-repeat: no-repeat;
        border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccc00;
}

#contenu h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
        font-size: 15px;
	font-weight: normal;
}


#content h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16pt;
font-weight: normal;
background-image: url(images/fd_titre.gif);
background-repeat: no-repeat;
text-indent: 35px;
}


#contenu h3{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
        font-size: 16px;
	font-weight: bolder;
	text-decoration: underline;
}

#contenu h8{
	color: #000000;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

#contenu img{
        border: 0px solid #000000;
        margin-right: 20px;
        margin-left: 10px;
}

#contenu p{
	color: #000000;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
}


#contenu a:hover {
   text-decoration: none;
   background-color: #93a917;
   color: #ffffff;
}

body {
   background-color: #000000;
   text-align: center;
}

div#pagewrapper {
   background-color: #ffffff;
   border: 0px solid black;
   margin-left: auto;
   margin-right: auto;
   width: 922px;

}


#breadcrumbs span.lastitem { 
   font-weight:bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
 } 


#breadcrumbs{
        background-color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: lighter;
	color: #000000;
}

#breadcrumbs a { 
     color: #000000; 
}

#breadcrumbs a:hover { 
     color: #8a9e20;
     background-color: #ffffff;
     text-decoration: underline;
}

#gauche{
    float: left;
    width= 248px
    background-color: #FFFFFF;
    min-height: 400px;
}

#contenu{
background-color: #FFFFFF;    
margin-left: 285px;

padding-right: 50px;
min-height: 400px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
}

#search{
   background-position: center center;
   background-image: url(http://www.oikos-ecoconstruction.com/uploads/images/img/fd_serach.gif);
   background-repeat: no-repeat;   
   width: 248px; 
   margin-left: 0px;
   padding-top: 10px;
   margin-right: 0px;
   padding-bottom: 20px;
   text-align: left;

}

#search h1{
  padding-left: 15px; 
  margin: 0px;
}

#news{
   width: 248px;
   background-image: url(images/fd_milieu.gif);
   background-repeat: repeat-y;  
   width: 248px; 
   text-align: left;
   margin-left: 0px;
   font-family: Arial, Helvetica, sans-serif;
}

#news h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	padding-left: 10px;
}

#news h5:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bolder;
	color: #000000;
	padding-left: 10px;
}

#footer{   
width: 922px;
    height: 27px;
  background-color: #b3cf17;
clear: both;
}

#footer a { 
     color: #000000;
}

#footer a:hover {
   text-decoration: none;
   background-color: #8a9e20;
   color: #ffffff;
}
/* End of 'css_last' */

/* Start of CMSMS style sheet 'calendrier' */
#contenu h8 {
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
text-align: center;
color: #000000;
}

#contenu h9 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 15px;
color: #000000;
}

#contenu h10{
	font-style: normal;
        line-height: 18px;
	padding-left: 25px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000;
	background-image: url(images/puce_titre.gif);
	background-repeat: no-repeat;
}

.calendar-prev{
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.calendar-next{
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


.calendar-date-from {
	background-repeat: no-repeat;
	width: 238px;     /* enough width for the search input box */
        font-family: Arial, Helvetica, sans-serif;
        text-align: left;
	margin-left: 0px;
	margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 3px;
        font-size: 12px;
        color: #333333;
        font-style: italic;

}

.calendar-date-from3 {
	font-family: Arial, Helvetica, sans-serif;
        color: #333333;
        text-align: left;
	margin-left: 0px;
	margin-right: 10px;
        padding-right: 10px;
        font-size: 14px;

}

.calendar-date-from4 {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
        color: #5b690c;
        font-size: 14px;

}


.calendar-summary {
	background-repeat: no-repeat;
	width: 222px;     /* enough width for the search input box */
	font-family: Arial, Helvetica, sans-serif;
        text-align: left;
	margin-left: 0px;
        padding-left: 10px;
        padding-top: 3px;
        font-size: 12px;
       color: #000000;
        text-align: left;
}


.calendar-summary2 {
	font-family: Arial, Helvetica, sans-serif;
        text-align: left;
	padding-top: 10px
	margin-left: 0px;
        font-size: 14px;
        color: #000000;
}

.plus{
	width: 222px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
        text-align: right;
	margin-left: 0px;
        padding-left: 10px;
        padding-top: 3px;
        font-size: 12px;
        color: #000000;
}

.plus a{
	font-family: Arial, Helvetica, sans-serif;
        color: #496119;
        text-decoration: none;
}

.plus a:hover{
   font-family: Arial, Helvetica, sans-serif;
   text-decoration: none;
   background-color: #8c9f22;
   color: #ffffff;
}

.calendar-date-from2 {
	width: 248px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
        text-align: left;
	margin-left: 0px;
	margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 3px;
        font-size: 12px;
        color: #ff0000;
}

#news h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    padding-left: 10px;
    padding-top: 10px;
    text-decoration: underline;
    width: 222px;
}

#titre_news{
   color: #000000;
   font-size: 12px;
   text-align: justify;
   background-image: url(images/fd_milieu.gif);
   background-repeat: repeat-y;
   font-family: Arial, Helvetica, sans-serif;
   padding-left: 10px;
   padding-top: 10px;
   font-weight: bold;
   width: 222px;
}



#news h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #000000;
    padding-left: 10px;	
    width: 248px;
}
/* End of 'calendrier' */

/* Start of CMSMS style sheet 'menu_v' */
/********************
MENU
*********************/

#nav{
   font-family: Arial, Helvetica, sans-serif;
   width: 248px;
   background-image: url(images/fd_milieu.gif);
   background-repeat: repeat-y;  
   width: 248px;     /* enough width for the search input box */
   text-align: left;
   font-size: 100%;
   
}

#nav a { 
     font-family: Arial, Helvetica, sans-serif;
     color: #000000;
     font-size: 90%;
     text-decoration: none;
}

/* espacement verticale pour le sous menu du 3eme nivo */
div#nav ul ul ul {
    font-family: Arial, Helvetica, sans-serif; 
  padding-bottom: 0px;
}

/* menu li block 
#nav li {
      font-family: Arial, Helvetica, sans-serif;
   list-style: none;
   margin: 10;
   border-bottom: 50px solid #c0c0c0;
   display: block;
}*/

#nav ul ul li {
     font-family: Arial, Helvetica, sans-serif; 
  border: none;
}

/** fix stupid ie bug with display:block; **/
* html #nav li a { height: 1%; } 
* html #nav li hr { height: 1%; }
/** end fix **/

/* first level links */
div#nav a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: 500;
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   color: #000000; /* this will be link color for all levels */
   background: url(http://www.oikos-ecoconstruction.com/uploads/images/img/puce_01.png) no-repeat 0.5em center; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
div#nav ul ul a {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 85%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}

/* third level links, more padding */
div#nav ul ul ul a {
     font-family: Arial, Helvetica, sans-serif;
    padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/dash.gif) no-repeat 2.8em center; 
}

/* hover state for all links */
div#nav a:hover {
    font-family: Arial, Helvetica, sans-serif; 
  background-color: #c1d06d; /* couleur du fd qd on survole le sous menu*/
}
div#nav a.activeparent:hover {
   font-family: Arial, Helvetica, sans-serif;
   background-color: #c1d06d;
   color: #000000;
  
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#nav li a.activeparent {
      font-family: Arial, Helvetica, sans-serif;
background: url(http://www.oikos-ecoconstruction.com/uploads/images/img/puce_01_down.png) no-repeat 0.4em center; 

   color: #000000;
   font-weight: 800;
}

div#nav ul ul li a.activeparent {
      font-family: Arial, Helvetica, sans-serif;
background-position: 1.5em center; 
   background-color: black;
   color: #ffffff;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#nav ul h3 {
   font-family: Arial, Helvetica, sans-serif;  
   background: url(http://www.oikos-ecoconstruction.com/uploads/images/img/puce_01_right.png) no-repeat 0.4em center;
   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em;  /* some air for it */
   color: #000000;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */

}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#nav ul ul h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em 2.8em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#nav ul ul ul h3 {
   font-family: Arial, Helvetica, sans-serif;   
padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center; 
}

/* section header */
div#nav li.sectionheader {
   font-family: Arial, Helvetica, sans-serif;   
border-right: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



/* separator */
div#nav li.separator {
   font-family: Arial, Helvetica, sans-serif;  
 height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #e2ebdb;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#nav li.separator hr {
   display: none; /* this is for accessibility */
}
/* End of 'menu_v' */