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,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
form,fieldset,legend,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
body{
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff
}
a{
	outline: 0;
	text-decoration:none
}
:focus{
	outline: 0
}
ol,ul{
	list-style: none
}
table{
	border-collapse: collapse;
	border-spacing: 0
}
caption,th,td{
	text-align: left
}
th,td{
	border: solid 1px #111
}
input,button,textarea{
	font-family: Arial, Helvetica, sans-serif
}
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.clearfix{
	display: inline-block
}
html[xmlns] .clearfix{
	display: block
}
* html .clearfix{
	height: 1%
}
span.clear{
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden
}
br.clear{
	clear: both
}
hr.clear{
	visibility:hidden;
	clear:both
}
#xblyss{
	display: none
}
/* wysiwyg */
div.xct{
	min-height:100px;
	/*outline: dotted 1px blue;*/
}
div.xct div,
div.xct iframe{
	/*clear: both;*/
	margin: 0 0 1em 0;
	padding:0;
	/*outline: dotted 1px #ddd;*/
	/*cursor: help;*/
	/*border: 0;*/
	/*background: none*/
}
div.xct div.x2c:after,
div.xct div.x3c:after,
div.xct div.x4c:after,
div.xct div.x13c:after,
div.xct div.x23c:after,
div.xct div.x14c:after,
div.xct div.x34c:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
div.xct div.x2c,
div.xct div.x3c,
div.xct div.x4c,
div.xct div.x13c,
div.xct div.x23c,
div.xct div.x14c,
div.xct div.x24c{
    display: inline-block
}
html[xmlns] div.xct div.x2c,
html[xmlns] div.xct div.x3c,
html[xmlns] div.xct div.x4c,
html[xmlns] div.xct div.x13c,
html[xmlns] div.xct div.x23c,
html[xmlns] div.xct div.x14c,
html[xmlns] div.xct div.x24c{
    display: block
}
* html div.xct div.x2c,
* html div.xct div.x3c,
* html div.xct div.x4c,
* html div.xct div.x13c,
* html div.xct div.x23c,
* html div.xct div.x14c,
* html div.xct div.x24c{
    height: 1%
}

div.xct div div{
	/*clear: none;*/
	/*outline: dotted 1px #bbb;*/
}
div.xct div div div{
	/*outline: dotted 1px #999;*/
}

div.xct div div.xl,
div.xct div iframe.xl{
	float: left
}
div.xct div div.xr,
div.xct div iframe.xr{
	float: right
}

/* txt */
div.xct div.x13c div.xl,
div.xct div.x23c div.xr{
	width: 30%;
	overflow: hidden
}
div.xct div.x13c div.xr,
div.xct div.x23c div.xl{
	width: 65%;
	overflow: hidden
}
div.xct div.x14c div.xl,
div.xct div.x34c div.xr{
	width: 21%;
	overflow: hidden
}
div.xct div.x14c div.xr,
div.xct div.x34c div.xl{
	width: 74%;
	overflow: hidden
}
div.xct div.x2c div{
	width: 47%;
	overflow: hidden
}
div.xct div.x3c div{
	width: 30%;
	overflow: hidden
}
div.xct div.x3c div.xc,
div.xct div.x3c iframe.xc{
	display: inline;
	float: left;
	margin: 0 0 0 5%
}
div.xct div.x4c div{
	width: 21%;
	overflow: hidden
}
div.xct div.x4c div.xc,
div.xct div.x4c iframe.xc{
	display: inline;
	float: left;
	margin: 0 0 0 4%
}
div.xct div.x2c div div,
div.xct div.x3c div div,
div.xct div.x4c div div{
	width: auto
}
body{
	color: #4c4c4c;
	font: 11px/15px Arial, Georgia, Verdana sans-serif;
	background: #fff url(/img/bg-body.jpg) 0 0 repeat-x
}

input,
select,
option,
textarea {
	border: 0;
	font: 11px/15px Arial, Georgia, Verdana sans-serif;
	background: transparent;
}

#bodycontent {
	position: relative;
	z-index: 3;
	margin: 0 auto;
	width: 980px;
	padding: 138px 0 28px;
	background: #fff url(/img/bg-bodycontent.gif) 0 0 repeat-x;
}
#bodycontent.activite {
	padding-top: 571px;
}
span#bodycontent-l,
span#bodycontent-r {
	display: block;
	position: absolute;
	top: 0;
	left: -26px;
	z-index: 1;
	width: 26px;
	height: 923px;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/bg-bodycontent-l.png);
}
span#bodycontent-r {
	left: 980px;
	width: 25px;
	background-image: url(/img/bg-bodycontent-r.png);
}

h1 {
	position: absolute;
	top: 33px;
	left: 15px;
	width: 255px;
}
h1 a {
	display: block;
	height: 77px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/logo.gif);
}
h2#baseline {
	display: none;
}


/**
 * @part : Menus
 */
#mactivites h3,
#mgeneral h3,
#mmultimedia h3 {
	display: none;
}

 /* @elmt : Activités sportives */
