body { 
	background-color: #2d2d2d;
	font-family: Arial;
	font: normal 12px arial, sans;
	margin: 0pt;
	padding: 0pt;
	text-align: center;
}

#container {
	margin: 0pt auto;
	padding: 0pt;
	/*position: relative;*/
	text-align: left;
}

h1.petit {
	font: normal 1em arial, sans;
}

h1.grand{
	font: bold 1em arial, sans;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

h1.grand02{
	font: bold 1em arial, sans;
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
}

h2{
	padding: 0;
	margin: 0;
}

h2.chapitre{
	padding: 0;
	margin: 0;
	font: normal 1em arial, sans;
}

h2 span{
	display: none;
}

/*  bandeau*/

#bandeau{
	position: absolute;
	height: 140px;
	top: 0px;
	left: 0px;
	width: 100%;
}

#bandeau #elements-bandeau{
	width: 1000px;
	height: 140px;
	margin: auto;
}

#elements-bandeau #menu2{
	height: 25px;
	text-align: right;
}

#elements-bandeau #menu2 ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#elements-bandeau #menu2 li{
	float: right;
	background: url(../../medias/nd-wai/communs/sepa-menu2.gif) no-repeat left 8px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 5px;
	font-family: Verdana;
	font-size: 0.8em;
	color: #c0c0c0;
}

#elements-bandeau #menu2 li a{
	color: #c0c0c0;
	text-decoration: none;
}

#elements-bandeau #menu2 li a:hover{
	color: #c0c0c0;
	text-decoration: underline;
}

#elements-bandeau #menu-principal{
	display: block;
	height: 115px;
	clear: both;
}

#elements-bandeau #menu-principal #logo{
	width: 277px;
	height: 59px;
	float: left;
	background: url(../../medias/nd-wai/communs/logo.gif) no-repeat;
	margin-top: 21px;
}

#elements-bandeau #menu-principal #logooffline{
	width: 277px;
	height: 59px;
	float: left;
	background: url(logo.gif) no-repeat;
	margin-top: 21px;
}

#elements-bandeau #menu-principal #logooffline span{
	display: none;
}

#elements-bandeau #menu-principal #logooffline a{
	display: block;
	width: 277px;
	height: 59px;
}

#elements-bandeau #menu-principal #logo span{
	display: none;
}

#elements-bandeau #menu-principal #logo a{
	display: block;
	width: 277px;
	height: 59px;
}

#elements-bandeau #menu-principal #menu1{
	float: right;
	height: 19px;
	width: 585px;
	margin-top: 54px;
}

#elements-bandeau #menu-principal #menu1 ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#elements-bandeau #menu-principal #menu1 li{
	float: left;
	padding-right: 20px;
}

#elements-bandeau #menu-principal #menu1 li a{
	display: block;
}

#elements-bandeau #menu-principal #menu1 li a span{
	display: none;
}

a#btn-menu01{
	background: url(../../medias/nd-wai/communs/agence.gif);
	width: 87px;
	height: 19px;
}

a#btn-menu01:hover{
	background: url(../../medias/nd-wai/communs/agence_over.gif);
}

a#btn-menu01.selected{
	background: url(../../medias/nd-wai/communs/agence_select.gif);
}

a#btn-menu02{
	background: url(../../medias/nd-wai/communs/metier.gif);
	width: 84px;
	height: 19px;
}

a#btn-menu02:hover{
	background: url(../../medias/nd-wai/communs/metier_over.gif);
}

a#btn-menu02.selected{
	background: url(../../medias/nd-wai/communs/metier_select.gif);
}

a#btn-menu03{
	background: url(../../medias/nd-wai/communs/ref.gif);
	width: 118px;
	height: 19px;
}

a#btn-menu03:hover{
	background: url(../../medias/nd-wai/communs/ref_over.gif);
}

a#btn-menu03.selected{
	background: url(../../medias/nd-wai/communs/ref_select.gif);
}

a#btn-menu04{
	background: url(../../medias/nd-wai/communs/contact.gif);
	width: 98px;
	height: 19px;
}

a#btn-menu04:hover{
	background: url(../../medias/nd-wai/communs/contact_over.gif);
}

a#btn-menu04.selected{
	background: url(../../medias/nd-wai/communs/contact_select.gif);
}


