/* @override http://www.madagascar-et-vous.com/squelettes/style_mada.css */

html {
	height: 100%;
	font-size: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 926px;
	font: 0.6875em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
		background-color: #f0f2c8;

}
img {
	border: none;
}
a:focus {
	outline:none;
}
form {
	margin: 0;
	padding: 0;
}

.page,
.page-inside {
	float: left;
	width: 100%;
	min-height: 100%;
	background: #f0f2c8 url(../IMG/bg-2.gif) repeat-y 50% 0;
}
.page-inside {
	background: #f0f2c8 url(../IMG/bg.gif) repeat-y 50% 0;
}
* html .page {
	height: 100%;
	background: #f0f2c8 url(../IMG/bg-2_2.gif) repeat-y 50% 0;
}
*+html .page {
	background: #f0f2c8 url(../IMG/bg-2_2.gif) repeat-y 50% 0;
}
* html .page-inside {
	height: 100%;
	background: #f0f2c8 url(../IMG/bg_1.gif) repeat-y 50% 0;
}
*+html .page-inside {
	background: #f0f2c8 url(../IMG/bg_1.gif) repeat-y 50% 0;
}
#main {
	margin: 0 auto;
	width: 926px;
}
/* page header */
#header {
	width: 925px;
	height: 136px;
	float: left;
	position: relative;
	margin: 0;
	display: inline;
	background-color: #fff;
}
/* logo */
.logo {
	text-indent: -9999px;
	overflow: hidden;
	background: url(../IMG/logo.gif) no-repeat;
	width: 183px;
	height: 71px;
	position: absolute;
	top: 19px;
	left: 27px;
}
/* phone and voyages line */
.phone,
.voyages {
	color: #302e1b;
	float: right;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	margin: 24px 20px 0 0;
}
.pourquoi,
.qui-sommes {
	background: url(../IMG/pourquoi-madagascar.gif) no-repeat;
	width: 91px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 58px;
	left: 693px;
}
.qui-sommes {
	background: url(../IMG/qui-sommes-nous.gif) no-repeat;
	width: 93px;
	left: 805px;
}
/* main navigation start */
#header ul {
	color: #5f751e;
	margin: 0;
	padding: 7px 0 9px;
	position: absolute;
	top: 107px;
	left: 0;
	background-color: #5f751e;
	width: 925px;
	text-align: center;
	/*font: 70% "Lucida Grande", Verdana, Arial, sans-serif;*/
	height: 13px;
	overflow: hidden;
}
#header ul li {
	display: inline;
	padding: 0 13px 0 13px;
}
#header ul li a {
	color: #f0f2c8;
	text-decoration: none;
	text-transform: uppercase;
}
#header ul li a:hover,
#header ul li a.active {
	color: #fff;
}
/* main navigation end */
/* images container start */
.images-container {
	float: left;
	background-color: #d3d199;
	width: 926px;
	margin: 0;
	display: inline;
	position: relative;
}
.top-three-images-box {
	width: 925px;
	float: left;
	border-bottom: 1px solid #fff;
}
/* images container heading */
.images-container h1 {
	height: 22px;
	width: 671px;
	background-color: #282f0f;
	border: 1px solid #fff;
	margin: 0 0 0 126px;
	padding: 5px 0 0;
	display: inline;
	float: left;
	text-align: center;
}
.images-container h1 img {
	float: left;
	margin: 0 0 0 245px;
	display: inline;
}
.images-container ul {
	margin: 0 0 0 126px;
	padding: 0;
	float: left;
	border-left: 1px solid #fff;
	display: inline;
}
.images-container ul {
	background: url(../IMG/bottom_image_bg.jpg) repeat-y;
}
.images-container .top-three-images-box ul {
	background: url(../IMG/top_image_bg.jpg) repeat-y;
}
.images-container ul li {
	float: left;
	list-style: none;
	border-right: 1px solid #fff;
}
.images-container ul li a {
	width: 223px;
	min-height: 27px;
	float: left;
	text-decoration: none;
	padding: 173px 0 0;
	text-transform: uppercase;
}
* html .images-container ul li a {
	height: 27px;
}
/* images link bg */
.images-container ul li.toi-moi a {
	background: url(../IMG/fond_home_voyage1.jpg) no-repeat;
}
.images-container ul li.entre-amis a {
	background: url(../IMG/fond_home_voyage2.jpg) no-repeat;
}
.images-container ul li.aux-tresors a {
	background: url(../IMG/fond_home_voyage3.jpg) no-repeat;
}
.images-container ul li.entre-ciel a {
	background: url(../IMG/fond_home_voyage4.jpg) no-repeat;
}
.images-container ul li.explorateurs a {
	background: url(../IMG/fond_home_voyage5.jpg) no-repeat;
}
.images-container ul li.la-carte a {
	background: url(../IMG/fond_home_voyage6.jpg) no-repeat;
}
/* text under image */
.images-container ul li a span {
	width: 100%;
	float: left;
	text-align: center;
	color: #fff;
	font: 0.9em/1.2em "Lucida Grande", Verdana, Arial, sans-serif;
	display: block;
}
.images-container ul li a span.one-line {
	padding-top: 6px;
}
.images-container ul li a span.two-line {
	font-size: 0;
	line-height: 0;
}
/* white content box */
.white-container {
	float: left;
	width: 923px;
	margin: 0;
	padding-bottom: 62px;
	/*display: inline;*/
	/*height: 200px;*/
}
/* left column */
.left-column {
	float: left;
	width: 546px;
	margin: 27px 0 0 28px;
	display: inline;
}
.left-column h2 {
	margin: 0;
	padding: 0 0 1px;
	border-bottom: 1px solid #748c2e;
	width: 546px;
	float: left;
}
.left-column h2 span {
	background: url(../IMG/coups-image.gif) no-repeat 0 1px;
	padding: 0 0 0 35px;
	float: left;
}
.left-column h2 span img {
	float: left;
	margin: -1px 0 0;
}
/* photo */
.white-container .photo {
	float: left;
	width: 169px;
	margin: 11px 0 0;
}
.white-container .photo img {
	float: left;
}
/* text */
.white-container .text {
	float: left;
	width: 375px;
	margin: 9px 0 0;
	position: relative;
}
.white-container .text h3 {
	margin: 0;
	padding: 0 0 12px;
	color: #606c3b;
	font: normal 1.4em/1.2em "Lucida Grande", Verdana, Arial, sans-serif;
}
.white-container .text p {
	margin: 0;
	padding: 0;
	color: #606c3b;
	font: 1em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
}
/* suite link */
.suite,
.suite-2 {
	background: url(../IMG/suite.gif) no-repeat;
	width: 45px;
	height: 14px;
	position: absolute;
	bottom: 1px;
	left: 395px;
	text-indent: -9999px;
	overflow: hidden;
}
.suite:hover,
.suite-2:hover {
	background-position: 0 -14px;
} 
.suite-2 {
	float: left;
	position: static;
	background: url(../IMG/suite.gif) no-repeat 0 -28px;
	margin-bottom: 15px;
}

