/* ==========================================================================
   Styles responsive
   ========================================================================== */   

@media screen and (min-height: 1085px) {
	html {
		background-size:cover !important;
	}
}	
@media screen and (max-width: 1280px) {
	html {
		background-size:cover !important;
	}
	
	
}
@media screen and (max-height: 890px) {
	body.home #content .wrapper {
		top: 150px;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	body.home #content .wrapper #infosTrafic {
		display: block;
		margin: 2rem auto 0 auto;
	}
	body.home #content .wrapper #infosTrafic a {
		padding:1rem;
	}
	body.home #content .wrapper #infosTrafic a h3 , body.home #content .wrapper #infosTrafic a p {
		display: block;
		width: 100%;
	}
}

@media screen and (max-height: 790px) {
	body.home #content .wrapper {
		top: 110px;
	}
	
	footer .logos-groupe {
		margin: 0;
	}
	
	footer {
		font-size:0.6rem;
	}
	
	body.home #content .wrapper + .wrapper {
		bottom:140px;
	}
}

@media screen and (max-height: 800px) {
	body.home #content .wrapper {
		top:35px;
		margin-top:110px;
	}
	
	body.home #content .wrapper + .wrapper {
		position:relative;
		top:0;
		
	}
	
	body.home #content .wrapper + .wrapper {
		margin:20px auto 40px auto;
	}
	
	.home footer {
		bottom:0;
		/*position:relative;*/
	}
	
	html {
		height:auto;
	}
	
	body.home {
		height:auto;
	}
	
	body.home #content .wrapper + .wrapper {
		left:0;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@media screen and (max-height: 520px) {
	.home footer {
		bottom:0;
		position:relative;
	}
}

@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 1000px) {
	.wrapper {
		padding:0 5px;
	}
	
	.content-wp .liste-partenaire {
		width:33.33%;
	}
	#texte-secondaire{
		width:100% !important;
		padding:40px !important;
	}
}

@media screen and (max-width: 980px) {
	header nav ul li:first-child a {
		padding: 0 0.625rem 0.625rem 0;
	}
	
	header nav ul li a {
		padding: 0 0.625rem 0.625rem;
		font-size:0.8125rem;
	}
	
	header nav ul li:last-child a {
		padding: 0 0 0.625rem 0.625rem;
	}
	
	body.home #content form h3 span {
		letter-spacing:0px;
	}
	
	body.home #content form h3 {
		font-size:0.9rem;
	}
}

@media screen and (max-width: 830px) {
	header nav ul li:first-child a {
		padding: 0 0.25rem 0 0;
	}
	
	header nav ul li a {
		padding: 0 0.25rem;
	}
	
	header nav ul li:last-child a {
		padding: 0 0 0 0.25rem;
	}
}

