/*#############################################################
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;
	width:600px;
	margin:auto;
}

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: 100%;
} 

/* 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;
}




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

.texte2 {
	Position: absolute;
	Top: 1.5cm; Left: 16cm;
	font-weight: bold;
	font-size: 0.6cm;
	width: 560px;
}

.texte3 {
	Position: absolute;
	Top: 12.4cm; Left: 16cm;
	font-weight: bold;
	font-size: 0.6cm;
	width: 630px;
}

.texte2bis {
	Position: absolute;
	Top: 4cm; Left: 17.2cm;
	font-weight: bold;
	font-size: 0.6cm;
	width: 350px;
}

.texte3bis {
	Position: absolute;
	Top: 8cm; Left: 17.2cm;
	font-weight: bold;
	font-size: 0.6cm;
	width: 350px;
}
.texte4 {
	Position: absolute;
	Top: 14cm; Left: 11cm;
	font-weight: bold;
	font-size: 0.6cm;
	width: 520px;
}

.texte5 {
	Position: absolute;
	Top: 7.7cm; Left: 10cm;
	font-weight: bold;
	font-size: medium;
	width: 400px;
	text-align: justify;
}

.texte6 {
	Position: absolute;
	Top: 9cm; Left: 10cm;
	font-weight: bold;
	font-size: medium;
	width: 400px;
	text-align: justify;
}

.texte7 {
	Position: absolute;
	Top: 11cm; Left: 10cm;
	font-weight: bold;
	font-size: medium;
	width: 400px;
	text-align: justify;
}

.texte8 {
	Position: absolute;
	Top: 13cm; Left: 10cm;
	font-weight: bold;
	font-size: medium;
	width: 400px;
	text-align: justify;
}

/* Demander un rdv */

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

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

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


/* Gratuité */
a.texte12 span{display:none;margin:5px;}
a.texte12 {
	cursor: help;
	Position: absolute;
	Top: 1.2cm; Left: 17cm;
	/* font-weight: bold; */
	font-size: 1cm;
	width: 300px;
	text-align: justify;
}

a.texte12:hover span {
	display:block;
	Position: absolute;
	Top: -1cm; Left: 5cm;
	font-size: 0.5cm;
	width: 300px;
	text-align: justify;
}


/* Confort */
a.texte13 span{display:none;margin:5px;}
a.texte13 {
	cursor: help;
	Position: absolute;
	Top: 4cm; Left: 22.5cm;
	/* font-weight: bold; */
	font-size: 1cm;
	width: 300px;
	text-align: justify;
}

a.texte13:hover span {
	Position: absolute;
	Top: 1.5cm; Left: -1cm;
	font-size: 0.5cm;
	width: 180px;
	text-align: justify;
}


/* Qualité */
a.texte14 span{display:none;margin:5px;}
a.texte14 {
	cursor: help;
	Position: absolute;
	Top: 9.5cm; Left: 21.3cm;
	/* font-weight: bold; */
	font-size: 1cm;
	width: 300px;
	text-align: justify;
}

a.texte14:hover span {
	Position: absolute;
	Top: 2cm; Left: -3cm;
	font-size: 0.5cm;
	width: 280px;
	text-align: justify;
}


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

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


/* Simplicité */
a.texte16 span{display:none;margin:5px;}
a.texte16 {
	cursor: help;
	Position: absolute;
	Top: 4cm; Left: 10.7cm;
	/* font-weight: bold; */
	font-size: 1cm;
	/* width: 300px; */
	text-align: justify;
}

a.texte16:hover span {
	Position: absolute;
	Bottom: 3.7cm; Left: -0.5cm;
	font-size: 0.5cm;
	width: 190px;
	text-align: justify;
}

/* Adresse */
.adresse1 {
	Position: absolute;
	Top: 0cm; Left: 12cm;
	/* font-weight: bold; */
	font-size: 0.7cm;
	/* width: 500px; */
	text-align: center;
}

.adresse2 {
	Position: absolute;
	Top: 13.5cm; Left: 10cm;
	/* font-weight: bold; */
	font-size: 0.6cm;
	/* width: 500px; */
	text-align: center;
}

.adresse3 {
	Position: absolute;
	Top: 14.2cm; Left: 10cm;
	/* font-weight: bold; */
	font-size: 0.6cm;
	/* width: 500px; */
	text-align: center;
}

