/* 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;}
#ol-innerconteneur, #ol-headertop, #ol-innertopmenu, #ol-innertopdiapo, #ol-innerariane, #ol-innerfooter {width: 100%; margin:0 auto;}
#ol-contenantcolgauche {width: 19%;}

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

/* HEADER */
#ol-header {}

#ol-logo {height:auto;max-height:105px;padding-left:7%;padding-top:2px;float: left;width:75%;}

#ol-logo .textelogo {color: #000;font-size: 24px;line-height: 20px;float:left;margin-left: 5%;margin-top: 45px;width: 70%;}

.milieu-gauche {width: 85%; float: left;}
.logopetit {font-size: 65%; line-height: 12px;}
.milieu-droite {width: 15%; float: right; margin-top: -20px;}

#ol-recherche {height: 30px;margin-top: 30px;text-align: right;margin-left: 0;max-width: 16%;margin-right:2%;}

#ol-recherche input.search-query {
border-radius: 0;
padding-left: 7%;
padding-right: 1%;
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: 90%;
}

#ol-logo-droite {
color: #030;
font-family: 'Source Sans Pro',sans-serif;
font-size: 14px;
height: 0;
position: relative;
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: #030;
}

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

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

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

#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: 24px;display: inline-block;font-size: 36px;}
#ol-topdiapo .camera_caption {height: 35%;}
#ol-topdiapo .camera_caption > div {background: none;text-align: left;padding: 10px 10px 4px 40px;line-height: 30px;}
#ol-topdiapo .camera_caption em {font-style: normal;font-weight:normal;}
#ol-topdiapo .subtextphotoleft {font-size: 20px;}
#ol-topdiapo .subtextphotoright {float:right;}
#ol-topdiapo .camera_pag {display:none;}
#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;}

#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-"] {
margin-bottom: 10px;
margin-right: 0px;
float: left;
min-width:100%;
}
#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 */

#chronoform-contact-francais {width: 80%;margin: 0 auto;max-width: 800px;}
#chronoform-contact-francais .nui.form .field {text-align: left;}
.nui.flex, .chronocredits {display: none !important;}
.nui.segment.rounded.bordered.flex.vertical.spaced.middle.aligned {display:block !important;}

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;
}

/* FOOTER */
#ol-footer {padding: 0 0 4px;}
#ol-footer .customfooterlogo {float:left;}
#ol-footer .customfooterlogo img {margin: 8px 75px 5px;max-width: 115px;}
.customfooter {height: auto;}
.customfooter.span3 {color: #000;margin-left: 7.9%;text-align: left;width: 17.5%;}
.customfootermenu {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;}
#donate-button-container {position: relative;bottom: -80px;right: 78px;}
#ol-footer .custom.pull-right {height: 0;left: -55px;position: relative;top: -32px;}
#ol-footer a:link, #ol-footer a:visited {color: #000;text-decoration: none;padding:8px;}
#ol-footer a:hover, #ol-footer a:focus {color: #F00;text-decoration: none;}
#ol-footer .facebookheader a:link, #ol-footer .facebookheader a:visited {padding:0;}
.facebookheader, .instagramheader {float:left;max-width: 40px;padding-top: 10px;}
.boutondon {position: relative;top: 20px;right: 40px;}
.imageboutondon {max-width:75%;}