* {
			margin: 0;
                        padding: 0;
			border: 0;
}

html {
			width: 100%;
			height: 100%;
}

body {
			width: 100%;
			height: 100%;
		        background-color: #fff;
		        font-family: "Trebuchet MS", sans-serif;
}

#conteneur {
			position: relative;
                        min-height: 100%;
			width: 100%;
}

* html #conteneur {
			height: 100%;
}

#contenu {
			width: 100%;
			margin: 0 auto;
			padding-bottom: 150px;
}

/* ENTETE haut + menu */

#widehaut {
                        width: 100%;
		        background: transparent url(http://www.techni-vitrage.com/img/fond-bas-du-haut.gif) center bottom repeat-x;
}

#hautacc {
			width: 984px;
			margin: 0 auto;
			text-align: left;
                        background: transparent url(http://www.techni-vitrage.com/img/tofac-haut.jpg) right bottom no-repeat;
}

#haut {
			width: 984px;
			margin: 0 auto;
			text-align: left;
                        background: transparent url(http://www.techni-vitrage.com/img/tofgen-haut.gif) right bottom no-repeat;
}

#widehaut h1 {
			width: 424px;
			margin: 20px 0 35px 0;
			float: left;
}

#widehaut #menu {
			float: right;
                        background: transparent url(http://www.techni-vitrage.com/img/haut--menu.gif) top left repeat-x;
}

#widehaut #menu ul {
}

#widehaut #menu ul li {
                        list-style-type: none;
                        display: inline;
                        float: left;
                        text-align: center;
                        padding-left: 7px;
			font: normal normal normal 1.2em/1em "Trebuchet MS", sans-serif;
			text-transform: uppercase;
}

#widehaut #menu ul li a {
                        display: block;
                        float: left;
                        border-top: 7px #d9d9d9 solid;
                        padding: 44px 3ex;
                        color: #111;
                        text-decoration: none;
                        letter-spacing: -0.035ex;
}

#widehaut #menu ul li a:hover {
                        border-top-color: #d90000;
                        text-decoration: underline;
                        color: #999;
}





/* BANDEAU Rouge */

#widebandeau {
                        width: 100%;
		        background: transparent url(http://www.techni-vitrage.com/img/fond-motif-rouge.gif) center top repeat;
}

#bandeau {
			height: 180px;
                        width: 984px;
			margin: 0 auto;
			padding: 0;
			text-align: left;
                        background: transparent url(http://www.techni-vitrage.com/img/tofac-mid.jpg) right top no-repeat;
}

#bandeaupage {
                        width: 984px;
			margin: 0 auto;
			padding: 10px 0;
			text-align: left;
                        background: transparent url(http://www.techni-vitrage.com/img/tofgen-mid.gif) right top no-repeat;
}



ul.ssmenu {
			width: 640px;
                        text-align: center;
			margin: 0;
			padding: 0;
}

ul.ssmenu li {
                        list-style-type: none;
                        display: block;
                        float: left;
                        text-align: center;
			font: normal normal normal 1.05em/1.3em "Trebuchet MS", sans-serif;
			color: #555;
			padding: 5px 17px 5px 0;
			white-space : nowrap;
}

ul.ssmenu li.last {
			padding-right: 0;
}

ul.ssmenu li a {
			color: #fff;
}

ul.ssmenu li a:hover {
			color: #eee;
			text-decoration: none;
}





/* CONTENU */

#widecontenupage {
			width: 100%;
			margin: 0 auto;
		        background: transparent url(http://www.techni-vitrage.com/img/fond-haut-du-contenu.gif) center top repeat-x;
}


#contenupage {
			width: 984px;
			margin: 0 auto;
			text-align: left;
		        background: transparent url(http://www.techni-vitrage.com/img/fond-haut-du-contenu.gif) center top repeat-x;
}

#contenupageacc {
			width: 984px;
			margin: 0 auto;
                        background: transparent url(http://www.techni-vitrage.com/img/tofac-bas.jpg) right top no-repeat;
}

#contenupagein {
			width: 984px;
			margin: 0 auto;
                        background: transparent url(http://www.techni-vitrage.com/img/tofgen-bas.gif) right top no-repeat;
}

#colgauche {
			width: 600px;
			float: left;
}

