body.PB, body.PBPW {
	text-align:center;
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0 auto;
	padding:0;
	background-color: #05A1D0;
	color:#000;
	height:100%;
	background-image: url(/Files/13825/img-gsk/background.gif);
	background-repeat: repeat-x;
	background-position: top;
	}

font {
	font-size: 13px;

}

#maincontainer {
	text-align:center;
	margin:0 auto;
	width:100%;
	height: auto;
	position: relative;
}

#topbanner {
	display:block;
	width:100%;
	text-align:center;
}

#topbanner img{
}

/* HEADER STYLES >> General layout configuration - Configuration de la mise en page des elements*/
#headercontainer {
	height:130px;
	margin:0 auto;
	padding:0;
	position:relative;
	z-index:100;
	width: 950px;
}

#headerarea {
	margin:0;
	padding:0;
}
#headerlogo {
	text-align: left;
}
#headercolumn1 {
left:0;
position:absolute;
text-align:center;
top:0;
}

#headerlogo a {
height:80px;
margin-left:0;
vertical-align:middle;
width:274px;
}
#headerlogo img {
	border: 0;
	background-image: url('/Files/13825/Img/03/logo-oxatis.gif');
	background-repeat: no-repeat;
	background-position: center center;
	width: 293px;
	height: 89px;
}
#headerbanner {
	display:block;
	width:100%;
	text-align:center;
}
#headerbanner img{
	
}
#headercolumn2 {
	
}
#headerdata  {
	float:right;
	height:50px;
	margin-top:0;
	padding:0;
	position:relative;
	text-align:right;
	top:30px;
	width:600px;
}
#headerdata img {
	margin: 0px;
	border: none;
}
#headertext  {
	color:#FFFFFF;
	display:block;
	font-size:16pt;
	font-weight:bold;
	position:absolute;
	right:10px;
	text-decoration:none;
	text-transform:uppercase;
	top:10px;
}
#headerbanner {
}
/* HORIZONTAL MENU  >> menu block  - Bo�te menu*/
#headermenu {
	height:30px;
	overflow:visible;
	padding:0;
	margin:0;
	top:100px;
	width:950px;
	position:absolute;
	right:0;
}
/* HORIZONTAL MENU  >> menu items layout configuration  - Configuration de la mise en page des elements*/
ul#hmenu {
	float:left;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding: 0;
}
#hmenu li.menusep {
height:auto;
width:auto;
}
#hmenu li {
	float:left;
	position:relative;
}
/* HORIZONTAL MENU  >> Link styles - Mise en forme des liens*/
#hmenu a.menu, #hmenu span {
	_width: 1px;
	color:#FFF;
	display:block;
	font-size:12px;
	height:30px;
	line-height:29px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	padding: 0;
}


/* HORIZONTAL MENU  >> mouseover links styles - Element survole*/
#hmenu li a:hover, #hmenu a.menu:hover, #hmenu a.subactive  {
	text-decoration:underline;
}

/* HORIZONTAL MENU  >> - text styles - Mise en form des Textes*/
#hmenu span {
}

/* HORIZONTAL MENU  >> First element (border before first menu item) - Premier element (bordure)*/
#hmenu li.begin {
	display: none;

}

/* HORIZONTAL MENU  >> Last element (border after last menu item) - Dernier element (bordure)*/
#hmenu li.end {
	display: none;
}

/* HORIZONTAL MENU  >> Menu items - Elements*/

#hmenu li.mititle {
	font-weight: bold;
	/*white-space: nowrap;*/
	text-decoration: none;
}
#hmenu li.mitext {
	font-weight: bold;
	/*white-space: nowrap;*/
	text-decoration: none;
}

#hmenu li.miimg img {
	border:none;

}


#hmenu li.miimg img a{
	border:none;

}

#hmenu li.miimg a.menu img {
	line-height: 43px;
}

/* HORIZONTAL SUBMENU >> */
/* Class used to specify the rightmost item on the horizontal menu and correctly position it's submenu */
ul#hmenu li.menuright ul.submenu{
	left:auto;
	right:0px;

}
ul#hmenu li div {
	margin:0;
	border:none;
	padding-top:0px;
	
}
ul#hmenu li ul.submenu{
	background-color:#f9f9f9;
	border-color:#05A1D0;
	border-style:solid;
	border-width:0 1px 1px;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:30px;
	visibility:hidden;
	width:180px;
}
#hmenu li.misep {
	height : 30px;
	width: 11px;
	background-image: url(/Files/13825/img-gsk/sep.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0 5px 0 5px;
	_padding: 0 10px 0 10px;
}
#hmenu li.mispacer {
	width:10px;
	height: 30px;
}
ul#hmenu li ul.submenu li {
	float:none;/* cancels inherited float properties */
	clear:right;
	height: auto;
	text-align:left;
	border:none;
	margin: 0;
}
ul#hmenu li ul.submenu a, ul#hmenu li ul.submenu span,ul#hmenu li ul.submenu li.mispacer, ul#hmenu li ul.submenu li.misep {
	border:none;/* cancels inhertited left and right borders */
	padding-left:10px; /* set lateral padding here*/
	padding-right:10px;/* set submenu width here */
	line-height:25px;
	margin: 0;
	text-transform: none;

}

ul#hmenu li ul.submenu li.begin{
	display:none;
}
ul#hmenu li ul.submenu li.mispacer{
	height:10px;
}
ul#hmenu li ul.submenu li.misep{
	height:0px;
	border-bottom: 2px solid #05A1D0;
	width: auto;
	margin-bottom: 0px;
	background-color: #f5f5f5;
	line-height: 0px;
	font-size: 0px;
}

ul#hmenu li ul.submenu li.end{
	display:none;
}
#hmenu li ul.submenu li.miimg {

}
#hmenu li ul.submenu li.miimg img{
	border:none;
	}
/* Submenu section titles */
#hmenu li ul.submenu li.mititle span, #hmenu li ul.submenu li.mititle a {
	font-size: 12px;
	font-weight: bold;
	color: #05A1D0;
}

#hmenu li ul.submenu li.mitext span, #hmenu li ul.submenu li.mitext a {
	color:#05A1D0;
	font-size: 12px;
	font-weight: normal;
}
ul#hmenu li ul.submenu li.menusep {
	
}
ul#hmenu li ul.submenu li a, ul#hmenu li ul.submenu li span{
	display:block;
	white-space:normal;
	background-image:none;
	height: auto;
	_width: auto;
_height: 25px;
	text-align:left;
}
ul#hmenu li ul.submenu li a:hover {
	background-image:none;
	background-color: #05A1D0;
	color:#FFF;
	text-decoration: none;
}
ul#hmenu li ul.submenu li.mititle a:hover {
	background-image:none;
	background-color: #05A1D0;
	color:#FFF;
	text-decoration: none;
}
/* HORIZONTAL SUBMENU END */

/* END HEADER STYLES */  

/* CONTENT STYLES */
#bodycontainer {
background-color:#F7F5F5;
background-position:left top;
background-repeat:repeat-x;
margin:0;
padding:0 0 25px;
width:100%;
z-index:50;
}
.wbid504398 #bodycontainer, .wbid505137 #bodycontainer , .wbid509774 #bodycontainer, .wbid505471 #bodycontainer, .wbid506630 #bodycontainer, .wbid623447 #bodycontainer, .wbid647926 #bodycontainer  { 
background-image:url("/Files/13825/Img/01/sectionHeader-bg-v9.gif");
}

#bodyarea {
	margin:0 auto;
	padding:0;
	width: 950px;
	position: relative;
}

#bodycolumn1 {
	margin-left:0;
	position:absolute;
	right:0;
	top:-125px;
	z-index:115;
}

#bodycolumn2 {
	margin:0;
}
#bodycolumn3 {
	position:absolute;
	top:0px;
	right:-20px;
	background-color:silver;
	margin:0;
	padding:0;
}
#verticalbanner {
	position:absolute;
	left:0!important; left:10px;
	top:0;
	
}

#bodytopbanner {
	display:block;
	width:100%;
	text-align:center;
	line-height: 0px;
}

#bodydata {
	margin: 0 !important;
	margin: 0 0 0 0px;
	padding: 0;
}

*html #bodyarea {
	height:450px;
}


#bodydata form {
	text-align: left;
}

/* clear floating in bodycolumns 1 and 3 and lengthen the page if a floating column is longer than main content in #bodycolumn2 */
.clearbodycontainer {
	clear:both;
	font-size:1px;
	line-height:0px;
}

/* END CONTENT STYLES */

/* VERTICAL MENU  >> General layout configuration - Configuration de la mise en page generale*/
#verticalmenu {
	display:inline;
	margin:0;
	overflow:visible;
	padding:0;
	text-align:left;
	_width:160px;
	width: 800px;
}

/* VERTICAL MENU  >> Menu items layout styles - Configuration de la mise en page des elements*/
ul#vmenu {
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	height: 30px;
}

#vmenu li {
	margin:0;
	position:relative;
	zoom:1;
	float: right;

}
#vmenu li a, #vmenu li span, #vmenu li.misep {
}
/* VERTICAL MENU  >> First element (border before first menu item) - Premier element (bordure)*/
#vmenu li.begin {
	display:none;
}
/* VERTICAL MENU  >> Separator  between menu items - Separateur entre les elements*/
#vmenu li.sep {
	background-color:#000;
	height:0px;
}
/* VERTICAL MENU  >> Last element (border after last menu item) - Dernier element (bordure)*/
#vmenu li.end {
	display:none;
}


