/*************************************************************
* accueil.css
* Feuille de style pour le gabarit accueil
*************************************************************/

/**
* Corps 
*/
#corps
{
	width:982px;
	margin:auto;
	z-index:2000;
	overflow:hidden;
	min-height:600px;
	position:relative;
	margin-bottom:15px;
}

/**
* Mosaique 
*/
#mosaique
{
	width:982px;
	height:374px;
	z-index:1000;
	overflow:hidden;
	margin-bottom:30px;
	background-color:#C1C1C1;
}

#mosaique a {
	text-decoration:none;
}

/* Menu */
#mosaique ul 
{
	float:left;
	width:144px;
	padding-top:12px;
}

#mosaique ul li
{
	background:url(../images/accueil/mosaique-barre.jpg);
	background-repeat:no-repeat;
	background-position:0 bottom;
}

#mosaique ul li a
{
	display:block;
	color:#787878;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:9px 0 4px 13px;
	text-transform:uppercase;
}

#mosaique ul li a.une, 
#mosaique ul li a.ecole
{
	height:23px;
}

#mosaique ul li a.science,
#mosaique ul li a.economie
{
	height:52px;
}

#mosaique ul li a.mecanique, 
#mosaique ul li a.energetique,
#mosaique ul li a.mathematique
{
	height:36px;	
}

#mosaique ul li a.une:hover,
#mosaique ul li a.ecole:hover,
#mosaique ul li a.mecanique:hover
{
	color:#FFFFFF;
	background:url(../images/accueil/mosaique-barre.jpg) #F2B23D no-repeat 0 bottom;
}

#mosaique ul li a.science:hover
{
	color:#FFFFFF;
	background:url(../images/accueil/mosaique-barre.jpg) #00908E no-repeat 0 bottom;
}

#mosaique ul li a.energetique:hover
{
	color:#FFFFFF;
	background:url(../images/accueil/mosaique-barre.jpg) #D2331B no-repeat 0 bottom;
}

#mosaique ul li a.mathematique:hover
{
	color:#FFFFFF;
	background:url(../images/accueil/mosaique-barre.jpg) #00A0DA no-repeat 0 bottom;
}

#mosaique ul li a.economie:hover
{
	color:#FFFFFF;
	background-color:#645693;
}

/* Panneau */
#mosaique #panneau
{
 	float:left;
	width:815px;
	height:352px;
	padding-top:11px;
	padding-left:12px;
}

/* Panneau une */
#mosaique #une
{
	position:relative;
}

#mosaique #une ul.pagination
{
	left:8px;
	bottom:14px;
	width:300px;
	z-index:4000;
	display:block;
	overflow:hidden;
	position:absolute;
}

#mosaique #une ul.pagination li
{
	float:left;
	width:18px;
	height:18px;
	display:block;
	background:none;
	text-align:center;
	margin: 0px 3px 0 0;
	background-color:#FFFFFF;
	border:solid 1px #ADAEAE;
}

#mosaique #une ul.pagination li:hover,
#mosaique #une ul.pagination li.current
{
	background-color:#E2A230;
	border:solid 1px #E2A230;
}

#mosaique #une ul.pagination li a
{
	padding:3px 0 0 0;
	color:#787878;
}

#mosaique #une ul.pagination li a:hover,
#mosaique #une ul.pagination li.current a
{
	color:#FFFFFF;
}

#mosaique #une .description
{
	right:0;
	bottom:6px;
	width:530px;
	height:90px;
	position:absolute;
	padding:16px 0 0 26px;
	background:url(../images/accueil/mosaique-fond-60.png) repeat;
}

#mosaique #une h3
{
	color:#FFFFFF;
	font-size:26px;
	margin-bottom:10px;
	text-transform:uppercase;
}

#mosaique #une p, #mosaique #une a
{
	color:#FFFFFF;
	font-size:14px;
	line-height:16px;
}

#mosaique #une div
{
	height:352px;
	width:auto;
}

