/*--------- GLOBALES ---------*/
@font-face{font-family:'Segoe WP';src:url('../fonts/SegoeWP_0.ttf');}
@font-face{font-family:'Segoe UI';src:url('../fonts/segoeui.ttf');}
@font-face{font-family:'Segoe UI Light';src:url('../fonts/segoeuil.ttf');}
@font-face{font-family:'Segoe UI Bold';src:url('../fonts/segoeuib.ttf');}
body{ padding:0; font-family:"Segoe UI", Verdana, Geneva, sans-serif; background:#FFFFFF;}
.both{ clear:both;}
h1{font-size:25px; margin:10px 20px 0px 20px; color:#35549D; line-height:25px; font-weight:normal; text-align:center; margin-bottom:20px;}
a{color: #a9a9a9;}
strong{ font-weight:bold; font-family:"Segoe UI", Verdana, Geneva, sans-serif;}
.site{ margin:auto; width:980px;}
.header{ padding-top:25px; margin-bottom:45px;}
.logo{ float:left; margin-top:8px;}
.logo_public{ float:none; margin:8px auto; width:373px}
.logo_public a{ width:373px; height:114px; display:block; background:url(../img/logo_public.png) no-repeat;}
.logo_public a:active{ background-position:0 2px;}
.error, .info{ background: url(../img/error.png) no-repeat 10px center #ecb4b4; border:1px dashed #e07676; padding:10px 10px 10px 70px; margin:auto; width:450px; color:#333333; display:none;}
.error span, .info span{color:#bd2424;}
.error a, .info a{ color:#35549D;}
.error a:hover, .info a:hover{ text-decoration:underline;}
.info{ background: url(../img/info.png) nmenuo-repeat 10px center #c0e2f7; border:1px dashed #51b2ec;}
.go, .go_306, .go_165{ background:url(../img/go.png) no-repeat top left; height:38px; display:block; margin-top:10px; width:182px; color:#FFFFFF; text-shadow:0 -1px 1px #666; font-size:16px; line-height:35px; padding-left:45px; cursor:pointer;}
input[type=submit].go, input[type=submit].go_306{ border:none; display:block; text-align:left; width:227px;}
.go:hover, .go_306:hover, .go_165:hover{ background:url(../img/go.png) 0px 76px; height:38px; display:block; margin-top:10px; color:#35549D; text-shadow:0 1px 1px #FFFFFF;}
.go:active, .go_306:active, .go_165:active{ background:url(../img/go.png) no-repeat bottom left; height:38px; display:block; margin-top:10px; color:#35549D; text-shadow:0 1px 1px #FFFFFF;}
.go_306{ background:url(../img/go_306.png) no-repeat top left; width:261px;}
.go_165{ background:url(../img/go_165.png) no-repeat top left; width:120px;}
input[type=submit].go_306{ width:306px;}
.go_306:hover{ background:url(../img/go_306.png) 0px 76px;}
.go_306:active{ background:url(../img/go_306.png) no-repeat bottom left;}
.go_165:hover{ background:url(../img/go_165.png) 0px 76px;}
.go_165:active{ background:url(../img/go_165.png) no-repeat bottom left;}
.subscribe{ background:url(../img/subscribe.png) no-repeat top left; height:38px; display:block; margin-top:10px; width:82px; color:#FFFFFF; text-shadow:-1px -1px 1px #666; font-size:16px; line-height:35px; padding-left:38px; text-align:left; margin:auto; margin-bottom:3px;}
.subscribe:hover{ background:url(../img/subscribe.png) 0px 76px; height:38px; display:block; color:#35549D; text-shadow:-1px -1px 1px #FFFFFF;}
.subscribe:active{ background:url(../img/subscribe.png) bottom left; height:38px; display:block; color:#35549D; text-shadow:-1px -1px 1px #FFFFFF;}
.more{ background:url(../img/more.png) no-repeat top left; height:38px; display:block; margin-top:10px; width:120px; color:#FFFFFF; text-shadow:0 -1px 1px #666; font-size:16px; line-height:35px; padding-left:45px;}
.more:hover{ background:url(../img/more.png) 0px 76px; height:38px; display:block; margin-top:10px; color:#35549D; text-shadow:0 1px 1px #FFFFFF;}
.more:active{ background:url(../img/more.png) no-repeat bottom left; height:38px; display:block; margin-top:10px; color:#35549D; text-shadow:0 1px 1px #FFFFFF;}
p.center{text-align:center;}
.text_red{ color : #6F6; text-shadow:0 -1px 1px #0A0; font-weight: bold;}
.text_red:hover{color : #000; text-shadow:0 -1px 1px #9A9; font-weight: bolder;}
/*------- FIN GLOBALES -------*/

/*------- COLORBOX --------*/
.contenu_colorbox{ width:950px;}
.contenu_colorbox p{ margin-bottom:15px;}
/*----- FIN COLORBOX ------*/

/*------- CONTENU --------*/
.bloc{-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d5d7d9; background:url(../img/bg_bloc.png) repeat; margin-bottom:40px; padding:10px;}
.support{ padding:0px;}
.bloc p{ margin-bottom:12px;}
.bloc img{border:1px solid #d5d7d9; background:#FFFFFF; padding:5px;}
.presentation{ width:560px; float:left;}
.puce{ margin:0px; list-style-type:none;}
.puce li{ background:url(../img/puce.png) no-repeat top left; padding:0 0 0 30px; line-height:20px; margin:5px 0}
.compteur{ background:url(../img/bg_compteur.png) no-repeat; width:340px; height:92px; float:left; margin:25px 0 0 25px;}
.compteur p{ font-weight:bold; text-align:center; font-size:15px; margin:13px 0; line-height:28px;}
.compteur p span{ font-size:55px; color:#35549D; line-height:35px;}
.etape{ background:url(../img/etape_suivante.png) no-repeat right; height:171px; width:309px; float:left; margin-right:10px;}
.etape h3{ font-weight:bold; font-size:30px; line-height:30px; color:#bdbdbd; margin:0px;}
.etape h3 span{ color:#35549D;}
.etape div{ padding:20px 0 0 110px; color:#686868; font-size:20px; line-height:24px;}
.une div{ background:url(../img/step_1.png) no-repeat bottom left;}
.deux div{ background:url(../img/step_2.png) no-repeat bottom left;}
.trois div{ background:url(../img/step_3.png) no-repeat bottom left;}
.trois{ background:none;}
.validation{ text-align:center;}
.laptop{ float:right; margin:5px 0 0 20px;}
.femme{ float:left; margin:5px 20px 0 0}
.question_faq{ text-align:center; margin:0 0 10px 0; display:block;}
p.tel span{ font-size:15px; color:#35549D; font-weight:bold;}
div.tel{ background:url(../img/bg_compteur.png) no-repeat; width:340px; height:92px; margin:20px auto 20px auto;}
div.tel p{ text-align:center;}
div.tel span{font-size:45px; color:#35549D; line-height:55px;}
.explain{ background:url(../img/explications.png) no-repeat 0 170px; width:940px; height:620px; margin:auto;}
.explain p{text-align:center;}
.explain .title{ margin:auto; font-size:28px; line-height:35px;}
.explain .title span{ font-weight:bold;}
.explain1{ position:absolute;top:620px; left:45px;}
.explain2{ position:absolute; top:225px; left:268px;}
.explain3{ position:absolute;top:620px; left:268px;}
.explain4{ position:absolute;top:155px; left:520px;}
h2.presentation_title{ color:#35549D; font-weight:normal;}
/*----- FIN CONTENU ------*/

/*------- MENU LOGIN ------*/
.menu_login{width:350px; margin:20px auto;}
/*------- FIN MENU LOGIN ------*/

/*------- MENU RIGHT -------*/
.menu_right{ float:right; margin:0px; margin-top:10px; width:350px}
.menu_right .bloc{ margin-bottom:0px}
.menu_right p{ margin:0px}
.menu_right ul{ list-style-type:none; margin-left:160px}
.menu_right ul li a{ font-size:16px; height:24px; line-height:24px; padding-left:35px; display:block; margin-bottom:10px; color: #a9a9a9}
.menu_right ul li a:hover{ color:#35549D;}
.menu_right ul li a.create_account{ background:url(../img/create_account.png) no-repeat top left;}
.menu_right ul li a.create_account:hover{ background:url(../img/create_account.png) no-repeat bottom left;}
.menu_right ul li a.connect{ background:url(../img/connect.png) no-repeat top left;}
.menu_right ul li a.connect:hover{ background:url(../img/connect.png) no-repeat bottom left;}
form.auth{ width:360px;}
form.auth input[type=text], form.auth input[type=password]{ padding:2px; margin:0 3px; width:120px; float:left;}
form.auth input[type=password]{width:100px;}
form.auth input[type=submit]{ background:url(../img/submit.png) no-repeat top; width:104px; height:24px; border:none; cursor:pointer; margin:0 0 2px 3px; line-height:22px; color:#FFFFFF;}
form.auth input[type=submit]:hover{ background:url(../img/submit.png) no-repeat bottom;}
form.auth input[type=checkbox]{margin:5px 5px 0 3px; float:left;}
form.auth label{ line-height:18px; font-size:11px; margin:3px 11px 0 0; display:block; float:left;}
form.auth a{ line-height:18px; font-size:11px; margin:3px 11px 0 0; float:left;}
form.auth a:hover{text-decoration:underline;}
.menu_right .societe{ color:#BBBBBB;}
.menu_right .credits{ color:#35549D;}
/*----- FIN MENU RIGHT -----*/

/*--------- MENU ---------*/
.menu{ background:url(../img/menu.png) no-repeat; width:980px; height:48px; margin-bottom:40px;}
.menu ul{list-style-type:none; margin-top:0px;}
.menu li{ float:left; font-size:17px; height:48px; border-right:1px dotted #d5d7d9;}
.menu li.last{ border-right:none;}
.menu li a{ height:48px; display:block; line-height:48px; padding:0 38px; color: #a9a9a9;}
.menu li a:hover{ color:#35549D;}
.menu li.active a{color:#35549D;}
/*------- FIN MENU -------*/

/*------- CONFIGURATION --------*/
.soft, .phone{ list-style-type:none; width:250px; font-size:15px; margin:0 0 0 150px; float:left;}
.soft .title{ color:#35549D; font-size:18px; font-weight:bold; padding:0 0 5px 0; margin:0 0 10px 0; border-bottom:1px solid #35549D;}
.soft li a{ padding:5px 0 5px 35px; display:block; margin:0 0 8px 15px; width:190px;}
.soft li a.outlook_2010{ background:url(../img/outlook.png) no-repeat top left;}
.soft li a.outlook_2010:hover{ background:url(../img/outlook.png) no-repeat bottom left;}
.soft li a.outlook_express{ background:url(../img/outlook_express.png) no-repeat top left;}
.soft li a.outlook_express:hover{ background:url(../img/outlook_express.png) no-repeat bottom left;}
.soft li a.live_mail{ background:url(../img/live_mail.png) no-repeat top left;}
.soft li a.live_mail:hover{ background:url(../img/live_mail.png) no-repeat bottom left;}
.soft li a.windows_mail{ background:url(../img/windows_mail.png) no-repeat top left;}
.soft li a.windows_mail:hover{ background:url(../img/windows_mail.png) no-repeat bottom left;}
.soft li a.thunderbird{ background:url(../img/thunderbird.png) no-repeat top left;}
.soft li a.thunderbird:hover{ background:url(../img/thunderbird.png) no-repeat bottom left;}
.phone{ font-size:13px;}
.phone li a.iphone{ margin-top:70px; background:url(../img/config_iphone.png) no-repeat top left; width:175px; height:54px; display:block; text-align:center; line-height:18px; padding:10px 0 0 55px}
/*----- FIN CONFIGURATION ------*/

/*------- FORMULAIRES --------*/
.left, .right{ float:left; margin-bottom:20px;}
form ul{ list-style-type:none;}
form li{ margin:2px 0 2px 100px; padding:2px 0 3px 3px;}
form label span{ color:#bd2424;}
form li p.imp{color:#bd2424;}
li.formError{ background: url(../img/formError.png) no-repeat right center #ecb4b4; border:1px dashed #e07676;}
.left{ width:375px; margin-right:70px;}
.right{ width:475px;}
#pass_forget .right{ margin-left:200px;}
.left input[type=text]{width:200px;}
.left select{width:205px;}
.right input[type=text], .right input[type=password]{ width:300px;}
.cnil{ text-align:center;}
.choose_time{ display:block;}
input[type=radio]{ float:left;}
.time, .label_radio{ margin:0 20px 5px 0; display:block; float:left;}
.cachette{ display:none;}
#modif_offer{ width:410px;}
#modif_offer input[type=text]{ margin:0px;}
#log_verif{ display:none; font-weight:bolder;}
.redim{ width: 255px;}
/*----- FIN FORMULAIRES ------*/

/*------- CONTACT --------*/
#contact .left{ width:475px; margin:0 0 0 25px;}
#contact .right{ width:375px;}
#contact .right li{ margin:2px 0 2px 0px; padding:2px 0 3px 3px;}
#contact textarea{ width:301px; height:120px;}
#contact .left input[type=text]{width:300px;}
/*----- FIN CREATE ACCOUNT ------*/

/*------- PRIVATE / ADMIN --------*/
ul#transac_option{ float: right; margin-top: -5px;}
ul#transac_option li{ float: left; margin: 3px 0 3px 0; padding-left: 5px; padding-right: 5px;}


.private{ width:720px; float:right; margin-bottom:10px; background:url(../img/menu_private.png) no-repeat;}
.private li a{ padding:0 30px;}
.col_left, .col_right{ float:left;}
.col_left p, .col_right p{ margin:0px;}
.col_left h3, .col_right h3{ margin:0 0 5px 0; color:#35549D; padding:0 0 5px 0; border-bottom:1px solid #D5D7D9}
.col_left h3 span, .col_right h3 span{ color:#bdbdbd;}
h3.invoice{margin-top:10px;}
.col_left{ width:250px; margin-right:10px;}
.col_right{ width:720px;}
.col_left .bloc{ margin-bottom:10px;}
.col_left .bloc p span{color:#35549D; font-weight:bold;}
.col_left form select, .col_left form input[type=text], .col_right form select, .col_right form input[type=text]{ width:220px; margin:10px 0 10px 0;}
.modif_account .left, .modif_account .right{ width:500px;}
.col_right form.modif_account li{ margin:2px 0 2px 200px;}
.col_right form.modif_account input[type=text], .col_right form.modif_account input[type=password]{ width:221px; margin:0;}
.col_left input[type=text]{width:221px}
.user{border:1px solid #d5d7d9; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d5d7d9; padding:10px; margin-top:20px;}
.user div.sheet_info{ width:308px; padding-right:20px; margin-right:20px; float:left;}
.user div.sheet_links{ float:left; width:308px;}
.user div.sheet_links select{ margin:10px 0 0 0;}
.user div.offer, .user div.one_shot{ float:left; width:328px; margin:40px 0 20px 0;}
.user div.offer{ margin-right:20px;}
.graph1{ margin-bottom:10px;}
#graph{width:700px;height:625px}
#graph_admin_1, #graph_admin_2{width:700px;height:300px}
#graph_sheet{ width:675px; height:300px; margin:0px; padding:0px;}
.admin_offer, .choose_offer{ width:200px; float:left; text-align:center; margin:22px 0 23px 0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #d5d7d9;}
.admin_offer:nth-of-type(1), .admin_offer:nth-of-type(2), .admin_offer:nth-of-type(4), .admin_offer:nth-of-type(5), .admin_offer:nth-of-type(7), .admin_offer:nth-of-type(8), .admin_offer:nth-of-type(10), .admin_offer:nth-of-type(11), .choose_offer:nth-of-type(1), .choose_offer:nth-of-type(2), .choose_offer:nth-of-type(4), .choose_offer:nth-of-type(5), .choose_offer:nth-of-type(7), .choose_offer:nth-of-type(8), .choose_offer:nth-of-type(10), .choose_offer:nth-of-type(11){ margin-right:45px;}
.admin_offer h2 span, .choose_offer h2 span{color: #35549D;}
.admin_offer .prix, .choose_offer .prix{color: #35549D; font-size: 15px; font-weight: normal;}
.admin_offer .prix span, .choose_offer .prix span{font-size: 40px; font-weight: bold;}
.choose_offer .credits{color:#35549D; font-size:15px; margin:10px 0 10px 0;}
.form_colorbox { width:410px; margin:auto;}
.form_colorbox ul, .form_colorbox li{margin:0 0 0 0;}
.form_colorbox input[type=text]{ width:410px;}
.form_colorbox select{ width:410px;}
.form_colorbox textarea{ width:410px; height:100px;}
.infos_payment ul, .infos_user_wait ul{ list-style:none; margin:0px;}
.infos_payment ul li, .infos_user_wait ul li{ margin:8px 0;}
.infos_payment > ul > li:hover, .infos_user_wait  li:hover{ background-color:#c4deee;}
.infos_payment ul li ul li, .infos_user_wait ul li ul li{ display:block; float:left; margin:4px 0; height:20px; line-height:20px;}
.infos_payment ul li ul li, .infos_payment a, .infos_user_wait ul li ul li, .infos_user_wait a{ color:#666;}
.infos_payment .date{margin:4px 40px 4px 10px; width:100px;}
.infos_payment .nom{width:200px; margin-right:10px;}
.infos_payment .nom a:hover, .infos_user_wait .nom a:hover{ text-decoration:underline;}
.infos_payment .type{width:110px;}
.infos_payment .montant{ width:100px;margin-right:15px;}
.infos_payment .facture{ position: relative;z-index: 999}
.infos_payment .facture a{width:84px; height:20px; background:url(../img/pdf.png) bottom left no-repeat; display:block; padding-left:25px; line-height:20px;}
.infos_payment .facture a:hover{ background:url(../img/pdf.png) top left no-repeat; color:#ffffff;}
.infos_payment ul li ul:hover li ul.action { display: block;}
.infos_payment li.facture ul.action {display: none;}
.infos_payment ul.action{ position: absolute;right:-16px;top:-2px; opacity:0,95;}
.infos_payment ul li ul li.facture ul.action li {}
.infos_payment ul li ul li.facture ul.action li a#delete{padding:0;background: url(../img/sprites.png) -16px 0 no-repeat; width: 16px; height: 16px;display: block;}
.infos_user_wait .date{margin:4px 10px 4px 10px; width:76px;}
.infos_user_wait .nom{width:150px; margin-right:10px;}
.infos_user_wait .montant{ width:80px;margin-right:10px;}
.infos_user_wait .phone{width:80px; margin-right:10px;}
.infos_user_wait .type{width:80px; margin-right:10px;}
.infos_user_wait .valid a{width:60px; height:20px; background:url(../img/valider.png) bottom left no-repeat; display:block; padding-left:25px; line-height:20px;}
.infos_user_wait .valid a:hover{ background:url(../img/valider.png) top left no-repeat; color:#ffffff;}
.infos_user_wait .forbidden a{width:60px; height:20px; background:url(../img/interdit.png) bottom left no-repeat; display:block; padding-left:25px; line-height:20px;}
.infos_user_wait .forbidden a:hover{ background:url(../img/interdit.png) top left no-repeat; color:#ffffff;}
.infos_payment li.total{background:url(../img/go_165.png) top left; width:125px; height:38px; line-height:38px; font-size:16px; float:right; color: #ffffff; text-shadow: 0 -1px 1px #666666; padding-left:40px;}
/*----- FIN PRIVATE / ADMIN ------*/

/*------- FOOTER --------*/
.footer{ width:100%; border-top:1px solid #A9A9A9; float:left; margin:0 0 10px 0;}
.footer p{ font-size:10px; text-align:center; line-height:16px;}
/*----- FIN FOOTER ------*/

/*------- GLOBALES --------*/
.display{display:block};
/*----- FIN GLOBALES ------*/