body, html  { width: 100%; height:100%; }
body, table { margin: 0px; padding:0px; font-family: "Times New Roman", Times, serif; color:#000000; background-color:#ffffff; font-size: 12px; }
body { }
table { background-color:transparent; }

#tablemain { width: 766px; height:100%; margin: 0px auto; background-image:url(../img/fon2d.png); background-repeat:no-repeat; background-position: center; }
#tdmain { vertical-align:middle; }

#header { height: 30px; width:552px; border-bottom: 5px solid #000000; margin-left: 107px; font-size:18px; position:relative; }
#header a.noir:hover { color:#000000; }
#header .menu { float:right;}
#content { width: 766px; height: 550px; position:relative; }
#content .left {float: left; height: 350px; width: 94px; padding-top: 150px;}
#content .middle {float: left; height: 500px; width: 578px; background-image:url(../img/ombre.png); background-repeat:no-repeat;}
#content .middle .footer  { height: 100px; width:552px; border-top: 5px solid #000000; margin-left: 13px; }
#content .middle .footer .titre { font-size:18px; padding-top:12px; text-transform:uppercase; }
#content .middle .footer .description { color:#666666; }
#content .right {float: left; height: 350px; width: 94px; padding-top: 150px;}

/* boutons*/
#prev, #next, #mycarousel-prev, #mycarousel-next { font-size:80px; display:block; float: left; }
#mycarousel-prev, #mycarousel-next { padding-top:8px; }
#mycarousel-prev { float: right; }
#next { float: right; }


/* logo */
#logo { width: 100%; background-color:#FFFFFF; margin-top:20px; font-size: 14px; }
#logo { text-align:left; padding: 5px 0px 5px 20px; }

/* menu */
#homepage ul.menutype li ul { display:none; }
ul#menu { position:absolute; top: -30px; right: 98px; width: 185px; cursor:pointer; z-index:99; }
ul#menu li { text-align:right; font-size:18px; padding-right: 10px; }
ul#menu li ul { width: 165px; height: 234px; background-image:url(../img/menu.png); padding: 10px; display:none;  }
ul#menu li ul .separation { height: 1px; margin: 10px; border-bottom:1px dotted #000000; }
ul#menu li ul li { font-size:12px;}
ul#menu li ul li a { display:block; text-align:right; text-transform:uppercase; }
ul#menu li ul li a:hover { }
ul#menu li ul li a.first { }
ul#menu li ul li a.last { }
ul#menu li ul li a.selected { }
ul#menu li ul li a.project { width: 64px; }
ul#menu li ul li a.press-events { width: 120px; }
ul#menu li ul li a.who { width: 24px; }
ul#menu li ul li a.links { width: 40px; }

/* main */
#main { margin:15px 15px; width: 1300px; }


#homepage { position:relative; }
.menutype { position: absolute; opacity: 0.85; filter: alpha(opacity=85); padding:10px; width: 167px; color: #FFFFFF; }
.menutype li { }
.menutype li span{ cursor:pointer; }
.menutype li span.signe { position:absolute; right: 10px; top: 0px; font-size:30px; }
.menutype li span.signe.moins { right: 11px; top: -2px; }
.menutype li span.title { text-transform:uppercase; }
.menutype li .separation { height: 1px; margin: 10px 0px; border-bottom:1px dotted #ffffff; }
.menutype li ul li a {color: #FFFFFF; }


/* Contenu */
#project .menutype { top: 30px; left: 5px; z-index:5; }
#project .menutype li ul { display:none; }

/* jcarousel */
.jcarousel-skin-ndemal .jcarousel-container { }
.jcarousel-skin-ndemal .jcarousel-container-horizontal { width: 552px; padding: 13px; }
.jcarousel-skin-ndemal .jcarousel-clip-horizontal { width:  552px; height: 402px;}
.jcarousel-skin-ndemal .jcarousel-item {    width: 552px;    height: 402px;}
.jcarousel-skin-ndemal .jcarousel-item-horizontal {    margin-right: 0px;}
.jcarousel-skin-ndemal .jcarousel-item-placeholder { background: #fff; color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ndemal .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-ndemal .jcarousel-next-horizontal:hover { background-position: -32px 0; }
.jcarousel-skin-ndemal .jcarousel-next-horizontal:active {    background-position: -64px 0;}
.jcarousel-skin-ndemal .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ndemal .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ndemal .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;}
.jcarousel-skin-ndemal .jcarousel-prev-horizontal { position: absolute;top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0; }
.jcarousel-skin-ndemal .jcarousel-prev-horizontal:hover {   background-position: -32px 0;}
.jcarousel-skin-ndemal .jcarousel-prev-horizontal:active {    background-position: -64px 0;}

.jcarousel-skin-ndemal .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ndemal .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ndemal .jcarousel-prev-disabled-horizontal:active {    cursor: default;    background-position: -96px 0;}

/* Footer */

/* Homepage */

/* Utils - Général */
.dotted { letter-spacing:7px; font-weight:bold; line-height:8px;}
.clear { clear:both; }
.pointer { cursor:pointer; }
a img { border: 0px; }
a, a:link, a:visited { text-decoration:none; outline: none; color:#000000; }
a:hover { text-decoration:none; color:#333333; }
.introuvable { text-align:center; font-weight: bold; }
.hidden_link {color: #ffffff; }	
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin: 0; padding: 0; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color: #000000; letter-spacing:0px; margin: 0px; margin-bottom: 10px;  }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight:bold; color: #000000; letter-spacing:0px; margin: 0px; margin-bottom: 10px; }
a img,:link img,:visited img { border: none; }
li { list-style-type: none; }
input, textarea, select, option { font: normal 11px Verdana; color: #005D5B; }