@import url("screen2.css");
@import url("general2.css");

/*----------Bannière de l'accueil---------->Voir screen.css #header----------*/

.haccueil
{
	background: transparent url('../image/tmp/header.v2.1.jpg') top left no-repeat;
	height: 252px;
}
.haccueil2
{
	background: transparent url('../image/design_element/header_accueil/h_accueil.jpg') top left no-repeat;
	height: 252px;
}


.perso_position
{
	position: absolute;
	width: 309px;
	height: 239px;
	left: 417px;
	top: -17px;
}

.perso1
{
	background: transparent url('../image/design_element/header_accueil/big_superlee.gif' ) top left no-repeat;
}
.perso2
{
	background: transparent url('../image/design_element/header_accueil/big_supersteve.gif' ) top left no-repeat;
}
.perso3
{
	background: transparent url('../image/design_element/header_accueil/big_supercarl.gif' ) top left no-repeat;
}
.perso4
{
	background: transparent url('../image/design_element/header_accueil/big_superclaude.gif' ) top left no-repeat;
}
.perso5
{
	background: transparent url('../image/design_element/header_accueil/big_superclaude2.gif' ) top left no-repeat;
}
.perso6
{
	background: transparent url('../image/design_element/header_accueil/big_supersophie.gif' ) top left no-repeat;
}
.perso7
{
	background: transparent url('../image/design_element/header_accueil/big_superranko.gif' ) top left no-repeat;
}
.perso8
{
	background: transparent url('../image/design_element/header_accueil/big_superross.gif' ) top left no-repeat;
}
.perso9
{
	background: transparent url('../image/design_element/header_accueil/big_supersamantha.gif' ) top left no-repeat;
}

*:first-child + html .haccueil
{
	top: -4px;
}

.ciseaux
{
	background: transparent url('../image/tmp/ciseaux.jpg' ) top left no-repeat;
	height: 32px;
	position: relative;
	width: 60px;
	left: 400px;
	top: 70px;
}

/*----------Éléments dans la page----------*/

.slideshow
{
	position: relative;
	top: 20px;
}
.slideshow .star
{
	margin-left: 10px;
}

.feuille
{
	clear: both;
	display: block;
	font: 11px verdana, sans-serif;
	font-weight: normal;
	margin: 0 0 15px 15px;
	padding: 0 0 0 0;
	position: relative;
	min-height: 142px;
	height: auto !important;
	height: 142px;
	width: 503px;
}

.feuille ul
{
	position: relative;
	width: 375px;
	margin: 0 0 5px 20px;
	padding: 10px 0 0 0;
	list-style-type: none;
	clear: both;
}
.feuille ul li
{
	line-height: 1.4em;
}

.feuille a.savoirplus
{
	position: relative;
	left: 37px;
	text-decoration: underline;
}




.feuille.eleve
{
	background: transparent url('../image/layout/bulle_eleve.gif' ) top left no-repeat;
	height: 120px;
}



.feuille.prof
{
	background: transparent url('../image/layout/bulle_prof.gif' ) top left no-repeat;
}


.feuille.parent
{
	background: transparent url('../image/layout/bulle_parent.gif' ) top left no-repeat;
}

/*----------La bulle d'accueil----------*/


.green_box
{
	position: relative;
	background: transparent url('../image/layout/green_box.gif' ) top left no-repeat;
	padding: 4px 0 4px 30px;
	height: 42px;
	width: 450px;
	margin-left: 20px;
	font-size: 90%;
	line-height: 16px;
}

.green_box .ampoule
{
	position: absolute;
	margin-left: -40px;
	margin-top: -12px;
	width: 47px;
	height: 54px;
}

ul.two_col
{
	margin-left: 40px;
	margin-right: 0;
}

.txtorange
{
	color: #F36200;
}

ul.two_col li
{
	background: none;
	margin: 5px 0;
	padding: 0;
	background: transparent url('../image/bullet/arrow_orange.gif' ) top left no-repeat;
	background-position: left 3px;
	padding-left: 20px;
}
ul.two_col li.noarrow
{
	background: none;
	padding: 0;
}

ul.two_col li a.a_visite_guidee
{
	display: block;
	background: transparent url('../image/button/btn_acceder_visite.gif' ) top left no-repeat;
	width: 214px;
	height: 24px;
	position: relative;
}
ul.two_col li a.a_visite_guidee:hover
{
	background-position: left -24px;
}
ul.two_col li a.a_visite_guidee span
{
	display: none;
}