/**
 * Created  Ago 22, 2009
 *
 * @authors André Terra <andreterra@gmail.com>, Yuri Goytacaz <yurigoytacaz@gmail.com>
 * @client Talk of the Town <www.talkofthetown.com.br>
 * 
 * @index:
 *  00 Reset
 *  01 Body
 *  02 Wrapper
 *  03 Header
 *  04 Navigation
 *  05 Content
 *  06 Subcontent
 *  07 Titles
 *  08 Sections
 *  20 Post

 *  25 Newsletter
 *  26 Talk Français
 *  27 Parcerias

 *  99 Footer
 *
**/

@font-face {
    font-family: Futura;
    src: url('../fonts/FuturaStd-Medium.otf');
}


/* 00 Reset
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
* { padding:0; margin:0; }
.hide { display:none; }
:focus { outline:0; }
ul, ol, li { list-style:none; }
a { color:#3672A4; text-decoration:none; }
a:hover { text-decoration:underline; }
button { cursor:pointer; border-color:#ccc #999 #999 #ccc; }
fieldset, img { border:0; }
strong { text-transform:uppercase; font-weight:normal; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea { font-size:14px; font-family:futura, arial, helvetica, sans-serif; border-width:1px; border-style:solid; border-color:#999 #ccc #ccc #999; }
h1, h2, h3, h4, h5, h6, legend { font-family:futura, arial, helvetica, sans-serif; }
legend { text-transform:uppercase; padding-top:0; font-size:2em; }
p { font-size:1.4em; color:#333; padding-top:10px; }
p a { text-decoration:none; color:#3672A4; }
p a:hover { text-decoration:underline; color:#3672A4; }
h1.title { font-size: 4em; letter-spacing:0px; }
h1 { display:block; padding:0; line-height:1.8em; text-transform:uppercase; font-size:1.8em; font-weight:normal; text-shadow: #555 2px 2px 2px;}
h2 { font-size: 1.667em; line-height: 1.667em; font-weight:normal; color:#666; text-shadow: #666 1px 1px 2px;}
h3 { font-size:1.167em; font-weight:normal; text-transform:uppercase; padding-bottom:1em; }
h4 { font-size: 1.167em; }
h5 { font-size: 1em; }

/* 01 Html & Body
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html { background-color:#fefefe; }
body { color:#131313; font-weight:normal; font:62.5% georgia, 'times new roman', serif; background:url(../images/body.png) center top repeat-x; position:relative; }
body#home { }
body#interna { }
body#modal { }

.button {
		font-size:14px !important;
		background-color:#f2f2f2;
		color:#333333;
		text-transform:uppercase;
		padding:6px 5px;
		border:none;
		border:1px solid #ccc;
		box-shadow: 1px 1px 1px #ccc;  -moz-box-shadow: 1px 1px 1px #ccc;  -webkit-box-shadow: 1px 1px 1px #ccc;
		font-family: futura, arial, helvetica, sans-serif;
		text-align:center; 
		}
.button:hover {
		background-color:#f8f8f8;
}
.button a:hover { text-decoration:none; }
div#message {
   position:fixed; margin:0 auto; width:100%; height:25px; padding:10px 0; line-height:25px;
   z-index:110; text-align:center; font-size:1em;
   
   filter:alpha(opacity=90);
     -moz-opacity:.9;
     -khtml-opacity: .9;
     opacity: .9;
}
/* .info { background-color: #B3DAF5; border-bottom:1px solid #6495ED; } */
.warning { background-color: #FF7A7A; border-bottom:1px solid #FA5A5A; }
.success { background-color: #B3F5C2; border-bottom:1px solid #64C957; }
.alert { background-color: #FAF8D7; border-bottom:1px solid #F5E582; }

div#message p { width:960px; margin:0 auto; width:920px; text-align:left; padding:0 20px; }


div#toolbar {
   position:absolute; margin:0 auto; width:100%; height:25px; padding:10px 0;
   z-index:100; text-align:center; font-size:1.2em; color:#ccc;
   
   *background: transparent;
   * 
   }

div#toolbar div#toolwrap { width:900px; margin:0 auto; text-align:center; padding:5px 0 0;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
	}

			div#toolwrap ul#links { float:right; padding:0 10px; text-align:right; text-transform:lowercase; }
						 ul#links li { display:inline; padding:0 0 0 20px; }

			
			div#toolwrap div#login { float:left; position:relative; }
						 div#login p { font-size:1em; padding:0; color:#aaa; }
						 div#login li { display:inline; float:left; padding:0 20px 0 0; } 
						 div#login span.user { color:#F99315; }

div#toolbar a { text-decoration:none; color:#eeeeee; }
div#toolbar a:hover { border-bottom:1px solid #ff8024; color:#FFF; }

div#toolbar #container {
    width:780px;
    margin:0 auto;
    position: relative;
}

