html, body {
color: #000;
background: url('images/bg-2010.gif') repeat-x top left fixed;
background-color: #9E9B8E;
font-size: 12px;
font-family: "Courier New",Courier,mono;
margin: 0 0 0 0;
}

#white {
color: #000;
background-color: #FFF;
font-size: 12px;
font-family: "Courier New",Courier,mono;
margin: 0 0 0 0;
}


/*
GRID
*/

#global {
width: 900px;
height: auto;
overflow: auto;
background-color: #FFF;
margin: 0 auto auto 5px;
padding: 5px 10px 15px 10px;
}

#main {
width: 600px;
height: auto;
overflow: visible;
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
}

.thirds {
position: relative;
float: left;
width: 600px;
height: auto;
overflow: visible;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.third {
position: relative;
float: left;
height: auto;
overflow: visible;
width: 300px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.wide {
position: relative;
float: left;
width: 900px;
height: auto;
overflow: visible;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.pagination {
	position: relative;
	float: left;
	width: 880px;
	height: auto;
	overflow: visible;
	margin: 0 10px 0 10px;
	padding: 3px 0 0 0;
	border-top: 1px dotted #000;
	}
.pagination a:link, .pagination a:visited {text-decoration: none; font-weight: normal;}
.pagination a:hover {background-color: #FFFF00; color: #666;}

#footer {
	width: 880px;
	height: auto;
	background-color: #FFF;
	margin: 0 auto 20px 5px;
	padding: 5px 20px 15px 20px;
	text-align: center;
	clear: both;
	font-family: helvetica, arial, sans-serif;
	}

#foottext {
	display: block;
	width:880px;
	padding: 2px 0 0 0;
	text-align: left;
	border-top: 5px solid #000;
	font-size: x-small;
	}

#foottext a:link, #foottext a:visited {font-weight: normal;}
 
#language {
	position: absolute;
	font-size: 10px; 
	text-align: left; 
	margin: 2px 0 30px 10px; 
	font-weight: normal; 
	text-transform: uppercase; 
	font-family: helvetica, arial, sans-serif;
	z-index: 10000;
	}

#language a:link, #language a:visited {color: #000; text-decoration: none; font-weight: normal;}
#language a:hover {color: #666; background-color: #FFFF00;}


/*
MENU
*/

#menubloc {
position: fixed;
z-index: 1000;
left: 0px;
top: 0px;
width: 920px;
height: 100px;
overflow: none;
}

#menu li {display: inline;}

ul#menu { padding: 0; margin: 0; list-style: none; }

ul#menu li a { 
display: block;
float: left; 
height: 80px; 
background: url('images/menu.png') no-repeat; _background-image: url('images/menu.gif');
margin: 0;
text-decoration: none;
color: transparent;
}

#menubloc ul#menu li a.menu_sep { 
width: 8px;
background-position: -73px 0;
cursor: default;
}

#menubloc ul#menu li a.menu_sepmax { 
width: 105px;
background-position: -650px 0;
cursor: default;
}

#menubloc ul#menu li a#menu_news:link, #menubloc ul#menu li a#menu_news:visited { 
width: 75px;
background-position: 0px 0; }
#menubloc ul#menu li a#menu_news:hover { background-position: 0px -100px; }
#menubloc ul#menu li a#menu_news:active { background-position: 0px -200px; }

#menubloc ul#menu li a#menu_about:link, #menubloc ul#menu li a#menu_about:visited { 
width: 60px;
background-position: -80px 0; }
#menubloc ul#menu li a#menu_about:hover { background-position: -80px -100px; }
#menubloc ul#menu li a#menu_about:active { background-position: -80px -200px; }

#menubloc ul#menu li a#menu_contacts:link, #menubloc ul#menu li a#menu_contacts:visited { 
width: 82px; 
background-position: -146px 0; }
#menubloc ul#menu li a#menu_contacts:hover { background-position: -146px -100px; }
#menubloc ul#menu li a#menu_contacts:active { background-position: -146px -200px; }

#menubloc ul#menu li a#menu_db:link, #menubloc ul#menu li a#menu_db:visited { 
width: 86px; 
background-position: -235px 0; }
#menubloc ul#menu li a#menu_db:hover { background-position: -235px -100px; }
#menubloc ul#menu li a#menu_db:active { background-position: -235px -200px; }

