@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
}

html {
	height: 100%;
}

a { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration:underline; }

a:active { text-decoration: none; }

#container {
	width:100%;
	min-height:100%;
	min-width:1060px;
	max-width:1920px;
	margin:0px auto;
}

.content {
	width:1000px;
	margin:0px auto;
	position:relative;
	font-size:0;
	text-align:center;
}

.content.infos {
	font-size:inherit;
	text-align:left;
}

.header {
	height:334px;
	background-image:url(../images/header.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#000;
}

.logo {
	background:url(../images/bg-1.jpg);
	width:371px;
	height:253px;
	text-align:center;
}

.logo img {
	margin-top:20px;
	margin-bottom:20px;
}

.logo a {
	font-size:30px;
	font-weight:normal;
	color:#bf6f00;
	text-align:center;
}
	
.logo a span {
	font-size:14px;
	color:#64400e;
}

.logo a:hover {
	text-decoration:none;
}

.menu {
	min-height:82px;
	background:url(../images/bg-menu.jpg);
    text-align: center;
}

.menu_en {
	text-align:left;
}

.menumobile {
	display: none;
    cursor: pointer;
	margin-top: 22px;
}

.menumobile .bar1, 
.menumobile .bar2, 
.menumobile .bar3 {
    width: 35px;
    height: 5px;
    background-color: #FFF;
    margin: 6px 0;
    transition: 0.4s;
}

.menumobile.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.menumobile.change .bar2 {opacity: 0;}

.menumobile.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

ul.nav {
	list-style:none;
	padding-top:35px;
	display:inline-block
}
	
ul.nav.rs {
	display:none;
	float:right;
}

.nav li {
	float:left;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #bf6f00;
}

.nav.rs li {
	padding:0;
	margin-left:10px;
	margin-right:0;
}

.nav li.last {
	border:0px;
}

.nav li.rs img {
	margin-top:-10px;
}

.nav li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
}

.nav li a:hover, 
.nav li a.selected {
	text-decoration:none;
	color:#bf6f00;
}

.bg_1 {
	background:url(../images/bg-1.jpg);
}

.bg_2 {
	background:url(../images/bg-2.jpg);
	border-top:2px solid #FFF;
	position:relative;
}

.clear {
	clear:both;
}

.bloc_accueil {
	display:inline-block;
	margin-top:60px;
	margin-bottom:60px;
    text-align: center;
}

.bloc_accueil img {
	display:inline-block;
	margin-top:20px;
	margin-bottom:20px;
	-moz-box-shadow: 1px 1px 10px 5px #b2aca4;
	-webkit-box-shadow: 1px 1px 10px 5px #b2aca4;
	-o-box-shadow: 1px 1px 10px 5px #b2aca4;
	box-shadow: 1px 1px 10px 5px #b2aca4;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#b2aca4, Direction=134, Strength=10);
}

.bloc_accueil h2 {
	font-size:30px;
	font-weight:normal;
	color:#444444;
	text-align:center;
}

.bloc_accueil p {
	text-align:center;
	font-size:16px;
	color:#909090;
	margin-top:10px;
	margin-top:5px;
}

.bloc_accueil a {
	font-size:14px;
	color:#bf6f00;
}

.bloc_milieu {
	padding-left:80px;
	padding-right:80px;
	border-left:1px solid #c2bcb0;
	border-right:1px solid #c2bcb0;
	margin-left:65px;
	margin-right:65px;
}

.bg_2 .accueil {
	padding-top:80px;
	padding-bottom:140px;
}

.bg_2 .accueil div {
	padding-left:515px;
	text-align:left;
	width:480px;
}

.bg_2 .accueil h1 {
	font-size:30px;
	font-weight:normal;
	color:#444444;
	margin-bottom:20px;
}

.bg_2 .accueil h2 {
	font-size:18px;
	font-weight:normal;
	color:#bf6f00;
	margin-bottom:20px;
}

.bg_2 .accueil p {
	font-size:12px;
	color:#434343;
	margin-bottom:20px;
}


.bg_2 .accueil a {
	color:#bf6f00;
}

.bg_2 .accueil img {
	left:0;
	position:absolute;
}

.carte {
	padding-top:2px;
}

.carte img {
	width:100%;
}

.footer {
	background-image: url(../images/bg-footer.jpg);
    background-position: top;
}

.footer .content {
	font-size:inherit;
	height:217px;
	text-align:left;
}

.footer ul {
	list-style:none;
	padding-top:25px;
}