#mactivites { 
	position: absolute;
	top: 109px;
	left: 420px;
}
#mactivites ul li {
	float: left;
	height: 17px;
}
#mactivites ul li a {
	display: block;
	margin: 3px 0;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/spr-txt-mactivites.png) 0 0 no-repeat;
}
#mactivites ul li.m1 a { 
	width: 73px;
	padding: 0 26px 0 0;
	background-position: 0 -34px;
}
#mactivites ul li.m2 a { 
	width: 66px;
	background-position: 0 -45px;
}
#mactivites ul li.m1 a:hover { background-position: 0 -56px; }
#mactivites ul li.m2 a:hover { background-position: 0 -67px; }

#mactivites ul li strong a {
	margin: 0;
	height: 17px;
}
#mactivites ul li.m1 strong a,
#mactivites ul li.m1 strong a:hover { 
	width: 112px;
	background-position: 0 0;
}
#mactivites ul li.m2 strong a,
#mactivites ul li.m2 strong a:hover {
	width: 101px;
	background-position: 0 -17px;
}

/* @elmt : Menu Général */
#mgeneral,
#mmultimedia {
	position: absolute;
	top: 138px;
	left: 399px;
	z-index: 3;
	width: 569px;
}
#mmultimedia {
	left: 16px;
	width: 254px;
}
#mgeneral ul li,
#mmultimedia ul li {
	float: left;
	padding: 0 1px 1px 0;
	cursor: pointer;
}
#mgeneral ul li.m5,
#mmultimedia ul li.last {
	padding-right: 0;
}
#mgeneral ul li span,
#mgeneral ul li ul,
#mmultimedia ul li span,
#mmultimedia ul li ul {
	display: none;
}
#mgeneral ul li a,
#mmultimedia ul li a {
	display: block;
	padding: 0 1px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background: url(/img/spr-bg-menu.gif) 0 -37px repeat-x;
	cursor: pointer;
}
#mgeneral ul li a span,
#mmultimedia ul li a span {
	display: block;
	height: 37px;
	line-height: 37px;
	background: #4c4c4c url(/img/mk-mgeneral.gif) 100% 28px no-repeat;
	cursor: pointer;
}
#mgeneral ul li.m1 a { width: 84px; }
#mgeneral ul li.m2 a { width: 136px; }
#mgeneral ul li.m3 a { width: 97px; }
#mgeneral ul li.m4 a { width: 114px; }
#mgeneral ul li.m5 a { width: 124px; }

#mgeneral ul li a {
	font-weight: bold;
}
#mmultimedia ul li a {
	font-size: 11px;
	text-align: left;
	background-position: 0 0;
}
#mmultimedia ul li a span {
	padding: 0 0 0 17px;
	background: #000 url(/img/mk-mmultimedia.gif) 9px 50% no-repeat;
}
/*
#mmultimedia ul li.m1 a { width: 107px; }
#mmultimedia ul li.m2 a { width: 77px; }
#mmultimedia ul li.m3 a { width: 61px; }
*/
#mmultimedia ul li.m1 a,
#mmultimedia ul li.m2 a,
#mmultimedia ul li.m3 a { width: 64px; }

#mgeneral ul li:hover a,
#mmultimedia ul li:hover a {
	background-position: 0 -74px;
}
#mgeneral ul li:hover a span {
	background-color: #41b0bb;
}
#mmultimedia ul li:hover a span {
	background-color: #41b0bb;
}
#mgeneral ul li:hover ul li a,
#mmultimedia ul li:hover ul li a {
	background-position: 1px 7px;
}

#mgeneral ul li:hover ul,
#mmultimedia ul li:hover ul {
	display: block;
}
#mgeneral ul li ul,
#mmultimedia ul li ul {
	position: absolute;
	top: 37px;
	left: 0;
	width: 567px;
	padding: 0 1px 15px 0;
	background: url(/img/spr-bg-menu-sub.png) 0 1px repeat-x;
}
#mmultimedia ul li ul {
	width: 955px;
	padding-right: 0;
	padding-left: 0;
	background: 0;
}
#mgeneral ul li ul li,
#mmultimedia ul li ul li {
	height: 23px;
	line-height: 23px;
	padding-left: 25px;
}
#mmultimedia ul li ul li {
	background: url(/img/spr-bg-menu-sub.png) -1px 1px repeat-x;
}
#mmultimedia ul li ul li.first {
	background-position: 0 1px;
}
#mmultimedia ul li ul li.last {
	padding-right: 25px;
	background-position: 100% 1px;
}
#mgeneral ul li ul li a,
#mmultimedia ul li ul li a {
	display: inline;
	padding: 0 0 0 9px;
	color: #fff;
	font-size: 12px;
	text-align: left;
	background: url(/img/mk-arrow-white.gif);
	background-repeat: no-repeat;
}
#mgeneral ul li ul li a:hover,
#mmultimedia ul li ul li a:hover {
	display: inline;
	color: #234360;
	background-image: url(/img/mk-arrow-blue.gif);
}
#mgeneral ul li.m1 ul li a,
#mmultimedia ul li.m1 ul li a,
#mgeneral ul li.m2 ul li a,
#mmultimedia ul li.m2 ul li a,
#mgeneral ul li.m3 ul li a,
#mmultimedia ul li.m3 ul li a,
#mgeneral ul li.m4 ul li a,
#mgeneral ul li.m5 ul li a { width: auto; }

