html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin: 0; padding: 0;}
table {border-collapse: collapse;}
img {border: none;}
p {padding-bottom: 15px;}
.clear {height: 1px; clear: both;}
.clear1 {height: 20px; clear: both;}
.clear2 {height: 30px; clear: both;}
a {text-decoration: none; color: #333;}
a:hover {text-decoration: underline;}
.center {text-align: center;}
b, strong {font-family: 'OpenSansSemibold'; font-weight: normal;}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('/fonts/OpenSans-Regular-webfont.eot');
    src: url('/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('/fonts/OpenSans-Bold-webfont.eot');
    src: url('/fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('/fonts/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {height: 100%}
body {position: relative; min-height: 100%; font-family: 'OpenSansRegular', arial; font-size: 15px; color: #333;}

#page {font-size: 15px;}

#page h1 {font-weight: normal; border-bottom: 2px solid #004290; display: inline-block; font-size: 22px; padding-top: 15px; margin-bottom: 30px;}
#page h2 {font-weight: normal; border-bottom: 2px solid #004290; display: inline-block; font-size: 21px; padding-top: 15px; margin-bottom: 30px;}


#en-tete-haut { position: relative; z-index: 10; height: 131px; -moz-box-shadow: 0px 4px 16px #525252; -webkit-box-shadow: 0px 4px 16px #525252; -o-box-shadow: 0px 4px 16px #525252; box-shadow: 0px 4px 16px #525252;}

#en-tete-haut .contenu {width: 1010px; margin: auto; height: 131px;}
#en-tete-haut .logo {float: left; padding-top: 3px; cursor: pointer;}

#en-tete-haut .lien-boutique, #en-tete-haut .telephone, #en-tete-haut .adresse {float: right; padding-left: 42px; margin-left: 57px; padding-top: 7px; line-height: 18px; padding-bottom: 9px; color: #848383;}
#en-tete-haut .telephone {margin-left: 15px; background-image: url("/img/telephone.png"); background-repeat: no-repeat; background-position: 16px 7px;}
#en-tete-haut .adresse {background-image: url("/img/marker-adresse.png"); background-repeat: no-repeat; background-position: 7px 10px;}
#en-tete-haut .lien-boutique {display: block; color: white; background-image: url("/img/panier.png"); background-repeat: no-repeat; background-position: 15px 5px; background-color: #004290; padding-right: 18px;}
#en-tete-haut .lien-boutique:hover {text-decoration: none;}

#diaporama {position: relative; z-index: 1; background-image: url("/img/fond-diaporama.png"); background-repeat: repeat-x;}
#diaporama .contenu {margin: auto; max-width: 1183px; position: relative;}

.flexslider img {display: block;}

.flex-direction-nav {list-style-type: none; margin: 0; padding: 0;}
.flex-prev {width: 49px; height: 49px; display: block; background-image: url("/img/fleche-gauche.png"); background-position: 0 0; position: absolute; top: 199px; left: -75px; z-index: 10;}
.flex-next {width: 49px; height: 49px; display: block; background-image: url("/img/fleche-droite.png"); background-position: 0 0; position: absolute; top: 199px; right: -75px; z-index: 10;}

.flex-prev:hover, .flex-next:hover {background-position: 0 49px;}

.flex-control-paging {position: absolute; left: 88px; top: 65px; z-index: 10; list-style-type: none; padding: 0; margin: 0;}
.flex-control-paging li {padding-bottom: 7px;}
.flex-control-paging li a {display: inline-block; background-color: #848383; color: white; font-size: 19px; line-height: 39px; padding: 0 18px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.flex-control-paging li a:hover, .flex-control-paging li a.flex-active {text-decoration: none; background-color: #004290;}


#haut-page {position: relative; z-index: 1; background-image: url("/img/fond-haut-page.png"); background-repeat: repeat-x;}
#haut-page .photo img {display: block; margin: auto;}
#haut-page .titre {position: absolute; bottom: -20px; width: 100%; text-align: center;}
#haut-page .titre h1 {display: inline-block; margin: auto; min-width: 340px; padding: 0 15px; font-weight: normal; font-size: 18px; background-color: #004290; text-align: center; color: white; line-height: 40px;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}



#page {width: 1010px; margin: auto; padding: 40px 0 50px 0;}
.clear-last {height: 81px; clear: both;}

.accueil-gauche {float: left; width: 55%;}
.accueil-droit {float: left; width: 45%; text-align: right;}
.accueil-gauche p {line-height: 22px;}

.accueil-gauche ul {margin-left: 20px; margin-bottom: 17px;}
.accueil-gauche ul li {padding-bottom: 3px;}

.message-boutique-en-ligne {position: absolute; bottom: 8px; width: 300px; color: #2f3e5b; font-family: 'OpenSansBold';}
.message-boutique-en-ligne a {color: #e80b0e;}



/** Page Nos Produits **/

.list-categorie {list-style-type: none; margin-top: 10px;}
.list-categorie li {float: left; padding-top: 10px; padding-left: 10px;}
.list-categorie li a {padding: 0 15px; line-height: 33px; display: inline-block; background-color: #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.list-categorie li a:hover {text-decoration: none; background-color: #004290; color: white;}

.inter-cat {height: 35px;}

.categorie {position: relative; height: 223px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 6px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.3);}
.categorie .titre {position: absolute; top: 0; left: 0; width: 73px; height: 223px; color: white; font-family: 'OpenSansSemibold'; font-size: 16px;}
.categorie .titre span {display: block; letter-spacing: 3px; text-transform: uppercase; height: 223px; width: 216px; padding: 0 20px; text-align: center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); writing-mode: tb-rl;}
.categorie .photo {float: left; padding-left: 10px; width: 350px;}
.categorie .description {float: left; font-size: 14px; height: 223px; width: 290px; padding-left: 35px; background-image: url("/img/fond-nos-produits-desc.png");}
.categorie .description .titre-desc {text-transform: uppercase; font-size: 14px; font-family: 'OpenSansSemibold'; padding-top: 10px; margin-bottom: 7px; display: inline-block; border-bottom: 2px solid #004290;}
.categorie .logos {float: left; width: 310px; padding-right: 5px;}

#fleche_haut {z-index: 2000; position: fixed; bottom: 70px; right: 30px; cursor: pointer; display: none;}

/** Page Edilkamin **/

.edilkamin-lien {position: relative; overflow: hidden; margin-left: 38px; margin-top: 35px; cursor: pointer; float: left; width: 305px; height: 208px; padding: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 6px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.3);}
.edilkamin-lien .photo {position: relative; overflow: hidden;}
.edilkamin-lien img {display: block;}
.edilkamin-lien .titre {position: relative; font-family: 'OpenSansSemibold'; font-size: 15px; background-color: rgba(25,25,25,0.7); position: absolute; bottom: 0; left: 0; width: 100%; color: white; text-align: center; line-height: 32px; text-transform: uppercase;}
.edilkamin-lien .titre a {color: white;}
.edilkamin-lien .titre a:hover {text-decoration: none;}
.edilkamin-lien:hover .titre {background-color: rgba(0,66,144,0.7);}

.edilkamin-lien.c1 {margin-left: 0;}
.edilkamin-lien.l1 {margin-top: 0;}

.edilkamin-lien .plus-infos {position: absolute; text-transform: none; font-size: 13px; top: -22px; right: -68px; height: 22px; line-height: 22px; width: 68px; text-align: center; background-color: rgba(0,66,144,0.7); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.edilkamin-lien:hover .plus-infos {right: 0;}

/** Page Edilkamin Produits **/

.diaporama-produits {position: relative; overflow: hidden; height: 292px; padding: 25px 50px 24px 50px; border-radius: 20px; margin-bottom: 25px; margin-top: 15px; box-shadow: 0 1px 6px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.3);}
.diaporama-produits .photo {float: left; width: 47%;}
.diaporama-produits .photo img {display: block; border-radius: 5px; width: 100%;}
.diaporama-produits .photo .miniatures {text-align: center; margin-top: 10px; display: none;}
.diaporama-produits .photo .miniatures img {width: 80px; display: inline-block;}
.diaporama-produits .description {float: left; position: relative; width: 50%; padding-left: 25px; height: 294px; overflow: hidden;}
.diaporama-produits .inter {float: left; width: 3%; height: 100%;}
.diaporama-produits .description .texte {font-size: 13px; line-height: 17px;}
.diaporama-produits .description .nom {font-family: 'OpenSansSemibold'; font-size: 19px; padding-bottom: 12px;}
.diaporama-produits .description .prix {position: absolute; top: -2px; right: 0; background-color: #004290; color: white; line-height: 25px; padding: 0 10px; font-size: 15px;}

.diaporama-produits .flex-control-paging {display: none;}

.diaporama-produits .flex-prev {top: 0; left: 0; background-image: url("/img/fleche-gauche-min.png"); background-repeat: no-repeat; background-position: 8px 162px; width: 32px; height: 341px; background-color: #848383;}
.diaporama-produits .flex-next {top: 0; right: 0; background-image: url("/img/fleche-droite-min.png"); background-repeat: no-repeat; background-position: 8px 162px; width: 32px; height: 341px; background-color: #848383;}
.diaporama-produits .flex-prev:hover, .diaporama-produits .flex-next:hover {background-color: #004290;}


.produit-edilkamin {float: left; display: block; width: 14.28%; text-align: center; padding-top: 15px; height: 128px;}
.produit-edilkamin img {display: block; width: 90%; margin: auto; border-radius: 10px;}
.produit-edilkamin .nom {width: 90%; margin: auto; padding-top: 4px; font-size: 13px; line-height: 16px;}
.produit-edilkamin .num {display: none;}


/** Page Habillages **/

#colorbox {font-size: 14px;}
#cboxTitle {font-family: 'OpenSansSemibold';}

.habillage-edilkamin {float: left; display: block; width: 20%; text-align: center; padding-top: 15px; height: 145px;}
.habillage-edilkamin img {display: block; width: 90%; max-height: 125px; margin: auto; border-radius: 10px;}
.habillage-edilkamin .nom {width: 90%; margin: auto; padding-top: 4px; font-size: 13px; line-height: 14px;}
.habillage-edilkamin .num {display: none;}

.desc-habillages {font-size: 14px; padding: 10px 80px 10px 80px;}


/** Page Les Installateurs **/

#carte-installateurs {width: 100%; height: 480px; margin: auto; border: 1px solid #bdbdbd; margin-bottom: 10px; border-left: 0; border-right: 0;}
.infobulle-min .text {display: inline-block; overflow: hidden; background-color: rgba(125, 125, 128, 0.90); color: white; font-size: 13px; padding: 0 4px; line-height: 18px; -webkit-border-radius: 3px; border-radius: 3px; z-index: 0;}
.infobulle-min {width: 200px;}
.infobulle {line-height: 18px; font-size: 14px; color: black; padding-right: 10px;}
.infobulle-min p, .infobulle p {padding-bottom: 0;}

.installateur {float: left; width: 25%; text-align: center; padding-top: 25px; font-size: 14px;}
.installateur p {padding-bottom: 0;}
.installateur .nom {font-size: 15px;}


/** Page Les Pièces détachées **/

#page.page-pieces-detachees {text-align: center;}
.page-pieces-detachees a {color: white; padding: 5px 10px; background-color: #848383;}
.page-pieces-detachees a:hover {background-color: #004290; text-decoration: none;}
.page-pieces-detachees .photo {margin-top: 40px;}


/** Page Infos Pratiques **/

.infos-pratiques {font-size: 14px;}
.infos-pratiques-gauche {float: left; width: 460px;}
.infos-pratiques-droit {float: left; width: 480px; margin-left: 60px;}
#formulaire_contact input, #formulaire_contact textarea {margin-bottom: 6px; margin-top: 2px; border: 1px solid #cccccc; padding: 3px; font-family: arial; font-size: 13px;}
#formulaire_contact .resp2 {display: none;}
#carte {width: 100%; height: 420px; margin: auto; border: 1px solid #bdbdbd; margin-bottom: 10px; border-left: 0; border-right: 0;}


/** Pied de page **/

#pied-de-page {position: absolute; bottom: 0; font-size: 13px; width: 100%; text-align: center; padding-top: 19px; padding-bottom: 22px; line-height: 25px;  background: #F1F1F1 url("/img/fond-pied-de-page.png") repeat-x; }
#pied-de-page .coordonnees {font-family: 'OpenSansBold'; padding: 0 20px;}
#pied-de-page .liens {padding: 0 20px;}
#pied-de-page .br1 {display: none;}

@media all and (max-width: 1390px)
{
	#diaporama .contenu {width: 1100px;}
	#diaporama .flexslider img {width: 100%;}
	#diaporama .flex-prev, #diaporama .flex-next {top: 183px;}
	.flex-control-paging {left: 48px;}
	
}

@media all and (max-width: 1290px)
{
	#diaporama .contenu {width: 1010px;}
	#diaporama .flex-prev, #diaporama .flex-next {top: 166px;}
	.flex-control-paging {top: 56px;}
}

@media all and (max-width: 1200px)
{
	#en-tete-haut .contenu {width: 950px;}
	#en-tete-haut .lien-boutique {margin-left: 28px;}
	#diaporama .contenu {width: 950px;}
	.flex-control-paging {top: 46px;}
	
	#page {width: 950px;}
	
	.categorie .photo {width: 325px;}
	.categorie .description {width: 265px; background-position: -25px 0px;}
	
	.edilkamin-lien {width: 285px; height: 194px;}
	.edilkamin-lien img {width: 100%;}
	.edilkamin-lien .titre {width: 285px;}
	
	.infos-pratiques-gauche {width: 435px;}
	.infos-pratiques-droit {width: 455px;}
}

@media all and (max-width: 1200px)
{
	#diaporama .flex-prev, #diaporama .flex-next {display: none;}
}

@media all and (max-width: 1200px)
{
	#en-tete-haut {height: auto;}
	#en-tete-haut .contenu {height: auto;}
	#en-tete-haut .contenu {width: 750px; position: relative;}
	#diaporama .contenu {width: 750px;}
	#en-tete-haut .logo {float: none; text-align: center; padding-top: 5px; padding-bottom: 10px;}
	#en-tete-haut .lien-boutique {position: absolute; top: 0; right: 0;}
	
	#en-tete-haut .telephone, #en-tete-haut .adresse {display: none;}
	
	#diaporama .flex-control-paging {top: 30px; left: 40px;}
	#diaporama .flex-control-paging li {padding-bottom: 4px;}
	#diaporama .flex-control-paging li a {font-size: 16px; line-height: 35px;}
	
	#haut-page .photo img {width: 750px;}
	
	#page {width: 750px;}
	
	#page h1 {padding-top: 0;}
	
	.accueil-gauche {width: 58%;}
	.accueil-droit {width: 40%; margin-left: 15px;}
	.accueil-droit img {width: 100%;}
	
	.categorie {width: 750px; margin-left: auto; margin-right: auto; background-image: url("/img/fond-nos-produits-desc2.png");}
	.categorie .description {background-image: none;}
	.categorie .logos {display: none;}
	.categorie .photo {padding-left: 35px; width: 350px;}
	
	#page.page-edilkamin {width: 660px; margin: auto;}
	.edilkamin-lien {width: 305px; height: 208px;}
	.edilkamin-lien img {width: 100%;}
	.edilkamin-lien .titre {width: 305px;}
	.edilkamin-lien.l1 {margin-top: 35px;}
	.edilkamin-lien.l2 {margin-top: 0;}
	.edilkamin-lien.c1 {margin-left: 38px;}
	.edilkamin-lien.c2 {margin-left: 0;}
	
	.diaporama-produits .photo {float: right; width: 40%; padding-left: 25px;}
	.diaporama-produits .description {float: none; width: auto; padding-left: 0;}
	.diaporama-produits .description .prix {top: 0;}
	.produit-edilkamin {width: 20%;}
	
	.installateur {width: 33.33%;}
	
	.habillage-edilkamin {width: 25%;}
	.habillage-edilkamin img {max-height: 115px;}
	
	.page-pieces-detachees .photo img {width: 100%;}
	
	.infos-pratiques-gauche {width: 100%; text-align: center;}
	.infos-pratiques-droit {width: 100%; margin-left: 0; text-align: center; margin-top: 30px;}
	.infos-pratiques-droit form {text-align: left; margin: auto; margin-top: 20px;}
	
	.message-boutique-en-ligne {width: 100%; text-align: center; top: 100px;}
}

@media all and (max-width: 800px)
{
	.diaporama-produits {width: 81%; margin-left: auto; margin-right: auto;}

	#page {width: auto; padding: 40px 20px 50px 20px;}
	
	#en-tete-haut .contenu {width: 100%;}
	#diaporama .contenu {width: 100%;}
	#en-tete-haut .lien-boutique {display: none;}
	
	#diaporama .flex-control-paging {display: none;}
	
	#haut-page .photo img {width: 100%;}
	
	.accueil-droit {display: none;}
	.accueil-gauche {width: auto; padding: 0 20px;}
	
	#page.page-edilkamin {width: 510px;}
	.edilkamin-lien {width: 230px; height: 157px;}
	.edilkamin-lien .titre {width: 230px;}
	
	.diaporama-produits {width: 84%;}
	
	.desc-habillages {padding: 0;}
}

@media all and (max-width: 768px)
{
	.categorie {width: 95%;}
	.categorie .photo {width: 50%; overflow: hidden;}
	.categorie .description {width: 37%;}
	
	.installateur {width: 50%;}
}

@media all and (max-width: 680px)
{
	.produit-edilkamin {width: 25%;}
	#diaporama .flex-control-paging {display: none;}
	
	.categorie .photo {width: 43%;}
	.categorie .description {width: 43%; padding-left: 20px;}
	
	.habillage-edilkamin {width: 33.33%;}
	
	.diaporama-produits .photo {display: none;}
	.produit-edilkamin {width: 33.33%; height: auto;}
	
	#pied-de-page .br1 {display: inline;}
	#pied-de-page .pt1 {display: none;}
	
	.diaporama-produits {width: 75%;}
}

@media all and (max-width: 570px)
{
	#page.page-edilkamin {width: auto;}
	.edilkamin-lien.c2, .edilkamin-lien.c1, .edilkamin-lien.l1 {margin-left: auto; margin-top: auto;}
	.edilkamin-lien {width: 85%; height: auto; max-width: 305px; float: none; margin: auto; margin-bottom: 25px;}
	.edilkamin-lien .titre {width: 100%;}
	
	.categorie .photo {display: none;}
	.categorie .description {width: 70%; padding-left: 95px;}
}

@media all and (max-width: 500px)
{
	#formulaire_contact .resp1 {display: none;}
	#formulaire_contact .resp2 {display: block;}
	#formulaire_contact input, #formulaire_contact textarea {margin-bottom: 12px;}
	
	.habillage-edilkamin {width: 50%; height: 160px;}
	.habillage-edilkamin img {max-height: 141px;}
	
	.produit-edilkamin {width: 50%;}
	
	#page {padding: 40px 20px 70px 20px;}
	
	.installateur {width: 100%;}
}

@media all and (max-width: 370px)
{
	#haut-page .titre h1 {min-width: auto;}
	
	.habillage-edilkamin {width: 100%; float: none; height: auto;}
	.habillage-edilkamin img {max-height: none;}
	
	#page {padding: 40px 20px 100px 20px;}
}