body {background-color:#b1d3e8; padding:0; margin:0; font-family:"Trebuchet MS", "Arial"; letter-spacing:0px;}

/********General********/
p {margin: 0;}
* {outline: none;}
form {margin: 0;padding: 0; text-align:left;}
a:hover {text-decoration: none;}
img {border:none; display:block;}
ul {margin: 0; padding: 0;list-style: none;}
a {text-decoration: underline;cursor: pointer; color: #5f5a33;}

/********************************* LiveValidation *************************************/
#bv_Form1{
	padding-left:30px;
}
.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}

label { font-weight: bold; }

.miniInputTxt {
  width:100px;
}
.inputTxt {
  width:200px;
}

input, textarea, select {
  font-size:13px;
  line-height:18px;
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff url(images/inputBg.gif) top left no-repeat;
  margin-top:2px;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #888888;
}

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

.submit {
  background:#ffffff url(images/submitBg.png) -20px 0 no-repeat;
  font-size:13px;
  line-height:18px;
  border:1px solid #aaaaaa;
  margin:15px 0 0 220px;
  text-decoration:none;
  padding:4px 10px;
  color:#ffffff;
}

.submit:hover {
  
  cursor: pointer;
}


/********Header********/

.headerBox { height:170px; background:url(images/headerBoxFond.png);}
.header {width:900px; height:170px; margin:auto;}

.logoBox {width:200px;}
.logo {width:160px; height:170px; margin-left:10px;}
.temp {width:240px;}
.rightHeaderBox {width:460px; padding-right:5px;}
.loginBox {height:130px;}
.menuBox {
	height:40px;
	width:460px;
}
.main-nav {
	float: left;
	width: 460px;
	height: 40px;
	overflow: hidden;
}
.main-nav li {
	float: left;
	height: 40px;
	padding: 0 0 0 10px;
}
.main-nav .last {}
.main-nav li a {
	float: left;
	height: 40px;
	outline: none;
	overflow: hidden;
	text-indent: -12000px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.main-nav li a:hover, .main-nav li #active {background-position: 0 -44px;}
.main-nav li .accueil {background-image: url("images/navAccueil.png");width:70px;}
.main-nav li .sinformer {background-image: url("images/navSinformer.png");width: 93px;}
.main-nav li .commander {background-image: url("images/navCommander.png");width: 100px;}
.main-nav li .quiestelyatel {background-image: url("images/navQuiestelyatel.png");width: 127px;}


/*********Content*********/

.page {
	background:url(images/pageTopFond.png) repeat-x; 
	padding:0; 
	margin:0;
}
.content {
	width:886px;
	padding:2px 7px 1px 7px; 
	margin:auto; 
	background:url(images/pageFond.png) repeat-y;
}
.topHome{
	width:886px;
	height:402px;
	margin:0px 0px 2px 0px;
	background:url(images/topHome.png) no-repeat;
}
.topHomeXt{
	vertical-align:top;
	text-align:left;
	padding:95px 20px 0px 20px;
	width:230px;
}
.topHomeMiddle{
	vertical-align:top;
	text-align:left;
	width:346px;
}
.titreOffre{
	font-size:20px;
	font-weight:bold;
	padding:0 0 10px 15px;
	color:#FFFFFF;
}
.check{
	color:#2b3439;
	font-size:13px;
	line-height:16px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:3px 0 0 18px;
	font-family:Trebuchet MS;
	background:url(images/check.png) no-repeat 0 3px;
}
.middleBlockHome{
	margin:0 0 2px 0;
	width:886px;
	height:130px;
	font-size:12px;
	color:#ffffff;
	background:url(images/fondPrix.png) repeat-x;
}
.appelEmis {
	width:281px; 
	height:100px;
	vertical-align:top;
	border-right:1px solid #FFFFFF;
	background:url(images/emis.png) no-repeat 15px 15px;
	padding:15px 15px 15px 145px;
}
.appelRecu {
	width:281px; 
	height:100px;
	vertical-align:top;
	border-left:1px solid #FFFFFF;
	background:url(images/recu.png) no-repeat 15px 15px;
	padding:15px 15px 15px 145px;
}
.prix{
	font-size:40px;
}
.homeTable{
	
}
.blockHome{
	margin:0 0 2px 0;
	width:264px;
	padding:5px 15px 20px 15px;
	font-size:12px;
	color:#2b3439;
	background:#cce7f7;
	vertical-align:top;
}
.caseG {border-right:1px solid #FFFFFF;}
.caseM {border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF;}
.caseD {border-left:1px solid #FFFFFF;}
.contentBottom {
	width:900px;
	height:8px; 
	margin:0 auto 5px auto; 
	background:url(images/pageBottom.png) no-repeat;
}
.contentTable {
	margin:0;
	width:886px;
	height:50px;
}
.mainSide {
	width:570px;
	vertical-align:top;
	border-right:1px solid #FFFFFF;
}
.mainSideBox {
	padding:10px 15px 30px 15px;
	font-size:12px;
	color:#2b3439;
	background:#e4f0f7;
}
.smallSide {
	width:314px;
	vertical-align:top;
	border-left:1px solid #FFFFFF;
}
.smallSideBox {
	padding:15px;
	font-size:12px;
	margin-bottom:2px;
	color:#2b3439;
	background:#e4f0f7;
}
.smallSideBox .titre {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
.smallSideBox .texte {
	font-weight:normal;
}
.footer {
	width:880px;
	height:30px;
	color:#617480;
	font-size:12px;
	margin:auto;
}

