/*
 Theme Name:     Divi creative agency
 Theme URI:      https://demo.infomaniak.com/preview?t=divi-creative-agency
 Description:    Votre site sera constitue de plusieurs pages (accueil, blog, contact, etc...) que vous pourrez librement personnaliser selon vos besoins.
 Author:         Infomaniak
 Author URI:     https://www.infomaniak.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

/************************************************************************
									NORMALIZE	
************************************************************************/
div.right h2, div.right h3, div.left h2, div.left h3{
	position: relative;
	display: inline-block;
}
div.right h2::after, div.right h3::after, div.left h2::after, div.left h3::after{
	content:"";
	display: block;
	position: absolute;
    bottom: -7px;
	height: 15px;
	width: 100%;
	background-color: #7fc1e2;
}
div.alignLeft > div{
	text-align: right;
}
div.alignRight > div{
	text-align: left;
}
div.right h2::after, div.right h3::after{
	left: 20%;
}
div.left h2::after, div.left h3::after{
	right: 20%;
}
div.modulTwoColumn{
	display: flex !important;
	align-items: center !important;
}
div.modulTwoColumn > div{
	margin: 0px !important;
}
div.modulTwoColumn.zindex > div.et-last-child{
	z-index: 0 !important;
}
.et_pb_bg_layout_light .et-pb-arrow-next, .et_pb_bg_layout_light .et-pb-arrow-prev {
    color: #fff!important;
}
.et_pb_gallery_title
{display:none;}
.bloc-prestations h2
{color: #111e56;
 font-size: 24px;
margin-bottom: 20px;}
.bloc-prestations h2::after
{      content: '';
    height: 8px;
    max-width: 150px;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 80%;
    background-color: #7fc1e2;}
.bloc-prestations .et_pb_text_inner
{font-size:18px;
color:#111e56;}
.et_pb_gallery_grid .et_pb_gallery_item img {
    width: 100%;
    max-height: 160px!important;
    object-fit: cover!important;
}
/************************************************************************
								MENU	
************************************************************************/
header > div.container{
	width: 95% !important;
}
nav#top-menu-nav li a{
	color: #111e56 !important;
	font-size: 17px !important;
}
body header.et-fixed-header nav > ul > li#menu-item-29053 > a{
	background-color: #111e56;
    color: white !important;
    padding: 7px 15px !important;
}
/************************************************************************
								QUI SOMMES-NOUS
************************************************************************/
div.methodes > div{
	background-color: white;
	border: 2px solid #111e56;
}
/************************************************************************
							ILS NOUS FONT CONFIANCE
************************************************************************/
div.logoPartenaires{
	display: flex;
    align-items: center;
}
/************************************************************************
								CONTACT
************************************************************************/
div.motifContact{
	position: relative;
	top: -100px;
}
div.formContact div.et_contact_bottom_container{
	float: none !important;
}
div.formContact span.et_pb_contact_field_options_title{
	display: none !important;
}
div.formContact button{
	margin: 20px auto 0px auto !important;
}
div.formContact input::-webkit-input-placeholder, div.formContact textarea::-webkit-input-placeholder{
	opacity: 0 !important;
}
div.formContact input::-moz-placeholder, div.formContact textarea::-moz-placeholder{
	opacity: 0 !important;
}
div.formContact input:-ms-input-placeholder, div.formContact textarea:-ms-input-placeholder{
	opacity: 0 !important;
}
div.formContact input::-ms-input-placeholder, div.formContact textarea::-ms-input-placeholder{
	opacity: 0 !important;
}
div.formContact input::placeholder, div.formContact textarea::placeholder{
	opacity: 0 !important;
}
div.formContact p[data-type="input"] label, div.formContact p[data-type="text"] label, div.formContact p[data-type="email"] label{
	display: block;
	color: white;
	font-size: 18px;
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	margin-bottom: 5px;
}
.et_pb_contact p input[type=checkbox]:checked+label i:before, .et_pb_subscribe .et_pb_contact_field input[type=checkbox]:checked+label i:before{
	color: #111e56 !important;
}
/************************************************************************
								FOOTER
************************************************************************/
footer{
	border-top: 4px solid #7fc1e2 !important;
}
footer div#footer-widgets{
	display: flex;
	align-items: center;
}
footer > div.container{
	width: 95% !important;
}
div.footer-widget{
	display: flex;
    flex-direction: column;
	align-items: center;
}
div.widget_media_image{
	margin-bottom: 0px !important;
}
span.telWidget{
	white-space: nowrap;
	display: flex;
    align-items: center;
}
span.telWidget a{
	font-size: 2.6em;
	white-space: nowrap;
	margin-left: 10px;
}
div.socialMentions{
	text-align: right !important;
}
div.socialMentions img{
	width: 35px !important;
}
div.socialMentions > div:nth-child(1) a{
	margin: 0px 5px;
}
div.socialMentions > div:nth-child(2) a, footer div#footer-widgets > div:nth-child(1) a{
	color: white !important;
}
div.socialMentions > div:nth-child(2) a:hover, footer div#footer-widgets > div:nth-child(1) a:hover{
	color: #7fc1e2 !important;
}
/************************************************************************
								RESPONSIVE
************************************************************************/
@media (min-width: 981px){
	.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a, .et_header_style_split .et-fixed-header #et-top-navigation nav >ul > li > a{
		padding-bottom: 25px;
	}
}	
@media (max-width: 980px){	
.bloc-prestations .et_pb_text_inner {
padding: 40px 20px 40px 20px!important;
}	
.et_pb_text_inner h1
{font-size:32px!important;}	
body .et_pb_row_1.et_pb_row, body .et_pb_row_2.et_pb_row {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
div.right h2, div.left h2 {
    font-size: 28px;
}
div.right h3, div.left h3 {
    font-size: 24px;
}
.et_pb_module.et_pb_text_align_center {
margin-bottom: 20px!important;
}
div.modulTwoColumn {
    display: block!important;
}
div.right h3::after, div.left h3::after
{bottom:0px;
height:5px;}
div.right h2::after, div.left h2::after
{height:10px;}
.et_pb_column .et_pb_module {
margin-bottom: 20px;
}
.et_pb_row .et_pb_column .et_pb_module:last-child
{margin-bottom:20px;}
.et_pb_text_inner, .et_pb_text_inner span {
font-size: 16px;
text-align: center!important;
}
.et_pb_row_5.et_pb_row, .et_pb_row_0.et_pb_row {
padding: 0px!important;
}
.et_pb_column .et_pb_module {
 text-align: center;
 padding: 0px!important;
}
.et_pb_text_15 h2 {
    font-size: 24px;
 }
footer div#footer-widgets {
    display: block;
 }
}