/* VERTICAL MENU  >> Menu items - Elements*/
/* VERTICAL MENU >> Titles for sub sections */
#vmenu li.mititle span, #vmenu li.mititle a.menu {
	color:#000;
	display:block;
	font-size:9pt;
	font-weight:bold;
	line-height:28px;
	padding:0 5px 0 30px;
	text-decoration:none;
	text-indent:0;
	_height: 25px;
	text-transform: uppercase;
	text-align: left;
}
#vmenu li.mititle a.menu:hover, #vmenu li.mititle a.subactive {
	text-decoration: underline;
}
/* End Section Titles */
#vmenu li.mitext {
	color:#333;
	font-size:8pt;
	font-weight:normal;
	line-height:25px;
}
#vmenu li.mitext a.menu:hover, #vmenu li.mitext a.subactive {
	text-decoration: none;
	color: #FFF;
	background-color: #05A1D0;
	}


#vmenu li.menusep {
	width: auto;
	padding:0;
	margin:0;
}
/* VERTICAL MENU  >> Spacers - Elements de type espace*/
#vmenu li.mispacer {
	height:20px;
	width: auto;
}
/* VERTICAL MENU  >> Separators - Elements de type separateur*/
#vmenu li.misep {
	background-color:#05A1D0;
	height:5px;
	padding:0;
	_font-size:1px;
	_line-height:0px;
}

/* VERTICAL MENU  >> Link styles - Mise en forme des liens*/
#vmenu li.mitext a.menu, #vmenu li.mitext span {
	color:#333;
	display:block;
	line-height:25px;
	padding:0 20px;
	text-decoration:none;
}

#verticalmenu li.mitext span {
	padding:0;
}
#vmenu li.miimg {
	border:medium none;
	text-align:center;
	padding-left: 25px;
}
#vmenu li.miimg img {
	text-align: center;
	border:none;
}
#vmenu li.miimg a.menu {
	display:block;
	text-indent:0;
}
/* VERTICAL MENU  >> mouseover links styles - Element survole*/

#vmenu li.mitext a.menu:hover, #vmenu li.mitext a.subactive {
	text-decoration: none;
	color: #683B15;
	background-color: #EDCD9A;
	
}
#vmenu a.menu, #vmenu span {
	display:block;
}
#vmenu li.miimg a.menu:hover, #vmenu li.miimg a.subactive {
	text-decoration: none;
	color: #05A1D0;
}
#vmenu li.miimg a.menu img {
	border: none;
}
#vmenu li.miimg a.menu:hover img {
	border:none;
}
/* VERTICAL MENU SUBMENUS >> BEGIN */
ul#vmenu li div{
	padding:0px;
	margin:0px;
	font-size:0px;
	}

ul#vmenu li ul.submenu{
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin:0;
	background-color:#FFF;
	position:absolute;
	top:0px!important;
	_top:-0px;
	visibility:hidden;
	left:158px;
	border: 1px solid #05A1D0;
	width: 160px;
	text-align: left;
	_margin-left:0px;
	_text-align: left;
}
/* Class used to specify the Bottommost item on the Vertical menu and correctly position it's submenu */
ul#vmenu li.menuup ul.submenu{
	bottom:-1px;
	top:auto;
}
ul#vmenu li ul.submenu li {
	margin:0;
border:none;
	background: none;
}

#vmenu li ul.submenu li.miimg {
text-align: center;
	border:none;
}

ul#vmenu li ul.submenu li a.menu, ul#vmenu li ul.submenu li span, ul#vmenu li ul.submenu li.misep {
	width:auto;
	padding-left:0px;
	padding-right:0px;
	text-indent:0;
	background: none;
}

ul#vmenu li ul.submenu li a.menu:hover {
	background-color: #FFF;
	color: #EDCD9A;
	width: auto;
}
ul#vmenu li ul.submenu li.misep {
	border-bottom-color:#333;
	width: auto;
	margin-bottom: 5px;
}
#vmenu li ul.submenu li.mititle span, #vmenu li ul.submenu li.mititle a.menu {
	margin: 0px;
	padding-top: 4px;
	padding-bottom:4px;
	font-size: 12px;
	color:#05A1D0;
	line-height: 15px;
	font-weight: bold;
	text-decoration:none;
	text-align: left;
	background: none;
	_text-align: left;
	padding-left:10px;
	background-image:none;
	border: none;
}
#vmenu li ul.submenu li.mititle a.menu:hover {
	background-color: #05A1D0;
	background-image: none;
	color: #FFF;
	padding-right: 0px;
	padding-left:10px;
}
ul#vmenu li ul.submenu li.mitext a.menu, ul#vmenu li ul.submenu li.mitext span {
	color:#333;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	line-height:14px;
	padding-top:4px;
	padding-bottom:4px;
	text-align: left;
	width: auto;
	padding-left: 10px;
	border: none;
}
ul#vmenu li ul.submenu li.mitext a.menu:hover {
	background-color: #05A1D0;
	background-image: none;
	color: #FFF;
	padding-right: 0px;
	padding-left:10px;
}
ul#vmenu li ul.submenu li.miimg a.menu:hover {
	background-image: none;
	width: auto;
	margin: 0;
	padding: 0;
}
ul#vmenu li ul.submenu li.menusep {
	border:none;
}

/* FOOTER STYLE en ligne*/
#footercontainer {
	border:0 none;
	clear:both;
	font-size:9pt;
	margin:0 auto;
	_margin: 0px;
	padding:0 0 15 0;
	text-align:center;
	width: 100%;
	background-image: url(/Files/13825/img-gsk/footer.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 264px;
}
#footerarea {
	margin:0 auto;
	padding:0;
	text-align: left;
	width: 950px;
	position:relative;
}
#footermenu {
	color:#FFFFFF;
	margin:0 auto;
	overflow:visible;
	padding:5px 0 20px;
	_padding:10px 0 20px;
	position: relative;
	height: 220px;
}
ul#fmenu {
	list-style-type:none;
	padding:0;
	text-align:left;
	width:950px;
}
	
	
#fmenu li {
display:inline-block;
_display:inline;
margin:0 50px 5px 0;
text-align:left;
width:190px;

}

#fmenu li.mititle a.menu, #fmenu li.mititle{
background-image:none;
color:#222;
font-size:13pt;
font-variant:small-caps;
font-weight:bold;
padding:0;
text-transform:capitalize;
}
#fmenu li.text {
	font-weight: normal;
	color: #fff;
}

#fmenu a.menu img {
	border:none;}
#fmenu li a:hover {}
#fmenu a.menu {
	background-image:url("/Files/13825/img-gsk/puce-footer-text.gif");
	background-position:left 5px;
	background-repeat:no-repeat;
	color:#f5f5f5;
	margin:0;
	padding:0 0 0 10px;
	text-decoration:none;
}

#fmenu a.menu:hover {
	color: #DDD;
}
#fmenu li.begin {
	display: none;}
#fmenu li.sep {
	background-color:silver;}
#fmenu li.end {
	display: none;}
#fmenu li.misep {
	display:block;
	height:0px;
	width:0px;
	margin:0;
	font-size:0px;
	line-height:0px;}
	
#copyright {
	font-size:7pt;
	font-family:Verdana, Geneva, sans-serif;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
#copyright span {
	color: #FFF;
display: block;
}
#poweredby {
	font-family:Verdana, Geneva, sans-serif;
	font-size:7pt;
	text-align: center;
}
#poweredby a, #poweredby a:link, #poweredby a:visited, .blockshortcut a {
	color: #FFF;
	text-decoration:none;
}
#poweredby a:hover {
	text-decoration:underline;
	border:none;
	color: #EDCD9A;
	z-index: 455;
}
#poweredby span {}

/*Fin du footer style ligne*/

/* END FOOTER */

/*LANGUAGE ICONS */
#langflags {
	display:none;
}
#footerFlag {
	position:relative;
	width:950px;
	top: 90px;
	_top: 15px;
	padding: 0;
}
#footerFlag ul, #footerFlag li, #footerFlag a, #footerFlag span {
	margin: 0;
	padding: 0;
}
#footerFlag ul {
	list-style-type:none;
	text-align:center;
	padding-top: 5px;
}

#footerFlag ul li {
	display: inline;
	text-align: center;
	margin-right: 7px;
	
}
#footerFlag ul li a span {
	background-repeat:no-repeat;
	display: inline;
	white-space: nowrap;
	text-align: center;
	cursor:pointer;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 12px;
	background-position: center center;
	height: 15px;
	width: 22px;
	line-height: 1.2em;
}
#footerFlag a span {
	border:1px solid #999;
}

#footerFlag a:hover span {
	border: 1px solid #fff;
}

/* END LANGUAGE ICONS */


#bannervertical {
	position:absolute;
	left:0;
	top:0;
	width:0px;
	margin-left:20px;
}

.navbar {
	margin-top:10px;
}
.navbar span, .navbar select {
	font-family:arial;
	font-size:12px;
	font-style:normal;
	font-weight: normal;
	padding: 0px;
}
.navbar ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.navbar li {
	padding:0;
	margin: 0;
	border:0;
	display: inline;
	line-height: normal;
}
.navbar a, .navbar a:visited, .navbar .off {
	color:#02A9DC;
	text-decoration: none;
}
.navbar a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #000066;
}

.navbar span {
	white-space:nowrap;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
}
.navbar select {
	background-color:#FFFFFF;
	color:#01ACDF;
}
a span.navfirst, a span.navprev, a span.navnext, a span.navlast {
	margin: 0 5;
}

