h1 {
   color: #333333; /*  #FF6600  */
   font-weight:bold;
   font-size:2em;
   margin:0;
   padding-top:10px;    
}

/* Categories (index.php) */
/* ---------------------- */

DIV.Dos_cat {width:98%}
  DIV.Dos_cat_titre {
	margin-top:3em; 
/*	border-bottom:#333333 2px dotted;   */
	border-bottom:#333333 2px; 
	padding:0.4em
  }
	DIV.Dos_cat_titre img {float:left; margin:-15px 1em 0 0; border:#666666 1px solid}
	DIV.Dos_cat_titre h2 {display:inline;font-size:1.5em}
	DIV.Dos_cat_titre h2 a {display:inline;font-size:1.5em;color:#000000}  
	DIV.Dos_cat_titre span {font-size:0.8em;color:#FF6600;padding-left:1em}	

  DIV.Dos_cat_texte {background:#eee;margin-bottom:5px; padding:0.5em}

/*  DIV.Dos_sscat {margin-top:1em;}  */
/* DEBUT Modif pour ne pas faire apparaitre les sous-catégories  */
  DIV.Dos_sscat {margin-top:1em; display:none;}
/* FIN   Modif pour ne pas faire apparaitre les sous-catégories  */
/* DIV.Dos_sscat_titre {margin-left:6em; padding:0.3em; border-bottom:#333333 1px dotted}  */
  DIV.Dos_sscat_titre {margin-left:6em; padding:0.3em; border-bottom:#333333 1px}
	DIV.Dos_sscat_titre img {float:left;margin-right:1em}
  	DIV.Dos_sscat_titre h3 {display:inline;font-size:1.4em}
  	DIV.Dos_sscat_titre span {padding-left:1em;color:#FF6600}

  DIV.Dos_sscat_texte {margin-left:6em; margin-bottom:2em; padding:0.2em}


 /* affichage deux colonnes */
 DIV.doscatcol1 {position:relative; float:left; width:47%; padding:6}
 DIV.doscatcol2 {position:relative; width:47%; float:right; padding:6}


/* ----------------------------------- */
/* les dossiers dans une cat (cat.php) */
/* ----------------------------------- */

 DIV.Dos_catphp {width:98%; margin-top:2em;color:#000000;}
	DIV.Dos_catphp_titre img {float:left;margin-right:1em}
	DIV.Dos_catphp_titre h2 {font-size:1.5em;display:inline}
	DIV.Dos_catphp_titre h2 a {display:inline;color:#333333;}
	DIV.Dos_catphp_titre h2 a:hover{display:inline;color:#FF6600;}
/*	DIV.Dos_catphp_titre SPAN {padding-left:2em;color:#FF6600;font-size:0.8em}  */
	DIV.Dos_catphp_titre SPAN {padding-left:2em;color:#000000;font-size:0.8em}

/* DIV.Dos_catphp_texte{margin-top:0.2em;border-top:2px dotted #333333;padding:1em}  */
 DIV.Dos_catphp_texte{margin-top:0.2em;border-top:2px #333333;padding:1em}


 /* affichage des souscatégories */
 DIV.Dos_catphp_sscat {background:#eee;width:98%; margin-top:2em;border-top:1px solid #999;border-bottom:1px solid #999;padding:0.4em 0 0.4em 0}
	DIV.Dos_catphp_sscat span {font-size:1.5em;font-weight:bold;padding-left:1em}
	DIV.Dos_catphp_sscat ul {list-style-type:none; margin:1em 0 1em 0; padding:0 0 0 2.5em}
	DIV.Dos_catphp_sscat li {margin:0.5em;background:url(xxl/dossier.gif) no-repeat;padding-left:2em}
	DIV.Dos_catphp_sscat A {font-weight:bold;color:#FF6600;font-size:1.2em}  

 /* class supplémentaire pour présentation deux colonnes */
 DIV.doscol1 {position:relative; float :left; width:47%; padding:6}
 DIV.doscol2 {position:relative; width:47%; float:right; padding:6}


/* -------------------------------------------------- */
/* Dossier specifique (dossiers.php, commentaire.php) */
/* -------------------------------------------------- */

/* DEBUT Modif pour changer la couleur du chapo bloc centrePage en rouille */
 DIV.dossier {width:98%;color:#000000;}
/* FIN   Modif pour changer la couleur du chapo bloc centrePage en rouille */

/* DEBUT Modif pour changer la couleur du chapo bloc centrePage en rouille */
/*	DIV.titre SPAN {display:block;text-align:right;border-bottom:2px dotted #333333;color:#990000}  */
	DIV.titre SPAN {display:block;text-align:right;border-bottom:2px #333333;color:#990000}
/* FIN   Modif pour changer la couleur du chapo bloc centrePage en rouille */

/* DEBUT Modif pour changer la couleur du chapo bloc centrePage en rouille */
  DIV.chapo {margin-top:1em;font-style:italic;font-size:1.1em;padding-bottom:2em;color:#990000}
/* FIN   Modif pour changer la couleur du chapo bloc centrePage en rouille */
	DIV.chapo img {float:left;padding-right:2em}

/* DEBUT Modif pour changer la couleur du texte bloc centrePage en rouille */
/*  DIV.texte {border-top:2px dotted #333333;margin:1em 0 1em 0;color:#990000}  */
  DIV.texte {border-top:2px #333333;margin:1em 0 1em 0;color:#990000}
/* FIN   Modif pour changer la couleur du texte bloc centrePage en rouille */

  DIV.suite {border-top:1px solid #FF6600;font-weight:bold;font-size:1.5em;padding-top:0.5em}
	DIV.suite A {padding-left:2em;font-weight:normal;font-size:0.7em;}
	DIV.suite A:before {content:"\0020 \0020 \0020 \00BB \0020"; color:#FF6600;}

  DIV.debut_suite {text-align:center;border-top:1px solid #FF6600;font-weight:bold;padding-top:0.5em}

  DIV.auteur {margin-top:3em;text-align:right;font-weight:bold;border-top:1px solid #999;border-bottom:1px solid #999;padding:0.4em 0 0.4em 0}

/*  DIV.commentaire {margin-top:1em; border-top:2px dotted #333333; text-align:center; padding:0.5em 0 0.2em 0; font-weight:bold} */
  DIV.commentaire {margin-top:1em; border-top:2px #333333; text-align:center; padding:0.5em 0 0.2em 0; font-weight:bold}
	DIV.commentaire A {color:#FF6600}
  DIV.commentaire_login {text-align:left;font-weight:bold;border-bottom:1px solid #FF6600}

  DIV.commentaire_texte {text-align:left;padding:1em;margin-bottom:2em;background:#eee}
  
  
  
/*  Styles  template  Pisé  */ 
 body {margin:20px;
/*     background-color:#707070;  */  
/*     background-image:url(images/p1.jpg); background-repeat:repeat-x;  */
	   background-color:#454545;   
       font-family: Arial, Verdana, Helvetica, sans-serif;
	   font-size:11px;
	   color:#666;
	   font-weight:normal;
 }

  .white{font-family:Tahoma; font-size:11px; color:#FFFFFF; text-decoration:none }
  .white_main{font-family:Tahoma; font-size:12px; color:#FFFFFF; line-height:14px}
/*  .white_main_brown{font-family:Tahoma; font-size:11px; color:#990000;padding-left:144px;padding-right:184px;}  */ 
  .main{font-family:Tahoma; font-size:11px;  color: #333333; line-height:14px}
  .green{font-family:Tahoma; font-size:11px;  color:#CAD65B; }
  .greenGrand{font-family:Tahoma; font-size:13px;  color:#CAD65B; }
  .green_d{font-family:Tahoma; font-size:11px;  color:#588400; }
  .blue{font-family:Tahoma; font-size:11px;  color:#36A0A0; }

  .input{
  		width:138px; height:18px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#618181;font-family:Tahoma; font-size:11px;  color:#333333; 
		}
		  .input2{
  		width:145px; height:18px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#9CABAF;font-family:Tahoma; font-size:11px;  color:#485356; 
		}
		.input3{
  		width:138px; height:17px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#9CABAF;font-family:Tahoma; font-size:11px;  color:#485356; 
		}
	  .textarea{
 		width:173px; height:197px;
		border-width:1px;
		border-style:solid;
		background-color:#FFFFFF;
		border-color:#9CABAF;font-family:Tahoma; font-size:11px;  color:#485356;
		overflow:auto;
		}

/*  Style Design Particulier Pisé  */		
#PageEntiere { 
     width: 101%;   
/*   height:600px; */
     margin: 0 auto;    
     padding: 0px;  
     border: 2px;
	 clear:both;
/*	 background-color: #FF0000;  */
}

#EntetePage {
   width: 100%;
}

#EntetePageLogo {
   float:left;
   width:266px;  
   height:53px;
   background-image:url(images/logoMeunier.jpg); background-repeat:no-repeat;  */
   background-color:#339999;  /* #339999 Bleu ... */
/* background-color: #336699;   */
}

/*
#EntetePageMenu {
   float:left;
   width:100%;
   height:53px;
   background-color:#339999;  
}
*/

#EntetePageMenuC {
   float:left;
   width:133px;  
   height:53px;
   background-image:url("images/construction.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuC a:hover {
   width:133px;  
   height:53px;
   background-image:url("images/constructionHover2.jpg"); background-repeat:no-repeat;  
/* background-color:#339999; */ /* #339999 Bleu ... */
}

#EntetePageMenuR {
   float:left;
   width:134px;  
   height:53px;
   background-image:url("images/restauration.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  /* #339999 Bleu ... */  */
}
#EntetePageMenuR a:hover {
   width:134px;  
   height:53px;
   background-image:url("images/restaurationHover2.jpg"); background-repeat:no-repeat;  
/* background-color:#339999; */ /* #339999 Bleu ... */
}

#EntetePageMenuE {
   float:left;
   width:134px;  
   height:53px;
   background-image:url("images/enduits.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  /* #339999 Bleu ... */  
}
#EntetePageMenuE a:hover {
   width:134px;  
   height:53px;
   background-image:url("images/enduitsHover2.jpg"); background-repeat:no-repeat;  
/* background-color:#339999; */ /* #339999 Bleu ... */
}

#EntetePageMenuF {
   float:left;
   width:133px;  
   height:53px;
   background-image:url("images/fourre-tout.jpg"); background-repeat:no-repeat;  
/* background-color:#339999; */ /* #339999 Bleu ... */
}
#EntetePageMenuF a:hover {
   width:133px;  
   height:53px;
   background-image:url("images/fourre-toutHover2.jpg"); background-repeat:no-repeat;  
/* background-color:#339999; */ /* #339999 Bleu ... */
}

/*  DEBUT  description drapeaux  */
/*
#EntetePageMenuD {
   float:left;
   width:133px;  
   height:53px;
   background-image:url("images/langues.jpg"); background-repeat:no-repeat;  
}
*/
#EntetePageMenuDfr {
   float:left;
   width:30px;  
   height:53px;
   background-image:url("images/fr1.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuDfr a:hover {
   width:30px;  
   height:53px;
   background-image:url("images/fr1Hover.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuDen {
   float:left;
   width:24px;  
   height:53px;
   background-image:url("images/en1.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuDen a:hover {
   width:24px;  
   height:53px;
   background-image:url("images/en1Hover.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuDde {
   float:left;
   width:24px;  
   height:53px;
   background-image:url("images/de1.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuDde a:hover {
   width:24px;  
   height:53px;
   background-image:url("images/de1Hover.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuDes {
   float:left;
   width:24px;  
   height:53px;
   background-image:url("images/es1.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuDes a:hover {
   width:24px;  
   height:53px;
   background-image:url("images/es1Hover.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuDpt {
   float:left;
   width:31px;  
   height:53px;
   background-image:url("images/pt1.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
#EntetePageMenuDpt a:hover {
   width:31px;  
   height:53px;
   background-image:url("images/pt1Hover.jpg"); background-repeat:no-repeat;  
/* background-color:#339999;  */ /* #339999 Bleu ... */
}
/*  FIN  description drapeaux  */


#CentrePage {
   clear:left;
   float:left;
   width:100%;
/* background-color: #CCCCCC;  */ /*  Fonds de page Dossiers : gris clair  */
   background-color:#EEDE9D;  
}
/*
#GlobalPagePrincipes {
   float:left;
   width:266px;
   background-color: #336666;  
}
*/
#CentrePagePrincipes {
   float:left;
   width:266px;
   height:266px;     
   background-color: #336666; /*  #339999 : bleu, #FFFF00 Yellow  */
}

#CentrePageDiapo {
   float:left;
   width:401px;  
   height:266px;    
   background-image:url(images/p1.jpg); background-repeat:no-repeat;  
   background-color: #000000;  /* #660000 Dark Brown  */
}

/*  Moteur recherche / Transmission */
#CentrePageTrans {
   float:left;  
   width:266px;    
   height:266px; 
   background-color: #006699;    /* #0099FF; Bleu ciel  */
}

/*  Conception  */
#CentrePageConception {
   clear:left;  
   float:left;
   width:266px;
   height:266px;    
   background-color: #339999;   /* #336699 , #CC6600; Brown */
}

/*  Réalisations */


#CentrePageRealisations {
   float:left;  
   width:401px;
   height:266px;        
   background-color: #669999;    
}

/*  Realisations seules  */
/*
#CentrePageReal {
   float:left;    
   width:401px;    
}
*/
/*  Sous-partie droite Réalisation / Exemples Chantiers  */
    #CentrePageGen {
       float:left;
/*     width:401px;  */
       width:201px;
/*       background-color: #CCCCCC;  *//*  #FF0000; Red  */ 
    }
    #CentrePageEx {
       float:left;
/*     width:401px;  */
       width:200px;
/*       background-color: #339966;  *//*  #FF6699; Pink  */
    }
/*  Prefab   */	
#CentrePageFab {
   float:left;
   width:266px;    
   height:266px;
/*   background-color: #339999;  */ /* Noir */
}

/*Sous-partie droite Travailler ensemble + Pise Prefabrique + Auto-construction + Mot. recherche  */
    #CentrePageTravailler {
       float:left;  
       width:266px;
       height:80px;  
       background-color: #FFFF00;  /* Jaune */
    }
	#CentrePageFabHaut {
       clear:left;
       width:266px;
       height:106px;
       background-color: #6699CC;  /*  Bleu  */ 
    }
    #CentrePageFabCentre {
       clear:left;
       width:266px;
       height:80px;
       background-color: #0099FF;  /*  Dark Blue  */
    }

/*  Moteur de recherche  */
/*    #CentrePageMoteur {
       clear:left;  
       width:266px;
       background-color: #339966;  
    }		
*/
	
/*  Pied de page  */
#PiedPage {
   clear:left;
/* width:800px;  */
   width:100%;
   height:23px;
/*   background:URL(images/footer.gif); background-repeat:repeat-x; */
}	
/*
#enteteBlanc {
	position:absolute;
	left:11px;
	top:6px;
	width:800px;
	height:8px;
}
*/    
.CentrePageMoteurBGc {
       font-family:Tahoma, Helvetica, Arial, sans-serif;
	   font-weight:bold;
	   font-size:13px;
       color:#FFFF00;
	   background-color: #454545;  /* ex #999999 */
} 
.CentrePageMoteurBGr {
       font-family:Tahoma, Helvetica, Arial, sans-serif;
	   font-weight:bold;
	   font-size:13px;
       color:#FFFF00;
	   background-color: #454545;  /* ex #999999 */
}
.CentrePageMoteurBGe {
       font-family:Tahoma, Helvetica, Arial, sans-serif;
	   font-weight:bold;
	   font-size:13px;
       color:#FFFF00;
	   background-color: #454545;  /* ex #999999 */
}
.CentrePageMoteurBGf {
       font-family:Tahoma, Helvetica, Arial, sans-serif;
	   font-weight:bold;
	   font-size:13px;
       color:#FFFF00;
	   background-color: #454545;  /* ex #999999 */
} 
.CentrePageMoteurBGl {
       font-family:Tahoma, Helvetica, Arial, sans-serif;
	   font-weight:bold;
	   font-size:13px;
       color:#FFFF00;
	   background-color: #454545;  /* ex #999999 */
}