@charset "utf-8";
/*******    FEUILLE DE STYLE      ********/
/*******    © MBA MULTIMEDIA      ********/
/*******  www.mba-multimedia.com  ********/

/* BLOC enseignement supérieur */
#enseignement-superieur 				{ position:absolute; right:0; top:32px; width:244px; height:85px; z-index:999; }
#enseignement-superieur .btn			{ width:226px; }
#btn-enseignement-superieur a			{ height:67px; }

/* BLOC actualités */
#actualites 							{ position:absolute; right:0; top:117px; width:244px; height:181px; z-index:999; }
#actualites .ttr 						{ position:relative; }
#actualites .ttr h4 					{ height:23px; }
#actualites .ttr h4 span 				{ display:none; }
#actualites .ctn 						{ height:129px; background:url(/media/page_accueil/actualites_ctn.png) 0 0 no-repeat; padding:7px 6px; }
#actualites .ctn ul						{ padding:0; }
#actualites .ctn li						{ border-bottom:0; }
#actualites .ctn .vignette				{ float:left; width:105px; }
#actualites .ctn .surttr				{ font-size:9px; padding:1px 3px; background:#72a8c7; color:#fff; }
#actualites .ctn h3						{ color:#f08e2f; font-size:11px; font-weight:bold; text-transform:uppercase; padding:3px 0 0 0; }
#actualites .ctn .scroll 				{ height:129px; overflow:auto; }
#actualites .ctn .titre 				{ }
#actualites .ctn .chapo 				{ font-size:10px; line-height:normal; font-weight:normal; padding:0; color:#265E7E;   }
#actualites .btm 						{ }
#btn-toutes-actualites 					{ position:absolute; right:4px; top:4px; width:88px; }
#btn-toutes-actualites a 				{ height:15px; } 

/* BLOC diaporama */
#diaporama 								{ width:980px; height:320px; }
#diaporama ul 							{ height:320px; list-style:none; overflow:hidden; }

/* BLOC etablissements */
#etablissements							{ position:relative; width:980px; height:171px; background:url(/media/page_accueil/etablissements.jpg) 0 0 no-repeat; }
.etablissement							{ position:absolute; top:0; width:437px; }
.etablissement .ttr						{ height:42px; }
.etablissement h2						{ font-family:LaneNarrowRegular, Verdana, Geneva, sans-serif; font-size:22px; padding:15px 0 0 0; text-align:center; color:#ff9642; text-transform:uppercase; }
.etablissement h3						{ font-family:LaneNarrowRegular, Verdana, Geneva, sans-serif; font-size:14px; line-height:15px; color:#fff; font-weight:normal; text-transform:uppercase; }
.etablissement .ctn						{ position:relative; height:129px; }
.etablissement ul						{ }
.etablissement li						{ position:absolute; list-style:none; top:0; width:216px; height: }
.etablissement li.focus					{ cursor:pointer; }
.etablissement .coordonnees				{ height:110px; padding:3px 0 0 73px; overflow:hidden; }
.etablissement p						{ color:#fff; font-size:11px; }
.etablissement p.adresse				{ color:#9cc4ee; font-size:10px; padding:9px 0 0 0; }
.etablissement .btn-en-savoir-plus		{} 
.etablissement .btn-en-savoir-plus a	{ height:16px; } 

#colleges								{ left:27px; }
#lycees									{ right:18px; }

#college-saint-louis					{ left:0; }
#college-saint-louis .coordonnees		{ background:url(/media/page_accueil/college-saint-louis.png) 10px 0 no-repeat; }
#college-saint-louis.focus .coordonnees	{ background-position:10px -113px; }

#college-la-retraite					{ right:0; }
#college-la-retraite p.adresse					{  padding:1px 0 0 0; }
#college-la-retraite .coordonnees		{ background:url(/media/page_accueil/college-la-retraite.png) 1px 0 no-repeat; }
#college-la-retraite.focus .coordonnees	{ background-position:1px -113px; }

#lycee-saint-louis						{ left:0; }
#lycee-saint-louis .coordonnees			{ background:url(/media/page_accueil/lycee-saint-louis.png) 10px 0 no-repeat; }
#lycee-saint-louis.focus .coordonnees	{ background-position:10px -113px; }
#lycee-saint-louis p.adresse			{ padding:5px 0 0 0; }

#lycee-notre-dame-de-la-paix			{ right:0;  }
#lycee-notre-dame-de-la-paix .coordonnees		{ padding-left:87px; background:url(/media/page_accueil/lycee-notre-dame-de-la-paix.png) 18px 0 no-repeat; }
#lycee-notre-dame-de-la-paix.focus .coordonnees	{ background-position:18px -113px; }
#lycee-notre-dame-de-la-paix p.adresse	{ padding:1px 0 0 0; }