/* -------------------------------------STYLE  */
body {background:url(../images/design/bg-global.png) repeat-x center top;font-family:Arial, Helvetica;color:#000;font-size:0.7em;text-align:left;margin:0;padding:0;background-color : #ffffff}
#site{width:793px;overflow:auto;margin:0 auto;padding:0;text-align:left;}
#contenu{width:765px;margin:0;padding:0;text-align:left;float:left;position:relative;background-color:#ffffff}
#ombrage_gauche{background:url(../images/design/ombrage-gauche.png) no-repeat left top;width:14px;height:320px;position:relative;float:left;text-align:left;margin:0;padding:0;}
#ombrage_droite{background:url(../images/design/ombrage-droite.png) no-repeat left top;width:14px;height:320px;position:relative;float:right;text-align:left;margin:0;padding:0;}
#deux-colonnes{background:url(../images/design/bg-contenu.jpg) repeat-y center top;width:765px;position:relative;float:left;margin:0 0 0 0;padding:0;}
.clearer{clear: both;height: 0;overflow: hidden;visibility: hidden;font-size: 0px;}
/* ------------------------------------- IMAGES   */
#header{background:url(../images/design/bg-header.jpg) no-repeat left top;width:765px;height:293px;position:relative;float:left;margin:0 0 0 0;padding:0;background-color:#ffffff}
#header-gauche{width:304px;height:293px;position:relative;float:left;margin:0 0 0 0;padding:0;}
.logo{margin:0 0 0 24px;position:relative;float:left}
img{border:0}
.dashline{width:516px;margin:30px 0 0 0;padding:0}
.dashline-153{margin:25px 0 10px 24px;padding:0}
.catalogue{margin:70px 0 0 27px;padding:0}
.equivalence{margin:15px 0 0 18px;padding:0}
#accessoires{width:100px;margin:10px 0 0 0;padding:0;float:right;text-align:right;position:relative;float:right}
#map-left{margin:10px 0 0 0;padding: 5px;border: 1px solid #e5e3d5;float: left;text-align: center;}
#map-right{margin:10px 0 0 0;padding: 5px;border: 1px solid #e5e3d5;float: right;text-align: center;}

/* -------------------------------------BANDE IMAGE  */
#bande-image-01{background:url(../images/bande-image/fabricant-ferblanterie-canada.jpg) no-repeat left top;width:461px;height:278px;position:relative;float:left;margin:0;padding:0;}
/* -------------------------------------BANDE IMAGE  */
#nav-sec {color:#2a2a2a;height: 15px; width:331px;margin:5px 15px 0 0;text-align:right;float:right; position:relative }
#nav-sec a{color:#2a2a2a;line-height:1.2em;font-style:normal;text-decoration:underline;margin:0;padding:0 0 0 0}
#nav-sec a:hover{color:#2a2a2a;line-height:1.2em;font-style:normal;text-decoration:underline;margin:0;padding:0 0 0 0}
/* ------------------------------------- Navigation PRINCIPALE   */
#navprinc-global{background:url(../images/design/bg-nav-princ-global.jpg) no-repeat left top;width:265px;height:146px;position:relative;float:left;margin:24px 0 0 24px;padding:0;}
#navprinc{position:relative;bottom:0;width:265px;height:128px;margin:0;padding:7px 0 0 0;float:left;}
ul#navprinc li{float:left;display:block;height:32px;list-style-type:none;margin:0;padding:0;}
ul#navprinc li a{float:left;text-indent:-9999px;text-decoration:none;height:32px;line-height:0;background:url(../images/design/bg-nav-princ.jpg);}
ul#navprinc li.catalogue a{width:265px;background-position:0 0;margin:0}
ul#navprinc li.catalogue a:hover{background-position:-265px 0 ;}
ul#navprinc li.prix a{width:265px;background-position:0 -32px;}
ul#navprinc li.prix a:hover{background-position:-265px -32px;}
ul#navprinc li.fiches a{width:265px;background-position:0 -64px;}
ul#navprinc li.fiches a:hover{background-position:-265px -64px;}
ul#navprinc li.projets a{width:265px;background-position:0 -96px;}
ul#navprinc li.projets a:hover{background-position:-265px -96px;}
/*------------------------------------COLONNE GAUCHE  */
div.zone-gauche{width:263px;position:relative;float:left;text-align:left;margin:0 0 10px 0;padding:0;}
div.zone-droite{width:263px;position:relative;float:right;text-align:left;margin:0 0 10px 14px;padding:0;}
#colonne-gauche{background:url(../images/design/ombrage-colonne-gauche.png) no-repeat right top;width:540px;position:relative;float:left;text-align:left;margin:10px 0 20px 28px;padding:0;}
#colonne-gauche ul{width:250px;color:#666666;line-height:1.3em;text-align:left;margin:10px 0 25px 0 ;padding:0;float:left;position:relative}
#colonne-gauche li{list-style-type:none;background:url(../images/design/fleche.png) no-repeat left top;text-align:left;margin:7px 0 0 10px;padding:1px 0 0 15px;}
#colonne-gauche li.in, .in a, .in a:hover{list-style-type:none;margin: 10px 0 0 55px}
#colonne-gauche li.in a, li.in a:hover{color:#666666}
#colonne-gauche li a,li a:hover{color:#252b32;text-align:left;text-decoration:underline;margin:0;padding:0;}
/*------------------------------------COLONNE DROITE  */
#colonne-droite{width:197px;position:relative;float:right;text-align:left;margin:10px 0 0 0;padding:0;}

/*------------------------------------TEXTE STYLE  */
p.map{color:#333;line-height:1.3em;margin:10px 0 0 0;padding:0;text-align:center}
p.map2{color:#666666;line-height:1.3em;margin:10px 0 0 0;padding:0;text-align:center}

p{color:#666666;line-height:1.3em;margin:10px 0 0 0;padding:0;text-align:justify}
p.note{color:#999999;line-height:1.3em;margin:10px 0 0 0;padding:0;text-align:justify;font-style:italic}
p a{color:#666666;line-height:14px;text-decoration:underline;margin:0;padding:0;}
p a:hover{color:#ab0800;line-height:14px;text-decoration:underline;margin:0;padding:0;}
p.haut{color:#0093d0;line-height:1.2em;text-align:right;margin:0 15px 15px 0;padding:0;}
p.haut a,p.haut a:hover{color:#0093d0;line-height:1.2em;text-align:right;margin:0;padding:0;}
h1{color:#404040;font-size:15px;margin:10px 0 20px 0;padding:0}
h2{color:#a10000;font-size:12px;padding: 5px 0 0 0px;margin: 15px 0 10px 0px;border-bottom: 1px solid #e5e3d5}
h3{color:#333333;font-size:11px;margin:15px 0 0 0;padding:0}
h3.liens{color:#333333;font-size:11px;margin:15px 0 0 0;padding:10px 0 0 0;border-top: 1px #CCCCCC dotted}
span.h1rouge{color:#a10000;margin:0}
/* -------------------------------------TABLEAU horaire  */
#tableau-horaire table{background:transparent url(../images/design/thead-bg.png) repeat-x top left;color:#333333;border-collapse:collapse;border:1px solid #CCCCCC;font-size:11px;margin:10px 0 0 0;padding:0;float:left}
#tableau-horaire table a{color:#305478;text-decoration:none;border-bottom:1px dotted #305478;}
#tableau-horaire table a:hover{color:#103458;text-decoration:none;border-bottom:1px dotted #103458;}
#tableau-horaire thead{border-bottom:1px solid #CCCCCC}
#tableau-horaire thead th{font-size:11px;color:#fff;font-family:Arial;text-transform:uppercase;padding:0.5em 0.5em .5em}
#tableau-horaire td,th{background:transparent;padding:.2em .2em .2em .5em;border-bottom:1px solid #CCCCCC;}
#tableau-horaire tbody tr.pale td{background:#F3F3F3}
#tableau-horaire tfoot td{padding-bottom:1.5em;}
#tableau-horaire table td {text-align: center;}
.titre {text-align: left;border:1px solid #CCCCCC;background-color:#FFFFFF;}
.ligne {border-left:1px solid #CCCCCC}
table.form{color:#666666;font:11px Verdana, Arial, Helvetica, sans-serif;letter-spacing:normal;margin:20px 0 20px 0}
table.form th,table.form td{border-bottom:1px solid #F0F0F0;padding:6px 0 6px 2px;}
table.form input,table.form select{font:11px Verdana, Arial, Helvetica, sans-serif;border:1px solid #CCC;padding:2px;}
#colonne-gauche td input,#colonne-contenu2 td input {border:1px solid #655b38;height:17px;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;}
#colonne-gauche textarea{border:1px solid #655b38;font:11px Verdana, Arial, Helvetica, sans-serif;padding:2px 3px 0px 3px;background:url(../images/design/fond-champ.png) repeat-x;}
/* -------------------------------------FOOTER  */
#footer{background:url(../images/design/bg-footer.jpg) no-repeat;width:765px;height:83px;text-align:center;position:relative;float:left;margin:0;padding:0;}
#footer .left{width:410px;position:relative;float:left;text-align:left}
#footer .left p{line-height:1.2em;color:#fff;text-align:left;margin:40px 0 0 15px;padding:0;}
#footer .left p a{color:#fff;line-height:14px;text-decoration:none;margin:0;padding:0;}
#footer .left p a:hover{color:#fff;line-height:14px;text-decoration:underline;margin:0;padding:0;}
#footer .right{width:325px;position:relative;float:right;text-align:right}
#footer .right p{line-height:1.2em;color:#fff;text-align:right;margin:40px 15px 0;padding:0;}
#footer .right p a{color:#fff;line-height:14px;text-decoration:none;margin:0;padding:0;}
#footer .right p a:hover{color:#fff;line-height:14px;text-decoration:underline;margin:0;padding:0;}

.bouton{padding: 0px;display: inline;float: left;cursor: pointer;text-decoration: none;margin:0 0 15px 0;width:676px}
.bouton input{border: 1px solid #bb8282;color: #FFFFFF;background: #660202 url(../images/design/fond-bouton.png) repeat-x;padding: 3px 10px;margin: 0px;width: auto;height: auto;overflow: visible;cursor: pointer;font: bold 11px Verdana, Arial, Helvetica, sans-serif;}
.bouton:hover input{background: #660202 url(../images/design/fond-bouton-over.png) repeat-x;}
.errFld {border: 1px solid #F00; /*... or any other css properties ... */}
.errMsg { color: #C33; /*... or any other css properties ... */ } 
#colonne-gauche span.rouge{font-weight:bold;color:#990000;padding:0px 0px 0px 3px;}

sup{font-size:9px}
#recherche {
	float:left;
	}