/*#############################################################
NOM: Yann LE MENE - ingénierie & créations
DATE: 06/04/2009
SOCIETE: ARTIVIA
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

mail {color: #888;	text-decoration: none;}
a {color: #000000;	text-decoration: none;}
a:hover {color: #555; text-decoration: none;}
body {
	background: #fff;
	color: #000;
	font: normal 72.5% "Lucida Sans Unicode",sans-serif;
}
input {
	color: #FFF;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
ul {margin-left: 1.2em;}
h1 {font-size: 1.4em;}
h2 {font: normal 1.2em;}

h1,h2,h3 {color: #654;}

/* misc */
.clearer {clear: both;}

/* structure */
.container {
	background: #ffffff;
	margin: 0;
	padding: 0;
	width: 860px;
} 

/* lignes */

/* lignes */
.ligne1 {
	Position: absolute;
	Top:0cm; Left: 0cm;
}

.ligne2 {
	Position: absolute;
	Top:0cm; Left: 6.7cm;
}

.ligne3 {
	Position: absolute;
	Top:0cm; Left: 32cm;
}

.ligne4 {
	Position: absolute;
	Top:0cm; Left: 6.5cm;
}

.ligne5 {
	Position: absolute;
	Top:0cm; Left: 1cm;
}


.ligne6 {
	Position: absolute;
	Top:0cm; Left: 8.5cm;
}


.ligne7 {
	Position: absolute;
	Top:0cm; Left: 20cm;
}

/* fleche */
.fleche {
	Position: absolute;
	Top:-1cm; Left: 7cm;
}

/* bulle blanche */
.bulle {
	Position: absolute;
	Top:6cm; Left: 20.8cm;
}


/* textes */
.texte1 {
	Position: absolute;
	Top: 1.5cm; Left: 10.4cm;
	font-weight: bold;
	font-size: 0.5cm;
	width: 300px;
	text-align: justify;
	color: WHITE;
}

.texte2 {
	Position: absolute;
	Top: 6.4cm; Left: 7.8cm;
	font-weight: bold;
	font-size: 0.5cm;
	width: 350px;
	color: WHITE;
}

.texte3 {
	Position: absolute;
	Top: 11.3cm; Left: 7.7cm;
	font-weight: bold;
	font-size: 0.5cm;
	width: 350px;
	color: WHITE;
}

.texte4 {
	Position: absolute;
	Top: 1cm; Left: 16.5cm;
	font-size: 0.5cm;
	width: 300px;
}

.texte5 {
	Position: absolute;
	Top: 6cm; Left: 12.5cm;
	font-size: 0.5cm;
	width: 270px;
}

.texte6 {
	Position: absolute;
	Top: 11cm; Left: 12.5cm;
	font-size: 0.5cm;
	width: 350px;
}

.texte7 {
	Position: absolute;
	Top: 2cm; Left: 9.5cm;
	font-size: 0.5cm;
	width: 600px;
	text-align: justify;
}

.texte7bis {
	Position: absolute;
	Top: 14cm; Left: 22cm;
	font-size: 0.5cm;
	width: 600px;
}


/* Notre engagement */
.texte8 {
	Position: absolute;
	Top: 7.2cm; Left: 21.3cm;
	font-weight: bold;
	font-size: 0.5cm;
	width: 200px;
	text-align: center;
}

.texte9 a {
	Position: absolute;
	Top: 14cm; left: 11cm;
	/* Background-color: #ccb; */
	color: maroon;
	text-decoration: underline;
	font-weight: bold;
	font-size: large;
	width: 550px;
}