@media screen and (max-width: 768px) {
	#top>div, nav.menu-responsive>div>p{
		display:flex;
	}
	#top>div, nav.menu-responsive>div>p a img{
		width:40px;
	}
	.loader {
		height:150px;
		margin:0;
	}
	#top>div:first-child a, nav.menu-responsive>div a{
		padding: 0 0.5rem;
	}
	
	/* HEADER */
	
	header {
		position: relative;
		top: auto;
		padding:20px 0;
	}
	
	header .wrapper {
		text-align:center;
	}
	
	header #logo {
		float:none;
		display:inline-block;
	}
	
	header #logo a {
		width: 140px;
		height: 52px;
		background-size:contain;
	}

	header a.icon-menu {
		display:block;
	}
	
	header .right > div#top > div , header .right > nav, nav.menu-navigation-principale-container{
		display:none;
	}
	
	#top > div + div, #top > nav, #top > nav + div {
		border:0;
	}
	
	#menu-mobile + div > p  a:first-child img {
		width: 40px;
		vertical-align: top;
	}
	
	body.home #content {
		/*background:rgba(37,37,37,0.5);*/
	}
	
	html {
		height:100%;
	}
	
	body {
		background: rgba(37, 37, 37, 0.5);	
		min-height:100%;
	}
	
	body > header {
		position:initial;
	}
	
	body section {
		opacity:1;
		
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
	}
	
	body.menu-open section {
		opacity:0;
		z-index:0;
	}
	
	nav.menu-responsive {
		display: none;
		height:auto;
		position:relative;
		width: 100%;
		margin:auto;
		opacity:0;
		z-index:2;
		text-align:center;
		max-height:inherit;
		overflow:auto;
		padding:50px 0;
	}
	
	nav.menu-responsive > ul {
		display:block;
		line-height: 1rem;
		vertical-align: middle;
		height:auto;
		margin: 2rem auto auto;
		
	}
	
	nav.menu-responsive .sub-menu {
		display:none;
	}
	
	nav.menu-responsive ul li a {
		color:#fff;
		text-transform:uppercase;
		padding:1rem 0;
		position:relative;
		font-size:1.125rem;
		display:inline-block;
	}
	
	nav.menu-responsive ul li::after {
		width:20px;
		height:1px;
		display:block;
		content:" ";
		border-top:1px solid rgba(255,255,255,0.4);
		margin:1rem auto;
	}
	
	body.menu-open nav.menu-responsive {
		opacity:1;
		top:0;
	}
	
	nav.menu-responsive .sub-menu li::after {
		display:none;
	}
	
	nav.menu-responsive .sub-menu li a {
		font-size:1rem;
	}
	
	nav.menu-responsive > div a::before {
		background:#fff;
		-webkit-border-radius:50%;
		border-radius:50%;
	}
	
	#top > div:first-child a::before, nav.menu-responsive > div a::before {
    font-size: 2.5rem;
	}
	
	/* HOME */
	
	body.home {
		min-height:100%;
		height:auto;
	}
	body.page-template-widgetReservation.home {
		height: 100%;
	}
	
	body.home #content .wrapper {
		top:auto;
		margin:0;
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	
	body.home h1, body.home h2 {
		visibility:hidden;
		opacity:0;
		position:absolute;
		display:none;
	}
	
	body.home #content form { 
		background:none;
		display:block;
		text-align:center;
		height:auto;
		margin:auto;
		padding:20px;
	}
	
	body.home #content form h3, body.home #content form > input, body.home #content form > div {
		display:block;
		max-width: 100%;
		width: 100%;
	}
	
	body.home #content form h3, body.home #content form h1 { 
		font-size:25px;
		color:#fff;
		text-align:center;
		line-height:1.5rem;
		padding-top:20px;
	}
	
	body.home #content form h3 span, body.home #content form h1 span {
		font-size:1.25rem;
		color:#fff;
		letter-spacing:3px;
	}
	
	body.home #content .wrapper + .wrapper {
		visibility:hidden;
		opacity:0;
		display:none;
	}
	
	body.home #content form > div > div {
		opacity: 1;
		visibility: visible;
		background:none;
		position: relative;
		bottom:auto;
		left:auto;
		
		-moz-transform:translateX(0);
		-webkit-transform:translateX(0);
		-o-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
	
	
	body.home #content form > div.destination > div, body.home #content form > div.date .radius,body.home #content form > div.passagers > div, body.home #content form div.submit  {
		width:100%;
		height:auto;
	}
	
	body.home #content form > div.passagers {
		z-index:0;
	}
	
	form .destination .sod_select {
		z-index:10;
	}
	
	
	form .destination .sod_select + .sod_select {
		z-index:1;
	}
	
	/* DESTINATIONS */
	
	body.home #content form > div.destination {
		margin-top:10px;
	}
	body.home #content form > div.destination > div {
		font-size:0;
		display:block;
		width:100%;
	}
	
	body.home #content form > div.destination > div .sod_list_wrapper {
		position:relative;
	}
	
	body.home #content form > div.destination > div input[type="radio"], body.home #content form > div.destination > div input[type="radio"] + label::before {
		display:none;
	}
	
	body.home #content form > div.destination > div input[type="radio"] + label {
		width:50%;
		font-size:1rem;
		display:inline-block;
		font-size:0.9375rem;
		color:#b2b2b2;
		margin:0;
		background:#fff;
		line-height:2.75rem;
		
		-webkit-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
	}
	
	body.home #content form > div.destination > div label + input[type="radio"] + label {
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}
	
	body.home #content form > div.destination > div input[type="radio"]:checked + label {
		background:#00cccb;
		color:#fff;
	}
	
	body.home #content form > div > button::before, body.home #content form > div > button {
		display:none;
	}
	
	form .destination .sod_select {
		width:100%;
		margin:0 0 1rem 0;
		border:0;
	}
	
	form .destination .sod_select + .sod_select {
		margin:0;	
	}
	
	form .destination .sod_label {
		padding-left:3rem;
	}
	
	form .destination .sod_select::before {
		content: "\e902";
	}
	
	form .destination .sod_select + .sod_select::before {
		content: "\e903";
	}
	
	form .destination .sod_select .sod_list_wrapper {
		border:0;
		margin:1rem 0 0 0;
		width:100%;
		
	}
	
	body.home #content form > * {
		padding: 0 10px;
		width:100%!important;
	}
	
	body.home #content form > div.date .radius.double, body.home #content form > div.date .radius {
		width: 100%;
	}
	
	body.home #content form > div.date div.datepicker button, body.home #content form > div.date div.mobiles-button, body #content form > div.date div.datepicker button, body #content form > div.date div.mobiles-button {
		display:inline-block;
		width:100%;
	}
	
	body #content form > div.date div.mobiles-button button {
		display:block;
		text-align: left;
		font-size: 0.9375rem;
		line-height: 2.75rem;
		width:100%;
		margin:0 1% 1rem 0;
		border:0;
		-webkit-border-radius:4px;
		border-radius:4px;
		font-family:"Dosis",sans-serif;
		color: rgba(101, 101, 101, 0.7);
		display:inline-block;
	}
	
	body #content form > div.date div.mobiles-button button + button {
		margin:0 0 0 1%;
	}
	
	body #content form > div.date div.mobiles-button button::before {
		font-family: "icomoon";
		padding: 0 1.25rem 0 1rem;
	}
	
	body #content form > div.date.simple div.mobiles-button button + button {
		display:none;
	}
	
	body #content form > div.date #from, body #content form > div.date #to {
		display:none;
	}	
	
	body.home #content form > div.date div.datepicker {
		width:100%;
		overflow:initial;
		padding:0 1% 0 0;
		min-height:inherit;
		background:none;
	}
	
	body.home #content form > div.date div.datepicker + div.datepicker {
		padding:0 0 0 1%;
	}
	
	body.home #content form > div.date div.datepicker button {
		background: #fff;
		display:block;
		text-align: left;
		font-size: 0.9375rem;
		line-height: 2.75rem;
		width:100%;
		border:0;
		-webkit-border-radius:4px;
		border-radius:4px;
		font-family:"Dosis",sans-serif;
		color: rgba(101, 101, 101, 0.7);
	}
	
	body.home #content form > div.date div.datepicker button::before {
		color: #00cccb;
		font-family: "icomoon";
		padding: 0 1.25rem 0 1rem;
		
	}
	
	body.home #content form > div.date div.datepicker span.title, body.home #content form > div.date div.datepicker div.ui-datepicker {
		width: 100%;
	}
	
	body.home #content form > div.date div.datepicker div.ui-datepicker {
		background:#fff;
	}
	
	#content form > div.date div#to {
		position:relative;
		z-index: 0;
	}
	
	#content form > div.date div#to, #content form > div.date .double div#to {
		right:0;
		left:auto;
	}
	
	body.home #content form > div.date {
		overflow:hidden;
	}
	
	body.home #content form > div.date div#to.datepicker span.title, body.home #content form > div.date div#to.datepicker div.ui-datepicker {
		left:0;
		position:relative;
	}
	
	body.home #content form > div.date .double div#to.datepicker span.title, body.home #content form > div.date .double div#to.datepicker div.ui-datepicker {
		left:0;
	}
	
	#content form > div.date div#to {
		opacity:1;
	}
	
	body.home #content form > div > div {
		padding:10px 10px 1rem 10px;
	}
	
	body.home #content form > div.passagers > div.radius div > span > span {
		position:relative;
	}
	
	body.home #content form > div.date div.ui-datepicker, body.home #content form > div.date div.datepicker span.title {
		
	}
	
	/* PASSAGERS */
	
	body.home #content form > div.passagers::before {
		display:inline-block;
		position:relative;
		top:15px;
		margin-top: -15px;
		z-index:3;
		width:35px;
		height:35px;
		color:#fff;
		background:#00cccb;
		content: "\e904";
		font-size:1rem;
		line-height:2rem;
		-webkit-border-radius: 20px;
		border-radius: 20px;
	}
	
	body.home #content form > div.passagers {
		padding:0 10px;
		margin:0 0 1rem 0;
	}
	
	body.home #content form > div.passagers > div {
		background:#fff;
	}
	
	body.home #content form > div.passagers > div.radius div:first-child {
		margin-top:15px;
	}
	
	body.home #content form > div.passagers > div.radius div > span {
		padding:0;
	}
	
	body.home #content form > div.passagers > div.radius div > span select {
		border:0;
	}
	
	body.home #content form > div.passagers > div.radius div {
		margin: 0 0.5rem;
	}
	
	/* SUBMIT */
	
	body.home #content form div.submit {
		padding:0 10px 10px 10px;
		background:none;
	}
	
	body.home #content form div.submit::after {
		display:none;
	}
	
	body.home #content form input[type="submit"] {
		background:#00cccb;
		
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	
	/* SIDEBAR */
	
	.sidebar {
		visibility:hidden;
		opacity:0;
		display:none;
	}
	
	/* FOOTER */
	
	footer {
		bottom:auto;
		position:relative;
		background: rgba(52, 52, 52, 0.9)
	}
	
	footer nav.left {
		float:none;
	}
	
	footer p.right {
		display:none;
	}
	
	.home footer {
		position:relative;
	}
	
	footer nav ul li a {
		line-height:1.5rem;
	}
	/* contact */
	.page-id-191 .mail-before , .page-id-25 .mail-before{
		display:none;
	}
	section#carte{
		height: auto;
	}
	section#banner{
		height:250px!important;
	}
	section#banner .head{
		margin-top:auto;
	}
}

