/* CSS commun */

body {
position:relative;
margin: 0;
padding: 0;
background-image:url(../images/fond.jpg);
background-repeat:repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}
h1 {
padding:0px;
margin:0px 0px 20px 0px;
font-size:20px;
}
h2 {
padding:0px;
margin:0px;
font-size:17px;
}
h3 img{
margin:0px 0px 0px -25px;
padding:0px;
}
h3.qui img{
margin:0px 0px 0px -31px;
padding:0px;
}
#text {
margin:0px 190px 0px 35px;
}
.titre{
font-size:26px;
}
.intro {
font-weight:bold
}
img {
padding:0px;
margin:0px;
}
#conteneur {
position:relative;
width:775px;
height:800px;
margin:0 auto;
padding:0;
background-color:#fff;
}
#menu_principal {
width:600px;
float:right;
font-size:13px;
font-weight:bolder;
left: -20px;
top: 1px;
}
#img_haut {
position:absolute;
background-image:url(../images/menu_haut/menu_haut_2.png);
background-repeat:no-repeat;
width: 600px;
left: 173px;
top: 0px;
height: 15px;
padding:0px;
margin:0px;
}

/* #navigation */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation {
position:absolute;
z-index:100;
width: 600px;
top: 15px;
left: 173px;
}
dl#accueil {
float: left;
width: 54px;
margin-left:0px;
}
dl#qui {
float: left;
width: 130px;
margin-left: 0px;
}
dl#fioul {
float: left;
width: 91px;
margin-right: 0px;
}
dl#chauff {
float: left;
width: 70px;
margin-left: 0px;
}
dl#clim {
float: left;
width: 91px;
margin-left: 0px;
}
dl#thermo {
float: left;
width: 110px;
margin-left: 0px;
}
dl#contact {
float: left;
width: 54px;
margin-left: 0px;
}
#navigation dt {
cursor: pointer;
text-align: center;
background: #fff;
margin-bottom:30px;
}
#navigation dd {
display:none;
border: 0;
}
ul {
margin:0px;
padding:0px;
}
li {
margin:0px;
padding:0px;
}
/* qui deroulant */
dl#qui ul {
position:absolute;
height: 83px;
left: 50px;
top: 19px;
width: 130px;
}
dl#qui li {
text-align:center;
background-image:url(../images/menu_haut/menu_vert_qui.png);
border:none;
width:130px;
height:15;
margin:1px;
}
dl#qui li a {
line-height:15px;
}
dl#qui li a:hover{
background-image:url(../images/menu_haut/menu_vert_qui.jpg);
color:#fff;
}
dl#qui a:hover{
background: #9cf01e;
color:#fff;
}
/* fioul deroulant */
dl#fioul ul {
position:absolute;
height: 83px;
left: 186.5px;
top: 19px;
width: 132px;
}
dl#fioul li {
text-align: left;
background-image:url(../images/menu_haut/menu_bleu_fioul.png);    
width:132px;
height: 15px;
margin:1px;
}
dl#fioul li a{
line-height:15px;
padding:0px 0px 0px 6px;
}
dl#fioul li a:hover{
background-image:url(../images/menu_haut/menu_bleu_fioul.jpg);
color:#fff;
}
dl#fioul a:hover{
background: #0056a9;
color:#fff;
}
/* chauff deroulant */
dl#chauff ul {
position:absolute;
height: 83px;
left: 272px;
top: 19px;
width: 132px;
}
dl#chauff li {
text-align: left;
background-image:url(../images/menu_haut/menu_bleu_chauff.png);    
width:132px;
height: 15px;
margin:1px;
}
dl#chauff li a{
line-height:15px;
padding-left:6px;
}
dl#chauff li a:hover{
background-image:url(../images/menu_haut/menu_bleu_chauff.jpg);
color:#fff;
}
dl#chauff a:hover{
background: #0a7fef;
color:#fff;
}
/* clim deroulant */
dl#clim ul {
position:absolute;
height: 83px;
left: 298px;
top: 19px;
width: 132px;
}
dl#clim li {
text-align: right;
background-image:url(../images/menu_haut/menu_bleu_clim.png);    
width:132px;
height: 15px;
margin:1px;
}
dl#clim li a{
line-height:15px;
padding-right:6px;
}
dl#clim  a:hover{
background:#18c0f5;
color:#fff;
}
dl#clim li a:hover{
background-image: url(../images/menu_haut/menu_bleu_clim.jpg);
color:#fff;
}
/* thermo deroulant */
dl#thermo ul {
position:absolute;
height: 83px;
left: 437px;
top: 19px;
width: 132px;
}
dl#thermo li {
text-align: left;
background-image:url(../images/menu_haut/menu_rouge_thermo.png);    
width:132px;
height: 15px;
margin:1px;
}
dl#thermo li a{
line-height:15px;
padding-left:6px;
}
dl#thermo li a:hover{
background-image:url(../images/menu_haut/menu_rouge_thermo.jpg);
color:#fff;
}
dl#thermo a:hover{
background: #e31a3c;
color:#fff;
}
/* a général */
a {
text-decoration: underline;
color: black;
color: #222;
}

