/*
 * Projet : infostrateges
 * Auteur : Pierre-Emmanuel Fringant
 * Fichier créé le 18 janv. 07
 * 
 * Description :
 * Feuille de styles pour affichage écran
 */

/*
 * STRUCTURE
 * ------------------------------------------------------
 */

* {
    margin: 0;
    padding: 0;
}
div#container {
    text-align: left;
    width: 960px;
    margin: 0 auto;
}
div#header {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
div#navbar-cat {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
div#navbar-subcat {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
div#wrapper {
    clear: both;
    float: left;
    position: relative;
    width: 960px;
}
    div#content {
        float: left;
        width: 695px;
        display:inline;
		overflow: hidden;
        position: relative;
    }
    div#navigation {
        float: right;
        width: 265px;
        overflow: hidden;
        position: relative;
    }
div#extra {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
div#footer {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
:focus {
    -moz-outline-style: none; /* Remove dotted lines around links in Mozilla browser */
}

/*
 * STYLES GENERAUX
 * ------------------------------------------------------
 */
body {
    font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
    font-size: 100.1%;
    text-align: center;
    background: #980028 url("../img/page_bg.jpg") no-repeat center top;
}
div#header {
    height: 126px;
    background: url("../img/top_bg.jpg") no-repeat 0 0;
}
div#navbar-cat {
    height: 34px;
    background: url("../img/topnav_cat_bg.gif") no-repeat;
}
div#navbar-subcat {
    height: 28px;
    background: url("../img/topnav_subcat_bg.gif") no-repeat;
}
div#wrapper {
    background: url("../img/container_bg.gif") repeat-y center top;
}
    div#content {
        background: #f8f8f8;
    }
    div#navigation {
        background: #f3f3f3;
    }
div#extra {
    background: #f3e5d1;
}
div#footer {
    background: url("../img/footer_bg.gif") no-repeat center top;
}

/*
 * HEADERS
 * ------------------------------------------------------
 */
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -1px;
}
div#logo {
    float: left;
	text-indent: -99999px;
	width: 440px;
	height: 57px;
	background: url("../img/les-infostrateges.gif") no-repeat;
	margin-top: 47px;
}
div#logo a {
	display: block;
	text-decoration: none;
	width: 312px;
	height: 34px;
}

/*
 * LOGIN
 * ------------------------------------------------------
 */
div#login {
    float: right;
    width: 265px;
    margin-top: 8px;
}
#login-header {
    margin-left: 20px;
    background: url("../img/login_header_bg.gif") no-repeat;
}
#login-header h3 {
    margin-left: 5px;
	padding: 1px 0 1px;  
    color: #982727;
    font-size: .8em;
}
#login-body {
    width: 265px;
    height: 90px;
    background: url("../img/login_body_bg.gif") no-repeat;
}
#login-body form {
    margin: 0 11px;
	padding: 11px 0 6px;
}
#login-body div {
	padding: 0;
}
#login-body label {
	margin-right: 4px;
	width: 82px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	font-size: .75em;
	font-weight: bold;
}
#login-body input {
    font-size: 11px;
}
/* Non Loggué */
#is-logged-out-options {
    font-size: .75em;
    list-style-type: none;
}
#is-logged-out-options li {
    display: inline;
	padding-left: 11px;
    background-image: url("../img/login_sep.gif");
    background-repeat: no-repeat;
    background-position: 2px 4px;
}
#is-logged-out-options .first, 
ul#footer-links .first {
    background-image: none;
}
#is-logged-out-options li a {
    color: #982727;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #982727;
}
#is-logged-out-options li a:hover {
    color: #000;
    border-bottom: 1px dashed #000;
}
/* Loggué */
#is-logged-in-options {
    font-size: .8em;
	padding: 16px 0 0 32px;
}
#is-logged-in-options li a {
    color: #982727;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px dashed #982727;
}
#is-logged-in-options li a:hover {
    color: #000;
    border-bottom: 1px dashed #000;
}

/*
 * MENU TOP
 * ------------------------------------------------------
 */