@media screen and (max-width: 768px) and (min-height:800px) {
	footer {
		bottom:0;
		position:relative;
	}
	
	section#content .wrapall .contenu {
		padding-left:0;
	}
}

@media screen and (max-width: 640px) {
	html {
		font-size:15px;
	}
	
	#menu-mobile + div > p  a:first-child img {
		width: 37px;
		vertical-align: top;
	}
	
	
}

@media screen and (max-width: 480px) {
	
	body.home #content form {
		padding:0;
	}
	
	body.home #content form > div.date div.datepicker button::before {
		padding: 0 1rem 0 0.3rem;
	}

	nav.menu-responsive > div a {
    	display: inline-grid;
    	width: 45px;
	}	
	.resa_summer{
		border-radius: 4px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		width:90%;
		height: 200px;
		margin:40px auto;
		background:transparent;
	}
	footer nav ul li::after {
		content:"";
		display:none;
	}
	
	footer nav ul li, nav ul {
		text-align:center;
		margin:auto;
	}
	
	footer nav ul li {
		display:block;
	}
	.home-popup>div .content div.popup-text img {
	width: auto;
	height: auto;
}
	
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*		INFO		

		etape 1 reservation mobile display none
		class: 		.form-etape-mobile

*/
/********************/
/*		ACTUALITE	*/
/********************/

