@charset "utf-8";

/**
 * BODY
 ***********************************************************
 ***********************************************************
 */
body {
	background:#bdc3bf url('../images/bck_html.jpg') no-repeat top center;
	/*background:#bdc3bf;*/
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	line-height:1.5;
	margin:0;
	overflow:auto;
	position:relative;
	padding:0;
}
div#container {
	background:#eed8be url('../images/bck_body.gif') repeat;
	margin:40px auto 50px auto;
	padding:0;
	position:relative;
	top:0;
	width:990px;
	z-index:1;
}
* html div#container {
	height:645px;
}
a {
	color:#f49700;
	text-decoration:none;
}
a:hover {

}
h1, h2 , h3, h4, h5 {
	margin:0;
}
h1 {
	font-size:17px;
	font-weight:normal;
	line-height:17px;
}
h2 {
	font-size:15px;
	font-weight:normal;
	line-height:19px;
}
h3 {
	font-size:13px;
	line-height:17px;
	margin:0.25em 0;
}
h4 {
	font-size:13px;
	font-weight:bold;
	margin:0.2em 0;
}
h5 {
	font-size:13px;
	background:transparent url('../images/puce.gif') no-repeat;
	background-position:0px 8px;
	padding-left:10px;
	margin:0.2em 0px 0.2em 5px;
}
p {
	margin:0.1em 0;
}
p strong {
	font-weight:bold;
}
.alert, .mentions_obligatoires {
	color:#C01122;
}
hr {
	background-color:#f49700;
	border:1px solid #f49700;
	clear:both;
	display:block;
	height:2px;
	margin:5px 0;
	visibility:visible;
}
* html hr {
	margin:1px 0;
}
form, form fieldset {
	margin:0px;
	padding:0px;
}
form fieldset legend {
	display:none;
	visibility:hidden;
}
form fieldset label {
	display:block;
	cursor:pointer;
}
form fieldset select.selectbox {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#333333;
	font-size:12px;
	margin:2px 0 5px;
	padding:1px;
	width:95%
}
form fieldset input.inputbox {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#333333;
	font-size:12px;
	margin:2px 0 5px;
	padding:2px;
	width:95%
}
form fieldset input.inputbox2 {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#333333;
	font-size:12px;
	margin:2px 0 5px;
	padding:2px;
	width:35%
}
input, select, textarea, .inputbox, .inputbox2 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
}
form fieldset textarea.textbox {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	color:#333333;
	font-size:12px;
	margin:2px 0 5px;
	padding:2px;
	width:95%
}
form fieldset p {
	margin:2px 0px;
}
form fieldset p.notice {
	background-color:#F49700;
	color:#ffffff;
	padding:2px;
}
.loader {
	display:block;
	margin:50px auto;
	filter : alpha(opacity=50);
	-moz-opacity : 0.5;
	opacity : 0.5;
}

/**
 * LNG
 ***********************************************************
 ***********************************************************
 */
#language {
	position:absolute;
	right:0px;
	visibility:visible;
	z-index:2;
}
#language li {
	float:left;
}
#language a {
	display:block; float:left;
	height:26px; width:26px;
	text-indent:-9999px;

}
a#language_fr {
	background:transparent url(../images/bck_lngFrUk.gif) no-repeat;
	background-position:0px 0px;
}
a:hover#language_fr {
	background-position:0px -26px;
}
a#language_uk {
	background:transparent url(../images/bck_lngFrUk.gif) no-repeat;
	background-position:-26px 0px;
}
a:hover#language_uk {
	background-position:-26px -26px;
}

/**
 * HEADER
 ***********************************************************
 ***********************************************************
 */
div#header {
	margin:-25px 0px 0px -17px;
	padding:0;
	position:absolute;
	z-index:1;
}
div#header a.logo {
	background:transparent url('../images/logo_omnipresents.png') no-repeat;
	background-position:0% 0%;
	display:block;
	height:130px;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	width:252px;
}
* html div#header a.logo {
	background:transparent url('../images/logo_omnipresents.gif') no-repeat;
}
div#header a.logo span {
	display:none;
	visibility:hidden;
}
div#header a.viewcart {
	display:none;
	visibility:hidden;
}

/**
 * NAV
 ***********************************************************
 ***********************************************************
 */