.footer ul.rs {
	padding-top:18px;
}

.footer ul li a {
	font-size:12px;
	color:#FFF;
}

.footer ul li a:hover, 
.footer ul li a.selected {
	text-decoration:none;
	color:#bf6f00;
}

.footer .contactinfo {
	position:absolute;
	left:610px;
	top:25px;
	line-height:1.5em;
}

.footer .contactinfo h5 {
	font-size:25px;
	font-weight:normal;
	color:#bf6f00;
}

.footer .contactinfo p {
	font-size:14px;
	color:#FFFFFF;
}

.footer .contactinfo p.guide {
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:15px;
}

.footer .contactinfo p.marina {
	font-weight:bold;
}
.footer .contactinfo p.marina span {
	font-weight:normal;
	font-size:24px;
}

.footer .contactinfo a {
	font-size:12px;
	color:#bf6f00;
}

.footer .prog {
	background:#000;
	color:#FFF;
	font-size:9px;
	padding:10px 0;
}

.footer .prog .content {
	height:inherit;
}

.footer .prog a {
	color:#a8a8a8;
}

.pechelacontario {
	font-size:inherit;
	padding-top:55px;
}

.pechelacontario > div {
	text-align:left;
}

.pecheontario {
	float:left;
	position:relative;
	width:605px;
	background-color:#FFF;
	padding-bottom:190px;
	
	-moz-box-shadow: 0px -5px 20px 1px #b2aca4;
	-webkit-box-shadow: 0px -5px 20px 1px #b2aca4;
	-o-box-shadow: 0px -5px 20px 1px #b2aca4;
	box-shadow: 0px -5px 20px 1px #b2aca4;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#b2aca4, Direction=90, Strength=20);
}

.pecheontario img {
	position:absolute;
	left: 419px;
	top: 165px;
	z-index:1;
}

.pecheontario h1,
.pecheontario h2 {
	position:relative;
	font-size:30px;
	font-weight:normal;
	color:#FFF;
	background:url(../images/bandeau-bois.jpg);
	height:58px;
	line-height:2em;
	padding-left:45px;
	margin-bottom:20px;
	z-index:99;
}

.pecheontario p {
	font-size:12px;
	color:#434343;
	width:395px;
	margin-bottom:20px;
	padding-left:45px;
}

.pecheontario a {
	color:#bf6f00;
}

.pecheontario h2.p2 {
	margin-top:50px;
}

.pecheontario ul {
	padding-left:65px;
	padding-bottom:20px;
}

.pecheontario ul li {
	font-size:18px;
	color:#434343;
}

.pecheontario ul.permis li {
	font-size:12px;
}

.equipement {
	/*
	position:absolute;
	left:700px;
	top:60px;
	*/
	float:right;
	width:300px;
}

.equipement h3 {
	font-size:30px;
	font-weight:normal;
	color:#444444;
	margin-top:15px;
	margin-bottom:15px;
	line-height:1em;
}

.equipement ul {
	padding-left:18px;
	padding-bottom:20px;
}

.equipement ul li {
	font-size:12px;
	color:#434343;
}

.equipement ul li img {
	margin:5px 0 10px 0;
}

.equipement p {
	font-size:18px;
	color:#bf6f00;
}

img.ombre {
	-moz-box-shadow: 1px 1px 10px 5px #b2aca4;
	-webkit-box-shadow: 1px 1px 10px 5px #b2aca4;
	-o-box-shadow: 1px 1px 10px 5px #b2aca4;
	box-shadow: 1px 1px 10px 5px #b2aca4;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#b2aca4, Direction=134, Strength=10);
}

.forfait {
	padding-top:45px;
	background:url(../images/roue-bateau.png) 425px -30px no-repeat;
}

.bloc_forfait {
	text-align:left;
	width:415px;
	height:536px;
	background:#FFF;
	
	-moz-box-shadow: 0px -5px 20px 1px #b2aca4;
	-webkit-box-shadow: 0px -5px 20px 1px #b2aca4;
	-o-box-shadow: 0px -5px 20px 1px #b2aca4;
	box-shadow: 0px -5px 20px 1px #b2aca4;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#b2aca4, Direction=90, Strength=20);
}

.bloc_forfait img.num {
	float:left;
}

.bloc_forfait img.img {
	float:right;
}

.blocgauche {
	float:left;
}

.blocdroit {
	float:right;
}

.txtforfait {
	clear:both;
	padding-left:64px;
	padding-top:55px;
}

