/*
Master
*/

#order-modern {
    margin: 0;
    padding: 10px 0;
}

#order-modern h1 {
    margin: 0;
    padding: 0;
    text-align: center;
}

#order-slider h2 {
    margin: 0 0 5px 0;
    padding: 0;
}

#order-slider h3 {
    margin: 0;
    padding: 0;
}

#order-modern select {
    border: 1px solid #ccc;
    padding: 1px;
	max-width: 200px;
}

#order-modern .clear {
    clear: both;
}

#order-modern #configcontainer, #order-modern #configcontainer2 {
    display: none;
}

#order-modern .loading {
    display: none;
    width: 220px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}

#order-modern .errorbox {
    display: none;
    margin: 10px auto 10px auto;
    padding: 10px 0;
	background-color: #fff3f4;
	border: 1px solid #f83241;
    width: 100%;
	font-weight: bold;
	color: #cc0000;
	text-align: center;   
}
#order-modern .errorbox p {
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-align: left;
}
#order-modern .errorbox li {
    font-weight: normal;
    text-align: left;
    color:#484848;
	margin-left: 65px;
}
/* ajout Comaxess */
#order-modern .errorbox .content {
	margin-left: 25%;
    width: 60%;
	color: #F83241;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
}
#order-modern .errorbox .titre_error {
	background: url("../../comaxess/img/attention-erreur.png") no-repeat scroll 0 0 transparent;
    color: #F83241;
    font-family: calibri;
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 6px;
    padding-left: 30px;
    text-align: left;
}
/*******************/

#order-modern .textleft{
    text-align: left;
}

#order-modern .textcenter {
    text-align: center;
}

#order-modern .textright {
    text-align: right;
	min-width: 75px;
}

#order-modern .textgreen {
    color: #779500;
}

#order-modern .textred {
    color: #cc0000;
}

#order-modern table tr td {
    padding: 2px 3px;
}

/*
Product Categories
*/

#order-modern #categories {
    display: none;
    width: 75%;
    margin: 10px auto 0 auto;
    padding: 10px 0 10px 15px;
    background-color: #666;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
#order-modern #categories a {
    text-decoration: none;
    padding-right: 20px;
    font-weight: bold;
    color: #fff;
}
#order-modern #categories a:hover {
    color: #000;
}
#order-modern #currencychooser img {
    vertical-align: baseline;
}
#order-modern #currencychooser {
    float: right;
    margin: 10px 30px 10px 0;
    padding: 5px 5px 5px 10px;
    background-color: #F8F7ED;
    border: 1px solid #F4E3A2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-family: Verdana;
}
#order-modern #currencychooser img {
    vertical-align: baseline;
}
#order-modern #currencychooser a {
    text-decoration: none;
    padding-right: 5px;
    color: #000;
}
#order-modern #currencychooser a:hover {
    color: #0066CC;
}

/*
Product Listing
*/

#order-modern .products {
    float: left;
    margin: 0;
    width: 50%;
}

#order-modern .product {
    margin: 10px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#order-modern .product:hover {
    background-color: #E6EDFF;
    cursor: pointer;
    cursor: hand;
}

#order-modern .product .pricing {
    float: right;
    text-align: right;
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
    font-size: 18px;
    line-height: 20px;
}

#order-modern .product .name {
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 10px;
}

#order-modern .product .prodfeature {
    float: left;
    margin: 5px 5px 0 0;
    padding: 5px 10px 5px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    color: #ff6600;
}

#order-modern .product .prodfeature .feature {
    font-size: 13px;
    color: #666;
}

#order-modern .product .description {
    font-size: 0.9em;
    margin: 15px 30px 0 20px;
}

#order-modern .product .ordernowbox {
    margin: 15px 0 0 0;
    text-align: right;
}

#order-modern .ordernow {
    margin: 5px;
    padding: 6px 10px 6px 10px;
    background-color: #fff;
    border: 1px solid #AADD64;
    color: #7BB928;
    font-size: 16px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/*
Domain Registrations
*/

#order-modern .domainreg {
    margin: 0 auto 15px auto;
    padding: 10px;
    width: 70%;
    background-color: #f6f6f6;
    border: 1px dashed #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

#order-modern .domainoptions {
    margin: 0 auto;
    padding: 0;
    width: 80%;
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    font-size: 13px;
}

#order-modern .domainoptions .option {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
#order-modern .domainoptions .option:first-child {
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
#order-modern .domainoptions .option:last-child {
    border-bottom: 0;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
#order-modern .domainoptions .optionselected {
    background-color: #EDF1FE;
}

#order-modern .domainreginput {
    margin: 0;
    padding: 10px;
    font-size: 14px;
    text-align: center;
}

#order-modern .domainreginput input, #order-modern .domainreginput select, #order-modern .domainregperiod select {
    font-size: 14px;
    padding: 3px;
}

#greyout {
    display: none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:150%;
    background-color: #ccc;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    z-index: 50000;
}

#domainpopupcontainer {
    display: none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    text-align:center;
    /*padding: 150px 0 0 0;*/
    z-index: 50001;
}

#domainresults {
    width: 650px;
    margin: 0 auto 0 auto;
    padding: 15px 0 15px 0;
    border: 10px solid #F5F5F5;
    background-color: #fff;
    text-align: center;
	/*
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;*/
}
#domainresults .loading_message {
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	color: #08aadb;
	padding:20px 0;
}
#domainresults p {
	margin-top:5px;
	margin-bottom:15px;
}
#domainresults a {
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	color: #08aadb;
}
#domainresults a:hover {
	text-decoration:underline;
}
#domainresults .label_choix_periode {
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	color: #484848;
	text-align:left;
	margin-left: 30px;
	margin-bottom: 5px;
}

#domainresults .regperiod_line {
	cursor: pointer;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
	margin-left: 30px;
}
#domainresults .regperiod_line img {
    float: left;
    margin-right: 5px;
    margin-top: 7px;
}
#domainresults .regperiod_line div {
    float: left;
	color:#707070;
}

#order-modern .domainbox {
     background-color:#fff;
     width:550px;
     padding:15px;
}

#order-modern .domainavailable {
	border: 1px solid #5CCE7D;
    color: #484848;
    font-family: calibri;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto;
    padding: 7px 0 10px;
    text-align: center;
    width: 500px;
}
#order-modern .domainavailable img {
	margin-bottom: -7px;
}
#order-modern .domainavailable span {
	color: #5cce7d;
}

#order-modern .domainunavailable {
    font-family: calibri;
    font-size: 20px;
    font-weight: bold;
	color: #484848;
    text-align: center;
}
#order-modern .domainunavailable span {
	color: #cc0000;
}

#order-modern .domaininvalid {
    font-family: calibri;
    font-size: 20px;
    font-weight: bold;
	color: #484848;
    text-align: center;
}
#order-modern .domaininvalid span {
	color: #cc0000;
}

#order-modern .domainregperiod {
    font-size: 12px;
    text-align: center;
}

#order-modern div.domainsuggestions {
    padding: 20px 0 10px 0;
	text-align:left;
	font-family: calibri;
    font-size: 14px;
    font-weight: bold;
	color: #484848;
	margin-left: 30px;
}

#order-modern table.domainsuggestions {
    margin: 0 auto;
    width: 80%;
}
#order-modern table.domainsuggestions th {
	background-color: #1A4D80;
    font-size: 11px;
	font-weight: bold;
	text-align: center;
    padding: 2px;
    line-height: 20px;
    color: #fff;
}
#order-modern table.domainsuggestions td {
	background-color: #FFF;
    text-align: center;
	border-bottom: 1px solid #EBEBEB;
	font-size: 11px;
    line-height: 25px;
}
#order-modern table.domainsuggestions td select {
	font-size: 11px;
}

#order-modern #domainconfig {
    margin: 0 auto;
    padding: 10px;
    width: 80%;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/*
Product Config
*/

#order-modern .prodconfigcol1 {
    float: left;
    width: 65%;
}

#order-modern .prodconfigcol2 {
    float: right;
    width: 33%;
}

#order-modern .billingcycle {
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#order-modern .serverconfig {
    border: 1px solid #ccc;
    padding: 1px;
    margin-bottom: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#order-modern .configoptions {
    /*border: 1px solid #ccc;
    padding: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;*/
    margin-bottom: 20px;
}

#order-modern .addons {
    /*border: 1px solid #ccc;
    padding: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	*/
    margin-bottom: 20px;
}

#order-modern .customfields {
    /*border: 1px solid #ccc;
    padding: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	*/
    margin-bottom: 20px;
}

/*
Config Tables
*/

#order-modern .configtable td {
    padding: 2px 5px 2px 5px;
}

#order-modern .configtable td.fieldlabel {
    color: #484848;
    font-family: calibri;
    font-size: 14px;
    text-align: left;
    width: 150px;
}

#order-modern .configtable td.radiofield {
    width: 30px;
    text-align: center;
}

#order-modern .configtable td.fieldarea {
    /*background-color: #efefef;*/
    border-bottom: 1px solid #fff;
    padding: 5px;
    text-align: left;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
}

#order-modern .configoplabel {
    color: #ff6600;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}

/*
Order Summary
*/

#order-modern .ordersummary {
    /*border: 1px solid #ccc;
    padding: 10px;*/
    min-height: 100px;
    margin-bottom: 20px;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;*/
}

#order-modern .ordersummarytbl {
    width: 100%;
}

#order-modern .ordersummary td {
    font-size: 11px;
}

#order-modern .ordersummary td.col_picto_pack {
	width:70px;
	text-align:center;
	vertical-align:top;
}
#order-modern .ordersummary td.col_picto_pack img {
	 width: 50px;
}
#order-modern .ordersummary td.label_simple {
	font-family:calibri;
	font-size:15px;
	color:#484848;
	font-weight:normal;
	background-color:#FFFFFF;
}
#order-modern .ordersummary td.label_gras {
	font-family:calibri;
	font-size:15px;
	color:#484848;
	font-weight:bold;
}
#order-modern .ordersummary span.total_today {
	font-family:calibri;
	font-size:20px;
	color:#08aadb;
	font-weight:bold;
}


#order-modern .summaryproduct {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
	
	font-family:calibri;
	font-size:17px;
	color:#484848;
	font-weight:bold;
}

#order-modern .checkoutbuttons {
    text-align: center;
}

#order-modern .checkoutbuttons input {
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
    margin-bottom: 10px;
}

#order-modern .checkoutbuttons input.checkout {
    border: 1px solid #ccc;
    background-color: #E0FBA8;
    font-size: 14px;
    padding: 5px 20px 5px 20px;
}

/*
Addons
*/

#order-modern .addoncontainer {
    margin: 0 auto 15px auto;
    padding: 10px;
    width: 90%;
    background-color: #f6f6f6;
    border: 1px dashed #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

#order-modern .addoncontainer .title {
    margin: 0;
    padding: 0;
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
    font-size: 16px;
}

#order-modern .addoncontainer .desc {
    margin: 0;
    padding: 0;
    padding: 10px;
    text-align: center;
    font-size: 11px;
}

#order-modern .addoncontainer .pricing {
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    color: #cc0000;
}

#order-modern .addoncontainer select {
    max-width: 50%;
}

/*
Domain Renewals
*/

#order-modern .regperiod {
    padding: 3px;
    border: 1px solid #ccc;
}

#order-modern table.renewals {
    width: 100%;
}
#order-modern table.renewals th {
	background-color: #666;
    font-size: 12px;
	font-weight: bold;
	text-align: center;
    padding: 3px;
    line-height: 20px;
}
#order-modern table.renewals td {
	background-color: #FFF;
    text-align: center;
	border-bottom: 1px solid #EBEBEB;
	font-size: 12px;
    line-height: 28px;
}
#order-modern table.renewals tr.rowhighlight td {
	background-color: #EFF2F9;
}
#order-modern table.renewals tr:hover td {
	background-color: #EFF2F9;
}
#order-modern table.renewals th, table.datatable th a, table.datatable th a:visited {
	color: #FFF;
	text-decoration: none;
}
#order-modern table.renewals th a:hover {
	color: #FFF;
	text-decoration: underline;
}

/*
Shopping Cart
*/

#order-modern table.cart {
    width: 100%;
}
#order-modern table.cart th {
	background-color: #666;
    font-size: 12px;
	font-weight: bold;
	text-align: center;
    padding: 3px;
    line-height: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
