/*****   FONT   *****/
@font-face {
font-family: 'Ubuntu';
src: url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.eot');
src: url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/Regular/ubuntu-regular-webfont.svg#Ubuntu') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'UbuntuLight';
src: url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.eot');
src: url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/Light/ubuntu-light-webfont.svg#UbuntuLight') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'UbuntuMedium';
src: url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.eot');
src: url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Ubuntu/Medium/ubuntu-medium-webfont.svg#UbuntuMedium') format('svg');
font-weight: normal;
font-style: normal;
}

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

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


/*****   Reset   *****/
html, body {
font-size:16px;
}

body {
color:#333530;
font-family:Ubuntu, Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
font-family:UbuntuLight, Arial, Verdana, Helvetica, sans-serif;
color:#333530;
width:100%;
margin-bottom:0.2em;
font-weight:normal;
text-align:center;
}

h1 {
margin-top:0.3em;
}

a {
color:#7c6854;
text-decoration:none;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

a:hover {
color:#332415;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.clear {
visibility:hidden;
height:0;
font-size:0;
line-height:0;
padding:0;
margin:0;
clear:both;
}

ul {
list-style-position:inside;
text-align:left !important;
}

p {
line-height:1.2em;
text-align:center;
}

div.enfant {
font-size:0.875rem;
color:#606060;
position:relative;
padding-top:5px;
}

div.enfant ul {
list-style-type:none;
padding:0 !important;
margin:0 !important;
}

div.enfant ul li {
text-align:center;
padding:0px 5px 0px 0px;
margin:5px 0px 5px 2px;
float:left;
width:33%;
}

div.enfant ul li a {
color:#858585;
}

div.enfant ul li a:hover {
color:#628F32;
}

div#erreur {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
background:#FF0000;
border:1px solid #CCC;
padding:10px;
margin:0 0 10px 0;
color:#FFFFFF;
}

div#erreur ul {
list-style-type:disc;
margin:0px 0px 0px 30px !important;
}

div#erreur :last-child {
margin:0;
}

.erreurCode, .erreurCapcha input#AntiSpamQuestion {
border:1px solid #FF0000 !important;
background-color:#fdb4b4 !important;
}

ul.listeFormulaire .erreurCode {
border:none !important;
}

.image-flottante-droite {
border:none;
padding:0px 0px 5px 5px;
background:none;
float:right;
margin:0px 0px 5px 10px;
}

.image-flottante-gauche {
border:none;
padding:0px 5px 5px 0px;
background:none;
float:left;
margin:0px 10px 5px 0px;
}

hr {
clear:both;
margin:0px 0px 10px 0px;
padding:0;
height:0px;
font-size:0;
border:none;
background-color:#FFFFFF;
}

.texte-discret {
font-size:0.875rem;
color:#4f4f4f;	
font-style:italic;
}

td.texte-discret {
font-size:0.625rem;
color:#FFFFFF;	
}

div#fancybox-wrap, div#fancybox-wrap * {
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}

div.documents {
padding:10px 15px 20px 15px;
}

ul.documents {
list-style-type:none;
}

ul.documents li.iconefichier {
padding:5px 0px 0px 0px;
margin:0;	
}

ul.documents li.description {
padding:0px 0px 0px 20px;
margin:-2px 0px 0px 0px;
font-style:italic;
font-size:0.875rem;
}

label, .label {
display:inline;
font-size:1rem;
text-align:left !important;
}

.label {
font-weight:bold;
margin:10px 0px 5px 0px;
display:inline-block;
}

label#AntiSpamQuestion {
margin:10px 0px 0px 0px;
display:inline-block;
}

.espacementLabel {
font-weight:bold;
margin:20px 0px 0px 0px;
display:inline-block;
}

form {
line-height:1.2em;
}

textarea {
height:125px;
}

select {
height:30px;
}

fieldset legend {
font-family:UbuntuBold, Arial, Verdana, Helvetica, sans-serif;
font-size: 1.625rem;
padding:0 0.1875rem;
margin:0;
color:#bebebe;
}

.left {
float:left;
}

.right {
float:right;
}

div#gallery {
margin-bottom:50px;
}

div#galleryRealisations {
margin:0px auto 20px auto;
}

.strong {
font-weight:bold;
}

.droite {
text-align:rightm
}

.gauche {
text-align:left;
}

.liens {
color:#7d9e1c !important;
}

.espacementTop {
padding-top:10px;
}


/*** 404 ***/
body.body-404 {
background-color:#cd3333;
text-align:center;
}

body.body-404 img {
width:450px;
margin:60px 0px 20px 0px;
}

body.body-404 p {
text-align:center;
font-size:2rem;
}

body.body-404 a {
color:#1F1F1F;
font-size:1.25rem;
}

