/*------------------------------------------------------------------CONFIG GENERAL --------------*/
body {
	margin:0px; padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background : #262626 url('skins/img/arrplan_general.jpg') top center repeat-x;
	color:#555555;
}

img { border:none;}

.texte_general {
	font-size:11px;
	color:#999999;
	text-align:justify;
}


a, a:hover {
	color:#555555;
}

.hidden {
	display:none;
}

form {
margin:0;
padding:0;
}

/*------------------------------------------- STRUCTURE PAGE ------------------------------------*/
#table_structure {
	
}

#td_top {
	background : transparent url('skins/img/menu_haut.jpg') top center no-repeat;
}
#menu_haut {
    height: 29px;
    margin-top: 140px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #595959;
}
#menu_haut ul {
    height: 27px;
    border-top: 1px solid #595959;
    border-bottom: 1px solid #000;
    padding: 0; margin: 0;
    list-style: none;
    list-style-image: none;
}
#menu_haut li {
    float: left;
    border-left: 1px solid #3a3a3a;
    border-right: 1px solid #141414;
}
#menu_haut li a {
    padding: 9px 18px 6px;
    float: left;
    height: 12px;
    background: url('skins/img/li_menu_haut.png') repeat-x top left;
    -moz-transition: background 0.3s linear;
    -webkit-transition: background 0.3s linear;
    transition: background 0.3s linear;
}
#menu_haut li a:hover, #menu_haut li a.selected {
    background-position: bottom left;
}
#frmRecherche {
    margin: 0;
    padding: 0 5px;
    overflow: hidden;
}
#frmRecherche label {
    margin: 9px 12px 6px;
    height: 12px;
    float: left;
}
#recherche {
    height: 18px; width: 136px;
    float: left;
    border: none; background: #e4e4e4;
    box-shadow: inset 0 0 5px #535353;
    margin: 5px; padding: 0;
    text-align: center;
    vertical-align: middle;
    color: #535353;
}
#submit {
    float: left;
    width: 27px; height: 20px;
    margin: 4px;
    background: url('skins/img/btn_ok.png') no-repeat top center;
    border: none;
    cursor: pointer;
}
#submit:hover {background-position: bottom center;}
#td_top_left {
	background : transparent url('skins/img/coin_haut_gauche.jpg') top right no-repeat;
}

#td_top_right {
	background : transparent url('skins/img/coin_haut_droit.jpg') top left no-repeat;
}


#td_middle_left_01 {
	background : transparent url('skins/img/coin_middle_gauche.jpg') top right  no-repeat;
	
}

#td_middle_right_01 {
	background : transparent url('skins/img/coin_middle_droit.jpg') top left  no-repeat;
	
}

#td_middle_left_02 {
	background : transparent url('skins/img/ombre_gauche.jpg') top right repeat-y;
}

#td_middle_right_02 {
	background : transparent url('skins/img/ombre_droite.jpg') top left repeat-y;
}

#td_bas{
	background : transparent url('skins/img/arrplan_bas.jpg') top center no-repeat;
	margin:0;
	padding-top:29px;
	text-align:center;
}
#td_bas img {
margin-top:5px;
}

#td_bottom_right {
	background : transparent url('skins/img/coin_bas_droit.jpg') top left  no-repeat;
}

#td_bottom_left {
	background : transparent url('skins/img/coin_bas_gauche.jpg') top right  no-repeat;
}

#td_menu {
	background : #feffff url('skins/img/arrplan_menu_texture.jpg') bottom left repeat-y;
}


#td_menu2 {
	background : #feffff url('skins/img/arrplan_menu_texture.jpg') top left repeat-y;
}

#td_contenu {
	background : #1a1a1a url('skins/img/arrplan_contenu.jpg') top center repeat-y;
}

/*-------------------------------------- MENU BAS -------------------------------------------- */

.menubas {
	font-size: 10px;
	color: #777777;
	text-align:center;
}
.menubas a {
	color: #777777;
	text-decoration:none;
}
.menubas a:hover {
	color: #777777;
}

.lien_menu_bas {
	color: #777777;
	font-size:10px;
	text-decoration:none;
}

#td_bas p{
	margin:0;
	/*padding:4px;*/
}

/*------------------------------------------- MENU LEFT --------------------------------------------*/

.item_menu a, .item_menu a:hover {
display:block;
margin:0;
padding-left:30px;
text-decoration:none;
color:#FFFFFF;
background:url(skins/img/item_menu_off.jpg);
height:24px;
line-height:24px;
}

.item_menu a:hover {
background:url(skins/img/item_menu_on.jpg);
font-weight:bold;
}

/*-------------------------------------- ACCUEIL -------------------------------------------*/
#edito {
margin:0;
padding : 0 15px;
text-align:justify;
color:#FFFFFF;
}

.item_smenu {
background: transparent url(skins/img/arrplan_smenu.jpg) top left repeat-y;
}

.item_smenu a, .item_smenu a:hover{
display:block;
margin:0;
padding:5px 0 5px 30px;
line-height:10px;
text-decoration:none;
color:#8f8f8f;
}

.item_smenu a:hover {
background: transparent url(skins/img/item_smenu_on.jpg) top left repeat-y;
color:#CCCCCC;
}

#td_devis {
background : transparent url(skins/img/accueil_bg_devis.jpg) top left no-repeat;
color:white;
}

#td_devis p{
margin:0;
padding : 0 44px 30px 0;
text-align:right;
}

#td_devis a{
display:block;
height:22px;
width:113px;
margin:88px 0 13px 205px;
padding:0;
}

#td_services1 {
color:#ffde00;
background : transparent url(skins/img/accueil_bg_services.jpg) top left no-repeat;
}

