/* CSS Document */
/* style à appliquer au body, sans toucher body*/

body{
margin:0;
padding:0;
}
#main {
background-color:#fff;
margin:5px 20px 0px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
width:760px;
}
/* PARTIE 1 : en-tete et titraille*/
#logos {
position:absolute;
border:none;
width:100px;
height:106px;
border:0; 
margin-left:10px;
}

#version {
position:absolute;
left:630px;
	border:none;
	width:32px;
	height:20px;
	top: 100px;
	}

/*titre de la page ou nom de l'équipe*/
#bloc_titres {
position:absolute;
left: 150px;
height:95px;
margin-bottom:10px;
font-weight:bold;
text-indent:0px;
}

.titre {
color:#039;
font-size:14px;
padding-top:5px;
width:650px;
line-height:20px;
}

.dpt {
color:#999;
font-size:12px;
padding-top:5px;
}

.responsable {
color:#039;
font-size:11px;
}

.ligne600{
margin:5px 2px 4px 5px;
font-size:9px;
color:#999;}

/* PARTIE2  positionnement du corps / à titraille */

#corps{
position:absolute;
top:125px;
width:760px;
}


/* MENU horizontal */
.menu_ul{
display:inline;
list-style:none;
/*width:100.5em;*/
margin-top:20px;
margin-left:10px;
/*padding: 7px;
position: absolute;
left:15px;*/
}
.menu_li{
display:inline;
list-style:none;
border-right:1px solid #039;
border-bottom:1px solid #039;
padding:7px;
background-color:#E6E6E6;
margin-left:0px;
}
a {
text-decoration:underline;
margin:0px;
}

/* MENU horizontal sans fond coloré, par ex pour les millésimes des publis */

.list_horiz_ul{
display:inline;
list-style:none;
/*width:100.5em;*/
margin-top:20px;
margin-left:0px;
/*padding: 7px;
position: absolute;
left:15px;*/
}

.list_horiz_li{
display:inline;
list-style:none;
border:none;
padding:12px;
margin-left:0px;
}

/* PARTIE3 : liens */

a:link {
	text-decoration:none;
	color:#039;
	border:none;
	}
	a:visited {
	text-decoration:none;
	color:#0C3;
	border:none;
	}
	a:hover {
	text-decoration:none;
	color:#fff;
	/*font-weight:bold;*/
	background-color:#093;
	border:none;
	}
	a:active{
	text-decoration:none;
	background-color:#333;
	color:red;
	border:none;
	}

/* PARTIE 4 : corps de la page */


p {
margin-left:10px;
text-align:justify;
margin-right:5px;
}

.chef{
font-weight:bold;
}

.espece {
font-style:italic;
}
.grec {
font-family:Symbol;
}

.lettrine{
color:#c09;
font-weight: bold;
font-size:12px;
}

.publications p{
margin-left:30px;
text-align:justify;
text-indent:0px;
width:680px;
}

.coordonnees p{	
	line-height: 16px;
	margin-top:0;
	margin-bottom:0;
}

.bloc_txt_dr{
float:right;
width:400px;
margin-left:50px;
text-align:justify;
padding:2px;
}
.enumeration p{
line-height: 16px;
margin-left:60px;
	margin-top:0;
	margin-bottom:0;
	text-indent:0px;
	}
	
	
.retrait {
margin-left:50px;
margin-top:0;
	margin-bottom:0;
	text-indent:0px;
	}

h1{
color:#039;
font-size:12px;
font-weight:bold;
margin-left:10px;
margin-bottom:20px;
margin-top:20px;
}
h2{
color:#039;
font-size:11px;
font-weight:600;
margin-left:30px;
}
h3{
font-size:11px;
font-weight:bold;
margin-left:50px;
}


/* LES IMAGES : c'est le KK */

/** img à droite, je ne change pas le nom car sur toutes les pp**/
.img_eq {
float:right;
margin-left:5px;
margin-right:5px;
font-size:10px;
text-align:center;
}

.legend_gris{
background-color:#eee;
width:330px;
font-size:10px;
text-align:justify;
padding:2px;
}

/** largeur img max = 400px**/
.legende_300{
float:left;
background-color:#eee;
width:300px;
font-size:10px;
text-align:justify;
padding:5px;
margin:3px 5px 3px 5px;
}
/** largeur img max = 220px**/
.legende_500{
float:left;
background-color:#eee;
width:500px;
font-size:10px;
text-align:justify;
padding:5px;
margin:3px 5px 3px 5px;
}

/** largeur img max = 700px**/

.img_centre {
margin-left:5px;
margin-right:5px;
text-align:center;
}

.legend_centre{
background-color:#eee;
font-size:10px;
text-align:justify;
padding:5px;
}

/** pour alterner les img verticalement : séparer par des br class float, on peut séparer l'img de sa légende**/
.img_g {
float:left;
margin-left:5px;
margin-right:5px;
text-align:center;
}

/** largeur img max = 400px**/
.legende_500_d{
float:right;
background-color:#eee;
width:500px;
font-size:10px;
text-align:justify;
padding:10px;
margin:3px 5px 3px 5px;
}
/** largeur img max = 220px**/
.legende_300_r{
float:right;
background-color:#eee;
width:300px;
font-size:10px;
text-align:justify;
padding:5px;
margin:3px 5px 3px 5px;
}
/**à appliquer à un br ==>margin inutiles ? **/
.dessous_float {
clear:both;
margin-bottom:5px;
margin-top:5px;
}

.legend{
float:right;
background-color:#eee;
width:400px;
margin-left:50px;
font-size:10px;
text-align:justify;
padding:2px;
}
/** 2 styles à virer**/
.legende{
background-color:#eee;
font-size:10px;
text-align:justify;
padding:2px;
}



/* TABLEAU : ex=  les tableaux des équipes*/
table {
background-color:#FFF;
margin-left:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
}
td {
border-right:0.1em solid #c1ccd7;
border-bottom:0.1em solid #c1ccd7;
padding:3px;
min-height:75px;
}
tr {
height:30px;
}


.titre_col{
background-color:#E6E6E6;
color:#090;
font-weight:bold;
text-align:center;
}

/* PARTIE DERNIERE : boutons retour MANQUE-t-il Style pour la ligne de fin ?*/
#retour{
position:absolute;
left:250px;
width:30px;
height:31px;
border:0; 
padding-top:10px;
}
#index{
position:absolute;
left:350px;
width:32px;
height:42px;
border:0; 
}