/* sous-menu 01 */
#elements-bandeau #menu-principal #menu1 #sous-menu01{
	height: 25px;
	float: left;
	width: 480px;
	margin-top: 8px;
	display: block;
}

#menu1 #sous-menu01 ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu1 #sous-menu01 li{
	/*float: left;*/
	/*padding-right: 20px;*/
	color: #c0c0c0;
	font-size: 11px;
	background: url(../../medias/nd-wai/communs/point-menu2.gif) no-repeat left 9px;
	padding-left: 8px;
	text-transform: uppercase;
}

#menu1 #sous-menu01 li a{
	color: #c0c0c0;
	text-decoration: none;
}

#menu1 #sous-menu01 li a:hover{
	color: #c0c0c0;
	text-decoration: underline;
}

#menu1 #sous-menu01 li a.select{
	color: #c0c0c0;
	text-decoration: underline;
}
/* */

/* sous-menu 02 */
#elements-bandeau #menu-principal #menu1 #sous-menu02{
	height: 25px;
	float: left;
	width: 380px;
	margin-top: 8px;
	padding-left: 107px;
	display: block;
}

#menu1 #sous-menu02 ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu1 #sous-menu02 li{
	/*float: left;*/
	/*padding-right: 20px;*/
	color: #c0c0c0;
	font-size: 11px;
	background: url(../../medias/nd-wai/communs/point-menu2.gif) no-repeat left 9px;
	padding-left: 8px;
	text-transform: uppercase;
}

#menu1 #sous-menu02 li a{
	color: #c0c0c0;
	text-decoration: none;
}

#menu1 #sous-menu02 li a:hover{
	color: #c0c0c0;
	text-decoration: underline;
}

#menu1 #sous-menu02 li a.select{
	color: #c0c0c0;
	text-decoration: underline;
}
/*  */

/* sous-menu 04 */
#elements-bandeau #menu-principal #menu1 #sous-menu04{
	height: 25px;
	/*float: left;*/
	width: 300px;
	/*margin-top: 8px;*/
	/*padding-left: 350px;*/
	/*display: block;*/
	/*clear: both;*/
	position: relative;
	left: 350px;
	top: 8px;

}

#menu1 #sous-menu04 ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu1 #sous-menu04 li{
	/*float: left;*/
	/*padding-right: 20px;*/
	color: #c0c0c0;
	font-size: 11px;
	background: url(../../medias/nd-wai/communs/point-menu2.gif) no-repeat left 9px;
	padding-left: 8px;
	text-transform: uppercase;
}

#menu1 #sous-menu04 li a{
	color: #c0c0c0;
	text-decoration: none;
}

#menu1 #sous-menu04 li a:hover{
	color: #c0c0c0;
	text-decoration: underline;
}

#menu1 #sous-menu04 li a.select{
	color: #c0c0c0;
	text-decoration: underline;
}
/*  */

/* fin bandeau  */

/* home */
#contenu-home{
	height: 450px;
	background: #373938;
	position: relative;
	margin-bottom: 140px;
	top: 140px;
}

#contenu-home #elements-home{
	width: 1000px;
	margin: auto;
	height: 450px;
}

#contenu-home #elements-home #gauche-home{
	width: 520px;
	height: 450px;
	float: left;
}

#gauche-home #edito{
	width: 520px;
	height: 190px;
	padding: 85px 0 0 0;
	background: url(../../medias/nd-wai/home/tit-edito.gif) no-repeat left 60px;
	font-size: 0.9em;
	color: #fff;
	line-height: 14px;
}


/* Blocs actus  */
#gauche-home #bloc-actus{
	width: 520px;
	height: 155px;
}

#gauche-home #bloc-actus #news{
	width: 165px;
	float: left;
	margin-right: 11px;
}

#gauche-home #bloc-actus #news #tit-news{
	background: url(../../medias/nd-wai/home/tit-news.gif) no-repeat;
	display: block;
	width: 165px;
	height: 26px;
}

#gauche-home #bloc-actus #news #tit-news span{
	display: none;
}

#gauche-home #bloc-actus #lancement{
	width: 165px;
	float: left;
	margin-right: 11px;
}

