@import "reset.css";

/*
gris textes : 3e3d40
gris lignes separation : a2a3a5
bleu : #27a3b1
gris liens : 848486
*/

body{background:#ffffff; color:#3e3d40; font-family:arial, verdana, sans-serif; font-size:11px; margin:0 0 0 0; padding:0; text-align:center}
#container{margin:20px; position:relative; text-align:left; width:920px}
#top{padding-bottom:15px; position:relative}
#content{margin:15px 0; min-height:380px; position:relative}
#footer{clear:both; padding-top:15px; position:relative;border-top: 1px solid #a2a3a5;}
#footer #home{position:absolute; left:850px; bottom:32px}
#footer #facebook{position:absolute; left:820px; bottom:32px}
#footer #langue{position:absolute; bottom:32px;left:880px; font-weight:bold}


#menu-bas{margin-top:20px}
#menu-bas li{display:inline; font-size:10px; letter-spacing:0.6px; margin-right:10px}
#menu-bas a{color:#848486; text-decoration:none}

#col1{float:left; margin-bottom:15px; width:650px}
#col2{float:left; margin:10px 0 0 15px; width:255px}
.actualites #col3{float:left; width:385px}
.actualites #col4{float:left; margin:10px 0 0 15px; width:250px}
.actualites #col2 p{border-bottom:1px solid #a2a3a5; padding-bottom:5px}

.meubles-technique #col2, .meubles-technique #col3, .mplusimages-technique #col2, .mplusimages-technique #col3{float:left; width:295px; margin:10px 0 0 15px}
.meubles-technique #col1, .mplusimages-technique #col1{float:left; width:295px; margin-top:10px}  

.actualites #col2 p.navig{border:0; padding-bottom:inherit}
.liens #col1, .liens #col2, .liens #col3, .liens #col4, .references #col1, .references #col2, .references #col3, .references #col4{float:left; width:218px}
.liens #col1, .liens #col2, .liens #col3, .references #col1, .references #col2, .references #col3{margin:0 16px 0 0}
.liens #col1, .liens #col2, .liens #col3, .liens #col4, .references #col1, .references #col2, .references #col3, .references #col4, .credits #col1{margin-top:10px}
.mentions-legales #col1{float:left; margin-top:10px; width:450px}
.mentions-legales #col2{float:left; width:450px}
.references h2{color: #27a3b1; font-weight: normal;}

a.bleu, #menu-bas a.bleu,  a:hover, .selected a, p a.selec, #menu-bas .selected a, #menu-bas a:hover{color:#27a3b1}
a, a.bleu:hover{color:#848486; text-decoration:none}
em{font-style:italic}
.legend{bottom:50px; color:#000000; line-height:12px; position:absolute; width:255px; font-family:"Trebuchet MS", arial, verdana, sans-serif; font-weight:normal}
h1, p{letter-spacing:1px; line-height:14px; margin-bottom:10px; }
.philosophie h1, .actualites h1, h2{font-size:13px; font-weight:bold; letter-spacing:1px; line-height:16px; margin:0 0 5px; padding-top:0}
h3{font-size:11px; letter-spacing:1px; line-height:16px}
p.navig{bottom:5px; line-height:8px; margin:0; padding-bottom:inherit; position:absolute}
p.lien{bottom:20px; margin:0; padding:inherit; position:absolute;}
#content li{letter-spacing:1px; margin-bottom:5px}

.montrer{display:block}
.cacher{display:none}
strong{font-weight:bold}

.plan-site ul{list-style:none; margin:0; padding:0}
.plan-site ul li{background-color:#e2e2e3; margin:0 0 5px 0; min-height:15px; padding:5px 5px 0; position:relative; width:120px}
.plan-site ul ul li{background-color:#ebebec;margin:0 0 5px 0; min-height:15px; padding:5px 5px 0; position:relative; width:380px}
.plan-site ul ul ul li{background-color:#f5f5f5; margin:0 0 5px 0; min-height:15px; padding:5px 5px 0; position:relative; width:380px;}
.plan-site ul ul{margin:-15px 0 0 10px}
.plan-site ul ul ul{margin:-15px 0 0 270px}
.plan-site ul ul li{border-top:0.5em solid #fff !important; border-left:0.5em solid #27a3b1;left:10.4em}
.plan-site ul ul ul li{border-color:#27a3b1}
.plan-site li a{text-decoration:none}
.plan-site li a:hover{text-decoration:underline}


.custom_tip{background:#3e3d40; color:#ffffff; padding:5px}

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

p.adresse, .adresse a{color:#3e3d40; letter-spacing:0.6px; margin-bottom:5px}


#previous{position:absolute; width:325px; height:380px; top:0; left:0}
#previous img{margin-top:172px}
#next{position:absolute; width:325px; height:380px; top:0; left:325px}
#next img{margin-top:172px;float:right}

.light{font-style:italic; font-size:10px}