#order-modern table.cart td {
	background-color: #FFF;
	border-bottom: 1px solid #EBEBEB;
	font-size: 12px;
    padding: 4px;
}
#order-modern table.cart tr.subtotal td {
	background-color: #F5F5F5;
	border-bottom: 1px solid #EBEBEB;
	font-size: 12px;
    padding: 4px;
}
#order-modern table.cart tr.subtotal:hover td {
	background-color: #F5F5F5;
}
#order-modern table.cart tr.promotion td {
	background-color: #FFFFDA;
	border-bottom: 1px solid #EBEBEB;
	font-size: 12px;
    padding: 4px;
}
#order-modern table.cart tr.promotion:hover td {
	background-color: #FFFFDA;
}
#order-modern table.cart tr.total td {
	background-color: #E7FFDA;
    color: #339100;
	border-bottom: 0;
	font-size: 16px;
    font-weight: normal;
    padding: 4px;
}
#order-modern table.cart tr.total:hover td {
	background-color: #E7FFDA;
}
#order-modern table.cart tr.recurring td {
	background-color: #F1EFDC;
	border-bottom: 2px solid #666;
	font-size: 12px;
    font-weight: normal;
    padding: 4px;
}
#order-modern table.cart tr.recurring:hover td {
	background-color: #F1EFDC;
}
#order-modern table.cart tr:hover td {
	background-color: #EFF2F9;
}
#order-modern table.cart th, #order-modern table.datatable th a, #order-modern table.datatable th a:visited {
	color: #FFF;
	text-decoration: none;
}
#order-modern table.cart th a:hover {
	color: #FFF;
	text-decoration: underline;
}

#order-modern .cartedit {
    font-size: 11px;
    color: #888;
}

#order-modern .cartremove {
    font-size: 11px;
    color: #cc0000;
}

#order-modern .cartbuttons {
    float: right;
    margin: 0;
    padding: 10px 0 0 0;
    width: 40%;
    text-align: center;
}

#order-modern .checkoutcol1 {
    float: left;
    width: 49%;
}

#order-modern .checkoutcol2 {
    float: right;
    width: 49%;
}

#order-modern .signuptype {
    float: left;
    margin: 0 5px 0 0;
    padding: 0 10px 0 10px;
    border: 1px solid #ccc;
    border-bottom: 0;
    line-height: 20px;
    color: #000;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -o-border-radius-topleft: 5px;
    -o-border-radius-topright: 5px;
    border-radius-topleft: 5px;
    border-radius-topright: 5px;
}
#order-modern .signuptype:hover {
    cursor: hand;
    cursor: pointer;
}
#order-modern .signuptype.active {
    background-color: #efefef;
    color: #000;
    font-weight: bold;
}

#order-modern .signupfields {
   /* border: 1px solid #ccc;
    padding: 1px;
    margin: 0 0 10px 0;
	padding-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;*/
}
#order-modern .signupfields input {
	background-color:#f5f5f5;
	border:1px solid #d1d2d5;
}
#order-modern .signupfields .champ_obligatoire {
	color:#08aadb;
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	margin-left: -7px;
}	
#order-modern .signupfields .mention_obligatoire {
	color:#08aadb;
	font-family: calibri;
    font-size: 12px;
    font-weight: normal;
	padding-top: 20px;
}
#order-modern .signupfields .configtable td.fieldlabel {
    width: 150px;
}
#order-modern .signupfields.padded {
    padding: 15px;
    text-align: center;
}
#order-modern .signupfields.hidden {
    display: none;
}

#order-modern .carttaxwarning {
    margin: 0 0 20px 0;
    text-align: left;
	color: #666;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	padding-top:10px;
	/*border-top: 1px solid #DCDCDC;*/
}

#order-modern .carttaxwarning input {
	background: url("../../comaxess/img/commande-recalculer-panier-fleche.png") no-repeat scroll 95% center #E5E5E5;
    border-color: #C8C8C8 #919191 #919191 #C8C8C8;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 1px;
    color: #484848;
    font-family: calibri;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 0 20px 0 10px;
}
#order-modern .carttaxwarning input:hover {
	background: url("../../comaxess/img/commande-recalculer-panier-fleche.png") no-repeat scroll 95% center #CCCCCC;
}

#order-modern .cartwarningbox {
    margin: 20px 0 20px 0;
    padding: 7px;
    border: 1px solid #EBE8CD;
    border-left: 0;
    border-right: 0;
    background-color: #F1EFDC;
    text-align: center;
    color: #000;
}

/*****************************************************************************************/
/*                               NAVIGATION COMMANDE                                     */
/*****************************************************************************************/
#nav_commande {
	width:100%;
	margin:20px 0;
	position:relative;
}
#nav_commande #line_spacer {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:15px;
	border-bottom:1px solid #c1c1c1;
	z-index: 0;
}
#nav_commande .container_nav_1 {
	float:left;
	width:17%;
	position:relative;
}
#nav_commande .container_nav_2 {
	float:left;
	width:29%;
	position:relative;
}
#nav_commande .container_nav_3 {
	float:left;
	width:28%;
	position:relative;
}
#nav_commande .container_nav_4 {
	float:left;
	width:26%;
	position:relative;
}
#nav_commande .align_left {
	text-align:left;
}
#nav_commande .align_center {
	text-align:center;
}
#nav_commande .align_right {
	text-align:right;
}
#nav_commande #etape_1 {
	font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	color:#c1c1c1;
	background-color:#FFFFFF;
	padding: 0 5px 0 10px;
}
#nav_commande #etape_2 {
	font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	color:#c1c1c1;
	background-color:#FFFFFF;
	padding: 0 5px;
}
#nav_commande #etape_3 {
	font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	color:#c1c1c1;
	background-color:#FFFFFF;
	padding: 0 5px;
}
#nav_commande #etape_4 {
	font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	color:#c1c1c1;
	background-color:#FFFFFF;
	padding: 0 10px 0 5px;
}

#nav_commande #etape_1.active, #nav_commande #etape_2.active, #nav_commande #etape_3.active, #nav_commande #etape_4.active {
	color:#08aadb;
}


/*****************************************************************************************/
/*                             CONFIGURATION PRODUIT                                     */
/*****************************************************************************************/
#conf_product_col_infos {
	float:left;
	width:24.8%;
	border-right:1px solid #c1c1c1;
	margin-top:10px;
}
#conf_product_col_conf {
	float: left;
    padding: 0 1%;
    width: 73%;
	margin-top:10px;
}

#conf_product_col_infos img.img_logo_offre_web {
    margin: 0 20%;
    width: 60%;
}
#conf_product_col_infos img.img_logo_offre_mail {
    margin: 0 25%;
    width: 50%;
}
#conf_product_col_infos .titre_nom_offre {
    color: #484848;
    font-family: BebasNeueRegular;
    font-size: 45px;
    font-weight: normal;
    padding-top: 30px;
    text-align: center;
    width: 100%;
}
#conf_product_col_infos .titre_tarif_heb {
    color: #99C301;
    font-family: BebasNeueRegular;
    font-size: 58px;
    font-weight: normal;
    text-align: center;
    width: 100%;
}
#conf_product_col_infos .tab_caract {
    border-bottom: 1px solid #CDCDCD;
    margin-left: 5%;
    margin-top: 30px;
    width: 90%;
}
#conf_product_col_infos .tab_caract .line {
    border-top: 1px solid #CDCDCD;
    width: 100%;
}
#conf_product_col_infos .tab_caract .title_line {
    color: #484848;
    float: left;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 2.5%;
    width: 65%;
}
#conf_product_col_infos .tab_caract .title_line.serveur {
	width: 50%;
}
#conf_product_col_infos .tab_caract .title_line .puce_mail {
    color: #00CCCC;
    font-size: 10px;
    margin-right: 4px;
}
#conf_product_col_infos .tab_caract .title_line .puce_web {
    color: #99C301;
    font-size: 10px;
    margin-right: 4px;
}
#conf_product_col_infos .tab_caract .title_line .puce_serveur {
    color: #f7e000;
    font-size: 10px;
    margin-right: 4px;
}
#conf_product_col_infos .tab_caract .text_line {
    color: #484848;
    float: left;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 2.5%;
    width: 25%;
}
#conf_product_col_infos .tab_caract .text_line.serveur {
	width: 40%;
}
#conf_product_col_conf .titre {
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#484848;
	margin-bottom: 5px;
}
#conf_product_col_conf .titre .puce {
	color: #484848;
    font-size: 10px;
    margin-right: 4px;
}
#conf_product_col_conf .texte {
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	color:#484848;
	margin-left: 10px;
}
#conf_product_col_conf .texte_selected_domain {
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	color:#484848;
	margin-left: 20px;
	margin-bottom: 25px;
}
#conf_product_col_conf .texte_selected_domain a {
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	color:#08AADB;
	text-decoration:none;
}
#conf_product_col_conf .texte_selected_domain a:hover {
	text-decoration:underline;
}

#tab_select_domaine {
    margin-top: 20px;
    width: 100%;
	border-top: 1px solid #CDCDCD;
}
#tab_select_billing_cycle {
    margin-top: 20px !important;
    width: 100% !important;
	border-top: 1px solid #CDCDCD !important;
	border-radius: 0 0 0 0 !important;
	border-bottom:none !important;
	border-left:none !important;
	border-right:none !important;
}
#tab_select_domaine .line, #tab_select_billing_cycle .line {
    color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    margin: 3px 0;
    width: 100%;
}
#tab_select_domaine .line.highlight, #tab_select_billing_cycle .line.highlight {
    background-color: #F5F5F5;
}
#tab_select_domaine .line_separator, #tab_select_billing_cycle .line_separator {
    background-color: #CDCDCD;
    height: 1px;
    width: 100%;
}

#tab_select_domaine .title_select, #tab_select_billing_cycle .title_select {
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	height: 40px;
    line-height: 40px;
	cursor: pointer;
}
#tab_select_domaine .title_select img, #tab_select_billing_cycle .title_select img {
	float: left;
    margin-left: 10px;
    margin-right: 5px;
    margin-top: 13px;
}
#tab_select_domaine .title_select div, #tab_select_billing_cycle .title_select div {
	float:left;
}
#tab_select_domaine .title_select span.info_prix_mensuel, #tab_select_billing_cycle .title_select span.info_prix_mensuel {
	font-size: 17px;
    font-weight: bold;
	color:#08aadb;
}
#tab_select_domaine .title_select span.info_prix_total, #tab_select_billing_cycle .title_select span.info_prix_total {
    font-weight: normal;
	/*display:inline;*/
}
#tab_select_domaine .title_select span sup, #tab_select_billing_cycle .title_select span sup {
	top:-1px;
}
#tab_select_domaine .highlight .title_select, #tab_select_billing_cycle .highlight .title_select {
	font-weight:bold;
}
#tab_select_domaine  #content_select_incart {
	display:block;
	padding-left: 10px;
}
#tab_select_domaine  #content_select_register {
	display:none;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#tab_select_domaine  #content_select_transfer {
	display:none;
	padding-left: 10px;
	padding-top: 5px;
}
#tab_select_domaine  #content_select_owndomain {
	display:none;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom:10px;
}
#tab_select_domaine  #content_select_subdomain {
	display:none;
	padding-left: 10px;
	padding-top: 5px;
}
#tab_select_domaine  #content_select_incart p.mention, #tab_select_domaine  #content_select_register p.mention,
#tab_select_domaine  #content_select_transfer p.mention, #tab_select_domaine  #content_select_owndomain p.mention,
#tab_select_domaine  #content_select_subdomain p.mention {
	margin:0;
	padding: 10px 0;
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	color:#484848;
	font-style:italic;
}
#tab_select_domaine #selincart, #tab_select_domaine #selregister, #tab_select_domaine #seltransfer, #tab_select_domaine #selowndomain, #tab_select_domaine #selsubdomain  {
	display:none;
}


