/*
    Document   : athena.css
    Created on : 3 mai 2009, 17:25:23
    Author     : cyril ruel
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    margin:0;
	padding:0;
	font-size:0.75em;
	color: #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: url('../img/bg_page.gif') repeat-x;
}

body.home {
	background: url('../img/bg_home.gif') repeat-x;
}

#center_layout {
	width: 920px;
	margin:0 auto;
	text-align: left;
}

form, ul, li, p, img {
    margin:0;
    padding:0;
}

img { border: 0; }

a { color: #6a4581; }
a:hover { color: #a887bd; }


/*--------  HEADER  --------*/
div#header {
	position:relative;
	height:120px;
	text-align:right;
}

.logoLink {
	display: block;
	float:left;
	width: 203px;
	height: 106px;
	background:url(../img/logo.gif) no-repeat;
	margin-top: 5px;
}

div#header div#login {
	padding:0.5em 0;
    text-align:right;
    margin-right:55px;
}

div#header form input[type=text] {
	display:inline;
	margin-right:5px;
}

div#header form input[type=password] {
	display:inline;
	margin-right:5px;
}
/*
#Flags {
	position: absolute;
	width: 50px;
	margin-top: 10px;
	margin-left: 900px;
}
*/
div#header form input[type=submit] {
	width: 81px;
	height: 22px;
	background: url(../img/connexion.gif) 0 0 no-repeat;
	border: 0;
	color: #fff;
}

div#header form input[type=submit]:hover {
	background: url(../img/connexion.gif) 0 -21px no-repeat;
}

ul#menu {
	position: absolute;
    bottom: 15px;
	right:0;
    list-style-type:none;
}

ul#menu li {
    display:inline;
    padding:0 0;
    font-size: 16px;
    margin-left:10px;
}

ul#menu li a {
    text-decoration:none;
    font-variant:small-caps;
	color:#6a4581;
	display:inline-block;
	padding:0 0.4em;
}

ul#menu li a:hover { color: #a887bd; }


/*--------  HOMEPAGE  --------*/
#HomePresent {
	height: 238px;
}

.Hometitle {
	position: absolute;
	width: 570px;
	color: #fcfcfc;
	line-height: 20px;
	padding: 0;
	margin: 0;
	margin-top: 22px;
}

.Hometitle h1 {
	font-weight: normal;
	font-size: 28px;
	line-height: 40px;
	padding: 0;
	margin: 0;
}

.HomeFlashi {
	position: absolute;
	width: 293px;
	margin-left: 625px;
	margin-top: 20px;
}


/*-------  FLASH MSG  -------*/
div#flash_message {
	text-align:center;
	padding:0.5em 0;
	font-size:1.5em;
}


/*--------  SIDEBAR  --------*/
div#sidebar {
	width: 270px;
	padding:0;
	float:right;
	margin: 70px 0 0 0;
}

div#sidebar.home { margin-top:37px;}

.sidebarContent { background: url(../img/bg_block.gif) 0 -20px no-repeat; }

.siderbarSubContent {
	padding: 20px;
	padding-bottom: 15px;
}

.siderbarSubContent a { color: #67437d; text-decoration: none; }
.siderbarSubContent a:hover { color: #724a8b; }

.sidebarBottom  {
	height: 20px;
	background: url(../img/bg_block.gif) 0 0 no-repeat;
}

div#sidebar h2 {
	font-family:Century Gothic, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:1.7em;
	color:#777;
	font-weight:normal;
	letter-spacing: -1px;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ccc;
}

div#sidebar p {
	font-size:90%;
	line-height:19px;
	margin:10px 0 10px 0;
}

div#sidebar ul  { margin-bottom: 22px; }

div#sidebar li {
	margin-left: 20px;
	margin-bottom: 12px;
	list-style-type: circle;
	color: #8b8b8b;
}

div#sidebar li:hover {
	margin-left: 20px;
	margin-bottom: 12px;
	list-style-type: disc;
}


/*--------  CONTENT  --------*/
div#content {
	padding: 55px 300px 20px 20px;
}

div#content.home {
	padding-top:20px;
}

div#content h1 {
	color:#81579b;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:2em;
	text-transform:uppercase;
	letter-spacing: 5px;
	margin:16px 0 18px;
	border-bottom: 1px solid #ccc;
}

div#content h2 {
	font-size:1.3em;
	color:#333;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:10px;
}

div#content p {
	line-height:20px;
	word-spacing:2px;
	padding:0 0 0 20px;
	margin:20px 0 20px 0;
}

div#content ul {
	margin:15px 0 15px 20px;
	padding:0;
	border-top:1px solid #eee;
}

