﻿@charset "utf-8";
/*--------------------------	3wkom.net styles		--------------------------*/
*{
	margin: 0;
	padding: 0;
}
:focus{
	/*outline: 0;*/
}
body{
	background: #30302b url(/images/commun/bodyBg.gif) 0 0 repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d6d1b5;
}
#inline{
	background: #565651 none;
	text-align: justify;
}
#inline h2{
	background: #464641;
	padding: 20px;
	color: #f5db28;
}
#inline .box{
	float: left;
	border: none;
	padding: 20px;
	width: 408px!important;
	width: 388px;
}
#inline .pictures{
	float: left;
	padding: 20px 20px 0 0;
	width: 230px;
}
#inline .pictures img{
	border: 1px solid #6d6549;
	margin: 0 0 20px 0;
}

a{
	text-decoration: none;
	color: #f5db28;
}
a:hover{
	text-decoration: underline;
	color: #c5bd82;
}
a img{
	border: none;
}
ul{
	list-style: none;
}
h2{
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	color: #d6d1b5;
}
h2 strong{
	font-weight: bold;
	color: #f5db28;
}
h3{
	font-size: 18px;
	font-weight: normal;
}
h4{
}
fieldset{
	border: none;
}
input, select, textarea{
	border: 1px solid #8c8c89;
	color: #6b6b6a;
}
sup{
	font-size: 11px;
	text-transform: lowercase;
	font-family: "Courier New", Courier, monospace;
}

/*--------------------------	ref						--------------------------*/
h1{
	position: absolute;
	top: 3px;
	left: 0;
	/*padding-bottom: 2px;*/
}
h1, .baseline{
	font-size: 9px;
	font-weight: normal;
}
.baseline a, p.tags a{
	text-decoration: none;
	color: #69654A;
}
p.tags{
	font-size: 9px;
	text-align: center;
	color: #fff;
}
.baseline{
	margin: 0 auto;
	width: 980px;
	text-align: center;
	color: #69654A;
}

/*--------------------------	conteneur principal		--------------------------*/
#wrapper{
	background:url("/images/commun/corpsBg_1.jpg") center top no-repeat;
	width:100%;
}
#corps{
	margin:0 auto;
	width:1000px;
}
/*--------------------------	partie du haut			--------------------------*/
#header{
	position: relative;
	height: 242px;
	font-size: 12px;
	color: #312d2a;
}
#header a{
	color: #f5db28;
}
#header p{
	position: absolute;
	top:0;
	right: 148px;
	text-transform: uppercase;
	text-align:right;
	font-weight:bold;
	letter-spacing:1px;
	font-size: 22px;
	width:400px;
}
#header p strong{
	font-size:28px;
}
/*--------------------------	flags					--------------------------*/
#languages{
	display: block;
	float: left;
	padding: 4px 0 0 0;
	height: 11px;
}
#languages li{
	float: left;
	margin: 0 9px 0 0;
	width: 16px;
	height: 11px;
}
#languages a{
	display: block;
	float: left;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 11px 0 0 0;
	width: 16px;
	height: 0!important;
	height /**/: 11px;
}
#fr{
	background-image: url(/images/commun/flags/fr.gif);
}
#en{
	background-image: url(/images/commun/flags/en.gif);
}
#de{
	background-image: url(/images/commun/flags/de.gif);
}
#sp{
	background-image: url(/images/commun/flags/sp.gif);
}
#it{
	background-image: url(/images/commun/flags/it.gif);
}
#homePage{
	position: absolute;
	top: 23px;
	left: 160px;
	display: block;
	overflow: hidden;
	padding: 100px 0 0 0;
	width: 530px;
	height: 0!important;
	height /**/:100px;
}
#mainNav{
	position: absolute;
	bottom: 5px;
	right: 25px;
	height: 8px;
	line-height: 8px;
	text-transform: uppercase;
	font-size: 9px;
}
#mainNav li{
	float: left;
	background: url(/images/commun/bullet.gif) left center no-repeat;
	margin: 0 0 0 12px;
	padding: 0 0 0 17px;
	height: 8px;
}

#mainNav1{
	position: absolute;
	bottom: 28px !important;
	bottom:3px;
	right: 25px;
	height: 8px;
	line-height: 8px;
	text-transform: uppercase;
	font-size: 11px;
}
#mainNav1 li{
	float: left;
	padding: 0 0 0 10px;
}
#mainNav1 li a{
	background: url(/images/commun/accueil.jpg) left center no-repeat;
	padding:22px 2px 4px 35px;
	display:block;
	color:#fff;	
	letter-spacing:1px;
}
#mainNav1 li a.ami{
	background: url(/images/commun/ami.jpg) left center no-repeat;
	padding-left:39px;
}
#mainNav1 li a.espace{
	background: url(/images/commun/espace.jpg) left center no-repeat;
	padding-left:30px;
}
#mainNav1 li a.favoris{
	background: url(/images/commun/favoris.jpg) left center no-repeat;
}

/*--------------------------	contenu							--------------------------*/
#content{	
	background: #3c3c36 url(/images/commun/specialBg.gif) 0 0 no-repeat;
	padding: 0 24px 20px;
	width: 952px;
}

