/*structure */
body {
	margin:0px; 
	background: url(http://www.ngcrea.fr/images/nuages.jpg) no-repeat center top #69c;
}
.jaune {
	width: 100%; 
	height: 688px; 
	overflow:auto; 
	background: url(http://www.ngcrea.fr/images/jaune.gif) repeat-y top center;
}
.header {
	width: 980px; 
	margin:auto; 
	background: url(http://www.ngcrea.fr/images/ng.gif) no-repeat right top; 
	height: 190px; 
}
.bandelogo {
	width: 100%; 
	height: 362px; 
	background: url(http://www.ngcrea.fr/images/logo.gif) no-repeat center top #fff; 
	
}
.contenucentre {
	width: 980px; 
	height: 362px; 
	margin:auto;
}
.logo {
	float:left; 
	margin: 54px 0px 0px -4px; 
	width: 260px;
}


/*navigation */
#nav {
	width: 187px; 
	height: 362px; 
	float:left;
}
#nav div{
	width: 115px; 
	height: 18px;
}

#nav  a.onglet1 {
	margin: 25px 0px 0px -28px; 
	background: url(http://www.ngcrea.fr/images/onglet_nav_animations_off.png) no-repeat top left; 
	display: block;		
}
#nav a.onglet1:hover {
	background: url(http://www.ngcrea.fr/images/onglet_nav_animations_on.png) no-repeat top left;
}
#nav  a.onglet2 {
	margin: 55px 0px 0px 30px; 
	background: url(http://www.ngcrea.fr/images/onglet_nav_webdesign_off.png) no-repeat top left; 
	display: block;		
}
#nav a.onglet2:hover {
	background: url(http://www.ngcrea.fr/images/onglet_nav_webdesign_on.png) no-repeat top left;
}
#nav  a.onglet3 {
	margin: 55px 0px 0px 46px; 
	background: url(http://www.ngcrea.fr/images/onglet_nav_logos_off.png) no-repeat top left; 
	display: block;		
}
#nav a.onglet3:hover {
	background: url(http://www.ngcrea.fr/images/onglet_nav_logos_on.png) no-repeat top left;
}
#nav  a.onglet4 {
	margin: 55px 0px 0px 32px; 
	background: url(http://www.ngcrea.fr/images/onglet_nav_print_off.png) no-repeat top left; 
	display: block;		
}
#nav a.onglet4:hover {
	background: url(http://www.ngcrea.fr/images/onglet_nav_print_on.png) no-repeat top left;
}
#nav  a.onglet5 {
	margin: 55px 0px 0px -24px;
	background: url(http://www.ngcrea.fr/images/onglet_nav_contact_off.png) no-repeat top left; 
	display: block;		
}
#nav a.onglet5:hover {
	background: url(http://www.ngcrea.fr/images/onglet_nav_contact_on.png) no-repeat top left;
}


/*vignettes */
#vignettes {
	width:535px; 
	height: 309px; 
	position:relative; 
	padding-top: 25px; 
	float:left;
}
#vignettes .masquediaporama {
	position:absolute; 
	z-index: 20; 
	width: 535px; 
	height: 309px; 
	background:url(http://www.ngcrea.fr/images/mask.png) no-repeat top left;
}

.conteneurvignettes {
	width: 535px;
	
}

.vignettes {
	width: 82px;
	height: 82px;
	float:left;
	margin-right: 30px;
	margin-bottom: 30px;
	padding: 0px;
	
}
.vignettesbas {
	width: 82px;
	height: 82px;
	float:left;
	margin-right: 30px;
	padding: 0px;
	
}
.vignettesdroite {
	width: 82px;
	height: 82px;
	float:left;
	margin-bottom: 30px;
	padding: 0px;
	
}
.vignettesdroitebas {
	width: 82px;
	height: 82px;
	float:left;
	padding: 0px;
	border-radius:4px;
}

p#spacer { clear: both; height: 1px; }


.descriptif {
	font: 13px Trebuchet MS; 
	color:#999999; 
	padding-top: 7px;	
}
a.descriptif {
	font: bold 13px Trebuchet MS; 
	color:#6699cc; 
}
a.descriptif:hover {
	font: bold 13px Trebuchet MS; 
	color:#ffcc00; 
}

.champs{
	font: 12px Trebuchet MS; 
	color: #999;
	text-align:left;
	
}
.titre_champs{
	font: bold 14px Trebuchet MS; 
	color: #6699cc;
	text-align:left;
	
}
.intro {
	font: bold 12px Trebuchet MS; 
	color:#ffcc00;
	line-height: 20px;
	padding-right: 40px;
	padding-left: 20px;
	padding-bottom: 23px;
	text-align:left;
	
}
.boutons1 {
	margin-left:81px;
	margin-bottom: 7px;
}
.boutons2 {
	margin-left:0px;	
	margin-bottom: 7px;
}

/*contenu */
#contenubas {
	width: 980px; 
	height: 110px; 
	margin:auto;	
}
#contenubas .conteneur{
	margin: 25px 0 0 0;	
}
#contenubas .rubrique{
	float:left; 
	width: 260px; 
	height: 70px; 
	background: #6699cc; 
	margin: 40px 50px 0 0 ; 
	text-align:center;
}

#contenubas img{
	margin: -10px 0 0 0;
	width: 250px;
	height: 43px;
}

#contenubas .texto{
	float:left; 
	width: 670px;
	text-align:left; 
	font: 12px Trebuchet MS; 
	color: #FFF; 
	line-height: 24px;
}



INPUT { color: #000; font-size: 12px; font-family: Trebuchet MS; background-color: #eeeeee }
SELECT { color: #000; font-size: 12px; font-family: Trebuchet MS; background-color: #eeeeee }
TEXTAREA { color: #000; font-size: 12px; font-family: Trebuchet MS; background-color: #eeeeee }
.txterror { color: #6699cc; font-size: 12px; font-family: Trebuchet MS;}
.txtform { color: black; font-size: 12px; font-family: Trebuchet MS; }
.bouton { background: url(/images/backgnd_bouton.png); text-align:center; font: bold 12px Trebuchet MS; color: #6699cc; width: 150px; height: 30px; border: 0px; }
a.bouton:hover { background: url(/images/backgnd_bouton_hover.png); text-align:center; font: bold 12px Trebuchet MS; color: #6699cc; width: 150px; height: 30px; border: 0px; }