@import url(/css/1024/commun_screen.css);
@media screen{
BODY{
	background-image: url("/images/TINT/charte/bg_degrade.gif");
}
A{
	color: #3300FF;
}
A:hover{
	color: #3300FF;
}
A:visited{
	color: #3300FF;
}
H2{
	color:#F8B200;
	background-image: url("/images/TINT/charte/puce_H2.gif");
}
H3{
/*	color:#009EE0;*/
	color:#003882;
	background-image: url("/images/TINT/charte/puce_H3.gif");
}
H4{
	background-image: url("/images/TINT/charte/puce_H4.gif");
}
H5{
	color:#F8B200;
}
H6{
	color:#009EE0;
}
#contenu LI{
	/*list-style-image:  url("/images/TINT/charte/puce_LI.gif");*/
}
#contenu INPUT, SELECT, TEXTAREA{
	border-color: #F8B200;
}
/* Calque profondeur 0 */
#contenant{
	border-left: 1px solid #534C03;
	border-right: 1px solid #534C03;
}
/* Calques profondeur 1 */
#haut{
	height: 210px;
}
#haut.fr{
	background-image:   url("/images/TINT/charte/fd_haut_1024_fr_5.jpg");
}
#haut.en{
	background-image:   url("/images/TINT/charte/fd_haut_1024_fr_5.jpg");
}
#bas{
/*	height: 16px;*/
	/*background-color: #F8B200;*/
	background-color: #003882;
}

/* Calques profondeur 2 de haut*/
#logoSite{
	position:absolute; 
	top: -3px;
	left: -4px;
	width: 90px;
	height: 90px;
	background-image:  url("/images/TINT/charte/logo_TSP.gif");
	background-position: center;
	background-repeat:no-repeat;
}
#icones{
	position:absolute; 
	top: 0px;
	right: 0px;
/*	left: 260px;*/
/*	width: 800px;*/
	height: 20px;
	margin : 0px;
	padding: 0px;
}
#rechercher{
	position:absolute; 
	top: 26px;
	right: 30px;
	width: 150px;
	height: 23px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#langues{
	position:absolute; 
	bottom: 6px;
	left: 23px;
	width: 64px;
	height: 22px;
	margin : 0px;
	padding: 0px;
	background-image:   url("/images/TINT/charte/fd_langues.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#imprimer{
	background-color: #FFFFFF;
	position:absolute; 
	top: 133px;
	right: 65px;
	width: 21px;
	height: 19px;
	display: none;
}
#navigation{
	bottom: 115px;
	right: 10px;
	height: 40px;
}
#extranet{
	background-color: #00ADEF;
	position:absolute; 
	bottom: 2px;
	right: 3px;
	width: 168px;
	height: 41px;
	display: none;
}
#profils{
	position:absolute; 
	bottom: 0px;
	left: 450px;
	width: 440px;
	height: 21px;
	padding: 0px;
	margin: 0px;
}

/* Calques profondeur 2 de centre */
#bienvenue{
	display: none;
