/* Mise en forme du body */

body { 
background-image:url(../images/bg_index.png);
background-repeat: repeat-x;


}

/* ID(#) - Mise en forme de la page en DIV -  */

#header { 
background:url(../images/header-bg.jpg);
background-repeat:repeat-x;
height: auto;
width:auto;  
}

#headerqm { 
width:100%;
background:#2f2f2e;
background-repeat: repeat-x;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #C96E21;
}

#contenuBg {
background:#F7F7F7; /* = fond de la page centrale*/ 
margin-top: auto; 
margin-left:auto; 
margin-right:auto; 
margin-bottom:0; 
height:auto; width: 911px; /* = largeur de site*/
padding: 0px 0px 0px 0px;
}

#boiteTexte{float: center; width: 548px; height: auto; padding-left: 30px;  padding-right: 72px; padding-bottom: 0px; padding-top: 26px;}
#boiteTexteaccueil{float: center; width: 880px; height: auto; padding-left: 10px;  padding-right: 10px; padding-bottom: 10px; padding-top: 10px;}

#footer {
background:url(../images/header-bg.jpg);
height: auto; 
width: 100%;
text-align:center;
color: #c96e21;
}
.footertexte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #2f2f2e;}
#footer a:link {color: #c96e21; text-decoration: none;}
#footer a:visited {color: #c96e21; text-decoration: none;}
#footer a:hover {color: #cc0000; text-decoration: nono;}

#footerbg {
background:#2f2f2e;
background-repeat: repeat-x;
background-position: left top;
border-top-width: 5px;
border-top-style: solid;
border-top-color: #C96E21;
text-align:center;
}
#footerbg a:link {color: #c96e21; text-decoration: none;}
#footerbg a:visited {color: #fff; text-decoration: none;}
#footerbg a:hover {color: #c96e21; text-decoration: none;}

.spacer {clear: both;}

.traitvertical    {border-left: 1px solid black; padding-left: 5px; margin-left: 50px; }

/* CLASS - Mise en forme des textes */



p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #556074;}
ul { padding:0; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; display:inline; list-style-type: none; }

/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ff5a00; font-weight: bold; margin: 0px 0px 0px 0px; border-bottom: dashed 1px #698da8; padding-bottom: 5px;}
.soustitreh2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #ff5a00; font-weight: bold;}
.soustitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #7db339; font-weight: bold;}
.soustitre a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #7db339; text-decoration: none;}
.soustitre a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #7db339; text-decoration: none;}
.soustitre a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ff5a00; text-decoration: underline;}

/* Autre textes */

.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074;}
.Petittexte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #556074;}

.textetitre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #f7f7f7; background: #2f2f2e; }
.textetitre a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #f7f7f7; background: #2f2f2e; }
.textetitre a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #f7f7f7; background: #2f2f2e; }
.textetitre a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #c96e21; background: #2f2f2e; }

.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #2f2f2e;}

/* Menu de gauche */

.elementMenu {
	background:url(../images/bg_bt_menu.png);
	color:#727272;
	font-weight:bold;
	height: 25px; 
	width: 160px; 
	margin: 2px 5px 0px 0px;
	padding-top: 5px; 
	padding-left: 15px; 
	padding-right: 15px;
	padding-bottom: 0px;
	}
.elementMenu:hover {
	background:url(../images/bg_bt_menu_on.png);
	color:#2f2f2e;
	font-weight:bold;
	height: 25px; 
	width: 160px; 
	margin: 2px 5px 0px 0px; 
	padding-top: 5px; 
	padding-left: 15px; 
	padding-right: 15px; 
	padding-bottom: 0px;
	}
.menuPadding { 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	vertical-align:top; }
.trmenu {	
	background:tranparent; 
	}


/* Liens par défault */

a:link {color: #006666; text-decoration: none;}
a:visited {color: #006666; text-decoration: none;}
a:hover {color: #ff5a00; text-decoration: none;}

/* fenêtre et porte accessoires */
.confort {background:#f2f2ff url(../images_fenetre_porte_pvc/confort.gif) 50% 50% no-repeat; color:#000080;}
.energie {background:#fef3de url(../images_fenetre_porte_pvc/energie.gif) 50% 50% no-repeat; color:#604b04;}
.securite {background:#e8f3d6 url(../images_fenetre_porte_pvc/securite.gif) 50% 50% no-repeat; color:#005100;}
.h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #556074; font:bold;}

/* news*/
.koidneuf {background:#f2f2ff url(../news/images/koidneuf.gif) 50% 50% no-repeat; color:#000080;}
.promo {background:#fef3de url(../news/images/promo.gif) 50% 50% no-repeat; color:#604b04;}
.actu {background:#e8f3d6 url(../news/images/actu.gif) 50% 50% no-repeat; color:#005100;}
.nouvo {background:#e8f3d6 url(../news/images/nouvo.gif) 50% 50% no-repeat; color:#005100;}