body {
margin: 0;
padding: 0;
font-family: Arial;
font-size: 12px;
text-align: center; 
background-color: #000;
background-image: url(../img/background.jpg);
background-repeat: no-repeat;
background-position: center top;
color:#000;
}

/* ====== Liens ====== */
a {color:#626262; text-decoration:underline;}
a:hover {color:#626262; text-decoration:none;}
.rubrique {color:#0173A2; text-decoration:underline;}
.rubrique:hover {color:#0173A2; text-decoration:none;}

/* ====================== Container ============================ */
#container {text-align:left; margin:0px auto; width:995px; padding:0px;}

/* ====================== Header ============================ */
#header {width:995px; margin:0px; padding:0px; height:147px; float:left; background: url(../img/header-domotech.jpg) no-repeat left top;}
#header .linkA {width:83px; height:11px; float:right; color:#fff; font-size:11px; padding-top:29px;}
#header .linkB {width:90px; height:11px; float:right; color:#fff; font-size:11px; padding-top:29px;}
#header a {color:#fff; text-decoration:none;}
#header a:hover {color:#D2D246; text-decoration:none;}

/* ====================== Menu ============================ */
#menu {width:995px; margin:0px; padding:0px; height:42px; float:left;}
#menu .item1 {width:199px; height:29px; background: url(../img/menu1.gif) no-repeat left top; float:left; padding-top:13px; text-align:center; font-weight:bold;}
#menu .item1:hover {width:199px; height:29px; background: url(../img/menu1-hover.gif) no-repeat left top; float:left; padding-top:13px; text-align:center; font-weight:bold;}
#menu .item2 {width:199px; height:29px; background: url(../img/menu2.gif) no-repeat left top; float:left; padding-top:13px; text-align:center; font-weight:bold;}
#menu .item2:hover {width:199px; height:29px; background: url(../img/menu2-hover.gif) no-repeat left top; float:left; padding-top:13px; text-align:center; font-weight:bold;}
#menu a {color:#000; text-decoration:none;}
#menu a:hover {color:#000; text-decoration:none;}
#ssmenu {width:995px; padding:0px; margin:0px; margin-top:42px; position:relative; z-index:3;}
#ssmenuA {width:199px; background-color:#FFFE71; margin-left:198px; padding:0px; float:left; z-index:4;}
#ssmenuB {width:199px; background-color:#FFFE71; margin-left:397px; padding:0px; float:left; z-index:4;}
.it {width:185px; padding:7px; color:#000; font-weight:bold; border-bottom:1px solid #C4C33A;}
.it:hover {width:185px; padding:7px; background-color:#E1E035; color:#000; font-weight:bold; border-bottom:1px solid #C4C33A;}

/* ====================== Contenu ============================ */
#contenu {width:995px; margin:0px; padding:0px; float:left;}
#flash {width:995px; margin:0px; padding:0px; height:332px; float:left; position:relative; z-index:1;}
#actus {width:222px; height:192px; padding:12px; margin:0px; position:relative; z-index:2; background: url(../img/actus.png) no-repeat left top; top:-215px; left:730px;}
#actus .top {width:215px; margin:0px; font-size:11px; color:#000; font-weight:bold; padding-left:7px; padding-top:5px; padding-bottom:6px; float:left;}
#actus .marquee {width:192px; height:110px; padding:15px; margin:0px; float:left; color:#6D6D6D; font-size:11px;}
#actus .marquee a {text-decoration:none;}
#actus .marquee a:hover {text-decoration:none; color:#000FD4;}
#actus .marquee hr {background-color:white; border-bottom:1px dotted #C0C0C0; border-width:0 0 1px; clear:both; color:white; margin:0 0 15 15px;}
#actus .bottom {width:175px; margin:0px; font-size:10px; padding:7px; text-align:right; float:left;}

/* ====================== Pages ============================ */
#espaces {width:967px; padding:14px; float:left; background-color:#fff;}
#espaceA {width:282px; height:252px; padding:20px; float:left; background: url(../img/espace1.jpg) no-repeat left top; text-align:right;}
#espaceB {width:283px; height:252px; padding:20px; float:left; background: url(../img/espace2.jpg) no-repeat left top; text-align:right;}
#espaceC {width:282px; height:252px; padding:20px; float:left; background: url(../img/espace3.jpg) no-repeat left top; text-align:right;}
#espaces h1 {margin:0px; padding:0px; font-size:20px; font-weight:normal; float:left; width:100%;}
#espaces h2 {margin:0px; padding:0px; font-size:14px; font-weight:normal; float:right; width:60%; margin-top:15px;}
#espaces .link {margin:0px; padding:0px; font-size:12px; font-weight:bold; float:right; width:70%;}
#espaces .link a {color:#AAA500; text-decoration:none;}
#espaces .link a:hover {color:#000; text-decoration:none;}

#page {width:945px; padding:25px; float:left; background-color:#fff;}
#page_left {width:490px; float:left; text-align:left;}
#page_left img {border:1px solid #ccc; margin-bottom:30px; width:460px;}
#page_left img:hover {border:1px solid #FF0000; margin-bottom:30px; width:460px;}
#page_right {width:455px; float:left;}
#page .small {border:1px solid #ccc; margin-bottom:15px; width:220px; margin-right:15px; height:180px; float:left;}
#page .small:hover {border:1px solid #FF0000; margin-bottom:15px; width:220px; margin-right:15px; height:180px; float:left;}
#page .smallp {border:1px solid #ccc; margin-bottom:15px; width:220px; margin-right:15px; height:300px; float:left;}
#page .smallp:hover {border:1px solid #FF0000; margin-bottom:15px; width:220px; margin-right:15px; height:300px; float:left;}
#page .small2 {border:1px solid #ccc; margin-bottom:15px; width:219px; margin-right:15px; height:180px; float:left;}
#page .small2:hover {border:1px solid #FF0000; margin-bottom:15px; width:219px; margin-right:15px; height:180px; float:left;}
#page .infos {border:none; margin-bottom:15px; width:220px; margin-right:15px; height:20px; color:#8A8A8A; float:left;}
#page h1 {margin:0px; margin-bottom:15px; font-size:24px; letter-spacing:-1px; color:#000;}
#page h2 {margin:0px; margin-top:20px; margin-bottom:10px; font-size:16px; color:#000;}
#page h3 {margin:0px; margin-top:0px; margin-bottom:10px; font-size:16px; color:#000;}
#page h4 {margin:0px; margin-top:25px; margin-bottom:10px; font-size:14px; font-weight:bold; color:#838383;}
#page p {margin:0px; margin-top:10px; margin-bottom:10px; text-align:justify;}
.top_caracteristiques {width:945px; height:25px; float:left; margin:0px; margin-top:15px; background: url(../img/top-carac.gif) no-repeat left top;}
.caracteristiques {width:895px; padding:25px; padding-top:0px; padding-bottom:0px; float:left; background-color:#E9E9E9; margin:0px;}
.bot_caracteristiques {width:945px; height:25px; float:left; margin:0px; background: url(../img/bot-carac.gif) no-repeat left top;}
.logos {width:895px; padding:25px; float:left; margin:0px; padding-bottom:0px; text-align:right;}
#page form {width:455px; margin:0px; padding:0px; float:left; margin-top:20px;}
#page form input {width:245px; height:20px;}
#page form textarea {width:245px; height:100px;}
#page .label {width:150px; height:20px; float:left; margin:0px; padding:0px; font-weight:bold; font-size:16px; margin-bottom:15px;}
#page .champ {width:295px; height:20px; float:left; margin:0px; padding:0px; margin-bottom:15px;}
#page .sub {width:70px; height:30px;}

/* ====================== Actus ============================ */
#actu {width:925px; padding:10px; margin:0px; margin-bottom:15px;}
#actu .sep {width:905px; padding:10px; margin:0px; background-color:#EAEAEA;} 

/* ====================== Footer ============================ */
#footer {margin:0px; width:995px; float:left; padding:0px; height:214px; background: url(../img/photovoltaique-luberon.jpg) no-repeat left top;}
#footer .top {height:21px; float:left; width:775px; font-size:11px; padding-top:45px; padding-left:220px;}
#footer .top a {color:#fff; text-decoration:underline;}
#footer .top a:hover {color:#fff; text-decoration:none;}
#footer .bottom {height:136px; float:left; width:745px; padding-left:250px; text-align:right; padding-top:15px;}
#footer .bottom p {font-size:11px; color:#484848; margin:0px; margin-bottom:5px;}

/* =================== ADMIN ================================= */
.adm_titre {width:450px; height:35px; font-size:20px;}