/* Code couleur */ /* vin : #731d40 (anciennement #8b1a47) */ /* Contenu */ #menu { margin: 0 20px 0 20px; width: 910px; height: 158px; position: relative; } #navigation { width: 700px; padding: 40px 10px 20px 0; margin: 0 auto; float: right; text-align: right; background: url(../images/barre_haut.gif) repeat-x top; } #navigation ul { margin: 0; padding: 0; display: inline; color: #731d40; font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; } #navigation ul li { margin-left: 0; padding: 0 3px 0 8px; border-left: dotted 2px #999; list-style: none; display: inline; } #navigation ul li.first { margin-left: 0; padding-left: 0; list-style: none; display: inline; border-left:none; } #navigation ul li.last { margin-left: 0; list-style: none; display: inline; } #navigation ul li a { color: #731d40; text-decoration: none; } #navigation ul li a:hover { color: #731d40; text-decoration: underline; } #navigation ul li.active_item a { color: #731d40; text-decoration: underline; } #gauche { margin: 0 0 10px 0px; padding: 0 0 0 30px; width: 198px; float: left; } #recherche { padding: 0; margin: 0; width: 198px; float: left; } #menuRech { width: 198px; padding: 7px 0 0 0; margin: 0 auto; float: left; text-align: left; } #menuRech ul { margin: 0; padding: 0; display: block; color: #731d40; font: 14px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: -1px; } #menuRech ul li { margin: 0 0 2px 0; padding: 0; height: 45px; list-style: none; display: block; background: #D1D1D1; } #menuRech ul li a { margin: 0; padding: 14px 0 0 4px; display:block; height: 31px; text-decoration: none; } #menuRech ul li a:hover { color: #fff; font-size:13px; text-decoration: underline; } #menuRech ul li.bout1 a { color: #fff; font-size:13px; text-decoration: none; background: #c5af98; } #menuRech ul li.bout2 a { color: #fff; font-size:13px; text-decoration: none; background: #a2907d; } #menuRech ul li.bout3 a { color: #fff; font-size:13px; text-decoration: none; background: #807263; } #menuRech ul li.active_bout a { color: #000; text-decoration: underline; background: #d3bda6; } #droite { margin: 0 20px 10px 0; padding: 0 0 0 10px; width: 690px; float: right; } #anim { margin: 0 0 10px 0; padding: 0 10px 0 0; width: 680px; float: left; } #news { padding: 0; width: 258px; height: 353px; float: right; background: url(../images/fond_news.jpg); } #newsDyn { border-bottom:1px solid #ccc;margin: 0;margin: 0 10px 0 20px; padding: 10px 0 10px 0; width: 208px; } #newsStat { margin: 0 0 0 10px; padding: 10px 0 0 10px; width: 130px; } #projet { margin: 0; padding: 0 10px 0 0; width: 422px; float: left; background: #666; } .pastille { padding: 5px 0; margin: 0; width: 198px; float: left; border-top: 1px solid #D1D1D1; } .pastille input { width:220px;} .pastille.first { border: none; } .pastille.firstbig { margin-top: 10px; } /* cms pastille + orderPriority >>> */ #slidePastille { position:absolute; background:url("../images/pastille.jpg") no-repeat left top; width:160px; height:160px; top:350px; left:700px;} #slidePastille #percent { position:absolute;top:40px; left:32px;color:#fff} #slidePastille #percent input { width:30px; color:#555; text-align: center;} #slidePastille #slogan { position:absolute;top:70px; left:32px;color:#fff;border:solid 1px;} #slidePastille #slogan textarea { width:90px; height:40px; color:#555; font-family:Verdana, Arial, Helvetica, sans-serif; border:hidden; text-align:center;} #orderPriorityArea { position:absolute; top:170px; left:702px;} #orderPriorityArea input { width:40px;color:#555; font-family:Verdana, Arial, Helvetica, sans-serif} /* cms pastille + orderPriority <<< */ .ligneRouge { margin: 0 10px ; padding: 10px 0 0 0; border-top: 1px solid #731d40; } #footergauche { margin: 0; padding: 0; width: 440px; float: left; } #ptNav { width: 430px; padding: 0 0 3px 0; margin: 0 auto; float: left; } #ptNav ul { margin: 0; padding: 0; display: inline; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #333; } #ptNav ul li { margin-left: 0; padding: 0 1px 0 4px; border-left: solid 1px #999; list-style: none; display: inline; } #ptNav ul li.first { margin-left: 0; padding-left: 0; list-style: none; display: inline; border-left:none; } #ptNav ul li.last { margin-left: 0; list-style: none; display: inline; } #ptNav ul li a { color: #333; text-decoration: none; } #ptNav ul li a:hover { color: #333;text-decoration: underline; } #footercentre { margin: 0; padding: 0; width: 210px; float: left; text-align:center; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #333;} #footercentre img { color: #333; border: none; } #footercentre a { text-decoration: none; } #footercentre a:hover { text-decoration: underline; } #footerdroite { margin: 0; padding: 0; width: 150px; float: right; } #contInt { margin: 0 35px 10px 0; padding: 0 0 0 57px; width: 618px; float: right; } #yahoopass { width: 554px; padding: 0 80px 5px 0; margin: 0 auto; float: right; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #333; } #ipi { margin: 0 0 5px 0; padding: 1px 0 5px 20px ; width: 430px; height: 9px; float: left; background: url(../images/ipi.gif) left no-repeat; } .clear { clear: both; } /* Txt */ h2 { width: 554px; padding: 0 80px 0 0; margin: 0 auto; float: right; font: 24px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #731d40; line-height: 30px; letter-spacing: -1px; } #msg { margin-left:270px; clear:both;} #msg .valid { display:block; padding:5px 0 5px 25px; color:#5dc61e; background: url(../images/errormsg_valid.gif) no-repeat center left; } #msg .error { display:block; padding:5px 0 5px 25px; color:#c61e25; background: url(../images/errormsg_error.gif) no-repeat center left; } .solo { padding: 13px 80px 0 0;} .solo input { width:400px;} h3 { padding: 0; margin: 0 auto; font: bold 20px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #D1D1D1; letter-spacing: -2px; } .titre { padding: 0 0 10px 0; margin: 0 auto; font: 20px Verdana, Arial, Helvetica, sans-serif; text-transform: none; color: #B4B4B4; letter-spacing: -1px; } #titreNews { padding: 0 0 0 8px; margin: 15px 0 0 10px; width: 65px; border-bottom: solid 1px #731d40; font: 22px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #731d40; letter-spacing: -1px; } #titreDeNous { padding: 0 0 0 10px; margin: 15px 0 10px 0; width: 238px; border-bottom: solid 1px #731d40; font: 22px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #731d40; letter-spacing: -1px; } #titrePhoto { padding: 0 0 0 10px; margin: 15px 0 9px 0; width: 100px; border-bottom: solid 1px #731d40; font: 22px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #731d40; letter-spacing: -1px; } #titrePhoto form { padding: 120px; margin: 0; color:#dff4ff;} #msgError { padding: 0; margin: 0 0 0 10px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #bb0000;} #msgOk { padding: 0; margin: 0 0 0 10px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #00bb00;} p { padding: 0; margin: 0 auto; } p a { padding: 0; margin: 0 auto; color: #333; } p.txtpres { padding: 0 0 15px 0; } .intNews { padding-bottom: 6px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #731d40; text-decoration: underline; } .intNews a { color: #731d40;} .txtNews { line-height: 16px; } .savoir a { padding-top: 4px; margin: 0; float: right; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #731d40; text-decoration: underline; } .videoNews a { float: left; margin:10px 0 0 0; padding:0; width:137px; height:86px; background: url(../images/video.gif) left no-repeat;} .fooTitre { padding-bottom: 3px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #731d40; } .fooMail { padding-bottom: 3px; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #731d40; } .fooMail a { color: #731d40; text-decoration: none; } .fooMail a:hover { color: #731d40; text-decoration: underline; } .txtFooter { font: 9px Verdana, Arial, Helvetica, sans-serif; line-height: 14px; } .pt { padding-top: 3px; font: 9px Verdana, Arial, Helvetica, sans-serif; } .pt a { text-decoration: none; } .pt a:hover { text-decoration: underline; } .rouge { color: #731d40; } .boldrouge { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #731d40; } .bold { font: bold 10px Verdana, Arial, Helvetica, sans-serif; } /* Prsentation */ #soustitre { margin: 0; padding: 0 10px 5px 0; width: 197px; float: left; text-align: right; font: 13px Verdana, Arial, Helvetica, sans-serif; color: #731d40; line-height: 20px; } .ima_gauche { padding: 0 7px 0 0; margin: 0 auto; float: left; } .ima_droite { padding: 0 0 0 7px; margin: 0 auto; float: right; } /* Charte */ .num { margin: 0; padding: 0; width: 618px; float: left; } .pointcharte { margin: 0; padding: 3px 0 0 0; float: left; width: 560px; } .pointchartesolo { margin: 0; padding: 9px 0 0 0; float: left; width: 560px; } .pointchartegrand { margin: 0; padding: 10px 0 0 0; float: left; width: 600px; } .titrecharte { margin: 0; padding: 15px 0 10px 0; float: left; width: 600px; font: 18px Verdana, Arial, Helvetica, sans-serif; color: #731d40; } .soustitrecharte { margin: 0; padding: 0; float: left; width: 600px; font: 15px Verdana, Arial, Helvetica, sans-serif; } #colonne1 { margin: 0; padding: 5px 0 0 38px; width: 220px; float: left; } #colonne2 { margin: 0; padding: 5px 0 0 0; width: 330px; float: left; } #colonnesolo { margin: 0; padding: 5px 0 0 38px; width: 588px; float: left; } /* List */ #titre1 { margin: 0; padding: 0 0 0 5px; width: 93px; height: 30px; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #A02657; border-right: 2px solid #fff; } #titre2 { margin: 0; padding: 0 0 0 5px; width: 338px; height: 30px; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #A02657; border-right: 2px solid #fff; } #titre3 { margin: 0; padding: 0 0 0 5px; width: 113px; height: 30px; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #A02657; border-right: 2px solid #fff; } #titre4 { margin: 0; padding: 0 0 0 5px; width: 113px; height: 30px; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #A02657; border-right: 2px solid #fff; } .titreCellule { margin: 0; padding: 0; font: bold 18px Verdana, Arial, Helvetica, sans-serif; color: #A02657; } .titreCellule a { text-decoration: none; color: #A02657; } .cellule { margin: 0; padding: 0 0 0 5px; height: 70px; font: 12px Verdana, Arial, Helvetica, sans-serif; } .cellule a { text-decoration: none; color: #333; } .celluleGris { margin: 0; padding: 0 0 0 5px; height: 70px; font: 12px Verdana, Arial, Helvetica, sans-serif; background: #E8E8E8; border-right: 2px solid #FFFFFF; } .celluleGris a { text-decoration: none; color: #333; } /* Media */ #premarticle { margin: 0; padding: 10px 0; width: 630px; float: left; } .article { margin: 0; padding: 10px 0; width: 630px; float: left; border-top: 1px solid #D1D1D1; } .imalire { margin: 0; padding: 0; width: 514px; float: left; } .txtlire { margin: 0; padding: 25px 0 0 5px; float: left; font: 12px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #333;} .txtlire:hover { text-decoration:none;} /* News */ #contNews { margin: 0 35px 10px 20px; padding: 0 0 0 40px; width: 615px; float: right; } #newsall { margin: 0; padding: 7px 0 7px 7px; width: 608px; float: left; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #731d40; background: #FCF7F9; } #newsall a { text-decoration: none; color: #731d40; } #newsall :hover { text-decoration: underline; color: #731d40; } #icoNews { margin: 0; padding: 0; width: 55px; height: 100px; float: left; background: url(../images/icoNews.gif) top no-repeat; } #contenuNews { margin: 0; padding: 20px 0 10px 5px; width: 548px; float: left; border-bottom: 1px solid #D1D1D1; } #titredelaNews { margin: 0; padding: 0 0 8px 0; font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #731d40; } #linkNews { margin: 0 0 0 60px; padding: 8px 0 8px 20px; width: 150px; float: left; background: url(../images/icoLinkNews.gif) left no-repeat; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #731d40; } #linkNews a { text-decoration: underline; color: #731d40; } #listeNews { margin: 0 35px 10px 20px; padding: 0 0 0 20px; width: 635px; float: right; border-left: 1px solid #D1D1D1; } /* Projets */ #pastiligne { margin: 0; padding: 5px 0 5px 15px; float: left; } #doctxt { margin: 0; padding: 10px 0 0 0; float: left; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #A02657; } #doctxt a { color: #A02657; text-decoration: underline; } #doctxt img { margin:10px 25px; padding:0; } #important { margin: 0 0 15px 0; padding: 8px 0 0 0; width: 280px; height: 116px; background: url(../images/fond_Proj.gif) no-repeat; float: left; text-align: center; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; line-height: 27px; } #vignette { float: left; width: 280px; text-align: center; font: 16px Verdana, Arial, Helvetica, sans-serif; color: #fff; line-height: 27px;} #titreVignette { padding: 0 0 0 10px; margin: 15px 0; width: 125px; border-bottom: solid 1px #731d40; font: 22px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #731d40; letter-spacing: -1px; } #vignette #top { margin: 0; padding: 0; width: 280px; height: 10px; background: url(../images/fond_Proj.gif) top no-repeat; } #vignette #content { margin: 0 0 0 1px; padding: 0; width: 278px; background:#731d40;} #vignette #bottom { margin: 0; padding: 0; width: 280px; height: 10px; background: url(../images/fond_Proj.gif) bottom no-repeat;} #descriptif { clear:left; padding: 8px 0 0 0; margin:0; } #titreDescriptif { padding: 0 0 0 10px; margin: 15px 0; width: 125px; border-bottom: solid 1px #731d40; font: 22px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #731d40; letter-spacing: -1px; } #contentDescriptif { padding: 0 0 0 10px; margin: 15px 0;} #adresse { clear:left; } #titreAdresse { padding: 0 0 0 10px; margin: 15px 0 9px 0; width: 100px; border-bottom: solid 1px #731d40; font: 22px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #731d40; letter-spacing: -1px; } #contentAdresse {} #photosProjets { float: right; margin: 0 0 10px 10px; padding: 0; width: 335px; height:423px; background: url(../images/fond_gallery.gif); } #titrePhotosProjets { padding: 0 0 0 10px; margin: 15px 0; width: 125px; border-bottom: solid 1px #731d40; font: 22px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #731d40; letter-spacing: -1px; } #adrouge { margin: 0; padding: 0 0 5px 20px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #A02657; } #adnoir { margin: 0; padding: 0 0 0 20px; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333; } #sitededi { margin: 15px 0 0 0; padding: 10px 0 0 0; width: 280px; border-top: 0px solid #D1D1D1; text-align: left; } #sitededi input { width:250px;} #pastigauche { margin: 5px 0 0 0; padding: 0; width: 99px; float: left; border-right: 1px solid #D1D1D1; text-align: center; } #pastidroite { margin: 5px 0 0 0; padding: 0; width: 98px; float: left; text-align: center; } .ptrouge { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #731d40; line-height: 10px; } .nomrenseig { padding: 10px 0 2px 0; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #731d40; } .renseig { line-height: 16px; } .renseig a { color: #333; text-decoration: underline; } /* Contact */ #plan { width: 309px; height: 427px; padding: 0; margin: 0; float: left; background: url(../images/fond_plan.gif) no-repeat; } #description1 { width: 95px; padding: 362px 0 0 28px; margin: 0; float: left; color: #646464; text-align: center; line-height: 14px; } #description1 a { text-decoration: none; color: #646464; } #description1 a:hover { text-decoration: underline; } #description2 { width: 131px; padding: 362px 0 0 0; margin: 0; float: left; color: #646464; text-align: center; line-height: 14px; } #description2 a { text-decoration: none; color: #646464; } #description2 a:hover { text-decoration: underline; } #form { width: 309px; padding: 0; margin: 0; float: left; } #formulaire { width: 309px; padding: 5px 0 10px 0; margin: 0; float: left; } #formcontenant { width: 309px; padding: 0 0 5px 0; margin: 0; } td { margin: 0; padding: 2px 1px; } td.boutons { padding-top: 10px; } .champ { height: 18px; width: 230px; border: 1px solid #D1D1D1; } .champ2 { height: 100px; width: 230px; border: 1px solid #D1D1D1; } .adress { padding-top: 10px; font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #731d40; } /* BUTTONS */ .buttons { margin: 0; width: auto; padding-left: 53px; } .buttons a, .buttons button { display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type] { padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } /* STANDARD */ button:hover, .buttons a:hover { background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; } .buttons a:active { background-color:#6299c5; border:1px solid #6299c5; color:#fff; } /* POSITIVE */ button.positive, .buttons a.positive { color:#529214; } .buttons a.positive:hover, button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; } .buttons a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff; } /* NEGATIVE */ .buttons a.negative, button.negative { color:#d12f19; } .buttons a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; } .buttons a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; } /* EDIT MODE */ #Adresse input { width:178px;} #editPicture { margin:20px 0; padding:0;} /****************************** MICHAEL CSS *******************************/ /* Adresses utiles */ #link-search { margin:0 0 20px 55px; color:#731d40; font-size:11px; text-transform:uppercase;} #link-search a { color:#731d40; font-weight:bold; text-decoration:underline; font-size:11px; text-transform:none;} .link-box { margin:0 0 0 55px; padding:0 0 0 30px; background:url("../images/icone_paragr.gif") no-repeat top left;} .link-box h3 { margin:0; padding:3px 0; font-weight:normal; color:#731d40; font-size:16px; letter-spacing: 0px; border-bottom:1px solid #ddd;} .link-box h4 { margin:0; padding:3px 0; font-weight:bold; color:#666; font-size:10px;} .link-box ul { margin:5px 0 10px 15px; padding:0;} .link-box li { list-style-image:url(../images/bullets.gif);} .link-box li a { color:#726f6d; text-decoration:none;} .link-box li a:hover { color:#000; text-decoration:none;} .link-box .toppage { float:right; margin:0; padding:0 30px 0 18px; color:#726f6d; text-decoration:none; background:url("../images/top.gif") no-repeat top left;} /* Partenaires */ #partners { margin:0 0 0 55px;} #partners .name { background:url("../images/dotted.gif") repeat-x center left;} #partners .name span { color:#731d40; font-weight:bold; font-size:13px; background-color:#FFF; padding:0 7px 0 0;} /* Estimation */ #form_left { width:309px; padding:0; margin:0; float:left;} .champ3 { width: 200px; border: 1px solid #D1D1D1; } #ErrorMsg { margin:70px 0 0 0; height:20px; text-align:center; } .buttons { margin:20px 0 0 0; padding:0 0 0 80px; } /* NewsList */ #newslist { margin:5px 0 0 0; padding:0;} #newslist th { margin: 0; padding: 0 0 0 5px; height: 20px; font: 14px Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #c5af98; border-right: 2px solid #fff;} #newslist td { margin:0; padding:7px 5px; border-bottom:1px solid #CCC; vertical-align:top;} #newslist a { color:#000; text-decoration:none;} #newslist a:hover { color:#999; text-decoration:none;} /* Presentation */ #citation { background:#f6f5f1 url(../images/bg-blockquote-top-left.gif) no-repeat top left; width:620px;} #citation blockquote { background:url(../images/bg-blockquote-top-right.gif) no-repeat top right; padding:0; margin:0;} #citation blockquote p { background:url(../images/bg-blockquote-bottom-right.gif) no-repeat bottom right; padding:0; margin:0; line-height:18px; font-size:13px; font-style:italic; text-align:center;} #citation blockquote span { background:url(../images/bg-blockquote-bottom-left.gif) no-repeat bottom left; padding:33px 25px; display:block; color:#988b6e;}