/***** Reset CSS *****/

* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

label, input.sub {
cursor:pointer; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

h1, .invis {
position:absolute;
left:-9999px; }

.retour_ch {
margin-bottom:10px; }

/***** Photos accueil *****/

ul.photos_accueil {
padding-top:20px;
width:100%;
overflow:hidden; }

ul.photos_accueil li {
float:left;
width:243px;
height:170px;
margin:0 20px; }

ul.photos_accueil li img {
border:7px solid #fff;
width:229px;
height:151px; }

/***** Flash & Déco *****/

div#diapo_flash {
position:absolute;
top:0;
right:0;
width:375px;
height:280px;
background:transparent url(img/diapo_flash.jpg) no-repeat; }

div#slogan {
overflow:hidden;
text-indent:-9999px;
position:absolute;
top:45px;
right:390px;
z-index:10;
width:194px;
height:213px;
background:transparent url(img/slogan_flash.png) no-repeat; }

div#logo {
position:absolute;
top:12px;
left:2px;
z-index:2;
width:396px;
height:217px;
background:transparent url(img/logo.png) no-repeat; }

/***** Stylage contenu *****/

a {
color:#680202; }

a:hover {
text-decoration:none; }

div#titre h2 {
height:35px;
text-indent:-9999px; }

div#titre h2.presentation {
width:130px;
background:transparent url(img/h2_presentation.png) no-repeat; }

div#titre h2.news {
width:66px;
background:transparent url(img/h2_news.png) no-repeat; }

div#titre h2.conception {
width:220px;
background:transparent url(img/h2_conception.png) no-repeat; }

div#titre h2.domotique {
width:298px;
background:transparent url(img/h2_domotique.png) no-repeat; }

div#titre h2.depannage {
width:116px;
background:transparent url(img/h2_depannage.png) no-repeat; }

div#titre h2.chauffage {
width:203px;
background:transparent url(img/h2_chauffage.png) no-repeat; }

div#titre h2.professionnel {
width:137px;
background:transparent url(img/h2_professionnel.png) no-repeat; }

div#titre h2.contact {
width:173px;
background:transparent url(img/h2_contact.png) no-repeat; }

div#presentation_contenu p {
margin-bottom:10px; }

ul.liste {
margin-left:20px;
padding:10px;
list-style:circle;
}

/***** Layout *****/

html, body { 
height:100%; }

body {
color:#680202;
background:#5e5e5e url(img/body_fond.png) repeat-x top;
font:100%/1.3 Arial, Verdana, sans-serif; }

div#global {
position:relative;
width:960px;
overflow:hidden;
margin:0 auto;
min-height:100%;
background:transparent url(img/colonne_fond.png) repeat-y 155px top; }

div#conteneur_centre {
margin-top:350px;
width:100%;
position:relative;
z-index:10;
padding-bottom:20px; }

div#contenu {
width:566px; /*606*/
padding:0 20px;
margin-left:354px; }

div#presentation_contenu {
padding-top:10px;
width:566px;
font-size:75%;
min-height:500px; }

div#colonne_gauche {
width:180px; /*190*/
padding:0 15px;
position:absolute;
top:-150px;
left:0; }

/***** entete *****/

div#menu {
position:absolute;
top:70px;
left:188px;
z-index:3;
width:167px;
height:250px; }

div#menu ul li {
width:137px; /*167*/
padding:0 15px;
padding-bottom:5px;
background:transparent url(img/menu_li.png) no-repeat bottom; }

div#menu ul li.last {
background:none; }

div#menu ul li a {
display:block;
line-height:20px;
text-decoration:none;
color:#fff;
font-weight:bold; }

div#menu ul li a:hover {
font-style:italic; }

div#colonne_img {
position:absolute;
top:0;
left:155px;
z-index:1;
width:239px;
height:850px;
background:transparent url(img/colonne_top.png) no-repeat; }

div#coordonnees {
position:absolute;
right:0;
top:290px;
width:606px;
height:50px;
font-size:75%;
text-align:center; }

div#coordonnees dl dt, div#coordonnees dl dd {
display:inline; }

/***** colonne gauche *****/

div#news {
font-size:75%; }

div#news h4 {
text-decoration:underline;
padding-bottom:10px;
font-weight:normal; }

div#news a {
font-weight:bold; }

div#photos_cg {
padding-top:30px; 
width:100%; }

div#photos_cg ul li {
text-align:center;
margin-bottom:5px; }
 
div#photos_cg ul li img {
width:139px;
height:92px;
border:5px solid #fff; } 

div#nav_sub {
padding-top:20px;
color:#000;
font-size:70%;
text-align:center;
width:100%; }

div#nav_sub ul li {
display:inline; }

div#nav_sub ul li a {
margin:0 2px;
color:#000;
text-decoration:none; }

div#nav_sub ul li a:hover {
text-decoration:underline; }

div#nav_sub ul li.imnalys {
margin:0 auto;
display:block;
width:110px;
height:62px;
text-indent:-9999px;
background:transparent url(img/logo_imnalys.png) no-repeat; }

div#nav_sub ul li.imnalys a {
display:block;
width:100%;
height:100%; }