/* 
Theme Name: Responsive 
Theme URI: http://cyberchimps.com/responsive-theme/
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, Search Engine Friendly, W3C Markup Validated and currently translated into 40 languages. Cross-Browser compatible. No paid memberships or clubs to get Responsive help. http://cyberchimps.com/forum/free/responsive/

Version: 1.9.3.6
Author: CyberChimps.com
Author URI: http://cyberchimps.com
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support



/* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

li{
  list-style: none;
  
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, input, select, textarea {
  font-size: 100%;
  overflow: visible;
  margin: 0;
  vertical-align: baseline;
  width: auto;
}

textarea {
  overflow: auto;
  vertical-align: text-top;
}

/* =Horizontal Rule
-------------------------------------------------------------- */
hr {

}

hr.space {
  background: #ffffff;
  color: #ffffff;
}

/* =Base
-------------------------------------------------------------- */
html {
  height: 100%;
  overflow-x: hidden;
}

body {
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  background: black;
  color: #BCBCBC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-smoothing: antialiased;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
}

/* =Typography
-------------------------------------------------------------- */
p {
  word-wrap: break-word;

}

i,
em,
dfn,
cite {
  font-style: italic;
}

tt,
var,
pre,
kbd,
samp,
code {
  font-family: monospace, serif;
  font-style: normal;
}

b,
strong {
  font-weight: 700;
}

pre {
  -moz-box-sizing: border-box;
  -moz-border-radius: 2px;
  -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background: #f4f4f4;
  border: 1px solid #aaaaaa;
  border-bottom-color: #cccccc;
  border-radius: 2px;
  height: auto;
  margin: 0;
  outline: none;
  padding: 6px 10px;
  vertical-align: middle;
  width: 100%;
  word-wrap: break-word;
  white-space: pre-wrap;
}

del {
  color: #555555;
  text-decoration: line-through;
}

ins,
dfn {
  border-bottom: 1px solid #cccccc;
}

sup,
sub,
small {
  font-size: 85%;
}

abbr,
acronym {
  font-size: 85%;
  letter-spacing: .1em;
  text-transform: uppercase;
}

a abbr,
a acronym {
  border: none;
}

dfn[title],
abbr[title],
acronym[title] {
  border-bottom: 1px solid #cccccc;
  cursor: help;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

/* =Responsive 12 Column Grid
    http://themeid.com/responsive-grid/
-------------------------------------------------------------- */
.grid {
  
  /*Old before responsive fix
  float: left;
  //margin-bottom: 1.127659574468%;
  padding-top: 0;
  */
  
}

.grid-right {
  float: right;
  margin-bottom: 2.127659574468%;
  padding-top: 0;
}

.col-60,
.col-90,
.col-120,
.col-140,
.col-150,
.col-160,
.col-220,
.col-300,
.col-315,
.col-330,
.col-380,
.col-460,
.col-540,
.col-620,
.col-700,
.col-780,
.col-820,
.col-860 {
  display: inline;
  /*margin-right: 2.127659574468%;*/
}

.col-60 {
  width: 6.382978723404%;
}

.col-90 {
  width: 8.93378723404%;
}

.col-120 {
  width: 12.762978723404%;
}

.col-140 {
  width: 14.893617021277%;
}

.col-150 {
  width: 17.021276595745%;
}

.col-160 {
  width: 18.893617021277%;
}


.col-220 {
  width: 23.404255319149%;
}

.col-260 {
  width: 27.404255319149%;
}

.col-300 {
  width: 31.914893617021%;
}


.col-315 {
  width: 33.33%;
}

.col-330{
   width: 33.3333333333%;
}


.col-380 {
  width: 40.425531914894%;
}

.col-460 {
  width: 50%;
}

.col-540 {
  width: 57.446808510638%;
}

.col-620 {
  width: 65.957446808511%;
}

.col-700 {
  width: 74.468085106383%;
}

.col-780 {
  width: 82.978723404255%;
}

.col-820{
  width: 84.978723404255%;
}

.col-860 {
  width: 91.489361702128%;
}

.col-940 {
  width: 100%;
}

.fit {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#container_bottom{
  
  margin: 0px 12%;
  
}

#widget_contenu1{
  
 
  float: left;
  height: 80x;
 
  padding-top: 2%;
  display: inline-block;
  text-align: justify;
  vertical-align: middle;
  white-space: normal;
  
}

#widget_contenu2{
  
  
  float: left;
  height: 80px;
  padding-left: 4%;
  padding-right: 11%;
  padding-top: 2%;
  display: inline-block;
  text-align: justify;
  vertical-align: middle;
  white-space: normal;
  
}

#widget_contenu3{
  
  
  float: left;
  height: 80px;
  padding-top: 2%;
  display: inline-block;
  text-align: justify;
  vertical-align: middle;
  white-space: normal;
  
}

#widget1{
  
  height: 150px;
  
}

#widget2{
  
  height: 150px;
}

#widget3{
  
  height: 120px;
}

#widgets_texteliens {


  margin: 0px 10%;
  height: 75px;
  width: 100%;
  
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
}

#widgets_texteliens img{
  
  height: auto;
  width: 75px;
  
}


#widgets_texteliens img:hover{
  

 
}







/* =Visibility
-------------------------------------------------------------- */
.hidden {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.none {
  display: none;
}

.hide-desktop {
  display: none;
}

.show-desktop {
  display: block;
}

/* =Responsive Images
-------------------------------------------------------------- */
img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}

#texte-centre2-droite img{
  
  -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  
}


.ie8 img {
  height: auto;
  width: auto\9;
}

.ie8 img.size-large {
  max-width: 60%;
  width: auto;
}

.ie8 img2 {
  height: auto;
  width: auto\9;
}

.ie8 img2.size-large {
  max-width: 60%;
  width: auto;
}


/* =Responsive Videos
-------------------------------------------------------------- */
video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* =Responsive Embeds/Objects
-------------------------------------------------------------- */
embed,
object {
  max-width: 100%;
}

svg:not(:root) {
  overflow: hidden;
}

/* =Links
-------------------------------------------------------------- */
a {
  color: #3E3E3E;
  font-weight: 400;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: #99cc66;
  outline: 0;
  text-decoration: none;
}


/* Mozilla based browsers */
::-moz-selection {
       background-color: #FFFFFF;
       color: #000;
}

/* Works in Safari */
::selection {
       background-color: #FFFFFF;
       color: #000;
}


/* Pour internet explorer */
::-webkit-selection  {
       background-color: #FFFFFF;
       color: #000;
}



/* =Forms
-------------------------------------------------------------- */
label {
  display: inline-block;
  /*font-weight: 700;*/
  padding: 2px 0;
}

legend {
  padding: 2px 5px;
}

fieldset {
  border: 1px solid #cccccc;
  margin: 0 0 1.5em;
  padding: 1em 2em;
}

select,
input[type="text"],
input[type="password"],
input[type="email"] {
  -moz-box-sizing: border-box;
  -moz-border-radius: 2px;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
  border-bottom-color: #cccccc;
  border-radius: 2px;
  cursor: text;
  margin: 0;
  outline: none;
  padding: 6px 8px;
  vertical-align: middle;
  width: 100%;
}

select {
  height: auto;
  width: 100%;
}

area,
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
  border-bottom-color: #cccccc;
  border-radius: 2px;
  height: auto;
  overflow: auto;
  margin: 0;
  outline: none;
  padding: 8px 10px;
  width: 100%;
}

input,
select {
  cursor: pointer;
}

area:focus,
input:focus,
textarea:focus {
  border: 1px solid #66ccff;
}

input[type='text'],
input[type='password'] {
  cursor: text;
}

/* =IE Forms
-------------------------------------------------------------- */
.ie7 area,
.ie7 select,
.ie7 textarea,
.ie7 input[type="text"],
.ie7 input[type="password"],
.ie7 input[type="email"] {
  width: 96%;
}

/* =IE6 Notice
-------------------------------------------------------------- */
.msie-box {
  background-color: #f9edbe;
  border: 1px solid #f0c36d;
  color: #212121;
  display: block;
  margin: 0 auto;
  max-width: 960px;
  padding: 10px;
  position: absolute;
  top: 60px;
  text-align: center;
  width: 100%;
}

.msie-box a {
  color: #212121;
}

/* =Tables
-------------------------------------------------------------- */
th,
td,
table {
  border: 1px solid #dddddd;
}

table {
  border-collapse: collapse;
  width: 100%;
}

/* =Lists
-------------------------------------------------------------- */
ul {
  list-style-type: disc;
  margin: 0;
  padding: 0;
}

ol {
  line-height: 22px;
  list-style-position: outside;
  list-style-type: decimal;
  margin: 0;
  padding: 0;
}

dt {
  font-weight: 400;
}





/* =Blockquote
-------------------------------------------------------------- */
blockquote {
  background: #f9f9f9;
  border: none;
  border-left: 4px solid #d6d6d6;
  margin: 20px;
  overflow: auto;
  padding: 0 0 10px 12px;
}

blockquote p {
  font-family: 'Georgia', 'Times New Roman', Times, serif;
  font-style: italic;
  font-size: 18px;
  line-height: 26px;
}

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  
  
  word-wrap: break-word;
  
}


/* Listes stylées Frenette Construction */

ul.liste_style1 {
    
    display: list-item; 
    list-style-type: none;
    color: #888;
    padding: 5px 5px;

}

/* Couleur de carrés : rouges */
ul.liste_style1.li {
  
  position: relative;
  padding: 5px 5px;
  line-height: 24px;
  
}

ul.liste_style1 li::before {
  
  /*content: "• ■";*/
  /*content : '\2022' pour un point; */
  content: "-  "; font-family:"Arial Black";
  color: red;
  padding-right: 6px;
  
}


/* Couleur de carrés : vert */
ul.liste_style2 {

  position: relative;
  padding: 0 0 0 20px;
  line-height: 24px;
  color: #888; 
}

ul.liste_style2.li {
  
  position: relative;
  padding: 5px 10px;
  line-height: 24px;

}

ul.liste_style2 li::before {
  
  /*content: "• ";*/
  /*content : '\2022' pour un point; */
  content: "■  "; font-family:"Arial Black";
  color: #99CC66;
  padding-right: 6px;
  
}

/* Couleur de carrés : Ronds blancs */
ul.liste_style3 {

  position: relative;
  padding-left: 0px;
  
  line-height: 24px;
  color: #888;
}

  
  
ul.liste_style3 a{
  
  color: #dbdbdb;
}

ul.liste_style3 a:hover{
  color: #99CC66;
}


ul.liste_style3.li {
  
  position: relative;
  padding: 0 0 0 20px;
  line-height: 24px;
  
}

ul.liste_style3 li::before {
  
  /*content: "• ";*/
  /*content : '\2022' pour un point; */
  content: ""; font-family:"Arial Black";
  color: #DDDDDD;
  padding-right: 0px;
  
}


@font-face {

    font-family: HelveticaBQ-Medium;
    src: local(http://www.frenetteconstruction.com/Font/HelveticaBQ-Medium.otf), url('fonts/HelveticaBQ-Medium.otf') format('opentype');

}

@font-face {

    font-family: HelveticaNeue;
    /*src: local(http://www.frenetteconstruction.com/Font/HelveticaNeue.ttf), url('Font/HelveticaNeue.ttf') format('opentype');*/
    src: url(http://www.frenetteconstruction.com/Font/HelveticaNeue.ttf);
}


body a.buttonpage1{
  
 display:inline-block;
 padding:0.35em 1.2em;
 border:0.1em solid #FFFFFF;
 margin:0 0.3em 0.3em 0;
 border-radius:0.12em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:'Roboto',sans-serif;
 font-weight:300;
 color:#FFFFFF;
 text-align:center;
 transition: all 0.2s;
 
}

body a.buttonpage1:hover{
 color:#000000;
 background-color:#FFFFFF;
}

@media all and (max-width:30em)
{

 body a.buttonpage1
 {
  display:block;
  margin:0.4em auto;
 }
 
}






/* =Margins & Paddings
-------------------------------------------------------------- */

dl,
pre,
form,
table,
address,
blockquote {
  margin-top: 2.2em;
}

hr{

}

p{
  margin-top: 0.5em;
  margin-bottom : 0.5em;
}

p.indent{ padding-left: 1.8em }

.tab {
margin-left: 2.5em
}

th, td {
  padding: .8em;
}

caption {
  padding-bottom: .8em;
}

blockquote {
  padding: 0 1em;
}

blockquote:first-child {
  margin: .8em 0;
}

fieldset {
  margin: 1.6em 0;
  padding: 0 1em 1em;
}

legend {
  padding-left: .8em;
  padding-right: .8em;
}

legend+* {
  margin-top: 1em;
}

input,
textarea {
  /*padding: .3em .4em .15em;*/
}

select {
  padding: .1em .2em 0;
}

option {
  padding: 0 .4em;
}

dt {
  margin-bottom: .4em;
  margin-top: .8em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

ul,
ol {
  /*margin: 0 1.5em 1.5em 0;*/
  /*padding-left: 2.0em;*/
  color: #636262;
  /* Cela brise le menu font-size: 1.2em; */
}

li ul,
li ol {
  margin: 0;
}

form div {
  margin-bottom: .8em;
}

/* =Globals
-------------------------------------------------------------- */
#container {
  
  /*Division qui contient tous les div du centre */
  /* IMPORTANT: Width (%) + 2 x MARGIN (%) = 100% */
  /*margin: 0px 7.5%; */
  text-align: center;
  vertical-align: middle;
  white-space: normal;

  /* AVANT full center look, delete les 3 lignes du bas et remet le div wrapper */
  clear: both;
  margin: 0px auto 0px auto;
  position: relative;
  /* pour du tout noir partout  background-color:black; */
}

#container.clearfix{
  
}



#container_header {
  
  /*Sert à mettre le margin sur les éléments de header (logo)*/
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  /*Avant : margin: 0px 8%; */
  margin: 0px 6%;
  
}

#container_section_contact {
  
  /*Sert à mettre le margin sur les éléments de header (logo)*/
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  /*Avant : margin: 0px 8%; */
  margin: 0px 6%;
}




#wrapper {
  clear: both;
  margin: 0px auto 0px auto;
  position: relative;
}

.front-page #wrapper {
  background-color: transparent;
  border: none;
  
  /* Old before resp. fix
  margin: 0px auto 0px auto;
  padding: 0;
  */
  white-space: nowrap;
  max-width: 80%;
 
  
}



/* Header début - avec menu top
-------------------------------------------------------------- */

#header {
  margin: 0;
}


.menu_fixedtopdivwrapper {
  
    
    /* Peut changer si veux pas full width */
    width: 100%;
    height: 130px;
    z-index: 99999;

    
    /*Text*/
    font-size: 1.25em;
    text-align:left;
    
    top: 0;
    left: 0;
    position: fixed;
    
    /*border-bottom: 1px solid #333;*/
    background-color: black;
    opacity: 0.95;
    
    background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
    
}



#logo_top{
 
}

#logo_top2{
 
  height: 30px;
 
}


.logo_img_top{
 
 float:left;
 background-image: url('http://www.frenetteconstruction.com/wp-content/uploads/2013/08/LogoTransparentAcceuil1.png');
 display: block;
 background-repeat:no-repeat;
 background-size:contain;
 width:260px;
 height:128px;
 margin-top: 0%;
 /*margin-left: 6%;*/
 z-index: 999999;
 
}

.logo_img_top_small
{
 
 float:left;
 background-image: url('http://www.frenetteconstruction.com/wp-content/uploads/2013/08/LogoTransparentAcceuil1.png');
 display: block;
 background-repeat:no-repeat;
 background-size:contain;
 width:150px;
 height:75px;
 margin-top: 0%;
 /*margin-left: 6%;*/
 z-index: 999999;
 
}

#logo_top img{
  
  /* Resize et garde l'aspect ratio 
  display: block;
  max-width:320px;
  max-height:150px;
  width: auto;
  height: auto;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
  overflow: hidden;
  background-image: url('http://www.frenetteconstruction.com/wp-content/uploads/2013/08/LogoTransparentAcceuil1.png');
  */
}



/* Logo comportement petis écrans */
/*Responsive : ANDROID, IPHONE : Media écran < 320 px */
@media screen and (min-device-width: 320px) and (max-device-width: 568px)
{
  
  #container_header
  {
    
    margin: 0px;
    
  }
  
  #logo_top{
  
   margin-top: -8%;
  /* background-color: black; */
  }
  
  
  #logo_top img{
  
  /* Resize et garde l'aspect ratio */
  display: block;
  max-width:320px;
  max-height:150px;
  width: auto;
  height: auto;
  margin-top: 0.5%;
  margin-bottom: 0.5%;
  background-image: url(' ');
  }

  /*Efface le div à cette résolution */
  #menu-top {
    

  
  }
  
  
  /*Efface le div à cette résolution */
  #banner-fullwidth-ligne{
    
    text-align:right;
    display: none;
  }
  
}


#bg {
    background-color: #000000;
    left: 100px;
    position: fixed;
    top: 0;
    z-index: -1;
}


#menu-header1{
  width: 70px;
  float:left;
  
}

#menu-header2{
  width: 105px;
  float:left;
}

#menu-header3{
  width: 170px;
  float:left;
}

#menu-header4{
  width: 60px;
  float:left;
}




#logo {

  width: 550px;
  margin: 0 auto;
  /*margin-left: 2%; */
  /*margin-right: 0%; */
  float:left;
  max-width: 100%;
  margin-top: 5%;
}

#logo .logo-resp{
  
  /*
  outline: 0;
  max-width: 100%;
  height: auto;
  padding: 0px;
  margin: 0 auto;
  */
  max-width: 100%;
  height: auto;
  
}


/* Classe qui redimentionne les images si requis, mais ne les agrandis pas si plus grand que prévu */
img .resize{
  
  max-width: 100%;
  height: auto;
  
}



#logo2 {

  /*width: 150px; */
  margin: 0 auto;
  max-width: 100%;
  margin: 10px 0 10px 0px;
  margin-top: 5px;
  opacity: 0.8;
  position:absolute;
  right:0;
  top:3%;
  width:30%
}

#logo2:hover {

  margin: 0 auto;
  max-width: 100%;
  margin: 10px 0 10px 0px;
  margin-top: 5px;
  opacity: 1;
  position:absolute;
  right:0;
  top:3%;
  width:30%
  /*
  width: 150px;
  margin: 0 auto;
  float:left;
  max-width: 100%;
  margin: 10px 0 10px 0px;
  margin-top: 5px;
  opacity: 1;
  */
}


#logo-center{
  
  text-align: left;
}

.site-name {
  display: block;
  font-size: 2.063em; /* = 33px */
  line-height: 1.0em;
  padding-top: 20px;
}

.site-name a {
  color: #333333;
  font-weight: 700;
}

.site-description {
  color: #afafaf;
  display: block;
  font-size: 0.875em; /* = 14px */
  margin: 10px 0;
}


#banner-fullwidth-topslider{
  
  max-width: 100%;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/inflicted.png") repeat scroll 0 0 transparent;
  height: 500px;
  box-shadow: 0 0 15px #000000 inset;
}

#banner-fullwidth-ligne
{
  /*border-bottom: 1px solid #252525;*/
  height: 20px;
  box-shadow: 0 0 15px #000000 inset;
  background-color: black;
  /*opacity: 0.5;*/
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Binding_dark.png") repeat scroll 0 0 #111111; */
  text-align: right;
  /*Full width */
  margin-left:-100%;
  margin-right:-100%;
}

#banner-fullwidth-ligne2
{
  height: 85px;
  box-shadow: 0 0 15px #000000 inset;
  background-color: #111;
  /*opacity: 0.5;*/
  margin-left:-100%;
  margin-right:-100%;
  
}



