/*------------------------------------------------------------------------------
 * Title: 		Master CSS file for screen media
 * Author:      Aki Karkkainen
 * URL:         http://reseau-pwdr.be/
 * Version: 	14-01-2010
 * Notes: 		Set here reset, layout, typography and color styles
------------------------------------------------------------------------------*/

/*
	Contents:
    --------------------------
	1 - Global reset
	2 - Generic elements
	3 - Layout rules
	4 - Navigation styles
	5 - Section specific styles
	6 - Form styles

    Colors:
    --------------------------
    #bfedf5 : heading border left
    #869942 : footer
    #988c61 : news
    #eefafc : menu hover
    #bfedf5 : menu hover level 2
    #c3c2a8 : generic greyish
    #eeede7 : intranet bg
    #f3f4f2 : nav right border
    #f9f9f8 : center bg
    #ecede9 : body background (if necessary)
*/

/*1
--------------------------------------------------------------------------------
=GLOBAL RESET: http://meyerweb.com/eric/tools/css/reset/
------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
:focus {outline:0;}/* remember to define focus styles! */
ins {text-decoration:none;}/* remember to highlight inserts somehow! */
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */


/*2
--------------------------------------------------------------------------------
=GENERIC ELEMENTS
------------------------------------------------------------------------------*/
body, div, p, th, td, li, dd {/*redundant selectors to help old browsers remember*/color:#333;background:#fff;}
body {font-family:Arial,Helvetica,"Adobe Helvetica",sans-serif;width:100%;}
.clear {clear:both;}
abbr, acronym {border-bottom:1px dotted;cursor:help;}
blockquote {}

/*Accessibility skip nav (activate on :focus)*/
#accessibility a {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
#accessibility a:focus {position:static;width:auto;height:auto;display:block;margin:0 auto;padding:5px;top:auto;width:885px;color:#999;}

/* =type: set default size*/
html {font-size:16px;}      /*Make sure the default is always 16px*/
body {font-size:62.5%;}     /*16px * 62.5% = 10px : 1em now = 10px*/

/* =headings*/
/* =h1 (generic)*/
#main h1 {border-left:9px solid #eefafc;font-size:2.4em;margin:1.8em 0 1em 0;font-weight:normal;padding:0.5em;}


/* =h2 (specific)*/
#content h2.cdr {font-size:2.1em;margin:0;font-weight:normal;padding:0;color:#999;line-height:normal;}
#content h2 {font-size:1.4em;line-height:1.8;}

.groups #content h2 {line-height:1.2;margin:1.5em 0 0.5em 0;}
#aside h2 {background:#988c61 url('../images/bg_news.png') repeat-x bottom left;height:44px;text-transform:lowercase;color:#fff;line-height:2.1em;padding-left:1em;font-size:1.4em;}
#aside h2 span {font-weight:normal;font-size:0.8em;padding-left:75px;}
/* =h3 (generic)*/
#content h3 {font-size:1.3em;font-size:1.3em;line-height:1.2;margin:1.5em 0 0.2em;}
/* =h3 (specific)*/
#aside h3 {font-size:1.5em;margin:1em 0 0.5em;}
#main .faq ul li h3 {font-size:1.2em;}
#content li h3 {font-size:1.1em;}
/* =h4 (generic)*/
#content h4 {font-size:1.2em;line-height:1.8;}
/* =h4 (specific)*/
.home #content h4 {margin:0 0 1em;}
/* =h5 (specific)*/
.home #content h5 {border-bottom:1px solid #ccc;font-size:1.2em;line-height:1.8;margin:1.5em 0 0;}



/* =paragraphs*/
p {font-size:1.2em;}/*12px*/
li p {font-size:1em;}
#comp p, #resg p, #coms p,#content #coms ul li, #rese p, #intl p, #cela p, #resw p  {font-size:1.2em;}
#content p.attachment a, #content p.attachment {font-size:12px;}
#main p {line-height:1.5;margin:0 0 1em;}
#main .col p {margin:1.5em 1.5em 0.75em 0;}
#content p.intro {font-style:italic;}

/* =img*/
img.left {float:left;margin:20px 20px 20px 0;}
img.right {float:right;margin:20px 0 20px 20px;}

/* =lists*/
ol {margin:0 0 1.5em;}
ol li {list-style-type:decimal;font-size:1.1em;line-height:1.5;margin-left:15px;}
#content ul {margin:0 0 1.5em 20px;}
#content ul li {list-style-type:disc;font-size:1.2em;line-height:1.5;}
#content ul li ul {margin:0 0 0em 30px;}
#content ul li li {list-style-type:circle;font-size:1em;}
#aside ul {margin-bottom:0em;}
#aside ul li {font-size:1.1em;line-height:1.5em;}
#aside ul li img {margin:0 0px 20px 20px;float:left;}
#aside ul li img.nospacer {margin:0px;}
.banner li.logo {margin:1em 0 0;}
.devrural #content ul li, .gal #content ul li {font-size:1.2em;line-height:1.5;}
.faq #content li {list-style-type:none;}
.faq #content ul {margin:0 0 1.5em 0;}

/* =dl*/
dl {}
dt {}
dd {}

/* =tables (for data)*/
table {width:100%;border:1px solid #ccc;}
caption {font-weight:bold;margin:1em 0;}
col {}
thead {border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
th {font-weight:normal;text-align:left;}
td {}

/*Min-height hack
-------------------------------------------------------------------------------------*/
/* #selector {min-height:500px;height:auto !important;height:500px;} */

/* =a
-------------------------------------------------------------------------------------*/
a {text-decoration:none;}
a {color:#869942;}
a:link {}
a:visited {}
a:hover {}
#main #content a:hover, #aside a:hover {text-decoration:underline;}
a:active {}

/* =a --external
-------------------------------------------------------------------------------------*/
#content a[href^="http:"] {background:url('../images/externalLink.gif') no-repeat right top;padding-right:0px;}
a[href^="http://www.mysite.com"], a[href^="http://mysite.com"]  {background-image:none;padding-right:0;}
a[href^="http:"] .nospacer {padding-right:0px;}


/*=vcard microformat for contact details*/
.vcard {font-size:1.2em;line-height:1.5;}
#main .vcard p {margin:0;font-size:1em;}
.vcard span {}
span.type {}
.url {}
.email {}
div.org {}
div.adr {}
span.street-address{display:block;}
span.locality {}
span.postal-code {}
span.country-name {display:block;}
div.tel {}
span.type {}


/*3
--------------------------------------------------------------------------------
=LAYOUT RULES
------------------------------------------------------------------------------*/
/*=header*/
/*image height+extra height for navtop*/
#header {background:url('../images/banner_intranet.jpg') no-repeat 206px 48px;height:184px;/*border-bottom:6px solid #869942;*/margin-right:13px;}
#header h1, #header span#logo {position:absolute;width:217px;height:155px;z-index:10;}
#header h1 span, #header span#logo span {position:absolute;left:-9999px;}
#header h1 img, #header span#logo img {position:absolute;left:-11px;top:29px;z-index:2}

#header h1 #wowslider-container1, #header span#logo #wowslider-container1 { 
/*	overflow: hidden; */
	zoom: 1; 
	position: absolute; 
	width:762px;
	height:140px;
	margin:0;
	left:172px;top:44px;
	z-index:1;
}

#header h1 #wowslider-container1 .ws_images, #header span#logo #wowslider-container1 .ws_images{
	position: absolute;
	left:0px;
	top:0px;
	width:762px;
	height:140px;
	overflow:hidden;
}
#header h1 #wowslider-container1 .ws_images a, #header span#logo #wowslider-container1 .ws_images a{
	color:transparent;
}

#header h1 #wowslider-container1 .ws_images img, #header span#logo #wowslider-container1 .ws_images img{
	top:0;
	left:0;
	border:none 0;
}
#header h1 #wowslider-container1 a, #header span#logo #wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

