/*
texte taupe  : 7e7767
texte menu inline : c3bf9f
orange : ca522e
*/

body{background:#fff; color:#7e7767; font-family:verdana, arial, sans-serif; font-size:11px; line-height:17px; margin:0; padding:0}
#actualites{position:absolute}
#actualites .contenu{background:#7e7767; color:#fff; padding:10px; margin:5px 0 0 35px; width:280px}
#actualites h3{font-size:12px; font-weight:bold; margin-top:10px}
#ambiance-contemporaine, #decor-classique, #illusion-de-matieres{position:absolute; left:698px}
#chargement_page{position:absolute; top:300px; width:960px}
#chargement_page p{text-align:center}
#contact{position:absolute}
#contact .contenu{background:#7e7767; color:#fff; padding:10px; margin:5px 0 0 35px; width:280px}
#contact p{margin-top:10px}
#contact a{color:#fff; text-decoration:none}
#contact a:hover{border-bottom:1px #fff dashed}
#container{position:relative; text-align:left; z-index:2}
#content{background:#fff url('../img/bkg.gif') no-repeat top right; margin:0 auto; height:570px; position:relative; width:960px}
#inline-menu{background:url('../img/pointilles.gif') repeat-x 0 300px; height:116px; padding-top:300px; width:880px}
#inline-menu ul{float:right; margin-top:96px}
#inline-menu li{color:#c3bf9f; display:inline; margin-left:10px}
#inline-menu li a{color:#c3bf9f; text-decoration:none}
#inline-menu li.selected{color:#7e7767}
#logo{bottom:40px; position:absolute; right:80px; z-index:5}
#opacite{background:#7e7767; position:absolute; height:100%; width:100%; z-index:3}
#menu{left:353px; position:absolute; top:234px}
#metier{position:absolute; left:60px; top:215px; width:300px;}
#mon-travail{position:absolute}
#mon-travail img{left:525px; position:absolute; top:180px}
#qui-suis-je{position:absolute}
#qui-suis-je .contenu{background:#7e7767; color:#fff; margin:5px 0 0 35px; padding:10px; width:280px}
#qui-suis-je p{margin-top:10px}
#references{position:absolute; text-align:left; z-index:5}
#references span{color:#fff}
#references .description span{color:#7e7767}
#references .liste{color:#fff; display:inline}
#references .liste li{display:inline; font-size:12px; margin-right:5px;} 
#references .liste li .selected{color:#ca522e}
#references .visuel{background:#fff; margin:5px 0 0 52px; padding:1px; position:relative}
#references .previous{left:25px; position:absolute; top:25px}
#references .next{left:40px; position:absolute; top:25px}
#references .description{background:#fff; color:#7e7767; margin-top:15px; padding:10px; width:210px;}
#references .description h2{color:#ca522e; margin-bottom:10px}
#references .description p{font-style:italic}
#references .croix{position:absolute; right:0px; top:0px}
#references .prisedevue{display:inline}
#references .prisedevue li{display:inline; font-size:12px; margin-right:5px}
#references .prisedevue li .select{color:#ca522e}
#references .col{left:720px; position:absolute; top:60px}

.cacher{display:none}
.clear{clear:both}
.separator{margin:20px 0 10px}
.montrer{display:block}
.titre{margin-left:-15px}


.alert{background:#a1102a; width:920px; padding:20px; color:#ffffff;text-align:left}
.alert a, .alert a:hover{color:#ffffff}