/* 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 'textes' */
.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;
}
/* End of 'textes' */