.view {
	width:100%;
	margin: 0;
	padding: 0px;
}
.viewtbl {
	padding:0;
	margin:0;
	width:950px;
	border-collapse: collapse;
}
.sectiontb {
	padding:0;
	_margin-top: 10px;
}

.sectiontbarea {
	margin: 0px;
	padding: 0px;
	_width: 100%; /* Fixes a bug in IE (related to the site's structure) */
}

.sectiondata {
	height : 100%;
	margin:0px;
}
.sectiondataarea {
	_width: 950px; /* Fixes a bug in IE (related to the site's structure) */
	height : 100%;
	padding: 0;
	border:0;
}

.sectiondataarea table {
	margin:0;
	padding: 0;
	border-collapse: collapse;
}

.imgbordernone, .imgthumbnail, .imgmain, .imgcat {
	border:none;
}
/*** BUTTONS & ICONS ***/
/* Main buttons */
a.btnmain span {
	color: #FFF;
	margin: 0px;
	padding: 0px 9px 4px 4;
	text-decoration:none;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-image: url(/Files/26199/img-gsk/btn-span.gif);
	background-position: right -3px;
}
a.btnmain {
	font-size:9pt;
	color: #FFF;
	font-weight:normal;
	text-decoration:none;
	line-height:2em;
	margin: 0px;
	padding: 0px 0px 4px 6px;
	background-repeat: no-repeat;
	background-image: url(/Files/26199/img-gsk/btn-normal.gif);
	background-position: left -3px;
	_padding-bottom: 0px;
}
a.btnmain:hover{
	background-image: url(/Files/26199/img-gsk/btn-normal.gif);
	background-repeat: no-repeat;
	background-position: left -25px;
	text-decoration:none;
}
a.btnmain:hover span{
	background-image: url(/Files/26199/img-gsk/btn-span.gif);
	background-position: right -25px;
	background-repeat: no-repeat;
	text-decoration:none;
}
a#btnsearch, a#btnviewcart {
	padding-left : 25px;
}
a#btnsearch:hover, a#btnviewcart:hover {
	background-position: left -25px;
}
a#btnsearch {
	background-image: url(/Files/26199/img-gsk/btn-search.gif);
}
a#btnviewcart {
	background-image: url(/Files/26199/img-gsk/btn-cart.gif);
}
/* Secondary buttons */
a.btnsub {
	font-size:9pt;
	font-weight:normal;
	color:#03A6D6;
	text-decoration:none;
	padding:4px 0px 4px 23px;
	margin: 10px 0px;
	background-image: url(/Files/26199/img-gsk/puce.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height:2.2em;
}
a.btnsub:hover {
	text-decoration:underline;
}
a#btnemailfriend {
	background: url(/DesignCss/SharedImages/EMail-w.gif) no-repeat 0px 2px;
}
a#btnaddtofav {
	background: url(/DesignCss/SharedImages/Favorite-w.gif) no-repeat 0px 2px;
}
a#btnattachment {
	background: url(/DesignCss/SharedImages/Attachment-w.gif) no-repeat 0px 3px;
}

/* icons */
#icontrash, #iconerror, #iconwarning, #iconsalespolicy, #iconattachment, #iconemail, #iconweb, #iconmap {
	width:19px;
	height:19px;
	border:0px;
	vertical-align: text-bottom;
	margin:1px;
}
#icontrash {
	background: url(/DesignCss/SharedImages/TrashCan-w.gif) no-repeat;
}
#iconerror {
	background: url(/DesignCss/SharedImages/Error-w.gif) no-repeat;
}
#iconwarning {
	background: url(/DesignCss/SharedImages/Warning-w.gif) no-repeat;
}
#iconsalespolicy {
	background: url(/DesignCss/SharedImages/SalesPolicy-w.gif) no-repeat;
}
#iconattachment { /* Mail */
	background: url(/DesignCss/SharedImages/Attachment-w.gif) no-repeat;
}
#iconemail {
	background: url(/DesignCss/SharedImages/EMail-w.gif) no-repeat;
}
#iconweb {
	background: url(/DesignCss/SharedImages/Web-w.gif) no-repeat;
}
#iconmap {
	background: url(/DesignCss/SharedImages/Map-w.gif) no-repeat;
}
/*** END BUTTONS & ICONS ***/
.blockshortcut {
	display:block;
	font-size:8pt;
	margin:0 0 10 0;
	padding:5px 0 0;
	width:160px;
	color: #333;
	background-color: #FFF;
	border: 1px solid #ccc;
}
.blockcontainer {
	margin: 0 !important;
	margin: 10 0 0 10;
	padding: 0px;
	background-repeat: repeat-x;
}
.blockarea {
	padding:0 5px 5px;
}

.blockshortcut, .blockshortcut input {
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:8pt;
	text-align: left;
}
.blockshortcut form,  .blockshortcut p, .blockshortcut span, .blockshortcut input, .blockshortcut select, .blockshortcut textarea, .blockshortcut a {
	margin:0;
	padding:0;
}
.blockshortcut a, .blockshortcut a:link, .blockshortcut a:visited {
	color: #01ADE1;
	text-decoration:none;
}
.blockshortcut a:hover {
	text-decoration:underline;
	border:none;
}
.blockshortcut input {
	
}
#blockuserlogin .LoginTagLine {
	
}
#blockuserlogin .email, #blockuserlogin input.password, #blocksearch .searchtext, #blocknewsletter .email, #blockcoupon input.coupon {
	margin: 2 5 2 0;
	
}
#blockuserlogin .email, #blockuserlogin input.password {
	width: 110px;
	margin-right: 5px;
}
.blockshortcut input.blockbtn {
	margin-top: 5;
	margin-right: 5;
	margin-bottom: 2px;
	margin-left: 0;
}
.blockshortcut input.blockbtn:hover {
	
}
#blockuserlogin .blockbtn {
	margin-right:5px;
}


#blockuserlogin .firstvisit, #blockuserlogin .firstvisit a {
	display:block;
}
#blockuserlogout .hellouser {
	display:block;
}
#blockuserlogout .viewaccountinfo {
	display:block;
}
#blocksearch .searchtext {
	display:block;
	float:left;
	width: 110px;
	margin-right: 5px;
}
#blocksearch .searchimg {
	display:block;
	float:left;
	background-image:url(/DesignCss/SharedImages/Search3.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin-top:2px;
	width:20px;
	height:19px;
}
#blocksearch .blockbtn {
	display:block;
	clear:both;
}

#blocknewsletter .newstagline {
}
#blocknewsletter label {
}
#newsok {
	margin-right: 5px;
	
}
#newsko {
	margin-right: 5px;
	
}
#blocknewsletter .email {
	width: 110px;
}
#blocknewsletter .blockbtn {
	margin-top: 5px;
}
#blockrssfeeds a.rss {
background-image:url(/DesignCss/SharedImages/RSSFeeds.gif);
background-position:center center;
background-repeat:no-repeat;
display:block;
height:20px;
margin:0 auto;
width:63px;
}
#blockrssfeeds a.rss:hover {
	text-decoration:none;
}
#blockrssfeeds span.rss {
	display:inline;
}
#blockcoupon span.coupon {
	display:block;
}
#blockcoupon input.coupon {
	width: 110px;
	margin-right: 5px;
}
#blockcoupon .blockbtn {
}



/*** ORIGINAL CSS ***/
h1, h2, h3, h4, h5, h6 {
display:inline;
font-weight:inherit;
margin:0;
padding:0;
font-size:inherit;
_font-size:1em;
font-family:inherit;
}

.PBPTitle, .PBSTitle h1, .PBPTitle h1{
color:#18395F;
font-family: Arial,Helvetica,sans-serif;
font-size:30px;
font-weight:bold;
margin:25px 0 4px 0;
padding:0;
display: block;
}
.PBSTitle, .PBShortTxt h2, .PBLongTxt h2, .PBMainTxt h2 {
	color:#990033;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:24px;
}