.suite-3 {
	background: url(../IMG/suite.gif) no-repeat;
	width: 45px;
	height: 14px;
	position: absolute;
	bottom: -35px;
	left: 335px;
	text-indent: -9999px;
	overflow: hidden;
}
.suite-3:hover {
	background-position: 0 -14px;
} 




/* right column */
.right-column {
	float: left;
	width: 210px;
	margin: 0 0 0 131px;
	padding: 42px 0 0;
	display: inline;
}
/* reservez votre voyage button */
.button,
.button-2 {
	background: url(../IMG/reservez-votre-voyage.gif) no-repeat;
	width: 190px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
.button-2 {
	background: url(../IMG/reservez-votre-voyage.gif) no-repeat 0 -48px;
	float: right;
	margin: 15px 29px 0 0;
	display: inline;
}
.button:hover {
	background-position: 0 -24px;
}
.button-2:hover {
	background-position: 0 -72px;
}
/* recomander link */
.recomander {
	float: left;
	background: url(../IMG/pointer.gif) no-repeat;
	color: #667243;
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 3px 0 0 28px;
	margin: 33px 0 0;
	text-decoration: none;
}
.recomander:hover {
	background-position: 0 -35px;
}

h3.tanzanie {margin-top: 30px;}

h3.tanzanie, h3.tanzanie a {
	background: url(../IMG/pushmv.png) no-repeat left top;
	text-indent: -9999px;
	width: 122px;
	height: 60px;
	display: block;
	float: left;
}





/* footer start */
.footer-container {
	width: 100%;
	float: left;
	position: relative;
	margin: -29px 0 0;
	min-width: 926px;
}
.footer {
	margin: 0 auto;
	width: 926px;
}
.footer ul {
	height: 21px;
	background-color: #748c2e;
	width: 925px;
	margin: 0;
	padding: 8px 0 0;
	display: inline;
	position: relative;
	float: left;
	text-align: center;
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
}
.footer ul li {
	display: inline;
	background: url(../IMG/bullet.gif) no-repeat 0 4px;
	padding: 0 7px 0 15px;
}
.footer ul li.first {
	background: none;
}
.footer ul li a {
	text-decoration: none;
	color: #fff;
	position: relative;
}
.footer ul li a:hover {
	text-decoration: underline;
}
/* footer end */
.container {
	float: left;
	width: 925px;
	margin: 0;
	padding-bottom: 227px;
	display: inline;
	position: relative;
}
.container-2 {
	padding-bottom: 70px;
}
/* page content */
.content {
	width: 726px;
	float: left;
}
.black-block {
	float: left;
	width: 726px;
	height: 54px;
	background-color: #282f0f;
	margin: 1px 0 0;
}
.black-block-2 {
	height: 39px;
	text-align: center;
	padding: 5px 30px 0 0;
	width: 696px;
}
.black-block h1 {
	height: 22px;
	float: left;
	margin: 15px 0 0 30px;
	padding: 0;
	display: inline;
}
.black-block-2 h1 {
	float: left;
	text-align: center;
	margin-top: 0px;
	width: 666px;
}

.black-block-2 h1 span {
	text-indent: -9999px;
	display: block;
}

/* hotels list start */
.hotels {
	float: left;
	margin: 0;
	padding: 0;
	width: 726px;
}
.hotels li {
	float: left;
	display: inline;
	width: 308px;
	margin: 30px 21px 0 30px;
	padding-bottom: 7px;
	height: 280px;
}
.hotels li h2, h4.titreHotel {
	margin: 0;
	padding: 0 0 9px;
	color: #657f17;
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

.hotels li p {
	margin: 0;
	padding: 0 0 6px;
	color: #606c3b;
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
}
.hotel-photo {
	float: left;
	width: 100%;
	padding: 0 0 10px;
}
.hotel-photo img {
	float: left;
}
/* hotels list end */
/* en-savotr link */
.en-savotr {
	background: url(../IMG/en-savotr-plus.gif) no-repeat;
	width: 88px;
	height: 14px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
.en-savotr:hover {
	background-position: 0 -14px;
}
/* right column inside pages */
.page-right-column {
	float: left;
	width: 178px;
	border-top: 1px solid #fff;
	display: inline;
	padding: 0 0 0 20px;
}
/* right column styles */
.page-right-column h2,
.page-right-column h3 {
	color: #282f0f;
	font: bold 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 20px 0 7px;
	text-transform: uppercase;
	float: left;
	width: 100%;
}
.page-right-column h3 {
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
.page-right-column p {
	color: #282f0f;
	font: 1em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	margin: 0;
	padding: 0 15px 10px 0;
	float: left;
}
/* links list */
.page-right-column ul {
	margin: 0;
	padding: 0 0 12px;
	float: left;
	width: 178px;
}
.page-right-column ul li {
	float: left;
	width: 178px;
	list-style: none;
	font: 1em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
}
.page-right-column ul li a {
	color: #9c3c25;
	text-decoration: none;
}
.page-right-column ul li a:hover {
	text-decoration: underline;
}
/* solidaires image */
.solidaires {
	float: left;
	background: url(../IMG/solidaies.gif) no-repeat;
	height: 40px;
	width: 100%;
	text-indent: -9999px;
	overflow: hidden;
	margin: 20px 0 0;
}
/* main image on voyage.html */
.main-image {
	float: left;
	width: 100%;
	border-top: 1px solid #fff;
	position: relative;
	z-index: 1;
		height: 167px;
	overflow: hidden;

}
.main-image img {
	float: left;
}
/* link on main image */
.main-image .diaporama {
	background: url(../IMG/diaparama-photo.gif) no-repeat;
	width: 107px;
	height: 16px;
	position: absolute;
	top: 137px;
	left: 30px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 999;
}
/* area witj 2 line of text and button*/
.brown-area {
	width: 696px;
	background-color: #e7e6c7;
	float: left;
	border-top: 1px solid #fff;
	color: #606c3b;
	font: 1em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 8px 0 7px 30px;
}
.brown-area strong {
	color: #282f0f;
	font-weight: normal;
}
.brown-area a {
	color: #9c3c25;
	text-decoration: none;
}
.brown-area a:hover {
	text-decoration: underline;
}
.brown-area .date {
	float: left;
	width: 466px;
}
/* buttun */
.brown-area .button {
	float: right;
	margin: 2px 30px 0 0;
}
/* content text box */
.content-text {
	float: left;
	width: 405px;
	padding: 12px 0 0 30px;
}


#main div.container.container-2 div.content div.content-text.large {
		width: 670px;

}

div.texteArt.page_hotel {
	margin-top: 20px;
}

#main div.container.container-2 div.content div.content-text div.texteArt ul.spip li.spip strong.spip {
	color: #606c3b;
}

.texteArt.page_hotel p.texteTemoignage {
	margin-top: 5px;
	font-style: italic;
}

/* content text styles */
.content-text p {
	margin: 0;
	padding: 0;
	color: #606c3b;
	font: 1em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
}
.content-text p a, .content-text a {
	color: #9c3c25;
	text-decoration: none;
}
.content-text p a:hover, .content-text a:hover  {
	text-decoration: underline;
}
.content-text p.border {
	border-bottom: 1px solid #5f751e;
	padding-bottom: 13px;
}
.content-text h2 {
	margin: 0;
	padding: 24px 0 0;
	float: left;
	width: 100%;
}
.content-text h2.border {
	margin: 0 0 13px;
	border-bottom: 1px solid #5f751e;
}

/*.content-text h2 span {
	background: url(../IMG/coups-image.gif) no-repeat 0 2px;
	padding: 0 0 0 38px;
	float: left;
}*/


.content-text h2.les-points-forts {
	background: url(../IMG/fond_vous_aimerez.png) no-repeat 0 bottom;
}

.content-text h2.les-points-forts span, .content-text h2.en-quelques-mots span, .content-text h2.resume-itineraire span {
	text-indent: -9999px;
	display: block;
}

.content-text h2.en-quelques-mots {
	background: url(../IMG/fond_en_quelques_mots.png) no-repeat 0 20px;
}

.content-text h2.resume-itineraire {
	background: url(../IMG/resume.gif) no-repeat 0 20px;
	border-top: 1px solid #5f751e;
	margin-top: 10px;
}


 content lists 
.content-text .bullet-1,
.content-text .bullet-2,
.content-text ul,
.content-text .descArt ul.spip,
.content-text .ico-nav {
	margin: 0;
	padding: 12px 0 0;
	width: 100%;
	float: left;
	font: 1em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
}
.content-text ul, .content-text ul.spip {
	margin: 10px 0 0;
}
.content-text .ico-nav {
	padding-top: 18px;
}
.content-text .bullet-1 li,
.content-text .bullet-2 li,
.content-text ul li,
.content-text ul li.spip {
	background: url(../IMG/bullet-2.gif) no-repeat 0 6px;
	list-style: none;
	color: #606c3b;
	padding: 0 0 1px 11px;
}
.content-text ul li {
	padding: 0 0 10px;
	background: none;
}

.content-text .texteArt ul.spip {
	margin-top: 0;
	padding-top: 0;
}

/* ico nav: print etc */
.content-text .ico-nav li {
	background: none;
	padding: 0 0 7px;
}


.content-text .bullet-2 li, .content-text .texteArt li.spip {
	background: url(../IMG/bullet-3.gif) no-repeat 0 5px;
}
.content-text .ico-nav li a {
	color: #9c3c25;
	padding: 0 0 0 20px;
}

.content-text ul li strong {
	color: #282f0f;
	text-transform: uppercase;
}
.content-text ul li a {
	color: #606c3b;
	text-decoration: none;
}
.content-text ul li a:hover {
	text-decoration: underline;
}
.content-text h3 {
	padding: 0 0 4px;
	color: #282f0f;
	font: bold 1em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	float: left;
	width: 100%;
	border-bottom: 1px solid #4c5237;
	margin: 20px 0 10px;
}





/* map */
.content-text .photo {
	float: left;
	margin: 10px 0 0;
}
.content-text .photo img {
	float: left;
}

/* Attention double h3 */

.content-text h3 {
	/*color: #282f0f;
	margin: 0;
	padding: 20px 0 0;
	border-bottom: 1px solid #4c5237;
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	width: 100%;
	float: left;*/
}

#main div.white-container div.right-column a.pdf {
		float: left;
	background: url(../IMG/ico-pdf.gif) no-repeat 0 3px;
	color: #667243;
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	padding: 3px 0 0 28px;
	margin: 20px 0 0;
	text-decoration: none;

}

.content-text .ico-nav li a.print {
	background: url(../IMG/ico-print.gif) no-repeat 0 1px;
}
.content-text .ico-nav li a.pdf,
#main div.white-container div.right-column a.pdf {
	/*background: url(../IMG/ico-pdf.gif) no-repeat 0 1px;*/
		/*background-position: 0 -35px;*/

}

