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:#677e8b url(images/fond_body.png) repeat-x top;
	margin-top:15px;
	}

#conteneur {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
	}
#titre_site {
	display:none;
	}
#tete {
	position:relative;
	height:140px;
	background:url(images/fond_tete.png) no-repeat top;
	padding:0;
	}
	
#logo{
	/*position:absolute;
	right:40px;
	top:0;*/
	margin:20px 15px 10px 15px;
	}
#accroche{
	position:absolute;
	right:25px;
	top:30px;
	}	
#cou{
	height:175px;
	margin:0 25px 0 25px;
	padding:0;
	border-top:7px solid #1861ae;
	}
	
#corps {
	/*width:720px;
	float:left;*/
	margin:0 25px;	
}

.accueil #gauche {
	float:left;
	width:690px;
	padding:0;
	margin:0 0 10px 0;
	}

.accueil #droite {
	float:right;
	width:220px;
	margin:0;
	padding:0;
	/*border-left:1px solid #f2f2f2;*/
	}	
#gauche {
	float:left;
	width:250px;
	padding:0;
	margin:0 0 10px 0;
	}
#droite {
	float:right;
	width:660px;
	margin:0;
	padding:0;
	/*border-left:1px solid #f2f2f2;*/
	}	
	
#pied {
	height:30px;
	/*width:725px;	
	line-height:25px;*/
	background:#677e8b url(images/fond_pied.png) no-repeat top;	
	margin:0;
	padding:15px 0 0 40px;
	clear:both;
	color:#f1ebd1;
	font-size:10px;
	}
#pied img{
	border:none;
	float:right;
	margin:10px 10px 0 0;
	}
.ncdev {
	position:absolute;
	right:40px;
	}	


/* éléments 
============================================== */
p {
	margin:0;
	padding:0;
	}
a{
	text-decoration:none;
	color:#3589bc ! important;
	}
a:hover {
	text-decoration:underline;
	color:#3589bc ! important;
	}
h1 {
	margin:10px 0 15px 0;
	padding:0;
	color:#1861ae;
	font-size:18px;	
	}
	/*
h2{
	margin:15px 0;
	padding:0;
	color:#666;
	font-size:14px;	
	}
	*/
h2 {
	margin:0 0 7px 0;
	padding:0;
	color:#689195;
	font-family: Arial, sans-serif;
	font-size:11px;
	}
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;
	font-size:12px;
	}
h4{
	margin:10px 0;
	padding:0;
	color:#933;
	font-size:12px;	
	}

	
.clear {
	clear:both;
	}
.err404{
	margin:20px;
	font-size:15px;	
}
	
/* Menu
================================= */

#menu {
	font-family: Arial, sans-serif;
	background:url(images/fond_menu.png) repeat-x;
	width:910px;
	height:45px;
	/*position:absolute;
	top:80px;
	left:0;*/
	margin:0 0 0 25px;
	padding:0;
	}
#menu li{
	list-style:none;
	float:right;
	display:inline;
	font-size:14px;	
	height:40px;
	line-height:40px;
	font-weight:bold;
	background:url(images/separateur.png) no-repeat left top;
	padding:0 0 0 10px;
	}
#menu .premier{
	background:none ! important;
	}
#menu li a{
/*	float:right;*/
	text-align:center;
	display:block;
	padding:0 10px 0 10px;
	/*width:100px;*/
/*	height:40px;
	line-height:40px;*/	
	font-size:14px;
	}
#menu li a:link, #menu li a:visited{
	color:#f1ebd1 ! important;;
	text-decoration:none;
	}
#menu li a:hover{
	/*color:#2d2920;*/
	color:#f1ebd1 ! important;
	background:url(images/fond_menu_on.png) repeat-x left top; 
	}
.active {
	color:#fefefe ! important;
	background:url(images/fond_menu_on.png) repeat-x left top; 
	}



/* sous menu
=========================  */
#zone_sous_menu {
	background: #fff url(images/fond_smenu_haut.png) left top no-repeat;
	padding: 36px 0 6px 0;
	width: 225px; 
	}
