body {
	font: 80%/1.5 arial, helvetica, sans-serif;
	color: #eee;
	background: #76B23C;
	padding: 0;
	margin: 0;
}
	body#flashpage {
	background: #fff;
	}
	body#voyager {
	background: #76B23C;
	}

/* Universal stuff */
a { color: #f93 }
a:hover { text-decoration: none }
abbr, acronym, q:before, q:after {
	content: "";
	border: none;
	font-style: normal;
}
pre {
	width: 90%;
}
code {
	font: 1em "Courier New", Courier, monospace;
	color: #900;
}
a img {
	border: 0;
}

.accessaid {
	position: absolute;
	left: -999em;
}
.warning { color: red }

/* Header stuff */
#header {
	height: 210px;
	background: #000;
}

#home #header {
	height: 300px;
	background: #000 url("elements/bg_bandeau_home.jpg") bottom left repeat-x;
}

#contact #header { background: #000 url("elements/bandeaux/bandeau-voyage-madagascar-13.jpg") bottom left no-repeat;}

.wide {
	text-align: center;
}

.wide #header {
	text-align: left;
	height: 80px;
}

#header * {
	padding: 0;
	border: 0;
	margin: 0;
}

#header ul {
	list-style: none;
	position: absolute;
	top: 0;
	float: right;
	right: 2%;
}

#header li { display: inline }

#header ul a/*, #header a.current*/ {
	color: white;
	text-decoration: none;
	padding-top: 40px;
	padding-top: 30px;
	float: left;
}
#header span {
	border-right: 1px solid #fff;
	padding: 0 0.5em;
}
#header li a {
	color: #fff;
	font-weight: bold;
}

#header .first span { border: 0 }
#header li a:hover { background: #2B200A; border-bottom: 2px solid; color: #FF8939; }
#header li a.current {
	color: #FF8939;
	background: #2B200A;
	border-bottom: 2px solid;
	font-style: normal;
	font-weight: bold;
}

p #twce {
	position: absolute;
	text-indent: -1000em;
	border: 0;
}

#twce {
	z-index: 2;
	top: 80px;
	left: 0;
	width: 100%;
}

#home #twce {
	height: 241px;
}

a#twce:hover {
	background: transparent;
	border: 0;
}

/* pour visuel en sur-impression - pages interieures */

#header div {
	background: left no-repeat;
	height: 111px;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 80px;
	left: 0;
	border-top: 1px solid #D9CAF6;
}

#content {
	position: relative;
	max-width: 80em;
}
#content {
	max-width: 101em;
}

#pagesection1 {
	background: #669933;
	padding-bottom: 1em;
}
.ss1 {
	width: 95%;
	background: #006699;
	position: relative;
}
#home .ss1 { width: 75% }
.ss11 {
	position: relative;
}
#galeries .ss2 { width: 98%; }

.ss12 {
	padding-top: 0px;
	position: relative;
}
.ss2 {
	width: 66.6666%;
	padding-bottom: 2em;
	position: relative;
}
#primary {
	color: black;
	background: white;
	padding-bottom: 1em;
	min-height: 40em;
}

h1 {
	margin: 0 5%;
	font-size: 1em;
	letter-spacing: -1000em;
	line-height: 39px; height: 39px;
	background-repeat: no-repeat;
	border-top: 2em solid white;
}
h1 span {
	height: 39px;
	float: left;
	width: 0;
	overflow: hidden;
}

#type h1 { letter-spacing: normal; font-size: 2.4em; font-weight: normal; color: #f60; border-top: .7em solid white;  }
#type h1 span { width: auto; overflow: auto; height: auto;  }

#home h1 { background-image: url("elements/tt_bienvenue.gif") }
#voyager h1 { background-image: url("elements/tt_voyager.gif") }
#contact h1 { background-image: url("elements/tt_contact.gif") }
#galeries h1 { background-image: url("elements/tt_galeries.gif") }
#pro h1 { background-image: url("elements/tt_pro.gif") }


#primary h2, #primary h3, #primary h4, #primary h5 {
	margin-left: 5%;
}
#primary h3 {
	color: #f60;
	font-size: 1.3em;
	font-weight: bold;
}
	
	.commun #primary, #voyager #primary {
		padding-left: 2.5em;

	}
	.commun #primary *, #voyager #primary * {
		margin-left: 0;
	}

h4 {
	font-size: 1em;
	font-weight: bold;
	color: #006699;
	margin-bottom: .4em;
}

