@charset "UTF-8";

/* ==========================================================================*/
/*  RESET CSS (by http://meyerweb.com/eric/tools/css/reset) - v1.0 */


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, tr, 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; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a img {  border: 0; }
/* ==========================================================================*/

body { background:#084b60 url(../images/background.png) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#3e3e3e; font-size:13px}

#header, #page, #page-wrapper, #footer { width: 824px; margin: 0 auto; }
#page-wrapper { background: #FFF url(../images/page-border.png) repeat-y; width: 823px; }
#page {overflow:hidden; background:  url(../images/page-content.png) no-repeat; }

#header { overflow:hidden;}
#header #logo {float: left;}


a { color: #ac8157; font-weight:bold }
a:hover { color: #4c2804; }


/* MENU */
.block-menu h2 { display: none; }
#menu { float: right; margin-top: 65px;  width: 405px; height:30px;}
#menu ul {}
#menu li {float: left; margin: 0; padding:0}
#menu li a {display: block; background: url(../images/dotnethub-menu.png) no-repeat; text-indent: -9999px; height: 30px;}

#menu li#home a {background-position: 0 0; width: 74px;}
#menu li#home a:hover {background-position: 0 -30px;}
#menu li#home.active a {background-position: 0 -60px;}
#menu li#home.active a:hover {background-position: 0 -90px;}

#menu li#agenda a {background-position: -74px 0; width: 85px;}
#menu li#agenda a:hover {background-position: -74px -30px;}
#menu li#agenda.active a {background-position: -74px -60px;}
#menu li#agenda.active a:hover {background-position: -74px -90px;}

#menu li#workshop a {background-position: -159px 0; width: 103px;}
#menu li#workshop a:hover {background-position: -159px -30px;}
#menu li#workshop.active a {background-position: -159px -60px;}
#menu li#workshop.active a:hover {background-position: -159px -90px;}

#menu li#contact a {background-position: -262px 0; width: 79px;}
#menu li#contact a:hover {background-position: -262px -30px;}
#menu li#contact.active a {background-position: -262px -60px;}
#menu li#contact.active a:hover {background-position: -262px -90px;}

#menu li#member a {background-position: -347px 0; width: 97px;}
#menu li#member a:hover {background-position: -347px -30px;}
#menu li#member.active a {background-position: -347px -60px;}
#menu li#member.active a:hover {background-position: -347px -90px;}

#menu li#news a {background-position: -439px 0; width: 70px;}
#menu li#news a:hover {background-position: -439px -30px;}
#menu li#news.active a {background-position: -439px -60px;}
#menu li#news.active a:hover {background-position: -439px -90px;}


#menu li a:hover {}
#menu li.active a {}
#menu li.active a:hover {}


/* SIDEBAR */
#sidebar-wrapper {  margin-right: 5px; margin-top: 2px; float: right; background: #e6e6e6 url(../images/sidebar-border.png) repeat-y; width: 259px; margin-bottom: -1000px; padding-bottom: 1000px;}
#sidebar { width: 259px; background: url(../images/sidebar-content.png) no-repeat; min-height:823px; height:auto !important;  margin:0; padding:0; }
#sidebar .block { padding-top: 20px; padding-bottom:20px; text-align: left; }
#sidebar .block .content {margin-left: 25px; text-align:left;}
#sidebar .block ul, #sidebar .block li { list-style: none; margin:0; padding:0; }
#sidebar .block ul { font-size: 0.9em; margin-top:10px}
#sidebar .block ul li { margin-top: 8px; }
#sidebar .block.sponsors { margin-top: 0px; text-align: center;}
#sidebar h2 { text-align: center; color: #915820; background: transparent url(../images/sidebar-separator.png) no-repeat bottom; padding-bottom: 10px; margin-bottom: 15px; text-transform:uppercase; font-size: 1.05em; font-weight: bold;}
#sidebar form { text-align:left; }
#sidebar form label { color: #915820; font-size: 1.1em; margin: 12px 0 5px 0; display: inline-block;}
#sidebar form input[type=text],
#sidebar form input[type=password]{display: block;  background-color:#f3f2f2; border: 1px solid #dedede; font-size: 1.1em; padding-top: 3px; height:22px;}
#sidebar form input[type=submit] { display: block; margin-top:8px;}
#sidebar .login-link a { display: block; margin-top: 8px;}

/* CONTENT */
#content { float: left; width: 516px; margin: 20px 0 20px 20px; padding-top: 20px; margin-bottom: -1000px; padding-bottom: 1000px;}
#content h2 { color: #4c2804; font-size: 1.25em; padding: 10px;}
#content .pagination {margin-bottom: 30px; text-align: center;}
#content p {margin: 10px 0;}

/* WELCOME MESSAGE */
.welcome-wrapper { padding-bottom: 20px; font-size: 1.1em; }
.welcome-wrapper a { font-weight: normal;}
.welcome-content h1, h1.news-list { padding: 15px 0 8px 0; margin-top: 25px; color: #4C2804 ; background: url(/images/sidebar-separator.png) top no-repeat;}
.welcome-content ul {list-style: disc; padding-left: 20px;}
.welcome-content li { margin: 8px;}
.welcome-content p#welcome { font-size: 1.2em; background: #6F5337/*#BDEAF6*/; color: #BDEAF6;
                             padding: 15px; margin-top:0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

ul.news-list {list-style: disc; padding-left: 15px; padding-top: 10px; padding-bottom: 30px;}
ul.news-list li {margin-bottom: 5px;}
ul.news-list span.news-date { font-style: italic; margin-left: 3px;}

/* NEWS */
.news-item-wrapper { background:#ededec url(../images/news-border.png) repeat-y; }
.news-item { background: url(../images/news-body.png) no-repeat; margin-bottom: 20px; }
#content div.news-item h2 { padding-bottom: 0; }
.news-item h2 a { text-decoration:none; color: #4c2804; }
.news-item .submitted { color: #ac8157; font-weight: bold; font-size: 0.9em; margin-bottom: 10px; margin-top: 3px; padding: 0 10px;}
.content {padding: 10px;padding-bottom: 15px; line-height: 1.2em;  }
.news-item div.links { padding: 10px;  background: url(../images/news-bottom.png) bottom no-repeat;}


/* FORM */
form { margin: 0; padding: 0; }
form input[type="submit"] {cursor:pointer;}
form.align {background-color: #ccc; border:1px solid #888; margin: 0 10px; padding: 10px 10px 10px 10px;}
form.align fieldset { padding: 15px 0 15px 0; background-color: #EFEFEF}
form.align fieldset legend {margin-left: 10px; font-weight:bold}
form p, form.align p {margin:0;padding:0;margin-bottom:5px;clear:both;}
#content form.align p.no-label { margin-left:125px; padding-top:10px; }
form.align p label {width:115px;float:left;text-align:right;margin-right:10px;}
.register form.align p label {width: 180px;}
form.align p em {color:red;margin-right:3px;}
form.align p span.error { font-size: 11px; margin-left:5px; text-align:left; background: transparent url('/images/icons/cross.png') no-repeat left; color:red; width:209px; margin-top:0px; padding-left:20px; }
form.align p span.checked {display:none;background: transparent url('/images/icons/tick.png') no-repeat left;}
form.align p input[type="text"],
form.align p input[type="password"] { width: 175px;}
form.align p textarea {width: 179px;}
form.align p input:focus,
form.align p textarea:focus  { border: 2px solid #ba7963;}

/* CONTACT */
#content #contact-form {}
#content #contact-form input[type="text"] { width: 250px; }
#content #contact-form textarea { width: 254px; }

/* EVENT */
#events-list {}
#events-list h3.month {padding: 15px 0 10px 10px; font-size: 1.2em; font-weight: bold;}
.event-item { width: 516px; background: url(../images/event-border.png) repeat-y;  margin-bottom: 20px;}
.event-item div.top { background: url(../images/event-content.png) no-repeat; height: 2px;}
.event-item div.bottom {  background: url(../images/event-bottom.png) no-repeat; height: 4px; }
.event-item h3 { padding: 10px 0 10px 10px;}
.event-item h4 { padding-left: 10px; font-weight: normal; font-style: italic;}
/*.event-item a {padding: 10px 0 0 10px;}*/
.event-picture { float: left; margin-top: 5px; margin-right: 15px; }
#event-speakers { padding-left: 10px;}
#event-speakers ul { list-style:circle;}
#event-speakers ul li { margin-left: 40px;}
#event-speakers ul li a {margin: 0; padding:0;}
.event-item .event-link { margin: 15px 10px;}
/*.event-item p.body {padding-left: 10px; margin-left: 0;} */

/*TITI / TRUC DE GORET*/
div.event-body-photo       {          border-width: thin;          border-style: dashed;          padding: 5px 5px 5px 5px;          float:left;       }      
div.event-body-description { margin-left: 100px; margin-right:10px;      }
/*div.event-body-description       {          float:left;          padding-left: 10px;       }  
*/div.event-body-description div.event-body-details       {          background-color: #d5bfbf;        padding: 2px 4px 2px 4px;          width: 100%;          font-style: italic;       }    
td.event-body-address { vertical-align: top;  } 

div.event-photo {  border-width: thin; border-style: dashed; padding: 5px 5px 5px 5px; float:left; }
div.event-titre    {       margin-left: 100px;       background-color: #d5bfbf;       padding: 5px 10px 5px 10px;       font-style: italic;    }
div.event-information,    div.event-description    {       padding: 5px 10px 5px 10px;       float: none;       clear: left;    }  
div.event-information span.event-titre,    div.event-description span.event-titre    {       font-weight: bold;       text-decoration: underline;    } 
div.event-information table    {       margin-top: 15px;    } 
div.event-information table tr th, div.information table tr td    {       vertical-align: top;       padding: 5px 5px 5px 5px;    } 
div.event-information table tr th { background-color: #227188; color: White; }        
div.event-information table tr td { background-color: #BDEAF6; }
/* FIN DU GORET */

/* MEMBER */
.member              { overflow: hidden; margin-bottom: 0px; padding-bottom: 15px;
                       background: url(/images/sidebar-separator.png) bottom no-repeat; }
.member h1           { font-size: 1.2em; padding: 15px 0 7px 0; color: #4C2804;  }
.member .member-info { margin-left: 15px;}
.member-picture      { float: left; margin-top: 5px; margin-right: 15px; }
.member-picture img  { width: 190px; }
.member-bio          {  }
.member-bio-content  { padding: 2px 12px;  }

/* FOOTER */
#footer { background: url(../images/page-bottom.png) no-repeat; margin-bottom: 50px;width: 823px; }
#footer p { padding-top: 10px; color: #FFF;}