#colgauche h2 {
			font: normal normal bold 2.4em/1em "Trebuchet MS", sans-serif;
			padding: 0.7em 0;
			letter-spacing: -0.05ex;
			color: #777;
}

#colgauche h2#souchap {
			font: italic normal normal 1.4em/1.25em "Trebuchet MS", sans-serif;
			padding: 1.5em 0 1em 0;
			letter-spacing: -0.05ex;
			color: #a00;
			text-align: center;
}

#colgauche h3 {
			clear: left;
                        font: italic normal normal 1.25em/1.6em "Trebuchet MS", sans-serif;
			padding: 0.5em 0;
			color: #a00000;
}

#colgauche p {
			font: normal normal normal 0.8em/1.6em "Trebuchet MS", sans-serif;
			color: #555;
			padding: 0 0 20px 0;
			text-align: justify;   /*    <--- c'est une erreur de faire ça, je l'ai dis     */
}

#colgauche ul {
			padding: 0 0 20px 30px;
}

#colgauche li {
			font: normal normal normal 0.8em/1.6em "Trebuchet MS", arial, sans-serif;
			color: #555;
			padding: 0 40px 10px 10px;
			list-style-position: inside;
}

#colgauche ol li {
			font: normal normal normal 0.7em/1.6em "Trebuchet MS", arial, sans-serif;
			color: #777;
			padding: 0 40px 0 10px;
			list-style-position: inside;
}

#colgauche li ul {
			padding: 10px 0 0 30px;
}

#colgauche li li {
			font: normal normal normal 1em/1em "Trebuchet MS", arial, sans-serif;
			padding: 0 0 10px 10px;
}

#colgauche ul.ssmenufen {
			width: 600px;
                        padding: 0;
			margin: 0 0 20px 0;
}

#colgauche ul.ssmenufen li {
                        list-style-type: none;
                        display: block;
                        float: left;
                        width: 140px;
                        height: 100%;
                        margin: 0 10px 20px 0;
                        padding: 0;
                        text-align: center;
}

#colgauche ul.ssmenufen li.last {
                        margin: 0;
}

#colgauche ul.ssmenufen li a {
			border-left: 2px #e4e4e4 solid;
			border-top: 2px #e4e4e4 solid;
			border-right: 1px #cacaca solid;
			border-bottom: 1px #cacaca solid;
			background: #f5f5f5 url(http://www.techni-vitrage.com/img/fd-ssmenufen.gif) top left no-repeat;
			color: #a00;
                        display: block;
                        width: 137px;
			padding: 10px 0;
			margin: 0;
			text-decoration: none;
			font: normal normal normal 1.3em/1em "Trebuchet MS", arial, sans-serif;
}

#colgauche ul.ssmenufen li a:hover {
			border-left: 2px #fff solid;
			border-top: 2px #fff solid;
			border-right: 1px #e0e0e0 solid;
			border-bottom: 1px #e0e0e0 solid;
			background: #ebebeb url(http://www.techni-vitrage.com/img/fd-ssmenufenhover.gif) top left no-repeat;
			color: #555;
}

#colgauche ul.ssmenufen li a span.smol {
			font-size: 0.6em;
			color: #444;
}

#colgauche ul.ssmenufen li a:hover span.smol {
			color: #700;
}

#colgauche a {
			color: #8c0000;
}

#colgauche a:hover {
			text-decoration: none;
}

#colgauche img.gamme {
			margin: 10px 0;
}

#colgauche img.vig {
			float: left;
			margin: 0 20px 10px 0;
			border: 1px #ccc solid;
			clear: left;
}

#colgauche img.contim {
			float: left;
			margin: 5px 20px 5px 0;
			clear: left;
}

#colgauche img.widim {
			margin: 0 0 20px 0;
}


/* COLONNE DROITE ACCUEIL */

#coldroiteacc {
			width: 328px;
			float: right;
			padding-top: 125px;
}

.posacc {
			width: 240px;
			padding: 0 0 1.1em 88px;
			margin: 1.1em 0;
}

#blec.posacc  {
		        background: transparent url(http://www.techni-vitrage.com/img/fd-blec.jpg) top left no-repeat;
}

#credimp.posacc  {
		        background: transparent url(http://www.techni-vitrage.com/img/credimp.gif) top left no-repeat;
}

#centrap.posacc  {
		        background: transparent url(http://www.techni-vitrage.com/img/centrap.gif) top left no-repeat;
}