.texte10 {
	Position: absolute;
	Top: 0.7cm; Left: 6.5cm;
	/* font-weight: bold; */
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte11 a {
	Position: absolute;
	Top: 6cm; left: 7cm;
	/* Background-color: #ccb; */
	color: maroon;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte12 {
	Position: absolute;
	Top: 0.7cm; Left: 12cm;
	/* font-weight: bold; */
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte12 a:hover span {
	Position: absolute;
	Top: 0cm; Left: -1cm;
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte13 {
	Position: absolute;
	Top: 3.5cm; Left: 17cm;
	/* font-weight: bold; */
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte13 a:hover span {
	Position: absolute;
	Top: -2cm; Left: -1cm;
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte14 {
	Position: absolute;
	Top: 8cm; Left: 17cm;
	/* font-weight: bold; */
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte14 a:hover span {
	Position: absolute;
	Top: 0cm; Left: -1cm;
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte15 {
	Position: absolute;
	Top: 8cm; Left: 7cm;
	/* font-weight: bold; */
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte15 a:hover span {
	Position: absolute;
	Top: 0cm; Left: -1cm;
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

.texte16 {
	Position: absolute;
	Top: 3.5cm; Left: 6.5cm;
	/* font-weight: bold; */
	font-size: 1.6em;
	/* width: 300px; */
	text-align: justify;
}

.texte16 a:hover span {
	Position: absolute;
	Top: -2cm; Left: -1cm;
	font-size: 1.6em;
	width: 300px;
	text-align: justify;
}

/* artisans */
/* titre */
.titreart {
	Position: absolute;
	Top: 0.2cm; Left: 12cm;
	font-weight: bold;
	font-size: 0.5cm;
	width: 500px;
	text-align: justify;
	color: maroon;
}

.logocentre {
	Position: absolute;
	Top: 6cm; Left: 17.2cm;
}

/* MENUISIER */
a.texte17 span{display:none;margin:5px;}
a.texte17 {
	cursor: help;
	Position: absolute;
	Top: 2.7cm; Left: 16.5cm;
	/* font-weight: bold; */
	font-size: 0.8cm;
	width: 300px;
	text-align: justify;
}

a.texte17:hover span {
	display:block;
	Position: absolute;
	Top: 0cm; Left: 0cm;
	font-size: 0.5cm;
	width: 200px;
	text-align: LEFT;
}

/* ELECTRICIEN */
a.texte18 span{display:none;margin:5px;}
a.texte18 {
	cursor: help;
	Position: absolute;
	Top: 4.5cm; Left: 22cm;
	/* font-weight: bold; */
	font-size: 0.8cm;
	width: 300px;
	text-align: justify;
}

a.texte18:hover span {
	display:block;
	Position: absolute;
	Top: 0cm; Left: 1cm;
	font-size: 0.5cm;
	width: 200px;
	text-align: LEFT;
}

/* PLOMBIER */
a.texte19 span{display:none;margin:5px;}
a.texte19 {
	cursor: help;
	Position: absolute;
	Top: 7cm; Left: 23cm;
	/* font-weight: bold; */
	font-size: 0.8cm;
	width: 300px;
	text-align: justify;
}

a.texte19:hover span {
	display:block;
	Position: absolute;
	Top: 0cm; Left: -1.5cm;
	font-size: 0.5cm;
	width: 200px;
	text-align: LEFT;
}

/* CARRELEUR */
a.texte20 span{display:none;margin:5px;}
a.texte20 {
	cursor: help;
	Position: absolute;
	Top: 9.5cm; Left: 22cm;
	/* font-weight: bold; */
	font-size: 0.8cm;
	width: 300px;
	text-align: justify;
}

a.texte20:hover span {
	display:block;
	Position: absolute;
	Top: 0cm; Left: -0.5cm;
	font-size: 0.5cm;
	width: 200px;
	text-align: LEFT;
}

/* CHARPENTIER */
a.texte21 span{display:none;margin:5px;}
a.texte21 {
	cursor: help;
	Position: absolute;
	Top: 11.5cm; Left: 17cm;
	/* font-weight: bold; */
	font-size: 0.8cm;
	width: 300px;
	text-align: justify;
}

a.texte21:hover span {
	display:block;
	Position: absolute;
	Top: 0cm; Left: 0cm;
	font-size: 0.5cm;
	width: 200px;
	text-align: LEFT;
}

/* COUVREUR */
a.texte22 span{display:none;margin:5px;}
a.texte22 {
	cursor: help;
	Position: absolute;
	Top: 9.5cm; Left: 13cm;
	/* font-weight: bold; */
	font-size: 0.8cm;
	width: 300px;
	text-align: justify;
}

a.texte22:hover span {
	display:block;
	Position: absolute;
	Top: 0cm; Left: -1cm;
	font-size: 0.5cm;
	width: 200px;
	text-align: LEFT;
}

/* PLATRIER */
a.texte23 span{display:none;margin:5px;}
a.texte23 {
	cursor: help;
	Position: absolute;
	Top: 7cm; Left: 11.5cm;
	/* font-weight: bold; */
	font-size: 0.8cm;
	width: 300px;
	text-align: justify;
}

a.texte23:hover span {
	display:block;
	Position: absolute;
	Top: 0cm; Left: -1cm;
	font-size: 0.5cm;
	width: 200px;
	text-align: LEFT;
}

/* MACON */
a.texte24 span{display:none;margin:5px;}
a.texte24 {
	cursor: help;
	Position: absolute;
	Top: 4.5cm; Left: 13cm;
	/* font-weight: bold; */
	font-size: 0.8cm;
	width: 300px;
	text-align: justify;
}

a.texte24:hover span {
	display:block;
	Position: absolute;
	Top: 0cm; Left: -1cm;
	font-size: 0.5cm;
	width: 200px;
	text-align: LEFT;
}

div#inner a span {display: none;}

div#inner a:visited span {display:none;}

div#inner a {text-decoration: none;
			 color:black;}

div#inner a:hover span {display: block;
						position:relative;
						background:none;
						font-size:14px}
						
div#inner a:link, div#inner a:visited {text-decoration:none;}

div#inner a:hover {text-decoration:none}

.content {
	Position: absolute;
	Top: 27cm; Left: 9cm;
	width: 700px;
	text-align: justify;
	font-weight: normal;
	font-size: small;
}

.bas {
	Position: absolute;
	Bottom: 0cm; Left: 25cm;
	width: 700px;
	text-align: justify;
	font-weight: normal;
	font-size: small;
}

.h1 {
        font: normal Arial;
	color: #000000;
	line-height: 40px;
	padding-left: 2px;
}

/* logo et images */
.logo {
	margin: 0 auto;
	Position: absolute;
	Top: 0cm; Left: 2cm;
}

.image1 {
	margin: 0 auto;
	Position: absolute;
	Top: 3.5cm; Left: 7.7cm;
}

.image2 {
	margin: 0 auto;
	Position: absolute;
	Bottom: -5cm; Left: 8.5cm;
}

.image3 {
	margin: 0 auto;
	Position: absolute;
	Top: 15cm; Left: 13cm;
}

.image4 {
	margin: 0 auto;
	Position: absolute;
	Top: 15cm; left: 8.7cm;
}

.image5 {
	margin: 0 auto;
	Position: absolute;
	Top: 0cm; right: 0cm;
}

.image6 {
	margin: 0 auto;
	Position: absolute;
	bottom: 0cm; right: 0cm;
}

.image7 {
	margin: 0 auto;
	Position: absolute;
	Top: 9cm; left: 22.5cm;
}

/* entetes */
.entete1 {
	margin: 0 auto;
	Position: absolute;
	Top: 4cm; Left: 1cm;
	padding: 2px 4px 20px 30px;
	color: #000;
	width : 200px;
	font-size: 1.1em;
}

.entete2 {
	margin: 0 auto;
	Position: absolute;
	Top: 5cm; Left: 1cm;
	width : 200px;
	color: #000;
	font-size: smaller;
	text-align: center;
	font-weight: bold;
}

/* navigation */
.navigation {
	margin: 0 auto;
	float: left;
	font-weight: normal;
	font-size: larger;
	text-align: left;
	width: 200px;
	background: #fff	
	color: #000;
	display: block;
	line-height: 40px;
	padding: 2px 4px 2px 30px;
	text-decoration: none;
	padding: 0;
	Position: absolute;
	Top: 6cm; Left: 1.5cm;
}

.navigation ul {margin: 0; padding: 0;}
.navigation li {
	float: left;
	margin-left: 0px;
	width: 200px;
	background: #fff;	
	color: #000;
	font-size: 1.0em;
	line-height: 40px;
	padding-left: 2px;
	text-decoration: none;
	display: inline;
}
.navigation li a {
	background: #fff;	
	color: #111;
	display: block;
	font-size: 1.3em;
	padding: 4px 4px 1px 1px; /* top right bottom left */
	margin: 0 auto;
	text-decoration: none;
}
.navigation li a:hover {
	background: #FBFBFB;
	color: #553;
}