/* Colonne, bloc, éléments */
#mosaique .colonne
{
	float:left;
	width:195px;
	height:351px;
	margin-right:11px;
}

#mosaique .bloc1
{
	width:183px;
	height:94px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	background-color:#FFFFFF;
	padding:6px 6px 10px 6px;
}

#mosaique .bloc2
{
	width:183px;
	height:214px;
	overflow:hidden;
	margin-bottom:10px;
	background-color:#FFFFFF;
	padding:6px 6px 6px 6px;
}

#mosaique .bloc3
{
	width:183px;
	height:335px;
	overflow:hidden;
	background-color:#FFFFFF;
	padding:6px 6px 6px 6px;
}

#mosaique .bloc4
{
	width:183px;
	height:98px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	background-color:#FFFFFF;
	padding:6px 6px 6px 6px;
}

#mosaique .bloc5
{
	width:183px;
	height:98px;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	background-color:#FFFFFF;
	padding:6px 6px 6px 6px;
}

#mosaique .colonne h3
{
	overflow:hidden;
}

#mosaique .colonne h3 span
{
	float:left;
	color:#FFFFFF;
	height:11px;
	display:block;
	font-size:9px;
	line-height:10px;
	vertical-align:middle;
	padding:1px 3px 1px 3px;
	text-transform:uppercase;
}

#mosaique .colonne h3 strong
{
	float:left;
	color:#000000;
	height:11px;
	display:block;
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:1px 0px 1px 15px;
	background:url(../images/commun/puce-triangle-noir.png) #ffffff no-repeat 5px 3px;
}

#mosaique .colonne p
{
	color:#000000;
	font-size:11px;
	line-height:1.2em;
	margin-bottom:5px;
}

#mosaique img 
{
	margin-bottom:2px;
}

/* Panneau sciences */
#mosaique #science h3 span, 
#mosaique #science .bloc5 a
{
	background-color:#00908e;
}

#mosaique #science .bloc2 h4, 
#mosaique #science .bloc3 h4
{
	color:#00908e;
}

/* Panneau énergétiques */
#mosaique #energetique h3 span, 
#mosaique #energetique .bloc5 a
{
	background-color:#D2331B;
}

#mosaique #energetique .bloc4 h4, 
#mosaique #energetique .bloc2 h4, 
#mosaique #energetique .bloc3 h4
{
	color:#D2331B;
}

/* Panneau mathématiques */
#mosaique #mathematique h3 span, 
#mosaique #mathematique .bloc5 a
{
	background-color:#00A0DA;
}

#mosaique #mathematique .bloc4 h4, 
#mosaique #mathematique .bloc2 h4, 
#mosaique #mathematique .bloc3 h4
{
	color:#00A0DA;
}

/* Panneau économie */
#mosaique #economie h3 span, 
#mosaique #economie .bloc5 a
{
	background-color:#645693;
}

#mosaique #economie .bloc4 h4, 
#mosaique #economie .bloc2 h4, 
#mosaique #economie .bloc3 h4
{
	color:#645693;
}

/* Panneau école */
#mosaique #ecole h3 span, 
#mosaique #ecole .bloc5 a
{
	background-color:#F2B23D;
}

#mosaique #ecole .bloc4 h4, 
#mosaique #ecole .bloc2 h4, 
#mosaique #ecole .bloc3 h4
{
	color:#F2B23D;
}

/* Panneau mécanique */
#mosaique #mecanique h3 span, 
#mosaique #mecanique .bloc5 a
{
	background-color:#F2B23D;
}
 
#mosaique #mecanique .bloc4 h4, 
#mosaique #mecanique .bloc2 h4, 
#mosaique #mecanique .bloc3 h4
{
	color:#F2B23D;
}

/* Bloc 1 et bloc 5 en savoir + */
#mosaique .bloc1 a
{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:200;
	position:absolute;
	background:url(../images/commun/lecture-passif.png) no-repeat center center;
}