#navigation li a {
color: #fff;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#navigation li a:hover {
text-decoration:none;
}
#navigation dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}

dl#accueil a:hover{
background: #66cc00;
color:#fff;
}
dl#contact a:hover{
background: #f2658a;
color:#fff;
}
/* img_bas */
#navigation_img_bas {
position:absolute;
background-image:url(../images/menu_haut/images_menu_home.png);
background-repeat:no-repeat;
z-index:0;
padding:0px;
margin:0px;
width: 600px;
height: 92px;
left: 173px;
top: 33px;
}



/* #menu_gauche */
#menu_gauche {
position:absolute;
left: 0px;
width: 175px;
background-image:url(../images/menu_gauche.gif);
background-repeat:repeat-y;
top: 136px;
height: 589px;
}
#menu_gauche_qui_hist {
position:absolute;
left: 0px;
width: 175px;
background-image:url(../images/menu_gauche.gif);
background-repeat:repeat-y;
top: 132px;
height: 775px;
}
#menu_gauche_qui_equip {
position:absolute;
left: 0px;
width: 175px;
background-image:url(../images/menu_gauche.gif);
background-repeat:repeat-y;
top: 132px;
height: 775px;
}
#menu_gauche_chauff_maint {
position:absolute;
left: 0px;
width: 175px;
background-image:url(../images/menu_gauche.gif);
background-repeat:repeat-y;
top: 132px;
height: 775px;
}
#menu_gauche_clim_acc {
position:absolute;
left: 0px;
width: 175px;
background-image:url(../images/menu_gauche.gif);
background-repeat:repeat-y;
top: 132px;
height: 919px;
}
#menu_gauche_thermo_acc {
position:absolute;
left: 0px;
width: 175px;
background-image:url(../images/menu_gauche.gif);
background-repeat:repeat-y;
top: 132px;
height: 792px;
}


#img_contact {
position:absolute;
left: 11px;
top: 395px;
padding:0px;
margin:0px;
z-index:10;
}
#img_contact_qui_hist {
position:absolute;
left: 13px;
top: 578px;
padding:0px;
margin:0px;
z-index:10;
}
#img_contact_qui_equip {
position:absolute;
left: 13px;
top: 578px;
padding:0px;
margin:0px;
z-index:10;
}
#img_contact_chauff_maint {
position:absolute;
left: 13px;
top: 578px;
padding:0px;
margin:0px;
z-index:10;
}
#img_contact_clim_acc {
position:absolute;
left: 12px;
top: 699px;
padding:0px;
margin:0px;
z-index:10;
}
#img_contact_thermo_acc {
position:absolute;
left: 13px;
top: 552px;
padding:0px;
margin:0px;
z-index:10;
}

#img_contact img {
border:none;
}
#img_contact_qui_hist img {
border:none;
}
#img_contact_qui_equip img {
border:none;
}
#img_contact_chauff_maint img {
border:none;
}
#img_contact_clim_acc img {
border:none;
}
#img_contact_thermo_acc img {
border:none;
}



