*{
margin:0;
padding:0;
}
img{
border:0;
}
a:active, a:focus{
outline:none;
}


body{
background:url(bg.png) repeat-x;
background-color:#e4f4fc;
font-family:arial;
text-align:center;
font-size:14px;
color:#333;
}

#header{
width:990px;
height:110px;
margin:0 auto;
text-align:left;
}
#header #logo{
display:block;
width:371px;
height:0;
padding-top:76px;
background:url(logo.png) no-repeat;
position:absolute;
overflow:hidden;
margin:15px 0 0 10px;
}

#header #refer{
position:absolute;
width:126px;
height:58px;
background:url(refer.gif) no-repeat;
margin:15px 0 0 480px;
color:#fff;
font-size:13px;
padding:32px 0 0 10px;
line-height:115%;
cursor:pointer;
}
#header #accesclient{
color:#0f485e;
text-shadow: 0px 1px 0px #bde6f4;
display:block;
text-decoration:none;
position:absolute;
background:url(accesclient.gif) no-repeat;
width:100px;
height:19px;
text-align:center;
font-size:12px;
padding-top:3px;
margin-left:880px;
}
#header #accesclient:hover{background-position:0 -22px;}
#header #refer:hover{text-decoration:underline;}
#header #contact{
position:absolute;
margin:40px 0 0 785px;
width:196px;
height:0;
padding-top:52px;
overflow:hidden;
background:url(contact_cartouche.gif) no-repeat;
}
#refer_popup{
padding:30px;
width:580px;
height:310px;
background:url(popup_refer.png) no-repeat;
position:absolute;
margin:80px 0 0 175px;
z-index:2;
display:none;
font-size:12px;
}
#refer_popup #fermer{
width:72px;
height:47px;
background:url(close_popup.png) no-repeat;
position:absolute;
margin:-47px 0 0 500px;
cursor:pointer;
}
#refer_popup #cont_refer_popup{height:310px;}
#refer_popup #cont_refer_popup.wait{background:url(wait.gif) no-repeat center;}
#refer_popup #cont_refer_popup.lead{background:0;}
#refer_popup #cont_refer_popup p{
margin-top:8px;
}
#refer_popup #cont_refer_popup .input_refer{
width:214px;
height:24px;
background:url(input.gif) no-repeat;
border:0;
padding:3px;
margin-bottom:2px;
}
#refer_popup #cont_refer_popup #refer_envoyer{
width:92px;
height:0;
padding-top:25px;
background:url(envoyer.png) no-repeat;
overflow:hidden;
cursor:pointer;
}
#refer_popup .social_refer{
width:80px;
height:20px;
color:#0d5d73;
font-size:12px;
background:url(refer_facebook.gif) no-repeat 0 -25px;
padding:5px 0 0 30px;
cursor:pointer;
}
#refer_popup .social_refer#srtwitter{background-image:url(refer_twitter.gif);}
#refer_popup .social_refer#srlinkedin{background-image:url(refer_linkedin.gif);}
#refer_popup .social_refer#srviadeo{background-image:url(refer_viadeo.gif);}
#refer_popup .social_refer:hover{background-position:0 0;}

#menu{
width:990px;
margin:0 auto;
text-align:left;
height:63px;
overflow:hidden;
background:url(top.png) no-repeat bottom center;
}
#menu ul{
list-style-type:none;
margin:0 0 0 20px;
}

#menu li{
float:left;
margin:12px 0 0 10px;
}
#menu li span{
display:block;
height:26px;
width:10px;
background:url(menu_li.png) no-repeat top left;
float:left;
overflow:hidden;
}
#menu li a{
color:#055c73;
text-decoration:none;
display:block;
height:20px;
float:left;
background:url(menu_li.png) no-repeat top right;
padding:6px 10px 0 0;
}

#menu li.lead{
margin-top:0;
}
#menu li.lead span{
width:12px;
height:38px;
background-image:url(menu_li_lead.png);
}
#menu li.lead a{
background-image:url(menu_li_lead.png);

font-size:16px;
font-weight:100;
height:26px;
padding:12px 15px 0 3px;
}

.menu_action{
position:absolute;
margin:112px 0 0 602px;
}
.menu_action a{
display:block;
float:left;
height:0;
padding-top:36px;
overflow:hidden;
background-repeat:no-repeat;
background-position:0 0;
}
.menu_action a:hover{
background-position:0 -36px;
}
#menu_inscription{
margin-left:5px;
width:132px;
background-image:url(menu_inscription.gif);
}
#menu_test{
margin-left:0;
width:208px;
background-image:url(menu_test.gif);
}

