/* Global */
*{margin:0;padding:0;}
body{margin:20px 0 0 20px;color:#666666;font-family:Arial,Helvetica,Verdana,sans-serif;font-size:10px;}
h1{color:#666666;font-family:Arial,Helvetica,Verdana,sans-serif;font-size:11px;font-weight:normal;}

/* Links */
a, a:link{color:#666666;text-decoration:none;}
a:hover{color:#FFFFFF;background-color:#000000;}
/*a:active{color:#FFF;background-color:#000;}*/
a.selectedItem{color:#FFFFFF;background-color:#000000;}

img {border:0;width:100%;} /* border appears around images if not this + images fit their cell */

/* ... */
div {
    position:relative;
    display:block;float:left;
    margin:0;padding:0;
    font-size:10px;
}

span {
    margin:0;padding:0;
    font-size:11px;
}

/* special */
.Hidden {display:none;}
.Show {display:block;}
.PaddingLeft {padding:0px 0px 0px 20px;}
.PaddingLeftM {padding:0px 0px 0px 40px;}
.Long {height:245px;}


/*************************/
/* Global page structure */
/*************************/
div.Body {width:1150px;height:1000px;}
div.Head {width:100%;height:150px;}
div.Left {width:300px;}
div.Center {width:540px;}
div.Right {width:260px;}
div.News {width:240px;}
div.CenterRight {width:840px;}


/*************/
/* Index     */
/*************/
/* presentation text */
/*div.Center img {width:428px;}*/
div.Center div.HomepageEvent {width:auto}
div.Center div.HomepageEvent span {font-family:Times,"Times Roman",serif;
								   font-size:17px;line-height:16px;color:black}
div.Center div.HomepageEvent span.Grey {color:#A8A8A8}
div.Center div.HomepageImage {width:440px;}
div.Center div.HomepageText {padding:4px 0px 0px 0px;width:428px;}

/* news on the right side */
div.News div.Title img {width:240px;height:80px;}
#__newsbox__ {width:240px;height:195px;}
#__newsboxlong__ {width:240px;height:215px;}
#__newsimage__ {width:240px;height:100px;}
#__newsinfo__ {width:240px;height:95px;padding:4px 0px 0px 0px;
                font-size:11px;line-height:13px;}
#__newsinfo__ span {color:#333333;font-weight:bold;line-height:14px;}
#__newsinfo__ span a {color:#333333;font-weight:bold;line-height:14px;}
#__newsinfo__ span a:hover {color:#FFFFFF;background-color:#000000;}
#__newsinfo__ a:hover span {color:#FFFFFF;background-color:#000000;}

/*******IE6***********/
div.News div.NewsBox {width:240px;height:195px;}
div.News div.NewsImage {width:240px;height:100px;}
div.News div.NewsInfo {width:240px;height:95px;padding:4px 0px 0px 0px;
                font-size:11px;line-height:13px;}
div.News div.NewsInfo span {color:#333333;font-weight:bold;line-height:14px;}
div.News div.NewsInfo span a {color:#333333;font-weight:bold;line-height:14px;}
div.News div.NewsInfo span a:hover {color:#FFFFFF;background-color:#000000;}
div.News div.NewsInfo a:hover span {color:#FFFFFF;background-color:#000000;}
/*******IE6***********/

/*****************/
/* Head          */
/*****************/
div.HeadLeft {width:300px;height:150px;}
div.HeadRight {width:600px;height:150px;}
div.Logo {width:153px;height:78px;}

/*****************/
/* Menu          */
/*****************/
div.Menu {width:170px;}
div.Menu a {padding:2px 2px 0px 0px;}
div.Menu div {width:100%;padding:2px 0px 0px 0px;}
/* Cut line in the menu */
div.Menu div.Line {padding:4px 0px 0px 0px;border-top:1px solid #999999;}
/* Blank spaces in the menu */
div.Menu div.Interline0 {width:100%;height:15px;}
div.Menu div.Interline1 {width:100%;height:30px;}
div.Menu div.Interline2 {width:100%;height:34px;}
div.Menu div.Interline3 {width:100%;height:10px;}
div.Menu div.Interline4 {width:100%;height:51px;}
div.Menu div.Interline5 {width:100%;height:5px;}


/******************/
/* Projects index */
/******************/
#__index__ {width:240px;height:275px;padding:0px 40px 0px 0px;}
#__image__ {width:240px;height:154px;}
#__imagesize__ {width:240px;height:138px;}
#__intro__ {width:240px;border-top:16px solid #000000;padding:4px 0px 0px 0px;
            font-size:11px;line-height:13px;}
#__intro__ span {color:#333333;font-weight:bold;line-height:14px;}
#__intro__ a:hover span {color:#FFFFFF;background-color:#000000;}
/*******IE6***********/
div.CenterRight div.Index {width:240px;height:275px;padding:0px 40px 0px 0px;}
div.CenterRight div.Image {width:240px;height:154px;}
div.CenterRight div.ImageSize {width:240px;height:138px;}
div.CenterRight div.Intro {width:240px;border-top:16px solid #000000;padding:4px 0px 0px 0px;
            font-size:11px;line-height:13px;}
div.CenterRight div.Intro span {color:#333333;font-weight:bold;line-height:14px;}
div.CenterRight div.Intro a:hover span {color:#FFFFFF;background-color:#000000;}
/*******IE6***********/


/*****************/
/* Project info  */
/*****************/
/*opener+viewer*/
div.Opener {width:540px;height:330px;border:1px solid #999999;}
div.Viewer {display:none;border:0px;}
div.ViewerVideo {border:0px;width:400px;}

/*images + caption*/
div.Opener img {width:100%;}
div.Viewer img {width:auto;}
div.ViewerVideo img {width:100%;padding:50px 0px 0px 0px;}
div.Viewer span {position:relative;display:block;float:left;
                 font-size:11px;line-height:13px;padding:10px 0px 0px 0px;}
div.ViewerVideo span {position:relative;display:block;float:left;
                 font-size:11px;line-height:13px;padding:10px 0px 0px 0px;}
/*info : contains InfoHead+InfoBody or 2*InfoBody*/
div.Info {display:none;padding:4px 0px;border-top:1px solid #999999;background-color:#FFF;}

/*special SAFARI - MAC OSX LION*/
#__videoviewer__ {width:480px;height:290px;}
#__videoviewer__ embed {width:480px;height:290px;}

/* Headlines info */
div.InfoHead {float:left;width:260px;height:500px;}
div.InfoHead div {width:100%;font-size:16px;color:#000000;line-height:13px;}
/*blackline*/
div.InfoHead div span {display:block;float:left;margin:1px 0px 1px 0px;
                       height:17px;width:100%;background-color:#000000;}
div.InfoHead div span.Double {height:34px;}
div.InfoHead div span.Triple {height:51px;}
div.InfoHead div span.Quadruple {height:68px;}

/* Body info */
div.InfoBody {float:left;width:260px;height:500px;}
div.InfoBody div {width:100%;font-size:11px;line-height:13px;}
div.InfoBody div span {color:#333333;font-weight:bold;} /*highlighting text*/
div.InfoBody div a {color:#333333;font-weight:bold;line-height:14px;}
div.InfoBody div a:hover {color:#FFFFFF;background-color:#000000;}
/* Special lines in the Headlines+Info */
/*div.FullBlackSpace {height:17px;width:100%;background-color:#000;}*/
/*div.FullWhiteSpace {height:11px;width:100%;background-color:#FFF;}*/
/*div.BlackSpace {height:17px;width:auto;background-color:#000;}*/

/* Thumbnail */
div.Right div {width:85px;height:55px;}
div.Right div img {width:100%;-height:auto;height:100%;overflow-y : hidden;}
/* for images different from thumbnail size : 85x55 */
/* IE6 aime pas le height : auto */

/***************/

/* Top line in links : HeadRight and Right */
/*div.Cell div.Title {width:300px;height:30px;padding:4px 0px 0px 0px;border-top:1px solid #999999;}*/
div.Cell div.Title {width:500px;height:30px;padding:4px 0px 0px 0px;}
div.Cell div.Title a {padding:2px 2px 0px 0px;}
div.Cell div.First {width:80px;height:30px;padding:4px 0px 0px 0px;border-top:1px solid #999999;}
div.Cell div.First a {padding:2px 2px 0px 0px;}
/**/

/*****************/

/* about */
div.About {padding:4px 0px;border-top:1px solid #999999;background-color:#FFF;
           float:left;width:100%;height:auto;
           width:540px;font-size:11px;line-height:13px;}
div.About span {color:#333333;font-weight:bold;} /*highlighting text*/
/**/
div.Synopsis {padding:4px 0px 50px 0px;border-top:1px solid #999999;background-color:#FFF;
              float:left;width:90%;height:auto;
              font-size:11px;line-height:13px;}
div.Synopsis ul {display:block;float:left;width:25%;list-style: none;
                 color:#333333;font-weight:bold;} /*highlighting text*/
div.Synopsis li {color:#666666;font-weight:normal;} /*highlighting text*/
div.Synopsis span {color:#333333;font-weight:bold;} /*highlighting text*/

/* awards */
div.Awards {padding:4px 0px 50px 0px;border-top:1px solid #999999;background-color:#FFF;
              float:left;width:100%;height:auto;
              width:100%;font-size:11px;line-height:13px;}
div.Awards ul {display:block;float:left;width:100%;list-style: none;
                 color:#333333;font-weight:bold;} /*highlighting text*/
div.Awards li {color:#666666;font-weight:normal;} /*highlighting text*/

/* press */
div.Press {padding:4px 0px 50px 0px;border-top:1px solid #999999;background-color:#FFF;
              float:left;width:100%;height:auto;
              width:100%;font-size:11px;line-height:13px;}
div.Press ul {display:block;float:left;width:100%;list-style: none;
                 color:#333333;font-weight:bold;} /*highlighting text*/
div.Press li {color:#666666;font-weight:normal;} /*highlighting text*/

/* blog */
div.Center div.BlogEvent {padding:4px 0px 20px 0px;border-top:1px solid #999999;background-color:#FFF;width:100%;}
div.Center div.BlogEvent span {font-family:Times,"Times Roman",serif;
								   font-size:17px;line-height:16px;color:black}
div.Center div.BlogEvent span.Grey {color:#A8A8A8}
div.Center div.BlogImage {padding:4px 0px 0px 0px;width:auto;}
div.Center div.BlogText {padding:4px 0px 40px 0px;width:100%;}
div.Center div.BlogSpace {padding:0px 0px 20px 0px;width:100%;}


/* un truc */
/*
div.center{}
div.center div.left{}
div.center div.left img{}
div.center div.right{}
*/