/*--------------------------	partie de gauche				--------------------------*/
#leftSide{
	float: left;
	padding: 0 4px 0 0;
	width: 192px;
	text-transform: uppercase;
}
.box{
	border: 1px solid #7d7d78;
	margin: 0 0 2px 0;
}
#leftSide dl{
	margin: 0 0 5px 0;
}
#leftSide dt, #leftSide dd{
	background-color: #565651;
	border: 1px solid #7d7d78;
	margin: 0 0 2px 0;
}
#leftSide dt{
	display: block;
	padding: 10px 14px 6px 20px;
	font-size: 14px;
	font-weight: bold;
}
.specialBg2{
	background: #565651 url(/images/commun/specialBg2.gif) 0 0 no-repeat!important;
	background: #565651 url(/images/commun/specialBg2.gif) 1px 1px no-repeat;
}
#leftSide dt a, #leftSide dt{
	color: #f5db28;
}
#leftSide dt.quisommesnousdt{
    padding: 0;
    height: 83px;
    overflow: hidden;
}
#leftSide dd{
	padding: 15px 10px 10px 15px;
}
#leftSide dd li{
	background: url(/images/commun/bullet.gif) left 4px no-repeat;
	margin: 0 0 11px 0;
	padding: 0 0 0 17px;
	/*line-height: 10px;*/
}
#leftSide dd a{
	color: #c5bd82;
}
#leftSide #leftContact li{
	font-size: 11px;
	text-transform:uppercase;
	color:#c5bd82;
	text-indent:17px;
	padding:0;
	line-height:15px;
	margin-bottom:2px;
}
#leftContact dt{
	background:url("../images/commun/contact.jpg") 0 0 no-repeat;
	overflow: hidden;
	padding:35px 0 0 0;
	height:0 !important;
	height /**/: 35px;
	margin:0;
	border-bottom:0;
}
#leftContact dd{
	background-color:#2f2b25;
	border-top:0;
	/*height:117px;*/
}
#leftContact dd a{
	color:#d3bf31;
	text-transform:none;
}

/*liste*/
.backToMap{
	display: block;
	overflow: hidden;
	background: url(/images/commun/backToMap.gif) 0 0 no-repeat;
	border: 1px solid #7d7d78;
	margin: 0 0 8px 0;
	padding: 45px 0 0 0;
	width: 190px;
	height: 0!important;
	height /**/: 45px;
}
#leftSide h2.currentOnMap a{
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 71px 0 0 0;
	margin: 0 0 8px 0;
	width: 192px;
	height: 0!important;
	height /**/: 71px;
	color: #ddc62a;
}
#rightSide .pub{
	background:transparent url(/images/commun2/etoile-fr.gif) no-repeat scroll 0 0;
	display:block;
	float:right;
	height:201px;
	margin-top:7px;
	overflow:hidden;
	width:182px;
	text-indent:-5000px;
}
#rightSide .puboffre{
	background:url("/images/commun/guide.png") 0 0 no-repeat;
	float:left;
	margin-top:336px;
	margin-left:45px;
	z-index:5;
	display: block;
	overflow: hidden;
	padding: 169px 0 0 0;
	width: 171px;
	height :171px;
	text-indent:-5000px;
}
#rightSide #pub_book{
	top:115px;
	right:15px;
}
#leftSide h2.is1 a{
	background-image: url(/images/map2/botswana.jpg);
}
#leftSide h2.is2 a{
	background-image: url(/images/map2/kenya.jpg);
}
#leftSide h2.is3 a{
	background-image: url(/images/map2/maroc.jpg);
}
#leftSide h2.is5 a{
	background-image: url(/images/map2/namibie.jpg);
}
#leftSide h2.is6 a{
	background-image: url(/images/map2/ouganda.jpg);
}
#leftSide h2.is7 a{
	background-image: url(/images/map2/rsa.jpg);
}
#leftSide h2.is8 a{
	background-image: url(/images/map2/tanzanie.jpg);
}
#leftSide h2.is9 a{
	background-image: url(/images/map2/zambie.jpg);
}
#leftSide h2.is10 a{
	background-image: url(/images/map2/zimbabwe.jpg);
}
#leftSide h2.is13 a{
	background-image: url(/images/map2/ethiopie.jpg);
}
#leftSide h2.is14 a{
	background-image: url(/images/map2/soudan.jpg);
}
#leftSide h2.is15 a{
	background-image: url(/images/map2/egypte.jpg);
}
#leftSide h2.is16 a{
	background-image: url(/images/map2/libye.jpg);
}
#leftSide h2.is17 a{
	background-image: url(/images/map2/mauritanie.jpg);
}
#leftSide h2.is18 a{
	background-image: url(/images/map2/senegal.jpg);
}
#leftSide h2.is19 a{
	background-image: url(/images/map2/tunisie.jpg);
}
#leftSide h2.is20 a{
	background-image: url(/images/map2/mozambique.jpg);
}
#leftSide h2.is21 a{
	background-image: url(/images/map2/malawi.jpg);
}
#leftSide h2.is22 a{
	background-image: url(/images/map2/djibouti.jpg);
}
#leftSide h2.is23 a{
	background-image: url(/images/map2/mali.jpg);
}
#leftSide h2.is24 a{
	background-image: url(/images/map2/togo.jpg);
}
#leftSide h2.is25 a{
	background-image: url(/images/map2/benin.jpg);
}
#leftSide h2.is26 a{
	background-image: url(/images/map2/ghana.jpg);
}
#leftSide h2.is27 a{
	background-image: url(/images/map2/burkina-faso.jpg);
}
#leftSide h2.is28 a{
	background-image: url(/images/map2/niger.jpg);
}
#leftSide h2.is29 a{
	background-image: url(/images/map2/swaziland.jpg);
}
#leftSide h2.is30 a{
	background-image: url(/images/map2/ile-de-zanzibar.jpg);
}