div#nav {
	background:#203236;
	height:26px;
	margin-bottom:5px;
	position:relative;
}
div#nav ul {
	margin-left:240px;
}
div#nav ul li {
	float:left;
	height:31px;
	position:relative;
	margin-top:-5px;
}
div#nav ul li a {
	color:#ffffff;
	display:block;
	font-size:15px;
	font-weight:normal;
	float:left;
	line-height:36px;
	height:31px;
	overflow:hidden;
	padding:0px 16.75px;
}
div#nav ul li a:hover {
	background:transparent url('../images/bck_nav-a.gif') no-repeat;
	background-position:100% 0%;
}
body.accueil div#nav ul li a.accueil, body.catalogue div#nav ul li a.accueil, body.presentation div#nav ul li a.presentation, body.cgv div#nav ul li a.cgv, body.references div#nav ul li a.references, body.personnalisations div#nav ul li a.personnalisations, body.contacts div#nav ul li a.contacts {
	background:transparent url('../images/bck_nav-a_o.png') no-repeat;
	background-position:100% 0%;
}
* html body.accueil div#nav ul li a.accueil {
	background:transparent url('../images/bck_nav-a_o.gif') no-repeat;
	background-position:100% 0%;
}
* html body.catalogue div#nav ul li a.accueil {
	background:transparent url('../images/bck_nav-a_o.gif') no-repeat;
	background-position:100% 0%;
}
* html body.presentation div#nav ul li a.presentation {
	background:transparent url('../images/bck_nav-a_o.gif') no-repeat;
	background-position:100% 0%;
}
* html body.cgv div#nav ul li a.cgv {
	background:transparent url('../images/bck_nav-a_o.gif') no-repeat;
	background-position:100% 0%;
}
* html body.references div#nav ul li a.references {
	background:transparent url('../images/bck_nav-a_o.gif') no-repeat;
	background-position:100% 0%;
}
* html body.personnalisations div#nav ul li a.personnalisations {
	background:transparent url('../images/bck_nav-a_o.gif') no-repeat;
	background-position:100% 0%;
}
* html body.contacts div#nav ul li a.contacts {
	background:transparent url('../images/bck_nav-a_o.gif') no-repeat;
	background-position:100% 0%;
}

/**
 * ASIDE
 ***********************************************************
 ***********************************************************
 */
#edito {
	float:left;
	font-size:11px;
	margin:0px 10px;
	padding:0px 0px 0px 0px;
	position:relative;
	width:154px;
}
* html #edito {
	font-size:10px;
	overflow:visible;
	margin:0px 5px;
	width:145px;
}
#edito h2 {
	margin-top:-2px;
}
#edito p {
	margin-bottom:5px;
}
#edito p.paperclip {
	height:26px;
	position:absolute;
	right:5px;
	margin-top:-20px;
	width:16px;
}
#edito p.paperclip span {
	display:none;
}
#edito p.green {
	background:transparent url('../images/vis_green-paperclip.gif') no-repeat top left;
}
#edito.orange {
	background:transparent url('../images/vis_orange-paperclip.gif') no-repeat top left;
}
#edito p a.cb {
	background:transparent url('../images/logo_cb.gif') no-repeat bottom left;
	display:block;
	height:45px;
	margin:0 auto;
	padding:0;
	position:relative;
	width:62px;
}
#edito p a.cb span {
	display:none;
	visibility:hidden;
}
#edito a {
	color:#FFF;
	text-decoration:underline;
}

/**
 * SIDENAV
 ***********************************************************
 ***********************************************************
 */
#sidenav {
	float:left;
	margin:0;
	padding:0;
	width:189px;
}
* html #sidenav {
	overflow:visible;
	margin-right:-3px;
}

/**
 * ASIDE
 ***********************************************************
 ***********************************************************
 */
#aside {
	float:right;
	margin:0px 10px 0px 0px;
	padding:0;
	width:189px;
}
* html #aside {
	overflow:visible;
	position:absolute;
	right:0px;
	width:199px;
}
body.catalogue #aside, body.presentation #aside, body.cgv #aside, body.references #aside, body.personnalisations #aside, body.contacts #aside {
	display:none;
	visibility:hidden;
}

/**
 * SECTION
 ***********************************************************
 ***********************************************************
 */
#section {
	/*color:#9c9e9f;*/
	color:#595959;
	font-size:11px;
	margin:0px;
	overflow:hidden;
	padding:0px;
	position:relative;
	min-width:512px;
}
* html #section {
	overflow:visible;
	height:1%;
}


div#section div.content {
	margin:0px;
	overflow:hidden;
	padding:0px;
	position:relative;
}
* html div#section div.content {
	height:1%;
	overflow:visible;
}

div#section div.promos div div div {
	height:235px;
}
body.catalogue div#section div.promos, body.presentation div#section div.promos, body.cgv div#section div.promos, body.references div#section div.promos, body.personnalisations div#section div.promos, body.contacts div#section div.promos {
	display:none;
	visibility:hidden;
}
div#section div.products div div div {
	height:235px;
}
body.catalogue div#section div.products, body.presentation div#section div.products, body.cgv div#section div.products, body.references div#section div.products, body.personnalisations div#section div.products, body.contacts div#section div.products {
	display:none;
	visibility:hidden;
}
div#section div.nouveautes div div div {
	height:480px;
}
div#section div.categories div div div {
	height:480px;
}
div#section div.categories div div div div, div#section div.nouveautes div div div div {
	height:auto;
}
body.accueil div#section div.categories {
	display:none;
	visibility:hidden;
}
div#section div.content div div div {
	height:480px;
}

div#section h1 {
	font-size:16px;
	line-height:25px;
}
div#section h2 {
	font-size:16px;
	line-height:20px;
}

div#section div.promos h2 {
	color:#f49700;
}

div#section div.products h2 {
	color:#54a3db;
}

div#section div.nouveautes h2 {
	color:#89b015;
	line-height:24px;
}