.forfait h1 {
	font-size:30px;
	color:#bf6f00;
	margin-bottom:15px;
	line-height:1em;
}

.forfait h1 span {
	font-weight:normal;
}

.bloc_forfait ul, .infosup ul {
	padding-left:18px;
	margin-bottom:20px;
}

.bloc_forfait p, .bloc_forfait li {
	font-size:14px;
	color:#434343;
}

.infosup p, .hebergement p {
	font-size:12px;
	color:#434343;
	margin-bottom:20px;
}

.bloc_forfait a, .infosup a {
	color:#bf6f00;
}

.infosup {
	float:left;
	padding-left:15px;
	padding-top:40px;
	width:475px;
	padding-bottom:50px;
	line-height:1.2em;
}

.infosup h3, .hebergement h3 {
	font-size:22px;
	font-weight:normal;
	color:#444444;
	margin-bottom:20px;
}

.infosup li {
	font-size:12px;
	color:#434343;
}

.hebergement {
	float:right;
	text-align:left;
	margin-top:40px;
	width:350px;
	border-left:1px solid #bfb49c;
	padding-left:65px;
	margin-bottom:50px;
	line-height:1.2em;
}

.hebergement h4 {
	font-size:12px;
	color:#bf6f00;
}

.video {
	width:100%;
	height:365px;
	padding-top:55px;
	border-bottom:1px solid #bfb49c;
}

.video .videowrap {
	float:left;
}

.videotxt {
	float:left;
	padding-left:50px;
	text-align:left;
	width:400px;
}

.video h1 {
	font-size:30px;
	font-weight:normal;
	color:#444444;
	margin-bottom:10px;
}

.video p {
	font-size:22px;
	color:#bf6f00;
	margin-bottom:20px;
}

.video p.marc {
	font-size:12px;
	color:#434343;
	margin:0px;
}

.photo {
    display: inline-block;
	margin-top:45px;
    text-align: left;
}

.photo .thumb {
	box-sizing: border-box;
	display:inline-block;
	padding:3px;
	background:#FFF;
	margin:0 20px 40px 20px;
	vertical-align:top;
	width:210px;
}

.photo .thumb img {
	height:auto;
	width:100%;
}

.contact {
	position:relative;
	padding-left:20px;
	padding-bottom:55px;
	padding-top:55px;
	text-align:left;
}

.contact h1,
.contact h3 {
	font-size:30px;
	font-weight:normal;
	color:#444444;
}

.contact h2 {
	font-size:24px;
	font-weight:normal;
	color:#bf6f00;
	margin-bottom:20px;
}

.contact p {
	font-size:18px;
	color:#434343;
	margin-bottom:20px;
}

.contact a {
	color:#bf6f00;
}

.contact .emplacement {
	background:url(../images/point.png) no-repeat;
	position:absolute;
	right: 150px;
	top:55px;
	padding-left:65px;
	padding-top:10px;
}

.rs {
	list-style:none;
}

.rs li {
	display:inline-table;
	margin-right:10px;
}

.d-flex {
	display:flex;
	flex-wrap:wrap;
}
.d-flex.col {
	flex-direction:column;
}

.logos {
	padding-bottom:25px;
}

.logos img {
	margin:10px;
}

@media screen and (max-width: 1100px) {
	#container {
		min-width:inherit;
	}
	
	.content {
		box-sizing: border-box;
		padding-left:20px;
		padding-right:20px;
		width:100%;
	}
	
	.nav li a {
		font-size:14px;
	}
	
	.bloc_milieu {
		padding-left: 25px;
		padding-right: 25px;
		margin-left: 25px;
		margin-right: 25px;
	}
	
	.bg_2 .accueil img {
		height:auto;
		left:20px;
		width:41%;
	}
	
	.bg_2 .accueil div {
		padding-left:51%;
		width:48%;
	}
	
	.pecheontario {
		width:550px;
	}
	
	.infosup {
		width:350px;
	}
	
	.video h1 br {
		display:none;
	}
	
	.video {
		height:inherit;
	}
	
	.video .videowrap {
		position: relative;
		margin-bottom: 40px;
		padding-bottom: 33.75%; /* 16:9 */
		height: 0;
		width:60%;
	}
	
	.video .videowrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.videotxt {
		margin-bottom: 40px;
		padding-left:0;
		text-align:center;
		width: 30%;
	}
	
	.photo {
    	width: 750px;
	}
	
	.contact .emplacement {
		right:20px;
	}
	
	.footer .contactinfo {
		left:inherit;
		right:20px;
	}
}