#td_services2 {
background : transparent url(skins/img/accueil_bg_services.jpg) top right no-repeat;
}

#td_services2 a{
display:block;
clear:both;
height:22px;
width:113px;
margin:38px 47px 0 0;
padding:0;
}

#td_services1 p {
padding : 44px 0 0 30px;
margin:0;
}

#td_newsletter {
background : transparent url(skins/img/accueil_bg_newsletter.jpg) top left no-repeat;
color:#ffde00;
padding : 20px 48px 0 0;
margin:0;
}

#td_newsletter #text_newsletter{
background:url(skins/img/accueil_input_news_bg.gif);
border:0;
font-size:12px;
text-align:center;
color:#535353;
}

#td_newsletter input {
position:relative;
top:-6px;
left:-10px;
margin:-15px 0 0 0;
padding:0;
text-align:left;
}

#td_newsletter img{
margin:0;
padding:5px 0 0 0;
}

#anim_centre {
    background: url('skins/img/accueil_bg_categs.jpg') no-repeat top center;
    padding: 40px 0 0 45px;
    overflow: hidden;
    position: relative;
    height: 242px;
}
#anim_centre a {
    height: 57px;
    float: left;
    padding-top: 184px;
    text-align: center;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
#anim_centre a:hover {
    padding-top: 174px;
    height: 48px;
}
#lnk_cata {
    position: absolute;
    background: url('skins/img/consulter_catalogue.jpg') no-repeat top center;
    width: 247px; height: 25px !important;
    right: 52px; top: 33px;
    padding-top: 0 !important;
}
#lnk_cheminee {
    background: url('skins/img/cheminee_down.jpg') no-repeat top center;
    width: 125px;
}
#lnk_cheminee:hover {
    background: url('skins/img/cheminee_up.jpg') no-repeat top center;
}
#lnk_foyers {
    background: url('skins/img/foyers_down.jpg') no-repeat top center;
    width: 142px;
}
#lnk_foyers:hover {
    background: url('skins/img/foyers_up.jpg') no-repeat top center;
}
#lnk_masse {
    background: url('skins/img/masse_down.jpg') no-repeat top center;
    width: 143px;
}
#lnk_masse:hover {
    background: url('skins/img/masse_up.jpg') no-repeat top center;
}
#lnk_poeles {
    background: url('skins/img/poeles_down.jpg') no-repeat top center;
    width: 127px;
}
#lnk_poeles:hover {
    background: url('skins/img/poeles_up.jpg') no-repeat top center;
}
#lnk_cuisin {
    background: url('skins/img/cuisin_down.jpg') no-repeat top center;
    width: 131px;
}
#lnk_cuisin:hover {
    background: url('skins/img/cuisin_up.jpg') no-repeat top center;
}

/*-------------------------------------- CATALOGUE -------------------------------------------*/

.bloc-produit {
}

.titre-produit {
	font-size: 14px;
	color: #ffffff;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.titre-produit a {
	color: #ffffff;
	text-decoration:none;
}
.titre-produit a:hover {
	color: #ffffff;
}

.titre-produit-jaune {
	font-size: 15px;
	color:#FFCC33;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.marque-produit {
	font-size: 11px;
	color: #818181;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.descriptif-produit {
	font-size: 12px;
	color: #ffde00;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.produit-image {
	background-image: url(skins/img/test-image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 15px;
}

#frmContact input, #frmContact textarea, #frmContact select {
background-color:#222222;
border:none;
border:0;
}
#frmContact select {
border:solid;
border-width:2pt;
border-color:#222222;
}

.vignette-fond-produit {
	border:none;
	background-repeat: no-repeat;
	background-position: center center;
	padding-right:5px;
}

a.photos{
display:block;
height:100%;
width:99%;
margin:0;
padding:0;
}

.photos span{
display:none;
}

a.plusdephotos{
display:block;
height:100%;
width:98%;
margin:0;
padding:0;
border:solid;
border-width:1px;
border-color:black;
}

.plusdephotos span{
display:none;
}

/* -------------------------------------- NEWSLETTER -------------------------------------- */

#newsletter {
	width:319px;
	height:144px;
	background:transparent url(skins/img/bloc_newsletter.jpg) center top no-repeat;
	position:absolute;
	top:230px;
	margin-left: 218px;
	z-index:100;
	text-align:center;
}

#newsletter p {
	margin:0;
	padding:48px 15px 0px 15px;
	font-size:10px;
	color:#FFFFFF;
}

/*-------------------------------------- SERVICES ET GARANTIES -----------------------------------*/

.services_b1 {
font-size:15px;
color:#c0c0c0;
}

.services_b1_jaune {
font-size:12px;
color:#FFCC33;
}

.services_b1_blanc {
font-size:17px;
color:#FFFFFF;
}

.services_b5 {
color:#c0c0c0;
}

.services_b5_jaune {

color:#FFCC33;
}

.services_b2_titre {
font-size:12px;
color:#FFCC33;
}

.services_b2_texte {
font-size:9px;
}

.services_b2_gris {
font-size:12px;
color:#c0c0c0;
}

/*------------------------------------ DEVIS EN LIGNE ----------------------------------------------*/

.devis-texte {
font-size:9px;
color:#c0c0c0;
}

.devis-texte-jaune {
font-size:9px;
color:#FFCC33;
}

.devis-adresse {
font-size:9px;

}

/*-------------------------------------- INFOS PRATIQUES -------------------------------------------*/

.contact-titre {
	font-size: 11px;
	color: #ffde00;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.contact-text {
	font-size: 11px;
	color:#FFFFFF;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

