/* CSS Document */

/*---- éléments page GÉNÉRAUX ---*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
p {
	margin: 0px;
	padding: 0px;
}
ul,li {
	margin:0px;
	padding:0px;
	list-style-type: none ;  /*Suppression des puces*/
}
	
td {
	padding: 0px;
	margin: 0px;
}
h2 {
	font-size:17px;
	}
h2#retrait {
	text-indent: -24px;
}
#date_bleue {
	font-size: 12px;
	font-weight: normal;
	color: #3F7ABB;
}
h3 {
	font-size:14px;
	}

table#titre {
	height: 58px;
	width: 100%;
	position: relative;
	left: 0px;
	background-color: #E6E6E6;
	border-collapse: collapse;
}

table#titre td#txttitre {
	text-align: left;
}

table#titre td#end {
	height: 58px;
	width: 67px;
	background-image: url(../images/titre-end.gif);
	background-repeat: no-repeat;
	background-position: right;
}
/*--- CORPS ---*/

table#contenu {
	position: relative;
	width: 100%;
	border-collapse: separate;
/*	border-spacing: 24px;NON RECONNU PAR IE 6*/	
	padding-right: 6px;
}

table#contenu td#focus {
	width: 140px;
	vertical-align: top;
}
#focus_fixe {
	position: absolute;
	width: 140px;
	left: 24px;
	top: 203px;
	z-index: 5;
}
table#contenu td#intro {
	font-size: 13px;
	color: #3F7ABB;
	width: 69%;
	vertical-align: top;
}
/*Les liens de l'introduction ont la même couleur que le texte courant*/
 td#intro a {
 	color: #3F7ABB;
	}
table#contenu td#intro h2, table#contenu td#intro h3, td#contenutxt h2, td#formulaire h2 {
	color: #3F7ABB;
	margin-top: 0px;
	margin-bottom: 8px;
	font-style: normal;
	font-weight: bold;
	line-height: 1em;
}
table#contenu td#intro p {
	margin-bottom: 6px;
	text-align: justify;
}
table#contenu td#contenutxt,table#contenu td#formulaire {
	border: 1px solid #3F7ABB;
	padding: 20px;
	margin: 10px;
	text-align: justify;
	vertical-align: top;
}
/* hauteur de 90% si l'intro est petite
table#contenu td#contenutxt {
	height:90%;
}*/
/* tandis que le pavé intro est de 10%
table#contenu td#intro {
	height:10px;
} */

table#contenu td#formulaire {
	font-size: 13px;
	color: #3F7ABB;
	background-color: #E1EBF6;
}
table#contenu td#contenutxt h3 {
	color: #8D8D8D;
	font-style: normal;
	font-weight: bold;
	margin: 0 0;
}
table#contenu td#contenutxt ul {
	padding-left: 22px;
}
table#contenu td#contenutxt ul#pad0 {
	padding-left: 0px;
}
table#contenu td#contenutxt ul#pad12 {
	padding-left: 12px;
}
table#contenu td#contenutxt ul#pad16 {
	padding-left: 16px;
}
table#contenu td#contenutxt li#liste1 {
	margin-bottom:10px;
}
ul#ext {
	margin-left: -20px;
}
table#contenu td#contenutxt li {
	margin-bottom: 5px;
}
table#contenu td#contenutxt li#puce_show {
	list-style-position: outside;
	list-style-image: url(../images/puce-liste.gif);
	list-style-type: none;
	margin-bottom: 10px;
}
table#contenu td#contenutxt #puce_telec {
	list-style-position: outside;
	list-style-image: url(../images/puce-telec.gif);
	list-style-type: none;
}
table#contenu td#contenutxt li#puce_telec {
	list-style-position: outside;
	list-style-image: url(../images/puce-telec.gif);
	list-style-type: none;
	margin: 0px 0 10px 0;
}
table#contenu td#contenutxt li#puce_lien {
	/*	list-style-position: inside;
*/	list-style-image: url(../images/puce-lien-petit.gif);
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 10px;
}
table#contenu td#contenutxt li#puce_telec a, table#contenu td#contenutxt li#puce_lien a {
	font-size:12px;
	font-weight:bold;
	color:#F00;
	text-decoration:none;
}
table#contenu td#contenutxt li em {
	color: #8D8D8D;
}
table#contenu td#gouttiere1 {
	padding:4px;
}
table#contenu td#imgdroite {
	/*background-image: url(../../../imgs/4-expertise-h800.jpg);*/
	background-repeat: no-repeat;
      background-position: right top;
	width: 31%;
	overflow: hidden;
	/*clip: rect(10px,10px,10px,10px);*/
	top: 10px;
	height: 500px;	/*border: 1px solid #999999;*/
}

