/* Cascading Style Sheet	*/

/*	STYLES GENERAUX		STYLES GENERAUX		STYLES GENERAUX		STYLES GENERAUX		STYLES GENERAUX		STYLES GENERAUX		STYLES GENERAUX	*/

* {
margin: 0px;
padding: 0px;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
background: #cccccc;
}

.bold {
font-weight: bold;
}

.italic {
font-style: italic;
}

.clear {
clear: both;
}

.orange {
color: #ff9900;
}

.white {
color: #ffffff;
}

.lien {
color: #333333;
text-decoration: none;
}

.lien:hover {
text-decoration: underline;
}

.contener {
width: 990px;
height: 715px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
background: #ffffff;
position: relative;
}

#bande_haut {
width: 990px;
height: 29px;
background: url(images/bande_haut.jpg) no-repeat;
border-bottom: 1px solid #ffffff;
}

#gauche {
width: 260px;
height: 700px;
float: left;
}

#gauche_nl {
width: 260px;
height: 700px;
float: left;
}

#gauche_gb {
width: 260px;
height: 700px;
float: left;
}

#gauche_de {
width: 260px;
height: 700px;
float: left;
}

#logo {
width: 255px;
height: 145px;
margin-bottom: 10px;
}

.item_four {
width: 255px;
height: 130px;
display: block;
}

/* MENU VERSION FR */

#gauche #four_ceram {
background: url(images/fours_ceram.jpg) no-repeat;
}

#gauche #four_ceram:hover {
background: url(images/fours_ceram_select.jpg) no-repeat;
}

#gauche #four_indus {
background: url(images/fours_indus.jpg) no-repeat;
}

#gauche #four_indus:hover {
background: url(images/fours_indus_select.jpg) no-repeat;
}

#gauche #four_induc {
background: url(images/fours_induc.jpg) no-repeat;
}

#gauche #four_induc:hover {
background: url(images/fours_induc_select.jpg) no-repeat;
}

#gauche #services {
background: url(images/services.jpg) no-repeat;
}

#gauche #services:hover {
background: url(images/services_select.jpg) no-repeat;
}

/* MENU VERSION NL */

#gauche_nl #four_ceram {
background: url(images/fours_ceram_nl.jpg) no-repeat;
}

#gauche_nl #four_ceram:hover {
background: url(images/fours_ceram_select_nl.jpg) no-repeat;
}

#gauche_nl #four_indus {
background: url(images/fours_indus_nl.jpg) no-repeat;
}

#gauche_nl #four_indus:hover {
background: url(images/fours_indus_select_nl.jpg) no-repeat;
}

#gauche_nl #four_induc {
background: url(images/fours_induc_nl.jpg) no-repeat;
}

#gauche_nl #four_induc:hover {
background: url(images/fours_induc_select_nl.jpg) no-repeat;
}

#gauche_nl #services {
background: url(images/services_nl.jpg) no-repeat;
}

#gauche_nl #services:hover {
background: url(images/services_select_nl.jpg) no-repeat;
}

/* MENU VERSION GB */

#gauche_gb #four_ceram {
background: url(images/fours_ceram_gb.jpg) no-repeat;
}

#gauche_gb #four_ceram:hover {
background: url(images/fours_ceram_select_gb.jpg) no-repeat;
}

#gauche_gb #four_indus {
background: url(images/fours_indus_gb.jpg) no-repeat;
}

#gauche_gb #four_indus:hover {
background: url(images/fours_indus_select_gb.jpg) no-repeat;
}

#gauche_gb #four_induc {
background: url(images/fours_induc_gb.jpg) no-repeat;
}

#gauche_gb #four_induc:hover {
background: url(images/fours_induc_select_gb.jpg) no-repeat;
}

#gauche_gb #services {
background: url(images/services_gb.jpg) no-repeat;
}

#gauche_gb #services:hover {
background: url(images/services_select_gb.jpg) no-repeat;
}

/* MENU VERSION DE */

#gauche_de #four_ceram {
background: url(images/fours_ceram_de.jpg) no-repeat;
}

#gauche_de #four_ceram:hover {
background: url(images/fours_ceram_select_de.jpg) no-repeat;
}

#gauche_de #four_indus {
background: url(images/fours_indus_de.jpg) no-repeat;
}