.PBColHead {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:10pt;
}
.PBStatic {
	color:#333;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-weight:bold;
	font-size:10pt;
}
.PBMsg {
	color:#000;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:9pt;
}
.PBErrMsg { color:#FF0000; font-family:Verdana; font-weight:bold; font-size:10pt; }
.PBMainTxt {
	color:#333;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:13px;
	text-align: justify;
}
.PBLongTxt {
	color:#333;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:14px;
}
.PBShortTxt {
	color:#5e5e5e;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:15px;
}
.PBCurrency {
	color:#05A1D0;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-weight:bold;
	font-size:11pt;
}
.PBDate {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:10pt;
	font-style:italic;
}
.PBNumber {
	color:#000;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-weight:bold;
	font-size:10pt;
	font-style:italic;
}




/* ###OBSOLETE### *** 
SELECT.PBNav { color:#000000; font-family:Verdana; font-size:8pt; font-style:normal; }
A.PBNav { color:#000066; font-family:Verdana; font-size:8pt; text-decoration:none; }
A.PBNav:hover { color:#000000; font-family:Verdana; font-size:8pt; text-decoration:underline; }
.PBNav { color:#000000; font-family:Verdana; font-size:8pt; }*/
HR.PBMain { color:#000000; height:2; }
HR.PBSub { height:1; border: dotted 1px #CCC; }
TEXTAREA.PB {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:8pt;
	font-style:normal;
}
SELECT.PB {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:8pt;
	font-style:normal;
	background-color: #fff;
	margin: 0 0 0 0px;
	padding: 0px;
}
INPUT.PB {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:8pt;
	font-style:normal;
}
INPUT.PBBtnStd {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-weight:bold;
}
A.PBBtnStd {
	color:#02A9DB;
	font-family:Arial,Helvetica,sans-serif,"century Gothic";
	font-weight:normal;
	text-decoration:none;
	font-size: 8pt;
}
A.PBBtnStd:hover {
	font-family:Arial,Helvetica,sans-serif,"century Gothic";
	font-size:8pt;
	font-weight:normal;
	text-decoration:none;
	text-decoration:underline;
}
.PBReqNote {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif, "century Gothic";
	font-size:9pt;
	font-style:italic;
}

/**************/



.wbid504398 h1, .wbid505137 h1, .wbid505471 h1, .wbid506630 h1, .wbid509774 h1, .wbid623447 h1,
.wbid504398 h4, .wbid505137 h4, .wbid505471 h4, .wbid506630 h4, .wbid509774 h4, .wbid623447 h4,
.wbid504398 h5, .wbid505137 h5, .wbid505471 h5, .wbid506630 h5, .wbid509774 h5 .wbid623447 h5  {
position: absolute;
top: -900px;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#18395F;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
	vertical-align:middle;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#18395f;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}

h5 {
	color:#000;
	font-size:18px;
	font-weight: bold;
	display: block;
	vertical-align:4px;
}

.prestaPrice {
	color:#990033;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:24px;
}

div.sectiondata ul {
	list-style-position: outside;
	list-style-image: url(/Files/13825/V8-FR-puce.png);
	margin-top:4px;
	margin-bottom:4px;
	margin-left:38px;
	padding:0;

}

div.sectiondata li{
	margin-bottom:7px;
	padding:0;
}
.list li {
	list-style-position: outside;
	list-style-image: url(/Files/13825/V8-FR-puce.png);
color: #18395F;
}
.list ol {
margin: 0 0 20px 0;

}
.list ol li {
color: #333;
list-style-type: decimal;
list-style-image: none;
}


/*Specifications*/

#maincontainer.itemdetail .PBMainTxt{
	font-size: 14pt;
	text-transform: normal;
	font-weight: normal;
}

#btnsearchnow {
line-height:0;
position:relative;
top:10px;
}

.sccatalog .sectiondataarea, .catalog .sectiondataarea {height : 100%;}

.itemlist .sectiondataarea tbody td { width : 55%; } 

.itemlist .sectiondataarea tbody td table td { _width : auto; } 

/* Redimension des images menu*/

#hmenu li.auto img  {
	height:30px;
}

#vmenu li.auto img {
	width: 130px;
}

.sectionsubcatlist {

}

ul.subcatlist li {
	border-left:1px solid #999;
	display:inline-block;
	_display:inline;
	line-height:100%;
	padding:0 5px;
	text-align:left;
	width:165px;
}


ul.subcatlist li  .PBMainTxt {
color:#666666;
font-size:8pt;
font-weight:normal;
}

ul.subcatlist {
padding:5px;
}

.subcatlisttitle{
border-bottom: 1px solid #333;
}

/************************PANIER*******************************/

.shopcarttable td {
border:1px solid #CCCCCC;
border-collapse:collapse;
margin:0;
padding:5px;
}


#maincontainer.scshopcart .sectiondataarea {
border:medium none;
height:100%;
padding:0 10px;
}

#maincontainer.scshopcart tr.cartsubtotal td .pbcurrency {
font-size:14pt;
font-style:normal;
}

#maincontainer.scpaymentform .carttotalprice .pbcurrency{
	font-size:14pt;
font-style:normal;
}

#maincontainer.scconfirmform .carttotalprice .pbcurrency{
	font-size:14pt;
font-style:normal;
}
.sccatalog .viewtbl td { height:100%}

.itemlist .viewtbl td { height:100%}


.sectiondataarea .sectioncatheader {
	padding:5px;
	border:none;
	}
	
.carthead td {	
font-style:normal;
}

tr.carttotallines td .PBColHead, tr.cartdiscount td .PBColHead, tr.cartsubtotal td .PBColHead {
font-style:normal;
}

.sectiondataarea .sectioncatheader {
	padding:5px;
	border:none;
}



.itemdetail .PBCurrency {
font-size:14pt;
}

.itemdetail .PBTable .PBCurrency {
font-size:10pt;
}

.itemdetail .PBRelPdtTable {
margin: 10 0px;
}


.scshipform .sectiondataarea {
padding:5px 10px;
}

.scshopcart .viewtbl, .scconfirmform .viewtbl, .scpaymentform .viewtbl, .scorderform .viewtbl, .scshipform .viewtbl {
background-color:#FFFFFF;
margin:10px;
_margin:10px 0 0 0;
padding:0;
width:770px;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.scshopcart .viewtbl, .scconfirmform .viewtbl, .scpaymentform .viewtbl, .scorderform .viewtbl, .scshipform .viewtbl {
background-color:#FFFFFF;
margin:0px;
padding:0;
width:770px;
}

	.scshopcart .view, .scconfirmform .view, .scpaymentform .view, .scorderform .view, .scshipform .view {
padding:10PX;
}
}

/***************** BOUTON HMENU hover ***********************/
#hmenu li.miimg a.menu:hover img, #hmenu li.miimg a.subactive {
visibility:hidden;
}

.home {background-image:url(/Files/13825/menu-v9-2/accueil-hover-v2.gif);}
.sei {background-image:url(/Files/13825/IT-design/sei-hover-IT.gif);}
.offerte {background-image:url(/Files/13825/IT-design/offerte-ecommerce-hover-IT.gif);}
.perche  {background-image:url(/Files/13825/IT-design/scegliere-oxatis-hover-IT.gif);}
.successo {background-image:url(/Files/13825/IT-design/succes-hover-IT.gif);}
.partnersEcommerce {background-image:url(/Files/13825/IT-design/partners-hover-IT.gif);}
.chiSiamo { background-image:url(/Files/13825/IT-design/chi-siamo-oxatis-hover-IT.gif);}
.creare { background-image:url(/Files/13825/IT-design/creare-sito-ecommerce-hover-IT.gif); height:30px; margin-left: 21px;}
.servizi { background-image:url(/Files/13825/Img/13/servizi-hover-IT.gif); height:30px;}


#fmenu .flag a.menu {
background-image:none;/*
display:inline;
float:right;
height:25px;
margin:0 auto;
padding:0;
position:absolute;
top:0;
width:25px;*/
}

#fmenu li.flag {
bottom:-40px;
display:inline;
float:right;
margin:0;
padding:0;
position:relative;
right:0;
_right:35px;
width:auto;
}



/*** CSS JQUERY TABS GENERAL***/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
	margin: 0;
	padding: 0;
}
.tabs-nav ul {
	display:inline;
	width:auto;
}

.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(/Files/13825/Img/02/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}

.tabs-container {
clear: both;
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
height:340px;
font-size:13px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(/Files/13825/Img/06/loading.gif) no-repeat 0 50%;
}


/* CSS tabs tous */

#offres-oxatis ul, #container-5 ul{
list-style: none;
margin: 0;
padding: 0;
}

 #offres-oxatis li, #container-5 li{
margin: 0;
padding: 0;
}

#offres-oxatis .tabs-container ul, #container-5 .tabs-container ul {
	margin-left:38px;

}

#offres-oxatis .tabs-container li, #container-5 .tabs-container li{		
list-style-image: url(/Files/13825/V8-FR-puce.png);
	list-style-position: outside;
	margin-top:4px;
	margin-bottom:9px;
padding:0;
}



#offres-oxatis .tabs-container o lil, #container-5 .tabs-container ol li{
	list-style-type: decimal;
	list-style-position: outside;
list-style-image: url(/Files/13825/V8-FR-puce.png);
	margin-top:4px;
	margin-bottom:4px;
	margin-left:38px;
	padding:0;
=}


/* CSS page offres */
#offres-oxatis ul.tabs-nav {

	
}
#offres-oxatis .tabs-nav li.pro {
	width: 210px;
}
#offres-oxatis .tabs-nav li.expert {
	width: 258px;
}

#offres-oxatis .tabs-nav li.premium {
	width: 180px;
	
}
#offres-oxatis .tabs-nav li.pro {
	width: 210px;
}
#offres-oxatis .tabs-nav li.expert {
	width: 258px;
	_width: 242px;
}
#offres-oxatis .tabs-nav a, #offres-oxatis .tabs-nav a div {
	display: block;
	padding: 0 8px;
	background: url(/Files/13825/tab-offres.jpg) no-repeat;
}