#mgeneral ul li.disabled a {
	color: #aaa;
	cursor: not-allowed;
}
#mgeneral ul li.disabled:hover a {
	background-position: 0 -37px;
}
#mgeneral ul li.disabled:hover a span{
	background-color: #4c4c4c;
	cursor: not-allowed;
}
#mgeneral ul li.disabled:hover ul {
	display: none;
}

#mmultimedia ul li ul li.disabled a {
	color: #234360;
	cursor: not-allowed;
	background-image: url(/img/mk-disabled.gif);
	
}
/**
 * @end : Menus
 */

/* @elmt : Accès rapide aux destinations */
#mdestinations {
	position: absolute;
	top: 201px;
	left: 743px;
	z-index: 3;
	width: 225px;
}
.activite #mdestinations {
	top: 497px;
}
#mdestinations h3 {
	width: 198px;
	height: 30px;
	line-height: 30px;
	padding: 0 16px 0 11px;
	color: #091d21;
	font-size: 12px;
	cursor: pointer;
	background: url(/img/txt-title-mdestinations.png);
}
#mdestinations h3 span {
	display: block;
	background: url(/img/mk-v-large-darkblue.gif) 100% 50% no-repeat;
}
#mdestinations h3:hover,
#mdestinations.show h3 {
	color: #fff;
}
#mdestinations h3:hover span,
#mdestinations.show h3 span {
	background-image: url(/img/mk-v-large-white.gif);
}
#mdestinations div {
	display: none;
	position: relative;
	margin: -5px auto 0;
	width: 209px;
	padding: 8px 0 10px;
}
#mdestinations div dl {
	width: 177px;
	line-height: 18px;
	padding: 22px 16px 11px;
	font-weight: bold;
	background: url(/img/bg-mdestinations-list-m.png) 0 0 repeat-y;
}
#mdestinations div dl dt {
	padding: 0 0 0 9px;
	color: #73c3cc;
	background:url(/img/mk-croix-acces-rapide.gif) 0 7px no-repeat;
}
#mdestinations div dl dd {
	padding: 0 0 0 21px;
}
#mdestinations div dl dd a {
	color: #fff;
}
#mdestinations div dl dd a:hover {
	color:#ffe72c;
}

#mdestinations div  span#mdestinations-list-t,
#mdestinations div  span#mdestinations-list-b {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 209px;
	height: 8px;
	background: url(/img/bg-mdestinations-list-t.png);
}

#mdestinations div  span#mdestinations-list-b {
	top: auto;
	bottom: 0;
	height: 10px;
	background-image: url(/img/bg-mdestinations-list-b.png);
}

#mdestinations.show div {
	display: block;
}

/**
 * @bloc : Contact téléphonique
 */
#tel{
	z-index:3;
	display:block;
	position:absolute;
	top:35px;
	left:419px;
	width:263px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/img/img-top-tel.gif) no-repeat 0 0
	}
#tel strong,#tel h3,#tel span{ display:none }
 
 
/* @elmt : Mon espace personnel */
#personalspace{
	position: absolute;
	top: 35px;
	left: 768px;
	z-index: 3;
	width: 209px;
}
#personalspace h3 {
	width: 121px;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/txt-title-personalspace.png);
}
#personalspace form p {
	padding: 3px 0 0;
}
#personalspace form p label {
	display: none;
}
#personalspace form p input {
	border: 1px solid #0c1a31;
	width: 169px;
	padding: 3px 5px;
	color: #000;
	background: #fff;
}
#personalspace form div.sbmt input {
	position: absolute;
	top: 22px;
	left: 184px;
	border: none;
	width: 24px;
	height: 24px;
	padding: 24px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	background: url(/img/btn-ok.png);
}
#personalspace ul {
	padding: 3px 0 0;
}
#personalspace ul li {
	float: left;
}
#personalspace ul li.m1 {
	padding: 0 7px 0 10px;
	background: url(/img/mk-double-arrow-white.gif) 0 7px no-repeat;
}
#personalspace ul li.m2 {
	padding: 0 0 0 7px;
	background: url(/img/bd-v-solid-white-9.gif) 0 5px no-repeat;
}
#personalspace ul li a {
	color: #fff;
	text-decoration: underline;
}
#personalspace ul li a:hover {
	text-decoration: none;
}
 
 
/**
 *@bloc : Header
 */
