/* feuille de style section 'accueil SNEL' */

html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
}

* { padding: 0; margin: 0; }

body
{
    font-family: Arial, Sans-serif;
    font-size: 11px;
    color: #4C4C4C;
    background: #FFF;
    margin: 0;
}

img {border: none;}

.hide {display: none;}

/* --- L'abonnement --- */
#abonnement
{
	background-image: url('../images/acc_vive.gif');
	width:189px;
	height:20px;
	display:block;
}
#abonnement:hover{background-image: url('../images/acc_vive2.gif');}
#abonnement span {display:none;}

/* --- idée cadeau --- */
#cadeau
{
	background-image: url('../images/acc_cad.gif');
	width:134px;
	height:20px;
	display:block;
}
#cadeau:hover{background-image: url('../images/acc_cad2.gif');}


/* --- dansez maintenant --- */
#dansez
{
	background-image: url('../images/acc_dansez.gif');
	width:144px;
	height:63px;
	display:block;
}
#dansez:hover{background-image: url('../images/acc_dansez2.gif');}

/* --- Logo SNEL --- */

#snel
{
    position : absolute;
    z-index:4;    
    top: 91px;
    left: 425px;
    background: url(../images/acc_log.jpg) no-repeat;
    width: 277px;
    height: 335px;
}

/* --- Calques des actus --- */
#actu_content {
	float:right;
    left: 791px;
    width:161px;
    background: left top url(../images/acc_derInfo.gif) no-repeat;
	margin-top:60px;
	margin-right:50px;
    padding-top:45px;
}

#actu { 

    color: #000;

    font-family: Arial, Sans-serif;

    font-size: 11px;

    padding-left:5px;

    padding-top:15px;

   }

#actu a {

    color: #000;

    text-decoration: none;

   }

#actu a:hover{

    color: #F7A51B;

   }



/* --- navigation de niveau 1 --- */

#menu_1_content{

    position : absolute;

    z-index:3;

    top: 473px;

    left: 82px;

    width: 905px;

    height: 63px;
	
}

#menu_1{

    padding-left: 0px;

}

#menu_1 li{

    padding-left: 3px;

    list-style-type: none;

    text-align: left;

    display: inline;

}



/* --- navigation utilitaires --- */

#util{
    position : absolute;
    z-index:3;
    top: 0px;
    left: 748px;
    width: 250px;
    height: 16px;
}

#util li{
    list-style-type: none;
    text-align: left;
    display: inline;
    background: left top url(../images/pixNoir.gif) repeat-y;
    font-weight: normal;
    color: #000;
    font-family: Arial, Sans-serif;
    font-size: 10px;
    padding-left: 3px;
    padding-right: 3px;
}

#util li a {
    color: #000;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}

#util li a:hover {
		color: #FFF;
    background-color: #516A71;
    text-decoration: none;
    font-weight: none;
    padding-left:5px;
    padding-right:5px;
}

/* --- navigation utilitaires pour l'ajout aux favoris--- */

#favo{

    position : absolute;

    z-index:3;

    top: 0px;

    left: 645px;

    width: 100px;

    height: 16px;

}

#favo li{

    list-style-type: none;

    text-align: left;

    display: inline;

    font-weight: normal;

    color: #F7A51B;

    font-family: Arial, Sans-serif;

    font-size: 10px;

    padding-left: 5px;

    padding-right: 5px;

}

#favo li a {

    color: #F7A51B;

    text-decoration: none;

}

#favo li a:hover {

    color: #F7A51B;

    text-decoration: underline;

}



/* --- styles de la base line --- */

#adr {

    position : absolute;

    z-index:3;

    top: 553px;

    left: 0px;

    width: 297px;

    height: 15px;

    background: right top url(../images/acc_coinBaseLine.gif) no-repeat;

    background-color: #000;

}

#adrTxt {

    position : absolute;

    z-index:4;

    top: 555px;

    left: 30px;

    width: 270px;

    height: 15px;

    text-align: left;

    font-weight: normal;

    color: #FFF;

    font-family: Arial, Sans-serif;

    font-size: 9px;



}

#bille {

    position : absolute;

    z-index:3;

    top: 553px;

    left: 331px;

    width: 468px;

    height: 17px;

    text-align: left;

    font-weight: normal;

    color: #000;

    font-family: Arial, Sans-serif;

    font-size: 9px;

    padding-top: 2px;

}

#oli a{

    position : absolute;

    z-index:3;

    top: 553px;

    left: 848px;

    width: 105px;

    height: 17px;

    text-align: left;

    font-weight: normal;

    color: #000;

    font-family: Arial, Sans-serif;

    font-size: 9px;

    padding-top: 2px;

    text-decoration: none;

}

#oli a:hover{

    color: #F7A51B;

}



/* --- Calques des photos --- */

#photo {
    position : absolute;
    z-index:0;    
    top: 0px;
    left: 0px;
    width: 452px;
    height: 590px;
   }



/* --- Calques du cache des photos --- */

#cache {
    position : absolute;
    z-index:2;
    background: url(../images/acc_cache.gif) no-repeat;
    top: 0px;
    left: 245px;
    width: 210px;
    height: 590px;
   }
   
 /* --- pop up --- */
   
   #fermer {
	font-family: Arial, Helvetica, sans-serif;
	width:430px;
	font-size:1em;
	text-align:right;
	margin:20px 0px 0px 0px;
	}


#fermer a {
	color:#000000;
	text-decoration:none;
	background: right url(../images/icofermer.gif) no-repeat;
	padding-right: 10px;
	}


#fermer a:hover {text-decoration:underline;}