h5 {
	font-size: 1em;
	font-weight: normal;
	color: #f60;
}
#pagesection1 h2, #pagesection1 h3 {
	padding-right: 7%;
	/*margin-right: 7%;*/
	margin-left: 5%;
}
#pagesection1 p, #pagesection1 h4, #pagesection1 h5 {
	padding-right: 5%;
	/*margin-right: 5%;*/
	margin-left: 5%;
	text-align: justify;
}
h2 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.2;
	color: #9966CC;
}

#primary p {
	margin-top: 0;
}
#primary ul {
	margin: 0 5% 1em 5%;
	padding: 0 1em 0 2em;
	/*list-style: none;*/
}
#primary li {
	margin-left: 2%;
}



/* Contact */

#contactus {
	text-indent: -999em;
	height: 32px;
	background: url(elements/stt_contacter-jacaranda.gif) left no-repeat;
	margin: 2em 0 0 19px;
}

legend {
	font-weight: bold;
}
	#home legend {
	color: #fc0;
}

address {
	font-style: normal;
	background: #005580;
}
address span {
	display: block;
	padding: 1em 1em 1em 18px;
}
address span span {
	display: inline;
	background: none;
	padding: 0 1em 0 0;
}
#home form, .commun form { margin: 1em 14px 0 19px; }

/****************l*****************/

fieldset {
	padding: 1em 1.5em;
	border: 1px solid #005580;
	position: relative;
}

.commun fieldset {
	border: none;
	position: relative;
	background: #F3EDF9;
}

fieldset div {
	width: 100%;
	margin-bottom: 0.5em;
	position: relative;
}
#cml {
	display: block;
	margin: .5em;
}
.icontain {
	position: absolute;
	right: 0;
	width: 55%;
}
.icontain span {
	position: static;
	width: 100%;
	display: block;
}
.icontain span span {
	position: relative;
	left: -20px;
}
.icontain span span span {
	position: static ;
}

#home input, #home textarea {
	font: 1em Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 0;
}
.commun .submit {
	text-align: center;
	padding: 1em 0;
	margin-top: 0.5em;
}

.commun input, .commun textarea {
	font: 1em Arial, Helvetica, sans-serif;
}

#home .submit {
	margin: 1em 0;
	position: relative;
}

#home .submit input {
	/*margin: 1em 0;*/
	padding: 1em 0;
	color: #fff;
	background: #9966CC;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	border: 1px solid #005580;
}


/* Form Contact - Devis */

.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; float: left; width: 15em; font-weight: normal; color: #000; }

