@charset "utf-8";
/* basic settings */

* { margin: 0; padding: 0; }

/* basic structure */
body {
	background: url(images/main-bg.gif) #34547d 50% 0 repeat-x;
	font-family: "Trebuchet MS",Arial,Helvetica,Verdana, sans-serif;
	font-size:12px;
	text-align: center; 
}
p {
  padding:  0 0 12px 24px;
  line-height: 170%;
}
#headerImg{text-align:left;margin-top:2px;}
#container {
	background-color:#E2EFF9;
	margin: 0 auto;
	text-align: left;
	width: 1024px;
}
#containerData{
	background:url(../images/containerData_bg.gif) #FFFFFF repeat-x;
	width: 988px;
	padding:0px 0px 0px 2px;
	background: #e2eff9;
}
#contentPage{
	background:#E2EFF9;
	width: 988px;
}

#contentPageLeft {
	float: left;
	margin: 10px 20px 10px 50px;
	width: 671px;
}
#contentPageRight {
	float: left; 
	clear: right;
	/*padding: 10px 10px 10px 10px;*/
	border: 0px;
	/*width: 290px;*/
}
#aligner {height:1px; clear:both;}
#generalNavigation {height:28px;margin-bottom:10px;}

#generalNavigation ul {
	float:left;
	background: #fff1ba;
	list-style-type:none;
	font-size:16px;
	width: 671px;
	height:28px;
}

#generalNavigation li {
	color:#616161;
	background:#fff1ba;
	height:28px;
	float:left;
	width:163px;
	padding: 0px 0px;
}
/*.input {
	border:0px solid #FFFFFF;
	background:transparent;
	cursor:default;
} */
#generalNavigation  li.selected {color:#000000;background:url(images/generalNavigation_separator.gif) #ffcc00 right no-repeat;}
#generalNavigation  a {padding:0px 0 0 0;display:block; text-align:center; font-weight:bold;margin-top:3px;}
#generalNavigation a:link 	{color: #343C3D;text-decoration:none;}
#generalNavigation a:visited 	{color: #343C3D;text-decoration:none;}
#generalNavigation a:hover 	{text-decoration:none;display:block;}
#generalNavigation a:active 	{color: #343C3D;text-decoration:none;}

.headerTitle{margin: 22px 0px 0px;font-size:150%;font-weight:bold;}
.headerText{font-size:100%; background-color:#deedf8; border:1px solid #d3e7f7;padding:10px;}
.definitionSapin{border:1px solid #2b503e; background-color:#FFFFFF;height:340px;; vertical-align:top;}
.texteDescriptionSapin{font-size:11px; margin:10px;}
.definitionSapinContainer{padding-bottom:9px;}

.productTable{font-size:12px;margin:8px;}
.productTitleLabel, .productTitleQuantity{font-weight:bold; text-transform:capitalize; font-size:12px}
.productPrice{font-weight:bold; font-size:14px; color:#2E7C62;}
.productLabel, .productPrice, .productQuantity{ }
.productLabelField{font-weight:bold; text-align:right; padding-right:10px;}
.plus, .moins{ background-color:#3399FF; width:17px;}
.total{border:1px solid #224337;float:right;height:70px;width:180px;background-color:#FFFFFF; padding:10px;margin-top:33px;}
.navigation{float:right; text-align:center; vertical-align:center; margin-bottom:10px;}
.somme{color:#327C61;font-size:23px;font-weight:bold;padding:10px;text-align:center;}
#actualiser{background:#9ed4fd url(images/backgroundButton.gif);font-size:15px;font-weight:bold;height:29px;width:95px;}
.codePromo{border:1px solid #224337;float:right;height:100px;width:180px;background-color:#FFFFFF; padding:10px;margin-top:20px;}
.totalHome{border:1px solid #224337;height:70px;width:180px;background-color:#FFFFFF; padding:10px;margin-top:33px; text-align:center;}
.codePromoHome{border:1px solid #224337;height:100px;width:180px;background-color:#FFFFFF; padding:10px;margin-top:20px; text-align:center;}
.note{background:#D2ECE3 none repeat scroll 0%;border:2px solid #2E7C62;clear:both; }
.conseil{padding:10px;}
.warning{background:#ffc0d8 none repeat scroll 0%;border:2px solid #ad0042;clear:both;margin:10px 0px; }
.dotsLine{clear:both; margin:0px 0px 0px 0px; height:2px; background:url(images/dotsLine.gif) transparent left repeat-x;}
.calendarDesign {
	width: 221px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #000000;
	font: normal 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	background-color: #d3ede4;
	line-height:29px;
}

.nav, .nav a {
	font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;	
	text-align: center;
	text-decoration: none;
}	

.calendarDesign caption {
	margin: 0;
	padding: 0;
	width: 221px;
	background: #3c715f;
	color: #fff;	 
	font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height:29px;
}

.calendarDesign th {
	font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #616B76;
	background: #D9E2E1;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
}
.tabb{background:#597973 url(images/backgroungtabselected.jpg) repeat-x scroll center;border:1px solid #224337;color:#FFFFFF;font-size:18px;height:22px; text-align:center}
.calendarDesign .today, .calendarDesign td.today a, .calendarDesign td.today a:link, .calendarDesign td.today a:visited {
	color: #AAAAAA;
	font-weight: bold;
	background: #fff1ba;
}

.calendarDesign td {
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 20px;
	height: 20px;
	text-align: center;
	color:#AAAAAA;
	/*background: url(images/bg_calendar.gif) no-repeat right bottom;*/
}

.calendarDesign td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}

.calendarDesign td a:link, .calendarDesign td a:visited {	
	color: #000000;
	/*background: url(images/bg_calendar.gif) no-repeat;*/
}

.calendarDesign td a:hover, .calendarDesign td a:active {
	color: #000000;
	/*background: url(images/bg_calendar.gif) no-repeat right top;*/
}