#devis.posacc  {
		        background: transparent url(http://www.techni-vitrage.com/img/devis.gif) top left no-repeat;
}

.posacc h3 {
			font: normal normal normal 1.25em/1.7em "Trebuchet MS", sans-serif;
			color: #a00000;
}

.posacc p {
			font: normal normal normal 0.7em/1.4em "Trebuchet MS", sans-serif;
			text-align: justify;
			color: #555;
			padding-right: 7px;
}

.posacc p a {
			color: #8c0000;
}

.posacc p a:hover {
			text-decoration: none;
}


#colgauche ul.smac {
			width: 600px;
                        padding: 0;
			margin: 0;
}

#colgauche ul.smac li {
			font: normal normal bold 0.8em/1.4em "Trebuchet MS", sans-serif;
                        list-style-type: none;
                        text-align: center;
                        display: block;
                        float: left;
                        padding: 0;
                        margin: 0;
}

#colgauche ul.smac li a {
                        display: block;
                        width: 75px;
                        margin: 0 11px 20px 0;
                        padding: 170px 0 0 0;
                        text-align: center;
                        text-decoration: none;
}

#colgauche ul.smac li a:hover {
                        color: #d00;
}

#colgauche ul.smac li a#smacfen  {
		        background: transparent url(http://www.techni-vitrage.com/img/acc-fenetre-vitrage.jpg) top left no-repeat;
}

#colgauche ul.smac li a#smacvol  {
		        background: transparent url(http://www.techni-vitrage.com/img/acc-volet.jpg) top left no-repeat;
}

#colgauche ul.smac li a#smacfde  {
		        background: transparent url(http://www.techni-vitrage.com/img/acc-fenetre-toit.jpg) top left no-repeat;
}

#colgauche ul.smac li a#smacpde  {
		        background: transparent url(http://www.techni-vitrage.com/img/acc-porte-entree.jpg) top left no-repeat;
}

#colgauche ul.smac li a#smacpdg  {
		        background: transparent url(http://www.techni-vitrage.com/img/acc-porte-garage.jpg) top left no-repeat;
}

#colgauche ul.smac li a#smacpec  {
		        background: transparent url(http://www.techni-vitrage.com/img/acc-portail-cloture.jpg) top left no-repeat;
}

#colgauche ul.smac li a#smachum  {
		        background: transparent url(http://www.techni-vitrage.com/img/acc-humidite.jpg) top left no-repeat;
}

#colgauche ul.smac li a#smacico  {
		        background: transparent url(http://www.techni-vitrage.com/img/acc-isolation.jpg) top left no-repeat;
}


#colgauche ul.smac li a.last {
                        margin: 0;
}

#colgauche a.exlink {
                        margin: 5px 0;
                        text-decoration: none;
}

#colgauche a.exlink:hover {
                        color: #777;
}

#colgauche a.exlink img {
                        vertical-align: middle;
                        margin-right: 20px;
                        border: 1px #ddd solid;
                        background-color: #fff;
                        padding: 5px;
}



#colgauche p.blec {
			margin: 10px 5px 0 5px;
			font: normal normal bold 0.8em/1.55em "Trebuchet MS", arial, sans-serif;
			color: #555;
			padding: 30px 0 50px 130px;
		        background: transparent url(http://www.techni-vitrage.com/img/fd-blec.jpg) top left no-repeat;
}

#colgauche p.fina {
			margin: 10px 5px 0 5px;
			font: normal normal bold 0.8em/1.55em "Trebuchet MS", arial, sans-serif;
			color: #555;
			padding: 30px 0 50px 130px;
		        background: transparent url(http://www.techni-vitrage.com/img/fd-financement.jpg) top left no-repeat;
}

#colgauche p.fina a {
			color: #a00;
			text-decoration: none;
}

#colgauche p.fina a:hover {
			text-decoration: underline;
}




/* COLONNE DROITE PAGES */

#coldroitepage {
			width: 328px;
			float: right;
			padding-top: 50px;
}

.certif {
			width: 240px;
			padding: 1em 0 1.5em 88px;
			margin: 0.6em 0;
}

.certif a {
			color: #a00;
}

.certif a:hover {
			text-decoration: none;
}

#cernf.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/cernf.gif) top left no-repeat;
}

#cercst.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/cercst.gif) top left no-repeat;
}

#certva.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/certva.gif) top left no-repeat;
}