/*	position:relative; 
	top: 5px;
	left: 28px;
	width: 450px;
	margin-bottom: 5px;
	overflow: hidden;
	font-size: 11px;
	line-height: 17px;
	font-weight:bold;
	font-style:italic;
	text-align:justify;
	background-color:#FFFFFF;*/
}
#bienvenue H1{
	display: none;
}
#edito{
	position:absolute; 
	top: 10px;
	right: 5px;
	width: 204px;
	height: 120px;
	background-image: url("/images/TINT/charte/c_edito.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}
#edito.fr{
}
#edito.en{
}
#campus{
	position:absolute; 
	/*top: 160px;*/
	top: 150px;
	/*top: 280px;*/
	right: 5px;
	width: 204px;
	height: 118px;
}
#reseauxSociaux{
	position:absolute; 
	top: 290px;
	right: 5px;
	width: 204px;
	height: 18px;
	/*background-color:#FFFFCC;*/
}
#voeux{
	position:absolute; 
	top: 167px;
	right: 5px;
	width: 204px;
	height: 118px;
}
#annonces{
	position:absolute; 
	top: 10px;
	right: 5px;
	width: 204px;
	height: 118px;
}
#actualites{
	position:relative; 
	top: 0px;
	left: 28px;
	width: 450px;
	height: 320px;
	/*height: 240px;*/
	border-bottom: none;
	overflow: hidden;
}
#zoom{
	position:absolute; 
	top: 0px;
	/*top: 30px;*/
	right: 219px;
	width: 267px;
	height: 270px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 50px;
	z-index: 45;
}
#zoom.fr{
	background-image:   url("/images/TINT/charte/fd_zoom_fr.jpg");
}
#zoom.en{
	background-image:   url("/images/TINT/charte/fd_zoom_en.jpg");
}
#ariane{
	width: 974px;
	height: 31px;
	padding-top: 7px;
	background-image:   url("/images/TINT/charte/fd_ariane.gif");
}
#gauche{
	top: 35px;
	background-image:   url("/images/TINT/charte/fd_gauche_1024.jpg");
}
#droite{
	top: 21px;
	background-image:   url("/images/TINT/charte/fd_droite.gif");
}
/* Calques profondeur 2 de bas */
#copyright{
/*	color: #000000;*/
	color: #FFFFFF;
}
#copyright A{
/*	color: #000000;*/
	color: #FFFFFF;
}
/* autres styles */
#actualites.fr H1{
	background-image:  url("/images/TINT/charte/fd_actualites_titre.gif");
}
#actualites.en H1{
	background-image:  url("/images/TINT/charte/fd_actualites_titre_en.gif");
}

#actualites DIV.actuBloc{
	display: block;
	position: relative;
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	margin-top: 8px;
	padding-bottom: 14px;
}

#actualites P{
	padding: 0px;
	margin: 0px;
	text-align:justify;
	font-size: 11px;
}
#actualites P.actuDate{
	display: block;
	position: relative;
	padding-top: 0px;
	height: 15px;
}

#actualites P.actuDate SPAN{
	display: block;
	position: absolute;
	top:0px;
	padding-top: 1px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	margin: 0px;
	height: 15px;
	width: 70px;
	font-size: 10px;
	text-align: center;
	color:#FFFFFF;
	background-image:  url("/images/TINT/charte/fd_actualites_date.gif");
	background-position:center top;
	background-repeat:no-repeat;
}
#actualites P.actuDate SPAN.du{
	display: none;
}
#actualites P.actuDate SPAN.debut{
	left: 0px;
}
#actualites P.actuDate SPAN.au{
	display: none;
}
#actualites P.actuDate SPAN.fin{
	left: 80px;
}

#actualites P.actuTitre{
	padding-top: 4px;
	font-size: 11px;
	font-weight: bold;
}
#actualites P.actuEnSavoirPlus{
	position:absolute; 
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	right:0px;
	text-align:right;
	width: 70px;
}
#actualites P.actuEnSavoirPlus A{
	font-size: 10px;
	color: #FF9A00;
	font-weight: bold;
	text-decoration: underline;
}
#actualites P.actuEnSavoirPlus A:hover{
	text-decoration: underline;
}
#navigation LI{
	height: 40px;
}
#navigation A{
	width: 110px;
	height: 40px;
	color: #673B15;
	background-image:  url("/images/TINT/charte/mh_barre_v.gif");
}
#navigation A:hover{
	color: #FFEC00;
	background-image:  url("/images/TINT/charte/mh_barre_v_select.gif");
}
#navigation LI.select A{
	color: #FFFFFF;
	background-image:  url("/images/TINT/charte/mh_barre_v.gif");
}
#navigation LI.select A:hover{
	color: #FFEC00;
	background-image:  url("/images/TINT/charte/mh_barre_v_select.gif");
}
#gauche LI SPAN{
	display: block;
	width: 100%;
	background-image:  url("/images/TINT/charte/mg_pointilles.gif");
	background-position:bottom;
	background-repeat:repeat-x;
}
#gauche A{
	background-image:  url("/images/TINT/charte/mg_fleche.gif");
	background-position:top left;
	background-repeat:no-repeat;
	padding-left: 15px;
	text-decoration:none;
}
#gauche A:hover{
	text-decoration:underline;
}
#gauche LI.mgauche{
	margin-left: 4px;
	margin-right: 20px;
	display: block;
}
#gauche LI.mgauche A{
	color: #40454B;
}
#gauche LI.mgaucheSelect{
	margin-left: 4px;
	margin-right: 20px;
}
#gauche LI.mgaucheSelect A{
	color: #F88B1C;
}
#gauche LI.smgauche{
	padding-left: 9px;
}
#gauche LI.smgauche A{
	color: #40454B;
}
#gauche LI.smgaucheSelect{
	padding-left: 9px;
}
#gauche LI.smgaucheSelect A{
	color: #F88B1C;
}
#rechercher H1{
	display: none;
}
#edito H1{
	display: none;
}
#edito P{
	position:absolute;
	display: block;
	left: 17px;
	top: 13px;
	overflow:hidden;
	width: 170px;
	height: 75px;
	font-size: 10px;
	text-align:justify;
	color: #000000;
}
#edito A{
	position:absolute;
	display: block;
	right: 20px;
	bottom: 10px;
	text-decoration:underline;
	color: #2A95CB;
}
#campus H1{
	display: none;
}
#campus SPAN{
	display: none;
}
#campus A{
	display: block;
	width: 204px;
	height: 118px;
	background-position:center;
	background-repeat:no-repeat;
}
#campus.fr A{
	background-image:  url("/images/TINT/charte/c_campus_fr.jpg");
}
#campus.en A{
	background-image:  url("/images/TINT/charte/c_campus_en.jpg");
}
#reseauxSociaux H1{
	display: none;
}
#reseauxSociaux UL{
	list-style: none;
	margin:0px;
	padding:0px;
}
#reseauxSociaux LI{
	list-style: none;
	float: left;
	margin:0px;
	padding:0px;
	margin-left: 5px;
}
#reseauxSociaux A{
	display: block;
	width: 16px;
	height: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