div#toolbar #content {
    width:540px;
    min-height:540px;
}
div#toolbar #topnav {
    padding:0;
    text-align:left;
    float:left;
    display:block;
    margin-right:15px;
}

div#toolbar #topnav a.signin {
    /* background:#f2f2f2; */
    background:#f2f2f2;
    padding:1px 6px 3px;
    text-decoration:none;
    font-weight:bold;
    color:#666;
    *padding:1px 12px 3px;
    font-size:14px;
}
div#toolbar #topnav a.signin:hover {
    background:#fff;
    border-bottom:1px solid #ccc;
}
div#toolbar #topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:5px;
    font-family: futura, arial, helvetica, sans-serif;
	  text-decoration:none;    
    text-transform:uppercase;
    font-size: 12px;
	  border:1px solid #ccc;    
	
	  -moz-border-radius: 5px;
	  border-radius: 5px;
}	

a.signin span {
    background-image:url("../images/toggle_down_dark.png");
    background-repeat:no-repeat;
    background-position:100% 42%;
    padding:4px 20px 6px 0;
    border:none !important; 
}
#topnav a.menu-open {
    background:#e5e5db!important;
    color:#666!important;
    outline:none;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
}
a.signin.menu-open span {
    background-image:url("../images/toggle_up_dark.png");
    color:#666;
}
#signin_menu {
    display:none;
    background-color:#f8f8f8;
    position:absolute;
    width:220px;
    z-index:9999;
    border:1px solid #333;
    text-align:left;
    padding:1.5em 12px 12px;
    top: 30px; 
    left: -25px; 
    margin-top:0px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#000;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    border:1px solid #ccc;
    font-size:13px;
    margin:0 0 1em;
    padding:5px;
    width:210px;
}
#signin_menu p {
    margin:0;
    color:#333 !important;
}
#signin_menu p.submit {
	clear:both;
    padding:0; padding:0;
}
#signin_menu span.forgot {
    float:left;
    margin:0;
    padding-top:5px;
}
#signin_menu span.forgot a { color:#666; }
#signin_menu span.forgot a:hover { color:#333; }
#signin_submit {
	float:right;
	text-transform:uppercase;
    padding:4px 10px 5px;
    font-size:1em;
    margin:0;
}


div#toolbar #signup {
    float:left;
    display:block;
    height:18px;
    }

/* http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/ */
.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.alpha90 {
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(0, 0, 0);
  /* RGBa with 0.9 opacity */
  background: rgba(0, 0, 0, 0.9);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000, endColorstr=#E5000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000, endColorstr=#E5000000)";
}