#header{
	z-index: 1;
	position: absolute;
	top: 137px;
	left: 0px;
	line-height: 0;
}
#header object a {
	display: block;
	width: 980px;
	height: 415px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/noflashplayer.jpg) 50% 50% no-repeat;
}
#header h3 {
	position: absolute;
	top: 309px;
	left: 0;
	width: 171px;
	height: 67px;
	padding: 31px 19px 8px 11px;
	background: url(/img/btn-calculer.png);
}
#header h3 a {
	display: block;
	height: 67px;
	line-height: 0;
	overflow: hidden;
	text-indent: -9999px;
}
	
	
#middle {
	position: relative;
	z-index: 1;
	width: 955px;
	min-height: 750px;
	padding: 0 12px 20px 13px;
	overflow: hidden;
}
#left {
	position: relative;
	z-index: 1;
	float: left;
	width: 400px;
}
#center {
	position: relative;
	z-index: 2;
	float: right;
	margin: 115px 0 0 -60px;
	width: 600px;
	padding: 0 0 0 15px;
	/*overflow: hidden;*/
}
#center h2.title {
	line-height: 28px;
	padding: 0 0 18px 0;
	color: #000;
	font-size: 19px;
}


#path {
	position: absolute;
	top: 38px;
	right: 32px;
	z-index: 3;
	height: 25px;
	line-height: 25px;
}
#path h3 {
	display: none;
}	
#path a {
	padding: 0 9px 0 6px;
	color: #4c4c4c;
	font-weight: bold;
	background: url(/img/mk-arrow-grey.gif) 100% 6px no-repeat;
}
#path a:hover {
	text-decoration: underline;
}
#path span {	
	display: none;
}	
#path strong { 
	padding: 0 0 0 6px;
}


/**
 * @part : Footer
 */
#foo {
	height: auto;
	padding: 7px 0 0;
	overflow: hidden;
	background: url(/img/bg-footer.png) no-repeat;
}
#foo dl {
	float: left;
	padding: 21px 0 0;
	min-height: 158px;
	background: url(/img/bd-col-footer.png) 100% 0 no-repeat;
}
#foo dl.col1 {
	width: 133px;
	padding-right: 32px;
	padding-left: 14px;
}
#foo dl.col2 {
	width: 157px;
	padding-right: 36px;
	padding-left: 37px;
}
#foo dl.col3 {
	width: 107px;
	padding-right: 36px;
	padding-left: 36px;
}
#foo dl dt,
#foo dl dd {
	line-height: 16px;
}
#foo dl dt {
	padding: 0 0 15px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
#foo dl dd a {
	color: #7a7a7a;
}
#foo dl dd a:hover {
	text-decoration: underline;
}
#foo div {
	float: left;
	width: 304px;
	padding: 4px 48px 0 40px;
}
#foo div dl {
	float: none;
	min-height: 0;
	padding-top: 17px;
	background: 0;
}
#foo div dl dt {
	padding-bottom: 0;
}
#foo div dl dd,
#foo div dl.inline dt {
	display: inline;
}
#foo div dl.inline dt {
	padding-right: 4px;
}

#center div.wswg {
	line-height: 15px;
}

/* WSWG */
div.wswg {
	line-height: 15px;
	color: #4c4c4c;
}
div.wswg a {
	color: #6d6d6d;
	text-decoration: underline;
}
div.wswg a:hover {
	text-decoration: none;
}
div.wswg ol,
div.wswg ul {
	padding: 15px 0 7px 25px;
}
div.wswg ol {
	padding-left: 8px;
}
div.wswg ol li,
div.wswg ul li {
	padding: 0 0 0 15px;
	background: url(/img/mk-arrow-grey.gif) 0 7px no-repeat;
}
div.wswg ol li {
	list-style: decimal inside;
	background: 0;
}#callback {
	position: relative;
	margin: 10px 0 30px;
	width: 311px;
	padding: 12px 4px 5px;
	background: url(/img/left/btn-webcallback.jpg);
}
#callback h4 { display: none; }
#callback ul { overflow: hidden; }
#callback li { float: left; }
li#callback-first { margin: 0 7px 0 0; }
#callback li a {
	display: block;
	width: 152px;
	height: 46px;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
}

/**
 * @group : iproduit
 */
#prod-prepro {
	padding: 0 0 9px;
	/*background: url(/img/left/bg-prepro.png) no-repeat;*/
}

/* @elmt : présentation produit */
#prod-prepro .pres {
	height: 100%;
	padding: 0 0 4px;
	overflow: hidden;
}
#prod-prepro .pres h2 {
	line-height: 23px;
	color: #79cad2;
	font-size: 19px;
}
#prod-prepro .pres div {
	padding: 8px 0;
	text-align: justify;
}
#prod-prepro .pres div.reduce {
	margin: 8px 0;
	height: 60px;
	padding: 0;
	overflow: hidden;
}
#prod-prepro .pres span.more {
	display: inline-block;
	float: right;
	line-height: 10px;
	padding: 3px;
	color: #fff;
	font-size: 10px;
	background: #000 url(/img/prod/bg-savoir+.gif) 100% 0 no-repeat;
	cursor: pointer;
}
#prod-prepro .pres span.more:hover {
	text-decoration: underline;
}

