/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

@media screen and (min-width: 993px) {

ul.fl-menu-horizontal li.mega-menu > ul.sub-menu {background-color: #C30028 !important;

	left: 50% !important;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	justify-content:center;
	right: 50% !important;
	width: 100vw !important;

}

ul.sub-menu li {padding:8px; text-align:center;max-width:240px;}

ul.sub-menu li#menu-item-67 {max-width:400px;}



ul.sub-menu li a {color:#fff !important;line-height:1.2;opacity:0.8;font-weight:bold;}

ul.sub-menu li a:hover {opacity:1;}

}


ul.subpages li:before {
	display: inline-block;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
	font-family: 'Font Awesome 5 Free';
	content: '\f0da';
	font-weight:800;
	color:#2b7bb9;
	margin-right:3px;
	
}



.fl-rich-text ul {padding-left:20px;}

.certicons {float:right;}

.certicons img {width:auto;max-height:30px;}

.hpicon a img {background-color: #FFFFFF;
    border-style: solid;
    border-width: 2px;
    border-color: rgb(102, 102, 102);
    border-radius: 5px 5px 5px 5px;
    transition: background-color 150ms ease-in, border-radius 150ms ease-in, border-color 150ms ease-in;}

.hpicon a:hover img {background-color: #FFA2A2;
    border-style: solid;
    border-width: 2px;
    border-color: #FFA2A2;
    border-radius: 25px 25px 25px 25px;
    transition: background-color 150ms ease-in, border-radius 150ms ease-in, border-color 150ms ease-in;}


.fl-post-feed .fl-post-image {width:20%;float:left;margin:20px;}

#et2, #et3, #et4, #et5, #et6, #et7, #et8, #et9, #et10, #et11, #et12, #et13, #et14, #et15, #et16, #su1, #su2, #su3, #su4, #su5, #ec1, #ec2, #ec3, #ec4, #ec5, #ec6, #ec7, #ec8, #ec9, #ec10   {
display:none;
}

#et1   {
display:block;
}

#prodtables {overflow:scroll;}

/*
.tableaucasegrise {text-align:center;}

.tableaucasegrise, .tableaucaseblanche, .tableaucarte {padding:4px;}

.tableaucarte {padding-top:20px;}

.tableaucasegrise, .tableaucaseblanche {border-bottom:1px solid #2f2f2f;}

#prodtables table {width:auto !important;max-width:100%;}

#prodtables table td:first-child {}

#prodtables td.tableaucaseblanche {border-bottom:1px solid #ccc;}

#prodtables td {font-size:12px;width:auto !important;padding:2px 10px;}

.tableaugamme {font-weight:bold;padding-top:20px !important;}

.tableauintitule,.tableauintitulecode {color:#c00;}

.tableaucasegrise {background:#ccc;}

*/


.bcards .fl-col-content .fl-module-content {background:url(images/fond-carte-de-visite.png) no-repeat;background-size:cover;border:1px solid #d7d7d7;position:relative;min-height:280px;}

.bcards .fl-col-content .fl-rich-text {padding:110px 10px 20px 20px;font-size:13px !important;max-width:300px;}

.prodrow .prodcol .fl-rich-text p:nth-child(n), .prodrow .fl-rich-text ul:nth-child(n), .prodrow .prodcol .fl-rich-text h4 {

	height:0;overflow:hidden;
	
}

.prodrow .prodcol .fl-rich-text p:nth-child(1) {
	
	height:auto;
	-moz-transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}

.prodrow .fl-module-icon {
	
	display:none;
	
}

.fl-builder-edit .prodrow .prodcol .fl-rich-text p:nth-child(n),.fl-builder-edit .prodrow .fl-rich-text ul:nth-child(n), .fl-builder-edit .prodrow .prodcol .fl-rich-text h4 {

	height: auto !important;overflow: visible !important;
	
}

.fl-builder-edit .prodrow .fl-module-icon {display:block;}

/* NEW TABLE STYLING */

table, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
}