#anim_sopac {
position:absolute;
left: 0px;
width: 175px;
top: 0px;
height: 137px;
}
#sopac_actualite{
	position:absolute;
	left: 0px;
	width: 175px;
	height: 496px;
	top: 4px;
	z-index:1;
}
#sous_menus_gauche {
	position:absolute;
	left: -18px;
	top: 2px;
	margin:0px 0px 0px 0px;
	padding:90px 0px 0px 50px;
	z-index:1;
	width: 144px;
	font-weight:bold;
}
#logo_sopac {
}
#sous_menus_gauche li{
	margin:0px 0px 20px 0px;
}
.menu_gauche_gris {
color:#999999;
}
.bleu_fioul {
color:#0056a9;
}
.bleu_chauff {
color:#0a7fef;
}
.bleu_clim {
color:#18c0f5;
}


/* INDEX */
#contenu_accueil {
position:absolute;
left: 173px;
top: 125px;
height: 695px;
width: 604px;
margin:0px 0px 20px 0px;
padding:20px 0px 0px 0px;
z-index:10;
}
#texte_accueil {
position:absolute;
height: 229px;
width: 265px;
left: 340px;
top: 97px;
}
#contenu_accueil h1 {
color:#0056A9;
margin: 0px 0px 0px 20px;
}
#contenu_accueil h2.verte {
color:#0056A9;
font-weight:bold;
background-image:url(../images/puce_verte.gif);
background-repeat:no-repeat;
background-position:left;
}
#contenu_accueil h2.bleue {
color:#0056A9;
font-weight:bold;
background-image:url(../images/puce_bleue.gif);
background-repeat:no-repeat;
background-position:left;
}
#contenu_accueil h2.orange {
color:#0056A9;
font-weight:bold;
background-image:url(../images/puce_orange.gif);
background-repeat:no-repeat;
background-position:left;
}
#contenu_accueil h2.rouge {
color:#0056A9;
font-weight:bold;
background-image:url(../images/puce_rouge.gif);
background-repeat:no-repeat;
background-position:left;
}
#contenu_accueil a{
font-weight:bold;
color:#0056a9;
text-decoration:none;
}
#contenu_accueil p {
margin:6px 0px 6px 20px;
padding:0px;
}
.liste_index {
color:#e86522;
font-size:17px;
font-weight:bold;
}
#nos_references {
position:absolute;
left: 184px;
top: 510px;
}
#img_contenu_accueil {
	position:absolute;
	left: 174px;
	top: 123px;
	z-index:0;
}


/* FIOUL */

#contenu_fioul {
position:absolute;
left: 175px;
top: 125px;
height: 695px;
width: 604px;
background-image:url(../images/fioul/fioul_bonhomme_titre.gif);
background-repeat:no-repeat;
background-position: 0px 0px 0px 0px;
margin:0px 0px 20px 0px;
padding:20px 0px 0px 0px;
}
#contenu_fioul h1 {
font-size:20px;
color:#0056a9;
}
#contenu_fioul h2 {
font-size:17px;
color:#0056a9;
background-image:url(../images/puce_verte.gif);
background-repeat:no-repeat;
background-position:left;
}
#contenu_fioul h2 a{
font-size:17px;
color:#0056a9;
text-decoration:none;
}
#contenu_fioul ul {
margin:0px 0px 0px 80px;
}
ul.square li{
list-style-type:square;
}

/* CHAUFFAGE */

#contenu_chauffage {
position:absolute;
left: 175px;
top: 125px;
height: 695px;
width: 604px;
background-image:url(../images/fioul/fioul_bonhomme_titre.gif);
background-repeat:no-repeat;
background-position: 0px 0px 0px 0px;
margin:0px 0px 20px 0px;
padding:20px 0px 0px 0px;
}
#contenu_chauffage h1 {
font-size:20px;
color:#0056a9;
}
#contenu_chauffage h2 {
font-size:17px;
color:#0056a9;
background-image:url(../images/puce_rouge.gif);
background-repeat:no-repeat;
background-position:left;
}
#contenu_chauffage h2 a{
font-size:17px;
color:#0056a9;
text-decoration:none;
}
#contenu_chauffage ul {
margin:0px 0px 0px 80px;
}
ul.square li{
list-style-type:square;
}