/* @elmt : mot du pro */
#prod-prepro .pro {
	padding: 16px 0 0;
	background: url(/img/prod/bd-h-darkgreen.gif) 0 0 repeat-x;
}
#prod-prepro .pro h4 {
	line-height: 18px;
	font-size: 14px;
}
#prod-prepro .pro p {
	padding: 7px 0;
	text-align: justify;
}
#prod-prepro .pro p.person {
	height: auto;
	padding-top: 6px;
	padding-bottom: 0;
	overflow: hidden;
}
#prod-prepro .pro p.person img {
	float: left;
	margin: 0 5px 0 0;
}

#prod-prepro .content {
	position: relative;
	z-index: 2;
	padding: 60px 93px 0 7px;
}

#prod-prepro .end {
	position: relative;
	z-index: 1;
	margin: -72px 0 0;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/left/bg-prepro-end.png);
}
/* @end : iproduit */

/**
 * @group : imenuproduit
 */
#prod-interac {
	position: relative;
	margin: 0 0 18px;
	width: 320px;
	padding: 0;
}
/*
#prod-interac div.d-table {
	position: relative;
	z-index: 2;
	display: table-cell;
	width: 320px;
	height: 480px;
	text-align: center;
	vertical-align: middle;
	background: #131c1d;
}
#prod-interac div.d-table img {
    vertical-align: middle;
}
#prod-interac div.d-table span {
	display: none;
}

#prod-interac div.d-menu {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 4;
	width: 100%;
}
#prod-interac ul {
	height: 32px;
	padding: 33px 0 0;
	background: url(/img/left/bg-prod-interac-menu.png);
}
#prod-interac ul li,
#prod-interac ul li a {
	display: inline-block;
}
#prod-interac ul li {
	text-align: center;
}
#prod-interac ul li.m1 { width: 78px; }
#prod-interac ul li.m2 { width: 88px; }
#prod-interac ul li.m3 { width: 48px; }
#prod-interac ul li.m4 { width: 106px; }

#prod-interac ul li a {
	height: 32px;
	line-height: 32px;
	color: #fff;
}
#prod-interac ul li a:hover {
	color: #45afba;
}

#prod-interac span.mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: block;
	width: 100%;
	height: 15px;
	background: url(/img/left/bg-prod-interac-mask.png);
}*/

/* @bloc : visuel */
#visuel {
	position: relative;
	z-index: 1;
	height: 480px;
	line-height: 0;
}	
#visuel span {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 480px;
	background: url(/img/left/bg-mask-visuel.png);
}
#visuel a {
	display: block;
	width: 319px;
	height: 480px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/noflashplayer-min.jpg) 50% 50% no-repeat;
}

/* @bloc : creervoyage */
#buildtravel {
	position: relative;
	z-index: 2;
	margin: -10px 0 18px;
	width: 320px;
}
#buildtravel h4 {
	display: none;
}
#buildtravel a {
	display: block;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/left/txt-title-buildtravel.png);
}

/* @bloc : rappel */
#webcallback {
	position: relative;
	z-index: 2;
	margin: -10px 0 18px;
	width: 320px;
}
#webcallback h4 {
	display: none;
}
#webcallback a {
	display: block;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/left/txt-title-webcallback.png);
}
	

/* @bloc : envies */
#envies {
	width: 400px;
	margin: 0 0 -20px;
}
#envies.top {
	padding: 61px 0 0;
	margin: 0 0 20px;
}
#envies div {
	min-height: 512px;
	padding: 0 0 0 15px;
	background: url(/img/left/bg-envies.jpg) 0 0 no-repeat;
}
#envies div h4 {
	height: 44px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/left/txt-title-envies.png) 0 0 no-repeat;
}
#envies div  ul {
	padding: 25px 0 0 5px;
}
#envies div  ul li {
	padding: 3px 0 4px;
}
#envies div  ul li a {
	display: inline-block;
	line-height: 18px;
	padding: 0 0 0 20px;
	color: #0e3e40;
	font-size: 13px;
	font-weight: bold;
	background: url(/img/left/mk-cross-darkgreen.gif) 0 5px no-repeat;
}
#envies div  ul li a:hover {
	text-decoration: underline;
}
span#envies-mask {
	position: absolute;
	top: 0;
	left: 308px;
	display: block;
	width: 92px;
	height: 555px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/left/bg-mask-envies.png);
}
 