#gauche-home #bloc-actus #lancement #tit-lancement{
	background: url(../../medias/nd-wai/home/tit-lancement.gif) no-repeat;
	display: block;
	width: 165px;
	height: 26px;
}

#gauche-home #bloc-actus #lancement #tit-lancement span{
	display: none;
}

#gauche-home #bloc-actus #nouveauxclients{
	width: 165px;
	float: left;
}

#gauche-home #bloc-actus #nouveauxclients #tit-nouveauxclients{
	background: url(../../medias/nd-wai/home/tit-nouveauxclients.gif) no-repeat;
	display: block;
	width: 165px;
	height: 26px;
}

#gauche-home #bloc-actus #nouveauxclients #tit-nouveauxclients span{
	display: none;
}

.zone-visuel-actus{
	margin-top: 5px;
	width: 163px;
	height: 61px;
	border: solid #adaeae 1px;
}

.txt-actus{
	margin-top: 5px;
	color: #fff;
	font-size: 0.9em;
}

.txt-actus a{
	color: #fff;
	text-decoration: none;
}

.txt-actus a:hover{
	color: #fff;
	text-decoration: underline;
}

/* fin blocs actus */
.clear {
	clear: both;
}

#contenu-home #elements-home #droite-home{
	width: 480px;
	background-color: #2200ff;
	float: right;
	height: 450px;
	background: url(../../medias/nd-wai/home/fond-joelle.jpg) no-repeat;
}

.bold-vert{
	font-weight: bold;
	color: #cfec63;
}


/* fin home */

#footer{
	display: block;
	height: 70px;
}

#footer #elements-footer{
	width: 1000px;
	margin: auto;
	font-size: 0.8em;
	font-family: Verdana;
	color: #c0c0c0;	
	padding-top: 28px;
	height: 42px;
}

#footer #elements-footer a{
	text-decoration: none;
	color: #c0c0c0;
}

#footer #elements-footer a:hover{
	text-decoration: underline;
	color: #c0c0c0;
}

/* pages  */
#contenu-pages{
	/*height: 500px;*/
	background: #373938;
	position: relative;
	margin-top: 140px;
	padding-bottom: 20px;
/*	margin-bottom: 20px;*/
/*	top: -140px;*/
}

/* Pourquoi ND */
#contenu-pages #pourquoi-nd{
	width: 1000px;
	margin: auto;
	/*height: 500px;*/
}

#pourquoi-nd #gauche-pourquoi-nd{
	width: 422px;
	float: left;
	background: url(../../medias/nd-wai/pages/fond-pourquoi-nd.gif) no-repeat left top;
	height: 414px;
}

#pourquoi-nd #droite-pourquoi-nd{
	width: 575px;
	float: right;
}

/* Poles et compétences */
#contenu-pages #competences{
	width: 1000px;
	margin: auto;
}

#competences #gauche-competences{
	width: 422px;
	float: left;
	background: url(../../medias/nd-wai/pages/fond-competences.gif) no-repeat left top;
	height: 414px;
}

#competences #droite-competences{
	width: 575px;
	float: right;
}

/* mentions */
#contenu-pages #mentions{
	width: 1000px;
	margin: auto;
}

#mentions #gauche-mentions{
	width: 50px;
	float: left;
	height: 414px;
}

#mentions #droite-mentions{
	width: 940px;
	float: right;
}


/* plan du site */

#contenu-pages #plan-site{
	width: 1000px;
	margin: auto;
}

#plan-site #gauche-plan-site{
	width: 422px;
	float: left;
	background: url(../../medias/nd-wai/pages/fond-plan-site.gif) no-repeat left top;
	height: 364px;
	margin-top: 50px;
}

#plan-site #droite-plan-site{
	width: 575px;
	float: right;
}

/* Solutions */
#contenu-pages #solutions{
	width: 1000px;
	margin: auto;
}

#solutions #haut-solutions{
	display: block;
}

#solutions #haut-solutions #fond-solutions{
	float: left;
	background: url(../../medias/nd-wai/pages/fond-metiers.jpg) no-repeat left top;
	width: 320px;
	height: 228px;
}

#solutions #haut-solutions #acces-solutions{
	float: right;
	width: 576px;
}