.contenu iframe {
	display: inline-block;
    max-width: 100%;
}

body.blog .post-actu a > span {
    line-height: 165px;
}
body.blog .post-actu h3{
	display:inline-block;
	line-height:1rem;
	padding:10px;
	margin:0;
}

body.single-post section#content .wrapall{
	padding-top:20px;
}
body.single-post section#content .wrapall > .right-sidebar{
	width:28%;
	padding-left:25px;
}
body.single-post section#content .wrapall > div:first-child{
	width:72%;
	text-align:left;
}
body.single-post section#content .wrapall > div:first-child .retour{
	text-transform:uppercase;
	margin-top:90px;
	display:inline-block;
}

body.single-post section#content .wrapall:first-child .contenu > div{
	width:100%;
	padding:0;
	max-width:inherit;
}
body.single-post section#content .wrapall:first-child .contenu > div img{
	width:auto;
	height:auto;
	display: block;
	margin: 0 auto;
}
body.single-post section#content .wrapall:first-child .contenu > div > article > h2 {
	color:#6CAC17;
	text-transform:uppercase;
}
body.single-post section#content .wrapall:first-child .contenu > div > article > p {
	color:#656565;
	font-size:1rem;
}

body.single-post .right-sidebar  article {
	width:100%;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	margin-bottom:10px;
	height:130px;
	font-size:0;
	border-bottom:1px solid #5D5D5D ;
	}
body.single-post .right-sidebar article a {
	display:inline-block;
	width:100%;
}
body.single-post .right-sidebar  article img{
	max-height: 80px;
	width: auto;
	max-width:inherit;
}	
	
body.single-post .right-sidebar  div{
	display:inline-block;
	position:relative;
}

body.single-post .right-sidebar  div.last-posts{
	width:100%;
	height:245px;
	background-color:#77b7c4;
	text-align:center;
	text-transform:uppercase;
	color:#000;
	font-size:1.25rem;
	font-weight:300;
}

body.single-post .right-sidebar  div.last-posts h2{
	position:relative;
	margin:83px 0;
}
body.single-post .right-sidebar  div.last-posts h2::before{
	position:absolute;
	top:-40px;
	left:50%;
	transform:translateX(-50%);
}
body.single-post .right-sidebar  div.last-posts h2::after{
	position:absolute;
	bottom:-40px;
	left:50%;
	transform:translateX(-50%);
	color:#fff;
}
body.single-post .right-sidebar .aside-image {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
	 line-height:130px;
	 overflow:hidden;
}

body.single-post .right-sidebar .reservation-actu {
    display: inline-block;
    width: 100%;
	 background-color:#00cccb;
	 color:#fff;
	 height:95px;
	 padding:15px;
	 border-radius:4px;
}
body.single-post .right-sidebar .reservation-actu a{
	 color:#fff;
	 text-align:center;
}
body.single-post .right-sidebar .reservation-actu h3{
	text-transform:uppercase;
	margin:0;
	color:#fff;
}
body.single-post .right-sidebar .reservation-actu h3::before{
	margin-right:10px;
}
body.single-post .right-sidebar .reservation-actu p{
	font-size:0.875rem;
	font-weight:300;
}

body.single-post .aside-content {
    display: inline-block;
    margin-left: 5%;
    width: 65%;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 300;
    text-align: justify;
}
body.single-post .aside-content h3{
    font-size:1rem;
	 font-weight: 600;
	 margin:0;
}
body.single-post .aside-content p{
    font-size:0.75rem;
	 font-weight: 600;
	 margin:0;
}
/********************/
/*		FOOTER		*/
/********************/

body:not(.home) footer {
    background: #5d5d5d;	
}

/********************/
/*		BANNER		*/
/********************/

#banner h1 {
	color:#fff;
	font-size:3.375rem;
	text-transform: uppercase;
   letter-spacing: 1px;
	line-height:3.375rem;
}

section#banner .head .title {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
}

section#banner .head {
    display: inline-block;
    line-height: 1rem;
    vertical-align: bottom;
}

section#banner .wrapper {
    height: 100%;
    line-height: 340px;
    opacity: 1;
    -webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

section#banner {
    height: 340px;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0);
}

/********************/
/*		CONTENU		*/
/********************/

hr {
	 margin: 1.5em 0;
	 display:inline-block;
	 width:100%;
}

.contenu .content-wp h3:first-child{
	font-weight:700;
	margin-bottom:0;
}

.contenu .content-wp  p{
	font-weight:500;
	margin-top:0;
}

body:not(.home) section#content{
	background:#fff;
    padding-bottom: 40px;
}
body.page-template-ile-arz section#content {
	padding-bottom:0;
}
body.page-template-croisieres section#content {
	padding-bottom: 0;
}
body.home section#content {
	background:transparent;
}