@media screen and (max-width: 950px) {
	
	.header > .content {
		padding:0;
	}
	.header {
		height:inherit;
	}
	
	.menumobile {
		display:block;
		float:left;
	}
	
	ul.nav:not(.rs) {
		display:none;
		padding-bottom:30px;
		padding-top:60px;
		text-align:left;
	}
	
	ul.nav.rs {
		display:block;
	}
	
	ul.nav:not(.rs) li.rs {
		display:none;
	}
	
	.nav:not(.rs) li {
		float: none;
		margin-top: 20px;
		padding-left: 0;
		padding-right: 0;
		border-right: 0;
	}
	
	.nav li a {
		font-size:18px;
	}
	
	.menu_en ul.nav {
		display:block;
		padding: 35px 0 0 0;
		text-align:center;
	}
	
	.menu_en ul.nav li {
		margin:0;
	}
	
	.pecheontario {
		float:none;
		margin-bottom:30px;
		padding-bottom:20px;
		width:100%;
	}
	
	.pecheontario h1, .pecheontario h2,
	.pecheontario p {
		box-sizing: border-box;
		padding-left:20px;
		padding-right:20px;
	}
	
	.pecheontario ul {
		padding-left:40px;
	}
	
	.pecheontario p, .pecheontario ul.permis li, .equipement ul li,
	.infosup p, .hebergement p, .infosup li {
		font-size:14px;
		width:inherit;
	}
	
	.equipement {
		float:none;
		width:100%;
	}
	
	.bloc_forfait {
		display:inline-block;
		float:none !important;
		height:inherit;
    	padding-bottom: 50px;
	}
	
	.content.infos {
		padding:40px 20px;
	}
	
	.infosup, .hebergement {
		border:0;
		float:none;
		margin:0;
		padding:0;
		width:inherit;
	}
	
	.footer ul li a {
		font-size:14px;
	}
}

@media screen and (max-width: 850px) {
	.bg_1 .accueil {
		padding:20px;
	}
	.bloc_accueil {
		border:0 !important;
    	display: block;
		margin:0 !important;
		padding: 15px 0;
	}
	
	.bg_2 .accueil {
		padding:40px 20px;
	}
	
	.bg_2 .accueil img {
		left:0;
		margin-bottom:40px;
		position:relative;
		width:280px;
	}
	
	.bg_2 .accueil div {
		padding:0;
		text-align:center;
		width: inherit;
	}
	
	.bg_2 .accueil p {
		font-size:16px;
	}
	
	.pechelacontario > div,
	.content.infos,
	.hebergement {
		text-align:center;
	}
	
	.hebergement {
		margin-top:30px;
	}
	
	.pecheontario ul, .equipement ul, .infosup ul {
		display:inline-table;
		text-align:left;
	}
	
	.video .videowrap, .videotxt {
		float:none;
		width:100%;
	}
	
	.video .videowrap {
		padding-bottom:56.25%;
	}
	
	.photo {
		width:500px;
	}
	
	.contact {
		text-align:center;
	}
	
	.contact .emplacement {
		background:none;
		position:relative;
		right:inherit;
		top:inherit;
		padding-left:0;
		padding-top:30px;
	}
}

@media screen and (max-width: 742px) {
	.logo {
		width:100%;
	}
}

@media screen and (max-width: 650px) {
	.photo {
		text-align:center;
		width:100%;
	}
	
	.photo .thumb {
		margin:0 0 30px 0;
		max-width:330px;
		width:100%;
	}
	
	.footer .content {
		height:inherit;
		padding:20px;
		text-align:center;
	}
	
	.footer .contactinfo {
		left:inherit;
		right:inherit;
		top:inherit;
		position:relative;
	}
	
	.footer ul:not(.rs) li {
		margin-top:10px;
	}
	
	.footer ul li a,
	.footer .contactinfo a {
		font-size:16px;
	}
}

@media screen and (max-width: 480px) {
	.pecheontario h1, .pecheontario h2 {
    	font-size: 22px;
		line-height:2.8em;
	}
	
	.bloc_forfait {
		width:100%;
	}
	
	.bloc_forfait img.num {
		height:auto;
		width:29.4%;
	}
	
	.bloc_forfait img.img {
		height:auto;
		width:69.88%;
	}
	
	.txtforfait {
		padding:40px 20px 0 20px;
	}
}