#menubloc ul#menu li a#menu_archives:link, #menubloc ul#menu li a#menu_archives:visited { 
width: 80px; 
background-position: -326px 0; }
#menubloc ul#menu li a#menu_archives:hover { background-position: -326px -100px; }
#menubloc ul#menu li a#menu_archives:active { background-position: -326px -200px; }

#menubloc ul#menu li a#menu_press:link, #menubloc ul#menu li a#menu_press:visited { 
width: 50px; 
background-position: -414px 0; }
#menubloc ul#menu li a#menu_press:hover { background-position: -414px -100px; }
#menubloc ul#menu li a#menu_press:active { background-position: -414px -200px; }

#menubloc ul#menu li a#menu_101:link, #menubloc ul#menu li a#menu_101:visited { 
width: 82px; 
background-position: -473px 0; }
#menubloc ul#menu li a#menu_101:hover { background-position: -473px -100px; }
#menubloc ul#menu li a#menu_101:active { background-position: -473px -200px; }

#menubloc ul#menu li a#menu_dynamo:link, #menubloc ul#menu li a#menu_dynamo:visited { 
width: 90px; 
background-position: -560px 0; }
#menubloc ul#menu li a#menu_dynamo:hover { background-position: -560px -100px; }
#menubloc ul#menu li a#menu_dynamo:active { background-position: -560px -200px; }


#menubloc ul#menu li a#menu_export:link, #menubloc ul#menu li a#menu_export:visited { 
width: 65px; 
background-position: -800px 0; }
#menubloc ul#menu li a#menu_export:hover { background-position: -800px -100px; }
#menubloc ul#menu li a#menu_export:active { background-position: -800px -200px; }

#menubloc ul#menu li a#menu_bxl:link, #menubloc ul#menu li a#menu_bxl:visited { 
width: 60px; 
background-position: -860px 0; }
#menubloc ul#menu li a#menu_bxl:hover { background-position: -860px -100px; }
#menubloc ul#menu li a#menu_bxl:active { background-position: -860px -200px; }

/*
DIVs & Ps
*/

.category {
font-family: /*Glypha, Serifa,*/ Courier New, Courier;
font-size: 42px;
text-transform: uppercase;
line-height: 42px;
margin: 70px 10px 3px 10px;
display: block;
border-bottom: 5px solid #000;
clear: both;
}
.flash-replaced .alt 
{
display: block;
height: 0;
position: absolute;
overflow: hidden;
width: 0;
}


.today {
	position: absolute;
	font-family: helvetica, arial, sans-serif;
	right: 10px;
	top: 92px;
	font-weight: bold;
	}


.righttext {
	position: relative;
	margin: 0 10px 10px 10px;
	padding: 10px 0 10px 0;
	clear: both;
	border-bottom: solid 1px #000;
	border-top: 1px dotted #000;
	}
.righttext p {margin: 0; position: relative; clear: both;}

.sepwide {
	width: 880px;
	padding: 0 0 0 0;
	margin: 0 0 0 10px;
	clear: left;
	border-top: 1px dotted #000;
	}

.sepmid {
width: 580px;
padding: 0 0 0 0;
margin: 0 0 0 10px;
clear: left;
border-top: 1px dotted #000;
}

.sepinvis {position: relative; width: 100%; height: 20px; clear: both;}




/*
NEWS
*/

.newsarticle {
	position: relative;
	width: 880px;
	height: auto;
	overflow: auto;
	padding: 10px 0 10px 0;
	margin: 0 10px 3px 10px;
	border-top: dotted 1px #000;
	}

.newsarticle .tab {
	position: absolute;
	top: -1px;
	right: 197px;
	width: 80px;
	height: 80px;
	overflow: hidden;
	z-index: 100;
	}

.newsarticle .text {
	position: relative;
	width: 280px;
	padding: 0 0 0 0;
	margin: 0 10px 0 0;
	float: left;
	}
	
