﻿html, body {
    background-color: #175179;
    font-family: Arial, Verdana, Sans-Serif, Comic Sans MS;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}
img { border: 0px; }
.icomail {
  position: relative;
}
.icomail .panelIcoMail {
  z-index:999;
  text-align: center;
  margin-top:30px;
 
  width: 150px;
 height: 87px;
 top: -8px;
}
.flag {
  text-align: center;
}
.global {
  margin: auto;
}
fieldset {
  border-color: #175179;
}
.newMessage {
  text-align: center;
}
.contractMainRow
{	
	background-color :#C8D5DF;	
}

legend {
  color: #175179;
  font-weight: bold;
}
.tdLeft {
  border-right: 1px solid #175179;
  font-weight: bold;
}
.generalBloc {
  background-color: #eeeeee;
  border: 1px solid #175179;  
  margin: 5px 0px 5px 0px; 
}
.generalBloc .title {
  background-color: #175179;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
}
.generalBloc table {
  padding-left: 3px;
}
.generalBloc table tr td {
  padding: 3px;
}

/**** TOP ****/
.global .top {
  background-image: url(../Images/bandeau_resizable.jpg);
  background-repeat: repeat-x;
  height: 163px;
  position: relative;
}
.global .top div {
  position: absolute;
  top: 0px;
}
.global .top .left {
  left: 0px;
}
.global .top .right {
  right: 0px;
}

/**** MENU LEFT ****/
.menuLeft {
  background-color: #FBCC0A /** #b4cd55 **/;
  width: 165px;
 height: 468px;
}
.menuLeft .menuLeftTop ,
.menuLeft .menuLeftBottom  {
  background-color: #10517B;
  height: 10px;
 width: 165px;
}
.menuLeft .menuLeftTop .left { float: left; }
.menuLeft .menuLeftTop .right { float: right; }
.menuLeft .menuLeftBottom .left { float: left; }
.menuLeft .menuLeftBottom .right { float: right; }
.menuLeft .content {
  color: #000000;
  padding: 0px 4px 0px 4px;
}
.menuLeft .content .userConnected {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;
  text-align: center;  
}
.menuLeft .content a {
  color: #000000;
  text-decoration: none;
}
.menuLeft .content a:hover {
  text-decoration: underline;
}
.menuLeft .content ul {
  list-style-image: url(../Images/Interface/MenuLeft/arrow2.jpg);
  list-style-type: circle;
  margin: 0px;
  padding-left: 20px;
}
.menuLeft .content ul li {
  padding-bottom: 10px;
}

/**** CENTER ****/
.global .center {
  background-color: #ffffff;
  border-left: 3px solid #edcc33;
  border-right: 2px solid #edcc33;
  clear: both;
}
.global .center .menu {
  width: 175px;
  vertical-align: top;
}
.global .center .content {
  vertical-align: top;
}

/**** PRICE LIST ****/
.pricelist {

}
.pricelist td {
  text-align: center;    
}
.pricelist .header {
  background-color: #bbbbbb;
  font-weight: bold;
}
.pricelist .header td { padding: 3px; }
.pricelist .headerLeft td {
  background-color: #ededed;
  font-weight: bold;
}

/****Contract visualization****/
.dataBox {
 margin: 0px 10px 10px 0px;
 padding: 2px 10px 0px 10px;
 border: 1px solid black;
 height: 150px;
}
.dataBox .title { 
 border: 1px dotted blue;
 background-color: #ADD8E6;
 text-align: center;
 font-size: 9;
 font-weight: bold;
 margin-bottom: 2px;
}
.dataBox .titleConcessionnaire { 
 border: 1px solid red; 
 text-align: center;  
 color: Red;
 font-weight: bold; 
} 

/**** AUTO-CALCULATOR ****/
.autoCalculator {
  background-color: #efefef;
  border: 2px solid #10517b;
  width: 600px;
}
.autoCalculator table {
  border: 2px solid #efcf31;
  width: 100%;
}

/**** VEHICLE TYPE PROFIT ****/
.vehicleTypeProfit {
  width: 320px;
}
.vehicleTypeProfit table {
  background-color: #f0f3f7;
  border: 1px solid #175179;
}
.vehicleTypeProfit table tr.header {
  background-color: #175179;
  color: #ffffff;
  font-weight: bold;
  height: 20px;
}
.vehicleTypeProfit table tr td {
  padding: 1px 3px 1px 3px;
}
.vehicleTypeProfit table tr td.column0 {
  width: 200px;
}
.vehicleTypeProfit table tr td.column1 {
  
}

/**** BOTTOM ****/
.global .bottom {
  background-image: url(../Images/bg_bas.jpg);
  background-repeat: repeat-x;
  bottom: 0px;
  height: 35px;
  position: relative;
}
.global .bottom div {
  position: absolute;
}
.global .bottom .left {
  left: 0px;
}
.global .bottom .right {
  right: 0px;
}

/**** CLAIM ****/
.initClaim { 
  background-color: #eeeeee;
  border: 1px solid #175179;
  width: 500px;
}
.initClaim .title {
  background-color: #175179;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
}
.initClaim table {
  padding-left: 3px;
}

.claimForm 
{
	border : solid 1px black;
	text-align :center ;
	width : 80%;
}

.claimForm .summary
{
	text-align :right ;
}

.claimForm .textarea {
	height : 100px;
	width : 100%;
}

.claimForm .bigTitle  {
	background-color :#000080;
	color : White ;
	font-weight :bold ;
	font-size :larger ;
}

.claimForm table {
	border : solid 1px black;
	width : 90%;
	margin-bottom : 10px;
	text-align :left;
}

.claimForm table tr td.title  {
	background-color :#000080;
	color : White ;
	font-weight :bold ;
}








.selectUserAccount {
  background-image: url(../Images/Interface/BannerBlue/center.jpg);
  background-repeat: repeat-x;
}


.block {
  clear: both;
  width: 500px;
}
.block div { float: left; margin-bottom: 2px;}
.block .name {
  text-align: left;
  width: 150px;
}
.block .control {
  text-align: left;
  width: 350px;
}
.autoCalculator, .customDealerTable { text-align : left; }


/*** FRAME OLD SYSTEM ***/
.frameOldSystem {
  width: 100%;
}
.warnbox
{
	background:#fff url('http://laruche.info/images/icones/important_big.gif') no-repeat 5px 50%;
}