body.page-template-compagnie section#content, body:not(.page) section#content {
	padding-bottom: 0px;
}

body:not(.home) section#content .wrapall {
    width: 100%;
    display: table;
    font-size: 0;    
	height: auto;
}

body:not(.home) section#content .wrapall > div:nth-child(odd) {
    width: 50%;
    text-align: right;
}

.page-id-9 section#content .wrapall > div:first-child, .page-id-9 .contenu .content-wp h3:first-child, .page-id-9 .contenu .content-wp p{
	text-align:center;
}

body:not(.home) section#content .wrapall > div {
    display: table-cell;
    font-size: 1rem;
    width: 50%;
    vertical-align: top;
	height:100%;
}

body:not(.home) section#content .wrapall > div:not(.photos-container-plus):not(.right-side) {
	padding: 20px;
}

body:not(.home) section#content .wrapall:first-child .contenu > div {
    max-width: 525px;
    width: 100%;
    padding: 40px 40px 40px 0;
    display: inline-block;
    text-align: left;
    /*width:525px;
    display:block;
    margin:0 auto;*/
}

body:not(.home) h3 {
    font-size: 1.375rem;
    font-weight: 600;
    color: #6cac17;
}

body:not(.home) p {
	font-weight:600;
}

/************************/
/*		FORMULAIRE		*/
/************************/
.wpcf7 .accordeon{
	display:none;
	width:100%;
}
.wpcf7 h3 {
	text-transform:uppercase;
	font-size:1rem;
	letter-spacing:1px;
	position:relative;
}
.wpcf7 h3 span{
	cursor:pointer;
	content:'';
	text-transform:uppercase;
	font-size:2rem;
	position:absolute;
	background-color:rgba(108, 172, 23, 0.8);
	color:#fff;
	border-radius:4px;
	width:5rem;
	height:3rem;
	right:0;
	text-align:center;
	top:50%;
	transform:translateY(-50%);
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.wpcf7 h3 span::after{
	position:absolute;
		right:0;
		width:0;
		top:0;
		height:50px;
		content:" ";
		background:rgba(255,255,255,0.3);
		
		-webkit-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		
		-webkit-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition: all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */

		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.wpcf7 h3 span:hover::after{
	width:100%;
}
.ajax-loader {
	display:none !important;
}

form > div {
	display:flex;
    width: 100%;
	flex-wrap: wrap;
	align-items: center;
}
form > div p.label {
	width:35%;
}
form > div p.input {
	width:65%;
}
form > p , form > div p {
	text-transform:uppercase;
	margin: 5px 0;
	font-size:1rem;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

form hr.green {
    border-top: 5px solid #6cac17;
}

.type-personne > div p input , .type-personne > div span input {
	width: 50px;
    height: 40px;
    text-align: center;
    float: left;
    font-size: 1rem;
    margin: 0 10px 0 0;
    font-weight: 600;
	color:#5d5d5d;
}

.type-personne > div p {
	margin:0 0 0 0;
	font-size: 0.875rem;
    letter-spacing: 1px;
    font-weight: 600;
	text-transform:initial !important;
    width: 50%;
}

.galerie-left img {
	-moz-box-shadow: 0px -2px 5px 0px #656565;
	-webkit-box-shadow: 0px -2px 5px 0px #656565;
	-o-box-shadow: 0px -2px 5px 0px #656565;
	box-shadow: 0px -2px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=90, Strength=5);
}
body:not(.home) form > div {
	font-size:0;
}
body:not(.home) form > div > span:nth-child(3){
	margin-left:3%;
}
body:not(.home) form > span input, body:not(.home) form > span select, form > div span input, body:not(.home) form > div span select , body:not(.home) form > div span .sod_select {
	height:40px;
	width:100%;
	margin: 5px 0;
	border-radius:0; 
}

body:not(.home) option:first-child {
	content:"";
}

.page-id-15 form > div{
	clear:both;
}

body:not(.home) form input[type="text"], body:not(.home) form input[type="number"], body:not(.home) textarea, body:not(.home) option, body:not(.home) option:checked, body:not(.home) select, body:not(.home) form input[type="tel"], body:not(.home) form input[type="email"]{
	font-size:0.875rem;
	color:#656565;
	padding: 5px;
	font-weight: 600;
	
	background: #FFF none repeat scroll 0% 0%;
	border: 1px solid rgba(101, 101, 101, 0.7);
	
	 transition: all 0.5s;
    -webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
form input[type="text"]:hover, form input[type="number"]:hover, textarea:hover , form input[type="text"]:focus, form input[type="number"]:focus, textarea:focus, form input[type="tel"]:hover, form input[type="email"]:hover, form input[type="tel"]:focus, form input[type="email"]:focus {
border-color:#00cccb;
}

.wpcf7-response-output  {
	font-size:1rem;
	position:relative;
	height:auto;
	width:100%;
}

input.wpcf7-not-valid, textarea.wpcf7-not-valid, form input[type="text"].wpcf7-not-valid, form input[type="number"].wpcf7-not-valid, textarea.wpcf7-not-valid, option.wpcf7-not-valid, option:checked.wpcf7-not-valid, select.wpcf7-not-valid, form input[type="tel"].wpcf7-not-valid, form input[type="email"].wpcf7-not-valid  {
	border-color:rgba(231, 76, 60,1.0);
}

body:not(.home) textarea {
    margin: 5px 0;
	 width:100%;
}
body:not(.home) span.sod_select::after{
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}

.recaptcha{
	float:right;
	margin-top:1.5rem;
}
.form-send{
	display:inline-block;
	width:100%;
}

.type-personne {
	width:100%;
	display: table;
}

.type-personne > div {
	display: table-cell;
	width:33%;
}
.type-personne > div > .wpcf7-form-control-wrap {
	width:auto;
	display:inline;
}
body:not(.home) form .btn.green.opacity {
    border: none;
    padding: 1rem 3.125rem;
    width: 100%;
    line-height: 0;
}

body:not(.home) form div.btn {	
    float: right;
    padding: 0;
}

.Code-postal {
	width: 17%;
}

.Ville {
	width:45%;
}

.Civilite {
	width:17%;
}

.Nom {
	width:45%;
}

.obligatoire {
	color:rgba(101,101,101,0.5);
	font-size:0.875rem;
    float: left;
    letter-spacing: 1px;
}

.formgroupe span:after {
	position:absolute;
    right: 15px;
	-moz-transform: translateX(130%);
    -webkit-transform: translateX(130%);
    -o-transform: translateX(130%);
    -ms-transform: translateX(130%);
    transform: translateY(130%);
}

/* formulaire page recrutement */

span.champ_envoi_cv{
	display: flex;
	justify-content: space-between;
}

span.champ_envoi_cv p{
	text-transform: uppercase;
}

/************************/
/*		SQUARE   		*/
/************************/


body:not(.home) section#content .wrapall .photos-container-plus #pres-brochure {
    line-height: 245px;
}

body:not(.home) section#content .wrapall .photos-container-plus .square {
	bottom: 0;
	height: 245px;
	width: 245px;
	text-align: center;
	background: #77b7c4;
	line-height: 245px;
	display:inline-block;
	vertical-align:bottom;
	position:relative;
}

body:not(.home) section#content .wrapall .photos-container-plus .square span:before {
    font-size: 1.5rem;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin: 0 0 0 -0.75rem;
    line-height: 1rem;
}

