/* CSS Document */
body {margin:0; padding:0; color: #000; font-size: 12px; font-family:'Lucida Grande', LucidaGrande, 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Arial, sans-serif}
#page {text-align:left; width:900px;}

.middle {}
.cb{clear:both}
h1 {font-weight:normal; font-size: 3em; padding:0; margin:0;}
h2 {font-weight:normal; font-size:2.5em; padding:0; margin:0}

a {text-decoration:none; color:#004B87}
a:hover
{
	text-decoration: underline;
	color: #004B87;
}
a.getQuickTime { display:block; width:150px; margin-top:6px; margin-left:40px;margin-bottom:10px;}
ul{margin:0; padding:0}
li{list-style:none}
.page_portfolio #menu a#bt_portfolio, .page_works #menu a#bt_works, .page_work_in_progress #menu a#bt_works_in_progress, .page_contact #menu a#bt_contact, .page_biography #menu a#bt_biography { text-decoration:underline}
#header {position:relative; height:68px; margin-top:12px; margin-left:12px}
#menu{position:absolute; top:23px; left:280px; z-index:100;}
#menu a {margin-right:15px}
#navigation {width:190px; float:left}
#navigation ul li.fermer ul.contentNav {display:none}
#navigation ul li.ouvert ul.contentNav {display:block}
#navigation ul {margin-left:12px; margin-top:25px}
#navigation ul li.fermer a { display: block; font-size:1.2em; height: 18px; line-height: 18px; margin-top: 8px; padding-left: 17px; background-image:url(../i/fch.gif); background-repeat:no-repeat; font-weight:bold}
#navigation ul li.ouvert a { display: block; font-size:1.2em; height: 18px; line-height: 18px; margin-top: 8px; padding-left: 17px; background-image:url(../i/fch.gif); background-repeat:no-repeat; font-weight:bold; background-position:0 -18px}
#navigation ul li span { padding:0; padding-left: 17px; font-size:0.9em; color:#b3b3b3; margin:0;}
#navigation ul li ul.contentNav {margin-top:0px; padding-bottom:6px}
#navigation ul li ul.contentNav li a {background-image:none; font-weight:normal; padding:4px; margin-top:2px; font-size:1em; height:12px; line-height:12px}
#navigation ul li.ouvert ul.contentNav li a.selected {background-image:none; background-color:#004B87; color:#FFFFFF; }

#viewer {width:694px; height:495px; background-image:url(../i/bg_viewer.gif); background-repeat:no-repeat; float:right; position:relative}
#text { float:left; padding-left:238px;  }
/* -- #viewer .preview {padding-top:30px; background-color:#000000; height:420px; }
#viewer .preview img {border:#029AD1 1px solid; } -- */
#viewer .preview {margin-top:31px; margin-left:32px; width:630px; }
#viewer .preview img {}


#viewer #bt_play a#play {position:absolute; top:30px; left:32px; width:634px; height:418px; display:block; background-image:url(../i/bt_play.gif); background-repeat:no-repeat; background-position:center center;}
#viewer #viewer_tools {position:absolute; top:460px; padding-left:405px;}
#viewer.show_thumbnails #viewer_tools ul {display:block;}
#viewer #viewer_tools li {display:block; height:23px; float:left}
#viewer #viewer_tools li a {display:block; height:23px;float:left;border-right:1px solid #BFBFBF; background-repeat:no-repeat; line-height:23px; background-position:0 -23px}
#viewer #viewer_tools li a.selected {background-position:0 0; color:#000000}
#viewer #viewer_tools li a#bt_preview {background-image:url(../i/bt_preview.gif); width:101px; padding-left:25px }
#viewer #viewer_tools li a#bt_thumbnails {background-image:url(../i/bt_thumbnail.gif); width:115px; padding-left:23px; border-right:none; }

#viewer.show_thumbnails {overflow:visible; min-height:495px; height:auto; background-image:url(../i/bg_viewer2.gif);}
#viewer.show_thumbnails #viewer_tools { position:static; top:auto; margin-top:0px; padding-top:9px; border-top:solid 1px #BFBFBF;/*top:10px; left:350px;*/}
#viewer.show_slide ul.thumbnails {display:none}
#viewer.show_slide .preview {display:block}
#viewer.show_thumbnails #bt_play {display:block}
#viewer.show_thumbnails .preview {display:none}
#viewer.show_thumbnails #bt_play {display:none}
#viewer.show_thumbnails ul.thumbnails {display:block}
#viewer.show_thumbnails #viewer_tools li a#bt_thumbnails, #viewer.show_slide #viewer_tools li a#bt_preview  {background-position:0 0; color:#000000}


#viewer ul.thumbnails {margin-top:31px; margin-left:32px; padding:0; display:block; min-height:419px;  }
#viewer ul.thumbnails li {float:left; display:block;  margin:0; padding:0; padding-right:12px; padding-bottom:12px; height:78px; width:117px;}
#viewer ul.thumbnails li a {display:block;  margin:0; padding:0; height:78px; width:117px; background-color:#ffffff; border:#cfcfcf 1px solid; text-align:center; }
#viewer ul.thumbnails li a img {border:0;  }

#text p{padding-bottom:0; margin-bottom:0; }
#text h3{padding-bottom:0; margin-bottom:8px; font-size:2em;}
#bottom{ color:#bfbfbf; padding-top:25px; font-size:0.9em; padding-bottom:5px; padding-left:238px; text-align:left;}
#text span { padding:0; font-size:0.9em; color:#b3b3b3; margin:0; pa}

#textDetail { width:545px; float:left; padding-left:45px;  }

#textDetail p{padding-bottom:0; margin-bottom:0; }
#textDetail h3{padding-bottom:0; margin-bottom:8px; font-size:2em;}



/*  -------------------------------------------------------- biography -------------------------------------------------------- */

#biography{margin-left:220px; margin-top:25px;  width:594px;}

/*  -------------------------------------------------------- contact -------------------------------------------------------- */
#shop{ background-image:url(../i/icon_shop.gif); background-repeat:no-repeat; border-top:#004B87 1px dotted; padding-top:10px; background-position:10px 10px; margin-left:220px; padding-left:30px; width:450px}
#shop ul{ margin-top:10px; margin-bottom:0px}
#shop li{ margin-top:3px; margin-bottom:3px}

#shop li a
{
	text-decoration: underline;
	color: #00F;
}


.form select, .form textarea, .form input {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}
.form td.inp1 input, .form td.inp1 textarea, .form td.inp1 select, .form td.inp2 input, .form td.inp2 textarea, .form td.inp2 select {
border:1px solid #999999;
color:#333333;
}
.form tr.fac td.inp1 input, .form tr.fac td.inp1 textarea, .form tr.fac td.inp1 select, .form tr.fac td.inp2 input, .form tr.fac td.inp2 textarea, .form tr.fac td.inp2 select {
border:1px solid #888888;
color:#666666;
}
.form td.inp2 input.inpRadio, .form td.inp1 input.inpRadio {
border:medium none;
}
.long input, .long textarea, .long select {
width:99%;
}
.invalid {
background:#D1EE34 none repeat scroll 0%;
}
.form table {
width:470px;
margin-top:0px;
margin-left:220px;
}
.form td.lab1, .form td.lab2 {
padding:5px 10px 2px 0pt;
vertical-align:top;
width:50%;
}
.form td.inp1, .form td.inp2 {
color:#999999;
padding:2px 10px 5px 0pt;
vertical-align:top;
}
.form td.inp3 {
color:#999999;
padding:2px 10px 2px 0pt;
vertical-align:top;
}
.form td.inp1 label, .form td.inp2 label {
color:#000;
padding:2px 10px 5px 0pt;
vertical-align:top;
}
.form td.lab1, .form td.lab2 {
}
.form tr.fac td.lab1, .form tr.fac td.lab2 {
color:#999999;
}
.form tr.separateur td {
border-bottom:1px solid #F9F9F9;
padding-top:16px;
}

.form td.submit {
padding:10px;
padding-bottom:5px;
padding-top:5px;
text-align:right;
}
.form td.submit input {
background:#004B87 none repeat scroll 0%;
border:1px solid #004B87;
color:#fff;
font-weight:normal;
padding:1px 0pt;
width:214px;
}
.optin td.opt1 {
padding:10px 0pt 0pt;
}
.optin td.opt2 {
padding:10px 0pt 0pt 6px;
}
.optin td.opt2 p {
margin:0pt;
}
.info_maquette {
border:1px dotted #999999;
padding:5px;
}
p.infos_contact {
text-align:left;
padding:5px;
font-size:11px;
color:#999999;
}
#msgIn { margin-left:220px; width:460px;}
#msgIn p {color:#004B87; padding:4px; border:1px dotted #004B87;}
#msgIn.wrong p {color:#004B87; font-weight:bold; border:1px solid #004B87;}

/*---------------*/
#tricks{ font-family:Verdana, Arial, Helvetica, sans-serif; position:absolute; z-index:5000; top:0px; left:50%; background-color:#FFFFFF; padding:5px; border:#dfdfdf 1px solid; }
#tricks span { font-weight:bold; color:#004B87;  font-size:0.9em;}
#tricks p { margin:0; padding:0; font-size:0.9em;}