body {margin: 0px;font: 11px/16px Tahoma, Verdana, Arial, sans-serif;}
img, div, ul{ border:none; margin:0; padding:0;}
form { display:inline;}
a { text-decoration:none; color: #2D7FBC;}
a:hover{text-decoration:none; color: #E27322;}
input, textarea, select { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

h1{font-size: 11px; display:inline}
h2{font-size: 11px; display:inline}

pre{ overflow: auto; display:block; clear:both}

label { display:block; padding:5px 5px 2px 5px; color: #1892DB;}
fieldset{ border: 1px solid #B9D24A;}
iframe { display:none; visibility:hidden}

h2 { font-size:15px; margin: 0px 0px 0px 0px; border-bottom: 1px dotted #666666;}
h3 { font-size:13px; margin: 15px 0px 5px 0px; padding-bottom: 3px; border-bottom: 1px solid #E27322; text-align:left; color: #3997DC;}

li { padding: 3px 3px 3px 25px; list-style-type: none; list-style-position: outside; background: url(../assets/main-site/arrow.gif) no-repeat 10px 7px;}




/* style for form elements */
input[type=text] {}
input[type=password] {border: 1px solid #7F9DB9;}
.inTxtSmall {border: 1px solid #7F9DB9; width: 60px}
.inTxtBig {width: 200px}


/* layers */
#holder { background: url(../assets/main-site/bg-body.gif) repeat-x; width:996px; height:933px; z-index:0; position:absolute}
#logo { position: absolute; top:16px; left: 25px; z-index: 22}
#bannerTop0 { position:absolute; width: 570px; height:164px; text-align:right; z-index: 10; left:426px}
#bannerTop1 { position:absolute; width: 570px; height:164px; text-align:right; z-index: 10; left:410px}
#langArea { height:57px; width:996px; z-index:200; position: absolute; top:100px; left: 0px;}
.langItem { float:right; padding-top: 45px; width:27px;}
#leftColumn { width:200px; position:absolute; top:207px; margin-left: 9px; z-index: 50 }
#rightColumn {position: absolute; width:200px; left:788px; z-index: 51;}
.leftCntLayer{ margin-bottom: 6px; width: 200px;}
#espaceLink { position:absolute; font-weight:bold; text-align:right; top:125px; z-index: 190; width:996px; }
#mainColumn { position:absolute; width: 996px; top: 207px; z-index: 20;}

#mainContent{ margin-left: 218px; margin-right: 9px;height: 850px;}
html>body #mainContent{ height:auto;min-height: 800px;}

#prestataireContent{ margin: 0px 9px;}
#centerContent{ width:560px;}
#centerContent_faq{ width:768px;}
#centerContent1{}
#network { padding: 5px 9px 5px 9px; text-align:center; clear:both}
.leftContainer { padding: 8px 10px 8px 10px; }
.mainCnt { margin-left: 10px; margin-right: 10px;}

/* top navigation */
#topNav { background: url(../assets/main-site/bg-nav.gif) repeat-x; padding-left: 9px; 
top: 104px; position:absolute; z-index: 5; text-align:center;}
.navItem { float:left; padding: 0px 3px 0px 3px; max-width:80px;}
.topNavSep { float:left; width:1px; height:103px; background:url(../assets/main-site/nav-sep.gif) no-repeat;}
#topNavEnd { float:left; width:94px; height:103px; background:url(../assets/main-site/nav-end.gif) no-repeat;}
#searchSimple { background:url(../assets/main-site/bg-search.gif) no-repeat; float:left; height:103px; width: 347px;}
#searchSimpleDiv { padding: 50px 0px 0px 30px; text-align:center}
.inTxtSearch { border: none; height: 17px; width:100px;}
/* .consultItem{ margin: 5px 5px 5px 15px; font-weight: bold;} */
.consultItem{ background: url(../assets/icons/tool_arrow.gif) no-repeat 0px 3px; padding: 0px 10px 0px 15px;  margin: 5px 5px 5px 15px; font-weight: bold;}

/* text and link styles*/
.txtOrange { color: #E6752F; text-decoration: none; }
.txtSmall { font-size: 10px; }
a:hover .txtOrange {color: #E6752F; text-decoration: underline;} 
#rechercheInfo, .txtBlue { color: #3997DC; font-weight:bold }
a.tool_link{ background: url(../assets/icons/tool_arrow.gif) no-repeat 0px 3px; padding: 0px 10px 0px 15px; }
.txtWhite { color: #FFFFFF; text-decoration: none;}
.txtWhite a:hover { color: #FFFFFF; text-decoration: underline;}
a.black_link, a.black_link:hover, a.black_link:visited, a.black_link:active { color: #000000; font-weight: bold;}
.resNav { font-size: 12px; color: black; font-weight: bold;}
.txtReg { font-size: 11px;}

a.white_link, a.white_link:visited, a.white_link:active 
{ color: #FFFFFF; 
text-decoration: none;}
a.white_link:hover
{ color: #FFFFFF; 
text-decoration: underline;
}
/* ads caracteristic in ad consultation page */
.caracterItem{ width: 123px; float:left; height: 16px; padding: 0px 4px 0px 10px; text-align: left; background: url(../assets/icons/bullet.gif) no-repeat 0px 3px; }
.caracterItem2{ width: 90px; float:left; height: 16px; padding: 0px 4px 0px 10px; text-align: left; background: url(../assets/icons/bullet.gif) no-repeat 0px 3px; }
.caracterGroup{ margin: 10px 10px 10px 10px; clear: both;}
.carEl { float:left; width: 125px; padding: 2px 0px 2px 10px;}

/* orange box with round corners */
.orangeBox { background: #E27322; margin: 20px 9px 9px 9px; clear:both }
.obTop div { background: url(../assets/main-site/bottom-links-top-left.gif) no-repeat top left; }
.obTop { background: url(../assets/main-site/bottom-links-top-right.gif) no-repeat top right; }
.obBot div  { background: url(../assets/main-site/bottom-links-bottom-left.gif) no-repeat bottom left; }
.obBot { background: url(../assets/main-site/bottom-links-bottom-right.gif) no-repeat bottom right; }
.obCnt { padding: 0px 10px 0px 10px; color: #FFFFFF;}
.obTop div, .obTop, .obBot div, .obBot { width: 100%; height: 5px;}

/* tabs formatting */
.smallTab {
 background: url(../assets/main-site/tab-small.gif) no-repeat;
 height:18px; padding-top: 6px; color: #FFFFFF;
 font-weight: bold; text-align:center;
}
.smallTab2 {
 background: url(../assets/main-site/tab-small2.gif) no-repeat;
 height:18px; padding-top: 6px; color: #FFFFFF;
 font-weight: bold; text-align:center;
}
.smallTabCnt { background:#FFFFFF; padding: 8px 15px 8px 15px;}
.smallTabCnt1 { background:#FFFFFF; }
.searchTabTitle {
 background:url(../assets/main-site/tab-middle.gif) repeat-x;
 color:#FFFFFF; font-size:10px; font-weight: bold; padding-left: 5px; padding-right: 5px;
}
.subtitle{
 background: url(../assets/main-site/sttl-bg.gif) repeat-y top left;
 min-width:249px; font-size: 12px; font-weight: bold; color: #FFFFFF; margin: 10px 25px 10px 25px; clear:both;
}


/* ads -> last 5 ads */
.adTopListing { clear:both; min-height: 70px;}
.adTopListing img { border: 1px solid #2B9BDE; margin-right: 5px; margin-bottom: 10px; }
.adTopListing div { float:left;}
.adTopListing span { color: #E27322}
.adTopListingCnt {float:left; padding: 8px; width:225px;}


/* extras area */
.extras { background: url(../assets/main-site/dot.gif) no-repeat 0px 6px;
 padding: 1px 1px 1px 10px; float:right; width: 135px; margin-left:15px;}
.extras a{ color: #E27322; text-decoration: none; }
.extras a:hover{ color: #1892DB; text-decoration: none; }
.extrasgroup { clear:both; margin: 0px 15px 10px 15px;}


/* info and error layers in backoffice */
.info {
 background: #F1FCC3 url(../assets/icons/info1.gif) no-repeat 5px 5px;
 font-weight: bold; color: #666666; padding: 5px 5px 5px 25px;
 border: 1px solid #e4e4e4; margin: 5px 0px;
}
.error {
 background: #ffffdd url(../assets/icons/error.gif)  no-repeat 5px 5px;
 font-weight: bold; color: #BE000A; padding: 5px 5px 5px 25px;
 border: 1px dotted #e4e4e4; margin: 5px 0px;
}
.input_error{color: #BE000A; font-weight:bold;}

/* calendar styles */
.calRow1 { border-bottom: 1px solid  #333333; width: 320px; clear:both; height:22px;}
.calRow2 { border-bottom: 1px dotted #333333; width: 320px; clear:both; height:22px;}
.calCell{ float:left; width: 45px; text-align:center; font-weight: bold; padding-top: 3px; height:20px;}
.calCellBlue, .calCellRed , .calCellVert , .calCellOrange , .calCellNoir ,.calCellFree { float:left; width: 45px; text-align:center; font-weight: bold; padding-top: 3px; height:20px; }

.calCellBlue{ background: url(../assets/icons/blue.gif) no-repeat 15px 5px;}
.calCellRed { background: url(../assets/icons/red.gif)  no-repeat 15px 5px;}
.calCellVert { background: url(../assets/icons/vert_half.gif)  no-repeat 15px 5px;}
.calCellOrange { background: url(../assets/icons/orange_half.gif)  no-repeat 15px 5px;}
.calCellNoir { background: url(../assets/icons/noir_half.gif)  no-repeat 15px 5px;}
.calCellFree { background: url(../assets/icons/no_upload.gif)  no-repeat 15px 5px;}

#calLeft { float:left; width: 350px;}
#calRight { float:left; width: 200px; padding-top: 25px; }


/* other stuff*/
.imgBrd{ border: 1px solid #666666; }

/* tarif in detail add */
#tarifsCol0{float:left; width: 135px}
#tarifsCol1{float:left; width: 125px}
#tarifsCol2{float:left; width: 135px}
#tarifsCol3{float:left; width: 135px}
.tarifsSaison, .tarifsSaison1{color: #E6752F; font-weight: bold; height: 18px;}
.tarifsSaison1{text-align:center;}
.tarifsCel{text-align:right; height: 18px; padding-right: 40px;}

/* tarifs in depot 1*/
.cellTarifsLight  { background: #F4F7E5; padding: 3px 5px 3px 5px; }
.cellTarifsDark   { background: #DAE7A0; padding: 3px 5px 3px 5px; }
.cellTarifsMedium { background: #E9F2C0; padding: 3px 5px 3px 5px; }

/* green button */
.grBttnBox { background: #9DB137; height: 18px; color: #FFFFFF; padding: 0px 3px 0px 3px; font-weight: bold}
.grBttnBox a {color: #FFFFFF}
.grBttnBox a:hover {color: #FFFFFF}
.grBttnBoxLeft { background: url(../assets/main-site/bttn-gr-left.gif) no-repeat; width: 6px; height: 18px;}
.grBttnBoxRight { background: url(../assets/main-site/bttn-gr-right.gif) no-repeat; width: 6px; height: 18px;}

.table_header{ background-color: #D5EDFB; color: #666666; font-weight: bold; }
.bg_grey { background-color: #d4d3cf } /* gray */
.clear { clear:both; }

#bateaux_type_bm{ display: none; }
#bateaux_type_fl{ display: none; }

#loader { display: none; }

#search_email_alert { margin-left: 15px; margin-top: 15px;}

#red { color: #FF0000; }

.basket_input { width: 200px; }