#reseauxSociaux A SPAN{
	display: none;
}
#reseauxSociaux A.twitter{
	/*background-color:#FFCCCC;*/
	background-image:url(/images/commun/twitter.png);
}
#reseauxSociaux A.facebook{
	/*background-color:#CCFFCC;*/
	background-image:url(/images/commun/facebook.png);
}
#reseauxSociaux A.flickr{
	/*background-color:#CCFFCC;*/
	background-image:url(/images/commun/flickr.png);
}
#reseauxSociaux A.rss{
	/*background-color:#CCCCFF;*/
	background-image:url(/images/commun/rss.png);
}

#voeux H1{
	display: none;
}
#voeux SPAN{
	display: none;
}
#voeux A{
	display: block;
	width: 204px;
	height: 118px;
	background-position:center;
	background-repeat:no-repeat;
}
#voeux.fr A{
	background-image:  url("/images/TINT/charte/c_voeux_tsp_fr.gif");
}
#voeux.en A{
	background-image:  url("/images/TINT/charte/c_voeux_tsp_en.gif");
}

#annonces H1{
	display: none;
}
#annonces SPAN{
/*	display: none;*/
	display: block;
	padding-top: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #003882;
	text-transform:capitalize;
	width: 100%;
}
#annonces A{
	display: block;
	width: 204px;
	height: 118px;
	background-position:center;
	background-repeat:no-repeat;
	text-decoration:none;
}
#annonces A.page{
	background-image:  url("/images/TINT/charte/c_annonce_page.jpg");
}
#annonces A.image{
	background-image:  url("/images/TINT/charte/c_annonce_image.jpg");
}
#annonces A.video{
	background-image:  url("/images/TINT/charte/c_annonce_video.jpg");
}
#annonces A.animation{
	background-image:  url("/images/TINT/charte/c_annonce_animation.jpg");
}
#annonces A.texte{
	background-image:  url("/images/TINT/charte/c_annonce_texte.jpg");
}
#annonces A.document{
	background-image:  url("/images/TINT/charte/c_annonce_document.jpg");
}

