/************/
/*  GLOBAL  */
/************/
/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:900px; height:10px; background:rgb(240,240,240) url(images/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle-fr{width:900px; height:130px; background: #E6E6E6 url(images/fr.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle-nl {width:900px; height:130px; background: #E6E6E6 url(images/nl.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; background: url(images/bg_head_top.jpg) repeat-y;}
#header-connexion {width:900px; background:url(images/bg_head_top.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
/* NON-HEADER */
*{padding:0; margin:0;}
body {font-size:75.5%; background-color: #DDD; color: #858887;font-family:verdana,arial,sans-serif;}
body img{border:0}
.page-container {width:900px; margin:10px auto; border:solid 1px #969696; font-size:1em;}
.main {clear:both; width:900px; background:url(images/bg_head_breadcrumbs.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:75%; margin:10px 0 0 15px; padding-bottom: 15px;; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:175px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/********************/
/*  HEADER SECTION  */
/********************/
.login {float: left; width: 650px; font-size:120%; margin:5px 0 0 5px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.login h1 {font-size:240%;}
.login h2 {margin:-4px 0 0 0; color: #858887; font-size:120%;}
.login a {text-decoration:none; color: #51A990;}
.login a:hover {text-decoration:underline; color: #51A990;}
.login input.input {border: 1px solid #BBB;background-color: #F3F4F6;color:#858887;padding-left:3px;margin:0;height:17px;width:100px;}
.submit {border: 1px solid #BBB;color:#858887; background-color: transparent;padding:0;margin:0;height:19px;width:100px;cursor:pointer}
.nav1 {float: right; width: 200px; height: 20px; margin:5px 0 0 5px; z-index: 100;font-size:80%;}
.nav1 ul {float:right; padding:0 7px 0 0; font-weight:bold;}	
.nav1 li {float:left; display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color: #51A990; text-decoration:none; font-size:120%;}
.nav1 li a img {border: 0;}
.nav1 a:hover {text-decoration: underline; color: #51A990;}

.sitemessage {width:260px; height:131px; position:absolute; z-index:1;   /*xoverflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:350px; text-align:right; font-size:230%;}
.sitemessage h2 {float:right; width:270px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:270px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color: #51A990;}
.sitemessage h3 a:hover {text-decoration: underline; color: #51A990;}
#pub {top:50px;left:600px;width:468px; height:80px; position:absolute; z-index:1;   /*xoverflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(images/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:#51A990; text-decoration:none;}
.header-breadcrumbs ul a:hover {color:#51A990; text-decoration:underline;}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {float: left; width:48%; padding:0; margin: 0 13px 30px 0 !important /*Non-IE6*/; margin: 0 5px 5px 0 /*IE6*/;}
.column1-unit2 {float: left; width:50%; padding:0; margin: 0 0 30px 0 /*IE6*/;}


/* MENU */
/* Tabbed menu
	Based on: http://www.alistapart.com/articles/slidingdoors2/
----------------------------------------*/
#over_left {left: 0;position: absolute; width: 200px; height: 70px;}
#over_right {right: 0;margin-top:30px;position: absolute; width: 550px; height: 40px;}
#tabs {clear: both; padding-top: 7px; line-height: normal; min-width: 900px; min-height: 30px;}
#tabs #menu {margin:0; margin-left: 2px; padding: 0; list-style: none;}
#tabs #menu li {display: inline; margin: 0; padding: 0; font-size: 1.2em; font-weight: bold;}
#tabs #menu a {float: left; background:url("images/bg_tabs1.gif") no-repeat 0% -34px; margin: 0 1px 0 0; padding: 0 0 0 7px; text-decoration: none; position: relative;}
#tabs #menu a span {float: right;display: block; background: url("images/bg_tabs2.gif") no-repeat 100% -34px; padding: 10px 10px 4px 4px; color: #767676; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;}
#tabs #menu a {float: left; background:url("images/bg_tabs1.gif") no-repeat 0% -34px; margin: 0 1px 0 0; padding: 0 0 0 7px; text-decoration: none; position: relative;}
#tabs #menu a span {float: right;display: block; background: url("images/bg_tabs2.gif") no-repeat 100% -34px; padding: 10px 10px 4px 4px; color: #767676; white-space: nowrap; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;}
#tabs #menu a.a {background-position: 0% -34px;}
#tabs #menu a span.span {background-position: 100% -34px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs #menu a span{float:none;}
/* End hack */
#tabs #menu .current a {background-position: 0 0; border-bottom: 1px solid #DCDEE2;}
#tabs #menu .current a span {background-position: 100% 0; padding-bottom: 5px; color: #51A990;}
#tabs #menu a:hover {background-position: 0 0; border-bottom: 1px solid #DCDEE2;}
#tabs #menu a:hover span {background-position: 100% 0; padding-bottom: 5px; color: #51A990;}
#tabs #menu a.aHover {background-position: 0 0; border-bottom: 1px solid #DCDEE2;}
#tabs #menu a span.spanHover {background-position: 100% 0; padding-bottom: 5px; color: #51A990;}


#subMenu {float: left; overflow: hidden; height: 27px; border-top: 1px solid #999; width: 900px; background: #FFF url(images/bg_head_bottom_navd.jpg) 0 0;}
#subMenu div.subMenu {font-size: 1.5em; color: #333; padding-left: 8px; visibility: hidden;}
#subMenu ul{margin:0; margin-left: 8px; padding: 0; list-style: none;}
#subMenu li {display: inline; margin: 0; padding: 0; font-size: 1em; font-weight: bold;}
#subMenu ul li a {float: left; margin: 0 1px 0 0; padding: 0 0 0 7px;}
#subMenu ul li a:hover {color: #51A990; text-decoration: underline;}
#subMenu ul li a span {float: left; display: block; padding: 5px 10px 4px 4px; color: #767676; white-space: nowrap; font-weight: bold;}
.hid {font-size: 0;	margin-top: -2px;}
/********************/
/*  FOOTER SECTION  */
/********************/
.footer {background: url(images/bg_head_breadcrumbs.jpg) repeat-y; clear:both; font-weight:bold; text-align: center;width:900px; height:1.7em; padding-top:20px;font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.bottom {background: url(images/bg_foot.jpg) 0 bottom repeat-x; margin-left: 3px;clear:both; width:894px; height:0.8em; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer span.barre {color: #51A990;}
.footer a {color: #858887; text-decoration: none;}
.footer a:hover {color: #858887; text-decoration: underline;}
.footer a:visited {color: #858887;}
/********************/
/* PAGINATION       */
/********************/
div.pagination {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px;
    text-align: right;
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #51A990;
    color: #51A990;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #51A990;
    border: 1px solid #DDD;
    color: #fff;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.courante {
    background-color: #51A990;
    border: 1px solid #51A990;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px
}

div#regsucces {
  padding: 10px; 
  text-align: center;
  font-size: 1.2em;
  border: 1px solid silver;
}
div#regsucces #succes{
  padding: 5px;
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width: 99%; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/*************************/
/*  MAIN SECTION CONTENT */
/*************************/

/* MAIN NAVIGATION */
.main-navigation .login {width:160px; margin:-10px 20px 0 20px;}
.main-navigation .login p {clear:both; margin:0; padding:0;}
.main-navigation .login fieldset {width:160px; border:none;}
.main-navigation .login label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-navigation .login label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/; font-size:110%;}
.main-navigation .login input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.main-navigation .login input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-navigation .login input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.main-navigation .login input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:#858887; font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:#858887; font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:#858887; font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:#858887; font-weight:bold; font-size:110%;} 
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:#858887; line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(images/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* MAIN CONTENT */
.main-content h1 {clear:both;}
.main-content h2 {clear:both;}
.main-content h3 {clear:both;}
.main-content h4 {clear:both;}
.main-content h5 {clear:both;}
.main-content h6 {clear:both;}

.main-content h1.pagetitle {width: 99%;margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px #E1E1E1; font-family:"trebuchet ms",arial,sans-serif; color: #858887; font-weight:bold; font-size:1.5em;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:#858887; font-weight:bold; font-size:220%;}

.main-content h1.titre {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif;font-size:150%;}
.main-content h2.titre {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif;font-size:130%;}
.main-content h3.titre {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif;font-size:120%;}
.main-content h4.titre {margin:0.6em 0 0.6em 0; font-family:"trebuchet ms",arial,sans-serif;font-size:110%;}
.main-content h5.titre {margin:1.5em 0 1.0em 0; font-family:"trebuchet ms",arial,sans-serif; font-size:105%;}
.main-content h6.titre {margin:1.5em 0 1.0em 0; font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:100%;}

.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px;}

p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 20px; line-height:1.4em;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em;}
.main-content ul.lastarts li {background:url(images/file.png) no-repeat 0 0;}
.main-content ul.lastevents li {background:url(images/date.png) no-repeat 0 0;}
.main-content ul.lastsites li {background:url(images/site.png) no-repeat 0 0;}
.main-content ul.lastvideo li {background:url(images/video.png) no-repeat 0 0;}
/* MAIN SUBCONTENT */
.main-subcontent {text-align: center;border-left:solid 2px #E1E1E1;} 
.main-subcontent div{margin:0 0 20px 0;}
.main-subcontent img {padding-top: 10px;} 
.main-subcontent h1 {clear:both;background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; background-color:rgb(160,214,81); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent ul {list-style:none; }
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(images/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

a {color: #51A990; text-decoration: none;}
a:hover {color: #51A990; text-decoration: underline; cursor: pointer;}
.button {padding:0;margin:0;}
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.strike {
	text-decoration: line-through;
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}