#conf_product_col_conf #recherche {
    color: #333333;
    font-family: Calibri;
    font-size: 22px;
    width: 100%;
}
#conf_product_col_conf #recherche #incartsld {
	float:left;
	width:65%;
	background-color: #FFFFFF;
    border: 1px solid #08AADB;
	height: 38px;
    position: relative;
	color: #707070;
    font-family: calibri;
    font-size: 22px;
    font-weight: bold;
}
#conf_product_col_conf #recherche #champ_recherche_dom_register, #conf_product_col_conf #recherche #champ_recherche_dom_transfer {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    background-color: #FFFFFF;
    border: 1px solid #08AADB;
    float: left;
    height: 38px;
    position: relative;
    width: 65%;
}
#conf_product_col_conf #recherche #champ_recherche_dom_owndomain {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    background-color: #FFFFFF;
    border: 1px solid #08AADB;
    float: left;
    height: 38px;
    position: relative;
    width: 53%;
}
#conf_product_col_conf #recherche .www {
    color: #08AADB;
    float: left;
    font-family: calibri;
    font-size: 22px;
    font-weight: bold;
    opacity: 0.5;
    padding-top: 6px;
    position: relative;
    text-align: right;
    width: 60px;
}
#conf_product_col_conf #recherche #registersld, #conf_product_col_conf #recherche #transfersld {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    color: #707070;
    float: left;
    font-family: calibri;
    font-size: 22px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    width: 65%;
}
#conf_product_col_conf #recherche #owndomainsld {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    color: #707070;
    float: left;
    font-family: calibri;
    font-size: 22px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    width: 80%;
}
#conf_product_col_conf #recherche #owndomaintld {
   -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #08AADB;
    box-shadow: none;
    color: #707070;
    float: left;
    font-family: calibri;
    font-size: 22px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    width: 10%;
}
#conf_product_col_conf #recherche .domain_separator {
	color: #08AADB;
    float: left;
    font-family: calibri;
    font-size: 22px;
    font-weight: bold;
    opacity: 0.5;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: 2%;
}
#conf_product_col_conf #recherche .extension {
    color: #08AADB;
    font-family: calibri;
    font-size: 22px;
    font-weight: bold;
    opacity: 0.5;
    position: absolute;
    right: 35px;
    top: 6px;
}
#conf_product_col_conf #recherche .recherche_multiple {
    cursor: pointer;
    position: absolute;
   	right: 10px;
    top: 10px;
}
#conf_product_col_conf #recherche #button_recherche_confproduct {
    background: url("../../comaxess/img/bg-btn-nom-domaine.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    margin-left: 5px;
    /*padding: 1px 3px;*/
	border-radius:7px 7px 7px 7px;
    text-align: center;
	cursor:pointer;
	width: 32%;
	height: 40px;
    line-height: 40px;
}
#conf_product_col_conf #recherche #button_recherche_confproduct:hover {
    background: url("../../comaxess/img/bg-btn-nom-domaine-over.png") repeat-x scroll 0 0 transparent;
}

#conf_product_col_conf #recherche #liste_extensions_recherche_container_register, 
#conf_product_col_conf #recherche #liste_extensions_recherche_container_transfer
{
    background-color: #FFFFFF;
    border-bottom: 1px solid #08AADB;
    border-left: 1px solid #08AADB;
    border-right: 1px solid #08AADB;
    display: none;
    height: 150px;
    padding: 5px;
    position: absolute;
    right: -1px;
    top: 38px;
    width: 90px;
    z-index: 100000;
}
#conf_product_col_conf #recherche #liste_extensions_recherche_container_register #liste_extensions_register, 
#conf_product_col_conf #recherche #liste_extensions_recherche_container_transfer #liste_extensions_transfer {
    height: 150px;
}
#conf_product_col_conf #recherche #liste_extensions_recherche_container_register #liste_extensions_register ul,
#conf_product_col_conf #recherche #liste_extensions_recherche_container_transfer #liste_extensions_transfer ul {
    list-style: none outside none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    text-align: right;
}
#conf_product_col_conf #recherche #liste_extensions_recherche_container_register #liste_extensions_register ul li,
#conf_product_col_conf #recherche #liste_extensions_recherche_container_transfer #liste_extensions_transfer ul li {
    color: #484848;
    font-family: calibri;
    font-size: 16px;
    padding-right: 15px;
}
#conf_product_col_conf #recherche #liste_extensions_recherche_container_register #liste_extensions_register ul li:hover,
#conf_product_col_conf #recherche #liste_extensions_recherche_container_transfer #liste_extensions_transfer ul li:hover {
    background-color: #E1F5FB;
    color: #484848;
    cursor: pointer;
    font-family: calibri;
    font-size: 16px;
    font-weight: bold;
}

#orderfrm .product_config_col1 {
	float:left;
	width:45%;
}
#orderfrm .product_config_col2 {
	float:right;
	width:54%;
	background-color:#f5f5f5;
	border-left:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}
#orderfrm .product_config_col2 .content {
	margin:2%;
	padding:3%;
	width:90%;
	background-color:#ffffff;
}
#orderfrm .product_config_col2 .titre {
	font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	color: #484848;
	padding-bottom:15px;
}
#tab_select_billing_cycle #radio_monthly, #tab_select_billing_cycle #radio_quarterly, #tab_select_billing_cycle #radio_semiannually,
#tab_select_billing_cycle #radio_annually, #tab_select_billing_cycle #radio_biennially, #tab_select_billing_cycle #radio_triennially  {
	display:none;
}

#button_next {
    background: url("../../comaxess/img/bg-poursuivre-commande.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    margin: 0 auto;
    padding: 6px 2.5% 6px 0.5%;
    position: relative;
    text-align: center;
    width: 250px;
}
#button_next:hover {
	background: url("../../comaxess/img/bg-poursuivre-commande-over.png") repeat-x scroll 0 0 transparent;
    cursor: pointer;
}
#button_next img.fleche {
    position: absolute;
    right: 0;
    top: 0;
}

#button_previous {
    background: url("../../comaxess/img/bg-continuer-achats-pt.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: BebasNeueRegular;
    font-size: 18px;
    font-weight: normal;
    margin: 0 auto;
    padding: 1px 0.5% 1px 2.5%;
    position: relative;
    text-align: center;
    width: 150px;
}
#button_previous:hover {
	background: url("../../comaxess/img/bg-continuer-achats-pt-over.png") repeat-x scroll 0 0 transparent;
    cursor: pointer;
}
#button_previous img.fin_fleche {
    position: absolute;
    right: 0;
    top: 0;
}

#button_previous_big {
    background: url("../../comaxess/img/bg-continuer-achats.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    margin: 0 auto;
    padding: 6px 2.5% 6px 0.5%;
    position: relative;
    text-align: center;
    width: 250px;
}
#button_previous_big:hover {
	background: url("../../comaxess/img/bg-continuer-achats-over.png") repeat-x scroll 0 0 transparent;
    cursor: pointer;
}
#button_previous_big img.fin_fleche {
    position: absolute;
    right: 0;
    top: 0;
}

/*****************************************************************************************/
/*                             POP UP AJOUT DOMAINE                                      */
/*****************************************************************************************/
#tab_result_dispo_suggestions {
    border-bottom: 1px solid #08AADB;
    border-left: 1px solid #08AADB;
    border-right: 1px solid #08AADB;
    width: 590px;
	margin-left:30px;
	margin-bottom:20px;
}
#tab_result_dispo_suggestions .header {
	background-color: #08AADB;
    color: #FFFFFF;
    font-family: BebasNeueRegular;
    font-size: 20px;
    font-weight: normal;
    height: 35px;
    width: 100%;
}
#tab_result_dispo_suggestions .header .col_check {
	background-color: #08AADB;
    float: left;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 40px;
	padding-left: 10px;
}
#tab_result_dispo_suggestions .header .col_check img:hover, #tab_result_dispo_suggestions .line_dispo .col_check img:hover {
	cursor:pointer;
}
#tab_result_dispo_suggestions .header .col_type {
	background-color: #08AADB;
    float: left;
    height: 28px;
    padding-top: 7px;
    text-align: center;
    width: 80px;
}
#tab_result_dispo_suggestions .header .col_ndd {
	background-color: #08AADB;
    float: left;
    height: 28px;
    padding-top: 7px;
    text-align: left;
    width: 260px;
}
#tab_result_dispo_suggestions .header .col_tarif {
	background-color: #08AADB;
    float: left;
    height: 28px;
    padding-top: 7px;
    text-align: center;
    width: 200px;
}
#tab_result_dispo_suggestions .line_dispo {
	border-bottom: 1px solid #C1C1C1;
    color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    width: 100%;
}
#tab_result_dispo_suggestions .line_dispo.last {
	border-bottom: none;
    color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    width: 100%;
}
#tab_result_dispo_suggestions .line_dispo .col_check {
	float: left;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    width: 40px;
	padding-left: 10px;
}
#tab_result_dispo_suggestions .line_dispo .col_type {
	float: left;
    height: 25px;
    padding-top: 10px;
    text-align: center;
    width: 80px;
}
#tab_result_dispo_suggestions .line_dispo .col_ndd {
	float: left;
    height: 27px;
    padding-top: 8px;
    text-align: left;
    width: 260px;
}
#tab_result_dispo_suggestions .line_dispo .col_tarif {
	float: left;
    height: 27px;
    padding-top: 4px;
    text-align: center;
    width: 200px;
}

/*****************************************************************************************/
/*                           CONFIGURATION DES DOMAINES                                  */
/*****************************************************************************************/
#config_domaines .titre {
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#484848;
	margin-bottom: 5px;
}
#config_domaines .titre .puce {
	color: #484848;
    font-size: 10px;
    margin-right: 4px;
}
#config_domaines .texte_infos_config {
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	color:#484848;
	margin-left: 10px;
}
#config_domaines .link_change_mode {
	width:100%;
	text-align:right;
}
#config_domaines .link_change_mode a.table_mode {
	color: #08AADB;
    font-family: calibri;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
	padding-left:20px;
	background: url("../../comaxess/img/application_view_list.png") no-repeat scroll 0 0 transparent;
}
#config_domaines .link_change_mode a.inline_mode {
	color: #08AADB;
    font-family: calibri;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
	padding-left:20px;
	background: url("../../comaxess/img/application_cascade.png") no-repeat scroll 0 0 transparent;
}
#config_domaines .link_change_mode a:hover {
	text-decoration:underline;
}

/* header ligne */
#config_domaines .header_ligne {
	background-color:#f5f5f5;
	border-top: 1px solid #C1C1C1;
	height:50px;
	line-height:50px;
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#484848;
	margin-top:20px;
	padding-left: 1%;
    width: 99%;
	position:relative;
}
#config_domaines .header_ligne span {
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#707070;
	text-decoration:none;
}
#config_domaines .header_ligne a {
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#08aadb;
	text-decoration:none;
}
#config_domaines .header_ligne a:hover {
	text-decoration:underline;
	cursor:pointer;
}
#config_domaines .header_ligne img {
	position:absolute;
	right:14px;
	top:14px;
	cursor:pointer;
	opacity:0.5;
}
#config_domaines .header_ligne img:hover {
	position:absolute;
	right:14px;
	top:14px;
	cursor:pointer;
	opacity:1;
}


/* domain line */
#config_domaines .domain_line {
	width:100%;
	height:70px;
	line-height:70px;
	position:relative;
}
#config_domaines .domain_line .picto_line {
	float:left;
	height: 70px;
    line-height: 70px;
	width:7%;
	text-align: center;
}
#config_domaines .domain_line .picto_line img {
	width:50px;
	padding-top:10px;
}
#config_domaines .domain_line .libelle {
	float:left;
	height:44px;
	width:37%;
	line-height:18px;
	font-family: calibri;
    font-size: 15px;
    font-weight: normal;
	color:#484848;
	padding-left: 1%;
	padding-top: 26px;
}
#config_domaines .domain_line .libelle span {
	font-weight:bold;
}
#config_domaines .domain_line .choix_duree {
	float:left;
	height:70px;
	width:33%;
}
#config_domaines .domain_line .price {
	float:left;
	height:44px;
	width:22%;
	line-height:18px;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	padding-top: 26px;
}
#config_domaines .domain_line .price strong {
	font-size: 17px;
    font-weight: bold;
}
#config_domaines .domain_line .mention_domaine_inclus {
	float:left;
	height:70px;
	width:22%;
	line-height:70px;
	color: #08aadb;
    font-family: calibri;
    font-size: 17px;
    font-weight: bold;
}


/* hosting line */
#config_domaines .hosting_line {
	width:100%;
	height:70px;
	line-height:70px;
	position:relative;
}
#config_domaines .hosting_line .picto_line {
	float:left;
	height: 70px;
    line-height: 70px;
	width:7%;
	text-align: center;
}
#config_domaines .hosting_line .picto_line img {
	width:50px;
	padding-top:10px;
}
#config_domaines .hosting_line .libelle {
	float:left;
	height:44px;
	width:37%;
	line-height:18px;
	font-family: calibri;
    font-size: 15px;
    font-weight: normal;
	color:#484848;
	padding-left: 1%;
	padding-top: 26px;
}
#config_domaines .hosting_line .libelle span {
	font-weight:bold;
}
#config_domaines .hosting_line .choix_duree {
	float:left;
	height:70px;
	width:33%;
}
#config_domaines .hosting_line .price {
	float:left;
	height:44px;
	width:22%;
	line-height:18px;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	padding-top: 26px;
}
#config_domaines .hosting_line .price strong {
	font-size: 17px;
    font-weight: bold;
}
#config_domaines .hosting_line .mention_hebergement_gratuit {
	float:left;
	height:70px;
	width:22%;
	line-height:70px;
	color: #99C301;
    font-family: calibri;
    font-size: 17px;
    font-weight: bold;
}

