/* @author Thomas BIZOUERNE
   Site JNM 2007 */

body {
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: url(bg3.jpg) repeat 0 0;
}
   
/************
     Containers   
 *************/

div#conteneur {
	margin: 0 auto ;
	width: 768px ; 
	//width: 770px ; /* Hack => Non interprété par Firefox, pour combler un problème de décalage de 2px */
	text-align: left ;
	border-left: 1px solid black;
	border-right: 1px solid black;
	/*border-bottom: 1px solid black;*/
	/*border: 1px solid black ;*/
	/*-moz-border-radius: 25px;*/
}

div#contenu
{
	text-align: left;
	margin-top: 0px;
	padding: 0 ;
}

div#contenu1
{
	margin: 0;
	padding: 0px 30px 0px 30px ;
}

div#contenu2
{
	margin: 0;
	padding: 0px 30px 0px 30px ;
}

 div#bas_arrondi {
	margin: 0 auto ;
	height: 35px;
	width: 770px ; 
	//width: 770px ; /* Hack => Non interprété par Firefox, pour combler un problème de décalage de 2px */
	text-align: left ;
    background: url(footer.gif) no-repeat;
}


h1#header {
	margin: 0 auto ;
	width: 770px ;
	height: 134px ;
	background: url(page_header.gif) no-repeat center center;
}

div#portlet-news {
	float: right;
	width: 229px;
}

div#news-haut {
	width: 229px;
	height: 40px;
	margin-top: 8px;
	margin-left: 15px;
	background: url(portlet-news-haut.gif) no-repeat center center;
}

div#news-mid{
	width: 229px;
	margin-top: 0px;
	margin-left: 15px;
	background: url(portlet-news-mid.gif) repeat-y center center;
}

div#news-bas {
	width: 229px;
	height: 30px;
	margin-top: 0px;
	margin-left: 15px;
	background: url(portlet-news-bas.gif) no-repeat center center;
}

/* cadre ou sera inscrit le texte de la news (dans le cadre news-mid) */
div#news-text {
	font-family: verdana, arial;
	font-size: 90%;
	padding: 8px 8px 8px 8px;
	margin: 0px 10px 0px 10px;
}

/**********************
**  Styles Textes     **
***********************/

.titre {
	text-align: center;
	font-weight: bold;
	margin-top: 6px;
	margin-bottom: 6px;
	color: #005F9A;
}

.date {
	text-align: right;
	color: gray;
}

.heure {
	text-align: right;
	color: gray;
}

.credit {
	margin-top: 3px;
	font-size: 90%;
	text-align: right;
	color: gray;
}

.textenews {
	text-align: justify;
}

div#contenu h1 {  /* Titres des pages */
	text-align: center;
	margin: 30px auto 30px auto;
	padding: 0 0 0 0px ;
	line-height: 30px ;
	font: 1.4em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #D25807 ;
}

div#contenu h2 {
	text-align: left ;
	margin: 10px 0;
	padding: 0 0 0 25px ;
	/*line-height: 25px ;*/
	font: 1.3em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background: url(pucecontact.gif) no-repeat 0% 8% ;
	color: #152A82 ;
	/*border-bottom: 1px solid #1677B6 ;*/
	text-decoration: underline;
	/*border-top: 1px solid #87CEFF ;*/
}

div#contenu h3 {
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #0174B9 ;
	border-left: 3px solid #0174B9 ;
	color: #0174B9 ;
}

div#contenu h4 {
	margin: 0;
	font-weight: bold;
	font-size:16px;
	color: #0174B9 ;
}

div#contenu h5 {
	text-align: justify ;
	margin: 10px 0;
	padding: 0 0 0 24px ;
	/*line-height: 25px ;*/
	font: 1.1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	background: url(pucecontact.gif) no-repeat 0% 8% ;
	color: #152A82 ;
	/*border-bottom: 1px solid #1677B6 ;*/
	text-decoration: underline;
	/*border-top: 1px solid #87CEFF ;*/
}

div#contenu1 h1 {  /* Titres des pages contenu 2 !! */
	text-align: left;
	margin: 20px auto 20px auto;
	padding: 0 0 0 0px ;
	line-height: 20px ;
	font: 1.4em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	color: #D35808 ;
}

div#contenu1 h2 {
	margin-left: 15px ;
	padding-left: 5px ;
	border-bottom: 1px solid #0174B9 ;
	border-left: 3px solid #0174B9 ;
	color: #0174B9 ;
}


td#partenaire {
	margin: 0;
	padding:0;
	font-weight: bold;
	font-size:15px;
	color: #0174B9 ;
}

div#contenu p {
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}

div#contenu a {
	color: #579435 ;
}

div#contenu a:hover {
	color: #152A82;
}

p#footer
{
	margin: 0 ;
	padding-right: 15px ;
	line-height: 30px ;
	text-align: center ;
	color: gray ;
}

ul#menu
{
	height: 18px ;
	margin: 0 ;
	padding: 4px 0 2px 0;
	padding-left: 5px;
	/*background: url(bg_menu.gif) repeat-x 0 -25px ;*/
	/*background-color: #A9FAFF ;*/
	list-style-type: none ;
	/*border-bottom: 1px solid #1677B6;*/
	border-bottom: 1px solid black;
	/*border-top: 1px solid #1677B6;*/
}
/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menu li
{
	float: left ;
	text-align: center ;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
{
	background: url(puce-mini.gif) no-repeat 0% 0%;
	/*width: 110px ;*/
	padding-left: 20px;
	padding-right: 12px;
	line-height: 16px ;
	font-size: 0.9em ;
	font-weight: bold ;
	letter-spacing: 1px ;
	color: black ;
	display: block ;
	text-decoration: none ;
	/*border-right: 2px solid red ;*/
} /*Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu li a:hover
{
	/*background: url(bg_menu.gif) repeat-x 0 0 ; rollover ? */
	text-decoration: underline overline;
}