/* Sections full-width milieu */
/* Page d'acceuil */
#milieu-acceuil-haut1{
  
  /*border: 1px solid #252525;*/
  margin: 25% 13%;  
  margin-bottom: 6%;
  border-bottom: none;
  float: left;
  opacity: 0.98;
  padding-bottom: 5%;

}

#milieu-acceuil-div-gauche{
}


#milieu-acceuil-contenu{
  
  margin: 0px 16%;
  /*border: 1px solid #252525;*/

  background-color: #000000;
  float: left;
  height: 475px;
  opacity: 0.95;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  box-shadow: 0px 25px 75px #000 inset;
}

#milieu-acceuil-contenu ul{
      
      margin: 4em 4em 4em 4em;
      
  }



     #milieu-acceuil-haut2-case2 ul
     {
      
       margin: 3em 9em 6em 9em;
       
      }
    
    #milieu-acceuil-haut2-case3 ul
    {
      
       margin: 3em 6em 6em 14em;
       
    }
    
  
#milieu-acceuil-contenu img{
  
  height: auto;
  text-align: center;

}



#milieu-acceuil-titre{

  float: left;
  height: 350px;
  /* box-shadow: 0px 25px 75px #000 inset; */
  text-align:center;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
}



#milieu-acceuil-haut2{
  
  text-align:left;
  border-bottom: none;
  background-color: #000000;
  float: left;
  height: 900px;
  opacity: 0.98;
  padding-top: 3%;
  margin-bottom: 10%;

  box-shadow: 0px 25px 75px #000 inset;
  
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
}


#milieu-acceuil-haut2-image {
  
  float: left;
  text-align: center;
  height: 100px;
  padding-top: 35px;
}


#milieu-acceuil-haut2-image img{
  
 height: auto;
 width: 150px;
 text-align: center;
 
}



#milieu-acceuil-haut2-case1{
  
  background-color: #000000;
  float: left;
  height: 250px;
  /*box-shadow: 0px 25px 75px #000 inset;*/
   flex: 1;
   background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
}


#milieu-acceuil-haut2-case2{
  

 
  background-color: #000000;
  float: left;
  height: 375px;
  /*box-shadow: 0px 25px 75px #000 inset;*/
   flex: 1;
   background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
}


#milieu-acceuil-haut2-case3{
  


  background-color: #000000;
  float: left;
  height: 375px;
  /*box-shadow: 0px 25px 75px #000 inset;*/
   flex: 1;
   background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
}



#milieu-page-acceuil .li{
  
  line-height: 1.2em;
  padding-left: 5%;
}

#milieu-information-1{
  
  float: left;
  
}


#milieu-information-3{
  
  height: 125px;
  float: left;
  background-color: black;
  box-shadow: 0px 75px 75px #000 inset;
  text-align: center;
  /*margin: 0px 7.5%;*/
}

#milieu-information-3-div1{
  
  height:100px;
  text-align: center;
  float: left;
  background-color: black;
  box-shadow: 0px 75px 75px #000 inset;
  padding-top: 1%;
}





#milieu-information-1 li{
 
 list-style: none;
 color: #D7D0D0;
 line-height: 2.5em;
 margin-left:3%;
 
}

#milieu-information-2{
  
  height: 50px;
  background-color: black;
  box-shadow: 0px 75px 75px #000 inset;
  margin: 0px 8%;
  float:left;
}


#images-fournisseurs{
  padding-top: 1.5%;
  opacity: 0.7;
}

#images-fournisseurs:hover{
  padding-top: 1.5%;
  opacity: 1;
}


#images-fournisseurs img{
 -ms-interpolation-mode: bicubic;
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  padding: 10px;
}


#milieu-page-acceuil1{
  
 
  /*border: 1px solid #252525;*/
  float: left;
  background-color:black;

   
}


#milieu-page-acceuil2{
  
 
  /*border: 1px solid #252525;*/
  float: left;
  background-color:black;

   
}

#milieu-page-acceuil3{
  
  float: left;
  height: 400px;
  float: left;
  background-color:black;
  
}


#texte-centre1{
  
  float:left;
  text-align: center;
  
  /*
  padding-left:7.5%;
  padding-right:7.5%;
  */
  
  padding-top: 3%;
  padding-bottom: 3%;
  margin-top: 4%;
  opacity: 0.98;
 
}

#texte-centre1 .ul{
  
  
}

#texte-centre1 img{
  
  height:auto;
  display: block;
  margin: 0 auto;
  
}


#texte-centre2{
  
  padding-top : 20px;
  float:left;
  background-color:black;
  height: 400px;
}

#texte-centre2 img{

  width: 35px;
  height: auto;

}
  

#texte-centre2-gauche2{

  float:left;
  padding-right: 4%;
  text-align: justify;
  margin-top: 2%;
}

#texte-centre2-droite{
  
  height:250px;
  margin-top: 12%;
  float:left;
  text-align: justify;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 1%;
  padding-right: 1%;
  box-shadow: 0 0 105px #000000 inset;
}


#texte-centre2-droite ul{

  padding-top: 5%;
  padding-bottom: 5%;
  padding-right: 5%;
  color: #2a647e;

}

#texte-centre3-gauche{
  
  font-family: HelveticaTwoBQ-Bold;
  float: left;
  text-align: justify;
  padding: 8.5%;
}

#texte-centre3-droite{
  
  margin-top: 3%;
  float:left;
  text-align: right;
  
}



#milieu-fournisseur{
  
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Binding_dark.png") repeat scroll 0 0 transparent;
  background-color: #111111;
  height: 100px;
  max-width: 100%;
  border: 1px solid #252525;
  box-shadow: 0 0 5px #000000 inset;
  float: center;
  text-align: center;
  padding-top: 1.0%;
 
  
}

#milieu-ligne{
  
  background-color: black;
  height: 250px;

  /*border: 1px solid #252525;*/
  float: center;
  text-align: center;
  box-shadow: 55px 55px 95px #000000 inset;
  margin-left:-100%;
  margin-right:-100%;
  
}

#milieu-ligne img{
 
  height: auto;
  width: 150px;
 
  
}
/* Ajout de partie dans le centre */
#milieu-ligne2 {
  
  /*Full width */
  margin-left:-100%;
  margin-right:-100%;
  
  background-color: black;
  height: 150px;
  float: center;
  
  text-align: center;
  box-shadow: 0 0 25px #000000 inset;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
  opacity: 1;
  
}

#milieu-ligne3 {
  
  /*Full width */
  margin-left:-100%;
  margin-right:-100%;
  background-color: black;
  height: 75px;
  float: center;
  
  text-align: center;
  box-shadow: 0 0 25px #000000 inset;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/slash_it.png") repeat scroll 0 0 #111111;
}


#milieu-ligne4 {
  
  /*Full width */
  margin-left:-100%;
  margin-right:-100%;
  background-color: black;
  height: 250px;
  float: center;
  
  text-align: center;
  box-shadow: 0 0 1000px #000000 inset;
  opacity: 0.95;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/shattered4.png") repeat scroll 0 0 #111111;
  

}


/* Ajout de partie dans le centre */
#milieu-ligne5 {
  
  /*Full width */
  margin-left:-100%;
  margin-right:-100%;
  
  background-color: black;
  height: 100px;
  float:center;
  
  text-align: center;
  box-shadow: 0 0 95px #000000 inset;
  opacity: 0.95;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/shattered4.png") repeat scroll 0 0 #111111;
  
}



#logo-crochet-centre{
  
  text-align: right;
  margin-left: 70%;
  margin-top: -11%;
}

#milieu-404{
  
  background-color: black;
  float: left;
  height: 400px;
  opacity: 0.8;
  padding: 10px;
  
}





/* Parallax */

 .bg {
  
  /*Page contact */
  background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/C001-2k.jpg') no-repeat;
  /*background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/C9.jpg') no-repeat;*/
  position: fixed;
  margin-top: 0px;
  width: 100%;
  height: 300%;
  left:0;
  z-index: -2;
  opacity: 1;
}


.bg2 {
  
  
  background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuil2k5.jpg') no-repeat;
  position: fixed;
  margin-top: 0px;
  width: 100%;
  height: 100%;
  left:0;
  z-index: -2;
  opacity: 1;
}


.bg3 {
  
  background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/C4.jpg') no-repeat;
  
  position: fixed;
  margin-top: 0px;
  width: 100%;
  height: 300%;
  left:0;
  z-index: -2;
  opacity: 1;
}


.bg4 {
  
  /*C6*/
  /*Page services */
  background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/C001-2k.jpg') no-repeat;
  position: fixed;
  margin-top: 0px;
  width: 100%;
  height: 300%;
  left:0;
  z-index: -2;
  opacity: 1;
}

.bg5 {
  background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuil2k2.jpg') no-repeat;
  position: fixed;
  margin-top: 0px;
  width: 100%;
  height: 300%;
  left:0;
  z-index: -2;
  opacity: 1;
}



#section {
  color: #fff;
  font-family: arial;
  width: 500px;
  margin: auto;
  line-height: 20px;
  font-size: 16px;
}


/* Paralax 2 */

#intro{
	background:url(images/firstBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

#second{
	background: url(images/secondBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#second .bg{
	background: url(images/trainers.png) 50% 0 no-repeat fixed;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

#third{
	background: url(images/thirdBG.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 650px;
	padding: 100px 0 0 0;	
}

#fifth{
	background: #ccc;
	height: 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;	
}


/* ----------- Page Showcase (realisations) ----------- */
#fullwidth-ligne-breadcrum{

  max-width: 100%;
  height: 25px;
  box-shadow: 0 0 15px #000000 inset;

}

.btnacceuil {
  
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #8aad68;
  background: #000000;
  padding: 10px 20px 10px 20px;
  border: solid #b3b3b3 1px;
  text-decoration: none;
  width: 33%;
  
}

.btnacceuil:hover {
  background: #0a0a0a;
  text-decoration: none;
}




.btn {
  background: #242424;
  background-image: -webkit-linear-gradient(top, #1a1a1a, #000000);
  background-image: -moz-linear-gradient(top, #1a1a1a, #000000);
  background-image: -ms-linear-gradient(top, #1a1a1a, #000000);
  background-image: -o-linear-gradient(top, #1a1a1a, #000000);
  background-image: linear-gradient(to bottom, #1a1a1a, #000000);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: white;
  padding: 25px 40px 25px 40px;
  text-decoration: none;
}

.btn:hover {
  text-decoration: none;
  color: #99CC66;
}


#ligne-milieu-realisation{
  
  /* background-color: black;*/
  height: 380px;
  float:center;
  text-align: center;
  /*box-shadow: 0 0 15px #000000 inset;*/

}


#topmenu-fullwidth-ligne-contact
{
  /*border-bottom: 1px solid #252525;*/
  max-width: 100%;
  /*box-shadow: 0 0 15px #000000 inset;*/
  /*opacity: 0.5;*/
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Binding_dark.png") repeat scroll 0 0 #111111; */
  height: 250px;
}

#container-section-realisations{
  
  float:left;
  background-color: black;
  text-align: left;
  white-space: normal;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;

}







/* Div wrappers, englobe div menu categories gauche */
#content-services {
 
  height: 1950px;
  border-top: none;
  background-color : black;
  margin: 0px 7.5%;
  padding-bottom: 8.5%;
  float: left;
  margin-bottom: 3%;
 
  /*
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 5%;
  padding-bottom: 5%;
    /*border: 1px solid #252525;*/
}


#content-realisations-commercial {
 
  height: 1200px;
  border-top: none;
  background-color : black;

  padding-top: 2%;
  padding-left: 8.5%;
  padding-right: 8.5%;
  padding-bottom: 8.5%;
  float: left;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;
  /*
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 5%;
  padding-bottom: 5%;
    /*border: 1px solid #252525;*/
}

#content-services .imageservice img{
  
  height:auto;
}

#content-services1{
 
  height: 40px;
  border-top: none;
  padding-top: 4%;
  padding-bottom: 2%;
  padding-left:4%;
  padding-right:4.4%;
  float: left;
  
  
}



#content-services2{
 
  padding-top: 5%;
  padding-left: 4.4%;
  padding-right: 4%;
  margin-bottom: 6%;
  height: 500px;
  border-top: none;
  float: left;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  
}

#content-services3{
 
  height: 1100px;
  border-top: none;
  padding-bottom: 2%;
  float: left;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  background-color: black;
  padding-top: 1%;
  padding-left: 7.5%;
  padding-right: 7.5%;
  padding-bottom:1%;
  
}

#content-services3 img{
 
 margin-left:1.5%;
 height: auto;
 width: 65px;
 
}

#content-services3 img:hover{
 
 box-shadow: 0px 0px 15px #fff;
}

 
#content-services4{
 
  height: 100px;
  border-top: none;
  padding-bottom: 2%;
  float: left;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  background-color: black;
  padding-top: 10%;
  padding-left: 7.5%;
  padding-right: 7.5%;
  padding-bottom:1%;
  text-align: center;
}

#content-services4 img{
 
 height:auto;
 width: 45px;
 
}

#content-services1 b{
  
  color: #9bcf8a;
  font-size: 1.1em;
}

#content-services1 b2{
  
  color: white;
  font-size: 1.1em;
}

#content-services3 b{
  
  color: #9bcf8a;
  font-size: 1.1em;
}

#content-services3 ul{
  
    margin: 1%;
    margin-bottom: 2%;
    padding: 0;
    color: #c2c2c2;
    line-height: 2em;
    
}

#content-services3 li{
    
    list-style-type: none;

}




/* Sert à contenir les listes à puces*/
#content-specialite-liste{
  
  height:250px;
  float:left;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/") repeat scroll 0 0 #111111;*/
  /*box-shadow: 0 0 75px #000 inset;*/
}

#content-specialite-liste img{
  
  padding-left: 1%;
  
}

#content-specialite-liste li{

  line-height: 0.5em;
  margin-left: 0%;
  line-height: 1.50em;
}

#content-specialite1{

  padding-top: 2%;
 
  float: left;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  height: 275px;
}


#content-specialite2{
  
  padding-top: 2%;
  float: left;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  
  height: 275px;
}

#content-specialite3{

  padding-top: 2%;
  float: left;
  /* background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  height: 475px;
  
}


/*---------------------- Section partenariats ----------------------*/

#container-section-partenaires{
  
  float:left;
  background-color: black;
  text-align: left;
  white-space: normal;
  background-color: black;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;
}

#content-partenaires {
 
  height: 3100px;
  border-top: none;
  background-color : black;
  padding-top: 4%;
  margin: 0px 7.5%;
  float: left;
  background-color:black;
  
  
  /*
  padding-left: 8%;
  padding-right: 8%;
  padding-top: 5%;
  padding-bottom: 5%;
  /*border: 1px solid #252525;*/
}


#content-partenaires img:hover{
  
  /*box-shadow: 0px 0px 15px #fff;*/
  
}


#content-partenariat-liste{
  
  height:250px;
  float:left;
  
}

#content-partenariat-liste img{
  
  height: auto;
  width: 30px;
  
}


#content-partenariat5{

  padding-top: 2%;
  padding-bottom: 2%;
  float: left;
  height:550px;

  /*border-bottom: 1px solid #252525;*/
  /*
  padding-left: 2%;
  padding-right: 2%;
  */
}


#content-partenariat1{

  padding-top: 2%;
  padding-bottom: 2%;
  float: left;
  height:525px;
  text-align: center;
  /*border-bottom: 1px solid #252525;*/

  padding-left: 7.5%;
  padding-right: 7.5%;

}

#content-partenariat1 ul{
text-align: center;

}

#content-partenariat1 img{
  
  height: auto;
  margin-left: 3%;
  margin-right: 3%;
  width: 350px;
  text-align: center;

}




#content-partenariat2{

  padding-top: 2%;
  padding-bottom: 2%;
  float: left;
  height:300px;
  /*border-bottom: 1px solid #252525;*/

}


#content-partenariat2 img{
  
  height:auto;
  width: 450px;
  float:right;
  
}


#content-partenariat4{

  text-align: center;
  float: left;
  height:300px;
  /*border-bottom: 1px solid #252525;*/

}


#content-partenariat4 img{
  

  width: 450px;
  text-align: center;

}



#content-partenariat{
  
  padding-top: 2%;
  padding-bottom: 2%;
  float: left;
  height:350px;
  padding-left: 4%;
}

#content-partenariat3{

  padding-top: 4%;
  padding-bottom: 2%;
  padding-left: 8%;
  float: left;
  height:550px;
  
}




#content-partenariat4{

  padding-top: 3%;
  padding-bottom: 4%;
  float: left;
  height:500px;
  padding-left: 6%;
}




#content-realisations-commercial-galerie1{
 
  height: 350px;
  border-top: none;
  background-color : black;
  padding-top: 2%;
  padding-bottom: 4%;
  float: left;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;
  
}


/* Div wrappers, englobe div menu categories gauche */
#content-realisations {
 
  height: 3500px;
  border-top: none;
  background-color : black;
  margin: 0px 7.5%;
  float: left;
  
  margin-bottom:3%;
  text-align:center;

}




/*Section réalisations */
#content-realisations-galerie1{
 
  background-color : black;
  height: 600px;
  border-top: none;
  padding-top: 4%;
  padding-bottom: 2%;
  float: left;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  
}


#content-realisations-galerie2{
 
  height: 900px;
  border-top: none;
  background-color : black;
  padding-top: 4%;
  padding-bottom: 4%;
  float: left;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/

}

#content-realisations-galerie3{
 
  height: 800px;
  border-top: none;
  background-color : black;
  padding-top: 2%;
  padding-bottom: 4%;
  float: left;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  
}


#content-realisations-galerie4{
 
  height: 550px;
  border-top: none;
  background-color : black;
  padding-top: 2%;
  float: left;
  text-align: center;
 /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
  
}

#commercial{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
}

#content-realisations-galerie4 img{
  
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    text-align: center;
}
 

#content-realisations-commercial-galerie2{
 
  height: 450px;
  border-top: none;
  background-color : black;
  padding-top: 2%;
  padding-bottom: 4%;
  float: left;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;
  
}





#content-realisations-galerie5{
 
  height: 150px;
  float: left;
  text-align: center;
  padding-left: 4.5%;
  padding-right: 4.5%;
  background-color : black;
 }
 
 
 #content-realisations-galerie5 img{
  
    height: auto;
    width:30px;
  
 }
 
 
 
#ligne-couleur{
  
  width:25%;
  background-color: #99cc66;
  border-bottom: 3px solid #99cc66;
  margin: 0 auto;
}


/*Chaque projet a cette div centrale qui englobe tout, n'englobe pas le menu categories gauche (celui-ci reste en haut gauche) */
#milieu-projet-realisation{
  background-color: black;
  float: left;
  /*padding:10px;*/
  padding-top:40px;
  
}

/* Div menu categories gauche (menu div déroulant, montre les projets dans chaque catégories) */
#section-menucategories-gauche{
  
  background-color: #111111;
  opacity: 0.95;
  float: left;
  height: auto;
  min-height: 1500px;
  
}



/* Div Projet centre* ->  C'est le DIV généré pour chaque projet, pour chaque post. */
#section-post-projet{
  
  height: 600px;
  background-color: black;
  float: left;
  
}

/* Contient div projet description et projet avant apres*/
#section-post-projet-colone-gauche{
  
  height: 600px;
  background-color: black;
  float: left;
  
}

/* Contient div image et thumbnails*/
#section-post-projet-colone-droite{
  
  height: 600px;
  padding: 5px;
  padding-left: 10px;
  background-color: black;
  float: left;
  text-align: justify;
  
}


#bouton1{
  
  display: none;
  
}

#bouton2{
  
  display: none;
  
}

#bouton3{
  
  display: none;
  
}