div#navbar-cat ul,
div#navbar-subcat ul,
ul#home-tools {
    list-style: none;
}
div#navbar-cat li {
	float: left;
    font-size: .9em;
    height: 34px;
    background-image: url("../img/topnav_cat_puces.gif");
    background-repeat: no-repeat;
}
div#navbar-cat li a {
    float: left;
    font-weight: bold;
    text-decoration: none;
    margin-left: 17px;
    padding: 8px 14px 8px 10px;
}
div#navbar-cat li a:hover {
    text-decoration: none;
    color: #999;
}
li#topnavcat-accueil      { background-position: 0      0; }
li#topnavcat-management   { background-position: 0  -34px; }
li#topnavcat-internet     { background-position: 0  -68px; }
li#topnavcat-veille       { background-position: 0 -102px; }
li#topnavcat-droit        { background-position: 0 -136px; }
li#topnavcat-offre        { background-position: 0 -170px; }
li#topnavcat-dossiers     { background-position: 0 -204px; }
li#topnavcat-publications { background-position: 0 -238px; }

.cat-on {
    color: #fff;
    background-color: #8B091A;
}
.cat-off {
    color: #000;
}

div#navbar-subcat ul {
    margin-left: 14px;
}
#navbar-subcat li {
    float: left;
    font-size: .75em;
    margin: 5px 4px;
    padding-left: 10px;
    background: url("../img/subcat_sep.gif") no-repeat 0 3px;
}
#navbar-subcat li a {
    float: left;
    color: #fff;
    text-decoration: none;
}
#navbar-subcat li a:hover {
    text-decoration: none;
    border-bottom: 1px dashed #fff;
}
.subcat-on {
    font-weight: bold;
    text-decoration: none;
}
.subcat-off {
    font-weight: normal;
    text-decoration: none;
}
div#navbar-subcat ul#home-tools {
    margin-left: 4px;
}
#home-tools li {
	background: none;
	padding: 0;
}
#home-tools li a {
	display: block;
    width: 12px;
	height: 12px;
	margin: 3px;
	background-image: url("../img/home_icons.gif");
    background-repeat: no-repeat;
	line-height: 1px;
	text-indent: -99999px;
}
#home-tools li a:hover {
	border: 0;
}
#home-tools li a#home-tools-startpage { background-position: 0      0; }
#home-tools li a#home-tools-favorites { background-position: 0  -12px; }
#home-tools li a#home-tools-recommand { background-position: 0  -24px; }
#home-tools li a#home-tools-feeds     { background-position: 0  -36px; }
#home-tools li a#home-tools-alerts    { background-position: 0  -48px; }

/*
 * GESTION DES COULEURS
 * ------------------------------------------------------
 */
