body {
    font-family: Verdana, sans-serif; font-size: 12px; line-height: 1.3em;
    padding: 0; margin: 0; background: #000000 url(/images/superphysique/superphysique_le_site.jpg) no-repeat center top;
    width: 100%; height: 100%; display: table;
}
button, input, textarea, select { font-family: Verdana, sans-serif; font-size: 10px; padding:2px; font-weight: bold; color: black; }
ul, ol { margin-bottom: 15px; }
ol { list-style-type: decimal; list-style-position:inside; }
ul li { background: url(/images/superphysique/puce.gif) no-repeat 0 0.4em; padding-left: 1em; }
ol li { }
a { color: #C8101D; font-weight: bold; text-decoration: underline; } a:hover { text-decoration: none; }
.padding { margin-left: 15px; margin-right: 15px; }
blockquote {padding-left: 30px; padding-right: 30px; }
dt { font-weight: bold; margin-top: 10px; color: #4EADAA;}

#menu { text-align: center; font-size: 20px; color: #622C00; margin-left: auto; margin-right: auto; width: 896px; }
#menu a { font-family: Arial, sans-serif; color: #CB8D5B; font-size: 14px; font-weight: 900; text-decoration: none; padding-left: 3px; padding-right: 3px; }
#menu a:hover { color: #974300; }

#content { border: solid 1px #620002; padding: 5px; width: 885px; margin-left: auto; margin-right: auto; margin-top: 10px;}

#long_content { width: 845px; padding: 15px; padding-top: 0px; background-color: #000000; color: #A0A0A0; }
.table_content { width: 875px; }
.table_content_gauche { padding: 15px; padding-top: 0px; border-right: solid 1px #620002; background-color: #000000; vertical-align: top; color: #A0A0A0; }
.table_content_droit { padding-bottom: 15px; padding-top: 0px; width: 285px; background-color: #000000; vertical-align: top; color: #A0A0A0; }

h1 { padding-left: 5px; clear: both; font-weight: bold; font-size: 15px; color: #D0D0D0; margin-top: 15px; height: 25px; margin-bottom: 20px; background-image: url(/images/superphysique/background_h1.gif); line-height: 25px; vertical-align: middle; background-position:right top; background-color: transparent; }
h2 { margin-top: 15px; margin-bottom: 20px; color: #960004; font-size:15px; font-weight: bold; padding-bottom: 1px; border-bottom:1px dashed #A0A0A0; }
h3 { margin-top: 15px; margin-bottom: 15px; color: #960004; font-size:15px; font-weight: bold; padding-bottom: 1px; border-bottom:1px dotted #A0A0A0; }
.h1_vert { margin-left: 10px; padding-left: 5px; clear: both; font-weight: bold; font-size: 15px; color: #D0D0D0; margin-top: 15px; height: 25px; margin-bottom: 20px; background-image: url(/images/superphysique/background_h1.gif); line-height: 25px; vertical-align: middle; background-position:right top;  background-color: transparent; }
.span_vert { width: 3px; height: 16px; margin-left: 10px; margin-right: 10px; background-color: #A3C659; }
.span_transparent { width: 3px; height: 16px; margin-left: 10px; margin-right: 10px; background-color: transparent; }

.inspiration { color: #4EADAA;margin-left: 20px; line-height: 1.5em; font-weight: bold; margin-top: 15px; margin-right: 20px; font-weight: bold; }
.inspiration cite { color: #A0A0A0; font-style: italic; line-height: 1.5em; }

.thumbnail { width: 120px; border-color: #676767; border-style: solid; border-width: 1px; padding: 2px; }
.picture { border-color: #676767; border-style: solid; border-width: 1px; padding: 2px; }
.thumbnail_float { width: 120px; border-color: #676767; border-style: solid; border-width: 1px; padding: 2px; float: left; margin-left: 3px; margin-bottom: 3px; }
.thumbnail_legend { width: 120px; border-color: #4EADAA; border-style: solid; border-width: 1px; padding: 2px; }
.thumbnail_gold { width: 120px; border-color: #D9D919; border-style: solid; border-width: 1px; padding: 2px; }
.thumbnail_silver { width: 120px; border-color: #E6E8FA; border-style: solid; border-width: 1px; padding: 2px; }
.thumbnail_bronze { width: 120px; border-color: #A67D3D; border-style: solid; border-width: 1px; padding: 2px; }
.thumbnail_caption { background-color: #808080; height: 16px; width:120px; color: #E0CCCC; text-align: center; margin-top: 2px; }
.thumbnail_caption a { text-decoration: none; color: #FFFFFF; }

.bienvenue { color: #4EADAA; font-weight: normal;}
.paginate {text-align: center; margin-top: 15px;}

.list_article { color: #A0A0A0; margin-left: 10px; margin-right: 10px; }
.list_article th { vertical-align: top; width: 135px; padding-top: 3px; } .list_article td { vertical-align: top; }
.list_article td { overflow: hidden; }
.list_article h4 { margin-bottom: 4px; } .list_article span { color: #4EADAA;}
.list_articles_rating { margin-top: 4px; font-size: 10px; }
.list_articles_rating img { padding-right: 1px; vertical-align: middle; }
.list_articles_introduction { color: #4EADAA; margin-left: 15px; margin-bottom: 25px; }

.list_exercices { width: 560px; color: #A0A0A0; }
.list_exercices td { width: 272px; vertical-align: top; }

.list_exercices_3 { width: 560px; color: #A0A0A0; margin-top: 30px; border-style: none; font-size: 12px; text-align: left; }
.list_exercices_3 td { width: 176px; vertical-align: top; border-style: none; font-size: 12px; text-align: left; }
.list_exercices_3 td h1 { background-color: #003C3A; }

.list_galerie { float: left; margin-left: 10px; margin-bottom: 10px; width:126px; margin-top: 5px; }
.list_galerie_rating { text-align: center; margin-top: 5px; margin-left: 0px; margin-right: 0px; font-size: 10px; }
.list_galerie_rating img { padding-right: 1px; margin-bottom: 3px; vertical-align: middle;}

.article_copyright { color: #4EADAA;} .article_important { color: #4EADAA;} .warning { color: red; font-weight: bold; }
.article_content p { margin-top: 0px; margin-bottom: 15px; }
.article_content h4 { color: #960004; font-weight: bold; margin-bottom: 15px;  }
.article_content a { color: #C8101D; font-weight: bold; text-decoration: underline; } .article_content a:hover { text-decoration: none; }
.article_content img { border-color: #676767; border-style: solid; border-width: 1px; padding: 2px; margin-bottom: 4px; }
.article_content table { border-top:1px solid #A0A0A0; border-bottom:1px solid #A0A0A0; font-size: 10px; width: 560px; margin-bottom: 15px; }
.article_content td { font-size: 10px; border-top:1px solid #A0A0A0; border-bottom:1px solid #A0A0A0; text-align: center; padding-top:2px; padding-bottom:2px; }
.article_content th { font-size: 10px; border-top:1px solid #A0A0A0; border-bottom:1px solid #A0A0A0; font-weight: bold; text-align: center; padding-top:2px; padding-bottom:2px; }
.article_content .emoticon { padding: 0; margin: 0; border-style: none; }

.list_comments h4 { border-bottom: 1px dotted #A0A0A0; font-size: 12px; font-weight: bold; color: #960004; margin-top: 15px; }
.list_comments h4 img { border: none; display: inline; float: right; margin: 0; padding: 0; }
.list_comments p { margin-top: 10px; }
.list_comments p img { border: none; margin: 0; padding: 0; }

.separation_moyenne { height: 1px; margin-left: 15px; width: 520px; background-color: #1D1D1D; font-size: 1px; line-height: 1px; margin-top: 20px; margin-bottom: 10px; clear:both; }
.separation_courte { height: 1px; margin-left: 30px; width: 225px; background-color: #1D1D1D; font-size: 1px; line-height: 1px; margin-top: 20px; margin-bottom: 10px; clear:both; }

.amazon { float: left; width:125px; text-align:center; font-size: 10px; }
.amazon img { border-color: #676767; border-style: solid; border-width: 1px; padding: 2px;  }
.amazon a { text-decoration: none;} .amazon a:hover { text-decoration: underline;}

.space_1 { clear: both; height: 1px; line-height:1px; font-size: 1px; }
.space_30 { clear: both; height: 30px; line-height:30px; font-size: 1px; }

.podcast { margin-left: 130px; width: 270px; height: 60px; padding-top: 140px; padding-left: 30px; background-image: url(/images/superphysique/podcast.jpg); }
.hide { display: none }

.article_content .calcul { background-color: #000000; border: none; color:#A0A0A0; text-align: center; font-weight: normal; }
.article_content .calcul_left { background-color: #000000; border: none; color:#A0A0A0; text-align: left; font-weight: normal; }
.article_content .calcul_bold { background-color: #000000; border: none; color:#A0A0A0; text-align: center; font-weight: bold; }
.article_content .table_left { text-align: left; padding-left:5px; padding-right: 5px; }
.article_content .table_right { text-align: right; padding-left:5px; padding-right: 5px; }

#footer_copyright { clear: both; margin-top: 20px; margin-left: auto; margin-right: auto; width: 845px; line-height: 1.4em; text-align: center; }
#footer_copyright a { text-decoration: none; font-weight: bold; color: #622C00;} #footer_copyright a:hover { text-decoration: underline;}

#footer_contact { margin-left: auto; margin-right: auto; width: 845px; margin-bottom: 20px; line-height: 1.4em; text-align: center; color: #974300;}
#footer_contact a { text-decoration: underline; font-weight: normal; color: #CB8D5B; } #footer_contact a:hover { text-decoration: none;}

#footer_map { margin-left: auto; margin-right: auto; width: 845px; margin-top: 20px; font-size: 10px; line-height: 1.4em; text-align: center; color: #974300;}
#footer_map a { text-decoration: underline; font-weight: normal; color: #CB8D5B; } #footer_map a:hover { text-decoration: none;}