/*
 * <Webdev>
 *
 */

#debug {
    clear:both;
    text-align:left;
    background-color:white;
    color:black;
}

/*
 * </Webdev>
 *
 */

body {
    background: white;
    font-size: .7em;
    font-family: sans-serif;
    color: #5b5b5b;
    text-align: center;
    margin: 0;
}

a, a img {
    text-decoration: none;
    border: 0;
    color: #136499;
}
a:hover {
    text-decoration: underline;
}
abr, abbr {
cursor: pointer;
text-decoration: none;
}

#content a, #search a, #content a p {
    text-decoration: underline;
}
#topmenu a, .greyback a {
    text-decoration: none !important;
}
.greyback a:hover {
    text-decoration: underline !important;
}


p {
    margin: 0 0px;
}

ul {
    list-style-image: url(../images/bullet_square_blue1.gif);
}
ul ul {
    list-style-image: url(../images/bullet_square_blue2.gif);
}

h1 , #search .title{
    font-size: 1.1em;
    padding-left: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    text-transform: uppercase;
    font-weight: normal;
    color: #17364b;
    background: url(../images/headline_back.gif) top left no-repeat;
    margin-bottom: 0;
    /*float: left;*/
    /*display: inline;*/
    min-width: 248px !important;
 
}
.title_wrapper {
    display: block;
    height: 40px;
}
.browse .title_wrapper {
height: 50px;
}
.title_wrapper h1 {
    background: url(../images/headline_back.gif) top right no-repeat !important;
    /*float: left;*/
    position: absolute;
    z-index: 0;
    font-weight: bold;
    width:517px;
}

.titre_long {
    font-weight: bold;
    /*font-size: 1.1em;*/
/* bug=2308
color: #4489C2;
*/
    padding-bottom: 10px;
}
.titre_long h2 {
margin-bottom: 0px !important;
}

/*h1 {*/
/*    border-top: 1px solid #17364b;*/
/*    border-right: 1px solid #17364b;*/
/*    padding: 4px;*/
/*    padding-bottom: 2px;*/
/*    display: inline;*/
/*    margin-bottom: 7px;*/
/*    min-width: 400px;*/
/*}*/
h4 {
    font-size: 1em;
}
h3 {
    font-size: 1.1em;
}
h2 {
    color: #5b5b5b;
    padding: 0;
    margin: 0;
    font-size:1em;
}


table {
    border: none;
}
th, .th {
    background: #548ec0;
    color: white;
    padding: 3px;
    /*padding-left: 10px;*/
    text-align: center;
}
td {
    background: #ebebeb;
    padding: 3px;
}
tr {
    margin: 0px;
    padding: 0px;
}
.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
}
.clear {
    clear: both;
}
.clear_left {
    clear: left;
}
.spamfilter {
    display: none;
}

#wrapper {
    width: 920px;
    margin: auto;
    text-align: left;
}
#header {
    /*background: url(../images/background_top.jpg) top left no-repeat;*/
}
#logo {
    float: left;
    margin-bottom: 5px;
    width:300px;
}
#logo img {
    /*height: 74px;*/
}

#logo #tagline {
    font-weight: bold;
    font-style: italic;
    font-size: 11px;
    color: #136499;
    margin-bottom: 1px;
    margin-top: -4px;
    /*margin-left: 3px;*/
    background: white;
    padding: 1px 3px;
    display:block;
}
#logo a, #logo a:hover {
    text-decoration: none;
    color: #136499;
}
#nav, #lang, #tools, #searchbox, #searchbox form {
    display: inline;
    vertical-align: top;
}
#header_right {
    float: right;
}
#header_right #lang {
    float: left;
    position: relative;
    top: 2px;
    height: 16px;
    width: 160px;
    background: #276b9c;
    padding: 2px 14px;
}
#header_right #lang a {
    color: white;
    font-weight: bold;
}
.flag_en, .flag_fr {
    position: absolute;
    background: url(../images/flag_en.gif) left no-repeat;
    padding-left: 24px;
    height: 15px;
}
.flag_fr {
    background: url(../images/flag_fr.gif) left no-repeat;
}
#header_right #rightbox {
    clear: both;
    float: left;
    position: relative;
    top: 24px;
}
#header_right #search_wrapper {
    width: 171px;
    border: 1px solid #94a8c1;
    background: white;
    padding: 3px;
    padding-left: 12px;
}
#header_right #search_wrapper p{
    text-transform: uppercase;
    color: #27689e;
    margin: 2px 4px 4px 0px;
}
#header_right #search_wrapper input {
    color: white;
    background: #276b9c;
    border: none;
    height: 16px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: .9em;
}
#header_right #search_wrapper input[type='text'] {
    padding: 2px;
    background: #bdcce3;
    height: 12px;
    text-transform: none;
    font-weight: normal;
    color: #256B9F;
    width: 137px;
}
#header_right #searchbutton {
padding: 0 2px;
font-size: 10px;
}