.txtc-management { color: #CC6600; }
.txtc-internet { color: #669933; }
.txtc-veille { color: #3068A2; }
.txtc-droit { color: #aa0000; }
.txtc-offre { color: #A2A2A2; }
.txtc-formation { color: #966; }
.txtc-newsletter { color: #966; }

/*
 * NAVIGATION
 * ------------------------------------------------------
 */
.box {
    width: 251px;
	margin: 14px 7px;
    background: #e8e8e8 url("../img/box_footer.gif") no-repeat left bottom;
}
.box .box-header {
    background: url("../img/box_header.jpg") no-repeat left top;
}
.box .box-header h3 {
	padding: 3px 0 8px 8px;
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
}
.box .box-body {
    padding: 2px 10px 10px;
}
.box .box-body p {
    line-height: 1.8em;
    font-size: .8em;
}
.box .box-body p a {
    color: #980028;
    text-decoration: none;
	font-weight: bold;
}
.box .box-body p a:hover {
    color: #000;
    text-decoration: none;
	border-bottom: 1px dashed #000;
}
.box .box-body h4 {
	color: #8b091a;
	margin-top: 5px;
}
.box label {
	font-weight: bold;
	font-size: .9em;
}

/* MOTEUR DE RECHERCHE */
#search #search-input,
#alert-login-form #alert-login {
    width: 190px;
}

/* INFOSPHERE */
#is-header {
    padding-left: 38px;
    background: url("../img/is_big.gif") no-repeat 0 .1em;
}
#is-feed-composer {
    padding-left: 54px;
    background: url("../img/tag-to-feed.gif") no-repeat 0 .2em;
}
.is-box-item-list {
    list-style: none;
    width: 100%;
    border-top: 1px solid #ccc;
	padding-bottom: 5px;
}
.is-box-item-list li {
    font-size: .75em;
    border-bottom: 1px solid #ccc;
}
.is-box-item-list li a {
    display: block;
    color: #333;
    font-weight: bold;
    text-decoration: none;
	background-color: #f0f0f0;
    padding: 6px 8px;
    border: 0;
}
.is-box-item-list li a:hover {
    display: block;
    color: #000;
    text-decoration: none;
    background-color: #f6f6f6;
}
#is-box-options {
	list-style-type: none;
	line-height: 1.5em;
	border-top: 1px solid #ccc;
}
#is-box-options li {
    font-size: .8em;
	padding-left: 20px;
	background: url("../img/is_small.gif") no-repeat 0 5px;
}
#is-box-options li a {
    color: #980028;
	font-weight: bold;
	text-decoration: none;
}
#is-box-options li a:hover {
    color: #000;
	text-decoration: none;
	border-bottom: #000 dashed 1px;
}
.is-page-item-list {
	list-style: none;
}
.is-page-item-list li {
	line-height: 20px;
	margin: 8px 0;
}
.is-page-item-list li a {
	font-size: .95em;
}
.is-page-item-list li input {
	position: absolute;
	left: 38px;
}
.is-page-item-list li ul.is-dir-children {
	list-style: none;
}
.is-page-item-list li ul.is-dir-children li input {
	position: absolute;
	left: 62px;
}

/* NUAGE DE TAGS */
#tag-cloud li {
    display: inline;
    margin-right: 8px;
}
#tag-cloud span {
    position: absolute;
    left: -999px;
    width: 990px;
}
#tag-cloud li a {
    text-decoration: none;
}
#tag-cloud li a:hover {
    color: #600;
    text-decoration: none;
}

#tag-cloud .tag-1 a { color: #555; font-size: .7em; }
#tag-cloud .tag-2 a { color: #444; font-size: .85em; }
#tag-cloud .tag-3 a { color: #333; font-size: 1em; }
#tag-cloud .tag-4 a { color: #222; font-size: 1em; font-weight: bold; }
#tag-cloud .tag-5 a { color: #111; font-size: 1.1em; font-weight: bold; }
#tag-cloud .tag-6 a { color: #000; font-size: 1.2em; font-weight: bold; }

#is-tag-cloud {
	list-style-type: none;
}

#is-tag-cloud li {
	float: left;
	width: 50%;
	height: 30px;
}

#is-tag-cloud .tag-1 { color: #555; font-size: .9em; }
#is-tag-cloud .tag-2 { color: #444; font-size: 1em; }
#is-tag-cloud .tag-3 { color: #333; font-size: 1.1em; }
#is-tag-cloud .tag-4 { color: #222; font-size: 1.1em; font-weight: bold; }
#is-tag-cloud .tag-5 { color: #111; font-size: 1.2em; font-weight: bold; }
#is-tag-cloud .tag-6 { color: #000; font-size: 1.3em; font-weight: bold; }

/* Menu de dossier spécial */
#directory-children {
	/*margin-left: 1.6em;*/
	font-size: .85em;
	list-style-type: none;
}
#directory-children li {
	margin: 3px 0;
	padding: 3px 6px;
}
#directory-children li.directory-selected-child {
	background: #f8f8f8;
}
#directory-children li a {
    color: #980028;
	text-decoration: none;
}
#directory-children li a:hover {
	text-decoration: none;
	border-bottom: dashed 1px;
}

#directory-header {
	margin: 20px 0;
	overflow: auto;
	width: 100%;
}
#directory-header span {
	float: right;
}

/* Informations sur une publication */
#publication-infos {
	font-size: .8em;
	list-style-type: none;
	line-height: 2em;
	border-top: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	margin: 7px 0;
	padding: 7px 0;
}
#publication-infos li a {
    color: #980028;
	text-decoration: none;
}
#publication-infos li a:hover {
	text-decoration: none;
	border-bottom: dashed 1px;
}

