/****************************************************************
 * GENERAL
 ****************************************************************/
body {
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 10pt;
    color: #353542;
    background-color: #3b2f3b;
}

#container {
    width: 760px;
    margin: auto;
    background-color: #fff;
    border: 1px solid #e5dae5;
}

/****************************************************************
 * COVER
 ****************************************************************/
#site_cover {
    padding: 1em;
}
#site_cover ul {
    margin: 0;
    padding: 0 2em 0 0;
    list-style-type: none;
    text-align: right;
}
#site_cover li {
    font-size: 3em;
}
#site_cover img {
    float: left;
}
#site_cover a {
    text-decoration: none;
    color: #7a7a99;
    background-color: #fff;
}
#site_cover a:hover {
    color : #a341a3;
    background-color: #fff;
}
#site_cover p {
    clear: left;
    text-align: center;
    font-size: 0.8em;
    color: #353542;
    background-color: #fff;
    margin-top: 4em;
}

/****************************************************************
 * LIEN VERS LA PAGE D'ACCUEIL
 ****************************************************************/
#link_to_home {
    width: 80px;
    height: 80px;
    float: left;
    margin: 0;
    padding: 0;
}
#link_to_home a {
    background: url(../IMG/realiter_logo_small.jpg) top left no-repeat;
    display: block;
    width: 80px;
    height: 80px;
}
#link_to_home a:hover {
    background: url(../IMG/realiter_logo_small_active.jpg) top left no-repeat;
}
#link_to_home a:active {
    background: url(../IMG/realiter_logo_small_active.jpg) top left no-repeat;
}
#link_to_home span {
    display: none;
}

/****************************************************************
 * BLOC DE SELECTION DE LA LANGUE
 ****************************************************************/
#lang_select {
    width: 680px;
    height: 80px;
    float: right;
    font-size: 0.8em;
    color: #353542;
    background: url(../IMG/fond_lang.png) top left repeat;
}
#lang_select ul {
    list-style-type: none;
    margin: 0;
    padding-top: 0.5em;
    float: right;

}
#lang_select li {
    display: inline;
    margin-right: 1em;
}
#lang_select a {
    color: #7a7a99;
    border-bottom: 1px dotted #9999bf;
}
#lang_select a:hover {
    color: #a341a3;
    border-bottom: 1px solid #a341a3;
}

/****************************************************************
 * ENVELOPPE MENUS ET CONTENU
 ****************************************************************/
#column_wrap {
    width: 760px;
    border-top: 1px solid #a341a3;
    margin-top: 84px;
}

#left_end {
    width: 160px;
    float: left;
}

/****************************************************************
 * MENU DE NAVIGATION VERTICAL
 ****************************************************************/
#nav_menu {
    margin: 0.5em 0 0.5em 0;
    padding: 0;
    font-size: 0.8em;
    font-family: "Trebuchet MS", sans-serif;
    border-top: 1px solid #e5dae5;
    border-bottom: 1px solid #e5dae5;
    background: url(../IMG/fond_nav.png) top left repeat-y;
}
#nav_menu ul {
    margin: 0;
    padding: 0;
}
#nav_menu li {
    list-style-type: none;
}
#nav_menu ul * li {
    margin-left: 1.5em;
}
#nav_menu a {
    text-decoration: none;
    color: #8f728f;
    background-color: transparent;
    display: block;
    margin: 0;
    padding: 0.5em 0 0.5em 0.5em;
}
a#active {
    background-color: #8f728f;
    color: #fff;
    font-weight: bold;
}
/*
#nav_menu a:before {
    content: "\25ba \00a0";
    color: #fff;
}
#nav_menu a:hover:before {
    content: "\25ba \00a0";
    color: #fff;
}
*/
#nav_menu a:hover {
    color: #fff;
    background-color: #a885a8;
}

#inventerm a {
    display: block;
    width: 160px;
    height: 46px;
    margin: .5em 0;
    background: url(../IMG/logoInventerm.jpg) top left no-repeat;
}

#acknowledgements {
    font-size: 0.7em;
    position: relative;
    font-family: "Trebuchet MS", sans-serif;
    width: 120px;
    left: 20px;
    color: #7a7a99;
    text-align: center;
}

/****************************************************************
 * BARRE DE NAVIGATION HORIZONTALE
 ****************************************************************/