/*old version*/
#leftSide dl.currentOnMap{
	position: relative;
	background: #565651 url(/images/map2/smallMap.gif) 2px 6px no-repeat;
	border: 1px solid #7d7d78;
	margin: 0 0 8px 0;
	height: 69px;
	color: #ddc62a;
}
#leftSide dl.currentOnMap dt, #leftSide dl.currentOnMap dd{
	border: none;
	margin: 0;
}
#leftSide dl.currentOnMap dt{
	position: absolute;
	overflow: hidden;
	background: url(/images/map2/star.gif) 0 0 no-repeat;
	border: none;
	padding: 16px 0 0 0;
	width: 16px;
	height: 0!important;
	height /**/: 16px;
}
#leftSide dl.currentOnMap dd{
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
}
#leftSide .currentOnMap h2{
	font-size: 18px;
	color: #ddc62a;
}
#star1{
	top: 26px;
	left: 42px;
}
/*--------------------------	partie de droite					--------------------------*/
#rightSide{
	float: left;
	width: 755px;
}
#cateimg{
	padding:0;
	border:1px solid #7D7D78;
	position:relative;
	width:753px;
	height:166px;
	margin-bottom:2px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}
#cateimg img{
	border:0;
	width:753px;
	height:148px;
	top:0;
}

/*accueil*/
.mapTip{
	position: absolute;
	top: 24px;
	right: 17px;
	overflow: hidden;
	background: url(/images/commun/tipBg.gif) 0 0 no-repeat;
	padding: 75px 0 0 0;
	width: 288px;
	height: 0!important;
	height /**/: 75px;
	z-index: 1000;
}

/*liste*/
.list dl{
	border: 1px solid #7d7d78;
	margin: 0 0 5px 0;
}
.list dt{
	display: block;
	background: #464641;
	padding: 18px 5px 14px 19px;
	font-size: 20px;
	text-transform: uppercase;
}
.list dt a{
	color: #d6d1b5;
}
.list dt a strong{
	color: #ddc62a;
}
.list dd{
	position: relative;
	padding: 5px 5px 12px 19px;
	/*height: 148px;*/
	height:auto!important;
	height:148px;
	min-height:148px;
}
.list h3{
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: normal;
}
.list h3 strong, .list h3 span{
	color: #ddc62a;
}
.list h3 strong{
	font-weight: bold;
}
.list p, .abstract{
	width: 420px;
	line-height: 18px;
	font-size: 14px;
}

.list p{
}
.abstract1{
	line-height: 18px;
	font-size: 14px;
}
.list .more{
	position: absolute;
	bottom: 5px;
	right: 320px;
	background: url(/images/commun/bullet.gif) left 8px no-repeat;
	padding:4px 0 0 17px;
	width:74px;
	text-align:right;
	white-space:nowrap;
}
.list img{
	position: absolute;
	top: 5px;
	border: 1px solid #6d6549;
}
.prodImg{
	right: 160px;
}
.prodMap{
	right: 5px;
}
/*scroll*/
.scrollOuter{
	position: relative;
	overflow-y: hidden;
	width: 375px;
	height: 110px;
	margin: 0 15px 0 0;
}
.scrollInner{
}
.scrollHandles{
	position:absolute;
	top: 0;
	right: 0;
	width: 11px;
	height: 90px;
	background:#464641;
}
.scrollHandles img{
	position: absolute;
	right: 0;
	width: 11px;
	height: 7px;
}
.up, .down{
	position: absolute;
	right: 0;
	display: block;
	overflow: hidden;
	padding: 7px 0 0 0;
	width: 11px;
	height: 0!important;
	height /**/: 7px;
}
.up{
	top: 0;
	background: url("/images/commun2/up.gif") 0 0 no-repeat;
}
.down{
	bottom: 0;
	background: url("/images/commun2/down.gif") 0 0 no-repeat;
}

/*pages statiques et infos*/
#rightSide.static{
	/*background: #565651;
	width: 713px;*/
}
.static{
	float: left;
	/*border: 1px solid #7d7d78;
	margin: 0 0 2px 0;
	padding: 20px;*/
}
.static h2{
	background: #4C4D48;
	border: 1px solid #7d7d78;
	margin: 0 0 10px 0;
	padding: 5px 20px 4px;
	color: #f5db28;
}
.staticContent{
	background: #565651;
	border: 1px solid #7d7d78;
	margin: 0 0 10px 0;
	padding: 20px;
}
.static img{
	border: 1px solid #6d6549;
	margin: 2px;
}

/*produit*/

.product h2{
	clear: both;
	background: #464641;
	border: 1px solid #7d7d78;
	border-bottom: none;
	padding: 18px 5px 14px 19px;
	font-size: 20px;
	text-transform: uppercase;
}
.refPrice{
	background: #464641;
	border: 1px solid #7d7d78;
	border-top: none;
	margin: 0 0 5px 0;
	padding: 0 5px 7px 19px;
	font-size: 20px;
}
.priceHolder1{
	font-size:14px;
	display:block;
	/*padding-bottom:10px;*/
}
.refPrice strong, .refright{
	color: #ddc62a;
}
.refright.petit{
	font-size:14px;
}
.days{
	float: left;
	background: #464641;
	border: 1px solid #7d7d78;
	margin: 0 5px 10px 0;
	padding: 15px 0 14px 0;
	width: 500px;
	height: auto!important;
	height: 1px;
	font-size: 11px;
	text-transform: uppercase;
}
.days li{
	position: relative;
	border-bottom: 1px solid #7d7d78;
	margin: 0 0 6px 0;
	padding: 0 5px 4px 95px;
	width: 400px;
}
.days li.last{
	border-bottom: none
}
.days a{
	color: #d6d1b5;
}
.days a strong, .days a span{
	position: absolute;
	font-weight: bold;
	color: #ddc62a;
	cursor: pointer;
}
.days a:hover strong, .days a:hover span{
}
.days a strong{
	top: -2px;
	left: 19px;
	text-decoration: none;
	/*font-family: "Courier New", Courier, monospace;*/
}
.days a span{
	top: 0;
	left: 30px;
}
.days a:hover span{
	text-decoration: underline;
}
.product .prodMap{
	float: left;
	background: #565651;
	border: 1px solid #7d7d78;
	padding: 8px 6px;
}
.product .prodImg img{
	border: 1px solid #726847;
}

