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

/* hacks css */
a img{border:none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*######################################## elements ########################################*/
html{background:url(../images/bg.jpg);}
body {font-family: MyDelicious, Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; line-height:normal; color: #999999; text-align:center; margin:0; background:url(../images/bg_degrade_haut.png) repeat-x left top; margin-bottom:10px;}
a{color:#999; text-decoration:underline; font-family:MyDelicious, Tahoma, Geneva, sans-serif;}
a:hover{color:#009ec3;}
h1, h2, h3, h4, h5{padding:0; margin:0; line-height:normal; text-align:left; word-spacing:normal; line-height:normal;}
h2{font-family:MyDelicious, Tahoma, Geneva, sans-serif; font-size:20px; font-weight:normal; padding-left:10px;}
p{text-align:justify; padding:0 10px; margin:15px 0;}
hr{border:none; height:2px; background:url(../images/separateur_horizontal.png) left top; margin:10px 10px; display:block; float:none;}
ul{text-align:left; font-size:20px;}
li{list-style:url(../images/puce_off.png) outside; margin:0px;}
li:hover{list-style:url(../images/puce_hover.png) outside; color:#009ec3; cursor:default; -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
small{font-size: 24px; line-height:22px;}
em{font-family: MyDeliciousItalic, Tahoma, Geneva, sans-serif;}
sup{font-weight:bold; font-size:12px; color:#D53000; font-family: MyDeliciousBold, Tahoma, Geneva, sans-serif;}
center{margin:0 auto;}

/*######################################## id's ########################################*/
/*général*/
#body {width:974px; margin:0 auto; margin-bottom:20px; background:url(../images/lueur_top.png) no-repeat center top;}
#header{height:150px; background:url(../images/header.png) no-repeat left top;}
#header_erreur{height:99px; background:url(../images/header_erreur.png) no-repeat left top;}

/*connexion*/
#connexion{height:79px; text-align:right;}
#LOGIN, #PASSWORD{border:none; width:110px; height:20px; text-align:left; color:#B8B8B8; background:none; padding-left:20px; margin-top:18px;}
#LOGIN:hover, #PASSWORD:hover{color:#FCFCFC;}
#LOGIN{margin-right:13px; font-family:MyDelicious, Tahoma, Geneva, sans-serif;}
#PASSWORD{margin-right:2px;}
#GO{width:37px; height:26px; background:url(../images/bouton_go_off.png) no-repeat; border:none; position:relative; top:0px; cursor:hand;}
#GO:hover{background:url(../images/bouton_go_hover.png) no-repeat;}

/*médaille*/
#medaille{margin-right:5px; margin-top:-15px;}
#texte_medaille{line-height:28px; padding-top:10px;}

/*opérateurs*/
#operateurs_50{background:url(../../../images/dixdata_facilitateur.png) no-repeat right -20px; height:150px; position:relative; top:-30px; padding-right:0;}
#operateur_50_gauche, #operateur_50_centre,#operateur_50_droite{margin-top:50px;}
#operateur_50_centre{margin:0px 3%;}

/*menu haut*/
#menu{height:71px;}
#menu_erreur{height:20px;}
#a_accueil{display:inline-block; width:88px; background:url(../images/bouton_accueil.png) no-repeat left top;}
#a_accueil:hover{background-position:left center;}
#a_solution_paiement{display:inline-block; width:195px; background:url(../images/bouton_solution_paiement.png) no-repeat left top;}
#a_solution_paiement:hover{background-position:left center;}
#a_mobile_marketing{display:inline-block; width:163px; background:url(../images/bouton_mobile_marketing.png) no-repeat left top;}
#a_mobile_marketing:hover{background-position:left center;}
#a_centre_serveur{display:inline-block; width:222px; background:url(../images/bouton_centre_serveur.png) no-repeat left top;}
#a_centre_serveur:hover{background-position:left center;}
#a_contact{display:inline-block; width:95px; background:url(../images/bouton_contact.png) no-repeat left top;}
#a_contact:hover{background-position:left center;}

/*plurimédia*/
#plurimedia_mobile{background:url(../../../images/mobile.png) no-repeat right 10px; display:block; margin-right:10px; height:230px;}
#plurimedia_cb{background:url(../../../images/cb.png) no-repeat right top; display:block; margin-right:10px; height:160px;}
#plurimedia_audio{background:url(../../../images/audio.png) no-repeat right 10px; display:block; margin-right:10px; height:230px;}
#plurimedia_web{background:url(../../../images/web.png) no-repeat right top; display:block; margin-right:10px; height:160px;}
#image_plurimedia{margin-top:10px;}

/*spacers*/
#spacer_menu_droite, #spacer_menu_gauche{height:71px; display:inline-block; float:none}
#spacer_menu_droite{width:105px; background:url(../images/spacer_menu_droite.png) no-repeat left top;}
#spacer_menu_gauche{width:106px; background:url(../images/spacer_menu_gauche.png) no-repeat left top;}

#spacer_menu_droite_erreur, #spacer_menu_gauche_erreur{height:20px; display:inline-block; float:none}
#spacer_menu_droite_erreur{width:105px; background:url(../images/spacer_menu_droite_20.png) no-repeat left top;}
#spacer_menu_gauche_erreur{width:106px; background:url(../images/spacer_menu_gauche_20.png) no-repeat left top;}

/*colonnes*/
#contenu{background:url(../images/bg_page.png) repeat-y; padding:0 7px;}
#colonne_gauche, #colonne_centre, #colonne_droite, #colonne_centre_plurimedia, #colonne_droite_plurimedia, #colonne_centre_contact, #colonne_centre_news, #colonne_centre_admin{display:block; background:url(../images/bg_degrade_page_haut.jpg) repeat-x left top; min-height:70px;}
#colonne_gauche{float:left; width:215px;}
#colonne_centre{float:left; width:380px;}
#colonne_droite{float:right; width:361px;}
#colonne_centre_plurimedia{float:left; width:370px;}
#colonne_droite_plurimedia{float:right; width:371px;}
#colonne_centre_contact, #colonne_centre_news, #colonne_centre_admin{float:left; width:743px;}
#colonne_centre_news{height:600px;}
#footer{height:60px;}
#ombre{height:30px; background:url(../images/ombre_page.png) no-repeat center top}
#copyright{height:30px; background:url(../images/footer.jpg) no-repeat center;}

/*######################################## classes ########################################*/
/*divers*/
.colonne_separateur_vertical{display:block; float:left; width:2px;}
.container_logo_operateur_big{text-align:center;}
.logo_operateur_big{border:5px solid #999999;}
.logo_operateur_big:hover{border:5px solid #009ec3;-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
.texte_big{font-size:20px; padding-left:25px;}
.texte_big_bleu{color:#009ec3; font-size:48px; font-family:MyDelicious, Georgia, "Times New Roman", Times, serif; letter-spacing:-1px;}
.texte_big_bleu abbr{letter-spacing:-5px;}

/*listes*/
.ul_gauche_accueil{margin-top:0; margin-left:-10px;}
.ul_gauche_mobile_marketing{padding-left:25px;}
.ul_centre_accueil{padding-left:25px; margin-bottom:0;}
.ul_centre_plurimedia{padding-left:25px; margin-bottom:0; margin-top:10px; font-size:15px;}
.ul_droite_mobile_marketing{padding-left:20px; margin:0; margin-top:-50px; font-size:15px; height:180px;}
.ul_droite{padding-left:25px; margin-bottom:0; margin-top:10px; font-size:15px;}
.li_height_30{height:30px !important;}
.li_height_25{height:25px !important;}
.li_height_20{height:22px !important;}
.li_margin_height_10{margin:10px 0 !important;}

/*divers*/
.box_smp{margin-top:20px;}
.lien_footer{font-family:MyDelicious, Tahoma, Geneva, sans-serif; color:#B8B8B8; font-size:12px; text-decoration:none; line-height:28px;}
.lien_footer:hover{color:#FCFCFC;}
.image_news{width:90px; min-height:90px; display:block; float:left;}
.texte_news{width:235px; min-height:90px; display:block; float:left; padding-left:5px;}
.container_news{margin:0; margin-top:5px; padding:0; padding-left:10px; text-align:justify; height:auto;}
.container_news_big{height:520px; overflow:auto; margin-right:5px; width:auto; position:relative; left:0px;}

/*boutons*/
.bouton_182px{font-family:MyDeliciousBold, Tahoma, Geneva, sans-serif; font-size:13px; color:#B8B8B8; text-decoration:none; line-height:22px; text-align:center; display:block; float:none; width:182px; height:28px; background:url(../images/bouton_182px.jpg) no-repeat; background-position:left top; margin:10px auto; margin-bottom:0;}
.bouton_vide_182px{font-family:MyDeliciousBold, Tahoma, Geneva, sans-serif; font-size:13px; color:#B8B8B8; text-decoration:none; line-height:22px; text-align:center; display:block; float:none; width:182px; height:28px; background:url(../images/bouton_182px_vide.jpg) no-repeat; background-position:left top; margin:10px auto; margin-bottom:0;}
.bouton_182px:hover, .bouton_vide_182px:hover{color:#FCFCFC; background-position:left bottom;}
.bouton_182px_bas_news{margin-top:5px; margin-left:132px;}
.bouton_182px_bas_solutions{margin-top:5px; margin-left:90px;}
.bouton_182px_submit, .bouton_182px_reset{font-family:MyDelicious, Tahoma, Geneva, sans-serif; font-size:16px; color:#B8B8B8; border:none; padding:0; text-align:center; display:block; float:none; width:182px; height:31px; margin:0 auto; margin-top:10px; cursor:pointer;}
.bouton_182px_reset{float:left; background:url(../images/bouton_182px_reset.jpg) no-repeat; background-position:0 0 !important;}
.bouton_182px_submit{float:right; background:url(../images/bouton_182px_submit.jpg) no-repeat; background-position:0 0 !important;}
.bouton_182px_submit:hover, .bouton_182px_reset:hover{color:#FCFCFC; background-position:0 31px !important;}

/*liens*/
.liens_carres{height:19px; padding-top:10px; padding-left:10px; text-align:left; font-family:MyDeliciousBold, Tahoma, Geneva, sans-serif; background:url(../images/bg_degrade_news_bas.jpg) no-repeat left top;}
.liens_carres_big{background-repeat:repeat-x;}
.liens_carre{display:inline-block; width:15px; height:15px; background-color:#4A4A4A; color:#B8B8B8; margin-left:5px; text-decoration:none; text-align:center; font-weight:bold; line-height:10px; font-family:MyDelicious, Tahoma, Geneva, sans-serif;}
.liens_carre:hover{color:#FCFCFC;}
.lien_decouvrez_smp_mobile, .lien_decouvrez_smp_web{display:block; width:100px; height:111px; margin:30px auto; text-decoration:none;}
.lien_decouvrez_smp_mobile{background:url(../../../images/decouvrez_smp_mobile_100.jpg) no-repeat left top;}
.lien_decouvrez_smp_web{background:url(../../../images/decouvrez_smp_web_100.jpg) no-repeat left top;}
.lien_decouvrez_smp_mobile:hover, .lien_decouvrez_smp_web:hover{background-position:left bottom;}
.lien_autre_site_smp{width:190px; height:192px; display:block; background:url(../../../images/vignette_site_smp.jpg) no-repeat center top; margin-left:10px; margin-top:-10px;}
.lien_autre_site_smm{width:190px; height:149px; display:block; background:url(../../../images/vignette_site_smm.jpg) no-repeat center top; margin-left:10px;}
.lien_autre_site_smp:hover, .lien_autre_site_smm:hover{background-position:center bottom;}
.titre_lien_autre_site{display:block; width:190px; margin-bottom:10px;}

/*titre & texte*/
.h1_texte{font-family:MyDelicious, Tahoma, Geneva, sans-serif; font-size:30px; font-weight:normal; padding-left:10px; padding-top:18px; color:#009ec3; letter-spacing:-1px; min-height:52px; height:52px;}
.h1_texte_bis{padding-top:0; height:auto;}
.h1_texte_big{height:80px;}
.etcom{font-family: Arial, Tahoma, Geneva, sans-serif; font-size:smaller;}
.p_plurimedia{font-size:15px; margin-bottom:30px;}
.p_contact_gauche{font-size:15px; margin-bottom:50px;}
.p_lien_autre_site{margin-top:20px; text-align:center;}
.information_24{position:relative; top:6px; right:5px;}

/*page des news*/
.container_news_full{padding:5px 10px 5px 0px; margin-bottom:10px;}
.container_news_full div{text-align:justify; margin:0;}
.container_news_full span{display:block;}
.p_news_full{border:#EBEBED 1px solid; background:#F7F7F7; padding:5px; min-height:90px; display:block; margin-left:110px; z-index:0;}
.container_news_full .triangle_left{z-index:100; position:relative; left:1px;}
.historique{font-size:14px; text-decoration:none;}
.li_historique{line-height:16px; margin-top:5px;}

/*attributs*/
.no_height{height:auto;}
.height_570{height:570px}
.height_600{height:600px}
.height_657{height:657px}
.height_680{height:680px}
.bleu{color:#009ec3;}

/*formulaire*/
#formContact{background:url(../../../images/contact.png) no-repeat right 10px;}
label, .label, .textarea, textarea, select, option, input.texte, .affichage_etat, .affichage_attention, .affichage_erreur, .affichage_ok, #info_submit, #info_form{font-family:MyDelicious, Tahoma, Geneva, sans-serif;}
label, .label{display:block; width:auto; margin:5px auto; margin-left:10px; height:26px; text-align:left;}
label.textarea{height:auto; margin-top:7px;}
label span, span.label span{display:block; width:100px; float:left; height:20px;}
textarea{width:258px; height:82px; display:block; float:left; font-size:14px; color:#B8B8B8; border:none; background:url(../images/bg_textarea.jpg) no-repeat; background-position:left top; overflow:auto; padding:5px; margin-top:5px;}
textarea:hover{color:#FCFCFC; background-position:left center;}
sup.off{color:#C0D0DB;}
input.texte{display:block; width:122px; height:26px; border:none; float:left; font-size:14px; padding:0px; color:#B8B8B8; line-height:22px; background:none; background:url(../images/bg_input.jpg) no-repeat; background-position:left top; padding-left:10px; padding-right:10px;}
input.texte:hover{color:#FCFCFC; background-position:left center;}
.affichage_etat{width:500px; height:30px; margin:10px; padding:5px; padding-left:45px; text-align:left; line-height:30px;}
.affichage_attention{width:500px; height:30px; margin:10px; padding:5px; padding-left:45px; background:url(../../../images/icone_attention.png) no-repeat left center #FCF9CE; border:#FB6400 1px solid; color:#FB6400; font-weight:bold; text-align:left; line-height:30px;}
.affichage_erreur{width:500px; height:30px; margin:10px; padding:5px; padding-left:45px; background:url(../../../images/icone_erreur.png) no-repeat left center #F6CBCA; border:#CB2026 1px solid; color:#CB2026; font-weight:bold; text-align:left; line-height:30px;}
.affichage_ok{width:500px; height:30px; margin:10px; padding:5px; padding-left:45px; background:url(../../../images/icone_ok.png) no-repeat left center #EEF4D4; border:#728A31 1px solid; color:#728A31; font-weight:bold; text-align:left; line-height:30px;}
.contact_gauche{width:40%; float:left; margin-left:10%; height:260px;}
.contact_droit{width:50%; float:right; height:260px;}
.titre_captcha{display:block; clear:both; width:594px; height:26px; margin:0 auto; padding-top:10px; text-align:left}
.contact_bouton{clear:both; display:block; float:none; width:374px; margin:0px auto; padding:0px; text-align:center;}
#info_submit{display:block; height:20px; padding:5px; padding-top:20px;}
#info_form{display:block; padding-top:80px; font-size:12px;}
#captcha{cursor:pointer; cursor:hand;}

/*effets*/
.ombre{-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.7);box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.7);}
.ombre_texte_20{-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
.ombre_texte_50{-moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.ombre_box_20{-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);}
.ombre_box_50{-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);}