/* CSS Document */

@font-face {
    font-family: 'new_press_erodedregular';
    src: url('webfont/new_press_eroded-webfont.eot');
    src: url('webfont/new_press_eroded-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfont/new_press_eroded-webfont.woff') format('woff'),
         url('webfont/new_press_eroded-webfont.ttf') format('truetype'),
         url('webfont/new_press_eroded-webfont.svg#new_press_erodedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	background:#fea100 url(img/fond-body-motif.jpg) center top repeat-x;
}
body, div, p, article, ul, li, dl, dt, dd, form, h1, h2, h3, h4, h5, span, a, fieldset, label {
	margin: 0;
	padding:0;
	font-family: 'Averia Sans Libre', cursive;
	font-weight:300;
	font-size:18px;
}
img, a {
	border:none;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	cursor:pointer;
}
input[type="button"] {
	cursor:pointer;
}
ul, li {
	list-style-type:none;
}
/*** EN-TETE ***/ 
#entete {
	background:url(img/fond-entete.jpg) center top no-repeat;
	/*height:518px;*/
}
#entete-content {
	position:relative;
	/*width:100%;*/
	max-width:1246px;
	/*height:650px;*/
	margin:0 auto;
	overflow: visible;
}
#entete-top {
	color:#fff;
	/*margin-left:190px;*/
	/*margin-left:15.2%;*/
	position:relative;
	z-index:200;
}
#menu-bastina {
	margin:0 auto;
	width:620px;
}
#menu-bastina li {
	display:inline;
}
#menu-bastina li a, #leblog a {
	display:inline-block;
	margin:2px 15px;
}
.ie67 #menu-bastina li a {																				/***************/
	zoom: 1;
   	display: inline;
}
#menu-bastina li a:link, #menu-bastina li a:visited, #leblog a:link, #leblog a:visited {
	color:#fff;
	font-size: 19px;
}
#menu-bastina li a:hover, #menu-bastina li a:active {
	color:#43adfa;
}
#leblog a:hover, #leblog a:active {
	color:#FEA100;
}
#leblog a {
	font-size:21px;
	font-family: 'Special Elite', 'cursive';
	letter-spacing: 1px;
    margin-top: 6px;
}
#leblog {
	background: url("img/bt-blog.png") no-repeat scroll center top transparent;
    height: 29px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 110px;
}
#bt-reservation {
	float:left;
	width:167px;
	height:36px;
	background:url(img/fond-bt-reservation.png) no-repeat;
	font-family: 'Bubblegum Sans', cursive;
	text-align:center;
	color:#fbb33a;
	font-size:17px;
	text-shadow: 1px 1px 2px #033960;
	padding-top: 5px;
	/*margin-left: 450px;
    margin-right: 23px;*/
}
.ie6 #bt-reservation {																					/***************/
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#033960', Direction=75, Strength=6);
  zoom: 1;
}
#bt-reservation a:link, #bt-reservation a:visited {
	font-family: 'Bubblegum Sans', cursive;
	font-size:17px;
	color:#fbb33a;
}
#bt-reservation a:hover, #bt-reservation a:active {
	color:#fff;
}
#numero-vert {
    height: 41px;
    position: absolute;
    right: 5px;
    top: 33px;
    width: 175px;
    z-index: 108;
}
.newsletter {
	background: url("img/fond-newsletter-top.png") repeat scroll 0 0 transparent;
    border: 1px solid #7B0F02;
    padding: 6px 9px 9px 12px;
    color:#FFF;
    position:relative;
}
.topnw {
	margin: 0 auto 20px auto;
    padding: 10px 9px 15px 12px;
    text-align: center;
    width: 310px;
}
.newsletter label {
	font-size:16px;
	display:block;
}
.topnw label {
	font-size: 18px;
    margin-bottom: 5px;
}
.newsletter input[type="text"] {
	background-color: #FD9F00;
    border: 1px solid #4E0300;
    color: #4E0300;
    font-size: 11px;
    padding: 3px;
	margin:0;
	margin-top:1px;
    width: 125px;
}
.topnw input[type="text"] {
	margin:0;
    width: 85%;
    float:left;
}
.newsletter p.btnewsl {
	position:absolute;
	top:26px;
	left:145px;
	margin-left: 1px;
    margin-top: 1px;
}
.topnw p.btnewsl {
	left:0;
	top:0;
	position:relative;
	padding:0;
	margin:0;
	margin-left:85%;
}
.newsletter p.errnewsl {
	color: #D01702;
    font-size: 16px;
    line-height: 16px;
    margin-top: 5px;
    text-align: center;
    width:160px;
}
.topnw p.errnewsl {
	color: #FFF;
    font-size: 18px;
    line-height: 18px;
    width:95%;
}
.newsletter input[type="submit"] {
	background-color: #52A7EB;
    border: 1px solid #4E0300;
    color: #063861;
    font-family: 'Economica',sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 0;
	margin:0;
	margin-right:4px;
	cursor:pointer;
}