table#contenu td#gouttiere2 {
	padding:1px;
}
table#navigation {
	height: 113px;
	width: 100%;
	max-width:1020px;
	left: 0px;
	top: 0px;
	border-collapse: collapse;
	position: relative;
	margin-bottom:17px;
}
table#navigation td {
	margin: 0px;
	padding: 0px;
	/*border: solid 1px #777;*/
}
table#navigation td#gouttiere3 {
	width: 20px;
}
table#navigation td#logo_isemar {
	width: 167px;
	vertical-align: bottom;
}
table#navigation td#onglets {
	vertical-align: bottom;
}
/*-- table pour contenir les 4 onglets ---*/
table#container_onglets {
	height: 94px;
	width: 580px;
	margin: 0 auto;
	border-collapse: collapse;
	position:relative;/*table positionnée*/
}
table#container_onglets td {
	padding-top:0px;
	width: 145px;
	/*border: thin solid #00CC33;*/
}
table#navigation td#gouttiere4 {
	width: 16px;
}
/*--- déclarations des 4 onglets comme des listes ---*/
ul#nav_institut, ul#nav_activites, ul#nav_ressources,ul#nav_complement {
	background-image: url(../images/navigation-OFF.gif);/*le même fd pour toutes*/
	/*transformée en bloc de même taille chacune*/
	display: block;
	width: 145px;
	height: 94px;
	position: relative;/*absolute le ferait sortir du tableau des onglets*/
	padding: 0;
	margin: 0;
	/*position de la liste ul dans le td*/
	top:0;
	left:0;
}
/*--- position du fond commun pour chaque onglet ---*/
ul#nav_institut {background-position:left top;}
ul#nav_activites {background-position: -145px top;}
ul#nav_ressources {background-position: -290px 0;}
ul#nav_complement {background-position: -435px 0;}

/*Liste verticale pour IE*/
ul#nav_institut li, ul#nav_activites li, ul#nav_ressources li, ul#nav_complement li {
	display:inline;
	}
/*--- taille unique de chaque lien ---*/
ul#nav_institut li a, ul#nav_activites li a, ul#nav_ressources li a, ul#nav_complement li a {
	display: block;
	height: 12px;
	width: 138px;
/*		border: solid 1px #009966;
*/	position: absolute;
	left: 0;
	top: 41px;
}

/*--- fond commun pour chaque lien survolé ---*/
ul#nav_institut li a:hover, 
ul#nav_activites li a:hover, 
ul#nav_ressources li a:hover, 
ul#nav_complement li a:hover {background-image: url(../images/navigation-ON-RED.gif);}

/*--- position des liens de PRESENTATION, ACTIVITES, RESSOURCES, COMPLEMENT ---*/
/*1er rang*/
ul#nav_institut li a#accueil, 
ul#nav_activites li a#recherche, 
ul#nav_ressources li a#notes, 
ul#nav_complement li a#partenaires {left: 0px; top: 29px;
}
/*2e rang*/
ul#nav_institut li a#presentation, 
ul#nav_activites li a#expertise, 
ul#nav_ressources li a#hors_serie, 
ul#nav_complement li a#bibliotheque {left: 0px; top: 41px;
}
/*3e rang*/
ul#nav_institut li a#coordonnees, 
ul#nav_activites li a#publications, 
ul#nav_ressources li a#cartographie, 
ul#nav_complement li a#liens {left: 0px; top: 53px;
}
/*4e rang*/
ul#nav_institut li a#vgb, 
ul#nav_activites li a#formation, 
ul#nav_ressources li a#colloques {left: 0px; top: 65px;
}
/*5e rang*/
ul#nav_activites li a#interventions {left:0px; top:77px;
}

/*--- position du fond commun pour chaque lien survolé de PRESENTATION  ---*/
ul#nav_institut li a#accueil:hover {background-position: 0px -29px;}
ul#nav_institut li a#presentation:hover {background-position: 0px -41px;}
ul#nav_institut li a#coordonnees:hover {background-position: 0px -53px;}
ul#nav_institut li  a#vgb:hover {background-position: 0px -65px;}

/*--- position du fond commun pour chaque lien survolé de ACTIVITES ---*/
ul#nav_activites li a#recherche:hover {background-position: -145px -29px;}
ul#nav_activites li a#expertise:hover {background-position: -145px -41px;}
ul#nav_activites li a#publications:hover {background-position: -145px -53px;}
ul#nav_activites li a#formation:hover {background-position: -145px -65px;}
ul#nav_activites li a#interventions:hover {background-position:-145px -77px; }

/*--- position du fond commun pour chaque lien survolé de RESSOURCES ---*/
ul#nav_ressources li a#notes:hover {background-position: -290px -29px;}
ul#nav_ressources li a#hors_serie:hover {background-position: -290px -41px;}
ul#nav_ressources li a#cartographie:hover {background-position: -290px -53px;}
ul#nav_ressources li a#colloques:hover {background-position: -290px -65px;}

/*--- position du fond commun pour chaque lien survolé de COMPLEMENT ---*/
ul#nav_complement li a#partenaires:hover {background-position: -435px -29px;}
ul#nav_complement li a#bibliotheque:hover {background-position: -435px -41px;}
ul#nav_complement li a#liens:hover {background-position: -435px -53px;}

/*--- ejection des textes des a*/
.eject, table#titre td span, table#container_onglets li a span, span#eject {
	position:absolute;
	left:-5000px;
	top:-5000px;
	text-indent:-5000px;
}


/*--- footer ---*/
table#footer {
	height: 28px;
	width: 100%;
	border-collapse: collapse;
	background-color: #E6E6E6;
	margin-bottom: 20px;
}
table#footer td#begin {
	background-image: url(../images/footer-begin.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 60px;
}
table#footer td#liens {
	text-align: center;
	vertical-align: middle;
	font-size: 9px;
	color: #3F7ABB;
}
table#footer td#liens a {
	color: #3F7ABB;
	text-decoration:none;
}
table#footer td#liens a:hover{
	color: #F00;
}
table#footer td#liens a:visited{
	color:#666666;
}
table#footer td#end {
	background-image: url(../images/footer-end.gif);
	background-repeat: no-repeat;
	background-position: right;
	width: 60px;
}
#comment {
	color: #666666;
	text-align: center;
	margin: 50px auto;
	width: 100px;
	border: thin dotted #999999;
}
#comment a {
	color: #666666;
	text-decoration: none;
}