/* hosting line none */
#config_domaines .hosting_line_none {
	width:100%;
	height:70px;
	line-height:70px;
	position:relative;
}
#config_domaines .hosting_line_none .picto_line {
	float:left;
	height: 70px;
    line-height: 70px;
	width:7%;
	text-align: center;
}
#config_domaines .hosting_line_none .picto_line img {
	width:50px;
	padding-top:10px;
}
#config_domaines .hosting_line_none .libelle {
	float:left;
	height:44px;
	width:37%;
	line-height:18px;
	font-family: calibri;
    font-size: 15px;
    font-weight: normal;
	color:#484848;
	padding-left: 1%;
	padding-top: 26px;
}
#config_domaines .hosting_line_none .libelle span {
	font-weight:bold;
}
#config_domaines .hosting_line_none .libelle a {
	color: #08AADB;
    font-family: calibri;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}
#config_domaines .hosting_line_none .libelle a:hover {
	text-decoration:underline;
	cursor:pointer;
}
#config_domaines .hosting_line_none .choix_duree {
	float:left;
	height:70px;
	width:33%;
}
#config_domaines .hosting_line_none .price {
	float:left;
	height:70px;
	width:22%;
	line-height:70px;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
}
#config_domaines .hosting_line_none .price strong {
	font-size: 17px;
    font-weight: bold;
}


/* domain options */
#config_domaines .domain_options_line {
	width:100%;
	height:70px;
	line-height:70px;
	position:relative;
}
#config_domaines .domain_options_line .picto_line {
	float:left;
	height: 70px;
    line-height: 70px;
	width:7%;
	text-align: center;
}
#config_domaines .domain_options_line .picto_line img {
	width:50px;
	padding-top:16px;
}
#config_domaines .domain_options_line .libelle {
	float:left;
	height:44px;
	width:37%;
	line-height:18px;
	font-family: calibri;
    font-size: 15px;
    font-weight: normal;
	color:#484848;
	padding-left: 1%;
	padding-top: 26px;
}
#config_domaines .domain_options_line .libelle span {
	font-weight:bold;
}
#config_domaines .domain_options_line .check_option {
	float:left;
	width:55%;
	min-height: 44px;
    line-height: 18px;
    padding-top: 26px;
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	color:#484848;
}
#config_domaines .domain_options_line .check_option img {
	cursor:pointer;
}

/* slider */
#config_domaines .slider_container {
	float: left;
    height: 41px;
    line-height: 41px;
    padding-top: 29px;
    width: 95%;
	position:relative;
}
#config_domaines .slider_container .graduation_1 {
	position:absolute;
	left:16.6667%;
	z-index: 1;
	top: 25px;
	cursor:pointer;
}
#config_domaines .slider_container .graduation_2 {
	position:absolute;
	left:33.3333%;
	z-index: 1;
	top: 25px;
	cursor:pointer;
}
#config_domaines .slider_container .graduation_3 {
	position:absolute;
	left:50%;
	z-index: 1;
	top: 25px;
	cursor:pointer;
}
#config_domaines .slider_container .graduation_4 {
	position:absolute;
	left:66.6667%;
	z-index: 1;
	top: 25px;
	cursor:pointer;
}
#config_domaines .slider_container .graduation_5 {
	position:absolute;
	left:83.3333%;
	z-index: 1;
	top: 25px;
	cursor:pointer;
}
#config_domaines .slider_container .label_1 {
	position:absolute;
	left:13%;
	z-index: 1;
	top: 40px;
	color: #999999;
    font-family: BebasNeueRegular;
    font-size: 20px;
    font-weight: normal;
	cursor:pointer;
}
#config_domaines .slider_container .label_2 {
	position:absolute;
	left:28.5%;
	z-index: 1;
	top: 40px;
	color: #999999;
    font-family: BebasNeueRegular;
    font-size: 20px;
    font-weight: normal;
	cursor:pointer;
}
#config_domaines .slider_container .label_3 {
	position:absolute;
	left:45%;
	z-index: 1;
	top: 40px;
	color: #999999;
    font-family: BebasNeueRegular;
    font-size: 20px;
    font-weight: normal;
	cursor:pointer;
}
#config_domaines .slider_container .label_5 {
	position:absolute;
	left:62%;
	z-index: 1;
	top: 40px;
	color: #999999;
    font-family: BebasNeueRegular;
    font-size: 20px;
    font-weight: normal;
	cursor:pointer;
}
#config_domaines .slider_container .label_10 {
	position:absolute;
	left:77%;
	z-index: 1;
	top: 40px;
	color: #999999;
    font-family: BebasNeueRegular;
    font-size: 20px;
    font-weight: normal;
	cursor:pointer;
}
#config_domaines .slider_container .ui-slider-horizontal {
	height:10px;
}
#config_domaines .slider_container .ui-slider-handle {
	cursor: pointer;
    height: 36px;
    position: absolute;
    width: 25px;
    z-index: 2;
	margin-left: -0.6em;
    top: -18px;
}
#config_domaines .domain_line .slider_container .ui-widget-content {
	border: 1px solid #08aadb;
	background: url("../../comaxess/img/commande_bg_slider.png") repeat-x scroll 50% bottom #f5f5f5;
}
#config_domaines .domain_line .slider_container .ui-state-default {
	background: url("../../comaxess/img/commande-domaine-curseur.png") no-repeat scroll 0 0;
	border:none;
}
#config_domaines .hosting_line .slider_container .ui-widget-content {
	border: 1px solid #bbde33;
	background: url("../../comaxess/img/commande_bg_slider.png") repeat-x scroll 50% bottom #f5f5f5;
}
#config_domaines .hosting_line .slider_container .ui-state-default {
	background: url("../../comaxess/img/commande-hebergement-curseur.png") no-repeat scroll 0 0;
	border:none;
}
#config_domaines .hosting_line_none .slider_container .ui-widget-content {
	border: 1px solid #c1c1c1;
	background: url("../../comaxess/img/commande_bg_slider.png") repeat-x scroll 50% bottom #f5f5f5;
}
#config_domaines .hosting_line_none .slider_container .ui-state-default {
	background: url("../../comaxess/img/commande-non-actif-curseur.png") no-repeat scroll 0 0;
	border:none;
}


#config_domaines .separator {
	width:100%;
	height:1px;
	margin:20px 0;
	background-color:#c1c1c1;
}

#config_domaines .separator_2 {
	width:100%;
	height:1px;
	margin:10px 0;
}

#config_domaines #titre_config_dns {
	height: 20px;
    margin-bottom: 20px;
    width: 100%;
}
#config_domaines #titre_config_dns img {
	float:left;
	padding-top: 3px;
	padding-right: 5px;
	cursor:pointer;
}
#config_domaines #titre_config_dns div {
	float:left;
	color:#08aadb; 
	font-family: calibri;
    font-size: 15px;
    font-weight: bold;
	cursor:pointer;
}
#config_domaines #titre_config_dns div:hover {
	text-decoration:underline;
}

#config_domaines  #div_config_dns {
	display:none;
	width:100%;
    margin-bottom: 40px;
	text-align:left;
}

#config_domaines .buttons_container {
	width:100%;
	height:50px;
	position:relative;
	margin-bottom:50px;
}
#config_domaines #button_next {
	position:absolute;
	right:0;
	margin:0;
	bottom: 0;
}
#config_domaines #button_previous {
	position:absolute;
	left:0;
	margin:0;
	bottom: 0;
}

/* Mode table */
#config_domaines .header_table_domains {
	width:100%;
	height:50px;
	line-height:50px;
	background-color:#f5f5f5;
	color:#707070; 
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	border-bottom:1px solid #909090;
	margin-top: 20px;
}
#config_domaines .header_table_domains .col_picto_dom {
	width:4%;
	float:left;
}
#config_domaines .header_table_domains .col_picto_heb {
	width:4%;
	float:left;
}
#config_domaines .header_table_domains .col_description {
	width:50%;
	float:left;
}
#config_domaines .header_table_domains .col_domain_resa {
	width:15%;
	float:left;
	text-align:center;
}
#config_domaines .header_table_domains .col_heb_resa {
	width:15%;
	float:left;
	text-align:center;
}
#config_domaines .header_table_domains .col_whois {
	width:8%;
	float:left;
	text-align:center;
}
#config_domaines .header_table_domains .col_delete {
	width:4%;
	float:left;
}

#config_domaines .line_product {
	width:100%;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #909090;
	position:relative;
}
#config_domaines .no_border {
	border-bottom:none !important;
}
#config_domaines .line_product_infos {
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #909090;
}
#config_domaines .line_product img#supp_article {
	cursor: pointer;
    opacity: 0.5;
    position: absolute;
    right: 14px;
    top: 14px;
}
#config_domaines .line_product img#supp_article:hover {
	cursor: pointer;
    opacity: 1;   
}

#config_domaines .line_product .col_picto_dom,
#config_domaines .line_product_infos .col_picto_dom {
	width:4%;
	float:left;
}
#config_domaines .line_product .col_picto_heb,
#config_domaines .line_product_infos .col_picto_heb {
	width:4%;
	float:left;
}
#config_domaines .line_product .col_picto_dom img,
#config_domaines .line_product .col_picto_heb img,
#config_domaines .line_product_infos .col_picto_dom img,
#config_domaines .line_product_infos .col_picto_heb img  {
	width:30px;
	padding-top: 10px;
	margin:0 auto;
}
#config_domaines .line_product .col_description,
#config_domaines .line_product_infos .col_description {
	width:50%;
	float:left;
	line-height:18px;
	color:#484848; 
	font-family: calibri;
    font-size: 14px;
	padding-top: 7px;
	font-weight: normal;
}
#config_domaines .line_product_infos .col_description .infos {
	padding-bottom:8px;
}
#config_domaines .line_product .col_description.domain_only,
#config_domaines .line_product_infos .col_description.domain_only {
	padding-top:15px;
}
#config_domaines .line_product .col_domain_resa,
#config_domaines .line_product_infos .col_domain_resa {
	width:15%;
	float:left;
}
#config_domaines .line_product .col_domain_resa select {
	color: #999999;
    font-family: BebasNeueRegular;
    font-size: 20px;
    font-weight: normal;
	margin-top: 10px;
	height:30px;
	width: 95%;
	margin-left:2.5%;
}
#config_domaines .line_product .col_domain_resa select option {

}
#config_domaines .line_product .col_heb_resa,
#config_domaines .line_product_infos .col_heb_resa {
	width:15%;
	float:left;
	text-align: center;
}
#config_domaines .line_product .col_heb_resa select {
	color: #999999;
    font-family: BebasNeueRegular;
    font-size: 20px;
    font-weight: normal;
	margin-top: 10px;
	height:30px;
	width: 95%;
	margin-left:2.5%;
}
#config_domaines .line_product .col_heb_resa select option {

}

#config_domaines .line_product .col_heb_resa img {
	padding-top:11px;
	cursor:pointer;
}
#config_domaines .line_product .col_whois,
#config_domaines .line_product_infos .col_whois {
	width:8%;
	float:left;
	text-align: center;
}
#config_domaines .line_product .col_whois img {
	padding-top:12px;
	cursor:pointer;
}
#config_domaines .line_product .col_delete,
#config_domaines .line_product_infos .col_delete {
	width:4%;
	float:left;
}
/*****************************************************************************************/
/*                           POP UP AJOUT HEBERGEMENT                                    */
/*****************************************************************************************/
#add_hosting_box {
	display:none;
	left: 0;
    padding: 30px 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 50001;
}
#add_hosting_box #container_hosting_choice {
	position: relative;
	background-color: #FFFFFF;
    border: 10px solid #F5F5F5;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    width: 900px;
}

#add_hosting_box #container_hosting_choice #close_button_div {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10;
}
#add_hosting_box #container_hosting_choice #close_button_div img {
    cursor: pointer;
    opacity: 0.5;
}
#add_hosting_box #container_hosting_choice #close_button_div img:hover {
    cursor: pointer;
    opacity: 1;
}