/*
 * EXTRA
 * ------------------------------------------------------
 */
#extra-left {
    float: left;
    width: 695px;
    position: relative;
}
#extra-left #extra-articles, 
#extra-right #extra-events {
    margin: 22px;
}
#extra-left #extra-articles h3,
#extra-right #extra-events h3 {
    color: #c76f00;
    padding-bottom: .5em;
}
#extra ul {
    list-style: none;
    width: 100%;
    border-top: 1px solid #deb57c;
}
#extra ul li {
    font-size: .75em;
    border-bottom: 1px solid #deb57c;
}
#extra ul li a {
    display: block;
    color: #5c3e1a;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 4px 3px 5.2em;
}
#extra ul li a:hover {
    display: block;
    color: #c76f00;
    text-decoration: none;
    background-color: #f7eddf;
}
#extra ul li a span {
    color: #c76d02;
    font-weight: bold;
    position: absolute;
    left: 26px;
}

#extra-right {    
    float: right;
    width: 258px;
    position: relative;
}
#extra-right #about {
    margin: 54px 7px 22px 0;
    background: #fff url("../img/about_bottom_bg.gif") no-repeat left bottom;
    height: 278px;
}
#extra-right #about h3 {
    color: #c76f00;
    padding: .8em 0 0 1em;
    background: #fff url("../img/about_top_bg.gif") no-repeat left top;
}
#extra-right #about p {
    color: #7d684b;
    font-size: .8em;
    line-height: 1.8em;
    padding: .4em 1.6em 1em 1.6em;
}
#extra-right #about p a {
    color: #c76f00;
    text-decoration: none;
    border-bottom: 1px dashed #c76f00;
}
#extra-right #about p a:hover {
    color: #000;
    border-bottom: 1px dashed #000;
}

/*
 * PAGE ACCUEIL
 * ------------------------------------------------------
 */
#home-flash,
#home-articles, 
#home-events {
    float: left;
}

#home-body-flash {
	font-size: .75em;
	line-height: 1.7em;
}
#home-body-flash h2 {
	color: #666;
}
#home-body-flash-image {
	float: left;
	margin: 3px 12px 0 0;
}

#home-events {
    background: #fcfcfc;
}
#home-flash-wrapper {
	margin: 22px;
	width: 650px;
}
#home-flash {
	background: #fff2a5 url("../img/home_bg_flash-body.gif") no-repeat bottom right;
}
.home-header {
	background-position: bottom left;
	background-repeat: no-repeat;
	margin: 10px 22px 22px;
	height: 45px;
}
.home-header h1 {
	font-size: 1.6em;
	color: #333;
	float: left;
	padding: 6px 0 0 45px;
}
#home-header-flash h1 {
	font-size: 1.1em;
	padding-top: 12px;
}
.home-header-menu {
	list-style-type: none;
	float: right;
	margin: 14px 10px 0 0;
}
.home-header-menu li {
	float: left;
	margin-left: 16px;
}
#home-header-flash {
    background-image: url("../img/home_bg_flash.jpg");
}
#home-header-events {
    background-image: url("../img/home_bg_actus.jpg");
}
#home-header-articles {
    background-image: url("../img/home_bg_articles.jpg");
}

.event {
    width: 316px;
    height: 196px;
    float: left;
}
.event p {
	font-size: .85em;
}

.home-block-line {
	width: 100%;
	clear: both;
}
.home-block {
	width: 49.9%;
	float: left;
	margin-bottom: 28px;
}
.home-block-header {
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #bababa;
	margin: 0 10px;
}
.home-block-header h2 {
	font-size: 1.3em;
	margin-left: 34px;
	padding: 4px 0;
}
.home-block-body {
	font-size: .7em;
	line-height: 2em;
	margin: 0 10px;
}
ul.home-block-body-articles {
	list-style-type: none;
}
ul.home-block-body-articles li {
	background: url("../img/is_smallest.gif") no-repeat 0 6px;
	padding-left: 16px;
	margin: 14px 0;
}
ul.home-block-body-articles li h3 {
	font-size: 1.4em;
}
ul.home-block-body-articles li h3 a {
	text-decoration: none;
}
ul.home-block-body-articles li h3 a:hover {
	color: #000;
}
ul.home-block-body-articles li p.tags {
	color: #444;
    margin-top: 4px;
    padding-left: 19px;
    background: url("../img/tag.gif") no-repeat 0 4px;
}
ul.home-block-body-articles li p.tags a {
    text-decoration: none;
}
ul.home-block-body-articles li p.tags a:hover {
    color: #000;
}
ul.home-block-body-tools {
	list-style-type: none;
	font-size: 1.1em;
}
ul.home-block-body-tools li a {
	text-decoration: none;
	font-weight: bold;
	color: #444;
}
ul.home-block-body-tools li a:hover {
	border-bottom: 1px dashed;
}

