/* CSS Document Tougas site */

/*** COULEURS PRINCIPALES:
	- #E7E8E9; gris pâle
	- #918F8F; gris foncé bordures
	- #999; menu repos
	- #666; menu on
	- #3300FF; lien
 *** VISUELS : Chemin RELATIF à partir d'ICI, à partir de l'emplacement de la feuille de style (dossier INC) et non de celui du fichier appelant ces styles
*/

/******   FORMATAGE GENERAL : REGLES BALISES Communes à toutes les pages    ******/
/***   Redéfinition des balises classiques dont la val par défaut des attributs est affectée librement par les navigateurs   ***/

html, body { height:100%; width:100%;}
body { font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#000;}
*{ margin:0; padding:0;} /* Corps total, paragraphes, titres, listes, tableaux, liste de définition... */
h1, h2, h3, h4, th{	font-size:100%;	font-weight:normal;} /* Pas d'influence des balises sur la taille de la police */
img{ text-decoration:none; border:0px none;} /* Contre la bordure bleue autour des img liens */
 /* + img vertical-align:bottom; Contre le traitement "en ligne" réservé à IMG en XHTML */ 
ul{ list-style-type:none;}
map{ cursor:pointer; }/* Pour Firefox utiliser un lien plutôt qu'une map */
a{ text-decoration:none; color:#000;}
/* Classiques */
.exposant{ vertical-align:text-top;	font-size: 70%; line-height:normal;}
.dis_block{ display:block;}
.flot_d{ float:right;}
.flot_g{ float:left;}
.txt_ital{font-style:italic;}
.txt_gras{font-weight:bold;}


/******    Règles dédiées au site    ******/
body{
	text-align:center; /* centrage pour IE */
	background-color: #FFF; 
}
#global{ 
	position:relative;
	margin:0 auto; /* centrage horizontal */
	width:782px;
	text-align:left;
	}
#bande_titre{ padding:7px 0 0 11px;}
#bandeau{ 
	width:100%; height:90px; 
	background:url(../visuel/bandeau-tougas.jpg) 11px 0 no-repeat;
}
#menu_col{
	position:absolute; left:0; top:150px; width:99px; /* top= 7px(padding top #bande_titre) + 42px(H logos) + 90(H bandeau) +11(padding top #menu_col) = 150px */
	padding-left:11px;
	text-align:right;
}
div.contenu{ 
	margin:11px 11px 0 110px; padding:11px 0 20px 16px;
	border:1px solid #918F8F; border-right-width:0px;
}
#footer{ padding-right:11px;}

/* Bande haute */
#img_titre{ margin-right:277px;}
#bande_titre a{ margin-left:15px;}
/* Menu principal */
#menu_ppal{
	padding-top:15px;
 	font-size:10px;
}
#menu_ppal li{ margin-bottom:10px; padding-right:15px;}
#menu_ppal li a, li.pg_courant{ color:#999;}
#menu_ppal li a:hover{ color:#666;}
li.pg_courant{ background:url(../visuel/puce-menu.gif) 100% 50% no-repeat;}

/* Contenu central */
img.multi_carre{
	margin-left:16px;
	float:right;
}
div.contenu p{ 
	margin-bottom:8px; 
	line-height:20px;
}
ul.list_download{ margin:30px 0;}
ul.list_download li { margin-bottom:8px; padding-left:25px;}
ul.list_download li a{ text-decoration:underline; color:#3300FF;}	
li.logo_pdf{ background:url(../visuel/pdf-ico.gif) 0 0 no-repeat;}
ul.list_arg {
	list-style-type: none;
	line-height: 20px;
	padding-left: 12px;
	margin-bottom: 8px;
}
ul.list_arg li {
	margin-bottom: 8px;
}
li.puce1 {
	list-style-type:square;
	color : #999;	
}
li.puce1 span {
	color : black;	
}
li.puce2 {
	list-style-type:circle;
	margin-left: 12px;
	color : #999;	
}
li.puce2 span {
	color : black;	
}
h1.lex1{
	font-weight:bold;
	color:#999999; 
}
table#lexique {
    /*border: solid #000 0px;*/
	width: auto;
}
table#lexique td {
    padding-bottom: 15px;
}
.definition {
	font-size:12px;
    color: #000000;
    text-align: justify;
	vertical-align:top;
}
.mot {
	font-size:11px; color:#999999; text-transform: uppercase ;
    text-align: right;    padding-right: 15px; letter-spacing: 0.5px;
    width: auto;
	vertical-align:top;
}
.legal_texte {
	font-size:12px;
    text-align: justify;
	margin-bottom:8px;
}
.legal_titre {
	font-size:11px; color:#999999; text-transform: uppercase ;
    text-align: left;
	margin-bottom:8px;
}
div.contenu h3{ 
	font-weight:bold; font-size:14px; color:#999999; font-variant:small-caps;
	margin-bottom:7px;
}
#ascenceur{
	height:290px; width:335px; overflow:scroll;}
#img-coupe{ margin:7px 0 0 32px;}
#last_p{ margin-bottom:40px;}
/* Contrôle espace blanc du bas de div.contenu */
#lixiviats { padding-bottom:60px;}
#paysage { padding-bottom:100px;}

#prov{ padding:100px 0 100px 40px; font-size:18px; color:#999999;}

/* Bas de page */
#footer li{
	float:right;
	border:1px solid #918F8F; border-top-width:0px; border-right-width:0px;
	background-color:#E7E8E9;
}
#footer a{ 
	display:block; 
	font-size:11px; color:#666;
	padding-left:5px;
	width:95px;
}
#fin_bord{border-right:1px solid #918F8F;}
#footer a:hover{ 
	background-color:#F4F5F5;
	color:#4D4D4D;
}