body.body-404 a:hover {
color:#FFFFFF;
}


/*****   Menu   *****/
div#menuWrapper {
background-color:rgba(255, 255, 255, 0.9);
position:fixed;
top:0px;
width:100%;
z-index:8000;
border-bottom:2px solid #eeeeee;
}

div.cadre div.grid_2 img {
padding:10px 0px 10px 0px;
}

div#menu {
width:100%;
font-family:Oxygen, Arial, Verdana, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
font-size:1.25rem;
z-index:1000;
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
}

div#menu ul {
list-style-type:none;
margin:auto;
text-align:right;
padding:25px 0px 25px 0px;
}

div#menu ul li {
text-align:center;
margin-left:-6px;
}

div#menu ul li a {
color:#000000;
padding:0px 20px 0px 20px;
margin:0px 0px 0px 0px;
text-decoration:none;
}

div#menu ul li a:hover {
color:#628F32;
}

div#menu ul li {
float:none;
display:inline-block;
}

div#menu ul li ul {
font-size:1rem;
}


/*** Menu superfish ***/
div#menu ul.sf-menu ul {
font-family:Oxygen, Arial, Verdana, Helvetica, sans-serif;
text-transform:none;
position:absolute;
width:230px;
top:31px; 
left:0px; 
display:none; 
margin:0; 
padding:20px 0px 0px 0px;
list-style:none;
z-index:2000;
}

div#menu ul.sf-menu ul li {
width:230px;
height:35px;
margin:0; 
padding:0; 
float:left;
font-size:1rem;
border-right:none;
}

div#menu ul.sf-menu ul li i {
font-size:0.625rem;
padding:0px 0px 0px 5px;
}

div#menu ul.sf-menu ul a {
display:block;
width:230px;
height:35px;
padding:5px 0px 0px 10px;
margin:0px 0px 0px 0px;
color:#FFFFFF !important;
text-align:left;
text-decoration:none;
text-transform:inherit;
background-color:#1F1F1F !important;
}

div#menu ul.sf-menu ul a:hover {
color:#FFFFFF !important;
background-color:#628f32 !important;
}

div#menu ul.sf-menu ul li.sousMenuFin {
margin:0;
}


/*** Hover menu par défaut dans la page courante ***/
body.body-accueil div#menu ul li.mnuAccueil a, body.body-portes-fenetres div#menu ul li.mnuPortesFenetres a, body.body-armoires-vanites div#menu ul li.mnuArmoiresVanites a, body.body-produits-services div#menu ul li.mnuProduitsServices a, body.body-realisations div#menu ul li.mnuRealisations a, body.body-a-propos div#menu ul li.mnuAPropos a, body.body-contact div#menu ul li.mnuContact a {
color:#628F32;
}


/*** Menu niveau 2 ***/
ul.menuNiveau2 {
font-size:1.125rem !important;
top:0px !important;
padding:0 !important;
background:none !important;
}

ul.menuNiveau2 a {
color:#FFFFFF !important;
background-color:#363636 !important;
width:230px;
}

div.sticky_menu div#menu ul.sf-menu ul li ul.menuNiveau2 {
top:0px !important;
background-color:#1f1f1f !important;
}


/*** Burger menu ***/
div.slicknav_menu {
background:#363636;
}

ul.slicknav_nav li ul {
width:100%;
}

ul.slicknav_nav li a:hover, ul.slicknav_nav li a:hover a {
color:#222222 !important;
}


/*****   Bandeaux   *****/
div#bandeau {
overflow:hidden !important;
width:100%;
position:relative;
}

div.bandeauInfo {
position:absolute;
top:450px;
width:100%;
background-color:rgba(0, 0, 0, 0.8);
padding:0px 15px 0px 15px;
color:#FFFFFF;
}

div.bandeauInfo h1 {
border:none;
margin-top:0.4em;
margin-bottom:0;
color:#FFFFFF;
}

div.bandeauInfo p {
text-align:center;
font-size:1.25em;
}

a.da-link {
width:160px;
}


/*****   Contenu   *****/
div#contenu {
min-height:400px;
padding:0px 0px 30px 0px;
}

div#contenu a img {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div#contenu a:hover img {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

.emphase {
font-family:UbuntuBold, Verdana, Arial, Helvetica, sans-serif;
font-size:1.25rem;
}


/*****   Mandat   *****/
div#mandat {
background:url(../images/design/backPlanche.jpg) no-repeat top center;
color:#FFFFFF;
height:684px;
padding:160px 0px 0px 0px;
}

div#mandat h1 {
color:#FFFFFF;
}

div#mandat p {
padding:0px 240px 0px 240px;
}


/*****   Réalisations   *****/
div#realisations {
padding-bottom:70px;
}

