/* Accueil */
body
{
text-align: center;
margin: auto;
width: 980px;
padding: 10px;
font-family: "Segoe UI", "Trebuchet MS", Frutiger, Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif;
}

::-webkit-scrollbar
{
width: 12px;
}
 
::-webkit-scrollbar-track
{
box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
border-radius: 10px;
}
 
::-webkit-scrollbar-thumb
{
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

table
{
width: 95%;
text-align: center;
margin: auto;
margin-top: 20px;
border: 5px solid #C5531D;
border-spacing: 0;
overflow: hidden;
border-radius: 30px;
margin-bottom: 10px;
}

th
{
border-radius: 30px;
}

th, td
{
border: 1px solid #C5531D;
padding: 5px;
position: relative;
}

tr:nth-child(odd) 
{
background-color: #BFE7F1;
}

tr 
{
background-color: #E5F5F9;
position: relative;
}

td a:link, td a:visited, td a:active 
{
text-decoration: none;
color: blue;
}

#nav
{
margin-bottom: 75px;
}

#nav p
{
display:inline;
position:relative;
top:20px;
right:95px;
}

#js
{
text-align: right;
color: #C5531D;
}

.button
{
float: left;
background: #3299C4 url('images/button.gif') left top repeat-x;
color: #fff;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px 8px 0px 8px;
line-height: 27px;
border: 1px solid #0072A1;
border-radius: 5px;
}

#fb-like
{
float: left;
width: 0px;
margin-top: 45px;
}

#social
{
float: right;
}

#social a img
{
border-radius: 25px;
}

#social a:hover
{
opacity: 0.8;
}

#horaire
{
float: right;
height: 0px;
}

#horaire table
{
width: 100%;
margin-top: 70px;
}

#lecteur
{
margin: 0 auto;
line-height: 744px;
width: 500px;
height: 650px;
background: url("images/fond.png") center no-repeat;
}

#lecteur-composants
{
width: 214px;
padding: 10px;
vertical-align: middle;
display: inline-block;
line-height: 2.2;
}

#sowar
{
outline: none;
cursor: pointer;
border: 1px solid #CCC;
border-radius: 6px;
padding: 10px;
font-size: 15px;
font-weight: bold;
font-family: "Segoe UI", "Trebuchet MS", Frutiger, Tahoma, "Helvetica", "Helvetica Neue", Arial, sans-serif;
}

#sowar:focus, #lire:focus 
{
border-color: rgba(165, 80, 47, 0.75);
box-shadow: 0 0 8px rgba(165, 80, 47, 0.5);
}


#lire
{
outline: none;
border: 1px solid #6f3c22;
background: #6f3c22 url(images/lecture.png) 0 50% repeat-x;
font-weight: bold;
color: #EEE;
border-radius: 6px;
padding: .4em 1em;
cursor: pointer;
}

#lire:hover
{
border: 1px solid #a5502f;
background: #a5502f url(images/lecture_clear.png) 0 50% repeat-x;
font-weight: bold;
color: #FFF;
}

#lire:active
{
border: 1px solid #6f3c22;
background: #6f3c22 url(images/lecture.png) 0 50% repeat-x;
font-weight: bold;
color: #000;
outline: none;
}

#sowarPlayer
{
margin-top: 6px;
width: 216px;
height: 54px;
}

h2, .lien, footer
{
color: #C5531D;
font-weight: bold;
text-shadow: black 0 1px 2px;
}

#lien-deco
{
text-align: right;
display: inherit;
}

#lien-probleme:link, #lien-probleme:visited, #lien-probleme:active 
{
font-weight: bold;
color: red;
}

#lien-probleme:hover
{
color: #C5531D;
}

body a:link, a:visited, a:active 
{
text-decoration: none;
}