body {
    margin:                 0;
    padding:                10px 0;
    font:                   12px arial, helvetica, sans-serif;
}

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



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

#header {
    position:               relative;
    height:                 117px;
    background:             url(../charte/header.jpg);
}

#header h1 {
    position:               absolute;
    top:                    0px;
    left:                   391px;
    margin:                 0;
    padding:                0;
}

#header a {
    display:                block;
    width:                  171px;
    height:                 117px;
    text-indent:            -100em;
    overflow:               hidden;
}

#header p#tagline {
    position:               absolute;
    top:                    7px;
    left:                   510px;
    margin:                 0;
    padding:                0;
    color:                  #fff;
    font-size:              .9em;
    font-weight:            bold;
}



/** navbar ********************************************************************/

#navbar {
    margin:                 20px 0 5px 210px;
    color:                  #272264;
    font-size:              .9em;
    font-weight:            bold;
}

#navbar p {
    margin:                 0;
    padding:                0;
}

#navbar a {
    color:                  #272264;
    text-decoration:        none;
}

body.rubrique_1 #navbar strong {    color: #821789; }
body.rubrique_2 #navbar strong {      color: #AB004C; }
body.rubrique_3 #navbar strong {       color: #0950A0; }
body.rubrique_4 #navbar strong {       color: #2F5F6B; }
body.rubrique_5 #navbar strong {      color: #4DA535; }


/** outercontent **************************************************************/

#outercontent {
    background:             url(../charte/outercontent.png) no-repeat 129px bottom;
}



/** content *******************************************************************/

#content {
    position:               relative;
    margin-left:            210px;
	padding:                10px 20px;
    min-height:					300px;
   	/*z-index:1;*/
}

body.rubrique_1 #content {
    background:             #E7D1E8 url(../charte/content-definition.png) no-repeat left bottom;
}

body.rubrique_2 #content {
    background:             #EECCDC url(../charte/content-collecte.png) no-repeat left bottom;
}

body.rubrique_3 #content {
    background:             #CFDCEC url(../charte/content-analyse.png) no-repeat left bottom;
}

body.rubrique_4 #content {
    background:             #D5DFE1  url(../charte/content-gestion.png) no-repeat left bottom; 
}

body.rubrique_5 #content {
    background:             #DBEDD7 url(../charte/content-services.png) no-repeat left bottom;
}

#content h2 {
    color:                  #AB004C;
    font-size:              1.5em;
    margin-bottom:			0px;
}

/*-------------- AJOUT MICHAEL ----------------*/
body.rubrique_1 #title_rub {background-color:#821789;color:white;font-size:18px;font-weight:bold;height:46px;padding-left:25px;}
body.rubrique_1 #photo_rub {height:40px;width:90px;margin-right:10px;float:left;padding-top:3px}
body.rubrique_1 #name_rub {padding:18px 0 0 0;}

/*body.rubrique_2 #title_rub {color:#AB004C;font-size:18px;font-weight:bold;}*/
body.rubrique_2 #title_rub {background-color:#AB004C;color:white;font-size:18px;font-weight:bold;height:46px;padding-left:25px;}
body.rubrique_2 #photo_rub {height:40px;width:90px;margin-right:10px;float:left;padding-top:3px}
body.rubrique_2 #name_rub {padding:18px 0 0 0;}

/*body.rubrique_3 #title_rub {color:#0950A0;font-size:18px;font-weight:bold;}*/
body.rubrique_3 #title_rub {background-color:#0950A0;color:white;font-size:18px;font-weight:bold;height:46px;padding-left:25px;}
body.rubrique_3 #photo_rub {height:40px;width:90px;margin-right:10px;float:left;padding-top:3px}
body.rubrique_3 #name_rub {padding:18px 0 0 0;}

/*body.rubrique_4 #title_rub {color:#2F5F6B;font-size:18px;font-weight:bold;}*/
body.rubrique_4 #title_rub {background-color:#2F5F6B;color:white;font-size:18px;font-weight:bold;height:46px;padding-left:25px;}
body.rubrique_4 #photo_rub {height:40px;width:90px;margin-right:10px;float:left;padding-top:3px}
body.rubrique_4 #name_rub {padding:18px 0 0 0;}

