@import url(lightwindow.css);
/*===================================================================================================
	General
===================================================================================================*/
body {
	background-color	:#000;
	margin				:0;
	padding				:17px 0 0 0;
	font-family			:Arial, Helvetica, sans-serif;
	font-size			:12px;
	color				:#c4c4c4;
}
a {
	font-family			:Arial, Helvetica, sans-serif;
	font-size			:12px;
	color				:#c4c4c4;
	text-decoration		:underline;
}
a:hover { text-decoration:none; }
div, p, ul, li, input, form, h1, h2, h3, h4, h5 { 
	margin				:0;
	padding				:0;
}
h1 {
	margin-bottom		:3px;
	padding-top			:1px;
	font-size			:22px;
	font-family			:Arial, Helvetica, sans-serif;
	font-weight			:normal;
	color				:#cc0000;
}
h2 {
	display				:block;
	margin-bottom		:20px;
	font-size			:22px;
	font-family			:Arial, Helvetica, sans-serif;
	font-weight			:normal;
	color				:#FFF;
}
.h2-opt {
	font-size			:16px;
	font-weight			:bold;
	margin				:0 0 10px 0;
}
.span-bulle-rouge h2 {
	display				:inline;
}



/*===================================================================================================
	<div>
===================================================================================================*/
.div-surface-utile {
	width				:895px;
	margin				:0 auto 0 auto;
}
.div-header {
	height				:242px;
	text-align			:right;
	padding-right		:5px;
}
.div-menu-left {
	float				:left;
	width				:178px;
	margin-left			:20px;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
}
*> .div-menu-left { margin-left:38px; }
.div-menu-top {
	width				:627px;
	height				:37px;
	margin				:11px 0 0 264px;
}
*> .div-menu-top { margin-left:268px; }
.div-texte {
	width				:623px;
	margin				:25px 0 0 261px;
	line-height			:16px;
	text-align			:justify;
}
/**> .div-texte { margin-left:261px; }*/
.div-texte-image {
	float				:right;
	width				:200px;
	height				:150px;
}
*> .div-texte-image { height:150px; }
.div-texte-contenu {
	width				:417px;
}
*> .div-texte-contenu { width:420px; }
.div-footer {
	clear:both;
	margin				:40px 0 0 0;
	text-align			:center;
}
.div-destination-voyage {
	float				:left;
}
.div-prix-voyage {
	float				:right;
	text-align			:right;
}
.div-entete-voyage {
	height				:35px;
	margin-bottom		:20px;
}
.div-jour {
	display				:none;
}
.div-jour-actif {
	display				:block;
}
.div-nos-prix {
	display				:none;
}
.div-nos-prix-actif {
	display				:block;
}

.div-partenaire {
	width				:270px;
	float				:left;
}

/*===================================================================================================
	<p>
===================================================================================================*/
p.p-liens-footer {
	padding				:10px 0 10px 0;
	border-top			:#3c3c3c 1px solid;
	border-bottom		:#3c3c3c 1px solid;
}
p.p-texte-footer {
	padding				:10px 0 0 0;
	color				:#3c3c3c;
	font-size			:11px;
}
.div-texte p {
	margin-bottom		:20px;
}
p.p-planning-voyage {
	height				:42px;
	margin				:0 0 25px 0;
}
.form-contact p {
	margin				:0;
	padding				:0;
	height				:35px;
}
p.p-tarifs-sejours {
	margin-top			:15px;
	height				:60px;
	background-color	:#111111;
	padding				:15px;
	color				:#FFF;
}


/*===================================================================================================
	<ul>
===================================================================================================*/
.div-menu-left ul {
	list-style			:none;
}

ul.ul-nos-prix {
	margin				:10px 0 0 15px;
}