#solutions #bas-solutions{
	display: block;
	clear: both;
}

#solutions #bas-solutions #contenu-solutions{
	width: 714px;
	float: right;
}

#solutions #bas-solutions #contenu-solutions .vignette-solutions{
	width: 138px;
	float: left;
	margin-top: 40px;
}

#solutions #bas-solutions #contenu-solutions .texte-solutions{
	float: right;
	width: 576px;
}

/* Equipe */
#contenu-pages #equipe{
	width: 1000px;
	margin: auto;
}

#equipe #gauche-equipe{
	/*width: 422px;*/
	float: left;
	height: 414px;
	margin: 0;
	padding: 0;
}

#equipe #droite-equipe{
	width: 575px;
	float: right;
}

.accroche-equipe{
	background: url(../../medias/nd-wai/pages/fleche-blanche.gif) no-repeat left 5px;
	padding-left: 10px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	color: #fff;
	text-transform: none;
	font-size: 1em;
	font-weight: bold;
}

.texte-equipe{
	background: url(../../medias/nd-wai/pages/fleche-blanche.gif) no-repeat left 5px;
	padding-left: 10px;
	display: block;
	margin-bottom: 7px;
	color: #fff;
	text-transform: none;
	font-size: 1em;
	font-weight: normal;
}

.visuel-equipe{
	border: #adadad 1px solid;
	float: right;
	/*text-align: right;*/
	margin: 0 0 10px 10px;
	width: 175px;
	height: 125px;
	clear: both;
}

/*
.sepa{
	background: url(../../medias/nd-wai/pages/sepa.gif) no-repeat;
	height: 1px;
	width: 577px;
	clear: both;
	display: block;
	padding: 0;
	margin: 0;
	float: right;
}*/

.img-sepa{
	padding: 5px 0 5px 0;
}

/* Actualités */
#contenu-pages #actus{
	width: 1000px;
	margin: auto;
}

#actus #gauche-actus{
	/*width: 422px;*/
	float: left;
	height: 414px;
}

#actus #droite-actus{
	width: 575px;
	float: right;
}

.accroche-actus{
	background: url(../../medias/nd-wai/pages/fleche-blanche.gif) no-repeat left 5px;
	padding-left: 10px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.texte-actus{
	background: url(../../medias/nd-wai/pages/fleche-blanche.gif) no-repeat left 5px;
	padding-left: 10px;
	display: block;
	margin-bottom: 7px;
}

.visuel-actus{
	border: #adadad 1px solid;
	float: right;
	margin: 0 0 10px 10px;
	width: 175px;
	height: 125px;
}

/* Eletter */
#contenu-pages #eletter{
	width: 1000px;
	margin: auto;
}

#eletter #gauche-eletter{
	/*width: 422px;*/
	float: left;
	height: 414px;
}

#eletter #droite-eletter{
	width: 575px;
	float: right;
}

#droite-eletter #contenu-eletter #formulaire-eletter{
	float: left;
	width: 273px;
}

#formulaire-eletter fieldset#coordonnees {	/*** Mise en forme des cadres ***/
	margin: 0;
	padding: 0;
	font-style: normal;
	border: 0;
}

#formulaire-eletter legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}

#formulaire-eletter p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0 0 3px 0;
	margin: 0;
}

#formulaire-eletter label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 1.5em;	/*** ... et centrés verticalement. ***/
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}

#droite-eletter #contenu-eletter #visuel-eletter{
	float: right;
	width: 275px;
	height: 320px;
	background: url(../../medias/nd-wai/pages/fond-eletter.jpg) no-repeat left;
}

fieldset#abonnement{
	margin: 0;
	padding: 0;
	font-style: normal;
	border: 0;
	background-color: #00c;
	
}

fieldset#abonnement label{
	/*float: left;*/
	/*text-align: left;	/*** ... et ils sont alignés à droite... ***/
	/*margin: 0;*/
	/*padding: 0;*/
	/*line-height: 1.5em;	/*** ... et centrés verticalement. ***/
	font-size: 0.9em;
	color: #fff;
	font-weight: normal;
	background-color: #cc0;
}

input.eletter{
	border: 0;
	padding: 0;
	margin: 0;
}





/*  */

