/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.0.0-public-alpha.18.3.1752591186
Updated: 2025-07-15 14:53:06

*/
body {
	padding-top: 80px !important;
}

.et_pb_text_inner a {
	color: #0925cd;
	text-decoration: underline;
	font-weight: 700;
}

footer .et_pb_text_inner a {
	color: #fdb414;
	font-weight: 400;
}

.mt-1rem {
	margin-top: 1rem;
}

.mb-1rem {
	margin-bottom: 1rem;
}

.scrolling-active .et_pb_menu__logo-wrap img { width: 50px; }
.scrolling-active .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a { padding: 21px 0; }

.scrolling-active #dvmd_acsb_button {    
	width: 40px;
    height: 40px;
    top: 5px !important;
}

/* Text meant only for screen readers. */
.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; 
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            
}

/*
	Use in conjunction with .sr-only to only display content when it's focused.
	@note Useful for skip links 
	@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
	@note Based on a HTML5 Boilerplate technique, included in Bootstrap
	@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
		@author Sylvain Pigeard
		@see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active {
	clip: auto !important;
	-webkit-clip-path: none !important;
		clip-path: none !important;
	height: auto !important;
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
}

/*
DEBUT
pour faire passer les tests de contrasts
*/

#dvmd_actw_skip_to_content,
#dvmd_actw_skip_to_footer,
#dvmd_actw_open_accessibility_sidebar,
#dvmd_actw_skip_to_navigation,
.dvmd_ac_text {
	background: white !important;
	color: black !important;
	opacity: 1 !important;
}

#wpadminbar { background: black !important; }

#wpadminbar .ab-label.awaiting-mod.pending-count {
    background: black !important;
    opacity: 1 !important;
    color: #fff !important;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
	border-top: none;
}

