/* 
 Theme Name:     Télécom
 Author:         Eklore Marketing
 Author URI:     https://eklore.ca
 Template:       Divi
 Version:        1.6.3
*/ 
/*html[lang="fr-FR"] .hide-fr {display: none;}
html[lang="en-CA"] .hide-en {display: none;}*/
span.optional {display:none;}
.woocommerce .optional { display:none!important}
.et_pb_number_counter .percent p {font-size: 3rem!important;}
/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
.entry-content tr td {padding: 6px 20px;}
@media screen and (max-width:600px) {tr td,  tr th {
	padding: 5px 10px!important;}}

sup {
    bottom: .8em;
	font-size: .6em;}
/****HEADER****/
#main-header {background-image: linear-gradient(292deg,rgba(50,93,121,0.7) 0%,rgba(50,93,121,0.7) 100%), url(https://www.infotelecom.ca/wp-content/uploads/2019/01/conference-2705706_1920.jpg);	
	-webkit-box-shadow: 0 0px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0px 0 rgba(0,0,0,.1);
	box-shadow: 0 0px 0 rgba(0,0,0,.1);
	padding-bottom:25px;}

#main-header:after {content: '';
position: absolute;
background: transparent;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMDkzLjQ4IDEzMS44NUwxNzMgOTRhNzYuODUgNzYuODUgMCAwIDEtMzYuNzktMTEuNDZMMCAwdjE0MGgxMjgwVjBsLTEzMS44MSAxMTEuNjhjLTE2LjQ3IDEzLjk2LTM1LjQ3IDIwLjk2LTU0LjcxIDIwLjE3eiIvPjwvZz48L3N2Zz4=);
background-size: 100% 75px;
height: 75px;
bottom: 0;
left: 0;
right: 0;}

.home #main-header{position:absolute; background-image: none;    background-color: transparent;}
.home #main-header:after{content:none;}

@media screen and (min-width:981px) and (max-width:1200px) {
	#main-header .container {width:95%!important;}
	#et-top-navigation {padding: 0 0 40px 0!important;}
	#top-menu li a {font-size:12px!important;padding: 15px 10px!important;}   
}

@media screen and (min-width:1201px) and (max-width:1482px) {
	#main-header .container {width:90%!important;}
	#top-menu li {vertical-align: middle;}
}

@media screen and (min-width:1201px) and (max-width:1231px) {
	#top-menu li a {font-size:14px!important;}
}

@media screen and (min-width:981px) and (max-width:1044px) {
	#top-menu li {width:175px!important;}
}

@media screen and (min-width:1045px) and (max-width:1201px) {
	#top-menu li {width:185px!important;}
}

@media screen and (min-width:1202px) and (max-width:1482px) {
	#top-menu li {max-width:220px!important;}
}

/****MENU*****/
.et_header_style_left #et-top-navigation nav > ul > li > a,
.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a {
 padding-bottom: 15px;
}
#top-menu li {
 padding-right: 5px;
}
#et-top-navigation {
 padding: 20px 0 !important;
}
#top-menu li a {
 padding: 15px 20px;
 border-radius: 0px;
}
#top-menu li a:hover,
#top-menu li li a:hover {
 color: #fff !important;
}
#top-menu li a:hover {
 background: #f26627 !important; /*** CHANGES THE BACKGROUND COLOR ON HOVER ***/
 opacity:1!important;}
#top-menu li.current-menu-item > a {
 background: #f26627; /*** CHANGES THE BACKGROUND COLOR OF THE CURRENT PAGE LINK ***/
}
#top-menu .menu-item-has-children > a:first-child:after {
 content: none;
}

.nav li ul {width: 300px;}
#top-menu li li a {
	width: 260px;}

.et_header_style_centered #top-menu>li>a {padding-bottom:15px}
.mobile_menu_bar:before {color:#fff!important;}

#top-menu li.current-menu-ancestor {
	background-color: #ea6427;}

/****MEMBRES****/
#membre {min-height:120px;}
#membre .et_pb_toggle_content {margin-top:10px; padding:0 20px;}
#membre h6 {padding:0 20px;}
#membre .et_pb_toggle_title:before {
    font-size: 20px !important ;
    content: "3" !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#membre.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #f26627;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#membre.et_pb_module.et_pb_toggle {border-width: 0px 0px 0px 5px;}
#membre.et_pb_module.et_pb_toggle.et_pb_toggle_open {border-left: 5px solid #f26627;}
#membre {margin-bottom:25px;}
#membre img {margin-left: 10px;}
#fiche:nth-child(3n) {margin-right:0;}
#ligne_membres.et_pb_row{width:100%;padding: 0 0 15px 0;}
#bio {margin-bottom:23px;}
#bio ul {padding-bottom:0px;}


/****FOOTER****/
#footer-widgets {padding: 3% 0 0;}
#main-footer {border-top: 1px solid #efeeee!important;}
#menu-footer li:before, #menu-footer-en li:before{content:none!important;}

/****PROGRAMMATION****/
#details .et_pb_toggle_title:before, #details2 .et_pb_toggle_title:before, #details3 .et_pb_toggle_title:before, #details4 .et_pb_toggle_title:before  {font-size:21px;content:"\50";    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

#details.et_pb_toggle_open .et_pb_toggle_title:before, 
#details2.et_pb_toggle_open .et_pb_toggle_title:before, #details3.et_pb_toggle_open .et_pb_toggle_title:before, #details4.et_pb_toggle_open .et_pb_toggle_title:before {    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
color:black;}