#add_hosting_box #container_hosting_choice .titre {
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
#add_hosting_box #container_hosting_choice .box_boutons {
	width:90%;
	margin-left:5%;
}
#add_hosting_box #container_hosting_choice .bouton_1 {
	float:left;
	width:47%;
	border:1px solid #dcdcdc;
	padding:0.5%;
}
#add_hosting_box #container_hosting_choice .bouton_2 {
	float:left;
	width:47%;
	border:1px solid #dcdcdc;
	padding:0.5%;	
	margin-left:1%;
}
#add_hosting_box #container_hosting_choice .bouton_1 div, #add_hosting_box #container_hosting_choice .bouton_2 div {
	width:100%;
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	cursor:pointer;
}
#add_hosting_box #container_hosting_choice .bouton_1 div:hover, #add_hosting_box #container_hosting_choice .bouton_2 div:hover {
	background-color:#f5f5f5;
	cursor:pointer;
}
#add_hosting_box #container_hosting_choice .bouton_1 div.selected, #add_hosting_box #container_hosting_choice .bouton_2 div.selected {
	background-color:#f5f5f5;
}
#add_hosting_box #container_hosting_choice .bouton_1 div img {
	float:left;
	padding-left: 60px;
    padding-top: 12px;
}
#add_hosting_box #container_hosting_choice .bouton_2 div img {
	float:left;
	padding-left: 30px;
    padding-top: 12px;
}
#add_hosting_box #container_hosting_choice .bouton_1 div span, #add_hosting_box #container_hosting_choice .bouton_2 div span {
	float:left;
	display:block;
	padding: 5px 0 5px 10px;
}

#add_hosting_box #container_hosting_choice #table_offres_email {
	width:90%;
	margin-left:5%;
	margin-top:20px;
}
#add_hosting_box #container_hosting_choice #table_offres_heb {
	width:90%;
	margin-left:5%;
	margin-top:20px;
	display:none;
}

#add_hosting_box #container_hosting_choice #table_offres_email .line_pictos,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_pictos {
	width:100%;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_pictos .col_1,
#add_hosting_box #container_hosting_choice #table_offres_email .line_pictos .col_2,
#add_hosting_box #container_hosting_choice #table_offres_email .line_pictos .col_3,
#add_hosting_box #container_hosting_choice #table_offres_email .line_pictos .col_4,
#add_hosting_box #container_hosting_choice #table_offres_email .line_pictos .col_5,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_pictos .col_1,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_pictos .col_2,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_pictos .col_3,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_pictos .col_4,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_pictos .col_5 {
	float:left;
	width:20%;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_pictos img,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_pictos img {
	width:70%;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_nom_pack,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_nom_pack {
	width:100%;
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	text-align:center;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_nom_pack .col_1,
#add_hosting_box #container_hosting_choice #table_offres_email .line_nom_pack .col_2,
#add_hosting_box #container_hosting_choice #table_offres_email .line_nom_pack .col_3,
#add_hosting_box #container_hosting_choice #table_offres_email .line_nom_pack .col_4,
#add_hosting_box #container_hosting_choice #table_offres_email .line_nom_pack .col_5,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_nom_pack .col_1,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_nom_pack .col_2,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_nom_pack .col_3,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_nom_pack .col_4,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_nom_pack .col_5 {
	float:left;
	width:20%;
	padding:10px 0;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_info,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info {
	width:100%;
	height:30px;
	border-top:1px solid #cdcdcd;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_info .col_1,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_1 {
	float:left;
	width:20%;
	text-align:left;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
	line-height:30px;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_info .col_2,
#add_hosting_box #container_hosting_choice #table_offres_email .line_info .col_3,
#add_hosting_box #container_hosting_choice #table_offres_email .line_info .col_4,
#add_hosting_box #container_hosting_choice #table_offres_email .line_info .col_5,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_2,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_3,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_4,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_5 {
	float:left;
	width:20%;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	line-height:30px;
}
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_2 img,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_3 img,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_4 img,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_5 img {
	padding-top:8px;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_info .col_1 span,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .col_1 span  {
    font-weight: normal;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_info .tarif {
	font-weight:bold;
	color:#01c0c8;
	font-size: 16px;
}
#add_hosting_box #container_hosting_choice #table_offres_heb .line_info .tarif {
	font-weight:bold;
	color:#99C301;
	font-size: 16px;
}

#add_hosting_box #container_hosting_choice #table_offres_email .line_buttons,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_buttons {
	width:100%;
	height:50px;
	border-top:1px solid #cdcdcd;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_buttons .col_1,
#add_hosting_box #container_hosting_choice #table_offres_email .line_buttons .col_2,
#add_hosting_box #container_hosting_choice #table_offres_email .line_buttons .col_3,
#add_hosting_box #container_hosting_choice #table_offres_email .line_buttons .col_4,
#add_hosting_box #container_hosting_choice #table_offres_email .line_buttons .col_5,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_buttons .col_1,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_buttons .col_2,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_buttons .col_3,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_buttons .col_4,
#add_hosting_box #container_hosting_choice #table_offres_heb .line_buttons .col_5 {
	float:left;
	width:20%;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	line-height:50px;
}

#add_hosting_box #container_hosting_choice #table_offres_email .line_buttons  #button_ajout {
    background: url("../../comaxess/img/bg-btn-email.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    /*padding: 1px 3px;*/
    text-align: center;
    width: 80%;
	margin-left: 10%;
	margin-top: 10px;
	border-radius:7px 7px 7px 7px;
}
#add_hosting_box #container_hosting_choice #table_offres_email .line_buttons  #button_ajout:hover {
	background: url("../../comaxess/img/bg-btn-email-over.png") repeat-x scroll 0 0 transparent;
}
#add_hosting_box #container_hosting_choice #table_offres_email span.puce {
    color: #00CCCC;
    font-size: 10px;
    margin-right: 4px;
	line-height: 15px;
}


#add_hosting_box #container_hosting_choice #table_offres_heb .line_buttons  #button_ajout {
    background: url("../../comaxess/img/bg-btn-hebergement.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    /*padding: 1px 3px;*/
    text-align: center;
    width: 80%;
	margin-left: 10%;
	margin-top: 10px;
	border-radius:7px 7px 7px 7px;
}
#add_hosting_box #container_hosting_choice #table_offres_heb .line_buttons  #button_ajout:hover {
	background: url("../../comaxess/img/bg-btn-hebergement-over.png") repeat-x scroll 0 0 transparent;
}
#add_hosting_box #container_hosting_choice #table_offres_heb span.puce {
    color: #99C301;
    font-size: 10px;
    margin-right: 4px;
	line-height: 15px;
}

/*****************************************************************************************/
/*                                        PANIER                                         */
/*****************************************************************************************/
#container_panier {
	padding: 1%;
    width: 98%;
	border-left:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	background-color:#f5f5f5;
	
}
#container_panier #content_panier {
	background-color:#ffffff;
	padding: 1%;
    width: 98%;
}
#container_panier #content_panier .titre_panier {
	font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	color:#484848;
	margin-bottom:20px;
}
#container_panier #content_panier .header_panier {
	width:100%;
	background-color:#f5f5f5;
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#484848;
	height:35px;
	line-height:35px;
}
#container_panier #content_panier .header_panier .col_picto {
	width:10%;
	float:left;
}
#container_panier #content_panier .header_panier .col_desc {
	width:70%;
	float:left;
}
#container_panier #content_panier .header_panier .col_montant {
	width:15%;
	float:left;
}
#container_panier #content_panier .header_panier .col_sup {
	width:5%;
	float:left;
	text-align:center;
}
#container_panier #content_panier .header_panier .col_sup img {
	cursor:pointer;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	padding-top: 7px;
}
#container_panier #content_panier .header_panier .col_sup img:hover {
	cursor:pointer;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
#container_panier #content_panier .header_panier_separator {
	width:100%;
	height:2px;
	border-bottom:1px solid #dcdcdc;
}	

#container_panier #content_panier .line_panier {
	width:100%;
	background-color:#ffffff;
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#484848;
	padding: 10px 0;
	border-bottom: 1px solid #dcdcdc;
}
#container_panier #content_panier .line_panier .col_picto {
	width:10%;
	float:left;
}
#container_panier #content_panier .line_panier .col_picto img.img_domain {
	border:1px solid #dcdcdc;
	width:50px;
	padding:10px;
}
#container_panier #content_panier .line_panier .col_picto img.img_product {
	border:1px solid #dcdcdc;
	width:50px;
	padding:10px;
}

#container_panier #content_panier .line_panier .col_desc {
	width:70%;
	float:left;
	font-family: calibri;
    font-size: 15px;
    font-weight: normal;
	color:#484848;
}
#container_panier #content_panier .line_panier .col_montant {
	width:15%;
	float:left;
	font-family: calibri;
    font-size: 15px;
    font-weight: bold;
	color:#484848;
}
#container_panier #content_panier .line_panier .col_sup {
	width:5%;
	float:left;	
	text-align:center;
}
#container_panier #content_panier .line_panier .col_sup img {
	cursor:pointer;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}
#container_panier #content_panier .line_panier .col_sup img:hover {
	cursor:pointer;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

#container_panier #content_panier .line_subtotal {
	width:100%;
	height: 30px;
    line-height: 30px;
}
#container_panier #content_panier .line_subtotal .subtotal_label {
	width:78%;
	padding-right:2%;
	float:left;
	text-align:right;
	font-family: calibri;
    font-size: 15px;
    font-weight: normal;
	color:#484848;
}
#container_panier #content_panier .line_subtotal .subtotal_price {
	width:20%;
	float:left;
	text-align:left;
	font-family: calibri;
    font-size: 15px;
    font-weight: normal;
	color:#484848;
}

#container_panier #content_panier .line_total {
	width:100%;
	height: 35px;
    line-height: 35px;
}
#container_panier #content_panier .line_total .part_1 {
	background-color: #F5F5F5;
    float: left;
    margin-bottom: 0.5%;
    margin-top: 0.5%;
    padding-left: 2%;
    width: 48%;
}
#container_panier #content_panier .line_total .part_1 #bouton_code_promo {
	background: url("../../comaxess/img/commande-recalculer-panier-fleche.png") no-repeat scroll 95% center #E5E5E5;
	border-color: #C8C8C8 #919191 #919191 #C8C8C8;
	border-radius: 0 0 0 0;
	border-style: solid;
	border-width: 1px;
	color: #484848;
	font-family: calibri;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	padding: 0 20px 0 10px;
}
#container_panier #content_panier .line_total .part_1 #bouton_code_promo:hover {
	background: url("../../comaxess/img/commande-recalculer-panier-fleche.png") no-repeat scroll 95% center #CCCCCC;
}
#container_panier #content_panier .line_total .part_2 {
	width:50%;
	float:left;
	background-color:#c1c1c1;
	padding-top:0.5%;
	padding-bottom:0.5%;
}
#container_panier #content_panier .line_total .part_2 .total_label {
	width:55%;
	float:left;
	font-family: calibri;
    font-size: 15px;
    font-weight: bold;
	color:#484848;
	text-align:right;
	background-color:#f5f5f5;
	margin-left: 1%;
	padding-right: 4%;
}
#container_panier #content_panier .line_total .part_2 .total_price {
	width:39%;
	float:left;
	font-family: calibri;
    font-size: 20px;
    font-weight: bold;
	color:#08aadb;
	background-color:#f5f5f5;
	margin-right: 1%;
}

#container_panier #content_panier .line_nexttotal {
	width:100%;
    line-height: 30px;
}
#container_panier #content_panier .line_nexttotal .nexttotal_label {
	width:78%;
	padding-right:2%;
	float:left;
	text-align:right;
	font-family: calibri;
    font-size: 15px;
    font-weight: normal;
	color:#484848;
}
#container_panier #content_panier .line_nexttotal .nexttotal_price {
	width:20%;
	float:left;
	text-align:left;
	font-family: calibri;
    font-size: 15px;
    font-weight: normal;
	color:#484848;
	line-height:16px;
	padding-top: 7px;
}

#container_panier #content_panier .buttons_container {
	border-top: 1px solid #DCDCDC;
    height: 40px;
    margin-top: 20px;
    padding-top: 15px;
    position: relative;
    width: 100%;
}

