@charset "ISO-8859-1";
/* -------------------------------------------------------------- 
  
   Artionet CSS powered by Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/navigation.css';
@import 'lib/grid.css';
@import 'lib/forms.css';
@import 'lib/classes.css';
@import 'lib/sIFR-screen.css';
  
h1.logo {padding:20px 0px 31px 45px;margin:0px;}
#page h1.logo {padding:14px 0px 2px 50px;*padding-top:12px;}
h1.logo a{
	display:block;
	background:url(/htdocs/images/logo_cerjo.jpg) no-repeat;
	width:227px;
	height:97px;
	font-size:0px;
	text-indent:-10000px; line-height:0px;
}
#page h1.logo a {
	width:189px;
	height:79px;
	background:url(/htdocs/images/logo_cerjo_small.jpg) no-repeat;
}
#intro h1.logo {margin:15px 0px 0px 0px; padding:0px;}
#intro h1.logo a{
	display:block;
	background:url('/htdocs/images/logo_cerjo.jpg') no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
	width:227px;
	height:97px;
}
.videoBox {margin:0px 0px 0px 129px;}
.newsletter {position:absolute;top:20px;left:450px;}
.newsletter h2 {color:#868686;font-size:28px;margin:0px 0px 30px 0px;}
.newsletter fieldset {margin:0px;padding:0px;border:0px;}
.videoBox img, .newsletter img {margin:0px;}

.slogan {padding:10px 0px 0px 30px;}
.slogan h3 {font-size:16px;}
.lang {position:absolute;top:10px;right:22px;}
.lang a {width:14px;height:12px;display:block;font-size:0px;line-height:0px;text-indent:-10000px;float:left;margin-left:9px;}
.lang .fr {background:url(/htdocs/images/icoFlagFR.gif) no-repeat;}
.lang .de {background:url(/htdocs/images/icoFlagDE.gif) no-repeat;}
.lang .en {background:url(/htdocs/images/icoFlagEN.gif) no-repeat;}
.lang .it {background:url(/htdocs/images/icoFlagIT.gif) no-repeat;}
.lang .fr:hover {background:url(/htdocs/images/icoFlagFRon.gif) no-repeat;}
.lang .de:hover {background:url(/htdocs/images/icoFlagDEon.gif) no-repeat;}
.lang .en:hover {background:url(/htdocs/images/icoFlagENon.gif) no-repeat;}
.lang .it:hover {background:url(/htdocs/images/icoFlagITon.gif) no-repeat;}
.more {
	background:#171717;
	border-top:1px solid #171717;
	border-right:1px solid #1d1d1d;
	border-bottom:1px solid #1d1d1d;
	border-left:1px solid #171717;
	color:#888888;width:110px;
	padding:6px 10px;
	clear:both;display:block;
	margin:5px 0px 0px 0px;
}
.more:hover {color:#fff;background:#333;}
#graphic {width:310px;float:left;margin:0px;padding:0px;}
#graphic img {margin:0px;padding:0px;float:right;}
.address {
	font-size:11px;
	line-height:1.1em;
	padding:0px 0px 0px 40px;
	margin: 2em 0em;
	color:#767676;
	line-height:1.4em;
}
#page .address {padding:0px 0px 0px 30px;}
.address a {color:#767676;}
.address a:hover {color: #fff}
#lnkReseller {position:absolute;top:42px;right:0px;background:url(/htdocs/images/bg_lnkreseller.gif) repeat-x;color:#a7a7a7;
			  padding:0px 20px;font-size:13px;line-height:2em;}
#lnkReseller:hover {color:#fff;}
#topLinks {margin:0px;padding:0px;position:absolute;top:44px;left:330px;}
#topLinks a {font-size:0px;display:block;float:left;margin-right:30px;}
#lnkPublic {width:183px;height:37px;background:url(/htdocs/images/publique_fr.gif);}
#lnkPublic.sel {background:url(/htdocs/images/publique_fr_sel.gif);}
#lnkProf {width:272px;height:37px;background:url(/htdocs/images/professionnelle_fr.gif);}
#lnkProf.sel {background:url(/htdocs/images/professionnelle_fr_sel.gif);}
#searchBox {height:54px;background:#171717;line-height:1.4em;padding:28px 18px 0px 18px;text-align:right;}
#page #searchBox {width:298px;padding:10px 0px 16px 12px;text-align:left;background:none;height:auto;}

#searchBox .eclairage.fr {background:url(/htdocs/images/eclairage.gif) no-repeat;display:block;width:168px;height:28px;float:left;
			font-size:0px;line-height:0px;text-indent:-10000px;}
#searchBox .txt {background:#1f1f1f;border:0px;padding:5px;color:#fff;border-top:1px solid #000;border-left:1px solid #000;}
#searchBox .btn {background:#000;border:0px;padding:5px;color:#fff;font-size:10px;text-transform:uppercase;cursor:pointer;}
#companyLink {text-transform:uppercase;border:1px solid #2c2c2c;background:#000;padding:10px 0px 10px 30px;}
#companyLink img {float:none;display:block;}
#companyLink_2 {text-transform:uppercase;border:1px solid #2c2c2c;background:#000;padding:10px 0px 6px 20px;line-height: 20px;}
#companyLink_2 img {display:block;margin:0 6px 0 0;}
#companyLink a, #companyLink_2 a {color:#ddd;font-size:10px;}

#news {padding:0px 0px 0px 20px;}
.news {float:left;width:310px;margin-right:10px;}
#news h4 {color:#b3b3b3;font-weight:bold;margin:11px 0 5px 0;font-size:16px;}
#news .date {display:block;background:#101010;font-style:normal;color:#464545;font-size:10px;margin:4px 0px;}
#news p {margin:0px;padding:0px;}
#news a	{margin-top: 10px;}

.pub {margin: 0px 0px 20px 40px; }
.pubRevlon {display: none}
.pub_bab {display: none} 
.pubDobi {display:none;}

body#page #wrapper #searchBox .search span.eclairage {display: none}
body#page #wrapper #searchBox .searchDe span.eclairage {display: none}

.content .list img {float: right; margin-left: 5px; margin-bottom: 5px; border: 1px solid #989281}
.content table#productPresentation img {float: none; margin: 0px; border:0px;}

ul#sitemap {list-style:none;}
ul#sitemap ul {list-style: square; margin-bottom: 0px;}
ul#sitemap ul ul {list-style: disc}
ul#sitemap li{padding:0.1em 2.2em;background:url(/htdocs/images/bullet1.gif) no-repeat 0px 5px;}
ul#sitemap ul li{background:none; padding-left: 5px;}
ul#sitemap ul ul li{}
ul#sitemap a{color:#515151;font-weight:bold;}
ul#sitemap ul a{color:#515151;font-weight:normal;}
ul#sitemap ul ul a{color:#515151;}

a:hover.btn-1, a:hover.btn-2 {color:#fff}

#Contact select, #Contact input, #Contact textarea {color: #333; font-size: 11px; padding: 2px 5px; font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, Verdana, sans-serif;}
#Contact input.btn-1, #Contact input.btn-2 {color: #666}
#Contact a:hover.btn-1, #Contact a:hover.btn-2 {color:#fff}

.pager{	width:100%}
.pagination{ background:#ddd; text-align:right; font-size:10px; padding:7px }
.pagination a{ color:#666; background:#f1f1f1; border:1px solid #fff; padding:1px 3px}
.pagination a:hover{ color:#000; background:#fff; border:1px solid #000; padding:1px 3px}
.pagination a.page_Selected{ color:#fff;background:#000;border:1px solid #fff;padding: 1px 3px}

.carousel_container {width: 610px; margin: 0px auto; border: none}

.span-8 h3{height:23px;}

table.produits {background: #ddd; border: 3px solid #ddd; width: 100%; margin-top: -10px;}
table.produits td{background: #fff; border: 2px solid #ddd; font-size: 11px; padding: 2px 10px; text-align: center}
object, embed{display:block;}