body {
margin: 0px;
padding: 0px;
background-color: #285A89;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #002F55;
}
/* TinyMCE specific rules */
body.mceContentBody {
background-color: #DAE8FF;
}
#conteneur {
width: 904px;
margin: auto;
background-color: #DAE8FF;
background-image: url(images/bg-conteneur.jpg);
}
#contenu {
float: right;
width: 695px;
padding: 10px 10px 0 10px;
height: 420px;
}
html>body #contenu {
height: auto;
min-height: 420px;
}
#header {
background-image: url(images/bg-header.jpg);
height: 276px;
width: 904px;
margin: auto;
cursor: pointer;
}

a {
font-weight: bold;
text-decoration: none;
color: #104283;
}
a:hover {
text-decoration: underline;
}

/*------------------------------------*/
/*               Menu               */
/*------------------------------------*/
#colgauche {
float: left;
width: 189px;
}
#menu {
margin-left: 15px;
}
#nl {
text-align: center;
width: 189px;
height: 53px;
background-image: url(images/bg-nl.gif);
background-repeat: no-repeat;
padding-top: 60px;
}
#nl input, .newsletter {
font-size: 10px;
}
#menu a.titremenu {
display: block;
color: #fff;
background-image: url(images/puce-menu.gif);
background-position: center left;
padding: 8px 10px 8px 25px;
border-bottom: 1px solid #83ABCD;
background-repeat: no-repeat;
font-size: 14px;
font-variant: small-caps;
letter-spacing: 1px;
margin-right: 10px;
}
#menu a.titremenu:hover {
color: #F2FF5E;
background-image: url(images/puce-menu-hover.gif);
text-decoration: none;
}
/* Ce style CSS ne dois pas être enlevé, sinon les divs ne se cacherons pas ... */
.cachediv {
visibility: hidden;
overflow: hidden;
height: 1px;
margin-top: -1px;
position: absolute;
}
a.souslien {
display: block;
font-size: 11px;
color: #fff;
padding-left: 10px;
background-image: url(images/puce-menu-souslien.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 5px 5px 5px 15px;
margin-left: 15px;
}
/*------------------------------------*/
/*               Footer               */
/*------------------------------------*/
#footer {
width: 904px;
margin: 15px auto 0px auto;
text-align: center;
padding: 10px 0 10px 0px;
clear: both;
border-top: 5px solid #fff;
background-color: #285A89;
color: #537BA1;
}
#footer a {
font-size: 10px;
color: #537BA1;
}
#footer a:hover {
color: #D4DEE7;
}
/*------------------------------------*/
/*               Boutons              */
/*------------------------------------*/

/*------------------------------------*/
/*               Textes               */
/*------------------------------------*/
h1 {
border-bottom: 1px solid #4D87B8;
font-size: 24px;
}
h2 {
font-size: 16px;
}
/*------------------------------------*/
/*               page Video              */
/*------------------------------------*/
table.video {
margin: 10px auto 10px auto;
width: 600px;
border: 1px solid #4E88B8;
}
.video td {
background-color: #fff;
border: 1px solid #4E88B8;
padding: 10px;
}
.video span.titrevideo {
font-size: 18px;
font-weight: bold;
color: #4E88B8;
}
.video p {
font-size: 12px;
font-style: italic;
text-align: justify;
}
.video span.vue {
background-color: #D9E8FF;
font-size: 10px;
font-weight: bold; 
display: block;
padding: 10px;
text-align: center;	
}
.video img {
	border: 1px solid #285A89;
}