.notice{
	clear: both;
	background: url(/images/icons/star2.gif) left top no-repeat;
	margin: 0 0 5px 0;
	padding: 0 0 0 16px;
	height: 15px;
	font-size: 11px;
}
.notice span{
	background: url(/images/icons/square.gif) right center no-repeat;
	padding: 0 12px 0 0;
}

#accordion{
	clear: both;
}
#accordion dl, .prixComprend{
	background: #565651;
	border: 1px solid #7d7d78;
	margin: 0 0 5px 0;
}
.mon_devis{
	background: url("../images/commun2/bg_devis.jpg") 50% 50% no-repeat;
	padding:0;
}
#accordion dl.mon_devis{
	background: url("../images/commun2/bg_devis.jpg");
	border: 1px solid #7d7d78;
	margin: 0 0 5px 0;
}
#accordion dl.mon_devis dt.normal{
	background:none;
	color:#fff;
}
.mon_devis{
	zoom:1;
}
/*espace*/
.espace_membre{
	border:1px solid #999;
	padding:0;
}
dl.espace_membre dt.normal{
	background:#7D7D78;
	color:#fff;
	border-bottom: 1px solid #9a9a9a;
	margin: 0 0 5px 0;
}
.espace_membre{
	zoom:1;
}
.product dt{
	display: block;
	background: #464641;
	padding: 18px 20px 15px 16px;
	height: auto!important;
	height: 1px;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	color: #ddc62a;
}
.product dt span{
}
.product dt strong{
	color: #dfdabc;
}
.text{
	float: left;
	margin: 0 25px 0 0;
	padding: 20px 0 10px 20px;
	width: 462px;
	line-height: 16px;
	text-align: justify;
}
.text p{
	margin: 0 0 15px 0;
}
.image{
	float: left;
	margin: 25px 0 0 0;
	width: 232px;
}
.image img{
	border: 1px solid #726847;
	margin: 0 0 10px 0;
}
.goTop a{
	clear: both;
	display: block;
	background: url(/images/icons/up.gif) 0 0 no-repeat;
	margin: 30px 0 10px 20px;
	padding: 10px 0 0 14px;
	height: 14px;
}
.form fieldset{
	clear: both;
	background: #464641;
	padding: 14px 5px 14px 20px;
	line-height:22px;
	/*height: 26px;*/
}
.form fieldset li{
	float: left;
	padding: 0 0 0 30px;
}
.form fieldset li.first{
	margin: 0;
}
.form fieldset label{
	float: left;
	font-size:14px;
	font-weight:bold;
	color:#DDC62A;
	margin: 0 5px 0 0;
}
.form fieldset input{
	float: left;
	border: none;
	width: 12px;
	height: 12px;
}
.form label a{
	color: #d6d1b5;
}
.form .submit{
	right: 10px;
	bottom: 10px;
	width: 280px;
	font-weight: bold;
	cursor: pointer;
}
#optionsContainer{
	display: none;
}
#priceContainer{
	display: none;
	position: fixed;
	bottom: 10px;
	left: 10px;
	background:url("../images/commun2/bg_devis.jpg") 50% 50% no-repeat;
	border: 1px solid #7d7d78;
	padding: 10px;
	font-size: 16px;
	line-height:20px;
	color: #fff;
}
* html #priceContainer {
	position:absolute;
}
#priceContainer a.close {
	position: absolute;
	display: block;
	background:  url(/images/map2/close.gif) no-repeat;
	width: 16px;
	height: 16px;
	top: -16px;
	right: -16px;
}
#priceContainer a{
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}
#priceContainer a:hover{
	color:#000;
}
/*contact*/
.reminder{
	background: #565651;
	margin: 0 0 5px 0;
}
.reminder table{
	border: 1px solid #7d7d78;
	border-collapse: collapse;
	width: 100%;
}
.supplement{
	/*background-color: #993300;*/
	width: 80px;
}
.odd{
	background-color: #4F4F4A;
}
.reminder th{
	text-align: left;
}
.reminder th.right{
	text-align: right;
}
.reminder th, .reminder td{
	border: 1px solid #7d7d78;
	padding: 3px 5px;
}
.reminder .price{
	font-size: 20px;
	text-align: right;
	color: #f5db28;
}
.reminder td.right{
	/*text-align: right;*/
}
.reminerHeader{
	background: #464641;
	text-transform: uppercase;
}
.reminerHeader h2{
	margin: 0;
	padding: 0;
	font-size: 20px;
}
.reminder h3{
	margin: 0;
	padding: 0;
}
.contact form{
	position: relative;
	background: #565651;
	border: 1px solid #7d7d78;
	padding: 35px 76px 80px;
}
.contact h2{
	margin: 0 0 20px 0;
}
.userInfos{
	color: #ddc62a;
}
.userInfos li{
	position: relative;
	clear: both;
	margin: 0 0 9px 0;
	height: 21px;
}
.userInfos li label{
	display: block;
	float: left;
	background: #464641;
	margin: 0 2px 0 0;
	padding: 3px 0 3px 8px;
	width: 121px;
	height: 15px;
	font-weight: bold;
}
.userInfos li input{
	display: block;
	float: left;
	background: #464641;
	border: none;
	width: 467px;
	height: 21px;
	color: #ddc62a;
}
.userInfos li select{
	display: block;
	float: left;
	background: #464641;
	border: none;
	width: 467px;
	height: 21px;
	color: #ddc62a;
}
.userInfos li textarea{
	display: block;
	float: left;
	background: #464641;
	border: none;
	overflow: auto;
	width: 469px;
	height: 50px;
	color: #ddc62a;
}

