/* CSS Document */ body { color:#000; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9pt; background:#b9d2d9 url(/images/fond-ombre.gif) repeat-y center top; text-align: center; } fondWhite { background:#FFF; background-color:#FFF} .href { cursor:pointer; text-decoration:underline; outline:none; } * {margin:0; padding:0; } ul {list-style:none;} img {border:none;} a {color:#000;} a:hover, a:active, a:focus { outline:none; } td { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9pt; color:#000; } .bold{font-weight:bold;} .rosebold{font-weight:bold; color: #e75294; padding:5px 2px 5px 2px;} #retrait2{padding:0 0px 4px 8px;} .clear{font-size:1pt; /*height:1px;*/ clear:both;} /** proprietes par defaut des champs de formulaire****/ input, select, textarea { font-size:11px; color:#000; margin-left: 1px; background:#FFF; border:none; } /**/ /*#conteneur { width:986px; position:absolute; left:50%; margin-left:-448px; }*/ #conteneur { margin-right : auto; margin-left : auto; width : 986px; text-align : left; } #conteneur-online { background:url(/images/fond-online.jpg) no-repeat left top; margin-right : auto; margin-left : auto; width : 986px; text-align : left; z-index:2;} #conteneur-cadcollect { width:940px; position:absolute; left:10px; margin-left:0px; } #header { clear:left; height:110px; margin-top:0px; padding:0 0 0 0; background: #cbdbe1 url(/images/fond-logo.gif) no-repeat left top; } #contenu1 { background-color: #cbdbe1; margin:0px; padding:0 0 0 0; position:relative; width:982px; } /****** #contenu { background:url(/images/fond-centre.gif) no-repeat left top; float:left; margin:0px; padding:0px; width:772px; height:730px;}clear:left;****/ #contenu { float:left; margin:0px; padding:0px; width:812px; } #contenu-h { background:url(/images/fond-centre-h.gif) no-repeat left top; margin:0px; padding:0px; width:812px; } #contenu-m { background:url(/images/fond-centre-m.gif) repeat-y left top; margin:0px; padding:0px; width:812px;} #contenu2-h { background:url(/images/fond-centre-h.gif) no-repeat left top; margin:0px; padding:0px; width:812px; } #contenu2-m { background:url(/images/fond-centre-m.gif) repeat-y left top; margin:0px; padding:0px; width:812px;} #contenu3-h { background:url(/images/fond-centre-h.gif) no-repeat left top; margin:0px; padding:0px; width:812px; } #contenu3-m { background:url(/images/fond-centre-m.gif) repeat-y left top; margin:0px; padding:0px; width:812px;} #contenu4-h { background:url(/images/fond-centre-h.gif) no-repeat left top; margin:0px; padding:0px; width:812px; } #contenu5-h { background:url(/images/fond-centre-h.gif) no-repeat left top; margin:0px; padding:0px; width:812px; } #contenu6-h { background:url(/images/fond-centre-h.gif) no-repeat left top; margin:0px; padding:0px; width:812px; } #logo { float:left; margin: 16px 16px 0px 16px; } /*#logo { float:left; margin: 30px 5px 0 20px; } avec l'ancien logo et nom*/ #logo2 { position: absolute; left: 710px; top: 4px;} #logo-ex { position: absolute; left: 9px; top: 34px;} #pub { } #homme { float:left; left: 0px; top: 0px; } /*#btn-diapo { top: 110px;}*/ #btn-diapo { position: absolute; left: 0px; top: 0px;} #titre { float:left; width:280px; height:120px; margin-top:0px; padding-left:20px; padding-right:20px; padding-top:10px;} .blanc24 { font-size: 14pt; font-weight: bold; text-align: center; color: #e75294; padding-top:30px; } /***************************************************************************/ /****************** acces a ma page *********************/ /***************************************************************************/ #acces { background:url(/images/acces-on.png) no-repeat left top; float:left; width:211px; height:110px; margin-top:15px; padding-top:10px; } #acces-off { background:url(/images/acces-off.png) no-repeat left top; float:left; width:211px; height:110px; margin-top:15px; padding-top:10px; } .blanc12 { font-size: 9pt; font-weight: bold; text-align: left; color: #FFFFFF; margin-left: 5px; margin-top: 4px; line-height: 15px;} .blanc11 { font-size: 8pt; text-align: left; color: #FFFFFF; margin-left: 5px; font-weight: bold;} .blanc8 { font-size: 8pt; text-align: left; color: #FFFFFF; } .noir9 { font-size: 9pt; font-weight: bold; text-align: left; color: #000; margin-left: 5px; margin-top: 4px; line-height: 15px;} #acces-trouv { background:url(/images/acces-on.png) no-repeat left top; float:left; width:211px; height:100px; margin-top:15px; padding-top:10px; padding-left:4px; } #deconnexion { float:right; text-align:right; color:#FFFFFF; font-size:8pt; padding-right:8px;font-weight: bold;} #deconnexion a { color:#FFFFFF; font-size:8pt; cursor:pointer; text-decoration:underline;} /***************************************************************************/ /****************** menu-gauche *********************/ /***************************************************************************/ #menu-gauche { float:left; /*margin:0 0 0 40px;*/ width:200px; /*height:514px;*/} .menu-gauche_on { background:url(/images/fond-btn-on.png) no-repeat left top; font-size: 11pt; font-weight: bold; color: #000000; width:220px; height:48px; text-decoration:none; margin:0px 0px 5px 0px; padding:0px; } .menu-gauche_off { font-size: 11pt; font-weight: bold; color: #000000; width:200px; height:48px; text-decoration:none; margin:0px 0px 5px 0px; padding:0px } .menu-gauche_on a table { background:url( /images/fond-btn-on.png ) no-repeat left top; height:47px; border-collapse:collapse; padding:0px; } .menu-gauche_off a table { height:47px; border-collapse:collapse; padding:0px; } .menu-gauche_on a tr, .menu-gauche_off a tr { vertical-align:middle; } .menu-gauche_on a, .menu-gauche_off a, .menu-gauche_on a td, .menu-gauche_off a td { font-size: 11pt; font-weight: bold; color: #000000; cursor:pointer; text-decoration: none;} .menu-gauche_off a:hover, .menu-gauche_off a table:hover, .menu-gauche_off:hover { background:url(../images/fond-btn-on.png) no-repeat left top; font-size: 11pt; font-weight: bold; color: #000000; cursor:pointer; text-decoration:none; padding:0px; } /***************************************************************************/ /****************** centre *********************/ /***************************************************************************/ #centre { float:left; width:557px; margin:-3px 0 0 0px; } /*#centreIndex { float:left; width:557px; height:655px; margin:-3px 0 0 0px; background-color:#9B9999; }*/ /* #centre { float:left; width:557px; height:610px; margin:-3px 0 0 0px; background-color:#CCCCCC; overflow:auto;} */ /****************** Mon compte *********************/ #element-fiche { width: 557px; /*height:545px; overflow:auto;*/ float:right; margin-top: 0px; margin-right: 0px; position: relative; list-style-type: none; background-color:#FFFFFF; } #element-fiche p { margin-left:20px} #element-fiche 2 { width:557px; /*height:545px; overflow:auto;*/ float:left; margin:0px 0px 0px 0px; list-style-type: none; } #element-fiche-cadcollek { width: 940px; /*height:545px; overflow:auto;*/ float:left; margin:0px 0px 0px 0px; list-style-type: none; } #element-fiche-search { background-color:#FFFFFF; overflow:auto; width:557px; height:605px; float:right; margin-top: 0px; margin-right: 0px; position: relative; list-style-type: none; } #element-fiche-search p { margin-left:20px} #element-fiche-demo { background-color:#FFFFFF; width:557px; /*height:605px;*/ float:right; margin-top: 0px; margin-right: 0px; position: relative; list-style-type: none; } #element-fiche-demo p { margin-left:20px} #element-fiche-index { background-color:#FFFFFF; width:557px; float:right; margin-top: 0px; margin-right: 0px; position: relative; list-style-type: none; } /*#element-fiche-index p { margin-left:20px}*/ .fondGris { background-color:#FFFFFF;} /* les boutons */ .btn { font-size: 8pt; font-weight: bold; color: #FFFFFF; background-color: #000000; padding:1px 8px 1px 8px;cursor:pointer; text-decoration:none; } .btn-right {width:97px; height:16px; float:right; margin:1px 50px 1px 0px; border:0; } .btn-right a { font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align:center; padding:4px 0px 1px 0px; cursor:pointer; text-decoration:none; width:97px; height:16px;} #element-fiche-moncompte { background-color:#e1e1e1; margin:100px 20px 0 20px; } #element-fiche-aime { background-color:#e1e1e1; margin:5px 20px 0 20px; } #element-fiche-modif { background-color:#e1e1e1; margin:5px 20px 0 20px; } #element-fiche-cadre { float:right; margin-right: 30px; margin-top: 10px; width:130px; height:160px; text-align:center; } #element-fiche-fauteuil { float:left; margin-left: 100px; margin-top: 32px; width:130px; height:68px; } #element-fiche-cadre2 { float:right; margin-right: 30px; margin-top: 2px; width:115px; height:106px; text-align:center; } #element-fiche-cadrecadeau {float:left; padding-left: 152px; width:222px; height:243px; margin-top: 60px;} #element-fiche-cadre3 { float:right; margin-right: 30px; margin-top: 2px; width:115px; height:130px; text-align:center; } #element-fiche-tt { margin-top: 15px; margin-bottom:10px; } #element-fiche-imag { margin-top: 0px; margin-bottom:10px; } .gris9 { color:#737479; font-size:9pt; font-weight: bold; margin:5px;} .gris16 { color:#6e7177; font-size:16pt; font-weight: bold;} .gris18 { color:#6e7177; font-size:18pt; } .gris24 { color:#6e7177; font-size:24pt; font-weight: bold;} .blanc16 { color:#fff; font-size:16pt; font-weight: bold;} .blanc16-2 { color:#fff; font-size:16pt; } /* Input Form-fiche */ #Form-fiche input {margin: 3px 1px 3px 1px; border: #919191 1px solid; height:16px; padding-left:4px;} #Form-fiche select {margin: 3px 1px 3px 1px; border: #919191 1px solid; height:18px; padding-left:4px;} #Form-fiche textarea {margin: 3px 1px 3px 1px; border: #919191 1px solid; padding-left:4px;} #Form-fiche input:hover, #Form-fiche input:focus, #Form-fiche select:hover, #Form-fiche select:focus { border: #e1e1e1 1px solid; background-color: #6f7075; color:#FFFFFF;} #Form-fiche .form_input_20 { width: 25px;} #Form-fiche .form_input_40 { width: 48px;} #Form-fiche .form_input_60 { width: 64px;} #Form-fiche .form_input_80 { width: 80px;} #Form-fiche .form_input_90 { width: 110px;} #Form-fiche .form_input_120 { width: 120px;} #Form-fiche .form_input_145 { width: 148px;} #Form-fiche .form_input_150 { width: 150px;} #Form-fiche .form_input_165 { width: 165px;} #Form-fiche .form_input_180 { width: 180px;} #Form-fiche .form_input_200 { width: 200px;} #Form-fiche .form_input_210 { width: 206px;} #Form-fiche .form_input_250 { width: 247px;} #Form-fiche .form_input_280 { width: 280px;} #Form-fiche .form_input_300 { width: 300px;} #Form-fiche .form_input_330 { width: 330px;} #Form-fiche .form_input_350 { width: 350px;} #Form-fiche .form_input_330-2 { width: 330px; margin: 1px 1px 1px 1px; } #Form-fiche .form_input_380 { width: 380px; height: 30px;} #Form-fiche .form_input_400 { width: 417px;} #Form-fiche .form_input_425 { width: 430px;} #Form-fiche .form_input_450 { width: 475px;} #Form-fiche .form_input_500 { width: 480px;} #Form-fiche .form_imput_cgu { width: 20px; background-color:#d6d6d6; border-style: none; } #Form-fiche .form_imput_captcha { margin-top: 5px; padding-top:5px;} .fond-gris { background-color:#c3c3c3; margin:10px 20px 5px 20px; padding: 2px 0px 5px 0px;} .fond-gris2 { background-color:#c3c3c3; margin:10px 20px 5px 20px; padding: 2px 0px 5px 0px; } .fond-blanc { background-color:#fff; margin:10px 10px 5px 5px; padding: 2px 2px 5px 0px; } .fond-noir { background-color:#000000; margin:10px 10px 5px 5px; padding: 2px 2px 5px 0px; } .fond-rose { background-color:#f4a0c7; margin:10px 10px 5px 5px; padding: 2px 2px 5px 0px; } .fond-blanc-bord { background-color:#fff; margin:10px 20px 10px 20px; padding: 0px 0px 0px 0px; width:486px; position:relative;} .fond-rose-bord { background-color:#e75294; margin:10px 10px 10px 10px; padding: 0px 0px 0px 0px; width:556px; position:relative;} /****************** FIN Mon compte *********************/ /****************** Enregistre *********************/ /* Label */ #Form-fiche label { display: block; width: 210px; float: left; padding-left: 5px; } #Form-fiche label:hover { font-weight: bold; } /****************** ALERTE *********************/ /* Label */ .alerte-mail { display: block; width: 370px; float: left; padding-left: 0px; } .alerte-mail :hover { font-weight: bold; } #membre-pre { float:right; padding-right:45px; width:80px; text-align:center; color: #e75294; font-size: 9pt;} /****************** captcha *********************/ #caracteres { background:#919191; margin:5px 10px 5px 10px; position:relative; width:300px; padding-bottom:0px;} .captcha { height: 32px; padding-top: 5px; padding-left: 9px; padding-bottom: 4px; } /** Arrondis blocs*/ .hg { position:absolute; left:0; top:0; } .hd { position:absolute; right:0; top:0; } .bg { position:absolute; left:0; bottom:0; } .bd { position:absolute; right:0; bottom:0; } /****************** ul li inscrit *********************/ #inscrit {margin: 0px 0 0 20px;} #inscrit li { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; height:100px; width:150px; text-align:center; float: left; color:#000; padding-left:10px; padding-top:5px; } #inscrit li a { color: #000; text-decoration:none } .rose24 { font-size: 16pt; color: #e75294; width: 220px; margin-top: 10px; margin-bottom:20px; line-height: 24px; padding-top:35px;} .rose24-2 { font-size: 16pt; text-align: center; color: #e75294; width: 240px; margin-top: 10px; margin-bottom:10px; line-height: 24px; padding-top:5px;} .rose24-3 { font-size: 16pt; text-align: left; color: #e75294; width: 240px; margin-top: 10px; margin-bottom:10px; line-height: 24px; padding-top:5px;} #inscription { /*margin:5px 0 5px 28px; width: 470px; height:320px;*/ background-image: url(/images/fond-chrono.gif); background-repeat: no-repeat; background-position: left top; padding-left:5px; } #btn-insc{ background-image: url(/images/btn-rose.gif); background-repeat: no-repeat; background-position: left top; text-align: center; height: 46px; width: 171px; padding-top: 10px; margin-left: 250px; margin-top:5px;} #btn-insc2 { background-image: url(/images/btn-rose.gif); background-repeat: no-repeat; background-position: left top; text-align: center; height: 46px; width: 171px; padding-top: 10px; margin-left: 250px; margin-top:-25px;} .btn-lien{ font-size: 16pt; font-weight: bold; color: #FFFFFF; cursor:pointer; text-decoration:none; text-align: center;} .btn-insc{ background-image: url(/images/btn-rose.gif); background-repeat: no-repeat; background-position: left top; text-align: center; height: 46px; width: 171px; padding-top: 10px;float:left;} #contacts { margin:5px 0 5px 28px; width: 470px; height:89px; background-image: url(/images/fond-contacts.gif); background-repeat: no-repeat; background-position: left top; text-align:center} .rose18 { font-size: 16pt; color: #e75294; font-weight: bold; padding:5px 0 5px 0; text-align:left;} .rose16 { font-size: 16pt; color: #e75294; padding:5px 0 5px 0; } .rose9 { font-size: 9pt; color: #e75294; } #inscription-bravo { margin:10px 0 5px 28px; padding:70px 0 5px 5px; width: 470px; height:400px; background-color:#e75294;} .blanc30-bravo { font-size: 24px; font-weight: normal; text-align: center; color: #FFFFFF; padding: 0px 0px 0px 0px;} .blanc48-bravo { font-size: 48px; font-weight: normal; text-align: center; color: #FFFFFF; padding: 0px 0px 0px 0px;} #acces-reserve { margin:10px 0 5px 28px; padding:10px 0px 10px 0px; width: 470px; background-color:#e75294;} #motoublie { margin:10px 0 5px 28px; padding:10px 0 0px 0px; width: 470px; background-color:#a05b78;} /*********** MES NEWS ***************/ #fond-noir-news { background-color:#ffffff; margin:0px 0px 0px 0px; padding: 2px 0px 0px 0px; width:557px;} #fond-blanc-news { background-color:#ffffff; margin:0px 0px 0px 0px; padding: 2px 0px 0px 0px; width:557px;} .overflow { float:right; width:510px; height:530px; overflow:auto;} .overflow-410 { float:right; width:510px; height:410px; overflow:auto;} .overflow-430 { float:right; width:510px; height:430px; overflow:auto;} .overflow-210 { float:right; width:510px; height:210px; overflow:auto;} .overflow-390 { float:right; width:510px; height:390px; overflow:auto;} .overflow-390-2 { float:right; width:480px; height:390px; overflow:auto;} .overflow-150 { float:right; width:510px; height:200px; overflow:auto;} .overflow-salon { float:right; height:530px; overflow-y:auto; overflow-x:hidden;} #gondol-img { position:absolute ; width:48px; height:48px; padding-top: 2px; margin: 0px; padding-left: 20px; } #gondol-news { width:315px; height:48px; padding-left: 58px; padding-top: 10px; margin: 0px;} .rose11 { font-size: 11pt; font-weight: bold; text-align: left; color: #e75294; line-height:11pt;} #contenugondol { background:url(/images/fond-gondol.png) repeat-x left bottom; width:557px; height:90px;} #contenugondolbis { width:557px; height:82px;} #contenugondolbis2 { width:557px; /*height:96px;*/} #contenugondolbis3 { width:557px; height:88px;} #contenugondoltree { width:557px; height:62px;} #navigtri { position:absolute; width:265px; height:22px; left:255px; text-align:right; top: 26px; font-weight: bold; } #ligne { margin:0px; padding:0; /*height:20px;*/ width:557px; z-index:2; background-color:#e3eaec; } #ligne li {float: left; width:107px; height:17px; font-size: 9pt; padding-top:2px; _padding-top:0px; font-weight: bold; margin:0;} .news-off { background: url(/images/onglet01-off.png) no-repeat left top; width:107px; text-align:center; color:#6b6a6a; text-decoration:none;} .news-on { background: url(/images/onglet01-on.png) no-repeat left top; width:107px; text-align:center; color:#000; text-decoration:none;} .news-off a {text-decoration:none; color:#6b6a6a;} .news-on a {text-decoration:none; color:#000;} .news-on2 { background: url(/images/onglet01-blanc.gif) no-repeat 0 0; width:122px; text-align:center; color:#000; text-decoration:none;} .news-on2 a {text-decoration:none; color:#000;} .btn-lire { font-size: 8pt; font-weight: bold; color: #000; background-color: #f4a0c7; padding:0px 8px 0px 8px; cursor:pointer; text-decoration:none; margin:0px 5px 0px 5px; border:#000000 solid 1px; } .btn-lu { font-size: 8pt; font-weight: bold; color: #000; background-color: #c4c4c4; padding:0px 8px 0px 8px; cursor:pointer; text-decoration:none; margin:0px 5px 0px 5px; border:#000000 solid 1px; } .date { border-right:#48474d solid 1px; color:#48474d; padding-right:5px; text-align:right; } .noir-bold { color:#000; font-weight:bold;} .noir { color:#000;} .homme-news { margin-top:-20px; float:left;} .btn-alertes {font-size: 9pt; font-weight: bold; color: #fff; padding:5px 10px 1px 350px; cursor:pointer; text-decoration:none; width:480px; height:22px; background-image: url(/images/fond-btn-alertes.jpg); background-repeat: no-repeat; background-position: left top; } #calendrier { float:left; margin:10px 20px 35px 20px; width:487px; } #calendrier2 { float:left; margin:10px 10px 5px 10px; width:507px; } #calendrier-a { float:left; margin:10px 10px 5px 20px;} .calendar { background:url(/images/fond-calend-mois.gif) no-repeat 0 0;} .calendar2 { background:url(/images/fond-calend-semaine.gif) no-repeat 0 0;} .calendar3 { background:url(/images/fond-calend-annee.gif) no-repeat 0 0;} .noircalendar {font-size: 8pt; font-weight: bold; color: #000; text-align:right; } .calendarevent { font-size: 8pt; color:#057918; text-align:left; padding: 0px 2px 0px 2px; width:54px; height:12px;} .calendarevent a { text-decoration:underline;} .calendaranniv { font-size: 8pt; color:#f71a1a; text-align:left; padding: 0px 2px 0px 2px; width:54px; height:12px;} .calendaranniv a { text-decoration:underline;} .calendarAN { font-size: 6pt; text-align:left; width:8px; height:8px; color:#FFFFFF; font-weight: bold;} .calendareventAN { background-color:#057918; ; color:#FFFFFF; } .calendareventAN a { text-decoration:underline; } .calendarannivAN { background-color:#f71a1a; color:#FFFFFF;} .calendarannivAN a { text-decoration:underline; } /*calendrier td images/fond-table-td.gif) no-repeat 0 0; width:58px; height:51px; }*/ /*#calendrier th { background:url(/images/fond-table-th.gif) repeat 0 0; }*/ #calendrier td { vertical-align:top; } #calendrier2 td { vertical-align:top; } .cal-vert { background:url(/images/cal-vert.png) no-repeat 5px 0; width:35px; height:30px; } .cal-rouge { background:url(/images/cal-rouge.png) no-repeat 5px 0; width:35px; height:30px; } .cal-vert-rouge { background:url(/images/cal-vert-rouge.png) no-repeat 5px 0; width:35px; height:30px; } .cal-vert a, .cal-rouge a, .cal-vert-rouge a {text-decoration:none; color:#FFFFFF; font-weight: bold; } .overflow-cal{ width:500px; height:260px; overflow:auto;} .overflow-cal-se{ width:500px; height:260px; overflow:auto;} #texte { width:110px; float:left; color:#FFFFFF; margin:20px 5px 5px 10px;} .btn-lien-agenda1 { background:url(/images/btn-agenda.gif) no-repeat 0 0 ; color:#FFFFFF; font-size:9pt; font-weight: bold; text-align: center; width:150px; height:39px; float:left; } .btn-lien-agenda1 { padding-top:6px; } .btn-lien-agenda1 a {text-decoration:none; color:#FFFFFF; text-align: center; padding:1px 0px 1px 10px; cursor:pointer; width:150px; height:39px;} .btn-lien-agenda2 a {text-decoration:underline; color:#000; text-align: center; padding:1px 0px 1px 10px; cursor:pointer; width:150px; height:39px;} #agenda { margin: 0px ; display:inline; } #agenda li { /* height:60px; */ float: left; padding-left:0px; padding-top:5px; } .agenda-photo { width:85px; padding:0 0px 10px 20px; text-align:center; } .agenda-nom { font-weight: bold; width:260px; padding-top:15px;} .agenda-nom2 { font-weight: bold; width:270px; padding-top:15px;} .agenda-lien {color:#000; font-size:8pt; width:190px; text-align:right; } #agendakdo-col { margin:0px; padding:0 0 0 10px; display:inline;} #agendakdo-col li { float: left; padding-left:30px; padding-top:5px; height:10px; } .noir-agendakdo-col {font-weight:normal; color: #000; padding:5px 10px 5px 10px;} .agendakdo-col-nom { width:350px; font-size:11pt; padding:0 5px 0px 5px; text-align:left; } .agendakdo-col-lien {color:#000; font-size:8pt; width:70px; text-align:right; } #agendaevent { margin: 0px ; display:inline; } #agendaevent li { height:50px; float: left; padding-left:0px; padding-top:5px; } .agendaevent-photo { width:70px; padding:0 2px 5px 2px; text-align:center; } .agendaevent-nom { font-weight: bold; font-size:9pt; padding-top:15px; width:130px;} .agendaevent-lien {color:#000; font-size:8pt; width:50px; text-align:right; } .agenda-rose2 { color:#f4a0c7; font-size: 10pt; font-weight: bold; clear:both;} .agendarose {color: #e75294; } #agenda-imp { margin: 0px ; display:inline; } #agenda-imp li { height:50px; float: left; padding:0 2px 10px 10px; } .agenda-imp-photo { width:70px; text-align:center; } .agenda-imp-nom { font-weight: bold; font-size:9pt; padding-top:15px; width:230px;} .agenda-imp-lien {color:#000; font-size:8pt; width:150px; text-align:right; } .agenda-cadeau { font-weight: bold; font-size:10pt; margin:0 0px 10px 40px; text-align:left;} .agenda-cadeau2 { font-weight: bold; margin:0 0px 10px 15px; text-align:left;} #agenda-impcadeau { margin: 0px ; display:inline; } #agenda-impcadeau li { height:10px; float: left; padding:0 0 0 0;} #agenda-comment {padding:0 0 0 10px;} .agenda-rosebold{font-weight:bold; color: #e75294; padding:10px 2px 10px 2px;} .overflow-agenda-event { width:230px; height:270px; overflow:auto; background-color:#fff;} .btn-lien-agenda { background:url(/images/btn-noir1.png) no-repeat 0 0 ; width:97px; height:16px; float:left; } .btn-lien-agenda a { color:#FFFFFF; font-size:9pt; font-weight: bold; text-align: center; padding:0px 0px 0px 0px; cursor:pointer; width:97px; height:16px;} #btn-diveragenda {height: 15px; width: 171px; padding-top: 0px; margin-left: 270px; margin-top:-25px;} /* #btn-diveragenda {height: 46px; width: 171px; padding-top: 10px; margin-left: 270px; margin-top:-25px;} */ #autre-date-agenda { background-color:#c4c4c4; margin-left:0px; font-size:10pt; font-weight:bold; padding:0 0 0 10px; height:25px; color:#FFFFFF;} #autre-date-agenda li { float: left; padding-left:0px; padding-top:5px; height:30px; } .overflow-cal-agenda { width:557px; height:200px; overflow-y:auto; overflow-x: hidden;} .barre-agenda { margin:0 0 0 0px; padding:0; background: url(/images/barre-gris3.gif) repeat-x 0 0; height:11px;} .agenda-texte { width:430px; padding-top:15px;} .agenda-lien2 {color:#000; font-size:9pt; width:60px; text-align:right; } /*********** MES NEWS ***************/ /***************************************************************************/ /****************** Souhait de + ajout *********************/ .btn-supp { margin:10px 20px 5px 5px; padding: 2px 2px 5px 0px; } .btn-ajout { text-align:right; margin:10px 20px 5px 5px; padding: 2px 2px 5px 0px; } #ajout-cadeau { background:url(/images/fond-ajout-cadeau.png) no-repeat left top; width:400px; height:75px; position:absolute; left:10px; top:200px;} .btn-right30 { float:right; margin-right:50px; margin-top:0px;} .btn-right-top { float:right; margin-right:27px} /****************** Souhait de cadeau + Liste *********************/ #cadeau { margin: 0px ; display:inline; } #cadeau li {float: left; padding-top:5px; padding-bottom: 5px;} .btn-ajout { text-align:right; margin:10px 20px 5px 5px; padding: 2px 2px 5px 0px; } .btn-ajousouh { background:url(/images/btn-noir1.png) no-repeat 0 0 ; width:97px; height:16px; float:right; margin:1px 0px 1px 0px;} .btn-ajousouh a { font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align:center; padding:4px 0px 1px 0px; cursor:pointer; text-decoration:none; width:97px; height:16px;} #ajout-cadeau-2 { background:url(/images/fond-ajout-cadeau-2.png) no-repeat left top; width:400px; position:absolute; left:10px; top:200px;} .cadeau-nom { font-weight: bold; width:310px; margin:0 0px 10px 40px; text-align:left;} /****************** Gestion des invitations *********************/ .btn-gestion { font-size: 9pt; font-weight: bold; color: #fff; padding:2px 0px 2px 0px; margin:2px 2px 2px 5px; cursor:pointer; text-decoration:none; width:115px; height:50px; text-align:center; background: url(/images/btn-fond-gris115.png) no-repeat 0 0; float:left;} .btn-gestion a {text-decoration:none; color:#FFFFFF;} .fond-blanc-bord-200{ background-color:#fff; margin:10px 10px 10px 10px; padding: 0px 0px 0px 0px; width:230px; position:relative; color:#000000;} .overflow-200 { width:230px; height:270px; overflow:auto;} .fond-blanc-bord-201{ background-color:#fff; margin:5px 5px 5px 5px; padding: 0px 0px 0px 0px; width:220px; position:relative; color:#000000; font-size: 9pt;} /*.fond-blanc-bord-201{ background-color:#fff; margin:5px 5px 5px 5px; padding: 0px 0px 0px 0px; width:220px; position:relative; color:#000000; font-size: 9pt;}*/ .overflow-470 { width:470px; height:430px; overflow:auto;} .btn-gestion115 { font-size: 9pt; font-weight: bold; color: #fff; padding:2px 0px 2px 0px; margin:2px; cursor:pointer; text-decoration:none; width:115px; height:50px; text-align:center; background: url(/images/btn-fond-gris115.png) no-repeat 0 0; } .btn-gestion115 a {text-decoration:none; color:#FFFFFF;} /** TABLEAU DE RESULTATS **/ #table-resul table { border-collapse:collapse; border-left:1px solid #000000; border-right:1px solid #000000; } #table-resul table td, #table-resul table th { border:#000 1px solid; border-left:none; font-size:9pt; } #table-resul thead th { background:#d7d7d7; text-align:center; font-size:10pt; font-weight:bold; padding:6px 6px; } #table-resul table td { padding:4px 6px; } /* tableau de resultat */ /****************** mail *********************/ .btn-gestion115-2 { font-size: 9pt; font-weight: bold; color: #fff; padding:2px 0px 2px 0px; margin:2px; cursor:pointer; text-decoration:none; width:115px; height:27px; text-align:center; background: url(/images/btn-fond-gris115-2.png) no-repeat 0 0; } .btn-gestion115-2 a {text-decoration:none; color:#FFFFFF;} .noirgondol { font-size: 11pt; font-weight: bold; text-align: left; color: #000000; line-height:11pt;} #mail { margin: 0px ; display:inline; } #mail li { float: left; padding-left:0px; padding-top:5px; } .mail-puce { width:25px; padding:0 5px 0px 10px; text-align:center; } .mail-nom { width:390px; padding-top:15px;} .mail-lien {color:#000; font-size:8pt; width:70px; text-align:right; } .mail-photo { width:80px; padding:0 5px 10px 20px; text-align:right; } .mail-texte { width:410px; padding-top:15px;} #mail-autre-date { background-color:#c4c4c4; margin:0px; padding:0 0 0 0px; height:25px; display:inline;} #mail-autre-date li { float: left; padding-left:0px; padding-top:5px; background-color:#c4c4c4; height:30px; } .mail-nom-date { width:150px; padding-top:15px; background-color:#c4c4c4;} .mail-messag { width:230px; padding-top:15px; background-color:#c4c4c4;} .overflow-mail { width:556px; height:500px; overflow-y:auto; overflow-x: hidden; background-color:#FFF; } .overflow-mail2 { width:556px; height:500px; overflow-y:auto; overflow-x: hidden; background-color:#FFF; } #contenugondolmail{ width:557px; height:108px; background-color:#fff;} #gondol-mail { background-color:#fff; } .clearmail {font-size:1pt; height:1px; clear:both; background-color:#f19fc1; } #fond-blanc-mail {background-color:#fff; } #navmail { margin:0px; height:20px; width:556px; width:557px; background-color:#e3eaec; } #navmail li {float: left; width:107px; height:20px; font-size: 9pt; font-weight: bold; padding-top:3px; margin:0;} .fond-gris-mail-nouv{ background-color:#fff; margin:10px 10px 10px 23px; padding: 0px 0px 0px 0px; width:480px; position:relative; color:#000000;} .overflow-mail-nouv { width:480px; height:270px; overflow-y:auto; overflow-x: hidden;} .overflow-mail-nouv2 { width:480px; height:100px; overflow-y:auto; overflow-x: hidden;} /****************** FIN mail *********************/ /****************** E.CARDS *********************/ .ecard { float:left; width:120px; text-align:right; margin:15px; } .ecard-gd { display: block; width: 150px; float: left; padding-left: 0px; } .ecard-gd2 { display: block; width: 60px; float: left; padding-left: 0px; } .lien-page-blanc { color:#e75294; font-size: 11pt; font-weight: bold;} .lien-page-blanc a { color:#e75294; font-size: 11pt; font-weight: bold; } .rosecree16 { color:#e75294; font-size:12pt; font-weight: bold;} .rosecree16 a { color:#e75294; font-size:12pt; font-weight: bold; text-decoration:underline;} .overflow-ecard { width:556px; height:500px; overflow-y:auto; overflow-x: hidden;} #barreblanc-ecard { width:557px; height:15px; background-color:#FFFFFF;} .ariane {color:#c3c3c3; font-size:9pt; padding: 0 0 5px 0; } .ariane a {color:#c3c3c3; font-size:9pt; padding: 0 0 5px 0; text-decoration:underline;} .ariane a:hover {color:#c3c3c3; font-size:9pt; padding: 0 0 5px 0; text-decoration:none;} .blanc30-ecard {font-size: 24px; font-weight: normal; color: #FFFFFF;} .blanc-ecard {color:#FFFFFF; font-size:11pt; font-weight: normal;} .blanc-ecard a {color:#FFFFFF; font-size:11pt; } #fond-rose2-bord p{padding: 4px 10px 4px 10px;margin:0px 0px 0px 0px;} #fond-blanc-ecard {background-color:#FFFFFF; margin:5px 10px 5px 11px; } #fond-rose2-bord {background-color:#a05b78; margin:10px 10px 10px 10px; padding: 0px 0px 0px 0px; width:486px; position:relative;} #gondol-ecard {width:469px; height:30px; padding-left: 58px; padding-top: 16px; margin: 0px; background-color:#F19FC1;} #barrerose-ecard {width:557px; height:13px; background-color:#F19FC1;} #gondol-img-ecard {position:absolute ; width:48px; height:46px; padding-top: 0px; margin: 0px; padding-left: 20px; } #contenugondol-ecard{ width:557px; height:176px;} .noirgondol-ecard {font-size: 10pt; font-weight: bold; text-align: left; color: #000000; line-height:11pt;} #form-ecard { position:absolute; width:158px; height:30px; padding-left: 369px; padding-top: 12px; margin: 0px;} #element-fiche p.btn-lien-ecard { float:left; background:url(/images/btn-lien-kdocollec.png) no-repeat 0 0 ; color:#FFFFFF; font-size:9pt; font-weight: bold; text-align: center; width:150px; height:39px; margin-left:5px;} .btn-lien-ecard { padding-top:6px; } .btn-lien-ecard a {text-decoration:none; color:#FFFFFF; text-align: center; padding:1px 0px 1px 0px; cursor:pointer; width:150px; height:39px;} /****************** FIN E.CARDS *********************/ /****************** R�sultat de la recherche *********************/ .overflow-460 { width:500px; height:460px; overflow:auto;} #commun { margin: 0px ; display:inline; } #commun li { float: left; padding-left:0px; padding-top:5px; } .commun-photo { width:70px; padding:0 2px 5px 2px; text-align:center; } .commun-nom { font-weight: bold; font-size:9pt; padding-top:15px; width:130px;} .commun-lien {color:#000; font-size:8pt; width:52px; text-align:right; } .noirsearch9 { font-size: 9pt; color: #3f3f3f; } #gondol-search { width:415px; height:48px; padding-left: 58px; padding-top: 10px; margin: 0px;} .fond-blanc-search { background-color:#fff; margin:10px 20px 10px 20px; padding: 0px 0px 0px 0px; width:486px; position:relative;} #search { margin: 0px ; display:inline; } #search li { height:80px; float: left; padding-left:0px; padding-top:5px; } .search-photo { width:85px; padding:0 0px 10px 20px; text-align:center; } .search-nom { font-weight: bold; width:220px; padding-top:15px;} .search-nom2 { font-weight: bold; width:220px; padding-top:15px;} .search-lien {color:#000; font-size:8pt; width:150px; text-align:right; } .search-lien2 {color:#000; font-size:8pt; width:150px; text-align:right; } .btn-lien-search { background:url(/images/btn-noir1.png) no-repeat 0 0 ; width:97px; height:16px; float:left; } .btn-lien-search a { color:#FFFFFF; font-size:9pt; font-weight: bold; text-align: center; padding:1px 0px 1px 0px; cursor:pointer; text-decoration:none; width:97px; height:16px;} #element-afficher-search { margin: 0px ; display:inline; padding-left: 0px;} #element-afficher-search li { font-weight: bold; height:55px; float: left;} #element-afficher-search li a { color: #000; text-decoration:underline } .element-afficher-search-imag { width:55px; margin-left:20px; padding-top:10px;} .element-afficher-search-titre { width:240px; color:#e75294; font-size:11pt; padding-top:10px;} .ligne-ami-t { background:url(/images/fond-btn-ami.png) no-repeat left top ; color:#d9dadb; margin-left : 3px; font-size: 10pt; font-weight: bold; padding-left:20px; height:20px;} .lien-page-rose { color:#f4a0c7; font-size: 11pt; font-weight: bold; margin:-15px 50px 0 0; float:right;} .lien-page-rose a { color:#f4a0c7; font-size: 11pt; font-weight: bold; } .ligne-ami-tt { color:#fff; margin-left : 3px; font-size: 8pt; padding-left:20px; margin-top:5px;} .btn-ami { font-size: 8pt; font-weight: bold; color: #000; background-color: #fff; padding:1px 8px 1px 8px; cursor:pointer; text-decoration:none; } .ligne-ami-ttt { color:#fff; margin-left : 3px; margin-top:10px; font-size: 8pt; float:right; width:230px; } .ligne-ami-ttt a { color:#fff; } .ligne-ami-ttt img { float: left; padding: 5px; } .trait-rose { color:#f4a0c7; font-size: 12pt; font-weight: bold; width:200px; clear:both;} .trait-rose2 { color:#f4a0c7; font-size: 10pt; font-weight: bold; clear:both;} .btn-information-envoie-ami { cursor:pointer; padding:190px 0 0 17px; } .ligne-ami-plus2 { background:url(/images/fond-lesplus2.png) no-repeat left top; color:#FFFFFF; width:450px; height:180px; margin-left:30px;} .ligne-ami-plus { background:url(/images/fond-lesplus.png) no-repeat left top; color:#FFFFFF; width:450px; height:180px; margin-left:30px;} .ligne-ami-t4 { color:#fff; margin-left : 3px; margin-top:5px; margin-right:20px; font-size: 8pt; float:right; width:200px; } .ligne-ami-t4 a { color:#fff; } .ligne-ami-t4 img { float: left; padding: 1px 5px; } .btn-right-top2 { float:right; margin-right:0px} #ligne-ami-t5 { margin-top: 0px; margin-right: 5px; list-style-type: none; } #ligne-ami-t5 li { margin: 0 0 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; color:#fff; padding-left:0px; padding-top:5px; float: left; } .ami1 { width:55px; text-align:center;} .ami2 { width:55px; text-align:center;} .ami3{ width:55px; text-align:center;} .ami4 { width:55px; text-align:center;} .ami5 { width:55px; text-align:center;} .ami6 { width:20px; text-align:center;} .ligne-ami-t6 { color:#FFFFFF; font-weight: bold; width:400px; height:90px; margin-left:10px; text-align: center; clear:both;} /***************************************************************************/ /****************** Importer des dates *********************/ .blanc12-2 { font-size: 10pt; color: #fff; padding:2px 0 2px 0; width: 310px; margin-top: 5px; margin-bottom:5px; line-height: 24px; } .blanc12-3 { font-size: 10pt; color: #fff; padding:2px 0 2px 0; width: 460px; margin-top: 5px; margin-bottom:5px; line-height: 24px; } .colonne p{ float:left; width:230px; } .fond-gris { background-color:#d6d6d6; color:#000000; margin:0; } .fond-gris img { margin:1px 5px; vertical-align: middle; } .date-naissance { text-align:center; width:200px } .trouve { background:url(/images/fond-trouver.gif) no-repeat left top ; color:#e75294; font-size: 16pt; padding-left:15px; height:80px;} .date11 { font-size: 11pt; font-weight: bold; text-align: left; color: #3f3f3f;} #navigdatesite { position:absolute; width:160px; height:35px; left:338px; text-align:right; top: 26px; font-weight: normal; } .fond-blanc-dates { background-color:#fff; margin:10px 0px 10px 0px; padding: 0px 0px 0px 0px; width:556px; position:relative;} .overflow-dates { float:right; width:556px; height:480px; overflow:auto;} /***************************************************************************/ /****************** Premium *********************/ .table-blanc10 { font-size: 10pt; color: #000; } #overflow-premium { width:500px; height:410px; overflow:auto; padding:5px 14px 5px 14px;} .noir8 { font-size: 8pt; text-align: left; color: #000000; text-align:justify;padding:5px 0px 5px 0px;} .noir10 { font-size: 10pt; color: #000; line-height: 24px; text-align:justify; padding:5px 14px 5px 14px;} /*******************************************************************************************/ /****************** Proche Anniversaire � venir *********************/ #element-proche-nav, #element-message-nav { margin: 0px 0 0 20px; } #element-proche-nav li, #element-message-nav li { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; height:26px; float: left; padding-left:0px; padding-top:5px; color:#000000; margin-top:5px; _margin-top:3px;} .element-proche-on { background: url(/images/nav-rose.gif) no-repeat left top; color:#000000; width:180px; text-align:center;} .element-proche-off { color:#b1b2b4; width:180px; text-align:center; background: url(/images/nav-off.gif) no-repeat left top; } .element-proche-off a { color: #b1b2b4; text-decoration:none } .element-proche-on a { color: #fff; text-decoration:none } #element-proche--nav li a { color: #000; text-decoration:none } #element-message-nav li a { color: #b1b2b4; text-decoration:none } /************************ ANNIVERSAIRE ******************************/ #anniversaire { width:490px; height:170px; margin:30px 0 0 10px; } #comm_anniversaire { width:490px; margin:30px 0 0 10px; } #calendrier-anniv { width:80px; height:80px; background: url(/images/calendrier.gif) no-repeat left top; padding:20px 0 0 0; float:right; } .chiffre-anniv { color:#FF0000; font-size:12pt; font-weight: bold; text-align:center; } .mois-anniv {color:#000; font-size:8pt; font-weight: bold; text-align:center; } #photo-anniv { width:80px; height:100px; float:right;padding:0 5px 10px 5px; } #nom-anniv {color:#000; font-size:12pt; font-weight: bold; width:160px; float:right; padding-top:15px;} #lien-anniv {color:#000; font-size:8pt; width:150px; float:right; text-align:right; } #lui { padding:0 0 0 5px; height:80px; } #lui li { color:#fff; font-weight: normal;font-size:8pt; padding:40px 0 0 0; display:inline;} #lui li a { color:#000; text-decoration:none;} .lui-1-message { text-align:center; background-image: url(/images/nav-message.gif); background-repeat: no-repeat; background-position: 50px top; width: 130px; } .lui-2-cadeau { text-align:center; background-image: url(/images/nav-cadeau.gif); background-repeat: no-repeat; background-position: 40px top; width: 110px; } .lui-3-compte { text-align:center; background-image: url(/images/nav-compte.gif); background-repeat: no-repeat; background-position: 50px top; width: 130px; } .barre { margin:0 0 0 0px; padding:0; background: url(/images/barre-gris.png) repeat-x 0 0;} .autre-date { background-color:#c3809f; margin-left:0px; font-size:10pt; font-weight:bold; padding:0 0 0 10px; height:25px; color:#FFFFFF;} .voir { font-size:9pt; text-align:right; text-decoration: underline; font-weight:normal; background-color:#c3809f; margin:-15px 0 0 0; float:right; } #commentaires-perso { background:url(/images/fond-commentaire.gif) no-repeat left top; width:433px; height:60px; padding-left:15px; margin-top:5px; margin-left:10px; } #commentaires-perso a { color:#000; text-decoration:none; float:right; margin-right:20px; margin-top:3px;} /************************ FIN ANNIVERSAIRE ******************************/ /********************** Faites un cadeau ********************************/ .noir11 { color:#000; font-size:11pt; } .noir11bold { color:#000; font-size:11pt; font-weight: bold;} /****************** Quoi offrir *********************/ .colonneliste {width:490px; height:60px; overflow:auto;} .colonneliste p{ float:left; width:210px; } #commentaires-perso-quoi { background:url(/images/fond-commentaire.gif) no-repeat left top; width:433px; height:60px; padding-left:15px; margin-top:5px; margin-left:30px; } #commentaires-perso-quoi a { color:#000; text-decoration:none; float:right; margin-right:20px; margin-top:3px;} #navigoffir { position:absolute; width:160px; height:56px; left:338px; text-align:right; top: 26px; font-weight: normal; } .btn-go { background:url(/images/btn-noir2.png) no-repeat 0 0 ; width:50px; height:16px; float:right; margin:1px 0px 1px 0px;} .btn-go a { font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align:center; padding:4px 0px 1px 0px; cursor:pointer; text-decoration:none; width:50px; height:16px;} .txtdescript { font-size: 9pt; text-align:left; padding:2px 5px 1px 5px; cursor:pointer; text-decoration:none;} .offrir-off { background: url(/images/onglet01-off.png) no-repeat 0 0; width:107px; text-align:center; color:#6b6a6a; text-decoration:none;} .offrir-on { background: url(/images/onglet01-on.png) no-repeat 0 0; width:107px; text-align:center; color:#000; text-decoration:none;} .offrir-off a {text-decoration:none; color:#6b6a6a;} .offrir-on a {text-decoration:none; color:#000;} #offrircadeau { margin: 0px ; height:40px; } #offrircadeau li {float: left; padding-top:5px; padding-bottom: 5px;} .offrircadeau-nom { font-weight: bold; width:310px; margin:0 0px 10px 40px; text-align:left;} /****************** cadeau collectif *********************/ #navigcadeaucollec { position:absolute; width:160px; height:40px; left:286px; text-align:center; top: 20px; font-weight: normal; } .btn-lien-kdocollec { background:url(/images/btn-lien-kdocollec.png) no-repeat 0 0 ; color:#FFFFFF; font-size:9pt; font-weight: bold; text-align: center; width:150px; height:39px; float:left; } .btn-lien-kdocollec { padding-top:6px; } .btn-lien-kdocollec a {text-decoration:none; color:#FFFFFF; text-align: center; padding:1px 0px 1px 10px; cursor:pointer; width:150px; height:39px;} .btn-lien-kdocollec2 { background:url(/images/btn-lien-kdocollec2.png) no-repeat 0 0 ; color:#FFFFFF; font-size:9pt; font-weight: bold; text-align: center; width:150px; height:39px; float:left; } .btn-lien-kdocollec2 { padding-top:6px; } .btn-lien-kdocollec2 a {text-decoration:none; color:#FFFFFF; text-align: center; padding:1px 0px 1px 10px; cursor:pointer; width:150px; height:39px;} .fond-blanc-kdocollec-200{ background-color:#fff; margin:10px 10px 10px 10px; padding: 0px 0px 0px 0px; width:430px; position:relative; color:#000000;} .overflow-kdocollec { width:430px; height:270px; overflow:auto;} .overflow-kdocollecmessage { width:430px; height:170px; overflow:auto;} .noirkdo { color:#000; font-size:10pt; } .cad-collectif-suivi { color:#000; font-size:12px; font-weight: normal; text-align: center; } .cad-collectif-suivi2 { color:#000; font-size:10px; font-weight: bold; text-align: left;} .cad-collectif-suivi2 td {padding: 2px 2px 2px 2px;} .btn-kdocollectif-suivi { font-size: 9pt; font-weight: bold; color: #fff; padding:2px 0px 2px 0px; margin:2px 50px 2px 50px; cursor:pointer; text-decoration:none; width:115px; height:50px; text-align:center; background: url(/images/btn-fond-gris115.png) no-repeat 0 0; float:left;} .btn-kdocollectif-suivi a {text-decoration:none; color:#FFFFFF;} .overflow-kdocollectif-suivi { width:940px; height:300px; overflow-y:auto; overflow-x: hidden;} #gondol-kdocollectif { width:415px; height:48px; padding-left: 88px; padding-top: 10px; margin: 0px;} /****************** Mes Proches *********************/ .fond-blanc-bord-500 { background-color:#fff; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:556px; position:relative;} .overflow-460-proche { width:480px; height:460px; overflow-y:auto; overflow-x: hidden; } .overflow-526-proche { width:556px; height:460px; overflow-y:auto; overflow-x: hidden; } .overflow-150-proche { float:right; width:510px; height:400px; overflow:auto;background-color:#c3c3c3;} #element-afficher { margin: 0px ; display:inline; padding-left: 0px;} #element-afficher li { font-weight: bold; height:55px; float: left; padding-left:0px; padding-top:0px; } #element-afficher li a { color: #000; text-decoration:underline } .element-afficher-imag { width:55px; margin-left:20px; } .element-afficher-titre { width:240px; color:#e75294; font-size:11pt; } .element-afficher-titre2 { width:150px; color:#e75294; } .element-afficher-titre3 { width:300px; color:#e75294; } .element-afficher-aff { width:50px; color:#000000; } .element-afficher-on { width:75px; color:#000000; text-align:center; } .element-afficher-off { width:50px; color:#000000; text-align:center;} .element-afficher-off2 { width:40px; color:#000000; text-align:center;} #proche { margin: 0px ; display:inline; } #proche li { /*height:90px;*/ float: left; padding-left:0px; padding-top:5px; } .proche-photo { width:100px; padding:0 0px 10px 20px; text-align:center; } .proche-nom { font-weight: bold; width:280px; padding:0 5px 0px 5px;} .proche-lien {color:#000; font-size:8pt; width:140px; text-align:right; } .prochebis { margin: 0px ; display:inline; } .prochebis li { height:90px; float: left; padding-left:0px; padding-top:5px; } .proches-nom2 { font-weight: bold; width:280px; padding-top:15px;} .proche-lien2 {color:#000; font-size:8pt; width:140px; text-align:right; } .btn-lien-proches { background:url(/images/btn-noir1.png) no-repeat 0 0 ; width:97px; height:16px; float:left; } .btn-lien-proches a { color:#FFFFFF; font-size:9pt; font-weight: bold; text-align: center; padding:1px 0px 1px 0px; cursor:pointer; text-decoration:none; width:97px; height:16px;} #proche-comment {padding:0 20px 0 20px;} .proche-rose {color: #e75294; } .rose {color: #e75294; } .noirproche {font-weight:normal; color: #000; padding:5px 10px 5px 15px;} /****************** Mes proches importer 1 colonne *********************/ .overflow-460 { width:500px; height:460px; overflow:auto;} #proche-imp { margin: 0px ; display:inline; } #proche-imp li { height:50px; float: left; padding:0 2px 10px 10px; } .proche-imp-photo { width:70px; text-align:center; } .proche-imp-nom { font-weight: bold; font-size:9pt; padding-top:15px; width:230px;} .proche-imp-lien {color:#000; font-size:8pt; width:150px; text-align:right; } .proche-cadeau { font-weight: bold; margin:0 0px 10px 40px; text-align:left;} .proche-cadeau2 { font-weight: bold; margin:0 0px 10px 15px; text-align:left;} #proche-impcadeau { margin: 0px ; display:inline; } #proche-impcadeau li { height:10px; float: left; padding:0 0 0 0;} /****** VALIDATION FOND ROSE TEXTE BLANC *********/ .fond-rose-ok { background-color:#e75294; margin:10px 10px 10px 85px; padding: 0px 0px 0px 0px; width:350px; position:relative;} .overflow-ok { width:340px; height:200px; overflow-y:auto; overflow-x: hidden; } /**************Salon****************/ #proche3 { margin: 0px ; display:inline; } #proche3 li { float: left; padding-left:5px; padding-top:5px; } .proche-nom3 { width:380px; padding-top:15px; background-color:#e8e8e8;} .proche-lien3 {color:#000; font-size:8pt; width:30px; text-align:right; } .rose3 { color: #e75294; font-weight: bold; } .gris3 { color:#6e7177; font-weight: bold; } .btn-publier { background:url(/images/btn-noir1.png) no-repeat 0 0 ; width:97px; height:16px; float:right; margin:1px 0px 1px 0px;} .btn-publier a { font-size: 9pt; font-weight: bold; color: #FFFFFF; text-align:center; padding:4px 0px 1px 0px; cursor:pointer; text-decoration:none; width:97px; height:16px;} /**************Calendrier****************/ .calendrier{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:9pt;} /* corrigé car erreur sous ie pour les champs d'alimentation de conversation sous ie .fond-blanc-bord3 { background-color:#fff; margin:10px 10px 10px 10px; padding: 0px 0px 0px 0px; width:350px; position:relative;}*/ .fond-blanc-bord3 { background-color:#fff; margin:10px 10px 10px 10px; padding: 0px 0px 0px 0px; width:350px;} /***************************************************************************/ /****************** DEMO *********************/ .fond-blanc-bord-demo { margin:auto; padding: 0px 0px 0px 0px; width:486px; position:relative; text-align:center;} .overflow-demo { width:480px; height:360px; overflow:auto;} .rejouer { background-color:#d7d7d7; margin:0; padding:0; width:400px; } .rejouer2 {text-decoration: none; color:#737479; font-weight: bold; } /*.demo11 { font-size: 11pt; font-weight: bold; color: #fff; margin-left:20px; } .demo11 a { font-size: 11pt; font-weight: bold; color: #fff; text-decoration:none;} .demo11 a:hover { font-size: 11pt; font-weight: bold; color: #fff; text-decoration:underline;}*/ .demo11 { font-size: 11pt; font-weight: bold; color: #000000; } .demo11 a { font-size: 11pt; font-weight: bold; color: #000000; text-decoration:none;} .demo11 a:hover { font-size: 11pt; font-weight: bold; color: #E75294;} #gondol-demo { height:48px; padding-left: 55px; padding-top: 10px; margin: 0px;} .btn-demo { font-size: 9pt; font-weight: bold; color: #fff; padding:2px 0px 2px 0px; margin:2px 2px 2px 45px; cursor:pointer; text-decoration:none; width:115px; height:50px; text-align:center; background: url(/images/btn-fond-gris115.png) no-repeat 0 0; float:left;} .btn-demo a {text-decoration:none; color:#FFFFFF;} /***************************************************************************/ /****************** FIN centre *********************/ /***************************************************************************/ /***************************************************************************/ /********************** Frame DROITE Pub *********************/ /***************************************************************************/ #frame-pub { float:left; width:160px; /*height:730px;*/ margin:5px 10px 0 0; padding:0px;} /********************** FOOTER *********************/ #footer p { /*width:760px;*/ height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; color:#404244; text-align:center; margin-left:20px; margin-right:20px; } #footer p a { text-decoration:none; color:#282828; } #footer p a:hover { text-decoration:underline; color:#000 } /******************* FOOTER **************************/ /******************* IFRAME **************************/ iframe.souhait { width:525px; border:none; } body.mon-compte { background-color:#999999; } /* */ #centreframe { background-color:#ffffff; float:left; width:557px; margin:0 0 0 0px; text-align:left; } /**/ p.email-error { width:525px; text-align:center; color:red; } #container{background:url(/images/fond-element-fiche.gif) repeat-y; margin-left:20px; width:760px;} #autre-date-agenda { background-color:#FFF; margin-left:0px; font-size:10pt; font-weight:bold; padding:0 0 0 10px; height:25px; color:#000;} /*.index-content{padding:20px;}*/ #bouton-50 input, #bouton-50 input:focus, #bouton-50 input:hover { border:0px; width:50px; height:16px; cursor:pointer; text-align:center; background:transparent url('/images/bouton_50.png'); font-weight:bold; color:#fff; padding-bottom:3px } #bouton-75 input, #bouton-75 input:focus, #bouton-75 input:hover { border:0px; width:75px; height:16px; cursor:pointer; text-align:center; background:transparent url('/images/bouton_75.png'); font-weight:bold; color:#fff; padding-bottom:3px } #bouton-100 input, #bouton-100 input:focus, #bouton-100 input:hover { border:0px; width:97px; height:16px; cursor:pointer; text-align:center; background:transparent url('/images/bouton_100.png'); font-weight:bold; color:#fff; padding-bottom:3px } #bouton-120 input, #bouton-120 input:focus, #bouton-120 input:hover { border:0px; width:120px; height:16px; cursor:pointer; text-align:center; background:transparent url('/images/bouton_120.png'); font-weight:bold; color:#fff; padding-bottom:3px } #bouton-150 input, #bouton-150 input:focus, #bouton-150 input:hover { border:0px; width:150px; height:16px; cursor:pointer; text-align:center; background:transparent url('/images/bouton_150.png'); font-weight:bold; color:#fff; padding-bottom:3px }