.contactform div input {padding: 0.25em; width: 50%; border: 1px solid #9966CC; }
.contactform div select {padding: 0; width: 41%; border: 1px solid #ccc; }
.contactform div textarea { margin: 1em 0 0 0em; padding: 0.25em; width: 50%; height: 12em; border: 1px solid #9966CC; }
/*.contactform div.submit { width: auto; }*/
.contactform div.submit input { margin: 0; padding: 5px 10px; width: 40%; color: #fff; font-size: 1.25em; font-weight: bold; background: #9966CC; border: none; }

div.required {color: #FC3502;}
.error_message { padding: 2px 0 0; color: #fff; background: #9966CC; margin: 1em 1.2em 0 1.65em; padding: .5em 0 .1em; }


.contactform .checkobjet { width: 100%; }
.contactform .checkobjet label { float: none; }
.contactform .checkobjet div { width: auto; }
.contactform .checkobjet div label { display: inline; float: none; width: auto; font-weight: normal; }
.contactform .checkobjet div input { width: 1em; border: none; margin-left: 187px; }

/* --- */


.psec { font-size: 0.91em }
.psec h3 {
	font-size: 1em;
	color: #97C4FD;
	padding-top: 1em;
}
.psec * { margin: 0 }
.psec .soopalink {
	margin-left: 5%;
	width: 90%;
}
.psec .soopalink div div div { padding: 0 5% }
.psec .soopalink img { border: 1px solid #fff; margin: .5em; }
.psec .visuel { text-align: center; width: 80%; margin: 0 10% 1em; padding: .5em 0; background: #005580; }
.psec p { margin: 0 10% 1em 10% }
.psec div p {
	padding-bottom: 1em;
	border-bottom: 1px solid #fff; 
	margin: 0 0 0.5em 0;
}
.psec ul {
	padding: 0;
	margin: 0 10%;
	list-style: none;
	color: white;
}


.psec ol {
	padding: 0;
	margin: 1em 10%;
}
.psec ol li {
	margin-bottom: 1em;
	list-style-position: inside;
}

p.intro {
	color: #97C4FD;
	font-weight: bold;
	margin: 1em 10%;
}


.psec dl { margin: 0 10% 2em 10%; color: #fff; }
.psec dt {
	margin-top: 1em;
	font-weight: bold;
	color: #CCFF99;
}
.psec dt a {
	color: #CCFF99;
}
.psec dd p { margin: 0.5em 0 0 0; }
.psec dd .p1 { margin: 0; }
.psec dd img {
	max-width: 195px;
	width: 195px;
}
.psec .ndate {
	padding-bottom: 1em;
	color: #cfc;
	margin-top: 0.5em;
	border-bottom: 1px dashed #fff; font-size: .95em;
}
.ndate span {
	border-top: 1px solid #cfc;
	padding-top: 0.2em;
}

/* ---- */

#pagesection2 {
	position: absolute;
	top: 10px;
	width: 31.66666%;
	left: 63.33333%;
	padding-top: 13px;
}
#home #pagesection2 {
	width: 25%;
	left: 50%;
}

#pagesection2 h2 {
	font-size: 1.1em;
	color: white;
	font-weight: bold;
	background: #005580;
	margin-left: .5%;
	margin-bottom: 1em;
	width: 70%;
	padding: 0.25em 10%;
}

#pagesection2 h3 {
	font-size: 1.1em;
	color: white;
	background: #005580;
	margin: 0 10%;
	padding: 0;
	margin-bottom: 1em;
	width: 80%;
	text-align: center;
	padding: 0.15em;
}

#ps2hp {
	font-size: 1.1em;
	color: white;
	background: #203755;
	margin: 26px 0 1em 0;
	width: 90%;
}
#ps2hp span {
	/*background: url(../img/corner_tr_ps2top.gif) top right no-repeat;*/
	display: block;
}
#ps2hp span span {
	/*background: url(../img/corner_br_ps2top.gif) bottom right no-repeat;*/
	padding: 0.25em 10%;
}

.promo2 img { display: none }
.promo2 {
	display: block;
	height: 119px;
	background: #2A4363 right no-repeat;
	margin-bottom: 1em;
	border: 1px solid #355073;
}

/* ---- */

#pagesection3 {
	position: absolute;
	top: 10px;
	width: 25%;
	left: 75%;
	padding-top: 13px;
}

#pagesection3 h2 {
	font-size: 1.1em;
	color: white;
	font-weight: bold;
	background: #4F923A;
	margin-bottom: 1em;
	width: 70%;
	/*display: block;*/
	padding: 0.25em 10%;
	margin-left: .5%;

}
#pagesection2 h2 a, #pagesection3 h2 a/*, #pagesection3 a*/ {
	color: white;
}

#pagesection3 a {
	color: #FFCC33;
}

/* SIDE MENU */

#pagesection2 a:link, #pagesection2 a:visited, #pagesection2 a:active {
	color: #fff;
	text-decoration: none;
}
#pagesection2 a:hover {
	text-decoration: underline;
}

.menu {
	margin: 1em 0 1em .75%;
}
.psec .menu ul {
	margin-right: 2px;
}
.menu li.current {
	font-weight: bold;
}
.menu li.current li {
	font-weight: normal;
}

/* AJOUT */

#footer a {
	color: #eee;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
/*
hr {
	margin: 5px 0px 5px 0px;
	color: #660033;
	border: 0;
	border-top: 1px solid #660033;
	height: 1px;
	width: 580px;
}
*/
hr {
	line-height: 0;
	height: 0;
	visibility: hidden;
	clear: both;
}

.interligne {
	clear: both;
	line-height: 10px;
	height: 10px;
}

/* Tableaux  */

table.tbedito {
	margin: 0em 5% 1em;
	border-collapse: collapse;
	background: #CFE8B5;
	font-size: .95em;
	color: #030;
}
table.tbedito caption {
	padding: 0 0.6em 0.8em;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	background: transparent;
}
table.tbedito td, th {
	border: 1px solid #fff;
	padding: 0.5em;
}
table.tbedito tr.altern td {
	background: #E0EFCD;
}
table.tbedito tr.altern2 td {
	background: #EAF4DD;
}
table.tbedito td strong {
	color: #060;
}
table.tbedito td a {
	color: #EA7500;
}
table.tbedito thead th {
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	background: #76B23C;
}
table.tbedito tbody th, tbody td {
	vertical-align: top;
}

#primary table.tbedito.floatleft {
	float: left;
	margin-right: 15px;
}
#primary table.tbedito.floatright {
	float: right;
	margin-left: 15px;
}

/*	*/


#pagesection1 .infosproduit {
	background: #FFF3E5;
	border: 1px solid #FFEAD2;
	margin-right: 5%;
	padding: .3em 1em;
	text-align: center;
	color: #FFD4A4;
}
#pagesection1 .infosproduit a {
	color: #FD7F00;
}