#details, #details3 {margin-top:-53px!important;}
#details .et_pb_toggle_content, #details2 .et_pb_toggle_content {margin-top:20px;}
#details2.et_pb_toggle_open {min-height:585px;}
#details h5.et_pb_toggle_title {padding:0;}
#atelier {min-height:175px;}
#atelier p {line-height: 1.2;}

@media screen and (min-width:981px) and (max-width:1039px) {
	#details, #details3 {margin-top:-63px!important;}
	#atelier2 {min-height: 130px!important; padding-left:20px!important; padding-right:20px!important;}
}

@media screen and (min-width:981px) and (max-width:1039px) {
	#atelier {min-height:220px;}
	#atelier p {font-size:13px;}
	#details h5.et_pb_toggle_title {text-align:left;font-size:13px;padding:0 15px 0 0}
	#details h5.et_pb_toggle_title:before {margin-right: -5px;}
	#details {min-height:65px;}
}

@media screen and (min-width:1040px) and (max-width:1200px) {
	#atelier {min-height:230px;}
	#atelier p {font-size:14px;}
	#details h5.et_pb_toggle_title {text-align:left; font-size:13px; padding:0 20px 0 0;}
	#details h5.et_pb_toggle_title:before {margin-right: -5px;}
	#details {min-height:65px;margin-top:-63px!important;}
	#atelier2 {min-height: 160px;padding-left:20px!important; padding-right:20px!important;}
}

@media screen and (min-width:1201px) and (max-width:1600px) {
	#atelier {min-height:215px;}
		#details h5.et_pb_toggle_title {font-size:13px; padding:0 20px 0 0;}
	#details {min-height:65px;margin-top:-63px!important;}
	#atelier2 {min-height: 130px;padding-left:20px!important; padding-right:20px!important;}
}

#details3 a {color:#000000!important}


/**/
.hero:after {
    content: "";
    position: absolute;
    background: url(http://www.infotelecom.ca/wp-content/uploads/2019/01/dot-pattern.png) repeat;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

/****Contact Form****/
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
	background-color: #eee !important;
	border: none !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 3px !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family:inherit;
}

.wpcf7-submit {
	color: #f26e20 !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
	background: transparent;
	border: 2px solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.wpcf7-submit:hover {
	background-color: #eee;
	border-color: #eee;
	padding: 6px 20px !important;
}
.wpcf7-text textarea::-webkit-input-placeholder { color:transparent; }
.wpcf7-text textarea:focus:-moz-placeholder { color:transparent; } /* Firefox 18- */
.wpcf7-text textarea:focus::-moz-placeholder { color:transparent; } /* Firefox 19+ */
.wpcf7-text textarea:focus:-ms-input-placeholder { color:transparent; } /* oldIE ;) */
.form-group {margin-bottom:10px;}

div.wpcf7-mail-sent-ok{
	background: #325d79;
    color: #fff;
    font-size: 18px;
    padding: 15px;
    margin-left: 0;
	background:#325d79 solid 2px;}
div.wpcf7-validation-errors{
	background: #f7e700;
    font-size: 18px;
    padding: 15px;
    margin-left: 0;}


/****WOOCOMMERCE****/
.woocommerce span.onsale, .woocommerce-page span.onsale {background:#f26627!important;}
.wc-box-office-ticket-form {margin: 2em 0;}
.woocommerce div.product div.images.woocommerce-product-gallery {display:none;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 60%;
    clear: none;
    margin-top: 65px;
}

.woocommerce form .form-row select {padding: 15px;}
div.wc-box-office-ticket-fields{margin-top:20px;}
.wc-box-office-ticket-form .wc-box-office-ticket-fields .wc-box-office-ticket-fields-title a:after {
    font-size: 28px;
	color:#f26627!important;
	content: "\f140";
}
.wc-box-office-ticket-form .wc-box-office-ticket-fields.active .wc-box-office-ticket-fields-title a:after {
    content: "\f142";
}
#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #ea6427;
}
#left-area ul{list-style-type:none;}

.et-social-icon a {vertical-align: middle;}
.et-social-linkedin a {vertical-align: middle; font-size: 28px;}
.et-social-icon a.icon {color:#325d79!important; }
.et-social-icon a.icon:hover {color:#f26627!important; }

@media (min-width: 768px){
    #customer_details{
        width: 60%;
        float: left;
		padding-right: 50px;

    }
    #order_review_heading{
        width: 30%;
        float: left;
    }
    #order_review{
        width: 40%;
        float: left;
    }
    .woocommerce-checkout .woocommerce table.shop_table td{
        width: 50%;
    }
    .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
        width: 100%; padding-bottom:30px;
    }
}

/****DIVERS****/
.one_half {
	margin-bottom: 10px;}
@media screen and (min-width:981px) and (max-width:1664px){
	.one_half p, .one_half_last p{font-size:12px; padding-left:0!important;}
}


@media screen and (min-width:300px) and (max-width:664px){
	.one_half p, .one_half_last p{font-size:12px; padding-left:0!important;}
}

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

#tuiles:hover h5, #tuiles:hover h3   {color:#fff!important;}

.choices .wpcf7-list-item {max-width: 300px;width:300px!important;margin:0;}
table#formulaire span.wpcf7-list-item-label {display:none;margin:0;}

.product_cat-telecom-2022 div.quantity:before{content:"Nombre de billet(s) :"}