#topmenu {
    clear: both;
    border-top: 1px solid white;
}

#nav {
    margin-right: 5px;
}
#tools {
    /*padding: 0;*/
    /*position: relative;*/
    /*top: 5px;*/
    /*width: 100px;*/
    /*text-align: right;*/
    padding: 0;
    padding-top: 4px;
    text-align: right;
    display: block;
}
#tools img {
    margin: 0;
    padding: 0;
}
#tools ul, #tools ul li {
    display: inline;
    margin: 0;
    padding: 0;
}
#tools li {
    margin: 0 3px !important;
    list-style: none;
}
#tools li.nospacing {
    margin: 0px !important;
}

#tools table {
width: 185px;
margin: 0;
text-align: left;
}
#tools table td {
background: none !important;
padding: 0 3px !important;
}
#tools table td.nospacing {
padding: 0px !important;
}

#toppath {
    margin: 10px 0px;
    margin-bottom: 20px;
}
#toppath a {
    text-decoration: underline;
}
/* menus */

.menubox {
    /*border: 1px solid #7EA7C6;*/
    margin: 15px 4px;
    margin-top: 0;
    /*overflow: hidden;*/
}
.menubox .nada {
    height: 9px;
}
.menubox h2, .menubox h3 {
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a659b;
}
.menubox h2, .menubox h2 a {
    color: #156695;
    text-transform: uppercase;
}
.menubox h2 {
    padding: 3px 10px;
}
.menubox h3 {
    
    
}
.menubox h3, .menubox ul {
    margin: 0;
    padding: 0;
}
.menubox li {
    list-style: none;
}
.menubox li a {
    padding-left: 12px;
    background: url(../images/bullet_menu_arrow.gif) top left no-repeat;
    color: #515151;
    display: block;
}

#leftmenu, #rightmenu {
    width: 163px;
}
#rightmenu {
    width: 190px;
}
#leftmenu {
    float: left;
}
#rightmenu {
    float: right;
}

#leftmenu .menubox {
    background: url(../images/menubox_left_back.jpg) top right repeat-y;
}
#leftmenu .menubox ul, #leftmenu .menubox .nada {
    border-right: 1px solid #d7d7d7;
}
#leftmenu .menubox ul {
    background: url(../images/menubox_left_sep.gif) bottom right no-repeat;
}
#leftmenu .menubox h3, #leftmenu .menubox h2 {
    background: url(../images/menubox_left_header.jpg) top right repeat-y;
    padding: 3px 10px;
}
#leftmenu .menubox li{
    background: url(../images/menubox_left_sep.gif) top right no-repeat;
    padding: 2px 0px;
    padding-left: 4px;
}

