/* css de base */

body {
font: 13px/18px Courrier New, Verdana, Geneva, Tahoma, sans-serif;
line-height: 1.48em;
width: 800px;
margin: auto;
text-align:center;
}

h1,h2,h3,h4,h5,h6 {
font-weight:normal;
margin:0 0 0.5em 0;	
}

a:hover {
  cursor:pointer;
}

a, a:link, a:visited, a:active, a:hover {
	/* this removes the blue color from links on Chrome 7.0.517.41 */
	color: inherit;
	text-decoration: inherit;
}

a img {
border:0;	
}

.clearer {
clear:both;	
}

.playing {
background-color:green;	
}

/* principal */
#wrapper {
width:700px;
margin:0 auto;
position:relative;
}

#header {
margin-bottom:2em;
}

#header h1 span {
display:none;	
}

#menu {
width: 800px;
height: 100px;
display:inline-block;
}

#menu ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }

#menu li {
 margin-left:18px;
 float:left; /*pour IE*/
 }

#menu a {
	display:block;
	width:200px;
	text-decoration:none;
	text-align:center;
	padding:5px;
}

h1 {
color: #FFFFFF;
font-size:38px;
margin-bottom:10px;
}

h1 img {
max-width:50%;	
}

#content {
	
}

.intro {
font-size:14px;
line-height:1.5em;	
}

form, .encart{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px 10px 10px 10px;
background-color: #000000;
display: block;
margin: 1em 0;
padding: 8px 20px;
}

.entete {
font-family: 'OpenSansRegular', Arial, sans-serif;
margin-bottom:1em;
}

.situation, .important, .liste_docs {
font-family: 'OpenSansSemibold', Arial, sans-serif;	
}

input {
font-size:16px;
border:0;
background-color:#fff;
padding:4px 6px;
width:100%;
display:block;
margin-bottom:10px;	
}

input[type="submit"] {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; 
background-color:#fff;
padding:8px 6px;
color:#000;
border:0;
display:inline;	
cursor: pointer;
}

#intro {
}

.separtop {
margin-top:2em;	
}

h2 {
font-size:21px;
margin-bottom: 1em;
}

h3 {
font-size:16px;
font-family: 'OpenSansSemibold', Arial, sans-serif;	
}

.liste {
padding-left:5em;
}

.small {
font-size:12px;
line-height:15px;
}

.texte {
font-size:14px;
line-height:1.6em;	
}

.important {
text-transform:uppercase;	
}
#footer {
border-top: 1px solid #000000;
clear: both;
font-size: 10px;
margin-top: 10px;
padding-top: 10px;
text-align: center;
}

hr {
clear: both;
height:1px;
color:#ccc;
margin-top:1em;	
}

table {
width:100%;
text-align:left;	
}

td {
padding:6px;	
}

.c-suppress {
width:20px;
	
}

.clear-fix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}