/******************************************************** Contenu ********************************************************/ #content .box, #content .box_gris, #content .box_blanc1 {float:left; width:310px; margin: 0 5px 15px 0; padding:3px; display:block; border: 1px solid #e7f0f9;} #content .box_gris {background:#fff; height:170px} #content .box_blanc1 {height:185px} #content .box h2, #content .box_gris h2, #content .box_blanc1 h2 {color:#027ABB; margin:0 0 10px 0; font-size:18px;font-weight:bold; width: 100%; background: none; border-bottom:1px dotted #BBB; padding: 3px 0;} /************************************************ Liste articles *************************************************/ #liste_articles {margin:10px 0 0 0} #liste_articles a {font-size:10px; width:220px; float:left;text-decoration:none; color:#555;padding:0 5px 0 0;} /************************************************ Article *************************************************/ #article h1, #article h1 a,#article h3 {color:#027ABB;} #article h1, #article h1 a {font-size:22px;margin:10px 0 5px 0} #article h3 {border-top:1px dotted #DDD; margin:5px 0 5px 0; padding:5px 0 0 0; font-size:13px;} #article a {text-decoration:underline; color:#027ABB;} #article .chapo {font-weight:bold; margin:0 0 5px 0; color:#555} #article .photo_300 {background:url(http://www.babyfrance.com/images/interface/photo_300_bg.gif) no-repeat; width:300px; height:300px; float:left; margin:0 10px 10px 0} #article .photo_300 td, #article .photo_300 div, #article .photo_300 p.spip {text-align:center; display: table-cell; width:300px; height:295px; vertical-align:middle; margin:20px 0 0 0 !important; margin:10px 0 10px 0;} #texteContainer a img {padding:0 5px 0 0} #barre_outils, #barre_bookmarks {border-bottom:1px solid #DDD; border-top:1px solid #DDD; background:#EEE;} #barre_bookmarks {padding:3px; clear:left} #meme_sujet {margin:0 0px 5px 0px; overflow:auto; height:100px} #meme_sujet a {font-size:10px; width:205px; float:left;text-decoration:none; color:#555; padding:0 5px 0 0;} #meme_sujet a:hover {text-decoration:underline} #meme_sujet a:visited {color:#AAA} #meme_sujet h6, #explications_mamans h6, #derniers_debats h6 {font-size:14px; color:#027ABB; border-bottom:1px solid #DDD; font-weight:bold; margin:0 0 5px 0} #explications_mamans {clear:both; margin:10px 10px 0 10px;} #derniers_debats {clear:both; margin:10px 10px 0 10px; overflow:auto; height:100px} /*********************************************** Poster un msg *************************************************/ #formulaire_forum .formulaire_gris {padding:10px; background-color:#EEE; display:table; width:95%; margin:10px} #formulaire_forum .formulaire_gris h3 {color:#027ABB; font-size:13px; font-weight:bold; margin:5px 0 10px 0; border-bottom:1px dotted #AAA; padding:0 0 5px 0} /*********************************************** Résultats recherche *************************************************/ #babypedia_results h3, #babypedia_results h2 {color:#027ABB;} #babypedia_results h3 {font-size:12px; font-weight:normal;} #babypedia_results h2 {font-size:13px; font-weight:bold; margin:0} #babypedia_results .liste_articles {border-top:1px dotted #DDD; height:20px; padding:5px 0 3px 0 } #babypedia_results .liste_articles .left, #babypedia_results .liste_articles .right {float:left} #babypedia_results .liste_articles .right {width:130px;} #babypedia_results .liste_articles .left {width:540px; clear:left} #babypedia_results .liste_articles a {text-decoration:none; color:#555} #babypedia_results .liste_articles a:hover {text-decoration:underline; } /*********************************************** Commenter un article *************************************************/ form#form_comment {margin:10px} form#form_comment h6{font-size:14px;color:#027ABB;margin:0 0 5px 0} form#form_comment textarea {width:650px; height:60px} form#form_comment input.envoi {background:url(http://www.babyfrance.com/images/interface/bt_envoi_comment.jpg) no-repeat; margin:5px 0 0 0} #inscription_comment {margin:0 0 0 10px} #inscription_comment input.connect, #inscription_comment input.inscription, form#form_comment input.envoi { width:170px; height:33px; cursor:pointer; border:none} #inscription_comment input.connect {background:url(http://www.babyfrance.com/images/interface/bt_form_comment_connect.jpg) no-repeat;} #inscription_comment input.inscription {background:url(http://www.babyfrance.com/images/interface/bt_form_comment_inscrit.jpg) no-repeat;} /*********************************************** Envoyer à une amie *************************************************/ #envoi_amie {padding:10px; text-align:left} #envoi_amie h4, #envoi_amie h5 {color:#027ABB; border-bottom:1px solid #DDD; text-align:left; width:200px} #envoi_amie h4 {font-size:14px; margin:0 0 10px 0} #envoi_amie h5 {font-size:12px; margin:5px 0 5px 0} #envoi_amie input.envoi {background:url(http://www.babyfrance.com/images/interface/bt_envoi_amie.gif) no-repeat; width:170px; height:33px; border:none; cursor:pointer; margin:10px 0 0 80px} /* ---------------------------------------------------- Styles appliqués au Calendrier ----------------------------------------------------- */ #calendrier { width:215px; height:140px; float:right; font-size:11px; background: url(http://www.babyfrance.com/images/bg_calendrier.gif) no-repeat center; font:11px Arial, Helvetica, sans-serif; margin:5px 0 0 0 } #calendrier li, #calendrier h3, .ligne li a, .ligne li a:hover {list-style: none;} #calendrier h3{margin:0px; color:#FFF; margin: 10px 10px 5px 10px; display: block; border-bottom: 1px solid #FFF; font-size:13px} #libelle, .ligne {width: 200px; margin: 0 auto; padding: 0;} #libelle ul {margin: 0 0 5px 5px;} #libelle li {padding-bottom:3px} #libelle ul, #libelle li {color:#CCEDAF;} .ligne li {color: #CCCCCC;} #libelle li, .ligne li {float:left; width:28px;text-align:center;} .ligne li a, .ligne li a:hover {text-decoration: none;} .ligne li a {color:#FFF;} #libelle, li.itemCurrentItem, li.itemCurrentItem a, li.itemSelectedItem {font-weight:bold;} li.itemCurrentItem, li.itemCurrentItem a, .ligne li a:hover {color:#990000} li.itemCurrentItem a {text-decoration:none} li.itemSelectedItem {color:#000000} /****************************************************** Le dictionnaire de bébé ******************************************************/ #content .box_gris .photo_dico, #content .box_gris .photo_dico div, #content .box_blanc1 .photo_dico, #content .box_blanc1 .photo_dico div {width:104px; height:104px;} #content .box_gris .photo_dico {background:url(http://www.babyfrance.com/images/interface/photo_dico_bg.gif) no-repeat; float:left; text-align:center} #content .box_blanc1 .photo_dico {background:url(http://www.babyfrance.com/images/interface/photo_blanc_bg.gif) no-repeat; float:left; text-align:center} #content .box_gris .photo_dico td, #content .box_blanc1 .photo_dico td {vertical-align:middle; text-align:center; width:100px; height:102px} #content .box_gris .photo_dico div, #content .box_blanc1 .photo_dico div {vertical-align:middle; text-align:center; display:table-cell; padding:3px 0 0 0; margin:3px 0 0 0} #content .box_gris .txt_dico, #content .box_blanc1 .txt_dico {width:200px; float: left; margin:0 0 0 5px} #content .box_gris .txt_dico a, #content .box_blanc1 .txt_dico a {color:#000; text-decoration:none;} #content .box_gris .txt_dico h3, #content .box_blanc1 .txt_dico h3 {font-weight:bold; color:#013F6A; font-size:11px; margin: 0 0 3px 0; width: 200px;} #accueil_dico_mot, #accueil_dico_classement {float:left} #accueil_dico_mot {width:650px; clear:both} #accueil_dico_mot h2, #accueil_dico_classement h2 {font-size:14px; color:#027ABB; border-bottom:1px solid #DDD; padding:0 0 5px 0; margin:10px 0 5px 0} #accueil_dico_classement {width:200px; margin: 0px 0 10px 15px;} #accueil_dico_classement h2 {margin:10px 0 10px 0} #accueil_dico_classement a {font-size:10px; text-decoration:none; color:#555;} #accueil_dico_classement a:hover {text-decoration:underline} #accueil_dico_mot a h3 {border-bottom:1px dotted #DDD; margin:0px 0 10px 0; padding:5px 0 5px 0; color:#027ABB;} #accueil_dico_mot h3 {font-size:14px; margin:0px 0 10px 0; padding:5px 0 5px 0;} #accueil_dico_mot a {color:#000} #accueil_dico_mot .photo {background:url(http://www.babyfrance.com/images/interface/photo_150_bg.gif) no-repeat; float: left; margin:0 10px 10px 0; width:180px; height:180px;} #accueil_dico_mot .photo div, #accueil_dico_mot .photo td {vertical-align:middle; text-align:center; display:table-cell; width:180px; height:180px;} #sous_rub_select {border-bottom:1px dotted #CCC; padding: 10px 0; clear:both; display:block;} #sous_rub_select a {color:#000; text-decoration:none} #sous_rub_select .photo, #sous_rub_select .photo div {width:62px; height:65px;} #sous_rub_select .photo {background:url(http://www.babyfrance.com/images/interface/photo_65_bg.gif) no-repeat; float:left; margin:0 10px 0 0} #sous_rub_select .photo td {vertical-align:middle; text-align:center; width:61px; height:62px;} #sous_rub_select .photo div {vertical-align:middle; text-align:center; display:table-cell} #sous_rub_select .photo div img {margin:auto !important; margin:4px 0 0 0} .dico_bebe_bottom {float:left; width:290px; margin: 20px 0px 5px 0; background:#F5F5F5; height:250px; padding:10px; border:1px solid #CCC} .dico_bebe_bottom h6 {font-size:14px; color:#027ABB; border-bottom:1px solid #DDD; font-weight:bold; margin:0 10px 5px 0} ul#dico_themes li {list-style-type:none;} ul#dico_themes {margin-left:0; padding-left:10px} ul#dico_themes li a {color:#027ABB; font-weight:bold;} ul#dico_themes ol {margin-left:10px; padding-left:10px} ul#dico_themes ol a {color:#000} ul#dico_themes ol a:hover {text-decoration:underline} #dico_lettres a {width:10px; height:15px; float:left; background:#027ABB; margin:10px 2px 10px 2px; color:#FFF; font-weight:bold; padding:2px 5px 0 7px} #dico_lettres a, ul#dico_themes ol a, ul#dico_themes li a {text-decoration:none;} /************************************************************ Questions/reponses ************************************************************/ #content .box .photo_questions_reponses, #questions_accueil .photo_questions_reponses { width:93px; height:154px; background:url(http://www.babyfrance.com/images/interface/photo_questions_bg.gif) no-repeat; float: left; margin: 0 7px 0 0; text-align:left; padding:0 3px 0 3px } #content .box .photo_questions_reponses td, #questions_accueil .photo_questions_reponses td {vertical-align:middle; text-align:center; width:85px; height:85px;} #content .box .photo_questions_reponses td a, #questions_accueil .photo_questions_reponses td a {margin:0; padding:0} #content .box .photo_questions_reponses a, #questions_accueil .photo_questions_reponses a {color:#013F6A; text-decoration:none; margin:5px 15px 0 0; font-size:10px} #questions_accueil {margin:10px 0 10px 0} #questions_accueil .photo_questions_reponses {margin:0 5px 10px 5px} /********************************************************** Astuces de mamans ***********************************************************/ #content .box a.astuce_maman {display:block; text-decoration:none; color:#000; background:url(http://www.babyfrance.com/images/interface/i_astuce_mamans.gif) left no-repeat; padding:0 0 0 20px} #content .box a.astuce_maman:hover {text-decoration:underline} /********************************************************* Droits de la famille **********************************************************/ #content .box .photo_droits {width:72px; height:76px; background:url(http://www.babyfrance.com/images/interface/photo_60_bg.gif) no-repeat; float: left; text-align:center; padding:1px 0 0 0px} #content .box .photo_droits td {vertical-align:middle} #content .box .txt_droits {width:240px; float: left; margin:0 0 0 8px} #content .box .txt_droits a, #content .box .txt_droits h3 a {text-decoration:none;} #content .box .txt_droits a {color:#000;} #content .box .txt_droits h3{font-weight:bold; border-bottom:1px dotted #CCC; font-size:11px; margin: 0 0 3px 0} #content .box .txt_droits h3 a {color:#013F6A; } /************************************************************** Avis de spécialistes **************************************************************/ #avis_specialiste {background:#ECEAEC; width:97%; padding:5px; height:100px} #avis_specialiste .left, #avis_specialiste .right, #avis_specialiste .left .portrait, #avis_specialiste .left .txt {float:left;} #avis_specialiste .left {width:315px;margin:0 0px 0 0 } #avis_specialiste .right {width:305px; height:75px; background:url(http://www.babyfrance.com/images/interface/philactere_bg.gif) no-repeat; padding:10px 10px 10px 25px} #avis_specialiste .left h2 {color:#027ABB; margin:0 0 5px 0; border-bottom:1px dotted #BBB; font-size:12px; font-weight: bold;} #avis_specialiste .left .portrait {width:72px; height:76px; background:url(http://www.babyfrance.com/images/interface/photo_60_bg1.gif) no-repeat; text-align:center;} #avis_specialiste .left .portrait td {vertical-align:middle; width:85px; height:72px} #avis_specialiste .left .txt {width:235px; padding:0 0 0 8px;} #avis_specialiste .left .txt h3{font-weight:bold; border-bottom:1px dotted #CCC; font-size:11px; margin: 0 0 3px 0;} #avis_specialiste .left .txt h3 a, #avis_specialiste .left .txt a {text-decoration:none} #avis_specialiste .left .txt h3 a {color:#013F6A;} #avis_specialiste .left .txt a {color:#000;} .avis_specialiste {width:185px; height:260px; float:left; background:url(http://www.babyfrance.com/images/interface/photo_specialistes.gif) no-repeat; margin:20px 8px 0 8px; padding:10px; text-align:center} .avis_specialiste h2 {color:#027ABB; margin:0 0 5px 0; font-size:12px; font-weight: bold; height:30px;} .avis_specialiste .photo {width:200px; height:175px; display: table-cell; vertical-align:middle;} /*************************************************** Blog de Julie *****************************************************/ .blog_julie {padding: 10px; clear:both; display:block; height:140px; margin:5px;} .blog_julie .calendar, #content .actus_bebe .calendar { float:left; width:50px; height:65px; background:url(http://www.babyfrance.com/images/interface/calendar2.gif) no-repeat; margin:0 10px 10px 0; padding:3px 3px 0 0; text-align:center } .blog_julie .calendar .mois, #content .actus_bebe .calendar .mois {color:#FFF} .blog_julie .calendar .jour, .blog_julie .calendar .annee, .blog_julie h3, #content .actus_bebe .calendar .jour, #content .actus_bebe .calendar .annee {color:#577FA7;} .blog_julie .calendar .jour, #content .actus_bebe .calendar .jour { font-weight:bold; font-size:18px; margin:5px 0 10px 0; display:block} .blog_julie .calendar .annee, .blog_julie .calendar .mois, #content .actus_bebe .calendar .annee, #content .actus_bebe .calendar .mois {font-size:9px; } .blog_julie h3 {background:#ECF5FF; border-top:1px solid #C2D2E8; border-bottom:1px solid #C2D2E8; font-size:15px; padding:5px; margin:0 0 10px 0; float:left; width:100%} .blog_julie a {color:#000; text-decoration:none} .blog_julie .photo, .blog_julie .photo div { width:104px; height:104px; text-align:center; } .blog_julie .photo {background:url(http://www.babyfrance.com/images/interface/photo_blog_julie.gif) no-repeat; float:left; margin:0 10px 0 0} .blog_julie .photo div {vertical-align:middle; display:table-cell; padding:3px 0 0 0; margin:3px 0 0 0} .photo_julie {margin:5px 10px 0 10px; float:left} .intro_julie {float:left; width:280px; margin:15px 0 0 0} /*************************************************/ #content .actus_bebe, #content .jeux_fun {float:left; width:300px; margin: 0 10px 10px 0; padding: 5px; display:table-cell; border: 1px solid #e7f0f9; line-height: 16px; font-size: 11px;} .actus_bebe { } #content .actus_bebe h2, #content .jeux_fun h2, #content .shopping h2, #content .annonces h2 {border-bottom:1px dotted #CCC; font-size:12px; font-weight:bold} #content .actus_bebe h2, #content .jeux_fun h2 {margin:0 0 5px 0; } #content .actus_bebe h2 {color:#027ABB; } #content .shopping h2 {margin:10px 0 5px 5px; color:#2BA37A;} #content .annonces h2 {margin:10px 0 5px 5px; color:#BF1E74;} #content .jeux_fun h2 {color:#FE9639; } #content .jeux_fun h4, #content .jeux_fun .jeux_semaine h4 {margin:0; color:#666; font-size:11px;} #content .jeux_fun h4 {width:auto;} #content .jeux_fun .jeux_semaine h4 {width:100%; } #content .jeux_fun .quizz img {margin:0 10px 0 0} #content .actus_bebe .photo_blog, #content .actus_bebe .photo_blog div {width:104px; height:104px;} #content .actus_bebe .photo_blog {background:url(http://www.babyfrance.com/images/interface/photo_blog_julie.gif) no-repeat; float:left; text-align:center; margin:0 5px 0 0} #content .actus_bebe .photo_blog div {vertical-align:middle; text-align:center; display:table-cell; padding:3px 0 0 0; margin:3px 0 0 0} #content .actus_bebe .photo_60, #content .actus_bebe .photo_60 div {width:72px; height:76px;} #content .actus_bebe .photo_60 {background:url(http://www.babyfrance.com/images/interface/photo_60_bg1.gif) no-repeat; float:left; text-align:center; margin:0 3px 0 3px} #content .actus_bebe .photo_60 div {vertical-align:middle; text-align:center; display:table-cell; padding:3px 0 0 0; margin:3px 10px 0 0} #content .actus_bebe .txt {width:145px; float:left;} #content .actus_bebe .txt a {color:#000; text-decoration:none;} /******************************************************************** Page sondages ********************************************************************/ #page_sondages h2 {color:#027ABB; margin:0; border-bottom:1px dotted #CCC; font-size:12px; font-weight:bold} #page_sondages .left {width:48%; } #page_sondages .right {width:48%; float:right; margin-right:5px} .erreur {width:20px;} #page_sondages .left, .erreur {float:left} /******************************************************************** Miniatures ********************************************************************/ #content .actus_bebe .photo_80, #content .actus_bebe .photo_80 div, #content .jeux_fun .photo_80, #content .jeux_fun .photo_80 div, #jeux_detente .photo_80, #jeux_detente .photo_80 div, .shopping .photo_80, .shopping .photo_80 div, .magasins_bb .photo_80, .magasins_bb .photo_80 div, .shopping_accueil .photo_80, .shopping_accueil .photo_80 div, .annonces .photo_80, .annonces .photo_80 div, #humour .photo_80, #humour .photo_80 div { width:105px; height:105px; } #content .jeux_semaine1 .photo_80, #content .jeux_semaine1 .photo_80 div {width:115px; height:105px;} #content .actus_bebe .photo_80, #content .jeux_fun .photo_80, #content .jeux_semaine1 .photo_80, #jeux_detente .photo_80, .shopping .photo_80,.annonces .photo_80, .magasins_bb .photo_80, .shopping_accueil .photo_80, #humour .photo_80 { background:url(http://www.babyfrance.com/images/interface/photo_80_bg.gif) no-repeat center; float:left; text-align:center; } #content .actus_bebe .photo_80, #content .jeux_fun .photo_80, #content .jeux_semaine1 .photo_80, #humour .photo_80 {margin:0;} #jeux_detente .photo_80 {margin:3px} #content .jeux_fun .photo_80, #jeux_detente .photo_80, .shopping .photo_80, .annonces .photo_80, .magasins_bb .photo_80, .shopping_accueil .photo_80, #humour .photo_80 {font-size:9px} #content .actus_bebe .photo_80 div, #content #video_pub .photo_130 div, #content .jeux_fun .photo_80 div, #content .jeux_semaine1 .photo_80 div, #jeux_detente .photo_80 div, .shopping .photo_80 div, .annonces .photo_80 div, .magasins_bb .photo_80 div, .shopping_accueil .photo_80 div, #humour .photo_80 div { vertical-align:middle; text-align:center; display:table-cell; padding:3px 0 0 0 !important; padding:16px 0 0 0; margin:3px 0 0 0 !important; margin:7px 0 0 0 } #content .jeux_fun .photo_75, #content .jeux_fun .photo_75 div {width:84px; height:84px;} #content .jeux_fun .photo_75b, #content .jeux_fun .photo_75b div {width:80px; height:80px;} #content .jeux_fun .photo_75 {background:url(http://www.babyfrance.com/images/interface/photo_75_bg.gif) no-repeat;} #content .jeux_fun .photo_75b {background:url(http://www.babyfrance.com/images/interface/photo_75_bg1.gif) no-repeat;} #content .jeux_fun .photo_75, #content .jeux_fun .photo_75b {float:left; text-align:center;} #content .jeux_fun .photo_75 {margin:0 5px 0 0} #content .jeux_fun .photo_75b {margin:0} #content .jeux_fun .photo_75 div, #content .jeux_fun .photo_75b div{vertical-align:middle; text-align:center; display:table-cell; padding:3px 0 0 0; margin:3px 0 0 0} #content .actus_bebe .photo_80_n1, #content .actus_bebe .photo_80_n1 div, #content .actus_bebe .photo_80_n2, #content .actus_bebe .photo_80_n2 div, #content .actus_bebe .photo_80_n3, #content .actus_bebe .photo_80_n3 div { width:105px; height:125px !important; height:100px; } #content .actus_bebe .photo_80_n1, #content .actus_bebe .photo_80_n2, #content .actus_bebe .photo_80_n3 {float:left; text-align:center; margin:3px 0 0 0} #content .actus_bebe .photo_80_n1 {background:url(http://www.babyfrance.com/images/interface/photo_80_bg_n1.gif) no-repeat;} #content .actus_bebe .photo_80_n2 {background:url(http://www.babyfrance.com/images/interface/photo_80_bg_n2.gif) no-repeat;} #content .actus_bebe .photo_80_n3 {background:url(http://www.babyfrance.com/images/interface/photo_80_bg_n3.gif) no-repeat;} #content .actus_bebe .photo_80_n1 div, #content .actus_bebe .photo_80_n2 div, #content .actus_bebe .photo_80_n3 div { vertical-align:middle; text-align:center; display:table-cell; padding:0px 0 26px 0 !important; padding:5px 0 20px 0; margin:0px 0 0px 0 } #content #video_pub .photo_130, #content #video_pub .photo_130 div {width:180px; height:180px} #content #video_pub .photo_130 {background:url(http://www.babyfrance.com/images/interface/photo_150_bg.gif) no-repeat; float:left; text-align:center; margin:0} #content #video_pub {float:left; width:180px; margin: 0 5px 10px 0; padding:5px; display:table-cell;} #content #video_pub h2 {color:#027ABB; margin:0 0 5px 0; border-bottom:1px dotted #CCC; font-size:12px; font-weight:bold} #tags_video {width:67%; margin:10px 0 0 10px; float:left} #tags_video h2 {font-size:14px; color:#027ABB; border-bottom:1px solid #DDD; padding:0 0 5px 0; margin:0 0 5px 0} #tags_video a {text-decoration:none; color: #907F61} .link_video_photo {color:#999; font-weight:bold; float:right; text-decoration:underline} /**************************************** Page gagnants ****************************************/ .gagnant {background:url(http://www.babyfrance.com/images/interface/photo_gagnant_bg.gif) no-repeat top; float:left; text-align:center; color:#666; width:160px; height:250px; padding:4px} /**************************************** Page Jeux semaine ****************************************/ .jeux_semaine1 {float:left; width:200px; display:table; margin:5px 5px 15px 5px; color:#666} #content .jeux_fun .jeux_semaine {width:50%; float:left; color:#666} /**************************************** Page Shopping ****************************************/ #content .magasins_bb {width:63%; float:left} #content .shopping_accueil {width:98%;} #content .magasins_bb_mail {background:#F5F5F5; border:#CCC 1px solid; width:32%; float:left; padding:5px; margin:0 0 0 5px} #content .magasins_bb h4 , #content .shopping_accueil h4{font-size:9px} .shopping_accueil h4 {margin:0} #content .magasins_bb img, #content .shopping_accueil img {width:50px; height:50px} #content .magasins_bb_recherche {background:#F5F5F5; border:#CCC 1px solid; margin:15px 15px 10px 0; padding:5px; height:75px} #content .magasins_bb_recherche select, #content .magasins_bb_recherche input {font-size:10px; float:left; margin:0 5px 0 0} #content .magasins_bb_recherche input.recherche {background:url(http://www.babyfrance.com/images/interface/bt_chercher2.gif) no-repeat; width:170px; height:33px; cursor:pointer; border:none; float:right; margin:5px 0 0 0} #content .magasins_bb h2, #content .magasins_bb_recherche h2, #content .magasins_bb_mail h2, .magasins_bb_cat h2, .magasins_bb_zone h2, #content .shopping_accueil h2 { border-bottom:1px dotted #CCC; font-size:12px; font-weight:bold } #content .magasins_bb_recherche h2, #content .magasins_bb_mail h2, .magasins_bb_cat h2 {margin:0 0 5px 0; } .magasins_bb_zone h2 {margin:5px 0 5px 0} #content .magasins_bb h2, #content .shopping_accueil h2 {margin:10px 0 5px 5px;} #content .shopping h2, #content .magasins_bb h2, #content .magasins_bb_mail h2, #content .magasins_bb_recherche h2, .magasins_bb_cat h2, .magasins_bb_zone h2, #content .shopping_accueil h2 {color:#2BA37A; } .magasins_bb_zone {width:33%; float:left} .magasins_bb_zone a {width:100%; display:block} .magasins_bb_cat {width:62%; float:left; background:#F5F5F5; border:#CCC 1px solid; padding:5px; margin:0 10px 0 0} .magasins_bb_cat .cat_container {float:left; width:50%;} .magasins_bb_cat .cat_container h4 {margin:10px 0 0 0; font-size:11px} .magasins_bb_cat .cat_container a:hover, .magasins_bb_zone a:hover {text-decoration:underline} /************************************* Home *************************************/ .home_concours {width:100px; height:100px; background:url(http://www.babyfrance.com/images/interface/photo_100_bg.gif) no-repeat; float:left} .widgets_ecard {width:95px; height:95px; background:url(http://www.babyfrance.com/images/interface/photo_widget_ecard.gif) no-repeat; float:left} .tiers_home {float:left; width:310px;} #tiers_home1 {margin:0 0 0 10px !important; margin:0 0 0 5px} #tiers_home_bt {margin:15px 0 0 15px !important; margin:15px 0 0 20px; clear:both} a.tiers_home_bt {width:310px;} .debat_left {float:left; width:140px; margin:0 5px 0 5px} .debat_right {float:left; width:145px; background:none} #contenuSection_1 .middle, #contenuSection_2 .middle, #contenuSection_3 .middle, #contenuSection_4 .middle, #contenuSection_5 .middle, #contenuSection_6 .middle, #contenuSection_7 .middle, #contenuSection_8 .middle {float:left; width:150px} #divSectionList { margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; width: 990px; clear:both } .sectionlistitem { position: relative; display: block; float: left; list-style-type: none; width: 310px; /*height: 170px;*/ margin: 10px !important; margin: 8px; font-family: arial; font-size: 11px; background:url(http://www.babyfrance.com/images/sectionlistitem_bg.gif) bottom no-repeat #FFF; } .header_section { width: 310px; height:28px; background:url(http://www.babyfrance.com/images/header_section_bg.gif) bottom no-repeat #CCC; } .sectionlistitem div:first-child { margin-bottom: 0px; } .sectionlistitem div[id$=Notes] { overflow-y: auto; overflow-x: hidden; } .tableSection { font-weight:bold; font-size:12px; margin:3px auto 0 auto; color:#035FA1 } #contenuSection_1, #contenuSection_2, #contenuSection_3, #contenuSection_4, #contenuSection_5, #contenuSection_6, #contenuSection_7, #contenuSection_8 { height: 144px; margin:5px 0 0 5px /*background: #F8F8F8;*/ } .titre_section, .moveImg {cursor:move} #presentation {height: 200px; width: 310px; padding:0; margin:0; overflow: hidden; } #presentation_home {background:url(http://www.babyfrance.com/images/footer_presentation_bg.gif) bottom no-repeat #CCC; width:310px; height:28px; border-top:1px solid #E3E3E3; } #presentation_home #nav a {color:#ABA8A6; font-weight:bold; margin:0 3px 0 3px; padding:2px 4px 2px 4px; border:1px dotted #CCC} #presentation_home #nav a:hover {background:#ABA8A6; color:#FFF} #presentation_home #nav a.activeSlide { background: #ABA8A6; color:#FFF } #presentation_home input.button1, #presentation_home input.button2 {width:16px; height:16px; cursor:pointer; border:none; margin:0 10px 0 10px} #presentation_home input.button1 {background:url(http://www.babyfrance.com/images/arrow-left.gif)} #presentation_home input.button2 {background:url(http://www.babyfrance.com/images/arrow-right.gif)} #contenuSection_3 .photo_75_n1, #contenuSection_3 .photo_75_n1 div, #contenuSection_3 .photo_75_n2, #contenuSection_3 .photo_75_n2 div, #contenuSection_3 .photo_75_n3, #contenuSection_3 .photo_75_n3 div, #contenuSection_6 .photo_75_n1, #contenuSection_6 .photo_75_n1 div, #contenuSection_6 .photo_75_n2, #contenuSection_6 .photo_75_n2 div, #contenuSection_6 .photo_75_n3, #contenuSection_6 .photo_75_n3 div { width:95px; height:113px !important; height:88px; } #contenuSection_3 .photo_75_n1, #contenuSection_3 .photo_75_n2, #contenuSection_3 .photo_75_n3, #contenuSection_6 .photo_75_n1, #contenuSection_6 .photo_75_n2, #contenuSection_6 .photo_75_n3 {float:left; text-align:center; margin:3px 0 0 0} #contenuSection_3 .photo_75_n1, #contenuSection_6 .photo_75_n1 {background:url(http://www.babyfrance.com/images/interface/photo_75_bg_n1.gif) no-repeat;} #contenuSection_3 .photo_75_n2, #contenuSection_6 .photo_75_n2 {background:url(http://www.babyfrance.com/images/interface/photo_75_bg_n2.gif) no-repeat;} #contenuSection_3 .photo_75_n3, #contenuSection_6 .photo_75_n3 {background:url(http://www.babyfrance.com/images/interface/photo_75_bg_n3.gif) no-repeat;} #contenuSection_3 .photo_75_n1 div, #contenuSection_3 .photo_75_n2 div, #contenuSection_3 .photo_75_n3 div, #contenuSection_6 .photo_75_n1 div, #contenuSection_6 .photo_75_n2 div, #contenuSection_6 .photo_75_n3 div { vertical-align:middle; text-align:center; display:table-cell; padding:0px 0 26px 0 !important; padding:5px 0 20px 0; margin:0px 0 0px 0 } #contenuSection_3 .photo_75_n1 img, #contenuSection_3 .photo_75_n2 img, #contenuSection_3 .photo_75_n3 img, #contenuSection_6 .photo_75_n1 img, #contenuSection_6 .photo_75_n2 img, #contenuSection_6 .photo_75_n3 img {width:75px; height:75px} #contenuSection_6 .middle_l, #contenuSection_7 .middle_l, #contenuSection_8 .middle_l, #contenuSection_4 .middle_l {width: 145px; float:left; margin:5px 0 0 5px} #contenuSection_6 .middle_r, #contenuSection_7 .middle_r, #contenuSection_8 .middle_r, #contenuSection_4 .middle_r {width: 145px; float:left; margin:5px 0 0 5px} #contenuSection_4 {text-align:center} #contenuSection_8 select, #section_4 select {font-size:10px} #contenuSection_8 input.afficher {background:url(http://www.babyfrance.com/images/interface/bt_cree_calendrier.gif) no-repeat; width:170px; height:33px; cursor:pointer; border:none} #section_4 input.bt_prenoms {background:url(http://www.babyfrance.com/images/interface/bt_idees_prenom.gif) no-repeat; width:193px; height:33px; cursor:pointer; border:none; margin:5px 10px 0 0px; float:right} /**************************************************************** sections ******************************************************************/ a.linksection {color:#035FA1; text-decoration:underline} .home_annonces {margin:4px 0 4px 5px; width:295px; clear:both; height:25px; border-bottom:1px dotted #CCC} .home_annonces img {padding:0 10px 0 0} /**************************************************************** Onglets home ******************************************************************/ #ongletshome {margin:0 0 0 20px; height:250px; width:310px; background:url(http://www.babyfrance.com/images/interface/home_onglets.gif) bottom no-repeat; float:left} #OngletHome1, #OngletHome2, #OngletHome3, #OngletHome4 {float:left;margin-right:3px; width:61px; height:24px} #OngletHome1 {background:url(http://www.babyfrance.com/images/interface/onglet_news_home.gif) top no-repeat; margin:0 3px 0 15px} #OngletHome2 {background:url(http://www.babyfrance.com/images/interface/onglet_debats_home1.gif) top no-repeat; } #OngletHome3 {background:url(http://www.babyfrance.com/images/interface/onglet_sondages_home1.gif) top no-repeat; } #OngletHome4 {background:url(http://www.babyfrance.com/images/interface/onglet_annonces_home1.gif) top no-repeat; } #tiers1 {padding:10px 5px 5px 5px} .tiers1_bg {background:url(http://www.babyfrance.com/images/interface/photo_65_bg.gif) top no-repeat; width:62px; height:65px } #tiers1 b {color:#035FA1;} #tiers2 div{margin:0 15px 5px 15px} input.bt_voter_home {background:url(http://www.babyfrance.com/images/interface/bt_voter_home.gif) center no-repeat; width:89px; height:33px; border:none; margin:10px 10px 0 0; cursor:pointer} input.bt_retour_sondage {background:url(http://www.babyfrance.com/images/interface/bt_retour_sondage.gif) center no-repeat; width:91px; height:33px; border:none; margin:10px 10px 0 0; cursor:pointer} input.bt_sauver_config {background:url(http://www.babyfrance.com/images/interface/bt_sauver_configuration.gif) center no-repeat; width:236px; height:29px; border:none; cursor:pointer} /**************************************************************** plan_rubrique ******************************************************************/ .plan_rubrique h2 a{border-bottom:1px dotted #CCC; font-size:12px; font-weight:bold; color:#027ABB; display:block} .plan_rubrique h2 {margin:0 0 5px 0; } .plan_rubrique ul { margin:0; padding:0 0 0 10px; color:#999} .plan_rubrique ul li a {color:#999} .plan_rubrique {height:155px} /**************************************************************** landing page ******************************************************************/ h1.landing_titre {font-size:16px; font-weight:bold; color:#027ABB; margin:10px 0 10px 10px } .landing_portfolio {width:300px; float:left; margin:10px 13px 20px 13px !important; margin:10px 12px 20px 12px; } .faq_portfolio {width:225px; float:left; margin:5px 10px 0px 10px !important; margin:5px 8px 0px 8px; } .landing_txt {margin:0 0 10px 10px} .landing_logo {margin:0 0 0 40px; float:left} h3.landing_connexion {margin:0px 0 5px 0; font-size:14px; color:#555} #landing_babyclub {background:url(http://www.babyfrance.com/images/interface/connexion_landing_bg.jpg) repeat-x; width:450px; height:177px; color:#7A7A8F; margin:0 0 0 10px; float:left} #landing_babyclub .left, #landing_babyclub .left_baby {width:13px; background:url(http://www.babyfrance.com/images/interface/connexion_landing_left.jpg) no-repeat top; float:left; height:177px} #landing_babyclub .right, #landing_babyclub .right_baby {width:13px; background:url(http://www.babyfrance.com/images/interface/connexion_landing_right.jpg) no-repeat top; float:left; height:177px} #landing_babyclub .center, #landing_babyclub .center_baby {width:424px; float:left;} #landing_babyclub .center h3, #landing_babyclub .center_baby h3 {font-size:12px; margin:5px 0 5px 0} #landing_babyclub .center a, #landing_babyclub .center_baby a {color:#7A7A8F; font-size:11px;} #landing_babyclub .center a:hover, #landing_babyclub .center_baby a:hover {text-decoration:underline} #landing_babyclub form {margin:10px 0 0 0} #landing_babyclub input {font-size:11px; width:120px; padding:2px 0 2px 0; margin:0 0 3px 5px } #landing_babyclub input.button {background:url(http://www.babyfrance.com/images/interface/bt_identifier2.gif) no-repeat; width:126px; height:30px; cursor:pointer; border:none;} #landing_babyclub input.check {width:auto} #landing_babyclub form p {margin:0 0 0 10px} #landing_babyclub form p a {text-decoration:underline} h3.descriptif_landing a{margin:0px 0 5px 20px; font-size:12px; color:#7A7A8F; float:left; width:500px} #landing_ps {margin:10px 0 10px 10px; } #landing_ps a {width:240px; display:block; float:left} /**************************************************************** partenairees baby ******************************************************************/ #partenaires_baby {width:70%; float:left; } .partenaires_baby {border-bottom:1px dotted #CCC; /*height:100px;*/ margin:0 20px 5px 0; padding:0 0 5px 0; clear:both; display:table; width:95%} .partenaires_baby img {float:left; margin:0 10px 0 0} .partenaires_baby h2 {font-size:13px; margin:0 0 5px 0; color:#AAA;} .partenaires_baby h3 {font-size:12px; margin:0 0 5px 0; color:#027ABB;} .partenaires_baby a {text-decoration:underline; color:#027ABB;} #partenaires_liste {width:25%; float:left} #partenaires_liste h2 {font-size:10px; margin:0; color:#555; font-weight:normal } #partenaires_liste a {color:#555;} input.bt_temoignages {background:url(http://www.babyfrance.com/images/interface/bt_envoyer_temoignage.gif) center no-repeat; width:236px; height:29px; border:none; cursor:pointer} input.bt_temoignages1 {background:url(http://www.babyfrance.com/images/interface/bt_envoyer_temoignage1.gif) center no-repeat; width:236px; height:29px; border:none; cursor:pointer} .msg_vote {background:#F5F5F5; z-index:5; width:100px; position:absolute; padding:10px; border:1px solid #CCC } /**************************************************************** vidéos ******************************************************************/ #video_enfants {float: left; margin:10px 0 0 0} /*.list_video {voice-family: "\"}\""; voice-family:inherit;}*/ .list_video {list-style: none;} .list_video li {padding: 0px; margin: 0px 0px 10px 0px;} .list_video li span {height: 400px; width: 480px; display: block; background: white;} .list_video li span {border-width: 1px; border-color: #ccc #999 #999 #ccc; border-style: solid;} .list_video>li span {overflow: none;} .list_video li span:hover,.list_video li span.hover {background: #f7f7f7;} .list_video li span a {text-align: center;} /* vignettes video */ #vignettes_video {float: left; margin:10px 0 0 0} /*.vignettes_video {voice-family: "\"}\""; voice-family:inherit;}*/ .vignettes_video {list-style: none;} .vignettes_video li {padding: 0px; margin: 0px 5px 0px 0px;} .vignettes_video li span {height: 85px; width: 85px; display: block; background: white;} .vignettes_video li span {/*display: table; _position: relative; overflow: hidden; */border-width: 1px; border-color: #ccc #999 #999 #ccc; border-style: solid;} .vignettes_video>li span {overflow: none;} .vignettes_video li span:hover,.list_video li span.hover {background: #f7f7f7;} .vignettes_video li span a {/*_position: absolute; _top: 50%; display: block; vertical-align: middle; margin: 0px auto; */text-align: center;} /*.vignettes_video li span a img {_position: relative; _top: -50%; _left: -50%;}*/ #infos_film {font-size:11px; border-bottom:1px dotted #CCC; margin:0 0 10px 0; padding:0 0 10px 0} #infos_film span {font-weight:bold; color:#027ABB; } .film_mini {float:left; width:100px; height:120px; border-width: 1px; border-color: #ccc #999 #999 #ccc; border-style: solid; margin:4px 4px 4px 4px; text-align:center; font-size:10px; padding:10px 0 0 0} #content .actus_bebe27{float:left; width:640px; margin: 0 5px 10px 0; padding:5px; display:table-cell; background-color: #e7f0f9;} #content .actus_bebe27 h2{border-bottom:1px dotted #CCC; font-size:16px; font-weight:bold; width: 100%; padding: 3px 0;} #content .actus_bebe27 h2 {margin:0 0 5px 0; } #content .actus_bebe27 h2 {color:#027ABB; } #content .actus_bebe27 .box {width:200px; float:left; margin:5px 5px 5px 0;} #content .actus_bebe27 .photo_60, #content .actus_bebe27 .photo_60 div {width:72px; height:76px;} #content .actus_bebe27 .photo_60 {background:url(http://www.babyfrance.com/images/interface/photo_60_bg1.gif) no-repeat; float:left; text-align:center; margin:0 3px 0 3px} #content .actus_bebe27 .photo_60 div {vertical-align:middle; text-align:center; display:table-cell; padding:3px 0 0 0; margin:3px 0 0 0}