.single-post ul,
.post-content ul{
	padding-left: 25px;
}
#top-bar { z-index: 1000;}

#content p { line-height: 1.6 !important; text-align: justify;}

body {color: #000 !important;   font-size: 1.02rem!important;}

h1.home {color: #fff!important; font-size: 42px!important;}
@media (max-width: 575.98px) {
    h1.home {font-size: 24px !important;}
}

#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content { width: 265px !important; }
.breadcrumb-item.active {color: #ed1c24;}
h1 {text-transform: uppercase;}

.btdownload {display:none;}

/*typo*/
.postcontent ul {margin-left: 35px !important;}
h1 {color: #000 !important;}
h1, h2, h3, h4, h5, h6 {font-weight: 500 !important;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {color: #ed1c24 !important;}
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {margin-bottom: 15px;}

.lead {font-size: 1.15rem!important;}

.metiers {list-style-type: none;}
.metiers li {margin-bottom: 1px;}
.metiers li a {background-color: #000; text-transform: uppercase; padding: 5px 14px; display: block; color: #fff; transition: all 0.3s ease;}
.metiers li a.active, .metiers li a:hover {background-color: #ed1c24; color: #fff;}
.metiers li a.active {background-color: #ed1c24; color: #fff;}

.infotech {background-color: #efefef; padding: 50px;}
.infotech h3 {margin: 0 0 15px 0 !important;}
.infotech .fancy-title h2 {background-color: #efefef !important;}
/*.infotech .button {margin: 20px 0 0 0 !important;}*/

.pull-right {float: right !important;}
.pull-left {float: left !important;}

#footer {border-top:none !important;}
#footer.dark, .dark #footer { 
    background: #1a1d22 !important; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #1a1d22 0%, #7c7c7c 21%, #1a1d22 50%, #1a1d22 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #1a1d22 0%,#7c7c7c 21%,#1a1d22 50%,#1a1d22 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #1a1d22 0%,#7c7c7c 21%,#1a1d22 50%,#1a1d22 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1d22', endColorstr='#1a1d22',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.footer-big-contacts {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}

.footer-big-contacts span {
	display: block;
	font-size: 11px;font-weight: 400;text-transform: uppercase;
	color: #fff;
	letter-spacing: 2px;
}

.dark .footer-big-contacts { color: rgba(255,255,255,0.8); }

.iconlist li {margin-bottom: 13px;}

.puce-container {
  display: flex;
  align-items: center;
  gap: 8px; /* Espace entre la puce et le texte */
  font-family: sans-serif;
}

.puce {
  background-color: red;
  color: white;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 16px;
}
.puce-text {font-size: 16px;}

/* Effet zoom sur les images des pages de métiers */

.zoom {
    position: relative;
    transition: 0.5s;
    width: 100%;
}

.zoom:hover:before{
    top: -140%;
    right: 44%;
    position: absolute;
    background-color: white;
    font-family: "Font Awesome 5 Free";
    font-weight: 1000;
    content: "\f002";
    text-align: center;
    border-radius: 100%;
    border: 50px;
    padding: 8px;
    width: 35px;
    height: 35px;
}

.zoom:hover{
    opacity: 0.7;
    background-color: black;
}

/*lightbox size*/
.mfp-iframe-holder .mfp-content { max-width: 1100px!important;}


@media (max-width: 450px) {
    .slogantop { font-size: 11px;}
}

#sidebar-metier li{
	margin: 0px;
}
#sidebar-metier a{
	background-color: #fff;
	border-bottom: #000 solid 1px;
	color: #000;
    font-size: 14px;
}
#sidebar-metier a.active,
#sidebar-metier a:hover{
    text-align: left;
	background-color: #ed1c24;
	border-bottom: #000 solid 1px;
	color: #fff;
}



/*--------------------------------pavé metiers------------------------------*/
.fbox-media {overflow: hidden !important;}
.fbox-media img {border-radius: 3px; position: relative; }
.opac {
    width: 0px; height: 0px; 
    border-radius: 50%; transform: rotate(45deg); 
    background-color:#ed1c24 ; opacity: 0.3; 
    position: absolute; bottom: 85px; left: 175px; 
    transition: all 0.3s ease-in}

.fbox-media:hover div.opac {width: 450px; height: 450px; opacity: 0.6; bottom: -100px; left: -50px; }


/*------------------------------cookies-----------------------------------*/

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: rgb(0 0 0 / 80%);  /**     Fond du bandeau     **/
    color: #fff;                    
    display: none;
    font-size: 15px !important;
    left: 0;
    position: fixed;
    box-sizing: content-box;
    z-index: 2147483645;
    text-align: center;
    padding: 10px 0 10px 0;
    margin: auto;
    width: 100%;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    /*font: 15px verdana;*/
    color: #fff; /**     Couleur du texte du bandeau     **/
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
    background: #42707b; /**     Couleur bouton accepter       **/
    color: #fff;
    cursor: pointer;
    display: inline-block;
    border-radius: 3px;
    font-size: 14px!important;
    line-height: 1.2;
    padding: 8px 13px;
    text-decoration: none;
    margin-left: 7px;
    border-radius: 4px;
}

#tarteaucitronRoot .tarteaucitronDeny {
    background: #ed1c24;  /**     Couleur bouton Refuser       **/
}