#contenu{
width:930px;
margin:0 auto;
padding:10px 30px 10px 30px;
background:url(middle.png) repeat-y;
text-align:left;
}



#cont_accueil{
height:350px;
}
#cont_accueil h1{
color:#0d5d73;
font-size:14px;
font-weight:100;
float:left;
margin-right:5px;
}
#cont_accueil #annonce{
color:#0d5d73;
}
#cont_accueil #annonce2{
width:544px;
height:0;
padding-top:66px;
overflow:hidden;
background:url(h1_accueil.gif) no-repeat;
margin:20px 0;
}
#cont_accueil #annonce3{
font-size:13px;
margin-bottom:15px;
}
#cont_accueil #bloc_accueil{
width:670px;
}
#cont_accueil #bloc_accueil .ba1{
width:310px;
height:70px;
background:url(fond_ba.gif) no-repeat 0 200px;
float:left;
margin:0 10px 15px 0;
}
#cont_accueil #bloc_accueil .ba1:hover{background-position:0 0;}
#cont_accueil #bloc_accueil .ba2{
width:250px;
height:50px;
background:url(texte_numero.gif) no-repeat;
padding-left:40px;
cursor:default;
margin:10px 10px 15px 10px;
}
#cont_accueil #bloc_accueil .ba2#ba_numero{background-image:url(texte_numero.gif);}
#cont_accueil #bloc_accueil .ba2#ba_transfert{background-image:url(texte_redirection.gif);}
#cont_accueil #bloc_accueil .ba2#ba_accueil{background-image:url(texte_message.gif);}
#cont_accueil #bloc_accueil .ba2#ba_web{background-image:url(texte_admin.gif);}
#cont_accueil #bloc_accueil h2{
font-size:14px;
}
#cont_accueil #bloc_accueil p{
font-size:13px;
color:#666;
}
#cont_accueil #bloc_accueil p.ba_plus{
position:absolute;
width:270px;
height:165px;
margin-top:-250px;
margin-left:-70px;
background:url(fond_ba.png) no-repeat;
padding:45px 25px 0 25px;
font-size:12px;
display:none;
z-index:2;
}
#cont_accueil #bloc_accueil p.ba_plus a{
color:#4f8a26;
font-weight:900;
background:url(fleche_petite.gif) no-repeat 180px 4px;
padding-left:12px;
display:block;
margin-top:4px;
text-align:right;
}
#cont_accueil #bloc_accueil p.ba_plus.bas{
background-position:0 -210px;
margin-top:-10px;
}
#cont_accueil #ensavoirplus{
margin:0px 0 0 280px;
position:absolute;
}
#cont_accueil #ensavoirplus a{
display:block;
width:146px;
height:0;
padding-top:34px;
overflow:hidden;
background:url(ensavoirplus.png) no-repeat;
float:left;
}
#cont_accueil #ensavoirplus a#btn_test{
background-image:url(testez.png);
width:198px;
margin-right:20px;
}
#cont_accueil #ensavoirplus a:hover{background-position:0 -34px;}
#popup_ba{
position:absolute;
width:345px;
height:220px;
display:none;
font-size:13px;
color:#000;
}
#popup_ba #cont_popup_ba{
width:270px;
padding:25px 25px 0 50px;
background:url(fond_ba.png) no-repeat;
}
#popup_ba #bas_popup_ba{
background:url(fond_ba.png) no-repeat bottom;
width:345px;
height:25px;
}
#accueil_photo{
position:absolute;
margin:11px 0 0 670px;
}



