@charset "iso-8859-1";

html * {
    margin:             0;
    padding:            0;
}

body {
    margin:             0;
    padding:            0;
    background:         #AA1513 url(images/body.png) repeat-x;
    font:               12px arial, helvetica, sans-serif;
}

a.edit {
    display:            none;
}

#container {
    position:           relative;
    width:              900px;
    margin:             0 auto;
}



/** header ***************************************************************/

#header {
    height:             118px;
    background:         #fff url(images/header.png) no-repeat right top;
}

#header h1 {
    width:              199px;
    height:             118px;
    margin:             0;
    padding:            0;
    background:         url(images/header-h1.png);
}

/* changement du logo en fonction de la rubrique */

body.nos-services-aux-entreprises #header h1,
body.our-services-to-companies #header h1 {
    background-image:   url(images/header-h2.png);
}

body.espace-recherche-et-developpement #header h1, 
body.scientific-research-activities #header h1 {
    background-image:   url(images/header-h3.png);
}

body.espace-des-volontaires #header h1,
body.espace-des-volontaires #header h1 {
    background-image:   url(images/header-h2.png);
}

#header h1 a {
    display:            block;
    width:              199px;
    height:             118px;
    text-indent:        -100em;
    overflow:           hidden;
}

#header p {
    position:           absolute;
    top:                20px;
    left:               200px;
    width:              338px;
    height:             53px;
    background:         url(images/tagline.png);
    text-indent:        -100em;
    overflow:           hidden;
}



/** navigation horizontale ***********************************************/

#navbar {
    display:            none;
}



/** contenu **************************************************************/

#outercontent {
    min-height:         400px;
    height:             auto !important;
    height:             400px;
    float:              right;
    width:              679px;
    padding:            10px;
    background:         #fff;
}


#title h3 {
    color:              #AA1513;
    font-size:          16px;
}

/* changement de la couleur du titre en fonction de la rubrique */

body.nos-services-aux-entreprises #title h3,
body.our-services-to-companies #title h3 {
    color:              #F1AB4F;
}

body.espace-recherche-et-developpement #title h3, 
body.scientific-research-activities #title h3 {
    color:              #4CB951;
}

body.espace-des-volontaires #title h3,
body.espace-des-volontaires #title h3 {
    color:              #6B95BD;
}

#content h4 {
    margin-top:         8px;
}

#content p {
    margin:             8px 0;
    color:              #333;
}

#content ul li {
	list-style-type:none;
    background:     transparent url(images/neuronne_mini.gif) no-repeat 0 100px;
	background-position: 60px 10px;
    padding-top:    12px;
    padding-left:   90px;
}

#content ol {
    margin:        5px 0 5px 0;
    padding-top:    12px;
    padding-left:   30px;
}

#content a {
    font-style:         normal;
	color:              #AA1513;
}

/** footer ***************************************************************/

#footer {
    float:              right;
    width:              699px;
    padding:            3px 0;
    background:         #F8DF87 url(images/footer.png) no-repeat left bottom;
    color:              #AA1513;
    text-align:         center;
    font-weight:        bold;
}

#footer address {
    font-style:         normal;
}

#footer a {
    font-style:         normal;
	color:              #AA1513;
}


/** navigation ***********************************************************/

#navigation ul {
    margin:             0;
    padding:            0;
    list-style:         none;
}

/** navigation principale ************************************************/

#navcontainer {
    position:           absolute;
    top:                118px;
    overflow:           hidden;
    width:              199px;
    background:         #fff;
}

#navcontainer a {
    display:            block;
    width:              179px;
    margin:             0;
    padding:            8px 10px;
    background:         #F8DF87 url(images/nav-li.png) no-repeat center top;
    color:              #AA1513;
    text-decoration:    none;
    font-weight:        bold;
}

#navcontainer a:hover {
    background:         #AA1513;
    color:              #fff;
}

#nav ul a {
    width:              161px;
    padding:            4px 10px 5px 28px;
    background:         #AA1513 url(images/nav-li-li.png) no-repeat 10px 6px;
    border-top:         1px solid #AA1513;
    color:              #fff;
}

#nav ul a:hover, 
#nav ul a.selected {
    background:         #fff url(images/nav-li-li-hover.png) no-repeat 10px 6px;
    color:              #AA1513;
}

#nav ul ul a {
    width:              141px;
    padding:            4px 10px 5px 48px;
    background-position:30px 6px;
    font-weight:        normal;
}

#nav ul ul a:hover,
#nav ul ul a.selected {
    background-color:   #FDE8E8;
    background-position:30px 6px;
}

/** navigation secondaire ************************************************/

#subnavcontainer {
    position:           absolute;
    overflow:           hidden;
    background:         #AA1513 url(images/subnavcontainer.png) no-repeat right top;
    top:                92px;
    left:               201px;
    width:              698px;
}

#subnav {
    list-style:          none;
}

#subnav li {
    display:            inline;
}

#subnav li a {
    display:            block;
    float:              left;
    padding:            5px 10px;
    background:         #AA1513;
    border-right:       1px solid #fff;
    color:              #fff;
    text-decoration:    none;
    font-weight:        bold;
}

#subnav li a:hover {
    background:         #F8DF87;
    color:              #AA1513;
}

#subnav li.first-child a {
    background:         #AA1513 url(images/subnav-li-first-child.png) no-repeat;
}

#subnav li.first-child a:hover {
    background:         #F8DF87 url(images/subnav-li-first-child-hover.png) no-repeat;
}

/** langues **************************************************************/

#nav-lang {
    position:           absolute;
    top:                60px;
    right:              5px;
}

#nav-lang li {
    float:              left;
    width:              40px;
    height:             25px;
    margin:             0 5px;
}

#lang-fr a {
    display:            block;
    width:              40px;
    height:             25px;
    background:         url(images/lang-fr.png);
    text-indent:        -100em;
    overflow:           hidden;
}

#lang-en a {
    display:            block;
    width:              40px;
    height:             25px;
    background:         url(images/lang-en.png);
    text-indent:        -100em;
    overflow:           hidden;
}

body.lang-fr #lang-fr, 
body.lang-en #lang-en {
    display:            none;
}

/** Volontaires sains ****************************************************/

fieldset {
    margin-bottom:      10px;
    padding:            10px;
}

legend {
    padding:            5px;
	color:              #AA1513;
}

option {
    padding:            0 2px;
}

label {
    display:            block;
    float:              left;
    width:              300px;
}

label.required {
    font-weight:        bold;
}



/** moteur de recherche *******************************************************/

#search-form form {
    margin:             10px 0;
}

dl.search-result {
    margin-bottom:      20px;
}

dt.search-result-title {
    font-weight:        bold;
}

dd.search-result-snippets {
    margin:             5px 0;
}

dd.search-result-informations {
    color:              #555;
}