@charset "iso-8859-1";
/* --------------------------------------------------- */
/* -----------------|* BALISES HTML *|---------------- */
/* --------------------------------------------------- */
* { padding:0; margin:0; }

html, body { height: 100%; }

body {
	/* 1em = 10 px */
	font: normal 62.5% Arial, Helvetica, sans-serif;
	background: #feae31 url(../img/body-bg.png) 0 0 repeat-x;
	color: #735900;
}

div#flash object { display: block; }

abbr { font-weight: bold; }

hr {}

table { border: 0 none; }
table td {
	font-size: 1.1em;
	padding: 14px;
	text-align: center;
	color: #fff;
	background-color: #d80;
}
table td.thead { 
	background-color: #c71;
	color: #fff;
	font-weight: bold;
}

table td.nobg { background-color: transparent; }
/* --------------------------------------------------- */
/* ------------|* CONTENEURS PRINCIPAUX *|------------ */
/* --------------------------------------------------- */

div#main {
	width: 780px;
	margin: 0 auto;
}

div#flash {
	float: left;
	width: 224px;
}

div#leftContent {
	float: left;
	width: 224px;
}

div#rightContent {
	padding: 20px 0 20px 16px;
	width: 540px;
	float: left;
	background: transparent url(../img/content-bg.jpg) 20px 50px no-repeat;
}

div#footer {
	margin: 1em auto 0 auto;
	text-align: center;
	padding: 1em;
	font-size: 0.9em;
}

/* --------------------------------------------------- */
/* --------------------|* TITRES *|------------------- */
/* --------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-family: "Arial Black", Arial, sans-serif;
	font-weight : bold;
}

h1 { 
	height: 242px;
	display: block;
	background-color: transparent;
	background-position: -32px 0;
	background-repeat: no-repeat;
}

body#accueil h1 { background-image: url(../img/head-accueil.jpg); }
body#savoirfaire h1 { background-image: url(../img/head-savoirfaire.jpg); }
body#contact h1 { background-image: url(../img/head-contact.jpg); }


h2 {
	height: 46px;
	line-height: 54px;
	font-size: 2.4em;
	padding-left: 40px;
	color: #000;
	margin-bottom: 0.5em;
	/*background: transparent url(../img/h2-puce.png) left center no-repeat !important;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='img/h2-puce.png');*/
	background: transparent url(../img/h2-puce.jpg) left center no-repeat;
}


h3 {
	font-size :1.6em;
	margin-bottom: 10px;
	font: bold 1.8em Arial, Helvetica, sans-serif;
	color: #c85f00;
}

/* --------------------------------------------------- */
/* --------------------|* LISTES *|------------------- */
/* --------------------------------------------------- */
div#rightContent ul { 
	list-style-position: inside;
	margin-left: 1em;
}

div#rightContent li {
	font-size: 1.2em;
	margin-bottom: 4px;
}

div#rightContent ul li ul li {
	font-size: 0.9em;
}

div#content ul#diagnostics {
	list-style-type: none;	
	margin-left:0;
}

ul#diagnostics li {
	display: inline;
}
ul#diagnostics li a img { margin:0; padding:0;
}
ul#diagnostics li.last { 
	margin-right: 0;
}

div#footer ul li {
	display: inline;
	font-size: 1.2em;
}


/* --------------------------------------------------- */
/* ---------------------|* MENUS *|------------------- */
/* --------------------------------------------------- */

/* ----------------- Menu Vertical ----------------- */

ul#menu-V { 
	list-style-type: none;
}

ul#menu-V li {}

ul#menu-V li a {
	display: block;
	height: 46px;
	padding-left: 48px;
	font: bold 1.4em/46px Arial, Helvetica, sans-serif;
	color: #fff;
	background-position: 0 0;
	background-repeat: none;
	text-transform: uppercase;
	font-stretch: condensed;
	background-color: #444;
}

ul#menu-V li a:hover,
ul#menu-V li a:active,
ul#menu-V li a.focus {
	background-position: 0 -46px;
}

ul#menu-V li a#accueil {
	background-image: url(../img/nav-accueil-bg.png);
	border-bottom: 1px solid #f61;
}
ul#menu-V li a#accueil:hover { }

ul#menu-V li a#savoirfaire {
	background-image: url(../img/nav-savoirfaire-bg.png);
	border-top: 1px solid #2fc90b;
	border-bottom: 1px solid #239f16;
}
ul#menu-V li a#savoirfaire:hover { }

ul#menu-V li a#contact {
	background-image: url(../img/nav-contact-bg.png);
	border-top: 1px solid #17c7d4;
}
ul#menu-V li a#contact:hover { }

ul#menu-V li a#devis {
	margin-top: 20px;
	background: transparent url(../img/devis-bg.png) 0 0 no-repeat;
	height: 50px;
	line-height: 1.4em;
	font-size: 1.5em;
	padding: 12px 0 0 54px;

}

/* --------------------------------------------------- */
/* -----------------|* PARAGRAPHES *|----------------- */
/* --------------------------------------------------- */
p {
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: justify;
}

div#footer p.smaller {
	font-size: 1em;
	line-height:1.4em;
	text-align: center;
}

h1 p { text-indent: -5000px; }

p#annonce {
	padding: 1em 1em 1em 60px;
	background: #008ec6 url(../img/annonce-puce.jpg) 10px center no-repeat;
	font-variant:small-caps;
	font-weight: bold;
	border: 1px solid #057;
	color: #cef;
}

p#adresse { 
	text-align: center;
	padding-right: 50px;
	background: transparent url(../img/logo-small-alyzee.gif) right center no-repeat;
}



/* --------------------------------------------------- */
/* ---------------------|* LIENS *|------------------- */
/* --------------------------------------------------- */
a { 
	color: #07b;
	text-decoration: none;
}

a:hover, a:focus, a.focus { color: #f33; }

div#rightContent p a { 
	text-decoration: underline;
	font-size: 0.9em;
}
h1 a {
  	display: block;
	padding-left: 52px;
	width: 169px;
	height: 62px;
}

ul#nav li a {
	display: block;
	height: 36px;
	font: normal 1.8em/36px "Arial Black", Arial, sans-serif;
	padding-left: 40px;
	background: transparent url(../img/ul-nav-a-bg.png) 0 0 no-repeat;
	color: #079;
}

ul#nav li a:hover,
ul#nav li a.focus {
	background-position: 0 -36px;
	color: #0ad;
}


div#footer ul li,
div#footer ul li a { color: #a50; }
div#footer ul li a:hover { color: #c71; }


/* --------------------------------------------------- */
/* ---------------------|* IMAGES *|------------------ */
/* --------------------------------------------------- */
a img, img { border: 0 none; }
div#head img { display: block; }
div#rightContent img { float: right; }
/* Plan */
body#accueil div#rightContent img { 
	float: none;
	border: 1px solid #c82;
}
div#rightContent ul#diagnostics img { float: none; }

/* --------------------------------------------------- */
/* --------------|* CLASSES GENERIQUES *|------------- */
/* --------------------------------------------------- */
.flashText {
	position: relative;
	bottom: -5px;
}
.rightlast { margin-left:0; padding-left:0;}
.alignright { float: right; }
.alignleft { float: left; }
.centre { margin: 0 auto; }
.noborder { border: 0 none; }
.hide { display: none; }
.lineclear { 
	clear: both;
	height: 0;
	width: 1px;
	line-height: 0;
	font-size:0;
}

/* -- patch -- */

.f14 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

.f10 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant: normal;
	text-transform: uppercase;
}