#menu_page{
list-style-type:none;
width:200px;
margin:47px 30px 0 0;
float:left;
}
#menu_page li{
height:22px;
overflow:hidden;
}
#menu_page a{
color:#666;
text-decoration:none;
font-size:13px;
display:block;
background:url(puce_plus.gif) no-repeat 0 4px;
padding:3px 0 3px 18px;
}
#menu_page a:hover{
background-position:0 -17px;
color:#333;
text-decoration:underline;
}
#menu_page a.lead{
color:#54b610;
}
#menu_page #sousmenu_page{	
margin-left:0px;
}
#menu_page #sousmenu_page a{
background:url(puce_plus2.gif) no-repeat;
background:url(picto_numero.gif) no-repeat;
padding:4px 0 0 30px;
height:21px;
}
#menu_page #sousmenu_page a:hover{
background-position:0 -30px;
}
#menu_page #sousmenu_page a.lead{
color:#009dd6;
background-position:0 -30px;
}
#menu_page #sousmenu_page a#menu_souspage1{background-image:url(picto_numero.gif);}
#menu_page #sousmenu_page a#menu_souspage2{background-image:url(picto_redirection.gif);}
#menu_page #sousmenu_page a#menu_souspage3{background-image:url(picto_planning.gif);}
#menu_page #sousmenu_page a#menu_souspage4{background-image:url(picto_message.gif);}
#menu_page #sousmenu_page a#menu_souspage5{background-image:url(picto_musique.gif);}
#menu_page #sousmenu_page a#menu_souspage6{background-image:url(picto_messagerie.gif);}
#menu_page #sousmenu_page a#menu_souspage7{background-image:url(picto_admin.gif);}
#menu_page #sousmenu_page a#menu_souspage8{background-image:url(picto_conference.gif);}


#cont_textes{
width:540px;
float:left;
}
#cont_textes h1{
color:#54b610;
font-weight:100;
font-size:28px;
margin-bottom:20px;
}
#cont_textes h2{
font-size:16px;
color:#055173;
background:url(h2.gif) no-repeat;
padding:6px 0 10px 35px;
margin:15px 0 0 30px;
}
#cont_textes h2 a{color:#055173;text-decoration:none;}
#cont_textes h2 a:hover{text-decoration:underline;}
#cont_textes h2 .h2a{
color:#999;
font-size:12px;
margin-left:7px;
font-weight:100;
}
#cont_textes h2 .h2a:hover{
color:#54b610;
}
#cont_textes h3{
color:#333;
font-weight:900;
font-size:13px;
margin:15px 0 4px 15px;
background:url(puce_h3.gif) no-repeat 0 1px;
padding:0px 0 0px 20px;
}
#cont_textes #texte1{background-image:url(texte1.gif);}
#cont_textes #texte2{background-image:url(texte2.gif);}
#cont_textes #texte3{background-image:url(texte3.gif);}
#cont_textes #texte4{background-image:url(texte4.gif);}
#cont_textes #texte5{background-image:url(texte5.gif);}
#cont_textes #texte_numero{background-image:url(texte_numero.gif);}
#cont_textes #texte_redirection{background-image:url(texte_redirection.gif);}
#cont_textes #texte_planning{background-image:url(texte_planning.gif);}
#cont_textes #texte_message{background-image:url(texte_message.gif);}
#cont_textes #texte_messagerie{background-image:url(texte_messagerie.gif);}
#cont_textes #texte_musique{background-image:url(texte_musique.gif);}
#cont_textes #texte_admin{background-image:url(texte_admin.gif);}
#cont_textes #texte_conference{background-image:url(texte_conference.gif);}
#cont_textes p{
margin-bottom:10px;
line-height:130%;
font-size:13px;
}
#cont_textes a{
color:#54b610;
}
#cont_textes ul{
list-style-type:none;
margin-left:50px;
}
#cont_textes li{
background:url(fleche_petite.gif) no-repeat 0 5px;
padding-left:15px;
font-size:13px;
margin-bottom:8px;
}
#cache{
width:540px;
background:#fff;
position:absolute;
display:none;
}

#valider_contact{
width:170px;
height:0;
padding-top:45px;
background:url(valider_tarifs.png) no-repeat;
overflow:hidden;
margin:20px 0 -60px 65px;
cursor:pointer;
}
#valider_contact:hover{
background-position:0 -45px;
}
#valider_contact.lead{
background-position:0 -200px;
}