.ico-rss-medium {
	background: url("../img/rss_medium.gif") no-repeat 0 1px;
	padding-left: 22px;
}
.ico-rss-small {
	background: url("../img/rss_puce.gif") no-repeat 0 2px;
	padding-left: 16px;
}
.ico-archives {
	background: url("../img/archives.gif") no-repeat 0 1px;
	padding-left: 22px;
}
.ico-archives-small {
	background: url("../img/ico-archives-small.gif") no-repeat 0 2px;
	padding-left: 16px;
}
a.tool-text-link {
	color: #333;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 0;
}
a.tool-text-link:hover {
	border-bottom: 1px dashed;
}

/*
 * RESUMES
 * ------------------------------------------------------
 */
.sum, #full, #archives  {
    margin: 22px;
}
.page-header {
    margin-bottom: 1em;
}
.page-header h1 {
    font-size: 1.6em;
}
.page-header p {
    font-size: .8em;
}
.page-header a {
    text-decoration: none;
}
.page-header a:hover {
    text-decoration: none;
    border-bottom: 1px dashed;
}
.sum-header h2 {
    font-size: 1.4em;
}
.sum-header h2 a {
    text-decoration: none;
    display: block;
    margin-left: 48px;
    padding-bottom: 4px;
    border-bottom: 1px dashed #bbb;
}
.sum-header h2 a:hover {
    color: #000;
}
.sum-header h3 {
    font-size: 1em;
}
.sum-header h3 a {
    text-decoration: none;
    display: block;
    margin-left: 48px;
    padding-bottom: 4px;
    border-bottom: 1px dashed #bbb;
}
.sum-header h3 a:hover {
    color: #000;
}
.sum-header .tags {
    color: #444;
    font-size: .7em;
    margin-top: 6px;
    margin-left: 48px;
    padding-left: 19px;
    background: url("../img/tag.gif") no-repeat 0 1px;
}
.sum-header .tags a {
    text-decoration: none;
}
.sum-header .tags a:hover {
    color: #000;
}
.sum-header .date {
    position: absolute;
    color: #FFF;
    background: url("../img/date_bg.gif") no-repeat left top;
    text-align: center;
    height: 48px;
    width: 38px;
    margin-top: 5px;
}
.sum-header .date dt {
    font-size: 16px;
	font-weight: bold;
	line-height: 12px;
	padding-top: 4px;
}
.sum-header .date dd {
    font-size: 11px;
    line-height: 14px;
}
.sum-header .date dd span {
    font-size: 14px;
	font-weight: bold;
}
.sum-header .ico-dossier {
    position: relative;
	background: url("../img/tampon_dossier_special.gif") no-repeat left top;
    padding-left: 56px;
}
.sum-body {
    color: #444;
    font-size: .8em;
    line-height: 1.7em;
    margin: .2em 0 1.8em 48px;
}
.sum-body .sum-text a {
	font-size: 1em;
    color: #980028;
    text-decoration: none;
    border: 0;
}
.sum-body .sum-text a:hover {
	color: #980028;
    text-decoration: none;
    border-bottom: 1px dashed;
}
.sum-body a {
    font-size: .9em;
    text-decoration: none;
    border-bottom: 1px dashed;
}
.sum-body a:hover {
	color: #000;
    text-decoration: none;
    border-bottom: 1px dashed;
}

/*
 * NOTRE OFFRE
 * ------------------------------------------------------
 */