.ie67 .newsletter input[type="submit"] {																	/***************/
	margin-right:3px;
}
.ie8 .newsletter input[type="submit"]  {																					/***************/
	padding:1px 2px;
}
.ie9 .newsletter input[type="submit"]  {																					/***************/
	padding:1px 2px;
}

.newsletter input[type="submit"]:hover {
	color:#fff;
}

#menu-voyage {
	line-height: 24px;
	margin: 0 auto;
    padding-left: 10px;
    width: 500px;
}
.ie67 #menu-voyage {																										/***************/
	/*padding-left: 320px;*/
	/*margin-top: 0;*/
}
@media screen and (max-width: 800px) {
	#menu-voyage {
		margin-left:200px;
	}
}
#menu-voyage li  {
	background:url(img/fond-menu.png) center top no-repeat;
	display:inline-block;
	float:left;
	width:95px;
	height:102px;
	padding:15px 2px 0 2px;
	text-align:center;
	font-family: 'Bubblegum Sans', cursive;
	font-size:21px;
	color:#50b4fc;
}
#menu-voyage li a:link, #menu-voyage li a:visited {
	color:#50b4fc;
	font-family: 'Bubblegum Sans', cursive;
	font-size:21px;
	position: relative;
    z-index: 103;
}
#menu-voyage li a:hover, #menu-voyage li a:active {
	color:#FEA100;
}
#menu-voyage li span {
	font-size:17px;
	font-family: 'Bubblegum Sans', cursive;
}
#menu-voyage li strong {
	font-size:24px;
	color:#fff;
}
p#voyage {
    font-family: 'new_press_erodedregular',Arial,serif;
    text-align:center;
    padding-top:8px;
}
.ie67 h1#voyage {																					/***************/
	/* margin-top: 0;*/
}
p#voyage span {
	position:absolute;
	top:-1000px;
}
#sous-menu {
	background: url("img/fond-sousmenu-motif.png") center top repeat-x;
    height: 104px;
    margin-top: 531px;
    text-align: center;
    width:91.49%;
	max-width:1140px;
	margin:0 auto;
	position:relative; /***/
}
.ie67 #sous-menu {																					/***************/
	 /*margin-top: 365px;*/
	 /*margin-top:372px*/
}
#sous-menu.bg-orange {
	background: #F46905 url("img/fond-sousmenu-motif.png") center 0 repeat-x;
}
.bg-orange {
	background-color: #F46905;
}
#sous-menu.bg-bleu {
	background: #0781fd url("img/fond-sousmenu-motif.png") center 0 repeat-x;
}
.bg-bleu {
	background-color: #0781fd;
}
#sous-menu.bg-vert {
	background: #8db71f url("img/fond-sousmenu-motif.png") center 0 repeat-x;
}
.bg-vert {
	background-color:#8db71f;
}
.bg-choco, .bg-choco2 {
	background-color:#3B0702;
}
#sous-menu.bg-choco {
	/*background-color:none;*/
	background: #3B0702 url("img/fond-sousmenu-motif-bastina.png") repeat-x scroll center top;
	/*background: url("img/fond-sousmenu-motif-bastina.png") center top repeat-x;*/
	height:304px;
	position:relative;
	z-index:10;
}
#sous-menu.bg-choco2 {
	/*background: url("img/fond-sousmenu-motif-bastina.jpg") center top repeat-x;*/
	background: #CF5901 url("img/fond-sousmenu-motif-bastina.jpg") repeat-x center bottom;
	position:relative;
	z-index:10;
}
#sous-menu ul {
	margin:auto;
    /*padding-left: 450px;*/
    left: 450px;
	text-align:left;
	/*padding-top:16px;*/
	top:16px;
	position:absolute; /***/
	z-index:100;/***/
}
#sous-menu li {
	display:inline;
}
#sous-menu li a {
	display:inline-block;
	margin:0 12px;
	font-size:19px;
	/*padding-top: 22px;*/
}
.ie67 #sous-menu li a {																		/***************/
	zoom: 1;
   	display: inline;
}
#sous-menu li a:link, #sous-menu li a:visited {
	color: #471712;
	font-weight:700;
}
#sous-menu li a:hover, #sous-menu li a:active {
	color:#fff;
}
#diaporama {
	position: absolute;
	/*max-width:1181px;*/
	width:94.4%;
	max-width:1177px;
	height:auto;
	z-index:12;
	background-size: cover;
	top:135px;
	left:2.8%;
	z-index:12;
	text-align:center;
	
}
.cycle-slideshow img {
    height: auto;
    max-width: 1146px;
    width: 100%;
}
#contentdia {
	margin:1.57%;
	overflow:hidden;
	position:relative;
	height: auto;
    max-width: 1146px;
	/*position: absolute;
	top: 18px;
	left:18px;
	height: 405px;
	width: 1146px;*/
}
#contentdia a {
	height: auto;
    max-width: 1146px;
    width: 100%;
}
.fond_bleu {
	background:url(img/fond-diapo-bleu.png) center center no-repeat; 
}
.fond_vert {
	background:url(img/fond-diapo-vert.png) center center no-repeat;
}
.fond_choco {
	background:url(img/fond-diapo-choco.png) center center no-repeat;
}
#resosocio {
	line-height: 12px;
    position: absolute;
    right: 0;
    top: 140px;
    z-index:102;
}
#logo {
	position:absolute;
	top:0;
	left:0;
	width:215px; 
	height:200px;
	z-Index:100;
}
#logo img {
	width:100%; height:auto;
}
#rubrique {
	background: url("img/fond-titre-rubrique2.png") no-repeat scroll center center transparent;
    bottom: 18px;
    color: #471712;
    font-family: 'new_press_erodedregular',Arial,serif;
    font-size: 70px;
    font-style: normal;
    font-weight: 300;
    height: 80px;
    left: 30px;
    position: absolute;
    text-indent: 30px;
    width: 444px;
    z-index: 99;
}
/*** FIN ENTETE ***/
#page {
	width:91.49%;
	max-width:1140px;
	margin:0 auto;
	overflow:visible;
	/*padding-top:100px;*/
	position:relative;
}
.titremeta_h1 {
	font-family: 'new_press_erodedregular',Arial,serif;
    font-size: 70px;
    font-style: normal;
    font-weight: 300;
    text-align:center;
    color:#FEA100;
    padding-top:20px;
}
.bg-orange-bleu {
	background:url(img/fond-orange-voyage.jpg) top center no-repeat;
}
.bg-orange-vert {
	background:url(img/fond-orange-imaginaire.jpg) top center no-repeat;
}
.bg-orange-choco {
	background:url(img/fond-orange-bastina.jpg) top center no-repeat;
}
.fin-parag-orange-bleu {
	background:url(img/masque-bleu.png) top center no-repeat;
	width: 100%;
	height:58px;
	clear:both;
}
.fin-parag-orange-vert{
	background:url(img/masque-vert.png) top center no-repeat;
	width: 100%;
	height:58px;
	clear:both;
}
.fin-parag-orange-choco{
	background:url(img/masque-choco.png) top center no-repeat;
	width: 100%;
	height:58px;
	clear:both;
}
.fin-parag-orange{
	background:url(img/masque-orange.png) top center no-repeat;
	padding:29px 0;
	clear:both;
}
#page a:link, #page a:visited {
	color: #fff;
	font-weight:700;
	text-decoration:underline;
}
#page a:hover, #page a:active {
	color:#f9e4cb;
	text-decoration:none;
}
.contshare {
   	padding-bottom: 71px;
    margin: 0 auto;
    position: relative;
    width: 540px;
}
.bottomnw {
	position: absolute;
    width: 162px;
}
.shareaholic-canvas {
    position: absolute;
    right: 0;
    width:350px;
}
a#cta:link, a#cta:visited {
	background: url("img/bt-CTA-bleu-ou.jpg") no-repeat scroll center top transparent;
    border: medium none;
    color: #032E7A;
    display: block;
    font-size: 20px;
    height: 196px;
    line-height: 20px;
    /*margin: 30px auto 0;*/
    margin: 20px auto 30px auto;
    padding-top: 8px;
    text-align: center;
    text-decoration: none;
    width: 301px;
}
a#cta.fvert:link, a#cta.fvert:visited {
	background:url("img/bt-CTA-vert-ou.jpg") no-repeat scroll center top transparent;
}
a#cta:hover, a#cta:active {
	color:#FE6D02;
	color:#FC5902;
	background:url(img/bt-CTA-bleu-ov.jpg) top center no-repeat;
}
a#cta.fvert:hover, a#cta.fvert:active {
	background:url(img/bt-CTA-vert-ov.jpg) top center no-repeat;
}
/*** PIED DE PAGE ***/
.findepage {
	clear: both;
	padding-top: 50px;
	padding-bottom: 70px;
}
#piedpage {
	margin-top:-51px;
	position:relative;
}
#piedpage #motif {
	width:100%;
	background: url(img/fond-pieddepage-motif.png) repeat-x;
	height:51px;
}
#piedpage #content {
	background-color:#3b0702;
	padding-bottom: 20px;
}
#piedpage #content div {
	text-align:center;
	/*height:100px;*/
	color:#da9826;
	/*font-size:17px;*/
	width:100%;
	max-width:1156px;
	margin:0 auto;
	position:relative;
}
#piedpage #content div p {
	font-size:13px;
	color:#F46905;
}
#piedpage #content div ul {
	text-align:center;
	margin:10px 0;
}
#piedpage #content div li a:link, #piedpage #content div li a:visited, #piedpage #content div p a:link, #piedpage #content div p a:visited {
	color:#da9826;
	text-decoration: none;
}
#piedpage #content div li a:hover, #menu-bastina #content div li a:active, #piedpage #content div p a:hover, #menu-bastina #content div p a:active {
	color:#FDE688;
}
#piedpage #content div li {
	display:inline;
}
#piedpage #content div li a {
	display:inline-block;
	margin:2px 15px;
}
.ie67 #piedpage #content div li a {																				/***************/
	zoom: 1;
   	display: inline;
}
#piedpage #content div li a:link, #piedpage #content div li a:visited {
	text-decoration: underline;
	font-size:20px;
}
#piedpage #content div li a:hover, #menu-bastina #content div li a:active {
	text-decoration: none;
}
#piedpage #content #ates {
    display:block;
	position: absolute;
    right: 30px;
	top: 135px;
    width: 92px;
	height: 168px;
	background: url("img/logo-ates-2.jpg") no-repeat center bottom ;
    text-align: center;
	color: #E96606;
}
#piedpage #content #vds {
    display:block;
	position: absolute;
    left: 30px;
	top: 180px;
    width: 143px;
	height: 72px;
	background: url("img/logo-vds-3.jpg") no-repeat center bottom ;
	color: #E96606;
} 


@media screen and (max-width: 450px) {
	.bg-orange-bleu {
		background:none;
		background-color:#FDA003;
	}
	.bg-orange-vert {
		background:none;
		background-color:#FEA000;
	}
	.bg-orange-choco {
		background:none;
		background-color:#FEA000;
	}
}
/*** FIN PIED DE PAGE ***/