.userInfos1{
	color: #000;
	width:455px;
	float:left;
}
.userInfos1 li{
	position: relative;
	clear: both;
	margin: 0 0 9px 0;
	padding:1px 0;
	height: 21px;
	text-transform:uppercase;
	font-size:11px;
	background-color: #fbf8ed;
	float:left;
	width:456px;
}
.userInfos1 li label{
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding:4px 0 0 8px;
	height: 15px;
	font-weight: bold;
}
.userInfos1 li input, .userInfos1 li select, .userInfos1 li textarea{
	display: block;
	float: left;
	background-color: #30302b;
	border: 0;
	width: 158px;
	height: 17px;
	padding:2px;
	color: #fff;
	font-weight:bold;
}
.userInfos1 li select{
	width: 60px;
	height: 21px;
}
.userInfos1 li textarea{
	width: 440px;
	height: 75px;
	margin-left:6px;
}
.userInfos1 li .fright{
	margin-right:1px;
	float:right; 
}
.userInfos1 .errorMessage{
	/*color:#EF6868;*/
	color:#cf0000;
	z-index:999;
	display:block;
	padding:1px;
	position: absolute;
	right:0;
	top:-13px;
	font:bold 8pt tahoma;
	text-transform:lowercase;
}
#dates1 span.block{
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
#dates1 input{
	width: 150px;
	/*margin: 0 5px;*/
}
#dates1{position:relative;}
#dates1 button{
	display: block;
	float: left;
	width: 19px;
	height: 21px;
	position:absolute;
	right:-9px;
}

#arrival1{
	display: block;
	float: left;
	width: 20px;
	position:absolute;
	right:10px;
}
.userInfos2{
	color: #fff;
	width:245px;
	height:270px;
	float:left;
	margin-left:20px;
}
.userInfos3{
	color: #dfdabc;
	width:245px;
	height:270px;
	margin:0 auto;
}
.userInfos2 li, .userInfos3 li{
	position: relative;
	clear: both;
	margin: 0 0 9px 0;
	height: 21px;
}

.userInfos2 li label, .userInfos3 li label{
	color:#000;
	display: block;
	float: left;
	margin: 0 2px 0 0;
	padding: 3px 0;
	height: 15px;
	font-weight: bold;
	text-transform:uppercase;
}
.userInfos2 li input, .userInfos3 li input{
	display: block;
	float: left;
	background: #464641;
	border: none;
	width: 467px;
	height: 21px;
	color: #ddc62a;
}

#dates span.block{
	display: block;
	float: left;
	margin: 0 10px 0 0;
}
#dates input{
	width: 150px;
	/*margin: 0 5px;*/
}
#dates button{
	display: block;
	float: left;
	margin: 0 20px 0 0;
	width: 20px;
	height: 20px;
}
#arrival button{
	display: block;
	float: left;
	margin: 0 20px 0 0;
	width: 20px;
	height: 20px;
}
.additional{
	padding: 20px 0 20px 0!important;
	padding: 0 0 20px 0;
	width: 600px;
	height: 26px;
}
.additional li{
	position: relative;
	float: left;
	margin: 0 0 0 62px;
	padding: 0 20px 0 0;
}
.additional li.first{
	margin: 0;
}
.additional input{
	position: absolute;
	top: 2px;
	right: 0;
	border: none;
	width: 12px;
	height: 12px;
}
.reset, .submit{
	position: absolute;
	bottom: 50px;
	border: 1px solid #8c8c89;
	background: url(/images/commun2/gradiantBg.gif) 0 0 repeat-x;
	height: 19px;
}
.submit{
	right: 76px;
	width: 135px;
	color: #ddc62a;
}
.reset{
	right: 215px;
	width: 70px;
	color: #dfdabc;
}
.submit_demande{
	position: absolute;
	bottom: 10px;
	right: 14px;
	background:url("../images/commun2/demande-information.gif") 0 0 no-repeat;
	display:block;
	width:360px;
	height:27px;
	border:1px solid #8c8c89;
}
.submit_demande:hover{
	text-decoration:none;
}
#form1 .ssubmit{
	background:url("../images/commun2/submit.gif") 0 0 no-repeat;
	display:block;
	width:142px;
	cursor:pointer;
	height: 27px;
	border:1px solid #dbc369;
}
#form1 .rreset{
	background:url("../images/commun2/reset.gif") 0 0 no-repeat;
	display:block;
	width:99px;
	cursor:pointer;
	height: 27px;
	border:1px solid #dbc369;
	float:right;
}
/*validate*/
#contactForm .red{
	border: 1px solid #d6d1b5;
	height: 19px;
}
#form1 .red,#securite2 .captcha.red{
	background-color:#9F8181;
}
#contactForm input.red{
	width: 467px;
	height: 19px;
}
#contactForm #dates input.red {
	width: 148px;
}
#contactForm textarea.red {
	width: 467px;
	height: 48px;
}
#contactForm label.red {
	border: none;
	color: red;
}
#contactForm .customRed {
	border: none;
	color: red;
}
#validationMessage {
	display: none;
}

#contactForm .errorMessage {
	position: absolute;
	top: 3px;
	right: -4px;
	float: none;
	background: url(/images/icons/stop.gif) 0 0 no-repeat;
	overflow: hidden;
	padding: 14px 0 0 0;
	width: 14px;
	height: 0!important;
	height /**/: 14px;
}

/*--------------------------	footer								--------------------------*/
#footer{
	clear: both;
	margin: 7px auto;
	width: 1000px;
	text-align: center;
	color: #69654A;
}
#footer p{
	margin: 0 0 10px 0;
}
#footer a{
	color: #69654A;
}