#offres-oxatis .tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	color: #27537a;
	font-size: 14px;
	font-weight:bold;
	line-height: 1.2em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
}
#offres-oxatis .tabs-nav .tabs-selected a {
	color: #900;
}
#offres-oxatis .tabs-nav .tabs-selected a, #offres-oxatis .tabs-nav a:hover, #offres-oxatis .tabs-nav a:focus, #offres-oxatis .tabs-nav a:active {
    background-position: 100% -150px;
	outline: 0; /* prevent dotted border in Firefox */
}
#offres-oxatis .tabs-nav a, #offres-oxatis .tabs-nav .tabs-disabled a:hover, #offres-oxatis .tabs-nav .tabs-disabled a:focus, #offres-oxatis .tabs-nav .tabs-disabled a:active {
	background-position: 100% -100px; /* onglets normal */
}
#offres-oxatis .tabs-nav a:hover {
	color: #900;
}
#offres-oxatis .tabs-nav a div {
	height: 36px; /* IE 6 treats height as min-height */
	min-height: 36px;
	padding-top: 7px;
	padding-left: 9px;
	_padding-bottom: 2px;
}
*>#offres-oxatis .tabs-nav a div { /* hide from IE 6 */
	width: auto;
	height: auto;
}
#offres-oxatis .tabs-nav .tabs-selected a div {
	padding-top: 7px;
	height: 37px; /* IE 6 treats height as min-height */
	min-height: 37px;
	_padding-bottom: 3px;
}
#offres-oxatis .tabs-nav .tabs-selected a div, #offres-oxatis .tabs-nav a:hover div, #offres-oxatis .tabs-nav a:focus div, #offres-oxatis .tabs-nav a:active div {
	background-position: 0 -50px; /* onglets coin droit */
}
#offres-oxatis .tabs-nav a div, #offres-oxatis .tabs-nav .tabs-disabled a:hover div, #offres-oxatis .tabs-nav .tabs-disabled a:focus div, #offres-oxatis .tabs-nav .tabs-disabled a:active div {
	background-position: 0 0; /* onglets coin gauche */
}
#offres-oxatis .tabs-nav .tabs-selected a:link, #offres-oxatis .tabs-nav .tabs-selected a:visited, #offres-oxatis .tabs-nav .tabs-disabled a:link, #offres-oxatis .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
#offres-oxatis .tabs-nav a:hover, #offres-oxatis .tabs-nav a:focus, #offres-oxatis .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}

#offres-oxatis .tabs-container {
	clear: both;
	width:632px; /* largeur bloc */
	height:412px;
	margin:0;
	padding: 1em 7px;/* declare background color for container to avoid distorted fonts in IE while fading */
	border: 1px solid #97a5b0;
}

#offres-oxatis  .tabs-container li.rien {
	list-style:none;
	list-style-image: none;
}

#offres-oxatis  .tabs-container p {
	font-size:17px;
	_font-size:15px;
	font-weight:bold;
	color:#000;
	margin:0.4em;
}
#offres-oxatis .tabs-container p.caracteristiques {
	font-size:16px;
	font-weight:bold;
	color: #06C;
}
.soustitre {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
}

a.lienGd {
	color: #056eb2;
	font-size: 15px;
	font-weight: bold;
	text-decoration:none
	}
a.lienGd:hover {
	text-decoration:underline;
	text-align: center;
	}
	
a.lienGris {
	color: #666;
	text-decoration:none;
	}
a.lienGris:hover {
	color: #9C1C0E;
	text-decoration:none;
	}
.offresTitre1 {
	color: #666; font-size:15px;font-weight: normal;
	}

.offresTitre2 {
	color: #056eb2; font-size:15px;font-weight: bold;
	}
.offresDesc{
	float:left;
	width:auto;
	height:71px;
	
	}
.offresPrix {
	float:right;
	width:auto;
	height:71px;

	
}

.savoirPlus{
	float:left;
	width:auto;
	
	}
.rappel {
	float:right;
	width:auto;
	margin-right:10px;

	
}
/*** CSS JQUERY FEATUREList***/

div#feature_list {
	width: 765px;
	height: 455px;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
}
div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;
	padding: 0;
	margin: 0;
}
div#feature_list .menuList {
	display:block;
	padding-top:5px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight:bold;
}
ul#tabs {
	left: 0;
	width: 220px;
	height: auto;
	position: relative;
	background-image:url(/Files/13825/menu-fonctionnalites.jpg);
	background-position:inherit;
	background-repeat:no-repeat;
	overflow:visible;
}
ul#tabs li {
	font-size: 12px;
	font-family: Arial;
	margin: 0;
}
ul#tabs li img {
	border: none;
	float: left;
	vertical-align:top;
}
ul#tabs li a {
	color: #222;
	text-decoration: none;
	display: block;
	padding: 3px 5px 7px 5px;
	height: 20px;
	outline: none;
background-image:none;

}
ul#tabs li a:hover {
	text-decoration: underline;

}
ul#tabs li a.current {
	background: url('/Files/13825/fonctionnalites-hover.gif');
	color: #069;
}
ul#tabs li a.current img {
	margin-right: 4px;
}
ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}
ul#output {
	right: 0px;
	width: 545px;
	height: 455px;
	position: relative;
	overflow:hidden;
}
ul#output p {
	padding-left:14px;
}
ul#output li {
	position: absolute;
	width: auto;
	height: auto;
	padding-left: 15px;
}
ul#output li a {
	color: #036;
	text-decoration:none;
}
ul#output li a:hover {
	color: #036;
	text-decoration:underline;
}

.tblFonctionnalites2 td {
	font-size:13px;
	padding:4px;
}
.tblFonctionnalites2 td {
	border:1px solid #CCC;
}
.fonctionnalitesTitre {
	font-size:21px;
	margin-bottom:5px;
}

.fonctionnalitesTitre img {
	vertical-align:baseline;
}

.fonctionnalitesSsTitre {
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	line-height:normal;
	color:#000;
	margin-bottom:10px;
	margin-top:7px;
	padding:4px;
	background-color:#EFEFEF;
	border:1px solid #EFEFEF;
-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; 
}
div#feature_list .fonctionnalitesListe {
	display:list-item;
	margin-top:4px;
	margin-bottom:10px;
	margin-left:25px;
	padding:0;
	font-size:13px;
	list-style:none;
	list-style-position:outside;
	list-style-image: url(/Files/13825/V8-FR-puce.png);
}

.nomOffres {
	border-bottom:1px solid #069;
	padding-right:23px;
}
#scrollOffres {
	overflow:auto;
	width: inherit;
	height:345px;
}
#scrollOptions {
	overflow:auto;
	width: inherit;
	height:305px;
}

#scrollAdd {
	overflow:auto;
	width: inherit;
	height:395px;
}

#downloadFeatures {
	position:relative;
	top:-110px;
}


.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}



/*** CSS segmentation***/

.segmentation {
	margin:0
	width:260px;
	height:162px;;
	padding:7px 7px 0 7px ;
	font-size:13px;
}

.segmentation h2 {
	margin:0;
	padding:0;
}

.segmentation div {
        background-image:url(/Files/13825/Img/02/puce-red-v9.png);
        background-position: left center;
        background-repeat: no-repeat;
        margin:7px 0 0 0;
        padding-left: 20px;
        font-size: 15px;
}

.segmentation  img{
	margin-top:7px;
}

.segmentationEncart {
	margin:5px;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
}
.segmentationEncart .PBMainTxt {
	font-size:12px;
	font-weight:normal;
	line-height:15px;
}

.segmentationEncart img {
	margin-top:7px;
	align:right;
}
	
.segmentationStitre {
	color:#F29400;
	font-size:22px;
	font-weight:normal;
	margin : 0 0 12px 0;
}


.segmTble h2 {
	margin:0;
	padding:0;
}

.segmTemoignage {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	font-style: italic;
}

/*** CSS slideshow***/

#slideshowContainer , #slideshow, #slideshow td, #slideshow tbody, #slideshow font, #slideshow tr, #slideshow a {
position:relative;
margin:0;
padding:0;
}

#slideshowContainer {
margin:1px;
text-align:left;
height:184px;
width:120px
}

#slideshow td {
height:auto;
width:auto
text-align:left;
}

#slideshow img {
position:absolute;
left:0;
top:0;
display:none;
width:120px;
}

/* Partenaires */
.partners .sectiondata {
background:url(/Files/13825/roundedBgHeader.gif) no-repeat top left #FFF;
margin: 25px 0 0 0;

	
}

.partners .sectiondataarea {
background:url(/Files/13825/roundedBgFooter.gif) no-repeat bottom left;
padding: 10px 25px 10px 25px;	
}

.partners .PBMainTxt {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#18395F;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
}




.partners .sectioncatheader .PBLongTxt {
display: block;
width: 100%;
}


.partners .PBLongTxt, .partners .PBShortTxt {
display: block;
width: 600px;
}

.partners .PBShortTxt {
color: #990033;
}

.partners .imgthumbnail {
max-width:200px;
}



.partners a.btnmain  span, .partners a.btnmain  {
	background: none;
}

/* Sudo Slider */

.slider ul, .slider ul li, .sliderul, .sliderli{
	margin:0;
	padding:0;
	list-style:none;
	}
.slider ul li, .sliderli{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
		comment the height out, if autoheight is on. 
	*/ 
	width:950px;
	height:348px; 
	overflow:hidden; 
	position:relative;
}	
.slider {
	width:950px;
	overflow:hidden; 
}
.graphic, .#controls prevBtn, #controls .nextBtn{
	 margin:0;
	 padding:0;
	 display:block;
	 overflow:hidden;
	 text-indent:-8000px;
 }
 
#controls .prevBtn, #controls .nextBtn { 
	display:block;
	width:45px;
	height:82px;
	position:absolute;
	left:-45px;
	top:124px;
	background:url(/Files/13825/Img/22/btn_prev.gif) no-repeat 0 0;	
	cursor:pointer;
	z-index:1000;
}	
#controls .nextBtn{ 
	left:950px;
}														
#controls .nextBtn { 
	background:url(/Files/13825/Img/19/btn_next.gif) no-repeat 0 0;	
}	
#wrapper .prevBtn{ 
	left:-35px;
}	
		


/* // Sudo Slider */


img{
	border:none;
}

.graphic, #controls .prevBtn, #controls .nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

#container {	
	margin:0 auto 0 auto;
	position:relative;
	text-align:left;
	width:950px;
	height:348px;
}

#diaporama {	
	margin:0;
	padding:0;
	width:950px;
	height:348px;
}

