body  { background-color: #000; margin: 0 auto; padding: 0; }
body, p, td, th       { color: #008ebf; font-size: 12px; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; font-weight: normal; line-height: 1.6em }
a   { color: #00baff; text-decoration: none }
h1     { color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 38px; margin-bottom: 0 }
h2    { font-size: 18px; font-weight: normal; line-height: 20px; margin-bottom: 0 }
#logo      { background-image: url("../i/commun/logo_autreplanete_blue.gif"); background-position: -2px -5px; position: absolute; top: 0; left: 0; width: 227px; height: 56px }
#nav li a          { color: #00baff; font-size: 1.1em; line-height: 1.2em; margin: 0; padding-right: 4px; padding-left: 4px }
#nav li a:hover { color: #fff; text-decoration: none }
#header #nav2 li a      { color: #fff; }

#pageWork #nav .work  { color: #fff; }
#pageWork #nav li.work a  { color: #fff; }
#nav .count   { font-weight: normal }

#main .postHead     { color: #476f9e; font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; line-height: 1.2em; background-color: #102946; margin-bottom: 1em; padding: 4px 4px 4px 8px; border: solid 2px #071f3b }

#main .item a:link  { color: #fff; text-decoration: none }
#main .item a:visited  { color: #00baff; text-decoration: none }
#main .item a:active  { color: #ccac4b }
#main .item a:hover   { color: #fff; text-decoration: underline }

#main .item .tag  { font-size: 10px; line-height: 16px; list-style-type: none; margin: 0; padding: 4px 0; width: 420px; border-top: 1px solid #00346b; border-bottom: 1px solid #00346b }
#main .item .bt_vignette a   { color: #8f8670;  line-height: 24px; background-image: url("../i/home/bouton_vignette.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; margin-top: 4px; padding-left: 25px; height: 24px }
#main .item .description .bt_vignette a:hover   { color: #ccac4b; text-decoration: none; background-position: 0 -24px }


#bottom   { background-color: #000; background-image: url("../i/home/bg_bottom.gif"); background-repeat: repeat-x }





/* 
Global
-----------------------------------------
*/

img {border:none}
img.left, .left img  {
  float:left;
  margin:0 10px 0 0;
}
img.right, .right img  {
  float:right;
  margin:0 0 0 10px;
}
img.middle { vertical-align:middle }

/* Separateur */
.sep  { clear: both }
.cb { clear: both }

a.ext   { color: #ccac4b; text-decoration: underline }
a.ext:hover { color: #ccac4b; text-decoration: none }


p.option  { color: #666; line-height: 15px }
/* JsVal */
.invalid {background:#D1EE34}

/*
Message
-----------------------------------------
*/
#msg, .msg {margin:0 0 5px 0; width:440px}
#msgIn, .msgIn {color:#4E5426; border:1px solid #A89E53; background:#FFF8C4; padding:12px 60px 12px 12px;}
#msgIn h1, .msgIn h1  { color: #a89e53; font-size: 1.6em; font-weight: normal; margin: 0 }
.important  { color: #ff5ebc; font-size: 1.2em }
#msgIn p, .msgIn p { margin:0;color:#4E5426; }
#msgIn a, .msgIn a {text-decoration:underline}

#msgIn.wrong {border:1px solid #FF5EBC; background:#fff;color:#666}
#msgIn.wrong h1 {color:#FF5EBC}
#msgIn.wrong p {color:#666}

p.error  {color:#666; border:1px solid #FF5EBC; background:#fff; padding:12px 140px 12px 12px;}


/* 
Top and Bottom
-----------------------------------------
*/


#header   				{ text-align: center; margin: 0; width: 100%; height: 72px }
#header .content           { width: 960px; height: 72px }

#sitelang    { font-size: 0.9em; position: absolute; top: 10px; left: 237px; width: 650px }
#nav         { line-height: 24px; position: absolute; top: 31px; left: 230px; width: 650px }
#nav ul   	 { margin: 0; padding: 0 }
#nav li      { display: inline; padding: 2px 4px; border-right: 1px solid #008ebf }



#nav li a.selected { color: #fff }


#bottom .content { margin-right: auto; margin-left: auto; width: 960px ; margin-bottom: 24px; }
#bottom .content .tags    { padding-top: 10px; padding-left: 15px; width: 600px; float: left }
#bottom .content .tags .cloud { }
#bottom .content .tags .cloud p  { line-height: 2.1em; text-align: justify; margin: 0; padding: 0.3em 0; border-top: 1px solid #333; border-bottom: 1px solid #333 }
#bottom .content .tags .option a { color: #ccac4b; text-decoration: none }
#bottom .content .tags .option a:hover  { text-decoration: underline }
#bottom .content .tags .option a.selected { color: #000; background-color: #8f8670 }
#bottom .content ul.button     { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 650px; padding: 58px 0 0; width: 293px }
#bottom .content ul.button li   { list-style-type: none; padding-bottom: 3px }
#bottom .content ul.button a        { color: white; line-height: 23px; background-image: url("../i/home/bouton_bottom.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-left: 14px; width: 300px; height: 23px }
#bottom .content ul.button a:hover     { text-decoration: none; background-position: 0 -23px }
#bottom .content ul.button a:active  { background-position: 0 -46px }
#bottom .content .mention { padding-top: 40px }
#bottom .content .mention .legal { color: #666; font-size: 11px; text-align: left; border-top: 4px double #333 }
#bottom .content .mention .legal a { color: #b2b2b2; font-size: 10px; text-decoration: none }

#bottom .validator  { float: right }

/* 
Main
-----------------------------------------
*/

#main   { text-align: center }
#main .creation      { margin-right: auto; margin-bottom: 10px; margin-left: auto; width: 930px; height: 415px }
#main .content     { width: 930px }
#main .content .creaDescription   { margin-left: 327px; padding-top: 0; width: 600px }



#main .content .creaInfo  { font-family: Verdana, Arial, Helvetica, sans-serif; width: 280px; float: left }
#main .content .creaInfo { padding-left: 0px }
#main .content .creaInfo ul { font-size: 10px; margin: 0; padding: 0; border-top: 1px solid #00346b }
#main .content .creaInfo li { font-size: 10px; line-height: 16px; list-style-type: none; margin: 0; padding: 4px 0; border-bottom: 1px solid #00346b }
#main .content .creaInfo a:hover {  color: #fff; text-decoration:underline }
#main .content .creaInfo  .careers { border:1px solid #00346b; padding:5px 5px 0; margin:10px 0 0}
#main .content .creaInfo  .careers p { padding:0 0 5px; margin:0; font-size:11px; }

#main .content .colMain  {
	margin-left: 327px;
	width: 590px;
}
#main .content .colMain .msg { color: #fff; font-style: italic }
#main .item .vignette    { background-color: white; width: 166px; height: 111px; float: left }
#main .item .vignette img  { border-width: 0 }
#main .content .colMain .item .description { margin-left: 182px;}
.content      { text-align: left; margin-right: auto; margin-left: auto; position: relative }



/* 
Pagination
-----------------------------------------
*/
.pages      { font-size: 0.9em; margin-left: 327px; padding-top: 5px; border-top: 1px solid #00346b }
.pages a  { color: #ccac4b; padding-right: 5px; padding-left: 5px }
.pages a:hover { color: #8f8670; text-decoration: none }
.pages a.selected     { color: #fff; font-weight: 700; background-color: #102946; padding: 2px 8px; border: solid 1px #476f9e }

.paginationPost .btBack {width:185px;}
.paginationPost .pages {float:right; margin:0; border:none; width:60px;  overflow:hidden }

.btBack      { text-align: right; display: block; padding-top: 6px; width: 320px; float: left }

.btNext a     { color: #8f8670; text-decoration: none; background-image: url("../i/home/bouton_vignette.gif"); background-repeat: no-repeat; background-position: left -1px; padding: 5px 25px 6px }
.btNext a:hover   { color: #ccac4b; background-image: url("../i/home/bouton_vignette.gif"); background-repeat: no-repeat; background-position: 0 -25px }
.btBack a      { color: #8f8670; font-size: 0.9em; text-decoration: none; background-image: url("../i/home/prev.gif"); background-repeat: no-repeat; background-position: right -1px; padding: 5px 25px 6px }
.btBack a:hover   { color: #ccac4b; text-decoration: none; background-image: url("../i/home/prev.gif"); background-repeat: no-repeat; background-position: right -25px }