body:not(.home) section#content .wrapall .photos-container-plus .square h4 {
	text-transform:uppercase;
	font-weight: 500;
    font-size: 1.25rem;
    vertical-align: middle;
	letter-spacing:1px;
    line-height: 1.25rem;
}

body:not(.home) section#content .wrapall .photos-container-plus .square h4 + span {
    font-size: 0.8125rem;
    color: #fff;
    line-height: 1rem;
    display: inline-block;
}

body:not(.home) section#content .wrapall .photos-container-plus .square h4 {
    margin: auto;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.25rem;
    display: inline-block;
	letter-spacing:2px;
}

#pres-brochure.square div {
    line-height: 1rem;
    vertical-align: sub;
    display: inline-block;
}


/************************/
/*		RIGHT SIDE 		*/
/************************/

.right-side > div {
	vertical-align: top;
    display: inline-block;
    width: 100%;
}

.btn.blue {	
    text-align: center;
    width: 220px;
    background: rgba(0,97,152,1);
}

.btn.blue.opacity {
    background: rgba(0,97,152,0.8);
}

.btn.teal {
    text-align: center;
    width: 220px;
    background: rgba(119,183,196,1);
}

.btn.teal.opacity {
    background: rgba(119,183,196,0.8);
}

.consulter-right span .picto-pdf {
	background: url('../img/groupe/picto-pdf.png') no-repeat center center;
    width: 20px;
    height: 20px;
    float: left;
}

.consulter-right span .eye {
	background: url('../img/groupe/eye.png') no-repeat center center;
    width: 20px;
    height: 20px;
    float: left;
}

.galerie-left{
	width:60%;
	height:190px;
	position:relative;
}

.galerie-left img:first-child {
    position: absolute;
	bottom:0;
	z-index:3;
	height:190px;
	-moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
}

.galerie-left img:nth-child(2) {
	z-index:2;
	position: absolute;
    bottom: 0;
	height:175px;
	-moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 70%;
}

.galerie-left img:nth-child(3) {
	z-index:1;
	position: absolute;
    bottom: 0;
	height:160px;
	-moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 30%;
}

.info-groupe hr:nth-child(2) {
	margin-top:1px;
}

.consulter-right {
	width:40%;
    height: 100%;
	text-align: center;
    vertical-align: bottom;
    padding: 70px 0;
}

.consulter-right span p {
    padding: 10px 0;
}

.info-groupe .first-block {
	width:100%;
}

.info-groupe {
	font-size: 0;
    height: 50%;
	min-height:200px;
}

.page-id-46 .info-groupe .first-block, .page-id-205 .info-groupe .first-block  {
	font-size:1rem;
}

.page-id-46 .info-groupe .first-block h3, .page-id-205 .info-groupe .first-block h3 {
	background:url('../img/gift-idea.png') no-repeat left center;
	padding:1rem 0 1rem 50px;
}

