@import url('reset.css');
@import url('text.css');
@import url('960.css');
@import url('jquery.lightbox.css');
@import url('jquery.slideshow.css');

body {
    background:url('/uploads/bg_body.gif') repeat-x top left;
    text-align:center;
}

#page {
    background-color:#FFF;
    text-align:left;
    border:1px solid #178383;
    border-width:0;
    border-top:3px solid #178383;
    margin:0 auto;
}

#main {
    clear:both;
    padding-top:20px;
    padding-bottom:30px;
}


#main p {
    text-align:justify;
}

#col1 ul {
    list-style-type: disc;
    margin-left: 30px;
}

/* Menu */
#menu {
    border:1px solid #333;
    border-width:1px 0;
    background-color:#777;
    height:29px;
}

ul.dropdown {
    z-index:70;
}

ul.dropdown li.niv0 {
    float:left;
    text-transform:uppercase;
}

ul.dropdown li.niv0 a {
    background:url(/uploads/menu_gradient.gif) repeat-x;
    color:#FFF;
    cursor:pointer;
    display:block;
    font-size:12px;
    padding:5px 26px;
    text-decoration:none;
    font-weight:bold;
    margin: 0px;
    margin-right:1px;
}

ul.dropdown li.niv0:hover > a,
ul.dropdown li.ancestor a,
ul.dropdown li.selected a {
    background:url(/uploads/menu_gradient_hover.gif) repeat-x;
}

#main li.selected {
    font-weight:bold;
}

/* sous menu */
ul.navNiv0 {
	display:none;
	height:auto;
    border-top:1px solid #333;
	margin:0px;
	position:absolute;
	width:225px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
}

ul.navNiv0 li.niv1 {
	border-bottom: 1px solid #BBB;
    text-transform:none;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
	height:32px;
}

ul.navNiv0 li.niv1 a {
	display: block;
    font-weight:normal;
	color: #FFF;
	text-decoration: none;
    background-image:none;
	background-color:#666;
	margin: 0px;
    height:22px;
}

ul.navNiv0 li.niv1 a:hover {
	background-color: #178383;
}

#menu ul.navNiv1 {
    display:none;
    margin-top:-25px;
    margin-left:190px;
    border:1px solid #BBB;
    border-bottom:0;
}

#menu ul.navNiv1 li.niv2 {
	border-bottom: 1px solid #BBB;
    text-transform:none;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:200px;
}

/*ul.dropdown li:hover > ul.navNiv0{ display: block; }*/

/* breadcrumb */
ul.breadcrumb {
    padding-bottom:20px;
}

ul.breadcrumb li {
    float:left;
    margin-right:5px;
}

/* menu de droite */

#col2 ul.navNiv1 {
    font-weight:normal;
    list-style-type: circle;
    margin-left: 30px;
}



/* arbo footer */
ul.footer {
    float:right;
}

ul.footer li {
    float:left;
}

ul.footer li a {
    color: #777;
    margin-left:12px;
    text-decoration:none;
}

ul.footer li a:hover {
    text-decoration:underline;
}

.clearfix {
    display:block;
}

#header {
    padding:20px;
    background:url(/uploads/header_bg.jpg);
    height:80px;
}

#tagline {
    float:left;
}

#tagline strong {
    font-size:1.3em;
    font-family:Trebuchet MS;
}

#header p {
    margin:0;
}

#main p.center {
    text-align:center;
}

/* references */
table.references td {
    padding:10px;
    text-align:center;
}

div.reference {
    width:290px;
    float:left;
    text-align:center;
    padding:10px;
}

div.reference_logo {
    height:110px;
    line-height:110px;
}

table td, table th {
    padding:8px;
}

.ui-tabs .ui-tabs-hide {
     display: none;
}

/* Features */
.features-overview h4,
.features-overview p {
    margin-left:40px;
}

table.features img, a.lightbox img {
    padding:5px;
    border:1px solid #BBB;
}

table.features {
    width:100%;
}

table.features h2 {
    border:0;
}

table.features td {
    text-align:center;
}

table.openzbox img {
    vertical-align:middle;
}

ul#openzbox-features {
    margin-left:250px;
    list-style-type:none;
}

ul#openzbox-features li {
    padding:6px;
}

ul#openzbox-features li img {
    vertical-align:middle;
}

#openzbox-price {
    float:left;
    width:200px;
    padding-top:20px;
}

#openzbox-price p {
    text-align:center;
}

.valign {
    vertical-align:middle;
}

/*boutons */
.button {
    display:block;
    width:255px;
    height:35px;
    background:url(/uploads/button_bg.png);
    padding-left:15px;
    padding-top:15px;
    text-transform:uppercase;
    font-weight:bold;
    color:#333;
    text-decoration:none;
    margin-bottom:6px;
}

.button img {
    float:right;
    margin-top:-14px;
    margin-right:1px;
}

.centered {
    margin-left:auto;
    margin-right:auto;
}

/* Comparatifs */
table.compare {
    width:100%;
}

table.compare td, table.compare th {
    padding:5px;
    border-bottom:1px solid #FEFEFE;
    width:33%;
}

/*home*/
p.home {
    margin-left:70px;
}

label em {
    color:red;
    font-weight:bold;
    display:none;
}

label.required {
    font-weight:bold;
}

#col1 ul.errorlist {
    margin:0;
    list-style:none;
}

#col1 ul.errorlist li {
    color:darkred;
}

.vtop {
    vertical-align:top;
}

/* Inclus */

table.included {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    width:100%;
    font-size:100%;
    margin-bottom:30px;
    margin-top:5px;
}

table h4 {
    color:#0C8E90;
}

table.included td {
    padding:15px;
    padding-bottom:0px;
}

table.included td.apps {
    -border-right:1px solid #999;
    border-right:2px solid #78c0cd;
    font-size:90%;
}

/* table heads */
.thead {
    text-align:center;
}

.cols3 {
    width:33%;
}

/* table offres */
table.offres td {
    width:33%;
    border-right:1px solid #DDD;
    padding:15px;
}

table.offres ul {
    margin-bottom:0;
}

table.offres td:last-child {
    border:0;
}