.sous_menu {	
	background: #edf3f7 url(images/fond_smenu_bas.png) bottom no-repeat;	
	text-align: left;	
	list-style: none;	
	margin: 0 0 0 0;	
	padding: 0 20px 46px 20px;	
	}
.sous_menu li {	
	background: #edf3f7 url(images/smenu_off.png) 0px 0px no-repeat;	
	margin: 0;	
	padding: 8px 0px 6px 14px;	
	text-indent: 0px;	
	height: auto;	
	}
.sous_menu li a {
	color: #1861ae;
	font-family:Arial, sans-serif;
	font-size: 11px;	
	font-weight: bold;	
	text-decoration: none;	
	padding: 8px 0 6px 0;
	}

.sous_menu li a:visited {	
	color: #1861ae; 
	} 
.sous_menu li a:hover { 
	color: #df9719; 
	text-decoration: underline; 
	}
.sous_menu li a:focus { 
	color: #df9719; 
	}
.sous_menu li a:active { 
	color: #df9719; 
	}



ul.sous_menu li.active {
	background: #EDF3F7 url(images/smenu_on.png) 0px 0px no-repeat;	
	height: auto; 
	}

ul.sous_menu li.active a {
	color: #004B74 !important; 
	}

ul.sous_menu li ul {	
	list-style: none;	
	background-color: #E5EEF4;	
	width: 185px;	
	margin: 7px 0 -5px -14px;	
	padding: 0;	
	}

ul.sous_menu li ul li {	
	background: #E5EEF4 url(images/ssmenu_off.png) 0px 0px no-repeat;	
	margin: 0;	
	padding: 10px 4px 6px 28px;	
	text-indent: 0px;	
	height: auto; 
	}

ul.sous_menu li ul li a {	
	font-weight: normal;	
	}

ul.sous_menu li ul li.active {	
	background: #DEEAF2 url(images/ssmenu_on.png) 0px 0px no-repeat;	
	height: auto; 	
	}

ul.sous_menu li.active ul li a {	
	color: #0071AE !important; 	
	font-weight: normal;	
	}

ul.sous_menu li.active ul li.active a {	
	color: #004B74 !important; 
	font-weight: bolder;	
	}


/* ============================ */


/* langues
================== */
#langues  {
	position:absolute;
	top:7px;
	right:25px;
    margin:0;
	padding:0;
    font-size: 90%;
    color: #fff;
    text-transform: uppercase;
	}	
#langues li{
	list-style:none;
	display:inline;
	float:left;
	margin:0 0 0 5px;
	text-align:center;
	}
#langues span{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	background:url(images/fond_langue_on.png) no-repeat bottom left;
	}	
#langues li a:link, #langues li a:visited{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	background:url(images/fond_langue_off.png) no-repeat bottom left;
	color:#fff;
	text-decoration:none;
	}
#langues li a:hover{
	color:#f1ebd1;
	}	

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

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

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

.boite {
	float:left;
	margin:20px 10px 0 0;
	width:220px;
	min-height:115px;
	background:#eff4f7 url(images/fond_boite.png) repeat-x bottom left;
	}
.boite {
	height:auto;
	height:115px;
	}
.boite h2 {
	margin:0;
	padding:0 0 0 25px;
	width:195px;
	height:34px;
	line-height:34px;
	color:#fff;
	font-size:14px;	
	background:url(images/titre_boite.png) no-repeat top left;
	}
.boite ul {
	margin:10px 0 0 0;
	padding:0;
	list-style: none;
	}
.boite li{
	padding:0 0 0 15px;
	margin:0 0 0 25px;
	line-height:18px;
	height:18px;
	background: url(images/puce_liste.png) no-repeat 0em 0.5em;
	}
#boite3{
	margin-right:0 ! important;
	}
#indices{
	background:url(images/fond_boite.png) repeat-x top left;
	margin:0 ! important;
	float:none;
	}	
#indices h2{
	background:url(images/titre_boite_orange.png) no-repeat top left;
	}
#indices h3, #indices p{
	margin:5px 0 0 15px;
	}		
#indices img{
	border:none;
	}							
/* Contact
=================================== */

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

	}