#container_panier #content_panier .buttons_container #button_previous {
    bottom: 0;
    left: 0;
    margin: 0;
    position: absolute;
    background: url("../../comaxess/img/bg-continuer-achats.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    margin: 0 auto;
    padding: 6px 0.5% 6px 2.5%;
    text-align: center;
    width: 250px;
	cursor:pointer;
}
#container_panier #content_panier .buttons_container #button_previous:hover {
	background: url("../../comaxess/img/bg-continuer-achats-over.png") repeat-x scroll 0 0 transparent;
}
#container_panier #content_panier .buttons_container #button_previous img.fin_fleche {
    position: absolute;
    right: 0;
    top: 0;
}
#container_panier #content_panier .buttons_container #button_next {
    bottom: 0;
    margin: 0;
    position: absolute;
    right: 0;
	background: url("../../comaxess/img/bg-poursuivre-commande.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    margin: 0 auto;
    padding: 6px 2.5% 6px 0.5%;
   	text-align: center;
    width: 250px;
	cursor:pointer;
}
#container_panier #content_panier .buttons_container #button_next:hover {
	background: url("../../comaxess/img/bg-poursuivre-commande-over.png") repeat-x scroll 0 0 transparent;
}
#container_panier #content_panier .buttons_container #button_next img.fleche {
    position: absolute;
    right: 0;
    top: 0;
}

#container_identification {
	width:100%;
	margin-bottom: 30px;
}
#container_identification .button_submit_login {
	background: url("../../comaxess/img/interface-client-bg-btn-acces.png") repeat-x scroll 0 0 transparent !important;
    border: 1px solid #EAEAEA !important;
    box-shadow: -1px 1px 0 #D1D1D1 !important;
    color: #08AADB !important;
    cursor: pointer !important;
    font-family: calibri !important;
    font-size: 14px !important;
    font-weight: bold !important;
    height: 26px !important;
    line-height: 26px !important;
    text-align: center !important;
    width: 180px !important;
	border-radius:0 0 0 0 !important;
	margin: 25px 0 30px 60px;
}
#container_identification .button_submit_login:hover {
    background: url("/templates/comaxess/img/interface-client-bg-btn-acces-over.png") repeat-x scroll 0 0 transparent !important;
}

#container_identification .title_identification {
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	margin-bottom:20px;
}
#container_identification .subtitle_identification {
	color: #484848;
    font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	padding: 15px 0 20px;
}
#container_identification .bloc_ombre {
	-moz-box-shadow: -3px 3px 4px #9b9b9b;
    -webkit-box-shadow: -3px 3px 4px #9b9b9b;
    box-shadow: -3px 3px 4px #9b9b9b; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#9b9b9b')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 225, Color = '#9b9b9b');
}
#container_identification .box_boutons {
    width: 100%;
	border-left:1px solid #dcdcdc;
	z-index:10;
	position: relative;
}
#container_identification .box_boutons .bouton_1 {
	background-color: #FFFFFF;
    border-top: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
    float: left;
    padding: 3px;
    width: 330px;
}
#container_identification .box_boutons .bouton_2 {
	background-color: #FFFFFF;
    border-top: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;	
    float: left;
    padding: 3px;
    width: 330px;
}
#container_identification .box_boutons .bouton_1 .white_bar_left, #container_identification .box_boutons .bouton_2 .white_bar_left {
    background-color: #FFFFFF;
    height: 90px;
    left: 7px;
    position: absolute;
    top: 8px;
    width: 10px;
}
#container_identification .box_boutons .bouton_1.selected, #container_identification .box_boutons .bouton_2.selected  {
	border-bottom: 1px solid #FFFFFF;
}
#container_identification .box_boutons .bouton_1 div, #container_identification .box_boutons .bouton_2 div {
    color: #484848;
    cursor: pointer;
    width: 100%;
	background-color: #e5e5e5;
	position:relative;
}
#container_identification .box_boutons .bouton_1 div:hover, #container_identification .box_boutons .bouton_2 div:hover {
    background-color: #FFFFFF;
    cursor: pointer;
}
#container_identification .box_boutons .bouton_1 div.selected, #container_identification .box_boutons .bouton_2 div.selected {
    background-color: #FFFFFF;
}
#container_identification .box_boutons .bouton_1 div.disabled, #container_identification .box_boutons .bouton_2 div.disabled,
#container_identification .box_boutons .bouton_1 div.disabled span.span_1, #container_identification .box_boutons .bouton_2 div.disabled span.span_1,
#container_identification .box_boutons .bouton_1 div.disabled span.span_2, #container_identification .box_boutons .bouton_2 div.disabled span.span_2,
#container_identification .box_boutons .bouton_1 div.disabled span.span_2 strong, #container_identification .box_boutons .bouton_2 div.disabled span.span_2 strong {
    color:#707070;
	cursor:default;
}
#container_identification .box_boutons .bouton_1 div.disabled:hover, #container_identification .box_boutons .bouton_2 div.disabled:hover {
	background-color:#e5e5e5;	
}
#container_identification .box_boutons .bouton_1 div span.span_1, #container_identification .box_boutons .bouton_2 div span.span_1 {
    display: block;
    float: left;
    padding: 10px 0 5px 33px;
	font-family: calibri;
    font-size: 22px;
    font-weight: bold;
	margin-left: 0;
	color:#484848;
}
#container_identification .box_boutons .bouton_1 div span.span_2, #container_identification .box_boutons .bouton_2 div span.span_2 {
    display: block;
    float: left;
    padding: 0 5px 15px 33px;
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	margin-left: 0;
	line-height: 25px;
}
#container_identification .box_boutons .bouton_1 div span.span_2 strong, #container_identification .box_boutons .bouton_2 div span.span_2 strong {
	color:#08aadb;
	font-weight:strong;
}
#container_identification .signupfields {
	position:relative;	
	padding-left:40px;
	padding-top: 20px;
	margin-top: -1px;
	border:1px solid #dcdcdc;
	background-color: #FFFFFF;
}
#container_identification .signupfields .blue_bar_left {
	background-color: #CEEEF8;
    height: 583px;
    left: 10px;
    position: absolute;
    top: -103px;
    width: 10px;
    z-index: 10;
}
#container_identification .signupfields .blue_bar_left_short {
	background-color: #CEEEF8;
    height: 235px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 10;
}
#container_identification .signupfields .blue_bar_left_login {
	background-color: #CEEEF8;
    height: 150px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 10;
}

#container_infos_domowner {
	width:100%;
	padding-top: 20px;
	margin-bottom: 30px;
}
#container_infos_domowner .title_domowner {
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	margin-bottom:15px;
}
#container_infos_domowner .signupfields {
    padding-left: 40px;
    padding-top: 20px;
	position: relative;
	border:1px solid #dcdcdc;
	-moz-box-shadow: -3px 3px 4px #9b9b9b;
    -webkit-box-shadow: -3px 3px 4px #9b9b9b;
    box-shadow: -3px 3px 4px #9b9b9b; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=225, Color='#9b9b9b')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 225, Color = '#9b9b9b');
	
}
#container_infos_domowner .signupfields .blue_bar_left {
	background-color: #CEEEF8;
    height: 237px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 10px;
    z-index: 10;
}

#container_notes {
	width:100%;
	padding-top: 20px;
}
#container_notes .title_notes {
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	margin-bottom:15px;
}
#container_notes textarea {
	border:1px solid #DCDCDC;
	max-width:100%;
	min-width:100%;
	max-height:50px;
	min-height:50px;
}

#container_payment {
	width:100%;
	padding-top: 20px;
	position:relative;
}
#container_payment .title_payment {
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	margin-bottom:15px;
}
#container_payment .payment_container {
	width:100%;
	padding-left:10px;
	position:relative;
}
#container_payment #bloc_payment_cheque,
#container_payment #bloc_payment_virement,
#container_payment #bloc_payment_paypal,
#container_payment #bloc_payment_cb,
#container_payment #bloc_payment_autre {
	float:left;
	width:22%;
	margin-right:3.5%;
	cursor:pointer;
	background: url("../../comaxess/img/commande-moyen-paiement-bg.png") repeat-x scroll 0 0 transparent;
	position:relative;
	height:180px;
	margin-bottom: 15px;
}
#container_payment #bloc_payment_cheque img.img_center {
	margin-left: 25%;
    margin-top: 16px;
    width: 50%;
}
#container_payment #bloc_payment_virement img.img_center {
	margin-left: 22.5%;
    margin-top: 33px;
    width: 55%;
}
#container_payment #bloc_payment_paypal img.img_center {
	margin-left: 25%;
    margin-top: 44px;
    width: 50%;
}
#container_payment #bloc_payment_cb img.img_center {
	float: left;
    padding-left: 5%;
    padding-top: 37px;
    width: 26%;
}
#container_payment #bloc_payment_cheque.last,
#container_payment #bloc_payment_virement.last,
#container_payment #bloc_payment_paypal.last,
#container_payment #bloc_payment_cb.last,
#container_payment #bloc_payment_autre.last {
	margin-right:0;
}

#container_payment #bloc_payment_cheque img.cadre_bordure_left,
#container_payment #bloc_payment_virement img.cadre_bordure_left,
#container_payment #bloc_payment_paypal img.cadre_bordure_left,
#container_payment #bloc_payment_cb img.cadre_bordure_left,
#container_payment #bloc_payment_autre img.cadre_bordure_left {
	position:absolute;
	top:0;
	left:-10px;
}
#container_payment #bloc_payment_cheque img.cadre_bordure_right,
#container_payment #bloc_payment_virement img.cadre_bordure_right,
#container_payment #bloc_payment_paypal img.cadre_bordure_right,
#container_payment #bloc_payment_cb img.cadre_bordure_right,
#container_payment #bloc_payment_autre img.cadre_bordure_right {
	position:absolute;
	top:0;
	right:-10px;
}
#container_payment #bloc_payment_cheque img.cadre_bordure_bottom,
#container_payment #bloc_payment_virement img.cadre_bordure_bottom,
#container_payment #bloc_payment_paypal img.cadre_bordure_bottom,
#container_payment #bloc_payment_cb img.cadre_bordure_bottom,
#container_payment #bloc_payment_autre img.cadre_bordure_bottom {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:4px;
}




#container_payment .payment_title {
	width:100%;
    font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#484848;
	padding: 15px 0 0 40px;
	background: url("../../comaxess/img/puce-non-selectionnee.png") no-repeat scroll 20px 19px transparent;
}
#container_payment div.active .payment_title {
	background: url("../../comaxess/img/puce-selectionnee.png") no-repeat scroll 20px 19px transparent;
}
#container_payment div.active {
	background: url("../../comaxess/img/commande-moyen-paiement-bg-over.png") repeat-x scroll 0 0 transparent !important;
}
#container_payment .desc_delais {
	bottom: 10px;
    color: #686868;
    font-family: calibri;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    left: 0;
    margin-left: 2%;
    position: absolute;
    text-align: center;
    width: 98%;
}

#container_payment .additional_payment_type {
	width:100%;
	height: 40px;
    line-height: 40px;
}
#container_payment .additional_payment_type img {
	float:left;
	padding: 10px 14px 0 0;
}
#container_payment .additional_payment_type div {
	float:left;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
}
#container_payment .additional_payment_type div a {
	color:#08aadb;
}

#container_tos {
	width:100%;
	height:30px;
}
#container_tos img {
	float:left;
	cursor:pointer;
}
#container_tos div {
	float:left;
	cursor:pointer;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
	padding-top: 4px;
}
#container_tos div a {
	color: #08aadb;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
}

/*****************************************************************************************/
/*                                     SUGGESTIONS                                       */
/*****************************************************************************************/
#container_suggestions {
	width:100%;
}
#container_suggestions .titre {
	color: #484848;
    font-family: calibri;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
	padding-left: 10px;
    padding-top: 10px;
}
#container_suggestions .titre .puce {
    color: #484848;
    font-size: 10px;
    margin-right: 4px;
}
#container_suggestions .texte {
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
	padding-left: 20px;
}
#container_suggestions .texte a {
	color:#08aadb;
}


#container_suggestions .container_bouton_next {
	width:100%;
}
#container_suggestions .container_bouton_next .libelle {
	float:right;
	color: #484848;
    font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	padding-right: 8px;
    padding-top: 12px;
}
#container_suggestions .container_bouton_next #button_next {
	float:right;
}