/* Recrutement */
#contenu-pages #recrutement{
	width: 1000px;
	margin: auto;
}

#recrutement #gauche-recrutement{
	width: 422px;
	float: left;
	height: 510px;
	background: url(../../medias/nd-wai/pages/fond-recrutement.gif) no-repeat left;
}

#recrutement #droite-recrutement{
	width: 575px;
	float: right;
}

.accroche-recrutement{
	background: url(../../medias/nd-wai/pages/fleche-blanche.gif) no-repeat left 5px;
	padding-left: 10px;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	color: #fff;
	text-transform: none;
	font-size: 1em;
	font-weight: bold;
}

.texte-recrutement{
	background: url(../../medias/nd-wai/pages/fleche-blanche.gif) no-repeat left 5px;
	padding-left: 10px;
	display: block;
	margin-bottom: 7px;
	color: #fff;
	text-transform: none;
	font-size: 1em;
	font-weight: normal;
}

a#btn-telechargement{
	background: url(../../medias/nd-wai/pages/btn-telechargement.gif);
	width: 159px;
	height: 19px;
	display: block;
	float: left;
	margin-top: 15px;
	margin-left: 7px;
}

a#btn-telechargement span{
	display: none;
}

/* Contact */
#contenu-pages #contact{
	width: 1000px;
	margin: auto;
}

#contact #gauche-contact{
	width: 422px;
	float: left;
	height: 450px;
	background: url(../../medias/nd-wai/pages/fond-carte.jpg) no-repeat left;
}

#contact #gauche-contact-form{
	width: 422px;
	float: left;
	height: 450px;
	background: url(../../medias/nd-wai/pages/fond-contact.jpg) no-repeat left;
}

#contact #droite-contact{
	width: 575px;
	float: right;
}


#contact #droite-contact-form{
	width: 575px;
	float: right;
}

#gauche-form{
	width: 250px;
	float: left;
	margin-right: 55px;
}

#gauche-form fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	padding: 0;
	font-style: normal;
	border: 0;
}

#gauche-form legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}

#gauche-form p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0 0 3px 0;
	margin: 0;
}

#gauche-form label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 1.5em;	/*** ... et centrés verticalement. ***/
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}

input{
	/*display: block;*/
	width: 250px;
	height: 20px;
	background-color: #d7d7d7;
	border: 0;
}

input.radio {
	float: left;
	width: 20px;
	background-color: #fff;
	clear: both;
}
.inputradio {

	width: 20px;
	height: 20px;
	background-color: #fff;

}



select{
	width: 250px;
	height: 20px;
	background-color: #d7d7d7;
	border: 0;
}

.message{
	width: 250px;
	height: 240px;
	background-color: #d7d7d7;
	border: 0;
}

.mentions-form{
	color: #fff;
	font-size: 0.8em;
	line-height: 0.9em;
	margin-top: 12px;
	clear: both;
	display: block;
}

a#btn-envoyer{
	background: url(../../medias/nd-wai/pages/btn-envoyer.gif);
	width: 90px;
	height: 19px;
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 18px;
}

a#btn-envoyer span{
	display: none;
}

#droite-form{
	width: 250px;
	float: left;
}

#droite-form fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	padding: 0;
	font-style: normal;
	border: 0;
}

#droite-form legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}

#droite-form p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0 0 3px 0;
	margin: 0;
}

#droite-form label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 1.5em;	/*** ... et centrés verticalement. ***/
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}


#adresse-annecy {
	width: 165px;
	/*height: 75px;*/
	float: left;
	margin-right: 40px;
	margin-top: 75px;
	background: url(../../medias/nd-wai/pages/annecy.gif) no-repeat;
	font-size: 1em;
	color: #fff;
	padding-top: 82px;
}

#adresse-lyon {
	width: 165px;
	/*height: 75px;*/
	float: left;
	margin-right: 40px;
	margin-top: 75px;
	background: url(../../medias/nd-wai/pages/lyon.gif) no-repeat;
	font-size: 1em;
	color: #fff;
	padding-top: 82px;
}

#adresse-grenoble {
	width: 165px;
	/*height: 75px;*/
	float: left;
	margin-top: 75px;
	background: url(../../medias/nd-wai/pages/grenoble.gif) no-repeat;
	font-size: 1em;
	color: #fff;
	padding-top: 82px;
}