.services-sum-with-img {
	margin-left: 138px;
}

.services-sum-header h2 {
    font-size: 1.4em;
}
.services-sum-header h2 a {
    text-decoration: none;
    display: block;
    padding-bottom: 4px;
    border-bottom: 1px dashed #bbb;
}
.services-sum-header h2 a:hover {
    color: #000;
}
.services-couv-apercu {
    float: left;
    text-align: center;
    width: 126px;
    margin-top: 5px;
	background: #f0f0f0;
	border: 1px solid #ddd;
}
.services-couv-apercu img,
.services-couv-normal img {
	margin: 8px;
}
.services-sum-body {
    color: #444;
    font-size: .8em;
    line-height: 1.7em;
    margin-top: .2em;
    margin-bottom: 1.8em;
}
.services-sum-body .services-sum-text a {
	font-size: 1em;
    color: #980028;
    text-decoration: none;
    border: 0;
}
.services-sum-body .services-sum-text a:hover {
	color: #980028;
    text-decoration: none;
    border-bottom: 1px dashed;
}
.services-sum-body a {
    font-size: .9em;
    text-decoration: none;
    border-bottom: 1px dashed;
}
.services-sum-body a:hover {
	color: #000;
    text-decoration: none;
    border-bottom: 1px dashed;
}

/*
 * ARCHIVES
 * ------------------------------------------------------
 */
#archives h1 {
	font-size: 1.5em;
	margin: 0;
}
#archives h2 {
	font-size: 1.25em;
}
#archives h3 {
	font-size: 1.1em;
}
#archives-types {
	font-size: 1em;
}
#archives-types a {
	font-weight: bold;
	color: #982727;
	text-decoration: none;
}
#archives-types a:hover {
	color: #982727;
	text-decoration: none;
	border-bottom: 1px dashed #982727;
}
#archives-body {
	font-size: .8em;
}
#archives-body ul {
	list-style-type: none;
	margin: .5em 0 1em;
}
#archives-body ul ul {
	margin: .5em 0 2em;
	border-top: 1px solid #ddd;
}
#archives-body ul ul li {
    border-bottom: 1px solid #ddd;
}
#archives-body ul li h3 {
	margin: 0 0 0 -5.5em;
	padding: 0;
	font-size: 1.25em;
}
#archives-body ul li h3 a:hover {
	background: none;
}
#archives-body ul li a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 6px 5px 5.8em;
}
#archives-body ul li a:hover {
    display: block;
    color: #000;
    text-decoration: none;
    background-color: #f7eddf;
}
#archives-body ul li a span {
    color: #666;
	font-size: .9em;
	font-weight: bold;
    position: absolute;
    left: 26px;
}
#category-ordre {
	clear: both;
	font-size: .75em;
	text-align: right;
    padding: 12px 0 0 0;
}
#category-ordre a {
	font-weight: bold;
	color: #982727;
	border-bottom: 1px dashed;
}
#category-ordre a:hover {
	color: #000;
}

/* ARCHIVES PRINCIPALES */
#main-archives-body {
	font-size: .9em;
}
#main-archives-body ul {
	list-style-type: none;
	margin: .5em 1em 1em 1em;
}
#main-archives-body ul ul {
	margin: .5em 0 2em;
	border-top: 1px solid #ddd;
}
#main-archives-body ul ul li {
    border-bottom: 1px solid #ddd;
}
#main-archives-body ul li h2 {
	margin: 0 0 0 -1em;
	padding: 0;
	font-size: 1.25em;
}
#main-archives-body ul li h2 a:hover {
	background: none;
}
#main-archives-body ul li a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 6px 5px 1em;
}
#main-archives-body ul li a:hover {
    display: block;
    color: #000;
    text-decoration: none;
    background-color: #f7eddf;
}

/*
 * FICHE
 * ------------------------------------------------------
 */