td.tableaucaseblanche {
	background-color:#ffffff;
    border-bottom: 1px solid #555555;
	text-align:center;
	margin:-2px;
}

.tableaucaseblancheg {
	background-color:#ffffff;
    border-bottom: 1px solid #555555;
	text-align:left;
	margin:-2px;
}

.tableauintitulecode {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	color:#C30028;
	text-align:left;
}

.tableauintitule {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	color:#C30028;
	text-align:center;
}

.tableaucode {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	color:#333333;
	text-align:left;
}

.tableaucarac {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	color:#333333;
	text-align:center;
}

.tableaugamme {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	vertical-align:bottom;
	color:#333333;
	text-align:left;
}

.tableauasterisque{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	vertical-align:top;
	color:#333333;
	text-align:left;
}

.tableauatexintitulelib {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	color:#C30028;
	text-align:left;
}

.tableauatexintitulezone {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	vertical-align:bottom;
	color:#C30028;
	text-align:center;
}

.tableauatexlib {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	color:#333333;
	text-align:left;
}

.tableauatexnum {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bolder;
	vertical-align:middle;
	color:#C30028;
	text-align:center;
}

.tableauatexzone {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	color:#C30028;
	text-align:left;
}

.tableauatexdef {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	color:#333333;
	text-align:left;
}

.tableauatexintro {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	vertical-align:middle;
	color:#333333;
	text-align:left;
}

.tableauatexmodele {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	vertical-align:middle;
	color:#000000;
	text-align:center;
}

.tableaucasegrise {
	background-color:#DDDDDD;
    border-bottom: 1px solid #555555;
	text-align:left;
	padding-left:10px;
	margin:-2px;
}

#options .fl-col-group-nested, #options .fl-module-separator {display:none;}

#raccordement .fl-col-group-nested, #raccordement .fl-module-separator {display:none;}

@media screen and (max-width: 768px) {
	
	.certicons {display:none;}
	
	.iconscol .fl-col {
		width: 25% !important;
        max-width: none;
        clear: none;
        float: left;
	}

	#iconcol .fl-col {
		width: 25% !important;
        max-width: none;
        clear: none;
        float: left;
	}
	
	.prodrow .fl-row-content > .fl-col-group:nth-child(2) .fl-col:nth-child(2), .prodrow .fl-row-content > .fl-col-group:nth-child(2) .fl-col:nth-child(3),.prodrow .fl-row-content > .fl-col-group:nth-child(2) .fl-col:nth-child(4),  .prodrow .fl-row-content > .fl-col-group:nth-child(2) .fl-col:nth-child(5) {
		width: 50% !important;
        max-width: none;
        clear: none;
        float: left;
		min-height:158px;
	} 
	
	.prodcol .fl-col-group-nested .fl-col-small { 
		width:40% !important;
		max-width: none;
        clear: none;
        float: left;
	}
	
	.prodcol .fl-col-group-nested .fl-col-small:nth-child(2) { 
		width:60% !important;
		max-width: none;
        clear: none;
        float: left;
	}
	
	.prodcol .fl-col-group-nested .fl-col-small:nth-child(2) .fl-module-content {margin:0 !important;}
	
}
h2 {color:#2f2f2f;}

.fl-icon-wrap .fl-icon-text {height:20px !important;font-size:14px;}

.broch .fl-col-small {padding:15px;}

.broch .fl-col-content > .fl-module:first-child img, .page-id-40 .fl-photo-content {border:1px solid #e0e0e0;}

.page-id-44 .fl-col-small .fl-col-content {border-color:#d0d0d0 !important;}

.page-id-42 a {color:#2f2f2f;}

header .fl-photo-content,header .fl-col-content > .fl-module:first-child img, footer .fl-photo-content,footer .fl-col-content > .fl-module:first-child img {border:none !important;}

.drawings_col {width:48%;float:left;}

.drawings_col ul {list-style-type:none;padding-left:0;}

.tableaucode {padding-left:10px;}

@media screen and (max-width: 768px) {
	
	.broch .fl-col-small {width:48% !important;clear:none !important;float:left;}
	
}