/*body.rubrique_5 #title_rub {color:#4DA535;font-size:18px;font-weight:bold;}*/
body.rubrique_5 #title_rub {background-color:#4DA535;color:white;font-size:18px;font-weight:bold;height:46px;padding-left:25px;}
body.rubrique_5 #photo_rub {height:40px;width:90px;margin-right:10px;float:left;padding-top:3px}
body.rubrique_5 #name_rub {padding:18px 0 0 0;}
/*-------------- FIN AJOUT MICHAEL ----------------*/

body.rubrique_1 #content h2, body.rubrique_1 #content a { color: #821789; }
body.rubrique_1 #content h2.article { font-size: 1.1em; padding: 0 0 0 15px;margin-bottom:5px; }
body.rubrique_1 #content h2 a { color: #821789; text-decoration: none; font-size: 0.8em; background: transparent url(../charte/fond-li-1.gif) no-repeat 0 4px; padding: 0 0 0 15px;} /* BJ biosystemes supprime padding left 16042010 */
body.rubrique_1 #content h2.article a { background:none; font-size: 1.1em;}
body.rubrique_1 #content h2 a:hover { color: #821789; text-decoration: underline; font-size: 0.8em; background: transparent url(../charte/fond-li-1.gif) no-repeat 0 4px; padding: 0 0 0 15px; } 
body.rubrique_1 #content h2.article a:hover { font-size: 1.1em; background:none;} 

body.rubrique_2 #content h2, body.rubrique_2 #content a { color: #AB004C; }
body.rubrique_2 #content h2.article { font-size: 1.1em; padding: 0 0 0 15px; }
body.rubrique_2 #content h2 a { color: #AB004C; text-decoration: none; font-size: 0.8em; background: transparent url(../charte/fond-li-2.gif) no-repeat 0 4px; padding: 0 0 0 15px;}
body.rubrique_2 #content h2.article a { background:none; font-size: 1.1em;}
body.rubrique_2 #content h2 a:hover { color: #AB004C; text-decoration: underline; font-size: 0.8em; background: transparent url(../charte/fond-li-2.gif) no-repeat 0 4px; padding: 0 0 0 15px; }
body.rubrique_2 #content h2.article a:hover { font-size: 1.1em; background:none;} 

body.rubrique_3 #content h2, body.rubrique_3 #content a { color: #0950A0; } 
body.rubrique_3 #content h2.article { font-size: 1.1em; padding: 0 0 0 15px; }
body.rubrique_3 #content h2 a { color: #0950A0; text-decoration: none; font-size: 0.8em; background: transparent url(../charte/fond-li-3.gif) no-repeat 0 4px; padding: 0 0 0 15px;}
body.rubrique_3 #content h2.article a { background:none; font-size: 1.1em;}
body.rubrique_3 #content h2 a:hover { color: #0950A0; text-decoration: underline; font-size: 0.8em; background: transparent url(../charte/fond-li-3.gif) no-repeat 0 4px; padding: 0 0 0 15px; }
body.rubrique_3 #content h2.article a:hover { font-size: 1.1em; background:none;} 

body.rubrique_4 #content h2, body.rubrique_4 #content a { color: #2F5F6B; } 
body.rubrique_4 #content h2.article { font-size: 1.1em; padding: 0 0 0 15px; }
body.rubrique_4 #content h2 a { color: #2F5F6B; text-decoration: none; font-size: 0.8em; background: transparent url(../charte/fond-li-4.gif) no-repeat 0 4px; padding: 0 0 0 15px;}
body.rubrique_4 #content h2.article a { background:none; font-size: 1.1em;}
body.rubrique_4 #content h2 a:hover { color: #2F5F6B; text-decoration: underline; font-size: 0.8em; background: transparent url(../charte/fond-li-4.gif) no-repeat 0 4px; padding: 0 0 0 15px; }
body.rubrique_4 #content h2.article a:hover { font-size: 1.1em; background:none;} 