p {
margin: 0;
margin-top: 5px;
}

table {
margin: 0;
margin-top: 5px;
font: 12px "Trebuchet MS", helvetica, sans-serif ;
width:90%
}

img#partenaires
{
border: 1px solid #858585
}

img#logouniv
{
border: 0px
}

img#sansbord {
	border:0 solid black;
	margin:0;
	padding:0;
}


/*********************************************************
    Infos pratiques    
 ********************************************************/

span#titreInfo 
{
	font-size: medium;
	font-weight:bold;
	text-decoration: underline;

}

a img#imageInfo 
{
	border: 1px solid #858585;
}


a#lienInfo
{
   color: #000000;
   text-decoration:none;
}

div#contenu a#lienMIAGETitre
{
   color:#FFFFFF;
   text-decoration:none;
}

div#contenu a#lienMIAGE
{
   color:#000000;
   text-decoration:none;
}

div#contenu a#lienMIAGE:hover
{
   color:none;
   text-decoration:underline;
}

div#contenu a#lienMIAGETitre:hover
{
   color:none;
   text-decoration:underline;
}


/*********************************************************
    Home Page    
 ********************************************************/

table#homepage
{
	width: 100%;
	height: 425;
	margin: 0;
	border-bottom: 1px solid #BBBBBB;
}

table#homepage1
{
	width: 100%;
	height: 100%;
	margin: 0;
}

table#homepage2
{
	width: 100%;
	height: 100%;
	margin: 0;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
}

td#hp1
{
	height: 5px;
	border-bottom: 1px solid #BBBBBB;
}

td#hp2
{
	vertical-align: top;
	margin: 0;
	border-bottom: 1px solid #BBBBBB;
}

td#hp3
{
	text-align:left;
	color:#000099;
	vertical-align:top;
	margin: 0;
	padding: 10px 5px 0 5px;
}

ul#hp
{
	margin:0;
	margin-left:20px;
	margin-right: 10px;
	padding:0;
	font-family: verdana, arial;
	font-size: 90%;
	list-style-position:inside;
	list-style-type:disc;
	/*list-style: disc url(pucebleue.gif) inside;*/
	
}

ul#hp li
{
	margin:0;
	margin-bottom:5px;
	padding-left:0;
	color:#000099;
}


table#homepage1 h1 {
	text-align: center ;
	margin: 0;
	padding: 0;
	color: #152A82 ;
}

table#homepage2 h1 {
	text-align: left ;
	margin: 0;
	padding:0;
	padding: 0 0 0 20px;
	background-color: #0174B9 ;
	/*background: url("fondbleu50.gif") repeat ;*/
	color: #FFFFFF ;
}

td#texte
{
	text-align:left;
	vertical-align: top;
	margin: 0;
	padding:10px 20px 10px 10px;
	font: 12px "Trebuchet MS", helvetica, sans-serif ;
	border-bottom: 1px solid #BBBBBB;
}

td#texte table {
	width:100%;
	margin:0;
}

td#texte2
{
	text-align:justify;
	vertical-align: top;
	padding:10px 10px 10px 10px;
	margin: 0;
	font: 12px "Trebuchet MS", helvetica, sans-serif ;
}

td#texte2 table {
	width:100%;
	margin:0;
}

span#dates
{
	color:#CC6600;
	font-size:16px;
	font-weight:bold;
	text-decoration:undeline;
}

span#titreshp
{
	color:#CC6600;
	font-size:14px;
	font-weight:bold;
	text-decoration:undeline;
}

span#horaire
{
	color:#CC6600;
	font-size:11px;
}
td#hp3	table td
{
	text-align:left;
	color:#000099;
}

span#textpuce
{
	padding: 10px 0 0 2px
}


/************************************************/

.titrevideo {
	line-height: 28px;
	padding-left: 15px;
	background:url("puce-mini.gif") no-repeat left center;
	font-weight: bold;
	font-size: 14px;
	color: #0174B9;
}

div#hotel {
margin: 0;
margin-top: 5px;
padding: 0 0 0 20px;
}

ul#video {
margin: 0;
margin-top: 5px;
margin-bottom: 5px;

}

img#phdroite
{
	border-left:1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}

table#programme
{
	width:100%;
	margin:0;
}

table#infos
{
	width:90%;
	margin:0;
	margin-top: 20px;
	margin-bottom: 5px;
}

table#programme table
{
	margin-left:60px
}

table#programme h2
{
	margin-left:30px
}

td#photos img
{
	border: 1px solid black;
	border-right:0;
}

img#contacts
{
	margin:0;
	padding:0;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

table#contacts
{
width:100%;
margin:0;
padding:0
}

table#contacts div
{
padding-left:30px
}

div#contenu h3 img{
	border:1px solid #0174B9;
	border-top:0;
	float:right;
	margin:0;
	padding:0;
}

/***************************************************/

img#acces
{
	border: 1px solid black;
	float: none;
}