#baseline {
	position: absolute;
	/*top: 270px;*/
	top: 300px;
	color: #006699;
	font-size: .8em;
	}

	#baseline p {
		margin: 0 2.5%;
	}

.bline {
	font-size: .8em;
}
	
.carrepromo, .carremultimedia {
	background: #005E8E;
	text-align: center;
	margin-left: .5%;
	margin-bottom: 1em;
	padding: 1em 0;
}

.carrepromo h2, .carremultimedia h2 {
	text-align: left;
}

#header .drapeau img {
	margin: 1em 0 1em 1em
}

/* Alignements */

#primary img {
	padding: 0.3em 1em 0.5em 1em;
}

#primary li img {
	padding: 0;
}

#primary img.floatleft {
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
}

#primary img.floatright {
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
}

/* Fiches Voyages */

#primary .fichenav {
	margin: 1em 0;
	background: #FFECD7;
	margin-right: 5%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
#primary .fichenav ul {
	color: #FFD4A4;
	list-style: none;
	width: 100%;
	text-align: center;
}
#primary .fichenav li {
	display: inline;
	color: #9966CC;
	padding: 3px 10px 4px;
	margin: 0 1em;
	background: #fff;
	font-weight: bold;
	border-bottom: 3px solid #fff;
	}
#primary .fichenav a {
	color: #FD7F00;
	padding-bottom: 5px;
	border-bottom: 1px solid #9966CC;
	border-bottom: 1px solid #FFEAD2;
	text-decoration: none;
}
#primary .fichenav a:hover {
	color: #9966CC;
}


.ficheentete {
	color: #333;
}

.fichecorps {
	color: #336633;
	background: #EFF7E7;
	margin-right: 5%;
	padding: 1em 1em .3em;
}
.fichecorps a {
	color: #363;
}
.fichesavoirplus {
	color: #555;
	background: #FFF6EC;
	margin-right: 5%;
	padding: 1em 1em .3em;
}
#primary .fichecorps p, #primary .fichesavoirplus p {
	padding-right: 0;
}
.fichesavoirplus a {
	color: #EA7500;
}


/* Diaporamas */

/* hide from ie on mac \*/	
#flashcontent {
	/*width:400px;*/
	/*height: 300px;*/
	width:95%;
	/*height: 100%;*/
	height: 380px;
}
/* end hide */

/* Tableaux de tarifs (caracteristiques) */
	
table.calendrier {
	width: 95%;
	margin: 1em 0 2em;
	margin-right: 5%;
	border-collapse: collapse;
	border: 2px solid #669933;
	color: #000;
	background: #fff;
}
table.calendrier caption {
	display: none;
}
table.calendrier td, th {
	border: 1px solid #eee;
	padding: 0.5em;
}
table.calendrier thead th {
	border: 1px solid #eee;
	font-size: 1em;
	font-weight: normal;
	background: #CFE8B5;
}
table.calendrier tfoot th, table.calendrier tfoot td {
	border: 1px solid #eee;
	text-align: left;
	font-size: 1em;
	background: #e8e8cf;
}
table.calendrier tfoot th {
	font-weight: bold;
}
table.calendrier tbody th, tbody td, #pagesection1 table.calendrier td p {
	vertical-align: top;
	text-align: left;
}
table.calendrier tbody tr:hover {
	background: #ffffd9;
}
.droite tbody th, .droite tbody td {
	text-align: right;
}
#primary table.calendrier img {
	margin: 0;
	padding: 0;
}

/* Sitemap */

#sitemap {
	margin: 1em 0;
}

#sitemap a {
	color: #000;
}

/* FEU */

.logininfo { 
	margin: 1em 0;
	padding: 2px 0 0;
}
.logininfo div { padding: 0; margin: .5em 0; }
.logininfo label {display: block; float: left; width: 12em; font-weight: normal; color: #000; }
.logininfo input {padding: 0.25em; width: 30%; border: 1px solid #9966CC; }
.logininfo div.submit { width: auto; text-align: left; padding-left: 154px; }
.logininfo div.submit input { margin: 0; padding: 5px 10px; width: 25%; color: #fff; font-weight: bold; background: #9966CC; border: none; }
.logininfo p.erreur { margin: 1em 0; font-weight: bold; color: Red; }

.logoutinfo {
	float: right;
	text-align: right;
	width: 40%;
	margin: -45px 0 0;
	padding: .5em 1.3em .5em 0;
	border-bottom: 1px solid #006699;
}