/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/



.site-header .header-image {
  width: 60px;
}

.has-inline-mobile-toggle .inside-header {
	flex-direction: column;
}
@media screen and (min-width : 768px) {
	.has-inline-mobile-toggle .inside-header {
		flex-direction: row;
	}
}


.bandoTop {
	background: #29353c;
	color: #fff;
	padding-top: 10px;
	text-align: center;
	font-weight: 900;
	//display: none;
}


.page-template-frontpage .monTopHome {
	/* Permalink - use to edit and share this gradient. Permalien - à utiliser pour éditer et partager ce gradient: https://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
background: linear-gradient(to bottom,  rgb(181,189,200) 0%,rgb(130,140,149) 36%,rgb(40,52,59) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
//background: url(https://homme-cle-assurance.fr/wp-content/uploads/2024/05/testHome.jpg);
}

.home .site-header {
  background-color: transparent !important;
  }

.page-template-default .site-header,
.page-template-contact-page .site-header {
  background: linear-gradient(to bottom,  rgb(181,189,200) 0%,rgb(130,140,149) 36%,rgb(40,52,59) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.inside-header {
  display: block !important;
}



.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color: #fff;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]) > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a {
	  color: #fff;

}


.main-title a, .main-title a:hover {
	font-size: 1.5em;
	color: #df6d19;
	font-weight: 900;
}

.main-navigation, .main-navigation ul ul {
  background-color: transparent !important;
}

.containForm {
  background-color: transparent !important;
}

@media screen and (min-width : 768px) {
	.containForm {
		margin-top: 50px;
	}
}


.wpform-form {
	display: block;
	align-items: center;
	background: transparent !important;
}

@media screen and (min-width : 768px) {
	.wpform-form {
		display: flex;
	}
}

.formHome1, .formHome2, .formPageDevis {
	width: 100%;
	text-align: center;
}
@media screen and (min-width : 768px) {
	.formHome1, .formHome2, .formPageDevis {
		width: 50%;
		text-align: center;
	}
}


.formHome2 {
	background: #fff;
		padding: 10px 20px;
	border-radius: 10px;
}

.formHome1 {
	margin-bottom: 30px;
	color: #fff;
	padding: 0px;
}
@media screen and (min-width : 768px) {
	.formHome1 {
		padding: 0 40px;
	}
}

.formHome1 span {
	font-size: 2em;
	font-weight: 900;

}

.formPageDevis {
	margin-bottom: 30px;
	color: #111;
	padding: 0px;
}
@media screen and (min-width : 768px) {
	.formPageDevis {
		padding: 0 40px;
	}
}

.formPageDevis span {
	font-size: 2em;
	font-weight: 900;

}


.flexBasHome {
	padding-bottom: 30px;
}

.flexBasHome div {
padding: 20px 10px;
background: #fff;
margin: 20px 10px;
text-align: center;
border-radius: 10px;
}

@media screen and (min-width : 768px) {
	.flexBasHome div {
		width: 100%;
	}
}


.flexBasHome div::before {
       content: '';
       display: inline-block;
       width: 15px;
       height: 15px;
       -moz-border-radius: 7.5px;
       -webkit-border-radius: 7.5px;
       border-radius: 7.5px;
       background-color: #df6d19;
       margin-right: 10px;
}

#poste {

}

.formFlex {
	display: block;
}
@media screen and (min-width : 768px) {
	.formFlex {
		display: flex;
	}
}

.formFlex div {
	margin: 0 5px;
	width: 100%;
}

.wpform label {
	//width: 50%;
	display: block;
	color: #2b373e;
}

.wpform .formInput {
	//width: 50%;
	display: inline-block;
	padding: 2px;
border: solid 1px #2a363d;
border-radius: 5px;
}

.remarque, #remarque {
	display: none;
}

.wpform input[type="submit"] {
	background: #df6d19 !important;
	font-weight: 900;
	width: 100%;
}


.inside-article {
	background-color: transparent !important;
}


.flex {
	display: block;
	align-items: center;
}
@media screen and (min-width : 768px) {
	.flex {
		display: flex;
		align-items: center;
	}
}

.flexHome div:first-child {
	width: 100%;
}

@media screen and (min-width : 768px) {
	.flexHome div:first-child {
		width: 60%;
	}
}

@media screen and (min-width : 768px) {
	.flexHome div:nth-child(2) {
		width: 40%;
	}
}

.pluvus {
	font-weight: 900;
	color: #df6d19;
}



.boxLarge1 {
	background-color: #b3bbc6;
}

.flex3 {
	align-items: inherit;
}

.flex3 .boxFlex3 {
	margin: 20px;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	position: relative;
	  overflow:hidden;
}

/*
.flex3 .boxFlex3::before{
content: "";
  position:absolute;
  margin:-20px;
  width:40px;
  height:40px;
  transform:rotate(45deg);
  background-color:#000; 
}
*/

.fxTitre3 {
	font-size: 1.7em;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
	color: #df6d19;
}



.site-footer .site-info {
	background: linear-gradient(to bottom,rgb(130,140,149) 0%,rgb(40,52,59) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}



.inside-site-info {
	display: block;
}

.footer-bar .widget-title {
	display: block;
	text-align: left;
    margin-bottom: 10px;
}

.footer-bar .widget_nav_menu > div > ul {
  display: block;
  text-align: left;
  
  }

.footer-bar .widget_nav_menu li,
.footer-bar .widget_nav_menu li:last-child,
.footer-bar .widget_nav_menu li:first-child {
  margin-left: 0;
   margin-right: 0;
} 

.footer-bar .widget_nav_menu li a {
	text-decoration: none;
	color: #fff;
}






#wpcf7-f405-o1, #wpcf7-f405-p30-o1 {
	width: auto;
	margin: 20px auto 20px auto;
	//background: #345a99;
	padding: 10px;
	border-radius: 3px;
}

@media screen and (min-width: 64em) {
	#wpcf7-f405-o1, #wpcf7-f405-p30-o1 {
	width: 70%;
	clear: both;
	}
}

