/*
/*commentaire marco
Authors: Fernando Saladrriaga - Mathieu Chartier



.
Sources:
-------------------------------------------------------------------/
CSS Reset : http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
Typography : http://www.blueprintcss.org/
-------------------------------------------------------------------/
.

[Table Of Contents]

0- Reset
1- Globals Tags
	1.1- Headings
	1.2- Text elements
	1.3- Lists
	1.4- Tables
	1.5- Forms
	1.6- Links
		1.6.1- Header links
		1.6.2- Content links
		1.6.3- Aside Primary links
		1.6.4- Footer links
2- Global Structure init
3- Header
4- Content
5- Aside Primary
6- Footer
7- Class
8- Microformats


*/

/* =0 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline:0; }
body {  background:#e2e2e2; color:black; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { font-weight:normal; text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }


/* =1 Globals Tags
-------------------------------------------------------------------*/
body { background:#e2e2e2; color:#222; font-family:Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:75%; margin:0 auto; width:991px; }

/* =1.1 Headings
-------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { background:url(../images/illustrations/img_title-background.gif) 0 100% repeat-x; color:#111; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-bottom:3px; text-transform:uppercase;}
h1 { color:#01417f; font-size:16px; line-height:1; margin-bottom:0.75em; }
h2 { color:#0055a5; font-size:16px; margin-bottom:0.75em; }
h3 { background:none; color:#000; font-size:12px; line-height:1; }
h4 { background:none; font-size:12px; line-height:1.25; margin-bottom:1.25em; }
h5 { background:none; font-size:12px; margin-bottom:1.5em; }
h6 { background:none; font-size:12px; }

/* =1.2 Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
a:focus, a:hover { color: #000; }
a { color: #009; text-decoration: underline; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* =1.3 Lists
-------------------------------------------------------------- */
li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd {/* margin-left: 1.5em;*/ }

/* =1.4 Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }

/* =1.5 Forms
-------------------------------------------------------------------*/
/* =1.6 Links
-------------------------------------------------------------------*/
a:link, a:visited { color: #333; }
a:hover { color: #111; }
a:active { color: #111; }
/*
a[href$='.pdf'],
a[rel='pdf'],
a[rel*='pdf'],
a[rel~='pdf']{ padding-right: 18px; background: transparent url(icon_pdf.gif) no-repeat center right; }
a[href ^="mailto:"]{padding-right: 18px;background: transparent url(icon_mailto.gif) no-repeat center right;}
a[class ="popup"]{ padding-right: 18px; background: transparent url(icon_popup.gif) no-repeat center right; }
a[href$='.doc']{padding-right: 18px;background: transparent url(icon_doc.gif) no-repeat center right;}
a[href$='.xls']{padding-right: 18px;background: transparent url(icon_xls.gif) no-repeat center right;}
a[rel ~='external']{ padding-right: 18px; background: transparent url(icon_external.gif) no-repeat center right; }
*/

/* =2 Global Structure init
-------------------------------------------------------------------*/
#site{ background:#fff; float:left; margin:0 auto; width:991px; }
#header{ background:#fff url(../images/illustrations/img_header.jpg) no-repeat 0 0; float:left; margin-bottom:53px; width:991px; position:relative; }
#content{ background:#fff url(../images/illustrations/img_content.png) no-repeat 0 0; float:right; padding-bottom:180px; width:739px; }
#content_primary{ margin:0 auto; width:528px; }
#aside_primary{ float:left; margin-left:82px; width:170px; }
#footer{ background:#fff url(../images/illustrations/img_footer.jpg) no-repeat 0 bottom; clear:both; color:#fff; font-size:11px; height:250px; padding-top:20px; width:991px; }

/* =3 Header
-------------------------------------------------------------------*/
#header address { float:left; margin:20px 0 20px 83px; }
#header address a { float:left; margin-right:20px; text-decoration:none; }
#header address .fn.org,
#header address .email { display:none; }
#header address .note { background:none; color:#fff; float:left; font-size:10px; font-weight:normal; margin-top:16px; padding:0; text-transform:uppercase; width:170px; }

#header ul { list-style:none; }

#header #site_nav_global { float:right; }
#header #site_nav_global li { float:left; }
#header #site_nav_global li a { background:url(../images/illustrations/img_nav.png) 0 -190px repeat-x; color:#fff; float:left; font:bold 12px Arial; line-height:8px; padding:10px; text-decoration:none; }

#header #site_nav_local_wrapper { position:relative; width:100%; overflow:hidden; }
#header #site_nav_local { clear:both; float:left; left:50%; margin:0 !important; position:relative; }
#header .site_nav_local_admin { margin:0 50px !important; width:900px !important; }
#header #site_nav_local li { float:left; position:relative; right:50%; }
#header #site_nav_local li a { background:url(../images/illustrations/img_nav.png) 0 0 repeat-x; color:#fff; display:block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; padding:6px 15px 5px; text-align:center; text-decoration:none; text-transform:uppercase; }
#header .site_nav_local_admin li a { padding:6px 15px 5px !important; }
#header #site_nav_global #nav_a_contact { background-position:0 -162px; }

#header #site_nav_local li #nav_a_propos { background-position:0 -27px; }
#header #site_nav_local li #nav_nos_activites { background-position:0 -54px; width:67px; }
#header #site_nav_local li #nav_projet_en_cours { background-position:0 -81px; }
#header #site_nav_local li #nav_publications { background-position:0 -108px; }
#header #site_nav_local li #nav_references { background-position:0 -135px; }
#header #site_nav_local li #nav_a_accueil { background-position:0 -219px; }
#header #site_nav_local li #nav_nouvelles { background-position:0 -246px; }

#header #site_nav_global li.current #nav_a_contact,
#header #site_nav_global li.current #nav_a_zone,
#header #site_nav_local li.current #nav_a_propos,
#header #site_nav_local li.current #nav_nos_activites,
#header #site_nav_local li.current #nav_projet_en_cours,
#header #site_nav_local li.current #nav_publications,
#header #site_nav_local li.current #nav_references,
#header #site_nav_local li.current #nav_nouvelles,
#header #site_nav_local li.current #nav_a_accueil{ background-position:0 0; }

#header #site_nav_global li a:hover,
#header #site_nav_local li #nav_a_accueil:hover,
#header #site_nav_local li #nav_a_propos:hover,
#header #site_nav_local li #nav_nos_activites:hover,
#header #site_nav_local li #nav_projet_en_cours:hover,
#header #site_nav_local li #nav_publications:hover,
#header #site_nav_local li #nav_references:hover,
#header #site_nav_local li #nav_nouvelles:hover,
#header #site_nav_local li.current #nav_a_accueil:hover { background-position:0 0; }

#header #social { position:absolute; top:40px; right:18px; }
#header #social img { margin-left:10px; width:28px; }


/* =4 Content
-------------------------------------------------------------------*/
#content h2 { margin-top:45px; }
#content ul { margin:0; }
#content #content_primary ul li { background:url(../images/illustrations/img_bullet.gif) no-repeat 0 2px; list-style:none; margin:0 0 1.5em; padding-left:15px; }

#home #header { margin:0; }
#home #content { background:none; float:left; width:100%; padding-bottom:40px; }
#home #content h1 { display:none; }

#home #highlights_intro { background:url(../images/illustrations/img_highlight-intro.jpg) no-repeat 0 0; clear:both; height:278px; margin:0 auto; width:860px; }
#home #highlights_intro #featured_asset { float:right; margin:30px 43px 0 0; width:160px; }
#home #highlights_intro #featured_asset p { color:#024481; font-size:17px; font-family:"Times New Roman", Times, serif }

#home #content_primary { width:820px; }
#home #highlights_latest { float:left; margin-right:40px; width:365px; }
#home #highlights_files,
#home #highlights_newsletter { float:left; width:200px; }
#home #highlights_files { margin-right:15px; }
#home #highlights_latest h2,
#home #highlights_files h2,
#home #highlights_newsletter h2 { background:none; border-bottom:3px solid #c5d745; color:#839118; font-size:12px; padding-bottom:3px; }
#home #highlights_latest h2 { color:#004cbc; border-bottom:3px solid #0359b0; }
#home #highlights_newsletter h2 { margin-top:30px; }
#home #TB_ajaxContent h3 { border-bottom:3px solid #c5d745; color:#839118; font-size:12px; margin:10px 0px 5px 0px;}
#home #TB_ajaxContent p { padding-top:10px; }

#home #content #content_primary #highlights_latest li { background-position:0 12px; border-top:2px solid #dedede; padding-top:10px; }
#home #content #content_primary #highlights_latest li.child_1 { border:none; }

#content #content_primary .year_description_list { float:left; }
#content #content_primary .year_description_list li { background:#F2F2F2 none; clear:both; float:left; margin:5px 0; padding:0; position:relative;}
#content #content_primary .year_description_list dl { float:left; width:528px; margin:0; }
#content #content_primary .year_description_list dt { clear:left;float:left;font-size:250%;margin-left:28px;position:absolute;text-align:center;top:36%;width:100px;}
#zone-membre #content #content_primary .year_description_list dt { font-size:100%;}
#content #content_primary .year_description_list dt.more_data { top:20%;}
#content #content_primary .year_description_list dd { float:right; padding:10px; width:330px; border-left:10px solid #FFFFFF;  }
#memoire #content #content_primary .year_description_list dd { float:right; padding:10px; width:330px; border-left:10px solid #FFFFFF; min-height:40px; }

table.document{ text-align:center; background:#F2F2F2; width:528px;}
table.document tr{ text-align:center; vertical-align:middle; }
#content #content_primary  table.document td{ text-align:center;vertical-align:middle;border-bottom:solid 10px #fff; padding:10px;}
#content #content_primary  table.document td.categories{ width:140px; border-right:solid 10px #fff; }
#content #content_primary  table.document td.cat{ width:140px; border-right:solid 10px #fff; font-size:250%;}

#content #content_primary .vcard li,
#content #content_primary .vcard h2 { background:none; text-align:center; }
#content #content_primary .vcard li { background-color:#f2f2f2; float:left; padding-bottom:20px; width:240px; }
#content #content_primary .vcard li.child_1 { margin-right:10px; }
#content #content_primary .vcard li p { text-align:left; }
#content #content_primary .vcard li p.fn { margin-bottom:5px; }

#content #content_primary #content_contact .vcard li { background-color:#f2f2f2; float:left; padding-bottom:20px; width:240px; height:240px; padding-left:0; }
#content #content_primary #content_contact .vcard li p { text-align:center;}
#content #content_primary #content_contact .vcard li h2 { border-bottom:10px solid #FFFFFF;height:28px;line-height:20px;margin-top:15px;}


#content #content_primary .social { clear:both; }
#content #content_primary .social img { margin-right:10px; }
#content #content_primary .vcard .adr { margin-bottom:10px;  }
#content #content_primary .vcard .adr,
#content #content_primary .vcard .tel { clear:both; float:left; margin:0 0 10px 10px; width:225px; }
#content #content_primary .vcard .adr dt,
#content #content_primary .vcard .adr .country-name{ display:none; }

#content #content_primary .vcard .adr .street-address,
#content #content_primary .vcard .adr .locality,
#content #content_primary .vcard .adr .region,
#content #content_primary .vcard .adr .postal-code,
#content #content_primary .vcard .tel dt,
#content #content_primary .vcard .tel .value { display:inline; margin:0 ; }

#content #content_primary .vcard .adr .locality { clear:both; }
#content  dl#cocdmo-ca dd,
#content #content-projects dl dd{ margin-bottom:20px;}
#content #content_primary #coalition-member li { background-image:none; background-color:#F2F2F2; color: #0062B9;font-weight: bold; padding: 10px 15px;}
#content #content_primary #content_partners .note { margin-bottom:15px; }
#content #content_primary #content_partners .note h2 { margin-top:10px; }
#content #content_primary #content_partners li { background-image:none; }
#content #content_primary #form-newsletter,
#content #content_primary #form-bulletin{ position:relative;}
#content #content_primary #form-newsletter p,
#content #content_primary #form-bulletin p{ margin-top:10px;}
#content #content_primary #form-newsletter label,
#content #content_primary #form-bulletin label{ display:block; width:225px; float:left; clear:left;}
#content #content_primary #form-newsletter label.error,
#content #content_primary #form-bulletin label.error{ display:inline; width:inherit;}
#content #content_primary #form-newsletter .opt-in label,
#content #content_primary #form-bulletin .opt-in label{ display:inline; width:inherit; float:inherit; clear:inherit;} 
#content #content_primary #form-bulletin{ position:relative;}
#content #content_primary #contact_form{ position:relative;}
#zone-membre form label{ display:block; width:125px; float:left;}

#zone-membre #member #member-login h1{ font-size:12px}
#zone-membre #member #member-login{ width:270px; background-color:#f2f2f2; color:#0062b9; font-weight:bold; padding:10px 15px; float:left; margin-right:10px; height:250px;}
#zone-membre #member #become-member{ width:160px; background-color:#f2f2f2; color:#0062b9; font-weight:bold; padding:35px 15px 10px; float:left; height:225px;}
#zone-membre #member #become-member p{ margin:0;}

#home #ads { clear:both; margin:0 0 0 45px; height:90px; }
#home #ads img { margin:15px 0 ;}


.lien a { color:#0055b0; font-weight:bold; }

/* =5 Aside Primary
-------------------------------------------------------------------*/
#aside_primary #sub_nav_local { list-style:none; margin:0; width:170px; }
#aside_primary #sub_nav_local li { margin-bottom:10px;}
#aside_primary #sub_nav_local a { color:#005aab; display:block; font:bold 14px Arial; text-decoration:none; width:100%;  border-bottom:3px solid #fff; padding-bottom:2px;}
#aside_primary #sub_nav_local li.current a, #aside_primary #sub_nav_local a:hover { border-bottom:3px solid #d84300; color:#ee4a00; padding-bottom:2px; }

/* =6 Footer
-------------------------------------------------------------------*/
#footer a { color: #fff; }

#footer #financial-support{ text-align:center; color:#000000; width:840px; margin:0 auto 0 auto;}
#footer #financial-support img{ margin-bottom:45px;}

#footer #site_info_nav { clear:both; margin:40px auto 0 auto; width:750px; }
#footer .site_info_nav_admin { width:810px !important; }
#footer #site_info_nav li { float:left; list-style:none; margin-left:35px; }
#footer #site_info_nav li.child_1 { margin-left:0; }

#footer #site_license { clear:both; margin:0 auto; padding-top:10px; text-align:center; width:675px; }
#footer #site_license p { float:left; margin:0; width:100%; }

#footer #site_license #site_info_extra_nav { float:right; margin:0; }
#footer #site_license #site_info_extra_nav li { float:left; list-style:none; padding-left:5px; }
#footer #site_license #site_info_extra_nav li.child_1 { border-right:1px solid #fff; padding:0 5px 0 0; }
/* =7 Classes
-------------------------------------------------------------------*/
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.note { background-color:#f2f2f2; color:#0062b9; font-weight:bold; padding:10px 15px; }
label.error{ color:#FF0000; position:absolute; right:0;}
#conf{ margin:0 5px 0 0}


/* =8 Microformats
-------------------------------------------------------------------*/
/* =13 
-------------------------------------------------------------------*/