/* 02 Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#wrapper { width:960px; margin:0 auto; min-height:800px; padding:0; }

/* 03 Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#header { width:960px; height:199px; border-bottom:1px solid #cacac9; background:#000; position:relative; padding-top:5px; }
div#header h1#talkofthetown { float:left; width:960px; height:210px; padding:0; background:#000 url(../images/header960.png) center top no-repeat; text-indent:-4765px; overflow:hidden; margin:0 auto; text-align:center;}
div#header h1#talkofthetown a { display:block; width:960px; height:210px; }


/* 04 Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul#navigation { float:right; padding:0; font-family: futura, arial, helvetica, sans-serif; position:absolute; top:145px; right:40px;}
ul#navigation li { float:left; display:block; padding:0 0 0 30px; position:relative; }
ul#navigation li a { display:block; padding:0 0 5px 0; font-size:1.4em; text-transform:uppercase; color:#cbcbcb; text-decoration:none; line-height:1.2em;}
ul#navigation li.selected a { color:#fff; border-bottom:3px solid #F99315; }
ul#navigation li a:hover { border-bottom:3px solid #F99315; }
li.alunos, { margin-top:1.6em; }

/* 05 Highlight 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#highlight { padding:0 0 20px 0; overflow:hidden; }
div#highlight p strong { font-size:1.1em; text-transform:uppercase; font-weight:normal; }
div#highlight img { float:left; display:block; margin:0; width:640px; } 
div#highlight div.slideshow { width:640px; height:480px; overflow:hidden; float:left; box-shadow: 0px 2px 5px #ccc;  -moz-box-shadow: 0px 2px 5px #ccc;  -webkit-box-shadow: 0px 2px 5px #ccc; } 
div#highlight div.slideshow img { width:640px; height:480px; } 
div#highlight div#chamada { float:left; display:block; width:280px; padding-left:20px; }
div#highlight div#chamada img { width:100% }
div#highlight div#chamada h1 { font-size:2.5em; padding-top:5px; text-align:left; letter-spacing:-1%; line-height:1.1em; text-shadow:none !important; }
div#highlight div#chamada strong { font-family:futura, arial, sans; }
div#highlight p { display:block; padding:10px 0 0 0; font-size:1.4em; line-height:1.6em; overflow:hidden; }
div#highlight h1 { color:#F99315; font-family: futura, arial, helvetica, sans-serif; text-transform:uppercase; padding:0px; font-size:2.8em; letter-spacing:-2px; font-weight:normal !important; line-height:1em; text-shadow:none; }
div#highlight a.assista { display:none; width:204px; height:59px; margin:50px auto 0; background:url(../images/balaoDestaque.png) left top no-repeat; text-indent:-4765px; overflow:hidden; }
div#highlight .call { padding:0px; margin:.5em 0 1em; background:#fff; display:block; }


/* 10 Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#content { padding:25px 10px 5px; font-size:1em; }
div#content h3 { color: #000; }
div#content h3 a { text-decoration:none; color:#333; }
div#content h3 a:hover { text-decoration:underline; color:#666; }
div#content img.banner { width:940px; margin:0 0 15px; height:50px; box-shadow: 0px 2px 3px #ccc; -moz-box-shadow: 0px 2px 3px #ccc; -webkit-box-shadow: 0px 2px 3px #ccc;}

/* 11 Subcontent
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#subcontent { width:960px; padding:0px 10px 5px; overflow:hidden; clear:left; }
div#subcontent div { float:left; }
div#subcontent div p { font-size:1.4em; line-height:1.4em; padding:0; }
div.group { box-shadow: 0px 2px 2px #ccc;  -moz-box-shadow: 0px 2px 5px #ccc;  -webkit-box-shadow: 0px 2px 5px #ccc; }
div#subcontent div h1 { box-shadow: 0px 2px 2px #ccc;  -moz-box-shadow: 0px 2px 5px #ccc;  -webkit-box-shadow: 0px 2px 5px #ccc; }
div#subcontent h2 { display:block; padding:0; line-height:1.8em; text-transform:uppercase; font-size:1.8em; font-weight:normal; }

div.title { height:40px; position:relative; }
div.title h1 { height:30px; position:absolute; background-color:#333; color:#fefefe; padding:5px 10px 5px; border:1px #333 solid; border-bottom:1px #222 solid; position:absolute; top:-1px; left:-1px; }
div.title h1 a { color:#fefefe ; display:block; }
div.title h1 a:hover { color:#ccc; }

div#sidebar { width:280px; margin:0 0 0 0px; padding:0px 0 10px 20px; border:0px; }
div#sidebar div.title { width:278px; }
div#sidebar h1 { width:258px; }

h1.francais { background:#333 url('../images/languages32.png') 98% 4px no-repeat; }
h1.archive { background:#333 url('../images/archive32.png') 98% 4px no-repeat; }
h1.newsletter { background:#333 url('../images/newsletter32.png') 98% 4px no-repeat; }
h1.parcerias { background:#333 url('../images/parcerias32.png') 98% 4px no-repeat; }
h1.news { height:30px; background:#333 url('../images/updates32.png') 99% 5px no-repeat; }
h1.debates { height:30px; background:#333 url('../images/chat32.png') 99% 5px no-repeat; }
h1.fiction { background:#333 url('../images/fiction32.png') 98% 4px no-repeat; }
h1.languages { background:#333 url('../images/languages32.png') 98% 4px no-repeat; }

div#sidebar h2 { font-size:1.6em; color:#131313;}
div#sidebar h3  { padding-top:20px; color:#000;}
div#sidebar div.group { clear:both; width:278px; padding:0px; margin:0 0 20px; background:#e5e5db; border:1px #ccc solid; position:relative; }
div#sidebar div.categories { margin:10px; min-height:80px; }
div#sidebar h1.debates { height:30px; background:#333 url('../images/chat32.png') 99% 5px no-repeat; }
div#sidebar div.mais { clear:both; padding:7px 10px 7px 0px; width:268px; border-top:1px #ccc solid; text-align:right; background:#fefefe; }

/* 19 Latest
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#latest { width:638px; margin-right:2px; padding:0px; }

div#latest div.group div.title { width:638px; height:40px; }
div#latest h1 { width:618px; background-color:#333; color:#fefefe; padding:5px 10px 5px; border:1px #333 solid; border-bottom:1px #222 solid; position:absolute; top:-1px; left:-1px; }
div#latest h2 a { color:#333; }
div#latest h2 a:hover { text-decoration: underline !important; }
div#latest h2 { font-size:1.6em; color:#131313; text-shadow: none !important; line-height:1.2em; width:325px !important; float:left; padding:0; max-height:2.6em; overflow:hidden; }
div#latest div.group div.entry div.text p { padding-top:1em; width:360px !important; float:left; }
div#latest div.group div.entry h3 { padding:0; display:hidden; }
div#latest h3  { line-height:2em; text-transform:none; font-size:1.3em; display:block; padding-bottom:2px; margin-bottom:0px; text-shadow: none !important; }

div.group div.title h1 a { text-decoration:none; }
div.group div.title h1 a:hover { text-decoration:none; }

div#latest div.group { clear:both; width:638px; padding:0px; margin:0 0 20px; background:#e5e5db; border:1px #ccc solid; border-bottom:0; } 

div#latest div.group div.entry div.text p { padding-bottom:1.2em; font-size:1.2em; }
div#latest div.group a { text-decoration:none; border:0; }
div#latest div.group p a { color:#3672A4; text-decoration:none !important; } 
div#latest div.group p a:hover { color:#3672A4 !important; text-decoration:underline !important; }
div#latest div.group p strong { font-weight:bold; text-transform:none; }

div#latest div.group div.mais a:hover { text-decoration:underline; }
div#latest div.group div h3 a { border: none; color:#333 !important; font-size:1.1em; }
div#latest div.group div h3 a:hover { border: none; color:#333 !important; }

div#latest div.group div.entry div.cp { position:relative; width:220px; float:left; padding:20px 0px 20px 10px; text-align:center;  }
div#latest div.group div.entry div.text { position:relative; width:360px; float:left; padding:20px 0 20px 10px; }
div#latest div.group div.entry img { width:200px; margin:2px 0px; border:2px solid #eeeeee; }

div#latest div.group div.entry div.floater { float:right; clear:left; font-size:14px; margin-right:8px; width:96px; height:25px; margin-top:3px; border:1px solid #ccc; display:block; }
div#latest div.group div.entry div.floater:hover { background-color: #ffffff; }
div#latest div.group div.entry div.floater p { font-family: futura, helvetica, arial, sans-serif; height:25px; line-height:25px; font-size:.8em; text-transform:uppercase; display:block !important; }
div#latest div.group div.entry div.floater p a { color:#131313 !important; display:block !important; }
div#latest div.group div.entry div.floater p a:hover { color:#000 !important; text-underline:none; }

div#latest div.group div.entry div.thumbs { background:#f2f2f2 url('/static/images/thumbs.gif') no-repeat 2px 2px;}
div#latest div.group div.entry div.thumbs p { padding-left:25px; }
							   
div#latest div.group div.entry div.saibamais { background:#f2f2f2 url('/static/images/comments.gif') no-repeat 70px 3px; }
div#latest div.group div.entry div.saibamais p { padding-right:25px; }

div#latest div.group div.entry { border-bottom:1px #ccc solid; width:638px; padding:0; margin:0px; }
div#latest div.group div.entry:hover { background-color:#C5C5B9; }

div#latest div.group div.post { padding:10px 10px 20px; }


/* 20 Entries
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.group { clear:both; padding:0px; margin:0 0 20px; background:#e5e5db; border:1px #ccc solid; position:relative; }
div#entries { width:640px; }
div#entries div#postwrapper { width:640px; margin:0; padding:0px; float:left; }
div#entries div#postwrapper div.title { width:618px; height:50px; }
div#entries div#postwrapper div.title h1 { width:618px; }
div#entries div#postwrapper div.title h1 span.date { right:10px; top:.6em; font-size:.8em; position:absolute; text-align:right; line-height:1.6em;}

div#entries div#postwrapper h2 { font-size:1.4em; color:#131313; text-shadow:1px 1px 1px #999; clear:both; }
div#entries div#postwrapper h3  { clear:both; line-height:2em; text-transform:none; font-size:1.5em; }
div#entries div#postwrapper div.group { width:638px; }

div#entries div#postwrapper div.group div p a { color:#3672A4; }
div#entries div#postwrapper div.group div p a:hover { color:#6495ED; }

div#entries div#postwrapper div.group div.post {
	float: left;
	margin: 0px;
	padding: 5px 10px 5px;
}
.post p { clear:both; text-align:justify; margin-bottom:10px; };
div#entries div#postwrapper div.group div.post p { margin-bottom:2em; }
div#entries div#postwrapper div.group div.post p,h1,h2,h3 { text-align:left; } 

div#entries div#postwrapper div.group div.post div.location { padding-top:10px; border-top:1px solid #ccc; width:100%;}
div#entries div#postwrapper div.group div.post div.location h3 { padding:0; margin:10px 0 0; line-height:1.4em; }

div.mais { padding:7px 10px 7px 0px; width:628px;text-align:right; background:#fefefe; }
div.mais span { font-size:12px; text-transform:uppercase; font-family: futura, arial, helvetica, sans-serif; padding:5px 25px 5px 0; margin:0; height:25px; background:#fefefe url('../images/arrow_right.png') 1px right no-repeat; width:100%; }
div.mais a { color:black; text-decoration:none; display:inline-block; }
div.mais span a:hover { color:#6495ED; text-decoration:underline; }

div.voltar { clear:both; padding:7px 0px 7px 10px; width:628px; border-top:1px #ccc solid; text-align:left; background:#fefefe; }
div.voltar span { font-size:12px; text-transform:uppercase; font-family: futura, arial, helvetica, sans-serif; padding:5px 0 5px 25px; margin:0; height:25px; background:#fefefe url('../images/arrow_left.png') 1px left no-repeat; width:100%; }
div.voltar a { color:black; text-decoration:none; display:inline-block; }
div.voltar span a:hover { color:#6495ED; text-decoration:underline; }

div#entries img {
  float:left; max-width:600px;
  background-color:#e5e5db;
  -webkit-box-shadow: #CCC 0px 2px 5px;
  -moz-box-shadow: #CCC 0px 2px 5px;
  box-shadow: #CCC 0px 2px 5px;
  border: 1px solid #CCC;
  margin: 5px 10px 5px 0;
  max-width: 612px;
  padding: 1px;
  }
div#entries img.clean { background:none; border:none; -webkit-box-shadow:none; box-shadow:none; -moz-box-shadow:none; }
  
div#entries div.large { width:600px; margin:0 auto 1em; text-align:center; } 

div.googlemaps { width:395px; background-color:#333; min-height:295px; border:1px solid #fefefe; margin:10px 0 20px; }

/* 21 /questions/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#questions h1.q { color:#F99315; box-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; text-shadow:1px 1px 2px #ccc; }
div#questions p { padding: 0px 0 10px; margin-bottom:1.8em;}

/* 25 Newsletter
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#newsletterwrapper { width:640px; margin:0; padding:0px; float:left; }
#newsletterwrapper div.title { width:618px; height:50px; }
#newsletterwrapper div.title h1 { width:618px; }
#newsletter { margin:10px; }
#newsletter form { width: 260px; float:right; }
#newsletter form input { margin:10px 0; }
#newsletter form input#email {
        font-size:1em;
        float:left;
        
        width: 165px; 
        height:30px; 
        
        padding: 0px 5px; 
        
        border: 1px solid #ccc; 
    }
#newsletter input.button {
		float:right;		
		width:80px;
	}
#newsletter .text { width:305px; float:left; padding:0 10px 10px; }
#newsletter .text p { padding-bottom:1.2em; }
#newsletter .examples { float:right; width: 258px; padding:2px 0 0; margin-left:25px; }
#newsletter .examples h3 { padding:.2em 0 .2em 2px; margin:0; text-align:left; }
#newsletter .examples form { width: 258px; padding:0 0 20px; }
#newsletter .previous_newsletters { }
#newsletter .previous_newsletters img { padding:5px; }

#newsletter ul.errorlist {
        margin: 0;
        padding: 0;
    }
#newsletter .errorlist li {
        background-color: #fefefe;
        border:1px solid tomato;
        color: #333;
        display: block;
        font-size: .8em;
        font-family: futura, helvetica, arial, sans-serif;
        margin: 0 0 3px;
        padding: 4px 5px;
    }

#newsletter_messages { width:608px; padding:0 15px 10px;}
#newsletter_messages p { background-color:#fefefe; padding:10px !important;}
#newsletter_messages p.success { border:1px solid green; }
#newsletter_messages p.error { border:1px solid firebrick; }


/* 26 Français
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#francaiswrapper { width:640px; margin:0; padding:0px; float:left; }
#francaiswrapper div.title { width:618px; height:50px; }
#francaiswrapper div.title h1 { width:618px; }
#francais { padding:10px; }
#francais form { width: 260px; float:right; }
#francais_form input { margin:10px 0; }
#francais_form input#email {
        font-size:1em;
        float:left;
        
        width: 165px; 
        height:30px; 
        
        padding: 0px 5px; 
        
        border: 1px solid #ccc; 
    }
#francais input.button {
		float:right;
		width:80px;
	}
#francais .text { width:305px; float:left; padding:0 10px 10px; }
#francais .text p { padding-bottom:1.2em; }

#francais ul.errorlist {
        margin: 0;
        padding: 0;
    }
#francais .errorlist li {
        background-color: #fefefe;
        border:1px solid tomato;
        color: #333;
        display: block;
        font-size: .8em;
        font-family: futura, helvetica, arial, sans-serif;
        margin: 0 0 3px;
        padding: 4px 5px;
    }

#francais_messages { width:608px; padding:0 15px 10px;}
#francais_messages p { background-color:#fefefe; padding:10px !important;}
#francais_messages p.success { border:1px solid green; }
#francais_messages p.error { border:1px solid firebrick; }


/* 27 Parcerias
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#parcerias { padding:10px; }
div#parcerias a { display:block; }
div#parcerias p { padding:10px; margin-bottom:1.2em; width:258px; }
div#parcerias #slideshow { width:258px; text-align:center; min-height:150px; }
div#parcerias #slideshow img { margin:0 auto; width:258px; height:50px; padding:50px 0; }

/* 30 Archive Sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ul.year_list { font-size:1.3em; color:black; padding:15px 10px 15px; border-bottom:1px solid #999; float:left; clear:left; width:258px; margin:0 auto; }
ul.year_list a { text-decoration:none; color:#333; }
ul.year_list a:hover { text-decoration:none; underline color:#333; }
ul.year_list li.year { font-size:1.5em; padding:4px 0px; font-family:futura, helvetica, arial, sans-serif; }
.last { border:none !important; }
			 
div#accounts div.intro { width:908px; padding:10px 20px; border:1px solid #aaa;
             box-shadow: 0px 2px 4px #ccc; -moz-box-shadow: 0px 2px 4px #ccc; -webkit-box-shadow: 0px 2px 4px #ccc; margin-bottom:1.5em;
             }
div#accounts div.intro h1 { padding:0; color:#000; font-size:21px; line-height:1.5em; text-shadow:1px 1px 2px #AF6C3A; text-transform:none; display:block; text-transform:uppercase; }
div#accounts div.intro p { padding:0; color:#333; font-size:15px; line-height:1.5em; font-family: futura, arial, helvetica, sans-serif; }

div#accounts div.heading { background-color:#F7941D; }
div#accounts div.description { background-color:#e5e5db; }

div#accounts div#edit { clear:left; width:120px; }
div#accounts div#edit span a { display:block; color:#333; width:120px; }

div#accounts div.group { float:left; padding:5px 5px 2em; width:928px; background-color:#fefefe !important; min-height:600px; }
div#accounts div.group h1 { font-size:1.8em; text-shadow:#ccc 1px 1px 0px; color:#333; padding:0; margin:0 0 1.2em; color:#333; border-bottom:1px solid #ccc; display:block; }
div#accounts div.group div.split h1 { display:block; height:auto;}
div#accounts div.group h2 { color:#333; text-transform:uppercase; font-size:1.7em; text-shadow:#ccc 1px 1px 0px; border-bottom:1px solid #d9d9d9; margin-bottom:1em;}
div#accounts div.group p { font-family: futura, helvetica, arial, sans-serif; }
div#accounts div.group div.form form fieldset p.error { color: #d00; }
div#accounts div.group div.form form fieldset p.info { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size:1.2em; color:#666; margin:5px; padding:0; text-align:center; display:block; float:left; clear:both; }

div#accounts div.group div.form form div.errors { width:388px; padding:10px 20px 2px; margin:0px auto; text-align:center; background-color:#e5e5db; border-left:1px solid #ccc; border-right:1px solid #ccc; }
div#accounts div.group div.form form div.errors p { margin:0; padding:0; font-size:1.2em; font-style: italic; color:#d00; font-family: Georgia, "Times New Roman", serif;}

div#accounts div.group form { float:left; margin:0 auto; padding:0; }
div#accounts div.group form fieldset { padding:2em 10px; background-color:#e5e5db; border:1px solid #ccc; border-top:0; }
div#accounts div.group form fieldset p { text-align:right; padding-right:10px; height:20px; padding-bottom:25px; padding-top:0; }
div#accounts div.group form fieldset p input { width:230px; padding:3px; }
div#accounts div.group form input.submit { float:right; width:120px; margin-right:10px; }
div#accounts span.login { text-align:left; font-family: futura, helvetica, arial, sans-serif; font-size:1.4em; text-transform:none; float:left; margin:5px 0 5px 10px;}
div#accounts span.login a { color:#3672A4; text-decoration:none; }

div#accounts div.full { width: 900px !important; }
div#full_wrapper { background-color:#e5e5db; width:898px; display:block; height:520px; border:1px solid #ccc; position:relative; }
div#full_wrapper h2 { width:880px !important; margin-left:-1px !important;}
form#contact_form { width:418px; float:left; }
form#contact_form fieldset { height:400px !important; border:none !important; }
form#contact_form p { text-align:left !important; float:left; clear:left; margin-bottom:1em;}
form#contact_form p textarea { float:left; clear:left; margin-bottom:1em; font-size:12px; width:380px; height:220px; padding:5px; font-family: arial, helvetica, sans-serif;}
form#contact_form input.submit { float: left !important; position:absolute; bottom:30px; left:10px; clear:left; }

div#accounts div.full div#contact_info { width:418px; float:right; padding:20px; }
                      div#contact_info p { text-align:center; }
                      div#contact_info img { width:400px; margin:0 auto; text-align:center; border:1px solid #fefefe;}
                      div#contact_info span.map_label { margin-top:1.2em; text-transform:uppercase; font-size:1.6em; text-align:center; display:block; font-family: futura, arial, helvetica, sans-serif;}

div#mapbox { text-align:center; padding:20px; width:100%; position:fixed; margin:0 auto; width:980px; background-color:#fefefe; height:680px; border:1px solid #ccc;}
div#mapbox img { width:957px; height:661px; }

div#accounts div.group div.split { width: 430px; float:left; padding:20px 10px; margin:0 5px; min-height:410px; }
div#accounts div.group div.list { float:right !important; }
div#accounts span.controls { float:right; width: 80px; text-align: right; display:block; }
div#accounts span.controls a { text-indent:-4000px;}

div#accounts span.login a:hover { text-decoration:underline; }
div#accounts div.split img.avatar { float:left; padding:0; width:160px; }
div#accounts div.group div.entry div.info { float: left; padding:0; }
div#accounts div.accordion { float:left; padding:0 0 10px; margin:0; }
div#accounts div.split h2 { display:block; background-color:#333; padding:8px 10px; margin:0; color:#fefefe; border-top:1px solid #666; text-transform:uppercase; text-shadow:#333 1px 1px 2px; font-size:1.6em; clear:left; height:26px; width:410px; }
div#accounts div.split h2 a { color:#fefefe; text-decoration:none; }
div#accounts div.split div.entry { min-height:240px; background-color:#e5e5db; border:1px solid #ccc; border-top:none; float:left; padding:20px; width:388px; margin-bottom:10px; }
div#accounts div.split div.comments { background-color:#e5e5db; border:1px solid #ccc; border-top:none; padding:10px; width:408px; padding:10px; float:left; }
div#accounts div div.entry h3.tip { font-size:14px; }
div#accounts div div.entry h4 { text-transform:uppercase; }
div#accounts div div.entry p { font-family: Georgia, "Times New Roman", serif; font-size:1.2em; }
div#accounts div div.entry ol li { font-family: futura, helvetica, arial, sans-serif; font-size:14px; line-spacing:1em; list-style-type:decimal !important; list-style-position:inside; margin-bottom:1em; padding:5px 0; border-bottom:1px solid #ccc; }
div#accounts div div.entry ol li a { display:block; text-decoration:none; color:#333; }
div#accounts div div.entry ol li a:hover { color:#000; }
div#accounts div div.entry ol li span.description { font-family: Georgia, "Times New Roman", serif; font-style:italic; font-size:12px; }
div#accounts div div.entry div.info { padding:0; width:198px; margin:0 10px; border-top:1px solid #ccc; }
div#accounts div div.entry div.info p { margin-top:0; padding:0.6em 0 0.6em 10px; font-family: futura, helvetica, arial, sans-serif; font-size:1.5em; color:#444; border:1px solid #ccc; border-top:none; background-color:#eeeeee;}
div#accounts div div.entry div.info p strong { text-transform:none; color:#000; font-weight:bold; }
div#accounts div.intro { padding:15px; }
div#accounts div.intro h1 { margin-bottom:0; }
div#accounts div.intro p { font-size:1.4em; line-height:1.5em; font-family: Georgia, "Times New Roman", serif;}

div.activity div.comments { font-size:12px; }
div.activity div.comments h4 { padding:.4em 0 .6em; text-transform:uppercase; font-size:14px; }
div.activity div.comments h4 a { color: #333; }
div.activity div.comments h4 a:hover { color:#333; text-decoration:underline; }

div#accounts div#steps { display:block; width:888px; height:50px; overflow:hidden; padding:0 20px; position:relative; margin-top:1em; }
div#accounts div#steps ul#steplist li { position:absolute; top:0; text-indent:60px; line-height:50px; font-family: futura, arial, helvetica; text-transform: uppercase; font-size:1.6em;}
			 		   ul#steplist li, ul#steplist a { height:50px; width:300px; display:block; } 
			 		   
			 		   ul#steplist a { color:#333; }
			 		   ul#steplist a:hover { text-decoration: none; color:#F99315; }
			 		   ul#steplist li#register { background: transparent url('../images/steps.png') -40px 0 no-repeat; left:40px; }
			 		   ul#steplist li#activity { background: transparent url('../images/steps.png') -445px 0 no-repeat; left:400px; }
			 		   ul#steplist li#contact  { background: transparent url('../images/steps.png') -850px 0 no-repeat; left:740px; }
			 		   
			 		   ul#steplist li#register:hover { background: transparent url('../images/steps.png') -40px -50px no-repeat; left:40px; }
			 		   ul#steplist li#activity:hover { background: transparent url('../images/steps.png') -445px -50px no-repeat; left:400px; }
			 		   ul#steplist li#contact:hover  { background: transparent url('../images/steps.png') -850px -50px no-repeat; left:740px; }
			 		   
			 		   ul#steplist li.selected a { color:#F99315; }
			 		   ul#steplist li#register.selected { background: transparent url('../images/steps.png') -40px -100px no-repeat; left:40px; }
			 		   ul#steplist li#activity.selected { background: transparent url('../images/steps.png') -445px -100px no-repeat; left:400px; }
			 		   ul#steplist li#contact.selected  { background: transparent url('../images/steps.png') -850px -100px no-repeat; left:740px; }			 		   			 		   

/* F99315
AF6C3A */
div#QandA { display:block; padding:0px; width:617px; margin:0 0px;}
div#QandA div.bubble { background-color:#fefefe; width:617px; border-radius:10px; margin-bottom:1.5em; }
div#QandA h2 { padding:1em 20px 1em; color:#333 !important; text-shadow:1px 1px 1px #ddd !important; font-size:18px !important; }

