/**** COULEURS ****/
/* or 1 : #ec1    */
/* or 2 : #bea30e */
/* or 3 : #534706 */
/* or 4 : #302905 */
/* vert : #8c0    */



/*** HTML ***/
a {color:#534706; text-decoration:none;}
	a:hover {color:#bea30e;}
	a:active {color:#ec1;}
body {font-family:"trebuchet MS",tahoma, sans-serif; font-size:13px;}
div {position:relative; float:left; }
h1 {font-size:200%; font-family:"Times New Roman"; font-size:28px; padding:22px 20px 6px 20px;}

/*** TAILLE BLOCS ***/
#container {width:960px; min-height:400px; padding:20px;}
#headerRow1, #headerRow2 {width:800px; height:24px;}
#headerContact, #headerLogin {height:24px;}
#vs_prix, #vs_dates, #vs_pForts {;}
#vs_prix {min-width:70px; max-width:100px;}
#vs_dates {min-width:110px; max-width:130px;}
#vs_pForts {min-width:110px; max-width:170px;}
#vc_left {width:580px;}
#vc_right, #select, #info {width:280px;}
.calendarVoyage {width:440px; margin:10px; padding:8px; height:80px;}
	.calendarVignette {width:60px;height:60px;margin-right:10px;}
	.calendarDesc {width:300px;}
#carrousel {width:922px; height:360px; padding:19px;} 
.scrollable {width:920px; height:360px;} 
	.items>div {width:920px;}

#footer {width:1000px;}

/*** MISE EN FORME ***/
.clear {float:none;clear:both;} 
.rounded5Top {-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.rounded5 {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
	-moz-box-shadow:3px 3px 8px -4px #000; -webkit-box-shadow:3px 3px 8px -4px #000; box-shadow:3px 3px 8x -4px #000;}
	.pButton {width:100%; background-color:#ddd; font-size:16px; font-weight:bold; text-align:center;}
	.pButton a {display:block; padding:5px 10px; color:#666;}
	.pButton a:hover {background-color:#ec1; color:#fff;}
.center {vertical-align:middle; text-align:center; display:block;}
option.expired {color:#fff;background-color:#ccc}
*::selection {background:#534706;color:#fff;}
*::-moz-selection {background:#534706;color:#fff;}
*::-webkit-selection {background:#534706;color:#fff;}
.large {width:100%;}
.thanks {margin:15px 0; color:red}
	
/*** Page ***/
#container {float:none; margin:10px auto;
	-moz-border-radius: 8px; border-radius: 8px;
	-moz-box-shadow: 0px 0px 10px 0px #888; -webkit-box-shadow: 0px 0px 10px 0px #888; box-shadow: 0px 0px 10px 0px #888;}
#main, #content {width:100%;}

/*** Header ***/
#header {width:100%;}
	#headerLogo {;}
	#headerRow1 {float:right; text-align:right; font-size:11px;}
		#headerContact {padding:0 10px; color:#666; font-style:italic; }
			.tel {padding-left:5px; font-size:13px; color:#333; font-style:normal; font-weight:bold;}
		#headerLogin {padding:0 10px;} 
		#headerFRAM {}
	#headerRow2 {float:right;}
	#navHeader {width:100%; margin-top:10px;}
	#navHeader li {float:left; text-transform:uppercase;}
	#nav1 {width:100%; background:#000 url('/v2/images/nav1-bg.png') repeat-x; color:#fff; font-size:16px; font-weight:bold;}
		#nav1 ul {padding:6px 8px 0 8px;}
		#nav1 a {display:block; float: left; padding:8px 12px; color:#fff;}
		#nav1 a:hover {text-decoration:none;}
		#nav1 li {}
		#nav1 li.LinkSelected {background-color:#bea30e; 
			-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px;}
		#nav1 li.LinkStandard:hover {background-color:#534706;
			-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border-top-left-radius:4px; border-top-right-radius:4px;}
		.nav1Extra {float:right; margin-right:10px; font-size:80%; text-align:center;}
			#nav1 .nav1Extra a {padding:0;}
				#nav1 .nav1Extra a:hover {color:#ec1;}
			.extraLabel {color:#ec1; font-weight:normal; font-size:90%; text-transform:lowercase; line-height:1em;}
	#nav2 {width:100%; background:#bea30e url('/v2/images/nav2-bg.png') repeat-x; color:#302905; font-size:13px;}
		#nav2 li {padding:8px 12px;}
		#nav2 a {color:#302905;}
		#nav2 .LinkSelected a {color:#fff;}
		#nav2 a:hover {color:#fff; text-decoration:none;}
		
/*** Page standard ***/
#page_title {width:100%; background:#ec1 url('/v2/images/voyage-h1-bg.png') repeat-x; color:#534706;}
.standard #content ul {list-style-type:square;}
.standard #content p, .standard #content li {margin-bottom:5px;}
		
/*** Page voyage ***/

/* voyage */
#voyage_title {width:100%; background:#ec1 url('/v2/images/voyage-h1-bg.png') repeat-x; color:#534706;}
	#voyage_title h1 {max-width:500px;}
#voyage_photo {margin-bottom:20px;}
#voyage_summary {position:absolute; top:26px; right:20px; background:#ec1 url('/v2/images/vs-bg.png') repeat-x 0 30px;
			-moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
.vs_title {width:100%; padding:8px 0; background-color:#bea30e; border-bottom:1px #ab920d solid; text-transform:uppercase; text-align:center; color:#302905;}
.vs_content {padding:8px;}
li.points_forts {list-style-type:square; margin-left:18px;}
#vs_dates {border-left:1px #ec1 solid;}
.date {width:100%; padding-bottom:3px; text-align:center;}
	.date+.date {padding-top:3px; border-top:1px #c3a70e solid;}
#vs_prix {border-left:1px #ec1 solid; color:#fff;}
	#vs_prix .prix {font-size:24px; font-weight:bold;white-space: nowrap}

#vc_left h2, #vc_left p {font-family:"Times New Roman", serif; font-size:18px;}
#vc_left h2 {padding-bottom:10px; color:#534706;}
#chapo {width:75%; margin-left:25%;}
	#chapo h2 {font-style:italic; text-align:right;}
.NoJour {width:100%; margin-top:20px;}
	.NoJour h2 {margin-top:20px; text-transform:uppercase;}
.horaires {width:95%; margin-left:5%; margin-bottom:10px; text-transform:uppercase; font-weight:bold;}
	p+.horaires {margin-top:10px;}
#vc_left p {padding-bottom:5px; text-align:justify;}
#vc_left .menu {float:none; width:40%; padding:5px; margin:10px auto; border:1px #ccc solid; background-color:#fffae8;}
#vc_left .menu h3 {text-align:center; text-transform:uppercase; margin-bottom:5px;}
#vc_left .menu p {text-align:center; font-style:italic; font-size:13px;}

#vc_right {float:right;}	

#select, #info {height:56px; margin-bottom:20px; text-align:center;
				-moz-border-radius:4px; border-radius:4px;}
	#select a, #info a {display:block; padding:8px 10px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:16px; line-height:20px;}
#select {background:#8c0 url('/2/images/bt-green-bg.png') no-repeat;
}
	#select:hover {background:#8c0 url('/v2/images/bt-green-hover-bg.png') no-repeat;
}
#info {background:#ec1 url('/v2/images/bt-yellow-bg.png') no-repeat;
}
	#info:hover {background:#8c0 url('/v2/images/bt-yellow-hover-bg.png') no-repeat;
}
	
.addthis_toolbox {float:right; margin-bottom:40px;}
	#shareTxt {display:block; float:left; margin-right:5px;}

.focus {padding:0 0 20px 20px; border-left:1px #ddd solid; color:#534706;}	
	.focus h3 {margin-bottom:10px; font-size:14px; text-transform:uppercase; color:#302905;}
	.focus li {list-style-type:square; margin-left:18px;}
#bateau, #hotel {padding-right:20px; background:#fff url('/v2/images/focus-spl-bg.png') repeat-x; 
color:#fff;
}
	#bateau h3, #hotel h3 {padding-top:20px; font-size:14px; text-transform:uppercase; color:#fff;}
#gallery {padding-top:20px;clear:both;}

#links li {padding:5px 0; border-top:1px #ccc dashed;}
li.attach-pdf {list-style-type:none; list-style-image:url('/v2/images/pdficon_small.gif'); 
margin-left:24px;
}
	li.attach-pdf a {text-decoration:underline;}

/* Armand */
#galleryTitle {width:100%;}
#voyage_subtitle {width:100%;text-align:right;}  /* sous-titre comme  le-tyrol-italien-et-les-dolomites "Séjour dans les Dolomites à Pineta di Laives" */
.miniPhotos {margin:0 6px 6px 0;width:80px;height:80px;} 
.miniPhotos a {height:100%;width:100%;float:left;display:block;}
.horairesDepart {width: 95%;margin-left: 5%;margin-bottom: 10px;} /* signaler autres horaires hors Reims et Rethel */
.horairesFin {width: 95%;margin-left: 5%;margin-bottom: 10px;} /* signaler autres horaires hors Reims et Rethel */
#voirPhotos {}

/* Recherche de voyages */
#search {margin-top: 20px;}
#search small {margin-left: 10px;}
#share2 {margin-top:10px;margin-left:5px;}
	
/* calendrier des voyages */
#calendar {width:100%}
	#calendar h2 {margin:30px 0 10px 0; padding:5px 20px; background-color:#bea30e; font-size:140%; font-weight:bold; text-transform:uppercase; color:#fff;}  
	#calendar h3 {margin:20px 10px 5px 10px; padding-top:4px; border-top:1px #534706 solid; color:#534706; font-weight:bold;}  
.calendarVoyage {border:1px #ddd solid; background-color:#f4f4f4;}
	.calendarVignette {}
	.calendarDesc {;}
		#calendar h2.calendarName {margin:0 0 5px 0; padding:0; background:transparent; font-size:120%; font-weight:normal;}
		.calendarDates {color:#666;}
		.zone {padding-right:10px; color:#333;}
    .calendarPrice {float:right;font-weight:bold;}   
#calendar .addthis_toolbox {position:absolute; right:0px; top:-30px;}

/* book */
#voyage_content {width:100%}
#bookSubtitle {margin:15px 0;font-size:160%;color:#666;float:left;width:100%;}
#special {text-transform:uppercase;color:#000;font-weight:bold;}

.trip {background-color: #F9F9F9;border: 1px solid #CCC;margin:15px 0; padding:5px;}
.tripHeader {width:100%;margin-bottom:5px;}
    #vignette {margin-right:20px;}
    .dates {position:relative;float:left;font-weight:bold;}
    .dispo_Warning, .dispo_Last {background-color:#FFF8E7;}
    .dispo_Available {background-color:#E1ECBE;}
    .dispo_Full, .dispo_Error, .dispo_Cancelled {background-color:#900;color:#FFF;}
    .dispo_Warning, .dispo_Last, .dispo_Available, .dispo_Full, .dispo_Error, .dispo_Cancelled {margin-left:20px;padding:5px}
    .price {color: #006FBA;font-size:130%;font-weight:bold;padding:0;margin-left:20px;} 
    .buttonBook {position:absolute;bottom:3px;right:0;margin:10px 5px 0 0;} 
.tripOptionTitle {font-weight:bold;}
.tripOptions {width:100%;margin-left:15px;} 

#BookingForm {width:400px;}
    #BookingForm .ikFormItem {height:30px;width:130px;}
    #BookingForm .ikFormValue {height:30px;width:160px;}
    #BookingForm .ikFormValue input[type=submit] {float:right;}
    #BookingForm h2 {font-size:150%;margin-bottom:20px;}
#nbPassengers, #listPRA {margin-bottom:15px;}
#nbPassengers span, #listPRA span {width:150px;float:left;}
               #listPRA p {margin:10px 0;}
#pourfinaliser {margin:15px 0;font-style:italic;color:#AAA;font-size:12px;line-height:14px;}
#contact {width:310px;}
    #numContact span, #hourContact span {margin-bottom:15px;}
    #numContact span, #hourContact span {width:150px; float:left;}


/* HOME */
.spanHome {opacity:0.6;filter:alpha(opacity=60);background-color: #ffffff;color:#000;font-weight:bold;text-align:center;margin:10px;padding:5px 10px; font-size:18px;}
/* j scrollable */

#carrousel {background:#ec1 url('/v2/images/voyage-h1-bg.png') repeat-x; 
color:#534706;
} 

	.scrollable {overflow:hidden; border:1px #000 solid;} 
	.scrollable .items {width:20000em;position:absolute;}
	.items>div {float:left;text-align:center;}
	.items>div a{display:inline-block;}
	.navi {display:inline-block;position:absolute;bottom:10px;right:10px;}
	.navi a {float:left; display:block; padding:2px 5px; margin:2px; cursor:pointer; background-color:#FFF; border:1px solid #000; text-align:center;font-weight:bold; opacity:0.7; filter:alpha(opacity=70)}
	.navi a:hover {color:red;text-decoration:none;}
	.navi a.active {background-color:#ec1;}
	.navi a:nth-child(1):after{content:'1';}
	.navi a:nth-child(2):after{content:'2';}
	.navi a:nth-child(3):after{content:'3';}
	.navi a:nth-child(4):after{content:'4';}
	.navi a:nth-child(5):after{content:'5';}
	.navi a:nth-child(6):after{content:'6';}
	.navi a:nth-child(7):after{content:'7';}


#homeBandeau {background: url('http://www.jacqueson.com/images/2012/couv2.jpg') no-repeat center center;width:960px;height: 300px;}

#home3Col {margin:20px 0;}

#homeLeft {width:360px; margin:20px 20px 0 0; background:#ec1 url('/v2/images/vs-bg.png') repeat-x 0 40px;}
	#homeLeft h2 {font-size:16px; margin-bottom:6px; padding:10px; border-bottom:1px #ab920d solid; background-color:#bea30e; font-weight:bold; color:#000;}
	#homeLeft .searchResult_item {width:340px; margin:10px; background-color:#fff;}
	#homeLeft .searchResult_image {width:60px; height:60px; margin:5px; overflow:hidden;}
	#homeLeft .searchResult_desc {float:right; width:250px; padding:5px; color:#666; font-size:11px}
	#homeLeft .searchResult_desc h3 {font-weight:bold;margin-bottom:5px; font-size:12px;}
	#homeLeft .searchTravel {width:340px; margin-top:5px; padding:10px; border-top:1px #fe6 solid;}
	#homeLeft .searchTravel h2 {margin-bottom:0; padding-top:0; background:transparent; border:0;}
		#homeLeft .searchTravel label {display:block; float:left; width:40%; height:22px; margin-right:5%; margin-bottom:5px; text-align:right;}
		#homeLeft .searchTravel select {display:block; float:right; width:55%; height:22px; margin-bottom:5px;}
		#homeLeft .searchTravel input[type=submit] {display:block; float:right; width:55%; margin-top:5px;}

#homeCenter {width:360px; margin:20px 20px 0 0;}
	#homeAgences {width:360px; background:#888 url('/v2/images/hg-bg.png') repeat-x 0 40px;}
	#homeAgences h2 {font-size:16px; margin-bottom:10px; padding:10px; border-bottom:1px #5b5b5b solid; background-color:#6d6d6d; font-weight:bold; color:#fff;}
	#homeAgenceContent {padding:0 10px 10px 0;}
	#homeAgenceContent p {margin:0 0 15px 10px; color:#fff;}
	.homeAgenceItem {width:165px; margin:0 0 15px 10px; background-color:#fff;}
		.homeAgenceItem  img {float:left;}
		.homeAgenceItem h3 {margin:5px 0; padding-bottom:5px; border-bottom:1px #ddd solid; font-weight:bold;}
		.homeAgenceItemDesc {width:145px; padding:0 10px;}
		#homeAgenceContent p.agenceTelephone {margin:0;}
	
	#homeCenter p.linkFollow {margin-bottom:3px;}
		#homeCenter .linkFollow a {color:#fff;}
			#homeCenter .linkFollow a:hover {color:#bea30e;}
			#homeCenter .linkFollow a:active {color:#ec1;}
	#homeNL {width:360px; margin-top:20px; }
		#homeNL .pButton {background-color:transparent;}
			#homeNL .pButton a {padding-left:60px; background:#ec1 url('/images/icons/mail.png') no-repeat 10px 10px;}
			#homeNL .pButton a:hover {background:#ec1 url('/images/icons/mail.png') no-repeat 10px 10px; color:#fff;}

	
#homeRight {width:200px; margin-top:20px; background:#888 url('/v2/images/hg-bg.png') repeat-x 0 40px;}
	#homeRight h2 {font-size:16px; margin-bottom:10px; padding:10px; border-bottom:1px #5b5b5b solid; background-color:#6d6d6d; font-weight:bold; color:#fff;}
	#homeBrochure {padding:0 10px 10px 10px;}
		#homeBrochure .pButton {width:180px; margin-top:10px;}
		#homeBrochure p {color:#fff;}
		#homeBrochure img {margin-top:20px;}
		#homeBrochure a {color:#ec1;}
			#homeBrochure a:hover {color:#fff;}
			#homeBrochure .pButton a {color:#666;}
				#homeBrochure .pButton a:hover {color:#fff;}

#homeBottom {width:960px; margin-top:20px}
	#homeNews {width:448px; margin:0 20px 20px 0; padding:10px; border:1px #ccc solid; background:#eee;}
		#homeNews h2 {margin-bottom:0; padding:0; color:#534706; font-weight:bold; font-size:16px; font-family:"trebuchet MS",tahoma, sans-serif;}
		#homeNews h3 {margin-bottom:15px; font-size:14px;}
		#homeNews strong {font-weight:bold; color:#bea30e;}
		#homeNews em {font-style:italic; color:#666;}
		#homeNews ul {margin-bottom:10px;}

	#homeAbout {width:100%; margin:10px 0; text-align:center;}
		#homeAbout h1 {margin-bottom:5px; padding:0; color:#444; font-weight:bold; font-size:16px; font-family:"trebuchet MS",tahoma, sans-serif;}
		#homeAbout h2 {margin-bottom:15px; font-size:13px;}
		#homeAbout p {font-size:13px; font-style:italic; color:#534706;}

/* page actu */	
.newsDate, .newsHeadline {float:none;}
.newsFeed {width:40%; margin:20px 2%; padding:10px 2%; border:1px #ccc solid;}
	.newsDate {margin-bottom:5px; color:#888;}
	.newsHeadline {font-weight:bold; font-size:150%;}

.actu  {margin-top:20px; width:100%;}
.actuImg {float:left; margin-right:20px;}
		
/* page statique */		
.staticPage {margin-top:10px;}
	.colRight {float:right; width:70%;}	
		.staticPage h2 {padding:30px 0 10px 0; font-size:16px; font-weight:bold; color:#534706;}
		.staticPage p, .staticPage ul, .staticPage ol  {margin-bottom:5px;}
		.staticPage strong {font-weight:bold;}
		.staticPage em {font-style:italic;}
		.staticPage ul {list-style:disc; padding-left:15px;}
		.staticPage ol {list-style:decimal; padding-left:15px;}
		.staticPage li {padding:0 0 5px 5px;}
	.menuBox {float:left; width:22%; margin-top:30px; margin-right:4%;}	
		.staticPage .rounded5 {list-style-type:none; padding:5px 10px; background-color:#ec1;}
		.staticPage .rounded5 li {padding:5px 0;}
		.staticPage .rounded5 a:hover {color:#fff;}
		.staticPage li ol {margin:0; padding:5px 0 0 30px;}
		.staticPage li li {color:#666;}

/*  commande brochure */
#formContact{}

/* agences */
.agence {width:33%;margin:15px 0;}
.agenceVille {font-weight:bold;font-size:16px; margin-bottom:10px;}
.agenceAdresse {margin-bottom:5px;}
.agenceTelephone {margin-bottom:5px;font-size:16px;background:url('/images/icons/phone.png') no-repeat 0 3px; padding-left:33px;height:30px;}
.agenceEmail {margin-bottom:5px;}

.plus {} /* background-image:url('/images/icons/right.jpg');background-repeat:no-repeat;padding-left:25px;height:30px;*/

#agenceTxt {width:480px;}
#agencePlan {width:480px;text-align:right;float:right;}
#agenceTxt .agenceVille {font-size:16px;margin-bottom:10px;}
#agenceTxt .agenceAdresse {margin-bottom:10px;}
#agenceTxt .agenceTelephone {margin-bottom:10px;font-size:16px;background-image:url('/images/icons/phone.png'); background-repeat:no-repeat;padding-left:40px;height:30px;}

#agenceTravels {background-color:grey; padding:9px;margin-top:50px;}
	#agenceTravels h2 {font-size:16px;margin-bottom:10px;font-weight:bold; color:#fff;}
	#agenceTravels .searchResult_item {width:100%; min-height:100px; margin-bottom:15px; background-color:#fff;}
	#agenceravels .searchResult_image {width:100px; height:100px;}
	#agenceTravels .searchResult_desc {float:right; width:340px; padding:5px; color:#888; font-size:10px}
	#agenceTravels .searchResult_desc h3 {font-weight:bold;margin-bottom:5px; font-size:12px;}
	#agenceTravels .searchResult_chapo {margin-top:5px; color:#000; font-family:"Times New Roman", Times, serif; font-size:14px;}


#siegesocialTxt {text-transform:uppercase;font-weight:bold;}
#siegesocialAdresse {}
#siegesocialTelephone {}
#siret {}
#numLicence {}

		
/*** login ***/
#ikUserID h1 {margin-bottom:20px; padding-left:0; font-size:20px;}
#ikUserID h2 {padding-bottom:10px; font-size:16px; font-weight:bold;}
#ikUserIDExisting, #ikUserIDNew {width:450px; background-color:#f4f4f4; padding:10px;}
#ikUserIDExisting {margin-right:20px;}
#ikUserLogin {margin-top:10px;}
#ikUserEmail, #ikUserPassword, #ikUserSubmit {float:none; width:51%;}



/*---------- page sign up -----------*/
#ikNewAccount {position:relative;}
#ikNewAccount .ikFormItem {position:relative;clear:both;height:1.6em;margin-bottom:5px;}
#ikNewAccount .ikFormItem p{position:relative;float:left;width:250px;margin-right:10px;text-align:right;text-transform:lowercase;}
#ikNewAccount .ikFormItem input {display:block;position:relative;float:left;width:250px;margin-right:10px;}
#ikNewAccount .ikFormAction {position:relative;float:right;right:240px;}

/*---------- mon compte -----------------*/
#ikUserAccount {position:relative;}
#ikUserAccount h2 {margin-top:0;}
#ikUserAccountMain {position:relative;}
#ikUserIDSummary {position:relative;float:left;width:400px;background-color:#f9f9f9;border:1px #eee solid;margin:0 10px 10px 0;padding:10px;}
.ikAddressItem {position:relative;float:none}
.ikAddressLabel {position:relative;float:left;width:110px;}
.ikAddressOutput {position:relative;float:left;width:290px;}
#ikUserEditAccount {position:relative;float:left;width:200px;padding-top:10px;}
#ikUserAccountStatus {position:relative;clear:both;float:left;width:400px;background-color:#f9f9f9;border:1px #eee solid;margin:0 10px 10px 0;padding:10px;}




/*** FOOTER ***/
#footer, #static, #copyright, #fb {float:none; text-align:center;}
#footer {margin:20px auto;}
#copyright {margin-top:10px;}
#fb {margin-top:20px;}

#staticpage h2 {font-weight: bold; font-size: 16px;margin-bottom:16px; }
#staticpage li {list-style-type: square; }
#staticpage ul {list-style-type: square; padding-left: 15px;}
#staticbanner {background: url('http://www.jacqueson.com/images/2013/960/banner_default.jpg') no-repeat top; width: 960px; height: 100px;margin-bottom: 20px;}