#rightmenu .menubox {
    background: url(../images/menubox_right_back.jpg) top left repeat-y;
}
#rightmenu .menubox ul, #rightmenu .menubox .nada {
    border-left: 1px solid #d7d7d7;
    padding: 4px 4px;
    padding-top: 0px;
}
#rightmenu .menubox ul {
    background: url(../images/menubox_right_sep.gif) bottom left no-repeat;
    padding-top: 8px;
}
#rightmenu .menubox h3 {
    background: url(../images/menubox_right_header.jpg) top left repeat-y;
    padding: 3px 10px;
}
#rightmenu h4 {
    margin: 0;
    padding: 0;
    padding-bottom: 3px;
}
#rightmenu p {
    padding: 0;
    margin: 0;
}
#rightmenu li {
   /* margin-bottom: 12px;*/
}
#rightmenu li p {
    font-size: .9em;
}
#rightmenu li img {
    float: left;
    margin: 4px;
    margin-left: 0px;
}
#rightmenu li a {
    padding: 0;
    background: none;
}
#menunav {
    background: none !important;
}
#menunav h2, #menunav h2 a {
    color: white;
    background: #558fbf !important;
}
#menunav .nav_rub2 {
    padding: 0 !important;
    margin: 0 !important;
}
#menunav .niveau1 .nav_rub2 div {
    padding: 2px;
    padding-left: 4px;
    background-color: #92b5d3 !important;
    color: #0f3451;
}
#menunav .niveau2 li {
    /*background: none;*/
    background: #e9e9e9;
    border-top: 1px solid white;
    padding-left:9px;
}
#menunav .niveau2 li a {
    background: #e9e9e9;
    color: #545454;
}
#menunav .niveau2 li.selected {
    /*background: none;*/
    background: #cfcfcf;
    border-top: 1px solid white;
}
#menunav .niveau2 li.selected a {
    background: #cfcfcf;
}
#menunav .nav_rub2 .niveau2, #menunav .nav_rub2 .niveau2 a {
    /*background: white !important;*/
}
#menunav .niveau2 {
    border-right: none !important;
}
#menunav .nav_rub2 a{
    color: #0f3451;
}
/* main area */

#main {
    margin-top: 8px;
}
#content {
    float: left;
    width: 45%;
    /*margin-right: 300px;*/
    padding:0;
    margin-left:15px;
    width:525px;
}
.section {
    display: block;
    float: left;
    /*width: 100%; */
    width: 525px;
    margin-bottom: 8px;
    position:relative;
}
.section .sep {
    float: left;
    width: 100%;
    background: url(../images/section_sep.gif) left repeat-x;
    margin: 8px 0px;
}
.article, #video {
    /*margin-bottom: 8px;*/
    float: left;
    display: block;
    width: 100%;
    text-align: justify;
    /*padding-bottom: 8px;*/
    /*border-bottom: dotted gray 1px;*/
}
.article td{ text-align:left; }

.article img {
    /*position: absolute;*/
    float: left;
    /*height: 80px;*/
    /*width: 110px;*/
    background: gray;
    margin-right: 10px;
}

.recherche_list {
    margin: 0;
    margin-left: 1px;
    padding: 0;
}
.recherche_list li {
    display: inline;
    /*background: url(../images/bullet_grey_arrow2.gif) left top no-repeat;
    padding-left: 7px;*/
    margin-right: 5px;
    font-size: .8em;
}
#formation .article {
    text-align: center;
}
.formation_lien {
    display: inline;
    margin: 0 10px;
}
/* footer */

#footer {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 4px;
    border-top: 1px solid #1b5887;
    padding-top: 6px;
    font-size: .9em;
}
#footer a {
    color: #585858;
}
#footer ul {
    margin: 0;
    padding: 0;
}
#footer li, #footer li a {
    display: inline;
    margin: 0;
    padding: 0;
    /*padding: 0 8px;*/
}
#footer .cadena {
    background: url(../images/lock1.gif) left no-repeat;
    padding-left: 11px;
}
#footer #sponsor {
    margin-top: 45px;
}
#footer .sep {
    /*position: absolute;*/
    margin: 0;
    padding: 0;
    border-left: 1px solid #cacaca;
    margin-right: 1px;
    margin-left: 6px;
}
.greyback, .greyback2 {
    /*float: left;*/
    width: inherit;
}
.greyback {
    /*padding: 10px;*/
    background: #ececec;
    width: 100%;
}

.greyback .gleft {
    float: left;
    width: 250px;
}
.greyback .gright {
    /*float: right;*/
    padding-left: 10px;
}
.greyback2 {
    border: none;
    margin: 5px;
    width: 98%;
    background: url(../images/recherches_sep_middle.gif) top left repeat-y;
}
.greyback2 td {
    padding: 0;
    padding-bottom: 5px;
    margin: 0;
    text-align: left;
    background: none;
}
.greyback2 .right {
    padding-left: 40px;
}
.greyback, .greyback a {
    color: #585858;
    font-family:sans-serif;

}