/*--------------------------	classes communes					--------------------------*/
.relative{
	position: relative;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.fnone{
	float: none;
}
.clear{
	clear: both;
}
.lclear{
	clear: left;
}
.rclear{
	clear: right;
}
.noHeight{
	display: block;
	margin-top: -1px;
	height: 1px;
	line-height: 1px;
	font-size:1px;
}
.fivePixHeight{
	display: block;
	height: 5px;
	line-height: 5px;
}
.block{
	display: block;
}
.hidden, #corps #leftSide form input.hidden{
	display: none;
}
.padded{
	padding: 10px 15px;
}
.padded1{
	padding: 10px 5px 10px 15px;
}
.nomargin{
	margin: 0;
}
.noborder{
	border: none;
}
.norborder{
	border-right: none;
}
.nobborder{
	border-bottom: none;
}
.notborder{
	border-top: none;
}
.nolborder{
	border-left: none;
}
.padded{
	padding: 20px;
}
.bordered{
	border: 1px solid #7d7d78;
}
.grey{
	background: #565651;
}
.bold{
	font-weight: bold;
}
.italic{
	font-style: italic;
}
.autoWidth{
	width: auto;
}
.autoHeight{
	height: auto;
}
.small{
	font-size:9px;
}
.tenPixSize{
	font-size: 10px;
}
.medium{
	font-size: 14px;
}
.big{
	font-size: 24px;
}
.yellow{
	color: #ddc62a;
}
.error{
	color: #FF0000;
}

/*--------------------------	carte						--------------------------*/
dl.map .message_index{
	background:url("/images/map2/msg.gif") 0 0 no-repeat;
	text-align:left;
	width:591px;
	height:168px;
	position:absolute;
	bottom:25px;
	left:0;
	z-index:0;
}
dl.map .message_index_1{
	text-align:left;
	color:#eab714;
	font:normal 14px Tahoma, Arial;
	width:98%;
	position:absolute;
	bottom:20px;
	left:20px;
	z-index:0;
}
.message_index p{
	padding:10px 0 0 20px;
}
.message_index .msg1{
	font:22px/26px "MyriadPro-Bold" tahoma;
	color:#fff;
	padding:16px 0 0 20px;
	width:280px;
}
.message_index .msg2{
	font:normal 18px/22px "MyriadPro-Black" tahoma;
	color:#eab714;
	text-transform:uppercase;
}
dl.map.on {
	position: relative;
	background:#69654a url("/images/map2/map.gif") 20px 70px no-repeat;
	border: 1px solid #7d7d78;
	width:588px;
	height:866px;
	text-align:center;
	float:left;
}
.staticContent_back{
	background:#69654a;
	border: 1px solid #7d7d78;
	border-top:0;
	padding:10px 0;
}
.staticContent1{
	background:#b2a37f;
	color:#121212;
	text-align:left;
	padding:24px;
	width:674px;
	margin:0 auto;
}
.staticContent1 .jaune{
	color:#f5db28;
	font-size:14px;
	font-weight:bold;
}
dl.map.on dt {
	list-style: none;
	display: inline;
}
dl.map.on dd {
	position: absolute;
	left: -9999px;
	width: 136px;
	padding: 4px;
	border: #222 2px solid;
	background: transparent url(/images/map/tooltip-bg.png);
	z-index: 11;
	font-size: 0.8em;
	color: #FFF;
}
dl.map.on dd h6 {
	font-size: 1.2em;
	color: #FFF;
	text-align: center;
}
dl.map.on dd img {
	position: relative;
	border: #000 1px solid;
	margin: 2px;
	width: 128px;
}
dl.map.on dd ul {
	margin: 2px;
}
dl.map.on dd ul li strong {
	font-size: 1.3em;
}
dl.map.on a.location {
	display: block;
	position: absolute;
	text-indent: -9999px;
	background:  url(/images/map2/point.png) no-repeat;
	width: 23px;
	height: 23px;
	outline: none;
	z-index:1;
	text-decoration: none;
}
dl.map.on a.location:hover {
	background:  url(/images/map2/point-hover.png) no-repeat 0 0;
}
dl.map.on dd a {
}
dl.map.on dd a:hover {
	text-decoration: none;
	color: #fff;
}
dl.map.on dd a.close {
	position: relative;
	float: right;
	color: #000;
	background:  url(/images/map/close.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
	height: 16px;
	width: 16px;
	margin: -10px -10px 0 0;
	text-decoration: none;
	z-index:1;
}
#dd_none dd{
	display:none;
	z-index:1;
}
#dd_none{
	border-bottom:1px solid #7d7d78;
}
/****index pays ****/
/*botswana*/
dl.map.on a#location1 {
	left:312px;
	top:468px;
}
/*kenya*/
dl.map.on a#location2 {
	left:400px;
	top:324px;
}
/*maroc*/
dl.map.on a#location3 {
	left:105px;
	top:92px;
}
/*namibie*/
dl.map.on a#location5 {
	left:257px;
	top:468px;
}
/*ouganda*/
dl.map.on a#location6 {
	left:370px;
	top:314px;
}
/*rsa*/
dl.map.on a#location7 {
	left:285px;
	top:540px;
}
/*tanzanie*/
dl.map.on a#location8 {
	left:381px;
	top:351px;
}
/*zambie*/
dl.map.on a#location9 {
	left:328px;
	top:423px;
}
/*zimbabwe*/
dl.map.on a#location10 {
	left:348px;
	top:448px;
}
/*ethiopie*/
dl.map.on a#location13 {
	left:401px;
	top:254px;
}
/*soudan*/
dl.map.on a#location14 {
	left:334px;
	top:220px;
}
/*egypte*/
dl.map.on a#location15 {
	left:343px;
	top:142px;
}
/*libye*/
dl.map.on a#location16 {
	left:243px;
	top:116px;
}
/*mauritanie*/
dl.map.on a#location17 {
	left:61px;
	top:192px;
}
/*senegal*/
dl.map.on a#location18 {
	left:34px;
	top:219px;
}
/*Tunisie*/
dl.map.on a#location19 {
	left:201px;
	top:69px;
}
/*Mozambique*/
dl.map.on a#location20 {
	left:409px;
	top:432px;
}
/*Malawi*/
dl.map.on a#location21 {
	left:384px;
	top:415px;
}
/*Djibouti*/
dl.map.on a#location22 {
	left:434px;
	top:229px;
}
/*Mali*/
dl.map.on a#location23{
	left:118px;
	top:200px;
}
/*Togo*/
dl.map.on a#location24{
	left:171px;
	top:249px;
}
/*Benin*/
dl.map.on a#location25{
	left:156px;
	top:291px;
}
/*Ghana*/
dl.map.on a#location26{
	left:124px;
	top:279px;
}
/*Burkina Faso*/
dl.map.on a#location27{
	left:144px;
	top:236px;
}
/*Niger*/
dl.map.on a#location28{
	left:206px;
	top:193px;
}
/*Swaziland*/
dl.map.on a#location29{
	left:358px;
	top:515px;
}
/*île de Zanzibar*/
dl.map.on a#location30{
	left:448px;
	top:382px;
}


