/* Template Ordinateurs Laval  - Couleurs et dispositions de base pour Joomla 3.1 */
/* GENERAL */
h1, h2, h3, h4, h5, h6 {
color: #000;
}

a:link {
color: #213E81;
}
body {background:url(/images/headers/main_bg.gif) repeat left top #eeeeee;}
#ol-innerconteneur, #ol-headertop, #ol-innertopmenu, #ol-innertopdiapo, #ol-innerariane, #ol-innerfooter {max-width: 1230px; margin:0 auto;}
#ol-contenantcolgauche {width: 19%;}

hr, .form-group .gcore-input hr {
border-color: #c1c1c1 -moz-use-text-color #fff;
}

/* HEADER */
#ol-header {
background:url(/images/headers/main_bg.gif) repeat center top #eeeeee;
height:138px;
border-top: 36px solid;
}

#ol-logo {
height:auto;
max-height:100px;
padding-left:3px;
padding-top:0;
float: left;
}

#ol-logo a.brand {
max-height:99px;
max-width: 100%;
}

#ol-logo .textelogo {
color: #7B7C7E;
font-size: 20px;
line-height: 20px;
float:left;
margin-left: 20px;
margin-top: 30px;
}

.milieu-gauche {width: 75%; float: left;}
.milieu-droite {width: 17%; float: right; margin-top: -20px;}

#ol-recherche {
height: 30px;
margin-top: 35px;
text-align: right;
}

#ol-recherche input.search-query {
border-radius: 0;
padding-left: 3px;
padding-right: 3px;
background-color:#EEEEEE;
background-image:-moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background-image:-o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background-image:-ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background-image:linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
background-repeat:repeat-x;
color:#666666;
border: 1px solid #000;
width: 65%;
}

#ol-logo-droite {
color: #AAAAAA;
font-family: 'Source Sans Pro',sans-serif;
font-size: 14px;
height: 0;
position: relative;
top: -28px;
left: 5px;
}

#ol-logo-droite .top-mail {
margin-left: 25px;
}

#ol-logo-droite .icon-bell, #ol-logo-droite .icon-envelope {
margin-top: 2px;
}

#ol-logo-droite .top-mail > a {
color: #AAAAAA;
}

#ol-logo-droite .top-mail > a:hover {
color: #4FB2D9;
text-decoration:none;
}

#ol-langage {
height: 0;
min-height: 0;
position: relative;
right: 20px;
top: -32px;
width:38%;
}

#ol-langage .mod-languages {
margin-top: 5px;
}

#ol-langage .facebookheader {
margin: 1px 10px 0 0;
padding: 0;
line-height: 0;
}

.btn_facebook {
background-image: url("/images/Logos/newfacebook.png");
}

.btn_linkedin {
background-image: url("/images/Logos/newlinkedin.png");
}

.btn_facebook, .btn_linkedin {
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0);
float: left;
height: 26px;
margin: 0 10px 0 0;
padding: 0;
width: 26px;
}

#ol-langage .btn_linkedin {
margin: 0 0 0 3px;
}

a.btn_facebook:hover, a.btn_linkedin:hover {
background-position: 0 -26px;
text-decoration: none;
}

#ol-langage .customaccueil {
margin-right: 25px;
margin-top: 9px;
}

#ol-langage .customaccueil p {
line-height:1em;
margin: 0;
}

#ol-langage .customaccueil a {
color: #fff;
padding: 6px 10px;
}

#ol-langage .customaccueil a:hover {
color: #4FB2D9;
}

#ol-topdiapo  {
display: block;
}

#ol-innertopdiapo  {
padding-top: 5px;
}
#ol-topdiapo .camera_prev, #ol-topdiapo .camera_next, #ol-topdiapo .camera_commands {
top: 76%;
}
#ol-innertopdiapo .camera_caption.fadeFromBottom h2, #ol-innertopdiapo .camera_caption.fadeFromBottom h3, #ol-innertopdiapo .camera_caption.fadeFromBottom h4 {
color: #fff;
margin: 0;
padding: 0;
line-height: 20px;
display: inline-block;
font-family: Lora;
}
#ol-topdiapo .camera_caption > div {
background: none;
text-align: left;
padding: 10px 10px 4px 40px;
line-height: 24px;
font-family: Lora;
}
#ol-topdiapo .camera_caption em {
font-style: normal;
font-weight:normal;
}