#cercre.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/cercre.gif) top left no-repeat;
}

#cercek.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/cercek.gif) top left no-repeat;
}

#ceraco.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/ceraco.gif) top left no-repeat;
}

#cergar.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/cergar.gif) top left no-repeat;
}

#cerrec.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/cerrec.gif) top left no-repeat;
}

#cerpef.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/cerpef.gif) top left no-repeat;
}

#cartefr.certif  {
		        background: transparent url(http://www.techni-vitrage.com/img/carte-fr.gif) top left no-repeat;
}


.certif p {
			font: normal normal normal 0.75em/1.55em "Trebuchet MS", arial, sans-serif;
			text-align: justify;
			color: #555;
			padding-right: 7px;
}

.humi {
			width: 240px;
			padding: 0.2em 0 1.5em 70px;
			margin: 1em 0;
}

#humhum.humi  {
		        background: transparent url(http://www.techni-vitrage.com/img/humhum.gif) top left no-repeat;
}

#humeco.humi  {
		        background: transparent url(http://www.techni-vitrage.com/img/humeco.gif) top left no-repeat;
}

#humaca.humi  {
		        background: transparent url(http://www.techni-vitrage.com/img/humaca.gif) top left no-repeat;
}

#humson.humi  {
		        background: transparent url(http://www.techni-vitrage.com/img/humson.gif) top left no-repeat;
}

.humi p {
			font: normal normal normal 0.75em/1.55em "Trebuchet MS", arial, sans-serif;
			text-align: justify;
			color: #555;
			padding-right: 7px;
}

#coldroitepage img.illus {
			margin: 20px 5px 0 5px;
}

#coldroitepage img.centillus {
			display: block;
                        margin: 20px auto;
			text-align: center;
}

#coldroitepage #morinfcredimp {
			margin: 30px 0 0 0;
			padding: 0 0 0 120px;
			font: normal normal normal 0.75em/1.55em "Trebuchet MS", arial, sans-serif;
		        background: transparent url(http://www.techni-vitrage.com/img/lnk-rf.gif) top left no-repeat;
		        color: #444;
}

#coldroitepage #morinfcredimp a {
			color: #8c0000;
}

#coldroitepage #morinfcredimp a:hover {
			text-decoration: none;
}

#coldroitepage #gmap {
			margin: 30px 0 0 0;
			font: normal normal normal 0.75em/1.55em "Trebuchet MS", arial, sans-serif;
}

#coldroitepage #gmap iframe {
			border: 1px #aaa solid;
}

#coldroitepage #gmap a {
			color: #a00;
			text-decoration: none;
}

#coldroitepage #gmap a:hover {
			text-decoration: underline;
}






/* FOOTER */
#widepied {
                        position: relative;
                        margin-top: -150px;
                        width: 100%;
		        background: transparent url(http://www.techni-vitrage.com/img/fond-bande-bas.gif) center top repeat-x;
}

#souspied {
			width: 100%;
			margin: 0 auto;
		        background: transparent url(http://www.techni-vitrage.com/img/adr-bas-haut.gif) center top no-repeat;
}

#pied {
			width: 984px;
			margin: 0 auto;
}

#sspiedg {
			clear: both;
			width: 600px;
			text-align: left;
			float: left;
		        padding-top: 71px;
}

#sspiedd {
			width: 328px;
			margin-left: 56px;
			text-align: center;
			float: right;
			font: normal normal bold 0.95em/1.3em "Trebuchet MS", sans-serif;
			color: #a00000;
}

#sspiedd .vcard {
			padding: 30px 0;
			background: transparent url(http://www.techni-vitrage.com/img/adr-bas-bas.gif) bottom center no-repeat;
}

#sspiedd .vcard .adr, #sspiedd .vcard .tel {
			background: transparent url(http://www.techni-vitrage.com/img/adr-bas-fond.gif) top center repeat-y;
}

#pied ul {
                        padding-top: 1.1em;
}

#sspiedg p {
			font: normal normal normal 0.75em/1.35em arial, sans-serif;
			color: #000;
			margin: 0;
			background-color: #ac0000;
}

#sspiedg p a {
			color: #fff;
}

#sspiedg p a:hover {
			text-decoration: none;
}



/* Formulaire de contacts */

form.devis {}