#gauche_de #four_indus:hover {
background: url(images/fours_indus_select_de.jpg) no-repeat;
}

#gauche_de #four_induc {
background: url(images/fours_induc_de.jpg) no-repeat;
}

#gauche_de #four_induc:hover {
background: url(images/fours_induc_select_de.jpg) no-repeat;
}

#gauche_de #services {
background: url(images/services_de.jpg) no-repeat;
}

#gauche_de #services:hover {
background: url(images/services_select_de.jpg) no-repeat;
}

#droite {
width: 730px;
height: 700px;
float: left;
position: relative;
}

#droite #banner {
width: 730px;
height: 115px;
background: url(images/banner.jpg) no-repeat;
border-bottom: 1px solid #ffffff;
position: relative;
}

#droite #langues {
position: absolute;
top: 7px;
right: 20px;
}

#droite .lg {
width: 20px;
height: 10px;
display: block;
line-height: 10px;
float: left;
padding-right: 8px;
margin-left: 8px;
border-right: 1px solid #ffffff;
color: #ffffff;
text-decoration: none;
text-align: center;
}

#droite #home {
width: 20px;
height: 20px;
background: url(images/home.png) no-repeat;
margin-top: -5px;
border: none;
}

*html #droite #home {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../styles/images/home.png", sizingMethod="scale");
}

#droite #menu {
width: 705px;
height: 27px;
border-bottom: 1px solid #ffffff;
margin-bottom: 17px;
background: url(images/back_menu.jpg) repeat-x;
}

#droite .item {
width: 140px;
height: 27px;
display: block;
float: left;
line-height: 27px;
border-right: 1px solid #ffffff;
text-align: center;
color: #000000;
text-decoration: none;
}

#droite .item:hover {
color: #333333;
}

#droite .item_select {
width: 140px;
height: 27px;
display: block;
float: left;
line-height: 27px;
border-right: 1px solid #ffffff;
text-align: center;
color: #ff0033;
text-decoration: none;
}

#droite #ss_menu_produits {
width: 140px;
position: absolute;
top: 144px;
left: 0px;
display: none;
z-index: 30;
}

#droite #ss_menu_societe {
width: 140px;
position: absolute;
top: 144px;
left: 141px;
display: none;
z-index: 20;
}

#droite .ss_item {
width: 140px;
height: 27px;
display: block;
line-height: 27px;
border-bottom: 1px solid #ffffff;
text-align: center;
color: #000000;
text-decoration: none;
background: #cccccc;
}

#droite .ss_item:hover {
font-weight: bold;
width: 134px;
border-left: 3px solid #ff0033;
border-right: 3px solid #ff0033;
}

#droite #contenu {
width: 704px;
height: 505px;
/*margin-top: 17px;*/
border: 1px solid #CCCCCC;
position: relative;
}

#droite .ss_banner {
width: 704px;
height: 117px;
position: relative;
}

.ss_banner .titre {
margin-left: 25px;
padding-top: 45px;
font-weight: normal;
}

.ss_banner h1 {
color: #ffffff;
font-size: 23px;
letter-spacing: 2px;
}

.ss_banner #petit {
color: #ffffff;
font-size: 20px;
letter-spacing: 2px;
}

#droite .ss_banner {
background: url(images/ss_banner.jpg) top no-repeat;
}

#droite .descr {
width: 375px; /* 400 - 25 */
height: 210px; /* 230 - 20 */
margin-left: 25px;
padding-top: 20px;
padding-right: 20px;
float: left;
}

*html #droite .descr {
margin-left: 15px;
}

#droite .descr li {
list-style-image: url(images/puce.jpg);
font-size: 12px;
margin-bottom: 1px;
color: #333333;
margin-left: 15px;
}

#droite .photo {
width: 279px;
height: 280px;
position: absolute;
z-index: 10;
}

#droite #index_fours {
width: 704px;
height: 138px; /* 108 + 30 (legende) */
position: absolute;
bottom: 15px;
}

*html #droite #index_fours {
bottom: 10px;
}

#index_fours #fleche_g {
width: 30px;
height: 112px;
display: block;
float: left;
background: url(images/fleche_g.jpg) no-repeat;
}