#ol-topdiapo .subtextphotoleft {
font-size:12px;
margin-left:24px;
}
#ol-topdiapo .subtextphotoright {
font-size:12px;
float:right;
}

#ol-topdiapo .camera_pag {
background-color: #525252;
}
#ol-topdiapo .camera_wrap .camera_pag .camera_pag_ul {
line-height: 14px;
}
#ol-topdiapo .camera_wrap .camera_pag .camera_pag_ul li {
margin: 0;
border-radius: 0;
background: #2e2e2e none repeat scroll 0 0;
height:20px;
width:20px;
border: 1px solid #000;
}
#ol-topdiapo .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
background: #000 none repeat scroll 0 0;
}
#ol-topdiapo .camera_wrap .camera_pag .camera_pag_ul li > span {
border-radius: 0;
height: 20px;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 0;
top: 0;
width: 20px;
}
#ol-topdiapo .camera_wrap .camera_pag .camera_pag_ul li:hover > span {
  background: #000 none repeat scroll 0 0;
}
#ol-topdiapo .camera_pag_ul li span span {
color: #bbb;
font-size: 12px;
height: 16px;
left: 5px;
position: absolute;
text-indent: 0;
top: 3px;
width: 18px;
}
#ol-topdiapo .camera_wrap .camera_pag .camera_pag_ul li:hover span span {
  color: #0f0;
}
#ol-topdiapo .camera_pag_ul li.cameracurrent span span {
color: #fff;
font-weight: bold;
}

.camera_caption.fadeFromBottom {
  background: rgba(250, 171, 32, 0.5) none repeat scroll 0 0;
}

#ol-innerariane  {
padding: 4px 0px;
background-color: #4A4A4C;
color: #CCCCCC;
font-weight: normal;
}

#ol-innerariane div  {
padding: 0px 0px 0px 4px;
}

/* CONTENU PRINCIPAL */
/* COLONNES */
#ol-colgauche, #ol-coldroite {
padding: 5px 0 15px;
margin:0;
display: block;
}

div.mod-colonne {
background: none repeat scroll 0 0 #fff;
border: 1px solid #999;
padding: 0;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
margin: 0 0 5px;
max-width:220px;
line-height: 0;
}

#ol-colgauche div.mod-colonne.coordonnees {
background-color:#FEFEFE;
}

.custom > p {
padding: 2px 5px;
}

#ol-colgauche .custom.coordonnees > h3 {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
color: #1D4693;
margin: 0;
padding: 0;
text-align: left;
}

#ol-colgauche .custom.coordonnees a {
border: medium none;
padding: 0;
margin: 0;
}

#ol-contenantcoldroite {
margin-left: 1.2%;
width: 19%;
padding-top: 1px;
}

#ol-contenantcolgauche {
padding-top: 1px;
}

#ol-colgauche {
margin-right: 4%;
}


#ol-coldroite {
margin-left: 4%;
}


#ol-coldroite .encadrer a.rollover, .leading-0 a.rollover, #ol-coldroite .encadrer a.rollover-en, .leading-0 a.rollover-en {
background: url("/images/headers/cliquer-pour-soumission.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
float:right;
height: 44px;
text-decoration: none;
width: 224px;
border:none;
margin:0;
padding:0;
}

#ol-coldroite .encadrer a.rollover-en, .leading-0 a.rollover-en {
background: url("/images/headers/cliquer-pour-soumission-en.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.leading-0 a.rollover, .leading-0 a.rollover-en {
margin-bottom:10px;
float:left;
}

#ol-coldroite .encadrer a.rollover:hover, .leading-0 a.rollover:hover, #ol-coldroite .encadrer a.rollover-en:hover, .leading-0 a.rollover-en:hover {
background-position: -224px 0;
}

#ol-coldroite .mod-colonne.encadrer {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #000000;
float: left;
}

#ol-coldroite > div.encadrer {
margin-top: 5px;
}

#ol-coldroite .encadrer p {
padding: 10px 5px 0;
margin:0;
}

#ol-coldroite .encadrer a {
border: none;
margin:0;
}

#ol-coldroite .encadrer .facebook a {
padding:0;
}

/* CONTENU CENTRAL (ARTICLES DE JOOMLA) */
#ol-contenantcentre {
line-height: 1.5em;
padding-top: 5px;
}
#ol-contenantcentre.span6 {
margin-left: 1.7%;
width: 58%;
}

#ol-contenantcentre .blog .cols-1 .item {
clear: both;
}

.cols-2 .item {
max-width:48%;
}