.whoswho #header h1 #wowslider-container1 .ws_images {display:none;}

/*Sticky footer*/
/*NOTE: No top or bottom margins or borders for these elements; if set, vertical
scrollbar appears - use padding instead.*/
html, body, #page {height:100%;}
#page {background:#fff url(../images/bg_body.png) repeat-x left bottom;/*height:auto;min-height:100%;*/}
body > #page {height:auto;min-height:100%;}
#wrap {min-height:940px;padding-bottom:40px;}/*must be same height as the footer*/
#footer {position:relative;margin-top:-40px;/*negative value of footer height*/
height:40px;clear:both;}
/* =clearfix*/
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}

/* =page (#)*/
/*Center layout for standards compliant browsers*/
body {min-width:640px;}
#footer, #footer p {background:#869942;}
#footer p {width:200px;margin:0 auto;}

/*=generic*/
/*columns in content area*/
div.col {width:50%;float:left;}
.box span {font-weight:bold;font-size:1.2em;display:block;margin-top:1.5em;}
#wrap {width:934px;margin:0 auto;background:transparent url(../images/bg_content.png) repeat-y left bottom;
padding-left:11px;}
#main #leftcol {float:left;width:206px;margin-right:30px;border-right:1px solid #f3f4f2;}
#content {float:left;width:460px;/*space for right margin*/}
.subpage #content {width:666px;}/*one column only for subpages*/

#main {clear:both;/*border-top:1px solid #c3c2a8;*//*background:url('../images/bg_main.png') repeat-x bottom left; --NOTE:Use this background for article bg if necessary*/}



