@charset "utf-8";
/* CSS Document */

/*général & accueil */

body {margin: 0; text-align: center; font-family:arial, Helvetica, sans-serif; font-size:12px; color:#666666; background-color:#dbdbdb;}
b {color:#90162b; font-style:italic;}
img {border:0;}
a {color:#990000; text-decoration:underline;}
a:hover {color:#990000; text-decoration:none;}
table {background-color:white;}
ul {margin-left:0; padding-left:0; list-style:none;}

.float_left {float:left;}
.float_right {float:right;}

#bg_header {background:url(images/bg_header.jpg) top left repeat-x; height:93px;}
#conteneur {margin-left: auto; margin-right: auto; width:880px;text-align: left; padding:0;}
#header {width:882px;}

#langue {float:right; margin-top:65px; font-weight:bold; color:#666666;}
#langue select {width:auto;}

#menu {background:url(images/btn_middle.jpg) top repeat-x; padding:0; height:30px; width:100%;}
#menu .rightbg {background:url(images/btn_right.jpg) top right no-repeat;}
#menu .leftbg {background:url(images/btn_left.jpg) top left no-repeat; width:100%;}
#menu li {float:left; font-size:11px; font-weight:bold; background:url(images/btn_sep.jpg) top right no-repeat;list-style:none; height:25px; padding:7px 45px 0 40px;}
#menu li a {display:block;color:white; text-decoration:none;}
#menu li a:hover {color:white; text-decoration:none; background:url(images/grey_menu_ovr.jpg) top center no-repeat;width:100%;height:25px;}
#menu li span {text-decoration:underline; text-align:center; font-size:12px; color:#FFFFFF;}


#content {width:880px; float:left;}

#list_content li{list-style-position:outside; list-style:url(images/puce_long.jpg); padding-left:3px; line-height:16px; margin-left:17px;}
#list_content .gris{list-style-position:outside; list-style:url(images/puce.jpg); padding-left:3px; line-height:16px; margin-left:17px;}
.bordure_global {border:1px solid; border-top-color:#666666;border-bottom-color:#666666;border-left-color:#666666;border-right-color:#666666; margin:10px 0 20px 0;}
.table_interne{border:1px #FFFFFF solid;}

#lmenu ul {margin:1px 0 0 1px;}
#lmenu li {width:100%; float:right; margin-bottom:2px;}
#lmenu li a {float:left;display:block;font-size:12px;color:#FFFFFF; text-decoration:none;background:url(images/menu.jpg) top left no-repeat; width:184px;height:23px;list-style:none; padding:7px 0 0 15px; font-weight:bold;}
#lmenu li a:hover {font-size:12px;text-decoration:none;background:url(images/menu_over.jpg) top left no-repeat;}
#lmenu ul span {float:left;display:block; color:#FFFFFF;font-size:12px;text-decoration:none;background:url(images/menu_over.jpg) top left no-repeat; width:184px;height:23px;list-style:none; padding:7px 0 0 15px; font-weight:bold;}

#box {margin:4px 0 1px 1px;	background:url(images/box.jpg) top left no-repeat;float:left;width:200px;height:242px;}
#box .titre a {float:left; margin:210px 0 0 35px; color:white; font-weight:bold; font-size:12px;}
#box ul {margin:195px 0 0 30px;float:left;}
#box li {background-color:#f3d25a;display:block; padding:0 10px 3px 2px; color:#555555; font-size:13px; margin-bottom:7px;}
#box li b{color:#555555;}
#box input {margin-right:10px;}

#box .achat a{float:right;font-size:12px;color:#FFFFFF; text-decoration:none;background:url(images/red_button.jpg) top left no-repeat; width:146px;height:29px; padding:4px 0 0 10px; margin-top:175px; font-weight:bold; display:block;}
#box .achat a:hover {text-decoration:none;background:url(images/red_button_ovr.jpg) top left no-repeat;}

#title_demo {background:#eaeaea url(images/titre_demo.jpg) top right no-repeat;width:542px; height:59px; border:#5c0607 1px solid; margin:30px 0 35px 40px; color:#474747; font-weight:bold; font-size:13px; padding:7px 0 0 7px;}
#title_demo2 {background:#eaeaea url(images/titre_demo2.jpg) top right no-repeat;width:542px; height:59px; border:#5c0607 1px solid; margin:30px 0 35px 40px; color:#474747; font-weight:bold; font-size:13px; padding:7px 0 0 7px;}
#title_demo3 {background:#eaeaea url(images/titre_demo3.jpg) top right no-repeat;width:542px; height:59px; border:#5c0607 1px solid; margin:30px 0 35px 40px; color:#474747; font-weight:bold; font-size:13px; padding:7px 0 0 7px;}
#title_careers {background:#eaeaea url(images/titre_careers.jpg) top right no-repeat;width:542px; height:59px; border:#5c0607 1px solid; margin:30px 0 35px 40px; color:#474747; font-weight:bold; font-size:13px; padding:7px 0 0 7px;}
#title_partners {background:#eaeaea url(images/titre_partners.jpg) top right no-repeat;width:542px; height:59px; border:#5c0607 1px solid; margin:30px 0 35px 40px; color:#474747; font-weight:bold; font-size:13px; padding:7px 0 0 7px;}
#title_contact {background:#eaeaea url(images/titre_contact.jpg) top right no-repeat;width:542px; height:59px; border:#5c0607 1px solid; margin:30px 0 35px 40px; color:#474747; font-weight:bold; font-size:13px; padding:7px 0 0 7px;}
#title_societe {background:#eaeaea url(images/titre_societe.jpg) top right no-repeat;width:542px; height:59px; border:#5c0607 1px solid; margin:30px 0 35px 40px; color:#474747; font-weight:bold; font-size:13px; padding:7px 0 0 7px;}
#title{background:#eaeaea url(images/titre_accueil.jpg) top right no-repeat;width:542px; height:59px; border:#5c0607 1px solid; margin:30px 0 35px 40px; color:#474747; font-weight:bold; font-size:13px; padding:7px 0 0 7px;}

#accueil {width:250px; float:left; margin-right:50px;}
#accueil2 {width:250px; float:left;}
#accueil .titre_solutions{background:url(images/titre_produits.jpg) top left no-repeat; width:232px; height:42px; padding:10px 0 0 18px; font-weight:bold;font-size:13px;}
#accueil .content_solutions{width:232px; height:120px; padding:10px; background-color:#eaeaea;}
#accueil2 .titre_contact{background:url(images/titre_contact2.jpg) top left no-repeat; width:232px; height:42px; padding:10px 0 0 18px; font-weight:bold;font-size:13px;}
#accueil2 .content_solutions{width:230px; height:120px; padding:10px; background-color:#eaeaea;}


.fleches {background:url(images/fleches.jpg) top left no-repeat; padding-left:30px;}
.fond1_accueil {background:url(images/1-<strong>Wellphone</strong>_produits.jpg)) top left no-repeat; height:273px; width:218px;}
.padaccueil {padding:15px;}

#contenu {margin:0 20px 30px 40px;width:550px;line-height:16px; text-align:justify;}
#contenu span{color:black; font-weight:bold;}
#contenu b{color:#90162b; font-size:13px;}
#bandeau {width:100%; margin-top:5px;}
#bandeau .decor {background:url(images/headerjpg) top left no-repeat; width:1002px;}
#bandeau ul {margin:45px 15px 0 0;}
#bandeau li {font-weight:bold;width:100%; float:right; margin-bottom:5px;}
#bandeau li a {float:right;display:block;font-size:12px;color:#FFFFFF; text-decoration:none;background:url(images/red_button.jpg) top left no-repeat; width:158px;height:25px;list-style:none; padding:7px 0 0 10px;}
#bandeau li a:hover {font-size:12px;color:#FFFFFF; text-decoration:none;background:url(images/red_button_ovr.jpg) top left no-repeat;}

.more a{float:left;font-size:12px;color:#FFFFFF; text-decoration:none;background:url(images/red_button.jpg) top left no-repeat; width:155px;height:22px; padding-top:1px;font-weight:bold; display:block; margin:15px 0 5px 0 ; text-align:center;}
.more a:hover {text-decoration:none;background:url(images/red_button_ovr.jpg) top left no-repeat;}

.more2 a{float:left;font-size:12px;color:#FFFFFF; text-decoration:none;background:url(images/red_button.jpg) top left no-repeat; width:155px;height:22px; padding-top:1px; padding-left:15px; font-weight:bold; display:block; margin:25px 0 5px 0 ; text-align:center;}
.more2 a:hover {text-decoration:none;background:url(images/red_button_ovr.jpg) top left no-repeat;}
/*page achat*/


#barre_recap{width:457px; height:32px; float:left; margin-top:35px;}
#barre_recap .ligne {background:url(images/grey_line.jpg) center left repeat-x; width:435px; height:32px; position:relative; padding-left:40px;}
#barre_recap .square {background:url(images/achat_red_square.jpg) center top no-repeat; width:120px; margin-left:15px; float:left;font-size:12px; font-weight:bold; padding-top:7px; text-align:center;}
#barre_recap .square b{font-weight:bold; color:white; font-size:14px;}
#barre_recap .square_grey {background:url(images/achat_grey_square.jpg) center top no-repeat; width:120px; margin-left:15px; float:left;font-size:12px; font-weight:bold; padding-top:7px; text-align:center; color:#999999;}
#barre_recap .square_grey b{font-weight:bold; color:white; font-size:14px;}


#red_title {width:420px; height:30px;background:url(images/red_button_middle.jpg) top left repeat-x;color:white; font-size:13px; font-weight:bold;}
#red_title .left {background:url(images/red_button_left.jpg) top left no-repeat; height:30px;}
#red_title .right {background:url(images/red_button_right.jpg) top right no-repeat;height:30px;}
#red_title .pad {padding:5px 0 0 10px;}

.choice2_marg {margin:35px 0 35px 50px;}
.text {width:420px; margin-top:10px;}
#choice2 {width:894px; background-color:#eaeaea; border:#5c0607 1px solid;}
#choice2 .pad {padding:20px 10px 10px 10px;}
#choice2 select {width:93px;}
#choice2 .globaltable {background-color:#eaeaea;}
#choice2 .paytable {margin-bottom:20px; float:left;}
#choice2 .paytable .dark{background-color:#5d5b5b; color:white; font-weight:bold;}
#choice2 .paytable .light{background-color:#dbd8d8; color:#333333;padding-left:10px;}
#choice2 .paytable td{padding-left:10px;}
#choice2 .paytable a{color:white; font-weight:normal; text-decoration:underline; margin-right:65px; font-size:10px;}
#choice2 .paytable a:hover{text-decoration:none;}
#choice2 .paytable .carte{width:150px;}
#choice2 .paytable .selectmonth{width:40px;}
#choice2 .paytable .selectyear{width:55px;}
.little {font-size:10px; color:#990000;}
.paderror { padding:20px 0 0 50px;}
.error {font-size:12px; font-weight:bold;color:#990000;}

#choice2 .cards{background:url(images/cards.gif) top left no-repeat; width:87px; height:217px; margin:0 40px 0 10px;}
#choice2 .secure{background:url(images/security.jpg) top left no-repeat; width:158px; height:85px;margin:0 20px 20px 30px;}
#choice2 .textmargin{ font-size:9px; padding-right:30px;}

#choice2 .valide {width:200px; height:30px;background:url(images/red_button_middle.jpg) top left repeat-x;color:white; font-size:13px; font-weight:bold; text-align:center; margin:10px 0 10px 0;}
#choice2 .valide .left {background:url(images/red_button_left.jpg) top left no-repeat; height:30px;}
#choice2 .valide .right {background:url(images/red_button_right.jpg) top right no-repeat;height:30px;}
#choice2 .valide .pad {padding:5px 10px 0 10px;}
#choice2 .valide a {color:white; text-decoration:none;}
#choice2 .valide a:hover {color:white; text-decoration:underline;}

#red_title2 {width:894px; height:30px;background:url(images/red_button_middle.jpg) top left repeat-x;color:white; font-size:13px; font-weight:bold;}
#red_title2 .left {background:url(images/red_button_left.jpg) top left no-repeat; height:30px;}
#red_title2 .right {background:url(images/red_button_right.jpg) top right no-repeat;height:30px;}
#red_title2 .pad {padding:5px 0 0 10px;}


/* Page démo */

.demo_marg {margin:20px 0 10px 0;}

#send input {width:155px; height:22px;background:url(images/red_button.jpg) top left no-repeat;color:white; font-size:13px; font-weight:bold; text-align:center; margin:10px 0 10px 0;border:none; }

.textalign {width:542px;}

#download_bg {background:url(images/download.jpg) center left no-repeat; height:19px; padding-left:30px; vertical-align:middle;}
#button .valide {width:155px; height:29px;background:url(images/red_button.jpg) top left no-repeat;color:white; font-size:13px; font-weight:bold; text-align:center; margin:40px 0 10px 0;}
#button .valide .pad {padding:5px 10px 0 10px;}
#button .valide a {color:white; text-decoration:none;}
#button .valide a:hover {color:white; text-decoration:underline;}

/* Page contact */

#contact {width:100%.}
#contact select {width:auto;}
#contact table {margin-bottom:10px;}
#contact table .light{background-color:#eaeaea; color:#333333;padding-left:10px;}
#contact td{padding-left:10px;}
#contact table a{font-weight:normal; text-decoration:underline; font-size:10px;}
#contact table a:hover{text-decoration:none;}