.cols-3 .item {
max-width: 31%;
}

.cols-4 .item {
max-width:23%;
}

#ol-contenantcentre .page-header {
margin: 2px 0 10px;
padding-bottom: 5px;
}

#ol-contenantcentre .page-header h1 {
text-align: center;
}

#ol-contenantcentre .blog .cols-2 .column-1, #ol-contenantcentre .blog .cols-2 .column-2 {
margin: 0px 0px 5px;
}

#ol-contenantcentre .blog .items-row .item {
background: none repeat scroll 0px 0px #F8F8F8;
border: 1px solid #888888 !important;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
display: block;
padding: 0px 5px;
min-height: 125px;
}

#ol-contenantcentre .blog .items-row .item .item-separator {
border: none;
}

.blog-featured div.items-leading [class*="leading-"] {
background-color: transparent;
border:none;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
border-radius:0;
margin-bottom:10px;
margin-right:0;
padding:0;
margin-left:0;
}

.item-page, .items-leading [class*="leading-"] {
background-color: #F8F8F8;
border: 1px solid #999;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 10px;
margin-right: 0px;
padding: 5px 10px 0px 10px;
float: left;
min-width:97.7%;
}
#ol-contenantcentre a.jcepopup.jcemediabox-image {
display: inline-flex;
width: 32.9%;
}
#ol-contenantcentre p.pleinelargeur a.jcepopup.jcemediabox-image {
max-width: 700px;
width: 100%;
}
div#jcemediabox-popup-ajax .item-page {
min-width:95%;
}

#jcemediabox-popup-prev, #jcemediabox-popup-next, #jcemediabox-popup-closelink {
background-color: #000;
}

#jcemediabox-popup-closelink:hover, #jcemediabox-popup-prev:hover, #jcemediabox-popup-next:hover {
background-color: #444;
}

/* CHRONOFORM */
div.chronoform, .chrono_credits {
display: none;
}

#chronoform_ContactFR, #chronoform_EstimationFR, #chronoform_ContactEN, #chronoform_EstimationEN, #chronoform-ContactFR, #chronoform-EstimationFR, #chronoform-ContactEN, #chronoform-EstimationEN {
background: none repeat scroll 0 0 #F5F5F5;
border: 1px solid #C5C5C5;
padding: 2%;
width: 100%;
font-family: arial, sans-serif;
}

div#id1_container_div.ccms_form_element h1, .form-group .gcore-display-table h1 {
color: #111111;
font-size: 30px;
margin:0;
padding:0;
}

.gbs3 .gcore-display-table h3 {
font-size: 18px;
}

.ccms_form_element, #form-row-custom1.form-group.gcore-form-row {
margin-bottom: 5px;
padding: 0px 0px 0px 1%;
}

#fin-custom1.gcore-input.gcore-display-table {
clear: both;
margin-bottom: 0;
padding: 0 0 0 1%;
position: relative;
width: 100%;
}

.ccms_form_element input, .ccms_form_element textarea {
width: inherit;
}

form.Chronoform .tabs {
width: 98%;
}

.gbs3 .gcore-form-row > .gcore-label-checkbox {
min-width: 180px !important;
}

#form-row-checkbox3, #form-row-checkbox5, #form-row-checkbox7, #form-row-checkbox9, #form-row-checkbox11, #form-row-checkbox15, #form-row-checkbox17, #form-row-checkbox19, #form-row-checkbox21, #form-row-checkbox23, #form-row-checkbox25 {
float: left;
width: 50%;
}

#form-row-checkbox4, #form-row-checkbox6, #form-row-checkbox8, #form-row-checkbox10, #form-row-checkbox12, #form-row-checkbox16, #form-row-checkbox18, #form-row-checkbox20, #form-row-checkbox22, #form-row-checkbox24 {
float: right;
width: 50%;
}

#fin-custom2, #fin-custom3, #fin-custom4, #fin-custom5, #fin-custom6 {
width: 100%;
}

form.Chronoform .label_right {
margin-left: 0 !important;
}

form.Chronoform .ccms_form_element.cfdiv_checkbox {
width: 47%;
}

form.Chronoform input[type="radio"], form.Chronoform input[type="checkbox"] {
width: auto;
}


.cf_container, .gbs3 fieldset.chronoform-container {
border: 1px solid #999999;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin-bottom: 20px;
padding: 5px 2%;
}