#mosaique .bloc1 a:hover
{
	background:url(../images/commun/lecture-ocre.png) no-repeat center center;
}

#mosaique #energetique .bloc1 a:hover
{
	background:url(../images/commun/lecture-rouge.png) no-repeat center center;
}

#mosaique #science .bloc1 a:hover
{
	background:url(../images/commun/lecture-vert.png) no-repeat center center;
}

#mosaique #mathematique .bloc1 a:hover
{
	background:url(../images/commun/lecture-cyan.png) no-repeat center center;
}

#mosaique #economie .bloc1 a:hover
{
	background:url(../images/commun/lecture-violet.png) no-repeat center center;
}

#mosaique .bloc1 h3 
{
	top:6px;
	left:6px;
	height:13px;
	z-index:100;
	width:183px;
	position:absolute;
	background:url(../images/accueil/mosaique-fond-75.png) repeat;
}

#mosaique .bloc1 h3 strong
{
	color:#FFFFFF;
	height:11px;
	background:url(../images/commun/puce-triangle-blanc.png) no-repeat 5px 3px;
}

#mosaique .bloc1 h4 
{
	left:6px;
	bottom:6px;
	color:#FFFFFF;
	width:183px;
	z-index:100;
	font-size:12px;
	position:absolute;
	padding:3px 0px 1px 0px;
	background:url(../images/accueil/mosaique-fond-75.png) repeat;
}

#mosaique .bloc1 h4 span
{
	color:#FFFFFF;
	font-size:12px;
	margin:0px 3px 0px 5px;
}

#mosaique .bloc5 a
{
	color:#FFFFFF;
	height:98px;
	display:block;	
	font-size:9px;
	line-height:10px;
	text-decoration:none;
	vertical-align:middle;
	text-transform:uppercase;
}

#mosaique .bloc5 a h3
{
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	line-height:10px;
	text-decoration:none;
	text-transform:uppercase;
	padding:20px 14px 4px 20px;
	background:url(../images/commun/puce-triangle-blanc.png) no-repeat 9px 21px;
}

#mosaique .bloc5 a span
{
	color:#000000;
	display:block;
	font-size:13px;
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 15px 5px 20px;
}

/* Bloc 2, bloc 3 et bloc 4 */
#mosaique .bloc2 h3,
#mosaique .bloc3 h3,
#mosaique .bloc4 h3
{
	margin-bottom:2px;
}

#mosaique .bloc2 h4, 
#mosaique .bloc3 h4,
#mosaique .bloc4 h4
{
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
}

#mosaique .bloc2 img,
#mosaique .bloc3 img
{
        width: 183px;
        height: auto; 
}

#mosaique .bloc4 img 
{
	float:left;	
}

#mosaique .bloc4 div 
{
	float:left;
	width:90px;
	padding:0 5px 0 5px;
}

/**
* Cible 
*/
#cible
{
	float:left;
	width:180px;
	z-index:1000;
	margin-right:48px;
}

#cible h4
{
	display:block;
	color:#F8B740;
	font-size:16px;
	padding-bottom:8px;
	font-weight:normal;
	text-transform:uppercase;
	font-family: 'UniversLTStd65Bold';
	background:url(../images/commun/pointille-gris.gif) repeat-x 0 bottom;
}

#cible li span 
{
	color:#FFFFFF;
        display:block;
        font-size:14px;
        text-decoration:none;
        padding:2px 0 2px 12px;
        background-position:0 7px;
        background-repeat:no-repeat;

}


#cible ul
{
	list-style:none;
	margin: 0 0 25px 0;
}

#cible li
{
	background:url(../images/commun/pointille-gris.gif) repeat-x 0 bottom;
}

#cible li a
{
	color:#FFFFFF;
	display:block;
	font-size:14px;
	text-decoration:none;
	padding:3px 0 5px 12px;
	background-position:0 7px;
	background-repeat:no-repeat;	
	background-image:url(../images/commun/puce-triangle-blanc.png);
}