#full-header {
    margin-bottom: 1.2em;
}
#full-header h1 {
    font-size: 1.6em;
    font-weight: normal;
    margin-bottom: .2em;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px dashed #bbb;
	/*position: relative;*/
}
#full-header p {
    color: #444;
    font-size: .75em;
}
#full-header #surtitle {
    font-size: 1em;
    font-weight: bold;
}
#full-header #subtitle {
    font-size: 1.2em;
    color: #555;
}
#full-header #tags {
    padding-left: 19px;
    background: url("../img/tag.gif") no-repeat 0 1px;
}
#full-header #tags a {
    text-decoration: none;
}
#full-header #tags a:hover {
    color: #000;
}
#full-header #tags span {
    float: right;
    color: #444;
}
#full-body {
    color: #333;
    font-size: .85em;
    line-height: 1.7em;
    text-align: justify;
}
#full-body p {
    margin-bottom: 1.2em;
}
#full-body h1 {
	font-size: 2em;
}
#full-body h2,
#full-body h3,
#full-body h4,
#full-body h5,
#full-body h6 {
    margin-bottom: .4em;
}
#full-body ul, 
#full-body ol {
    margin-left: 2em;
    margin-bottom: 1.2em;
}
#full-body #cap {
    font-size: 1.1em;
    font-weight: bold;
    text-align: justify;
    background: #F0F0F0;
    padding: 1em 1.4em;
	position: relative;
}
#full-body #cap img {
	margin-right: 1.2em;
}
#full-body #authors {
    font-size: 1.2em;
    border-top: 1px dashed #999;
    padding-top: 4px;
    margin-top: 1em;
}
#full-body a, 
#home-body-flash a {
    text-decoration: none;
    color: #980028;
}
#full-body a:hover, 
#home-body-flash a:hover {
   border-bottom: 1px dashed #980028;
}
#full-body a.htag {
    padding-left: 19px;
    font-weight: bold;
    background: url("../img/tag.gif") no-repeat 0 1px;
    border-bottom: none;
}
#full-body a.htag:hover {
    color: #000;
}
#full-body td {
	border: 1px dashed #777;
	padding: .6em;
}
#full-body .petit {
	font-size: .9em;
}
#full-header #author {
	color: #666;
    margin-top: 1.5em;
}

a.intralink {
    padding-left: 12px;
    font-size: .9em;
    background: url("../img/external_link.gif") no-repeat 0 5px;
    border-bottom: none;
}
a.intralink:hover {
    color: #000;
}
a.pdflink {
    padding-left: 15px;
    font-size: .9em;
    background: url("../img/pdf_link.gif") no-repeat 0 2px;
    border-bottom: none;
}
a.pdflink:hover {
    color: #000;
}

#pub {
	float: right;
	margin-left: 20px;
}
#skyscraper {
	position: absolute;
	top: 126px;
}

/* Ajouter à l'infosphère */
.is-add {
	font-size: .75em;
	color: green;
	margin-top: 1em;
	padding-left: 20px;
    background: url("../img/is_small.gif") no-repeat 0 2px;
}
.is-add a {
	font-weight: bold;
	color: #980028;
	text-decoration: none;
	border-bottom: 1px dashed #980028;
}
.is-add a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dashed #000;
}

#notre-offre-submenu {
	border: 1px solid #deb57c;
	background: #f3e5d1;
	margin-top: 1em;
}
#notre-offre-submenu p {
	margin: .5em;
	font-size: .9em;
}
#notre-offre-submenu a {
	font-weight: bold;
	color: #980028;
	text-decoration: none;
	border-bottom: 1px dashed;
}
#notre-offre-submenu a:hover {
	color: #000;
}
#notre-offre-submenu .submenu-on {
	color: #c76f00;
}

/* Sommaire des flux */
#feed-header {
    padding-left: 30px;
    background: url("../img/rss_big.gif") no-repeat 0 .2em;
}
#feed-catlist, 
#feed-catlist ul {
    list-style-type: none;
}
#feed-catlist {
    margin-top: 1em;
}
#feed-catlist li, 
#feed-catlist ul li {
    line-height: 2em;
    background: url("../img/rss_puce.gif") no-repeat 0 8px; 
    padding-left: 18px;
}

