/* --- 123run -------------- */

html { font-size: 100%; /* Evite un bug d'IE 6-7.*/ }
body { margin: 0; padding: 0; /*Remettre a zero si necessaire*/
font-family: "Lucida Grande", geneva, verdana, sans-serif; font-size: .8em; 
line-height: 1.4; /* A adapter au design. */
color: black; background: #333; }

h1, h2, h3, h4, h5, h6 { margin: 1em 0 .5em 0; /* Rapproche le titre du texte */ line-height: 1.2; font-weight: bold; /* Valeur par defaut*/ font-style: normal; }
h1 { font-size: 1.5em; margin-bottom: 20px; margin-top: 8px; border-bottom: 2px solid #eee; padding-bottom: 6px; }
h2 { font-size: 1.5em; border-bottom: 1px solid #efefef; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

ul, ol { margin: .75em 0 .75em 32px;padding: 0; }
p { margin: .75em 0; }
address { margin: .75em 0;font-style: normal; }
em { font-style: italic; }
strong { font-weight: bold; }

form, fieldset { margin: 0; padding: 0; border: none; }
input, button, select { vertical-align: middle; }

a { text-decoration: underline; }
a:link { color: mediumblue; }
a:visited { color: indigo; }
a:hover, a:focus, a:active { color: crimson; }
a img { border: none; }

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

/* Met en evidence les citations */
blockquote { margin: .75em 0 .75em 20px; padding: 0 0 0 10px; border-left: solid 2px #ddd; }
q { font-style: italic; quotes: none; }
cite { font-style: italic; }
q cite, q q { font-style: normal }

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p { margin: .5em 0; }

dl { margin: .75em 0; }
dt { margin: .75em 0 0 0; font-weight: bold; }
dd { margin: .25em 0 .25em 32px; }

/* --- Initialisation des calques -------------- */

#top { width: 900px; margin: 20px auto 0 auto; }
#page { width: 900px; margin: 0 auto 10px auto; padding-top: 6px; background-color: #FAFAFA; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
#header {}
#colA { width: 390px; float: left; }
#colB { width: 460px; float: left; }
#contenu { margin: 0 20px 10px 20px; padding-bottom: 20px; }
#footer { width: 900px; margin: 20px auto 10px auto; text-align: center; font-style: italic; }

.clear { clear: both; visibility: hidden; }

.bg_form { background: #e9e6cf url('../img/bg_form.png') repeat-x; padding: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;  }
#run_estimation { width: 430px; padding-left: 20px; }

#colA #score { border: 3px solid #F53607; margin: 0; background-color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
#colA #score p { margin: 0; padding: 10px 0; text-align: center; }
#colA #speed { font-size: 4em; color: #F53607; font-weight: bold; padding: 0 20px; }
#colA #speed span.unity { color: #F53609; font-weight: 100; }

#colB #results { position: absolute; top: 20px; text-align: right; border: 3px solid #F53607; margin: 0; background-color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px; }
#colB #results p { margin: 0; padding: 4px 14px; }
#colB #velocity { font-size: 1.8em; color: #F53607; font-weight: bold; padding: 0 20px; }
#colB #velocity span.unity { color: #F53609; font-weight: 100; }
#colB #share { position: absolute; display: block; top: 34px; margin-left: 180px; }
#share a { color: #fff; }
#raz { display: none; }

.calories { background: transparent url(../img/icon_calories-brulees.jpg) no-repeat; padding-left: 14px; color: #999; font-style: italic; }
ul.last_runs { list-style-type: none; }
ul.last_runs, ul.last_runs a { color: #666; }
ul.last_runs a:hover { text-decoration: none; }
p.bad { font-weight: bold; color: #c30; background-color: #FBF2D0; padding: 6px 12px; }

ul.last_runs .kcal { color: #888; font-style: italic; }

.affiliate { width:728px;height:210px;margin:10px auto;float:left; }
.affiliate a { border: none; color: #666; font-size: 11px; }

/* --- Top -------------- */

#top p { margin: 0; }

/* languages */
#top #languages { margin: 0; position: absolute; top: 10px; margin-left: 170px; }
#top #languages { width: 100px; }
#languages ul li { float: left; list-style-type: none; margin-right: 3px; }
#languages ul li a { /* IE */filter:alpha(opacity=50); /* CSS3 */ opacity:0.5; }
#languages ul li a:hover{ /* IE */filter:alpha(opacity=100); /* CSS3 */ opacity:1; }
#languages ul li.selected_language a { float: left; margin-right: 0.3em; /* IE */filter:alpha(opacity=100); /* CSS3 */ opacity:1; }

.fb_share { background: transparent url(../img/share_fb.png) no-repeat top left; padding-left: 30px; height: 25px; }

/* Formulaires */
fieldset { border: none; }
fieldset label { float: left; display: block; width: 130px; font-size: 12px; }
fieldset p { margin: 0; padding: 6px 4px; text-align: left; }
fieldset input { font-weight: bold; font-size: 110%; padding: 3px 4px; margin-right: 2px; }
.equivalent { padding: 6px 0; font-size: 1em; color: #F53607; background-color: #FDFDFD; border: none; text-align: center; width: 98px; }
.intitule { border-bottom: 1px solid #999; margin-top: 6px; }

.link_option { text-align: right; }
.link_option, .link_option a { color: #666; font-size: 11px; }

.options { display: none; background-color: #F5F4E9; border: 1px solid #FCFBF2; padding-left: 10px; font-size: 11px; color: #666; }
.options input { padding: 1px 2px; font-size: 11px; color: #666; text-align: center; }

/* Tableaus */
table { width: 99%; font-size: 14px; background-color: #FDFDFD; border: 1px solid #F2F2F2; padding: 10px 0; }
table th span { font-weight: normal; font-size: 80%;}
table .r { text-align: center; width: 25%; }
table .c { color:#F53607; }

.deodorant-sport { margin: 20px 0; }
.deodorant-sport img { float: left; margin: 0 30px; }
.deodorant-sport h3 a { color: #666; font-size: 24px; }
.deodorant-sport p { color: #999; font-size: 24px; }

#footer p, #footer p a { font-size: 12px; color: #666; }