/*
Theme Name: Talon Child
Description: Talon Child Theme
Author: Mehdi Guyot & Tom Marti
Author URL: guyotmehdi.ch
Template: talon
Version: 1.0.0
Text Domain: talon-child
*/

/*     PLEIN ECRAN     */
.site-content .container {
	padding:0;
	width:100%;
}

/*    MENU MOBILE    */
.mobile-branding {
	background-color:white !important;
}


/* FOOTER WORDPRESS */
#colophon {
	display:none;
}

/*                AGENCES          */

@media screen and (min-width: 800px){
	.agences .et_pb_column_1_3 {
		margin:0 0 0 20px !important;
		width: calc( 100vw / 3 - 32px) !important;
	}
}
.agences .et_pb_promo::before {
	background: black;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.35;
}


.agences .et_pb_column_1_3 .et_pb_module {
	padding: 120px 0 !important;
}
/* HORAIRES______*/

.heuresOuverture h2 {
	text-align:center !important;
}

 .list-unstyled li{
    list-style : none !important;
}
.list-unstyled {
 margin-left:0 !important;
}
.list-unstyled li {
	border-bottom: 1px solid #333 !important;
	padding: 5px 0 !important;
}
.list-unstyled li:last-child {
	border-bottom: none !important;
}

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


/***************FORMULAIRE DE CONNEXION ********************/
.formLogin {
	background-color: #e5e5e5 !important;
	max-width:35% !important;
	margin: 20px auto !important;
	padding:20px !important;
	border-radius: 5px !important;
}

.inputLogin, .labelLogin, .buttonLogin{
	display:block !important;
	margin: 10px auto !important;
}

.inputLogin {
	background-color: #fff !important;
	margin:20px auto !important;
}

.labelLogin {
	display:none !important;
	
}

.buttonLogin {
	margin-top:20px !important;
	background-color: #034ea2 !important;
	padding:10px 50px;
}
::-webkit-input-placeholder {
  color: peachpuff !important;
  font-size: 13px !important;
}
::-moz-placeholder {
  color: peachpuff !important;
  font-size: 13px;
}
:-ms-input-placeholder {
  color: peachpuff !important;
  font-size: 13px !important;
}
::placeholder {
  color: peachpuff !important;
  font-size: 13px !important;
}

/*             FORMULAIRE CONTACT       


.nf-form-layout{
	max-width:70% !important;
	background-color: #e5e5e5 !important;
	margin: 10px auto !important;
	padding:5px !important;
	
}



.inputformContact  {
	background-color:#fff !important;
	max-width:40% !important;
	margin : 5px auto !important;
	display:block !important;
}

*/
/*
.buttonformContact {
	background-color: #034ea2 !important;
	padding:10px 50px !important;
	display:block !important;
	margin: 20px auto !important;
	color:white !important;
}

.ninja-forms-form-wrap textarea, 
.nf-field-container textarea, .textarea-container textarea,  .label-above textarea {
	display:block !important;
	max-width:60% !important;
	background-color:white !important;
	margin:10px auto !important
}

.nf-field-label{
	text-align:center !important;
	margin:auto !important;
}
.nf-form-fields-required {
	text-align:center !important;
	margin: 10px auto !important;
}
.nf-error-msg, .nf-error-required-error, .nf-error-field-errors {
	text-align:center !important;
	color:red !important;
}

.inputformContact{
	width :60% !important;
}
*/
/*
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
  color: #666 !important;
  border: 1px solid #ebebeb !important;
  border-radius: 0 !important;
  padding: 15px 20px !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
  color: #111 !important;
}

textarea {
  width: 100% !important;
}

*/

#nf-field-18 {
		border:1px solid #bbb !important;
	padding:3px 10px !important;
}

.contact-contact .ninja-forms-field, .nf-field-element {
	border-radius: 4px !important;
	width:100% !important;
}

.submit-contact, #nf-field-8, #nf-field-7 {
	transition: color 300ms ease 0ms,background-color 300ms ease 0ms !important;
	font-size: 16px !important;
	padding: 0.5em .8em !important;
	border : solid 1.6px !important;
	border-radius:3px !important;
	margin-top:10PX !important;
	width:auto !important;
	background: white !important;
}
.h2_titre_contact {
	padding:0px !important;
}
.submit-contact:hover, #nf-field-8:hover {
	color: white !important;
	border : solid #595959 1.6px !important;
background: #595959!important;
}


/*            CARTES OFFRES      */

#et-boc .offres-cartes p:first-of-type {
	top: 0 !important;
	right: 0 !important;
	background: #034ea2 !important;
	color: white !important;
	border-radius: 0 0 0 10px !important;
	position: absolute;
}
/*
#et-boc .offres-cartes p:first-of-type {
	top: -33px !important;
	right: -50px !important;
	background-image: url(http://oceanevoyages.schaffter.ovh/wp-content/uploads/2019/03/logo-prix.png);
	border-radius: 0 0 0 10px !important;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	width: 200px;
	height: 100px;
	background-size: 200px;
	padding: 36px 58px !important;
	line-height: 1.1 !important;
	overflow:hidden;
}

@media screen and (max-width: 450px){
	#et-boc .offres-cartes p:first-of-type {
		right: -25px !important;
	}
}
*/

.offres-cartes .et_pb_cpt_list_image_container {
	float:none !important;
}

.offres-cartes p {
	padding:2px 10px !important;
	line-height:1.5 !important;
}

.offres-cartes h2 {
	background-color: #034ea2 !important;
	color: white !important;
	padding: 5px 10px !important;
	font-size: 25px !important;
	cursor: default !important;
}

.offres-cartes img{
	width: 100% !important;
	display:block !important;
	height: 170px !important;
	overflow: hidden;
	image-orientation: auto;
}

.et-db #et-boc .et_pb_row {
	max-width:1180px !important;
}

.offres-cartes .type-offres_oceane_voyage {
	width: 320px !important;
	margin: 30px 30px !important;
	max-width:350px !important;
	display:block;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3) !important;
	height:400px !important;
}

.offres-cartes .et_pb_column p::last-child {
	padding-bottom:15px !important;
}

.offres-cartes > div {
	display : flex !important;
	justify-content: space-around !important;
	flex-wrap:wrap;
}

@media screen and (max-width: 640px){
	.collaborateurs-bevilard .et_pb_team_member_image {
	display: block !important;
	float: left !important;
	width: 50px !important;
	margin-right: 20px !important;
}
	
	/*.et_pb_code_inner {
		max-width:90% !important;
	}
	.ninja-forms-form-wrap {
		max-width:90% !important;
	}
	
.ninja-forms-form-wrap input[type=text], .ninja-forms-form-wrap input[type=email], .ninja-forms-form-wrap input[type=number]  {
	max-width:90% !important;
	} 
	.ninja-forms-form-wrap textarea, 
.nf-field-container textarea, .textarea-container textarea,  .label-above textarea {
	max-width:90% !important;
}
	
	*/
}

/*          FLECHES SLIDER       */
.partenaires .et-pb-slider-arrows {
	display: none !important;
}

/*          ESPACE CLIENT       */
@media screen and (min-width: 1200px){
	.menu-item-29179 {
		position:absolute !important;
		top: -40px !important;
		right: 20px !important;
		background-color: #034ea2;
		border-radius: 0 0 7px 7px;
	}

	.menu-item-29179 a {
		color: white !important;
	}

	.menu-item-29179 a:hover {
		color: lightgray !important;
	}
}

/*CONTACT FULLWIDTH*/
.et-db #et-boc .et_pb_team_member_1{
	max-width:100% !important;
}