html, body {
	margin:0;
	padding:0;
	}

body {
	font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
	font-size:11px;
	color:#666;
	line-height:1.3em;	
	background-color:#2d2920;
	margin:30px 0 20px 0;
	}

#conteneur {
	position:relative;
	width:760px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	}
#titre_site {
	display:none;
	}
#tete {
	position:relative;
	height:45px;
	background:url(/xmedia/theme/ncdev/images/fond_tete.png) no-repeat top;
	padding:25px 0 0 0;
	}
	
#logo{
	position:absolute;
	right:40px;
	top:0;
	}
	
#cou{
	height:90px;
	margin:0 0 25px 40px;
	padding:0;
	}
	
#corps {
	/*width:720px;
	float:left;*/
	margin:0 40px;	
}

#gauche {
	float:left;
	width:485px;
	padding:0;
	margin:0 0 10px 0;
	}

#droite {
	float:right;
	width:164px;
	margin:0;
	padding:0 0 0 15px;
	/*border-left:1px solid #f2f2f2;*/
	}	

	
#pied {
	height:15px;
	/*width:725px;	
	line-height:25px;*/
	background: url(/xmedia/theme/ncdev/images/fond_pied.png) no-repeat top;	
	margin:0;
	padding:15px 40px 0 0;
	clear:both;
	color:#f2f2f2;
	text-align:right;
	font-size:10px;
	}
#pied img{
	border:none;
	float:right;
	margin:10px 10px 0 0;
	}
.ncdev {
	position:absolute;
	left:40px;
	}	
	
/* Menu
================================= */

#menu {
	background:url(/xmedia/theme/ncdev/images/fond_menu.png) no-repeat;
	width:415px;
	height:45px;
	/*position:absolute;
	top:80px;
	left:0;*/
	margin:0 0 0 40px;
	padding:0;
	}
#menu li{
	list-style:none;
	display:inline;
	font-size:11px;
	}
#menu li a{
	float:left;
	text-align:center;
	display:block;
	margin:0 20px;
	/*width:100px;*/
	height:30px;
	line-height:30px;
	font-size:11px;
	}
#menu li a:link, #menu li a:visited{
	color:#f2f2f2;
	text-decoration:none;
	}
#menu li a:hover{
	color:#2d2920;
	background:url(/xmedia/theme/ncdev/images/menu_off.png) no-repeat bottom center;
	}
.active {
	color:#f2f2f2;
	background:url(/xmedia/theme/ncdev/images/menu_on.png) no-repeat bottom center;
	}

/* sous menu 
============================ */
.sous_menu, .sous_menu li, .sous_menu_services, .sous_menu_services li {
	margin:0;
	padding:0;
	list-style:none;
	font-size:10px;
}

.sous_menu_services li {
	width:138px;
	padding:4px 0 4px 10px;
	border-bottom:1px solid #e5e5e5;
	color:#666;
	text-indent:8px;
	background: url(/xmedia/theme/ncdev/images/fleche.png) no-repeat 5px 10px;
	}

.sous_menu a {
	text-indent:8px;
	background: url(/xmedia/theme/ncdev/images/fleche.png) no-repeat 5px 10px;
	}

.sous_menu a:link, .sous_menu a:visited, .sous_menu a:active {
	border:none;
	display:block;
	width:138px;
	padding:4px 0 4px 10px;
	border-bottom:1px solid #E5E5E5;
	color:#666; 
	}

.sous_menu a:hover {
	background-color:#f8f8f8;
	color: #f63;
	background-position:7px 10px;
	}



/* éléments connexes
============================================== */
p {
	margin:0;
	padding:0;
	text-align:justify;
	}
a:link, a:visited, a:active{
	text-decoration:none;
	color:#f63;
	font-size:10px;
	}

a:hover {
	text-decoration:underline;
	color:#f63;
	font-size:10px;
	}
	
acronym {
	border-bottom: 1px solid #f63;
	cursor: help;
	}	
	
h1 {
	font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
	margin:0 0 15px 0;
	padding:0;
	/*color:#689195;*/
	color:#399;
	font-size:18px;	
	}
	/*
h2{
	margin:15px 0;
	padding:0;
	color:#666;
	font-size:14px;	
	}
	*/
h2 {
	margin:0 0 7px 0;
	padding:0;
	color:#399;
	font-size:11px;
	}
.resource-content h2 {
	font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
	margin:12px 0 7px 0;
	padding:0;
	color:#99ac4d;
	font-size:14px;
	}
h3.projet{
	margin:0 0 15px 0;
	padding:0 0 0 20px;
	color:#666;
	font-size:11px;
	font-variant:small-caps;
	background:url(/xmedia/theme/ncdev/images/fond_projet.png) no-repeat;
	line-height:10px;	
	}