form.devis fieldset {
			border: 1px #ddd solid;
			padding: 15px 20px;
			margin: 0 0 25px 0;
			background: transparent url(http://www.techni-vitrage.com/img/fond-fieldset.gif) top right no-repeat;
}

* html form.devis fieldset {
			background: none;
}

form.devis fieldset legend {
			font: normal normal normal 1.2em/1.2em "Trebuchet MS", arial, sans-serif;
			color: #a00;
			padding: 0 10px;
			margin: 0 0 10px 10px;
}

form.devis li {
			list-style-type: none;
			padding: 7px 0 !important;
}

form.devis fieldset label {
			color: #700;
}

form.devis fieldset.ident label {
                        display: block;
			float: left;
			width: 200px;
			margin: 0;
}

form.devis fieldset.nospam label, form.devis fieldset.produit label, form.devis fieldset.plusinfo label {
                        display: block;
			float: left;
			width: 150px;
			margin: 0;
}

form.devis fieldset.rappel label.frslk {
                        display: block;
			float: left;
			width: 50px;
			margin: 0 0 0 42px;
}

form.devis fieldset.rappel span.dkl {
			margin: 0 0 0 42px;
}

form.devis input.text {
			border: 1px #ccc solid;
			width: 300px;
			padding: 2px;
			font: normal normal normal 0.95em "Trebuchet MS", arial, sans-serif;
}

form.devis input.texter {
			border: 1px #c00 solid;
			width: 300px;
			padding: 2px;
			font: normal normal normal 0.95em "Trebuchet MS", arial, sans-serif;
			background-color: #ffe7e7;
}

form.devis input.submt {
			border: 1px #ccc solid;
			width: 600px;
			padding: 5px 0;
			background-color: #e0e0e0;
			font: normal normal normal 1.3em "Trebuchet MS", arial, sans-serif;
			color: #a00;
}

form.devis select.slkt {
			border: 1px #ccc solid;
			width: 200px;
			padding: 2px;
			font: normal normal normal 0.95em "Trebuchet MS", arial, sans-serif;
}

form.devis select.slkt option {
			padding: 0 0 0 5px;
			margin: 2px 0;
}

form.devis textarea {
			border: 1px #ccc solid;
			width: 350px;
			height: 170px;
                        overflow: auto;
			padding: 5px;
			font: normal normal normal 0.95em "Trebuchet MS", arial, sans-serif;
}

form.devis input.chck {
			margin: 0 0 0 17px;

}

form.devis input.radio {
			margin: 0 10px 0 0;

}


form.devis input.er {
	                background-color: #e4a4a4;
}

form.devis .malert {
                        border: 3px #ddd solid;
                        color: #eee;
		        background: #a80000 url(http://www.techni-vitrage.com/img/fond-motif-rouge.gif) center top repeat;
                        padding: 10px 10px 8px 15px;
                        margin: 0 2px 25px 0;
}

form.devis .malert strong {
                        color: #eee;
                        margin-bottom: 10px;
}

form.devis .malert img {
                        vertical-align: middle;
                        margin-right: 10px;
}




/* générique */

.oust {
			position: absolute;
			left: -6666em;
			top: 0;
			width: 1px;
			height: 1px;
			overflow: hidden;
}

.clearbot {
			clear: both;
			margin: 0;
                        padding: 0;
			border: 0;
}

hr {
                        clear:both;
                        width: 100%;
                        color: #ccc;
                        background-color: #e0e0e0;
                        height: 1px;
                        border: 0;
                        margin: 30px auto 15px auto;
}

a.top {
                        clear:both;
                        display: block;
                        text-align: right;
                        width: 100%;
                        height: 10px;
                        border: 0;
                        margin: 0 0 20px 0;
}

.bigstar {
                        font-weight: bold;
                        font-size: 2em; 
                        color: #a00;
}

.smolstar {
                        font-weight: bold;
                        color: #a00;
                        font-family: courrier, serif;
}

p#bigadr {
			font: normal normal normal 1.15em/1.3em "Trebuchet MS", sans-serif;
			color: #a00000;
			padding: 20px 0;
}

span.smoler {
			font-size: 0.7em;
}

/* ?? */

h3.ouvepro {
			font: italic normal normal 1.7em/4em "Trebuchet MS", arial, sans-serif;
			color: #a00000;
			text-align: center;
}

span.amp {
			font-family: arial, sans-serif;
			font-weight: inherit;
}