/*
Theme Name: #w3qc
Theme URI: http://www.w3qc.org/
Description: Feuille de styles principale
Intιgrateur: Mathieu Chartier
Intιgrateur URI: http://www.kindo.net
Version: 2.0 ;)

.
© 2003-2008, dιposι sous licence CC, Paternitι - Partage des Conditions Initiales ΰ l'Identique 2.0 (Canada).
.

[Table des contenus]

0- Reset
1- Globals Tags
2- Global Structure
3- Forms
4- Headings
5- Links
6- Header
7- Navigation
8- Content
9- Aside Primary
10-Footer
11-Class
12-Microformats
13-Advertising


*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; line-height:1.5em; }
body { line-height:1.5em; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align:middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }

/* =1 Globals Tags
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html {background: #fff url(/medias/images/backgrounds/bg_html.jpg) repeat-x; } 
body { line-height: 1.5em; font: normal 12px Arial, Helvetica, sans-serif; vertical-align: top;  color: #000;  font-size:62.5%;  margin:0;background:url(/medias/images/backgrounds/bg_body.jpg) center top no-repeat;}
ul,ol{ margin:0 0 0 25px; }
p,dt,dd{ font-size:1.2em; font-family:Arial, Helvetica, sans-serif; color:#000000; margin:10px 0; }
li{font-size:1.2em; line-height:1.8em; list-style-image:url(/medias/images/illustrations/illu_bullet.gif);  }

li p{ font-size:1em; margin-left:0; }
li li p{ font-size:1em;line-height:1.5em; margin-left:0; }
li li li p{ font-size:1em; line-height:1em;margin-left:0;}
li li li li p{ font-size:1em; line-height:1em;margin-left:0;}

li li{font-size:1em; list-style:disc; line-height:1.5em;  }
li li li{font-size:1em; list-style:disc; line-height:1.5em;  }
li li li li{font-size:1em; list-style:disc; line-height:1.5em;  }

li h3{ font-size:1.2em;}
li li h3{ font-size:1em;line-height:1.5em; margin-left:0;}
li li li h3{ font-size:1em;line-height:1.5em; margin-left:0;}
li li li li h3{ font-size:1em;line-height:1.5em; margin-left:0;}

/* =2 Global Structure
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header { height: 24.5em; margin:0 auto; padding:45px 0 0 0; position:relative; width:960px; }
#site_nav_global .current { /*background:#003399;*/ font-weight: bold; }
#site_nav_global .current a { text-decoration: none; }
#document_nav { display:none; }
#spot_member { margin:30px 0 0 0; height:245px; width:430px; clear:both; background:url(/medias/images/backgrounds/bg_spot_member.png) no-repeat; float:right;height:245px; left:850px; position:absolute; top:70px;}
#breadcrumb { width:960px; color:#000; clear:both; float:left;  height:30px; }
#w3qc { margin:0 auto; width:960px; height:760px; padding:0 0 10px 0; height:100%; background:#FFFF00; }
#content {width:96em; float:left; border-top:solid 2px #BDD0DB;padding-bottom:40px; margin-top: 5px;}
#content_primary{ width:665px;  float:left; clear:left; }
#aside_content { width:665px;  float:left; }
#implication, #cloud,
#abc{ border-top:solid 2px #BDD0DB; margin:20px 0 0 0; padding:20px 0 0 0; }
#account { height:75px; float:right; margin:0 0 10px 0; background:#C60E56; padding:0 0 15px; width:100%; text-align:center; }
#account_login { clear:left; }
#calendar{ margin:30px 0 0 0; position:relative;}
#ad_aside_content { text-align:center;  }
#aside_primary { float:left; float:right; width:265px; padding:0;}
#ad_events,
#newsletter,
#ad_aside_content { background:#FFFFFF; margin:0 0 10px 0; padding:0 0 10px 0; }
#footer { clear:both; margin:0 auto 0 0; color:#FFFFFF; height: 400px;}
#site_sections{ padding:5px 0;  }
#plug{ float:right; width:416px;}
#site_legal{ clear:both; color:#FFFFFF; float:left; width:100%; }
#site_license { clear:both; color:#FFFFFF; float:left; width:100%;border-top:solid 2px #e0e3e4; }
#validation{ }
#w3qc-org { float:right; color:#535454; }
#partners{ margin:0px auto; float:left; clear:both; width:100%}

/* =3 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Adhesion */
#content form label { cursor:pointer; display:block; width:20em; margin-top:1em; color:#000942; font-weight:bold; }
form input,  form select,  form textarea { margin-top:0.3em; padding: 2px; width: 20em; }
#content form input.paypal { width:auto; }
#content form textarea { height: 15em; width: 32em; } /* font-size: 1em; */
#content form .formButton { width: 6em; padding:3px; border:1px solid #fff; background:#039; color:#fff; cursor:pointer; font-weight:bold; }