/*===================================================================================================
	<li>
===================================================================================================*/
.ul-titre li {
	text-align			:right;
}
.ul-lien li {
	display				:block;
	height				:28px;
	padding				:1px 0 1px 0;
	background			:#000 url(../images/interface/hr-menu.gif) top right repeat-x;
}
li.li-feuille-rouge {
	height				:31px;
	padding				:10px 0 0 0;
	background			:#000 url(../images/interface/logo-feuille-rouge.gif) 5px 7px no-repeat;
	font-size			:16px;
	font-weight			:bold;
	font-family			:Arial, Helvetica, sans-serif;
	color				:#cc0000;
}
li.li-no-margin {
	margin-top			:-15px;
}
*> li.li-no-margin { margin-top:0; !margin-top:-15px; }

.ul-nos-prix li {
	margin-top			:5px;
	padding-left		:10px;
}

.div-texte ul li {
	margin-top:7px;
}

/*===================================================================================================
	<a>
===================================================================================================*/
.div-menu-left a {
	display				:block;
	height				:9px;
	padding				:8px 0 10px 0;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:11px;
	color				:#FFF;
	text-decoration		:none;
}
.div-menu-left a:hover, #a-menu-left-actif { background:#000 url(../images/interface/bg-a-actif-menu.gif) 0 2px no-repeat; }

.div-menu-top a {
	display				:block;
	float				:left;
	width				:252px;
	height				:31px;
	padding				:6px 0 0 60px;
	background			:#000 url(../images/interface/bg-a-contact.gif) top left no-repeat;
	font-size			:11px;
	font-weight			:bold;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	color				:#FFF;
	text-decoration		:none;
}
.div-menu-top a:hover { text-decoration:underline; }
.p-liens-footer a {
	font-size			:11px;
	font-family			:Arial, Helvetica, sans-serif;
	color				:#FFF;
}
.p-liens-footer a:hover { text-decoration:none; }

a.a-planning-voyage {
	display				:block;
	float				:left;
	width				:45px;
	height				:15px;
	padding				:13px 0 11px 0;
	text-align			:center;
	color				:#303030;
	text-decoration		:none;
	border-top			:#303030 1px solid;
	border-bottom		:#303030 1px solid;
}
*> a.a-planning-voyage { height:13px; padding:12px 0 15px 0; }
a.a-planning-voyage:hover { text-decoration:underline; }

a.a-planning-voyage-actif {
	display				:block;
	float				:left;
	width				:45px;
	height				:15px;
	padding				:13px 0 11px 0;
	text-align			:center;
	text-decoration		:none;
	border-top			:#303030 1px solid;
	border-bottom		:#303030 1px solid;
	margin				:0 2px 0 2px;
	border-color		:#FFF;
	background			:#000 url(../images/interface/bg-jour-actif.gif) 50% 0 no-repeat;
	color				:#FFF;
}

a.a-partenaire {
	display				:block;
	float				:left;
	width				:105px;
	height				:35px;
	background			: url(../images/interface/bg-a-buggy.gif) top left no-repeat;
	color				:#FFF;
	padding				:5px 0 0 20px;
}

a.a-tarifs-sejours {
	padding-left		:22px;
	margin-top			:20px;
	background			: url(../images/interface/logo-bulle-rouge.gif) 0 50% no-repeat;
}
a.a-index-voyages {
	margin-top			:-17px; 
	color				:#cc0000; 
	float				:right; 
	font-size			:10px;
}

a.a-nextDay {
	width				:100px;
	padding-right		:15px;
	padding-left		:30px;
	background			: url(../images/interface/puce-fleche-blanc.gif) right 4px no-repeat;
	color				:#FFF;
}
a.a-nextDaySolo { padding-left:0; }
a.a-prevDay {
	width				:100px;
	padding-left		:15px;
	background			: url(../images/interface/puce-fleche-blanc2.gif) left 4px no-repeat;
	color				:#FFF;
}

/*===================================================================================================
	<input>
===================================================================================================*/
input.input-newsletter {
	display				:block;
	float				:left;
	width				:184px;
	height				:31px;
	margin-left			:38px;
	padding				:6px 0 0 50px;
	background			:#000 url(../images/interface/bg-input-newsletter.gif) top left no-repeat;
	border				:0;
	font-family			:Verdana, Arial, Helvetica, sans-serif;
	font-size			:11px;
	color				:#000;
}
input.submit-newsletter {
	display				:block;
	float				:left;
	width				:26px;
	height				:26px;
	margin-left			:10px;
	border				:0;
	background			:#000 url(../images/interface/bg-submit-newsletter.gif) top left no-repeat;
	cursor				:pointer;
}
input.input-text {
	width				:150px;
	height				:20px;
	border				:#CCC 1px solid;
	font-size			:inherit;
}
.input-textarea {
	width				:150px;
	height				:90px;
	border				:#CCC 1px solid;
}