#rechercher LABEL{
	display: none;
}
#rechercher INPUT[type=text]{
	width: 105px;
	font-size: 10px;
	margin: 0px;
	margin-right: 0px;
	padding-left: 2px;
	border: 1px solid #666666;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	height: 14px;
	background-color: #FFFFFF;
	color: #000000;
}
#rechercher INPUT[type=submit]{
	/*width: 28px;*/
	background-color: #000000;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	margin: 0px;
	padding: 1px;
}
#rechercher TABLE{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
#rechercher TD{
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
#icones UL{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
	float: right;
	padding-left: 8px;
	background-image: url("/images/TINT/charte/h_icones.gif");
	background-position:left;
	background-repeat:no-repeat;
}
#icones UL LI{
	float: left;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 15px;
	text-align:center;
	background-color:#003882;
}
#icones A{
	margin: 0px;
	padding: 0px;
	display: block;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 10px;
	/*width: 21px;*/
	height: 20px;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration: none;
}
#imprimer H1{
	display: none;
}
#langues H1{
	display: none;
}
#langues SPAN{
	display: none;
}
#langues UL{
	margin: 0px;
	padding: 0px;
	height: 15px;
	display: inline;
	list-style: none;
}

#langues UL LI{
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 4px;
	padding-left: 8px;
	width: 20px;
	height: 15px;
	text-align:center;
}
#langues A{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 20px;
	height: 15px;
	background-position:center center;
	background-repeat:no-repeat;
}
#langues A.fr{
	background-image: url("/images/TINT/charte/mh_langue_fr.gif");
}
#langues A.en{
	background-image: url("/images/TINT/charte/mh_langue_en.gif");
}
#ariane P{
	background-color: #FFF59B;
	color: #7E7E7E;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-left: 4px;
	margin-left: 55px;
	vertical-align:middle;
	font-size: 10px;
	height: 14px;
	background-image: url("/images/TINT/charte/fd_ariane_droite.gif");
	background-position:top right;
	background-repeat:no-repeat;
}
#ariane A{
	color: #7E7E7E;
	text-decoration:none;
}
/*#iconesBas A.accueil {
	background-image: url("/images/TINT/charte/mb_icones_home.gif");
}
#iconesBas A.extranet {
	background-image: url("/images/TINT/charte/mb_icones_extranet.gif");
}
#iconesBas A.acces {
	background-image: url("/images/TINT/charte/mb_icones_acces.gif");
}
#iconesBas A.contacts {
	background-image: url("/images/TINT/charte/mb_icones_contacts.gif");
}
#iconesBas A.plan-site {
	background-image: url("/images/TINT/charte/mb_icones_plan-site.gif");
}
#iconesBas A.mentions-legales {
	background-image: url("/images/TINT/charte/mb_icones_mentions-legales.gif");
}
#iconesBas A.aide {
	background-image: url("/images/TINT/charte/mb_icones_aide.gif");
}*/
#zoom LI{
	height : 40px;
	text-transform:uppercase;
	text-align:left;
	vertical-align:middle;
	list-style-type: none;
	background-image: url("/images/TINT/charte/fd_zoom_p.gif");
	background-position:left top;
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	margin-left: 31px;
	padding-left: 22px;
	margin-right: 31px;
	height : 40px;
}
#zoom A{
	display:block;
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	vertical-align:middle;
	font-size: 10px;
	color:#000000;
	text-decoration:none;
}
#zoom A:hover{
	text-decoration:underline;
}
/* Pas encore traité */
#profils H1{
	display: none;
}
 
#profils UL{
	width: 400px;
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}

#profils UL LI{
	float: left;
	width: 90px;
	margin: 0px;
	padding: 0px;
	height: 21px;
	vertical-align: top;
	text-align:center;
}

#profils A{
	display: block;
	width: 86px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform:uppercase;
	background-image:  url("/images/TINT/charte/fd_profils.gif");
	background-position:center top;
	background-repeat:no-repeat;
}
#profils A:hover{
	color: #38302B;
	text-decoration: none;
	text-decoration:none;
	background-image:  url("/images/TINT/charte/fd_profils_h.gif");
	background-position:center top;
	background-repeat:no-repeat;
}

