/* -----------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Paris-Web 2010
    created:    2010-02-02
    author:     Yves Van Goethem
    
    summary:    RESET
                GENERIC
                HEADER
                CONTENT
                FOOTER

----------------------------------------------------------------------------- */

/*  =RESET
----------------------------------------------------------------------------- */
* { margin:0; padding:0; vertical-align:baseline; }

@font-face {
    font-family: 'MEgalopolisExtraRegular';
    src: url('MEgalopolisExtra.eot');
    src: local('MEgalopolis Extra Regular'), local('MEgalopolisExtra'), url('MEgalopolisExtra.ttf') format('truetype');
}

body {
    font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size:69%; /* :INFO:1em = 11px */
    color:#585242;
    background:#474336 url(sp_texture1.jpg);
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
textarea { overflow:auto; }

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

sup {
    vertical-align:top;
    font-family:"Trebuchet MS", Arial, sans-serif;
}

.accessibility {
    position:absolute;
    left:-9999em;
}

/*  =GENERIC
----------------------------------------------------------------------------- */
#content .in,
h1 .in,
h2 .in,
.sup-footer .in,
.footer .in {
    width:680px;
    text-align:left;
    margin:0 auto;
    position:relative;
    display:block;
}

h1 .in {
    width:30.8em;
}
h2 .in {
    width:48.5em;
}

.msie6 h1 .in,
.msie7 h1 .in {
    width:21.2em;
}

.msie6 h2 .in,
.msie7 h2 .in {
    width:48.2em;
}


#content .in,
.sup-footer .in,
.footer .in {
    width:56.5em;
}

a {
    color:#272423;
    text-decoration:underline;
    cursor:pointer;
}

a:hover,
a:hover * {
    text-decoration:none !important;
}

.links-1 li{
    display:inline;
}

.links-1 a {
    color:#585242;
}

h3 {
    color:#585242;
    font:normal 1.67em 'MEgalopolisExtraRegular', Arial, Helvetica, sans-serif;
    margin:0 0 16px 0;
    line-height:1.25;
}

.warning {
    background:#fefcd5;
    padding:5px;
    font-size:1.1em;
    border-bottom:1px solid #585242;
}


/*  =HEADER
----------------------------------------------------------------------------- */
h1 {
    background:#3a96b9 url(sp_texture2.jpg);
    color:#fff;
    border-bottom:1px solid #2c7494;
    position:relative;
    overflow:hidden;
}

h1 .in {
    height:2.5em;
    padding:53px 0 15px;
    overflow:hidden;
    background-image: -moz-radial-gradient(53% 50%, circle contain, rgba(105,164,201,1) 1%, rgba(105,164,201,.0) 400%);
    background-image: -webkit-gradient(radial, center center, 1, center center, 200, from(rgba(105,164,201,1)), to(rgba(105,164,201,.0)));
/*    background:url(bg_radial.png) 50% 100% no-repeat;*/
}
.msie6 h1 .in,
.msie7 h1 .in {
    height:1.8em;
}

h1 span span {
    float:left;
}

h1 img {
    height:1.01em;
    width:6.16em;
    font-size:2.5em;
    text-transform:uppercase;
    vertical-align:baseline;
}

.msie6 h1 img,
.msie7 h1 img {
    height:.7em;
    width:4.2em;
}

h1 sup {
    font-size:2.1em;
    margin:-8px 0 0 5px;
    position:absolute;
}

.msie6 h1 sup,
.msie7 h1 sup {
    font-size:46px;
}

h1 small {
    font:normal 1.18em 'MEgalopolisExtraRegular', Arial, Helvetica, sans-serif;
    float:right;
    margin:31px 0 0 0;
}

.msie6 h1 small,
.msie7 h1 small {
    font-size:.75em;
}

h2 {
    font-size:1.27em;
    font-weight:normal;
    background:#ee0276;
    color:#fff;
    border-top:1px solid #f781bb;
    height:1.9em;
    line-height:1.8em;
}

h2 .in strong {
    float:left;
}

h2 .in span {
    float:right;
}


/*  =CONTENT
----------------------------------------------------------------------------- */
#content {
    background:#fff url(texture2.png) 0 0 repeat-x;
    padding:60px 0 49px 0;
    font-size:1.09em;
    line-height:1.49em;
    overflow:hidden;
}

#content .input {
    border:1px solid #adadad;
    height:1.85em;
    width:11em;
    line-height:1.85em;
    overflow:hidden;