#contacts textarea {
	
	border: 1px solid #ccc;
	}
	
#contacts label {
	width: 188px;
	float:left;
	color:#1861ae;
	font-weight:bold;
}
#contacts p{
	padding:0;
	margin:0px 0 5px 0;
	line-height:20px;

}
.rouge {
	color:#990000;
}
.erreur {
	background-color: #1861ae;
	color:#fff;	
	}
.noerreur{
	color: #1861ae;
	}
.contact_valide {
	height: 280px;
	color: #2d2920;
	font-weight:bold;
	margin-top:10px;
	}
.contact_invalide {
	color: #fff;
	background-color:#df9719;
	padding:5px;
	font-weight:bold;
	margin-top:10px;
	}

.postes {
	float:left;
	width:220px;
	height:120px;
	margin:0;
	padding:0;
	}	
.postes dt {
	font-weight:bold;
	}	
.postes dd {
	margin:0;
	padding:0 0 0 15px;
	}	
	
/* Lien image
======================================== 

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

.resource {
	width:655px;
	}
	
/* info bulle
======================== */

a.info{
    position:relative; 
    z-index:24;
	background-color:#ccc;
    color:#000;
    text-decoration:none;
	color:#333 ! important;
}

a.info:hover{
	z-index:25;
	background-color:#ff0
	}

a.info span{
	display: none
	}

a.info:hover span{ 
	display:block; 
	position:absolute;
    top:0;
	left:2.4em;
	width:550px;
    border:1px solid #6699cc;
    background-color:#eee;
	color:#333;
    text-align: justify;
    font-weight:none;
    padding:5px;    
    }
	
/* formulaire oublie mdp
============================== */

#oublie {
	width:360px;
	margin:10px auto;
	text-align:center;
	border:1px solid #666;
	}
#login {
	width:498px;
	margin:10px auto;
	text-align:center;
	border:1px solid #666;
	}
#login label {
	width: 120px;
	float:left;
	text-align:right;
	}
#login p{
	padding:0;
	margin:0px 0 5px 0;
	line-height:20px;

}
h3.form {
	width:490px;
	margin:10px auto;
	padding:5px;
	text-align:center;
	background-color:#666;
	}
h3.form a {
	color:#fff ! important;
	}
h3.form a:hover {
	color:#fff ! important;
	text-decoration:underline;
	}
		
#oublie h3,
#login h3,
.form h3{
	color:#fff;
	background-color:#666;
	margin:0;
	padding:5px;
	}
	
.bouton {
	background-color:#637D8C;
	font-weight:bold;
	color:#fff;
	}
	
/* tableau
====================== */

.table{
	border-spacing:1px;
	font-size:10px;
	background:#E7E7E7;
	color:#666;
	width:660px;
	}
.table td,
.table th{
	padding:5px;
	}
.table thead th{
	text-align:center;
	background:#F5F5F5;
	color:#666666;
	border:1px solid #fff;
	text-transform:uppercase;
	}
.table tbody th{
	font-weight:bold;
	}
.table tbody tr{
	background:#EBF8FE;
	text-align:left;
	}
.table tbody tr.impair{
	background:#fff;
	border-top:1px solid #fff;
	}
.table tbody th a:link,
.table tbody th a:visited{
	color:#666666;
	padding:3px 0px 0px 18px;
	}
.table tbody th a:hover{
	color:#009900;
	}
.table tbody tr td{
	background:#EBF8FE;
	border:1px solid #fff;
	}
.table tbody tr.impair td{
	background:#fff;
	border-top:1px solid #fff;
	}
.table td a:link,
.table td a:visited{
	color:#666666;
	text-decoration:none;
	font-weight: bold;
	}
.table td a:hover{
	color:#009900;
	text-decoration:underline;
	font-weight: bold;
	}

.pagination {
	width:660px;
	text-align:right;
	margin:5px 0;
	}
	
.identification {
	font-size:10px;
	position:absolute;
	top:365px;
	right:25px;
	}
	
.publication {
	width:100%;
	}
.publication td,
.publication th{
	text-align:left;
	padding:5px;
	}