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 }
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-en.gif) 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 : 528px; height : 112px; z-index : 120 }
.ape #deco {background : url(_i/ape/logo-uk.jpg) no-repeat}
.pab #deco {background : url(_i/pab/bg.png) no-repeat}
#logo {position : absolute; left : 20px; top : 68px; display : block; width : 140px; height : 44px; background : url(_i/logouk.png) no-repeat; z-index : 200 }
#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}
.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 : 105px; 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 {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}

/* product style */

.product { 
	height:29px; 
	background-image:url(../../_images/product_images/top.jpg); f
	ont: bold 15px verdana; 
	color:#FFFFFF; 
	margin-top:5px; 
	padding:0 15px 0 15px;
}

.product_info { 
	width:100px; 
	padding-bottom:3px; 
	padding-top:3px; 
	font:bold 11px verdana; 
	/*color:#ee333e */
	color:#000000;
}



   /* ///////////////////////////////////////////// */
  /* ////////// modifications 24-06-2008 ///////// */
 /* //////////// by XG @ mc-creation //////////// */
/* ///////////////////////////////////////////// */

/* --------- integration code couleur --------- */

.product_top_1, .categ_top_1, .product_red { height:29px; background-image:url(../../_images/product_images/top_red.jpg); font: bold 15px verdana; color:#FFFFFF; margin-top:5px; padding:0px 15px 0 15px; }
.product_top_3, .categ_top_3, .product_blue { height:29px; background-image:url(../../_images/product_images/top_blue.jpg); font: bold 15px verdana; color:#FFFFFF; margin-top:5px; padding:0px 15px 0 15px; }
.product_top_2, .categ_top_2, .product_orange { height:29px; background-image:url(../../_images/product_images/top_orange.jpg); font: bold 15px verdana; color:#FFFFFF; margin-top:5px; padding:0px 15px 0 15px; }
.product_top_5, .categ_top_5, .product_green { height:29px; background-image:url(../../_images/product_images/top_green.jpg); font: bold 15px verdana; color:#FFFFFF; margin-top:5px; padding:0px 15px 0 15px; }
.product_top_4, .categ_top_4, .product_grey { height:29px; background-image:url(../../_images/product_images/top_grey.jpg); font: bold 15px verdana; color:#FFFFFF; margin-top:5px; padding:0px 15px 0 15px; }



.product_option_1 { background-color:#EE333E; }
.product_option_3 { background-color:#2B21DA; }
.product_option_2 { background-color:#F5B537; }
.product_option_5 { background-color:#59B359; }
.product_option_4 { background-color:#CCCCCC; }


.categ_func {
	/*border:1px solid #333333;*/
	margin:0px 10px 0px 10px;
	padding:5px 0px 5px 0px;
}

.func_title {
	display:block;
	padding:10px 0px 5px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #000000;
	color:#000000;
	font:bold 12px verdana; 
}

/* ------------- formation visuelle ------------ */

#products_categs {
	margin:0;
	padding:0;
	width:700px;
	height:auto;
}

.products_categ {
	margin:0px 0px 0px 30px;
	padding:10px;
	width:577px;
}

.product_item {
	margin:0px 10px 0px 10px;
	padding:5px 0px 5px 5px;
	border:2px solid #FFFFFF;
	background-color:#F2F2F2;
}

.categ_top_title {
	font: bold 15px verdana;
	display:block;
	padding-top:5px;
}

.categ_bot { 
	margin:0; 
	padding:0; 
	height:19px; 
	width:577px; 
	background-position:left; 
	background-image:url(../../_images/product_images/bottom.jpg); 
}

.categ_mid {
	margin:0;
	padding:0;
	width:575px;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}