#poste {
	text-align: center;
}


#wpcf7-f405-o1 .wpcf7-form, #wpcf7-f405-p30-o1 .wpcf7-form{
width: 80%;
margin: auto;
background: #eee;
padding: 20px 0;
}

#wpcf7-f405-o1 h2, #wpcf7-f405-p30-o1 h2 {
	margin: 0;
	text-align:center;
	//background: #14a59b;
	color: #345a99;
	width: 65%;
	margin: auto;
}

#wpcf7-f405-o1 p, #wpcf7-f405-p30-o1 p {
	margin: 5px 0;
	display: block;
	width: 85%;
	margin: 5px auto;
	text-align: center;
}


#wpcf7-f405-o1 label, #wpcf7-f405-p30-o1 label {
	display: inline-block;
	width: 33%;
	color: #345a99;
	font-size: 0.9em;
}

@media screen and (min-width: 64em) {
	#wpcf7-f405-o1 label, #wpcf7-f405-p30-o1 label {
		width: 20%;
		text-align: left;
	}
}



#wpcf7-f405-o1 input,
#wpcf7-f405-o1 select,
#wpcf7-f405-p30-o1 input,
#wpcf7-f405-p30-o1 select {
	width: 40%;
	display: inline;
}

#wpcf7-f405-o1 .submitRappel2,
#wpcf7-f405-p30-o1  .submitRappel2{
	text-align:center;
}

#wpcf7-f405-o1 [type="submit"],
#wpcf7-f405-p30-o1 [type="submit"] {
	 width: auto;
	 white-space: pre-wrap;       /* css-3 */
	 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	 white-space: -pre-wrap;      /* Opera 4-6 */
	 white-space: -o-pre-wrap;    /* Opera 7 */
	 word-wrap: break-word;       /* Internet Explorer 5.5+ */
	 line-height: .6em;
	 padding:20px; 
	 margin: 20px auto auto auto;
	 border:1px solid #aaa; 
	 color:#fff; 
	 font-weight:bold;
	 background: #f37a29; 
	 cursor:pointer; 
	 text-align:center;
	 border-radius: 4px;
	 text-transform: uppercase;
}


.remarque, #remarque {
	display: none !important;
}

.sommaire {
	background: #68727b;
padding: 20px;
color: #fff;
}

.sommaire ul li a {
	text-decoration: none;
	color: #fff;
}

.ulWspan {
	margin: 0 0 1.5em 0;
	list-style: none;
}

.ulWspan li {
	background: #68727b;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 20px;
	color: #fff;
}

.ulWspan li span {
	display: inline-block;
	background: #fff;
	padding: 10px;
	border-radius: 20px;
	margin-bottom: 20px;
	color: #df6d19;
	font-weight: 800;
}

.boxbtnDevis {
	text-align: center;
}
.btnDevis {
	padding: 10px 20px;
	background: #df6d19;
	color: #fff;
	font-weight: 800;
	text-align: center;
	text-decoration: none;
	border-radius: 20px;
	display: inline-block;
}