#index_fours #fleche_d {
width: 30px;
height: 112px;
display: block;
float: left;
background: url(images/fleche_d.jpg) no-repeat;
}

#index_fours #barre_minis {
width: 644px;
height: 143px; /* 108 + 30 (legende) + 5 (margin-bottom) */
float: left;
overflow: hidden;
position: relative;
}

*html #index_fours #barre_minis {
width: 630px;
}

#index_fours #bande_minis {
height: 143px; /* 108 + 30 (legende) + 5 (margin-bottom) */
position: absolute;
top: 0px;
left: 0px;
}

#index_fours .un_four {
width: 108px;
height: 143px; /* 108 + 30 (legende) + 5 (margin-bottom) */
float: left;
margin-left: 10px;
margin-right: 10px;
}

*html #index_fours .un_four {
margin-left: 8px;
margin-right: 8px;
}

#index_fours .lien_mini {
width: 108px;
height: 108px;
display: block;
float: left;
margin-bottom: 5px;
background: url(images/une_mini.jpg) no-repeat;
overflow: hidden;
}

#index_fours .img_mini {
border: none;
}

#index_fours .legende {
width: 108px;
height: 30px;
text-align: center;
font-weight: bold;
overflow: hidden;
}

/*	PAGE INDEX		PAGE INDEX		PAGE INDEX		PAGE INDEX		PAGE INDEX		PAGE INDEX		PAGE INDEX		PAGE INDEX		*/

#body_index {
background: #ffffff !important;
}

#contener_index {
width: 900px;
height: 600px;
margin-left: auto;
margin-right: auto;
}

#links_lgs {
width: 480px;
left: 215px;
position: absolute;
top: 450px;
display: none;
}

.lien_intro {
display: block;
float: left;
width: auto;
padding-right: 20px;
border-right: 1px solid #999999;
margin-right: 20px;
text-align: center;
color: #999999;
font-size: 13px;
text-transform: uppercase;
text-decoration: none;
}

.lien_intro:hover {
color: #666666;
}

#lien_intro_gb {
border: none;
}

#awex {
display: block;
width: 80px;
height: 80px;
background: url(images/awex.jpg) no-repeat;
position: absolute;
top: 530px;
left: 380px;
}

#contener_index #note {
width: 990px;
text-align: center;
color: #333333;
font-style: italic;
position: absolute;
top: 400px;
}

/*	PAGES FOURS		PAGES FOURS		PAGES FOURS		PAGES FOURS		PAGES FOURS		PAGES FOURS		PAGES FOURS		PAGES FOURS		PAGES FOURS		*/

.ss_banner #titre_indus, .ss_banner #titre_induc {
padding-top: 70px;
}

#celes {
display: block;
width: 150px;
height: 85px;
position: absolute;
bottom: 5px;
right: 5px;
background: url(images/celes.png) no-repeat;
}

*html #celes {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="styles/images/celes.png", sizingMethod="scale");
}

#link_celes_txt {
font-style: italic;
color: #000000;
text-decoration: none;
}

#link_celes_txt:hover {
text-decoration: underline;
}

#droite #photo_ceram {
top: 60px;
left: 415px;
background: url(images/four_ceram.png) no-repeat;
}

*html #droite #photo_ceram {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../styles/images/four_ceram.png", sizingMethod="scale");
}

#droite #photo_indus {
top: 60px;
left: 410px;
background: url(images/four_indus.png) no-repeat;
}

*html #droite #photo_indus {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../styles/images/four_indus.png", sizingMethod="scale");
}

#droite #photo_induc {
height: 210px;
top: 125px;
left: 395px;
background: url(images/four_induc.gif) no-repeat;
}

#descr_induc {
width: 350px !important;
}

#descr_indus {
width: 370px !important;
}

#link_induc {
font-weight: bold;
text-decoration: underline;
color: #333333;
}

#zone_bout_asc {
width: 10px;
height: 200px;
background: url(images/asc.jpg) no-repeat;
float: left;
margin-right: 10px;
position: relative;
}

#zone_bout_asc #bout_haut {
display: block;
width: 12px;
height: 45px;
position: absolute;
top: 0px;
}

#zone_bout_asc #bout_bas {
display: block;
width: 12px;
height: 45px;
position: absolute;
bottom: 0px;
}

