/*************************************************************
* tete.css
* Feuille de style pour la tête du site
*************************************************************/

#tete
{
	width:982px;
	height:160px;
	z-index:4000;
	position:relative;
	margin:0 auto 44px auto;
}

/**
* Logo
*/
#tete #logo
{
	top:41px;
	left:2px;
	width:250px;
	height:83px;
	display:block;
	overflow:hidden;
	position:absolute;
	color: #000000;
	font-size: 18px;
	text-indent:-9999px;
        text-decoration: none;
	background:url(/Outils/images/commun/logo-mpt-psl-250.png) no-repeat;
}

//background:url(../images/commun/logo-mines-paristech.png) no-repeat;

/**
* Bienvenue
*/
#tete #bienvenue
{
	top:0;
	left:218px;
	position:absolute;
	margin-bottom:48px;
}

#tete #bienvenue span
{
	float:left;
	width:290px;
	display:block;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin:12px 10px 0 0;
}

#tete #bienvenue form
{
	float:left;
	width:200px;
	overflow:hidden;
	margin-right:9px;
	padding:0 14px 0 14px;
	border-left:dashed 1px #FFFFFF;
	border-right:dashed 1px #FFFFFF;
}

#tete #bienvenue form label
{
	float:left;
	display:block;
	color:#FFFFFF;
	font-size:11px;
	margin-top:12px;
	margin-right:8px;
	font-weight:bold;
	text-transform:uppercase;
	font-family:'ArialNarrow';
}

#tete #bienvenue form input
{
	float:left;
}

#tete #bienvenue form input[type=text]
{
	width:53px;
	height:17px;
	font-size:9px;
	margin-top:10px;
	padding:0px 10px 0 23px;
	background:url(../images/commun/recherche-fond-blanc.png) no-repeat;
}

#tete #bienvenue form input[type=submit]
{
	width:21px;
	height:17px;
	font-size:8px;
	margin-top:10px;
	margin-right:3px;
	padding-bottom:0px;
	text-transform:uppercase;
	background:url(../images/commun/recherche-bouton-ocre.png) no-repeat;
}

#tete #bienvenue form a
{
	width:12px;
	float:left;
	height:11px;
	display:block;
	overflow:hidden;
	margin-top:12px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background:url(../images/commun/recherche-plus-ocre.png);
}

#tete #bienvenue form a:hover
{
	background-position:0 -11px;
}

/**
* Menu haut
*/
#tete #bienvenue #newsletter
{
	float:left;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding-left:12px;
	text-decoration:none;
	margin:12px 10px 0 0;
	text-transform:uppercase;
	font-family:'ArialNarrow';
	background:url(../images/commun/puce-triangle-ocre.png) no-repeat 0 2px;
}

#tete #bienvenue #newsletter:hover
{
	color:#F8B740;
}

#tete #bienvenue ul
{
	float:left;
	list-style:none;
	margin-top:10px;
	margin-right:8px;
}	

#tete #bienvenue li
{
	float:left;
	margin-left:1px;
}

#tete #bienvenue li a
{

	width:17px;
	height:17px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(../images/commun/menu-action.png);
}

#tete #bienvenue #rss
{
	background-position:0 0;
}

#tete #bienvenue #rss:hover
{
	background-position:0 -17px;
}

#tete #bienvenue #impression
{
	background-position:-17px 0;
}

#tete #bienvenue #impression:hover
{
	background-position:-17px -17px;
}

#tete #bienvenue #site-international
{
	float:left;
	display:block;
	color:#FFFFFF;
	margin-top:8px;
	font-size:11px;
	padding-left:28px;
        padding-top:0px;
	text-decoration:none;
	background:url(../images/commun/icone-international.png) no-repeat;
}

#tete #bienvenue #site-international:hover
{
	color:#F8B740;
}

/** la fondation : les dons */

#tete #don
{
        position: absolute;
        right: 0;
        top : 45px;
	right:93px;
        overflow:hidden;
        margin-bottom:0;
}


/**
* Reseaux sociaux
*/
#tete #reseau
{
	position: absolute;
	right: 0;
	top : 93px;	
	overflow:hidden;
	margin-bottom:0;
}

#tete #reseau ul
{
	float:right;
	margin-right: 0;
	list-style:none;
	overflow:hidden;
}

#tete #reseau ul li
{
	float:right;
}

