/* ------------------------------------ */ /* */ /* Généralités */ /* */ /* ------------------------------------ */ body { background:#eeeeee url(../_images/fondhaut.png) top repeat-x; font:12px Arial, Helvetica, sans-serif; color: #686868; margin: 0 0 20px; padding: 0 0 2em 0; text-align: center; line-height:14px; letter-spacing:0px; } .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; } 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; } .centrer { text-align:center; } .align_droite { text-align:right; } /* ------------------------------------ */ /* */ /* general */ /* */ /* ------------------------------------ */ #general { width:800px; text-align:left; margin:0 auto 13px; clear:both; overflow:hidden } .hautpub { } #droite { width:552px; float:left; } #gauche { float:right; width:238px;} .bloc { padding-top:22px;} .centre { width:555px; float:left } .service { padding-top:54px; } .droit { padding-left:11px; width:234px; float:right; } .droit div { padding-top:11px; } .bas { clear:both; padding-top:40px; } .boutton { clear:both; padding-top:20px; float:right; padding-right:19px; } .boutton a:hover { opacity: 0.75; filter : alpha(opacity=75); } /* cadre */ .cadre0 { width:506px; min-height:354px; 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; } #decouv01 { width:9px; height:33px; display:block; position:absolute; margin:166px 0 0 208px; background:transparent url(../_images/anim2.gif) 0 0 no-repeat; cursor:pointer; } #decouv02 { width:20px; height:20px; display:block; position:absolute; margin:158px 0 0 223px; background:transparent url(../_images/anim1.gif) 0 0 no-repeat; cursor:pointer; } #decouv03 { width:9px; height:33px; display:block; position:absolute; margin:134px 0 0 175px; background:transparent url(../_images/anim2.gif) 0 0 no-repeat; cursor:pointer; } #decouv04 { width:20px; height:20px; display:block; position:absolute; margin:97px 0 0 158px; background:transparent url(../_images/anim1.gif) 0 0 no-repeat; cursor:pointer; } #decouv05 { width:20px; height:20px; display:block; position:absolute; margin:217px 0 0 197px; background:transparent url(../_images/anim1.gif) 0 0 no-repeat; cursor:pointer; } #decouv06 { width:33px; height:20px; display:block; position:absolute; margin:210px 0 0 164px; background:transparent url(../_images/anim3.gif) 0 0 no-repeat; cursor:pointer; } a#decouv07 { width:142px; height:122px; display:block; position:absolute; margin:45px 0 0 374px; background:transparent url(../_images/vide.gif) 0 0 no-repeat; cursor:pointer; } #blocinstallrapide { width:272px; height:79px; background:#fff url(../_images/installation.jpg) left top no-repeat; display:block; } #blocservicesurveill { width:272px; height:77px; background:#fff url(../_images/servicetelesurveillance.jpg) left top no-repeat; display:block; } .blocformulaire2010 { display:block; /*padding-top:22px;*/ width:238px; background-image:url(../_images/contact1.png); background-repeat:no-repeat; background-position:0 -18px; /*overflow:hidden;*/ } .blocformulaire2010 .contentform { background-color:#FFF; display:block; width:235px; /*height:80px;*/ margin-left:2px; } .blocformulaire2010 FORM { padding-left:28px; margin:0; } .blocformulaire2010 FORM td { margin:0; padding:0; font-size:10px; color:#959595; } .blocformulaire2010 FORM input.formtxt, #blocformulaire2009 FORM select{ width:102px; border:1px solid #bfbfbf; } .blocformulaire2010 FORM #boton { margin-left:10px; } /* ------------------------------------ */ /* */ /* 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; } /* ------------------------------------ */ /* */ /* publicité */ /* */ /* ------------------------------------ */ #campagne_pub{ display:block; position:relative; overflow:visible; width: 550px; height:400px; } /* #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:320px; background: url(../_images/pub_popup/gif/left.gif) repeat-y; } #campagne_pub #popup_right { float:right; width:25px; height:320px; 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:320px; 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; background-color:#F8EBEC; } #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; } #joursrestant{ padding-top:240px; color:#484649; font-weight:bold; text-align:center;} #joursrestant span#part1 { font-size:22px; } #joursrestant span#part2 { font-size:16px; } #joursrestant span#part1 span { font-size:28px; color: