* {padding:0; margin:0; background-repeat:no-repeat;} ul {list-style:none;} a {text-decoration:none;} a img {border:0;} body {background-image:url(images/background.png);background-repeat:repeat-x;font-family:Arial, Helvetica, sans-serif;background-color:#000;} #cadre {width:950px; margin:0 auto;background-image:url(images/immeubles.png);background-position:145px 40px;} #cadre2 {background-image:url(images/soleil.png);background-position:left top;} #header {background-image:url(images/header.png);height:206px;width:419px;} #menu {width:144px;height:310px;background-image:url(images/blocmenu.png);background-position:right top;padding:70px 0 0px 36px;margin-top:-80px;text-indent:-5000px;float:left;} #menu ul li a{display:block;width:100%;background-position:center;padding:4px 0;} #menu ul li a.accueil{background-image:url(images/btAccueil.png);height:32px;} #menu ul li a.accueil:hover, #menu ul li.selected a.accueil{background-image:url(images/btAccueilOver.png);} #menu ul li a.tarifs{background-image:url(images/btTarifs.png);height:26px;} #menu ul li a.tarifs:hover, #menu ul li.selected a.tarifs{background-image:url(images/btTarifsOver.png);} #menu ul li a.materiel{background-image:url(images/btMateriel.png);height:31px;} #menu ul li a.materiel:hover, #menu ul li.selected a.materiel{background-image:url(images/btMaterielOver.png);} #menu ul li a.partenaires{background-image:url(images/btPartenaires.png);height:32px;} #menu ul li a.partenaires:hover, #menu ul li.selected a.partenaires{background-image:url(images/btPartenairesOver.png);} #menu ul li a.contacter{background-image:url(images/btContact.png);height:35px;} #menu ul li a.contacter:hover, #menu ul li.selected a.contacter{background-image:url(images/btContactOver.png);} /**** DEB MOD NEWS ****/ #news {float:left;line-height:16px;width:282px;margin-top:-275px;} /*rest 8px */ #news .head{background-image:url(images/imageNews.png);width:282px;height:248px;position:relative;top:100px;} #news .top{background-image:url(images/blocnews_top.png);height:11px;background-position:right;} #news .mid{background-image:url(images/blocnews_mid.png);background-repeat:repeat-y;background-position:right;padding:85px 10px 5px 60px;} #news .bot{background-image:url(images/blocnews_bot.png);height:11px;background-position:right;} #news a {text-decoration:none;color:#FFF;} #news bloc .titre a:before {content:":: ";} #news bloc .titre a:after {content:" ::";} #news .bloc {width:100%;} #news .bloc .titre {font-size:12px;font-weight:bold;padding:5px 0;} #news .bloc .texte {font-size:12px;margin-bottom:5px;text-align:justify;color:#FF6;} #news .bloc .texte a.suite{display:block;height:10px;width:100%;padding:2px 0;font-size:10px;} #news .bloc .texte a.suite:before{content:"Lire la suite";} #news .bloc .texte a.suite:after{content:"";} /**** FIN MOD NEWS ****/ #infos {float:left;line-height:16px;width:282px;margin-top:-275px;color:#FFF;font-size:13px;text-align:center;line-height:18px;} /*rest 8px */ #infos .head{background-image:url(images/imageInfos.png);width:282px;height:248px;position:relative;top:100px;} #infos .top{background-image:url(images/blocnews_top.png);height:11px;background-position:right;} #infos .mid{background-image:url(images/blocnews_mid.png);background-repeat:repeat-y;background-position:right;padding:85px 10px 5px 60px;} #infos .bot{background-image:url(images/blocnews_bot.png);height:11px;background-position:right;} #infos p{padding:5px 0;} #infos a{color:#FF6;} #infos a:hover{text-decoration:underline;} #infos .titre {font-size:12px;font-weight:bold;padding:5px 0;} #infos .texte {font-size:12px;margin-bottom:5px;tcolor:#FF6;} /**** CONTENU ****/ #contenu {color:#FFF;text-align:justify;float:left;width:468px;padding-left:20px;margin-top:-20px;} #contenu .center{text-align:center;} #contenu h1{padding-bottom:3px;margin-bottom:5px;color:#FF6;font-size:18px;} #contenu h2{padding-bottom:3px;margin-bottom:5px;} #contenu p {text-indent:10px;padding-bottom:8px;} #contenu ul{padding-bottom:8px;} #contenu ul li:before{content:"- ";} #contenu img{float:right;margin:10px;} #contenu a{color:#FF6;} #contenu a:hover{text-decoration:underline;} /*** formulaires de contact ***/ /* message d'erreur et d'information */ /* positionnement de l'icone */ .contact .formulaire p.info, .contact .formulaire p.alerte{background-repeat:no-repeat; background-position:left center; text-indent:20px;} /* choix de l'icone + couleur contour information */ .contact .formulaire p.info{background-image:url(images/information.png); border:1px solid #69c;} /* choix de l'icone + couleur contour erreur */ .contact .formulaire p.alerte{background-image:url(images/warning.png); border:1px solid #F00;} /* formulaire */ .contact .formulaire{float:left; width:100%; text-align:left; color:#FFF;} .contact .formulaire p{padding: .2em 0; margin: 0 0 .2em 0;} /* mise en forme label */ .contact .formulaire label {float: left; width: 125px; text-align: right; margin: 0; padding: 0 .5em 0 0; line-height: 1.6;} .contact .formulaire label:hover, .contact .formulaire input {cursor: pointer;} .contact .formulaire label.haut {width:100%;text-align:left;} /* mise en forme champs */ .contact .formulaire input{width:290px; height:1.2em; border:1px solid #999;} .contact .formulaire input.imgBouton{background-image:url(images/btEnvoyer.png); width:168px; height:57px; border:0;background-color:transparent;} .contact .formulaire textarea{width:290px; border:1px solid #999;} .contact .formulaire .radio{margin:0 5px 0 10px; padding:0; border:0; width:20px;} /* mise en forme legende / info champs */ .contact .formulaire .legende {font-style : italic;font-size:13px;} /* mise en forme champs obligatoires */ .contact .formulaire label.oblig {font-weight: bold;} .contact .formulaire label.oblig:before {content:"* ";} /* décoration lien pour google maps */ a.googlemaps:after{content:" " url(images/googlemaps.png);} #contenu .gmap *{color:#000;font-size:12px;} #contenu .gmap a{text-decoration:underline;} #contenu .gmap img{float:none;padding:0;margin:0;} /************ plan d'acces ************/ /* définir hauteur et largeur du plan */ #map {width:500px; height:350px;} /******** mentions légales *********/ #contenu .center{text-align:center} /*** pied de page (solixis + mentions) ***/ #footer{clear:both;text-align:center;font-size:10px;padding:5px 0;} #footer a{color:#999;text-decoration:none;} #footer a:hover{text-decoration:underline;}