/* CSS Document */

/* Partie gauche de l'accueil (bienvenue / vidéos) */

#accueil{
margin-top:10px;}

#accueil-col1{
float:left;
width:387px;
margin-left:24px;
margin-right:18px;
_margin-left:12px;
_margin-right:9px;
}

#accueil #titre{
background-image:url(img/fond-h1-accueil.gif);
background-repeat:repeat-y;
background-position:left;}

#accueil-col1 h1{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#a9b8a2;
margin:0px;
padding:0px 0px 0px 17px;
background-image:url(img/img-h1-accueil.gif);
background-repeat:no-repeat;
background-position:0px 12px;
}

#accueil #titre p{
padding:0px 0px 0px 17px;
font-family:Myriad, Arial, Helvetica, sans-serif;
font-style:italic;
font-size:14px;
color:#a9b8a2;
}

#video{
margin-top:10px;
width:391px;
height:411px;
background-image:url(img/fond-secrets-accueil.png);
background-repeat:no-repeat;}

#video-anglais{
margin-top:10px;
width:391px;
height:411px;
background-image:url(en/img/fond-secrets-accueil.png);
background-repeat:no-repeat;}

#flash{
padding-left:40px;}


/* Partie droite de l'accueil (actualités) */

#accueil-col2{
float:left;
width:287px;
}

#col2-top-anglais{
background-image:url(en/img/glac-news.png);
width:265px;
height:51px;
background-repeat:no-repeat;
}

#col2-top{
background-image:url(img/actualites-accueil.png);
width:265px;
height:51px;
background-repeat:no-repeat;
}

#col2-middle{
background-image:url(img/actualites-accueil-middle.png);
width:265px;
height:auto;
background-repeat:repeat-y;
}

#col2-bottom{
background-image:url(img/actualites-accueil-bottom.png);
width:265px;
height:12px;
background-repeat:no-repeat;
}

.lg1 {
width:229px;
margin:0px 18px 0px 18px;}

.lg1 img{
padding:6px;
border:1px solid #d7ded1;
vertical-align:bottom;
}

.lg1 span{
text-transform:uppercase;
color:#c9d30e;
font-family:Myriad, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-left:6px;}

.lg2 p{
padding:4px 18px 0px 18px;
margin:0px;
text-align:justify;
font-family:Myriad, Arial, Helvetica, sans-serif;
font-size:12px;
color:#60715d;
}

.lg3 img{
margin-left:180px;
margin-top:5px;
border:0px;}

.lg3 {
width:229px;
margin:0px 18px 0px 18px;
}

#accueil hr{
padding:0px;
border-left:1px solid white; 
margin:10px 18px;
height:auto;
color:#FFFFFF;
width:229px;
border-top:dashed 1px #60705d;
}

.info-salon{
margin:0px 18px 0px 18px;
width:229px;
padding-bottom:10px;
background-color:#60705d;
background-image:url(img/angle-info-salon.png);
background-position:bottom right;
background-repeat:no-repeat;
font-family:Myriad, Arial, Helvetica, sans-serif;
}

.info-salon p{
color:#d7ded1;
margin:0px;
padding:9px 13px 9px 13px;
border-bottom:dashed 1px #d7ded1;}

.salon img{
margin-left:18px;}

.info-salon .date {
width:50px;
float:left;
margin-top:8px;
padding-left:16px;
padding-right:16px;
background-image:url(img/fleche-salon.png);
background-position:top left;
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
text-align:center;
border-right:solid 3px #FFFFFF;}

.info-salon .lieu{
width:136px;
float:left;
margin-top:8px;
padding-left:8px;
padding-bottom:8px;

font-weight:bold;
font-size:9px;
color:#c9d30e;
text-transform:uppercase;}