a#btn-plan{
	background: url(../../medias/nd-wai/pages/btn-plan.gif);
	width: 90px;
	height: 19px;
	display: block;
	float: left;
	margin-top: 15px;
}

a#btn-plan span{
	display: none;
}

a#btn-contactezNous{
	background: url(../../medias/nd-wai/pages/btn-contactezNous.gif);
	width: 147px;
	height: 28px;
	display: block;
	float:right;
	margin-top: 45px;
}

a#btn-contactezNous span{
	display: none;
}

/*  */

/* Références */
#contenu-pages #references{
	width: 1000px;
	margin: auto;
}

#references #gauche-references{
	/*width: 422px;*/
	float: left;
	height: 414px;
	width: 360px;
}

#references #droite-references{
	/*width: 575px;*/
	width: 630px;
	float: right;
	
}

#gauche-references .choix-ref{
	display: block;
	clear: both;
	margin-bottom: 5px;
}

#gauche-references .choix-ref .liste-gauche-ref{
	float: left;
	width: 150px;
	/*height: 50px;*/
	margin: 0 0 0 11px;
}

#gauche-references .choix-ref .liste-gauche-ref ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#gauche-references .choix-ref .liste-gauche-ref li{
	background: url(../../medias/nd-wai/pages/fleche-blanche-pt.gif) no-repeat 3px 4px;
	padding-left: 10px;
	font-weight: normal;
	color: #fff;
	font-size: 0.9em;
	line-height: 11px;
}

#gauche-references .choix-ref .liste-gauche-ref li a{
	text-decoration: none;
	color: #fff;
}

#gauche-references .choix-ref .liste-gauche-ref li a:hover{
	text-decoration: underline;
}

#gauche-references .choix-ref .liste-gauche-ref li a.selected{
	font-weight: bold;
	color: #e0ff68;
}

#gauche-references .choix-ref .liste-droite-ref{
	float: right;
	/*height: 50px;*/
	width: 150px;
}

#gauche-references .choix-ref .liste-droite-ref ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#gauche-references .choix-ref .liste-droite-ref li{
	background: url(../../medias/nd-wai/pages/fleche-blanche-pt.gif) no-repeat 3px 4px;
	padding-left: 10px;
	font-weight: normal;
	color: #fff;
	font-size: 0.9em;
	line-height: 11px;
}

#gauche-references .choix-ref .liste-droite-ref li a{
	text-decoration: none;
	color: #fff;
}

#gauche-references .choix-ref .liste-droite-ref li a:hover{
	text-decoration: underline;
}

#gauche-references .choix-ref .liste-droite-ref li a.selected{
	font-weight: bold;
	color: #e0ff68;
}

.vignette-ref-ligne{
	width: 581px;
	height: 110px;
	display: block;
	clear: both;
	margin-top: 5px;
}

.vignette-ref-ligne .vignette-ref-detail{
	width: 140px;
	margin-right: 7px;
	float: left;
}

.vignette-ref-ligne .vignette-ref-detail .visuel-detail{
	width: 138px;
	height: 83px;
	border: solid #7d7d7d 1px;
}

.border-visuel{
	border: 0;
}

.vignette-ref-ligne .vignette-ref-detail .texte-detail{
	width: 138px;
	font-size: 0.8em;
	color: #fff;
	/*text-transform: uppercase;*/
}

.vignette-ref-ligne .vignette-ref-detail-02{
	width: 140px;
	float: left;
}

.vignette-ref-ligne .vignette-ref-detail-02 .visuel-detail{
	width: 138px;
	height: 83px;
	border: solid #7d7d7d 1px;
}

.vignette-ref-ligne .vignette-ref-detail-02 .texte-detail{
	width: 138px;
	font-size: 0.8em;
	color: #fff;
}

.detail-zoom{
	width: 580px;
	margin-top: 10px;
}

.detail-zoom .visuel-zoom{
	width: 605px;
	height: 360px;
	/*float: right;*/
	margin-bottom:1em;
	margin-right: 8px;
}

.detail-zoom .intro-zoom{
	width: 213px;
	float: left;
	font-size: 0.9em;
	color: #fff;
	font-weight: normal;
}