body.rubrique_5 #content h2, body.rubrique_5 #content a { color: #4DA535; } 
body.rubrique_5 #content h2.article { font-size: 1.1em; padding: 0 0 0 15px; }
body.rubrique_5 #content h2 a { color: #4DA535; text-decoration: none; font-size: 0.8em; background: transparent url(../charte/fond-li-5.gif) no-repeat 0 4px; padding: 0 0 0 15px;}
body.rubrique_5 #content h2.article a { background:none; font-size: 1.1em;}
body.rubrique_5 #content h2 a:hover { color: #4DA535; text-decoration: underline; font-size: 0.8em; background: transparent url(../charte/fond-li-5.gif) no-repeat 0 4px; padding: 0 0 0 15px; }
body.rubrique_5 #content h2.article a:hover { font-size: 1.1em; background:none;} 

#content h2 span {
	font-size:              0.6em;
}
#content h2 span span {
	font-size:              0.8em;
	font-weight:              700;
}

#content p {
    margin:                 10px 0;
}


/*
#content p.image {
}
*/
#content #form-search-agenda {
    position:               relative;
}

#content p img {
    position:               relative;
}

#content p div img {
    position:               relative;
}

/*
#content p.image img.left {
    float:                  right;
    margin:                 0 10px 10px 0;
}

#content p.image img.right {
    float:                  right;
    margin:                 0 0 10px 10px;
}
*/

#content p.more a {
    font-weight:            bold;
}

.lien {
	text-align:right;
	font-size:0.8em;
}


/*Pour le glossaire*/
body.rubrique_1 .glossaire_libelle_selec
{
	font-weight: bold;
	color: #821789;
	text-decoration: underline;
}
body.rubrique_1 .glossaire_libelle
{
	font-weight: bold;
	color: #821789;
}

body.rubrique_2 .glossaire_libelle_selec
{
	font-weight: bold;
	color: #AB004C;
	text-decoration: underline;
}
body.rubrique_2 .glossaire_libelle
{
	font-weight: bold;
	color: #AB004C;
}

body.rubrique_3 .glossaire_libelle_selec
{
	font-weight: bold;
	color: #0950A0;
	text-decoration: underline;
}
body.rubrique_3 .glossaire_libelle
{
	font-weight: bold;
	color: #0950A0;
}

body.rubrique_4 .glossaire_libelle_selec
{
	font-weight: bold;
	color: #2F5F6B;
	text-decoration: underline;
}
body.rubrique_4 .glossaire_libelle
{
	font-weight: bold;
	color: #2F5F6B;
}

body.rubrique_5 .glossaire_libelle_selec
{
	font-weight: bold;
	color: #4DA535;
	text-decoration: underline;
}
body.rubrique_5 .glossaire_libelle
{
	font-weight: bold;
	color: #4DA535;
}
/*Pour le glossaire*/

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

#footer {
    width:                  725px;
    margin-left:            210px;
    padding:                10px;
    background:             #F3D9E4;
    color:                  #322C6A;
    text-align:             center;
    font-size:              .8em;
}

body.rubrique_1 #footer {   background-color: #E7D1E8; }
body.rubrique_2 #footer {     background-color: #EECCDC; }
body.rubrique_3 #footer {      background-color: #CFDCEC; }
body.rubrique_4 #footer {      background-color: #D5DFE1; }
body.rubrique_5 #footer {     background-color: #DBEDD7; }

#footer p {
    margin:                 0;
    padding:                0;
}

#footer a {
    color:                  #322C6A;
}



/** navcontainer **************************************************************/

#navcontainer {
    position:               absolute;
    top:                    138px;
    left:                   0;
    width:                  152px;
    margin:                 0 28px;
    font-size:              .9em;

}

#navcontainer ul {
    margin:                 0;
    padding:                0;
    list-style:             none;
}
/* Permet de ne pas avoir de retour a la ligne de la derniere rubrique sous IE6 */
#navcontainer ul li span {
    width:90%;
}

#navcontainer li {
    margin-bottom:          10px;
    text-align:             center;
}

