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;
}


#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 24px;
    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 */
#menu ul.navNiv0 {
	display:none;
	height:auto;
	margin:0px;
	position:absolute;
	width:230px;
	z-index:200;
}

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

#menu 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;
}

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

#menu ul.navNiv1 {
    display:none;
    margin-top:-25px;
    margin-left:200px;
    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 */
#footer {
    margin-top:10px;
}
#footer_menu {
    padding-top:10px;
    margin:10px 0;
    border-top:1px solid #E0E0E0;
}

#footer ul li {
    float:left;
    width:155px;
    position:relative;
}
#footer ul ul ul li {
    padding-left:10px;
}

#footer li a {
    font-size:11px;
    color: #777;
    text-decoration:none;
}
#footer li.niv0 {
    font-weight:bold;
}
#footer li.niv1,
#footer li.niv2 {
    font-weight:normal;
}

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

#tagline {
    float:left;
}

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

#header #hinfos {
  position:absolute;
  bottom:20px;
  left:270px;
}

#header p {
  margin:0;
}
#header #telephone {
  font-size:1.3em;
  font-weight:bold;
}
#header #logo {
  float:left;
}

#breadcrumb-container form {
  float:right;
}
#breadcrumb-container form input[type=text] {
  width:168px;
  background:none!important;
  border:1px solid #CCC;
}

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

/* references */

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

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

table td, table th {
    padding:8px;
}
table th {
    text-align:center;
    font-size:110%;
}

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

.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;
}


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

.cols3 {
    width:33%;
}


/* =Offers */
#offers {
    margin:40px 0;
}
#offers div {
    float:left;
    width:31%;
    margin:0 5px;
    border:1px solid #DDD;
}
#offers div:last-child {
}
#offers div a {
    -moz-border-radius:15px;
    font-weight:bold;
    text-decoration:none;
    padding:6px 10px;
}
#offers div a:hover {
    text-decoration:underline;
}
#offers h4 {
    font-size:14px;
    font-weight:bold;
    text-align:center;
    height:20px;
    padding:5px 0;
}
#offers .hl {
    margin-top:-10px!important;
}
#offers .hl h4 {
    font-size:20px;
    height:30px;
}
#offers .live h4,
#offers .live a {
    background:#81c555;
    color:#FFF;
}
#offers .live em {
    color:#81c555;
}
#offers .onserver h4,
#offers .onserver a {
    background:#5c8cc8;
    color:#FFF;
}
#offers .server h4,
#offers .server a {
    background:#7e7e7e;
    color:#FFF;
}

/* Page devis */
ul.quote {
    list-style:none !important;
    margin:0 !important;
}

.quiet {
    font-size:0.8em;
    color:#777;
}

/* =Box */

#box {
  width:450px;
  border:1px solid #DDD;
  margin:20px auto;
}
#box h2 {
  margin:0;
  padding:3px 10px;
  text-align:center;
  font-size:18px;
}
#box #live h2 {
  background:#81C555;
  color:#FFF;
}
#box #onserver h2 {
  background:#5c8cc8;
  color:#FFF;
}
#box #server h2 {
  background:#7e7e7e;
  color:#FFF;
}
#box h3 {
  color:#0C8E90;
  border:0;
  padding:0;
  margin:0;
  padding-left:10px;
}
#box .content {
  padding:10px;
}
#box p {
  text-align:center;
}
#box .apps ul {
  display:none;
}

/* =Share */
#share {
    text-align:right;
    margin-top:15px;
}

#links {
    font-size:11px;
}
#links a {
    color: #444;
}

table.th {
  color:#FFF;
  background:#666;
}