div#section div.categories h2 {
	color:#f49700;
}

div#section div.content div div div div.container {
	/*border:1px solid red;*/
	height:435px;
	margin:0px;
	overflow:auto;
	padding:5px;
	position:relative;
}
div#section div.content div div div div.container div{
	height:auto;
}

div#section p.paperclip {
	height:26px;
	position:absolute;
	right:15px;
	margin-top:-18px;
	width:16px;
}
div#section p.paperclip span {
	display:none;
}
div#section p.green {
	background:transparent url('../images/vis_white-paperclip.gif') no-repeat top left;
}

/**
 * PRODUCTS
 ***********************************************************
 ***********************************************************
 */
ul.rndproduct {
	margin:0;
	padding:0;
	position:relative;
}
ul.rndproduct li {
	margin:4px 0px;
	padding:0;
	position:relative;
}
#section ul.rndproduct a.img {
	display:block;
	height:100px;
	margin:0px 0px;
	text-align:center;
}
#section ul.rndproduct p, div#section ul.rndproduct a {
	color:#ffffff;
	display:block;
	font-size:12px;
	height:32px;
	line-height:125%;
}
#section ul.rndproduct p {
	margin:5px 10px 0px 10px;
	padding:2px 5px;
}
#section div.promos ul.rndproduct li p {
	background:#F49700;
}
#section div.products ul.rndproduct li p {
	background:#54a3db;
}
#section div.nouveautes ul.rndproduct li p {
	background:#89b015;
}
#section ul.rndproduct li p strong, div#section ul.rndproduct li p a {
	display:none;
}

table.partners {
	margin-top:10px;
}
table.partners td {
	vertical-align:middle;
	text-align:center;
}

ul.list1 {
	list-style-type:disc;
	padding-left:15px;
	margin-left:5px;
}
ol.list2 {
	list-style-type:lower-roman;
	padding-left:15px;
	margin-left:5px;
}

ul.references {
	clear:left;
	height:100px;
	margin-left:15px;
}
ul.references li {
	float:left;
}

ul.autres-catalogues li {
	float:left;
	margin-top:20px;
	width:49%;
}
ul.autres-catalogues li span {
	display:block;
	text-align:center;
}
ul.autres-catalogues li a {
	display:block;
}
ul.autres-catalogues li a img {
	display:block;
	margin:auto;
}

td.cell {
	height:35px;
	text-align:center;
	vertical-align:middle;
	width:8%;
}

ul.contacts li {
	height:24px;
}
ul.contacts li.even a, ul.contacts li.even em, ul.contacts li.even strong{
	background:#F3F3F3;
}
ul.contacts li.odd a, ul.contacts li.odd em, ul.contacts li.odd strong{
	background:#FFFFFF;
}
ul.contacts li a, ul.contacts li em, ul.contacts li strong {
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	padding-left:2%;
	width:20%;
}
ul.contacts li a { width:15%; }
ul.contacts li em { width:58%; }
ul.contacts li strong { width:20%; }

/**
 * CATEGORIESLIST
 ***********************************************************
 ***********************************************************
 */
ul#categoriesList {
	margin:0;
	padding:0;
	position:relative;
}
ul#categoriesList li a {
	background:transparent url('../images/bck_categories-mini.jpg') no-repeat;
	display:block;
	font-size:11px;
	line-height:22px;
	margin:5px 0px;
	overflow:hidden;
	padding-left:24px;
	height:22px;
}
ul#categoriesList li a#a_YC36 {
	background-position:0px 0px;
}
ul#categoriesList li a#a_YC1 {
	background-position:0px -22px;
}
ul#categoriesList li a#a_YC24 {
	background-position:0px -44px;
}
ul#categoriesList li a#a_YC25 {
	background-position:0px -66px;
}
ul#categoriesList li a#a_YC2 {
	background-position:0px -88px;
}
ul#categoriesList li a#a_YC3 {
	background-position:0px -110px;
}
ul#categoriesList li a#a_YC3135 {
	background-position:0px -132px;
}
ul#categoriesList li a#a_YC2263 {
	background-position:0px -154px;
}
ul#categoriesList li a#a_YC39 {
	background-position:0px -176px;
}
ul#categoriesList li a#a_YC28 {
	background-position:0px -198px;
}
ul#categoriesList li a#a_YC31 {
	background-position:0px -220px;
}
ul#categoriesList li a#a_YC8 {
	background-position:0px -242px;
}
ul#categoriesList li a#a_YC37 {
	background-position:0px -264px;
}
ul#categoriesList li a#a_YC7 {
	background-position:0px -286px;
}
ul#categoriesList li a#a_YC10 {
	background-position:0px -308px;
}
 
/**
 * FOOTER
 ***********************************************************
 ***********************************************************
 */
#footer {
	background:#203236;
	clear:both;
	height:23px;
	margin-top:12px;
	overflow:hidden;
	padding:0;
	position:relative;
}
#footer p {
	line-height:22px;
	text-align:center;
}
#SelLanguage {
	float:right;
	margin-top:-22px;
	margin-right:1px;
	position:relative;
}