#container_suggestions #col_produit_1 {
	width:30.5%;
	float:left;
	margin-top:50px;
	margin-bottom:30px;
	padding-right:1.5%;
	margin-right:1.5%;
	border-right:1px solid #c1c1c1;
}
#container_suggestions #col_produit_2 {
	width:30.5%;
	float:left;
	margin-top:50px;
	margin-bottom:30px;
	padding-right:1.5%;
	margin-right:1.5%;
	border-right:1px solid #c1c1c1;
}
#container_suggestions #col_produit_3 {
	width:32%;
	float:left;
	margin-top:50px;
	margin-bottom:30px;
}
#container_suggestions .titre_groupe_produit {
	width:100%;
}
#container_suggestions .titre_groupe_produit .img_container {
	width:20%;
	float:left;
	text-align:center;
}
#container_suggestions .titre_groupe_produit .img_container img {
	width:50px;
}
#container_suggestions .titre_groupe_produit .title_container {
	float:left;
	width:80%;
}
#container_suggestions .titre_groupe_produit .title_container .title {
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	margin-bottom:10px;
}
#container_suggestions .titre_groupe_produit .title_container .desc {
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	min-height:60px;
}
#container_suggestions .container_lines {
	width:100%;
	height:211px;
	margin-bottom: 20px;
}
#container_suggestions .line_product {
    color: #484848;
    cursor: pointer;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    margin: 3px 0;
    width: 100%;
	height: 35px;
    line-height: 35px;
}
#container_suggestions .line_product:hover {
	background-color:#F5F5F5;
}
#container_suggestions .line_product.selected {
	background-color:#F5F5F5;
}
#container_suggestions .line_product.selected strong {
	font-size:17px;
}
#container_suggestions .line_product span {
	font-size:17px;
	font-weight:bold;
}
#container_suggestions .line_product.selected span {
	font-size:17px;
	color:#08aadb;
	font-weight:bold;
}
#container_suggestions .line_product img {
	float:left;
	padding-left: 3px;
    padding-right: 5px;
    padding-top: 11px;
}
#container_suggestions .line_product div {
	float:left;
}
#container_suggestions .line_separator {
	background-color: #CDCDCD;
    height: 1px;
    width: 100%;
}

#container_suggestions .container_desc_product {
	width:100%;
	height: 250px;
}
#container_suggestions .desc_product {
	width:100%;
	display:none;
}
#container_suggestions .desc_product .title {
	width:100%;
	border-bottom:1px solid #c1c1c1;
	height:40px;
	line-height:40px;
}
#container_suggestions .desc_product .title .nom_pack {
	width:60%;
	float:left;
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#484848;
}
#container_suggestions .desc_product .title .prix_pack {
	width:40%;
	float:left;
	text-align:right;
	font-family: calibri;
    font-size: 17px;
    font-weight: bold;
	color:#08aadb;
}
#container_suggestions .desc_product .infos {
	position:relative;
	width:100%;
	border-bottom:1px solid #c1c1c1;
	height:155px;
}
#container_suggestions .desc_product .picto_product {
	position: absolute;
    right: 0;
    top: 20%;
    width: 25%;
    z-index: -1;
}
#container_suggestions .desc_product .infos .line_info {
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    padding-top: 12px;
    width: 80%;
}
#container_suggestions .desc_product .infos .line_info .puce {
	font-size: 10px;
    margin-right: 4px;
	color:#08aadb;
}
#container_suggestions .desc_product .line_plus_infos {
	height:30px;
	line-height:30px;
	margin-top:3px;
	padding-left:3%;
	width:97%;
	font-family: calibri;
    font-size: 14px;
    font-weight: bold;
	color:#08aadb;
	background: url("../../comaxess/img/nom-domaine-en-savoir-plus.png") no-repeat scroll 95% center #f5f5f5;
	cursor:pointer;
}
#container_suggestions .desc_product .line_plus_infos:hover {
	text-decoration:underline;
}

/*****************************************************************************************/
/*                       CATALOGUE PRODUIT : LISTE DES GROUPES                           */
/*****************************************************************************************/
#catalogue_liste_groupes {
	width:100%;
}
#catalogue_liste_groupes .titre {
	color: #484848;
    font-family: calibri;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
}
#catalogue_liste_groupes .titre .puce {
	color: #484848;
    font-size: 10px;
    margin-right: 4px;
}
#catalogue_liste_groupes .texte_infos {
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
	margin-bottom: 30px;
}


.bloc_groupe_container {
	float:left;
	width:30%;
	margin-right:4.5%;
	background-color:#f5f5f5;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	margin-bottom: 30px;
}
.bloc_groupe_container.last {
	margin-right:0;
	float:left;
}
.bloc_groupe {
	background-color: #FFFFFF;
    height: 200px;
    margin: 2%;
    width: 96%;
}
.bloc_groupe .title_groupe {
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	margin-left:20px;
	padding-top: 10px;
}
.bloc_groupe .desc_groupe {
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    margin-left: 20px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.bloc_groupe .part_1 {
	background-color: #FFFFFF;
    float: left;
    height: 125px;
    position: relative;
    text-align: center;
    width: 40%;
}
.bloc_groupe .part_1 .picto_groupe {
	/*width:80%*/
}
.bloc_groupe .part_2 {
	background-color: #FFFFFF;
    float: left;
    position: relative;
    width: 60%;
	height: 90px;
}
.bloc_groupe .part_2 .line_1 {
	width: 95%;
	text-align:right;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
	height: 45px;
    line-height: 45px;
	margin-top: 25px;
}
.bloc_groupe .part_2 .line_1 span {
	color: #08aadb;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
}
.bloc_groupe .part_2 .line_2 {
	width: 95%;
	height: 55px;
	position:relative;
}
.bloc_groupe .part_2 .line_2 .bouton_groupe {
	background: url("../../comaxess/img/bg-btn-nom-domaine.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    padding: 5px;
    text-align: center;
	position:absolute;
	right:0;
	min-width: 130px;
	width: 80%;
	border-radius:7px 7px 7px 7px;
}
.bloc_groupe .part_2 .line_2 .bouton_groupe:hover {
	background: url("../../comaxess/img/bg-btn-nom-domaine-over.png") repeat-x scroll 0 0 transparent;
    cursor: pointer;
}

.bloc_groupe#bloc_domaine .picto_groupe { padding-top:20px; }
.bloc_groupe#bloc_domaine .part_2 .line_1 span { color:#08aadb; }
.bloc_groupe#bloc_domaine .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-nom-domaine.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_domaine .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-nom-domaine-over.png") repeat-x scroll 0 0 transparent; }

.bloc_groupe#bloc_email .picto_groupe { margin-top: -5px; }
.bloc_groupe#bloc_email .part_2 .line_1 span { color:#01c0c8; }
.bloc_groupe#bloc_email .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-email.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_email .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-email-over.png") repeat-x scroll 0 0 transparent; }

.bloc_groupe#bloc_hebergement .picto_groupe { padding-top:10px; }
.bloc_groupe#bloc_hebergement .part_2 .line_1 span { color:#99c301; }
.bloc_groupe#bloc_hebergement .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-hebergement.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_hebergement .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-hebergement-over.png") repeat-x scroll 0 0 transparent; }

.bloc_groupe#bloc_serveur .picto_groupe { padding-top:10px; }
.bloc_groupe#bloc_serveur .part_2 .line_1 span { color:#FFD500; }
.bloc_groupe#bloc_serveur .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-serveur.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_serveur .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-serveur-over.png") repeat-x scroll 0 0 transparent; }


.bloc_groupe#bloc_site_location .picto_groupe { padding-top:10px; }
.bloc_groupe#bloc_site_location .part_2 .line_1 span { color:#ffac00; }
.bloc_groupe#bloc_site_location .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-creation-site.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_site_location .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-creation-site-over.png") repeat-x scroll 0 0 transparent; }

.bloc_groupe#bloc_site_achat .picto_groupe { padding-top:10px; }
.bloc_groupe#bloc_site_achat .part_2 .line_1 span { color:#ffac00; }
.bloc_groupe#bloc_site_achat .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-creation-site.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_site_achat .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-creation-site-over.png") repeat-x scroll 0 0 transparent; }

.bloc_groupe#bloc_ref_naturel .picto_groupe { padding-top:20px; }
.bloc_groupe#bloc_ref_naturel .part_2 .line_1 span { color:#f83241; }
.bloc_groupe#bloc_ref_naturel .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-referencement.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_ref_naturel .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-referencement-over.png") repeat-x scroll 0 0 transparent; }

.bloc_groupe#bloc_ref_commercial .picto_groupe { padding-top:20px; }
.bloc_groupe#bloc_ref_commercial .part_2 .line_1 span { color:#f83241; }
.bloc_groupe#bloc_ref_commercial .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-referencement.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_ref_commercial .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-referencement-over.png") repeat-x scroll 0 0 transparent; }

.bloc_groupe#bloc_infographie .picto_groupe { padding-top:25px; }
.bloc_groupe#bloc_infographie .part_2 .line_1 span { color:#de0f8d; }
.bloc_groupe#bloc_infographie .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-infographie.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_infographie .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-infographie-over.png") repeat-x scroll 0 0 transparent; }

.bloc_groupe#bloc_packs .picto_groupe { padding-top:10px; }
.bloc_groupe#bloc_packs .part_2 .line_1 span { color:#be17f4; }
.bloc_groupe#bloc_packs .part_2 .line_2 .bouton_groupe { background: url("../../comaxess/img/bg-btn-nos-packs.png") repeat-x scroll 0 0 transparent; }
.bloc_groupe#bloc_packs .part_2 .line_2 .bouton_groupe:hover { background: url("../../comaxess/img/bg-btn-nos-packs-over.png") repeat-x scroll 0 0 transparent; }


/*****************************************************************************************/
/*                       CATALOGUE PRODUIT : NAV PICTOS GROUPES                          */
/*****************************************************************************************/
#nav_categories_pictos {
	width:800px;
	height: 170px;
	margin:0 auto;
}

#nav_categories_pictos .container_cat {
	width:130px;
	float:left;
	color: #707070;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
}
#nav_categories_pictos .container_cat .title_cat {
	margin-left: -10px;
    position: absolute;
    top: 100px;
    width: 110px;
	text-align:center;
}
#nav_categories_pictos #cat_domaine,
#nav_categories_pictos #cat_email,
#nav_categories_pictos #cat_hebergement,
#nav_categories_pictos #cat_serveur,
#nav_categories_pictos #cat_creation_site_loc,
#nav_categories_pictos #cat_creation_site_achat,
#nav_categories_pictos #cat_referencement_naturel,
#nav_categories_pictos #cat_referencement_commercial,
#nav_categories_pictos #cat_infographie,
#nav_categories_pictos #cat_packs {
	border: 3px solid #f5f5f5;
    border-radius: 60px 60px 60px 60px;
    height: 90px;
    width: 90px;
	cursor:pointer;
	margin: 0 auto;
	position: relative;
}
#nav_categories_pictos #cat_domaine:hover {
	border: 3px solid #08AADB;
	color: #08AADB;
}
#nav_categories_pictos #cat_email:hover {
	border: 3px solid #00CCCC;
	color: #00CCCC;
}
#nav_categories_pictos #cat_hebergement:hover {
	border: 3px solid #99C301;
	color: #99C301;
}
#nav_categories_pictos #cat_serveur:hover {
	border: 3px solid #FFD500;
	color: #FFD500;
}
#nav_categories_pictos #cat_creation_site_loc:hover {
	border: 3px solid #FFAC00;
	color: #FFAC00;
}
#nav_categories_pictos #cat_creation_site_achat:hover {
	border: 3px solid #FFAC00;
	color: #FFAC00;
}
#nav_categories_pictos #cat_referencement_naturel:hover {
	border: 3px solid #F83241;
	color: #F83241;
}
#nav_categories_pictos #cat_referencement_commercial:hover {
	border: 3px solid #F83241;
	color: #F83241;
}
#nav_categories_pictos #cat_infographie:hover {
	border: 3px solid #DE0F8D;
	color: #DE0F8D;
}
#nav_categories_pictos #cat_packs:hover {
	border: 3px solid #BE17F4;
	color: #BE17F4;
}
#nav_categories_pictos #cat_domaine.selected {
	border: 3px solid #08AADB;
	color: #08AADB;
}
#nav_categories_pictos #cat_email.selected {
	border: 3px solid #00CCCC;
	color: #00CCCC;
}
#nav_categories_pictos #cat_hebergement.selected {
	border: 3px solid #99C301;
	color: #99C301;
}
#nav_categories_pictos #cat_creation_site_loc.selected {
	border: 3px solid #FFAC00;
	color: #FFAC00;
}
#nav_categories_pictos #cat_creation_site_achat.selected {
	border: 3px solid #FFAC00;
	color: #FFAC00;
}
#nav_categories_pictos #cat_referencement_naturel.selected {
	border: 3px solid #F83241;
	color: #F83241;
}
#nav_categories_pictos #cat_referencement_commercial.selected {
	border: 3px solid #F83241;
	color: #F83241;
}
#nav_categories_pictos #cat_infographie.selected {
	border: 3px solid #DE0F8D;
	color: #DE0F8D;
}
#nav_categories_pictos #cat_packs.selected {
	border: 3px solid #BE17F4;
	color: #BE17F4;
}
#nav_categories_pictos #cat_domaine img {
	margin-left: 10%;
    padding-top: 17px;
    width: 80%;
}
#nav_categories_pictos #cat_email img {
	margin-left: 16%;
    width: 68%;
}
#nav_categories_pictos #cat_hebergement img {
	margin-left: 20%;
    padding-top: 15px;
    width: 60%;
}
#nav_categories_pictos #cat_serveur img {
	margin-left: 7%;
    padding-top: 3px;
    width: 85%;
}
#nav_categories_pictos #cat_creation_site_loc img {
	margin-left: 18%;
    padding-top: 21px;
    width: 65%;
}
#nav_categories_pictos #cat_creation_site_achat img {
	margin-left: 18%;
    padding-top: 21px;
    width: 65%;
}
#nav_categories_pictos #cat_referencement_naturel img {
	margin-left: 10%;
    padding-top: 22px;
    width: 80%;
}
#nav_categories_pictos #cat_referencement_commercial img {
	width:80%;
	margin-left: 10%;
	padding-top: 23px;
}
#nav_categories_pictos #cat_infographie img {
	margin-left: 13%;
    padding-top: 24px;
    width: 72%;
}
#nav_categories_pictos #cat_packs img {
	margin-left: 15%;
    padding-top: 10px;
    width: 70%;
}