#zone_asc_visible {
width: 330px;
height: 200px;
position: relative;
overflow: hidden;
float: left;
}

#zone_asc_texte {
position: absolute;
top: 0px;
left: 0px;
}


/*	RECTIFICATION POUR ALLEMAND SOCIETE 	*/

#descr_societe {
line-height: 14px;
}

/*	PAGES SOCIETE		PAGES SOCIETE		PAGES SOCIETE		PAGES SOCIETE		PAGES SOCIETE		PAGES SOCIETE		PAGES SOCIETE		*/

#ss_banner_societe .titre {
padding-top: 70px;
}

#descr_societe_hist li {
line-height: 20px;
}

#descr_societe_eq, #descr_societe_eq_bis {
margin-top: -5px;
width: 300px !important;
float: left;
margin-left: 25px;
}

#descr_societe_eq ul, #descr_societe_eq_bis ul {
margin-top: 3px;
}

#descr_societe_eq li, #descr_societe_eq_bis li {
margin-top: 8px;
}

.descr .ss_list {
list-style-type: disc !important; 
list-style-image: none !important;
margin-top: 0px !important;
}

#descr_contact #coords {
color: #333333;
line-height: 17px;
position: absolute;
z-index: 20;
}

#droite #photo_contact {
width: 360px;
height: 342px;
background: url(images/plan.jpg) no-repeat;
position: absolute;
right: 15px;
bottom: 15px;
z-index: 0;
}

/*	PAGE REFERENCES		PAGE REFERENCES		PAGE REFERENCES		PAGE REFERENCES		PAGE REFERENCES		PAGE REFERENCES		PAGE REFERENCES		*/

#ss_banner_ref .titre {
padding-top: 70px;
}

#barre_haut {
width: 660px;
height: 15px;
background: #ffffff;
position: absolute;
top: 117px;
z-index: 10;
}

#descr_ref {
width: 655px !important; /* 704 - 25 x 20 px padding et margin */
height: 343px !important; /* 388 - 20 + 25 px padding et margin */
overflow: auto;
padding-top: 25px !important;
padding-left: 25px !important;
padding-bottom: 20px !important;
padding-right: 20px !important;
margin: 0px !important;
position: absolute;
top: 117px;
z-index: 5;
}

.une_ref {
float: left;
width: 100px;
height: 100px;
margin-right:  25px;
/*border-right: 1px dashed #666666;
border-bottom: 1px dashed #666666;*/
}

.une_ref .img_ref {
border: none;
}

/*	PAGE NEWS		PAGE NEWS		PAGE NEWS		PAGE NEWS		PAGE NEWS		PAGE NEWS		PAGE NEWS		PAGE NEWS		PAGE NEWS	*/

#ss_banner_news .titre {
padding-top: 70px;
}

#barre_haut {
width: 660px;
height: 15px;
background: #ffffff;
position: absolute;
top: 117px;
z-index: 10;
}

#descr_news {
width: 655px !important; /* 704 - 25 x 20 px padding et margin */
height: 353px !important; /* 388 - 20 + 15 px padding et margin */
overflow: auto;
padding-top: 15px !important;
padding-left: 25px !important;
padding-bottom: 20px !important;
padding-right: 20px !important;
margin: 0px !important;
position: absolute;
top: 117px;
z-index: 5;
}

.une_new {
padding-bottom: 20px;
border-bottom: 1px dotted #666666;
margin-bottom: 18px;
margin-top: 2px;
}

.une_new .img_new {
float: left;
margin-right: 20px;
}

.une_new .contenu_new {
width: 439px; /* 659 taille descr - 180 taille img - 20 margin img - 20 margin à laisser à droite */
height: auto;
float: left;
color: #666666;
}

.une_new .date_new {
font-weight: bold;
color: #ff6633;
}

.une_new .titre_new {
font-weight: bold;
color: #333333;
}

/*	PAGE CONTACT	PAGE CONTACT	PAGE CONTACT	PAGE CONTACT	PAGE CONTACT	PAGE CONTACT	PAGE CONTACT	PAGE CONTACT	PAGE CONTACT	*/

#ss_banner_contact .titre {
padding-top: 70px;
}