html, body {
color:#64635b; background: #FFFFFF url(../images/skin/page-bg.gif) repeat-x;
font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

/* Liens */
a{color:#ff5500; text-decoration: underline; outline: none}
a:link{color:#ff5500}
a:visited{color:#ff5500}
a:hover, a:focus, a:active{color:#b9b9b9}
button{outline: none}

/* Erreurs */
.errorField{background:#fff6a8; border:solid 1px #FF0033}
.error{color:#FF0033}

/* Titles */
h1, h2, h3{margin:0; padding:0}
h1{color:#ff5700; font-size:15px; font-weight:bold; letter-spacing:2px}
h2{color:#ff5700; font-size:15px; font-weight:bold}
.titrePage{position:absolute; width:261px; height:36px; top:95px; left:680px}
.titreQui{background:url(../images/skin/titre-activite.gif) no-repeat center center}
.titreContact{background:url(../images/skin/titre-contact.gif) no-repeat center center}
.titreReferences{background:url(../images/skin/titre-infos.gif) no-repeat center center}
.titreGuide{background:url(../images/skin/titre-guide.gif) no-repeat center center}
.titreEclairage{background:url(../images/skin/titre-eclairage.gif) no-repeat center center}
.titreMobilier{background:url(../images/skin/titre-mobilier.gif) no-repeat center center}
.inline{display:inline}

#container_full{position:relative; height:100%; min-height:100%; background:url(../images/skin/background.jpg) no-repeat center top; margin:auto}
#page_home #container_full{background:url(../images/skin/background-home.jpg) no-repeat center top;}
#content{padding:0 30px 30px;*height:600px;}

/* Texte */
.biggerText{font-size:14px}
.smallText{font-size:12px; line-height:14px}

/* Formulaire */
.input{border:solid 1px #c5c5c5}
.boutons{text-align:center}
.bouton, .boutonHover{width:118px; height:41px; border:none; font-size:19px; color:#FFF; line-height:18px; padding-bottom:5px; cursor:pointer}
.bouton{background:url(../images/skin/bouton.gif) no-repeat left center}
.boutonHover{background:url(../images/skin/bouton-hover.gif) no-repeat left center}
label{width:120px; display:block; float:left}
.textareaContainer{clear:left; margin:0 0 20px 40px}

/* Header */
#header{width:424px; height:143px; color:#ffffff; background:url(../images/skin/algo-mas-logo.gif) no-repeat center top; position:absolute; left:26px; top:0; cursor:pointer}
#header a{width:467px; height:178px; display:block}

/* Menu */
#menu{margin:170px 0 0; color:#c1c1bb; float:left}
#menu ul{ }
#menu li{margin:5px 0}
#menu a{text-decoration:none; background:url(../images/icons/fleche.gif) no-repeat left center; padding-left:20px; font-size:13px; font-weight:bold; color:#64635b}
#menu a.selected{color:#ff5700}
#menu a:hover{color:#ff5700}
#menu ul li span{padding-left:25px}
.menuDetail{font-size:12px}

/* Board */
#board{float:left; color:#8e8e8b; font-size:13px; line-height:22px}
.cornerBoard{background:url(../images/skin/corner.gif) no-repeat 30px 47px; padding:78px 20px 20px 75px; width:621px; margin:115px 0 30px 0}
.tabBoard{background:url(../images/skin/onglet.jpg) no-repeat 30px 47px; padding:68px 20px 20px 65px; width:621px; margin:115px 0 0 180px;
position:absolute; *margin-left:0}
.emptyBoard{margin:160px 0 80px 0; padding:90px 20px 20px 80px}
.smallLogo{background:url(../images/skin/footerLogo.gif) no-repeat scroll left 4px; height:25px; width:73px; float:left}
#board .section{margin-top:15px}
#board ul{padding-left:20px}
#board ul li span, #board ul li label{padding-left:10px; background:url(../images/icons/fleche-petite.gif) no-repeat left center}
.guideDeChoix{padding-right:30px; background:url(../images/icons/guide.gif) no-repeat right center; width:300px; font-style:italic; margin-left:40px;
text-decoration:none; font-size:13px}
.tabGuide{float:right; width:120px; background:url(../images/icons/guide.gif) no-repeat left center; padding-left:30px; font-size:14px;
text-decoration:none}
	
/* Carres */
.carres{table-layout:fixed}
.carres td{border:solid 1px #d5dbe0; color:#FFF; vertical-align:middle; text-align:center}
.carres td a{color:#FFF; text-decoration:none; font-size:16px}
.carres td a:hover{color:#64635B}
.carres .smaller a{font-size:15px}
.carres td, .carres img { height:70px; width:70px; }
.carres .jaune{background:url(../images/skin/carre-jaune.jpg) repeat center center; border:solid 1px #969b6d}
.carres .orange{background:url(../images/skin/carre-orange.jpg) repeat center center; border:solid 1px #cb640b}
.carres .vert{background:url(../images/skin/carre-vert.jpg) repeat center center; border:solid 1px #8cb320}
.mobilierCarres td, .mobilierCarres img{width:100px; height:100px}
.mobilierCarres .jaune{background:url(../images/skin/carre-jaune-grand.jpg) repeat center center}
.mobilierCarres .orange{background:url(../images/skin/carre-orange-grand.jpg) repeat center center}
.mobilierCarres .vert{background:url(../images/skin/carre-vert-grand.jpg) repeat center center}

/* Popin */
.pdfLink{background:url(../images/icons/pdf.gif) no-repeat top left; padding-left:45px; text-decoration:underline; height:43px; display:block}
span.pdfLink{text-decoration:none}
.pdfLink span{text-decoration:none; font-size:11px}
.ui-dialog .ui-dialog-title{font-size:13px}

/* Guide de choix */
.logos{text-align:center; border-bottom:dashed 1px #bdbdbd; margin:0 0 10px; padding:5px 0}
.logos td{padding:0 15px}
.logos table{margin:auto}
.lastLogos{border-bottom:none}

/* Perspective accueil */
.algomas a{position:absolute; display:block; text-decoration:none; background:transparent url(../images/skin/result.png) repeat scroll 0 0}
.algomas a.qui{background-position:0px 0px; width:84px; height:68px; left:637px; top:87px}
.algomas a.qui:hover{background-position:0px -78px; width:185px; height:161px}
.algomas a.contact{background-position:0px -249px; width:66px; height:28px; top:442px; left:641px}
.algomas a.contact:hover{background-position:0px -287px; width:206px; height:171px; top:384px; left:501px}
.algomas a.mobilier{background-position:0px -855px; width:86px; height:48px; left:198px; top:352px}
.algomas a.mobilier:hover{background-position:0px -913px; width:150px; height:177px; left:163px; top:352px}
.algomas a.eclairage{background-position:0px -468px; width:81px; height:30px; left:424px; top:344px;}
.algomas a.eclairage:hover{background-position:0px -508px; width:202px; height:337px; left:421px; top:227px}

/* Fleur */
.petiteFleur{position:absolute; width:290px; height:326px; background:url(../images/skin/petiteFleur.gif) no-repeat top left; margin:80px 0 0 435px}
.petiteFleur a{position:absolute; display:block; text-decoration:none}
.petiteFleur a.eclairage{width:115px; height:35px; margin:45px 0 0 29px; background:url(../images/skin/petit_eclairage.gif) no-repeat top left}
.petiteFleur a.eclairage:hover{background:url(../images/skin/petit_eclairage-3.gif) no-repeat top left}
.petiteFleur a.mobilier{width:101px; height:54px; margin:85px 0 0 185px;  background:url(../images/skin/petit_mobilier.gif) no-repeat top left}
.petiteFleur a.mobilier:hover{background:url(../images/skin/petit_mobilier-4.gif) no-repeat top left}
.petiteFleur a.contact{width:67px; height:23px; margin:220px 0 0 168px; background:url(../images/skin/petit_contact.gif) no-repeat top left}
.petiteFleur a.contact:hover{background:url(../images/skin/petit_contact-3.gif) no-repeat top left}
.petiteFleur a.qui{width:93px; height:41px; margin:150px 0 0 -4px; background:url(../images/skin/petit_activite.gif) no-repeat top left}
.petiteFleur a.qui:hover{background:url(../images/skin/petit_activite-2.gif) no-repeat top left}

/* Contact */
.contactTitre{background:url(../images/icons/enveloppe.gif) no-repeat top left; padding-left:80px; line-height:62px}

/* Footer */
.clear{height:30px}
#footer{color:#989898; font-size:11px; text-align:center; letter-spacing:1px}
#footer .smallLogo{margin-left:130px; width:109px; background-position:left 1px}
#footer span{padding-right:20px}
#footer .smallLink a{color:#c5c5c5; padding-left:40px}
#footer .smallLink a:hover{color:#ff5500}
#footer .contact {padding:3px 130px 0 15px; display:block; text-align:left; float:right; background:url(../images/icons/email.gif) no-repeat left 8px}
#footer .address {padding:3px 0 0 260px; display:block; height:15px; text-align:left; *padding-left:0;}
#footer .telephones{padding:3px 0 0 260px; display:block; text-align:left}
#footer .tel{padding-right:10px}

#page_home #footer {padding-bottom:30px}
#page_home #footer .smallLogo {margin-left:80px}
#page_home #footer .contact {padding:3px 280px 0 15px}
#page_home #footer .address, #page_home #footer .telephones {padding:3px 0 0 210px;  *padding-left:0;}