body:not(.home) .contact {	
    width: 40%;
}

body:not(.home) .prix-tel {
    margin: 0 0 10px 0;
}

body:not(.home) .adresse h2 {
	text-transform:uppercase;
}

body:not(.home) .mail {
    text-decoration: underline;
	color:#006198;
    margin-top: 15px;
}

body:not(.home) .adresse:before {
    font-family: 'icomoon';
    font-size: 2.5rem;
    padding: 0 0.625rem 0 0;
    color: #cecece;
    vertical-align: middle;
}

.contact span .mail-before::before {
    font-family: 'icomoon';
	font-size: 2.2rem;
	color:#b2cfe0;
    padding: 0 0.625rem 0 0;
    vertical-align: middle;
    float: left;
    margin: 0 10px 0 0;
}

.tel-before:before {
	content:" ";
	background: url('../img/groupe/phone.png') no-repeat center center;
    font-family: 'icomoon';
    font-size: 2rem;
    color: #d3e6b9;
    padding: 20px 20px 20px 14px;
    vertical-align: middle;
    float: left;
    margin: 0 17px 0 0;
}

.contact h3 {
	 font-size:1.125rem;
	 font-weight:700;
    margin: 0 0 0 0;
}

.contact .prix-tel {
	 font-size:0.8125rem;
	 font-weight:400;
}

.info-contact > div{
	display:inline-block;
	width:50%;
    vertical-align: middle;
	height:100%;
	font-size:0;
}

.page-id-46 .info-contact.idees-cadeaux > div, .page-id-205 .info-contact.idees-cadeaux > div {
	width:100%;
}

.page-id-46 .photos-container-plus, .page-id-205 .photos-container-plus {
	text-align:center;
}

.page-id-46 .encart-cadeaux, .page-id-205 .encart-cadeaux {
	font-size:1rem;
	line-height:1rem;
	display:inline-block;
	background:url('../img/idees-cadeaux.png') no-repeat center center;
	vertical-align:middle;
	padding: 50px 98px 70px 42px;
	width:400px;
}

.page-id-46 .encart-cadeaux h4, .page-id-205 .encart-cadeaux h4 {
	color:#fff;
	margin:0;
	font-size:1.5rem;
	text-transform:uppercase;
	margin:0.5rem 0 0 0;
	
}

.page-id-46 .encart-cadeaux p, .page-id-205 .encart-cadeaux p {
	color:#fff;
	font-size:1.5rem;
	font-weight:300;
	line-height:1.5rem;
	margin:0.5rem 0;
}

.first-block > div{
    display: inline-block;
}

.first-block p {
	font-weight:400;
}

.photos-container-plus{
	position:relative;
	line-height: 470px;
	height:470px;
}

.photos-container-plus li {
	line-height:1.6rem;
	vertical-align:bottom;
}

.adresse h2, .adresse p{
	margin:0;
}

.adresse p{
	 font-size:0.8125rem;
}

.adresse h2{
    font-size: 1.25rem;
    line-height: 1.35rem;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}

.adresse span{
	display: inline-block;
    vertical-align: middle;
	width: calc(100% - 50px);
}

.info-contact{
	position: relative;

    padding: 2.775rem 0;
	/*font-size:0;*/
	
}
.contact p {
	font-size:1rem;
}

/*		BROCHURE TYPES		*/


body:not(.home) section#content .wrapall:first-child .contenu > div.simple-page {
	padding:20px 0;
    max-width: 100%;
    width: 100%;
    display: inline-block;
    text-align: left;
}

.content-wp, .content-wp .liste-container {
	width:100%;
}

.page-id-9 .content-wp , .page-id-187 .content-wp{
	text-align: center;
}

.content-wp .liste-container {
	font-size:0;
}

.content-wp .liste-brochure, .content-wp .liste-partenaire {
	font-size:1rem;
	display:inline-block;
	padding:25px 10px 10px 10px;
	vertical-align:top;
}

/* Début modif Léo */

/* Wp_sitemap fr */

/*.wsp-pages-list .page-item-7::before {
	content:"";
	margin-left: 0px;
}

.wsp-pages-list li::before {
	content: "";
	margin-left: 15px;
}

.wsp-pages-list li:nth-child(7) {
	pointer-events: none;
	cursor: default;
} */

/* Wp_sitemap en */

/* .wsp-pages-list .page-item-199::before {
	content:"";
	margin-left: 0px;
}

.wsp-pages-list li::before {
	content: "";
	margin-left: 15px;
}

.wsp-pages-list li:nth-child(6) {
	pointer-events: none;
	cursor: default;
} */

/* Page partenaire - brochure */

.content-wp .liste-partenaire {
	width: 25%;
	vertical-align: top;
}

.content-wp .liste-brochure {
	width:33.33%;
	vertical-align:top;
}

.content-wp .liste-brochure h2, .content-wp .liste-partenaire h2 {
	margin-bottom: 0;
	text-transform:uppercase;
    font-weight: 500;
	letter-spacing:1px;
    font-size: 1.25rem;
}