/*===================================================================================================
	<span>
===================================================================================================*/
span.span-rouge-22,
span.span-rouge-22-block {
	padding-top			:1px;
	font-size			:22px;
	font-family			:Arial, Helvetica, sans-serif;
	color				:#cc0000;
}
span.span-rouge-22-block { 	display:block; margin-bottom:20px; }
span.span-blanc-22,
span.span-blanc-22-block {
	font-size			:22px;
	font-family			:Arial, Helvetica, sans-serif;
	color				:#FFF;
}
span.span-blanc-22-block { display:block; margin-bottom:20px; }
span.span-rouge {
	color				:#cc0000;
}
span.span-bulle-rouge {
	display				:block;
	height				:13px;
	margin-bottom		:20px;
	padding				:2px 0 5px 22px;
	font-size			:11px;
	font-family			:Arial, Helvetica, sans-serif;
	color				:#FFF;
	background			:#000 url(../images/interface/logo-bulle-rouge.gif) 0 50% no-repeat;
}
.form-contact p span {
	display				:block;
	width				:250px;
	padding-right		:20px;
	padding-left		:25px;
	float				:left;
}

.span-prix-tarifs-sejours {
	display				:block;
	float				:right;
	text-align			:right;
}
.span-duree-tarifs-sejours {
	display				:block;
	float				:left;
	margin-bottom		:10px;
}

span.span-theme-contact {
	display				:block;
	color				:#FFF;
	font-size			:15px;
	padding-bottom		:3px;
	border-bottom		:#333 1px solid;
	margin-bottom		:25px;
	margin-top			:10px;
}

/*===================================================================================================
	<img>
===================================================================================================*/
.div-texte-image img {
	display				:block;
	float				:right;
	padding				:5px;
	border				:#303030 1px solid;
}

/*===================================================================================================
	<form>
===================================================================================================*/
form.form-contact {
	margin				:0;
	padding				:5px 0 0 0;
}





/*===================================================================================================
	<SPECIAL PUSH HOME>
===================================================================================================*/
.selection-produit {
	border				:#111111 solid 1px;
	padding				:5px;
	margin				:10px 0 0 0;
	width				:610px;
}

.tab-selection-voyage-accueil {
	padding				:5px;
	background-color	:#111111;
}

a.a-dd772d-arial-bold-14px-underline {
	color				:#cc0000;
	font-family			:Arial, Helvetica, sans-serif;
	font-weight			:bold;
	font-size			:14px;
	text-decoration		:underline;
}

span.fec524-arial-bold-20px {
	color				:#cc0000;
	font-family			:Arial, Helvetica, sans-serif;
	font-weight			:bold;
	font-size			:20px;
}

a.a-selection-voyage-accueil, a.a-selection-voyage-accueil-2 {
	display				:block;
	background-image	:url(../images/interface/puce-fleche-blanc.gif);
	background-position	:center left;
	background-repeat	:no-repeat;
	font-size			:11px;
	font-family			:Arial, Helvetica, sans-serif;
	color				:#FFF;
	padding				:0 0 0 12px;
	margin				:10px 0 0 0;
	text-decoration		:underline;
}
a.a-selection-voyage-accueil:hover, a.a-selection-voyage-accueil-2:hover{ text-decoration:none; }

a.a-selection-voyage-accueil-2 {
	margin				:0;
	background-image	:url(../images/interface/puce-fleche-rouge.gif);
	color				:#cc0000;
}


/*===================================================================================================
	Opti LandingPage
===================================================================================================*/

a.a-footer-homepage{ text-decoration:none; }
a.a-footer-homepage:hover{ text-decoration:underline; }