@charset "utf-8";

body { margin:0; padding:0; text-align:center; background-color:#000;
font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height: 10pt; }

html>body #conteneur { height: auto; min-height: 650px; }
html>body #gauche, html>body #gauche #mdmenu { height: auto; min-height: 357px;/* min-height: 317px; */ }
html>body #centre, html>body #centre #mdcentre { height: auto; min-height: 354px;/*min-height: 314px;*/ }

/*.hr { margin:5px 0; line-height:1px; height:1px; width:90%; background-color:#7b1014; }*/
hr {
height: 1px;
/* margin: -0.5em 0; */margin: 1em 0;
padding: 0;
color: #7b1014;
background-color: #7b1014;
border: 0;
}
div.space { clear:both; height:1px; line-height:1px; font-size:1px; background-color:#7b1014; margin:10px 0 5px 0; }

/* GENERALITES ----------------------------------------------------------- */
ul { list-style-type:none; margin:0; padding:0; }
ul.disc { list-style-type: disc; list-style-position: outside; margin-left:15px;  }
ul.disc li { line-height:10pt; }
li { margin:0; padding:0; line-height:normal; }
p { margin:0; padding:0; text-align:justify; line-height:10pt;  }
form { margin:0; padding:0; }
input, select { font-size:10px; margin:0; padding:0; }
textarea { font-size:11px; }
h1, h2, h3 { margin:0; padding:0;}
h1 { color:#7b1014; margin-bottom:10px; font-size:15px;}
h2 { margin-top:15px; margin-bottom:2px; font-size:15px;}
h3 { color:#7b1014; font-size:12px; padding:1px 0 2px 0; }
table { font-size:11px; }
table th { text-align:left; }
table td {  }

a { text-decoration:none;  }
a:link, a:visited { color:#7b1014; }
a.selected { color:#7b1014; }
a:hover { color:#ff0000; }

ul.onglets { float:left; }
ul.onglets li { float:left; display:inline; margin-right:10px; border:1px solid #dedede; padding:2px 10px; }
ul.onglets li.sel { background-color:#FF0000;  }
ul.onglets span { cursor:pointer; font-weight:700; }

ul.ongletsC { float:left; }
ul.ongletsC li { float:left; display:inline; margin-right:10px; /*border:1px solid #dedede;*/ padding:0px 5px; }
ul.ongletsC li.sel { /*background-color:#FF0000;*/  }
ul.ongletsC span { cursor:pointer; font-weight:700; }

.visuplan { /*border:1px solid #ffcc00;*/ }

a.black:link, a.black:active, a.black:visited { color:#000;; }
a.black:hover { color:#7b1014; }

.found { color:#ff0000; font-weight:700;  }

/* messages ------------------------------------------------ */
.err { margin:5px auto; width:90%; border:1px solid #ff0000; }
.errtt { display:block; background-color:#FF0000; color:#FFFFFF; text-align:center; font-weight:bold; }
.errtxt { display:block; color:#ff0000; padding:2px 5px; }
.chpsErr { background-color:#FF7777; }
.suc { margin:5px auto; width:90%; border:1px solid #339933; }
.succestt { display:block; background-color:#339933; color:#FFFFFF; text-align:center; font-weight:bold; }
.succestxt { display:block; color:#339933; padding:2px 5px; }

/* DESIGN GENERAL -------------------------------------------------------- */
#conteneur {
	/*border:1px solid #333;*/
	width:950px; height:650px;
	margin:0px auto 10px auto;
	background:#000 url(img/fd-page.gif) 0px 0px no-repeat;
	text-align:left; 
}
#menu { height:160px;  }
#search { height:50px; width:210px; margin-top:-50px; /**/ }
#fsearch { padding-top:15px; padding-left:15px; }
#fsearch .chpsQuery { background-color:#fff; border:1px solid #333; width:160px; height:18px;  }

#sousmenu { /*float:left;*/ height:110px; width:950px; margin-top:0px; background:url(img/corde.gif) 0px 9px no-repeat; }
/*#sousmenu { height:110px; background-color:#FFFF33; }*/

#pinces { height:47px; width:950px; float:left; margin-top:-82px; }
#pinces ul { padding-left:215px; }
#pinces ul li { text-align:center; width:80px; height:46px; float:left; }
#pinces ul li.mr { margin-right:48px;  }
#pinces ul li img { border:0; }

#papiers {  height:50px; margin-top:35px; float:left;  }
#papiers ul { padding-left:215px; }
#papiers ul li { background-color:#f1dfc3; width:80px; height:46px; float:left; text-align:center; font-size:9px; font-weight: 900; }
#papiers ul li img { border:0; margin-top:8px; }
#papiers ul li.mr { margin-right:48px;  }
#papiers ul li a { float:left; width:100%; height:100%; text-decoration:none; /*padding-top:5px;*/ }
#papiers ul li a:link, #papiers ul li a:visited { color:#000; }
#papiers ul li a.selected { color:#ff0000; }
#papiers ul li a:hover { color:#ff0000; }

#gauche { float:left; width:190px; height:357px; text-align:left;}

#centre { margin:0 0px 0 215px; height:354px; text-align:left; }

#menuGauche { margin-left:25px; width:164px;   }

#bas { clear:both; text-align:center; padding:5px; }
#bas a { padding:0px 5px; }
#bas a:link, #bas a:visited { color:#fff; }
#bas a.selected { color:#ff0000; }
#bas a:hover { color:#ff0000; }


#htmenu { height:9px; width:164px; }
#mdmenu { background:url(img/mdmenu.gif) 0px 0px repeat-y; color:#000; padding:0 10px; height:357px; overflow:auto; }
#bsmenu { height:10px; width:164px; }
#mdmenu .content { margin:0; padding:0; height:354px; }

#htcentre { height:9px; width:164px; }
#mdcentre { background:url(img/mdcentre.gif) 0px 0px repeat-y; color:#000; padding:0 10px; /*height:314px;height:100%;*/ }
#bscentre { height:10px; width:164px; }

.content { margin:0 10px 0 0; padding:5px 10px 5px 5px; line-height:10pt; overflow:auto; height:344px; }
.content p { /*background-color:#999900;*/ }

a.jScrollArrowUp { background: url(img/basic_arrow_up.gif) repeat-x 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { background: url(img/basic_arrow_down.gif) repeat-x 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }


#divMenuCrea { float:left; width:140px; overflow:auto; height:344px; }
#divMenuCrea a:link, #divMenuCrea a:active, #divMenuCrea a:visited  { display:block; text-align:center; padding:10px 0; text-decoration:none; }
#divMenuCrea a img { border:1px solid #ccc; }
#divMenuCrea a:hover img { border:1px solid #7b1014; }
#divMenuCrea a.sel img { border:1px solid #7b1014; }



table.cyclone th { font-size:15px; padding-top:5px; }
table.cyclone td { vertical-align:top; }
table.cyclone td.visuel { width:92px; }
table.cyclone td.visuel img { margin:15px 0px 5px 10px; border:1px solid #ccc; }
table.cyclone td.texte { text-align:justify; padding-left:10px; padding-top:5px; }
table.cyclone td.texte  p { margin-bottom:5px; }
table.cyclone td.medias { text-align:right; }
table.cyclone td.medias img { border:1px solid #ccc; }


.menuCreas { height:300px; width:145px; overflow:auto;text-align:center; }
.menuCreas h2 { font-size:11px; text-align:left; margin:5px 0; }
.menuCreas img { border:0; }
.menuCreas p { padding-bottom:5px; }

table.lelieu th { font-size:15px; padding-top:10px; }
table.lelieu td { vertical-align:top; }
table.lelieu td.soustitre { color:#7b1014; font-size:12px; font-weight:bold; padding-bottom:8px; }
table.lelieu td.visuel { width:92px; }
table.lelieu td.visuel2 { /*background-color:#999900; width:208px;*/ width:258px; }
table.lelieu td.visuel img, table.lelieu td.visuel2 img { margin:5px 10px 5px 10px; border:1px solid #ccc; }
table.lelieu td.visuel2 img { margin:5px 0px 5px 5px; }
table.lelieu td.texte { text-align:justify; padding:10px; /*border:1px solid #7b1014;*/ }
table.lelieu td.esp { height:10px; }
table.lelieu td.esp2 { height:10px; }
table.lelieu { line-height: 11pt; }

div.pho { font-size:9px; width:auto; height:auto; float:left; text-align:center; }

.contact {  }
.contact ul { margin-bottom:2px; }
/* 
.contact label { width:70px; }
.contact input { margin-bottom:1px; border:1px solid #81687C; }
.contact select { border:1px solid #81687C; }
.contact input.btn { background-color:#81687C; color:#fff; padding:0 5px; font-weight:bold; }
.contact textarea { margin-top:0px; border:1px solid #81687C;} 
*/
#formu  { padding-left:5px; padding-top:5px; }

#formu label { float:left;width:90px; font-weight:700; }
#formu input { margin-bottom:1px; border:1px solid #81687C;  }
#formu select { border:1px solid #81687C; }
#formu input.btn { background-color:#81687C; color:#fff; padding:0 5px; font-weight:bold; }
#formu textarea { margin-top:0px; border:1px solid #81687C;}

table.lectures { line-height: 11pt; }
table.lectures h2 { margin-top:5px; }
/*table.lectures td.visuel { padding:5px; }
table.lectures td.texte { padding:5px; text-align:justify; }
*/
table.tala { line-height: 11pt; margin-top:5px; }
table.tala td { padding:5px; /*vertical-align:top;*/ }
table.tala td.visuel { vertical-align:top; }
table.tala td.visuel-pays { vertical-align:top; padding:0; background:url(img/cadre-paysage.gif) 0px 0px no-repeat; width:207px; height:170px; }
table.tala td.visuel-pays img { padding:20px 10px 10px 18px; }
table.tala td.visuel-port { vertical-align:top; padding:0; background:url(img/cadre-portrait.gif) 25px 0px no-repeat; width:207px; height:220px; }
table.tala td.visuel-port img { padding:18px 10px 10px 46px; }
table.tala td.texte { vertical-align:top; padding:5px 5px 5px 15px; text-align:justify; }


div.actions-culturelles {line-height: 11pt;  }
div.actions-culturelles p { margin-bottom:10px; text-align:justify; }
div.actions-culturelles h2.over { color:#7b1014; }
div.actions-culturelles h2 span { font-weight:700; padding:0 5px; font-size:20px; }

table.expression {  }
table.expression td { padding:4px;  }
table.expression td.visuel img { border:1px solid #ccc; }

.projet { line-height: 11pt; }

.archives { text-align:right; }
.archives a { text-decoration:none; font-weight:700; padding:0 5px; }
.archives a:link, .archives a:active, .archives a:visited { color:#000; }
.archives a:hover { color:#7b1014; }
.archives a.sel { color:#7b1014; text-decoration:underline; }

p.trombi { width:144px; height:54px; margin-top:-152px; margin-left:12px; text-align:center; font-weight:700; }
p.trombi span { font-size:15px; display:block; color:#8d0c07; padding:5px 0; }

table.liens {  }
table.liens h2 { color:#7b1014; }
table.liens h3 a:link, table.liens h3 a:active, table.liens h3 a:visited { color:#000; font-weight:normal; }
table.liens h3 a:hover { font-weight:normal; color:#ff0000; }


dl#rdc, dl#etage1 { margin: 0; padding: 0; position: absolute; }
dl#rdc { background: transparent url(la-fabrik/img/plan-rdc_pt.jpg) top left no-repeat;	height: 230px; width: 671px; }
dl#etage1 { background: transparent url(la-fabrik/img/plan-etage_pt.jpg) top left no-repeat; 	height: 228px; width: 665px; }

dd{ margin: 0; padding: 0; position: absolute; font-size: 85%; }

dd a { position:absolute; text-decoration:none; border: 2px solid #7b1114; }
dd a span{ display: none;  }
dd a span h1{ margin:0; padding:0 0 2px 0; }
dd a span h2 { margin:0; padding:0; font-size:11px; }
dd a span img{ margin:0 1px; }

dd a:hover{ position: absolute; top: 0px; left: 0px; background:none; border: 2px solid #ffcc00; z-index:1 }
dd a:hover span{ cursor:pointer;
 display: block; text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #ffcc00;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 250%;
}

dd#Mrantaou { top: 56px; left: 8px;  }
dd#Mrantaou a { width: 48px; height: 84px;  }
dd#Mrantaou a:hover span { width: 480%; height:80%; top:85px; left:20px; }
dd#Mkub { top: 68px; left: 163px; }
dd#Mkub a { width: 62px; height: 64px;  }
dd#Mkub a:hover span { width: 350%; height:100%; top:65px; left:-50px; }
dd#Mcantine { top: 68px; left: 275px; }
dd#Mcantine a { width: 44px; height: 64px;  }
dd#Mcantine a:hover span { width: 200%; height:80%; top:65px; left:-50px; }
dd#Mlantrokoz { top: 68px; left: 324px; }
dd#Mlantrokoz a { width: 37px; height: 64px; }
dd#Mlantrokoz a:hover span { width: 400%; height:100%; top:65px; left:-50px; }
dd#Mmillesfeuilles { top: 11px; left: 359px;  }
dd#Mmillesfeuilles a { width: 63px; height: 30px;  }
dd#Mmillesfeuilles a:hover span { width: 230%; bottom: 100%; left:-100px;  }
dd#Mstudio { top: 11px; left: 439px; }
dd#Mstudio a { width: 79px; height: 49px;  }
dd#Mstudio a:hover span { width: 200%; left:20px; }
dd#Msallemachins { top: 138px; left: 452px; }
dd#Msallemachins a { width: 72px; height: 36px; }
dd#Msallemachins a:hover span { width: 300%; height:180%; top:37px; left:-200px; }

#Mlozaboutan { top: 68px; left: 269px; }
#Mlozaboutan a { width: 89px; height: 63px; }
#Mlozaboutan a:hover span { width: 100%;/* height:180%; top:37px; */left:20px; }

#Mbobines { top: 145px; left: 529px; }
#Mbobines a { width: 54px; height: 34px; }
#Mbobines a:hover span { width: 400%; /*height:180%; top:37px; */left:-100px; }

table.fondsDoc  { width:98%;  }
table.fondsDoc th { background-color:#800000; color:#fff; text-align:center; padding:2px; }
table.fondsDoc td {  padding:2px; border-bottom:1px solid #ccc; }
table.fondsDoc td.auteur { font-weight:700; }
table.fondsDoc td.titre { font-style:italic; }

/* RECHERCHE */
div#Sinfos { float:left; width:320px; }
div#Ssearch { float:right; width:320px; }
input.searchInput { border:1px solid #7b1014; width:200px; padding:2px 4px; }
input.searchButton { background-color:#7b1014; border:1px solid #7b1014; padding:1px; color:#fff; font-weight:700; cursor:pointer; }
input.searchChk { margin-top:2px; border:1px solid #7b1014; }

div.affRes { border-top:1px solid #333; border-bottom:1px solid #333; font-weight:700; margin:8px 0; padding:2px; }

p.Sres { margin:8px 0; }

/* PLAN DU SITE */

div.plan {  }
div.plan ul { float:left; display:inline; list-style-position: outside; margin:10px; }
div.plan ul li.r{ font-weight:700; }