.newsarticle .text .date {font-family: helvetica, arial, sans-serif; font-size: 10px; color: #CCC;}

.newsarticle .text a.more:link, .newsarticle .text a.more:visited {background-color: #FFFF00; font-weight: normal; text-decoration: none; color: #666;}
.newsarticle .text a.more:hover {color: #000;}
	
.newsarticle .slideshow {
	position: relative;
	display: block;
	text-align: center;
	width: 382px;
	height: 382px;
	margin: 0 0 0 10px;
	float: left;
	overflow: hidden;
	padding: 0; 
	border: 1px dotted #CCC;
	background-color: #FFF; 
	}
.newsarticle .slideshow .slide {
	position: relative;
	width: 362px;
	height: 362px;
	margin: 10px;
	padding: 0;
	}
.newsarticle .slideshow .slide img {
	display: block;
	margin: auto;
	}

.mainarticle {
width: 280px;
padding: 0 0 0 0;
margin: 0 10px 5px 10px;
float: left;
}

.secarticle {
width: 280px;
margin: 2px 10px 2px 10px;
padding: 8px 0 0 0;
float: left;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

.title {
	font-size: large;
	font-weight: bold;
	text-transform: uppercase; 
	}

.title a:link, .title a:visited {font-size: large; font-weight: bold; text-decoration: none; color: #000;}
.title a:hover {text-decoration: underline;}

.articlecat {
font-size: 10px;
font-weight: normal;
color: #999;
}

.translation {
display: block;
border-top: dashed 1px #666;
margin: 2px 0 0 0;
padding: 1px 0 0 0;
}

.newsfeed {
border-bottom: 1px dotted #CBFF94;
margin: 0 10px 10px 10px;
padding: 0 0 10px 0;
}

.newsfeed .title {
background-color: #CBFF94;
}

.newsfeed a:link, .newsfeed a:visited {font-weight: normal; text-decoration: underline;}
.newsfeed a:hover {background-color: #CBFF94; color: #000;}

#twitter {
	position: fixed;
	width: 300px;
	height: auto;
	overflow: auto;
	left: 700px;
	top: 108px;
	z-index: 101;
	}
#twitter a:link, #twitter a:visited {font-weight: normal; background-color: #FFFF00; text-decoration: none; color: #999;}
#twitter a:hover {background-color: transparent; color: #000;}
#twitter #head, #twitter #body, #twitter #foot {
	background: url('images/bg_tweet.png') no-repeat;
	position: relative;
	overflow: hidden;
	width: 300px;
	}
#twitter #body {
	height: auto;
	background-position: 0px center;
	color: #999;
	}
#twitter #head {
	height: 40px;
	background-position: 0px 0px;
	}
#twitter #foot {
	height: 40px;
	background-position: 0px -820px;
	}
#twitter #body .header {
	position: relative;
	margin: 0 40px 3px 40px;
	width: 220px;
	clear: both;
	}
#twitter #body .art {
	position: relative;
	margin: 5px 40px 0 40px;
	padding: 2px 0 2px 0;
	width: 220px;
	clear: both;
	border-top: 2px dotted #FFF;
	}
#twitter a.ftlogo:link, #twitter a.ftlogo:visited {
	display: block;
	width: 15px;
	height: 15px;
	border: 2px solid transparent;
	float: left; 
	background-color: transparent;
	margin: 0 0 3px 0;
	}
#twitter a.ftlogo:hover {
	border: 2px solid #FFFF00;
	background-color: #FFFF00;
	}


/*
ARTICLE
*/

.related a:link, .related a:visited {
display: block; 
color: #333;
border-bottom: 2px solid #FFFF00; 
text-decoration: none; 
background-color: #FDFFBD;
padding: 2px 0 2px 2px;
margin: 1px 0 0 0;
}

.related a:hover {
color: #000;
background-color: #FFFF66;
}

.related .mini {font-size: 10px; font-weight: normal; color: #666;}

.thumbnail {
width: 65px; 
height: 65px; 
margin: 0 5px 5px 0; 
overflow: hidden; 
text-align: center;
vertical-align: center;
float: left;
}

.doctitle {margin: 0 0 0 0; clear: both; width: 100%;}
.docbloc {margin: 0 0 20px 0; clear: both; width: 100%; height: auto; overflow: auto; border: &px solid black;}

.lilagenda {
	margin: 0 0 3px 0;
	}
.lilagenda p {
	margin: 0;
	}


/*
ARCHIVES
*/

#newsflbox {
margin: 0 0 0 0;
width: 602px;
height: auto;
overflow: auto;
float: left;
}