.slide {
margin:0;
}


/*** CSS background ***/

.roundedCell, table.roundedCell, td.roundedCell {
	display: inline-block;
	padding: 5px 25px 5px 25px;
	background-color: #FFF;
}


.bgRollover13 a {	
	display: block;
	margin: 10px 0 10px 20px;
	padding:5px;
	width:270px;
	text-decoration:none;
}


.bgRollover13 a:hover {
	overflow:hidden;
	background:url(/Files/13825/Img/21/bg-rollover-v9.gif) no-repeat top left;	
	-webkit-background-size: 100% 100%; 
	-o-background-size: 100% 100%; 
	-moz-background-size: 100% 100%; 
	text-decoration:none;
}

.bgRollover12 a {	
	display: block;
	margin:10px  19px 25px 25px;
	_margin:5px  9px 15px 15px;
	padding:5px;
	width:390px;
	_width:420px;
	text-decoration:none;
}
.bgRollover12 img , .bgRollover13 img {
	vertical-align: bottom;
}


.bgRollover12 a:hover {
	overflow:hidden;
	background:url(/Files/13825/Img/21/bg-rollover12-v9.gif) no-repeat top left;	
	-webkit-background-size: 100% 100%; 
	-o-background-size: 100% 100%; 
	-moz-background-size: 100% 100%; 
	text-decoration:none;
}

.cellRoundCorner2col {	
	padding:7px;
}

#fmenu .footerTitle, #fmenu .footerTitle a.menu, .footerTitle, .footerTitle a {
	font-size:15px;
	font-weight:bold;
	font-variant:small-caps;
	color:#333;
	text-decoration:none;	
	padding:0;
	background:none;	
	}
#footerblock{
	margin:0;
	padding:0;
	height:0;
	position :absolute;

}
#sites{	
	position:relative;
	left:710px;
	top:18px;
	width:214px;
	_top:10px;
z-index: 101;

}



/*Liens basiques*/

a:link,  A.PBLink, .PBLink .PBShortTxt, .PBLink .PBMainTxt, PBLink .PBLongTxt  { color: #0099cc; text-decoration: none; }
a:visited { color: #0099cc; text-decoration: none; }
a:hover  { color: #0099cc; text-decoration: underline; }
a:active {	color:#65aac1; text-decoration: none; }
a.btnmain  { color: #FFF; text-decoration: none; }

.bgRollover12 .PBLink .PBShortTxt {
color: #666;
}

.bgRollover13 .PBLink .PBShortTxt {
color: #666;
}
A.PBLink .iconLink {
	background-image:url(/Files/13825/Img/13/puce-linkV9.png);
background-position: right center;
background-repeat: no-repeat;
margin:0;
padding-right: 20px;
text-decoration:none;
} 

font.mainSubmenu {
background-image:url(/Files/13825/Img/22/mainSubMenu.png);
background-position:left 5px;
background-repeat:no-repeat;
margin:0;
padding:0 0 0 10px;
text-decoration:none;
display: block;
}

/*Page cr�er son site */
.oxcreatesite .PBSTitle, .oxcreatesite .PBShortTxt h2, .oxcreatesite .PBLongTxt h2 {
margin: 25px 0 6px 0;
display: block;
}

.oxcreatesite .PBStatic {
	font-size: 15px;
}

.oxcreatesite input.PB, .oxcreatesite select.PB {
	font-size: 14px;
	color: #000066;
}

.oxcreatesite .PBMainTxt{
	font-size: 16px;
	color: #000066;
}

.oxfeaturedsites .blockcontainer {
display: none;
}

.oxlicense .PBSTitle{
margin-bottom: 0;
margin-top: 10px;
} 
.oxlicense .PBMainTxt {
font-weight: bold;
}
.oxlicense .PBShortTxt {
color: #18395F;
font-size: 18px;
font-weight: bold;
}

#vmenu li.phoneNumber{
	float:right;
	position:absolute;
	right:0px;
	top:50px;
}
/*Page offre presentation */
.offerContainer{
	height:336px;
	}
.offerBloc a {
	display:block;
-webkit-transition-property : scale; 
-webkit-transition-duration : 0.2s; 
-webkit-transition-timing-function : ease-in-out; 
-moz-transition : all 0.2s ease-in-out;
text-decoration:none;
}

.offerBloc a:hover { 
border-radius : 7px;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;

box-shadow : 0 0 1px rgba(0,0,0,.5);
-moz-box-shadow : 0 0 1px rgba(0,0,0,.5);
-webkit-box-shadow : 0 0 1px rgba(0,0,0,.5);

-webkit-transform : scale(1.05); 
-moz-transform : scale(1.05); 
cursor: hand;
text-decoration:none;
}

a#noBorder:hover { 
box-shadow :0 0  0 #FFF;
-moz-box-shadow : 0 0  0 #FFF;
-webkit-box-shadow :0 0  0 #FFF;
}




.offerBloc {
	width:219px;
	float:left;
	margin:0 4px 0 0;
	padding:0;
	position:relative;
	}

.offerBloc img{
	border :0;
display: block;
	}

.offerPrice {
	width:219px;
	height:53px;
	position:relative;
	z-index:121;
	}
#commercePro .offerPrice {
	height:68px;
	}
	
.offerPrice div{
	width:227px;
	left:-8;
	position:absolute;
	padding:0;
	}
#commercePro .offerPrice div {
	width:230px;
	left:-8;
	}

.offerHeader {
	padding:0;
	margin:0;
	position:relative;
	height: 38px;
	}
.offerText {
	position:relative;
	background-color:#EEE;
	padding:10px 10px 0 10px;
	font-size:13px;
	color:#333;
	z-index:120;
	}
#commercePro .offerText {
	padding-top:0;
	}
div.offerText li {
	list-style-type:none;
	list-style-image:url(/Files/13825/offres-design/V9-puce.png);
	margin-bottom: 2px;
	}

.offerButton {
	padding:0;
	position:relative;
	}

#offerSubMenu{
position: relative;
left: 776px;
top: -425px;
height: 0;
width: 150px;
}


/******************************************flux rss************************************************/

.fluxrss {
display: block;
float: right;
width: 950px;
height:auto;
border:medium none;
margin:0;
padding: 0;
position:relative;
text-decoration:none;
text-align: right;
top:28px;
right: 90px;
z-index: 145;
_margin-top: 30px;
}

* html .fluxrss  {
/* Que pour IE */
top:-8px;
}


.fluxrss ul {
margin:0;
padding:0;
width:auto;
}

.icone {
display:inline;
margin:0 5px 0 0;
padding:0;
position:left;
right:0;
top:46px;
}

.icone , .icone  img {
border:none;
}


/******************************************pages t�moignage support************************************************/
.wbid497565 .PBLongTxt { 
font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	font-style: italic;
}

.wbid497565 .PBMsg{ 
color:#0099CC;
font-size:15px;

}
/******************************************pages t�moignage ************************************************/
.oxfeaturedsites .PBMainTxt {
	font-size: 18px;
	color: #990033;

}

.oxfeaturedsites .PBLongTxt {
font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #333;
	font-style: italic;
}
.oxfeaturedsites .sectiondata{
background:url(/Files/13825/roundedBgHeader.gif) no-repeat top left #FFF;
margin: 25px 0 0 0;
}

.oxfeaturedsites .sectiondataarea{
	background:url(/Files/13825/roundedBgFooter.gif) no-repeat bottom left;
padding: 10px 25px 10px 25px;    

}

.oxfeaturedsites a.btnopen{
	background:url(/Files/13825/Img/22/puce-plusV9.png) no-repeat center right;
padding-right: 25px;    

}

.oxfeaturedsites a.btnclose{
	background:url(/Files/13825/Img/12/puce-minusV9.png) no-repeat center right;
padding-right: 25px;    

}

/*Bouton Rappel Gratuit*/

a.btnFreeCall {
    background-image: url("/Files/13825/IT-design-V10/bouton-rappel-gratuit-v10-it.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    width: 168px;
	}
a.btnFreeCall:hover{
    background-image: url("/Files/13825/IT-design-V10/bouton-rappel-gratuit-v10-it.png");
    background-position: center top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 60px;
    width: 168px;
	}
a.btnFreeCall font{display:none;}


/*Page offre presentation V10 */

#offerTable {
	padding:25px;
	margin:0;
	display:inline-block;
	width:900px;
	_width:950px;
}
#offerTable .offerList {
	float:left;
	font-size:11px;
	color:#5e5e5e;
	margin-top:136px;
	width:139px;
}
#offerTable .offerList div {
	display:block;
	height:24px;
	_height:31px;
	padding-top:7px;
	text-align:right;
	background:#FFF url('/Files/13825/offre-v10/offre-ecommerce-sep.gif') no-repeat left bottom;
}
#offerTable .offerList div a {
	color:#5e5e5e;
	text-decoration:none;
}
#offerTable .offerList div a:hover {
	color:#0099cc;
}
#offerTable .offerList div.offerListEnd {
	background:none;
}
#offerTable .offerPrices {
	float:right;
	width:741px;
	//width:744px;
}
#offerTable .offerPrices ol {
	list-style-type:none;
	padding:0;
	margin:0;
}
#offerTable .offerPrices li {
	float:left;
	padding:0;
	margin:0;
	width:148px;
	text-align:center;
	display:block;
	-webkit-transition-property :scale;
	-webkit-transition-duration :0.2s;
	-webkit-transition-timing-function :ease-in-out;
	-moz-transition :all 0.2s ease-in-out;
}
#offerTable .offerPrices li:hover {
	border-radius :13px;
	-moz-border-radius :13px;
	-webkit-border-radius :13px;
	box-shadow :0 0 1px #CCC;
	-moz-box-shadow :0 0 1px #CCC;
	-webkit-box-shadow :0 0 1px #CCC;
	-webkit-transform :scale(1.05);
	-moz-transform :scale(1.05);
	cursor:hand;
	text-decoration:none;
}

