/*
 * Feuille de style vitrine netaffiliation v3
 *
 * Styles de la page d'accueil.
 *
 * NB : Le panneau droit de la zone de contenu est au 1er plan par rapport au contenu de la page.
 *
 */

/*************************/
/******** CONTENU ********/
/*************************/

#contenu-accueil {
	position:absolute;
	width:684px;
	height:509px;
	background-color:#fff; /* On force le fond en blanc pour créer les espacements blancs entre les boutons d'acces car la div parrente contient une bande grise en haut */
}

/**************************/
/**** BOUTTONS D'ACCES ****/
/**************************/

#bttn-acces {
	position:relative;
	width:684px;
	height:135px;
}

#bttn-acces a { text-decoration:none;	color:#656363; line-height:18px; }

#bttn-acces div#accs-ann {
	position:absolute;
	width:234px;
	height:135px;
	left:1px; /* Espacement par rapport à la bordure gauche */
}

#bttn-acces div#accs-ann a {
	display:block;
	width:187px; /* Taille de l'image moins padding gauche et droit (234px - 34px - 13px) */
	height:70px; /* Hauteur de l'image moins padding haut (135px - 65px) */
	padding:65px 13px 0px 34px;
}

#bttn-acces div#accs-diff {
	position:absolute;
	left:237px; /* espacement 1px + image ann 234px + espacement 2px */
	width:223px;
	height:135px;
}

#bttn-acces div#accs-diff a {
	display:block;
	left:237px;
	width:179px; /* Taille de l'image moins padding gauche et droit (223px - 24px - 20px)  */
	height:70px; /* Hauteur de l'image moins padding haut (135px - 65px) */
	padding:65px 20px 0px 24px;
}

#bttn-acces div#accs-agen {
	position:absolute;
	left:462px; /* espacement 1px + image ann 234px + espacement 2px + image diff 223px + espacement 2px */
	width:222px;
	height:135px;
}

#bttn-acces div#accs-agen a {
	display:block;
	left:462px;
	width:182px; /* Taille de l'image moins padding gauche et droit (222px - 24px - 16px)  */
	height:70px; /* Hauteur de l'image moins padding haut (135px - 70px) */
	padding:65px 16px 0px 24px;
}

/**************************/
/**** CONTENU COLONNES ****/
/**************************/

#accueil-cols {
	height:329px;
	margin:19px 0 25px 0;
	color:#939091;
}

#accueil-cols p {	line-height:17px; }

#accueil-col1 { float:left; width:236px; margin-top:17px; }
#accueil-col1 img { margin-left:30px; }
#accueil-col1 p {	margin:8px 15px 10px 35px; }
#accueil-col2 { float:left; width:225px; margin-top:4px; }
#accueil-col2 p { margin:13px 15px 10px 24px; }
#accueil-col3 { float:left; width:223px; }
#accueil-col3 p { margin:8px 15px 10px 35px; }

#illustr {
	position:relative;
	width:216px;
	height:309px;
	margin-left:7px;
}

/*
#cadre-gris {
	position:relative;
	width:216px;
	height:309px;
	margin-left:7px;
	background:url(../images/cadre-gris.png) no-repeat;
}

#cadre-gris img#titre { margin:24px 0 0 21px; }
#cadre-gris p { margin:7px 25px 0 21px; font-size:12px; }

#cadre-gris-titre {
	position:absolute;
	top:99px;
	left:6px;
}

#cadre-gris-titre a {
	display:block;
	margin-bottom:2px;
	width:153px;
	height:37px;
	line-height:37px;
	text-decoration:none;
	padding-left:49px;
	font-size:13px;
	color:#232021;
	font-family:verdana;

}
*/

/*************************/
/***** PANNEAU DROIT *****/
/*************************/

#panneau-droit-accueil {
	position:absolute;
	top:5px;
	right:0px;
	width:239px; /* -1px car on a la bordure de droite de la div principale */
	/*height:509px;*/
	background:url(../images/panneau-droit-accueil-top.png) no-repeat;
}

#panneau-droit-accueil p.separateur {
	margin:22px 15px;
	border-bottom:1px dashed #95b304;
}