/* CSS Document */

body {
background: #363732 url(../images/interface/fond-gris.gif) repeat-x top left;
margin:0;
}

#page {
margin-left: auto;
margin-right: auto;
width:932px;
height:792px;
}

#accueil {
width:932px;
height:792px;
background-image:url(../images/interface/fond-accueil.jpg);
background-repeat:no-repeat;
}

#synopsis {
width:932px;
height:792px;
position:absolute;
top:0;
background-image:url(../images/interface/fond-synopsis.jpg);
background-repeat:no-repeat;
}

#video {
width:932px;
height:792px;
position:absolute;
top:0;
background-image:url(../images/interface/fond-video.jpg);
background-repeat:no-repeat;
}

#left-accueil {
float:left;
width:271px;
margin-top:113px;
position:relative;
left:70px;
}

#right-accueil {
float:left;
position:relative;
left:78px;
margin-top:113px;
}

.teaser {
border-bottom: 1px dotted #FFFFFF;
height: 77px;
padding:10px 0 0 10px;
}

.teaser img {
border:1px solid #8A8A8A;
float:left;
margin-right:10px;
}

#participants {
float:left;
width:437px;
height:90px;
font:normal 11px Arial, Helvetica, sans-serif;
color: #8A8A8A;
margin-left:70px;
}

#retour-accueil a {
display:block;
width:150px;
height:40px;
position:relative;
z-index:5;
left:685px;
top:30px;
}

#teaser-video {
margin-top:110px;
margin-left:25px;}


/* **************** TEXTES *********************** */

.titre-teaser {
font: normal bold 18px Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

.visualiser-teaser {
font: normal bold 11px Arial, Helvetica, sans-serif;
color:#363732;
}

a.visualiser-teaser {
font: normal bold 11px Arial, Helvetica, sans-serif;
color:#363732;
text-decoration:none;
}

a:hover.visualiser-teaser {
text-decoration:underline;
}

.textegris {
font: normal 12px Arial, Helvetica, sans-serif;
color:#333333;
}