@charset "UTF-8";

* {
	font-family: Verdana,Arial,Helvetica,sans-serif;;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #666666;
}
body { margin: 0 auto; width: 957px;  padding: 0px; background-color: #003300; padding-top: 50px;}
#content-background { background-color: #FFFFCC}

li { list-style-type: none; }

a img, fomr, fieldset{ background: none; border: none; }
a:hover {font-weight: normal; color: #8ABE17 }

/***** header **********************/
#header {width: 957px; margin: 10px 0px 10px 0px}

#header #logo { font-size: 10px; float: left;}
#header #logo .ms { font-size: 30px; font-family: fantasy; color: yellow}
#header #logo .ea { font-size: 30px; font-family: fantasy; color: green}

#header #menu_base { float: right; margin-top: 10px;}
#header #menu_base li { width: 100px; cursor: pointer; background-color: green; padding: 6px 25px 6px 6px; border: 1px grey solid;}
#header #menu_base a { color: white; font-weight: bold}
#header #menu_base li:hover { width: 100px; cursor: pointer; background-color: yellow; padding: 6px 25px 6px 6px; border: 1px grey solid;}
#header #menu_base a:hover { color: black; font-weight: bold}
#header #menu_base li:hover a { color: black; font-weight: bold}

#header #menu_search { background-color: #003300; border: 1px #FFCC00 solid; padding: 5px 5px 5px 10px; margin-top: 5px;}
#header #menu_search div { color: white; margin: 0px 20px 0px 20px;}

/*********** header energy ********************/
#header-left, #header-right { width: 145px; float: left;}
#header-content { border-left: #FFCC00 25px solid ; border-right: #FFCC00 25px solid ; background-color: #003300; float: left; width: 617px; height: 220px; text-align: center; font-weight: bold; color: white; font-size: 24px }

/******** content ***************************************/

#left_content, #right_content { width: 145px; float: left;}
#content { background-color: #FFFFCC; float: left; width: 597px; min-height: 580px;padding: 0px 10px 20px 10px }

.left-part { float: left; width: 60%; margin: 0px 40px 0px 0px; }
.right-part { float: left; background-color: #FFF091;border: 1px solid black; width: 145px; margin: 20px 3px 0px 3px; padding: 10px 0px 4px 20px }

#content h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #003300; margin: 10px; text-align: center}
#content h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #003300; margin: 10px; text-align: center}


/********* caddy *****************************************/
#content .add-to-caddy { cursor: pointer; border: 1px black solid; padding: 3px; background-color: white; color: black; font-size: 11px; font-variant: small-caps; font-weight: bold}
#content .add-to-caddy:hover { cursor: pointer; border: 1px black solid; padding: 3px; background-color: green; color: white; font-size: 11px; font-variant: small-caps; font-weight: bold }
#content .table-caddy th { background-color: green; color: white; text-align: center; padding: 3px}
#content .table-caddy td { color: black; text-align: center; padding: 3px}
#content .table-caddy th { }
#content .table-caddy td { border: 1px solid green}
#content .table-caddy { border-collapse: collapse }
#content .table-caddy .table-caddy-total-text { text-align: right; font-weight: bold;}
#content .table-caddy .table-caddy-total-result { font-weight: bold;}
#content .table-caddy tfoot td { border: 0px; background-color: green; color: white}
#content .table-caddy th span { color: white; text-align: center; font-size: 10px}

#show-caddy td, th { font-size: 10px }
#show-caddy .hide { display: none}

.table-show-product { text-align: left;}
.table-show-product .title { text-align: center; font-size: 18px; font-variant: small-caps; border-bottom: 1px solid black}
#table .show-product td, th { text-align: left;}

/******** commande **************************************/
#step-to-order { background-color: #FFCC00; width: 94%; margin: 3%}
#step-to-order table { border-collapse: collapse; text-align: center; margin: 0px auto; font-size: 60px; color: green; font-weight: bold; font-style: italic;}
#step-to-order table td { width: 150px; }
#step-to-order table th { width: 150px; background-color: yellow; text-align: center;}

#id-order-verif { padding: 20px 0px 10px 0px}
#id-order-verif .float { float: left; width: 48%; margin: 0px 0px 0px 2%;}
#id-order-verif .identification { width:90%; text-align: center; padding: 5px; background-color: white; border: 1px black solid}
#id-order-verif .identification .title { background-color: #003300; color: white; text-align: center; font-size: 12px; font-weight: bold}
#id-order-verif .identification .body { color: #003300; text-align: center; font-size: 12px}

#id-customer-info .info{ width:90%; text-align: center; padding: 5px; background-color: white; border: 1px black solid}

#id-customer-pay { text-align: left; font-size: 16px; font-weight: bold; color: #003300; }
#id-customer-pay .item { font-size: 16px; font-weight: bold; color: #003300; border-top: 1px solid black; border-bottom: 1px solid black; margin: 20px; cursor: pointer;}                   
#id-customer-pay .item:hover { font-size: 16px; font-weight: bold; color: #003300; border-top: 1px solid black; border-bottom: 1px solid black; margin: 20px; background-color: #FFF49E;  cursor: pointer;}

#id-customer-payType { text-align: left; font-size: 16px; font-weight: bold; color: #003300; }
#id-customer-payType .item { font-size: 16px; font-weight: bold; color: #003300; border-top: 1px solid black; border-bottom: 1px solid black; margin: 20px;}                   
#id-customer-payType .item:hover { font-size: 16px; font-weight: bold; color: #003300; border-top: 1px solid black; border-bottom: 1px solid black; margin: 20px; background-color: #FFF49E;}

#id-customer-pay .mode { float: left; width: 100%; text-align: center; padding: 10px;}
#id-customer-pay .explication { float: left; font-weight: normal;  width: 80%; display: none}
#id-customer-payType .mode { float: left;  width: 20%;}
#id-customer-payType .explication { float: left; font-weight: normal;  width: 80%; }
	
/******** partial ***************************************/
.partial { color: black; margin-bottom: 10px;}
.partial h1 { background-color: #003300; color: white; padding: 4px; border: 1px #FFCC00 solid;}
.partial .content { color: black; padding: 2px 2px 5px 4px; margin-bottom: 13px;}
.partial .content li { padding: 5px 0px 10px 0px ;}
.partial .content li a { font-size: 12px; }

#footer { background-image: url(degradebas.png); width: 975px; margin-top: 10px; padding: 5px 5px 5px 10px;}


/*** couleur standard ******************/
.background-light { background-color: #C3D4DF; color: black}
button { font-size: 12px!important; font-weight: normal!important}


/***** class error **************/
.error { color: red; font-size: 10px;}
.required { border-bottom: 2px red solid}