/********************************/
/*          GLOBAL              */
/********************************/
* { margin:0; padding:0; }
body { font-size:0.9em; background-color:#ecede7; font-family:verdana,arial,sans-serif; background:#eff0e8;}  
#container { margin:0 auto; width:880px; min-height:800px; border:solid 1px #bbbcb5; background-color:#fff;}

/*  header   */
#header {width:880px; font-family:"trebuchet ms",arial,sans-serif;}
#header-top { width:880px; height:32px; background: url(../img/top-bg.gif);}
#header-top form {margin:8px 10px 0 20px; width:270px; height:28px;}
#header-top .search {padding:2px 0 2px 0; border-left:1px solid #bbb; border-bottom:1px solid #bbb; border-top:1px solid #bbb; height:18px; float:left;}
#header-top .button {margin:0 2px 0 -1px; padding:0 0 2px 0; border:1px solid #bbb; height:24px; background:#efefef; }
#header-top .button:hover {background:#ccc;}
#nav0 {float:right; padding:0 0px 0 5px; margin:0 5px 0 0;}
#nav0 li {display:inline; list-style:none; font-size:0.8em;}
#nav0 li a {margin:2px 3px 0 3px; color: #666;text-decoration:none;  }
#nav0 a:hover {text-decoration:underline; }
#nav0 a img {border:none;}

#header-middle { width:880px; height:298px; }
#form { width:215px; height:298px; border:1px solid #000;}
#slidshow { width:879px; height:298px;}

#header-bottom { width:880px;height:38px;}

#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; text-decoration:none;}
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul { top: 5px; }
    
/* Essentials - configure this */
#nav ul { width: 130px; }

/* Everything else is theming */
#nav  { background: url(../img/d.gif) repeat-x; height: 39px; }
#nav *:hover { color:#FFF;}

.borderletf { padding:0 10px 0 10px ; color:#000; border-left:solid 1px #dc7513; line-height:3em; 
font-size:0.9em; } 
#nav li:hover a { background-color: #2c2b2b; color:#FFF; }
#nav ul { top: 35px; left:1px; }
#nav ul li a { padding:5px 6px 4px 6px; color:#FFF; background: #2c2b2b; font-size:0.8em; height:20px;  }
#nav ul a:hover { background-color: #000; }
#nav ul a { border-right: none; opacity: 0.8; filter: alpha(opacity=90); }

#main {margin:0 ; width:880px; min-height:1145px; }

/*         menu          */

#menu {display:block; border-right:1px inset #a6a5a5; border-bottom:1px inset #bab9b9; float:left; width:200px;}

/* MAIN AUTH */
.auth { margin:10px 0 0 2px; height:90px;}
.auth label { margin:8px 0 0 0; display:inline; float:left; width:70px; font-size:0.8em;}
.auth input { width:120px; margin-top:5px; padding:2px 0 2px 0; border:1px solid #ccc; font-size:0.8em; }
.auth .loginbouton { margin:5px 0 0 10px; width:64px; }
.auth .forgetpass {margin:-3px 0 0 0;padding:3px 0 0 2px; display:block;
    font-size:0.8em; color:#222; width:115px; text-decoration:none;}
.auth .msg_error {width:195px; font-size:0.8em; color:red; text-align:center;}
#titlemembre {
margin : 2px 0 0 5px;
height : 20px;
float : left;
width : 180px;
font-size : 0.8em;
}
.membreelement {
margin : 2px 0 0 10px;
float : left;
font-weight : bold;
width : 155px;
height : 20px;
font-size : 0.9em;
}
.membreelement img {
margin : 0 7px 0 1px;
float : left;
border : none;
}
.membreelement a {
text-decoration : none;
color : #827979;
}
.membreelement a:hover {
text-decoration : underline;
}

#title_nav2  { margin-top:10px; padding:4px 0 0 0; background: url(../img/trip.gif); height:31px; text-align:center;}

#menu2  {  width:199px; float:left; }
#nav2 {    display: block; margin: 0; padding: 0; position: relative; }
#nav2 li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav2 a {  display: block; color:#467AA7; text-decoration:none;}
#nav2 ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav2 ul { line-height: 0; } /* IE6 "fix" */
#nav2 ul a { zoom: 1; } /* IE6/7 fix */
#nav2 ul li { float: right;}
#nav2 ul { top: 0; left:200px;}

#nav2 li { padding:0 0 0 4px;width:196px; color:rgb(70,122,167); font-size:0.9em; font-weight:bold;  border-bottom:inset  1px rgb(200,200,200);  height:30px; line-height:2.0em; }
#nav2 .marker {background: #fff url(../img/marker_list.gif) no-repeat 193px 12px;}
#nav2 ul li {float:left; position:relative; z-index:1000; background: #fff; border-top: solid 1px rgb(200,200,200); border-right: solid 1px rgb(200,200,200);  font-weight:bold;}
#nav2 li:hover { background-color: #EEE; }
#nav2 ul li { opacity: 0.95; filter: alpha(opacity=90); }

#testimonials {height:175px; width:199px; float:left;}
#title_nav3  { margin-top:10px; padding:4px 0 0 0; background: url(../img/strip2.gif); width:199px; height:31px; text-align:center;}
#testimonials img {margin:5px 5px 0 5px; padding:5px; float:left; border:1px solid #ccc; width:90px; height:120px;}
#testimonials p {margin:5px 0 0 0; font-size:0.9em;} 

#newsletter {height:110px; width:199px; float:left;}
#title_nav4  { margin-top:10px; padding:4px 0 0 0; background: url(../img/strip3.gif); width:199px; height:31px; text-align:center;}
#newsletter form {margin:12px 0 0 0;}
.newsinput { margin:0  0 0 3px;  padding:2px 3px 2px 2px; border:1px solid #bbb;  float:left; width:125px; height:18px; font:13px arial, helvetica;  }
.newsbutton { margin:0 2px 0 0; padding:2px 3px 2px 2px; border:1px solid #bbb; float:right; width:60px; height:24px; font:12px arial, helvetica;  }

#ads {float:left; width:199px; min-height:590px; border:1px solid #CCC ; }

#main_content {float:left; width:678px; min-height:1100px;  background:#FDFDFD url(../img/bgmain.gif) repeat-x top left ;}
#ads2 {margin:15px 0 0 2px;text-align:center;  width:674px; min-height:100px; border:1px solid #ccc ; }
.trip {margin:5px 0 0 3px; float:left; height:295px; width:220px; border:1px solid #fff;}
.billule { background: url(../img/billule.gif); width:220px; height:130px;}
.billule_img {margin:14px 0 0 14px; width:195px; height:100px;  }

.trip_bottom {margin:0 0 0 5px; padding:0 0 0 10px; width:200px; height:40px ; font-size:0.9em;}
.trip_bottom .trip_prices {margin:10px 0 0 0; float:left;}
.trip_bottom a {margin:10px 0 0 0;  float:right;}
.trip_bottom img {border:none;}

.trip:hover {border:1px solid #ebebeb;}

#main h2 {background:transparent url(../img/puce_niv1.gif) no-repeat scroll 0 6px;color:#0C50B8;margin:8px 0 0 0; padding:0 0 0 16px;}

#bookinginfo {margin:5px 0 0 0; padding:0 0 0 10px; width:350px; height:100px;float:left; font-size:0.8em;}
#bookinginfo b {color:#222;}
#bookinginfo2 {margin:5px 0 0 0; padding:0 0 0 5px; width:300px; height:90px;float:left; font-size:0.8em;}
#bookinginfo2 b {color:#222;}
.bookingtitle {font-size:0.7em;}
.bookinglist {font-size:0.8em;}
.bookinglist td {text-align:center;}


#contentForm {margin:15px 0 0 40px; width:500px; float:left;}
#contentForm label { margin:8px 0 0 0; display:inline; float:left; width:140px; font-size:0.8em;}
#contentForm input { width:180px; margin-top:5px; padding:0.2em 0 0.2em 0; border:1px solid #ccc; font-size:0.8em; }
.msg_error {font-size : 0.9em;color : #cc0000; border : 1px solid red;}
.center {text-align : center;}
.itsok {width : 500px;height : 16px;text-align : center;border : 1px solid green; color:#297632;}

#login {margin:60px 0 0 70px;padding:25px 0 0 10px; width:500px; height:140px; float:left;  border:1px solid #F0F0F0}
#login .loginlabel { margin:13px 0 0 0; display:inline; float:left; width:140px; font-size:0.8em;}
#login input { width:180px; margin-top:10px; padding:2px 0 2px 0;height:17px; border:1px solid #ccc; font-size:0.9em; }
#login a {font-size:0.8em;}


#trips {margin:0 0 10px 5px; padding:0 0 0 8px; min-height:300px; width:660px; font-size:0.8em;}
#trips img {margin:10px 0 0 0; padding:5px; height:250px; width:280px; float:left; border:1px solid  #CCC; }
.tripsIntro { height:260px; width:360px; float:right;}

#paginate {margin:0 10px 0 0; text-align:center; width:660px; height:30px;font-weight:bold; font-size:0.8em; float:right;}
#paginate a {color:#444; padding:2px 5px 2px 5px; border:1px solid #CCC; text-decoration:none;}
#paginate a:hover {border:1px solid #A1A1A1;}
#paginate .selectednow {padding:2px 5px 2px 5px; background: #EFEFEF; border:1px solid #CCC; }

#footer { margin:0 auto; background:url(../img/footer_bg.jpg); font-size:0.8em; height:150px; width:100%;}
.sous_footer { margin:0 auto; padding-top:10px; background:#1A1B1D; border:1px solid #000; height:130px; width:880px; color:#ccc;}
.sous_footer a  {margin:0 10px 0 20px; color:#ccc;float:left;  }
.sous_footer img  {margin-top:8px; border:none;  float:left;}
.sous_footer  a:hover { text-decoration:none; }
#paymentdiv {float:left; width:160px; height:130px; }
#paymentdiv a { float:left; width:100px; height:10px;  }
.payment {margin:0 10px 0 30px; float:left; }
.footercat {float:left; width:437px; height:130px; }
.footercat a { float:left; width:109px; height:20px; margin:0; }

#tags {border:1px solid #333; width:500px; height:125px; float:right; color:#fff;}
#tags a {margin:0 3px 0 3px; text-decoration:none; }
#tags a:hover {text-decoration:underline; }

#footer2 {margin:0px auto; padding:15px 0 0 0; text-align:center; background:#000;color:#eee; font-size:0.8em; height:35px; width:100%;}
#footer2 a  { color:#AAA;  }
#footer2  a:hover { text-decoration:none; }

.testimonials_plus { margin:5px 10px 0 5px; font-size:0.8em; width:300px; height:160px; border:1px solid #EEE; float:left;}
.testimonials_plus img {float:left; border:1px solid #ccc; margin:5px 10px 0 5px; padding:8px; width:90px; height:100px;}
.testimonials_details { margin:0 5px 20px 5px; padding:0 0 15px 0; min-height:200px; width:660px; font-size:0.8em; color:#222; border-bottom:1px solid #EEE;}
.testimonials_details img {float:left; border:1px solid #ccc; margin:5px 10px 0 5px; padding:8px; width:200px; height:150px;}
.testimonials_details ul { list-style:none; margin:5px 0 0 10px; }

.noresult {margin:20px 0 0 20px; width:600px; height:50px;}
.noresult img {margin:0 5px 0 5px; float:left;}
.noresult p {margin:5px 5px 0 10px; float:left; width:500px;}
.noresult h4 {margin:5px 5px 0 10px; float:left;}
.noresult ul {margin:15px 5px 0 90px; clear:both;}