#conteneur {
	margin: 220px 0 0 -220px;
}
* html #conteneur {
	margin: 220px 0 0 -440px;/* doubler la marge negative pour ie6 */
}

/* ——————————————————————————————————————————————————— */
/* public_cible */
/* pour resolution ecran superieure ou egale a 1280 */
/* ——————————————————————————————————————————————————— */
.futur_etudiant {
	background: transparent url(../charte/futur-etudiant.jpg) no-repeat 0 0;
}
.etudiant {
	background: transparent url(../charte/etudiant.jpg) no-repeat 0 0;
}
.entreprise {
	background: transparent url(../charte/entreprise.jpg) no-repeat 0 0;
}
.personnel {
	background: transparent url(../charte/personnel.jpg) no-repeat 0 0;
}
.recherche {
	background: transparent url(../charte/recherche.jpg) no-repeat 0 0;
}


.kwicks li {
	/* these are required, but the values are up to you (must be pixel) */
	height: 312px;
}

.kwicks li.futur_etudiant div.public_cible {
	left: 465px;
	width: 166px;
}
.kwicks li.futur_etudiant div.public_cible.first {left: 295px;}

.kwicks li.etudiant div.public_cible {
	left: 467px;
	width: 173px;
}
.kwicks li.etudiant div.public_cible.first {left: 295px;}

.kwicks li.entreprise div.public_cible {
	left: 486px;
	width: 194px;
}
.kwicks li.entreprise div.public_cible.first {left: 290px;}

.kwicks li.personnel div.public_cible {
	left: 450px;
	width: 174px;
}
.kwicks li.personnel div.public_cible.first {left: 295px;}

.kwicks li.recherche div.public_cible {
	left: 490px;
	width: 194px;
}
.kwicks li.recherche div.public_cible.first {left: 295px;}

.kwicks li div.public_cible ul li {
	background: transparent url(../charte/bg-public-li.gif) no-repeat 0 0;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0 0 0;
	margin: 0 0 2px 0;
}


/* ——————————————————————————————————————————————————— */
/* public_cible */
/* pour resolution ecran inferieure a 1280 */
/* ——————————————————————————————————————————————————— */
.ecran_1024 .futur_etudiant {
	background: transparent url(../charte/futur-etudiant-p.jpg) no-repeat 0 0;
}
.ecran_1024 .etudiant {
	background: transparent url(../charte/etudiant-p.jpg) no-repeat 0 0;
}
.ecran_1024 .entreprise {
	background: transparent url(../charte/entreprise-p.jpg) no-repeat 0 0;
}
.ecran_1024 .personnel {
	background: transparent url(../charte/personnel-p.jpg) no-repeat 0 0;
}
.ecran_1024 .recherche {
	background: transparent url(../charte/recherche-p.jpg) no-repeat 0 0;
}


.ecran_1024 .kwicks li.futur_etudiant div.public_cible {
	left: 400px;
}
.ecran_1024 .kwicks li.futur_etudiant div.public_cible.first {left: 235px;}

.ecran_1024 .kwicks li.etudiant div.public_cible {
	left: 422px;
	width: 173px;
}
.ecran_1024 .kwicks li.etudiant div.public_cible.first {left: 250px;}

.ecran_1024 .kwicks li.entreprise div.public_cible {
	left: 376px;
	width: 194px;
}
.ecran_1024 .kwicks li.entreprise div.public_cible.first {left: 180px;}

.ecran_1024 .kwicks li.personnel div.public_cible {
	left: 450px;
	width: 174px;
}
.ecran_1024 .kwicks li.personnel div.public_cible.first {left: 295px;}

.ecran_1024 .kwicks li.recherche div.public_cible {
	left: 400px;
	width: 194px;
}
.ecran_1024 .kwicks li.recherche div.public_cible.first {left: 205px;}

.ecran_1024 .kwicks li div.public_cible ul li {
	background: transparent url(../charte/bg-public-li.gif) no-repeat 0 0;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	padding: 0px 0 0 0;
	margin: 0 0 2px 0;
}


/* ——————————————————————————————————————————————————— */
/* Les liens sont a la fin */
/* ——————————————————————————————————————————————————— */


.kwicks li div.public_cible ul li a {
	background: transparent url(../charte/bg-public-a.gif) no-repeat bottom right;
	display: block;
	padding: 4px 8px 11px 8px;
	margin: 0;
	line-height: 1em;
}

.kwicks li.futur_etudiant div.public_cible ul li a {
	background-image: url(../charte/bg-public-a-1.gif);
}
.kwicks li.futur_etudiant div.public_cible ul li a:hover {
	background-image: url(../charte/bg-public-a-1-over.gif);
}
.kwicks li.etudiant div.public_cible ul li a {
	background-image: url(../charte/bg-public-a-2.gif);
}
.kwicks li.etudiant div.public_cible ul li a:hover {
	background-image: url(../charte/bg-public-a-2-over.gif);
}
.kwicks li.entreprise div.public_cible ul li a {
	background-image: url(../charte/bg-public-a-3.gif);
}
.kwicks li.entreprise div.public_cible ul li a:hover {
	background-image: url(../charte/bg-public-a-3-over.gif);
}
.kwicks li.personnel div.public_cible ul li a {
	background-image: url(../charte/bg-public-a-4.gif);
}
.kwicks li.personnel div.public_cible ul li a:hover {
	background-image: url(../charte/bg-public-a-4-over.gif);
}
.kwicks li.recherche div.public_cible ul li a {
	background-image: url(../charte/bg-public-a-5.gif);
}
.kwicks li.recherche div.public_cible ul li a:hover {
	background-image: url(../charte/bg-public-a-5-over.gif);
}


/* ——————————————————————————————————————————————————— */