#home .left {
	float:left;
	width:60%;
	margin-right:5%;
}

#home .right {
	float:left;
	width:35%;
}
#NewsSlider {
	position: fixed;
	right: -400px;
	top: 0;
	height:100%;
	z-index: 9996;
}
#Thong {
	width: 74px;
	height: 164px;
	cursor: pointer;
	position: relative;
	top: 50%;
	margin-top: -73px;
	background: url(images/Actualites_thong.png) 12px center no-repeat;
	float: left;
}
#NewsSlider.open #Thong {
	background: url(images/Actualites_thong_reverse.png) 12px center no-repeat;
}
#Content {
	width: 400px;
	height: 100%;
	float: left;
	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P///xmAAAMACcgDyob6aEsAAAAASUVORK5CYII=) repeat;*/
	padding-top: 60px;
	padding-bottom: 46px;
}

.multi-text {
    font-family: 'Cabin', sans-serif;
	display: block;
	width: 30%;
	position: absolute;
	top: 15%;
	left: 2%;
	min-width: 600px;
	padding-bottom: 6em;
}
.multi-title {
	display: inline-block;
	background: #1D1D1B;
	color: white;
	font-size: 2.5em;
	padding: .2em .5em;
}
.multi-content .adjust-font {
	font-size: .9em;
}


.multi-content {
	margin-top: 2%;
	color: white;
	padding: 1% 2%;
	line-height: 1.3em;
	font-size: 1.4em;
	/*text-align: justify;*/
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAE0lEQVQIW2OUlZU6w4AGGGkgCABQ6gWmSmA7WQAAAABJRU5ErkJggg==) repeat;
}
.multi-content.first {
	margin-bottom: 3%;
}
#NewsSlider #Content {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAE0lEQVQIW2P8////GQY0wEgDQQB8YRLza/8PawAAAABJRU5ErkJggg==) repeat
}
#NewsSlider #Content img.slider-img{
	width: 100%;
}
#NewsSlider #Content p {
	overflow: hidden;
}
.multi-content p {
	overflow: hidden;
	color: white;
	line-height: 1.3em;
	font-size: 1em;
	text-align: justify;
}
p a.seeMore {
	font-size: .9em;
	color: #BB0D0D;
	float: right;
}
p.slide-title {
	font-weight: bold;
	font-size: 1.1em;
}
div.actu-slide {
	width: 90%;
	margin: auto;
}
.multi-content .multi-lactu {
	border-bottom: 1px solid white;
	font-size: 1.1em;
	padding-bottom: .1em;
}
.link-iframe {
	width: 85%;
}
.multi-lien {
	margin-top: 3%;
	background: #BB0D0D;
	padding: .7em;
	font-size: 1.5em;
}
.multi-lien a {
	color: white;
	text-decoration: none;
	position: relative;
	top: -4px;
	left: .5em;
}
.multi-lien .multi-boat{
	display: inline-block;
	width: 27px;
	height: 29px;
	background: url(images/lien-direct.png) center center no-repeat;
}

.banner {
	background: white;
	width: 73%;
	padding-bottom: 3%;
	padding-left: 13.5%;
	padding-right: 13.5%;
}


.skipper-details {
	padding-bottom: 6em;
	min-width: 600px;
    font-family: 'Cabin', sans-serif;
	display: block;
	width: 40%;
	position: absolute;
	top: 15%;
	left: 2%;
}
#SkipperHeader,
#SkipperContent {
	overflow: hidden;
}
#SkipperHeader .skipper-number {
	background: white;
	width: 80px;
	height: 80px;
}
#SkipperHeader .skipper-number p {
	line-height: 80px;
	margin: 0;
	font-size: 4em;
	text-align: center;
}
#SkipperHeader .skipper-number {
	position: absolute;
	top: 0;
}
#SkipperHeader .skipper-identify {
	max-width: 100%;
	margin-left: 80px;
}
#SkipperHeader .skipper-identify p{
	display: inline-block;
	background: #BB0D0D;
	margin: 0;
	color: white;
	font-size: 1.4em;
	padding: .3em .3em;
}
#SkipperHeader .skipper-identify p:first-child{
	display: block;
	font-size: 2em;
	padding: 0;
	background: none;
}
#SkipperHeader .skipper-identify p:first-child span{
	display: inline-block;
	padding: 0.72em .8em;
	background: #1D1D1B;
}
#SkipperHeader .skipper-identify p a.nostyle {
	color: white;
}
#SkipperContent {
	position: relative;
	margin-top: 1.5em;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAE0lEQVQIW2NkYGCoB2IUwEgDQQCT/QKB/1JzRQAAAABJRU5ErkJggg==) repeat;
}
#SkipperContent .skipper-content {
	margin-left: 185px;
	min-height: 24em;
}
#SkipperContent .skipper-content .adjust #GMaped{
	width: 100%;
	height: 275px;
}
#SkipperContent .skipper-content .adjust {
	padding-right: 1.3em;
}
#SkipperContent .skipper-content .adjust .items {
	display: none;
	padding-bottom: .5em;
}
#SkipperContent .skipper-content .adjust .items.current {
	display: block;
}
#SkipperContent .skipper-content .adjust .items.current a{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}
#SkipperContent .skipper-content h3,
#SkipperContent .skipper-content p {
	width: 100%;
}
#SkipperContent .skipper-content p {
	color: white;
	font-size: 1.3em;
	line-height: 1.3em;
	font-family: 'Cabin', sans-serif;
}
#SkipperContent .skipper-content h3 {
	color: white;
	font-family: 'Cabin', sans-serif;
	font-size: 1.5em;
	border-bottom: 1px solid #a6a6a6;
	padding-bottom: .9em;
	padding-top: .9em;
}
#SkipperContent .skipper-bio {
	text-align: center;
	padding-top: .8em;
	position: absolute;
	top: 0;
	left: 0;
	width: 185px;
}
#SkipperContent .skipper-bio img.profil {
	border: 10px solid white;
	width: 142px;
}
#SkipperContent .skipper-bio ul {
	width: 94%;
	margin-top: 1em;
}
#SkipperContent .skipper-bio ul li {
	background: url(images/skipper-arrow.png) 97% center no-repeat;
	height: 28px;
	line-height: 27px;
	cursor: pointer;
	color: white;
	font-size: 1.4em;
	text-align: left;
	padding-left: 1.3em;
}
#SkipperContent .skipper-bio ul li.current {
	background-color: #686868;
}
div.product-gallerie {
	float: left;
	width: 48%;
	margin: 1%;
	display: inline-block;
	padding: 0;
	text-align: center;
}
div.product-gallerie img{
	max-height: 190px;
	border: 4px solid white;
	max-width: 98%;

}
#SkipperContent .skipper-content .adjust .items h3 a.see-photos {
	float: right;
	font-size: .8em;
	text-decoration: none;
	background: #1D1D1B;
	padding: .5em 1.2em;
}

/****************************************************/
/*                                                  */
/*                   RESPONSIVE                     */
/*                                                  */
/****************************************************/
@media screen and (max-width: 1000px) {
    .multi-text{
        width: 90%;
        min-width: 0px;
    }
}