.content-text .ico-nav li a.mail {
	background: url(../IMG/ico-mail.gif) no-repeat 0 1px;
}

.content-text .ico-nav li a.parrainer {
	background: url(../IMG/ico_parrainer.png) no-repeat;
}

/* contnet right column */
.content-right-column {
	float: left;
	width: 190px;
	margin: 0 0 0 71px;
	padding: 21px 0 0;
	display: inline;
}
.content-right-column h2 {
	margin: 0;
	padding: 0 0 3px;
	text-align: center;
	border-bottom: 1px solid #5f751e;
}
/* photo list */
.content-right-column ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 190px;
}
.content-right-column ul li {
	list-style: none;
	width: 100%;
	padding: 21px 0 13px;
	float: left;
}
/* photo box */
.hotel-photo-2 {
	float:left;
	margin: 7px 0 0;
	padding-bottom: 7px;
}

.hotel-photo-3 img {
	float:left;
	margin: 7px 0 0;
	padding-bottom: 7px;
}

.hotel-photo-2 img {
	float: left;
}
/* heading */
.content-right-column ul li h3 {
	margin: 0;
	padding: 0;
	color: #606c3b;
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
}
/* red link */
.content-right-column ul li .link {
	float: left;
	margin: 4px 0 0;
	width: 100%;
	font: 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
}
.content-right-column ul li .link a {
	text-decoration: none;
	color: #9c3c25;
}
.content-right-column ul li .link a:hover {
	text-decoration: underline;
}


#main div.container.container-2 div.content div.content-text div.texteArt p.spip a.popup_carte {
	padding-left: 20px;
	background: url(../IMG/fond_popup_carte.gif) no-repeat 0 5px;
	display: block;
	height: 20px;
	line-height: 20px;
}

/* Page sondage */

.content-text .sondages ul {
	margin:0;
}

.content-text .sondages ul li {
	padding: 0 0 5px;
}

.sondages {
	margin-bottom: 10px;
}

.sondages h4 {
	font: bold 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;

}

/* page presse */

.content-text.presse img.spip_logos {
	margin-right: 10px;
}

.content-text.presse h4 {
	font: bold 0.9em/1.5em "Lucida Grande", Verdana, Arial, sans-serif;
	margin: 10px 0 5px;
	padding: 0;
}

div.groupe {
	float: left;
	height: 175px;
	margin-top: 20px;
}

/* Bouton valider */

div.spip_bouton {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}