/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ol, ul, li, form{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, ol, ul, li, pre, code {font-size:1em;}
body {background:#e9ebed url(img/bg4.jpg) repeat-x; color:#464646; font:12px Arial, Verdana, sans-serif; height:100%;}
td{vertical-align:top;padding:5px 5px 5px;}	
img{display:block;}
a img{border:none;}	
a{text-decoration:none;}
p{margin: 5px 15px 5px 18px; line-height: 18px; }
#header{width:760px;}
.floatleft{float:left;}
.floatright{float:right;}
.clearBoth{clear:both;}
.paddingTop{padding-top:30px;}
.marginTop{margin-top:30px;}
.printPage{float:right; width:92px; padding-right:10px;}
#logo{ display:none;}
.contact{float:right; padding-right:10px;}
.imgHide{}
#videofr, #videoen{float:left; width:100%; height:330px; text-align:center;}
.prix{ display:none;}
a:link, a:visited, a:active{color:#9d825f;text-decoration: underline;}
a:hover{color:#9d825f; text-decoration:none;}

/* Headings   ============================================*/
h1, h2, h3, h4, h5, h6 {font-size:13px; padding:5px 10px 5px 18px; color:#008065;}
h1{padding:10px 10px 5px 18px;}
h2{color:#9d825f;}
h2 a:link,h2 a:visited,h2 a:active{text-decoration: underline;}
h2 a:hover{color:#9d825f; text-decoration:none;}

h3{font-size:12px;}
h4{font-size:12px; color:#9d825f;}
h5{font-size:11px;}
/* fin Headings   ============================================*/

/* Bullets   ============================================*/
ul{margin:10px 15px 10px 5px; list-style:none; padding:0;}		
li{background:url(img/bullet2.gif) no-repeat 40px 5px; margin-top:3px; padding-left:55px; LIST-STYLE-POSITION: outside;}
/* Fin Bullets   ============================================*/



	
/*    Main ==================================================================*/
#container1{width:800px; margin:0 auto; text-align:left; background-color:#fff; height:100%; overflow:hidden;}
*html #container1{height:auto;}
#containerAll{width:800px; margin:0 auto; text-align:left; background:#fff url(img/bgpages.gif) repeat-y; height:100%; overflow:hidden;}
*html #containerAll{height:auto;}
#containerServ{width:800px; margin:0 auto; text-align:left; background:#fff url(img/bgpages.gif) repeat-y; height:100%;}
*html #containerServ{height:auto;}

#container1Garde{width:800px; margin:0 auto; text-align:left;padding-top:40px;}
#container2{float:left; width:800px;height:100%;}

#containerAll2{float:left; width:800px; background:#f1f3f4 url(img/bgcontainerall.gif) repeat-y; padding-bottom:15px; height:100%; }
#containerRecup{float:left; width:800px; padding-bottom:15px; height:100%;}
#container3{float:left; width:640px; height:100%;}
#container3Serv{float:right; width:640px; height:100%;}
#content1{float:left; width:800px; height:170px;}
#content1_1{float:left; width:442px; height:170px;}
#content1_2{float:right; width:358px; height:170px;}
#content2{float:left; width:800px; height:170px;}
#content2_1{float:left; width:244px;}
#content2_2{float:left; width:198px;}
#content2_3{float:left; width:175px; height:150px; background:url(img/video_acc.gif) no-repeat; padding:15px 0 0 9px;}
#content2_3en{float:left; width:175px; height:150px; background:url(img/video_accen.gif) no-repeat; padding:15px 0 0 9px;}
#content2_4{float:left; width:149px; margin-left:4px;}
#content3_1{float:left; width:640px; height:100%; background-color:#FFFFFF; padding-top:26px;}
#content3{float:left; width:540px; height:100%; background-color:#FFFFFF; padding-top:15px;}
#content3livraison{float:left; width:535px; height:100%; background-color:#FFFFFF; padding:0 0 0 5px;}

#content4{float:right; width:100px; background:#f1f3f4 url(img/bgright.jpg) right top no-repeat; height:100%; }
.nouvellesAcc{width:144px; background-color:#eae4d9; margin:0 10px 0 5px; padding:10px 5px 0 5px;  height:120px;}
.nouvellesAcc ul{margin:0px 0 10px 0; list-style:none; padding:0;}		
.nouvellesAcc li{background:url(img/bulletacc.gif) no-repeat 5px 5px; margin-top:3px; padding-top:0px;padding-left:20px; LIST-STYLE-POSITION: outside; font-size:11px; line-height:1.2em;}
.title{}
.title1{width:144px; background-color:#9d825f; color:#ffffff; font-weight:bold; text-align:center; margin:10px 10px 0 5px; padding:4px 5px 5px 5px;}
.title2{font-weight:bold; color:#9d825f;}
.title3{font-weight:bold;color:#464646;}
.titleAll{float:left; width:640px;}
#videoContent{height:100%}
#video, #carte{float:right; padding:0 15px;}
#servBoxContainer{float:left; padding-top:40px;}
.servBoxAll{float:left;}
.servBox1{float:left; width:210px; height:186px; background:url(img/serv_livraison.jpg) no-repeat;}
.servBox2{float:left; width:200px; height:186px; background:url(img/serv_cueillette.jpg) no-repeat;}
.servBox3{float:left; width:226px; height:186px; background:url(img/serv_tarifs.jpg) no-repeat;}
.servBox1 p, .servBox2 p, .servBox3 p{ text-align:left; padding-top:0; margin-top:0; line-height:1.0}
.servBox1 p{padding-left:30px;}
.servBox2 p{padding-left:15px;}
.servBox3 p{padding-left:10px; width:150px;}
.servBox1 h4, .servBox2 h4, .servBox3 h4{margin-bottom:0; padding-bottom:3px;}
.servBox1 h4{padding-left:48px;}
.servBox2 h4{padding-left:34px;}
.servBox3 h4{padding-left:30px;}
#servCamion{ background:url(img/camionserv.jpg) no-repeat; width:580px; height:59px; padding:82px 30px 0 30px;}
#servCamionEn{ background:url(img/camionserven.jpg) no-repeat; width:580px; height:59px; padding:82px 30px 0 30px;}
#servCamion ul{margin:10px 10px 10px 5px; list-style:none; padding:0;}		
#servCamion li{background:url(img/bullet2.gif) no-repeat 15px 5px; margin-top:3px; padding-left:30px; LIST-STYLE-POSITION: outside;}
#cueillette{ background:url(img/cueillette.gif) no-repeat; width:580px; height:110px; padding:55px 30px 0 30px;}
#cueilletteEn{ background:url(img/cueilletteen.gif) no-repeat; width:580px; height:110px; padding:55px 30px 0 30px;}
#content3cueillette{float:left; width:535px; height:100%; background-color:#FFFFFF; padding:20px 0 0 5px;}

#fragile{float:left; width:104px; padding-top:5px;}
#navGreen{ clear:both; float:left; background-color:#d0e9e0; display:block; width:385px; height:25px; margin-left:15px;}
*html #navGreen, *html .bgBox{display:inline;}
#navGreen p{margin: 5px 15px 5px 18px; text-align:justify;}
.bgBox{float:left; background-color:#eae4d9; width:380px; height:100%; margin-left:25px; padding-bottom:6px; margin-bottom:15px;}
#recuperageSlogan{width:620px; height:59px; padding:15px 10px 0 10px; height:100%;}
.slogan{float:left;}
.resultats {float:right; width:600px; margin:3px 5px 5px 8px;  padding:10px 10px 6px 10px; border:solid 1px #cfcfcf; background:url(img/bgrep.gif) repeat-y; height:100%;}
.resultats p{margin: 0 0 4px 0;}
.resultatsBox1{float:left; width:330px; height:100%;}
.resultatsBox2{float:right; width:245px; height:100%;}

/*    fin Main ==============================================================*/



/*    Form ==================================================================*/
#reperageForm{float:left; width:189px; background:url(img/reperage_colis.gif) no-repeat; height:170px;}
#reperageForm2{float:right; width:189px; background:url(img/reperage_colis2.gif) no-repeat; height:160px;}
#reperageFormen{float:left; width:189px; background:url(img/reperage_colisen.gif) no-repeat; height:170px;}
#reperageForm2en{float:right; width:189px; background:url(img/reperage_colis2en.gif) no-repeat; height:160px;}
#loginForm{float:left; width:169px; background:url(img/login_acc.gif) no-repeat; height:170px;}
#loginFormen{float:left; width:169px; background:url(img/login_accen.gif) no-repeat; height:170px;}
td.login{padding: 2px 0 0 15px;}
.btnEnter{padding-left:10px;}
td.reperage{padding: 2px 0 0 15px; text-align:center;}
.btnSearch{text-align:center;}
input, textarea {width:120px; height:15px; padding:0px; font-size:12px; color: #464646; background-color: #ffffff; border: solid 1px #000000;}

Form#multipleTracking input, textarea{width:115px; height:20px; padding:0; margin:2px 3px;}
.tableTracking{float:left; margin:10px 0 10px 5px;}
.tableTracking td{padding:0; margin:0;}

/*    Fin form ==================================================================*/


/*  nav1 ===menu horizontal images================*/
#nav{float:left;width:800px;  height:20px; background-color:#2e6444;}
.nav{margin:0; padding:0; list-style:none; width:800px;}
.nav li {float:left;padding:0; margin:0; height:20px; list-style: none;}
.nav li a, .nav li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:20px;}

#empty1{ background:url(img/empty1.gif) repeat; width:64px; height:20px;}
#empty2{ background:url(img/empty2.gif) repeat; width:102px; height:20px;}
#empty2_2{ background:url(img/empty2_2.gif); width:137px;  height:20px;}

#nav1, #nav1on {background: url(img/nav01.gif) 0 20px; width:76px;}
#nav1 a {background: url(img/nav01.gif); width:76px;}
#nav2, #nav2on {background: url(img/nav02.gif) 0 20px; width:80px;}
#nav2 a {background: url(img/nav02.gif); width:80px;}
#nav3, #nav3on {background: url(img/nav03.gif) 0 20px; width:84px;}
#nav3 a {background: url(img/nav03.gif); width:84px;}
#nav4, #nav4on {background: url(img/nav04.gif) 0 20px; width:130px;}
#nav4 a {background: url(img/nav04.gif); width:130px;}
#nav5, #nav5on {background: url(img/nav05.gif) 0 20px; width:92px;}
#nav5 a {background: url(img/nav05.gif); width:92px;}
#nav6, #nav6on {background: url(img/nav06.gif) 0 20px; width:80px;}
#nav6 a {background: url(img/nav06.gif); width:80px;}
#nav7, #nav7on {background: url(img/langen.gif) 0 20px; width:92px;}
#nav7 a {background: url(img/langen.gif); width:92px;}

#nav8, #nav8on {background: url(img/nav01en.gif) 0 20px; width:65px;}
#nav8 a {background: url(img/nav01en.gif); width:65px;}
#nav9, #nav9on {background: url(img/nav02en.gif) 0 20px; width:91px;}
#nav9 a {background: url(img/nav02en.gif); width:91px;}
#nav10, #nav10on {background: url(img/nav03en.gif) 0 20px; width:89px;}
#nav10 a {background: url(img/nav03en.gif); width:89px;}
#nav11, #nav11on {background: url(img/nav04en.gif) 0 20px; width:96px;}
#nav11 a {background: url(img/nav04en.gif); width:96px;}
#nav12, #nav12on {background: url(img/nav05en.gif) 0 20px; width:74px;}
#nav12 a {background: url(img/nav05en.gif); width:74px;}
#nav13, #nav13on {background: url(img/nav06en.gif) 0 20px; width:92px;}
#nav13 a {background: url(img/nav06en.gif); width:92px;}
#nav14, #nav14on {background: url(img/langfr.gif) 0 20px; width:92px;}
#nav14 a {background: url(img/langfr.gif); width:92px;}

#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover, #nav6 a:hover, #nav7 a:hover,#nav8 a:hover, #nav9 a:hover, #nav10 a:hover, #nav11 a:hover, #nav12 a:hover, #nav13 a:hover, #nav14 a:hover {background:none;}

/* sub Services ===menu vertical images  ======== */
#subServices{clear:both; float:left; width:160px;}
.subServices{margin:0; padding:0; list-style:none; font-size:1px;}
.subServices li {float:left; padding:0; margin:0; height:17px;}
.subServices li a, .subServices li a:visited {padding:0; margin:0; display:block; text-decoration:none; height:17px;}
#empty3{ background:url(img/empty3.gif) no-repeat; width:160px; height:18px;}
#empty4{ background:url(img/empty4.gif) repeat-y; width:160px; height:100%;}


#subServices1, #subServices1on{ background:url(img/subServices01.gif) no-repeat -160px 0; width:160px;}
#subServices1 a {background: url(img/subServices01.gif) no-repeat;  width:160px;}
#subServices2, #subServices2on{background: url(img/subServices02.gif) no-repeat -160px 0; width:160px;}
#subServices2 a {background: url(img/subServices02.gif) no-repeat; width:160px;}
#subServices3, #subServices3on{background: url(img/subServices03.gif) no-repeat -160px 0; width:160px;}
#subServices3 a {background: url(img/subServices03.gif) no-repeat; width:160px;}
#subServices4, #subServices4on{background: url(img/subServices04.gif) no-repeat -160px 0; width:160px;}
#subServices4 a {background: url(img/subServices04.gif) no-repeat; width:160px;}
#subServices5, #subServices5on{background: url(img/subServices05.gif) no-repeat -160px 0; width:160px;}
#subServices5 a {background: url(img/subServices05.gif) no-repeat; width:160px;}
#subServices6, #subServices6on{background: url(img/subServices06.gif) no-repeat -160px 0; width:160px;}
#subServices6 a {background: url(img/subServices06.gif) no-repeat; width:160px;}

#subServices7, #subServices7on{ background:url(img/subServices01en.gif) no-repeat -160px 0; width:160px;}
#subServices7 a {background: url(img/subServices01en.gif) no-repeat;  width:160px;}
#subServices8, #subServices8on{background: url(img/subServices02en.gif) no-repeat -160px 0; width:160px;}
#subServices8 a {background: url(img/subServices02en.gif) no-repeat; width:160px;}
#subServices9, #subServices9on{background: url(img/subServices03en.gif) no-repeat -160px 0; width:160px;}
#subServices9 a {background: url(img/subServices03en.gif) no-repeat; width:160px;}
#subServices10, #subServices10on{background: url(img/subServices04en.gif) no-repeat -160px 0; width:160px;}
#subServices10 a {background: url(img/subServices04en.gif) no-repeat; width:160px;}
#subServices11, #subServices11on{background: url(img/subServices05en.gif) no-repeat -160px 0; width:160px;}
#subServices11 a {background: url(img/subServices05en.gif) no-repeat; width:160px;}
#subServices12, #subServices12on{background: url(img/subServices06en.gif) no-repeat -160px 0; width:160px;}
#subServices12 a {background: url(img/subServices06en.gif) no-repeat; width:160px;}

#subServices1 a:hover,#subServices2 a:hover, #subServices3 a:hover, #subServices4 a:hover, #subServices5 a:hover, #subServices6 a:hover, #subServices7 a:hover, #subServices8 a:hover, #subServices9 a:hover, #subServices10 a:hover, #subServices11 a:hover, #subServices12 a:hover{background:none;}

/*  Footer   ============================================*/
#footer{ clear:both; width:800px; margin: 0 auto; height:15px; background-color:#e9ebed;}

#design{float:right; width:320px; text-align:right; font:9px Tahoma, "Trebuchet MS", sans-serif; padding:3px 5px 0 0; color:#959595;}		

#copyright{float:left; margin:0 auto; width:240px; padding:3px 0 0 5px; color:#959595; font:9px Tahoma, "Trebuchet MS", sans-serif; background:none;}

/* New styles 27/05/10 */
#content3.fullContent { width: 640px; }
#content3.fullContent p{ margin: 5px 25px 5px 18px; }
/* Page 30ans */
.table30ans { background: #f1f9f6; background: url(img/30ans-tablebg.jpg) repeat; border: 1px dotted #b2d7c8; padding: 10px; margin: 20px 0 20px 20px; color: #619275; }
.table30ans { font-size: 15px; }
.table30ans.smallText { font-size: 12px; }
.table30ans table { padding:0; }
.table30ans tr td strong { color: #2e6444; font-size: 11px; }
.table30ans tr td strong.bigStrong { color: #2e6444; font-size: 21px; }
.table30ans tr td strong.medStrong { color: #2e6444; font-size: 15px; }
.table30ans tr td img { border: 1px solid #619275; }
.table30ans tr td p { padding:5px 0; margin:0; }
.table30ans tr td p.highlight { padding-top: 15px; }
.table30ans tr td p.highlight strong { font-size: 21px; color: #2e6444; }
td.date { color: #fff; font-size: 12x; }
table.date { background: #2e6444; }
table.date tr td strong { color: #fff; font-size: 12px; padding-bottom: 4px; display: block; padding-right: 4px; }
p.paraImage { text-align: center; padding: 10px 0 10px 40px; }
p.paraImage img { border: 1px solid #2e6444; }
p.bigPara { font-size: 21px; color: #2e6444; line-height: 24px; padding-top: 20px; }
p.medPara { font-size: 14px; line-height: 20px; color: #2e6444; }
table.bigDates { margin: 20px 0 20px 20px; }
table.bigDates.marginTop { margin: 10px 0 0 10px; }
table.bigDates tr td { font-size: 12px; font-weight: bold; color: #2e6444; }
table.bigDates tr td img { border:0; }
table.bigDates tr td strong { font-size: 18px; }
table.cleanTable tr td p { font-size: 12px; }
table.cleanTable tr td strong { font-size: 13px; color: #2e6444; }
/* Headings rewrite  ============================================*/
h1 {font-size: 15px;}