#agenda {
    border-right: 1px solid #D7D7D7;
    background: transparent url(../images/menubox_left_sep.gif) no-repeat scroll right bottom;
}

#calendrier {
    font-size: 10px;
    /*width: 157px;*/
    width: 137px;
    margin-left: 10px;
}
#calendrier th {
    background: none;
    padding: 0;
}
#calendrier .semaine, #calendrier .week_end {
    background: #548EC0;
    color: white;
}
#calendrier .calendar_heading {
    color: #136499;
    padding: 3px;
}
#calendrier td {
    background: none;
    padding: 0;
    text-align: center;
}
#calendrier .event_existe, #calendrier .event_existe a {
    color: black;
    background: #9DB7D2;
}

.browse .archive {
    text-align: right;
    /*padding-bottom: 10px;*/
}

.browse .article {
    background: url(../images/sep_article.gif) bottom left repeat-x;
    padding-bottom: 10px;
    /*padding-top: 19px;*/
    /*margin-bottom: 19px;*/
    margin-bottom: 13px;
}
.browse .article h2, .browse .article h2 a {
    color: #508fc4;
}
.browse h2 {
    margin-bottom: 10px;
    color:#136499;
}
.browse .article p, .browse .noeud2_resume p {
    margin-left: 0;
}

.browse .noeud2_resume {
    background: url(../images/sep_article.gif) bottom left repeat-x;
    padding-bottom: 19px;
    margin-bottom: 19px;
    width: 100%;
    float: left;
}

.browse .date, .browse .lieu {
padding-bottom: 10px;
}

.vignette_droite img, .vignette_gauche img {
    margin: 0px !important;
    float: none;
}

.browse .vignette_droite {
    float: right;
    margin-left: 10px;
}

.browse .vignette_gauche {
    float: left;
    margin-right: 10px;
}

.browse .labo {
    font-weight: bold;
}

.browse .resume, .browse .description, .browse .introduction, .browse .chapeau {
    margin-bottom: 15px;
}
.browse .description {
    margin-bottom: 10px;
}
.browse .chapeau {
    font-weight: bold;
}

/*.browse .resume, .browse .description {*/
/*    float: left;*/
/*    width: 100%;*/
/*}*/

#alphabet li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}
#alphabet {
    margin: 0;
    padding: 0;
    margin-bottom: 19px;
}
.attribute-caption, .copyright {
text-align:center;
font-style: italic;
}
.object-center .attribute-caption, .object-center .copyright {
margin: auto;
}
.attribute-caption abr, .copyright abr {
background: none !important;
cursor: default;
}
#phototeque img {
    float: none;
}
#phototeque .image {
    float: left;
    width: 150px;
    /*border: 1px dotted lightgray;*/
    margin: 5px;
    min-height: 130px;
}
#phototeque .image .legende {
text-align: left;
}
#phototeque .image h3 {
    margin: 0;
    text-decoration: none !important;
}
#phototeque .image a {
    text-decoration: none !important;
}
.formulaire {
    
}
.formulaire .star {
    position: relative;
    font-size: .8em;
    top: -3px;
    left: 2px;
}
.formulaire table {
    
}
.formulaire td {
    background: none;
}
.formulaire table input, .formulaire table textarea {
    width: 300px;
}
.formulaire table #submit {
    width: auto;
}

#search td {
    background: none;
    padding-right: 18px;
}
#search th, #search .th {
    background: none;
    color: inherit;
    text-align: left;
    font-weight: bold;
    color: #5B5B5B;
}
.champ {
    padding-bottom: 10px;
}
.sitemap li, .sitemap ul li {
    list-style: none;
    list-style-image: none;
}
.sitemap ul {
    padding-left: 20px;
}
.sitemap li a {
    color: #5b5b5b;
}
.pagenavigator {
    margin-top: 10px;
}

.pages {
    /*float: left;*/
}

.content-view-embed {
    display: inline;
}

.object-center {
    text-align: center;
}
.object-center img {
float: none !important;
}
.object-center img, .object-left img, .object-right img {
margin: 0px !important;
}

