/* ------------------------------------ */ /* */ /* Généralités */ /* */ /* ------------------------------------ */ body { background:#fff; font:12px Arial, Helvetica, sans-serif; color: #686868; margin: 0; padding: 0 0 2em 0; text-align: center; line-height:14px; letter-spacing:0px; background-image:url(../_images/background.gif); background-position:0 0; background-repeat:repeat-x} .textegauche { text-align: left; } .textedroite { text-align: right; } .red { color:#A31418; } .masque { display:none; } h1,h2,h3,h4,h5,h6,p,form,ul,li,fieldset { margin:0; padding:0; } fieldset { border:none; } h2 { color:#A31418; font-size:14px; line-height:16px; margin-bottom:15px; } h2.titre { color:#A31418; font-size:13px; line-height:16px; margin-bottom:5px; font-style:italic; } h3 { font-size:13px; margin-bottom:5px; color:#555666; padding-left:18px; background:url(../_images/puce2.gif) left top no-repeat; } h4 { font-size:12px; font-weight:bold; } h5 { font-size:10px; font-weight:bold; } h1 { font-size:28px; } ul { margin-bottom:10px; } a { text-decoration:underline; color:#686868; } a:hover { text-decoration:underline; color:#A31418; } input, textarea, select { border:1px solid #686868; font:12px Arial, Helvetica, sans-serif; color: #333333; padding:1px } .small { font-size:10px; } .clear { clear:both; } .cadre0 img { float:right; margin-left:15px; margin-bottom:10px; } .cadre0 ul { margin:3px 0 0 10px; } .cadre2 li, .cadre0 li { list-style:none; margin-bottom:1px; padding-left:14px; background:url(../_images/puce1.gif) 0px 3px no-repeat; } .grandegauche li { list-style:none; } .vert { font-weight:bold; color:#00975D; } .centrer { text-align:center; } .align_droite { text-align:right; } /* ------------------------------------ */ /* */ /* Haut */ /* */ /* ------------------------------------ */ #hautpage { width:766px; height:11px; color:#CBCBCB; background:#e31b1e; margin:0 auto; text-align:left; overflow:hidden; } /* accessibilite */ #accessibilite { margin-left:10px; padding:0; } #accessibilite li { padding:0 3px 0 0; list-style:none; float:left; text-transform:lowercase; font-size:10px; line-height:10px; } #accessibilite li a { color:#CBCBCB; text-decoration:none; font-size:10px; } #accessibilite li a:hover { color:#A31418; text-decoration:none; font-size:10px; } /* header */ #header { width:766px; height:134px; margin:0 auto 13px; clear:both; text-align:right; position: relative; } /* logo gauche */ #logo A { width:206px; height:0; padding-top:134px; display:block; overflow:hidden; background:#fff url(../_images/souslogo.png) left top no-repeat; float:left; line-height:normal } /* menu avec puce */ #accesrapide { width:560px; height:85px; float:left; } #accesrapide ul { margin:39px 30px 0 0; padding:0; } #accesrapide li { padding:0 11px 0 14px; float:right; list-style:none; background:#fff url(../_images/puce1.gif) left no-repeat; } #accesrapide li a { text-transform:uppercase; font-size:9px; text-decoration:none; color:#686868; background-color:#FFFFFF; } #accesrapide li a:hover { text-transform:uppercase; font-size:9px; text-decoration:none; color:#A31418; background-color:#FFFFFF; } /* logo de droite */ #numvert { float:right; margin:23px 11px 0 15px; display:block; height:29px; width:192px; background:#fff url(../_images/num-vert.png) no-repeat; } /* menu generale */ #menu { float:left; width:560px; height:49px; } #menu ul { margin:0; padding:0; } #menu li { float:left; list-style:none; border-left:1px solid #fff; width:111px; height:49px; text-align:left; } #menu li a { color:#fff; text-decoration:none; padding:23px 0 12px 9px; height:14px; width:102px; display:block; background:#999999 url(../_images/fondmenu.png) 0px 0px repeat-x; font-family:"Trebuchet MS", Verdana, Arial, sans-serif; font-size:14px; } #menu li a:hover { color:#fff; text-decoration:none; background:#A31418 url(../_images/fondmenu.png) 0px -49px repeat-x; } #menu li #ok { color:#fff; text-decoration:none; background:#A31418 url(../_images/fondmenu.png) 0px -98px repeat-x; } /*Vu Sur TF1*/ .vuSurTf1 { display: block; position: absolute; top: 26px; left: 225px; } /* ------------------------------------ */ /* */ /* bas */ /* */ /* ------------------------------------ */ #baspage { width:766px; height:13px; color:#CBCBCB; background:#E1E1E1 url(../_images/bande2.gif) center top repeat-x; margin:0 auto 5px; text-align:left; overflow:hidden; clear:both; } /* menubas */ #menubas { width:766px; text-align:left; margin:0 auto 5px; } #menubas ul { margin:0 0 0 10px; padding:0; } #menubas li { padding:0 3px 0 0; list-style:none; float:left; text-transform:lowercase; font-size:12px; line-height:12px; color:#CBCBCB; margin-bottom:5px; } #menubas li a { color:#999999; text-decoration:none; font-size:12px; padding:0 2px 0 2px; } #menubas li a:hover { color:#fff; background-color:#A31418; text-decoration:none; font-size:12px; } /* copyright */ #copyright { width:766px; height:37px; color:#fff; font-size:10px; background:#E1E1E1 url(../_images/bande3.gif) center top repeat-x; margin:0 auto; text-align:left; overflow:hidden; clear:both; } #copyright p { width:300px; margin-top:13px; } #copyright p a { color:#fff; font-size:10px; text-decoration:none; } #copyright p a:hover { color:#A31418; font-size:10px; text-decoration:none; } #copyright .gauche { float: left; margin-left: 10px; } #copyright .droite { float: right; margin-right: 10px; } /* ------------------------------------ */ /* */ /* general */ /* */ /* ------------------------------------ */ #general { width:766px; text-align:left; margin:0 auto 13px; clear:both; } /*#general li { list-style:none; margin-left:10px; }*/ #general .gauche { float: left; margin-right:11px; margin-bottom:13px; width:272px; } #general .droite { float: right; /*margin-left:11px;*/ margin-bottom:13px; width:200px; } #general .centre { float: left; margin-left:0; margin-bottom:13px; width:272px; } #general .grandegauche { float: left; margin-right:0; margin-bottom:13px; width:554px; } #general .max { float: left; margin-right:0; margin-bottom:13px; width:766px; } /* cadre */ .cadre0 { width:506px; padding-left:23px; padding-right:23px; background-color:#fff; margin:0 1px 0 1px; } .cadre1 { width:230px; height:185px; padding-left:23px; background-color:#FFFFFF; margin:0 1px 0 1px; } .cadre2 { width:230px; height:118px; padding-left:23px; background-color:#F2F1E8; margin:0 1px 0 1px; } .cadre3 { width:506px; padding-left:23px; padding-right:23px; background-color:#F2F1E8; margin:0 1px 0 1px; } .cadre4 { width:506px; padding-left:23px; padding-left:23px; background-color:#FFFFFF; margin:0 1px 0 1px; } /* cadre style 1*/ .left { background:url(../_images/cadre/centregauche.gif) left repeat-y; width:auto; height:auto; margin:0; } .right { background:url(../_images/cadre/centredroit.gif) repeat-y right; width:auto; height:auto; margin:0; } .topleft { background:url(../_images/cadre/hautgauche.gif) left top no-repeat; height:19px; width:23px; float:left; margin-right:-3px; } .topcenter{ background:url(../_images/cadre/hautcentre.gif) center top repeat-x; width:auto; height:19px; } .topright { background:url(../_images/cadre/hautdroit.gif) no-repeat; height:19px; width:23px;float:right; margin-left:-3px; } .bottomright { background:url(../_images/cadre/basdroite.gif) no-repeat; width:23px; height:19px; float:right; margin-left:-3px; } .bottomleft { background:url(../_images/cadre/basgauche.gif) no-repeat; width:23px; height:19px; float:left; margin-right:-3px; } .bottomcenter { background:url(../_images/cadre/bascentre.gif) repeat-x left center; height:19px; width:auto; } /* cadre style 2*/ .left2 { background:url(../_images/cadre/centregauche2.gif) left repeat-y; width:auto; height:auto; margin:0; } .right2 { background:url(../_images/cadre/centredroit2.gif) repeat-y right; width:auto; height:auto; margin:0; } .topleft2 { background:url(../_images/cadre/hautgauche2.gif) left top no-repeat; height:19px; width:23px; float:left; margin-right:-3px; } .topcenter2{ background:url(../_images/cadre/hautcentre2.gif) center top repeat-x; width:auto; height:19px; } .topright2 { background:url(../_images/cadre/hautdroit2.gif) no-repeat; height:19px; width:23px;float:right; margin-left:-3px; } .bottomright2 { background:url(../_images/cadre/basdroite2.gif) no-repeat; width:23px; height:19px; float:right; margin-left:-3px; } .bottomleft2 { background:url(../_images/cadre/basgauche2.gif) no-repeat; width:23px; height:19px; float:left; margin-right:-3px; } .bottomcenter2 { background:url(../_images/cadre/bascentre2.gif) repeat-x left center; height:19px; width:auto; } /* infobulle */ .infobulle { position:absolute; z-index:100; visibility: hidden; width:333px; background:url(../_images/cadre/millieubulle.gif) left top repeat-y; } .hautbulle { width:333px; height:12px; background:url(../_images/cadre/hautbulle.gif) left top no-repeat; } .millieubulle { margin:0 12px 0 24px; } .basbulle { width:333px; height:12px; background:url(../_images/cadre/basbulle.gif) left bottom no-repeat; clear:both; } .infobulle img { margin-right:10px; } .infobulle h2 { color:#A31418; font-size:12px; line-height:16px; margin-bottom:5px; } .millieubulle li { list-style:none; margin-bottom:4px; } .millieubulle li:first-letter { text-transform:capitalize; color:#A31418; } /* ------------------------------------ */ /* */ /* Accueil Cadeau */ /* */ /* ------------------------------------ */ #cadeau { width:780px; height:536px; margin:0 auto; background:#fff url(../_images/cadeaux/cadeau.jpg) top left no-repeat;} #box1 { width:195px; height:268px; float:left; background:#fff url(../_images/cadeaux/cadeaux1.png) top left no-repeat; } #box2 { width:195px; height:268px; float:left; background:#fff url(../_images/cadeaux/cadeaux2.png) top left no-repeat; } #box3 { width:195px; height:268px; float:left; background:#fff url(../_images/cadeaux/cadeaux3.png) top left no-repeat; } #box4 { width:195px; height:268px; float:left; background:#fff url(../_images/cadeaux/cadeaux4.png) top left no-repeat; } #box5 { width:195px; height:268px; float:left; background:#fff url(../_images/cadeaux/cadeaux5.png) top left no-repeat; } #box6 { width:195px; height:268px; float:left; background:#fff url(../_images/cadeaux/cadeaux6.png) top left no-repeat; } #box7 { width:195px; height:268px; float:left; background:#fff url(../_images/cadeaux/cadeaux7.png) top left no-repeat; } #box8 { width:195px; height:268px; float:left; background:#fff url(../_images/cadeaux/cadeaux8.png) top left no-repeat; } #saisiecode { width:267px; height:48px; background:#fff url(../_images/cadeaux/input.png) left top no-repeat; position:absolute; margin:363px 0 0 -280px; left:50%; color:#999999; font-size:18px; z-index:100; clear:both; } #saisiecode span { position:absolute; margin-left:-5000px;} #pasdecode { width:650px; height:20px; position:absolute; left:50%; color:#999999; font-size:18px; z-index:100; clear:both; margin:492px 0 0 -280px; } #pasdecode a { text-decoration:none; color:#A31418; } #pasdecode a:hover { text-decoration:underline; color:#A31418; } #astcadeau { width:760px; text-align:left; margin:5px auto; color:#A31418; font-size:12px; } /* copyright */ #copyrightcadeau { width:760px; height:37px; margin:0 auto; text-align:left; overflow:hidden; clear:both; font-size:10px; } #copyrightcadeau p { width:300px;; } #copyrightcadeau p a { color:#686868; font-size:10px; text-decoration:none; } #copyrightcadeau p a:hover { color:#A31418; font-size:10px; text-decoration:none; } #copyrightcadeau .gauche { float: left; } #copyrightcadeau .droite { float: right; } /* ------------------------------------ */ /* */ /* acccessibilite */ /* */ /* ------------------------------------ */ kbd { font-size:10px; padding:0px 1px; border:1px solid #E5DFBF; border-right:1px solid #959178; border-bottom:1px solid #959178; background:#F6F1DB; font-style:normal; } .small { font-size:10px; font-style:italic; } /* ------------------------------------ */ /* */ /* garanties */ /* */ /* ------------------------------------ */ .picto1 { margin-bottom:10px; padding-left:37px; background:#fff url(../_images/picto1.png) left top no-repeat; } .picto2 { margin-bottom:10px; padding-left:37px; background:#fff url(../_images/picto2.png) left top no-repeat; } .picto3 { margin-bottom:10px; padding-left:37px; background:#fff url(../_images/picto3.png) left top no-repeat; padding-right:50px; } .picto4 { margin-bottom:10px; padding-left:37px; background:#fff url(../_images/picto4.png) left top no-repeat; } .picto5 { margin-bottom:0px; padding-left:37px; background:#fff url(../_images/picto5.png) left top no-repeat; } #cachetgarantie { width:82px; height:82px; position:absolute; left:50%; top:150px; display:block; background:url(../_images/cachet.gif) left top no-repeat; margin:0 0 0 95px; } /* ------------------------------------ */ /* */ /* offre CE */ /* */ /* ------------------------------------ */ #systemeperformant { width:555px; height:223px; } #abonnement { width:272px; height:156px; background:#fff url(../_images/abonnement.png) left top no-repeat; display:block; } #profiteoffre { width:272px; height:156px; background-repeat:no-repeat; background-position:left top; display:block; } #detecteurimage { width:272px; height:156px; background:#fff url(../_images/detecteur-images.gif) no-repeat left top; display:block; } #abonnementpro { width:272px; height:156px; background:#fff url(../_images/abonnement-pro.png) no-repeat left top; display:block; } /* ------------------------------------ */ /* */ /* bloc de droite */ /* */ /* ------------------------------------ */ #blocgrandconcours { width:200px; height:156px; display:block; background:#fff url(../_images/concours.jpg) left top no-repeat; } #blocformulaire { width:198px; height:221px; display:block; border:1px solid #a31418; overflow:hidden; } #blocappeleznous { width:200px; height:110px; display:block; background:#fff url(../_images/appeleznous.jpg) left top no-repeat; } #bloccontacteznous { width:200px; height:156px; display:block; background:#fff url(../_images/contacteznous.png) left top no-repeat; } #offrelimitee { width:200px; height:223px; display:block; background:#fff url(../_images/offre-limitee.png) left top no-repeat; } #blocappeleznoussuite { width:200px; height:113px; display:block; background:#fff url(../_images/appeleznous_suite.jpg) left top no-repeat; } #blocappeleznous2 { width:200px; height:156px; display:block; background:#fff url(../_images/appelleznousbis.jpg) left top no-repeat; } #blocparrainage { width:200px; height:156px; display:block; background:#fff url(../_images/parrainage2.png) left top no-repeat; } #blocpub { width:200px; height:156px; display:block; background:#fff url(../_images/bloc_vide.jpg) left top no-repeat; overflow:hidden; } #blocpub .titre{ width:200px; padding: 5px 5px 5px 10px; color: #A31418; font-weight:bold; } #blocpub .description{ width:100px; float: left; padding: 20px 0 5px 10px;} #blocpub .visuel{ width:80px; height:120px; float:right; margin-right:5px; } #blocformulaire2009 { width:200px; height:223px; display:block; background-image:url(../_images/form_background.png); background-repeat:no-repeat; background-position:0 0; margin-bottom:13px;} #blocformulaire2009 FORM { padding-top:135px; padding-left:18px; margin:0; } #blocformulaire2009 FORM TABLE TD, #blocformulaire2009 FORM TABLE TH, #blocminiformulaire2009 FORM TABLE TD, #blocminiformulaire2009 FORM TABLE TH { font-size:10px; line-height:10px; padding:0 } #blocminiformulaire2009 { width:200px; height:156px; display:block; background-image:url(../_images/form_background-mini.png); background-repeat:no-repeat; background-position:0 0;} #blocminiformulaire2009 FORM { padding-top:70px; padding-left:18px; margin:0; } /* ------------------------------------ */ /* */ /* decouvrir */ /* */ /* ------------------------------------ */ #decouv01 { width:9px; height:33px; display:block; position:absolute; left:50%; top:275px; margin-left:-173px; background:url(../_images/anim2.gif); cursor:pointer; } #decouv02 { width:20px; height:20px; display:block; position:absolute; left:50%; top:267px; margin-left:-157px; background:url(../_images/anim1.gif); cursor:pointer; } #decouv03 { width:9px; height:33px; display:block; position:absolute; left:50%; top:240px; margin-left:-205px; background:url(../_images/anim2.gif); cursor:pointer; } #decouv04 { width:20px; height:20px; display:block; position:absolute; left:50%; top:206px; margin-left:-222px; background:url(../_images/anim1.gif); cursor:pointer; } #decouv05 { width:20px; height:20px; display:block; position:absolute; left:50%; top:319px; margin-left:-182px; background:url(../_images/anim1.gif); cursor:pointer; } #decouv06 { width:33px; height:20px; display:block; position:absolute; left:50%; top:323px; margin-left:-217px; background:none; cursor:pointer; background:url(../_images/anim3.gif); } #decouv07 { width:78px; height:76px; display:block; position:absolute; left:50%; top:263px; margin-left:-30px; background:none; cursor:pointer; } #blocinstallrapide { width:272px; height:79px; background:#fff url(../_images/installation.png) left top no-repeat; display:block; } #blocservicesurveill { width:272px; height:77px; background:#fff url(../_images/servicetelesurveillance.png) left top no-repeat; display:block; } #systemefacilevivre { width:272px; height:156px; background:#fff url(../_images/system-facile-vivre.png) left top no-repeat; display:block; } /* ------------------------------------ */ /* */ /* services */ /* */ /* ------------------------------------ */ #blocapsad { width:272px; height:79px; background:#fff url(../_images/assuapsad.png) left top no-repeat; display:block; } #blocgarantis { width:272px; height:77px; background:#fff url(../_images/100pourcgarantis.png) left top no-repeat; display:block; } #blocabonsimp { width:272px; height:156px; background:#fff url(../_images/abonnementsimple.png) left top no-repeat; display:block; } /* ------------------------------------ */ /* */ /* concours */ /* */ /* ------------------------------------ */ #button_ins { width:213px; height:24px; display:block; background:url(../_images/button_ins.gif) left top no-repeat; margin: 5px 0 6px 0; } #blocgrandconcourspage { width:555px; height:223px; display:block; background:#fff url(../_images/concours2.jpg) left top no-repeat; } /* ------------------------------------ */ /* */ /* securitas */ /* */ /* ------------------------------------ */ a.suite { padding-left:16px; padding-right:2px; background:url(../_images/puce1.gif) 2px 5px no-repeat; color:#A31418; text-decoration:none; font-size:14px; border:1px solid #A31418; display: inline; margin:20px; } a:hover.suite { padding-left:16px; padding-right:2px; background:#A31418 url(../_images/puce1.gif) 2px 5px no-repeat; color:#fff; text-decoration:none; font-size:14px; } /* ------------------------------------ */ /* */ /* contact */ /* */ /* ------------------------------------ */ #general .formg { float:left; margin-bottom:10px; width:243px; } #general .formd { float:right; margin-bottom:10px; width:242px; } #general .forms { float:left; margin-bottom:10px; width:484px; } #general .formg input, #general .formd input, #general .forms input, #general .forms textarea { width:240px; } #general .forms .box { width:502px; height:60px; } #general .forms .boxin { width:502px; } #general .forms .check { width:auto; border:none; } #general .forms .button_env { width:74px; border:none; height:24px; } .info { padding:4px 0 4px 25px; background:#F2F1E8 url(../_images/puce3.png) 4px 4px no-repeat; margin-bottom:13px; } .erreur { padding:4px 0 4px 25px; background:#FFFFCC url(../_images/puce4.png) 4px 4px no-repeat; margin-bottom:13px; border: 1px solid #A31418; color:#A31418; } #pastillesecure li { background:url(../_images/pastille2.gif) left top no-repeat; padding-left:22px; margin-top:5px; margin-left:15px; } #blocconfirmation { width:555px; height:223px; display:block; background:#fff url(../_images/confirmation.jpg) left top no-repeat; } #blochabitat { width:200px; height:156px; background:#fff url(../_images/habitatethumanisme.jpg) left top no-repeat; display:block; } /* ------------------------------------ */ /* */ /* accueil */ /* */ /* ------------------------------------ */ .cadreavantage { width:272px; height:392px; } #blocaccueil { width:272px; height:223px; background:#fff url(../_images/lasecuritepourtous.jpg) left top no-repeat; display:block; } #blocoffrece { width:272px; height:156px; background:#fff left top no-repeat; display:block; } #blocparrain { width:272px; height:77px; background:#fff url(../_images/parrainage.jpg) left top no-repeat; display:block; } #signature { display:block; width:226px; height:22px; background:#F2F1E8 left top no-repeat; } /*#blocunsysteme { width:200px; height:156px; background:#fff url(../_images/unsystemefacileavivire.jpg) 0 0 no-repeat; display:block; }*/ /*#blocunsysteme { width:200px; height:156px; background:#fff url(../_images/cambrioleur.gif) 0 0 no-repeat; display:block; }*/ #blocunsysteme { width:200px; height:156px; background:#fff url(../_images/levee2.gif) 0 0 no-repeat; display:block; } /* ------------------------------------ */ /* */ /* publicité */ /* */ /* ------------------------------------ */ #campagne_pub{ display:block; position:relative; overflow:visible; width: 550px; height:450px; } /* #campagne_pub #popup_topleft { clear:left; float:left; width:25px; height:25px; background: url(../_images/pub_popup/gif/topleft.gif) no-repeat; } #campagne_pub #popup_topright { float:right; width:25px; height:25px; background: url(../_images/pub_popup/gif/topright.gif) no-repeat; } #campagne_pub #popup_top { float:left; width:500px; height:25px; background: url(../_images/pub_popup/gif/top.gif) repeat-x; } */ #campagne_pub #popup_topleft { clear:left; float:left; width:45px; height:45px; background: url(../_images/pub_popup/gif/topleft_45.gif) no-repeat; } #campagne_pub .popup_topright_off { float:right; width:45px; height:45px; background: url(../_images/pub_popup/gif/topright_45_off.gif) no-repeat; } #campagne_pub .popup_topright_on { float:right; width:45px; height:45px; background: url(../_images/pub_popup/gif/topright_45_on.gif) no-repeat; } #campagne_pub #popup_top { float:left; width:460px; height:45px; background: url(../_images/pub_popup/gif/top_45.gif) repeat-x; } #campagne_pub #popup_left { clear:left; float:left; width:25px; height:380px; background: url(../_images/pub_popup/gif/left.gif) repeat-y; } #campagne_pub #popup_right { float:right; width:25px; height:380px; background: url(../_images/pub_popup/gif/right.gif) repeat-y; } #campagne_pub #popup_bottomleft { clear:left; float:left; width:25px; height:25px; background: url(../_images/pub_popup/gif/bottomleft.gif) bottom left no-repeat; } #campagne_pub #popup_bottomright { float:right; width:25px; height:25px; background: url(../_images/pub_popup/gif/bottomright.gif) bottom right no-repeat; } #campagne_pub #popup_bottom { float:left; width:500px; height:25px; background: url(../_images/pub_popup/gif/bottom.gif) repeat-x; } /* Confirmation */ #campagne_pub_conf{ display:block; width:400px; height:290px; } #campagne_pub_conf #popup_conf_topleft { clear:left; float:left; width:25px; height:25px; background: url(../_images/pub_popup/gif/topleft.gif) no-repeat; } #campagne_pub_conf #popup_conf_topright { float:right; width:25px; height:25px; background: url(../_images/pub_popup/gif/topright.gif) no-repeat; } #campagne_pub_conf #popup_conf_top { float:left; width:350px; height:25px; background: url(../_images/pub_popup/gif/top.gif) repeat-x; } #campagne_pub_conf #popup_conf_left { clear:left; float:left; width:25px; height:240px; background: url(../_images/pub_popup/gif/left.gif) repeat-y; } #campagne_pub_conf #popup_conf_right { float:right; width:25px; height:240px; background: url(../_images/pub_popup/gif/right.gif) repeat-y; } #campagne_pub_conf #popup_conf_bottomleft { clear:left; float:left; width:25px; height:25px; background: url(../_images/pub_popup/gif/bottomleft.gif) bottom left no-repeat; } #campagne_pub_conf #popup_conf_bottomright { float:right; width:25px; height:25px; background: url(../_images/pub_popup/gif/bottomright.gif) bottom right no-repeat; } #campagne_pub_conf #popup_conf_bottom { float:left; width:350px; height:25px; background: url(../_images/pub_popup/gif/bottom.gif) bottom repeat-x; } #campagne_pub .popup_close_out { position:absolute; top:10px; right:10px; width:30px; height:30px; background: url(../_images/pub_popup/gif/bouton_croix_off.gif) bottom no-repeat; cursor:pointer; } #campagne_pub .popup_close_over { position:absolute; top:10px; right:10px; width:30px; height:30px; background: url(../_images/pub_popup/gif/bouton_croix_on.gif) bottom no-repeat; cursor:pointer;} #campagne_boutons { display:block; overflow:hidden;} #campagne_boutons .campagne_ok_off { width:266px; height:35px; background: url(../_images/pub_popup/gif/bouton_ok_off.gif) bottom no-repeat; float:right; cursor:pointer;} #campagne_boutons .campagne_ok_on { width:266px; height:35px; background: url(../_images/pub_popup/gif/bouton_ok_on.gif) bottom no-repeat; float:right; cursor:pointer;} #campagne_boutons .campagne_cancel_off { width:168px; height:35px; background: url(../_images/pub_popup/gif/bouton_cancel_off.gif) bottom no-repeat; float:left; cursor:pointer;} #campagne_boutons .campagne_cancel_on { width:168px; height:35px; background: url(../_images/pub_popup/gif/bouton_cancel_on.gif) bottom no-repeat; float:left; cursor:pointer;} #campagne_ok { float:right; } #campagne_cancel { float:right; } .spacer { height:100%; width:1px;} #campagne_pub_form { float:left; display:block; overflow:hidden; width:500px; height:380px; background:white; padding-top:0} #campagne_pub_form .titre { text-align:left; padding-bottom:20px; text-decoration:underline; } #campagne_pub_form .formulaire { display:block; width:100%; height:100%; background: white; text-align:left;} #campagne_pub_form .formulaire .formg { float:left; overflow:visible; clear:left; margin-bottom:10px; width:235px; } #campagne_pub_form .formulaire .formd { float:right; overflow:visible; margin-bottom:10px; width:235px; } #campagne_pub_form .formulaire .forms { clear:both; overflow:visible; margin-bottom:10px; width:100%; } #campagne_pub_form .formulaire .formg input, #campagne_pub_form .formulaire .formd input, #campagne_pub_form .formulaire .forms input, #campagne_pub_form .formulaire .forms textarea { width:230px; overflow:visible; } .errsaisie{ border:1px solid #E00006; } #campagne_pub_form .formulaire .forms .button_env { float:right; width:74px; border:none; height:24px; } #campagne_pub_form .formulaire .forms .campagne_form_send_on { float:right; width:96px; height:35px; background: url(../_images/pub_popup/gif/bouton_send_on.gif) bottom no-repeat; cursor:pointer;} #campagne_pub_form .campagne_noteinfo { clear:both; margin-top:-20px; font-size:9px; color:#666666; font-style:italic; width:370px; } #sendoffreami{ padding-top:10px; border-top:#E00006 1px dashed; } .indent { clear:left; overflow:visible; margin:8px 0 0px 30px; width:100%; } #campagne_pub_accueil { float:left; display:block; overflow:hidden; background:white; width:500px; height:380px; padding-top:0 } #campagne_pub_infos { width:290px; float: left; } #campagne_nom { overflow:hidden; font-weight:bold; margin-bottom:10px; vertical-align:middle; font-size:14px; } #campagne_nom span{ clear:both; width:100%; } #campagne_nom .campagne_leftquotes { clear:both; float:left; width:25px; height:25px; background: url(../_images/pub_popup/gif/leftquotes.gif) no-repeat; } #campagne_nom .campagne_rightquotes { clear:both; float:right; width:25px; height:25px; background: url(../_images/pub_popup/gif/rightquotes.gif) bottom no-repeat; } #campagne_description { margin-bottom:10px; margin-top:15px; text-align:justify; height:100%; vertical-align:middle; } #campagne_offert { color:#bb0031; clear:both; font-weight:bold; font-style:italic; font-size:16px; height:68px; background: url(../_images/pub_popup/logo_securitas.png) no-repeat; vertical-align:middle; line-height: 24px; padding:0 0 5px 120px; text-align:left;} #campagne_validite { clear:both; text-align:left; margin-bottom:20px; font-style:italic; } #campagne_pub_visuel { width:200px; height:300px; display:block; overflow:hidden; float: right; } #campagne_pub_confirmation { float:left; display:block; overflow:hidden; background:white; width:350px; height:230px; padding-top: 10px; } #campagne_pub_confirmation #campagne_close { width:350px; } #campagne_close .popup_close_on { width:96px; height:35px; background: url(../_images/pub_popup/gif/bouton_close_on.gif) bottom no-repeat; cursor:pointer;} /* ------------------------------------ */ /* */ /* message confirmation */ /* */ /* ------------------------------------ */ .message_erreur { border:2px solid red; height:44px; padding:5px; padding-bottom:5px; background:#ffffee url('../_images/fond_erreur.png') 18px center no-repeat; } .message_erreur td { color:red; font-weight:bold; padding-left:46px; } .message_ok { border:2px solid #78A83F; height:44px; padding-top:5px; padding-bottom:5px; background:#FFFFFF url('../_images/fond_ok.png') 9px center no-repeat; text-align:left; } .message_ok td { color:#78A83F; font-weight:bold; padding:5px 5px 5px 46px; line-height:23px; } #campagne_remerciement { margin: 30px 0 30px 0; } .invisible { visibility:hidden; display:none; } .visible { visibility:visible; display:inherit; }