.folderbody {
width: 264px;
height: 323px;
background: url('images/folder.gif') top left no-repeat;
margin: 0 0 0 3px; 
overflow: hidden;
text-align: center;
float: left;
}

.folder_cat {
width: 33px;
height: 323px;
background: top right no-repeat;
margin: 0 0 0 0;
overflow: hidden;
float: left;
}

.foldercont {
width: 220px;
height: 290px;
margin: auto;
padding: 8px 0 0 0;
text-align: left;
overflow: hidden;
}

.foldercont a:hover {color: #FF0099;}

.foldertitle {
font-weight: bold;
display: block;
margin: 12px 0 3px 0;
}

.foldertitle a:link, .foldertitle a:visited {text-decoration: none;}
.foldertitle a:hover {color: #FF0099;}



/*
LINKS
*/

a:link, a:visited {color: #000; text-decoration: underline; font-weight: bold;}
a:hover {color: #00CCFF; text-decoration: none;}




/*
CONTACTS
*/

.perso {border-top: 1px dotted #000; padding: 2px 0 0 0; position: relative; width: 280px; float: left;}

.name {font-weight: bold; margin: 0 0 0 0;}

.function {color: #666; margin: 0 0 0 0;}

.contacts {margin: 0 0 0 0;}

.widepic {
text-align: center;
float: left;
width: 590px;
height: auto;
overflow: hidden;
margin: 83px 10px 0 10px;
padding: 0 0 0 0;
}

.maincontact {
width: 280px;
padding: 10px 0 0 0;
margin: 0 10px 5px 10px;
border-top: 1px dotted #000;
float: left;
}


/*
ABOUT
*/

.mainabout {
width: 580px;
padding: 0 0 0 0;
margin: 0 10px 5px 10px;
clear: left;
border-top: 1px dotted #000;
}

.perstitle {
margin: 0 10px 0 10px;
padding: 0;
clear: both;
border-top: 1px dotted #000;
}
.perscontact {
margin: 0 10px 5px 10px;
padding: 3px 0 5px 0;
clear: both;
/*border-top: 1px dotted #000;*/
}
.perscontact p {margin: 0;}

a.partner:link, a.partner:visited {
display: block; 
background-color: #FFF; 
border-top: 1px dotted #666; 
position: relative;
width: 280px;
height: 60px;
clear: left;
text-decoration: none;
font-weight: normal;
}

a.partner:hover {background-color: #FFEAF2; color: #FF0099}

.partbloc {margin: 1px 10px 0 10px; padding: 0 0 0 0; position: relative; clear: left;}

.partlogo {float: left; width: 60px; height: 60px; overflow: hidden; position: relative;}

.partname {float: left; margin: 5px 0 0 15px; height: 55px; width: 200px; vertical-align: top; overflow: hidden; position: relative;}

.publication {position: relative; float: left; width: 180px; height: 300px; margin: 5px 10px 5px 10px; padding: 0 0 0 0; overflow: hidden; text-align: center;}

.publication a:link, .publication a:visited {font-weight: normal; text-decoration: none;}


.plublidesc {
	margin: 30px 10px 10px 20px; 
	width: 200px; 
	height: auto; 
	position: relative; 
	float: left;
	text-align: left;
	} 


.publi {
	position: relative;
	text-align: center;
	width: 460px;
	height: 290px;
	margin: 0;
	padding: 20px;
	background-color: #FFF;
	overflow: auto;
	}

/*
DATABASES
*/

a.disciplines:link, a.disciplines:visited {font-weight: normal; text-decoration: underline;}
a.disciplines:hover {color: #FF0099;}

a.fiche:link, a.fiche:visited {font-weight:normal; text-decoration: none;}
a.fiche:hover {color: #000; text-decoration: underline;}

.databloc {
background-color: #FFEAF2;
padding: 5px;
margin: 0 10px 5px 10px;
}

.databloc a:link, .databloc a:visited {
margin: 0 -2px 0 0;
padding: 1px;
font-weight: normal; 
text-decoration: none; 
background-color: #FF0099;
color: #FFF;
font-size: 10px;
}

.databloc a:hover {background-color: #FFF; color: #FF0099;}

a.newfiche:link, a.newfiche:visited {
display: block;
width: 280px;
height: 50px;
margin: 1px 10px 3px 10px;
padding: 2px 0 2px 2px;
font-weight: normal;
text-decoration: none;
border-top: 1px dotted #000;
}
.lastfiche {
display: block;
width: 280px;
height: 5px;
margin: 1px 10px 3px 10px;
padding: 0;
border-top: 1px solid #000;
}

a.newfiche:hover {background-color: #FFFFCC; color: #000;}

.newfiche .img {width: 50px; height: 50px; overflow: hidden; float: left;}
.newfiche .txt {width: 220px; height: 50px; overflow: hidden; margin: 0 0 0 8px; float: left;}

.newfiche .cat {text-transform: lowercase; color: #DDD;}
.newfiche:hover .cat {color: #AAA;}

.disctitle {margin: 10px 10px 5px 10px;}

.formlist {margin: 0 5px 0 0; float: left;}

.alphalist {
margin: 0 10px 10px 10px;
	}

.alphalist a:link, .alphalist a:hover, .alphalist a:visited {font-weight: normal;}
	
.alphalist a.designer:link, .alphalist a.designer:visited {color: #00CCFF;}
.alphalist a.school:link, .alphalist a.school:visited {color: #FF0099;}


/*
101PCT
*/

.designers {
	position: relative;
	height: auto;
	width: 580px;
	padding: 0 0 0 0;
	margin: 0 10px 5px 10px;
	clear: left;
	border-top: 1px dotted #000;
	overflow: hidden;
	}
.designers .title {
	font-size: large;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
a.linkdesigner:link, a.linkdesigner:visited {
	position: relative;
	background-image: url('images/bgdesigners.gif');
	background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	width: 102px;
	height: 102px;
	margin: 0 3px 5px 0;
	padding: 7px 5px 5px 6px;
	text-align: left;
	color: #000; 
	text-decoration: none; 
	font-weight: normal;
	}
a.linkdesigner:hover {
	text-decoration: underline; 
	}
.agenda {
	position: relative;
	margin: 0 10px 0 10px;
	padding: 4px;
	clear: both;
	border-top: 1px dotted #000;
	background-color: #FFFFCC;
	}
.agenda .date {
	position: relative;
	margin: 0 10px 10px 0;
	float: left;
	width: 30%;
	}
.agenda .place {
	position: relative;
	margin: 0 0 10px 0;
	float: right;
	width: 65%;
	}
.agenda .info {position: relative; margin-top: 10px; clear: both;}
.agenda .date p, .agenda .place p, .agenda .info p {margin: 0;}
.agenda a:link, .agenda a:visited {font-weight: normal;}
.agenda a:hover {color: #666;}

/*
DYNAMO
*/


.dynacont {
	position: relative;
	display: block;
	width: 580px;
	height: auto;
	overflow: auto;
	padding: 0;
	margin: 0 10px 10px 10px;
	clear: both;
	border-bottom: 1px dotted #000;
	}
.dynacont .txt {
	position: relative;
	width: 280px;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	float: left;
	}
.dynacont .txt .date {font-family: helvetica, arial, sans-serif; font-size: 10px; color: #CCC;}
.dynacont .gallery {
	position: relative;
	width: 280px;
	height: 280px;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
	float: right;
	}
.paginamo {
	position: relative;
	float: left;
	width: 580px;
	height: auto;
	overflow: visible;
	margin: 0 10px 0 10px;
	padding: 3px 0 0 0;
	}
.paginamo a:link, .paginamo a:visited {text-decoration: none; font-weight: normal;}
.paginamo a:hover {background-color: #FFFF00; color: #666;}
.blocdynalogo {
	position: relative;
	width: 280px;
	height: auto;
	overflow: auto;
	border-top: 1px dotted #000;
	padding: 10px 0 0 0;
	margin: 0 10px 5px 10px;
	}
a.dynalogo:link, a.dynalogo:visited {
	width: 60px;
	height: 60px;
	border: 1px solid #FFF;
	display: block;
	position: relative;
	float: left;
	}
a.dynalogo:hover {
	border: 1px dotted #CCC;
	}

/*
PRESS
*/

.pressline {
	position: relative;
	margin: 0 0 15px 10px;
	width: 885px;
	height: auto;
	overflow: auto;
	}


/*
SPIP
*/

img { border: 0; }