div#content li {
	margin:10px 0 10px 0;
	padding:0 0 10px 15px;
	border-bottom:1px solid #eee;
}

div#content ul li ul {
	list-style-type:none;
	border:0;
}

div#content ul li ul li {
	border:0;
}

div#content ul li ul li ul li {
	border-bottom:1px solid #eee;
}

div#content a {
	color:#6a4581;
	padding:2px;
	text-decoration:underline;
}

div#content a:hover { color:#a887bd; }

div#content a.images {
	display:inline-block;
	width:32px;
	height:0px;
	padding-top:32px;
	overflow:hidden;
	vertical-align:bottom;
}

a[id^=add] {
	background:url('../img/add.png') center center no-repeat;
}

a[id^=remove] {
	background:url('../img/remove.png') center center no-repeat;
}

a[id^=remove_candidature] { float:right; }

div#content a.implantation:hover { background-color:transparent; }

a#postuler {
	display:block;
	width:100%;
	margin-top: 2em;
	font-size:2em;
	text-align:center;
	text-decoration:none;
}


/*--------  FOOTER  --------*/
div#footer { 
	clear:both;
	padding-top: 32px;
	padding-bottom: 0.5em;
}

div#footer p#contact {
    padding: 0.5em 2em;
    font-size: 0.8em;
    border-top: 1px solid #68676A;

}


/*--------  TABLE  --------*/
table {
	border-spacing:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#fff;
	color: #666; /*#b7b7b7;*/
}

caption {
	font-weight: bold;
	background-color:#50ADEA;
	background-repeat:no-repeat;
	background-position:right top;
	border-bottom:2px solid #1975d7;
	color: #FFF;
	text-transform:uppercase;
	padding:10px;
}

td, th {
	padding: 4px;
}

thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
	text-transform:uppercase;
}

tbody th {
	font-weight: bold;
}

tbody tr		{
	/*background-color:#FFF;*/
	text-align:left;
	}
tbody tr.odd 	{
	/*background: #f9f9f9;*/
	border-top:1px solid #FFF;
}

tbody th a:link, tbody th a:visited{
	color:#96D030;
	background:url(http://infectedfx.net/css/tables/layout.gif) no-repeat;
	padding:3px 0px 0px 18px;
	}
tbody th a:hover{
	color:#FF8601;
	}

tbody tr td {
	height:50px;
	/*background: #FFF;*/
	border-bottom: 1px solid #ccc;
	}

tbody tr.odd td{
	/*background: #f9f9f9;*/
	border-top:1px solid #FFF;
	}

table td a:link, table td a:visited {
	color: #1975D7;
	text-decoration: none;
}

table td a:hover {
	color: #50ADEA;
	border-bottom:2px solid #8FD5FF;
	text-decoration: none ;
}
tbody td a[href="http://www.infectedfx.net"] {
	margin: 0 auto;
	height: 15px;
	background: url(http://infectedfx.net/css/tables/ok.gif) no-repeat;
	border-bottom: 0;
	padding:3px 0px 0px 18px;
	font-weight:bold;
	color:#FF8601;
}

table a[title^="Download"] {
	background: url(http://infectedfx.net/css/tables/down.gif) no-repeat center;
	padding:20px 0px 0px 15px;
}

tfoot th, tfoot td {
	background-color:#E7E7E7; padding:10px;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px; font-weight:bold; font-style:italic;
	border-bottom:3px solid #CCC;
	border-top:1px solid #DFDFDF;
}


/*--------  FORM  --------*/
#content form fieldset {
	margin:20px 0px;
	background: #f6f6f6;
}

#content form fieldset ul li label {
	display:inline-block;
	width:10em;
}

#content form fieldset ul li label span {
	color:red;
}

#content form fieldset legend {
	font-size: 14px;
}

#content form p.error {
	color:red;
	font-size:0.8em;
	margin: 4px 0 0 0;
	left: 0;
}

.nodisplay {
	display:none;
}

#content form input[type=checkbox]+label {
	width:200px;
}

.error-message {
	color:red;
}

/*--------  FORM CONTACT  --------*/
div#content form.contact ul {
	list-style-type:none;
	border:0;
}

div#content form.contact ul li {
	border:0;
}

form.contact legend {
	padding:0 1em;
}

form.contact input, form.contact textarea {
	display:block;
	margin-top:0.2em;
}

form.contact label:after{
  content:":";
}

.offreshow {}

.offreshow h1 {}

.offreshow h3 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.offreshow h4 { border-bottom: 1px solid #ccc; color: #81579b; padding-bottom: 3px; font-size: 14px; }


.offreshow_detail {
    line-height: 20px;
}