/*Home Page Bloc NEWS*/
#aside {float:right;width:235px;margin-top:-6px;position:relative;z-index:20;}
#aside .box {margin:0.4em 1.5em;}
.box p .more {color:#869942;}
#banner {padding-bottom:2em;}
#aside {margin-bottom:20em;}
span.date {display:block;font-size:1.1em;margin:0; font-weight:normal; color:#869942;}
#aside #news p {border-bottom:1px solid #ccc; padding-bottom: 1em;padding-top: 0.2em; font-size: 1.1em;}
#news b {font-size: 1.1em; color:#595239;
}

.language {text-align:right;padding-top:10px;display: inline;}
.language a:link, .language a:visited, .language a:active {
	display: block;
	float: right;
	border-top: solid 10px #fff;
	background-color: #adb495;
	width: 12px;
	padding: 4px;
	margin:0 0 0 4px;
	font-size: 1em;
	line-height:1em;
	color:#fff;
	text-align:center;
	vertical-align: middle;
}

.language a:hover
{
	background-color: #EEEDE7;
}


/*4
--------------------------------------------------------------------------------
=NAVIGATION STYLES
------------------------------------------------------------------------------*/
/* =navtop*/
#navtop {border-top:6px solid #988c61;height:36px;margin-left:-11px;padding-left:11px;top:0;width:934px;}
#navtop ul {float:right;}
#navtop li {width:10em;float:left;border-right:1px solid #efefef;}
#navtop li.last {border-right:none;}
#navtop li a {display:block;float:left;width:100%;color:#988c61;font-weight:bold;font-size:1.2em;padding:1.25em 0;text-align:center;}
#navtop li a:hover {color:#000;background:#eefafc;}
#navtop li.selected a {color:#000;background:#eefafc;}
/* =navleft*/

/* =navleft*/
.nav {width:206px;}
.nav li a {background:url('../images/dot.png') repeat-x bottom left;color:#999;padding:1em;font-size:1.2em;display:block;}
.nav li a:hover {color:#666;background-color:#eefafc;}
.nav li.selected a {background-color:#eefafc;color:#000; font-weight:300;}
.nav li ul li a {background-color:#fff;background:url('../images/dot.png') repeat-x bottom;font-weight:normal;color:#000;padding-left:25px;color:#999;padding:0.5em;}
.nav li ul li a {padding:1em 0 1em 0px;padding-left:14px;}
.nav li ul li a {background-color:#eee; border-left:solid 20px #ccc;}
/*.nav li.selected li.subselected a {background:#bfedf5;font-weight:bold;color:#000;}*/



/* =nav Who's who*/
/*background*/
/*buttons fr*/
#whoswhonav_fr  {margin:3em 0 0 1.5em;position:relative;background:url('../images/whoswho/graph_rwdr.png') no-repeat;width:600px;height:275px;}
#content #whoswhonav_fr li {position:absolute;list-style-type:none;line-height:1;}
#whoswhonav_fr li a {color:#988C61;font-size:0.9em;display:block;position:relative;}
#whoswhonav_fr li a span {position:absolute;display:block;height:100%;width:100%;cursor:pointer;}


#whoswhonav_fr #compnav a span {background:transparent url('../images/whoswho/comp.png') no-repeat;;}
#whoswhonav_fr #resgnav a span {background:transparent url('../images/whoswho/resg.png') no-repeat;}
#whoswhonav_fr #comsnav a span {background:transparent url('../images/whoswho/coms.png') no-repeat;}
#whoswhonav_fr #resenav a span {background:transparent url('../images/whoswho/rese.png') no-repeat;}
#whoswhonav_fr #intlnav a span {background:transparent url('../images/whoswho/intl.png') no-repeat;}
#whoswhonav_fr #celanav a span {background:transparent url('../images/whoswho/cela.png') no-repeat;}
#whoswhonav_fr #reswnav a span {background:transparent url('../images/whoswho/resw.png') no-repeat;}
#whoswhonav_fr #resflamand a span {background:transparent url('../images/whoswho/reswflam_fr.png') no-repeat;}
#whoswhonav_fr #resEuropeen a span {background:transparent url('../images/whoswho/resweur_fr.png') no-repeat;}


#whoswhonav_fr #compnav {left:220px;top:-10px;}
#whoswhonav_fr #resgnav {left:480px;top:125px;}
#whoswhonav_fr #comsnav {left:30px;top:62px;}
#whoswhonav_fr #resenav {left:30px;top:-10px;}
#whoswhonav_fr #intlnav {left:430px;top:30px;}
#whoswhonav_fr #celanav {left:30px;top:25px;}
#whoswhonav_fr #reswnav {left:219px;top:80px;}
#whoswhonav_fr #resflamand {left:226px;top:194px;}
#whoswhonav_fr #resEuropeen {left:180px;top:234px;}

#whoswhonav_fr #compnav a {width:157px;height:34px;}
#whoswhonav_fr #resgnav a {width:73px;height:39px;}
#whoswhonav_fr #comsnav a {width:147px;height:35px;}
#whoswhonav_fr #resenav a {width:147px;height:34px;}
#whoswhonav_fr #intlnav a {width:124px;height:43px;}
#whoswhonav_fr #celanav a {width:147px;height:34px;}
#whoswhonav_fr #reswnav a {width:157px;height:34px;}
#whoswhonav_fr #resflamand a {width:447px;height:34px;}
#whoswhonav_fr #resEuropeen a {width:250px;height:34px;}


/*buttons en*/
#whoswhonav_en  {margin:3em 0 0 1.5em;position:relative;background:url('../images/whoswho/graph_rwdr_en.png') no-repeat;width:600px;height:290px;}
#content #whoswhonav_en li {position:absolute;list-style-type:none;line-height:1;}
#whoswhonav_en li a {color:#988C61;font-size:0.9em;display:block;position:relative;}
#whoswhonav_en li a span {position:absolute;display:block;height:100%;width:100%;cursor:pointer;}

#whoswhonav_en #compnav a span {background:transparent url('../images/whoswho/comp_en.png') no-repeat;}
#whoswhonav_en #resgnav a span {background:transparent url('../images/whoswho/resg_en.png') no-repeat;}
#whoswhonav_en #comsnav a span {background:transparent url('../images/whoswho/coms_en.png') no-repeat;}
#whoswhonav_en #resenav a span {background:transparent url('../images/whoswho/rese_en.png') no-repeat;}
#whoswhonav_en #intlnav a span {background:transparent url('../images/whoswho/intl_en.png') no-repeat;}
#whoswhonav_en #celanav a span {background:transparent url('../images/whoswho/cela_en.png') no-repeat;}
#whoswhonav_en #reswnav a span {background:transparent url('../images/whoswho/resw_en.png') no-repeat;}
#whoswhonav_en #resflamand a span {display:block; border:solid 1px transparent; width:130px;height:28px; background-color:transparent;}
#whoswhonav_en #resEuropeen a span {display:block; border:solid 1px transparent; width:200px;height:28px; background-color:transparent;}
/*positioning en*/
#whoswhonav_en #compnav {left:220px;top:-10px;}
#whoswhonav_en #resgnav {left:496px;top:137px;}
#whoswhonav_en #comsnav {left:30px;top:65px;}
#whoswhonav_en #resenav {left:30px;top:-10px;}
#whoswhonav_en #intlnav {left:430px;top:30px;}
#whoswhonav_en #celanav {left:30px;top:28px;}
#whoswhonav_en #reswnav {left:218px;top:87px;}
#whoswhonav_en #resflamand {left:240px;top:194px;}
#whoswhonav_en #resEuropeen {left:210px;top:234px;}

#whoswhonav_en #compnav a {width:163px;height:35px;}
#whoswhonav_en #resgnav a {width:44px;height:40px;}
#whoswhonav_en #comsnav a {width:153px;height:35px;}
#whoswhonav_en #resenav a {width:153px;height:36px;}
#whoswhonav_en #intlnav a {width:129px;height:44px;}
#whoswhonav_en #celanav a {width:153px;height:34px;}
#whoswhonav_en #reswnav a {width:163px;height:36px;}

/*buttons de*/
#whoswhonav_de  {margin:3em 0 0 1.5em;position:relative;background:url('../images/whoswho/graph_rwdr_de.png') no-repeat;width:600px;height:300px;}
#content #whoswhonav_de li {position:absolute;list-style-type:none;line-height:1;}
#whoswhonav_de li a {color:#988C61;font-size:0.9em;display:block;position:relative;}
#whoswhonav_de li a span {position:absolute;display:block;height:100%;width:100%;cursor:pointer;}

#whoswhonav_de #compnav a span {background:transparent url('../images/whoswho/comp_de.png') no-repeat;}
#whoswhonav_de #resgnav a span {background:transparent url('../images/whoswho/resg_de.png') no-repeat;}
#whoswhonav_de #comsnav a span {background:transparent url('../images/whoswho/coms_de.png') no-repeat;}
#whoswhonav_de #resenav a span {background:transparent url('../images/whoswho/rese_de.png') no-repeat;}
#whoswhonav_de #intlnav a span {background:transparent url('../images/whoswho/intl_de.png') no-repeat;}
#whoswhonav_de #celanav a span {background:transparent url('../images/whoswho/cela_de.png') no-repeat;}
#whoswhonav_de #reswnav a span {background:transparent url('../images/whoswho/resw_de.png') no-repeat;}
#whoswhonav_de #resflamand a span {display:block; border:solid 1px transparent; width:140px;height:28px; background-color:transparent;}
#whoswhonav_de #resEuropeen a span {display:block; border:solid 1px transparent; width:250px;height:28px; background-color:transparent;}
/*positioning de*/
#whoswhonav_de #compnav {left:220px;top:-10px;}
#whoswhonav_de #resgnav {left:507px;top:148px;}
#whoswhonav_de #comsnav {left:30px;top:64px;}
#whoswhonav_de #resenav {left:30px;top:-10px;}
#whoswhonav_de #intlnav {left:430px;top:30px;}
#whoswhonav_de #celanav {left:30px;top:27px;}
#whoswhonav_de #reswnav {left:218px;top:97px;}
#whoswhonav_de #resflamand {left:230px;top:214px;}
#whoswhonav_de #resEuropeen {left:170px;top:254px;}

#whoswhonav_de #compnav a {width:163px;height:36px;}
#whoswhonav_de #resgnav a {width:50px;height:30px;}
#whoswhonav_de #comsnav a {width:154px;height:42px;}
#whoswhonav_de #resenav a {width:153px;height:35px;}
#whoswhonav_de #intlnav a {width:183px;height:44px;}
#whoswhonav_de #celanav a {width:153px;height:37px;}
#whoswhonav_de #reswnav a {width:163px;height:35px;}


/* =nav GAL map*/
#main .gal {width:620px;}
.gal #nav-gal {position:relative;margin-top:4em;margin-left:0;}
.gal .FR {position:relative;background:url('../images/carte_gal.png') no-repeat;width:620px;height:410px;margin-top:4em;margin-left:0;}
.gal .EN {position:relative;background:url('../images/carte_gal_en.png') no-repeat;width:620px;height:420px;margin-top:4em;margin-left:0;}
.gal .DE {position:relative;background:url('../images/carte_gal_de.png') no-repeat;width:620px;height:420px;margin-top:4em;margin-left:0;}
.gal #nav-gal li {position:absolute;font-size:1.2em;list-style-type:none;}
.gal #nav-gal li a {padding:4px;color:#988C61;}
.gal #nav-gal li a:hover{color:#000;background:#eefafc;}
/*positioning*/
#gal-1-nav {left:540px;top:185px;}
#gal-2-nav {left:220px;top:0;width:100px;}
#gal-3-nav {left:320px;top:0;}
#gal-4-nav {left:510px;top:-10px;}
#gal-5-nav {left:460px;top:275px;}
#gal-6-nav {left:215px;top:278px;}
#gal-7-nav {left:40px;top:170px;}
#gal-8-nav {left:80px;top:225px;}
#gal-9-nav {left:340px;top:363px;}
#gal-10-nav {left:515px;top:218px;}
#gal-11-nav {left:540px;top:245px;}
#gal-12-nav {left:385px;top:15px;}
#gal-13-nav {left:150px;top:0;}
#gal-14-nav {left:80px;top:300px;}
#gal-15-nav {left:220px;top:330px;}


/*5
--------------------------------------------------------------------------------
=SECTION SPECIFIC STYLES
------------------------------------------------------------------------------*/
/*FAQ page*/
#main .faq ul li {list-style-type:none;}
#main .faq ul li p {font-size:1em;margin:0 0 1.5em;}

/* =footer*/
#footer {clear:both;width:974px;margin-left:auto;margin-right:auto;}
#footer p {color:#fff;float:left;display:inline;line-height:3.5;margin-left:1em;font-size:1.1em;}
#footer ul {float:right;width:320px;line-height:4em;}
#footer ul li {background:#869942;display:inline;}
#footer ul li a {color:#fff;padding:0 5px;background:transparent;}
#footer ul li a:hover {text-decoration:underline;}


/*6
--------------------------------------------------------------------------------
=FORMSs
------------------------------------------------------------------------------*/
/*Generic form styles, used for all forms in the site
  Can be overwritten later for more specific forms*/
  

#main form p {background-color:transparent;margin:0;}
fieldset {} /* Removes fieldset borders, even on Opera 7 */
legend {display:none;}
/*#intranet label {display:block;float:left;width:100px;}*/ 
/*#intranet p {background-color:tranparent;}*/

input[type="text"] {}
textarea {}
input.search {width:auto; float:right; margin-left:0.4em; font-variant:small-caps;}

input {width:180px;border-top:1px solid #999;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #999;font-size:1.2em;font-variant:small-caps;padding:3px 2px;color:#988C61; margin-bottom:10px;}
.error{color:#C00;font-size:1em;padding:0.4em 0 0 0.2em; background-color:#EEEDE7;}
/*form fieldset label */
em {font-style:italic;font-weight:normal;color:#666;display:block; font-size:1.1em;}


/*Fix layout issue!*/
#main {/*min-height:800px;*/}

 
form {width:100%;padding:1em 0 1em;margin-top:2em;}
form#frmLagSearch, form#frmOfferSearch, form#calendarform, form#frmEventSearch {padding:1em 0 0;}
form#forum_form {margin-top:1em;float:left;}
form fieldset {background-color:transparent;margin:0;position:relative;padding:5px 0 10px;}
form legend span {margin-top:-2em;text-transform:lowercase;font-weight:bold;color:#7a9848;position:absolute;top:0;left:0;}
form div {margin:1.5em 0 0;width:100%;}
form#meeting_form div {clear:left;}
form#meeting_form div.uploadSection {clear:none;}
form#forum_form div.uploadSection div {clear:none;}
form div div {margin:0;width:auto;}
form input, form select, form textarea {width:175px;padding:2px !important;border:1px solid #c1c1bf; font-variant:normal;}
form input[disabled="disabled"] {background:#ccc;}
form textarea#description {width:175px;}
/*Focus styles - a class 'focused' is generated by a script for IE*/
form input:focus, form select:focus, form textarea:focus, form input.focused, form select.focused, form textarea.focused {background:#FAFAFA;border:1px solid #666;}
form select {padding:0 !important;width:180px;}
/*checkbox width*/

form input#sofform_offer_checked, form input#sofform_publish, form input.checkbox, form input.radio {width:auto !important;background:transparent;border:none !important;}
form label {display:block;width:162px; float:left;font-size:1.2em;line-height:1.2em;margin:0.4em;text-align:right; background-color:transparent;}
form input {}
fieldset#contact-details, fieldset#current-position {margin-bottom:3em;}
fieldset#main-expertise {margin-bottom:0;}
fieldset#current-position label {display:none;}
fieldset#current-position p, fieldset#main-expertise p {margin:1em 15px;}

fieldset#main-expertise label {display:none;}
fieldset#current-position input, fieldset#main-expertise textarea {width:175px;margin-left:9.3em;}


a.actionBtn
{
float:right;
width:auto;
border-bottom:4px solid #c6d3b0 !important;
border-top:0;
border-left:0;
border-right:0;
color: #869942;
background:transparent;
font-size:1.2em;
text-transform: lowercase;
text-decoration:none;
font-weight:bold;
margin:0 0 10px 6px;
padding:16px 3px 0px 0 !important;}

/* ------------ 
LOGIN INTRANET BUTTON
 -------------- */
#intranet form {margin:0; padding:0;}
#intranet h2 {color:#988c61;text-transform:uppercase;font-size:1.5em;font-weight:normal;background:url('../images/bg_intranet.png') no-repeat center left;line-height:1.5em;padding-left:25px;margin-bottom:solid 4px transparent;}
#intranet {background:#eeede7 url('../images/bg_intranet.jpg') no-repeat bottom left;height:280px;padding:10px;width:186px !important;width:176px;}
#intranet fieldset {background-color:#eeede7;border:solid 0 transparent;} /* Removes fieldset borders, even on Opera 7 */
legend {} 

/* INTRANET BUTTON */
#loginform input#submit {background:transparent;color:#988C61;float:right;margin:0 2px 0 0;border:1px solid #988C61;font-size:1.2em;font-variant: small-caps; width: auto;}
#loginform input#submit:hover {background:#eefafc;color:#000;border:1px solid #999;cursor:pointer;}
#loginform input {width:180px;border-top:1px solid #999;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #999;font-size:12px;font-variant:normal;padding:3px 2px;text-transform:lowercase;color:#988C61; margin-bottom:10px;}
#loginform p.error{color:#C00;font-size:1.2em;padding:0.4em 0 0 0.2em;}
#loginform fieldset {margin:0; padding:0;}

/* ------------ 
DISPLAY AGENDA PUBLIC : TABLE RESULT, month, week, day  
 -------------- */

#TableResult {padding:0.8em; background-color:#FFF; border:solid #FFF 1px;}
#TableResult th {background:#E7ECDE;border-left:solid 2px #fff;color: #666; font-size:1.2em;font-weight:bold;padding:10px 0 10px 4px; white-space:nowrap;}
#TableResult th a.title {color:#000; font-size:1em; font-weight: bold; padding: 0.5em; font-variant:small-caps;}
#TableResult th a.title:visited {color:#000;}
#TableResult td {background-color:transparent;border:solid 2px #fff;padding:0 2px 30px;}
#TableResult td a.result {font-size:1em;color:#537A03;}
#TableResult td.ColResult {font-size:1.2em;font-weight: normal;padding: 0.5em; background-color:none;}

#TableResult tr.event_cat1 {padding-left:3px;background-color:#d3e5fa;}
#TableResult tr.event_cat2 {padding-left:3px;background-color:#f4d6f8;}
#TableResult tr.event_cat3 {padding-left:3px;background-color:#ededa2;}
#TableResult tr.event_cat4 {padding-left:3px;background-color:#fce792;}
#TableResult tr.event_cat5 {padding-left:3px;background-color:#E7ECDE;}
#TableResult tr.event_cat6 {padding-left:3px;background-color:#F2DE70;}
#TableResult tr.event_cat7 {padding-left:3px;background-color:#98FDC0;}
#TableResult tr.event_cat8 {padding-left:3px;background-color:#C1A1F9;}
#TableResult tr.event_cat9 {padding-left:3px;background-color:#FF9DA9;}

.slide {font-size:1.8em;font-weight:bold; color:#999; margin:0 0 14px 0;cursor: pointer;}

/* ------------ 
DISPLAY RESSOURCE CENTER / DOCUMENTATION DETAIL
 -------------- */
 #TableDocumentation {padding:8em; border:solid 1px #fff;}
 #TableDocumentation td {padding:8px; font-size: 1.2em; background-color: #E7ECDE;vertical-align:top;}
 #TableDocumentationDetail {padding:8em;border:solid 1px #fff;vertical-align:top;}
 #TableDocumentationDetail td {
	padding: 8px;
	font-size: 1.2em ;
	border-bottom: solid 2px #fff;
	background-color: #EDF3DE;
	vertical-align:top;
}


 
#TableDocumentationDetail .ddc1, #TableDocumentationJoint .ddc1,  #TableDocumentation .ddc1{width:29%;}
#TableDocumentationDetail .ddc2,  #TableDocumentationJoint .ddc2,  #TableDocumentation .ddc2{width:1%;}
#TableDocumentationDetail .ddc3,  #TableDocumentationJoint .ddc3,  #TableDocumentation .ddtitre{width:70%;}

 #TableDocumentationJoint {padding:8em; border:solid 1px #fff;}
 #TableDocumentationJoint td {padding:8px; font-size: 1.2em; background-color: #E7ECDE;vertical-align:top;}

 #tdoc td {padding:4px;vertical-align:top;}
 table#tdoc tr td.left{float:none;width:80%;}
 
 /* ------------ 
DISPLAY ANNUAIRE CONTACT /  DETAIL
 -------------- */
 #TableContact {padding:8em; border:solid 1px #fff;}
 #TableContact td {padding:6px; font-size: 1.2em; background-color: #E7ECDE;}
 #TableContactDetail {padding:8em;border:solid 1px #fff;}
 #TableContactDetail td {
	padding: 8px;
	font-size: 1.2em;
	border-bottom: solid 2px #fff;
	background-color: #EDF3DE;
}

 /* ------------ 
DISPLAY ANNUAIRE ORGANISME /  DETAIL
 -------------- */

 #TableOrganisationDetail {padding:8em;border:solid 1px #fff;}
 #TableOrganisationDetail td {
	padding: 8px;
	font-size: 1.2em;
	border-bottom: solid 2px #fff;
	background-color: #EDF3DE;
}

 /* ------------ 
DISPLAY ANNUAIRE ORGANISME /  DETAIL
 -------------- */
 #TableContact {padding:8em; border:solid 1px #fff;}
 #TableContact td {padding:6px; font-size: 1.2em; background-color: #E7ECDE;}
 #TableContactDetail {padding:8em;border:solid 1px #fff;}
 #TableContactDetail td {
	padding: 8px;
	font-size: 1.2em;
	border-bottom: solid 2px #fff;
	background-color: #EDF3DE;
}
 
 
/* ------------ 
DISPLAY NEWS / AGENDA PUBLIC : DETAILS 
 -------------- */
#main h1.News {border-left:0px solid #fff;background:#988c61 url('../images/bg_news.png') repeat-x bottom left;min-height:44px;text-transform:lowercase;color:#fff;line-height:2.1em;padding-left:1em;font-size:1.4em; font-weight:bold;}
.detailsBox {margin:20px; font-size:1.2em;}
.detailsBox span {font-size:0.9em;line-height:1.4em;}
.newsDetails {border-bottom:solid 15px #fff;border-top:solid 15px #fff; background-color:#EEEDE7; padding:8px;}
.NewsDate {margin:0;padding:0;font-weight:normal;}
.newsContent p{font-size:1em;}
.newsContent p input {width:96%;height:96%}

.startDate {display:block; font-style:normal;font-weight:normal;font-size:1.2em;}
.attachment {font-size:1em;}
#liner{background-color:#eeede7; line-height:2px;}


/*1 2 Next*/
#main p.pagination { text-align: right;}
#main p.paginationTop {text-align: right;margin: 0;}
#main p.pagination a {color:#988C61; margin-left:4px;/* border-bottom:solid 1px;padding-bottom:0.2em;*/}

/* ------------ 
DISPLAY RESSOURCE CENTER 
 -------------- */
h2.cdr {border-bottom:solid 20px #fff; border-top:solid 10px #fff;}

/* ------------ 
DISPLAY PHOTOTHEQUE Gallery
 -------------- */
#container_pictures
{
	margin: 0 auto;
	padding:0;
	text-align:right;
	background-color:#fff;
	width:516px;
	overflow:auto;
	text-align:left;
	vertical-align:bottom;
}

.RowBoxPicture
{
	height:auto;
	border:solid 0px red;
	overflow:auto;}

.BoxPicture
{
	background-color:#fff;
	float:left;
	width:152px;
	height:auto;
	margin:10px;
	padding: 0 0 10px 0;
}

.TitlePictures
{
	display:block;
	height:auto;
	background-color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:6px 0;
	background-image:url(/reseaupwdr/fms/images/phototheque/bckg_title.png);
	background-position:bottom;
	background-repeat: repeat-x;
}


.pictures
{
	background-color:#ccc;
	width:auto;
	height:208px;
	margin:0;
	padding:4px 0 0 0 ;
	color:#FFF;
	position:relative;
}

.pictures img
{
	width:150px;
	height:auto;
	position:absolute;
	bottom:0;
	border:solid 1px #ccc;
}
td.pictures
{
	background-color:#fff;
}

td.PictureExpert img
{
	width:150px;
	height:auto;
	border:solid 1px #000;
}



.ico
{
	display:block;
	background-color:#ccc;
	height:22px;
	line-height:22px;
	text-align:right;
}

.ico img
{
	margin:2px;
}

.PictureDescription
{
	margin-top:6px;}



 /**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	background-color:transparent;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	background-color:transparent;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* ------------ 
DISPLAY Expert Database : Public Site
 -------------- */
 
 p.addLink {width:100%;margin-bottom:10px;;text-align:right; border:solid 0px red;font-size:1.2em;}
 .TitleSelect{background-color:#fff;margin:0;padding:0;}
 #content .TitleSelect ul {margin:0;}
 .TitleSelect ul li {display:inline-block;width:30%;margin-left:0;font-weight:bold;}
 form.SearchExpert, form;searchDoc{margin-top:0em;}
/* form select#themeSelect,form select#compSelect,form select#tcSelect {padding:0 !important;width:194px;border:solid 10px red;}*/
 form select#compSelect{margin:0 6px 0 6px;}
#searchResultWrapper{margin:10px 0; width:99%;}
form#addExpert a.ButtonAddExpert,div.right a.ButtonAddExpert{display:block;float:right;text-align:center;padding:0.46em;color:#fff;margin:0 0 0 6px;
width:170px;border:1px solid #C1C1BF;font-size:12px;color:#988C61;font-family:helvetica;text-decoration:none;font-variant:small-caps;
background-color:#f0f0f0;}
form#addExpert input.ButtonAddExpert,div.right input.ButtonAddExpert {display:block;float:right;text-align:center;background-color:#f0f0f0;padding:0.24em;color:#fff;margin:0 0 0 6px;
width:170px;border:1px solid #C1C1BF;font-size:1.2em;color:#988C61;font-family:helvetica;text-decoration:none;font-variant:small-caps;}
table#searchResult tr td { vertical-align:top;}

/* ------------ 
DISPLAY Expert Database : Inscrire un expert
 -------------- */
form#addExpert, form.SearchExpert, form.searchDoc {margin:0px;}
form#addExpert input, form.SearchExpert input, form#addExpert textarea , form.SearchExpert textarea, form.searchDoc textarea,form.searchDoc input{width:270px;}
form#addExpert textarea, form.SearchExpert textarea {width:270px;height:120px;}
form#addExpert  input#gender {width:20px; border:solid 0px transparent;}
form#addExpert div.ui-multiselect input.search, form.SearchExpert div.ui-multiselect input.search, form.searchDoc div.ui-multiselect input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 80px;}
form#addExpert label, form.SearchExpert label, form.searchDoc label   {display:block;width:130px; float:left;font-size:1.2em;line-height:1.2em;margin-right:4px;text-align:right; background-color:transparent;}
form#addExpert label.error, form#searchDoc label.error {display:block;width:auto; float:right;font-size:1.2em;line-height:1.2em;margin-right:40px;margin-top:-0.05em;padding:0;text-align:right; background-color:transparent;}
form#addExpert div,form.SearchExpert div,form.searchDoc div  {overflow:hidden;}
form#addExpert div.Button input{float:right;width:170px; margin-left:10px;}
form.SearchExpert  input#resetSearch, form.searchDoc  input#resetSearch    {float:right;width:170px; margin-left:10px;margin-bottom:30px;}

#dspExpertDetails tr td strong{display:block;font-size:1em;text-transform:uppercase;font-weight:bold;color:#8a702a;padding-top:30px;padding-bottom:10px;color:#333;}
#dspExpertDetails tr td b{display:block;font-size:1.1em;text-transform:normal;font-weight:bold;color:#8a702a;padding-top:0px;color:#999;}
.upper {text-transform:uppercase;font-size:0.9em; width:200px;}
td.upperExperience {text-transform:uppercase;font-size:0.9em;height:30px;vertical-align:bottom;font-weight:bold;}
td.titleExperience{background-image:url(../images/bckg_experience_table.png); background-position:bottom; background-repeat:repeat-x;}


/* ------------ 
DISPLAY Expert Database : Fiche Expert
 -------------- */
 
 table#dspExpertDetails  {font-size:1.2em;border:solid 0px #ccc;}
 table#dspExpertDetails thead {border:solid 0px #fff;}
 table#dspExpertDetails thead tr th {border:solid 0px #fff;padding-left:6px;}
 table#dspExpertDetails  tr td {padding:6px; border:solid 0px #eee;line-height:16px;}
 a.button {display:block;background-color:#8a702a;float:right;padding:6px;color:#fff;margin-right:0px;margin-top:10px;margin-bottom:20px;}
#main #content #addExpertLink {width:100%;overflow:hidden;}
#main #content #addExpertLink a {border-bottom:6px solid #8a702a; padding-bottom:6px;font-weight:bold;display:block;width:155px;float:right;}
form#addExpert input.changeFile {margin-left:138px;width:276px;}
a.ButtonFicheExpert {display:block;float:left;text-align:center;background-color:#f0f0f0;padding:6px;color:#fff;margin-right:6px;margin-top:10px;margin-bottom:20px;width:120px;border:solid 1px #A29D69;font-size:1em;color:#333;}

p.errors {color:red;}

/* ------------ 
DISPLAY Inscription : inscription en ligne
 -------------- */
 
form#inscription {border:solid 1px white;overflow:hidden;width:100%;}
form#inscription legend {display:inline;font-size:12px;padding-left:80px;font-weight:bold;}
form#inscription div {margin:1.5em 0 0;}
form#inscription div input {width:280px;padding:2px;}
form#inscription  label.error {color:red;bckground-color:red;float:none;margin:0 0 10px 180px;padding:0;background-color:transparent;text-align:left;width:220px;}
form#inscription input.button {float:right;width:170px; margin-left:10px;margin-bottom:30px;margin-right:145px;}
input#sub_lettre, input#sub_pdf {margin-left:120px;}
input#sub_veille {margin-left:121px;}
form.NoPadding {padding:0; margin:0px;}

/* ------------ 
DISPLAY Gestion des inscriptions
 -------------- */
form.gestion_inscription, form.gestion_inscription fieldset {margin:0;padding:0;}
form.gestion_inscription fieldset legend {display:inline;font-size:12px;}
form.gestion_inscription  div {font-size:1.2em;}
.AlignRight {text-align:right;font-size:1.2em;}
input#SUB_VEILLEArg{margin-left:136px;}
input#SUB_MAGAZINEArg {margin-left:20px;}

div.right{margin-bottom:10px;}
/* ------------ 
DISPLAY Gestion des inscriptions : Gérer ses inscriptions en ligne
 -------------- */
.GestionInscription {margin:0;padding:0;}
.GestionInscription input#email, input#token {width:200px;height:17px;margin-right:20px;}
.GestionInscription .InscriptionFollow {width:207px;margin-left:170px;}
 
a.buttonButton, input.buttonButton {border:1px solid #A29D69;
display:block;
color:#333333;
padding:2px !important;
background-color:#eee;
text-align:left;
font-family:arial;}
a.buttonButton{width:380px;}
a:hover.buttonButton {text-decoration:none;}
input.buttonButton{font-size:12px; width:386px;cursor:pointer;}

/* ////// look des bouttons à donner à tous  ///////form#addExpert a.ButtonAddExpert,div.right a.ButtonAddExpert{display:block;float:right;text-align:center;padding:0.46em;color:#fff;margin:0 0 0 6px;*/

/* ------------ 
DISPLAY Bonnes Pratiques : Descriptif détaillé
 -------------- */
table.displayFinances {border:none;width:400px;}
table.displayFinances tr td {margin:10px;padding:2px;font-size:12px;}
table.displayFinances tr td.right{text-align:right;width:30%;}
 /* ------------ 
DISPLAY Bonnes Pratiques : Carte Postale de Projet
 -------------- */
 table.displayCarte {border:0px;}
 table.displayCarte tr td  {width:auto;vertical-align:top;font-size:12px;padding:4px;line-height:16px;}
 table.displayCarte tr td p, #content table.displayCarte tr td ul li{font-size:12px;}
 table.displayCarte tr td.title {width:140px;}
 table.displayCarte tr td img {width:300px;margin:10px 0;}
 .printversion {display:block;float:right;text-align:center;padding:0.46em;color:#fff;margin:10px 0 20px 6px;width:170px;border:1px solid #C1C1BF;font-size:12px;color:#988C61;font-family:helvetica;text-decoration:none;font-variant:small-caps;
background-color:#f0f0f0;}

/* ------------ 
DISPLAY Bonnes Pratiques : Search
 -------------- */
 table.BonnesPratiques tr .dates {width:96px;}
 table.BonnesPratiques tr .title {width:250px;}
 
 /* ------------ 
DISPLAY Groupes de travail : contact
 -------------- */
 
#content  ul.contact {margin:0;padding:0;}
#content  ul.contact li {background-color:#EEFAFC;list-style-type:none;margin-left:0px;padding:10px;}

 /* ------------ 
DISPLAY GALERIE
 -------------- */
 .galerie #content {width:920px;margin:0 auto;padding:0;text-align:center}
  .galerie #content iframe {border:0;}
  .galerie #content #gallery {padding:0;}
  .galerie #content .phototheque {float:right;margin-top:10px;margin-bottom:0;font-weight:bold;}