/* @bloc : consults */
#consults {
	width: 320px;
}
#consults h4 {
	height: 34px;
	line-height: 34px;
	padding: 0 0 0 15px;
	color: #12909b;
	font-size: 13px;
	background: url(/img/left/bg-title-consults.png);
}
#consults ul {
	padding: 0 0 8px;
}
#consults ul li {
	display: block;
	height: 100%;
	line-height: 15px;
	overflow: hidden;
	padding: 3px 0;
	background: url(/img/prod/bd-h-darkgreen.gif) 0 100% repeat-x;
}
#consults ul li a {
	display: block;
	float: left;
	width: 87px;
	padding: 0 17px;
	color: #2b5052;
	font-weight: bold;
	background: url(/img/prod/mk-min-arrow-darkgreen.gif) 5px 8px no-repeat;
}
#consults ul li span {
	display: block;
	padding: 0 17px 0 0;
}
#consults ul li span.evt {
	background: url(/img/event/ico-consults-ec.png) right center no-repeat;
}
#consults input.compare,
#consults input.save {
	margin: 0 0 0 19px;
	padding: 0 6px;
	color: #000;
	font-weight: bold;
	background: url(/img/prod/mk-large-black.gif) 0 7px no-repeat;
	cursor: pointer;
}
#consults input.save {
	margin-left: 35px;
}
#consults a:hover,
#consults input.compare:hover {
	text-decoration: underline;
}/* @bloc : creervoyage */
#buildtravel {
	margin-top: 0;
}

#center {
	margin-top: 54px;
	width: 615px;
	padding-top: 68px;
	padding-left: 0;
	background: #f2f3f3 url(/img/prod/bg-center.png) 0 0 repeat-x;
}


/**
 * @part : Présentation produit
 */
#produit-present {
	padding: 0 0 0 37px;
}
#produit-present h3 {
	display: none;
}
#produit-present img {
	float: left;
	margin: 0 11px 11px 0;
}
#produit-present dl dt {
	line-height: 22px;
	font-size: 18px;
	font-weight: bold;
}
#produit-present dl dd {
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
}
#produit-present dl dd.price {
	line-height: 22px;
	padding: 5px 0;
	color: #65bcc4;
	font-size: 18px;
}
#produit-present dl dd.advantages,
#produit-present dl dd.avis {
	line-height: 15px;
	color: #de592b;
	font-size: 11px;
	font-weight: normal;
}
#produit-present dl dd.advantages {
	padding: 0 0 15px;
}
#produit-present dl dd.advantages a {
	padding: 0 0 0 8px;
	color: #de592b;
	text-decoration: underline;
	background: url(/img/prod/mk-min-orange.gif) 0 7px no-repeat;
}
#produit-present dl dd.advantages a:hover {
	text-decoration: none;
}
#produit-present dl dd.avis {
	padding: 0 0 5px;
	color: #4c4c4c;
}
#produit-present dl dd.avis strong {
	color: #227384;
	font-weight: normal;
}
#produit-present dl dd.reduce {
	height: 25px;
	overflow: hidden;
}
#produit-present dl dd.more {
	display: inline-block;
	margin: 5px 0 0;
	line-height: 10px;
	padding: 3px;
	color: #fff;
	font-size: 10px;
	background: #000 url(/img/prod/bg-savoir+.gif) 100% 0 no-repeat;
	cursor: pointer;
}
#produit-present dl dd.more:hover {
	text-decoration: underline;
}

/* @elmt : Offre spéciale */
#produit-present dl.offre {
	float: right;
	margin: -25px 0 0;
	width: 141px;
	height: 67px;
	padding: 23px 22px 18px;
	background: url(/img/prod/bg-offre.png);
}
#produit-present dl.offre dt {
	line-height: 17px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}
#produit-present dl.offre dd {
	line-height: 16px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#produit-present dl.offre dd.clause {
	line-height: 15px;
	font-size: 11px;
	font-weight: normal;
}
#produit-present dl.offre dd.date {
	line-height: 13px;
	font-size: 9px;
	font-weight: normal;
}


/**
 * @part : Contenu partie produit
 */
#produit-content {
	padding: 30px 24px 13px 37px;
}
#produit-content ul#menu-content {
	height: 30px;
	background: url(/img/prod/bg-menu-c.png) 0 0 repeat-x;
}
#produit-content ul#menu-content li {
	position: relative;
	z-index: 1;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}
#produit-content ul#menu-content li.p0 { width: 107px; }
#produit-content ul#menu-content li.p1 { width: 156px; }
#produit-content ul#menu-content li.p2 { width: 124px; }
#produit-content ul#menu-content li.p3 { width: 110px; }
#produit-content ul#menu-content li.p4 { width: 57px; }

#produit-content ul#menu-content li.first {
	background: url(/img/prod/bg-menu-l.png) 0 0 no-repeat;
}
#produit-content ul#menu-content li span {
	display: none;
}
#produit-content ul#menu-content li a {
	display: block;
	height: 30px;
	text-align: center;
	background: url(/img/prod/bd-menu.png) 100% 0 no-repeat;
}
#produit-content ul#menu-content li a,
#produit-content ul#menu-content li.current:hover a {
	color: #4c4c4c;
}
#produit-content ul#menu-content li:hover a {
	color: #de592b;
}


#produit-content ul#menu-content li.last {
	background: url(/img/prod/bg-menu-r.png) 100% 0 no-repeat;
}
#produit-content ul#menu-content li.last a {
	background: 0;
}