#profilsBas TABLE{
	text-align:center;
	margin: 1px;
	padding: 0px;
	border-collapse: collapse;
	position:absolute; 
	top: 0px;
	right: 0px;
}
#profilsBas TD{
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	font-size: 10px;
	border-left: 1px solid #F8B100;
	border-right: 1px solid #F8B100;
}
#profilsBas A{
	color: #000000;
	text-decoration: none;
}
#plan{
	border-collapse: collapse;
}
#plan TD{
	vertical-align:top;
	width: 171px;
	margin: 0px;
	padding: 0px;
	border: 4px solid #FFFFFF;
}
#plan DIV{
	width: 171px;
	margin:0px;
	margin-top: 4px;
}
#plan A{
	color: #000000;
	text-decoration: none;
}
#plan A:hover{
	color: #777777;
}
#plan P.rub1{
	width: 171px;
	margin:0px;
	padding: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	color: #FFFFFF;
	background-image:  url("/images/TINT/charte/fd_plan_titre.gif");
	background-position:center top;
	background-repeat:no-repeat;
	text-transform:uppercase;
	text-align:center;
}
#plan P.rub1 A{
	color: #FFFFFF;
}
#plan P.rub1 A:hover{
	color: #FFEC00;
}
#plan P.rub2{
	margin:0px;
	padding-left: 10px;
	border-right: 1px solid #206BA4;
	border-left: 1px solid #206BA4;
	text-align:left;
}
#plan P.rub3{
	margin:0px;
	padding-left: 20px;
	font-style:italic;
	border-right: 1px solid #206BA4;
	border-left: 1px solid #206BA4;
	text-align:left;
}
#plan P.rubF{
	height: 5px;
	background-image:  url("/images/TINT/charte/fd_plan_fin.gif");
	background-position:center top;
	background-repeat:no-repeat;
}
#contenu H1{
	font-size:18px;
	font-weight:normal;
	color:#000000;
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
	background-image:  url("/images/TINT/charte/fd_contenu_h1.gif");
	background-position: bottom;
	background-repeat:repeat-x;
}

#contenu DIV.actuBloc{
	padding: 0px;
	margin: 0px;
	padding-left: 19px;
	margin-top: 8px;
	padding-bottom: 14px;
}
#contenu P.actuDate{
	padding-top: 2px;
}
#contenu P.actuDate SPAN{
	color: #FFFFFF;
	background-color: #003882;
}
#contenu P.actuTitre{
	padding-top: 4px;
	font-size: 11px;
	font-weight: bold;
}
#contenu P.actuEnSavoirPlus{
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0px;
	right:0px;
	text-align:left;
}
#contenu P.actuEnSavoirPlus A{
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
#contenu P.actuEnSavoirPlus A:hover{
	text-decoration: underline;
}
#contenu TABLE{
	border-color: #F8B200;
}
#contenu THEAD TH{
	border-color: #F8B200;
	background-color: #F8B200;
	color:#FFFFFF;
}
#contenu TBODY TH{
/*	color:#F8B200;*/
	border-color: #F8B200;
	background-color: #F8B200;
	color:#FFFFFF;
	text-align: right;
	vertical-align: top;
}
#contenu TD{
	border-color: #F8B200;
}
#contenu CAPTION{
	color: #F8B200;
}
#logoSite IMG{
	display: none;
}
#logoSite A{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 90px;
	height: 90px;
}
#logos H1{
	display: none;
}
#logos UL{
	display: inline;
	list-style: none;
}
#aide{
/*	position: absolute;
	right: 0px;
	top: 35px;
	width: 320px;*/
}
#cp{
	border: 1px solid #000000;
	padding: 2px;
}
#IT A{
	color: #FFFFFF;
	text-decoration:underline;
}
#IT A:hover{
	text-decoration:none;
}
.encart{
	background-image: url(/images/TINT/charte/fd_droite.gif);
}
#logoTwitter{
	position: absolute;
	width: 100px;
	height: 23px;
	z-index: 600;
	bottom: 15px;
	right: 60px;
}
#logoTwitter SPAN{
	display: none;
}
#logoTwitter A{
	display: block;
	width: 100px;
	height: 23px;
	background-image: url(/images/TINT/charte/twitter.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#twitter{
	position:absolute; 
	top: 140px;
	right: 5px;
	width: 207px;
	height: 126px;
	background-image: url(/images/TINT/charte/c_twitter.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
#twitter H1{
	display: none;
}
#twitter #twitterLink{
	display: block;
	position: absolute;
	width: 88px;
	height: 21px;
	top: 0px;
	left: 60px;
}
#twitter #twitterLink SPAN{
	display: none;
}
#twitter_div{
	margin: 20px;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 10px;
	text-align:justify;
}
#twitter UL{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#twitter LI{
	margin-bottom: 7px;
}
}