/*    position:static;*/
    display:inline-block;
    margin:2px 0 0 0;
    position:relative;
    left:0;
    top:0;
    overflow:visible;
    vertical-align:bottom;
}

#content input {
    border:0;
    background:transparent;
    padding:4px 5px;
    font-size:.9em;
    width:11em;
    background:#fff;
    color:#999;
    position:absolute;
}

.msie6 #content input {
    padding:4px 5px 4px;
}

#content .focus {
    color:#000;
}

#content button {
    font-size:.9em;
    background:#EE0276;
    color:#fff;
    font-weight:bold;
    height:2.22em;
    width:3em;
    border:1px solid #979797;
    border-left:0;
    text-transform:uppercase;
    position:relative;
    left:-2px;
    margin:2px 0 0 0;
}

#content button[disabled] {
    background:#dedede;
    color:#333;
    font-weight:normal;
}

.msie6 #content button,
.msie7 #content button {
    left:-5px;
}

#content .in .edito {
    float:left;
    width:16.4em;
}

#content .in .edito p
{
    margin-bottom:1.5em;
}

#content .in .contacts {
    float:right;
    width:36.6em;
}

.by-mail {
    float:left;
    width:16.7em;
    margin:0 0 25px 0;
}

.follow-us {
    float:right;
    width:16.2em;
    margin:0 4px 25px 0;
}

.by-mail li a,
.by-mail p a,
.by-mail form,
.follow-us li a {
    padding:0 0 0 31px;
    background:url(sp_ico.png) 0 2px no-repeat;
    display:block;
}

.by-mail form {
    padding-top:18px;
    background-position:0 -120px;
}

.msie6 .by-mail form legend,
.msie7 .by-mail form legend  {
    color:#585242;
    margin-left:-8px;
}

.hasJS .by-mail form label,
.hasJS .by-mail form p span {
    position:absolute;
    left:-9999em;
}

.by-mail form .loading {
    padding:0 20px 0 0;
    background:url(ajax-loader.gif) 100% 50% no-repeat;
}

.by-mail form .error {
    color:red;
    background:#fefcd5;
    display:block;
}

.by-mail form .ok {
    color:green;
    display:block;
}

.by-mail form .error:focus,
.by-mail form .ok:focus {
    outline:0;
}

.follow-us li a {
    padding-top:18px;
    display:inline-block; /* Encore toi IE6 ! :@ */
    background-position:6px -400px;
}

.follow-us li.first a {
    padding-top:0;
    background-position:0 -276px;
}


.old {
    overflow:hidden;
    clear:both;
    padding:15px;
    border-top:1px solid #ddd;
}

.old h3 {
    margin:0;
}

.old p,
.old ul,
.old li {
    display:inline;
}

.old li:before {
    content:'\007C\00a0';
    color:#b4a888;
}

.old li:first-child:before {
    content:'';
}

.in{
	width: 100%;
	overflow: hidden;
}

#intro{
	padding-bottom: 25px;
}

#now-callin{
	clear: both;
	padding-top: 15px;
	border-top: 1px solid #ddd;
}

#now-callin p{
	margin-bottom: 10px;
}

#now-callin ol{
	padding-left: 20px;
	margin: 0 0 10px 20px;
}

#now-callin div{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f9f9f9;
	padding: 25px;
}

#now-callin #callforspeakers{
	border-top: 2px solid #fff;
}

#now-callin #callin-head{
	background: none;
	border: none;
	padding: 0;
	margin: 5px 0 0 0;
	width: 100%;
	overflow: hidden;
}

#callin-head h3{ float: left; }
#callin-head p{ 
	font-style: italic;
	padding-top: 5px;
	float: right; 
}

/*  =FOOTER
----------------------------------------------------------------------------- */
.sup-footer {
    color:#474336;
    background:#f3f3f3 url(sp_texture2.jpg) 0 -468px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #a8a396;
    clear:both;
    overflow:hidden;
    /*margin:49px 0 0 0;*/
    padding:17px 0 31px 0;
    font-size:1.09em;
    line-height:1.49em;
}

.footer {
    color:#fff;
    padding:23px 0 37px 0;
}

.footer p {
    text-align:right;
}

.footer p small {
    color:#f3f3f3;
    display:block;
    line-height:2em;
}

.footer p a {
    color:#f3f3f3;
}