.cf_container.ccms_form_element legend, .gbs3 fieldset.chronoform-container legend {
color: #058fca;
margin-bottom: 3px;
margin-left: 10px;
width: auto;
}

.cf_container.ccms_form_element h3, #form-row-custom1 h3.typetitle {
margin: 0;
padding: 0;
}

.full_label[for="input_trex"], .gcore-label-checkbox[for="checkbox16"] {
background-image: url("/images/Logos/Logo_Trex_133x42.png");
background-position: 3px 2px;
background-repeat: no-repeat;
background-size: 50px auto;
color: transparent;
}

.full_label[for="input_fiberon"], .gcore-label-checkbox[for="checkbox18"] {
background-image: url("/images/Logos/Logo_Fiberon_145x42.png");
background-position: 3px 0;
background-repeat: no-repeat;
background-size: 65px auto;
color: transparent;
}

.full_label[for="input_azek"], .gcore-label-checkbox[for="checkbox20"] {
background-image: url("/images/Logos/Logo_Aztek_136x42.png");
background-position: 3px 1px;
background-repeat: no-repeat;
background-size: 58px auto;
color: transparent;
}

.full_label[for="input_timbertech"], .gcore-label-checkbox[for="checkbox22"] {
background-image: url("/images/Logos/Logo_TimberTech_199x42.png");
background-position: 3px 0;
background-repeat: no-repeat;
background-size: 85px auto;
color: transparent;
}

#input_nom1_container_div.ccms_form_element.cfdiv_text label, #input_phone1_container_div.ccms_form_element.cfdiv_text label {
color: #058fca;
}

.label_over label:first-child {
float: left !important;
width: 45% !important;
}

.ccms_form_element.cfdiv_text.form-error {
margin-bottom: 10px;
}

.tooltipimg {
left: 250px;
}

.tooltipbox {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
}

form.Chronoform input[type="submit"] {
border: 2px outset buttonface;
font-size: 18px;
color:#1A3867;
padding: 6px 20px !important;
}

.boistitle, .compositetitle {
float: left;
text-decoration: underline;
width: 49%;
}
/* MODULES SOUS LE CONTENU CENTRAL (ARTICLES) */
.moduleboxaccueil {
border: 1px solid #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
margin-right: 5px;
margin-bottom: 20px;
float: left;
background-color: #fff;
}

div.customboxaccueil {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
padding: 5px;
}

div.moduleboxaccueil h3 {
color: #000;
font-size: 18px;
padding: 5px 5px 5px 10px;
background-color: #193E6E;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
-o-border-radius: 4px 4px 0px 0px;
-ms-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}

div.customboxaccueil h4 {
color: #000;
font-size: 16px;
}

div.customboxaccueil p {
padding: 5px 5px 5px 10px;
color: #333;
font-size: 12px;
}

/* BANNIÈRE DANS LE CENTRE */

/* FOOTER */
#ol-footer {
padding: 0 0 4px;

color: #FFF;
display: block;
}

#ol-footer .customfooterlogo {
height: 107px;
float:left;
}

#ol-footer .customfooterlogo img {
margin: 8px 0 0;
max-width: 250px;
width: 78%;
}

#ol-footer .milieufooter {
color: #fff;
}
.logoaccordd {
max-width: 45px;
vertical-align: middle;
}
.customfooter {
height: 110px;
}
.customfooter.span3 {
color: #fff;
margin-left: 7.9%;
text-align: left;
width: 17.5%;
}
.contactfooter {
color: #fff;
margin: 0;
}
.phonefooter, .addressfooter, .rbqfooter {
font-size: 10px;
line-height: 1.2em;
margin: 0 0 6px;
}
.addressfooter, .rbqfooter {
font-size: 8px;
}
.customfootermenu {
background-color: #000;
display: inline-block;
font-size: 10px;
height: 24px;
padding-top: 4px;
width: 100%;
}
#ol-footer .customfootermenu .menuleft {
margin-left: 3%;
text-align: left;
width: 20%;
}
.customfootermenu .menuright {
margin-left: 8%;
width: 17%;
text-align: left;
}
#ol-footer .btn_facebook {
margin: 0;
}
#ol-footer .custom.pull-right {
height: 0;
left: -55px;
position: relative;
top: -32px;
}
#ol-footer .mod-languages.pull-right {
font-size: 10px;
height: 0;
position: relative;
top: -29px;
}
#ol-footer a:link, #ol-footer a:visited {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#ol-footer a:hover, #ol-footer a:focus {
color: #F00;
text-decoration: none;
}