h3 {
	margin:10px 0;
	padding:0;
	/*color:#7acfe3;*/
	color:#99ac4d;
	font-size:12px;
	}
h4{
	margin:10px 0 0 10px;
	padding:0;
	color:#f63;
	font-size:11px;	
	}

	
.clear {
	clear:both;
	}
.err404{
	margin:20px;
	font-size:15px;	
}


.puce {
	background:url(/xmedia/theme/ncdev/images/puce.png) no-repeat -2px 1px;
	padding-left:15px;
	margin-bottom:20px;
	}


/* Chemin
=========================== */

#chemin  {
	position:absolute;
	top:160px;
    margin:0;
	padding:0;
    font-size: 90%;
    color: #aaa;
    text-transform: lowercase;
	}	
#chemin li{
	list-style:none;
	display:inline;
	}	
#chemin li a:link, #chemin li a:visited{
	color:#aaa;
	text-decoration:none;
	}
#chemin li a:hover{
	color:#7acfe3;
	}	
	
/* Liens 
=============================== */

#pied a:link, #pied a:visited {
	text-decoration:none;
	color:#f2f2f2;
	}
#pied a:hover {
	text-decoration:underline;
	color:#f2f2f2;
	}
	
	
/* Accueil
============================= */

.boite {
	float:left;
	margin:20px 20px 0 0;
	width:212px;
	min-height:80px;
	background-color:#edede8;
	border-left:8px solid #399;
	}
.boite {
	height:auto;
	height:80px;
	}
.boite div{
	margin:10px 10px 0 20px;
	}
#conseil {
	background:#edede8 url(/xmedia/theme/ncdev/images/fond_conseil.png) top right no-repeat;
	}		
#conception {
	background:#edede8 url(/xmedia/theme/ncdev/images/fond_conception.png) top right no-repeat;
	}
#realisation {
	background:#edede8 url(/xmedia/theme/ncdev/images/fond_realisation.png) top right no-repeat;
	}
#promotion {
	background:#edede8 url(/xmedia/theme/ncdev/images/fond_promotion.png) top right no-repeat;
	}	
	
.lien_projet img{
	border:3px solid #f2f2f2;
	}	
.lien_projet:hover img{
	border:3px solid #7acfe3;

	}						
/* Contact
=================================== */

#contacts input {
	
	border: 1px solid #ccc;

	}
#contacts textarea {
	
	border: 1px solid #ccc;
	}
.erreur {
	background-color: #ffdf7f;
	
	}
.noerreur{
	color: #689195;
	}
.contact_valide {
	height: 200px;
	color: #2d2920;
	font-weight:bold;
	margin-top:10px;
	}
.contact_invalide {
	color: #2d2920;
	font-weight:bold;
	margin-top:10px;
	}
input.b_envoi {
	height:20px;
	background:url(/xmedia/theme/ncdev/images/b_envoi.png) top left no-repeat;
	width:50px;
	padding:0;
	border:none ! important;
}	
	
#contact_rapide {
	position:relative;
	clear:both;
	float:left;
	width:164px;
	background:#f5f7ee url(/xmedia/theme/ncdev/images/boite_haut.png) top left no-repeat;
	margin:20px 0 15px 0;
	padding:0;
	
}

#contact_rapide  .exterieur {
	margin:0;
	background:url(/xmedia/theme/ncdev/images/boite_bas.png) bottom left no-repeat;
	padding:8px 15px 15px 10px;
}

#contact_rapide  .exterieur .lien{
	cursor:pointer;
	color:#9a9a52
}
#contact_rapide form {
	margin:0;
	padding:0;
}	

#contact_rapide input, #contact_rapide textarea {
	font:normal 11px "Trebuchet MS", sans-serif;
	width:130px;
	background:url(/xmedia/theme/ncdev/images/b_envoi.jpg) top left repeat-x;
	background-color:#fff;
	border:1px solid #dde3bf;
	padding:0 3px;
	color:#888;
}

#contact_rapide input {
	height:18px;
}

#contact_rapide input[type=text]:focus, textarea:focus {
	border:1px solid #c7c68b;
}

#contact_rapide input.b_envoi {
	height:20px;
	background:url(/xmedia/theme/ncdev/images/b_envoi.png) top left no-repeat;
	width:50px;
	padding:0;
	border:none;
	position:absolute;
	top:0;
	right:3px;
}

#contact_rapide form label {
	padding-left:3px;
}

#contact_rapide form label.envoi {
	position:relative;
	display:block;
	margin:10px 0;
	padding-right:50px;
	padding-bottom:10px;
}	
	
	
/* Lien image
======================================== */

.resource-content a img{
	border:3px solid #f2f2f2;
	}	
.resource-content a:hover img{
	border:3px solid #7acfe3;
	}