/* --------- GLOBAL --------- */
body {font-size: 11px; }
legend, h2, h3, a, a:link, a:visited {color: #666666; text-decoration: none;}/*color:#0076a6;*/
a:hover, a:active {color: #7ea800;} /*color: #007ca6;*/
h1 {font-size: 20px; padding: 10px 0 3px 0; clear: none;}
h2 {font-size: 16px; font-weight: bold; padding: 5px 0 10px 0; clear: both;}
legend {font-size: 18px; font-weight: bold; padding: 5px 0 10px 0; clear: both;}
h2 span { display: block; font-size: 14px;}
h2 img {vertical-align: middle; padding-right: 10px;}
h3 { font-size: 13px; padding: 25px 0 10px 0; clear: both;}
input { color: #999999;  font-size: 10px;} /*border-color: #b1b1b1;*/
select { color: #444444; border-color: #b1b1b1; font-size: 10px;background: #eeeeee;}
label {font-weight: bold;vertical-align: top; }
em {color: #ff9900; font-style: normal;}
p {padding: 2px 0;}
hr {border: none; border-top:1px solid #eeeeee;}



/* ------------------[ .rounded_gris ]-------------------- */
.rounded_gris .top span{background:url(http://assistance.numericable.fr/css/images/assistance/bg_rounded_gris_fonce.gif) no-repeat 0 0}
.rounded_gris .top span span span{background:#ebebeb none}
.rounded_gris .content {background:#ebebeb;}
.rounded_gris .bottom span{background:url(http://assistance.numericable.fr/css/images/assistance/bg_rounded_gris_fonce.gif) no-repeat 0 100%}
.rounded_gris .bottom span span span{background:#ebebeb none}


/* --------- SPIP --------- */
hr.spip {clear: both; visibility: hidden;}
span.spip_surligne {border-bottom: 1px dashed red;}
table.spip {margin:10px 0;clear: both;width:100%;}
table.spip caption {margin:10px 0;color: #7ea800; font-weight: bold; font-size: 14px; border-bottom: 2px solid; padding:5px; }
table.spip td, table.spip th {padding: 5px; text-align: center;}
table.spip tr.row_first {}
table.spip tr.row_even {background: #eeffee;}
table.spip tr.row_odd {}


/* --------- FORMS --------- */
.submit_recherche {border: none; }
fieldset {clear: both;}
.formulaire_spip optgroup {background: #cccccc; font-style: normal; text-transform: uppercase;}
.formulaire_spip option {background: #eeeeee; }
.formulaire_spip p {padding: 5px 0; clear: both;}
.formulaire_spip label {width: 25%; float: left; clear:left; text-align: right; padding-right: 5%;}
.formulaire_spip textarea {width: 60%;}
.formulaire_spip input {width: 60%; }
.spip_bouton {text-align: right;}
.spip_bouton input {width:auto;border: 1px solid #cccccc; background: #99cc00; color: white; font-size: 12px; font-weight: bold; padding: 2px; margin: 5px 0;}
/*.checkbox_container label {vertical-align: middle; width: auto; float: none; text-align: auto; padding-right: auto;}
.checkbox_container input {width: auto;}
*/

.checkbox_container { line-height: 16px;}
.checkbox_container label { line-height: inherit; cursor: pointer; font-size: 10px; color: #666666;}
.checkbox {line-height: inherit; width: 22px; display: block; float: left;}

/* --------- CLASSES --------- */
.center {text-align: center;}
.middle {vertical-align: middle;}
.baseline {vertical-align: top;}
.colonne {float: left; width:50%;}
.invisible {display: none;}
.grand {font-size: 15px; font-weight: bold;}
.couleur_claire {color: white}
.couleur_foncee {color: #666666;}
.espace {margin: 10px 0;}
.important {font-weight: bold; font-size: 14px; border: 5px solid green; background: white; padding: 10px; color: green; margin: 10px 0;}
.important h3 {padding: 0 0 10px 0;}
.important a, .important a:link, .important a:visited  {color: #7EA800;}
.important a:hover, .important a:active {color: #333333;}
.pagination_tranches {text-align: right; color: #666666; border-top: 1px solid #eeeeee; padding-top: 5px;}
.pagination_tranches a {color: #666666;}
.pagination_tranches a:link, .pagination_tranches a:visited  {color: #666666; padding: 5px;}
.pagination_tranches a:hover, .pagination_tranches a:active {color: #0099cc;}
.pagination_tranches span {color: #0099cc; font-weight: bold; padding: 5px;}
.pagination_etapes {padding: 10px 0; }
.liens_accessibilite {display: none;}
a.lien_image {display: block;}
a.lien_image span {display: none;}	
.logo_titre {float: left; padding-right: 20px; }
.picto_print  { display: block; clear: left; float: right; padding: 27px 20px 7px 20px;  background: url(http://assistance.numericable.fr/css/images/assistance/picto_print.gif) no-repeat 100% 2px; height: 1px; }
.picto_quicklink  { display: block; float: right; padding: 27px 30px 7px 30px;  background: url(http://assistance.numericable.fr/css/images/assistance/picto_quicklink.gif) no-repeat 100% 0px;  height: 1px;}
.grand_texte {font-size: 14px; font-weight: bold;}
a.on {color: #7ea800;}
.loading {background: url(http://assistance.numericable.fr/css/../css/images/assistance/ajax_loading_vert.gif) no-repeat right 0;}
.flash-replaced {text-align: center;}
.on {cursor: pointer;}
.rounded.on a{color: #7ea800;}
#contenu_principal .rounded.tiers {float:left;width: 30%;text-align: center; margin: 10px; color: #666666;padding:0;}
#contenu_principal .rounded.tiers .content {line-height:11px;font-size:11px;padding: 0 5px;height:75px;}
#contenu_principal .rounded.tiers .content.plus_haut {height:120px;}
.restreint {background-color:#99cc00;}

/* --------- LAYOUT --------- */
.block2.first, .block1.last {margin-top: 0px;}
.rounded .content {padding: 10px 20px; }
.rounded_vert .content {padding: 5px 20px 10px 20px;  }
.rounded, .bloc_couleur {margin-bottom: 10px;}
.size {clear: both;}
.interbloc_vertical {clear: both; height: 5px; line-height:1px; }
.rounded_vert .sous_block {border-top:1px solid #89b700; margin-top: 15px;}
.rounded_vert .sous_block div {padding: 0;} /*padding: 0 0 15px 0;*/
.col_gauche {float: left; clear: left; width: 35%;}
.col_droite {padding-left: 36%;}

/* --------- ELEMENTS INTERFACE --------- */
.interbloc_gauche {position: relative; left: -316px; width: 20px; height: 30px; float:right; clear: none; background: transparent url(http://assistance.numericable.fr/css/images/assistance/interbloc_gauche_degrade_vert.gif) no-repeat 100% 0px;}

.interbloc_down { display: block; width: 24px; height: 13px; background: url(http://assistance.numericable.fr/css/images/assistance/interbloc_down.gif) no-repeat 0 0;}
.interbloc_down_vert { display: block; width: 24px; height: 13px; background: url(http://assistance.numericable.fr/css/images/assistance/interbloc_down_vert.gif) no-repeat 0 0;}
.interbloc_down_blanc { display: block; width: 24px; height: 13px; background: url(http://assistance.numericable.fr/css/images/assistance/interbloc_down_blanc.gif) no-repeat 0 0;}
.interbloc_up { display: block; width: 24px; height: 13px; background: url(http://assistance.numericable.fr/css/images/assistance/interbloc_up.gif) no-repeat 0 0;}
a.lien_fleche_verte { display: block; padding: 5px 0 5px 20px; background: url(http://assistance.numericable.fr/css/images/commun/fleche_verte_petite.gif) no-repeat 0 50%;}
a.lien_print { display: block; padding: 5px 0 5px 20px; background: url(http://assistance.numericable.fr/css/images/assistance/print_petit.gif) no-repeat 0 50%;}
a.lien_quicklink { display: block; padding: 5px 0 5px 20px; background: url(http://assistance.numericable.fr/css/images/assistance/quicklink.gif) no-repeat 0 50%;}
a.lien_mail { display: block; padding: 5px 0 5px 20px; background: url(http://assistance.numericable.fr/css/images/assistance/mail_petit.gif) no-repeat 0 50%;}
.apres_lien_fleche_verte { padding: 0 0 0 20px;}
a.lien_fermer {background: url(http://assistance.numericable.fr/css/images/commun/fermer.gif) no-repeat 50% 0;}
.pagination a {}


/* --------- BOX ASSISTANCE --------- */
.onglets { overflow: hidden; height: 65px;border-bottom: 1px solid #b0b0b0; width:100%; }
.onglets td {margin: 0; }
.onglets td a {text-align:center;display: block; height: 15px; padding: 25px; margin:0; font-size: 14px; font-weight: bold; background: url(http://assistance.numericable.fr/css/images/assistance/onglet_fond.gif) repeat-x 0 0; border-left: 1px solid #d0d0d0; border-right: 1px solid #ffffff;}
.onglets td.open a {color: white; background: url(http://assistance.numericable.fr/css/images/assistance/onglet_fond_open.gif) repeat-x 0 0; border-left: 1px solid #8bb900; border-right: 1px solid #99cc00;}
.onglets td.first a { border-left: 0; padding-left: 8px; }
.onglets td.last a { border-right: 0; padding-right: 8px; }
.onglets td.first, .onglets td.last{ background-image: url(http://assistance.numericable.fr/css/images/assistance/onglet_bord.gif) ; background-repeat:  no-repeat;  }
.onglets td.first.open, .onglets td.last.open{  background-image: url(http://assistance.numericable.fr/css/images/assistance/onglet_bord_open.gif) ;  }

.onglets td.first { padding-left: 2%; background-position: left 0; } /*padding-left: 16px; width: 150px; */
.onglets td.last {  padding-right: 2%; background-position: right 0; } /*  padding-right: 16px; width: 150px; */
.volets {clear: both;}
.volet h2 {display: none;}
.volet {display: none;}




/* --------- IMAGES --------- */
#premiere_fois.content { padding: 0; text-align: center;}
#premiere_fois a {width: 100%; height: 61px; background: url(http://assistance.numericable.fr/css/images/assistance/premiere_fois_premier_jour.jpg) no-repeat center 0;}
/*#premiere_fois a {width: 100%; height: 61px; background: url(http://assistance.numericable.fr/css/images/assistance/premiere_fois_beta.jpg) no-repeat center 0;}*/
div#pictos_tous {width: 100%; height: 82px;background: url(http://assistance.numericable.fr/css/images/assistance/pictos_tous.jpg) no-repeat 0 0;}


/* --------- ARRONDIS --------- */
.rounded_vert h1,.rounded_vert .date {color: white;}


/* --------- NAV SECONDAIRE --------- */
#navigation_secondaire {margin-bottom:16px;}
#navigation_secondaire li {display: inline;}
#navigation_secondaire a {color: #333333; }
#navigation_secondaire .sousmenu li {margin: 0 2px;}
#navigation_secondaire .sousmenu li a {font-size: 11px;}



/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* ----------------------- HOME ---------------------- */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */

/* --------- SECTEURS --------- */
.labels_pictos { padding: 20px 0;}
.labels_pictos .picto span { display: block; background: url(http://assistance.numericable.fr/css/images/assistance/cadre_picto.jpg) no-repeat 50% 50%; padding: 10px; } 
.labels_pictos a  {float: left; width: 150px; text-align: center;  font-weight:bold;} 


/* --------- RECHERCHE --------- */
#recherche .text_input {width: 400px; vertical-align: top; padding: 3px; height: 14px;  border: 1px solid #999999;}
#recherche .submit_recherche {}
#ouvrir_recherche_avancee { margin: 10px 0 0 0;}


/* --------- RECHERCHE AVANCEE --------- */
#recherche_avancee {display: none; position: relative; top: -10px !important; top: -33px;}
#recherche_avancee .rounded { margin:0; padding-top: 0; }
#recherche_avancee .interbloc_vertical { top: 0 !important; position: relative; top: 24px; }
#recherche_avancee .interbloc_down { float: left; position: relative; top: -2px; left: 20px; }
#recherche_avancee .interbloc_up { float: right; position: relative; top: -6px !important; top: -7px; left: -20px;}
#recherche_avancee .lien_fermer { float: right; clear: both; position: relative; top: -10px; left: -20px; width: 25px; height: 15px; }
#recherche_avancee fieldset .checkbox_container {display: block; float: left; margin: 2px 5px 2px 0;width: 195px;}
/*#recherche_avancee fieldset label {padding: 0 0 0 5px;}*/
#recherche_avancee .submit_recherche {display: block; padding-top: 10px; clear: both;}


/* --------- LISTE DES ARTICLES --------- */
#listes_articles {margin-top: 0px;}
#listes_articles .volet ul { padding: 5px 0 10px 0;  }
#listes_articles .volet li { padding: 2px 0 5px 0;}
#listes_articles .volet li * { color: #666666; }
#listes_articles .volet li a, #listes_articles .volet li span { display: block; padding: 0 0 1px 50px; }
#listes_articles .volet li a { font-size: 14px; font-weight: bold; }
#listes_articles .volet li a:hover { color: #0099cc;}



/* --------- BLOCS DE COULEUR --------- */
.bloc_couleur .content {padding: 0; }
.bloc_couleur .content {color: #333333;}

.bloc_couleur .content h2, .bloc_couleur .content h3 {padding: 5px 20px; }
.bloc_couleur .content p {padding: 0 20px; }

.bloc_couleur .content ul {padding: 8px 0 0 0; }
.bloc_couleur .content li {border-top: 1px solid #669900; }
.bloc_couleur .content li a {display: block; color: white; border-top: 1px solid #b5f100; text-decoration: none; background: url(http://assistance.numericable.fr/css/images/assistance/puce_double_fleche.gif) no-repeat 20px 50%; padding: 10px 20px 10px 45px; height: auto !important;height: 10px; }
.bloc_couleur .content li a:hover { background-position: 25px 50%;}



/* --------- QUICK LINKS --------- */
#quicklinks { background-image: url(http://assistance.numericable.fr/css/images/assistance/picto_quicklinks.gif); background-repeat: no-repeat; background-position: 97% 0;}
#quicklinks a.quicklink { display: block; background: url(http://assistance.numericable.fr/css/images/assistance/quicklink.gif) no-repeat 0 1px; padding: 3px 30px 2px 20px; height: auto !important; height: 10px; }
#quicklinks a.suppr_quicklink { float: right; padding: 3px 20px 2px 15px; background-position: 0 50%;}



/* --------- MONITEUR RESEAU --------- */
#moniteur_reseau  { color: #666666; padding: 0 0 0 3px; background-image: url(http://assistance.numericable.fr/css/images/assistance/bg_reseau.gif); background-repeat: repeat-y;background-position: 3px 0; }
#moniteur_reseau p { }
#moniteur_reseau div.input_code_postal, #moniteur_reseau div.panne div, #moniteur_reseau h2, #moniteur_reseau h3 { padding-left: 60px; padding-right: 10px;}
#moniteur_reseau .helper_top { display: block; height: 11px; background: url(http://assistance.numericable.fr/css/images/assistance/bg_reseau_top.gif) no-repeat 0 0;}
#moniteur_reseau  h3 { background: url(http://assistance.numericable.fr/css/images/assistance/picto_panne.gif) no-repeat 0 0; }

#moniteur_reseau  .pagination_etapes { display: block;  height: 24px; margin: 0 30px 0 0; padding: 30px 0 0 60px; background: url(http://assistance.numericable.fr/css/images/assistance/picto_reseau.gif) no-repeat 0 0px; }
#moniteur_reseau  .pagination_etapes a.precedent { float: left;}
#moniteur_reseau  .pagination_etapes a.suivant { float: right;}

#moniteur_reseau input {padding: 1px;}
#moniteur_reseau .panne {display: none; }
#moniteur_reseau #panne_1 {display: block; }




/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* --------- ARTICLE / RUBRIQUE / MOT --------- */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */

/* --------- contenu_principal --------- */
#contenu_principal {margin-top: 0;}
.picto_small img { display: block; float: right; clear: none; background: url(http://assistance.numericable.fr/css/images/assistance/cadre_picto_small.gif) no-repeat 50% 50%; padding: 8px; } 
#contenu_principal_tags  {color: #666666; padding-bottom: 15px;}
#contenu_principal_tags.content {padding-top: 0;}
#contenu_principal_tags * {line-height: 14px;}
#contenu_principal_tags h2, #contenu_principal h3 {color: #666666; font-size: 14px;}
#contenu_principal_tags h2 {clear: none; padding:10px 0 5px 0;}
#contenu_principal_tags ul {padding: 10px 0 5px 20px;}
#contenu_principal .rounded {margin:0; padding-bottom: 8px;}
#contenu_principal .rounded.rounded_gris {padding-bottom: 0px;}
#contenu_principal .rounded.rounded_vert {padding-bottom: 0px;}
#contenu_principal .rounded_vert .content {padding: 5px 20px 10px 20px; padding: 0 20px;}
#contenu_principal .interbloc_vertical { height: 10px;}
#contenu_principal .interbloc_down_vert, #contenu_principal .interbloc_down_blanc { clear: both; position: relative; top: -1px; left: 40px;}
#contenu_principal .interbloc_down_vert { z-index: 2;}
#contenu_principal .interbloc_down_blanc { z-index: 1;}
#contenu_principal h2 span { float: right; font-size: 10px; position: relative;}
.contenu_principal_corps {position: relative; top: -6px !important; top: -10px;} /*line-height: 13px;*/
.contenu_complements {position: relative; top: -12px !important; top: -16px;} /*line-height: 13px;*/
.contenu_principal_corps .content {line-height: 15px;}
.contenu_principal_corps .content li {padding-bottom: 3px; padding-top: 3px;}
.contenu_principal_corps .content li.serre {padding-bottom: 2px; padding-top: 2px; color: #666666;}
#contenu_principal .article_par_etapes.rounded, #contenu_principal .article.rounded {padding-bottom:0;}	
#suggestions_articles, #forward_articles {display: none;}
#suggestions_articles a.contact { color: #7ea800; font-size: 16px; display: block; padding: 10px 0 15px 0;}
#suggestions_articles h3 { padding: 5px 0 5px 0;}
#suggestions_articles li {padding: 3px 0 2px 0;}

.rubrique {display: none;}
.rubrique.on {display: block;}



/* --------- DOCUMENTS --------- */
.spip_documents { margin: 15px; text-align:center;} /* margin: 10px */
.spip_documents_right { float: right;}
.spip_documents_left { float: left;}
.spip_documents .thickbox { padding: 20px 40px; padding: 0;}

table.doc {vertical-align: middle; width: 100%; font-weight: bold; border: 1px solid #d0d0d0; margin: 15px 0 5px 0; padding: 18px; background: #ffffff; height: 57px; color: #333333;}
.doc tr { vertical-align: middle; }
.doc th, .doc td { border: none; vertical-align: middle; border: none;}
.doc th span {display: none;}
.doc td span { display: block;}
.type_doc {font-size: 9px; }
.titre_doc {font-size: 16px; line-height: 22px; margin: 2px 0;}
.doc .lien_doc { font-size: 12px; width: 110px; padding: 0 10px 0 10px; background: transparent url(http://assistance.numericable.fr/css/images/assistance/puce_verte.gif) no-repeat 10px 50%;}
.lien_doc {color: #0099cc;}

.doc th { width: 74px; text-align: center; background: transparent none no-repeat 50% 50%; }
.doc.pdf th { background-image: url(http://assistance.numericable.fr/css/images/assistance/picto_pdf.gif);}
.doc.video th { background-image: url(http://assistance.numericable.fr/css/images/assistance/picto_video.gif);}
.doc.video a.lien_fleche_verte { background: url(http://assistance.numericable.fr/css/images/commun/puce_verte.gif) no-repeat 0 50%; padding: 0 0 0 20px;}



/* --------- OUTILS --------- */
/*
#outils.rounded { margin-bottom: 8px; margin-right: 0; margin-top: 0;}
#outils .content {height: 21px !important; height: 24px ; padding:0; overflow: visible !important; overflow: hidden;  }
#outils.outils_droite {float: right; margin-right: 2px; margin-bottom: 8px;}


#outils form {float: right; clear: both; padding-right: 10px;}
#outils #recherche input.submit_recherche {}
#outils #recherche input.text_input {width: 262px; vertical-align: top; font-style: normal; color: #0099cc;}

*/


/* ------------------[ #ariane ]-------------------- */
/*
#ariane a { color: #333333; }
#ariane a, #ariane span {padding: 13px 2px;}
#ariane a:hover, #ariane span {color: #0099cc;}

#ariane a.logo {  float: left; padding: 0 5px 0 10px; margin:0; position: relative; top: -6px; }
#ariane span.separateur { padding: 13px 15px 13px 5px; background: url(http://assistance.numericable.fr/css/images/assistance/separateur_ariane.gif) no-repeat 50% 50%;}
#ariane span.separateur span {display: none;}
#ariane span.ariane_fil { overflow: hidden; display: block; position: relative; top: -8px !important; top: -6px; background: white; margin: 0 10px;}
*/

#ariane {height:42px;background: #fff url(http://assistance.numericable.fr/css/images/assistance/ariane_accueil.gif)  no-repeat  0 0;margin:0 0 5px 0; overflow:hidden;}
#ariane.outils_droite {float: right; margin-right: 2px; margin-bottom: 8px;}
#ariane div{ margin-left:10px;background:url(http://assistance.numericable.fr/css/images/assistance/ariane_end.gif)  no-repeat  100% 0;}
#ariane div div{border-bottom:1px solid #dedede;border-top:1px solid #dedede;margin:0 10px 0 0; background:none}
#ariane div a {line-height:40px;padding:13px 6px 14px 20px; text-decoration:none; color:#333; background:url(http://assistance.numericable.fr/css/images/assistance/ariane_separateur.gif)  no-repeat  0 0;}
#ariane div a:hover {color: #0099cc;}
#ariane div a.first { background-position: 0 50%;}
#ariane div a.first span{ padding-left: 22px;}
#ariane div a.last{color:#09c;}
#ariane form {float: right; clear: both; padding: 10px 0 10px 0;}
#ariane.outils_droite form {float: none; height: 20px;}
#ariane #recherche p {padding:0;}
#ariane #recherche input.text_input {width: 260px; vertical-align: top; font-style: normal; color: #0099cc;}


/* --------- TOP TEN --------- */
#topten .content {padding: 0; }
#topten h2 {padding: 10px 20px;}
#topten li {background-position: 18px 5px; border-top: 1px solid #d0d0d0; padding: 8px 0 10px 0; height: 25px; }
#topten li a { display: block; padding: 0 20px 0 60px; font-size: 11px; line-height: 13px;}
#topten li a.on { font-weight: bold;}
#topten li span  {display: none;}

/* --------- RESULTATS RECHERCHE --------- */
.resultats_recherche {margin-bottom: 8px;}
#contenu_principal .resultats_recherche .rounded {padding-bottom:0;}
.resultats_recherche h2 {padding: 0;}
.resultats_recherche h2 span {line-height:30px;}
.resultats_recherche li {padding-left: 30px;}
.resultats_recherche li a {border-left: 0px solid #eeeeee; display: block; padding-left: 5px;}
.resultats_recherche li a:visited {border-color: #cccccc; }
.resultats_recherche li a:hover {border-color: #99cc00; }
	
/* --------- MOBILES --------- */
#nav_mobiles li {padding: 5px; font-size: 12px;}
#tournette {width: auto;}	
.manipulation {width: 100%; margin-top: 20px;}
.manipulation a, .manipulation a:link, .manipulation a:visited {color: #666666; text-decoration: none;}/*color:#0076a6;*/
.manipulation a:hover, .manipulation a:active {color: #7ea800;} /*color: #007ca6;*/
.manipulation th, .manipulation td {text-align: center; padding: 10px 5px;vertical-align:top;}
.manipulation td.step {text-align: left;}
.manipulation h3 {padding: 10px;}
.manipulation h3, .manipulation .category {text-align: center; background-color: #eeeeee}
#mobiles_pictos dl {width: 45%; float: left;text-align: center;}
#mobiles_pictos dl dt {padding-top: 15px;}
#mobiles_pictos dl dd {}

#mobiles dt {padding-top: 10px;}

#tournette {text-align: center;background-color: white;}
#tournette div.pictos {	text-align: center;}
#tournette div.arrows {text-align: center;}
#tournette div.arrows a img {border: none;}
#fmes_copyright {color: #999;}
.remarque {padding: 5px;margin: 15px;background: #dcecca url(http://assistance.numericable.fr/css/images/assistance/lightbulb.png) no-repeat left;padding-left: 20px;}
.touche {font-weight: bold;}
.step {margin: 10px 0; padding: 10px 0; border-top: 1px solid #cccccc;}
img.ecran { margin: 5px;}

/* Couleurs touches 100% mobiles */
.royalblue {color: white;background-color: royalblue; }
.yellow {color: black;background-color: yellow; }
.orange {color: black;background-color: orange; }
.crimson {color: white;background-color: crimson; }
.aqua {color: black;background-color: aqua; }
.blue {color: white;background-color: blue; }
.fuchsia {color: white;background-color: fuchsia; }
.green {color: white;background-color: green; }
.lime {color: black;background-color: lime; }
.maroon {color: white;background-color: maroon; }
.navy {color: white;background-color: navy; }
.olive {color: white;background-color: olive; }
.purple {color: white;background-color: purple; }
.red {color: white;background-color: red; }
.teal {color: white;background-color: teal; }
.forestgreen {color: white;background-color: forestgreen; }
.chartreuse {color: black;background-color: chartreuse; }
.gold {color: black;background-color: gold; }
.darkviolet {color: white;background-color: darkviolet; }
.tomato {color: white;background-color: tomato; } 

table.annuaire th, table.annuaire td {	vertical-align: top;	padding: 5px;}
table.annuaire th.constructeur {font-weight: bold; background-color: #eeeeee;	color: #000; font-size: 13px; padding: 10px;}

/* --------- FORUM --------- */
p.reponse_formulaire {color: #99cc00; font-weight: bold;}
.formulaire_forum legend, .reponse_formulaire legend, #login legend {font-size: 14px; padding: 10px 0;}
ul.forum li {padding-left: 0px;}
ul.forum li li {padding-left: 20px;}
.forum_previsu {border: 2px dashed #eeeeee; margin-bottom: 10px; padding: 10px;}
li.forum-fil  {border-bottom: 1px solid #eeeeee; padding: 5px;}
li.forum-fil .forum-message {border-bottom: 0px solid #cccccc; padding: 5px 0;}
li.forum-fil ul li .forum-message {border: none; padding: 5px;}
.forum-message h3 {padding: 10px 0;}
.forum-repondre-message a {padding: 0 0 0 15px; background: url(http://assistance.numericable.fr/css/images/assistance/puce_verte.gif) no-repeat 0 50%;}
.forum-chapo small {color: #888888;}
.forum-texte, .forum-texte p {padding: 5px 0 5px 0;}

/* --------- INSCRIPTION & OUBLI MOT DE PASSE --------- */
.formulaire_inscription, .formulaire_oubli {padding: 25px;}
.formulaire_inscription legend {margin: 0; padding: 15px 0 10px 0;}
.formulaire_inscription p, .formulaire_oubli p {line-height: 13px;}
#minipres { width: 100%; margin:0; }
#minipres h1 {display: none;}
.top_minipres img {padding-left: 20px;}

/* --------- RECOMMANDER --------- */
#recommander {paddingd: 10px 25px;}
#recommander .erreur {font-weight: bold; color: #99cc00;}


/* --------- FAQ --------- */
dl.faq dt {}
dl.faq dt a {display: block;font-weight: bold; font-size: 12px; } /* padding: 10px 0; */

dl.faq dd {display: none;  padding: 10px 20px 10px 20px;}


.content.separateur {padding:0; border-top:1px solid #eeeeee;}

/* --------- POPUP TUTO --------- */
a.lien_tuto_first,a.lien_tuto_last { display:block; margin-top:5px; float:left; }
a.lien_tuto_first{ margin-left:80px; }
a.lien_tuto_last{ margin-left:50px; }

#tuto .content h2 { color:#99CC00; font-size:27px; padding-bottom:5px; line-height:30px; }
.liste_tuto li { background:transparent url(http://assistance.numericable.fr/css/images/commun/fleche_bleue_blanc.gif) no-repeat scroll 0 2px; font-size:12px; line-height:13px; margin-top:8px; padding-left:15px; text-decoration:none; }
#tuto p { font-size:12px; }

/* --------- MES PARAMETRES --------- */
#alert_materiel { display:none; background:#FFFFFF url(http://assistance.numericable.fr/css/images/authentification/picto_error.gif) no-repeat scroll 6px 5px; border:1px solid #CCCCCC; color:#990000; margin:0 20px 5px 20px; padding:5px 10px; text-align:center;}