#section-projet-decription{
  
  height: 275px;
  padding: 15px;
  background-color: black;
  float: left;

}


#section-realisation-ligneseparatrice{
  
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #252525;
  float:left;
  margin-top: 1%;
  margin-bottom: 3%;
}


#section-service-ligneseparatrice{
  
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #252525;
  float:left;
 
  
}



#section-frontpage-ligneseparatrice2{
  
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #252525;
  float:left;
  margin-bottom: 4%;

  
}


#section-projet-ligneseparatrice{
  
  width: 200px;
  height: 1px;
  border-bottom: 1px solid #252525;
  float:left;
  margin-left: 15px;
}

#petite-ligneseparatrice{
  
  width: 50%;
  height: 1px;
  border-bottom: 1px solid #252525;
  float: left;
  text-align:center;
}

hr.front{
  width: 50%;
  height: 3px;
  text-align: center;
  background-color: #404740;
  border: none;
  
}

hr.front2{
  width: 100%;
  height: 3px;
  text-align: center;
  background-color: #252525;
  border: none;
  
}

hr.front3{
  width: 100%;
  height: 5px;
  text-align: center;
  
  border: none;
  
}

hr.front4{
  width: 100%;
  height: 8px;
  text-align: center;
  background-color: #252525;
  border: none;
  
}


hr.realisations{
  
  background: #99cc66;
  border: none;
  clear: both;
  color: #dddddd;
  float: none;
  height: 2px;
  width: 2%;
}


hr.realisations2{
  width: 60%;
  height: 1px;
  text-align: center;
  background-color: #252525;
  color: #dddddd;
  border: none;

}


#section-projet-ligneseparatrice2{
  
  width: 100%;;
  height: 1px;
  border-bottom: 1px solid #252525;
  float:left;
  margin-top: 30px;
  margin-bottom: 25px;
}


#section-projet-ligneseparatrice2 img{
  
  height: auto;
  width: 10px;
  opacity: 0.9;
  
}


#section-projet-avantapres{
  
  height: 220px;
  background-color: black;
  float: left;
  text-align: justify;
}

#section-projet-avantapres p{

 margin-top: 1em;
 margin-bottom: 10em;
}

#section-projet-caracteristique{
  
  height: 220px;
  float: left;
  text-align: justify;
  padding-left: 20px;
  padding-top: 265px;
}




/*Section images projets*/

#section-post-projet-imageprincipale{
  
  background-color: black;
  float: left;
  padding-left:35px;
  padding-bottom:15px;
  height: auto;
  
}

#section-post-projet-imageprincipale .img{
 
 
}


#section-post-projet-thumbnails{
  
  height: auto;
  background-color: black;
  float: left;
  
}


#section-images{
  
  background-color: black;
  float: left;
  
}


#section-post-projet-texte{
  height: auto;
  background-color: black;
  float: left;
  padding-top: 0px;
  padding-left: 25px;
  padding-right: 25px;
}

#section-post-projet-texte ul{
  color:#7E754B;
  font-size: 10px;
  list-style-image: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/puce.gif");
  list-style-type: square;
  opacity: 0.7;
}

#section-post-projet-texte li{
  list-style-type: square;
}


.breadcrumb {
  padding: 0px 5px;
  list-style: none;
  box-shadow: 0 0 615px #050505 inset;
  height: 25px;
  background-image: repeating-linear-gradient(-45deg, rgba(113, 107, 107, 0) 8%, rgba(255, 255, 255, 0.25) 10%, rgba(255, 255, 255, 0.3) 14%, rgba(255, 255, 255, 0.4) 14%, rgba(255, 255, 255, 0.34) 15%, rgba(108, 105, 105, 0.35) 17%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 36%, rgba(141, 136, 136, 0.45) 40%, rgba(255, 255, 255, 0.45) 42%, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0.175) 60%, rgba(255, 255, 255, 0.175) 66%, rgba(255, 255, 255, 0.35) 66%, rgba(255, 255, 255, 0.2175) 70%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 80%), radial-gradient(ellipse farthest-corner, transparent, rgba(0, 0, 0, 0.3) 90%);

} 



.breadcrumb a {
    color: #99cc66;
    text-decoration: none;
    font-weight: 200;
}



/* ----------- Page contact ----------- */

#content-contact {
  margin-bottom: 125px;
  background-color: black;
  /*border: 1px solid #252525;*/
  border-top: none;
  
  opacity: 0.95;
  height: 700px;
  /*padding-top: 1%;*/
}

/* Pour ledge texturé dans les top div */
#content-contact-ledge-texture {
  margin-bottom: 10px;
  background-color: black;
  border-top: 1px solid #131313;
  border-bottom: 1px solid #131313;
  height: 10px;
  opacity: 1;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/slash_it.png") repeat scroll 0 0 #111111;
  box-shadow: 0 0 25px #000000 inset;
}


#milieu-droite-contact{
  
  background-color: black;
  float: left;
  height: 600px;
  opacity: 1;
  padding-top:2%;
  padding-left:4.5%;
}

#milieu-droite-contact .h17{
  
  float:left;
}

#milieu-gauche-contact{
  
  background-color: black;
  float: left;
  height: 550px;
  /*margin-top: 8%;*/
  opacity: 1;
  padding-top: 5%;
  padding-left: 6%;
  padding-right: 4%;
  padding-bottom: 2%;
  text-align: left;
}

#milieu-gauche-contact img{
  
  height: auto;
  line-height: 1.8em;
  width: 30px;
  margin-top: -1.5%;
}

/* ----------- Page garantie ----------- */

#content-garantie {
  margin-bottom: 20px;
  background-color: black;
  /*border: 1px solid #252525;*/
  border-top: none;
  height: 1400px;
}


/* =Content
-------------------------------------------------------------- */
#content {
  margin-bottom: 20px;
  background-color: black;
  /*border: 1px solid #252525;*/
  border-top: none;
  height: 100px;
}



#content-full {
  margin-top: 40px;
  margin-bottom: 20px;
}

#content-blog {
  margin-top: 40px;
  margin-bottom: 20px;
}

#content-images {
  margin-bottom: 20px;
}

#content-search {
  margin-bottom: 20px;
  margin-top: 20px;
}

#content-archive {
  margin-top: 40px;
  margin-bottom: 20px;
}

#content-sitemap {
  margin-top: 40px;
  margin-bottom: 20px;
}

#content-sitemap a {
  font-size: 12px;
}

#content .sticky {
  clear: both;
}

#content .sticky p {
}

/* =Templates (Landing Page)
-------------------------------------------------------------- */
.page-template-landing-page-php .menu,
.page-template-landing-page-php .top-menu,
.page-template-landing-page-php .main-nav,
.page-template-landing-page-php .footer-menu,
.page-template-landing-page-php .sub-header-menu {
  display: none;
}

/* =Author Meta (Author's Box)
-------------------------------------------------------------- */
#author-meta {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #f9f9f9;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  clear: both;
  display: block;
  margin: 30px 0 40px 0;
  padding: 10px;
  overflow: hidden;
}

#author-meta img {
  float: left;
  padding: 10px 15px 0 5px;
}

#author-meta p {
  margin: 0;
  padding: 5px;
}

#author-meta .about-author {
  font-weight: 700;
  margin: 10px 0 0 0;
}

/* =Featured Content
-------------------------------------------------------------- */
#featured {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  /*border: 1px solid #e5e5e5;*/
  /*height: 700px;*/
  border-radius: 4px;
  padding-bottom: 40px;
  width: 99.893617021277%;
}

#featured p {
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
  padding: 0 40px 0 40px;
  text-align: center;
}

#featured-image {
  margin: 40px 0 0 0;
}

#featured-image .fluid-width-video-wrapper {
  margin-left: -20px;
}

.featured-image img {
  margin-top: 44px;
}

/* =Post
-------------------------------------------------------------- */
.comments-link {
  font-size: 12px;
}

#cancel-comment-reply-link {
  color: #990000;
}

.post-data {
  clear: both;
  font-size: 12px;
  font-weight: 700;
  margin-top: 20px;
}

.post-data a {
  color: #111111;
}

.post-entry {
  clear: both;
}

.post-meta {
  clear: both;
  color: #9f9f9f;
  font-size: 12px;
  margin-bottom: 10px;
}

.post-edit {
  clear: both;
  display: block;
  font-size: 12px;
  margin: 1.5em 0;
}

.post-search-terms {
  clear: both;
}

.read-more {
  clear: both;
  font-weight: 700;
}

.attachment-entry {
  clear: both;
  text-align: center;
}

/* =bbPress
    bbPress has its own breadcrumb lists
-------------------------------------------------------------- */
.bbPress .

-list {
  display: none;
}

/* =Symbols
-------------------------------------------------------------- */
.ellipsis {
  color: #aaaaaa;
  font-size: 18px;
  margin-left: 5px;
}

.form-allowed-tags {
  display: none;
  font-size: 10px;
}

/* =Widgets
-------------------------------------------------------------- */
.widget-wrapper {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: black;
  /*border: 1px solid #e5e5e5;*/
  border-radius: 4px;
  margin: 0 0 20px;
  padding: 20px;
  background: transparent;
}

.widget-wrapper select,
.widget-wrapper input[type="text"],
.widget-wrapper input[type="password"],
.widget-wrapper  input[type="email"] {
  width: 75%;
}

#widgets {
  background-color: black;
  float: left;
  height: 110px;
   background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;
}


#widgets a {
  display: inline-block;
  margin: 0;
  padding-bottom: 5px;
}

#widgets form {
  margin: 0;
}

#widgets ul,
#widgets ol {
  padding: 0 0 0 20px;
}

#widgets ul li a {
  display: inline;
  text-decoration: none;
}

#widgets .widget-title img {
  float: right;
  height: 11px;
  position: relative;
  top: 4px;
  width: 11px;
}

#widgets .rss-date {
  line-height: 18px;
  padding: 6px 12px;
}

#widgets .rssSummary {
  padding: 10px;
}

#widgets cite {
  font-style: normal;
  line-height: 18px;
  padding: 6px 12px;
}

#widgets .tagcloud,
#widgets .textwidget {
  display: block;
  line-height: 1.5em;
  word-wrap: break-word;
  text-align: justify;
    
  overflow: hidden;
  height: 150px;
  text-overflow: ellipsis;

}


}

#widgets .textwidget a {
  display: inline;
}

#widgets ul .children {
  padding: 0 0 0 10px;
}

#widgets .author {
  font-weight: 700;
  padding-top: 4px;
}

.widget_archive select, #cat {
  display: block;
  margin: 0 15px 0 0;
}

#colophon-widget ul {
}

.colophon-widget {
  background: none;
  min-height: 0;
}

.colophon-widget select,
.colophon-widget input[type="text"],
.colophon-widget input[type="password"],
.colophon-widget input[type="email"] {
  width: 100%;
}

#top-widget {
}

.top-widget {
  background: none;
  border: none;
  clear: right;
  float: right;
  min-height: 0;
  padding: 0 3px 0 0;
  text-align: right;
  width: 45%;
}

.top-widget ul {
  padding: 0;
}

.top-widget select,
.top-widget input[type="text"],
.top-widget input[type="password"],
.top-widget input[type="email"] {
  width: auto;
}

.top-widget #searchform {
  margin: 0;
}

/* =Titles
-------------------------------------------------------------- */
.featured-title {
  font-size: 60px;
  letter-spacing: -1px;
  margin: 0;
  padding-top: 40px;
  text-align: center;
}

.featured-subtitle {
  padding: 0 10px;
  text-align: center;
}

.widget-title,

.widget-title-home h3 {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
  padding: 0 0 20px 0;
  text-align: left;
  
  
}

.widget-title-home h4 {
  font-size: 1.6em;
  font-weight: 700;
  
}


.top-widget .widget-title {
  font-size: 14px;
  padding: 0;
  text-align: right;
}

.widget-title a {
  border-bottom: none;
  padding: 0 !important;
}

.title-404 {
  color: #993333;
}

/* =404 Page 
-------------------------------------------------------------- */
.error404 select,
.error404 input[type="text"],
.error404 input[type="password"],
.error404 input[type="email"] {
  width: auto;
}

/* =Top Menu
-------------------------------------------------------------- */

/* Menu pour les cellulaires et petites tablettes */
@media screen and (min-device-width: 1px) and (max-device-width: 1024px) 
{
  
    .menu_fixedtopdivwrapper{
      
      z-index: 999999;
    }

       
       

    #contenant_menu{
      
      float: right;
      background-color: black;
      text-align: left;
      white-space: normal;
    }
    
    #menu-top{
      
 
      float : right;
      margin-left: 0%;
    }
    
    #menu-top li.current-menu-item {
    background: #3FAEA5;
    color:#fff;
    
    }
    
    #menu-top li.current-menu-item a {
    background-color: black;
    color: #99cc66;
    /*border-bottom: 1px solid #252525;*/
    box-shadow: 0px 24px 3px -24px #252525;
    }
    
    #air{
      margin-left: 525px;
    }
    
    #menu-top .firstitem{
      
      margin-left: 525px;
    }
    
    
    #menu-top .menu1{
        
        width: 130px;
        float: left;
    }
    
    #menu-top .menu2{
        width: 170px;
        float: left;
    }
        
    #menu-top .menu3{
        width: 250px;
        float: left;
    }
    
    #menu-top .menu4{
        
        width: 130px;
        float: left;
    }
    
    .top-menu {
      float: right;
      margin: 10px 0;
      padding: 0;
    }
    
    .top-menu li {
      display: inline;
      list-style-type: none;
    }
    
    .top-menu li a {
      border-left: 1px solid #cccccc;
      color: #333333;
      font-size: 11px;
      padding: 0 4px 0 8px;
    }
    
    .top-menu > li:first-child > a {
      border-left: none;
    }
    
    .top-menu li a:hover {
      color: #333333;
    }
    
}





#contenant_menu{
  
  float: right;
  background-color: black;
  text-align: left;
  white-space: normal;
  z-index: 999999;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
}

#menu-top{
  
  height: 50px;
  float : right;
  margin-left: 2%;
}

#menu-top li.current-menu-item {
background: #3FAEA5;
color:#fff;

}

#menu-top li.current-menu-item a {
background-color: black;
color: #99cc66;
/*border-bottom: 1px solid #252525;*/
box-shadow: 0px 24px 3px -24px #252525;
}

#air{
  margin-left: 525px;
}

#menu-top .firstitem{
  
  margin-left: 525px;
}


#menu-top .menu1{
    
    width: 130px;
    float: left;
}

#menu-top .menu2{
    width: 170px;
    float: left;
}
    
#menu-top .menu3{
    width: 250px;
    float: left;
}

#menu-top .menu4{
    
    width: 130px;
    float: left;
}

.top-menu {
  float: right;
  margin: 10px 0;
  padding: 0;
}

.top-menu li {
  display: inline;
  list-style-type: none;
}

.top-menu li a {
  border-left: 1px solid #cccccc;
  color: #333333;
  font-size: 11px;
  padding: 0 4px 0 8px;
}

.top-menu > li:first-child > a {
  border-left: none;
}

.top-menu li a:hover {
  color: #333333;
}









/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
  background-color: #585858;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
  background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
  background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
  background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
  background-image: -o-linear-gradient(top, #585858, #3d3d3d);
  background-image: linear-gradient(top, #585858, #3d3d3d);
  clear: both;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
  margin: 0 auto;
}

.main-nav {
  clear: both;
}

.menu,
.menu ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border: 0;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 5;
}

.menu li:hover {
  white-space: normal;
  z-index: 10000;
}

.menu li li {
  float: none;
}

.menu ul {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 10;
}

.menu li:hover > ul {
  top: 100%;
  visibility: visible;
}

.menu li li:hover > ul {
  left: 100%;
  top: 0;
}

.menu:after,
.menu ul:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.menu,
.menu ul {
  min-height: 0;
}

.menu ul,
.menu ul ul {
  margin: 0;
  padding: 0;
}

.menu ul li a:hover,
.menu li li a:hover {
  color: #484848;
  text-decoration: none;
}

.menu ul {
  margin-top: 1px;
  min-width: 15em;
  width: auto;
}

.menu a {
  border-left: 1px solid #585858;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  margin: 0;
  padding: 0 0.9em;
  position: relative;
  text-decoration: none;
  text-shadow: 0 -1px 0 #000000;
  white-space: nowrap;
}