#cible li a:hover
{
	color:#F8B740;
	background-image:url(../images/commun/puce-triangle-ocre.png);
}

/**
* Modules
*/
.module
{
	float:left;
	width:218px;
	height:218px;
	position:relative;
	margin:0 50px 10px 0;
}

.module h2
{
	height:14px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #787878;
}

.module h2 span
{
	float:left;
	color:#FFFFFF;
	display:block;
	font-size:22px;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:5px;
	border-bottom:solid 4px #FFFFFF;
	font-family:'UniversLTStd55Roman';
}

.module h3
{
	border-top:solid 1px #787878;
}

.module h3 a
{
	float:right;
	height:14px;
	display:block;
	color:#FFFFFF;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	padding:1px 5px 2px 5px;
	background-color:#444444;
} 

.module h3 a:hover
{
	color:#F8B740;
}

.module .carrousel,
.module .carrousel .conteneur,
.module .carrousel .conteneur div
{
	width:218px;
	height:134px;
}

/* Navigation */
.module .carrousel a.precedent,
.module .carrousel a.suivant
{
	width:15px;
	height:15px;
	display:block;
	position:absolute;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background:url(../images/commun/navigation-bloc-ocre.png);
}

.module .carrousel a.precedent
{
	top:4px;
	right:15px;
	margin-right:5px;
	background-position:0 0;
}

.module .carrousel a.suivant
{
	top:4px;
	right:0;
	background-position:-15px 0;
}

.module .carrousel a.precedent:hover
{

	background-position:0 -15px;
}

.module .carrousel a.suivant:hover
{
	background-position:-15px -15px;
}

/* WebTV */
.module #webtv a
{
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	text-indent:-1000px;
	background:url(../images/commun/lecture-passif.png) no-repeat center center;
}

.module #webtv a:hover
{
	background:url(../images/commun/lecture-ocre.png) no-repeat center center;
}

.module #webtv p
{
	left:0px;
	bottom:0px;
	color:#FFFFFF;
	width:213px;
	font-size:11px;
	position:absolute;
	padding:2px 0px 3px 5px;
	background:url(../images/accueil/mosaique-fond-75.png) repeat;
}

/* Actualités */
.module #actualite div div div
{
	width:93px;
	margin:0 10px 10px 0;
}

.module #actualite img
{
	width: 145px;
	height: auto;
	display:block;
	margin-bottom:2px;
}

.module #actualite strong
{
	font-size:10px;
	padding-left:10px;
	text-transform:uppercase;
	background:url(../images/commun/puce-triangle-blanc.png) no-repeat 0 center;
}

.module #actualite p
{
	color:#FFFFFF;
	font-size:11px;
}

.module #actualite a
{
	display:block;
	color:#F8B740;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.module #actualite a:hover
{
	text-decoration:underline;
}

/* Agenda */
.module #agenda p
{
	margin-bottom:5px;
}

.module #agenda strong
{
	color:#FFFFFF;
	font-size:10px;
	padding-left:10px;
	background:url(../images/commun/puce-triangle-blanc.png) no-repeat 0 center;
}

.module #agenda span
{
	color:#F8B740;
	display:block;
	font-size:12px;
	font-weight:bold;
}

.module #agenda a
{
	color:#F8B740;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.module #agenda a:hover
{
	text-decoration:underline;
}

/**
* Tweet
*/
#tweet
{
	height:86px;
	width:1014px;
	overflow:hidden;
	margin:-30px 0 15px -15px;
	position:relative;
	background:url(../images/accueil/twitter.png) no-repeat;
}

#tweet p
{
	color:#FFFFFF;
	font-size:12px;
	font-style:italic;
	margin:35px 60px 0 107px;
}

#tweet a
{
	color:#FFFFFF;
}

#tweet a:hover
{
	color:#F8B740;
}

#tweet span
{
	font-size:12px;
}