/* NET IT BEE 2007 */
* { margin: 0; padding: 0; }
body {
	color: #000;
	font-family: 'Century Gotic', 'Tahoma', Arial, Verdana, sans-serif;
	font-size: 0.7em;
}
#global {
	position: relative;
	width: 216px; _width: 200px;
	margin: 210px auto 0 auto;
	background: url(images/bloc_main.png) repeat-y;
	_background: #FFF;
	padding: 0 0 120px 0;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/images/bloc_main.png', sizingMethod='scale');*/
}
h1 { display: none; }
h2 { display: block; position: relative; width: 200px; height: 15px; font-size: 1.1em; font-weight: normal; text-align: center; text-transform: uppercase; font-weight: bold; overflow: hidden; }
h2 span { position: relative; }

img { border: none; }

#txt { width: 200px; margin: 0 8px; _margin: 0;}



.titre_01 { background: url(/_design/images/titre_blanc.png); }
.titre_02 { background: url(/_design/images/titre_vertjaune.png); }
.titre_03 { background: url(/_design/images/titre_vertacide.png); }
.titre_04 { background: url(/_design/images/titre_vertsapin.png); }
.titre_05 { background: url(/_design/images/titre_vertbleu.png); }
.titre_06 { background: url(/_design/images/titre_bleuglace.png); }
.titre_07 { background: url(/_design/images/titre_bleuviolet.png); }
.titre_08 { background: url(/_design/images/titre_violet.png); }
.titre_09 { background: url(/_design/images/titre_rose.png); }
.titre_10 { background: url(/_design/images/titre_rougeclair.png); }
.titre_11 { background: url(/_design/images/titre_jauneorgange.png); }
.titre_12 { background: url(/_design/images/titre_rouge.png); }

.realisations { position: relative; }
.realisations a { display: block; padding: 3px;  text-decoration: none; color: #000; position: relative; }
.realisations a span { padding: 0 4px 0 4px; }

.realisations i { 
	border: none;
	position: absolute; top: -5px; left: -220px; 
	width: 214px; height: 164px;
	background: url(images/vignette.png);
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_design/images/vignette.png', sizingMethod='scale'); 
	display: block;
 }
.realisations i img { position: relative; left: 4px; top: 4px; }
 
a.libele{ display: block; padding: 3px 3px 3px 30px; position: relative;}
a.libele span{ display: block; position: absolute; top: 3px; left: 0; _left: -30px;}

.l01 { background: url(images/l01.gif) repeat-y; }
.l02 { background: url(images/l02.gif) repeat-y; }
.l03 { background: url(images/l03.gif) repeat-y; }
.l04 { background: url(images/l04.gif) repeat-y; }
.l05 { background: url(images/l05.gif) repeat-y; }
.l06 { background: url(images/l06.gif) repeat-y; }
.l07 { background: url(images/l07.gif) repeat-y; }
.l08 { background: url(images/l08.gif) repeat-y; }
.l09 { background: url(images/l09.gif) repeat-y; }
.l10 { background: url(images/l10.gif) repeat-y; }
.l11 { background: url(images/l11.gif) repeat-y; }
.l12 { background: url(images/l12.gif) repeat-y; }

.al01:hover { background: url(images/l01.gif) repeat; }
.al02:hover { background: url(images/l02.gif) repeat; }
.al03:hover { background: url(images/l03.gif) repeat; }
.al04:hover { background: url(images/l04.gif) repeat; }
.al05:hover { background: url(images/l05.gif) repeat; }
.al06:hover { background: url(images/l06.gif) repeat; }
.al07:hover { background: url(images/l07.gif) repeat; }
.al08:hover { background: url(images/l08.gif) repeat; }
.al09:hover { background: url(images/l09.gif) repeat; }
.al10:hover { background: url(images/l10.gif) repeat; }
.al11:hover { background: url(images/l11.gif) repeat; }
.al12:hover { background: url(images/l12.gif) repeat; }