.menu a:hover {
  background-color: #808080;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636));
  background-image: -webkit-linear-gradient(top, #808080, #363636);
  background-image: -moz-linear-gradient(top, #808080, #363636);
  background-image: -ms-linear-gradient(top, #808080, #363636);
  background-image: -o-linear-gradient(top, #808080, #363636);
  background-image: linear-gradient(top, #808080, #363636);
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
}

ul.menu > li:hover {
  background-color: #363636;
  color: #ffffff;
}

.menu .current_page_item a,
.menu .current-menu-item a {
  background-color: #343434;
}

.front-page .menu .current_page_item a {
  background: none;
  background-color: transparent;
  background-image: none;
  filter: none;
}

.menu li li {
  background: #ffffff;
  background-image: none;
  border: 1px solid #e5e5e5;
  color: #444444;
  filter: none;
  margin: -1px 0 1px 0;
  width: auto;
}

.menu li li a {
  background: transparent !important;
  border: none;
  color: #444444;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  text-shadow: none;
  white-space: nowrap;
}

.menu li li a:hover {
  background: #f5f5f5 !important;
  background-image: none;
  border: none;
  color: #444444;
  filter: none;
}

.menu li li:hover {
  background: #f5f5f5 !important;
  filter: none;
}

.menu ul > li + li {
  border-top: 0;
}

.menu li li:hover > ul {
  left: 100%;
  top: 0;
}

.menu > li:first-child > a {
  border-left: none;
}

.menu a#responsive_menu_button {
  display: none;
}

.main-nav #responsive_current_menu_item {
  display: none;
}

/*.js .main-nav .menu {*/
  /*display: block;*/
/*}*/

/* =Primary Main Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .menu ul {
  background: url(core/images/ie7-fix.gif) repeat;
}

.ie7 .menu li li a {
  min-width: 100%;
}

/* =Sub-Header Menu
-------------------------------------------------------------- */
.sub-header-menu {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-top: none;
  clear: both;
  margin: 0 auto;
}

.sub-header-menu,
.sub-header-menu ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sub-header-menu li {
  border: 0;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 5;
}

.sub-header-menu li:hover {
  white-space: normal;
  z-index: 10000;
}

.sub-header-menu li li {
  float: none;
}

.sub-header-menu ul {
  left: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  z-index: 10;
}

.sub-header-menu li:hover > ul {
  top: 100%;
  visibility: visible;
}

.sub-header-menu li li:hover > ul {
  left: 100%;
  top: 0;
}

.sub-header-menu:after,
.sub-header-menu ul:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.sub-header-menu,
.sub-header-menu ul {
  min-height: 0;
}

.sub-header-menu ul,
.sub-header-menu ul ul {
  margin: 0;
  padding: 0;
}

.sub-header-menu ul li a:hover,
.sub-header-menu li li a:hover {
  color: #484848;
  text-decoration: none;
}

.sub-header-menu ul {
  margin-top: 1px;
  min-width: 15em;
  width: auto;
}

.sub-header-menu a {
  border-left: 1px solid #e5e5e5;
  color: #333333;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 400;
  height: 35px;
  line-height: 35px;
  margin: 0;
  padding: 0 0.9em;
  position: relative;
  text-decoration: none;
  text-shadow: none;
}

.sub-header-menu a:hover {
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-color: #f9f9f9;
  background-clip: padding-box;
}

.sub-header-menu .current_page_item a,
.sub-header-menu .current-menu-item a {
  background-color: #f9f9f9;
}

.sub-header-menu li li {
  background: #ffffff;
  background-image: none;
  border: 1px solid #e5e5e5;
  color: #444444;
  filter: none;
  margin: -1px 0 1px 0;
  width: auto;
}

.sub-header-menu li li a {
  border: none;
  color: #444444;
  font-size: 12px;
  font-weight: 400;
  height: auto;
  height: 20px;
  line-height: 20px;
  padding: 5px 10px;
  text-shadow: none;
}

.sub-header-menu li li a:hover {
  background: #f9f9f9;
  background-image: none;
  border: none;
  color: #444444;
  filter: none;
}

.sub-header-menu ul > li + li {
  border-top: 0;
}

.sub-header-menu li li:hover > ul {
  left: 100%;
  top: 0;
}

.sub-header-menu > li:first-child > a {
  border-left: none;
}

.sub-header-menu ul.children a,
.sub-header-menu .current_page_ancestor,
.sub-header-menu .current_page_ancestor ul a {
  background: none;
  background-image: none;
  filter: none;
}

/* =Sub Header Menu IE Fixes
-------------------------------------------------------------- */
.ie7 .sub-header-menu ul {
  background: url(core/images/ie7-fix.gif) repeat;
}

.ie7 .sub-header-menu li li a {
  min-width: 100%;
}

/* =Footer Menu
-------------------------------------------------------------- */
.footer-menu {
  margin-left: 0;
  padding: 0;
}

.footer-menu li {
  display: inline;
  list-style-type: none;
}

.footer-menu li a {
  border-left: 1px solid #cccccc;
  color: #333333;
  padding: 0 8px;
}

.footer-menu li a:hover {
  color: #222222;
}

.footer-menu > li:first-child > a {
  border-left: none;
  padding: 0 8px 0 0;
}

/* =Navigation
-------------------------------------------------------------- */
.navigation {
  color: #111111;
  display: block;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  margin: 20px 0;
  padding: 0 5px;
}

.navigation a {
  color: #aaaaaa;
  padding: 4px 10px;
}

.navigation a:hover {
  color: #111111;
  text-decoration: none;
}

.navigation .previous {
  float: left;
}

.navigation .next {
  float: right;
}

.navigation .bracket {
  font-size: 36px;
}

/* =Pagination (pages)
-------------------------------------------------------------- */
.pagination {
  clear: both;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 10px 0;
  padding: 5px 0;
}

.pagination a {
  text-decoration: none;
}

/* =Breadcrumb Lists
-------------------------------------------------------------- */
.breadcrumb-list {
  font-size: 12px;
}

/* =Comments
-------------------------------------------------------------- */
#commentform {
  margin: 0;
}

.commentlist {
  border-bottom: 1px solid #e5e5e5;
  list-style: none;
  margin: 0;
  padding: 0;
}

.commentlist ol {
  list-style: decimal;
}

.commentlist li {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #ffffff;
  border-radius: 4px;
  margin: 0;
}

.commentlist .bypostauthor {
}

.commentlist li cite {
  color: #111111;
  font-size: 1.1em;
  font-style: normal;
  font-weight: 400;
}

.commentlist li.alt {
  background: #f9f9f9;
}

.commentlist .children {
  list-style: none;
  margin-left: 10px;
  padding: 10px;
}

.commentlist .avatar {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  margin-right: 10px;
  padding: 0;
  vertical-align: middle;
}

.comment-author .fn {
}

.comment-author .says {
  color: #999999;
}

.comment-body .comment-meta {
  color: #999999;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
}

.comment-body .comment-meta a {
  font-size: 11px;
}

.comment-body {
  clear: both;
  padding: 10px;
}

.comment-body p {
  clear: both;
}

.comment-body .reply {
}

.pingback, .trackback {
  list-style: none;
  margin: 20px 0;
}

.pingback cite,
.trackback cite {
  font-style: normal;
}

#pings,
#comments {
  text-align: left;
}

#respond {
  /*-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #eaeaea;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
  background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea);
  background-image: -moz-linear-gradient(top, #ffffff, #eaeaea);
  background-image: -ms-linear-gradient(top, #ffffff, #eaeaea);
  background-image: -o-linear-gradient(top, #ffffff, #eaeaea);
  background-image: linear-gradient(top, #ffffff, #eaeaea);
  border: 1px solid #cccccc;
  border-bottom-color: #aaaaaa;
  border-radius: 4px;*/
  clear: both;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea);
  margin-top: 15px;
  padding: 10px 20px 50px;
}

#respond label {
  display: inline;
}

.reply {
  margin: 10px 0;
}

.comment-form-url input,
.comment-form-email input,
.comment-form-author input,
.comment-form-comment textarea {
  display: block;
}

.nocomments {
  color: #999999;
  font-size: .9em;
  text-align: center;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 20px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

.aligncenter {
  display: block;
  margin: 5px auto;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #f9f9f9;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 13px 10px 10px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 12px;
  line-height: 1.5em;
  margin: 0;
  padding: 10px;
}

img.wp-smiley {
  vertical-align: middle;
}

/* =WordPress Gallery
-------------------------------------------------------------- */
.gallery {
  margin: 0 auto 18px;
}

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  max-width: 155px;
}

.gallery img {
  border: 1px solid #dddddd;
}

.gallery .gallery-caption {
  font-size: 12px;
  margin: 0 0 12px;
}

.gallery dl {
  margin: 0;
}

.gallery br+br {
  display: none;
}

.attachment-gallery img {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  display: block;
  height: auto;
  margin: 15px auto;
  max-width: 96%;
  padding: 5px;
  width: auto;
}

.gallery-meta .iso,
.gallery-meta .camera,
.gallery-meta .shutter,
.gallery-meta .aperture,
.gallery-meta .full-size,
.gallery-meta .focal-length {
  display: block;
}

/* =Post Thumbnails 
-------------------------------------------------------------- */
img.wp-post-image,
img.attachment-full,
img.attachment-large,
img.attachment-medium,
img.attachment-thumbnail {
  display: block;
  margin: 15px auto;
  width: auto;
}

/* =Buttons
-------------------------------------------------------------- */
a.button,
input[type='reset'],
input[type='button'],
input[type='submit'] {
  -moz-border-radius: 2px;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-border-radius: 2px;
  background-color: #f9f9f9; /* Alabaster */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  border: 1px solid #dddddd;
  border-radius: 2px;
  color: #333333;
  cursor: pointer;
  display: inline-block;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  padding: 4px 10px;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  white-space: nowrap;
}

a.button:hover,
input[type='reset']:hover,
input[type='button']:hover,
input[type='submit']:hover {
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
  background-image: linear-gradient(top, #ffffff, #f1f1f1);
  border: 1px solid #dddddd;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
  color: grey;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1);
}