.detail-zoom .intro-zoom a{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.detail-zoom .intro-zoom a:hover{
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.bold{
	font-weight: bold;
}

/*  */


#menu-gauche{
	width: 275px;
}

#menu-gauche-ref{
	/*width: 275px;*/
	width: 330px;
}

.titre-menu-gauche{
	font-size: 1.3em;
	color: #c3c4c4;
	font-weight: bold;
}

.titre-menu-gauche-02{
	font-size: 1.3em;
	color: #c3c4c4;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.titre-menu-gauche-ref{
	font-size: 1.3em;
	color: #c3c4c4;
	font-weight: bold;
	padding-top: 60px;
	display: block;
	clear: both;
}


.sous-titre-menu-gauche{
	width: 330px;
	/*margin-top: 60px;*/
	/*background-color: #4f5150;*/
	color: #e0ff68;
	font-size: 1em;
	font-weight: bold;
	padding: 2px 0 2px 20px;
	margin-bottom: 5px;
	display: block;
	background: #4f5150 url(../../medias/nd-wai/pages/fleche-verte.gif) no-repeat 10px 4px;
}

#menu-gauche ul{
	width: 330px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 60px;
}

#menu-gauche li{
	/*display: block;*/
	/*background: #4f5150 url(../../medias/nd-wai/pages/fleche-verte.gif) no-repeat 9px 7px;*/
	background-color: #4f5150;
	color: #e0ff68;
	font-size: 1em;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin-bottom: 5px;
	text-transform: uppercase;
}

#menu-gauche li a{
	color: #fff;
	text-decoration: none;
	background: url(../../medias/nd-wai/pages/fleche-blanche02.gif) no-repeat 10px 4px;
	padding-left: 20px;
	display: block;
	width: 255px;
}

#menu-gauche li a:hover{
	color: #e0ff68;
	text-decoration: none;
	background: url(../../medias/nd-wai/pages/fleche-verte.gif) no-repeat 10px 4px;
}

#menu-gauche li a.select{
	color: #e0ff68;
	text-decoration: none;
	background: url(../../medias/nd-wai/pages/fleche-verte.gif) no-repeat 10px 4px;
}



.chemin{
	color: #d7d7d7;
	font-size: 10px;
	float: right;
	margin-top: 3px;
}

.chemin a{
	color: #d7d7d7;
	text-decoration: none;
}

.chemin a:hover{
	color: #d7d7d7;
	text-decoration: underline;
}

#menu-contxt{
	border: #9b9c9c 1px solid;
	padding: 19px;
	width: 538px;
	color: #c0c0c0;
	font-size: 1em;
	font-weight: bold;
	
}

#menu-contxt ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin-top: 10px;
}

#menu-contxt li{
	background: url(../../medias/nd-wai/pages/fleche-grise.gif) no-repeat left 5px;
	padding-left: 8px;
}

#menu-contxt li a{
	color: #c0c0c0;
	text-decoration: none;
}

#menu-contxt li a:hover{
	color: #c0c0c0;
	text-decoration: underline;
}

#titre{
	font-weight: bold;
	font-size: 28px;
	color: #fff;
	margin-top: 58px;
}

.titre-chapitre-vert{
	color: #e0ff68;
	font-weight: bold;
	font-size: 1em;
	background: url(../../medias/nd-wai/pages/fleche-verte.gif) no-repeat left 4px;
	padding-left: 10px;
	display: block;
	margin-bottom: 10px;		
	text-transform: uppercase;
	margin-top: 20px;
	clear: both;
	/*height: 1%;*/
}

.chapitre{
	font-size: 1em;
	color: #fff;
}

.chapitre a{
	color: #fff;
	text-decoration: underline;
}

.chapitre a:hover{
	color: #fff;
	text-decoration: underline;
}

.chapitre ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding: 10px 0 10px 5px;
}

.chapitre li{
	background: url(../../medias/nd-wai/pages/fleche-blanche.gif) no-repeat left 5px;
	padding-left: 10px;
}

.chapitre li a{
	text-decoration: underline;
	color: #fff;
}

.chapitre li a:hover{
	text-decoration: underline;
	color: #fff;
}


