html, body {height:100%; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:0.85em;}
p, img, ul, li, form {margin:0; padding:0; border:0;}

/* titres */
h1 {font-size:1.7em; color:#c29c5e; margin:25px 0 5px 0;}
h2 {font-size:1.3em}
h3 {}
h4 {font-size:1.3em; margin:10px 0 5px 0; padding-bottom:2px; border-bottom:1px dashed #aaa;}
h5 {font-size:0.8em;}

/* classes générales */
.cache {visibility:hidden;}
.little {font-size:0.85em;}
.alphaPNG {behavior:url('png.htc');} /* pour que la transparence des images en png marche sur ie6 et < ie6 */
/* compris uniquement par IE --> javascript executé sur l'élément ciblé, le fichier htc est à la racine et appelle l'image transparente "blank.gif", !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  bien penser à donner des dimensions à l'image png !!!!!!!!!!!! */
	
body {background-image:url(../../images/fond-bandeau-haut.png); background-repeat:repeat-x;}

/* conteneur bandeau */
#bandeau-haut {height:150px; width:1005px}

	/* logo gtf */
	#logo-gtf {float:left; height:150px; width:300px; text-align:center}
		#logo-gtf img {width:194px; height:75px; margin:30px 0 0 0;}
	
	/* animation flash */
	#conteneur-animation {float:left;}

	/* boutons de la barre de navigation en CSS SPRITES */
			/* AVANT CSS SPRITES */
			/* #boutons-haut img {float:left; margin:1px 2px 0 0} */
	#iconmenu {position: relative; width:650px; height:30px; /*background: url(pattern.gif);*/}
	#iconmenu li {width: 153px; height: 22px; position: absolute; top: 1px; background: url(../../images/sprite.png) 0 0 no-repeat; display: block; list-style: none;}
	#iconmenu a {width: 153px; height: 22px; display: block; text-decoration:none; /*border: solid 1px #fff;*/}
	#iconmenu a:hover {/*border: solid 1px #000;*/}
		#iconmenu #panel1c {left: 0px;}
		#iconmenu #panel2c {left: 153px; background-position: -153px 0;}
		#iconmenu #panel3c {left: 306px; background-position: -306px 0;}
		#iconmenu #panel4c {left: 459px; background-position: -459px 0;}
			#iconmenu #panel1c a:hover {background: url(../../images/sprite.png) -0px -23px no-repeat;}
			#iconmenu #panel2c a:hover {background: url(../../images/sprite.png) -153px -23px no-repeat;}
			#iconmenu #panel3c a:hover {background: url(../../images/sprite.png) -306px -23px no-repeat;}
			#iconmenu #panel4c a:hover {background: url(../../images/sprite.png) -459px -23px no-repeat;}

/* quelle est la page affichée */
#chemin-fer {margin:20px 0 10px 20px;}
	#chemin-fer h2, #chemin-fer h5 {display:inline; } 
	#chemin-fer a {color:#859cab; text-decoration:none;}
	#chemin-fer a:visited {color:#859cab;}
	#chemin-fer a:hover {color:#003399;}

/* utilisateur connecté */
#user-connecte {margin:0 0 30px 0; padding:7px; border:1px dashed #aaa;   }

/* menu gauche de navigation */
#menu {width:285px; margin-left:15px; padding-top:12px; background:url(../../images/fond-menu-top.jpg) top left no-repeat;} 
	/* conteneur global et arrière-plan du titre du cadre */
	#blocmenu {background: url(../../images/fond-menu-bottom.jpg) bottom left no-repeat; padding-bottom: 40px;} 
	/* arrière-plan bas et sur l'ensemble du cadre */ 
	#blocmenu div {margin: 0 30px 0 18px;}
	#contenu-menu {padding-top:1px}


	/* iframe */
	#yframe {width:235px; height:156px; margin:0; padding:0;}
	
	/* logo gmi */
	#logo-gmi {text-align:center; margin-top:25px;}
		#logo-gmi img {margin-top:4px; width:74px; height:49px;}

/* corps de page */
#td-corps-page {width:100%}
#corps-page {margin:0 40px 0 30px; text-align:justify;}

/* encart de texte à droite de l'écran */
.roundedcornr_box_691918 {background: #ffffff url(../../images/roundedcornr_691918_grad.gif) repeat-y top left; width:200px; text-align:justify; font-size:0.95em}
.roundedcornr_top_691918 div {background: url(../../images/roundedcornr_691918_tl.gif) no-repeat top left;}
.roundedcornr_top_691918 {background: transparent url(../../images/roundedcornr_691918_tr.gif) no-repeat top right;}
.roundedcornr_bottom_691918 div {background: url(../../images/roundedcornr_691918_bl.gif) no-repeat bottom left;}
.roundedcornr_bottom_691918 {background: transparent url(../../images/roundedcornr_691918_br.gif) no-repeat bottom right;}
.roundedcornr_top_691918 div, .roundedcornr_top_691918, .roundedcornr_bottom_691918 div, .roundedcornr_bottom_691918 {width: 100%; height: 15px; font-size: 1px;}
.roundedcornr_content_691918 {margin: 0 15px;}

/* footer */
#footer {text-align:center; margin-top:5px;}

/* baseline */
#baseline {background-image:url(../../images/bottom.jpg); background-repeat:repeat-x; height:30px; margin:30px 0 0;}


	/* EXTRANET */
	
	.red {color: #FF0000}
	.green {color: #008000}
	.inactif {color: #FF0000}
	.actif {color: #008000}
	.white {color:#FFFFFF;}
	
	hr {border: none 0; border-top: 1px dashed #aaa; height: 1px;}
	
	/* news de l'extranet */
	#secure-frame {width:200px; height:156px; margin:0; padding:0; margin-left:-10px;} 
	
	/* calendrier */
	#calendrier {margin:15px 10px 0 10px; position:relative; width:230px; background-color: #EDEBEB; border:1px solid #DCDCDC;}
	.titre {
	color: #FFFFFF; 
	background-color:#ff0000;
	text-align:center;
	font-size:11px;
	font-weight: bold;
	}
	.enctitre {
	color:#FFFFFF;
	background-color:#000000;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	}
	.text {
	color: Black; 
	background-color:#9AAEBA;
	text-align:center;
	}
	.date_jour {
	background-color: #9AAEBA;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: Black;
	font-weight: bold;
	}
	.date {
	background-color: #C7DAE6;
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	color: Black; 
	}
	.date_event {
	background-color: #FFFF00;
	font-family: Verdana,Arial,Helvetica,sans-serif;  
	font-weight: bold;
	}
	
	#news-securise {margin:15px 10px 0 10px; position:relative; width:230px; background-color: #EDEBEB; border:1px solid #DCDCDC;}
	/* Parti contenu : tableau des membres, abonnés & agences */
	/* !! attention !! qq uns de ces id sont utilisés en doublon dans la partie back-office */
	#membres-abonnes, #actualites, #agences, #reunions, #liste_reunions, #documents, #societes {border:1px solid #CCCCCC; border-bottom:0;}
	#membres-abonnes td, th {border-bottom:1px solid #CCCCCC;}
	#agences td, th {border-bottom:1px solid #CCCCCC;}
	#actualites td, th {border-bottom:1px solid #CCCCCC;}
	#reunions td, th {border-bottom:1px solid #CCCCCC;}
	#liste_reunions td, th {border-bottom:1px solid #CCCCCC;}
	#documents td, th {border-bottom:1px solid #CCCCCC;}
	#societes td, th {border-bottom:1px solid #CCCCCC;}