﻿/* CSS Zeroco Site */
/* ---------- APPLY TO ALL ITEMS ---------- */
body {
	background:#4f441a url("/images/en/background.jpg") repeat-x scroll left top;
	margin:0;
}
/* mp. centrer horizontalement*/
div.wrapper {
	width:970px;
	margin:0 auto;
}
a {
	cursor:pointer;
	color:black;
	text-decoration:none;
}
a:active, a:focus, a:hover, a:link, a:visited, a:visited:hover, a img, img {
	border:0 none;
}
sub {
	font-size:7px;
	line-height:0;
}
button {
	border-style:none;
	background-color:transparent;
}
/* ---------- COMPONENTS ---------- */
#CONTENT {
	margin-top:5px;
	margin-left:8px;
	background-color:white;
	width:962px;
}
#TopLink {
	width:969px;
	vertical-align:bottom;
	text-align:right;
	color:#FFFFFF;
}
#TopSite {
	background-image:url("/images/en/main_banner2.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
	width:969px;
	height:218px;
	vertical-align:top;
	text-align:right;
}
#LeftMenuContent {
	vertical-align:top;
	padding:10px;
	height:100%;
}
#MainContent {
	border-right:solid;
	border-right-width:1px;
	border-right-color:#d3ceb7;
	border-left:solid;
	border-left-width:1px;
	border-left-color:#d3ceb7;
	padding:10px 0px 10px 5px;
	width:60%;
	vertical-align:top;
}
#RightMenuContent {
	height:100%;
	vertical-align:top;
	padding:10px;
}
#Footer {
	border-top:solid;
	border-top-width:1px;
	border-top-color:#d3ceb7;
	padding:10px 120px 10px 120px;
}
/* ---------- MENUS/TABLES ---------- */
table.HorizontalMenu {
	border-collapse:collapse;
	border:0 none;
	height:100%;
	#height:144px;
}
table.HorizontalMenu tr.HM_TD td {
	vertical-align:middle;
	text-align:center;
	padding:0px;
	border-spacing:0px;
}
table.HorizontalMenu td.HM_TD_Left {
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:white;
}
table.HorizontalMenu td.HM_TD_Right {
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:white;
}
table.VerticalMenu {
	width:197px;
	border:0 none;
	border-collapse:collapse;
	padding:0px;
}
table.VerticalMenu td.VM_Default {
	border-width:1px 0px 1px 0px;
	padding:0px;
	border-style:dashed;
	border-color:#756d4a;
	background-color:white;
	-moz-border-radius:0px 0px 0px 0px;
}
table.VerticalMenu td.VM_Selected {
	border-width:1px 0px 1px 0px;
	padding:0px;
	border-style:dashed;
	border-color:#756d4a;
	background-color:#f1f4e4;
	-moz-border-radius:0px 0px 0px 0px;
}
table.VerticalMenu td.VM_SelectedStatic {
	border-width:1px 0px 1px 0px;
	padding:0px;
	border-style:dashed;
	border-color:#756d4a;
	background-color:#f1f4e4;
	-moz-border-radius:0px 0px 0px 0px;
}
table.VerticalMenu td.VM_CurrentSelection {
	border-width:1px 0px 1px 0px;
	padding:0px;
	border-style:dashed;
	border-color:#756d4a;
	background-color:#f1f4e4;
	-moz-border-radius:0px 0px 0px 0px;
}
table.VerticalMenu td.VM_OtherItems {
	vertical-align:top;
	border-width:1px 0px 1px 0px;
	border-style:dashed;
	border-color:#756d4a;
	background-color:white;
	-moz-border-radius:0px;
}
td.VM_OtherItems td {
	padding-top:10px;
}
table.GreyTable {
	background-color:#f5f8e8;
	color:#7e7655;
	margin:10px 10px 0px 10px;
	padding:0px;
	font-family:Arial;
	font-size:11px;
}
td.Trucs_Astuces {
	background:url("/images/en/trucs_astuces.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	height:105px;
	padding-bottom:10px;
	padding-left:17px;
}
td.Arbres_Cadeaux {
	background:url("/images/en/arbres_cadeaux.gif");
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:110px;
	#padding-top:80px;
	width:100%;
	height:170px;
	#height:100px;
}
td.Compensation_Rapide {
	background:url("/images/en/compensation_rapide.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:50px;
	width:100%;
	height:185px;
}
.GreyBackText {
	background-color:#756d4a;
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin:10px 25px 0px 25px;
	padding:5px;
}
/* ---------- FORMS ---------- */
.Form_Chercher {
	background-image:url("/images/en/search_background.jpg");
	background-repeat:no-repeat;
	padding:10px 8px 10px 8px;
	margin:0 0 8 0;
	color:white;
}
/* ---------- OTHERS ---------- */
a:link.VM_Links_Default, a:visited.VM_Links_Default, a:active.VM_Links_Default, a:hover.VM_Links_Default {
	display:inline-block;
	width:100%;
	text-decoration:none;
	color:#6ca10b;
	font-family:Arial;
	font-size:12px;
	margin:3px 8px;
	line-height:14px;
}
a:link.HM_Links_Default, a:visited.HM_Links_Default, a:active.HM_Links_Default, a:hover.HM_Links_Default {
	display:inline-block;
	width:100%;
	text-decoration:none;
	color:white;
	font-family:Arial;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
}
.LabelChercher {
	vertical-align:middle;
	padding:0px 5px 0px 5px;
	font-size:5px;
	color:white;
	font-family:Arial;
	text-decoration:underline;
	font-weight:bold;
}
.SmallLink {
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.NormalLink {
	color:#94bd56;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
.NormalText, .jqmWindow {
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
}
.SmallText {
	font-family:Arial;
	font-size:12px;
}
.SmallItalicText {
	font-family:Arial;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}
.NormalHeader {
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}
.SmallHeader {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	
/* font-family:Arial;
font-size:14px;
font-weight:bold;*/
}
.ImageDescText {
	color:#9bc07f;
	font-family:Arial;
	font-size:9px;
	font-style:italic;
	line-height:12px;
}
.QuestionHeader {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
}
.NormalAnswer {
	font-family:Arial;
	font-size:11px;
	font-style:italic;
}
label.error {
	font-family:Arial;
	font-size:9px;
	display:block;
	color:#FF0000;
}
.Visible {
	display:inline;
}
.Invisible {
	display:none;
}
.GreenBigHeader {
	color:#94bd56;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
/* error & success 
.error{color:#c00;}
.success{color:#090;}
.notice{color:#FC0;}*/
.paymentSummaryTable {
}
.paymentSummaryTable input {
	margin:3px 3px 3px 3px;
}
.payment {
	font-family:Arial;
	font-size:12px;
}
.paymentHeader {
	width:300px;
}
.paymentHeader img {
	float:left;
}
.paymentHeader h2 {
	float:right;
	font-size:17px;
	color:#7abb23;
}
#paymentMethodImages {
	margin-left:130px;
	margin-right:auto;
}
/* notification */
.success, #notification .error, #notification .notice, #notification .warning {
	font-size:.92em;
	font-weight:bold;
	margin-bottom:15px;
}
.success ul, #notification .error ul, #notification .notice ul, #notification .warning ul {
	line-height:32px;
	margin:5px 0 0 10px;
	padding-left:30px;
}
.success ul li {
	line-height:24px;
}
.success {
	background:#efffee;
	border:1px solid #009900;
}
.success ul {
	background:url(/images/en/icons/success.gif) 0 3px no-repeat;
}
.error {
	background:#fff4f4;
	border:1px solid #ff6666;
}
.error ul {
	background:url(/images/en/icons/error.gif) 0 3px no-repeat;
}
.notice {
	background:#ecf6ff;
	border:1px solid #6699cc;
}
.notice ul {
	background:url(/images/en/icons/notice.gif) 0 3px no-repeat;
}
.warning {
	background:#ffffcc;
	border:1px solid #ffcc33;
}
.warning ul {
	background:url(/images/en/icons/warning.gif) 0 3px no-repeat;
}
.modal {
	border-top-color:#7abb23;
	border-top-width:20px;
	border-top-style:solid;
	padding:20px 20px 20px 20px;
}
#modal-content {
    padding:0;
    margin:0;
}
.modal .close-button {
    width:100%;
    clear:both;
    position:relative;
    display:block;
    height:40px;
    margin:15px 0;
}
.modal .close-button button {
    position:relative;
    display:block;
    float:right;
}
.validationBox {
	background:#FFEBE8 none repeat scroll 0 0;
	border:1px solid #DD3C10;
	line-height:15px;
	margin-top:10px;
	margin-left:250px;
	margin-right:250px;
	margin-bottom:10px;
	overflow:hidden;
	text-align:center;
	font-size:10px;
	display:none;
}
