/******************************************
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here
* because this file won't be replaced during updates.
*
* Simply copy an existing style from style.css to this file,
* and modify it to your liking.
*/

#gform_submit_button_1,
#gform_submit_button_2{

    border-color: #4081af #4081af #20559a;
    border-image: none;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 hsla(0, 100%, 100%, 0.3) inset, 0 0 2px hsla(0, 100%, 100%, 0.3) inset, 0 1px 2px hsla(0, 0%, 0%, 0.29);
    display: inline-block;
    font-family: sans-serif;
    line-height: 1em;
    font-size: 1.4em;
    padding: 7px 16px;
}



.wu-cond-highlow{
	font-size: 11px;
}

.defaultcursor{
	cursor:pointer
}

.wu-forecast-wrapper,
.wu-table-5 {
	width: 100%;
}
.wu-copyright{
	display: none;
}

#setop {
	width: 60%;
	padding: 6px 3%
}

.flexslider .slides img {
    width: 100%;
}

#main .widget-red {
    background-color: #ffffff;
    border-top: none;
    box-shadow: none;
    color: #666666;
}

#main .widget-red a, #main .widget-red .current-menu-item li a {
    color: #1a4167;
}
.wpzoom-custom-menu .sub-menu li {
    list-style-type: square;
}

/*
.wpzoom-custom-menu .sub-menu a {
    color: #e2e8ed;
}

.wpzoom-custom-menu .sub-menu a:hover {
    color: #afc6d8;
}
*/

.plusclair {
	background-color: #e2e9ee;
	padding:0 5px;
	margin-bottom:5px;

}



.plusRouge {
	color: #67070a;
	font-weight: bold;

}

.plusRouge a {
	color:#67070a;
}

.plusRouge a:hover {
	border-bottom: none;
}

.plusBleu {
	color: #060754;
	font-weight: bold;
}

.plusBleu a {
	color:#060754;
}

.plusBleu a:hover {
	border-bottom: none;
}

.buildTrip h3{
	font-size: 18px;
	color: #d9ebfc
}

.buildTrip a{
	color: #d9ebfc
}

.buildTrip {
	background-color: #3672ab;
	padding: 10px 15px;
	color: #d9ebfc;
	margin: 0 -15px 30px -15px

}

.arrow{
	font-size: 1.2em;
	line-height: 22px;
}

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}


@media screen and (max-width: 768px) {
	.mobilehide { display: none; }
}


span.newTour {
    background-color: #67070a;
    color: #FFFFFF;
    font-size: 0.7em;
    text-shadow: 0 1px 0 #5B5B5B;
	border-radius: 5px;
	right: -2em;
	bottom: 14em;


    padding: 0.5em;
    position: absolute;

}

span.color1 {
	background-color: #b8101a
}
span.color2 {
	background-color: #ed5155
}


#footer-copy .dg {
	display: inline;
	float: right;
}

#footer-copy .dg a {
	color: #d3dde6;
}

#footer-copy .dg a:hover {
	color: #d8b446;
}






/* Image thumb sur la page d'accueil */

.imagesTours{
	margin:0 0 15px 0;
}

.imagesTours img{
	width:200px;
	margin-right:13px;
	float:left;
}

.imagesTours .last{
	margin-right:0;
	float:right;
}

.postthumb {
  position: relative;
  display: inline-block;
}

.postthumb img{
  display: block;
}

.overlay {
  position: absolute;
  background-color: #000;
  color:#FFF;
  padding:5px 10px;
  bottom: 0;
  left: 0;
  font-size:15px;
  width:180px;
}
.overlay:hover {
	background-color: #FFF;
	color:#000;
}

.imagesTours2{
}

.imagesTours2 img{
	width:225px;

}

.imagesTours2 .last{
	margin-top:15px;
}

.overlay2 {
  position: absolute;
  background-color: #FFF;
  color:#000;
  padding:5px 10px;
  bottom: 0;
  left: 0;
  width:205px;
}
.overlay2:hover {
	background-color: #000;
	color:#FFF;
}

#main #text-3, #main #text-4{
	background-color:none;
	padding:0px;
	overflow: hidden;
}



/*
	Cacher les custom post type wp zoom de l'admin
*/
#CDSWIDSSP .widSSPData {
	padding:0px;
}

.borderBottomDotted{
	border-bottom: 1px dotted #e7e7e7;
	padding-bottom: 10px;
	margin: 10px 0;
}

.pricesForThisTour ul li{
	font-size: 1.1em;
}


#prices {
    font: 13px Arial,Sans Serif;

}
#prices th {
    font-size: 1em;
    font-weight: bold;
    height: 45px;
    text-align: center;
}

#prices th h2 {
	text-align: left;
	padding-left: 10px;
}
#prices td {
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center;
}
#prices td a {
    color: #4C4C4C;
    font-weight: bold;
    text-decoration: underline
}
#prices td a:hover {
    color: #000000;
    text-decoration: none

}
#prices td.table-titles {
    padding-left: 10px;
    text-align: left;
    width:50%
}
#prices tr.pair:hover, #prices tr.impair:hover {
   background: #dedede;
}

#prices tr.pair {
    background: #FFF;
}
#prices tr.impair {
    background: #f5f5f5;
}

input#searchsubmit {
    border-radius: 0 3px 3px 0;
}

.wpzoom-custom-menu .menu-item {
    text-transform: none;
    font-weight: bold;
    font-size: 15px
}

.widget_text a {
	color: #006699;
	text-decoration: underline;
}



/* tableau des prix  */
	/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
	@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {

		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr {
			display: block;
		}



		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc; }

		td {
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}

		/*
		Label the data
		*/
		td:nth-of-type(1):before { content: ""; }
		td:nth-of-type(2):before { content: "1 to 2 persons"; }
		td:nth-of-type(3):before { content: "3 to 4 persons"; }
		td:nth-of-type(4):before { content: "5 to 6 persons"; }
		td:nth-of-type(5):before { content: "7 to 8 persons"; }
		td:nth-of-type(6):before { content: ""; }
	}

	

.departure strong{
	color: #000;
}

.departure li{
	margin-bottom: 23px;
}

.post-content strong, .post-content b{
	color: #000;
}




.gform_wrapper {
	background-color: #fffdf9;
    margin: 20px;
    padding: 20px;
    max-width: 98%;
    overflow: inherit;
    border:5px solid #CCC;
}

#field_1_9 .gfield_required{ display: none}

.bggris{
	padding:10px;
	background-color: #f3f3f3;
}

.featured{
	font-weight: bold;
	color:#841414;
	font-size: 1.1em;
}

.video-container {
	position: relative;
	padding-bottom: 26.25%;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
	width: 50%;
	float: left
	
}

.video-container-full {
	width: 100%;
	padding-bottom: 30%;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#main #text-3, #main #text-4 {
	overflow: hidden;
	padding: 0
}

#main #custom_html-2 {
	overflow: hidden;
	padding: 10px
}

.responsive-image {
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;
	margin: 20px 0;
  }