/*
Theme Name: Design Normand Alu
Author: Alcazar Design & Be Com'Web
*/


/* CSS Reset */
/* .................................................................................................... */
*, html, div, ul, li, h1, h2, h3, h4, h5, h6, form, label, fieldset, input, th, td, hr, p, ol, dl, dt, dd {margin:0; padding:0;}
fieldset, img, hr {border:0;}
ol, ul, li {list-style:none;}
a img { border:0;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 2, 2014 */
@font-face {
    font-family: 'jurabook';
    src: url('jurabook-webfont.eot');
    src: url('jurabook-webfont.eot?#iefix') format('embedded-opentype'),
         url('jurabook-webfont.woff') format('woff'),
         url('jurabook-webfont.ttf') format('truetype'),
         url('jurabook-webfont.svg#jurabook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'jurademibold';
    src: url('jurademibold-webfont.eot');
    src: url('jurademibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('jurademibold-webfont.woff') format('woff'),
         url('jurademibold-webfont.ttf') format('truetype'),
         url('jurademibold-webfont.svg#jurademibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'juralight';
    src: url('juralight-webfont.eot');
    src: url('juralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('juralight-webfont.woff') format('woff'),
         url('juralight-webfont.ttf') format('truetype'),
         url('juralight-webfont.svg#juralight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'juramedium';
    src: url('juramedium-webfont.eot');
    src: url('juramedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('juramedium-webfont.woff') format('woff'),
         url('juramedium-webfont.ttf') format('truetype'),
         url('juramedium-webfont.svg#juramedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* defaut */
/* .................................................................................................... */
body						{ font-family:'Open Sans', Arial, sans-serif;}



/*Marges*/
/* .................................................................................................... */
.m25						{ margin-top:25px;}
.m20						{ margin-top:20px;}
/* Couleur */
/* .................................................................................................... */

/* Header*/
/* .................................................................................................... */

#header						{ width:100%; height:auto; background-color:#fff;}
#header-content				{ width:990px; height:193px; margin-left:auto; margin-right:auto;}
/* Header-TOP*/
/* .................................................................................................... */
#header-top					{ width:990px; height:103px; margin-left:auto; margin-right:auto; margin-bottom:15px;}
#logo						{ width:440px; height:103px; float:left;}
#tel						{ width:240px; height:103px; float:left;}
#icones						{ width:270px; height:70px; float:right;}
#icones img					{ float:right; margin-left:10px;}
#icones a:hover				{ opacity:0.5;}
#recherche					{ width:250px; height:33px; float:right;}
#searchform	label			{ display:none;}
/* Header-BOTTOM*/
/* .................................................................................................... */
#header-bottom				{ width:990px; height:90px; margin-left:auto; margin-right:auto;}
/* Menu*/
/* .................................................................................................... */
#menu						{ width:100%; height:23px; padding-bottom:37px;}
#menu ul					{ display:inline-block; color:#000; font-size:16px; font-family:'juramedium', Open Sans, Arial, sans serif;  }
#menu li					{ display:inline-block; color:#000; border-top:1px solid #000; padding-top:15px; padding-right:30px; opacity:0.5 }
#menu li a					{ color:#000; cursor:pointer; }
#menu li:hover				{ color:#000; border-top:5px solid #000; opacity:1;}
#menu li.active				{ color:#000; border-top:5px solid #000; opacity:1;}
#menu ul li.current_page_item { color:#000; border-top:5px solid #000; opacity:1;}


/* Fil d'Arane */
/* .................................................................................................... */
.breadcrumbs 				{ font-size:14px; color:#007bc1; margin-bottom:20px; font-family:'juramedium', Open Sans, Arial, sans serif;}
.breadcrumbs a				{ color:#000;}
.breadcrumbs a:hover		{ color:#007bc1;}

/* Main*/
/* .................................................................................................... */
#conteneur					{ width:100%; height:auto; background-color:#313131;}
#main						{ width:940px; height:auto; margin-left:auto; margin-right:auto; padding-bottom:40px; padding-right:25px; padding-left:25px; background-color:#fff;}
#main-page					{ width:940px; height:auto;}
#main-page a				{ color:#000; font-weight:bold;}
#main-page a:hover			{ color:#007bc1; font-weight:bold;}
#main-page h2				{ font-family:'juralight', Open Sans, Arial, sans serif; font-size:22px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:3px;}
#main-page h3				{ font-size:16px; color:#007bc1; margin-top:20px;}
#main-page h3 a				{ font-size:16px; color:#007bc1; margin-top:20px; text-decoration:none;}
#main-page h4				{ font-size:16px; color:#007bc1; }
#main-page h4 a				{ font-size:16px; color:#007bc1; text-decoration:none;}
#main-page p				{ font-size:14px; text-align:justify;}
#main-page p a				{ color:#000; font-weight:bold;}
#main-page p a:hover		{ color:#000; color:#4f85c1; }
#slider						{ width:100%; height:330px; margin-bottom:40px;}
#main-menu					{ width:940px; height:321px;}
#bloc-particulier			{ width:302px; height:321px; margin-right:17px; float:left;}
.titre						{ width:302px; height:41px;}
.titre	h1					{ font-family:'juralight', Open Sans, Arial, sans serif; font-size:18px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:5px; margin-bottom:5px;}

#bloc-img-particulier		{ width:302px; height:280px; background:url(images/particulier-home.jpg); }
#bloc-img-particulier a		{ color:#fff; text-decoration:none;}
#bloc-img-particulier a:hover		{ color:#000; text-decoration:underline;}
#bloc-img-particulier p 	{ font-size:16px; text-align:right; padding-top:248px; padding-right:15px; font-family:'jurademibold', Open Sans, Arial, sans serif;}

#bloc-professionnel			{ width:302px; height:321px; margin-right:17px; float:left;}
#bloc-img-professionnel		{ width:302px; height:280px; background:url(images/professionnel-home.jpg); }
#bloc-img-professionnel a		{ color:#fff; text-decoration:none;}
#bloc-img-professionnel a:hover		{ color:#000; text-decoration:underline;}
#bloc-img-professionnel p 	{ font-size:16px; text-align:right; padding-top:248px; padding-right:15px; font-family:'jurademibold', Open Sans, Arial, sans serif;}

#bloc-actu					{ width:302px; height:321px; float:left;}
#bg-actu					{ width:292px; height:250px; box-shadow: 0px 5px 10px #000; background-color:#4c83c0; color:#fff; font-family:'Open Sans' Arial, sans serif; padding-top:20px; padding-left:5px; padding-right:5px; padding-bottom:5px;}
#bg-actu h2					{ font-size:14px; text-transform:uppercase; font-weight:300; margin-bottom:10px; text-align:center;}
#bg-actu h3					{ font-size:14px; font-weight:bold; margin-bottom:10px; text-align:center; font-family:'Open Sans' Arial, sans serif; }
#bg-actu p					{ font-size:12px; text-align:justify; line-height:16px;}
#bg-actu a					{ color:#fff;}
#bg-actu a:hover			{ color:#000;}

/* Main page des Particuliers*/
/* .................................................................................................... */
.titre-page						{ width:940px; height:41px;}
.titre-page	h1					{ font-family:'juralight', Open Sans, Arial, sans serif; font-size:22px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:3px;}
#main-menu-particulier			{ width:940px; height:650px;}
#bloc-fenetres					{ width:460px; height:286; float:left;}
.titre-bloc-particulier			{ width:460px; height:41px; margin-bottom:10px;}
.titre-bloc-particulier	h2		{ font-family:'juralight', Open Sans, Arial, sans serif; font-size:18px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:5px; color:#000; }
.titre-bloc-particulier a		{ color:#000; text-decoration:none; }
.titre-bloc-particulier h2:hover		{ color:#4f85c1; text-decoration:none; border-top:1px solid #4f85c1; border-bottom:5px solid #4f85c1;}
.img-bloc-particulier			{ width:166px; height:235px; margin-right:30px; float:left; margin-left:15px;}
.texte-bloc-particulier			{ width:249px; height:235px; float:left; text-align:justify; font-size:13px;}
.texte-bloc-particulier	a		{ color:#000; font-weight:bold;}
.texte-bloc-particulier	a:hover	{ color:#000; color:#4f85c1; }


#bloc-stores					{ width:460px; height:286; float:left; margin-left:20px;}
#bloc-portes					{ width:460px; height:286; float:left; margin-top:20px;}
#bloc-alarmes					{ width:460px; height:286; float:left; margin-top:20px; margin-left:20px;}

.vignette-categorie-fille		{ width:235px; height:166px; margin-right:10px; float:left; box-shadow: 0px 5px 10px #000;}
.vignette-categorie-fille:hover		{ opacity:0.5;}


/* Main page des Professionnels*/
/* .................................................................................................... */
#menuiseries-pro				{ width:940px; height:360px; margin-top:20px;}
.slide-pro						{ width:609px; height:360px; margin-right:20px; float:left;}
.texte-pro						{ width:311px; height:360px; margin-top:20px; float:left;}
.texte-pro h2					{ font-family:'jurademibold', Open Sans, Arial, sans serif; font-size:18px; margin-bottom:20px;}
.texte-pro p					{ text-align:justify; font-size:13px;}
#portes-pro						{ width:940px; height:360px; margin-top:20px;}
#ouvrages-pro					{ width:940px; height:360px; margin-top:20px;}


/* Main page des Partenaires*/
/* .................................................................................................... */
#main-partenaires				{ width:940px; height:800px;}
#main-partenaires h2				{ font-family:'juralight', Open Sans, Arial, sans serif; font-size:22px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:3px;}
.wp-caption						{ float:left; margin-right:30px;}
/*Ajout d'espace pour aérer autour de l'image*/
.alignleft{margin-right:10px}
.alignright{margin-left:10px}
/*On centre l'image.*/
.wp-caption img {margin:0;padding:0;border:0 none}
/*Alignement, taille et couleur de la légende*/
.wp-caption p,.wp-caption-text 	{ font-family:'Open Sans' Arial, sans serif; text-align:center; font-size:14px; line-height:1.6em; color:#000;}
.wp-caption img:hover				{ opacity:0.5;}

/* Main page des actus*/
/* .................................................................................................... */
#main-actu						{ width:940px; height:auto; padding-bottom:30px;  }
#main-actu img					{ float:left; margin-right:20px; margin-bottom:20px; }
#main-actu a					{ color:#000; font-weight:bold;}
#main-actu a:hover				{ color:#4f85c1;}
#main-actu a:visited			{ color:#000;}
#main-actu a:visited:hover		{ color:#4f85c1;}
#main-actu p					{ font-size:14px; }
#main-actu h2					{ font-family:'juralight', Open Sans, Arial, sans serif; font-size:22px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; margin-bottom:5px;}
.entry-content					{ margin-bottom:100px;}


/* Contact*/
/* .................................................................................................... */
#contact						{ width:940px; height:720px;}
#form							{ width:350px; height:690px; float:left;}
#form p							{ font-style:italic;}
#adresse						{ width:590px; height:150px; float:left;}
#adresse p						{ line-height:14px;}
#map							{ width:590px; height:540px; float:left;}
 
/* Footer*/
/* .................................................................................................... */
#footer						{ width:100%; height:200px; background-color:#adadad;}
#footer-content				{ width:990px; height:auto; margin-left:auto; margin-right:auto; padding-top:10px;}
#footer-liens				{ width:565px; height:auto; color:#000; font-size:10px; float:left;}
#footer-liens a				{ color:#000;}
#footer-liens a:hover		{ color:#fff;}
#footer-logos				{ width:425px; height:auto; float:left;}
#footer-logos img			{ float:right; margin-left:10px;}
#footer-logos img:hover		{ opacity:0.5;}
#footer-newsletter			{ width:990px; height:auto; float:left;}
.widget_wysija_cont html_wysija {font-family:'Open Sans', Arial, sans-serif;}
.wysija-paragraph			{ display:inline-block; }
.entry-meta					{ display:none;}
.entry-title				{ display:none;}

/* ----------------------------- Site Map Styles ----------------------------- */
#sitemap					{ width:940px; height:2000px;}
.ddsg-wrapper {
background:#fff;
color:#000;
font-family:'Open Sans' Arial, sans serif;
font-size:12px;
line-height:1;
float:left;
width:100%;
margin:0;
}
.ddsg-wrapper a {text-decoration:none}
.ddsg-wrapper ol,.ddsg-wrapper ul {list-style:none}
.ddsg-wrapper li {
width:25%;
float:left;
margin:-20px 0 0;
padding:20px 0 40px 0}
.ddsg-wrapper li ul li {width:100% !important}
.ddsg-wrapper.col1 li {width:99.9%}
.ddsg-wrapper.col2 li {width:50%}
.ddsg-wrapper.col3 li {width:33.3%}
.ddsg-wrapper.col4 li {width:25%}
.ddsg-wrapper.col5 li {width:20%}
.ddsg-wrapper.col6 li {width:16.6%}
.ddsg-wrapper.col7 li {width:14.2%}
.ddsg-wrapper.col8 li {width:12.5%}
.ddsg-wrapper.col9 li {width:11.1%}
.ddsg-wrapper.col10 li {width:10%}
.sitemap {
float:left;
width:100%;
margin:0 0 40px;}
.ddsg-wrapper li a {
display:block;
font-size:13px;
font-weight:700;
text-align:center;
color:#000;
border:2px solid #b5d9ea;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-webkit-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.5) 2px 2px 2px;
margin:0 20px 0 0;
padding:10px 0;}
.ddsg-wrapper h2 {
clear:both;
font-family:'Open Sans' Arial, sans serif;
font-size:14px;
color:#333;
margin:0 0 20px;}
.ddsg-wrapper li a,.ddsg-wrapper li.cat0 a {background-color:##007bc1;}
.ddsg-wrapper li.cat1 a {background-color:##007bc1;}
.ddsg-wrapper li.cat0 a.myarticle,
.ddsg-wrapper li.cat0 ul li.cat1 ul a.myarticle {background-color:##007bc1;}
.ddsg-wrapper li a:hover {border-color:#000;}
.ddsg-wrapper li li a:hover {border-color:#000;}
.ddsg-wrapper li li li a:hover {border-color:#000;}
.ddsg-wrapper li a:link:before,.ddsg-wrapper li a:visited:before {color:#78a9c0;}
.ddsg-wrapper li li {
width:100%;
clear:left;
margin-top:0;
padding:20px 0 0;}
.ddsg-wrapper li li a {border-color:#000;}
.ddsg-wrapper li li:first-child {padding-top:30px;}
.ddsg-wrapper li li a:link:before,.ddsg-wrapper li li a:visited:before {color:#8faf5c;}
.ddsg-wrapper li li ul {
width:100%;
float:right;
margin:10px 0 0;
padding:9px 0 10px;}
.ddsg-wrapper li li li {
padding:10px 0;}
.ddsg-wrapper li li li a {
font-size:12px;
width:80%;
float:right;
border-color:#e3ca4b;
padding:5px 0;}
.ddsg-wrapper li li li:first-child {
padding:15px 0 5px;}
.ddsg-wrapper li li li a:link:before,.ddsg-wrapper li li li a:visited:before {
color:#ccae14;
font-size:9px;}
#ddsg-h1 {
color:#fff;
font-weight:700;
font-size:20px;
margin:5px 0;}
.ddsg-xml-link a:hover {color:#333;}
.ddsg-wrapper li a:hover,.ddsg-wrapper li.cat0 a:hover,
.ddsg-wrapper li.cat1 a:hover,.ddsg-wrapper li.cat0 a.myarticle:hover,
.ddsg-wrapper li.cat0 ul li.cat1 ul a.myarticle:hover {
background-color:#007bc1;}
.ddsg-xml-link a, .ddsg-wrapper li strong {color:#000;}