/*...............general.*/ *{font-size:7.9pt;font-family: Verdana, Arial,"Trebuchet MS", sans-serif;margin:0;padding:0;} HTML { overflow-x:hidden ; } html, body {height: 100%;} body{height:100%;background-color:#d2e8f0;background-image: url(img/body.jpg);background-position:top;background-repeat:repeat-y;} #page{background-image: url(img/zem.jpg);background-repeat:repeat-y;width:780px;margin:0 auto;} #page2{background-image:url(img/fond.jpg) ;background-position:bottom;background-repeat:no-repeat;width:780px;margin:0 auto; } #header {height:125px;} #sidebar{height:100%; width:150px;margin-bottom:0;float:left;} #contenue{width:630px;height:100%;float:left;} #footer{clear:both;margin-bottom:0px;height: 60px;width:780px;text-align:center;} #fauxfooter{height:95px;width:780px;margin:0 auto;background-image: url(img/EXTRABAS.jpg); background-repeat:no-repeat;} /*................ haut......................*/ #logo{background-image:url(img/logo.jpg);width:150px;height:125px;} #banner{background-image:url(img/banner.jpg);width:630px;height:125px;float:right;margin-top:-125px;} #logo a{display:block;width:150px;height:125px;} /*.................colonne gauche......................*/ #horizmenu{width:150px;padding-top:100px;background: url(img/img1.jpg) ;background-repeat:no-repeat;} #horizmenu ul {list-style-type: none ;} #liens li a {text-decoration:none;display:block;width:91px;height:26px;margin:0 auto;padding-bottom:5px;margin-bottom:3px; } .services a{ background-image: url(img/services.jpg);background-repeat:no-repeat; background-position:center;} .services a:hover { background-image: url(img/servicesx.jpg); background-repeat:no-repeat; background-position:center;} .galerie a{ background-image: url(img/galerie.jpg);background-repeat:no-repeat;background-position:center;} .galerie a:hover {background-image: url(img/galeriex.jpg); background-repeat:no-repeat; background-position:center;} .contact a{background-image: url(img/contact.jpg);background-repeat:no-repeat; background-position:center;} .contact a:hover { background-image: url(img/contactx.jpg);background-repeat:no-repeat; background-position:center;} .info a{ background-image: url(img/info.jpg);background-repeat:no-repeat; background-position:center;} .info a:hover { background-image: url(img/infox.jpg); background-repeat:no-repeat; background-position:center;} .news a{background-image: url(img/news.jpg);background-repeat:no-repeat; background-position:center;} .news a:hover {background-image: url(img/newsx.jpg);background-repeat:no-repeat; background-position:center;} /*.............centre..........................*/ #inside{margin:0; line-height:1.5em;height:100%;} #data{margin-bottom:70px;height:100%; background-repeat:no-repeat; background-position:right top;} /*.............centre navigation..........................*/ #navig{width:630px;height:30px;background-image: url(img/barre.jpg);background-repeat:no-repeat;} #verticmenu {display:inline;height:30px;width:400px;} #verticmenu li{display:inline;list-style-type:none;height:30px;width:110px;} #verticmenu .presentation a{ float:left;margin-left:40px;width:110px; height:30px;background-image: url(img/presentation.jpg); background-repeat:no-repeat;background-position:center;} #verticmenu .presentation a:hover{float:left;margin-left:40px;width:110px; height:30px;background-image: url(img/presentationx.jpg); background-repeat:no-repeat; background-position:center;} #verticmenu .plandusite a{width:110px;height:30px;background-image: url(img/plandusite.jpg);background-repeat:no-repeat; background-position:center;float:left;} #verticmenu .plandusite a:hover{width:110px;height:30px;background-image: url(img/plandusitex.jpg); background-repeat:no-repeat;background-position:center;float:left;} #verticmenu .titreservices a{width:110px;height:30px;float:left;background-image: url(img/titreservices.jpg); background-repeat:no-repeat;background-position:center;} #verticmenu .titreservices a:hover{width:110px;height:30px; float:left;background-image: url(img/titreservicesx.jpg); background-repeat:no-repeat;background-position:center;} #menulangue{padding-top:10px;width:100px;height:20px;float:right;} #menulangue li{ display:inline;height:30px;color:#bef2ff;} #menulangue li a{text-decoration:none;color:#bef2ff;height:30px;} #menulangue li span{text-decoration:none;color:white;height:30px;} /*.........centre contenu..............................*/ #data{ clear:both;width:100%;} #texte{ padding:35px;padding-bottom:10px;} #texte p{ padding-top:15px; } #texte a{text-decoration:none;color:#569fae; font-weight:bold;font-size:100%;} #texte .short {width:400px; } #texte .short2 {width:450px; } #texte .normal {width:540px; } #texte h2{ color:#3688a1; font-size:110%;width:150px;height:20px;} /*...........centre page services.......*/ #graf{width:560px;height:237px;} #tstexte{width:280px;height:340px;} #tstexte .short3{width:230px;} #tstexte .short4{width:250px;font-weight:bold;color:#569fae;} #tsgraf{width:280px;height:340px;float:right;margin-top:-340px;} #postmenu ul{width:425px;height:20px;} #postmenu li{display:inline;list-style-type:none;width:135px;height:20px;} #postmenu .vitres a{float:left;margin-left:150px;margin-top:-25px;width:135px; height:20px; background-image: url(img/postbutton1.jpg);background-repeat:no-repeat; background-position:center;} #postmenu .vitres a:hover{float:left;margin-left:150px;margin-top:-25px;width:135px; height:20px; background-image: url(img/postbutton1x.jpg);background-repeat:no-repeat;background-position:center;} #postmenu .industriel a{float:left;margin-left:285px;margin-top:-25px;width:135px; height:20px; background-image: url(img/postbutton2.jpg);background-repeat:no-repeat;background-position:center;} #postmenu .industriel a:hover{float:left;margin-left:285px;margin-top:-25px;width:135px; height:20px; background-image: url(img/postbutton2x.jpg);background-repeat:no-repeat; background-position:center;} #postmenu .residentiel a{float:left;margin-left:425px;margin-top:-25px;width:135px; height:20px; background-image: url(img/postbutton3.jpg);background-repeat:no-repeat; background-position:center;} #postmenu .residentiel a:hover{float:left;margin-left:425px;margin-top:-25px;width:135px; height:20px; background-image: url(img/postbutton3x.jpg);background-repeat:no-repeat;background-position:center;} #postmenu .audomicile a{float:left;margin-left:285px;margin-top:-25px;width:135px; height:20px; background-image: url(img/audomicile.jpg);background-repeat:no-repeat; background-position:center;} #postmenu .audomicile a:hover{float:left;margin-left:285px;margin-top:-25px;width:135px; height:20px; background-image: url(img/audomicilex.jpg);background-repeat:no-repeat; background-position:center;} #postmenu .horsdomicile a{float:left;margin-left:425px;margin-top:-25px;width:135px; height:20px; background-image: url(img/horsdomicile.jpg);background-repeat:no-repeat;background-position:center;} #postmenu .horsdomicile a:hover{float:left;margin-left:425px;margin-top:-25px;width:135px; height:20px; background-image: url(img/horsdomicilex.jpg);background-repeat:no-repeat;background-position:center;} /*..............footer.........................*/ #admin a{display:block;width:100px;height:60px;background-image: url(img/admin.jpg); background-repeat:no-repeat;margin-left:680px;background-position:center;} /*.............page infos..........................*/ #menu{ display:inline; width:160px;float:left; margin-left:280px;margin-top:-20px;} #infos{display:inline;width:280px; height:60px;clear:both;} #h{ position:relative;left:0px;top:-20px;font-size:90%;width:200px; font-weight:bold; color: #006699;} #infos2{ height:100%;margin-top:0px;!important margin-top:-20px;} #infos2 h3{ color: #00A6A6 ;font-size:95%; margin-top:20px;} #infos2 p{ margin:0px;padding:0px;padding-right:2px;font-size:100%;padding-top:5px;width:520px;} #infos2 .short5{ width:400px;font-size:7.9pt;padding-top:5px;font-size:100%;} #dd_text{color: #569fae; font-size:95%;margin-left:7px;margin-top:2px; padding-top:2px;font-weight:700; width:115px; height:12px; border:0px none;} #dropdown{font-size:95%;width:160px;height:100%;background:url(img/select.jpg); background-repeat:no-repeat;} #dd_list{font-size:95%;width:160px;height:100%;overflow:hidden;visibility:hidden;} #ul{width:160px; font-size:7pt;height:100%;margin-top:5px;} #li a{ font-size:7pt;margin-left:7px; height:100%; width:160px; } #li a:hover{ font-size:7pt;margin-left:7px;height:100%; color: #006699;width:160px;} div#infobulle { background-color: #9DDEE1; border:1px solid #006699; visibility:hidden;padding:2px; float:right;width:200px; height:12px;margin-right:45px !important;margin-right:25px;margin-top:3px;} /*.............page contact..........................*/ .short6{width:300px;} #form { background-image:url(img/fondform.jpg); background-repeat:no-repeat; padding:0;margin:0;width:290px;height:400px;} #form1 {width:254px;height:330px;margin-left:7px; text-align:center;} #form1 input{border:none;} #form2 {margin-top:12px !important;margin-top:4px; margin-left:12px ;width:250px;height:176px; background-image:url(img/textarea.jpg); background-repeat:no-repeat; } #textarea{overflow-y:auto ;overflow-x:auto ;border:none;} #form1b {width:254px;height:100px;text-align:right;} #form1c{width:254px;height:60px;text-align:right;} #form1bb {width:254px;padding-top:20px;padding-right:10px;} #form1bb label,input{margin-top:3px;} #form1bb label{color:#37a5a6;font-weight:bold;font-size:10px;} #form1cc {padding-right:10px;font-size:7.5pt;height:60px; margin-top:10px !important;margin-top:0px;margin-bottom:0px !important;margin-bottom:10px;} #x,#y,#z{border:none;color:#37a5a6;font-weight:bold;height:15px !important;height:8px;width:254px; margin-top:3px !important;margin-top:-4px;margin-left:0px!important;margin-left:6px;} .radio{font-size:9px;height:18px !important;width:254px !important;height:15px;width:254px;} .sos{ position:relative;top:3px !important;top:2px;} #form2b{padding-top:36px !important;padding-top:35px;height:156px;width:240px;} #textarea{width:180px;height:104px;margin-left:13px!important;margin-left:9px;border:none;} #form2bb{width:250px;height:28px ; margin-top:3px !important;margin-top:0px;text-align:right; background-image:url(img/fauxfond.jpg) !important; background-repeat:no-repeat;background-image: none;} .but2{background-image:url(img/envoyer.jpg) ; margin-top:15px;width:70px;height:20px; } .but{background-image:url(img/effacer.jpg) ;width:70px;height:20px;position:relative;left:-5px;} .short7{width:250px;float:right;text-align:center;margin-top:-290px;} h5{color: #4F6973;font-size:10px;} .clean{color:#37a5a6;} #message{width:250px;float:right;margin-top:-120px;margin-left:0 !important;margin-left:290px;} /*.............page plan..........................*/ #plan{height:300px;width:400px; background-image:url(img/circle2.jpg);} #block1{height:50px;width:400px;} #block1 a{display:block;width:80px;height:40px;margin-left:150px;margin-bottom:10px;text-indent:25px;} #block2{height:50px;width:200px;} #block2 a{display:block;width:100px;height:20px;margin-left:50px;text-indent:25px;margin-bottom:30px;} #block3{height:50px;width:200px;float:right;margin-top:-50px;} #block3 a{display:block;width:120px;height:20px;margin-left:40px;text-indent:35px;margin-bottom:30px;} #block4{height:50px;width:200px;} #block4 a{display:block;width:100px;height:20px;margin-left:30px;margin-bottom:30px;} #block5{height:50px;width:200px;float:right;margin-top:-50px;} #block5 a{display:block;width:110px;height:20px;margin-left:75px;text-indent:30px;margin-bottom:30px;} #block6{height:50px;width:200px;} #block6 a{display:block;width:100px;height:20px;margin-left:25px;text-indent:10px;margin-bottom:30px;} #block7{height:50px;width:200px;float:right;margin-top:-50px;} #block7 a{display:block;width:120px;height:20px;margin-left:65px;text-indent:35px;margin-bottom:30px;} #block8{height:30px;width:200px;} #block8 a{display:block;width:100px;height:20px;margin-left:50px;text-indent:10px;margin-bottom:10px;} #block9{height:30px;width:200px;float:right;margin-top:-30px;} #block9 a{display:block;width:150px;height:20px;margin-left:30px;text-indent:35px;margin-bottom:10px;} #block10{height:60px;width:200px;} #block10 a{display:block;width:200px;height:20px;font-size:10px;} #block11{height:60px;width:200px;float:right;margin-top:-60px;} #block11 a{display:block;width:200px;height:20px;font-size:10px;} /*.............page galerie..........................*/ #galerie{height:220px;width:240px;margin-left:167px !important;margin-top:3px !important;margin-top:20px ;} /*.............page admin..........................*/ #code{background-image:url(img/fondcode.jpg); background-position:top left; background-repeat:no-repeat;} #codeform{width:290px;margin-left:126px !important;margin-left:63px;margin-top:73px !important;margin-top:71px;} #codeform input{border:none;} #ok{width:20px;height:20px;position:relative;top:-8px;margin-left:20px !important;margin-left:22px;background:none;} #code_in{font-size:7pt; font-weight:bold;color:#505050;height:32px;} .error{font-size:7pt; font-weight:bold;color: #00A6A6;} #administrator h3{font-size:7pt; font-weight:bold;color:#505050;} #ajouterclient{width:80px;height:70px;text-align:center;position:relative;top:90px;left:34px;line-height:1.2em;} #ajouterclient a{display:block;width:80px;height:70px;font-size:7pt; font-weight:bold;color:#008194;} #ajouternews{width:80px;height:70px;text-align:center;position:relative;top:90px;left:174px;line-height:1.2em;} #ajouternews a{display:block;height:70px;width:80px;font-size:7pt; font-weight:bold;color: #00A6A6;} #rechercher{width:80px;height:70px;text-align:center;position:relative;top:-55px;left:280px;line-height:1.2em;} #rechercher a{display:block;width:80px;height:70px;font-size:7pt; font-weight:bold;color: #00A6A6;} /*.............page news..........................*/ #pages{width:420px;text-align:center;} #de {width:30px;height:30px;position:relative;left:450px;top:50px;} #de a{ display:block;width:30px;height:30px;} #pre {width:30px;height:30px;position:relative;left:450px;top:-45px;} #pre a{ display:block;width:30px;height:30px;} #sui {width:30px;height:30px;position:relative;left:515px;top:-75px;} #sui a{ display:block;width:30px;height:30px;} #fin {width:30px;height:30px;position:relative;left:510px;top:-40px;} #fin a{ display:block;width:30px;height:30px;} #titrenews{width:160px;position:relative;left:30px;top:-80px;text-align:center;color: #277198 ;font-size:7.8pt; font-weight:bold;} #datenews{width:160px;position:relative;left:30px;top:-100px;color: #00A6A6 ;font-size:7.8pt; font-weight:bold;} #contenunews{width:160px;position:relative;left:235px;top:-110px;font-size:7pt;color:#505050;} /*.............page admin/calendrier..........................*/ .ds_tbl { background-image: url(img/calendrier_fondsup.jpg);height:160px;margin:0;} .ds_head { background-image: url(img/calendrier_head.jpg);height:16px;width:105px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px;font-weight: bold; text-align: center;letter-spacing: 1px;color: #FFF;} .ds_head span{ background-image: none);color:#316892;height:16px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 9px; font-weight: bold;text-align: center;letter-spacing: 1px;} .ds_subhead{background-color:#daeef4;color:#316892;;height:16px;font-size: 9px;font-weight: bold;text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif;width:16px;} .ds_cell { background-color: #FFFFFF;width:16px;height:16px;color: #254f6e;font-size:6.8pt; font-weight:bold;text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; cursor: pointer;} #calendrier{ background-image:url("img/calendrier_fond.jpg");position:relative;top:-214px;left:280px ;width:120px;height:160px;padding:10px;margin:0;} #ds_box{ position:relative;top:-214px;left:280px ;width:120px;height:160px;margin:0;} /*.............page admin/3menu..........................*/ h4{width:250px;color:#3688a1;font-size:7.8pt; font-weight:bold;height:16px;} #messagenews{height:16px;color:#8c8fc4; font-weight:bold; font-size:7.8pt} #alert{height:16px;color:#8c8fc4; font-weight:bold; font-size:7.8pt} #note{color:#3688a1;font-size:7.8pt;font-weight:bold;} #retour{width:150px;height:16px;float:right;margin-left:250px;margin-top:-16px;text-align:center;} #retour a{ font-size:7.8pt;} #frmnews {padding:0;padding-left:10px;width:390px;height:205px;} #frmnews label{color: #00A6A6 ;font-size:7.8pt;font-weight:bold;height:12px; } #titre{width:213px;color: #006699;font-size:7.8pt;border:none; height:12px;background:none;margin-left:6px;margin-top:0 !important!;margin-top:3px;} #datum{width:70px;color:#006699 ;font-size:7.8pt;border:none; height:12px;background:none;margin-left:5px;margin-top:0 !important!;margin-top:2px;} #textnews{width:245px;height:85px;padding:5px;background:none;color:#006699;overflow-y:auto ;overflow-x:auto ;border:none; font-size:7.8pt} #send{background:none;position:relative;top:7px;left:150px;width:100px;height:16px;border:none;} #titre{position:relative;top:3px;} #frmclient {padding-left:10px;width:390px;} #frmclient label{color: #00A6A6 ;font-size:7.8pt;font-weight:bold;margin-top:6px;height:12px; } #frmclient input{background:none ;border:none;height:12px;margin-top:6px;margin-left:7px;color: #006699;font-size:7.8pt;} #frmclient {background-image:url(img/adminclients.jpg);} #ajouter{background:none;position:relative;left:123px;top:15px;width:117px;margin-top:20px;}