#navcontainer a {
    display:                block;
    width:                  148px;
    /*padding:                0px 0px 0px;*/
    padding:                6px 2px 2px;
    color:                  #fff;
    text-decoration:        none;
    text-transform:         uppercase;
    font-weight:            bold;
}

#navcontainer ul ul {
    padding:                5px 10px;
}

#navcontainer li li {
    margin:                 0;
    text-align:             left;
}

#navcontainer li li a {
    display:                block;
    width:                  120px;
    padding:                0 0 0 12px;
    background:             url(../charte/li.gif) no-repeat left 3px;
    text-transform:         none;
    font-size:              1em;
    font-weight:            normal;
}

#navcontainer li li a.selected {
    font-size:              1.1em;
    font-weight:            bold;
}


#navcontainer ul ul ul {
    padding:                5px 10px;
}

#navcontainer li li li {
    margin:                 0;
    text-align:             left;
    border-bottom:none;
}

#navcontainer li li li a {
    display:                block;
    width:                  120px;
    padding:                0 0 0 10px;
    background:             url(../charte/li_point.gif) no-repeat left 5px;
    text-transform:         none;
    font-size:              1em;
    font-weight:            normal;
}

#navcontainer li li li a.selected {
    font-size:              1.1em;
    font-weight:            bold;
}

/* rubrique_1 */

#rubrique_1 {
    background:             #821789 url(../charte/li-definition.gif) no-repeat;
}

#rubrique_1 ul {
	background:             #E7D1E8 url(../charte/li-definition-bottom.gif) no-repeat center bottom;
}
#rubrique_1 ul li ul {
	background:             #E7D1E8 ;
	margin: 0;
}

#rubrique_1 li a {
    color:                  #821789;       
} 

/** rubrique_2 **/

#rubrique_2 {
    background:             #AB004C url(../charte/li-collecte.gif) no-repeat;
}

#rubrique_2 ul {
    background:             #EECCDC url(../charte/li-collecte-bottom.gif) no-repeat center bottom;
}
#rubrique_2 ul li ul {
    background:             #EECCDC;
}

#rubrique_2 li a {
    color:                  #AB004C;
}

/** rubrique_3 **/

#rubrique_3 {
    background:             #0950A0 url(../charte/li-analyse.gif) no-repeat;
}

#rubrique_3 ul {
    background:             #CFDCEC url(../charte/li-analyse-bottom.gif) no-repeat center bottom;
}
#rubrique_3 ul li ul {
    background:             #CFDCEC;
}

#rubrique_3 li a {
    color:                  #0950A0;
}

/** rubrique_4 **/

#rubrique_4 {
    background:             #2F5F6B url(../charte/li-gestion.gif) no-repeat;
}

#rubrique_4 ul {
    background:             #D5DFE1 url(../charte/li-gestion-bottom.gif) no-repeat center bottom;
}
#rubrique_4 ul li ul {
    background:             #D5DFE1;
}

#rubrique_4 li a {
    color:                  #305F6F;
}

#rubrique_4 form {
    background:             #D5DFE1;
}

/** rubrique_5 **/

#rubrique_5 {
    background:             #4DA535 url(../charte/li-services.gif) no-repeat;
}

#rubrique_5 ul {
    background:             #DBEDD7;
}

#rubrique_5 li a {
    color:                  #4DA535;
}
#rubrique_5 form {
    background:             #4DA535 url(../charte/home-form-login.gif) no-repeat center bottom;
}



/** subnavcontainer ***********************************************************/

#subnavcontainer {
    position:               absolute;
    top:                    101px;
    width:795px;
}

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

#subnavcontainer li {
    display:                block;
    float:                  left;
    padding:                 0 0 0 45px;
}

#subnavcontainer a {
    color:                  #fff;
    text-decoration:        none;
    font-weight:            bold;
}

#subnavcontainer #contact {
    position:               absolute;
    left:                   560px;
    margin:                 0;
}

/* AJOUT BENOIT */

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

#subnavcontainer #contact li {
	display:                block;
    float:                  left;
    padding:                 0 0 0 45px;
}