/* Tooltip CSS */

.stickytooltip {
	display:none;
	position:absolute;
	display:none;
	z-index:3000;
	background-image:url('/Files/13825/Img/21/tooltip-arrow.png');
	background-position:left 15px;
	background-repeat:no-repeat;
	color:#FFF;
	padding:4px;
}
.stickytooltip span {
	display:block;
	padding:10px;
	box-shadow:2px 2px 5px #818181; /*shadow for CSS3 capable browsers.*/
	-webkit-box-shadow:2px 2px 5px #818181;
	-moz-box-shadow:2px 2px 5px #818181;
	background:#555;
	z-index:30;
	font-size:11px;
}

 span.subTitle{
	color: #18395F;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
	}

/*OverFlow pour les Composants IE*/

.hotnews .sectiondataarea{
//width:auto;
}


/*CSS des diff�rentes Composants � v�rifier */

.partners .sectiondata, .hotnews .sectiondata, .joblisting .sectiondata {
    background: url("/Files/13825/roundedBgHeader.gif") no-repeat scroll left top #FFFFFF;
    margin: 25px 0 0;
}
.joblisting .sectiondata {
    max-width: 950px;
}
.joblisting .imgcat {
    display: block;
}
.partners .sectiondataarea, .hotnews .sectiondataarea, .joblisting .sectiondataarea {
    background: url("/Files/13825/roundedBgFooter.gif") no-repeat scroll left bottom transparent;
    padding: 10px 25px;
}
.hotnews .sectioncatheader, .joblisting .sectioncatheader {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
}
.hotnews .sectioncatheader .sectiondataarea, .joblisting .sectioncatheader .sectiondataarea {
    background: none repeat scroll 0 0 transparent;
    padding: 20px 0 0;
}
.partners .PBMainTxt, .hotnews a font.PBMainTxt, .joblisting font.PBMainTxt {
    color: #18395F;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
}
.partners .sectioncatheader .PBLongTxt, .hotnews .sectioncatheader .PBLongTxt {
    display: block;
    width: 100%;
}
.partners .PBLongTxt, .partners .PBShortTxt, .hotnews .PBLongTxt, .hotnews .PBShortTxt, .joblisting .PBShortTxt {
    display: block;
    width: 600px;
}
.partners .PBShortTxt, .hotnews .PBShortTxt {
    color: #990033;
}
.partners .imgthumbnail, .hotnews .imgthumbnail {
    max-width: 200px;
}
.partners a.btnmain span, .partners a.btnmain, .hotnews a.btnmain span, .hotnews a.btnmain {
    background: none repeat scroll 0 0 transparent;
    color: #0099CC;
}
.hotnews .PBDate {
    color: #990033;
    font-size: 14pt;
}

/*Page Accueil*/
.wbid798429 #bodycontainer{
    background-image: url("/Files/13825/Img/14/sectionHeader-bg-v10.png");
    background-repeat: repeat-x;
}



/*Mise en page de la page fonctionnalit�*/
#featList {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 559px;
}
#featList .tagsList {
    margin: 0;
    max-width: 100px;
    padding: 0;
    width: 100px;
}
#featList li {
    display: block;
    //display:inline;
    margin: 0 1px 0 0;
    min-width: 100px;
    width: 100px;
}
#featList .tagsList a {
    display: block;
    padding: 0 10px;
}
#featList .tagsList a {
    background: url("/Files/13825/Img/16/tabs-feat.png") no-repeat scroll 0 0 transparent;
    border-right: 1px dashed #CCCCCC;
    height: 52px;
    line-height: 1.2;
    min-height: 52px;
    min-width: 100px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 1px;
    white-space: nowrap;
    width: 100px;
    z-index: 2;
}
#featList .tagsList a font {
    color: #7F7F7F;
    display: block;
    font-size: 10px;
    padding-top: 2px;
    text-align: center;
    text-transform: uppercase;
}
#featList .tagsList a.taghighlighted font.PBMainTxt, #featList .tagsList a:hover font.PBMainTxt, #featList .tagsList a:focus font.PBMainTxt, #featList .tagsList a:active font.PBMainTxt {
    color: #000000;
}
#featList .tagsList a:hover, #featList .tagsList a:focus, #featList .tagsList a:active, #featList .tagsList a.taghighlighted {
    background-position: 0 -56px;
    border-right: 1px dashed #CCCCCC;
    outline: 0 none;
}
#featList .tagsList a.taghighlighted {
    border-bottom: 1px dashed #CCCCCC;
    border-right: medium none;
    border-top: 1px dashed #CCCCCC;
}
#featList a:hover, #featList .tagsList a:focus, #featList .tagsList a:active {
    cursor: pointer;
}
#featList .tagsListZone {
    clear: both;
}
#featList .tagsZone {
    height: auto;
    padding-left: 20px;
    width: 437px;
}
#featList .tagsZone ul {
    display: block;
    list-style: none outside none;
    margin: 0 0 0 90px;
    text-align: center;
}
#featList .tagsZone .tarifs li {
    border: 1px solid #CCCCCC;
    float: none;
    padding: 3px;
    width: 210px;
}

/*Rajout Style*/
.PBSTitle {
 margin-bottom:3px;
 display:block;
}


/***************** LANDING PAGES *********************/
#tbleLanding {
border: solid 1px #F7F5F5;
border-collapse: collapse;
background-color: #FFF;
}

#tbleLanding .PBPTitle{
margin: 0;
font-size: 24px;
}

#tbleLanding .PBSTitle{
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
}

.formHeader{
width: 267px;
height: 68px;
background: #FFF url('/Files/13825/landing/bg-header-form.png') no-repeat left center;
vertical-align: top;
}

#cellForm{
background-color: #F7F5F5;
border-collapse: collapse;
width: 267px;
}

.formTitle{
display:block;
color: #FFF;
padding: 10px;
text-align: center;
font-size: 13px;
font-weight: bold;
}

#cellForm input {
border: solid 1px #CCC;
}

#cellForm .btnTester {
	background-image: url('/Files/13825/Img/25/btn-tester-V10.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-color: transparent;
	display: inline-block;
	height: 56px;
	width: 156px;
	border: none;
	color: #FFF;
}

#cellForm .btnTester:hover {
	background-position: center bottom;
}

#tbleLanding .partnersTitle {
text-transform: uppercase;
font-weight: bold;
}

#tbleLanding ul {
list-style-image: url("/Files/13825/Img/04/V10-FR-puce.png");
list-style-position: outside;
margin: 5px 0 5px 0;
}

#tbleLanding li {
margin-bottom: 5px;
}



#landingTab{
list-style:none;
margin:0;
padding:0 0 0 0;
width: 895px;/* a personnaliser */
border: 1px solid #EEE;    
}

#landingTab .tagsList {
width:394px;
max-width:394px;
margin: 0;
padding: 0;
background: #FFF url("/Files/13825/landing/landing-seperate-S.png") no-repeat right top;
z-index: 9;
}
#landingTab li {
display:block;
margin:0 1px 0 0;
padding: 0;
min-width:418px; /* be nice to Opera */
width:418px; /* be nice to Opera */
}

#landingTab  .tagsList a {
display:block;
position:relative;
top:1px;
z-index:2;
padding:0 0 0 10px;
line-height:1.2;
text-align:center;
text-decoration:none;
white-space:nowrap; /* required in IE 6 */
width:418px; /* IE 6 treats width as min-width */
min-width:418px;
height:80px; /* IE 6 treats height as min-height */
min-height:80px;
}

#landingTab .tagsList a .PBMainTxt {
display:block;
padding-top:2px;
text-align: left;
font-size:14px;
color:#000;
padding-right: 40px;
}

#landingTab .tagsList a .partnersTitle{
text-transform: uppercase;
font-weight: bold;
}

#landingTab .tagsList a:hover, #landingTab  .tagsList a:focus , #landingTab  .tagsList a:active, #landingTab  .tagsList a.taghighlighted {
outline:0; /* prevent dotted border in Firefox */
}

#landingTab   .tagsList a.taghighlighted {
background: transparent url("/Files/13825/landing/landing-tab.png") no-repeat left top;
z-index:111;
}

#landingTab  .tagsList a.taghighlighted font.PBMainTxt, #landingTab  .tagsList a:focus font.PBMainTxt, #landingTab  .tagsList a:active font.PBMainTxt{
color:#FFF;
}

#landingTab  a:hover, #landingTab  .tagsList a:focus, #landingTab  .tagsList a:active { /* @ Opera, we need to be explicit again here now... */
cursor:pointer;
}
#landingTab  .tagsListZone {
clear:both;
}
#landingTab  .tagsZone {
margin-left:-7px;
width:437px;
height:auto;
}
#landingTab  .tagsZone ul {
display:block;
margin:0 0 0 90px;
list-style:none;
text-align: center;
}

/************* Temoignage clients ************/

/* MAIN PAGE */
.oxfeaturedsites .sectiondataarea ul, .oxfeaturedsites .view li{
margin:0;
padding:0;
list-style:none;
}

.oxfeaturedsites .sectiondataarea{ display: inline-block; }