div#realisations div.grid_4 {
padding:10px 0px 10px 0px;
}

div#realisations a {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div#realisations a:hover {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}


/*****   Secteurs d'activités   *****/
div#secteursActivites {
background:url(../images/design/backPlancheGrand.jpg) no-repeat top center;
height:967px;
padding:140px 0px 0px 0px;
}

div#secteursActivites h1 {
color:#FFFFFF;
padding-bottom:40px;
}

div#secteursActivites h5 {
font-family:UbuntuBold, Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:left;
padding:10px 30px 20px 30px;
}

div#secteursActivites p {
color:#FFFFFF;
text-align:left;
padding:10px 30px 10px 30px;
}

div#secteursActivites div.grid_4 {
background-color:#332415;
display:inline-block;
}

div#secteursActivites div.grid_4 a {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div#secteursActivites div.grid_4 a:hover {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}


/*****   Contact   *****/
div#contact {
padding-bottom:50px;
}

div#contact input[type="text"] {
border:none;
box-shadow:none;
border-bottom:1px solid #cccccc;
}


/*****   Produits   *****/
div.listeProduits {
position:relative;
margin-bottom:1rem;
min-height:300px;
text-align:left;
}

div.listeProduits p, div.listeProduits h1, div.listeProduits h2, div.listeProduits h3 {
text-align:left;
}

div.listeProduits a {
color:#FFFFFF;
}

div.listeProduits a:hover {
color:#628F32;
}

div.listeProduits a img {
opacity:1;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.listeProduits a:hover img {
opacity:0.8;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}

div.listeProduits div.grid_12 {
padding:0 !important;
}

div.listeProduits div.grid_3, div.listeProduits div.grid_4, div.listeProduits div.grid_5, div.listeProduits div.grid_12 {
min-height:20px !important;
}

div.listeProduits div.grid_3 a.bouton {
margin-bottom:20px;
}

div.affichagePrix {
font-size:2.25rem;
text-align:right;
color:#000000;
margin:0px 0px 20px 0px;
}

div.affichagePromo {
margin:15px 10px 0px 0px;
}

div.elementProduit {
border-bottom:1px solid #4f4f4f;
padding:0px 0px 10px 0px;
text-align:left;
}

div.elementProduit h3 {
text-align:left;
}


/*****   Articles   *****/
div.articles {
margin-top:20px;
}

div.articles a {
color:#333530;
opacity:1;
}

div.articles a:hover {
color:#333530;
opacity:0.8;
}

div.contenuArticle {
margin:10px 0px 30px 0px;
text-align:center;
border-bottom:1px solid #628F32;
}

div.contenuArticle h4 {
border-bottom:none;
}

div.backgroundArticle {
display:block;
background-size:cover !important;
}

div.articleDetails {
position:relative;
}

div.articleDetails img {
max-width:400px;
}

div.articleDetailsContenu {
margin-bottom:50px;
}

div.articleSommaire {
padding:10px 10px 10px 10px;
min-height:140px;
}

.bouton {
text-align:center;
color:#FFFFFF;
display:block;
padding:10px 20px 10px 20px;
background-color:#72b03f;
margin:auto;
}

a.bouton:hover {
color:#000000 !important;
}

input.bouton {
padding:5px 40px 5px 40px;
font-size:1.5rem;
border:none;
cursor:pointer;
user-select:none ;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-webkit-border-radius: 100px 100px 100px 100px;
border-radius: 100px 100px 100px 100px;
}


/*****   Tableaux   *****/
table {
border:none;
background:none;
margin:0;
padding:0;
border-collapse:collapse;
width:100%;
}

table thead, table th {
color:#FFFFFF !important;
background-color:#628F32;
}

table tr:nth-of-type(even) {
background-color:#dadada;
border:none;
margin:0;
padding:0;
}

table tr:nth-of-type(odd) {
background-color:#FFFFFF;
border:none;
margin:0;
padding:0;
}

table.tableau-invisible, table.tableau-invisible tr:nth-of-type(even), table.tableau-invisible tr:nth-of-type(odd) {
border:none;
background:none;
}

table tr td {
vertical-align:top;
}

table.produitsAttributs {
text-align:left;
margin-bottom:10px;
}


/*****   Footer   *****/
div#footer {
background-color:#29221c;
font-size:0.875rem;
color:#FFFFFF;
padding:30px 0px 30px 0px;
}

div#footer a {
color:#FFFFFF;
}

div#footer a:hover {
color:#b1b1b1;
}

div#footer p {
margin:0;
}

div#footer ul {
list-style-type:none;
text-align:right;
padding:0;
margin:0;
}

div#footer ul li {
display:inline-block;
padding:0px 7px 0px 7px;
}