input, 
textarea, 
select, 
option {color: #333; border-color:#b6bdc1}

input, 
textarea, 
select {background-color: #F6F6F6;}

input:focus, 
textarea:focus, 
select:focus {background-color: #FFFFFF;}
caption {border-color: #aaa;}

#action_account_login,
.submit{ background:#AECEED; margin-top:15px;}

/* =4 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h1 { font: normal 2.4em century gothic, sans-serif; margin:0 0 20px 0; }
h2 { font: normal 1.8em century gothic, sans-serif; margin:20px 0 10px 0; color: #000000; }
div#content h2 a { color: #000000; }
h3 { font: bold 1.6em century gothic, sans-serif; margin:10px 0 5px 0; }
h4 { font: bold 1.3em century gothic, sans-serif; margin:5px 0 5px 0;}
h5 { font: bold 1.1em century gothic, sans-serif; }
#home h1{ display:none;}
#site_sections h2{ color:#232020; font-weight:bold;}
#aside_primary h2{border-bottom:1px solid #000000; margin:40px 0 10px;}
.comments_resume h3{ margin:10px 0;}

/* =5 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a img { border:0; }
a:link, a:visited { color: #034E9B; }
a:hover { color: #111; }
a:active { color: #111; }
a[href$='.pdf'],
a[rel='pdf'],
a[rel*='pdf'],
a[rel~='pdf'],
a[href$='.rtf'],
a[rel='rtf'],
a[rel*='rtf'],
a[rel~='rtf'],
a[href$='.odt'],
a[rel='odt'],
a[rel*='odt'],
a[rel~='odt']{ padding-right: 18px; background: transparent url(/medias/images/icons/icon_link_file.gif) no-repeat center right; }
a[href ^="mailto:"]{padding-right: 18px;background: transparent url(/medias/images/icons/icon_link_mail.gif) no-repeat center right;}
a[class ="popup"]{ padding-right: 18px; background: transparent url(/medias/images/icons/icon_link_external.png) no-repeat center right; }
a[href$='.doc']{padding-right: 18px;background: transparent url(/medias/images/icons/icon_link_file.gif) no-repeat center right;}
a[href$='.xls']{padding-right: 18px;background: transparent url(/medias/images/icons/icon_link_file.gif) no-repeat center right;}
a[rel ~='external']{ padding-right: 18px; background: transparent url(/medias/images/icons/icon_link_external.png) no-repeat center right; }
a[rel ~='external']{ padding-right: 18px; background: transparent url(/medias/images/icons/icon_link_external.png) no-repeat center right; }
#header #site_nav_global a { font-size:1.3em; color:#FFFFFF; font-family: century gothic, sans-serif;  }
#header #site_nav_global a:hover { font-size:1.3em; color:#FFFFFF;  }
#site_sections a {color:#FFFFFF;  }
#site_sections a:hover{ color:#000;}

/* =6 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#header img#logo_w3qc { margin:30px 0 0 0; }
#header #ad_events img  { margin:0 0 0 0; vertical-align:top; }
#header h1 span { display:block; margin-top:30px; }
#header p.note { font-size:3.1em; color:#000000; margin:5px 0 0 0; font-family: century gothic, sans-serif; }
#header p.note span { font-size:0.5em; display:block; color:#000000; }
#site_nav_global { margin:10px 0; float:left;position:absolute; top:0; width:960px;  }
#site_nav_global li { list-style:none; float:left; margin:0 50px 0 0; }
#site_nav_global li#nav_syndication{ background:url(/medias/images/icons/icon_rss_webstream.jpg) right center no-repeat; margin:0; position:absolute; right:0;}
#site_nav_global li#nav_syndication a{ display:block; padding-right:28px; float:left;}
#spot_member h2{ color:#014E94; font-size:2.2em; margin:30px 0 0 30px; float:left; width:215px;}
#spot_member .figure{ width:145px; height:190px; background:#330099; float:right; margin:35px 35px 0 0;}
#spot_member p{  margin:20px 0 0 30px; float:left; width:205px; clear:left; font-weight:bold; font-size:1.2em; color:#000000; line-height:2em;}

/* Publicite - Evenement */
#ad_events { background-color: transparent; width: 420px; margin: 0; padding: 0px; }
#ad_events h2 { display: none; }
#ad_events div.publicite { background-color: transparent; background-image: url('/medias/images/backgrounds/activite20100329_bg.gif'); background-repeat:no-repeat; height: 240px; overflow: hidden; width: 426px; text-align: left;  padding: 20px 30px 0px 30px; margin:0 0 0 532px;position:absolute; top:50px;}
#ad_events div.publicite h3 { font-family: century gothic, sans-serif; font-size: 1.4em; color: #034E9B; margin-bottom: 5px; width: 380px; }
#ad_events div.publicite p, 
#ad_events div.publicite ul li { font-family: century gothic, sans-serif; font-size: 1.2em; color: #000000; }
#ad_events div.publicite p{ width:360px; margin:0;}
#ad_events div.publicite a { font-family: century gothic, sans-serif; }
#ad_events div.publicite a.image { float: right; position: relative; margin-right: 40px; }
#ad_events h4{ float:left; }
#ad_events ul{ margin:5px 0 0 20px; list-style:none;}
#ad_events ul li{ float:left; clear:left; width:80%; margin:10px 0; line-height:12px; }
/*#ad_events ul li strong{ width:145px; display:block; float:left; }*/
ul.commanditaires { width: 420px; margin: 0px 0px 0px 0px; padding: 0px; }
ul.commanditaires li { list-style-type: none; display: inline; margin: 0px; padding: 0px; float: none; }
ul.commanditaires li a { text-decoration: none; }
ul.commanditaires li a img { border: none; }

#ad_events ul.commanditaires { width: 420px; margin: 0px 0px 0px -25px; padding: 0px; }
#ad_events ul.commanditaires li { list-style-type: none; display: inline; margin: 0px; padding: 0px; float: none; }
#ad_events ul.commanditaires li a { text-decoration: none; }
#ad_events ul.commanditaires li a img { border: none; }



/* =7 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

/* =8 Content
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#breadcrumb p{ float:left; margin:0 5px 0 0;line-height:50px;}
#breadcrumb ul{ margin:0;}
#breadcrumb li.child_1 { padding:0;background-image:none; margin:0; }
#breadcrumb li { float:left; list-style:none; line-height:50px; background:url(/medias/images/illustrations/illu_breadcrumb_arrow.gif) 4px center no-repeat; padding:0 0 0 15px; }
#calendrier #content_primary .vevent dt{ font-size:1.4em; color:#535454; font-weight:bold;}
#calendrier #content_primary ul{ list-style:none;}
#calendrier #content_primary li.entry{ clear:both; width:100%; list-style:none;}
#proces-verbaux #pv_ca,
#proces-verbaux #pv_aga{ text-transform:uppercase;}
#proces-verbaux #pv_ca,
#proces-verbaux #pv_aga,
#proces-verbaux #pv_mensuelle{ margin:30px 0;}
#web-stream #rss li{ font-size:1.3em; font-weight:bold;}
.adhesion td{ padding:5px;}
.document_option { float:left; margin:10px 0; }
.document_option li{ float:left; margin:0 12px 0 0; list-style:none;}
.document_partage { width:65px; }
div.vcard{ font-size:1.2em;}
#bio{ font-size:1.2em; line-height:1.8em; margin:10px 0; clear:both;}
#bio ul{ clear:both;}
.member-photo{ float:left; margin:6px  15px 15px 0}
#profile-link{ clear:both;}
#content_primary blockquote { font-style: italic; margin: 20px; }




/* Validateur */


/* =9 Aside Primary
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#publicite img{ text-align:center; margin:5px auto;}
.call-member{ margin:45px 0 0 0 ; }
#search_engine input#keywords { width:257px; }
#members input#username,
#members input#password { width:257px; }

/* calendrier */
.calendar { width: 230px; padding: 0; margin: 0; font: normal 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #616B76; text-align: center; }
.calendar caption { font-family: century gotic, sans-serif; font-size: 14px; font-weight: bold; text-align: center; color: #000000; }
.calendar caption a { font-size: 20px; }
.calendar tr th, calendar tr td { width: 20px; }
.calendar tr th { font-family: century gotic, sans-serif; font-size: 14px; color: #000000; }
.calendar tr td { font-family: century gotic, sans-serif; font-size: 12px; color: #868585; }
.calendar tr td.today { font-size: 13px; font-weight: bold; color: #000000; }
.calendar tr td a { font-family: century gotic, sans-serif; font-size: 12px; font-weight: bold; color: #034D9A; background-color: #D6E7F2;  }
.middle { width: 230px; background: #FFFFFF url(/images/middle.gif) repeat-y top left; margin: 0; padding: 5px 15px 5px 15px; text-align: left; }
.middle .today,
.middle td.today a,
.middle td.today a:link,
.middle td.today a:visited { color: #323232; font-weight: bold; background: #E7C800 url(/images/today.gif); }
.middle td { font: normal 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; width: 32px; height: 20px; text-align: center; background: #bba url(/images/corners.gif); }
.middle td a { text-decoration: none; font-weight: bold; display: block; }
.middle td a:link,
td a:visited { color: #FFFFFF; background: #D17131 url(/images/corners.gif); }
.middle td a:hover,
td a:active { color: #FFFFFF; background: #663300 url(/images/corners.gif); }
.middle td.blank { background: #FFFFFF; }
.middle th { font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #616B76; background: #D9E2E1 url(/images/corners.gif); border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; text-align: center; }

.month_previous,
.month_next { display:block; height:23px; width:23px; text-indent:-9999px; background-repeat:no-repeat; float:right; overflow:hidden; font-size:1px; }
.month_previous{ background:url(/medias/images/icons/icon_mois_precedant.png);  }
.month_next{background:url(/medias/images/icons/icon_mois_suivant.png); position:absolute; right:0; top:60px; }
.top { background: url(/images/top.gif) top left no-repeat; margin: 0; padding: 0; }

#partners h2{ margin-bottom:10px}
#partners a{ background:none;}
#partners a.ftw{ clear:both; margin-top:5px;}

#partners img{ margin:10px 0;}





/* =10 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#site_sections li{list-style-image:url(/medias/images/illustrations/illu_bullet_footer.gif);  }
#plug ul{ margin:0;}
#plug li{ list-style:none; float:left; margin:0 0 20px 15px;}
#plug li.odd{ list-style:none; float:left; margin:0 0 20px 0;}
#footer p{ clear:both; color:#535454;}
#validation { margin:22px 0 0 0; float:left;}
#validation li{ list-style:none; float:left; margin-right:4px;}
#footer p.legal{ float:left; clear:none; width:66%; color: #535454; margin-bottom: 3px; padding-bottom: 0px; }
#site_legal #legal{ margin:0; clear:both;}
#site_legal #legal li{ float:left; margin:0 10px 0 0; list-style:none;}
#site_legal #legal li a { font-weight: bold; }
#site_sections { background-color:#ECEEEF;  border-top:solid 3px #E0E3E4; border-bottom:solid 3px #E0E3E4; }
#site_sections ul { margin-left: 0px; }
#site_sections ul li a { color: #034E9B; font-family: Arial, sans-serif; background:#D6E7F2 none repeat scroll 0 0; padding:3px; }
#site_sections ul li { list-style-type: none; list-style-image: none; margin:2px 0;}
#footer dl.adr { clear: both; }

/* =11 Class
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.screen{ width:96em; margin:0 auto;}
#footer .section{ float:left; width:19%;}
.comments_resume{ background:#ebf8fe; border:solid 2px #d7e5ee; padding:0 20px;background:#EBF8FE none repeat scroll 0 0;border:2px solid #D7E5EE;float:left;padding:0 20px;width:92%;margin:20px 0; height:85px;}
.comments_resume p{ float:left; clear:left;}
.comments_resume ul{ float:left; }
.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%; }
.devzone{ background:#FF0000; color:#FFFFFF; font-weight:bold; padding:5px 15px;}
table.aga, table.aga caption, table.aga tbody, table.aga tfoot, table.aga thead, table.aga tr, table.aga th, table.aga td { padding: 5px; }
table.aga { width: 100%; }
.webdiffusion{ background:#FFFFFF; border: solid 1px #034E9B; padding:20px; font-size:14px;}

/* =12 Microformats
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#w3qc-org h2,
#w3qc-org dt{ display:none;}
#w3qc-org dd{ float:left; margin:0 5px 0 0; color:#535454;}
#w3qc-org dd.locality, 
#w3qc-org dd.email{ clear:left; display:block;}
#w3qc-org .fn{font-size:1.4em;  color:#535454; margin:3px 0; font-weight:bold; float:left; padding-top:10px;}
#w3quebec-org{ padding-bottom:50px;}
#w3quebec-org h2,
#w3quebec-org dt{ display:none;}
#w3quebec-org dd{ float:left; margin:0 5px 0 0; color:#535454;}
#w3quebec-org dd.locality, 
#w3quebec-org dd.email{ clear:left; display:block;}
#w3quebec-org .fn{font-size:1.4em;  color:#535454; margin:3px 0; font-weight:bold; float:left; padding-top:10px;}
#w3quebec-org .url{ display:none;}

.hentry{ list-style:none;}

/* =13 Advertising
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#advertising{ clear:both;}
#advertising ul{ margin:0; padding:0;}
#advertising ul li{ list-style:none; float:left;}
#advertising ul li.odd{ margin-right:5px;}


/* =13 comment
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#comment ul { list-style:none; margin:0; padding:0;}
#comment ul li { list-style:none; padding:20px 0; border-bottom: solid 1px #044E9B;}
.member-comment{ background:#82BBD9; padding:10px 0 10px 10px;}
#comment .member-photo{ margin:5px;}
#comment h3 a{ color:#000000;}