.object-left {
    text-align: left;
}
.object-right {
    text-align: right;
}
.object-left .class-image {
    float: left;
    margin-right: 8px;
}
.object-right .class-image {
    text-align: right;
    float:right;
    margin-left: 8px;
}
.object-center .class-image table {
margin:auto;
}
.class-image table, .class-image tr, .class-image td {
border: 0;
padding: 0;
margin: 0;
background:white;
}
.object-right blockquote {
text-align: left !important;
}
blockquote .hide {
display: none;
}

.renderedtable td {
    background: #EBEBEB;
    color: black;
}
.renderedtable th {
    border: 0px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
.renderedtable td {
    border: 0px;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
.sansbordure, .sansbordure td, .sansbordure th {
    background: none;
    border: 0px;
}
/* Opera 9 and lower */
html:first-child #header_right #lang, html:first-child #header_right #rightbox {
    float: right;
}
html:first-child #header_right #search {
    padding-bottom: 2px;
    width: 170px;
    height: 36px;
}
html:first-child #header_right #search input[type='text'] {
    width: 132px;
}
html:first-child #header_right #rightbox {
    top: 25px;
}
html:first-child #header_right #rightbox #tools {
    text-align: left;
}
html:first-child #topmenu {
    border: none;
    padding-top: 2px;
}

/* IE 7 */
#header_right {

}
.menubox {
*position: relative !important;
}
#tagline {
*padding: 1px !important;
*margin-bottom: 0px !important;
}
.niveau1 li, .menubox li {
*list-style-image: none !important;
*list-style: none !important;
}
#header_right #rightbox {
*top: 24px;
}
#header_right #search_wrapper {
*width: 182px;
*height: 36px;
/**height: 25px;*/
}
#header_right #lang {
    /**height: 20px;*/
    *width: 171px;
}
#header_right #tools {
    *text-align: left;
}
#header_right #search_wrapper input[type='text'] {
    *width:150px;
}
#header_right #searchbutton {
font-size:11px;
}
#topmenu {
    *padding-top: 0px;
}
.greyback .gright td {
    *padding-left: 10px;
}

/*#content {*/
/*}*/

/*#rightmenu, #leftmenu {*/
/*    display: none;*/
/*}*/
.content-question .block label {
	display: block;
}

.sitemap ul {
    *margin-left: 0;
    *margin-top: 0;
}
.browse .article {
    *padding-bottom: 5px;
}
.title_wrapper {
    *height: 32px;
}

.browse .title_wrapper  {
*height: 42px;
}

/* Safari 3 */
@media screen and (-webkit-min-device-pixel-ratio:0){
                #header_right #rightbox {top: 25px;}
		#header_right #search {width: 171px; height: 35px;}
		#topmenu {padding-top: 0px;}
		#tools {text-align: left;}
		#search input[type='text'] {width: 135px;}
		#tagline {margin-top: 0px !important;}
}

/*
 * Blockquote (custom tag : citation)
 *
 */

div.object-right blockquote
{
  background-color:#f7f7f7;
  padding:0.5em;
  font-style:italic;
}

div.object-right blockquote p
{
  display:inline;
  padding-left:19px;
}

div.quote-design
{
  padding-bottom:19px;
}

div.quote-begin
{ 
    background-image: url(../images/quote-up.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin: 0 0.2em 0.2em 0;
    width: 16px;
    height: 16px;
}

div.quote-end
{ 
    background-image: url(../images/quote-down.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0.2em 0 0 0.2em;
    float: right;
    width: 16px;
    height: 16px;
}

#rightmenu .menubox li {
    margin-bottom:0.5em;
}

#allnews {
  display:block;
  position:absolute;
  top:15px;
  right:0;
  z-index:200;
}

/* Alignement des textes riches */

p.text-left {
  text-align: left;
}

p.text-center {
  text-align: center;
}

p.text-right {
  text-align: right;
}

.titre_inter{
	display: inline-block;
	background: url(../images/headline_back.gif) no-repeat top right transparent;
	padding-top: 7px;
	width: 517px;
	height: 15px;
	margin-top: 15px;
	padding-left: 4px;
	padding-right: 7px;
}