#navbar {
    color: #5d8f5d;
    width: 594px;
    margin: 0.5em 0 0 0;
    background-color: #fff;
    font-size: 0.8em;
    float: right;
    font-family: "Arial Unicode MS", "Trebuchet MS", sans-serif;
}
#navbar ul {
    margin: 0;
    padding-left: 0.5em;
    list-style-type: none;
    border-top: 1px solid #97bd97;
    border-bottom: 1px solid #97bd97;
}
#navbar li {
    display: inline;
    margin: 0;
    padding: 0;
}
#navbar a {
    color: #5d8f5d;
}
#navbar a:hover {
    color: #97bd97;
    background-color: transparent;
}

/****************************************************************
 * CONTENU
 ****************************************************************/
#content {
    width: 580px;
    float: right;
    padding: 0 .75em;
    margin-bottom: 2em;
    font-size: 0.9em;
    text-align: justify;
    color: #353542;
    background-color: #fff;
}

#content h1 {
    background-color: #9999bf;
    color: #fff8e6;
    font-size: 1.8em;
    font-weight: normal;
    letter-spacing: 0.1em;
    text-align: center;
    margin: 0.5em 0.5em;    
    padding: 0.25em;
    /*border: 2px solid #fe5900;*/
}

#content h2 {
    background-color: #fff;
    color: #353542;
    font-size: 1.6em;
    font-weight: normal;
    letter-spacing: 0.05em;
    text-align: left;
    margin: 0.5em 1em;    
    padding: 0 0.25em 0.1em 0.25em;
    border-bottom: 2px solid #9999bf;
}

#content h3 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: normal;
    font-style: italic;
    font-size: 1.2em;
    text-align: center;
    margin: 1em 9em;
    padding: 0.25em;
    color: #7a7a99;
    background-color: #fff;
    border-top: 1px solid #9999bf;
    border-bottom: 1px solid #9999bf;
}

#content p, #content li.spip {
    margin: 0.75em;
    line-height: 1.2;
}

#content hr {
    width: 40%;
    height: 1px;
    color: #9999bf;
    background-color: #9999bf;
    border: 0;
}

#content p.description {
    margin: 0 2em;
}

#content p.documents img {
    float: left;
    margin: 0 1em 0 0;
}
#content p.documents b {
    font-size: 1.2em;
}
/****************************************************************
 * PIED DE PAGE
 ****************************************************************/
#footer {
    clear: both;
    text-align: center;
    width: 760px;
    border-top: 1px solid #a341a3;
    font-size: 0.8em;
    background-color: #fff0ff;
    color: #7a7a99;
    padding: 0.5em 0; 
}
#footer p {
    margin: 0;
    padding: 0.25em;

}
#footer a {
    color: #7a7a99;
    border-bottom: 1px dotted #9999bf;
}
#footer a:hover {
    border-bottom: 1px solid #a341a3;
    color: #a341a3;
    background-color: transparent;
}
/****************************************************************
 * FORMULAIRE D'INSCRIPTION
 ****************************************************************/
.spip_forms {
    border-left: none;
    text-align: left;
}
.spip_forms fieldset {
    border: none;
}
.spip_forms legend {
    display: none;
}
.spip_forms .textestatique_1,
.spip_forms .textestatique_2,
.spip_forms .textestatique_3,
.spip_forms .textestatique_5 {
    font-size: 1.4em;
    color: #353542;
    width: 90%;
    border-bottom: solid 1px #7A7A99;
}

.spip_form_choix_multiple {
    list-style-type: none;
}

.spip_forms .forml, .spip_forms .formo {
	width:85%;
	border: solid 1px #7A7A99;
	font-size:1em;
	padding:.25em;
}
.spip_forms .forml, .spip_forms .fondl {
	background-color: #FFF8FF;
	color:#3B2F3B;
	width:85%;
}
.spip_forms .formo, .spip_forms .fondo {
	background-color: #FFFFFF;
	color:#3B2F3B;
	width:85%;
    margin-bottom: .5em;
}
.spip_forms .spip_bouton input {
	border: 1px solid #7A7A99;
	cursor:pointer;
	padding:.4em;
	background-color: #FFF8FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	width:100px;
	color:#3b2f3b;
}