body { padding: 0px; margin: 0px; display: block; text-align: center; color: #333333; font-size: 12px; font-family: "Verdana", Arial, Tahoma;} h1, h2, h3, h4, h5, pre, p, img, form { display: block; margin: 0px; padding: 0px;} ul, li { padding: 0px; margin: 0px;} .clear { display: block; height: 1px; line-height: 1px; clear: both; font-size: 1px;} cufon{text-indent:0!important;}@media screen,projection{cufon{display:inline!important;display:inline-block!important;position:relative!important;vertical-align:middle!important;font-size:1px!important;line-height:1px!important;}cufon cufontext{display:inline-block!important;width:0!important;height:0!important;overflow:hidden!important;text-indent:-10000in!important;}cufon canvas{position:relative!important;}}@media print{cufon{padding:0!important;}cufon canvas{display:none!important;}} #page { text-align: center;} #cdp_home { background-color: #ffffff; background-image: url( /index/images/bg_container_top.gif ); background-repeat: repeat-x; } #cdp_page { background-color: #ffffff; background-image: url( /index/images/bg_container_inner_top.gif ); background-repeat: repeat-x; } #header { padding-top: 5px; width: 952px; margin: 0 auto; text-align: left;} #content { width: 952px; margin: 0 auto; text-align: left; padding-bottom: 100px;} #footer { background-image: url( /index/images/bg_container_footer.gif ); background-repeat: repeat-x; background-position: top center; background-color: #333333; color: #898686; padding: 0px; margin: 0px; padding-top: 10px; padding-bottom: 10px;} #header h1 { font-weight: normal; color: #666666; font-family: "Trebuchet MS", Arial, Tahoma; font-size: 2.5em; line-height: 2.5em; margin-bottom: 2px; float: left; padding-left: 12px;} #header h1 a { color: #666666;} #header h3 { font-weight: normal; color: #666666; font-family: "Trebuchet MS", Arial, Tahoma; font-size: 1.35em; line-height: 1.35em; float: left; clear: both; padding-left: 12px;} #header p { float: right; color: #333333; font-family: "Verdana", Arial, Tahoma; font-size: 0.90em; line-height: 1em; padding-top: 2px;} #header #menu { margin-top: 6px; margin-bottom: 30px; overflow: hidden; margin-left: 8px;} #header #menu li { display: block; float: left; color: #ffffff; padding-left: 10px; padding-right: 10px;} #header #menu li a { display: block; text-decoration: none; color: #ffffff; font-family: "Trebuchet MS", Arial, Tahoma; font-size: 1.5em;} #header #menu li span { display: block; text-decoration: none; color: #ffffff; font-size: 0.9em;} #header #mycarousel { background-image: url( /index/images/bg_slide.png ); background-repeat: no-repeat; height: 286px; position: relative; width: 952px; margin-bottom: 20px;} #header #mycarousel li { padding: 0px; list-style: none; margin: 0px;} #header #mycarousel li img { float: left;} #header #mycarousel li .mycarousel-text { float: right; margin-right: 22px; width: 300px; padding-top: 10px; position: relative; height: 266px;} #header #mycarousel li .mycarousel-text h2 { font-weight: normal; font-size: 1.4em; margin-bottom: 10px;} #header #mycarousel li .mycarousel-text h2 a { color: #666666; font-family: "Trebuchet MS", Arial, Tahoma; font-size: 1em;} #header #mycarousel li .mycarousel-text p { line-height: 2em; clear: both; margin-bottom: 10px;} #header #mycarousel li .mycarousel-text p a { color: #49A902; text-decoration: none;} #header #mycarousel li .mycarousel-text p.more { position: absolute; bottom: 0px; right: 0px;} #products-list { margin-bottom: 20px;} #products-list .product-block { width: 299px; float: left; margin-left: 9px; margin-right: 9px;} #products-list .product-block h2 { font-size: 1.5em; font-weight: normal; margin-bottom: 10px;} #products-list .product-block h2 a { color: #666666; font-family: "Trebuchet MS", Arial, Tahoma; font-size: 1em;} .article { margin-bottom: 20px;} .article h2 { font-size: 1.5em; font-weight: normal; border-bottom: 1px solid #49A902; float: left; margin-bottom: 10px;} .article h2 a { color: #49A902; font-family: "Trebuchet MS", Arial, Tahoma; font-size: 1em;} .article p { clear: both; font-size: 0.9em;} .article p a { text-decoration: none; color: #49A902;} #footer a { color: #898686;} #cdp_page #content { padding-top: 20px;} #cdp_page #content h1 { font-size: 1.8em; color: 666666; font-weight: normal; margin-bottom: 10px;} #cdp_page #content p { margin-bottom: 10px;} #cdp_page #content ul { padding: 0px; margin: 0px; margin-bottom: 10px;} #cdp_page #content ul li { margin-left: 15px; list-style-type: disc;} #contact-left { float: left; width: 48%;} #contact-right { float: right; width: 48%;} .contact-row { display: block; margin-bottom: 10px;} .contact-row label { display: block; color: #666666; font-size: 1.4em;} .contact-row input, .contact-row textarea { display: block; width:100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #cccccc; background-image: url( http://emailing-itroom.fr/sites/cdp.nsf/c/contact/$file/input-center.png ); background-repeat: repeat-x; background-color: #ffffff; background-position: bottom center; box-shadow: #ccc 0px 2px 3px; -webkit-box-shadow: #ccc 0px 2px 3px; -moz-box-shadow: #ccc 0px 2px 3px; padding: 4px; font-size: 1.4em; color: #333333;} .contact-row input { height: 30px; line-height: 30px;} .contact-row textarea { height: 180px;} .jcarousel-skin-tango .jcarousel-container { background: none; border: none; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 932px; padding: 0px; position: relative; left: 10px; top: 5px; } .jcarousel-skin-tango .jcarousel-container-vertical { height: 932px; width: 272px; padding: 0px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 932px; height: 272px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 932px; height: 272px; } .jcarousel-skin-tango .jcarousel-item { width: 932px; height: 272px; position: relative; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(next-horizontal.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-control { margin-left: 455px; position: absolute; bottom: -10px; } .jcarousel-control a { display: block; height: 8px; width: 8px; background-image: url( /index/images/puce-grise2.gif ); background-repeat: no-repeat; float: left; margin-right: 4px; text-indent: -9999px; text-decoration: none; } .jcarousel-control a:hover { background-image: url( /index/images/puce-grise.gif ); } .jcarousel-control a.current { background-image: url( /index/images/puce-verte.gif ); } .imgcroissant img { display: inline;}