/*** undo default browser styles
******************************************************************/
body, html, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote,
form, fieldset, input, ul, ol, li, dl, dt, dd {
 margin: 0;
 padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em;}

a img, :link img, :visited img, object {border: none;}

:link, :visited {text-decoration: none;}

address {font-style: normal;}

fieldset {border: none;}

/*** reset some basic style
******************************************************************/
h2 {margin-bottom: 1.5em;}
h3 {margin-bottom: 1.2em;}
h4, p, ul, blockquote {margin-bottom: 1em;}
th {text-align: left;}
ul {padding-left: 15px;}

/*** major document sections
******************************************************************/

/*** body
*********************************/
html, body {text-align: center;}

body {
 padding: 15px 0;
 background: #fff;
 color: #000;
 font-family: verdana, sans-serif;
 font-size: x-small;
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: small;
}

.dummy {} /** déclaration factice */

/*** visuel
*********************************/
#pagewidth {
 margin: 0 auto;
 width: 770px;
 min-width: 500px;
 text-align: left;
 font-size: 85%;
}

/*** entête
*********************************/
#header{
 position: relative;
 width: 100%;
 background: url(/style/serigraphie.jpg) no-repeat top right;
}

#header .content {
 padding: 0 0 3px 0;
}

/*** corps
*********************************/
#main {
 position: relative;
 float: left;
}

	.cxs .cyan #main {background: transparent url(fd_cyan.gif) repeat-y 100% 0%;}
	.cxs .magenta #main {background: transparent url(fd_magenta.gif) repeat-y 100% 0%;}
	.cxs .jaune #main {background: transparent url(fd_jaune.gif) repeat-y 100% 0%;}
	.cxs .orange #main {background: transparent url(fd_orange.gif) repeat-y 100% 0%;}
	.cxs .vert #main {background: transparent url(fd_vert.gif) repeat-y 100% 0%;}
	
#maincol {
 float: none;
 width: 100%;
 border-right: none;	
 min-height: 500px;
}

	.deuxcol #maincol {
	 float: left;
	 width: 458px;
	 border-right: 2px dotted #000;
	}
	
	.cxs #maincol {
	 float: left;
	 width: 608px;
	 border-right: 2px dotted #000;
	}

	.deuxcol #rightcol {
	 float: right;
	 width: 300px;
	}
	
	.cxs #rightcol {
	 float: right;
	 width: 150px;
	}

#maincol .content {
 padding: 0 10px 0 0;
}

	.cxs #maincol .content {
 	 width: 598px; /* ie */
	}

#rightcol .content {
 padding: 0 0 0 10px;
}

	.cxs #rightcol .content {
 	 padding: 10px;
	}

/*** pied
*********************************/
#footer {
 clear: both;
 color: #fff;
 font-size: 90%;
}

#footer address {
 padding: 3px 5px;
 background: #000;
}

#footer address strong {
 float: left;
 width: 71px;
 height: 12px;
 margin-right: 0.5em;
 background: #000 url(/style/multitec2.gif) no-repeat 0% 50%;
}

#footer address a:link,
#footer address a:visited {
 color: #fff;
}

#footer #legal {
 text-align: right;
 color: #999;
}

#footer #legal a:link,
#footer #legal a:visited {
 color: #999;
 text-decoration: underline;
}

/*** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php
*********************************/
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*** navigation principale
*********************************/


/*** newsletter
*********************************/
#registration_newsletter fieldset {
 padding: 3px 0;
 text-align: right;
 background: #fff;
}

#registration_newsletter label,
#registration_newsletter input {
 font-size: 90%;
}

/*** minor document sections
******************************************************************/
.clr {clear: both;}

.bloc {
 display: block;
}

.generalites {
 font-family: georgia;
 font-size: 105%;
}

.right {
text-align: right;
}

/*** liste de liens illustrés
*********************************/
.illustree {
 margin: 0;
 padding: 0;
 list-style: none;
 position: relative;
}

.illustree li {
 margin: 2px 0 6px 0;
 padding: 0;
 font-weight: bold;
 line-height: 16px; /* Hauteur de l'icone */
 background-repeat: no-repeat;
 background-position: 0 50%;
}

.illustree li a {
 padding-left: 26px; /* Largeur de l'icone et espacement */
}

/*** icones
*********************************/
.pdf {
 background-image: url(pict/pdf.gif);
}

/*** Malarkey Image Replacement (MIR)
*********************************/
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

.mir a {
 text-indent: -999em;
 overflow: hidden;
}

/*** a
*********************************/
a:link,
a:visited {
 color: #0C5466;
}

a:focus,
a:hover {
 text-decoration: underline;
}

/*** blockquote
*********************************/
blockquote {
 font-family: georgia;
}

h2+blockquote {margin-top: -1.5em;}

/*** h
*********************************/
h1 a {
 display: block;
 width: 356px;
 height: 81px;
 background: url(/style/multitec.gif) no-repeat;
}

h2 {
 font-family: verdana;
 font-size: 120%;
 font-weight: bold;
}

	#rightcol h2 {
		font-family: impact;
		font-size: 130%;
		font-weight: normal;
		text-transform: uppercase;
	}

h3 {
 border-bottom: 2px dotted #000;
}

h3 strong {
 padding-right: 5px;
 background: #fff;
}


/*** object
*********************************/
object.illustration {
 float: left;
 margin: 0.5em 0.5em 0.5em 0;
}

/*** p
*********************************/
p {
 line-height: 1.4;
}

p.illustration {
 clear: both;
 float: left;
}

p.illustration img {
 float: right;
 margin: 5px 1px 5px 0;
}

p.illustration img:first-child {
 margin-right: 0;
}
/*** ul
*********************************/

/*** article
*********************************/
dl.article {
 padding-bottom: 1em;
}

dl.article dd {
 padding-top: 0.5em;
}

#gravure #maincol {
 border-right: none;
}


.ico {
 float: right;
 padding-left: 35px;
 line-height: 31px;
}

.devis {
 background: transparent url(devis.gif) no-repeat left center;
}

/*** printer styles
******************************************************************/
@media print{

}