/*
DEBUT
styles pour la Home
*/
.menu-item-1631 a {
	z-index: 999;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.et_pb_menu_page_id-1631 ::before {
    content: "";
    background: #2ea3f2;
    position: absolute;
    width: 100%;
    height: 40px;
    z-index: -1;
    display: block;
    border-radius: 5px;
    left: 0px;
}

.wpcf7 form .wpcf7-response-output {
    border-radius: 5px;
    font-size: 18px;
    padding: 20px;
}

form.invalid .wpcf7-response-output  { background: #fcb031; }

form.sent .wpcf7-response-output  {
	border-color: #46b450;
    background: #45844F;
    color: #fff;
}

.wpcf7-form textarea,
.wpcf7-form input {
	border-radius: 25px;
	padding: 13px;
	width: 100%;
	margin-bottom: 10px;
}

.wpcf7-form .et_pb_row_4 { row-gap: 0; }

.wpcf7-not-valid {
	color: yellow;
}

.form-wrapper {
	border-left: 7px solid #145e9f;
	padding: 10px 20px !important;
	background: #0a1745;
    border-radius: 5px 10px 10px 5px;
}

.wpcf7-form .form-label-title {
	font-weight: 700;
}

.wpcf7-form label {
	padding-bottom: 10px;
}

.wpcf7-form .form-label-title, 
.wpcf7-form label {
	color: #fff;
	font-size: 22px;
	display: flex;
    flex-direction: column;
}

.wpcf7-form .form-label-help {
	color: #fff;
	font-size: 14px;
}

.wpcf7-response-output {
	background: #F0F5FA;
}

.wpcf7-not-valid-tip {
	color: #962E3F;
}

.form-wrapper:has(.wpcf7-not-valid-tip) {
	border-left-color: #962E3F;
	background: #F0F5FA;
}

.form-wrapper:has(.wpcf7-not-valid-tip) input {
    border: 3px solid #962E3F;	
}

.form-wrapper:has(.wpcf7-not-valid-tip) .form-label-title,
.form-wrapper:has(.wpcf7-not-valid-tip) .form-label-help {
	color: #962E3F;
}

.cky-btn-revisit-wrapper {
	background: #2ea3f2 !important;
	color: #091744 !important;
}

.et_pb_toggle_title:before {
	font-size:26px;
}

input.wpcf7-submit {
	background: #fcb031;
	font-size: 16px;
    font-weight: 700;
	width: auto;
	border: none;
	border-radius: 40px;
    margin-left: 31px;
	padding: 24px 30px;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px !important;
	transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
}

.text-link {
	color: #492993;
}

input.wpcf7-submit:hover {
	background: white;
}

#header-home::after {
	content: "";
	position: absolute;
	height: 12vw;
	bottom: 0;
	width: 100%;
    background-repeat: no-repeat !important;
    background-image: url(https://uwi.fr/wp-content/uploads/2025/07/separation.svg) !important;
}

.bg-realisations {
	background-attachment: fixed;
}

.cky-btn {
	border-radius: 40px !important;
}

.et_pb_scroll_top,
.et_pb_scroll_top.et-visible {
	background: #360666 !important;
	right: 30px;
    padding: 12px !important;
	border-radius: 50% !important;
    border: 2px solid white;
	box-shadow: 0 0 8px 2px #999;
}

.home .et_portfolio_image:before {
    content: "···";
    text-align: left;
    top: 0px;
    left: -16px;
    width: calc(100% - 25px);
    height: 25px;
    line-height: 25px;
    color: rgb(214, 214, 214);
    font-size: 40px;
    letter-spacing: 0.05em;
    position: absolute;
    margin: 0px 0px 0 15px;
    border: 0;
    background: transparent;
    border-radius: 10px;
    padding-left: 15px;
	border-bottom: 1px solid #d7ebfd;
	border-radius: 3px 0;
}

.home .et_pb_portfolio_item  {
	overflow: visible;
}

.home .et_overlay {
    height: 101%;
	border: 3px solid #340666;
	border-radius: 10px;
}

.home .et_portfolio_image {
	margin-bottom: 15px;
    padding-top: 26px;
    border: 1px solid #d7ebfd;
    border-radius: 13px;
    background: transparent;
}

.home .et_pb_portfolio_grid .et_pb_portfolio_item img {
	border-radius: 0 0 10px 11px;
}


/*
DEBUT
styles pour la pages mes projets
*/



.wp-singular .et_pb_section_0 {
	background-attachment: fixed;
}

.et_portfolio_image:before {
	content: "···";
    text-align: left;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: rgb(214, 214, 214);
    font-size: 40px;
    letter-spacing: 0.05em;
    position: absolute;
    padding: 0px 15px;
    border-bottom: 1px solid rgb(228, 228, 228);
    background: #fff;
    border-radius: 3px 0;
}

.et_portfolio_image {
  margin-bottom: 15px;
	padding-top: 26px;
}

.et_pb_module_header {
  padding: 15px;
}

.post-meta {
  padding: 0 15px;
}

.et_pb_grid_item  .et_portfolio_image:hover .et_overlay {
	border: 3px solid #340666;
    border-radius: 10px 10px 15px 15px;
}



/*
DEBUT
styles pour la pages détail de projet
*/
.metaslider.ms-theme-bubble .flexslider ol.flex-control-nav:not(.flex-control-thumbs) {
	bottom: 0;
}

#main-content {
	overflow: hidden;
}

.slides {
	align-items: center;
    display: flex;
}
.flexslider ul.flex-direction-nav li a {
    opacity: 1 !important;
}

.flexslider .flex-direction-nav li a:before {
	background-color: rgb(255 255 255) !important;
}


@media screen and (min-width: 780px) {
	.et-pb-controllers {
		margin-bottom: 0;
		bottom: 0px;
	}

	.et-pb-controllers a {
		border-radius: 11px;
		width: 20px;
		height: 20px;
		border: 2px solid white;
	}

	.et-pb-arrow-next, 
	.et-pb-arrow-prev {
		font-size: 98px;
		background: white;
		opacity: 1;
		border-radius: 50px;
		box-shadow: 0px 3px 12px -6px rgba(0,0,0,0.3);
	}
	.et-pb-arrow-prev {
		left: 0px;
	}

	.et-pb-arrow-next {
		right: 0px;
	}
}


.et_pb_section_0_tb_body {
	background-attachment: fixed;
}

.et_pb_title_featured_container .et_pb_image_wrap:before { 
  	content: "···";
    text-align: left;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 25px;
    line-height: 25px;
    color: rgb(214, 214, 214);
    font-size: 40px;
    letter-spacing: 0.05em;
    position: absolute;
    padding: 0px 15px;
    border-bottom: 1px solid rgb(228, 228, 228);
    background: rgb(255, 255, 255);
    border-radius: 3px 0px;
}


@media (min-width: 410px) {
	.et_pb_title_featured_container .et_pb_image_wrap {
	  height:340px;
	  overflow:hidden;
	}
}

.et_pb_title_featured_container 
.et_pb_image_wrap img {
  padding-top: 26px;
}

/*
FIN
styles pour la pages détail de projet
*/

@media (max-width: 980px) {
	.et_pb_menu_page_id-1631 ::before {
		border-radius: 0;
		height: 28px;
	}
	
	.wpcf7 .et_pb_row_4 {
		display: flex;
		flex-direction: column;
		margin-left: 0;
        width: 100%;
	}
	
	.wpcf7 .form-wrapper {
		margin-bottom: 20px !important;
	}
	
	.et_pb_menu .et_mobile_nav_menu {
		display: flex;
	}
	
	.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo img {
		margin: 0 auto;
	}
	
	.row-order {
		display: flex;
		flex-direction: column;
	}
	
	.row-order .et_pb_column_4 {
		order: 0;
		margin: 0 0 10px !important;
	}
	
	.row-order .et_pb_column_0 {
		order: 1;
	}
	
	.et_pb_menu_inner_container  {
		display: flex;
	}
	
	.et_pb_menu__logo-wrap {
		position: relative;
    	margin-bottom: 0 !important;
   	 	text-align: center;
    	left: calc(50% - 40px);
	}
	
	.uwi-contact-form .et_pb_row_4  {
		flex-direction: column;
	}
	
	.wpcf7 .et_flex_column_12_24 {
		width:100%;
	}
	
	input.wpcf7-submit	{
		margin-left :0
	}
	
	#project-details {
		display: flex;
		flex-direction: column;
	}
	
	#projet-img {
		width: 100%
	}
	
	#descr-projet {
		order: 1;
	}
	
	#thumb-projet {
		order: 0;
	}
}

@media (max-width: 768px) {
	
	.bg-realisations .et_pb_column_31  {
		padding: 2%;
	}
	
	.bg-realisations .et_pb_image  {
		position: relative !important;
		transform:none !important;
		width: 90%;
	}
	
	.bg-realisations .et_pb_image:nth-child(2) {
		left: 10%;
	}
	
	.flex-pauseplay {
		top: 40px;
    	position: relative;
	}
	
	.et_pb_toggle_title:before {
    	font-size: 20px;
	}
	
	.pagination_projet {
   	 	display: flex;
    	flex-direction: column;
	    text-align: center;
	}
	
	.pagination_projet .nav-previous {
		margin-bottom: 10px
	}
	
	.home .et_pb_image_2 {
		position: relative !important;
	}
	
	.content-slider .et_pb_row:has(.metaslider) {
		width: 100%;
		max-width: 1340px;
	}
}

@media screen and (min-width: 1440px) {
	.content-slider .et_pb_row:has(.metaslider) {
		width: 100%;
		max-width: 1340px;
	}
}