/** langcontainer *************************************************************/

#langcontainer {
    position:               absolute;
    top:                    50px;
    right:                  15px;
}

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

#langcontainer li {
    display:                inline;
}

#langcontainer a {
    display:                block;
    width:                  27px;
    height:                 19px;
    margin-left:            5px;
    /*text-indent:            -100em;*/
    overflow:               hidden;
    float:                  left;
}
/*
#lang-fr a {
    background:             url(../charte/flag-fr.png);
}

#lang-en a {
    background:             url(../charte/flag-en.png);
}

#lang-de a {
    background:             url(../charte/flag-de.png);
}

#lang-es a {
    background:             url(../charte/flag-es.png);
}
*/

/** form de login *************************************************************/

#form-login {
    margin:                 0;
    padding:                3px;
    background:             #4DA535 url(../charte/home-form-login.gif) no-repeat center bottom;
    border-top:             1px solid #DBEDD7;
    z-index:999;
    zoom:1;
}

#form-login p {
    margin:                 5px 0;
    padding:                0;
    z-index:999;
}

#form-login label {
    display:                block;
    float:                  left;
    width:                  70px;
    margin:                 2px;
    text-align:             right;
    z-index:999;
}

#form-login input {
    width:                  60px;
    margin:                 4px 0 0;
    padding:                0;
    background:             #DBEDD7;
    border:                 0;
    font-size:              1em;
    z-index:999;
}

#form-login p.submitarea {
    margin-right:           5px;
    text-align:             right;
    z-index:999;
}

#form-login button {
    font-size:              .8em;
    z-index:999;
}
#form-login a {
    width:              auto;
    z-index:999;
}



/** form de recherche *********************************************************/

#form-search {
    position:               absolute;
    top:                    101px !important;
    top:                    99px;
    right:                  30px;
    margin:                 0;
    padding:                0;
}

#form-search p {
    margin:                 0;
    padding:                0;
}

#search-query {
    width:                  100px;
    margin:                 -1px 0px 0 !important;
    margin:                 -1px 0 0;
    padding:                0;
    background:             #fff;
   /* border:                 1;*/
    font-size:              .8em;
}

#search-submit {
    position:               absolute;
    top:                    -1px !important;
    top:                    1px;
    margin:                 0;
    padding:                0;
}
#form-search1 {
    margin:                 auto;
    /*padding:                auto;*/
}


#search-query1 {
    width:                  100px;
    margin:                 auto;
    margin:                 auto;
    padding:                0;
    background:             #fff;
    font-size:              .8em;
}

#search-submit1 {
    margin:                 auto;
    /*padding:                auto;*/
}

/* coin arrondi du content */
#extraDiv1 {
    position:               absolute;
    /*top:                    155px;
    left:                   209px;*/
    top:                    0px;
    left:                   0px;
    width:                  16px;
    height:                 16px;
    background:             url(../charte/csg.gif) no-repeat;
}
/* coin arrondi du content */
#extraDiv2 {
    position:               absolute;
    /*top:                    155px;
    left:                   209px;*/
    top:                    0px;
    right:                   0px;
    width:                  16px;
    height:                 16px;
    background:             url(../charte/csg2.gif) no-repeat;
}

/** détails d'un evenement *********************************************************/

#div_evenement
{
	width:100%;
}

#div_evenement ul
{
	float:left;
}

/** annonces *********************************************************/

#liens_annonces
{
	width:100%;
	text-align:center;
}
#liens_annonces div
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
#liens_annonces div div
{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}
.oblig
{
	color:red;
}

.error
{
	color:red;
	font-weight:bold;
	border:1px red dashed;
	margin:5px;
	padding:5px 5px 5px 30px;
	background: white url('../charte/warning.gif') no-repeat 5px 5px;
}

/** divers *********************************************************/

#img_home {
    position:               absolute;
    top:                    -1px !important;
    top:                    1px;
    margin:                 0;
    padding:                0;
    height:					17px;
}

img
{
	border:0;
	z-index:1000;
}

.clear
{
	clear:both;
}