.content-wp .liste-brochure p, .content-wp .liste-partenaire p {
    font-size: 0.8125rem;
}

.content-wp .liste-partenaire h2 {
	text-align: center;
	font-size: 1rem;
}

.content-wp .liste-partenaire p {
	text-align: center;
}

.image {
    position:relative;
    width:100%;
    max-height: 245px;
	 margin:0 auto;
}
.image img {
	position: absolute;
	left: 0px;
	top:50%;
	z-index: 2;
	max-height:100%;
	height:auto;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}

.liste-partenaire .image {
	height: 185px;
	line-height: 185px;
	text-align: center;
}
.liste-partenaire .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
}
.image:hover:after {
    opacity:1;
}
.liste-brochure .image > a{
	display:inline-block;
}
a.telecharger-brochure:hover, a.consulter-brochure:hover, a.consulter-partenaire:hover {
	opacity:1;
}
.consulter-brochure, .consulter-partenaire {
	background: #77b7c4 url('../img/groupe/eye.png') no-repeat center center;
}

.telecharger-brochure {
	background: #77b7c4 url('../img/groupe/pdf.png') no-repeat center center;	
}

.consulter-brochure, .telecharger-brochure, .consulter-partenaire {
	display: inline-block;
	content: "";
	width: 50px;
	height: 50px;
	color: #fff;
	z-index: 5;
	text-align: center;
	vertical-align: middle;
	margin:97px 10px;
	border-radius: 50px;
	opacity: 0;
	position:relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.liste-brochure .image::before , .liste-container .image::before{
	position: absolute;
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	background-color:rgba(147,147,147,0.5);
	z-index: 3;
	opacity: 0;
	top:0;
	left:0;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.liste-container .image::before{
	background-color:rgba(255,255,255,0.5);
}
.consulter-partenaire {
	margin:67px 10px;
}
.image:hover .consulter-brochure,.image:hover .telecharger-brochure , .liste-brochure .image:hover::before, .image:hover .consulter-partenaire, .liste-container .image:hover::before, .liste-brochure:hover .image::before, .liste-brochure:hover .telecharger-brochure  {
	opacity:1;
}

/* Fin modif Léo */

.consulter-brochure.active, .telecharger-brochure.active {
    visibility: visible;
    bottom: 50%;
    opacity:1;
	z-index:1;
	-o-transition: opacity all 0.5s, visibility 0.5s;
	-webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s;
    -moz-transition: opacity 0.5s ease-in-out, visibility 0.5s;
    transition: opacity 0.5s ease-in-out, visibility 0.5;
}

	


/* Responsive */

@media screen and (max-width: 1150px) {
	.galerie-left, .consulter-right {
		width:50%;
	}
}

@media screen and (max-width: 1000px) {
	.content-wp .liste-partenaire {
		width:33.33%;
	}
	
	.content-wp .liste-partenaire .image {
		width:100%;
	}
}

@media screen and (max-width: 920px) {
	.galerie-left {
		width:40%;
	}
	
	.consulter-right {
		width:60%;
	}
	.telecharger-brochure {
		margin: 60px 10px;
	}
}

/* @media screen and (max-width: 768px) { */
@media screen and (max-width: 1000px) {
	body:not(.home) section#content .wrapall > div:first-child, body:not(.home) section#content .wrapall > div {
		width:100%;
		display:inline-block;
		text-align:left;
		padding:20px;
		height:auto;
	}
	
	body.single-post section#content .wrapall > .right-sidebar{
		width:100%;
	}
	
	body:not(.home) section#content .wrapall:first-child .contenu > div {
		max-width:100%;
		padding:0;
		height:auto;
	}
	
	.content-wp .liste-partenaire, .content-wp .liste-brochure {
		width:50%;
	}
	
	.content-wp .liste-brochure .image img {
		width:auto;
		max-width:100%;
	}
	
	.liste-partenaire .image, .liste-brochure .image {
		max-height: 120px;
		height:auto;
		line-height: 120px;
	}
	
	section#banner .head {
		width:100%;
	}
	
	section#banner .head .title {
		max-width:100%;
		word-wrap: break-word;
	}
	
	#banner h1 {
		font-size: 2.375rem;
		letter-spacing: 1px;
		line-height: 2.375rem;
	}
	body:not(.home) section#content .wrapall {
		display: inline-block;
	}
	
	.photos-container-plus .demi-haut-haut-droit, .photos-container-plus .demi-haut-haut-droit .background-haut-haut-droit {
		line-height:normal;
		height:auto;
	}
	.telecharger-brochure {
		margin:auto;
	}
}

@media screen and (max-width: 640px) {
	.consulter-right , .galerie-left{
		width:100%;
		padding:0;
		margin:35px 0 0 0;
	}
	
}
@media screen and (max-width: 540px) {
	.info-contact > div{
		width:100%;
		text-align:center;
		margin:10px 0;
	}
	.tel-before:before {
		display:block;
		float:none;
		margin:0;
	}
	.adresse:before {
		display:block;
		margin:0;
		padding:0;
	}
}
@media screen and (max-width: 480px) {
	.content-wp .liste-partenaire, .content-wp .liste-brochure {
		width:100%;
	}
}