.aleft{
	border:1px solid #7b7b77;
	margin-bottom:5px;
	display:block;
}
/*guide*/
#guide{
	width:716px;
	float:left;
}
#guide h2{
	padding-bottom:18px;
	font-size:26px;
}
#guide h2 .span1{
	color:#ddc62a;	
}
#guide h2 .span2{
	color:#d6d1b5;
}
#guide dl{
	border:1px solid #8c8c89;
	margin:0 9px 9px 0;
	float:left;
	width:350px;
}
#guide .none{
	margin:0 0 9px 0;
}
#guide dt{
	width:110px;
	height:83px;
	float:left;
}
#guide dd{
	width:224px;
	padding:5px 8px;
	float:left;
	font-size:11px;
}
#guide dd div{
	height:32px;
	overflow:hidden;
}
#guide dd h3{
	color:#ddc62a;
	padding-bottom:2px;
}
#guide dd .more, .guide_desc .more, #book .more{
	background: url(/images/commun/bullet.gif) 0 7px no-repeat;
	padding:4px 0 0 17px;
	text-transform:uppercase;
	font-size:10px;
}
.guide_desc{
	width: 374px;
	text-align:justify;
	line-height:16px;
}
.guide_desc h2{
	line-height:36px;
}
.guide_desc .jaune{
	color:#ddc62a;
	font:bold 14px Arial;
	text-transform:capitalize;
	padding:0;
}
.guide_desc p{
	padding-bottom:15px
}
.guide_pict{
	width: 331px;
}
.guide_pict img{
	border:1px solid #8c8c89;
	width: 329px;
	margin-bottom:5px;
}

#book .h3{
	color:#ddc62a;
	font:bold 14px Arial;
	padding-bottom:20px;	
}
#book .span{
	color:#ddc62a;
	font:bold 14px Arial;
}
#book .details{
	background-color:#6d6d68;
	border:1px solid #8c8c89;
	padding:15px;
	line-height:16px;
}
#book .span3{
	color:#d6d1b5;
	font-size:12px;
	font-weight:normal;
}
#book .strong3{
	color:#d6d1b5;
	font-size:14px;
	font-weight:bold;
}
#book .jaune{
	color:#ddc62a;
}
#pos_book{
	position:absolute;
	top:10px;
	left:15px;
}

.quisommesnous{
	width:190px;
	height:83px;
	display:block;
	background:url("../images/commun/qui-sommes-nous.jpg") 0 0 no-repeat;
	border:0px solid #7d7d78;
	margin-bottom:0;
	
	overflow: hidden;
	padding:83px 0 0 0;
	height:0 !important;
	height /**/: 83px;
}
#circuit_a_la_carte, #auto_tours, #grands_treks, #fetes_africaines, #voyages_scientifiques, #livres_musiques{overflow:hidden;height:85px;}
#leftSide .circuitscarte{
	border:1px solid #7d7d78;
	padding:0;
	height:83px;
	display:block;
}
#leftSide .circuitscarte img{
	height:83px;
}
#menucircuitscarte, #menulivrescartes, #menuguideanimalier, #menuvoyagesscientifiques{
	background-color:#2f2b25;
	display:block;
	margin-top:-3px;
}



