#cp { float: left; background: #F8F8F8; }

#cp ul.toolbar { background: url(../css_imgs/cp-header-toolbar.jpg) repeat-x; height: 32px; width: 100%; float: left; border-bottom: 3px solid #fffeff; color: #fff; font-family: Georgia; font-style: italic; text-indent: 10px; font-weight: bold; position: fixed;}
#cp ul.toolbar li { float: left; border-right: 1px solid #fff; padding-right: 9px; height: 16px; margin-top: 8px;}
#cp ul.toolbar li a { color: #fff; font-weight: normal; font-family: Arial; font-style: normal; }
#cp ul.toolbar li a:hover { text-decoration: underline;}
#cp ul.toolbar li.last, #cp ul.toolbar li.first { border-right: none;}
#cp div.clearer { clear: both; float: left; height: 32px; width: 1px;}
table.comp { border-left: 4px solid #25466b; border-right: 1px solid #abacac; background: #fff; float: left; padding-top: 32px; }
table.comp tr {}
table.comp tr td { text-align: center; width: 180px; padding: 9px; border-right: 4px solid #fff; background: #f8f8f8;}
table.comp tr td.end { border-right: 0;}
table.comp tr td.first { width: 125px; padding-right: 5px; text-align: right; color: #314360; font-weight: bold; border-right: 1px solid #abacac;}
table.comp tr.last td { border-bottom: 1px solid #a3b8c1;}

table.comp tr.cp-1 {}
table.comp tr.cp-1 td.first {font-family: Georgia; color: #61718d; font-size: 20px; line-height: 25px; text-align: center; background: #f7f7f8; font-weight: normal; border-bottom: 1px solid #a3b8c1;}
table.comp tr.cp-1 td.first span { color: #172f56; font-size: 24px;}
table.comp tr.cp-1 td { background: #e2e7eb;}
table.comp tr.cp-1-2 td { background: #e2e7eb; height: 79px;}
table.comp tr.cp-1-2 td img { border: 1px solid #fff; width: 121px; height: 79px;}
table.comp tr.cp-1 td h1 a { color: #273954; font-family: Georgia; font-size: 16px; font-weight: normal;}
table.comp tr.cp-1-3 td {background: url(../css_imgs/cp-1-3.png) bottom repeat-x #e5e9ee; font-family: Georgia;}
table.comp tr.cp-1-3 td h2 { color: #000000; font-family: Georgia; font-style: italic; font-weight: normal; font-size: 18px; width: 108px; border-bottom: 1px solid #c0c6ca; margin: 0 0 0 38px; padding-bottom: 3px; float: left; display: inline;}
table.comp tr.cp-1-3 td h3 { color: #000000; font-family: Georgia; font-style: italic; font-weight: normal; font-size: 14px; width: 108px; border-top: 1px solid #f1f3f6; margin: 0 0 15px 38px; padding-top: 2px; float: left; display: inline;}
table.comp tr.cp-1-3 td h4 { color: #5d5d5d; width: 180px; float: left;}
table.comp tr.cp-1-3 td h5 { width: 180px; float: left;}
table.comp tr.cp-1 td img { margin-top: 5px;}
table.comp tr.cp-1 td {}


table.comp tr.cp-2 {}
table.comp tr.cp-2 td { background: url(../css_imgs/cp-prix-bg.gif) bottom repeat-x #7e96bc; color: #ffffff; padding-bottom: 0; height: 33px;}
table.comp tr.cp-2 td.first { background: #e9ebef; color: #314360;}
table.comp tr.cp-2 td.first h3 {  font-size: 16px;}
table.comp tr.cp-2 td.first h4 { font-style: italic; font-size: 10px;}
table.comp tr.cp-2 td h2 { font-weight: normal; font-size: 22px; }

table.comp tr.cp-3 td { color: #eeebde; background: url(../css_imgs/cp-achat-bg.gif) bottom repeat-x; padding-bottom: 0; height: 30px;}
table.comp tr.cp-3 td.first { color: #314360; background: #e9ebef;}
table.comp tr.cp-3 td h2 { font-weight: normal;}
table.comp tr.cp-3 td a.button {float: left; margin-left: 20px; display: inline;}

table.comp tr.cp-4 td { color: #eeebde; background: url(../css_imgs/cp-promo-bg.gif) bottom repeat-x; font-style: italic;}
table.comp tr.cp-4 td.first { color: #314360; background: #e9ebef; font-style: normal;}

table.comp tr.cp-5 td { color: #eeebde; background: url(../css_imgs/cp-note-bg.gif) bottom repeat-x; font-style: italic; padding: 0;}
table.comp tr.cp-5 td.first { color: #314360; background: #e9ebef; font-style: normal; font-size: 15px; height: 46px; width: 135px;  padding-right: 5px;}
table.comp tr.cp-5 td p.av-note { width: 118px; height: 46px; background: url(../css_imgs/note-experts-2.gif) -1px 0 no-repeat; text-indent: -9999px; margin-left: 42px; float: left; display: inline;}
table.comp tr.cp-5 td p.note0 { background-position: -1px -460px;}
table.comp tr.cp-5 td p.note0-5 { background-position: -1px -414px;}
table.comp tr.cp-5 td p.note1 { background-position: -1px -368px;}
table.comp tr.cp-5 td p.note1-5 { background-position: -1px -322px;}
table.comp tr.cp-5 td p.note2 { background-position: -1px -276px;}
table.comp tr.cp-5 td p.note2-5 { background-position: -1px -230px;}
table.comp tr.cp-5 td p.note3 { background-position: -1px -184px;}
table.comp tr.cp-5 td p.note3-5 { background-position: -1px -138px;}
table.comp tr.cp-5 td p.note4{ background-position: -1px -92px;}
table.comp tr.cp-5 td p.note4-5 { background-position: -1px -46px;}
table.comp tr.cp-5 td p.note5 { background-position: -1px 0;}

table.comp tr.cpnote td { padding: 0;}
table.comp tr.cpnote td.first { width: 105px; padding-right: 30px; background: url(../css_imgs/cpnote.gif) no-repeat; padding-top: 2px;}
table.comp tr.cpnote.even td.first { background-position: -140px 0;}
table.comp tr.cpnote td p.av-note { width: 82px; height: 26px; background: url(../css_imgs/note-experts-2.gif) no-repeat; text-indent: -9999px; margin-left: 56px; float: left; display: inline;}
table.comp tr.cpnote.note2 td.first { background-position: -140px -26px;}
table.comp tr.cpnote.note3 td.first { background-position: 0 -52px;}
table.comp tr.cpnote.note4 td.first { background-position: -140px -78px;}
table.comp tr.cpnote.note5 td.first { background-position: 0 -104px;}
table.comp tr.cpnote.note6 td.first { background-position: -140px -130px;}
table.comp.thalasso tr.cpnote.note1 td.first { background-position: 0 -313px;}
table.comp.thalasso tr.cpnote.note2 td.first { background-position: -140px -338px;}
table.comp.thalasso tr.cpnote.note3 td.first { background-position: 0 -364px;}
table.comp.thalasso tr.cpnote.note4 td.first { background-position: -140px -390px;}
table.comp.thalasso tr.cpnote.note5 td.first { background-position: 0 -416px;}
table.comp.thalasso tr.cpnote.note6 td.first { background-position: -140px -442px;}
table.comp.circuit tr.cpnote.note1 td.first { background-position: 0 -157px;}
table.comp.circuit tr.cpnote.note2 td.first { background-position: -140px -183px;}
table.comp.circuit tr.cpnote.note3 td.first { background-position: 0 -209px;}
table.comp.circuit tr.cpnote.note4 td.first { background-position: -140px -235px;}
table.comp.circuit tr.cpnote.note5 td.first { background-position: 0 -261px; font-size: 11px;}
table.comp.circuit tr.cpnote.note6 td.first { background-position: -140px -287px;}
table.comp tr.cpnote td p.note0 { background-position: -121px -304px;}
table.comp tr.cpnote td p.note0-5 { background-position: -121px -273px;}
table.comp tr.cpnote td p.note1 { background-position: -121px -243px;}
table.comp tr.cpnote td p.note1-5 { background-position: -121px -212px;}
table.comp tr.cpnote td p.note2 { background-position: -121px -183px;}
table.comp tr.cpnote td p.note2-5 { background-position: -121px -152px;}
table.comp tr.cpnote td p.note3 { background-position: -121px -122px;}
table.comp tr.cpnote td p.note3-5 { background-position: -121px -93px;}
table.comp tr.cpnote td p.note4{ background-position: -121px -62px;}
table.comp tr.cpnote td p.note4-5 { background-position: -121px -32px;}
table.comp tr.cpnote td p.note5 { background-position: -121px -2px;}
table.comp tr.cpnote.even td p.note0 { background-position: -210px -304px;}
table.comp tr.cpnote.even td p.note0-5 { background-position: -210px -273px;}
table.comp tr.cpnote.even td p.note1 { background-position: -210px -243px;}
table.comp tr.cpnote.even td p.note1-5 { background-position: -210px -212px;}
table.comp tr.cpnote.even td p.note2 { background-position: -210px -183px;}
table.comp tr.cpnote.even td p.note2-5 { background-position: -210px -152px;}
table.comp tr.cpnote.even td p.note3 { background-position: -210px -122px;}
table.comp tr.cpnote.even td p.note3-5 { background-position: -210px -93px;}
table.comp tr.cpnote.even td p.note4{ background-position: -210px -62px;}
table.comp tr.cpnote.even td p.note4-5 { background-position: -210px -32px;}
table.comp tr.cpnote.even td p.note5 { background-position: -210px -2px;}
table.comp tr.note1 td, table.comp tr.note3 td, table.comp tr.note5 td { background: #fff}
table.comp tr.cpnote.hover td { background: #f5dd97;}
table.comp tr.cpnote.hover td p.note0 { background-position: -311px -304px;}
table.comp tr.cpnote.hover td p.note0-5 { background-position: -311px -273px;}
table.comp tr.cpnote.hover td p.note1 { background-position: -311px -243px;}
table.comp tr.cpnote.hover td p.note1-5 { background-position: -311px -212px;}
table.comp tr.cpnote.hover td p.note2 { background-position: -311px -183px;}
table.comp tr.cpnote.hover td p.note2-5 { background-position: -311px -152px;}
table.comp tr.cpnote.hover td p.note3 { background-position: -311px -122px;}
table.comp tr.cpnote.hover td p.note3-5 { background-position: -311px -93px;}
table.comp tr.cpnote.hover td p.note4{ background-position: -311px -62px;}
table.comp tr.cpnote.hover td p.note4-5 { background-position: -311px -32px;}
table.comp tr.cpnote.hover td p.note5 { background-position: -311px -2px;}
table.comp tr.cpnote.note1.hover td.first { background: url(../css_imgs/cpnote.gif) -280px 0 no-repeat;}
table.comp tr.cpnote.note2.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -26px no-repeat;}
table.comp tr.cpnote.note3.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -52px no-repeat;}
table.comp tr.cpnote.note4.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -78px no-repeat;}
table.comp tr.cpnote.note5.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -104px no-repeat;}
table.comp tr.cpnote.note6.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -130px no-repeat;}
table.comp.thalasso tr.cpnote.note1.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -313px no-repeat;}
table.comp.thalasso tr.cpnote.note2.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -338px no-repeat;}
table.comp.thalasso tr.cpnote.note3.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -364px no-repeat;}
table.comp.thalasso tr.cpnote.note4.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -390px no-repeat;}
table.comp.thalasso tr.cpnote.note5.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -416px no-repeat;}
table.comp.thalasso tr.cpnote.note6.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -442px no-repeat;}
table.comp.circuit tr.cpnote.note1.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -157px no-repeat;}
table.comp.circuit tr.cpnote.note2.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -183px no-repeat;}
table.comp.circuit tr.cpnote.note3.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -209px no-repeat;}
table.comp.circuit tr.cpnote.note4.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -235px no-repeat;}
table.comp.circuit tr.cpnote.note5.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -261px no-repeat;}
table.comp.circuit tr.cpnote.note6.hover td.first { background: url(../css_imgs/cpnote.gif) -280px -287px no-repeat;}


table.comp tr.cp-plusdenotes td { padding: 0; height: 30px; vertical-align: top;}
table.comp tr.cp-plusdenotes td a { background: url(../css_imgs/cp-plusdenotes.png) no-repeat; width: 140px; height: 22px; float: left; text-indent: -9999px; margin-left: 31px; display: inline;}
table.comp tr.cp-plusdenotes td a.moins { background-position: 0 -22px;}

table.comp tr.tools td { text-align: left; font-size: 10px;}
table.comp tr.tools td ul li { padding-left: 17px; clear: both; height: 20px; margin-left: 30px;}
table.comp tr.tools td ul li a { display: block; color: #405577; float: left;}
table.comp tr.tools td ul li a:hover { color: #000;}
table.comp tr.tools td ul li.avis { background: url(../css_imgs/rm-avis.png) 0 3px no-repeat;}
table.comp tr.tools td ul li.avis a { color: #20649b;}
table.comp tr.tools td ul li.avis a:hover { color: #000;}
table.comp tr.tools td ul li.fiche { background: url(../css_imgs/cp-hippo.png) -3px 0 no-repeat;}
table.comp tr.tools td ul li.fav { background: url(../css_imgs/cp-favoris.png) -1px 0px no-repeat; }
table.comp tr.tools td ul li.favon { background: url(../css_imgs/cp-favoris-on.png) -1px 0px no-repeat; }
table.comp tr.tools td ul li.delete { background: url(../css_imgs/cp-delete.png) 0 2px no-repeat;}

table.comp tr.cp-details td { padding: 3px;}
table.comp tr.cp-details td.first { width: 132px; padding-right: 5px;}
table.comp tr.cp-details.hover td { background: #f5dd97;}

table.comp tr.cpmore td { background: #fff; font-weight: normal; padding: 2px; font-size: 11px; }
table.comp tr.cpmore td.first { font-weight: normal; width: 132px;  padding-right: 5px; }
table.comp tr.cpmore td.titre { font-weight: bold; font-size: 13px;}
table.comp tr.cpmore.even td { background: #f8f8f8;}
table.comp tr.cpmore td p.av-note { width: 14px; height: 16px; background: url(../css_imgs/note-experts-2.gif) no-repeat; text-indent: -9999px; margin-left: 89px; float: left; display: inline;}
table.comp tr.cpmore td p.oui { background-position: -373px -365px;}
table.comp tr.cpmore.even td p.oui { background-position: -373px -387px;}
table.comp tr.cpmore td p.non { background: none;}
table.comp tr.cpmore.hover td { background: #f5dd97;}
table.comp tr.cpmore.hover td p.oui { background-position: -373px -409px;}