a.button:active,
input[type='reset']:active,
input[type='button']:active,
input[type='submit']:active {
  -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
  background-color: #f9f9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1);
  background-image: linear-gradient(top, #f9f9f9, #f1f1f1);
  box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}

/* =Buttons (Call to Action)
-------------------------------------------------------------- */
.call-to-action {
  text-align: center;
}

.call-to-action a.button {
  font-size: 24px;
  padding: 15px 35px;
}

.call-to-action a.button:hover {
  text-decoration: none;
}

.ie7 .call-to-action a.button {
  padding: 11px 35px 19px 35px;
}

/* =Buttons (Sizes)
-------------------------------------------------------------- */
.small a.button {
  font-size: 10px;
  padding: 3px 6px;
}

.medium a.button {
  font-size: 16px;
  padding: 8px 16px;
}

.large a.button {
  font-size: 18px;
  padding: 10px 35px;
}

.xlarge a.button {
  font-size: 24px;
  padding: 12px 55px;
}

/* =Buttons (Colors)
-------------------------------------------------------------- */
a.blue {
  background-color: #1874cd; /* Dodger Blue */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4f9eea), to(#1874cd));
  background-image: -webkit-linear-gradient(top, #4f9eea, #1874cd);
  background-image: -moz-linear-gradient(top, #4f9eea, #1874cd);
  background-image: -ms-linear-gradient(top, #4f9eea, #1874cd);
  background-image: -o-linear-gradient(top, #4f9eea, #1874cd);
  background-image: linear-gradient(top, #4f9eea, #1874cd);
  border: 1px solid #115290;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4f9eea, endColorstr=#1874cd);
  text-shadow: 0 -1px 0 #115290;
}

a.blue:hover {
  background-color: #7db7f0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7db7f0), to(#1874cd));
  background-image: -webkit-linear-gradient(top, #7db7f0, #1874cd);
  background-image: -moz-linear-gradient(top, #7db7f0, #1874cd);
  background-image: -ms-linear-gradient(top, #7db7f0, #1874cd);
  background-image: -o-linear-gradient(top, #7db7f0, #1874cd);
  background-image: linear-gradient(top, #7db7f0, #1874cd);
  border: 1px solid #115290;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db7f0, endColorstr=#1874cd);
  text-shadow: 0 -1px 0 #115290;
}

a.red {
  background-color: #cd0000; /* Red 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2323), to(#cd0000));
  background-image: -webkit-linear-gradient(top, #ff2323, #cd0000);
  background-image: -moz-linear-gradient(top, #ff2323, #cd0000);
  background-image: -ms-linear-gradient(top, #ff2323, #cd0000);
  background-image: -o-linear-gradient(top, #ff2323, #cd0000);
  background-image: linear-gradient(top, #ff2323, #cd0000);
  border: 1px solid #890000;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2323, endColorstr=#cd0000);
  text-shadow: 0 -1px 0 #890000;
}

a.red:hover {
  background-color: #ff5656;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5656), to(#cd0000));
  background-image: -webkit-linear-gradient(top, #ff5656, #cd0000);
  background-image: -moz-linear-gradient(top, #ff5656, #cd0000);
  background-image: -ms-linear-gradient(top, #ff5656, #cd0000);
  background-image: -o-linear-gradient(top, #ff5656, #cd0000);
  background-image: linear-gradient(top, #ff5656, #cd0000);
  border: 1px solid #890000;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5656, endColorstr=#cd0000);
  text-shadow: 0 -1px 0 #890000;
}

a.orange {
  background-color: #ff7f00; /* Dark Orange 1 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaa55), to(#ff7f00));
  background-image: -webkit-linear-gradient(top, #ffaa55, #ff7f00);
  background-image: -moz-linear-gradient(top, #ffaa55, #ff7f00);
  background-image: -ms-linear-gradient(top, #ffaa55, #ff7f00);
  background-image: -o-linear-gradient(top, #ffaa55, #ff7f00);
  background-image: linear-gradient(top, #ffaa55, #ff7f00);
  border: 1px solid #bb5d00;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffaa55, endColorstr=#ff7f00);
  text-shadow: 0 -1px 0 #bb5d00;
}

a.orange:hover {
  background-color: #ffc388;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc388), to(#ff7f00));
  background-image: -webkit-linear-gradient(top, #ffc388, #ff7f00);
  background-image: -moz-linear-gradient(top, #ffc388, #ff7f00);
  background-image: -ms-linear-gradient(top, #ffc388, #ff7f00);
  background-image: -o-linear-gradient(top, #ffc388, #ff7f00);
  background-image: linear-gradient(top, #ffc388, #ff7f00);
  border: 1px solid #bb5d00;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc388, endColorstr=#ff7f00);
  text-shadow: 0 -1px 0 #bb5d00;
}

a.yellow {
  background-color: #ecca06; /* Yellow Gold */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff2aa), to(#ffd700));
  background-image: -webkit-linear-gradient(top, #fff2aa, #ffd700);
  background-image: -moz-linear-gradient(top, #fff2aa, #ffd700);
  background-image: -ms-linear-gradient(top, #fff2aa, #ffd700);
  background-image: -o-linear-gradient(top, #fff2aa, #ffd700);
  background-image: linear-gradient(top, #fff2aa, #ffd700);
  border: 1px solid #bb9e00;
  color: #161300;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2aa, endColorstr=#ffd700);
  text-shadow: 0 1px 0 #ffffff;
}

a.yellow:hover {
  background-color: #fffadd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fffadd), to(#ffd700));
  background-image: -webkit-linear-gradient(top, #fffadd, #ffd700);
  background-image: -moz-linear-gradient(top, #fffadd, #ffd700);
  background-image: -ms-linear-gradient(top, #fffadd, #ffd700);
  background-image: -o-linear-gradient(top, #fffadd, #ffd700);
  background-image: linear-gradient(top, #fffadd, #ffd700);
  border: 1px solid #bb9e00;
  color: #161300;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffadd, endColorstr=#ffd700);
  text-shadow: 0 1px 0 #ffffff;
}

a.green {
  background-color: #2e8b57; /* Sea Green 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4bc380), to(#2e8b57));
  background-image: -webkit-linear-gradient(top, #4bc380, #2e8b57);
  background-image: -moz-linear-gradient(top, #4bc380, #2e8b57);
  background-image: -ms-linear-gradient(top, #4bc380, #2e8b57);
  background-image: -o-linear-gradient(top, #4bc380, #2e8b57);
  background-image: linear-gradient(top, #4bc380, #2e8b57);
  border: 1px solid #1d5837;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bc380, endColorstr=#2e8b57);
  text-shadow: 0 -1px 0 #1d5837;
}

a.green:hover {
  background-color: #71d09b;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#71d09b), to(#2e8b57));
  background-image: -webkit-linear-gradient(top, #71d09b, #2e8b57);
  background-image: -moz-linear-gradient(top, #71d09b, #2e8b57);
  background-image: -ms-linear-gradient(top, #71d09b, #2e8b57);
  background-image: -o-linear-gradient(top, #71d09b, #2e8b57);
  background-image: linear-gradient(top, #71d09b, #2e8b57);
  border: 1px solid #1d5837;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#71d09b, endColorstr=#2e8b57);
  text-shadow: 0 -1px 0 #1d5837;
}

a.olive {
  background-color: #838b83; /* Honey Dew 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e000), to(#838b83));
  background-image: -webkit-linear-gradient(top, #afb4af, #838b83);
  background-image: -moz-linear-gradient(top, #afb4af, #838b83);
  background-image: -ms-linear-gradient(top, #afb4af, #838b83);
  background-image: -o-linear-gradient(top, #afb4af, #838b83);
  background-image: linear-gradient(top, #afb4af, #838b83);
  border: 1px solid #626862;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#afb4af, endColorstr=#838b83);
  text-shadow: 0 -1px 0 #626862;
}

a.olive:hover {
  background-color: #c9cdc9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c9cdc9), to(#838b83));
  background-image: -webkit-linear-gradient(top, #c9cdc9, #838b83);
  background-image: -moz-linear-gradient(top, #c9cdc9, #838b83);
  background-image: -ms-linear-gradient(top, #c9cdc9, #838b83);
  background-image: -o-linear-gradient(top, #c9cdc9, #838b83);
  background-image: linear-gradient(top, #c9cdc9, #838b83);
  border: 1px solid #626862;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9cdc9, endColorstr=#838b83);
  text-shadow: 0 -1px 0 #626862;
}

a.purple {
  background-color: #5d478b; /* Medium Purple 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8771b6), to(#5d478b));
  background-image: -webkit-linear-gradient(top, #8771b6, #5d478b);
  background-image: -moz-linear-gradient(top, #8771b6, #5d478b);
  background-image: -ms-linear-gradient(top, #8771b6, #5d478b);
  background-image: -o-linear-gradient(top, #8771b6, #5d478b);
  background-image: linear-gradient(top, #8771b6, #5d478b);
  border: 1px solid #3f305e;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8771b6, endColorstr=#5d478b);
  text-shadow: 0 -1px 0 #3f305e;
}

a.purple:hover {
  background-color: #a492c8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#a492c8), to(#5d478b));
  background-image: -webkit-linear-gradient(top, #a492c8, #5d478b);
  background-image: -moz-linear-gradient(top, #a492c8, #5d478b);
  background-image: -ms-linear-gradient(top, #a492c8, #5d478b);
  background-image: -o-linear-gradient(top, #a492c8, #5d478b);
  background-image: linear-gradient(top, #a492c8, #5d478b);
  border: 1px solid #3f305e;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a492c8, endColorstr=#5d478b);
  text-shadow: 0 -1px 0 #3f305e;
}

a.pink {
  background-color: #cd1076; /* Deep Pink 3 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f042a0), to(#cd1076));
  background-image: -webkit-linear-gradient(top, #f042a0, #cd1076);
  background-image: -moz-linear-gradient(top, #f042a0, #cd1076);
  background-image: -ms-linear-gradient(top, #f042a0, #cd1076);
  background-image: -o-linear-gradient(top, #f042a0, #cd1076);
  background-image: linear-gradient(top, #f042a0, #cd1076);
  border: 1px solid #8e0b52;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f042a0, endColorstr=#cd1076);
  text-shadow: 0 -1px 0 #8e0b52;
}

a.pink:hover {
  background-color: #f471b8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f471b8), to(#cd1076));
  background-image: -webkit-linear-gradient(top, #f471b8, #cd1076);
  background-image: -moz-linear-gradient(top, #f471b8, #cd1076);
  background-image: -ms-linear-gradient(top, #f471b8, #cd1076);
  background-image: -o-linear-gradient(top, #f471b8, #cd1076);
  background-image: linear-gradient(top, #f471b8, #cd1076);
  border: 1px solid #8e0b52;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f471b8, endColorstr=#cd1076);
  text-shadow: 0 -1px 0 #8e0b52;
}

a.brick {
  background-color: #b22222; /* Fire Brick */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4c4c), to(#b22222));
  background-image: -webkit-linear-gradient(top, #dd4c4c, #b22222);
  background-image: -moz-linear-gradient(top, #dd4c4c, #b22222);
  background-image: -ms-linear-gradient(top, #dd4c4c, #b22222);
  background-image: -o-linear-gradient(top, #dd4c4c, #b22222);
  background-image: linear-gradient(top, #dd4c4c, #b22222);
  border: 1px solid #791717;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd4c4c, endColorstr=#b22222);
  text-shadow: 0 -1px 0 #791717;
}

a.brick:hover {
  background-color: #e57777;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e57777), to(#b22222));
  background-image: -webkit-linear-gradient(top, #e57777, #b22222);
  background-image: -moz-linear-gradient(top, #e57777, #b22222);
  background-image: -ms-linear-gradient(top, #e57777, #b22222);
  background-image: -o-linear-gradient(top, #e57777, #b22222);
  background-image: linear-gradient(top, #e57777, #b22222);
  border: 1px solid #791717;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e57777, endColorstr=#b22222);
  text-shadow: 0 -1px 0 #791717;
}

a.gold {
  background-color: #8b6508; /* Dark Golden Rod 4 */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#db9f0d), to(#8b6508));
  background-image: -webkit-linear-gradient(top, #db9f0d, #8b6508);
  background-image: -moz-linear-gradient(top, #db9f0d, #8b6508);
  background-image: -ms-linear-gradient(top, #db9f0d, #8b6508);
  background-image: -o-linear-gradient(top, #db9f0d, #8b6508);
  background-image: linear-gradient(top, #db9f0d, #8b6508);
  border: 1px solid #6b4e06;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db9f0d, endColorstr=#8b6508);
  text-shadow: 0 -1px 0 #6b4e06;
}

a.gold:hover {
  background-color: #f3b828;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3b828), to(#8b6508));
  background-image: -webkit-linear-gradient(top, #f3b828, #8b6508);
  background-image: -moz-linear-gradient(top, #f3b828, #8b6508);
  background-image: -ms-linear-gradient(top, #f3b828, #8b6508);
  background-image: -o-linear-gradient(top, #f3b828, #8b6508);
  background-image: linear-gradient(top, #f3b828, #8b6508);
  border: 1px solid #6b4e06;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3b828, endColorstr=#8b6508);
  text-shadow: 0 -1px 0 #6b4e06;
}

a.brown {
  background-color: #8b4513; /* Saddle Brown */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d66a1d), to(#8b4513));
  background-image: -webkit-linear-gradient(top, #d66a1d, #8b4513);
  background-image: -moz-linear-gradient(top, #d66a1d, #8b4513);
  background-image: -ms-linear-gradient(top, #d66a1d, #8b4513);
  background-image: -o-linear-gradient(top, #d66a1d, #8b4513);
  background-image: linear-gradient(top, #d66a1d, #8b4513);
  border: 1px solid #4f270b;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d66a1d, endColorstr=#8b4513);
  text-shadow: 0 -1px 0 #4f270b;
}

a.brown:hover {
  background-color: #8b4513;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e58541), to(#8b4513));
  background-image: -webkit-linear-gradient(top, #e58541, #8b4513);
  background-image: -moz-linear-gradient(top, #e58541, #8b4513);
  background-image: -ms-linear-gradient(top, #e58541, #8b4513);
  background-image: -o-linear-gradient(top, #e58541, #8b4513);
  background-image: linear-gradient(top, #e58541, #8b4513);
  border: 1px solid #4f270b;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e58541, endColorstr=#8b4513);
  text-shadow: 0 -1px 0 #4f270b;
}

a.silver {
  background-color: #c0c0c0; /* Silver */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c0c0c0));
  background-image: -webkit-linear-gradient(top, #eaeaea, #c0c0c0);
  background-image: -moz-linear-gradient(top, #eaeaea, #c0c0c0);
  background-image: -ms-linear-gradient(top, #eaeaea, #c0c0c0);
  background-image: -o-linear-gradient(top, #eaeaea, #c0c0c0);
  background-image: linear-gradient(top, #eaeaea, #c0c0c0);
  border: 1px solid #9e9e9e;
  color: #444444;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#c0c0c0);
  text-shadow: 0 1px 0 #ffffff;
}

a.silver:hover {
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0));
  background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0);
  background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0);
  background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0);
  background-image: -o-linear-gradient(top, #ffffff, #c0c0c0);
  background-image: linear-gradient(top, #ffffff, #c0c0c0);
  border: 1px solid #9e9e9e;
  color: #444444;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#c0c0c0);
  text-shadow: 0 1px 0 #ffffff;
}

a.gray {
  background-color: #696969; /* Dim Gray */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#696969));
  background-image: -webkit-linear-gradient(top, #939393, #696969);
  background-image: -moz-linear-gradient(top, #939393, #696969);
  background-image: -ms-linear-gradient(top, #939393, #696969);
  background-image: -o-linear-gradient(top, #939393, #696969);
  background-image: linear-gradient(top, #939393, #696969);
  border: 1px solid #474747;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#696969);
  text-shadow: 0 -1px 0 #474747;
}

a.gray:hover {
  background-color: #adadad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#696969));
  background-image: -webkit-linear-gradient(top, #adadad, #696969);
  background-image: -moz-linear-gradient(top, #adadad, #696969);
  background-image: -ms-linear-gradient(top, #adadad, #696969);
  background-image: -o-linear-gradient(top, #adadad, #696969);
  background-image: linear-gradient(top, #adadad, #696969);
  border: 1px solid #474747;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#adadad, endColorstr=#696969);
  text-shadow: 0 -1px 0 #474747;
}

a.black {
  background-color: #080808; /* Black */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#080808));
  background-image: -webkit-linear-gradient(top, #323232, #080808);
  background-image: -moz-linear-gradient(top, #323232, #080808);
  background-image: -ms-linear-gradient(top, #323232, #080808);
  background-image: -o-linear-gradient(top, #323232, #080808);
  background-image: linear-gradient(top, #323232, #080808);
  border: 1px solid #000000;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232, endColorstr=#080808);
  text-shadow: 0 -1px 0 #000000;
}

a.black:hover {
  background-color: #4c4c4c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#080808));
  background-image: -webkit-linear-gradient(top, #4c4c4c, #080808);
  background-image: -moz-linear-gradient(top, #4c4c4c, #080808);
  background-image: -ms-linear-gradient(top, #4c4c4c, #080808);
  background-image: -o-linear-gradient(top, #4c4c4c, #080808);
  background-image: linear-gradient(top, #4c4c4c, #080808);
  border: 1px solid #000000;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#080808);
  text-shadow: 0 -1px 0 #000000;
}


a.button3
{
display:inline-block;
padding:0.5em 3em;
border:0.16em solid #FFFFFF;
margin:0 0.4em 0.4em 0;
box-sizing: border-box;
text-decoration:none;
text-transform:uppercase;
font-family:'Roboto',sans-serif;
font-weight:400;
color:#FFFFFF;
text-align:center;
transition: all 0.15s;
margin:0 0.4em 0.4em 0;

}

a.button3:hover{
text-shadow: 0 0 2em rgba(255,255,255,1);
color:#99cc66;
border-color:#FFFFFF;
margin:0 0.4em 0.4em 0;
}

a.button3:active{
color:#BBBBBB;
border-color:#BBBBBB;

}

@media all and (max-width:30em)
{
 
  a.button3{
    display:block;
    margin:0 0.4em 0.4em 0;
   }
} 

/* =Info Boxes
-------------------------------------------------------------- */
.info-box {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: block;
  margin: 20px 0;
  padding: 15px;
  text-align: left;
}

.alert {
  background-color: #faebeb;
  border: 1px solid #dc7070;
  color: #212121;
}

.address {
  background-color: #f6f5ef;
  border: 1px solid #cdc9a5;
  color: #212121;
}

.notice {
  background-color: #fbf9e9;
  border: 1px solid #e3cf57;
  color: #212121;
}

.success {
  background-color: #f9fde8;
  border: 1px solid #a2bc13;
  color: #212121;
}

.download {
  background-color: #fff4e5;
  border: 1px solid #ff9912;
  color: #212121;
}

.information {
  background-color: #eef3f6;
  border: 1px solid #6ca6cd;
  color: #212121;
}

.required {
  color: #d5243f;
}

/* =WooCommerce
-------------------------------------------------------------- */
#breadcrumb {
  padding: 40px 0 0 0;
}

#breadcrumb a {
  color: #0066cc;
  font-size: 12px;
  font-weight: 400;
}

#breadcrumb a:hover {
  color: #444444;
  text-decoration: none;
}

#content-woocommerce {
  margin-top: 40px;
  margin-bottom: 20px;
}

.products ul, ul.products {
  margin-top: 40px;
}

.cart-collaterals .shipping_calculator {
  width: 100%;
}

table.shop_table {
}

table.cart td.actions .coupon .input-text,
table.cart td.actions .coupon .input-text {
  cursor: text;
}

/* =WPML
-------------------------------------------------------------- */
.icl_languages_selector {
  float: right;
  text-align: left
}

.rtl .icl_languages_selector {
  float: left;
  text-align: right
}

@media screen and (max-width: 650px) {
  .icl_languages_selector,
  .rtl .icl_languages_selector {
    float: none;
  }
}

/* =Polylang
-------------------------------------------------------------- */
.widget_polylang li {
  display: inline;
  list-style-type: none;
}

/* =Google map
-------------------------------------------------------------- */
#google-integration
{
  max-width: 100%;
  height: 400px;
  opacity: 1;
  
}


/* =Footer
-------------------------------------------------------------- */
#footer {
  
  /*Dimensions*/
  max-width: 100%;
  height: 40px;


  /*Style*/
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/dark_mosaic2.png") repeat scroll 0 0 #111111;
  box-shadow: 0 0 110px #000000 inset;
  overflow: hidden;
  background-color:black;
  
}

#footer img{
  
  height: auto;
  
}

#footer img:hover{

  box-shadow: 0px 0px 15px #fff;

}

#footer-container {
  
  margin: 0px auto 0px auto;
  position: relative;
  vertical-align: middle;
  text-align: center;
  white-space: normal;
  clear: both;
 

}


/* Sert à mettre le margin sur les éléments de widget*/
#contenu_footer_milieu {
 
  float: left;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  border-top: 1px solid #0b0b0b;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/dark_mosaic2.png") repeat scroll 0 0 #111111;
  margin: 0px 12%;
}


/* Sert à stylé droite section liens sous footer */
#contenu_footer_milieu2{
  
  width: 100%;
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  border-top: 1px solid #0b0b0b;
  float: left;
  background-color: black;
}


#contenu_footer_milieu2 img{
  
  height:auto;
  width: 10px;
  margin-top: -2px;
}

#banner-fullwidth-ligne-footer
{

  /*border-top: 1px solid #252525;*/
  height:35px;
  background-color: black;
  /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Binding_dark.png") repeat scroll 0 0 #111111; */
  
  /*margin-left:-100%;
  margin-right:-100%;*/
}

#banner-fullwidth-ligne-footer1
{
  /*border-bottom: 1px solid #252525;*/
  
  height: 50px;
  box-shadow: 0 0 15px #000000 inset;
  background-color: black;
  opacity: 1;
  background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/canvas2.png") repeat scroll 0 0 transparent;
  margin-left:-100%;
  margin-right:-100%;
}

#banner-fullwidth-ligne-footer1 .divgauche{
   height: 100px;
   max-width: 40%;
   float:left;
}

#banner-fullwidth-ligne-footer1 .divdroite{
   height: 100px;
   max-width: 60%;
   float:left;
}

#footer a {
  color: #333333;
  font-weight: 400;
}

#footer a:hover {
  color: #444444;
}



#footer-gauche{
  
  text-align: left;
  padding-top:1%;
  height: 180px;
  float:left;
}

#footer-gauche-contenu-div1 img{

  width: 30px;
  height: auto;
  float:left;
  padding-top: 2%;
}

#footer-gauche img{
  
  width: 30px;
  height: auto;
  float:left;

  
}
 

#footer-gauche-contenu-div1{
  
  float:left;
 
  
}

#footer-gauche-contenu-div2{

  float:left;
  
}



#footer-gauche-contenu-div2 img{
  width: 155px;
  height: auto;
  float:left;
  padding-top: 0%;
  color: hsla(0, 0%, 100%, 0.3);
  opacity: 0.4;
}

#footer-centre {

  max-width: 100%;
  height: 180px;
  padding-top: 2%;
  float:left;
}


#footer-centre-contenu-div1 {

  text-align: right;
  float:left;
  padding-right:4%;
}

#footer-centre-contenu-div1 img{

  width: 25px;
  height: auto;
  float:right;
  text-align: right;
  padding-right: 1%;
  color: hsla(0, 0%, 100%, 0.3);
  opacity: 0.6;

}

#footer-centre-contenu-div2 {

  float:left;
}


#footer-droite{
  
  text-align: left;
  height: 180px;
  float:left;
  padding-top: 1%;
  
}

#footer-droite img{
  width: 30px;
  height: auto;
  float:left;
  padding:2%;

}

#footer-droite-contenu-div1{
  
  float:left;
  padding-left: 5%;
 
}


#footer-droite-contenu-div2{
  
  padding-left: 3%;
  float:left;

  
}



.scroll-top {
  text-align: center;
  font-size: 1.9em;
  margin-left: 90%;
  text-color: #3E3E3E;
}

.copyright {
  text-align: left;
  padding-top: 2%;
}

.powered {
  text-align: right;
  padding-top: 1%;
}

/* =Social Icons
-------------------------------------------------------------- */
#footer .social-icons {
  list-style: none;
  line-height: normal;
  padding: 0;
  margin: 0;
  text-align: right;
}



/* =Alignments Extras
-------------------------------------------------------------- */
.left {
  float: left;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

/* =Clearfix
-------------------------------------------------------------- */
.clearfix:after,
.clearfix:before,
#container:after,
#container:before,
.widget-wrapper:after,
.widget-wrapper:before {
  content: ' ';
  display: table;
}

.clearfix:after,
#container:after,
.widget-wrapper:after {
  clear: both;
}

.ie7 .clearfix,
.ie7 #container,
.ie7 .widget-wrapper {
  zoom: 1;
}

.clear {
  clear: both;
}

/* =Begin bidirectionality settings (do not change)
-------------------------------------------------------------- */
BDO[DIR="ltr"] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

BDO[DIR="rtl"] {
  direction: rtl;
  unicode-bidi: bidi-override;
}

[DIR="ltr"] {
  direction: ltr;
  unicode-bidi: embed;
}

[DIR="rtl"] {
  direction: rtl;
  unicode-bidi: embed;
}

/* =Media Print
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid;
  }

  ul, ol, dl {
    page-break-before: avoid;
  }
}

/*	Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html
-------------------------------------------------------------- */
@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {

  body {
  }
}

/*The last 29 days of the month are the hardest."- Nikola Tesla*/


/*Fonts */
@font-face {
 font-family:BebasNeue-webfont;
 src: url("Font/BebasNeue-webfont.woff");
}

@font-face {
 font-family:BebasNeue-webfont;
 src: url("Font/BebasNeue-webfont.eot");
}

@font-face {
 font-family:PTC55F;
 src: url("http://www.frenetteconstruction.com/Font/PTC55F.ttf");
}



#font-teston-cela{
  
  font-family: HelveticaTwoBQ-Bold;
  font-size: 17px;
}

@font-face {
	font-family: 'HelveticaTwoBQ-Bold';
	src: url("http://www.frenetteconstruction.com/Font/HelveticaTwoBQ-Bold.otf");
}


/*Responsive :
    Cellulaires / S7 / S8 / iPhone : Media entre 1px -> 450px (Petite résolution ordinateur)
*/
@media only screen and (min-width: 1px) and (max-width: 424px) 
{
  
   body #menu-top{
    
    background:black;
    
   }
  
   body .menu_fixedtopdivwrapper{
    
     height: 50px;
     background-color : black;
   }
  
    body .bg{
      
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/C001-S7.jpg') no-repeat;
    }
    
    
    body .bg4{
      
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/C001-S7.jpg') no-repeat;
    }


    /*------------------  Changement du visuel du site  ------------------*/
    body #milieu-acceuil-contenu{
      
      margin: 0px 0%;
      
    }
    
    body #milieu-acceuil-contenu ul
    {
      
      margin: 2em 1em 0em 0em;
    }
    

   
     
    body .logo_img_top
    {
 
      margin-top: 0%;
      /*margin-left: 3%;*/


     }
   
   
    /*Bouttons page acceuil*/
    body #bouton1{
       
       display: block;
       height:55px;
    }
    
    body #bouton2{
      
       display: block;
      height:55px;
    }
    
    body #bouton3{
      
       display: block;
      height:55px;
    }
    
    
    body a.button3 {
   
    margin: 0;
    
    }
   
    #milieu-information-3-div1{
      
      display: none;
      
    }
   
   
    body .breadcrumb{
      
      display: none;
    }

    body #fullwidth-ligne-breadcrum{
      
      display: none;
    }
   
    body #menu-top{
      
      height: 0px;
      
    }
   
   body .menu-button .touch-button{
    
      margin-top: 24px;
      margin-left: 4%;
      margin-right: 4%;
    
   }
   
  
   
   body .bg2
    {
  
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuils7.jpg') no-repeat;
      position: fixed;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      left:0;
      z-index: -2;
      opacity: 1;
  }

   
    /* PAGE ACCEUIL */
    /*Image en haut de page resize - mettre body pour overide */
    body #ligne-milieu-realisation{
   
    height: 275px;
    float:center;
    text-align: center;
    box-shadow: 0 0 15px #000000 inset;
   }

  
   
   /* Permet d'enlever les marges carré milieu */
   body #milieu-acceuil-haut1
   {
    
      margin-top: 320px;
      margin-left: 0%;
      margin-right: 0%;
      margin-bottom: 25px;
   }
   
    body #texte-centre1 ul{
      
      margin: 2em;
      
    }
    
    body #milieu-acceuil-contenu ul{
      
      margin-left: 0%;
      margin-right: 0%;
      
    }
    
    body #milieu-acceuil-haut2{
      
      height: 1050px;
      margin-bottom: 35px;
      background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
    }


    body #milieu-information-3{
      
      height: 170px;
      margin: 0;
    }

    body #milieu-information-3-div1{
      
      height: 300px;
      
    }

    body .btnacceuil{
      
      padding: 0px 0px 5px 5px;
      
    }

    body #milieu-acceuil-titre{
      
      height:365px;
      
    }
    
    body #milieu-acceuil-contenu ul{
     
      margin: 25px;
      
    }
    
    body #milieu-acceuil-haut2-case2{
      
      height: 280px;
      
    }
    
    body #milieu-acceuil-haut2-case2 ul
    {
      
      margin: 3em;
      
    }
    
    body #milieu-acceuil-haut2-case3
    {
      
      height : 250px;
      
     }
    
    body #milieu-acceuil-haut2-case3 ul
    {
      
      margin: 3em;
      margin-top: 0em;
    }
    
    body #milieu-information-3-div1{
      
      display:none;
    }
    
    body #widgets{
      
      height: 40px;
    }
    
    /* PAGE SERVICES */

    body #content-services{
      
      height: 2400px;
      
    }
    
    body #content-services2{
      
      text-align: center;
      height: 600px;
    }
    
    body #content-specialite-liste{
      
      height: 180px;
      
    }
    
    body #content-specialite1{
       height: 150px;
    }
    
    body #content-specialite2{
       height: 230px;
    }
    
    body #content-specialite3{
      height: 180px;
    }
    
    
     /* PAGE ACCREDITATIONS */
    
    body #content-partenariat
    {
      
      height: 250px;
      padding-left: 0%;
    }
    
    body #content-partenariat2
    {
      
      padding-left:9%;
    
    }


    body #content-partenariat3{

      padding-top: 2%;
      padding-bottom: 2%;
      padding-left: 0%;
      float: left;
      height:750px;
  
    }
    
    body #content-partenariat4{
      
      padding-left:9%;
    }

    body #content-partenaires{
       height: 2800px;
      
    }
    
    
    /* REALISATIONS */
    body #ligne-milieu-realisation
    {
      
      height: 300px;
      
    }
    
    body #content-realisations
    {
      
      height: 8150px;
      
    }
    
    
    body #content-realisations-galerie1
    {
      
      height: 2000px;
      
    }
    
    body #content-realisations-galerie2
    {
      
      height: 2600px;
      
    }
    
    body #content-realisations-galerie3
    {
      
      height: 2700px;
      
    }
    
    body #content-realisations-galerie4
    {
      
      height: 400px;
      
    }
  
    body #commercial
    {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 75%;
    }

    
    
    

    /* PAGE CONTACTS */
    body #content-contact-ledge-texture{
      
      margin-bottom: 30px;
      height: 40px;
    }
    
    
    body #container_section_contact{
      
      margin: 0%;
    }
    
     body #milieu-gauche-contact{
      
      height: 450px;
      padding: 0%;
      text-align: center;
      
     }
     
     body #milieu-gauche-contact ul.liste_style1 {
      
      
      text-align: center;
     }
    
    
    body #milieu-gauche-contact ul.liste_style3 {
      
      
      text-align: center;
     }
    
    
    body #milieu-gauche-contact ul.liste_style3 a{
      
      color: #dbdbdb;
      text-align: center;
     }
    
    
    body #content-contact{
      
      height: 1000px;
      
    }
    
  
    body #topmenu-fullwidth-ligne-contact
    {
      
      height: 255px;
      
    }
    
    body #milieu-droite-contact{
      
      height: 550px;
    }
    
    body #content-contact{
      
      margin-bottom: 30px;
      
    }


    /*------------------  Fonts  ------------------*/
    /* Grosseus de titres Frenette Construction */
    h1 {
      font-weight: 700;
      font-size: 0.8em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a {
      font-weight: 700;
      font-size: 0.8em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a:hover{
      font-weight: 700;
      font-size: 0.8em; 
      color: #99cc66;
      font-family: HelveticaTwoBQ-Bold;
    }



    /*Utilisée sur la page principale, gros titres */
    h2 {
      font-weight: 400;
      font-size: 1.5em;  
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
      font-family: HelveticaTwoBQ-Bold;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }
    
    
    h2 a{
      font-weight: 700;
      font-size: 1.8em;    
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
    }
    
    h2 a:over{
      font-weight: 700;
      font-size: 1.8em;  
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99cc66;
      line-height: 1.15em;
    }
    
    
    /*Utilisé sur la page principale */
    h3 {
      
      font-size: 0.7em;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      color: white;
      font-family: 'Roboto', bold;
      line-height: 0.7em;
      margin-top:5%;
    }
    
    h4 {
      font-size: 0.85em;  
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    h4 a{
      font-size: 0.85em;
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    
    h4 a:over{
      font-weight: 700;
      font-size: 0.85em; 
      color: #99cc66;
      margin-botton: 1%;
    }
    
    /*Petit texte utilisé un peu partout */
    h5 {
      font-size: 1.10em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.6em;
      text-align:center;
    }
    
    h5 a{
      font-size: 1.10em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.6em;
      font-weight: 700;
      text-align:center;
    }
    
    
    h5 a:hover{
      font-size: 1.10em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #99cc66;
      line-height: 1.6em;
      font-weight: 700;
      text-align:center;
    }
    
    /* Principalement utilisé page template et texte petit*/
    h6 {
      font-size: 0.75em; 
      margin-bottom: 1.85em;
      font-family: Open-sans,sans-serif !important;
      line-height: 1.45em;
      text-align: justify;
    }
    
    /*Page template texte blanc plus gros */
    h7{
      
      font-size: 1.25em;
      margin-bottom: 1.285em;
      line-height: 1.05em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /* Utilisé sur la page d'acceuil pour les " en vert*/
    h8{
      font-weight: 700;
      font-size: 1em; 
      color: #99CC66;
      font-family: 'Overpass', sans-serif !important;
      
    }

  
    /*Page réalisation texte blanc plus gros */
   h9{
     
     font-size: 0.95em; 
     margin-bottom: 1.285em;
     line-height: 0.95em;
     font-family: HelveticaTwoBQ-Bold;
     color: white;
     text-align: left;
   
   }
  
      /* Page principal en blanc - gros texte  */
     h10 {
          
        font-size: 1.0em;
        line-height: 1.0em;
        color:white;
        font-family: HelveticaTwoBQ-Bold;
        
      }
      
      h10 a{
    
      font-size: 1.0em;
      line-height: 1.0em;
      color:white;
      font-family: HelveticaTwoBQ-Bold;
      
      }
      
      h10 a:over{
    
      font-size: 1.0em;
      line-height: 1.0em;
      color: #99cc66;
      } 
    
  
    
    /*Page acceuil : gros titre en vert */
    h11 {
    
      font-size: 1.2em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      font-family: Arial, sans-serif !important;
      margin-left:2%;
      

    }
    
    h11 a{
      font-weight: 700;
      font-size: 1.0em;  
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    h11 a:over{
      font-weight: 700;
      font-size: 1.0em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    
    /*Page acceuil : services offerts */
    h12 {
      font-size: 0.7em; 
      margin-bottom: 1.285em;
      margin-top: 1.285em;
      font-family: HelveticaTwoBQ-Bold;
      color: white;
    
    }
    
    
    
    /* Liens dans les widgets en vert */
    h13{
      font-size: 0.7em;
      font-weight: 700;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      line-height: 1.0em;
    
    }
    
    h13 a{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h13 a:hover{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: #99cc66;
    }
    
    h14{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h14 a{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      text-decoration: underline;
    }
    
    h14 a:hover{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: #33CCFF;
      
    }
    
    /* Liste des services page principale */
    h15 {
      font-family: HelveticaTwoBQ-Bold;
      line-height: 0.75em;
      font-size: 0.75em;
      color: #ADD8E6;
    }
    
    
    /* Section contact - Titre téléphone */
    h16{
      
     font-family:HelveticaTwoBQ-Bold;
      line-height: 1.2em;
      font-size: 1.2em;
      color:#ADD8E6;
     
    }
    
    
    /* Section contact gros titre */
    h17{
      color: white;
      font-size: 1.4em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    h17 a{
      color: white;
      font-size: 1.4em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
      
    
    }
    
    h17 a:hover{
      color: #99CC66;
      font-size:1.4em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    
    
    /*Debut footer */
    /* Section liens sous le footer */
    h18 {
    
      font-size: 0.85em;  
      line-height: 1.9em;
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      /*text-transform: uppercase;*/
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
    }
    
    
    h18 a{
      
      font-size:0.85em; 
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      color: #595959;
      line-height: 1.9em;
    }
    
    h18 a:hover{
      color: #99CC66;
      font-size: 0.85em; 
      font-family: Arial,"sans-serif";
      text-align: left;
      line-height: 1.9em;
    }
    
    
    /*Footer texte petit sombre sans upercase */
    h19 {
    
      line-height: 0.9em;
      font-size: 0.60em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
      padding-right: 15%;
    }
    
    /* Section liens sous le footer */
    h20 {
    
      font-size: 0.65em;   
      line-height: 0.9em;
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      text-transform: uppercase;
      font-weight: 400;
      color: #99CC66;
      
    }
    
    
    /* Texte petit blanc partout dans le site*/
    h21 {
      color: #cbc9c9;
      font-size: 0.90em; 
      font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
      text-align: left;
      line-height: 2em;
    
    }
    
    /* Questions réponses */
    h22{
      
      font-size: 0.9em;
      font-family: Catamaran;
      text-align: left;
      line-height: 0.9em;
      
    }
    
    
    /* Liste des services - sous titre plus petit */
    h23 {
      font-family: Arial, Helvetica, sans-serif;
      line-height: 0.9em;
      font-size: 0.7em;
      color: #cbc9c9;
    }
    
    /* Tel footer */
    h24 {
    
      line-height: 0.8em;
      font-size: 0.65em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: white;
    }
    
    /*Section partenariat texte blanc */
    h25{
      
      font-size: 0.95em; 
      line-height: 1.05em;
      text-align: justify;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /*Utilisée sur la page principale, gros titres centré */
    h26 {
      font-weight: 400;
      font-size: 1.2em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      text-align: center;
      line-height: 1.2em;
      font-family: HelveticaTwoBQ-Bold;
    
    }
    
    /*Page realisations catégories */
    h27{
      
      font-size: 1.45em; 
      margin-bottom: 1.285em;
      line-height: 1.45em; 
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    /* Cases page acceuil */
    h28 {
      font-size: 0.85em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.65em;
      text-align: center;
    }

     h29 {
      font-size: 1.05em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.6em;
      text-align:left;
    }
    
}

/* Tablette 425px => 799 */
/*Responsive :
   (Petite résolution ordinateur)
*/
@media only screen and (min-width: 425px) and (max-width: 799px) 
{
  
   body #menu-top{
    
    background:black;
    
   }
  
   body .menu_fixedtopdivwrapper{
    
     height: 100px;
     background: none;
   }
  
    body .bg{
      
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuils800.jpg') no-repeat;
    }
    
    body .bg2{
      
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuils800.jpg') no-repeat;
      position: fixed;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      left:0;
      z-index: -2;
      opacity: 1;
    }
    
    
    body .bg4{
      
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuils800.jpg') no-repeat;
    }


    /*------------------  Changement du visuel du site  ------------------*/
    body #milieu-acceuil-contenu{
      
      margin: 0px 0%;
      
    }
    
    body #milieu-acceuil-contenu ul
    {
      
      margin: 2em 1em 0em 0em;
    }
    
   
     
    body .logo_img_top
    {
 
      margin-top: 0%;
      /*margin-left: 3%;*/


     }
   
   
    /*Bouttons page acceuil*/
    body #bouton1{
       
       display: block;
       height:55px;
    }
    
    body #bouton2{
      
       display: block;
      height:55px;
    }
    
    body #bouton3{
      
       display: block;
      height:55px;
    }
    
    
    body a.button3 {
   
    margin: 0;
    
    }
   
    #milieu-information-3-div1{
      
      display: none;
      
    }
   
   
    body .breadcrumb{
      
      display: none;
    }

    body #fullwidth-ligne-breadcrum{
      
      display: none;
    }
   
    body #menu-top{
      
      height: 0px;
      
    }
   
   body .menu-button .touch-button{
    
      margin-top: 24px;
      margin-left: 4%;
      margin-right: 4%;
    
   }
   
  
   


   
    /* PAGE ACCEUIL */
    /*Image en haut de page resize - mettre body pour overide */
    body #ligne-milieu-realisation{
   
    height: 275px;
    float:center;
    text-align: center;
    box-shadow: 0 0 15px #000000 inset;
   }

  
   
   /* Permet d'enlever les marges carré milieu */
   body #milieu-acceuil-haut1
   {
    
      margin-top: 320px;
      margin-left: 0%;
      margin-right: 0%;
      margin-bottom: 25px;
   }
   
    body #texte-centre1 ul{
      
      margin: 2em;
      
    }
    
    body #milieu-acceuil-contenu ul{
      
      margin-left: 0%;
      margin-right: 0%;
      
    }
    
    body #milieu-acceuil-haut2{
      
      height: 1050px;
      margin-bottom: 35px;
      background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/inflicted.png") repeat scroll 0 0 #111111;
    }


    body #milieu-information-3{
      
      height: 170px;
      margin: 0;
    }

    body #milieu-information-3-div1{
      
      height: 300px;
      
    }

    body .btnacceuil{
      
      padding: 0px 0px 5px 5px;
      
    }

    body #milieu-acceuil-titre{
      
      height:365px;
      
    }
    
    body #milieu-acceuil-contenu ul{
     
      margin: 25px;
      
    }
    
    body #milieu-acceuil-haut2-case2{
      
      height: 250px;
      
    }
    
    body #milieu-acceuil-haut2-case2 ul
    {
      
      margin: 3em;
      
    }
    
    body #milieu-acceuil-haut2-case3
    {
      
      height : 250px;
      
     }
    
    body #milieu-acceuil-haut2-case3 ul
    {
      
      margin: 3em;
      margin-top: 0em;
    }
    
    body #milieu-information-3-div1{
      
      display:none;
    }
    
    body #widgets{
      
      height: 40px;
    }
    
    /* PAGE SERVICES */

    body #content-services{
      
      height: 2400px;
      
    }
    
    body #content-services2{
      
      text-align: center;
      height: 600px;
    }
    
    body #content-specialite-liste{
      
      height: 180px;
      
    }
    
    body #content-specialite1{
       height: 150px;
    }
    
    body #content-specialite2{
       height: 230px;
    }
    
    body #content-specialite3{
      height: 180px;
    }
    
    
     /* PAGE ACCREDITATIONS */
    
    body #content-partenariat
    {
      
      height: 250px;
      padding-left: 0%;
    }
    
    body #content-partenariat2
    {
      
      padding-left:9%;
    
    }


    body #content-partenariat3{

      padding-top: 2%;
      padding-bottom: 2%;
      padding-left: 0%;
      float: left;
      height:750px;
  
    }
    
    body #content-partenariat4{
      
      padding-left:9%;
    }

    body #content-partenaires{
       height: 2800px;
      
    }
    
    
    /* REALISATIONS */
    body #ligne-milieu-realisation
    {
      
      height: 300px;
      
    }
    
    body #content-realisations
    {
      
      height: 5700px;
      
    }
    
    
     
  body #content-realisations-galerie1
  {
    background-color: black;
    height: 1000px;
    border-top: none;
    padding-top: 4%;
    padding-bottom: 2%;
    float: left;
  }
  
  
   body #content-realisations-galerie2
  {
    background-color: black;
    height: 1500px;
    border-top: none;
    padding-top: 4%;
    padding-bottom: 2%;
    float: left;
  }
  
  body #content-realisations-galerie3
  {
    background-color: black;
    height: 2200px;
    border-top: none;
    padding-top: 4%;
    padding-bottom: 2%;
    float: left;
  }
  
   body #content-realisations-galerie4
  {
    background-color: black;
    height: 500px;
    border-top: none;
    padding-top: 4%;
    padding-bottom: 2%;
    float: left;
  }
  
    
  
    body #commercial
    {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 50%;
    }

    
    
    

    /* PAGE CONTACTS */
    body #content-contact-ledge-texture{
      
      margin-bottom: 30px;
      height: 40px;
    }
    
    
    body #container_section_contact{
      
      margin: 0%;
    }
    
     body #milieu-gauche-contact{
      
      height: 450px;
      padding: 0%;
      text-align: center;
      
     }
     
     body #milieu-gauche-contact ul.liste_style1 {
      
      
      text-align: center;
     }
    
    
    body #milieu-gauche-contact ul.liste_style3 {
      
      
      text-align: center;
     }
    
    
    body #milieu-gauche-contact ul.liste_style3 a{
      
      color: #dbdbdb;
      text-align: center;
     }
    
    
    body #content-contact{
      
      height: 1000px;
      
    }
    
  
    body #topmenu-fullwidth-ligne-contact
    {
      
      height: 255px;
      
    }
    
    body #milieu-droite-contact{
      
      height: 550px;
    }
    
    body #content-contact{
      
      margin-bottom: 30px;
      
    }


    /*------------------  Fonts  ------------------*/
    /* Grosseus de titres Frenette Construction */
    h1 {
      font-weight: 700;
      font-size: 0.8em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a {
      font-weight: 700;
      font-size: 0.8em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a:hover{
      font-weight: 700;
      font-size: 0.8em; 
      color: #99cc66;
      font-family: HelveticaTwoBQ-Bold;
    }



    /*Utilisée sur la page principale, gros titres */
    h2 {
      font-weight: 400;
      font-size: 1.5em;  
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
      font-family: HelveticaTwoBQ-Bold;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }
    
    
    h2 a{
      font-weight: 700;
      font-size: 1.8em;    
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
    }
    
    h2 a:over{
      font-weight: 700;
      font-size: 1.8em;  
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99cc66;
      line-height: 1.15em;
    }
    
    
    /*Utilisé sur la page principale */
    h3 {
      
      font-size: 0.7em;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      color: white;
      font-family: 'Roboto', bold;
      line-height: 0.7em;
      margin-top:5%;
    }
    
    h4 {
      font-size: 0.85em;  
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    h4 a{
      font-size: 0.85em;
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    
    h4 a:over{
      font-weight: 700;
      font-size: 0.85em; 
      color: #99cc66;
      margin-botton: 1%;
    }
    
    /*Petit texte utilisé un peu partout */
    h5 {
      font-size: 1.10em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.6em;
      text-align:center;
    }
    
    h5 a{
      font-size: 1.10em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.6em;
      font-weight: 700;
      text-align:center;
    }
    
    
    h5 a:hover{
      font-size: 1.10em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #99cc66;
      line-height: 1.6em;
      font-weight: 700;
      text-align:center;
    }
    
    /* Principalement utilisé page template et texte petit*/
    h6 {
      font-size: 0.75em; 
      margin-bottom: 1.85em;
      font-family: Open-sans,sans-serif !important;
      line-height: 1.45em;
      text-align: justify;
    }
    
    /*Page template texte blanc plus gros */
    h7{
      
      font-size: 1.25em;
      margin-bottom: 1.285em;
      line-height: 1.05em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /* Utilisé sur la page d'acceuil pour les " en vert*/
    h8{
      font-weight: 700;
      font-size: 1em; 
      color: #99CC66;
      font-family: 'Overpass', sans-serif !important;
      
    }

  
    /*Page réalisation texte blanc plus gros */
   h9{
     
     font-size: 0.95em; 
     margin-bottom: 1.285em;
     line-height: 0.95em;
     font-family: HelveticaTwoBQ-Bold;
     color: white;
     text-align: left;
   
   }
  
      /* Page principal en blanc - gros texte  */
     h10 {
          
        font-size: 1.0em;
        line-height: 1.0em;
        color:white;
        font-family: HelveticaTwoBQ-Bold;
        
      }
      
      h10 a{
    
      font-size: 1.0em;
      line-height: 1.0em;
      color:white;
      font-family: HelveticaTwoBQ-Bold;
      
      }
      
      h10 a:over{
    
      font-size: 1.0em;
      line-height: 1.0em;
      color: #99cc66;
      } 
    
  
    
    /*Page acceuil : gros titre en vert */
    h11 {
    
      font-size: 1.2em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      font-family: Arial, sans-serif !important;
      margin-left:2%;
      

    }
    
    h11 a{
      font-weight: 700;
      font-size: 1.0em;  
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    h11 a:over{
      font-weight: 700;
      font-size: 1.0em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    
    /*Page acceuil : services offerts */
    h12 {
      font-size: 0.7em; 
      margin-bottom: 1.285em;
      margin-top: 1.285em;
      font-family: HelveticaTwoBQ-Bold;
      color: white;
    
    }
    
    
    
    /* Liens dans les widgets en vert */
    h13{
      font-size: 0.7em;
      font-weight: 700;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      line-height: 1.0em;
    
    }
    
    h13 a{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h13 a:hover{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: #99cc66;
    }
    
    h14{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h14 a{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      text-decoration: underline;
    }
    
    h14 a:hover{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: #33CCFF;
      
    }
    
    /* Liste des services page principale */
    h15 {
      font-family: HelveticaTwoBQ-Bold;
      line-height: 0.75em;
      font-size: 0.75em;
      color: #ADD8E6;
    }
    
    
    /* Section contact - Titre téléphone */
    h16{
      
     font-family:HelveticaTwoBQ-Bold;
      line-height: 1.2em;
      font-size: 1.2em;
      color:#ADD8E6;
     
    }
    
    
    /* Section contact gros titre */
    h17{
      color: white;
      font-size: 1.4em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    h17 a{
      color: white;
      font-size: 1.4em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
      
    
    }
    
    h17 a:hover{
      color: #99CC66;
      font-size:1.4em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    
    
    /*Debut footer */
    /* Section liens sous le footer */
    h18 {
    
      font-size: 0.85em;  
      line-height: 1.9em;
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      /*text-transform: uppercase;*/
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
    }
    
    
    h18 a{
      
      font-size:0.85em; 
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      color: #595959;
      line-height: 1.9em;
    }
    
    h18 a:hover{
      color: #99CC66;
      font-size: 0.85em; 
      font-family: Arial,"sans-serif";
      text-align: left;
      line-height: 1.9em;
    }
    
    
    /*Footer texte petit sombre sans upercase */
    h19 {
    
      line-height: 0.9em;
      font-size: 0.60em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
      padding-right: 15%;
    }
    
    /* Section liens sous le footer */
    h20 {
    
      font-size: 0.65em;   
      line-height: 0.9em;
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      text-transform: uppercase;
      font-weight: 400;
      color: #99CC66;
      
    }
    
    
    /* Texte petit blanc partout dans le site*/
    h21 {
      color: #cbc9c9;
      font-size: 0.90em; 
      font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
      text-align: left;
      line-height: 2em;
    
    }
    
    /* Questions réponses */
    h22{
      
      font-size: 0.9em;
      font-family: Catamaran;
      text-align: left;
      line-height: 0.9em;
      
    }
    
    
    /* Liste des services - sous titre plus petit */
    h23 {
      font-family: Arial, Helvetica, sans-serif;
      line-height: 0.9em;
      font-size: 0.7em;
      color: #cbc9c9;
    }
    
    /* Tel footer */
    h24 {
    
      line-height: 0.8em;
      font-size: 0.65em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: white;
    }
    
    /*Section partenariat texte blanc */
    h25{
      
      font-size: 0.95em; 
      line-height: 1.05em;
      text-align: justify;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /*Utilisée sur la page principale, gros titres centré */
    h26 {
      font-weight: 400;
      font-size: 1.2em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      text-align: center;
      line-height: 1.2em;
      font-family: HelveticaTwoBQ-Bold;
    
    }
    
    /*Page realisations catégories */
    h27{
      
      font-size: 1.45em; 
      margin-bottom: 1.285em;
      line-height: 1.45em; 
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    /* Cases page acceuil */
    h28 {
      font-size: 0.85em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.65em;
      text-align: center;
    }

     h29 {
      font-size: 1.05em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.6em;
      text-align:left;
    }
    
}


/*Responsive : Tablette iPad / Android / Ordinateur petite resolution : Media entre 501 px -> 1024px (Tablette) */
@media screen and (min-width: 800px) and (max-width: 1024px) 
{ 

    body #container_header {
  
      /*Sert à mettre le margin sur les éléments de header (logo)*/
      text-align: left;
      vertical-align: middle;
      white-space: normal;
      margin: 0px 1.5%;
  
    }

    body .logo_img_top
    {
 
      margin-top: 0%;
      margin-left: 1.5%;


     }
     
     
     body .bg2
     {
  
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuilipad.jpg') no-repeat;
      position: fixed;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      left:0;
      z-index: -2;
      opacity: 1;
    }

      body .bg
    {
  
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/C001-ipad.jpg') no-repeat;
      position: fixed;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      left:0;
      z-index: -2;
      opacity: 1;
  }

    /* Permet d'enlever les marges carré milieu */
    body #milieu-acceuil-haut1
    {
    
      margin-top: 300px;
    
    }

    body #milieu-acceuil-haut2
    {
    
      height: 975px;
      margin-bottom: 0;
    
    }
    
    
    body #milieu-acceuil-haut2-case2{
      
      height: 600px;
      
    }
    
    body #milieu-acceuil-haut2-case3{
      
      height: 600px;
      
    }
    
   
   
    body #menu-top{
      
      height: 5px;
      
    }

    
    body .btnacceuil{
      
      padding: 5px 5px 5px 5px;
      
    }



    
    
    body #milieu-acceuil-contenu{
  
        margin: 0px 6%;
        /*border: 1px solid #252525;*/
      
        background-color: #000000;
        float: left;
        height: 475px;
        opacity: 0.95;
        /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
        box-shadow: 0px 25px 75px #000 inset;
    
    }

    body #commercial {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    }
    
    body #milieu-acceuil-contenu ul{
      
      margin: 4em 4em 4em 4em;
      
    }

    
     body #milieu-acceuil-haut2-case2 ul
     {
      
       margin: 3em 6em 6em 6em;
       
      }
    
    body #milieu-acceuil-haut2-case3 ul
    {
      
       margin: 3em 6em 6em 8em;
       
    }
    
    
    
    body #milieu-acceuil-haut2-case2
    {
      
      height: 400px;
      
    }

   body #milieu-acceuil-haut2-case3
    {
      
      height: 400px;
      
    }
    
    
    body #milieu-information-3-div1{
      
      
    }
    
    body #widgets{
      
        height: 15px;
    }
   /*SECTION SERVICE */
  body #content-services2
  {
    height: 475px;

  }

    body #content-services{
    
    height: 1800px;
    
  }



   /*SECTION ACCREDITATIONS */
   body #content-partenariat3{
    
      height: 400px;
    
   }

   body #content-partenaires
   {
    
      height: 2800px;
    
   }


    

   /* SECTION CONTACT */


  body #container_section_contact{
    
    
    margin:0%;
    
  }

 body #content-contact{
  
    height: 650px;
    margin-bottom: 125px;
  }

  
   /* SECTION REALISATION */
   body #content-realisations{
    
    height: 4100px;
   }
   
  
   
  body #content-realisations-galerie1
  {
    background-color: black;
    height: 800px;
    border-top: none;
    padding-top: 4%;
    padding-bottom: 2%;
    float: left;
  }
  
  
   body #content-realisations-galerie2
  {
    background-color: black;
    height: 1200px;
    border-top: none;
    padding-top: 4%;
    padding-bottom: 2%;
    float: left;
  }
  
  body #content-realisations-galerie3
  {
    background-color: black;
    height: 1200px;
    border-top: none;
    padding-top: 4%;
    padding-bottom: 2%;
    float: left;
  }
  
   body #content-realisations-galerie4
  {
    background-color: black;
    height: 500px;
    border-top: none;
    padding-top: 4%;
    padding-bottom: 2%;
    float: left;
  }
  
  
 /* Grosseus de titres Frenette Construction */
    h1 {
      font-weight: 700;
      font-size: 0.8em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a {
      font-weight: 700;
      font-size: 0.8em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a:hover{
      font-weight: 700;
      font-size: 0.8em; 
      color: #99cc66;
      font-family: HelveticaTwoBQ-Bold;
    }



    /*Utilisée sur la page principale, gros titres */
    h2 {
      font-weight: 400;
      font-size: 1.85em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
      font-family: HelveticaTwoBQ-Bold;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    }
    
    
    h2 a{
      font-weight: 700;
      font-size: 1.85em;  
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
    }
    
    h2 a:over{
      font-weight: 700;
      font-size: 1.85em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99cc66;
      line-height: 1.15em;
    }
    
    
    /*Utilisé sur la page principale */
    h3 {
      
      font-size: 0.7em;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      color: white;
      font-family: 'Roboto', bold;
      line-height: 0.8em;
      margin-top:5%;
    }
    
    h4 {
      font-size: 0.8em;  
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    h4 a{
      font-size: 0.8em; 
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    
    h4 a:over{
      font-weight: 700;
      font-size: 1.0em; 
      color: #99cc66;
      margin-botton: 1%;
    }
    
    /*Petit texte utilisé un peu partout */
    h5 {
      font-size: 1.25em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.8em;
    }
    
    h5 a{
      font-size: 1.25em;  
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.8em;
      font-weight: 700;
    }
    
    
    h5 a:hover{
      font-size: 1.25em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #99cc66;
      line-height: 1.8em;
      font-weight: 700;
    }
    
    /* Principalement utilisé page template et texte petit*/
    h6 {
      font-size: 0.85em; 
      margin-bottom: 1.85em;
      font-family: Open-sans,sans-serif !important;
      line-height: 1.55em;
      text-align: justify;
    }
    
    /*Page template texte blanc plus gros */
    h7{
      
      font-size: 1.25em;
      margin-bottom: 1.285em;
      line-height: 1.25em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /* Utilisé sur la page d'acceuil pour les " en vert*/
    h8{
      font-weight: 700;
      font-size: 0.85em; 
      color: #99CC66;
      font-family: 'Overpass', sans-serif !important;
      
    }

  
    /*Page réalisation texte blanc plus gros */
   h9{
     
     font-size: 1.05em; 
     margin-bottom: 1.285em;
     line-height: 1.15em;
     font-family: HelveticaTwoBQ-Bold;
     color: white;
     text-align: left;
   
   }
  
    /* Page principal en blanc - gros texte  */
    h10 {
    
      font-size: 1.6em;
      line-height: 1.6em;
      color:white;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    
    h10 a{
      
      font-size: 1.6em; 
      line-height: 2.8em;
      color: white;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h10 a:over{
      
      font-size: 1.6em; 
      line-height: 1.6em;
      color: #99cc66;
    }
  
    
    /*Page acceuil : gros titre en vert */
    h11 {
    
      font-size: 1.55em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      font-family: Arial, sans-serif !important;
      margin-left:2%;
    }
    
    h11 a{
      font-weight: 700;
      font-size: 1.2em;  
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    h11 a:over{
      font-weight: 700;
      font-size: 1.2em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    
    /*Page acceuil : services offerts */
    h12 {
      font-size: 0.8em; 
      margin-bottom: 1.285em;
      margin-top: 1.285em;
      font-family: HelveticaTwoBQ-Bold;
      color: white;
    
    }
    
    
    
    /* Liens dans les widgets en vert */
    h13{
      font-size: 0.8em;
      font-weight: 700;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      line-height: 1.1em;
    
    }
    
    h13 a{
      font-size: 0.8em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h13 a:hover{
      font-size: 0.8em;
      font-family:HelveticaTwoBQ-Bold;
      color: #99cc66;
    }
    
    h14{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h14 a{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      text-decoration: underline;
    }
    
    h14 a:hover{
      font-size: 0.7em;
      font-family:HelveticaTwoBQ-Bold;
      color: #33CCFF;
      
    }
    
    /* Liste des services page principale */
    h15 {
      font-family: HelveticaTwoBQ-Bold;
      line-height: 0.85em;
      font-size: 0.85em;
      color: #ADD8E6;
    }
    
    
    /* Section contact - Titre téléphone */
    h16{
      
     font-family:HelveticaTwoBQ-Bold;
      line-height: 1.4em;
      font-size: 1.4em;
      color:#ADD8E6;
     
    }
    
    
    /* Section contact gros titre */
    h17{
      color: white;
      font-size: 1.6em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    h17 a{
      color: white;
      font-size: 1.6em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
      
    
    }
    
    h17 a:hover{
      color: #99CC66;
      font-size:1.6em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    
    
    /*Debut footer */
    /* Section liens sous le footer */
    h18 {
    
      font-size: 0.95em;   
      line-height: 2.1em;
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      /*text-transform: uppercase;*/
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
    }
    
    
    h18 a{
      
      font-size:0.95em;
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      color: #595959;
      line-height: 2.1em;
    }
    
    h18 a:hover{
      color: #99CC66;
      font-size: 0.95em; 
      font-family: Arial,"sans-serif";
      text-align: left;
      line-height: 2.1em;
    }
    
    
    /*Footer texte petit sombre sans upercase */
    h19 {
    
      line-height: 1em;
      font-size: 0.65em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
      padding-right: 15%;
    }
    
    /* Section liens sous le footer */
    h20 {
    
      font-size: 0.65em;   
      line-height: 1.0em;
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      text-transform: uppercase;
      font-weight: 400;
      color: #99CC66;
      
    }
    
    
    /* Texte petit blanc partout dans le site*/
    h21 {
      color: #cbc9c9;
      font-size: 1em; 
      font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
      text-align: left;
      line-height: 1.6em;
    
    }
    
    /* Questions réponses */
    h22{
      
      font-size: 1.1em;
      font-family: Catamaran;
      text-align: left;
      line-height: 1.1em;
      
    }
    
    
    /* Liste des services - sous titre plus petit */
    h23 {
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1em;
      font-size: 0.8em;
      color: #cbc9c9;
    }
    
    /* Tel footer */
    h24 {
    
      line-height: 1em;
      font-size: 0.7em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: white;
    }
    
    /*Section partenariat texte blanc */
    h25{
      
      font-size: 1.05em; 
      line-height: 1.35em;
      text-align: justify;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /*Utilisée sur la page principale, gros titres centré */
    h26 {
      font-weight: 400;
      font-size: 1.4em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      text-align: center;
      line-height: 1.4em;
      font-family: HelveticaTwoBQ-Bold;
    
    }
    
    /*Page realisations catégories */
    h27{
      
      font-size: 1.05em; 
      margin-bottom: 1.285em;
      line-height: 1.10em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    /* Cases page acceuil */
    h28 {
      font-size: 0.95em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.75em;
    
    }

    h29 {
      font-size: 1.10em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.6em;
      text-align:left;
    }
}



/*Responsive : Ordinateur / TV 720p+ : Media entre 1025px -> 1367px  */
@media screen and (min-width: 1025px) and (max-width: 1365px) 
{ 

  
      /*SECTION PAGE ACCEUIL*/
  
      /* Permet d'enlever les marges carré milieu */
     body #milieu-acceuil-haut1
     {
      
        margin-top: 200px;
      
     }

     body #milieu-acceuil-contenu{
  
        margin: 0px 3%;
        /*border: 1px solid #252525;*/
      
        background-color: #000000;
        float: left;
        height: 475px;
        opacity: 0.95;
        /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
        box-shadow: 0px 25px 75px #000 inset;
    
    }
    
    body #milieu-acceuil-contenu ul{
      
      margin: 4em 4em 4em 4em;
      
    }

    
      body #milieu-acceuil-haut2-case2 ul
     {
      
       margin: 3em 9em 6em 9em;
       
      }
    
    body #milieu-acceuil-haut2-case3 ul
    {
      
       margin: 3em 6em 6em 14em;
       
    }
    
    body #content-partenariat3{
      
      padding-left: 0;
    }
    
    
    body #content-partenariat4{
      
      padding-left: 8%;
      
    }
    
    body #milieu-acceuil-haut1 {
      margin-top: 325px;
    }
    
    body .bg2 {
  
  
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuils1366.jpg') no-repeat;
      position: fixed;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      left:0;
      z-index: -2;
      opacity: 1;
    
    }
    
    
     body .bg
     {
  
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/C001-1300.jpg') no-repeat;
      position: fixed;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      left:0;
      z-index: -2;
      opacity: 1;
     }
 
     body #content-realisations{
      
       height: 4400px;
      
     }
     
     
     body #content-realisations-galerie1
     {
      
      height: 1000px;
      
     }
     
     body #content-realisations-galerie2
     {
      
      height: 1300px;
      
     }
     
     
     
     body #content-realisations-galerie3
     {
      
      height: 1000px;
      
     }
     
     body #content-realisations-galerie4
     {
      
      height: 500px;
      
     }
     
     body .btnacceuil{
      
      padding: 5px 5px 10px 10px;
      
    }

    /* Grosseus de titres Frenette Construction */
    h1 {
      font-weight: 700;
      font-size: 1em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a {
      font-weight: 700;
      font-size: 1em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a:hover{
      font-weight: 700;
      font-size: 1em; 
      color: #99cc66;
      font-family: HelveticaTwoBQ-Bold;
    }



    /*Utilisée sur la page principale, gros titres */
    h2 {
      font-weight: 400;
      font-size: 2.1em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
      font-family: HelveticaTwoBQ-Bold;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; 
    }
    
    
    h2 a{
      font-weight: 700;
      font-size: 2.2em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
    }
    
    h2 a:over{
      font-weight: 700;
      font-size: 2.2em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99cc66;
      line-height: 1.35em;
    }
    
    
    /*Utilisé sur la page principale */
    h3 {
      
      font-size: 0.8em;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      color: white;
      font-family: 'Roboto', bold;
      line-height: 0.8em;
      margin-top:5%;
    }
    
    h4 {
      font-size: 0.8em;  
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    h4 a{
      font-size: 0.8em; 
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    
    h4 a:over{
      font-weight: 700;
      font-size: 1.0em; 
      color: #99cc66;
      margin-botton: 1%;
    }
    
    /*Petit texte utilisé un peu partout */
    h5 {
      font-size: 1.35em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.8em;
    }
    
    h5 a{
      font-size: 1.35em;  
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.8em;
      font-weight: 700;
    }
    
    
    h5 a:hover{
      font-size: 1.35em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #99cc66;
      line-height: 1.8em;
      font-weight: 700;
    }
    
    /* Principalement utilisé page template et texte petit*/
    h6 {
      font-size: 0.85em; 
      margin-bottom: 1.85em;
      font-family: Open-sans,sans-serif !important;
      line-height: 1.55em;
      text-align: justify;
    }
    
    /*Page template texte blanc plus gros */
    h7{
      
      font-size: 1.25em;
      margin-bottom: 1.285em;
      line-height: 1.45em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /* Utilisé sur la page d'acceuil pour les " en vert*/
    h8{
      font-weight: 700;
      font-size: 0.85em; 
      color: #99CC66;
      font-family: 'Overpass', sans-serif !important;
      
    }

  
    /*Page réalisation texte blanc plus gros */
   h9{
     
     font-size: 1.25em; 
     margin-bottom: 1.285em;
     line-height: 1.35em;
     font-family: HelveticaTwoBQ-Bold;
     color: white;
     text-align: left;
   
   }
  
    /* Page principal en blanc - gros texte  */
    h10 {
    
      font-size: 1.8em;
      line-height: 1.8em;
      color:white;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    
    h10 a{
      
      font-size: 1.8em; 
      line-height: 2.8em;
      color: white;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h10 a:over{
      
      font-size: 2.8em; 
      line-height: 2.8em; 
      color: #99cc66;
    }
  
    
    /*Page acceuil : gros titre en vert */
    h11 {
    
      font-size: 1.25em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      font-family: Arial, sans-serif !important;
      margin-left:2%;
    }
    
    h11 a{
      font-weight: 700;
      font-size: 1.3em;  
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    h11 a:over{
      font-weight: 700;
      font-size: 1.3em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    
    /*Page acceuil : services offerts */
    h12 {
      font-size: 0.8em; 
      margin-bottom: 1.285em;
      margin-top: 1.285em;
      font-family: HelveticaTwoBQ-Bold;
      color: white;
    
    }
    
    
    
    /* Liens dans les widgets en vert */
    h13{
      font-size: 0.9em;
      font-weight: 700;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      line-height: 1.3em;
    
    }
    
    h13 a{
      font-size: 0.9em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h13 a:hover{
      font-size: 0.9em;
      font-family:HelveticaTwoBQ-Bold;
      color: #99cc66;
    }
    
    h14{
      font-size: 0.8em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h14 a{
      font-size: 0.8em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      text-decoration: underline;
    }
    
    h14 a:hover{
      font-size: 0.8em;
      font-family:HelveticaTwoBQ-Bold;
      color: #33CCFF;
      
    }
    
    /* Liste des services page principale */
    h15 {
      font-family: HelveticaTwoBQ-Bold;
      line-height: 1.05em;
      font-size: 1.05em;
      color: #ADD8E6;
    }
    
    
    /* Section contact - Titre téléphone */
    h16{
      
     font-family:HelveticaTwoBQ-Bold;
      line-height: 1.6em;
      font-size: 1.6em;
      color:#ADD8E6;
     
    }
    
    
    /* Section contact gros titre */
    h17{
      color: white;
      font-size: 1.8em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    h17 a{
      color: white;
      font-size: 0.65em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
      
    
    }
    
    h17 a:hover{
      color: #99CC66;
      font-size: 0.65em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    
    
    /*Debut footer */
    /* Section liens sous le footer */
    h18 {
    
      font-size: 0.95em;   
      line-height: 2.3em;
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      /*text-transform: uppercase;*/
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
    }
    
    
    h18 a{
      
      font-size:0.95em;
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      color: #595959;
      line-height: 2.3em;
    }
    
    h18 a:hover{
      color: #99CC66;
      font-size: 0.95em; 
      font-family: Arial,"sans-serif";
      text-align: left;
      line-height: 2.3em;
    }
    
    
    /*Footer texte petit sombre sans upercase */
    h19 {
    
      line-height: 1.2em;
      font-size: 0.75em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
      padding-right: 15%;
    }
    
    /* Section liens sous le footer */
    h20 {
    
      font-size: 0.75em;   
      line-height: 1.2em;
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      text-transform: uppercase;
      font-weight: 400;
      color: #99CC66;
      
    }
    
    
    /* Texte petit blanc partout dans le site*/
    h21 {
      color: #cbc9c9;
      font-size: 1.05em; 
      font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
      text-align: left;
      line-height: 1.8em;
    
    }
    
    /* Questions réponses */
    h22{
      
      font-size: 1.3em;
      font-family: Catamaran;
      text-align: left;
      line-height: 1.3em;
      
    }
    
    
    /* Liste des services - sous titre plus petit */
    h23 {
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1em;
      font-size: 0.9em;
      color: #cbc9c9;
    }
    
    /* Tel footer */
    h24 {
    
      line-height: 1.2em;
      font-size: 0.7em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: white;
    }
    
    /*Section partenariat texte blanc */
    h25{
      
      font-size: 1.25em; 
      line-height: 1.55em;
      text-align: justify;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /*Utilisée sur la page principale, gros titres centré */
    h26 {
      font-weight: 400;
      font-size: 1.6em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      text-align: center;
      line-height: 1.6em;
      font-family: HelveticaTwoBQ-Bold;
    
    }
    
    /*Page realisations catégories */
    h27{
      
      font-size: 1.25em; 
      margin-bottom: 1.285em;
      line-height: 1.30em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    /* Cases page acceuil */
    h28 {
      font-size: 1.05em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.75em;
    
    }


  h29 {
      font-size: 1.35em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.6em;
      text-align:left;
    }

}




/*Responsive : Ordinateur / TV : Media entre 1366 -> 1680 px (Reference 1080p)*/
@media screen and (min-width: 1366px) and (max-width: 1680px) 
{ 
    
    /* SECTION PAGE ACCEUIL */
    
    body .btnacceuil{
      
      padding: 5px 5px 10px 10px;
      
    }
    
     body #milieu-acceuil-contenu{
  
        margin: 0px 6%;
        /*border: 1px solid #252525;*/
      
        background-color: #000000;
        float: left;
        height: 475px;
        opacity: 0.95;
        /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
        box-shadow: 0px 25px 75px #000 inset;
    
    }
    
    body .bg2 {
  
  
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuil1680.jpg') no-repeat;
      position: fixed;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      left:0;
      z-index: -2;
      opacity: 1;
    
    }

    
    body #content-realisations{
      
       height: 4100px;
      
     }
     
     
     body #content-realisations-galerie1
     {
      
      height: 900px;
      
     }
     
     body #content-realisations-galerie2
     {
      
      height: 1200px;
      
     }
     
     
     
     body #content-realisations-galerie3
     {
      
      height: 800px;
      
     }
     
     body #content-realisations-galerie4
     {
      
      height: 500px;
      
     }
    
    

    /* Grosseus de titres Frenette Construction */
    h1 {
      font-weight: 700;
      font-size: 1.1em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a {
      font-weight: 700;
      font-size: 1.2em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a:hover{
      font-weight: 700;
      font-size: 1.2em; 
      color: #99cc66;
      font-family: HelveticaTwoBQ-Bold;
    }



    /*Utilisée sur la page principale, gros titres */
    h2 {
      font-weight: 400;
      font-size: 2.2em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
      line-height: 1.35em;
      font-family: HelveticaTwoBQ-Bold;
    
    }
    
    
    h2 a{
      font-weight: 700;
      font-size: 2.6em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
    }
    
    h2 a:over{
      font-weight: 700;
      font-size: 3em; /* = 30px */
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99cc66;
      line-height: 1.35em;
    }
    
    
    /*Utilisé sur la page principale */
    h3 {
      
      font-size: 1.0em; /* = 18px */
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      color: white;
      font-family: 'Roboto', bold;
      line-height: 1.0em;
      margin-top:5%;
    }
    
    h4 {
      /*font-weight: 700;*/
      font-size: 1.0em; /* = 30px */
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    h4 a{
      /*font-weight: 700;*/
      font-size: 1.0em; /* = 30px */
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    
    h4 a:over{
      font-weight: 700;
      font-size: 1.2em; /* = 30px */
      color: #99cc66;
      margin-botton: 1%;
    }
    
    /*Petit texte utilisé un peu partout */
    h5 {
      font-size: 1.25em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.75em;
    }
    
    h5 a{
      font-size: 1.25em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.75em;
      font-weight: 700;
    }
    
    
    h5 a:hover{
      font-size: 1.25em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #99cc66;
      line-height: 1.75em;
      font-weight: 700;
    }
    
    /* Principalement utilisé page template et texte petit*/
    h6 {
      font-size: 1.05em; 
      margin-bottom: 1.85em;
      font-family: Open-sans,sans-serif !important;
      line-height: 1.75em;
      text-align: justify;
    }
    
    /*Page template texte blanc plus gros */
    h7{
      
      font-size: 1.35em; /* = 16px */
      margin-bottom: 1.285em;
      line-height: 1.60em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /* Utilisé sur la page d'acceuil pour les " en vert*/
    h8{
      font-weight: 700;
      font-size: 1.05em; 
      color: #99CC66;
      font-family: 'Overpass', sans-serif !important;
      
    }

  
    /*Page réalisation texte blanc plus gros */
   h9{
     
     font-size: 1.35em; /* = 16px */
     margin-bottom: 1.285em;
     line-height: 1.35em;
     font-family: HelveticaTwoBQ-Bold;
     color: white;
     text-align: left;
   
   }
  
    /* Page principal en blanc - gros texte  */
    h10 {
    
      font-size: 2em;
      line-height: 1.25em;
      color:white;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    
    h10 a{
      
      font-size: 2em; 
      line-height: 3em;
      color: white;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h10 a:over{
      
      font-size: 3em; 
      line-height: 3em;
      color: #99cc66;
    }
  
    
    /*Page acceuil : gros titre en vert */
    h11 {
    
      font-size: 1.5em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      font-family: Arial, sans-serif !important;
      margin-left:2%;
    }
    
    h11 a{
      font-weight: 700;
      font-size: 1.5em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    h11 a:over{
      font-weight: 700;
      font-size: 1.5em; /* = 30px */
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    
    /*Page acceuil : services offerts */
    h12 {
      font-size: 1em; /* = 16px */
      margin-bottom: 1.285em;
      margin-top: 1.285em;
      font-family: HelveticaTwoBQ-Bold;
      color: white;
    
    }
    
    
    
    /* Liens dans les widgets en vert */
    h13{
      font-size: 1.1em;
      font-weight: 700;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      line-height: 1.5em;
    
    }
    
    h13 a{
      font-size: 1.1em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h13 a:hover{
      font-size: 1.1em;
      font-family:HelveticaTwoBQ-Bold;
      color: #99cc66;
    }
    
    h14{
      font-size: 1.0em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h14 a{
      font-size: 1.0em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      text-decoration: underline;
    }
    
    h14 a:hover{
      font-size: 1.0em;
      font-family:HelveticaTwoBQ-Bold;
      color: #33CCFF;
      
    }
    
    /* Liste des services page principale */
    h15 {
      font-family: HelveticaTwoBQ-Bold;
      line-height: 1em;
      font-size: 1.25em;
      color: #ADD8E6;
    }
    
    
    /* Section contact - Titre téléphone */
    h16{
      
     font-family:HelveticaTwoBQ-Bold;
      line-height: 1.5em;
      font-size: 1.5em;
      color:#ADD8E6;
     
    }
    
    
    /* Section contact gros titre */
    h17{
      color: white;
      font-size: 2em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    h17 a{
      color: white;
      font-size: 0.85em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
      
    
    }
    
    h17 a:hover{
      color: #99CC66;
      font-size: 0.85em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    
    
    /*Debut footer */
    /* Section liens sous le footer */
    h18 {
    
      font-size: 0.95em;   
      line-height: 2.5em;
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      /*text-transform: uppercase;*/
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
    }
    
    
    h18 a{
      
      font-size:0.95em; 
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      color: #595959;
      line-height: 2.5em;
    }
    
    h18 a:hover{
      color: #99CC66;
      font-size: 0.95em; 
      font-family: Arial,"sans-serif";
      text-align: left;
      line-height: 2.5em;
    }
    
    
    /*Footer texte petit sombre sans upercase */
    h19 {
    
      line-height: 1.4em;
      font-size: 0.95em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
      padding-right: 15%;
    }
    
    /* Section liens sous le footer */
    h20 {
    
      font-size: 0.95em;   
      line-height: 1.4em;
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      text-transform: uppercase;
      font-weight: 400;
      color: #99CC66;
      
    }
    
    
    /* Texte petit blanc partout dans le site*/
    h21 {
      color: #cbc9c9;
      font-size: 1.15em; 
      font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
      text-align: left;
      line-height: 1.35em;
    
    }
    
    /* Questions réponses */
    h22{
      
      font-size: 1.5em;
      font-family: Catamaran;
      text-align: left;
      line-height: 1.5em;
      
    }
    
    
    /* Liste des services - sous titre plus petit */
    h23 {
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1em;
      font-size: 1.10em;
      color: #cbc9c9;
    }
    
    /* Tel footer */
    h24 {
    
      line-height: 1.4em;
      font-size: 0.9em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: white;
    }
    
    /*Section partenariat texte blanc */
    h25{
      
      font-size: 1.30em; /* = 16px */
      line-height: 1.75em;
      text-align: justify;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /*Utilisée sur la page principale, gros titres centré */
    h26 {
      font-weight: 400;
      font-size: 1.8em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      text-align: center;
      line-height: 1.35em;
      font-family: HelveticaTwoBQ-Bold;
    
    }
    
    /*Page realisations catégories */
    h27{
      
      font-size: 1.45em; /* = 16px */
      margin-bottom: 1.285em;
      line-height: 1.50em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    /* Cases page acceuil */
    h28 {
      font-size: 1.25em; /* = 18px */
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.75em;
    
    }
    
      h29 {
      font-size: 1.40em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Open Sans', sans-serif !important;
      line-height: 1.6em;
      text-align:left;
      font-weight: bold;
    }
}



/*Responsive : Ordinateur / TV : Media entre 1681 -> 1999 px (Reference 1080p)*/
@media screen and (min-width: 1681px) and (max-width: 1999px) 
{ 
    
    /* SECTION PAGE ACCEUIL */
    
    body .btnacceuil{
      
      padding: 5px 5px 10px 10px;
      
    }
    
    
    body #milieu-acceuil-contenu{
  
        margin: 0px 12%;
        background-color: #000000;
        float: left;
        height: 475px;
        opacity: 0.95;
        /*background: url("http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/patterns/grey2.png") repeat scroll 0 0 #111111;*/
        box-shadow: 0px 25px 75px #000 inset;
    
    }
    
    
    body #milieu-acceuil-contenu ul{
      
      margin: 4em 4em 4em 4em;
      
    }

     body #milieu-acceuil-haut2-case2 ul
     {
      
       margin: 3em 9em 6em 9em;
       
      }
    
    body #milieu-acceuil-haut2-case3 ul
    {
      
       margin: 3em 6em 6em 14em;
       
    }
    
   
    
    body #milieu-acceuil-haut2{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
      
    }
    
    body #milieu-acceuil-haut2-case2{
      
         flex: 1;
      
    }
    
    
    body .bg2 {
  
  
      background: url('http://www.frenetteconstruction.com/wp-content/themes/responsive/core/images/Photos/Acceuil2k5.jpg') no-repeat;
      position: fixed;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      left:0;
      z-index: -2;
      opacity: 1;
    
    }


    /* Grosseus de titres Frenette Construction */
    h1 {
      font-weight: 700;
      font-size: 1.1em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a {
      font-weight: 700;
      font-size: 1.2em; 
      color: #C0C0C0;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h1 a:hover{
      font-weight: 700;
      font-size: 1.2em; 
      color: #99cc66;
      font-family: HelveticaTwoBQ-Bold;
    }



    /*Utilisée sur la page principale, gros titres */
    h2 {
      font-weight: 400;
      font-size: 2.6em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
      line-height: 1.35em;
      font-family: HelveticaTwoBQ-Bold;
    
    }
    
    
    h2 a{
      font-weight: 700;
      font-size: 2.6em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
    }
    
    h2 a:over{
      font-weight: 700;
      font-size: 2.6em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99cc66;
      line-height: 1.35em;
    }
    
    
    /*Utilisé sur la page principale */
    h3 {
      
      font-size: 1.0em; /* = 18px */
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      color: white;
      font-family: 'Roboto', bold;
      line-height: 1.0em;
      margin-top:5%;
    }
    
    h4 {
      /*font-weight: 700;*/
      font-size: 1.0em; /* = 30px */
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    h4 a{
      /*font-weight: 700;*/
      font-size: 1.0em; /* = 30px */
      color: white;
      font-family: HelveticaTwoBQ-Bold !important;
      margin-botton: 1%;
    }
    
    
    h4 a:over{
      font-weight: 700;
      font-size: 1.2em; /* = 30px */
      color: #99cc66;
      margin-botton: 1%;
    }
    
    /*Petit texte utilisé un peu partout */
    h5 {
      font-size: 1.45em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.75em;
    }
    
    h5 a{
      font-size: 1.25em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.75em;
      font-weight: 700;
    }
    
    
    h5 a:hover{
      font-size: 1.25em; 
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #99cc66;
      line-height: 1.75em;
      font-weight: 700;
    }
    
    /* Principalement utilisé page template et texte petit*/
    h6 {
      font-size: 1.05em; 
      margin-bottom: 1.85em;
      font-family: Open-sans,sans-serif !important;
      line-height: 1.75em;
      text-align: justify;
    }
    
    /*Page template texte blanc plus gros */
    h7{
      
      font-size: 1.35em; /* = 16px */
      margin-bottom: 1.285em;
      line-height: 1.60em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /* Utilisé sur la page d'acceuil pour les " en vert*/
    h8{
      font-weight: 700;
      font-size: 1.05em; 
      color: #99CC66;
      font-family: 'Overpass', sans-serif !important;
      
    }

  
    /*Page réalisation texte blanc plus gros */
   h9{
     
     font-size: 1.35em; /* = 16px */
     margin-bottom: 1.285em;
     line-height: 1.35em;
     font-family: HelveticaTwoBQ-Bold;
     color: white;
     text-align: left;
   
   }
  
    /* Page principal en blanc - gros texte  */
    h10 {
    
      font-size: 2em;
      line-height: 1.25em;
      color:white;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    
    h10 a{
      
      font-size: 2em; 
      line-height: 3em;
      color: white;
      font-family: HelveticaTwoBQ-Bold;
    }
    
    h10 a:over{
      
      font-size: 3em; 
      line-height: 3em;
      color: #99cc66;
    }
  
    
    /*Page acceuil : gros titre en vert */
    h11 {
    
      font-size: 1.5em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      font-family: Arial, sans-serif !important;
      margin-left:2%;
    }
    
    h11 a{
      font-weight: 700;
      font-size: 1.5em; 
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    h11 a:over{
      font-weight: 700;
      font-size: 1.5em; /* = 30px */
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99CC66;
      margin-left:2%;
    }
    
    
    /*Page acceuil : services offerts */
    h12 {
      font-size: 1em; /* = 16px */
      margin-bottom: 1.285em;
      margin-top: 1.285em;
      font-family: HelveticaTwoBQ-Bold;
      color: white;
    
    }
    
    
    
    /* Liens dans les widgets en vert */
    h13{
      font-size: 1.1em;
      font-weight: 700;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      margin-bottom: 1.125em;
      margin-top: 1.125em;
      line-height: 1.5em;
    
    }
    
    h13 a{
      font-size: 1.1em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h13 a:hover{
      font-size: 1.1em;
      font-family:HelveticaTwoBQ-Bold;
      color: #99cc66;
    }
    
    h14{
      font-size: 1.0em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      
    }
    
    h14 a{
      font-size: 1.0em;
      font-family:HelveticaTwoBQ-Bold;
      color: white;
      text-decoration: underline;
    }
    
    h14 a:hover{
      font-size: 1.0em;
      font-family:HelveticaTwoBQ-Bold;
      color: #33CCFF;
      
    }
    
    /* Liste des services page principale */
    h15 {
      font-family: HelveticaTwoBQ-Bold;
      line-height: 1em;
      font-size: 1.25em;
      color: #ADD8E6;
    }
    
    
    /* Section contact - Titre téléphone */
    h16{
      
     font-family:HelveticaTwoBQ-Bold;
      line-height: 1.5em;
      font-size: 1.5em;
      color:#ADD8E6;
     
    }
    
    
    /* Section contact gros titre */
    h17{
      color: white;
      font-size: 2em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    h17 a{
      color: white;
      font-size: 0.85em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
      
    
    }
    
    h17 a:hover{
      color: #99CC66;
      font-size: 0.85em; 
      font-family:HelveticaTwoBQ-Bold;
      text-align: left;
    
    }
    
    
    
    /*Debut footer */
    /* Section liens sous le footer */
    h18 {
    
      font-size: 0.95em;   
      line-height: 2.5em;
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      /*text-transform: uppercase;*/
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
    }
    
    
    h18 a{
      
      font-size:0.95em; 
      font-family: Arial,"sans-serif";
      /*font-family: Helvetica, Arial,sans-serif !important;;*/
      text-align: left;
      color: #595959;
      line-height: 2.5em;
    }
    
    h18 a:hover{
      color: #99CC66;
      font-size: 0.95em; 
      font-family: Arial,"sans-serif";
      text-align: left;
      line-height: 2.5em;
    }
    
    
    /*Footer texte petit sombre sans upercase */
    h19 {
    
      line-height: 1.4em;
      font-size: 0.95em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: hsla(0, 0%, 100%, 0.3);
      padding-right: 15%;
    }
    
    /* Section liens sous le footer */
    h20 {
    
      font-size: 0.95em;   
      line-height: 1.4em;
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      text-transform: uppercase;
      font-weight: 400;
      color: #99CC66;
      
    }
    
    
    /* Texte petit blanc partout dans le site*/
    h21 {
      color: #cbc9c9;
      font-size: 1.15em; 
      font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
      text-align: left;
      line-height: 1.35em;
    
    }
    
    /* Questions réponses */
    h22{
      
      font-size: 1.5em;
      font-family: Catamaran;
      text-align: left;
      line-height: 1.5em;
      
    }
    
    
    /* Liste des services - sous titre plus petit */
    h23 {
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1em;
      font-size: 1.10em;
      color: #cbc9c9;
    }
    
    /* Tel footer */
    h24 {
    
      line-height: 1.4em;
      font-size: 0.9em; 
      font-family: Helvetica, Arial,sans-serif;
      text-align: left;
      font-weight: 400;
      color: white;
    }
    
    /*Section partenariat texte blanc */
    h25{
      
      font-size: 1.30em; /* = 16px */
      line-height: 1.75em;
      text-align: justify;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    
    /*Utilisée sur la page principale, gros titres centré */
    h26 {
      font-weight: 400;
      font-size: 1.8em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      text-align: center;
      line-height: 1.35em;
      font-family: HelveticaTwoBQ-Bold;
    
    }
    
    /*Page realisations catégories */
    h27{
      
      font-size: 1.45em; /* = 16px */
      margin-bottom: 1.285em;
      line-height: 1.50em;
      /*font-family: HelveticaTwoBQ-Bold !important;*/
      color: white;
      font-family: Arial, sans-serif !important;
    }
    
    /* Cases page acceuil */
    h28 {
      font-size: 1.25em; /* = 18px */
      margin-bottom: 0.5em;
      margin-top: 0.5em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.75em;
    
    }
    
      h29 {
      font-size: 1.40em; 
      margin-bottom: 1em;
      margin-top: 1em;
      color: #FFF;
      font-family: 'Roboto', sans-serif !important;
      line-height: 1.6em;
      text-align:left;
    }
}








/*Responsive : Ordinateur 4k+ : Media entre 2000 -> 8000 px (4K+) */
@media screen and (min-width: 2000px) and (max-width: 8000px) 
{ 

    /*Utilisée sur la page principale, gros titres */
    h2 {
      font-weight: 400;
      font-size: 3.4em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      
      line-height: 1.35em;
      font-family: HelveticaTwoBQ-Bold;
    
    }
    
    
    h2 a{
      font-weight: 700;
      font-size: 3em; 
      margin-bottom: .5em;
      margin-top: .5em;
      color: white;
      line-height: 1.35em;
    }
    
    h2 a:over{
      font-weight: 700;
      font-size: 1.5em; /* = 30px */
      margin-bottom: .75em;
      margin-top: .75em;
      color: #99cc66;
      line-height: 1.35em;
    }
    
  }