#produit-content ul#menu-content li.current,
#produit-content ul#menu-content li.currfirst,
#produit-content ul#menu-content li.currlast {
	position: relative;
	z-index: 2;
	margin: 0 -7px;
	padding: 0 7px;
	background: #e3e3e2 url(/img/prod/bg-menu-r.png) 0 0 no-repeat;
}

#produit-content ul#menu-content li.current a,
#produit-content ul#menu-content li.currfirst a,
#produit-content ul#menu-content li.currlast a {
	margin: 0 -7px 0 0;
	padding-right: 7px;
	background: url(/img/prod/bg-menu-l.png) 100% 0 no-repeat;
}
#produit-content ul#menu-content li.currlast {
	position: relative;
	z-index: 2;
	margin-right: 0;
	padding-right: 0;
	background: #e3e3e2 url(/img/prod/bg-menu-r.png) 0 0 no-repeat;
}

#produit-content ul#menu-content li.currlast a {
	margin-right: 0;
	padding-right: 0;
	background: 0;
}
#produit-content ul#menu-content li.currfirst {
	position: relative;
	z-index: 2;
	margin-left: 0;
	padding-left: 0;
	background: #e3e3e2;
}

#produit-content #content {
	padding: 4px 2px 4px 0;
	background: #e3e3e2;
}
#produit-content #content .scroll-container {
	width: 523px;
	height: 505px;
	padding: 0 29px 0 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: 0;
}

#produit-content #content div div.wswg,
#produit-content #content div.img div.wswg {
	line-height: 15px;
	color: #4c4c4c;
}
#produit-content #content div div.wswg a,
#produit-content #content div.img div.wswg a {
	color: #6d6d6d;
	text-decoration: underline;
}
#produit-content #content div div.wswg a:hover,
#produit-content #content div.img div.wswg a:hover {
	text-decoration: none;
}
#produit-content #content div div.wswg ol,
#produit-content #content div div.wswg ul,
#produit-content #content div.img div.wswg ol,
#produit-content #content div.img div.wswg ul {
	float: none;
	width: auto;
	height: auto;
	padding: 15px 0 7px 25px;
}
#produit-content #content div div.wswg ol,
#produit-content #content div.img div.wswg ol {
	padding-left: 8px;
}
#produit-content #content div div.wswg ol li,
#produit-content #content div div.wswg ul li,
#produit-content #content div.img div.wswg ol li,
#produit-content #content div.img div.wswg ul li {
	float: none;
	width: auto;
	height: auto;
	padding: 0 0 0 15px;
	background: url(/img/mk-arrow-grey.gif) 0 7px no-repeat;
}
#produit-content #content div div.wswg ol li,
#produit-content #content div.img div.wswg ol li {
	list-style: decimal inside;
	background: 0;
}


/* @elmt : Autres hôtels à */
#produit-content #complement-content {
	line-height: 16px;
	padding: 10px 14px;
	color: #244244;
	font-size: 12px;
	background: #e3e3e2 url(/img/prod/bd-double-grey.gif) 0 0 repeat-x;
}
#produit-content #complement-content h5 {
	float: left;
	padding: 0 5px 0 10px;
	background: url(/img/prod/mk-big-darkgreen.gif) 0 6px no-repeat;
}
#produit-content #complement-content ul li {
	display: inline;
}
#produit-content #complement-content ul li a {
	color: #244244;
}
#produit-content #complement-content ul li a:hover {
	text-decoration: underline;
}



/**
 * @part : Information complémentaire
 */
#produit-complement {
	padding: 15px 0 0 0;
	height: 100%;
	overflow: hidden;
	background: #fff;
}

/* @elmt : votre avis */
#produit-complement #prod-avis {
	float: left;
	width: 142px;
	min-height: 173px;
	padding: 60px 9px 0;
	overflow: hidden;
	background: url(/img/prod/bg-avis.jpg) 0 0 no-repeat;
}
#produit-complement #prod-avis h5 {
	display: none;
}
#produit-complement #prod-avis ul li {
	padding: 0 0 17px;
}
#produit-complement #prod-avis ul li span {
	display: none;
}
#produit-complement #prod-avis ul li a {
	padding: 0 0 0 8px;
	color: #27494b;
	font-weight: bold;
	background: url(/img/prod/mk-min-arrow-darkgreen.gif) 0 6px no-repeat;
}
#produit-complement #prod-avis ul li a:hover {
	text-decoration: underline;
}