/* CLIMATISATION */

#contenu_climatisation {
position:absolute;
left: 175px;
top: 125px;
height: 705px;
width: 604px;
background-image:url(../images/fioul/fioul_bonhomme_titre.gif);
background-repeat:no-repeat;
background-position: 0px 0px 0px 0px;
margin:0px 0px 20px 0px;
padding:20px 0px 0px 0px;
}
#contenu_climatisation h1 {
font-size:20px;
color:#0056a9;
}
#contenu_climatisation h2 {
font-size:17px;
color:#0056a9;
background-image:url(../images/puce_bleue.gif);
background-repeat:no-repeat;
background-position:left;
}
#contenu_climatisation h2 a{
font-size:17px;
color:#0056a9;
text-decoration:none;
}
#contenu_climatisation ul {
margin:0px 0px 0px 80px;
}
ul.square li{
list-style-type:square;
}

/* images */
#img_fioul_fioul {
	position:absolute;
	left: 428px;
	top: 210px;
	}

#img_fioul_produits {
	position:absolute;
	left: 428px;
	top: 100px;
}
#img_fioul_services {
	position:absolute;
	left: 430px;
	top: 100px;
}
#img_fioul_ecofioul {
	position:absolute;
	left: 423px;
	top: 80px;
}

#img_fioul_telejaugeage {
	position:absolute;
	left: 423px;
	top: 270px;
}

#img_chauff_accueil {
	position:absolute;
	left: 427px;
	top: 100px;
}
#img_climatisation_clim {
	position:absolute;
	left: 429px;
	top: 69px;
}
#img_climatisation_maint  {
	position:absolute;
	left: 427px;
	top: 100px;
}

/* QUI */
#contenu_qui {
position:absolute;
left: 175px;
top: 125px;
height: 800px;
width: 604px;
background-image:url(../images/qui/qui_bonhomme_titre.gif);
background-repeat:no-repeat;
background-position: 0px 0px 0px 0px;
margin:0px 0px 20px 0px;
padding:20px 0px 0px 0px;
}
#contenu_qui_historique {
position:absolute;
left: 175px;
top: 125px;
height: 800px;
width: 604px;
background-image:url(../images/qui/fond_historique.png);
background-repeat:no-repeat;
background-position: 0px 0px 0px 0px;
margin:0px 0px 20px 0px;
padding:20px 0px 0px 0px;
}


#contenu_qui h1,#contenu_qui_historique h1{
font-size:20px;
color:#66cc00;
}
#contenu_qui h2, #contenu_qui_historique h2{
font-size:17px;
color:#66cc00;
background-image:url(../images/puce_verte.gif);
background-repeat:no-repeat;
background-position:left;
}
#contenu_qui h2 a,#contenu_qui_historique h2 a{
font-size:17px;
color:#66cc00;
text-decoration:none;
}
#contenu_qui ul,#contenu_qui_historique ul {
margin:0px 0px 0px 80px;
}
ul.square li{
list-style-type:square;
}




/* THERMO */
#contenu_thermo {
position:absolute;
left: 175px;
top: 125px;
height: 695px;
width: 604px;
background-image:url(../images/thermo/thermo_bonhomme_titre.gif);
background-repeat:no-repeat;
background-position: 0px 0px 0px 0px;
margin:0px 0px 20px 0px;
padding:20px 0px 0px 0px;
}
#contenu_thermo h1 {
font-size:20px;
color:#e31a3c;
}
#contenu_thermo h2 {
font-size:17px;
color:#e31a3c;
background-image:url(../images/puce_rouge.gif);
background-repeat:no-repeat;
background-position:left;
}
#contenu_thermo h2 a{
font-size:17px;
color:#66cc00;
text-decoration:none;
}
#contenu_thermo ul {
margin:0px 0px 0px 80px;
}
ul.square li{
list-style-type:square;
}