a.btn-hautpage{
	background: url(../../medias/nd-wai/pages/btn-hautpage.gif);
	width: 93px;
	height: 19px;
	display: block;
	float: right;
	margin-top: 10px;
}

a.btn-hautpage span{
	display: none;
}

a.btn-hautpage02{
	background: url(../../medias/nd-wai/pages/btn-hautpage.gif);
	width: 93px;
	height: 19px;
	display: block;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

a.btn-hautpage02 span{
	display: none;
}

a.btn-liresuite{
	background: url(../../medias/nd-wai/pages/btn-liresuite.gif);
	width: 79px;
	height: 19px;
	display: block;
	float: left;
	margin-top: 10px;
}

a.btn-liresuite span{
	display: none;
}

a.btn-retourliste{
	background: url(../../medias/nd-wai/pages/btn-retourliste.gif);
	width: 100px;
	height: 19px;
	display: block;
	float: left;
	margin-top: 25px;
}

a.btn-retourliste span{
	display: none;
}

/* Eletter */
#contenu-pages #eletter{
	width: 1000px;
	margin: auto;
}

#eletter #gauche-eletter{
	/*width: 422px;*/
	float: left;
	height: 414px;
}

#eletter #droite-eletter{
	width: 575px;
	float: right;
}

#droite-eletter #contenu-eletter #formulaire-eletter{
	float: left;
	width: 273px;
}

#formulaire-eletter fieldset#coordonnees {	/*** Mise en forme des cadres ***/
	margin: 0;
	padding: 0;
	font-style: normal;
	border: 0;
}

#formulaire-eletter legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: black;
	background: transparent;
}

#formulaire-eletter p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0 0 3px 0;
	margin: 0;
}

#formulaire-eletter label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	text-align: left;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 10px 0 0;
	line-height: 1.5em;	/*** ... et centrés verticalement. ***/
	font-size: 1em;
	font-weight: bold;
	color: #fff;
}
/*
#droite-eletter #contenu-eletter #visuel-eletter{
	float: right;
	width: 275px;
	height: 320px;
	background: url(../../medias/pages/fond-eletter.jpg) no-repeat left;
}
*/
fieldset#abonnement{
	margin: 0;
	padding: 0;
	font-style: normal;
	border: 0;
	background-color: #00c;
	
}

fieldset#abonnement label{
	/*float: left;*/
	/*text-align: left;	/*** ... et ils sont alignés à droite... ***/
	/*margin: 0;*/
	/*padding: 0;*/
	/*line-height: 1.5em;	/*** ... et centrés verticalement. ***/
	font-size: 0.9em;
	color: #fff;
	font-weight: normal;
	background-color: #cc0;
}

.eletter{
	border: 0;
	padding: 0;
	margin: 0;
	/*float: left;*/
	/*width: 150px;*/
}

.radio{
	float: left;
	width: 20px;
	background-color: #373938;
	/*clear: both;*/
	vertical-align: absmiddle;
	border: 0;
	padding: 0;
	margin: 0;
}

.txt-radio{
	/*text-align: left;*/
	font-weight: normal;
	color: #fff;
}

a#btn-envoyer02{
	background: url(../../medias/nd-wai/pages/btn-envoyer.gif);
	width: 90px;
	height: 19px;
	display: block;
	float: right;
	margin-top: 10px;
	margin-right: 8px;
}

a#btn-envoyer02 span{
	display: none;
}

#menu-gauche li.archives_eletter a {
	color: #e0ff68;
	text-decoration: none;
	background: url(../../medias/nd-wai/pages/fleche-verte.gif) no-repeat 10px 4px;
	padding-left: 20px;
	display: block;
	width: 255px;
}

#menu-gauche li.archives_eletter a:hover {
	color: #fff;
	text-decoration: none;
	background: url(../../medias/nd-wai/pages/fleche-blanche02.gif) no-repeat 10px 4px;
	padding-left: 20px;
	display: block;
	width: 255px;
}

.alerte {
	color: #e0ff68;
}

#facebook{
	width:29px;
	height:29px;
	background:url(../../medias/facebook.gif);
	display:inline-block;
	float:left;
	margin:0 10px 0 0px;
}
#facebook:hover{
	width:29px;
	background-position:0 29px;
}


/* fin pages */