/* Alertes */
#alerts-header {
    padding-left: 30px;
    background: url("../img/alerte_big.gif") no-repeat 0 .2em;
}
#alerts-catlist, 
#alerts-catlist ul {
    list-style-type: none;
}
#alerts-catlist li, 
#alerts-catlist ul li {
    line-height: 2em;
    background: url("../img/alert_link.gif") no-repeat 0 8px; 
    padding-left: 18px;
}
a.alertlink {
	font-weight: bold;
    padding-left: 15px;
    font-size: .9em;
    background: url("../img/alert_link.gif") no-repeat 0 2px;
    border-bottom: none;
}
a.alertlink:hover {
    color: #000;
}

/* Page contact */
#contact-header {
    padding-left: 42px;
    background: url("../img/email_big.gif") no-repeat 0 .25em;
}

.content-form fieldset {
	margin: 10px 0;
	padding: 10px;
	border: #dcb5ba 1px solid;
}
.content-form legend {
	font-weight: bold;
	font-size: 1.2em;
	color: #8b091a;
	padding: 0 5px;
}
form.content-form div {
	padding: .25em 0;
}
.content-form label, 
.content-form span.label {
	margin-right: 10px;
	padding-right: 10px;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	font-size: 1em;
	font-weight: bold;
}
.content-form label em, 
.content-form span.label em {
	position: absolute;
	right: 0;
	font-size: 120%;
	color: #C00;
}
.content-form .bouton {
	margin-left: 170px;
}
.content-form p {
	margin-bottom: 0;
}
.content-form .controlset label, 
.content-form .controlset input {
	display: inline;
	float: none;
}
.content-form .controlset div {
	margin-left: 170px;
}

.form-note {
	margin-left: 170px;
	font-size: .9em;
	color: #333;
}
.form-erreur {
	margin: 0 0 10px 0;
	padding: 5px 10px 0;
	border: #FC6 1px solid;
	background-color: #FFC;
}
.form-erreur p {
	padding-left: 20px;
    background: url("../img/notice.gif") no-repeat 0 4px;
}
.form-succes {
	margin: 0 0 10px 0;
	padding: 5px 10px 0;
	border: #6F6 1px solid;
	background-color: #DFD;
}
.form-succes p {
	padding-left: 20px;
    background: url("../img/tick.gif") no-repeat 0 4px;
}

/* Tooltip HyperTags */
.htagtip {
    position: absolute;
    background: #eee;
    text-align: left;
    border: 1px solid #ccc;
}
.htagtip b {
    color: #980028;
    font-size: .8em;
    margin: .5em .5em .25em;
}
.htagtip span {
    color: #333;
    font-size: .75em;
    margin: .25em .5em .5em;
    display: block;
}

/*
 * BARRE D'OUTILS
 * ------------------------------------------------------
 */
ul#tools {
    float: right;
    list-style: none;
}
ul#tools li {
    display: block;
	float: left;
	margin: 0 0 0 4px;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-image: url("../img/icons.gif");
}
ul#tools li a {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	text-indent: -99999px;
	text-decoration: none;
}
ul#tools li a:hover {
    border: none;
}
#ico-print { background-position: 0 0; }
#ico-email { background-position: -22px 0; }
#ico-rssfeed { background-position: -44px 0; }
#ico-sizeup { background-position: -66px 0; }
#ico-sizedown { background-position: -88px 0; }
#ico-pdf { background-position: -110px 0; }
#ico-alert { background-position: -132px 0; }

/*
 * FOOTER
 * ------------------------------------------------------
 */
#footer p {
    color: #e5bfc9;
    font-size: .75em;
    float: left;
    padding: 15px 22px 8px;
}
#footer p a {
    display: block;
	float: left;
	width: 80px;
	height: 19px;
	text-indent: -99999px;
	text-decoration: none;
	background: url("../img/footer_creative_commons.gif") no-repeat 0 0;
}
#footer span {
    margin-left: 10px;
}
ul#footer-links {
	float: right;
	list-style-type: none;
	margin: 12px 22px 8px 0;
}
#footer-links li {
	display: inline;
	padding-left: 12px;
	background-image: url("../img/subcat_sep.gif");
    background-repeat: no-repeat;
    background-position: 2px 6px;
}
#footer-links li a {
	color: #e5bfc9;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
}
#footer-links li a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dashed #fff;
}