/*****************************************************************************************/
/*                       CATALOGUE PRODUIT : LISTE PRODUITS                              */
/*****************************************************************************************/
#catalogue_liste_prod {
	width:100%;
}

#catalogue_liste_prod .titre {
	color: #484848;
    font-family: calibri;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 5px;
}
#catalogue_liste_prod .titre .puce {
	color: #484848;
    font-size: 10px;
    margin-right: 4px;
}
#catalogue_liste_prod .texte_infos {
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
	margin-bottom: 30px;
}

.bloc_prod_container {
	float:left;
	width:30%;
	margin-right:4.5%;
	background-color:#f5f5f5;
	border-bottom:1px solid #e8e8e8;
	border-left:1px solid #e8e8e8;
	margin-bottom: 30px;
}
.bloc_prod_container.last {
	margin-right:0;
	float:left;
}
.bloc_prod {
	background-color: #FFFFFF;
    height: 200px;
    margin: 2%;
    width: 96%;
}
.bloc_prod .title_prod {
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	margin-left:20px;
	padding-top: 10px;
}
.bloc_prod .desc_prod {
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    margin-left: 20px;
    padding-bottom: 10px;
    padding-top: 5px;
}
.bloc_prod .part_1 {
	width:40%;
	height: 90px;
	float:left;
	text-align:center;
	background-color: #FFFFFF;
}
.bloc_prod .part_1 .picto_prod.width_90 { width: 90%; }
.bloc_prod .part_1 .picto_prod.width_85 { width: 85%; }
.bloc_prod .part_1 .picto_prod.width_80 { width: 80%; }
.bloc_prod .part_1 .picto_prod.width_75 { width: 75%; }
.bloc_prod .part_1 .picto_prod.width_70 { width: 70%; }
.bloc_prod .part_1 .picto_prod.width_65 { width: 65%; }
.bloc_prod .part_1 .picto_prod.width_60 { width: 60%; }
.bloc_prod .part_1 .picto_prod.width_55 { width: 55%; }
.bloc_prod .part_1 .picto_prod.padding_top_5 { padding-top: 5%; }
.bloc_prod .part_1 .picto_prod.padding_top_10 { padding-top: 10%; }
.bloc_prod .part_1 .picto_prod.padding_top_20 { padding-top: 20%; }

.bloc_prod .part_2 {
	background-color: #FFFFFF;
    float: left;
    position: relative;
    width: 60%;
	height: 90px;
}
.bloc_prod .part_2 .line_1 {
	width: 95%;
	text-align:right;
	color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: bold;
	height: 45px;
    line-height: 45px;
	margin-top: 25px;
}
.bloc_prod .part_2 .line_1 span {
	color: #08aadb;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
}
.bloc_prod .part_2 .line_1 span sup {
	font-size: 15px !important;
    top: 10px;
}
.bloc_prod .part_2 .line_2 {
	width: 95%;
	height: 55px;
	position:relative;
}
.bloc_prod .part_2 .line_2 .bouton_prod {
	background: url("../../comaxess/img/bg-btn-nom-domaine.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
    padding: 5px;
    text-align: center;
	position:absolute;
	right:0;
	min-width: 130px;
	width: 80%;
	border-radius:7px 7px 7px 7px;
}
.bloc_prod .part_2 .line_2 .bouton_prod:hover {
	background: url("../../comaxess/img/bg-btn-nom-domaine-over.png") repeat-x scroll 0 0 transparent;
    cursor: pointer;
}


.bloc_prod#type_grp_1 .part_2 .line_1 span { color: #00CCCC; }
.bloc_prod#type_grp_1 .part_2 .line_2 .bouton_prod { background: url("../../comaxess/img/bg-btn-email.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_1 .part_2 .line_2 .bouton_prod:hover { background: url("../../comaxess/img/bg-btn-email-over.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_1 a.plus_infos { color: #00CCCC; }

.bloc_prod#type_grp_2 .part_2 .line_1 span { color: #99C301; }
.bloc_prod#type_grp_2 .part_2 .line_2 .bouton_prod { background: url("../../comaxess/img/bg-btn-hebergement.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_2 .part_2 .line_2 .bouton_prod:hover { background: url("../../comaxess/img/bg-btn-hebergement-over.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_2 a.plus_infos { color: #99C301; }

.bloc_prod#type_grp_3 .part_2 .line_1 span, .bloc_prod#type_grp_6 .part_2 .line_1 span { color: #FFAC00; }
.bloc_prod#type_grp_3 .part_2 .line_2 .bouton_prod, .bloc_prod#type_grp_6 .part_2 .line_2 .bouton_prod { background: url("../../comaxess/img/bg-btn-creation-site.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_3 .part_2 .line_2 .bouton_prod:hover, .bloc_prod#type_grp_6 .part_2 .line_2 .bouton_prod:hover { background: url("../../comaxess/img/bg-btn-creation-site-over.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_3 a.plus_infos, .bloc_prod#type_grp_6 a.plus_infos { color: #FFAC00; }

.bloc_prod#type_grp_4 .part_2 .line_1 span, .bloc_prod#type_grp_7 .part_2 .line_1 span { color: #F83241; }
.bloc_prod#type_grp_4 .part_2 .line_2 .bouton_prod, .bloc_prod#type_grp_7 .part_2 .line_2 .bouton_prod { background: url("../../comaxess/img/bg-btn-referencement.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_4 .part_2 .line_2 .bouton_prod:hover, .bloc_prod#type_grp_7 .part_2 .line_2 .bouton_prod:hover { background: url("../../comaxess/img/bg-btn-referencement-over.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_4 a.plus_infos, .bloc_prod#type_grp_7 a.plus_infos { color: #F83241; }

.bloc_prod#type_grp_5 .part_2 .line_1 span { color: #DE0F8D; }
.bloc_prod#type_grp_5 .part_2 .line_2 .bouton_prod { background: url("../../comaxess/img/bg-btn-infographie.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_5 .part_2 .line_2 .bouton_prod:hover { background: url("../../comaxess/img/bg-btn-infographie-over.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_5 a.plus_infos { color: #DE0F8D; }

.bloc_prod#type_grp_8 .part_2 .line_1 span { color: #BE17F4; }
.bloc_prod#type_grp_8 .part_2 .line_2 .bouton_prod { background: url("../../comaxess/img/bg-btn-nos-packs.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_8 .part_2 .line_2 .bouton_prod:hover { background: url("../../comaxess/img/bg-btn-nos-packs-over.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_8 a.plus_infos { color: #BE17F4; }

.bloc_prod#type_grp_13 .part_2 .line_1 span { color: #FFD500; }
.bloc_prod#type_grp_13 .part_2 .line_2 .bouton_prod { background: url("../../comaxess/img/bg-btn-serveur.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_13 .part_2 .line_2 .bouton_prod:hover { background: url("../../comaxess/img/bg-btn-serveur-over.png") repeat-x scroll 0 0 transparent; }
.bloc_prod#type_grp_13 a.plus_infos { color: #FFD500; }



/*****************************************************************************************/
/*                                  FORWARD PAGE                                         */
/*****************************************************************************************/

#forward_page_bloc {
	background-color: #F5F5F5;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
    margin: 0 auto 150px;
    padding: 10px;
    position: relative;
    width: 800px;
}
#forward_page_bloc #forward_page_bloc_content {
	background-color: #FFFFFF;
    padding: 30px 65px;
    position: relative;
    width: 670px;
    z-index: 0;
}
#forward_page_bloc #forward_page_bloc_content .img_fond {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index: -1;
}
#forward_page_bloc #forward_page_bloc_content .titre_bloc {
	color: #484848;
    font-family: BebasNeueRegular;
    font-size: 25px;
    font-weight: normal;
	
}
#forward_page_bloc #forward_page_bloc_content .infos_cheque {
	background: url("../../comaxess/img/facture-cheque-logo.jpg") no-repeat scroll 30% 0 transparent;
    color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    height: 90px;
    line-height: 25px;
    margin-top: 30px;
    padding-left: 50%;
    padding-top: 12px;
}
#forward_page_bloc #forward_page_bloc_content .infos_virement {
	background: url("../../comaxess/img/commande-virement-bancaire-picto.png") no-repeat scroll 30% 40px transparent;
    color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    height: 160px;
    line-height: 25px;
    margin-top: 30px;
    padding-left: 50%;
}
#forward_page_bloc #forward_page_bloc_content .infos_paypal {
	display:none;
}
#forward_page_bloc #forward_page_bloc_content .picto_mandat_admin {
	padding: 30px 0 15px;
}
#forward_page_bloc #forward_page_bloc_content .infos_mandat_cash {
	background: url("../../comaxess/img/mandat_cash_multi_picto.png") no-repeat scroll 30% 35px transparent;
    color: #484848;
    font-family: calibri;
    font-size: 14px;
    font-weight: normal;
    height: 90px;
    line-height: 25px;
    margin-top: 20px;
    padding-left: 50%;
    padding-top: 12px;
}
#forward_page_bloc #forward_page_bloc_content .btn_container {
	width:100%;
	text-align:center;
	margin-top: 30px;
}
#forward_page_bloc #forward_page_bloc_content .bouton_devis {
	padding-right:40px;	
	position:relative;
}	
#forward_page_bloc #forward_page_bloc_content .bouton_devis img {
	position: absolute;
    right: 7px;
    top: 1px;
}
#forward_page_bloc #forward_page_bloc_content .img_carte {
	width:120px;
	margin-right:50px;	
}

/********* Message retour Paiement ***********/
#confirm_msg_bloc {
	background-color: #F5F5F5;
    border-bottom: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
    margin: 50px auto 30px;
    padding: 10px;
    position: relative;
    width: 800px;
}
#confirm_msg_bloc_content {
	background-color: #FFFFFF;
    padding: 30px 65px;
    position: relative;
    width: 670px;
    z-index: 0;
	font-family: calibri;
    font-size: 14px;
    font-weight: normal;
	line-height:25px;
	min-height:110px;
}
#confirm_msg_bloc_content a {	
	color:#08aadb;
	text-decoration:none;
	cursor:pointer;
}
#confirm_msg_bloc_content a:hover {	
	text-decoration:underline;
}
#confirm_msg_bloc_content img.img_fond {
	bottom: 10px;
    position: absolute;
    right: 10px;
    z-index: -1;
}
#confirm_msg_bloc_content .titre_bloc_valide {
	background: url("../../comaxess/img/commande-dispo-domaine-picto.png") no-repeat scroll 0 0 transparent;
	color:#5cce7d;
	font-family: calibri;
    font-size: 24px;
    font-weight: bold;
	padding-bottom: 5px;
    padding-left: 40px;
    padding-top: 5px;
}
#confirm_msg_bloc_content .titre_bloc_erreur {
	color: #CC0000;
    font-family: calibri;
    font-size: 24px;
    font-weight: bold;
}