.block_tarif{
width:160px;
height:372px;
background-repeat:no-repeat;
background-position:0 0;
text-align:center;
float:left;
margin:0 5px 0 19px;
cursor:pointer;
}
#cont_textes .block_tarif p{
font-size:12px;
color:#666;
margin:0;
line-height:110%;
}
#cont_textes .block_tarif .numero{
padding-top:8px;
}
#cont_textes .block_tarif .tarif{
font-size:10px;
line-height:90%;
}
#cont_textes .block_tarif .plus{
font-size:28px;
margin:-5px 0 -5px 0;
}
#cont_textes .block_tarif strong{
font-size:15px;
text-transform:uppercase;
display:block;
margin-top:4px;
}
#cont_textes .block_tarif .prix{
font-size:24px;
margin:15px 0 0 0;
color:#fff;
font-weight:900;
}
#cont_textes .block_tarif .prix_detail{
font-size:10px;
color:#fff;
}
.block_tarif0826{background-image:url(tarif0826.gif);}
#cont_textes .block_tarif0826 .numero{color:#883d95;}
#cont_textes .block_tarif0826 strong{color:#883d95;}
.block_tarif0811{background-image:url(tarif0811.gif);}
#cont_textes .block_tarif0811 .numero{color:#009dd6;}
#cont_textes .block_tarif0811 strong{color:#009dd6;}
.block_tarif0805{background-image:url(tarif0805.gif);}
#cont_textes .block_tarif0805 .numero{color:#47c50d;}
#cont_textes .block_tarif0805 strong{color:#47c50d;}
.block_tarif0102{background-image:url(tarif0102.gif);}
#cont_textes .block_tarif0102 .numero{color:#03c;}
#cont_textes .block_tarif0102 strong{color:#03c;}
#colonne_droite{
float:left;
width:150px;
margin-left:10px;
height:2px;
}

#chargeur_video{
padding-left:235px;
height:274px;
background:url(wait.gif) no-repeat center;
}
#btn_video p{
width:138px;
text-align:left;
height:171px;
color:#fff;
background-repeat:no-repeat;
background-position:0 0;
float:left;
margin-right:5px;
padding:17px 6px 0 6px;
cursor:pointer;
font-size:11px;
font-weight:900;
}
#btn_video p span{
width:91px;
height:92px;
position:absolute;
background:url(play.png) no-repeat;
margin:50px 0 0 23px;
display:none;
}
#btn_video p strong{
position:absolute;
text-align:center;
width:138px;
margin:0;
}
#btn_video p:hover span{
display:block;
}
#btn_video p.lead{
background-position:0 -200px;
}
#btn_video p#btn_video1{background-image:url(btn_video1.jpg);}
#btn_video p#btn_video2{background-image:url(btn_video2.jpg);}
#btn_video p#btn_video3{background-image:url(btn_video3.jpg);}
#btn_video p#btn_video4{background-image:url(btn_video4.jpg);}
#btn_video p#btn_video5{background-image:url(btn_video5.jpg);}
#btn_video p#btn_video6{background-image:url(btn_video6.jpg);}

#bas_contenu{
height:87px;
width:990px;
margin:0 auto;
background:url(bottom.jpg);
}


.input_information{
background:url(input_information.gif) no-repeat;
padding:7px;
width:146px;
height:16px;
}
.input_information input{
background:transparent;
border:0;
outline-style: none; 
font-size:13px;
font-family:arial;
display:block;
}
.textarea_information{
border:0;
background:url(textarea_information_grand.gif) no-repeat;
width:340px;
height:134px;
font-size:13px;
padding:5px;
font-family:arial;
outline-style: none; 
}

.tarif_plus{background:url(fond_tarif_fonctionnalite.gif) no-repeat 0 20px;width:896px;margin:30px 0 0 19px;border-bottom:1px solid #ccc;}
#contenu .tarif_plus p{font-size:11px;}
#contenu .tarif_plus li{font-size:11px;}
#contenu .tarif_plus p.titre{text-align:center;color:#54b610;font-weight:900;height:20px;font-size:13px;}
#liste_fonctionnalite{height:100px;}
#liste_fonctionnalite ul{float:left;margin:0px 0 0 23px;}
#liste_fonctionnalite ul li{background:0;padding:0;}
#liste_fonctionnalite ul li a{display:block;background-position:0 0;background-repeat:no-repeat;padding:5px 0 0 28px;height:20px;font-size:12px;color:#666;text-decoration:none;}
#liste_fonctionnalite ul li a:hover{background-position:0 -30px;color:#000;}
#liste_fonctionnalite ul li#f_numero a{background-image:url(picto_numero.gif);}
#liste_fonctionnalite ul li#f_message a{background-image:url(picto_message.gif);}
#liste_fonctionnalite ul li#f_messagerie a{background-image:url(picto_messagerie.gif);}
#liste_fonctionnalite ul li#f_admin a{background-image:url(picto_admin.gif);}
#liste_fonctionnalite ul li#f_musique a{background-image:url(picto_musique.gif);}
#liste_fonctionnalite ul li#f_conference a{background-image:url(picto_conference.gif);}
#liste_fonctionnalite ul li#f_planning a{background-image:url(picto_planning.gif);}
#liste_fonctionnalite ul li#f_redirection a{background-image:url(picto_redirection.gif);}
#liste_fonctionnalite ul li#f_sms a{background-image:url(picto_sms.gif);}




/* FOOTER */
#footer{
width:990px;
height:194px;
margin:10px auto 0 auto;
text-align:left;
background:url(footer.png) no-repeat;
}
#footer .box{float:left;}
#footer ul{list-style-type:none;}
#footer a{color:#666;text-decoration:none;}