div#QandA div#question { border:1px solid #F99315; background-color:#fff; }
div#QandA div#question p { color:#333; font-size:18px; text-align:center; padding:0 0 0 20px; }
div#QandA div#question h2 a { color:#F99315 !important; }

div#QandA div#comments { border:1px solid #aaa; }
		  div#comments div.comment { position:relative; float:left; clear:left; padding:1em 10px 1em 80px; border-top:1px solid #eee; width:527px; }
		  div#comments div.comment p { font-size:1.2em; padding:0em 0 .5em; margin:0 0 0.5em !important; }
		  div#comments div.comment p.author { font-size:1.3em; font-family: futura, arial, helvetica, sans-serif; }
		  div#comments img.avatar { position:absolute; width:48px; top:5px; left:15px; }

div#QandA div#commentform { border:1px solid #999; } 
		  div#commentform form { padding:0 20px; } 
		  div#commentform form textarea {
        float: left;
        font-family: arial, helvetica, sans-serif;
        font-size: 12px;
        padding: 5px;
        width: 545px;
      }
		  div#commentform form input.button { float:left; clear:both; display:block; margin:1em 0; }
		  
div#question_list { float:left; width:340px; }
div#question_list a { color:#333; }
div#question_list ul { font-size:14px; font-family: futura, arial, helvetica, sans-serif; border-left:1px solid #999; border-top:1px solid #999; }
div#question_list ul li a { display: block; background-color:#e5e5db; padding:10px; text-decoration:none; }
div#question_list ul li a:hover { background-color:#f5f5f5; }
div#question_list ul li { padding:0px; border-right:1px solid #999; border-bottom:1px solid #999;}
div#question_list div#load_questions { clear:left; margin-top:10px; }
div#question_list div#load_questions span a { display:block; }
div#question_container { float:right; width:540px; min-height:300px; padding:0; }
div#commentwrapper h2 { width:522px !important; border-top:none !important; border-bottom:none !important; font-size:12px !important; height:auto !important; }
div#commentwrapper h2 a { text-decoration:none; }
div#question_container div.comment { float:left; clear:left; padding:10px; border:1px solid #999; border-top:none; display:block; }
div#question_container div.comment
div#question_container a.permalink:hover { background-color:#f5f5f5; }
div#question_container a.permalink { display: block; }
div#question_container div.comment p { padding:0 0 10px 58px; width: 462px; font-family: georgia, 'times new roman', serif;}
div#question_container div.comment p.nopad { padding:20px 0 20px 0px; width:520px; font-style:italic; text-align:center; }
div#question_container div.comment p.author { font-size:1.2em; font-family: futura, helvetica, arial, sans-serif;}
div#question_container div.comment p.text a { display:block; color:#333; text-decoration:none; }
img.avatar_thumb { width:46px !important; float:left;
  background-color:#fefefe;
  -webkit-box-shadow: #CCC 0px 2px 5px;
  -moz-box-shadow: #CCC 0px 2px 5px;
  box-shadow: #CCC 0px 2px 5px;
  border: 1px solid #CCC;
  padding: 1px;
  }
  


/* 99 Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#footer { width:100%; float:left; padding:20px 0; margin:100px 0 0 0; color:#333; background:#e5e5db; border-top:1px solid #ccc; overflow:hidden; font-family:futura, arial, helvetica, sans-serif; font-size:1.2em;}
div#footer h1 { font-size:1.2em; line-height:1.2em; text-transform:uppercase; text-shadow:#444 1px 1px 1px; }
div#footer h1 { padding:10px 0; }
div#footer p { padding:10px 0; }
div#footer p { font-style:normal; line-height:1em; font-size:14px; margin:5px 0 0 -2px; }
div#footer p.phone { background:url('../images/phone.png') -1px left no-repeat; padding:0 0 0 25px; line-height:20px;}
div#footer p.email { background:url('../images/mail.png') -1px left no-repeat; padding:0 0 0 25px; line-height:20px;}
div#footer p.address { background:url('../images/address.png') -1px left no-repeat; padding:0 0 0 25px; line-height:20px;}
div#footerwrapper { width:960px; margin:0 auto; padding-left:50px; }


.noborder { border:none !important; }