body {
	margin-top: 0px;
	font-family: Trebuchet MS;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	
	}
	
/* autre couleur de fond testée:#5F9EA0 */
#conteneur {
	width: 770px;	
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border: solid;
border-color: Black;
border-width: 1px;	
	
	
}

#titre,#footer
{
	width: 770px;
	height: 30px;
	clear: both;	
	}
/* Premier bandeau: liens Contact, Mailng list, rechercher, ecran */
	#bandeau0 {
	width:770;
	height:20px;
	text-align: center;
	clear: both;
	background-image: url(IMG/bandeau_1.gif);
}
/* Deuxième bandeau: affichage CNGE logo et titre */
#bandeau {
	height: 78px;
	width:770;
clear: both;
	border-top: 1px solid #999999;
	background-image: url(IMG/bandeau_2.gif);
	}	

/* Troisième bandeau: affichage des menus déroulants */
#bandeau2 {
vertical-align: top;
	height: 25px;
	background-image: url(IMG/bandeau_3.gif);
	width:770;
	text-align: left;
	clear: both;
}
/* Bandeau d'affichage de hiérarchie pour articles et rubriques */
#bandeau3 {
vertical-align: bottom;
background-color: White;
margin: 3px 20px 3px 20px;
text-align: center;}


#bandeau4 {
vertical-align: bottom;
background-color: Yellow;
margin: 3px 20px 3px 20px;
text-align: center;}

/* Positionnement hyperliens bandeau0 */
.titre1 {
float: left;
margin-left: 10px;
}

	
/* Les panneaux cachés: rechercher, contact, mailing list */

#contenu-search,#contenu-mailing,#contenu-contact {		
position: absolute;
float: left;
margin-top: 120px;
width:770px;

text-align: center;
	border-top: 1px solid #999999;
	background-color: ActiveBorder;
	border:1px solid #000000;	
	z-index: 50	
}

#contenu-contact2 {		
position: absolute;
float: left;
margin-top: 120px;
margin-left: 15%;
width:500px;

text-align: center;
	border-top: 1px solid #999999;
	background-color: #F5F5F5;
	border:1px solid #000000;	
	z-index: 50	
}
/* le logo panneau rechercher */
# logo-search {
	float: left;
	margin: 5px 5px 5px 10px;

}

/* La recherche */
#recherche {
float: left;
	margin: 15px 5px 5px 20px;
}



#formulaire-contact {
	float: left;
}
#logo-contact {
float: left;
	
	}
#contenu-mail-list {
	position: absolute;
	height: 78px;
	border-top: 1px solid #999999;
	background-color: ThreedLightShadow;
	border:1px solid #000000;	
	z-index: 50	;
	
		
}

#fermer-search, #fermer-contact, #fermer-mail
{
clear: both;
margin: 10px 0px 20px 20px;
}
/* fin panneaux cachés */
/* 1-2 Le corps de page  */

#corps-de-page {
	float: left;
	padding: 10px;
	width: 770px;
	font-family: Arial;
	font-size: 12px;
	
}

/* Le contenu de page */
#titre {
	float: left;
	width: 300px;
	height: 20px;
	}


.text1 {
font-size: 14px;
font-weight: bold;	
}

.text_article {
	background-color: White;
	padding: 20px;
	}
	

#article_liste {
float: left;
vertical-align: text-top;
/*height: 160px;*/
width: 330px;
padding: 2px 2px 2px 15px;
margin: 2px 2px 2px 15px;

}

#article {	
margin: 15px;

}

#article_ascenseur {	
margin: 15px;
overflow: auto;
height: 600px;
}

#overflow {
	overflow: auto;
	
	}

separateur_article {
	float: left;
	width: 770px;
}


#contenu {
	float: left;
	width: 770px;
	height: auto;
	background-image: url(IMG/fond.gif);

}
	
#onglet-gauche {

float: left;
	width: 170px;	
	line-height: 13px;
	}
	

#onglets {
	float: left;
	margin-top: 2px;
	margin-left: 8px;
	width: 90px;
	line-height: 13px;
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
		}

#onglets  a 
{
	display: block; 
	padding: 3px 1px; 
	margin: 0px 0px 1px 0px; 
	border-width: 0;
	text-decoration: none;
	text-align: center; 
	color: White; 
	background-color: Black;
}
#onglets a:hover {color: #000000; background: #CCCCCC; text-decoration: none;
}
#onglets a span {display: none;}
#onglets a:hover span {
	display: block;
	position: absolute;
	float: left;
/*	text-align: center;*/
	top: 142px; 
	left: 420px;
	right: 400px;
	width: 350px;
	padding: 1px; 
	z-index: 100;
	font-weight: 300;
	font-family: tahoma,arial,helvetica,sans-serif; 
	color: #000000; 
}

/* onglets article */
#onglets-art {
	float: left;
	margin-top: 2px;
	margin-left: 8px;
	width: 130px;
	line-height: 13px;
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
		}

#onglets-art  a 
{
	display: block; 
	padding: 3px 1px; 
	margin: 0px 0px 1px 0px; 
	border-width: 0;
	text-decoration: none;
	text-align: center; 
	color: White; 
	background-color: Black;
}
#onglets-art a:hover {color: #000000; background: #CCCCCC; text-decoration: none;
}
#onglets-art a span {display: none;}
#onglets-art a:hover span {
	display: block;
	position: absolute;
	float: left;
/*	text-align: center;*/
	top: 142px; 
	left: 450px;
	right: 400px;
	width: 350px;
	padding: 1px; 
	z-index: 100;
	font-weight: 300;
	font-family: tahoma,arial,helvetica,sans-serif; 
	color: #000000; 
}

/* 1-3 Le footer  */
#footer {
width: 770px;
border: solid;
border-color: Black;
border-width: 1px;	
text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}