/* @elmt : Vous aimerez aussi */
#produit-complement #prod-liketoo {
	float: right;
	width: 440px;
	height: auto;
	overflow: hidden;
}
#produit-complement #prod-liketoo h3 {
	border-top: 1px solid #c8d6d7;
	border-bottom: 1px solid #c8d6d7;
	height: 30px;
	padding: 1px 0;
	background: url(/img/prod/bg-title-liketoo.gif) 0 1px repeat-x;
}
#produit-complement #prod-liketoo h3 span {
	display: block;
	width: 167px;
	height: 30px;
	padding: 0 13px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff url(/img/prod/txt-title-liketoo.png) 0 3px no-repeat;
}
#produit-complement #prod-liketoo div {
	float: left;
	width: 206px;
	padding: 24px 7px 0;
}
#produit-complement #prod-liketoo div h4 {
	display: none;
}
#produit-complement #prod-liketoo div p {
	height: auto;
	line-height: 15px;
	color: #2a5154;
	font-size: 11px;
}
#produit-complement #prod-liketoo div p a.img {
	float: right;
	margin: 7px 0 0 15px;
	width: 85px;
	height: 64px;
	line-height: 0;
	padding: 2px;
	background: url(/img/acti/bg-selection-img.png);
}
#produit-complement #prod-liketoo div p a {
	line-height: 16px;
	color: #2a5154;
	font-size: 12px;
}
#produit-complement #prod-liketoo div p a.prix {
	display: inline-block;
	margin: 4px 0 0;
	padding: 1px 13px 1px 3px;
	color: #fff;
	font-size: 11px;
	background-color: #235b60;
}
#produit-complement #prod-liketoo div p a.more {
	display: inline-block;
	margin: 11px 0 0;
	line-height: 10px;
	padding: 3px;
	color: #fff;
	font-size: 10px;
	background: #000 url(/img/prod/bg-savoir+.gif) 100% 0 no-repeat;
}
#produit-complement #prod-liketoo div p a.more:hover {
	text-decoration: underline;
}/**
 * @group : sousmenu
 */
#submenu-content {
	height: 20px;
	padding: 20px 5px;
}

/* @bloc : entree */
#submenu-content li {
	display: block;
	float: left;
	height: 20px;
	line-height: 20px;
	padding: 0 9px;
	font-size: 12px;
	font-weight: bold;
}
#submenu-content li.current a {
	padding-left: 0;
	color: #527985;
	font-size: 15px;
	background: 0;
}
#submenu-content li a {
	padding: 0 0 0 8px;
	color: #b67d0e;
	background: url(/img/prod/mk-large-brown.gif) 0 6px no-repeat;
}
#submenu-content li a:hover {
	text-decoration: underline;
}
#submenu-content li.current a:hover {
	text-decoration: none;
}
/* @end : sousmenu */

#content div {
	width: 547px;
	height: auto;
	padding: 21px 0 31px;
	overflow: hidden;
	background: url(/img/prod/2/bg-break.png) 0 0 no-repeat;
}
#content div.nobreak,
#content div.nobreaktop {
	background: 0;
}
#content div.nobreaktop {
	padding-top: 0;
}
#content div h4 {
	float: left;
	width: 106px;
	line-height: 17px;
	padding: 0 0 0 14px;
	color: #168793;
	font-size: 12px;
	background: url(/img/prod/2/mk-content-part.gif) 0 4px no-repeat;
}
#content div div.wswg {
	float: left;
	width: 407px;
	padding: 2px 0 0;
	background: 0;
}
#content div div.wswg a,
#content div.img div.wswg a {
	color: #4c4c4c;
}

/**
 * @group(s) : paragrapheMedia & media
 */
#content div.img h4,
#content div.txt h4 {
	float: none;
}
#content div.img div {
	margin: 21px 0 0 15px;
	width: 500px;
	height: 62px;
	padding: 0;
	overflow: hidden;
	background: 0;
}

#content div.img div.slider {
	padding-left: 25px;
}

/* @bloc : noshowmedia (carrousel incomplet) */
#content div.img div.noshow {
	width: auto;
}
/* @end : noshowmedia */

#content div.img div ul {
	float: left;
	width: 425px;
	height: 64px;
	padding: 0 7px 0 6px;
	overflow: hidden;
}

/* @bloc : medium */
#content div.img div ul li {
	float: left;
	padding: 0 1px 0 2px;
}
#content div.img div ul li img {
	border: 1px solid #fff;
	cursor: pointer;
}

/* @bloc(s) : mediaprev & medianext */
#content div.img div a.prev,
#content div.img div a.next {
	display: block;
	float: left;
	margin: 1px 0;
	width: 25px;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/prod/btn-carrousel-prev.gif);
}
#content div.img div a.next {
	background-image: url(/img/prod/btn-carrousel-next.gif);
}
/* @end : media */

/* @bloc : contenu */
#content div.txt div.wswg,
#content div.imgtxt div.wswg {
	float: none;
	width: 447px;
	height: auto;
	padding: 0 31px;
}
#content div.txt div.wswg {
	margin-top: 21px;
	margin-left: 15px;
}

/**
 * @group(s) : paragrapheTendances & paragrapheCategories
 */
#content div.categorie {
	padding-top: 0;
}
#content div.tendances {
	padding-bottom: 0;
}
#content div.categories h4,
#content div.tendances h4 {
	display: inline;
}
#content div.categories ul,
#content div.tendances ul {
	display: inline;
	float: none;
	width: auto;
	height: auto;
	line-height: 17px;
	padding: 0;
	overflow: hidden;
}

/* @bloc(s) : tendance & categorie */
#content div.categories ul li,
#content div.tendances ul li {
	display: inline;
	float: none;
	padding: 0;
}