#footer h3{color:#fff;text-transform:uppercase;font-size:12px;padding:10px 0 3px 15px;margin-bottom:15px;}
#footer h3 a{color:#fff;}

#footer #box1{margin:0 0 0 5px;width:410px;}
#footer #box2{margin:0 0 0 15px;width:236px;}
#footer #box3{margin:0 0 0 15px;width:305px}

#footer #box1 ul{float:left;}
#footer #box1 ul li{margin-bottom:2px;}
#footer #box1 ul li a{display:block;background-position:0 0;background-repeat:no-repeat;padding:5px 0 0 28px;margin-left:10px;height:20px;font-size:12px;}
#footer #box1 ul li a:hover{background-position:0 -30px;color:#000;}
#footer #box1 ul li#f_numero a{background-image:url(picto_numero.gif);}
#footer #box1 ul li#f_message a{background-image:url(picto_message.gif);}
#footer #box1 ul li#f_messagerie a{background-image:url(picto_messagerie.gif);}
#footer #box1 ul li#f_admin a{background-image:url(picto_admin.gif);}
#footer #box1 ul li#f_musique a{background-image:url(picto_musique.gif);}
#footer #box1 ul li#f_conference a{background-image:url(picto_conference.gif);}
#footer #box1 ul li#f_planning a{background-image:url(picto_planning.gif);}
#footer #box1 ul li#f_redirection a{background-image:url(picto_redirection.gif);}
#footer #box1 ul li#f_sms a{background-image:url(picto_sms.gif);}

#footer #box2 ul{margin-left:10px;}
#footer #box2 ul li a{display:block;background:url(f_fleche.gif) no-repeat 0 4px;padding-left:15px;color:#666;font-size:12px;text-decoration:none;margin-bottom:4px;}
#footer #box2 ul li a:hover{color:#000;}
#footer #box2 p{padding:8px;font-size:12px;color:#666;}
#footer #box2 p a{display:block;background:url(f_fleche.gif) no-repeat 0 4px;padding-left:11px;float:left;margin-right:9px;}
#footer #box2 p a:hover{color:#000;}

#footer #box3 p{font-size:24px;text-align:center;color:#666;}
#footer #box3 p strong{font-weight:900;color:#ee7f1a;}
#footer #box3 p span{font-size:18px;}

#bas_footer{width:980px;padding:5px 5px 0 5px;background:url(footer.gif) no-repeat;margin:20px auto 0 auto;font-size:11px;color:#666;text-align:left;}
#bas_footer .logos{width:245px;float:left;border-right:1px solid #ccc;margin-top:20px;}
#bas_footer .logos a{color:#666;text-decoration:none;}
#bas_footer .logos a:hover{text-decoration:underline;}
#bas_footer .logos#l_sacem{background:url(footer_sacem.gif) no-repeat 15px 28px;padding:20px 14px 20px 95px;width:135px;}
#bas_footer .logos#l_arcep{background:url(footer_arcep.gif) no-repeat 15px 25px;padding:20px 14px 20px 95px;width:135px;}
#bas_footer .logos#l_deloitte{background:url(footer_deloitte.gif) no-repeat 15px 7px;padding:20px 14px 20px 85px;width:145px;}
#bas_footer .logos#l_payline{background:url(footer_payline.gif) no-repeat 15px 30px;padding:15px 14px 27px 15px;width:215px;border:0;}

#bas_footer .ref{padding:0 20px 0 20px;margin-top:20px;}
#bas_footer .ref a{color:#666;}
#bas_footer .legal{padding:20px 0 20px 0;margin:20px 20px 0 20px;border-top:1px solid #e3e3e3;text-align:center;}
#bas_footer .legal a{color:#666;}