@CHARSET "UTF-8";

@import "jqlightbox.css";

* { margin: 0; padding: 0;
	
}
body {
	font-family: helvetica, Verdana, Arial, sans-serif ;
	font-size: 11px;
}
h1 { position:absolute; top:0;left:0; width: 900px; height: 86px; margin: 0 auto 1px auto; background: url("../img/header.gif") no-repeat;}

li { list-style: none; }
h3 { color: #e1001a; font-size: 20px; }
a:link, a:visited { color: #000; text-decoration: none;}
a:hover { color: #e1001a; }
a:active { color: #9d9d9d; }

/********************************* LAYOUT *********************************/

#site { background: url("../img/bg.gif") repeat-y center 0;}
#header { position:relative; height: 86px; margin: 0 auto; background: url(../img/bgtop.gif) no-repeat 50% 0; padding-top: 20px;}
#content { width: 1021px; margin: 0 auto; margin-top:3px; }
#flash { width: 1021px; height: 450px;}
#cols { width: 100%; border-top: 1px dotted #000; }
#leftcol { float: left; width: 720px; border-right: 1px dotted #000; }
#rightcol { float: left; width: 298px; }
#footer { position: relative; clear: both; padding: 7px 0 0 3px; border-top: 1px dotted #000;}

/********************************* HOME *********************************/


#homecontent { margin-top: 3em;}
#homeblock { width: 1020px; margin: 0 auto 0 auto; }
#homecontent h1 { position: static; width: 1020px; height: 292px; background: url("../img/home.jpg") no-repeat;}
#homecontent h1 em { display: none;}
#homecontent h2 { margin-left: 352px; width: 662px; height: 58px; background: url("../img/logo.gif") no-repeat right; }
#homecontent h2 em { display: none;}

#menuhome { margin-left: 352px; width: 298px; border-left: 1px dotted #e1001a; margin-bottom: 30px;}
#menuhome li.section { 	height: 25px; padding: 1px; border-bottom: 1px dotted #000; }
#menuhome li.section a, #menuhome li.section a:link { display: block; height: 25px; border: none; }
#menuhome a:hover { background-position: 0 -25px; }
#menuhome a:active { background-position: 0 -50px; }
#menuhome a em { display: none; }
#menuhome #visit { background: url(../img/visiter.gif) 0 0; }
#menuhome #login { background: url(../img/login.gif) 0 0; border-bottom: none; }

#homeprez  { margin-top: 2em; padding-bottom: 3em; }

#login_block { margin-left: 352px; width: 298px; margin-bottom: 30px; }
#login_block h3 { color: #9d9d9d; font-size: 14px; margin-bottom: 0.5em;}
#login_block form { padding: 1em; margin-top: -1em; }

#homefooter { position:fixed; width: 1020px; bottom:0; left:50%; margin-left: -510px; padding: 7px 0 0 3px; border-top: 1px dotted #000; background-color: #FFF; }


/********************************* HEADER *********************************/

#header_content { position:relative; width: 1021px; height: 86px; margin: 0 auto;   border-bottom: 1px dotted #000;}
#header_content h1 a { color: #FFF; }
h1 a { width:260px;height:86px; display: block;}
h1 a em { display: none;}
#log { position:absolute; top:0;right:20px; margin-top: 20px; text-align: right;}
#user { font-size: 1.3em; color: #bbb; }
#user span {color: #000; }

a#logout{ color: #e1001a; width: 50px; padding: 4px 0; background: url(../img/arrow2.gif) no-repeat; padding-left: 20px;}
a#logout:link, a#logout:visited { background-position: 0 2px; }
a#logout:hover {  color: #a3d141; background-position: 0 -115px; }
a#logout:active { color: #9d9d9d; background-position: 0 -232px; }

/********************************* POSTS *********************************/

.post { position: relative; }
.post { height: 1%; } /*hack IE7*/
.post .images {  float: left; width: 242px; margin-right: 8px; padding-top: 17px; background:  url(../img/innovation_phosphore.png) no-repeat; margin-top: 2px;}
.post img { border: none; float: right; margin-bottom:2px; }
.post .images.eiffage { border: none; padding-top: 17px; background:  url(../img/innovation_eiffage.png) no-repeat;/*border-top: 15px solid #e1001A;*/ }
.post .content { float: left; width: 460px; }
.post h3 { margin-top: 20px; }
.post p { width: 333px; }
.post .hr {  clear: left; 
	color: #000;
	background-color: #fff;
	height: 1px;
	border: 0; border-bottom: 1px dotted #000;
}
.post .date { border-bottom: 1px dotted #000; }
.post .date { margin: 10px 0; padding-bottom: 10px; }
.post .text { padding: 10px 0; margin-bottom: 40px;}
.post .tools { position: absolute; bottom: 6px; right: 18px; width: 83px; height: 40px;  }
.post .tools a { display: block; padding: 4px 0; background: url(../img/arrow1.gif) no-repeat; padding-left: 20px;}
.post .tools a.more , .post .tools a.close { border-top: 1px dotted #000; }
.post .tools a:link, .post .tools a:visited { background-position: 0 2px; }
.post .tools a:hover { background-position: 0 -115px; }
.post .tools a:active { background-position: 0 -232px; }
.post .tools a.more:link, .post .tools a.more:visited { color: #e1001a; background: url(../img/arrow2.gif) no-repeat 0 2px; }
.post .tools a.more:hover { color: #a3d141; background-position: 0 -115px; }
.post .tools a.more:active { color: #9d9d9d; background-position: 0 -232px; }

.post .loading { position: absolute; top:0; width: 100%; height: 100%; line-height:100%; }
.post .loading img { vertical-align:middle; }

#leftcol .post.last .hr {  border: none; }


/********************************* FOOTER *********************************/


a#top { padding-right: 12px; position: absolute; right: 318px; }
a#top:link, a#top:visited { color: #000; background: url(../img/arrow3.gif) no-repeat; background-position: right -2px;}
a#top:hover { color: #e1001a; background-position: right -119px; }
a#top:active { color: #9d9d9d; background-position: right -236px; }

div.footer{ background: #fff url(../img/bgbottom.gif) no-repeat 50% 0; height: 30px; border: none; }

/********************************* COL DROITE *********************************/

#rightcol li.section { 	height: 25px; padding: 1px; border-bottom: 1px dotted #000; }
#rightcol li.archives { border-bottom: none; }
#rightcol li.biblio { border-top: 1px dotted #000; }
#rightcol li.section a, #rightcol li.section a:link { display: block; height: 25px; border: none; }
#rightcol a:hover { background-position: 0 -25px; }
#rightcol a:active { background-position: 0 -50px; }
#rightcol a em { display: none; }

#flux { background: url(../img/flux.gif) 0 0; }
#archives { background: url(../img/archives.gif) 0 0; border-bottom: none; }
#archives:active , #archives:focus { outline: none; } 
#archives:focus {  -moz-outline-style: none; }
#biblio { background: url(../img/biblio.gif) 0 0; border-top: 1px dotted #000; }

#rightcol #archiveslist { width: 145px; margin: 0 0 17px 17px; padding-top: 6px; border-top: 1px dotted #000; }
#rightcol #archiveslist li { border: none; text-align: right; font-size:13px; }
#rightcol #archiveslist li a{ font-size:13px; }

#loading { position:absolute; width:100%; height:100%; top:0; height:0; }

/********************************* LEGALS *********************************/

#legals p, #legals h3, #legals h4{ margin:0 20px 1em 20px; }
#legals ul{ margin:-1em 20px 1em 20px; }
#legals li { list-style-type: disc ; margin-left: 1em}