#tete #reseau ul li a
{
	height:20px;
	display:block;
	color:#FFFFFF;
	overflow:hidden;
	margin-left:6px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#tete #reseau #facebook
{
	width:20px;
	background-image:url(../images/commun/icone-facebook.png);
}

#tete #reseau #instagram
{
        width:20px;
	height:20px;
        background-image:url(../images/commun/icone-instagram.png);
}

#tete #reseau #twitter
{
	width:21px;
	background-image:url(../images/commun/icone-twitter.png);
}

#tete #reseau #linkedin
{
	width:21px;
	background-image:url(../images/commun/icone-linkedin.png);
}

#tete #reseau #youtube
{
	width:20px;
	background-image:url(../images/commun/icone-youtube.png);
}

#tete #reseau #dailymotion
{
	width:20px;
	background-image:url(../images/commun/icone-dailymotion.png);
}

#tete #reseau #flickr
{
	width:20px;
	background-image:url(../images/commun/icone-flickr.png);
}

/**
* Slogan
*/
#tete #slogan
{
	top:69px;
	left:295px;
	height:40px;
	color:#f8b740;
	font-size:35px;
	line-height:40px;
	position:absolute;
	margin-bottom:38px;
	text-transform:uppercase;
	font-family:'UniversLTStd47LightCondensed';
}

/**
* Menu principal
*/
#tete #menu
{
	bottom:0;
	left:218px;
	z-index:4000;
	position:absolute;
}

#tete #menu div
{
	float:left;
	position:relative;
	margin-right:34px;
}

#tete #menu div span a
{
	display:block;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-bottom:2px;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:solid 8px #787878;
}

#tete #menu div span a:hover,
#tete #menu div.actif span a
{
	color:#F8B740;
	border-bottom-color:#F8B740;
}

#tete #menu div ul
{
	left:0;
	top:24px;
	display:none;
	z-index:4000;
	list-style:none;
	position:absolute;
	padding:11px 5px 7px 5px;
	background-color:#3e3e3f;
}

#tete #menu div ul li a
{
	display:block;
	color:#C1C1C1;
	font-size:11px;
	padding:0 0 0 10px;
	white-space:nowrap;
	text-decoration:none;
	background-position:0 5px;
	background-repeat:no-repeat;
	background-image:url(../images/commun/puce-plus-gris.gif);
}

#tete #menu div ul li a:hover
{
	color:#F8B740;
	background-image:url(../images/commun/puce-plus-ocre.gif);
}

/**
* Vous etes
*/
#tete #vousetes
{
	cursor:pointer;
	position:absolute;
	right:0px;
	bottom:0px;
}

#tete #vousetes span
{
	float:left;
	height:24px;
	display:block;
}

#tete #vousetes span a
{
	float:left;
	display:block;
	color:#F8B740;
	font-size:14px;
	font-weight:bold;
	padding-left:14px;
	text-decoration:none;
	margin:0px 0px 0 0;
	text-align:right;
	text-transform:uppercase;
	background:url(../images/commun/puce-triangle-ocre.png) no-repeat 0px 3px;
}

#tete #vousetes ul
{
	right:0px;
	top:16px;
	display:none;
	z-index:4000;
	list-style:none;
	position:absolute;
	padding:7px 5px 11px 5px;
	background-color:#3e3e3f;
}

#tete #vousetes ul li a
{
	display:block;
	color:#C1C1C1;
	font-size:11px;
	padding:0 0 0 10px;
	white-space:nowrap;
	text-decoration:none;
	background-position:0 5px;
	background-repeat:no-repeat;
	background-image:url(../images/commun/puce-plus-gris.gif);
}

#tete #vousetes ul li a:hover
{
	color:#F8B740;
	background-image:url(../images/commun/puce-plus-ocre.gif);
}



/**
 * Youtube TV
 *
 */

#gauche #youtubetv
{
	/*bottom:1000;
	left:0px;*/
	z-index:6000;
	position:absolute;
	background:#363D7A;
	display:block;
	width:75%;
	height:40px;
	margin-top:0px;
	
}

#gauche #youtubetv div
{
	float:left;
	position:relative;
	margin:10px;
}

#gauche #youtubetv div span a
{
	display:inline-block;
	//margin:10px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-bottom:2px;
	text-decoration:none;
	text-transform:uppercase;
	border-bottom:solid 8px #787878;
}

#gauche #youtubetv div span a:hover,
#gauche #youtubetv div.actif span a
{
	color:#F8B740;
	border-bottom-color:#F8B740;
}

#gauche #youtubetv div ul
{
	left:0;
	top:32px;
	display:none;
	z-index:6000;
	list-style:none;
	position:absolute;
	padding:11px 5px 7px 5px;
	background-color:#363D7A;
}

#gauche #youtubetv div ul li a
{
	display:block;
	color:#C1C1C1;
	font-size:11px;
	padding:5px 5px 5px 20px;
	white-space:nowrap;
	text-decoration:none;
	background-position:10px;
	background-repeat:no-repeat;
	background-image:url(../images/commun/puce-plus-gris.gif);
}

#gauche #youtubetv div ul li a:hover
{
	color:#F8B740;
	background-image:url(../images/commun/puce-plus-ocre.gif);
}