/*captcha*/
/*small*/
#securite1{
	padding-top:10px;
	position:relative;
	height:80px;
}
#securite1 .error, #securite1 .rouge{
	font:bold 12px tahoma;	
	color:#DF6161;
	position:absolute;
	width:330px;
	top:46px;
}
#securite1 #txt{
	position:absolute;
	top:5px;
	left:0;
	width:126px;
	padding-left:2px;
}
#securite1 .captcha{
	border:1px solid #e0e1e3;
	width:44px;
	height:27px;
	text-align:center;
	letter-spacing:5px;
	font-size:18px;
	color:#62b9dc;
	padding:6px 2px 2px;
	position:absolute;
	right:3px;
	top:3px;
}
#securite1 .captcha.red{
	width:44px;
	height:27px;
	padding:6px 2px 2px;
}
#securite1 #securite_capt .errorMessage{
	background-position:100% 50%;
	padding:18px 0;
}
#securite1 .captcha_1{
	width:364px;
	padding:2px 53px 20px 55px;
	position:absolute;
	left:131px;
	top:2px;
}
#securite1 .bold{
	color:#cf0000;
	font:bold 11px arial;
	position:absolute;
	top:25px;
	left:30px;
}
#securite1 img{
	border:1px solid #B0B0AF;
	position:absolute;
	top:3px;
	left:0;
}
#securite1 input{
	width:0;
	padding:0;
	border:0;
}
.userInfos2 li.li_height_capt{
	height:80px !important;
	height:75px;
}
/*scurite style 2*/
#securite2{
	padding-top:10px;
	position:relative;
	height:60px;
}
#securite2 .error, #securite2 .rouge{
	font:bold 10px tahoma;	
	color:#BF3B3B;
	/*color:#cf0000;*/
	/*color:#EF6868;*/
	position:absolute;
	width:260px;
	top:70px;
}
#securite2 #txt{
	position:absolute;
	top:5px;
	left:0;
	width:250px;
	padding-left:2px;
}
#securite2 .captcha{
	border:4px solid #FBF8ED;
	background-color:#30302B;
	width:40px;
	height:24px;
	text-align:center;
	letter-spacing:5px;
	font-size:18px;
	color:#62b9dc;
	padding:6px 2px 2px;
	position:absolute;
	right:4px;
	top:3px;
}
#securite2 #securite_capt .errorMessage{
	background-position:100% 50%;
	padding:18px 0;
}
#securite2 .captcha_1{
	width:140px;
	padding:2px 50px 20px 60px;
	position:absolute;
	left:0;
	top:26px;
	font-size:10px;
}
#securite2 .bold{
	color:#cf0000;
	font:bold 11px arial;
	position:absolute;
	top:25px;
	left:30px;
}
#securite2 img{
	border:1px solid #B0B0AF;
	position:absolute;
	top:3px;
	left:0;
}
#securite2 input{
	width:0;
	padding:0;
	border:0;
}

.hidden{
	display:none;
}

#book .h3click{
	cursor:pointer;
	margin:10px 0 0px;
	padding:0;	
}
#book .details{border:4px solid #D6D1B5;}
.legende{
	color:#D6D1B5;
	font:bold 10px/14px tahoma;
	border:1px solid #8C8C89;
	border-top:0;
	margin:-5px 0 10px 0;
	padding:4px;
}
.product .normal{
	font-weight:lighter;
	font-size:24px;
}
.title_devis{
	color:#ddc62a;
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase; 
}
#devis{
	
}
.taxes{
	/*background-color:#464641;*/
	font-size:10px;
	font-weight:normal;
	padding:4px 0 4px 2px;
	white-space:nowrap; 
	margin:0 -5px -10px -15px;
	height:12px;
}
.oblig{
	font-size:14px;
	line-height:10px;
	color:#000;	
}
.oblig1{
	font-size:12px;
	color:#000;	
}
.userInfos2 li.personnel{
	height:140px;
	width:260px;
	padding-top:2px;
}
.personnel img{
	border:1px solid #6f6648;
	float:left;
}
.ulperso{
	float:left;
	padding-left:6px;
	font-weight:bold;
	width:146px;
}
.ulperso li{
	width:160px;
	height:32px;
	margin:0;
}

#ami{
	background-image:none;
}
.options{
	text-transform:uppercase;
}
.form .options{
	padding:0;
}
.relative{
	position:relative;
	height:auto !important;
	height:1px;
}

/*menu technique*/
.menu_tech{
	float:right;
	width:161px;
}
.menu_tech li{
	margin-bottom:5px;
	height:92px;
	width:162px;
	text-align:center;
}
.menu_tech li.none{
	padding:0;
}
.menu_tech li.none1{
	/*padding-right:3px;*/
}
.menu_tech a{
	display:block;
	border:1px solid #a4a4a1;
}

#guide_animalier{
	position:relative;
}
#menu_animalier{
	width:160px;
	height:20px;
	position:absolute;
	bottom:1px;
	left:1px;
	display:block;
	overflow:hidden;
}
#menu_animalier li{
	float:left;
	margin-bottom:0;
	height:20px;
	margin-left:0;
}
#menu_animalier li a{
	display:block;
	border:0;
	background-color:#2F2B25;
	width:160px;
	height:20px;
	color:#C5BD82;
	text-align:center;
	line-height:20px;
	border-top:1px solid #a4a4a1;
}
body#musique_africa{
	background:#000;
	margin:0 auto;
}
#musique{
	background-color:#000;
	width:696px;
	padding:4px;
	margin:0 auto;
}
.video{
	border:1px solid #555;
	width:200px;
	height:100px;
	float:left;
	padding:10px;
	margin:5px;
	font-weight:normal;
	background-color:#333;
}
.video p{
	height:80px;
	color:#ddd;
}

/*tips*/
.tip{
	background:#B09B06 url("/images/commun2/loader.gif") 50% 50% no-repeat;
	width:400px;
	height:500px;
}
.tip img{
	margin:10px auto 0;
	display:block;
	vertical-align:baseline;
}
.helpTip{
	z-index: 13000;
	border:5px dotted #fff;
}
.tip-title{
	border-bottom:5px dotted #fff;
	color:#fff;
	font:bold 12px arial;
	padding:5px 10px;
	text-transform:uppercase;
}

.imgOption, .imgOptionFirst{
	display: block;
	margin: 0 auto;
	width: 120px;
	height: 80px;
	border: 1px solid #565651;
	padding: 1px;
	
}
.imgOptionFirst{
	width: 180px;
	height: 120px;
}
.tableOption{
	width: 720px;
	border-collapse: collapse;
	background-color: #565651;
}
.tableOption th{
	color:#ddc62a;
	font-size: 12px;
}
.tableOption td, .tableOption .th{
	padding: 10px 0;
}
.tableOption .label{
	font:11px Tahoma, Arial;
	color:#ddc62a;
	text-align:center;
	width:100%;
}
.tableOption .divoption{
	padding-top:20px;
	width:15px;
}
.tableOption .divoption1{
	width:15px;
}