.adresse4 {
	Position: absolute;
	Top: 13.5cm; Left: 19cm;
	/* font-weight: bold; */
	font-size: 0.6cm;
	/* width: 500px; */
	text-align: center;
}

.adresse5 {
	Position: absolute;
	Top: 6cm; Left: 11cm;
	/* font-weight: bold; */
	font-size: 0.6cm;
	width: 500px; 
	text-align: justify;
}

.plan {
	Position: absolute;
	Top: 2.5cm; Left: 10cm;
}


/* page devis */

.titre {
	Position: absolute;
	Top: 0cm; Left: 12cm;
	font-size: 0.5cm;
	width: 400px;
	text-align: justify;
	color: maroon;
}


.devis1 {
Position: absolute;
	Top: 3cm; Left: 10cm;
	font-size: 0.4cm;
	width: 400px;
	text-align: left;
}

.devis2 {
Position: absolute;
	Top: 3cm; Left: 17cm;
	font-size: 0.4cm;
	width: 500px;
	text-align: left;
}

.devis3 {
Position: absolute;
	Top: 11cm; Left: 10cm;
	font-size: 0.4cm;
	width: 1000px;
	text-align: left;
}

.devisbulle1 a {
	Position: absolute;
	Top: 4.7cm; Left: 12.4cm;
	font-weight: bold;
	font-size: 0.5cm;
	width: 300px;
	text-align: justify;
	color: WHITE;
}

.devisbulle2 a {
	Position: absolute;
	Top: 8.8cm; Left: 12cm;
	font-weight: bold;
	font-size: 0.5cm;
	width: 300px;
	text-align: justify;
	color: WHITE;
}

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: 30cm; Left: 10cm;
	width: 600px;
	text-align: justify;
	font-weight: normal;
	font-size: small;
}

.xiti {
	Position: absolute;
	Top: 20cm; Left: 1.5cm;
	width: 600px;
	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;
}

/* page infos */

.titre2 {
	Position: absolute;
	Top: 0cm; Left: 10cm;
	font-size: 0.9cm;
	width: 800px;
	text-align: left;
	color: maroon;
}

.titreinfo {
        font: normal Arial;
	color: #000000;
	Position: relative;
	Top: -1cm;Left: 6cm;
	font-size: 0.7cm;
	width: 550px;
	text-align: justify;
}

.contenuinfo {
        font: normal Arial;
	color: #000000;
	Position: relative;
	Top: -1cm;Left: 6cm;
	font-size: 0.4cm;
	width: 550px;
	text-align: justify;
}

.contenuinfo a {
        font: normal Arial;
	color: maroon;
}

/* page parrain */

.titreparrain {
        font: normal Arial;
	color: #000000;
	Position: absolute;
	Top: 1.2cm;Left: 9cm;
	font-size: 0.6cm;
	width: 600px;
	text-align: justify;
}

.note {
        font: normal Arial;
	color: #000000;
	Position: absolute;
	Top: 12cm;Left: 15cm;
	font-size: 0.4cm;
	width: 300px;
	text-align: justify;
}

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

/* image accueil plan roulé index.html */
.image1 {
	margin: 0 auto;
	Position: absolute;
	Top: 2.5cm; Left: 10cm;
}

.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; left: 25cm;
}

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

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

/* logo plus rond */
.image8 {
	margin: 0 auto;
	Position: absolute;
	Top: 5cm; left: 17cm;
}

/* bulles reliées index3 */
.image9 {
	margin: 0 auto;
	Position: absolute;
	Top: 0cm; left: 10.3cm;
}

/* logo page contact */
.image10 {
	margin: 0 auto;
	Position: absolute;
	Top: 0.5cm; left: 17cm;
}

/* bulle page devis */
.b1devis {
	margin: 0 auto;
	Position: absolute;
	Top: 3cm; left: 10.7cm;
}

.b2devis {
	margin: 0 auto;
	Position: absolute;
	Top: 7cm; left: 10.7cm;
}

/* page infos */
.ampoule {
	margin: 0 auto;
	Position: relative;
	Top: 0.5cm; 
	Position: relative;
	left: 4.5cm;
}

.kadeos {
	margin: 0 auto;
	Position: absolute;
	Top: 12cm; left: 12cm;
}

/* 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;
}