body {width : auto; height : auto; margin : 0px -15px -15px 0px; padding : 0px; background : #fff url(_i/bg.png) repeat-x}

img {margin : 0px; border : 0px; display : block}
form {display : inline;}
div, span, p, h1, h2, h3, h4, h5, h6, li, ul {margin : 0px; padding : 0px;}
body, div, span, h1, h2, h3, h4, h5, h6, p, input, select, textarea, td {font-family : verdana,arial,sans-serif; font-size : 11px}
.noScr, hr {display : none}

#container {position : absolute; width : auto; height : auto; margin : 0px -15px -15px 0px}

/* content */
#content {position : absolute; left : 155px; top : 112px; width : 600px; height : auto; margin : 0px -15px -15px 0px; padding : 0px}
p {font-size : 11px; }

.searchTab {border-right : solid 1px #ccc}
.searchTab td {vertical-align : top;}
.searchTab td.tp {background : url(_i/search_bg_tp.gif) repeat-x; width : 100%}
.searchTab td p {margin : 12px 4px 14px 18px}			
.searchTab td select {display : block; margin : 0px 4px 14px 18px; font-size : 11px}
.searchTab td p strong {color : #EE333E}
.searchTab tr.foot td {vertical-align : bottom}
.searchTab tr.foot td div#searchGo {position : relative; left : 0px; bottom : 0px; background : #EE333E url(_i/search_go_deco.gif) 47px 6px no-repeat; height : 34px; width : auto; }
.searchTab tr.foot td div#searchGo a {position : relative; display : block; color : #fff; text-decoration : none; top : 10px; left : 75px; margin : 0px -15px -15px 0px; width : auto; height : auto; font-weight : bold}
.arr {position : absolute; top : 0px; right : 0px; width : 20px; height : 20px; overflow : hidden; background : url(_i/search_arr.gif) no-repeat}

.resultTab {}
.resultTab td {vertical-align : top;}
.resultTab td.tp {width : 100%; padding-left : 22px}
.resultTab td p {margin : 0px 4px 0px 11px}
.resultTab td p strong {color : #EE333E}

.rHead {padding : 5px 3px 5px 9px; color : #fff; background-color : #EE333E; font-size : 12px; margin-top : 20px}
.rEtape {padding : 8px 3px 7px 9px; color : #EE333E; font-size : 12px; border-bottom : dashed 1px #EE333E; font-weight : bold; font-size : 11px}
.rEtape span {color : #000; font-weight : normal; font-size : 11px}
.rProduct {padding : 7px 3px 6px 37px; color : #000; font-size : 12px; border-bottom : dashed 1px #EE333E; background : #ccc url(_i/res_li.png) 29px 10px no-repeat; font-weight : bold; font-size : 11px}
.rProductrech {padding : 7px 3px 6px 37px; color : #000; font-size : 12px;  border-bottom : dashed 1px #EE333E;  background : #ccc  29px 10px no-repeat; font-weight : bold; font-size : 11px; }
.rProduct a {color : #000; text-decoration : none}
.rProduct span {color : #000; font-weight : normal; font-size : 11px}

.rlHead {padding : 5px 3px 5px 9px; color : #fff; background-color : #EE333E; font-size : 12px;}
.rlInt {padding : 3px 3px 3px 9px; color : #000; background-color : #ccc; font-size : 11px; font-weight : bold}
.rlDes {padding : 3px 3px 3px 9px; color : #000; font-size : 11px;}
.rlFoot {padding : 5px 3px 25px 10px; color : #fff; font-size : 11px; border-top : solid 7px #ccc; background : #EE333E url(_i/resul_l_bg.gif) 0 100% no-repeat;}
#content .rlFoot  a {display : block; color : #fff; font-size : 11px; text-decoration : none; font-weight : bold; background : #EE333E url(_i/search_go_deco.gif) 0px 2px no-repeat; padding-left : 28px}
.resultTab td .prop {display : block ; width : auto; height : 34px; background : url(_i/toupret_vous_propose.png) 11px 9px no-repeat}

#title {position : relative; width : auto; height : 50px; background : url(_i/bg_title.png) 6px 0px no-repeat}
#title img {position : absolute; left : 36px; top : 0px;}

.rHaut {text-align : right; display : block; margin-bottom : 12px; font-size : 9px}

.productTab {position : relative; border : solid 1px #ccc; border-bottom : none; display : block; width : 100%}
html>body .productTab {border-bottom : solid 1px #ccc}
.productTab tr.bt {background : url(_i/search_bg_tp.gif) 0px 100% repeat-x}
html>body .productTab tr.bt {background : none}
.productTab td {vertical-align : top}
#arr01 {width : 17px; height : 18px; background : url(_i/arr01.gif) no-repeat; position : absolute; left : -1px; top : -1px}
#arr02 {width : 17px; height : 18px; background : url(_i/arr02.gif) no-repeat; position : absolute; right : -1px; top : -1px}
#arr03 {width : 17px; height : 18px; background : url(_i/arr03.gif) no-repeat; position : absolute; left : -1px; bottom : -1px}
#arr04 {width : 17px; height : 18px; background : url(_i/arr04.gif) no-repeat;position : absolute; right : -1px; bottom : -1px}
.productTab .c1 {width : 142px; padding : 4px 17px 0px 11px}
.productTab .c2 {width : 100%; padding-right : 14px}
.additionalInfo {padding : 0px 0px; border-top : dotted 2px #333; border-bottom : dotted 2px #333}
.additionalInfo div {background-color : #EE333E; color : #fff; font-weight : bold; padding : 3px 2px; margin : 6px 0px; text-align : center}
.outilsNecessaires div {text-align : center; color : #7D7D7D; margin : 10px 0px; font-weight : bold}
.outilsNecessaires div.oi {margin : 0px 0px 0px 18px}
.outilsNecessaires img {float : left}
.accro {padding : 6px 8px; color : #7D7D7D; border-top : solid 2px #ccc; border-bottom : solid 2px #ccc; font-weight : bold; font-size : 12px; margin : 0px 0px 8px 0px}

.productTab td h5 {background-color : #EE333E; color : #fff; font-size : 12px; padding : 3px 8px 3px 8px; margin : 12px 0px}
.cc1 {color : #EE333E; font-weight : bold; padding : 4px 0px 6px 8px; width : 33%}
.cc2, .cc3 {color : #480005; padding : 4px 0px 6px 2px; border-bottom : dotted 1px #C4C4C4}
.bene {background : #E7E7E7}
.bene td.cc1 {padding : 6px 0px 10px 8px;}
.bene td.cc2 {padding : 6px 0px 10px 2px; border : none}		
.cc3 {border : none}

table.mainTab {width : 100%}

.actuTab td {vertical-align : top; padding-bottom : 14px}
.actuTab h5 {font-size : 12px}
.actuTab h6, h6 {color : #EE333E; font-size : 11px}

#content h5, #content h6, .actuTab {padding-left : 16px}

#content h4 {background-color : #ccc; color : #000; padding : 4px 3px 4px 16px; margin : 0px 0px 14px 0px; border-bottom : dashed 1px #EE333E; border-top : dashed 1px #EE333E}
#content a {color : #EE333E}
#content a:hover {color : #000}
#content .rProduct a {color : #000}
#content .rProduct a:hover {color : #EE333E}

#content p {margin : 0px 0px 12px 18px}
.contactTab {margin-left : 16px}
.contactTab td {padding : 0px 6px 6px 0px; text-align : right; }
.contactTab input {width : 160px}
.contactTab td.inp {text-align : left}
.contactTab textarea {width : 300px}
.contactTab td.sub {text-align : center}
.contactTab td.sub input {background : #EE333E; font-weight : bold; color : #fff; width : auto}
.contactTab td.sub input:hover {background : #000; font-weight : bold; color : #fff; width : auto}

.fakeImg {width : 100px; height : 100px; background : #000}

#subNav {position : absolute; left : 46px; top : 43px; background-color : #ccc; width : 547px; height : 18px}
#subNav a {position : relative; display : block; height : 18px; width : auto; text-decoration : none; line-height : 17px; padding-left : 3px; padding-right : 3px; color : #fff; font-weight : bold; border-right : solid 2px #fff}
#subNav a.on {background-color : #ccc;}
#subNav a:hover {background-color : #333; color : #fff}

.effectsTab {position : relative; left : 0px; top : 16px; display : block; width : 595px}
.effectsTab td {vertical-align : top}
.effectsTab td.e1 {position : relative; display : block; width : 40px; height : 369px; background : url(_i/effets/bg_l.png) 0 0 no-repeat}
.lef, .lefOn {position : absolute; left : 0px; display : block; width : 40px; height : 54px}

#mainEff {margin : 0px 0px 32px 6px; width : 256px; height : 226px; }

#sEff {margin : 0px 0px 0px 6px}
#sEff td {padding : 0px 4px 5px 0px}
#sEff td a {display : block; width : 22px; height : 22px; background-repeat : no-repeat; background-position : 0 0}

.e3 {padding-top : 12px}
.e3 p {padding-left : 8px}

.e3 p.e3bg {padding : 10px 6px 14px 8px; font-weight : bold}

#effRef {position : absolute; left : 46px; top : 236px; width : 256px; height : 17px; text-align : center; color : #7D7D7D; font-size : 11px}

#effTxt {position : relative; width : 256px; margin-left : 6px; color : #666; text-align : center}

#eff1 {top : 0px; background : url(_i/effets/nb_a.png) -44px 6px no-repeat}
#eff1:hover, #eff1.lefOn {background : url(_i/effets/nb_a.png) 4px 6px no-repeat}
#eff2 {top : 54px; background : url(_i/effets/nb_b.png) -44px 6px no-repeat}
#eff2:hover, #eff2.lefOn {background : url(_i/effets/nb_b.png) 4px 6px no-repeat}
#eff3 {top : 108px; background : url(_i/effets/nb_c.png) -44px 6px no-repeat}
#eff3:hover, #eff3.lefOn {background : url(_i/effets/nb_c.png) 4px 6px no-repeat}
#eff4 {top : 162px; background : url(_i/effets/nb_d.png) -44px 6px no-repeat}
#eff4:hover, #eff4.lefOn {background : url(_i/effets/nb_d.png) 4px 6px no-repeat}
#eff5 {top : 217px; background : url(_i/effets/nb_e.png) -44px 6px no-repeat}
#eff5:hover, #eff5.lefOn {background : url(_i/effets/nb_e.png) 4px 6px no-repeat}
#eff6 {top : 274px; height : 95px; background : url(_i/effets/nb_f.png) -44px 6px no-repeat}
#eff6:hover, #eff6.lefOn {background : url(_i/effets/nb_f.png) 4px 6px no-repeat}


#ABCDE {position : relative; height : 369px; width : 557px; background : url(_i/effets/bg.jpg) 0px 0px no-repeat}
#effA {position : absolute; left : 0px; top : 0px; display : block; width : 557px; height : 54px; background : url(_i/effets/a.jpg) -600px 0px no-repeat}
#effA:hover {background : url(_i/effets/a.jpg) 100% 0px no-repeat}
#effB {position : absolute; left : 0px; top : 54px; display : block; width : 557px; height : 54px; background : url(_i/effets/b.jpg) -600px 0px no-repeat}
#effB:hover {background : url(_i/effets/b.jpg) 100% 0px no-repeat}
#effC {position : absolute; left : 0px; top : 108px; display : block; width : 557px; height : 54px; background : url(_i/effets/c.jpg) -600px 0px no-repeat}
#effC:hover {background : url(_i/effets/c.jpg) 100% 0px no-repeat}
#effD {position : absolute; left : 0px; top : 162px; display : block; width : 557px; height : 55px; background : url(_i/effets/d.jpg) -600px 0px no-repeat}
#effD:hover {background : url(_i/effets/d.jpg) 100% 0px no-repeat}
#effE {position : absolute; left : 0px; top : 217px; display : block; width : 557px; height : 57px; background : url(_i/effets/e.jpg) -600px 0px no-repeat}
#effE:hover {background : url(_i/effets/e.jpg) 100% 0px no-repeat}
#effF {position : absolute; left : 0px; top : 274px; display : block; width : 557px; height : 95px; background : url(_i/effets/f.jpg) -600px 0px no-repeat}
#effF:hover {background : url(_i/effets/f.jpg) 100% 0px no-repeat}

.colorA {color : #FEDA60}
.colorB {color : #E87137}
.colorC {color : #78AA37}
.colorD {color : #A58EC1}
.colorE {color : #A83A3B}
.colorF {color : #6D9FD4}


/* footer */
#footer {position : relative; text-align : center; margin : 30px 0px 0px 0px; font-size : 10px}
#footer a {color : #000}
#footer a img {display : inline}


/* header */
#header {position : absolute; left : 0px; top : 0px; width : 715px; height : 112px; overflow : hidden}

#teaser {position : absolute; left : 185px; top : 0px; display : block; height : 77px; background : #fff url(_i/bg_teaser.png) 100% 0 no-repeat; z-index : 90}
.ape #teaser {width : 333px}
#teaser h3 {overflow : hidden; position : absolute; left : 18px; top : 20px}
.ape #teaser h3 {width : 249px; height : 48px; background : url(_i/ape/teaser.png) no-repeat;}
.pab #teaser h3 {width : 287px; height : 42px; background : url(_i/pab/teaser.png) no-repeat;}
.pab #teaser {width : 360px}
#deco {position : absolute; left : 0px; top : 0px; display : block; width : 185px; height : 106px; z-index : 90 }
.ape #deco {background : url(_i/ape/bg.png) no-repeat}
.pab #deco {background : url(_i/pab/bg.png) no-repeat}
#logo {position : absolute; left : 13px; top : 68px; display : block; width : 136px; height : 44px; background : url(_i/logo.png) no-repeat; z-index : 100 }
#logoFDS {position : absolute; left : 13px; top : 5px; display : block; width : 205px; height : 70px; background : url(_i/TprologoFDS.jpg) no-repeat; z-index : 100 }
#switch {position : absolute; top : 49px; display : block; height : 37px; z-index : 100}
.ape #switch {left : 457px; width : 232px; background : url(_i/ape/switch.png) no-repeat}
.pab #switch {left : 504px; width : 210px; background : url(_i/pab/switch.png) no-repeat}

/* left */
#leftBlock {position : absolute; left : 15px; top : 127px; width : 132px; height : 380px}
#leftBlock a {text-decoration : none; font-size : 12px}
#leftNav li {list-style : none outside none; display : inline;}
.leftTop {display : block; width : 132px; color : #000; font-weight : bold; font-family : arial,sans-serif; border-bottom : solid 1px #000; font-style : italic;}
.leftTopOn {display : block; width : 132px;background-color : #ccc; color : #000; font-weight : bold; font-family : arial,sans-serif; border-bottom : solid 1px #000;}
a.leftTop:hover {background-color : #E7E7E7;}
#leftNav1 {border-top : solid 1px #000}
ul.leftSubOff {display : none;}
ul.leftSub {display : block; overflow : hidden; border-bottom : solid 1px #000; }
ul.leftSub li a {display : block; border : none; padding : 2px 2px 2px 14px; color : #000; width : auto; height : auto; background : url(_i/left_li.png) 5px 4px no-repeat}
#leftBlock li ul.leftSub li a { font-size : 10px}
ul.leftSub li a:hover {background-color : #E7E7E7; color : #000; }
ul.leftSub li.sublight a {background-color : #E7E7E7; font-weight : bold}

#search {position : relative; display : block; width : 132px; height : 65px; background : #ccc url(_i/search_bg.gif) 0% 100% no-repeat; color : #fff; font-size : 11px; font-weight : bold; font-style : italic}
#search span {position : absolute; display : block; left : 10px; top : 8px;}
#search input {position : absolute;  left : 9px; top : 38px; width : 88px; font-size : 10px}
#search img {position : absolute;  right : 6px; top : 38px}

/* mentions légales */
#ml {position : relative; text-align : left; margin : 0px 0px 0px 18px; }
#ml a {text-decoration : underline; color : #000; font-size : 10px}

/* reserve */
.reserve {font-size : 10px}

/* bNav */
#bNav {display : block; margin-top : 26px; color : #666; font-size : 9px}
#bNav a {color : #EE333E}