.oxfeaturedsites li.oxSiteBlock{
width: 250px;
height: 250px;
margin: 0 9px 20px 0;
float: left;
border: 10px solid #f7f5f5;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #CCC;
-moz-box-shadow: 1px 1px 2px #CCC;
box-shadow: 1px 1px 2px #CCC;
cursor: default; }

.oxSiteBlock .mask, .oxSiteBlock .content {
width: 250px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0; }

.oxSiteBlock .mask {
background-color: rgba(109,197,230, 0.9);
width: 400px;
padding: 60px;
height: 400px;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }

.oxSiteBlock .oxSiteImg img {
display: block;
position: relative;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

.oxSiteBlock h2 {
color: #000;
text-align: center;
position: relative;
font-size: 17px;
padding: 6px;
margin: 20px 0 0 0;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
display:none; }


.oxSiteBlock h2 {
border-bottom: 2px dotted rgba(0, 0, 0, 0.3);
background: transparent;
margin: 20px 20px 0px 20px;
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
transform: translate(200px, -200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display:block; }

.oxSiteBlock .oxSiteTxt {
font-family: Georgia, serif;
font-style: italic;
font-size: 12px;
position: relative;
color: #000;
padding: 10px;
text-align: center; }

.oxSiteBlock a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #fff;
text-transform: uppercase;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
font-size: 12px; }

.oxSiteBlock a.info:hover {
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
background-color:#FFF;
color:#000; }

.oxSiteCat {
text-transform:uppercase;
font-size:12px; }

.oxSiteUrl a {
text-decoration:none;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px; }

.oxSiteBlock .oxSiteUrl {
border-bottom: 2px dotted rgba(0, 0, 0, 0.3);
display:block;
margin: 0 20px;
padding:5px;
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
transform: translate(200px, -200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }

.oxSiteBlock:hover .oxSiteUrl {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s; }


.oxSiteBlock .oxSiteTxt {
-webkit-transform: translate(-200px, 200px);
-moz-transform: translate(-200px, 200px);
-o-transform: translate(-200px, 200px);
-ms-transform: translate(-200px, 200px);
transform: translate(-200px, 200px);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }

.oxSiteBlock:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: translate(-80px, -125px) rotate(45deg);
-moz-transform: translate(-80px, -125px) rotate(45deg);
-o-transform: translate(-80px, -125px) rotate(45deg);
-ms-transform: translate(-80px, -125px) rotate(45deg);
transform: translate(-80px, -125px) rotate(45deg); }

.oxSiteBlock:hover h2 {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s; }

.oxSiteBlock:hover .oxSiteTxt {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
-ms-transition-delay: 0.4s;
transition-delay: 0.4s; }

.oxSiteBlock a.info {
-webkit-transform: translate(0px, 100px);
-moz-transform: translate(0px, 100px);
-o-transform: translate(0px, 100px);
-ms-transform: translate(0px, 100px);
transform: translate(0px, 100px);
-webkit-transition: all 0.2s 0.1s ease-in-out;
-moz-transition: all 0.2s 0.1s ease-in-out;
-o-transition: all 0.2s 0.1s ease-in-out;
-ms-transition: all 0.2s 0.1s ease-in-out;
transition: all 0.2s 0.1s ease-in-out; }

.oxSiteBlock:hover a.info {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; }

.oxSiteLink {
color:#000;
text-decoration:none;
-webkit-transition: all 0.2s 0.1s ease-in-out;
-moz-transition: all 0.2s 0.1s ease-in-out;
-o-transition: all 0.2s 0.1s ease-in-out;
-ms-transition: all 0.2s 0.1s ease-in-out;
transition: all 0.2s 0.1s ease-in-out; }

.oxSiteLink:hover {
color:#FFF;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s; }


/* POPUP */
#oxSitePopup {
position: absolute;
left:0;
width: 100%;
z-index: 1000;
height: 100%;
display: none;
font-family:Arial, Helvetica, sans-serif;
color:#000; } 

/* WB - Conteneur Background */
#bodyWbContent {
background-color: #000000;
height: 100%;
opacity: 0.6;
position: absolute;
width: 100%;
filter:alpha(opacity=60);
left:0; }

/* WB - Style du gabarit par d�faut */
#wbContent {
margin: 0 auto;
margin-top:200px;
position: relative;
width: 800px;
background-color:#fff;
padding : 10px 20px 20px 20px;
border-radius: 10px;
}

/* WB - Style du bouton retour */
#goToSite > span {
display:none;
}

#goToSite{ background-image: url("/Files/13825/Img/14/btn-fermerIT.png");
background-position: right top;
background-repeat: no-repeat;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
color: #0099CC;
display: block;
font-size: 14px;
margin-right: 10px;
padding: 0 30px 26px 0;
cursor:pointer;
}


.blockTestimony-img{
float: left;
width: 250px;
display: block;
margin-left:20px;
}

#blockTestimony{
float: right;
width: 500px;
display: block;
}

.blockTestimony-title{
color: #990033;
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 24px;
font-weight: normal;
margin-bottom: 3px; }

.blockTestimony-cat{
font-size: 16px;
font-weight:bold;
display:block;
margin: 0;  }

.blockTestimony-text{
font-size: 14px;
display:block;
margin: 10px 20px 10px 0;
font-family:Georgia, "Times New Roman", Times, serif; 
font-style: italic;
overflow: auto;
height: 172px;
padding-right: 10px; }

.blockTestimony-link{
color: #0099CC;
text-decoration:none;
font-size:14px;

}

/* CAROUSSEL */

.carrouselIt {
left:0; }

.carrouselElement {
display:inline-block;
*display:inline;
*float:left;
list-style: none;
overflow: hidden; }

.carrouselContainer {
position: relative;
 }

.carrouselSubContainer {
overflow: hidden;
*float:left;
background-color: #F7F5F5; }

.elementsContainer {
padding: 0; }

.leftControl {
background: url(/Files/13825/Design-V11/btn-prev.png) no-repeat left center transparent;
left: 0px;
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 29%; }

.rightControl {
background: url(/Files/13825/Design-V11/btn-next.png) no-repeat right center transparent;
right: 0px;
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 29%; }

.carrouselContainer .control {
width:840px;
left:-20px;
cursor: pointer;
position:absolute;
height:100%; }

.carrouselElement form {
margin: 0; }

.carrouselContainer .CarrouselImg {
border: none; }

/***************** PAGES LOGIN *********************/

#loginArea{
/*
background-image:url('/Files/13825/Img/06/loginBg.png');
background-position:top center;
background-repeat:no-repeat;*/
background-color:#fff;
display: block;
height: 230px;
padding: 20px;
width: 500px; 
}

.adresellerlogin #loginArea#loginArea {
background-image:url('/Files/13825/Img/11/loginBgReseller.png');
background-position:top center;
background-repeat:no-repeat;
display: block;
height: 170px; }

.adlogin td, .adresellerlogin td {
vertical-align:middle; }


#loginArea tbody {
display:block;
margin: 0 20px;
width:480px;
/* height:250px;*/
}


#loginArea td {
vertical-align:middle;
background-color:transparent;
width:auto;
 }

#loginArea tr {
height:30px;
}

#loginArea .PBStatic {
font-size:15px;
display: inline-block;
float: right;
color: #333;
padding-right: 10px;
font-weight: normal; }

#loginArea .oxDomain{
float: left;
padding-left: 10px;
padding-right:0;
}

#loginArea input{
    float: left;
    margin: 0 5px;
 }

#loginArea a .PBMsg {
font-size:12px;
display: block;
/*
margin-left:34px;
margin-top: -8px; */}

#loginArea label .PBMsg {
font-size:14px;
display: inline-block;
/*
margin-right:14px;
margin-left:3px;
margin-top: 2px;*/
float: left; }

#loginArea input.PBBtnStd {
background-image:url('/Files/13825/Img/07/btn-enter.png');
background-position:top center;
background-repeat:no-repeat;
color: #FFF;
border:none;
background-color:#FFF;
height: 42px;
padding: 0 15px 7px 5px;
width: 124px;
font-size:18px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#loginArea input.PBBtnStd {
padding: 0 15px 2px 5px; }}

#loginArea input.PBBtnStd:hover {
background-image:url('/Files/13825/Img/07/btn-enter.png');
background-position: bottom center;
background-repeat:no-repeat;
background-color:#FFF; }

#loginArea .PBErrMsg {
background-image:url('/Files/13825/Img/25/icon-warning.png');
background-position: left top;
background-repeat:no-repeat;
display: block;
padding-left:22px;
color:#990033; }

#loginBanner {
display: block;
width: 385px;
margin-left: 60px; }

/*Templates*/

.oxSiteBlock.oxSiteDesign {  background-color:#fff;   border-radius: 10px; /* coins arrondis */ -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; }
#templateContainer {display:block; width:980px;  position:relative; float:left; padding:0 0 0 10px; background-color:#; }
#templateContainer img {width:160px; padding:0; }


.carrouselElement { padding:0; background-color:#fff; }

.carrouselElement:hover { background-color:#fff;  filter : alpha(opacity=70);
    opacity : 0.7; 
background-image: url(/Files/13825/_img-2013-www-pictos/013-zoom.png);
    background-repeat: no-repeat;
    background-position: center bottom; 

}
#templatePresentation .PBMainTxt { font-size:16px; text-transform:uppercase;   line-height:25px; text-align:center; color:#333;}

#templateContainer .active {width:200px; margin:0 auto; }
a.carrouselForwardArrow, a.carrouselBackwardArrow {  cursor : pointer; }

/*Fin Templates*/