/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* CSS Document */

#HEADER {
	position : absolute;
	width : 95%;
	font-size : 40px;
	height : 50px;
	text-align : right;
	background-image :  url(NAVPICS/logo_principal.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-repeat : no-repeat;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : bolder;
	font-variant : small-caps;
	vertical-align : middle;
	padding: 8px;
	left: 32px;
	top: 366px;
} 
#MENU {
	position : absolute;
	left : 703px;
	top : 573px;
	width : 200px;
	margin : 1px;
	border-right-width : 1px;
	border-right-style : dashed;
	border-top-color : #666666;
	border-right-color : #666666;
	border-bottom-color : #666666;
	border-left-color : #666666;
	padding: 10px;
	display: block;

} 
#MAIN {
	position : absolute;
	left : 195px;
	top : 770px;
	margin : 1px;
	padding : 10px;
	width: 72%;

} 
#imprimer {
	display: table;
	width: 400px;
	left: 25px;
	position: static;
	height: 130px;
	vertical-align: middle;
}

.spip_logos { border: 0; }

.spip_documents img { border: 0; }

.spip_barre a img {
   border: 0px;
} 

.spip_doc_titre { font-weight: bolder; color:#FF6633; text-align:center;  font-size: 0.8em; }
.spip_documents_right { text-align:center; }

.formrecherche { 
    width: 100% ; 
    background-color: #999999;
	color: #FFFFFF;
}
.box {
	width : 200px;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-bottom-style : dashed;
	border-left-style : dashed;
	border-top-color : #cccccc;
	border-right-color : #cccccc;
	border-bottom-color : #cccccc;
	border-left-color : #cccccc;
	margin : 1px;
	padding : 2px;
	float: right;



} 

a:hover {
background-color : #cccccc; 
color : #999999; 
} 
a:link {
font-family : Arial, Helvetica, sans-serif; 
color : #999999; 
text-decoration : none; 
} 
a:visited {
color : #999999; 
text-decoration : none; 
} 
body {
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
} 
a:active {
font-family : Arial, Helvetica, sans-serif; 
color : #CCCCCC; 
background-color : #006666; 
} 
.menubreves {
font-size : 11px; 
list-style-type : square; 
width : 200px; 
color : #ff9900; 
text-decoration : none; 
vertical-align : middle; 
} 
.menuheader {
	font-size : 14px;
	width : 100px;
	margin : 1;
	padding : 5px 10px;
	font-weight : bolder;
	list-style-position : inside;
	list-style-type : square;
	display: block;
}
.menuheader a:link {font-weight : bolder;color : #FFFFFF;}
.menuheader a:hover {font-weight : bolder;color : #FFFFFF;}
.menuheader a:visited {font-weight : bolder;color : #FFFFFF;}

.menurubrique {
	font-size : 14px;
	width : 200px;
	margin : 1;
	padding : 5px 10px;
	font-weight : bolder;
	list-style-position : inside;
	list-style-type : square;
	display: block;
    font-color : #999999;
}
.menurubrique a:link {font-weight : bolder;color : #999999;}
.menurubrique a:hover {font-weight : bolder;color : #999999;}
.menurubrique a:visited {font-weight : bolder;color : #999999;}

.menusousrubrique {
	font-size : 12px;
	width : 220px;
	list-style-type : square;
	display: block;
	list-style-position: inside;
	margin: 1px;
	padding-left: 25px;
    font-color : #999999;
} 
.menusousrubrique a:link {font-weight : bolder;color : #999999;}
.menusousrubrique a:hover {font-weight : bolder;color : #999999;}
.menusousrubrique a:visited {font-weight : bolder;color : #999999;}

.cellule_main {
    padding : 20px;
}
.cellule_news {
    padding : 10px;
	border-right: 1px dotted gray;
}

.cellule_focus {
    padding : 10px;
	border-left: 1px dotted gray;
}
.cellule_menu {
   font-color: #999999;
   background-color : #CFCFBB; 
   border-right: 1px dotted gray;
}
.cellule_menu a:link {font-weight : bolder;color : #999999;}
.cellule_menu a:hover {font-weight : bolder;color : #999999;}
.cellule_menu a:visited {font-weight : bolder;color : #999999;}

.cellule_header {
  background-color: #1A4C86;
  background-image:url(IMG/banner_loyers.jpg);
  background-repeat:repeat;
  background-position:bottom right;
  color: white;
  border-bottom: 1px solid #000000;
  height: 153px;
}

.cellule_menuhead {
   background-color: #999999;
   color : #FFFFFF; 
   height: 10px;
}
.cellule_menuhead a:link {font-weight : bolder;color : #FFFFFF;}
.cellule_menuhead a:hover {font-weight : bolder;color : #FFFFFF;}
.cellule_menuhead a:visited {font-weight : bolder;color : #FFFFFF;}
	
.titre_tableau {
	font-size : 18px;
    background-color: #999999;
	background: #fff url("NAVPICS/bg.gif") repeat-x top left;
	color : #FFFFFF; 
}
.titre_tableau a:link{font-size : 18px; color : #FFFFFF; vertical-align : top;}
.titre_tableau a:hover{color : #FFFFFF; }
.titre_tableau a:visited{color : #FFFFFF; }

.cellule_header a:link {font-weight : bolder;color : #FFFFFF;}
.cellule_header a:hover {font-weight : bolder;color : #FFFFFF;}
.cellule_header a:visited {font-weight : bolder;color : #FFFFFF;}
.main_article_title {
	font-size : 15px;
    background-color: #999999;
	color : #FFFFFF; 
    padding: 5px;
   	background: #fff url("NAVPICS/bg.gif") repeat-x top left;
	background-position: left center;
}
.main_article_title a:link {font-weight : bolder;color : #FFFFFF;}
.main_article_title a:hover {font-weight : bolder;color : #FFFFFF;}
.main_article_title a:visited {font-weight : bolder;color : #FFFFFF;}

.main_article {
    padding : 10px;
    background-color: #CFCFBB;
    color : #999999; 
}
.main_article a:link {	font-weight : bolder; color : #999999;}
.main_article a:hover {	font-weight : bolder; color : #999999;}
.main_article a:visited {	font-weight : bolder; color : #999999;}

.contenu {
	font-size : 12px; 
	font-weight : normal; 
	color : #000000; 
	padding: 0;
} 
p.spip strong {
	font-weight : 900; 
	color : #FF6633; 
}
.contenu a:visited {
	font-size : 12px; 
	font-weight : normal; 
	color : #FF6633; 
	padding: 0;
} 

h3 {
	color: #FF6633;
	font-size : 16px; 
}

.main_contenu {
font-size : 12px; 
font-weight : normal; 
color : #999999; 
padding: 0;
} 
tr {
font-size : 12px; 
font-weight : normal; 
color : #999999; 
padding: 0;
} 
tr.highlight {
font-size : 12px; 
font-weight : bold; 
background-color: #999999;
color : #FFFFFF;
padding: 0;
} 
table.spip tr.row_odd {
	background-color: #999999;
	color: #FFFFFF;
}
table.spip tr.row_even {
	background-color: #F0F0F0;
}
.titre {
font-family : Arial, Helvetica, sans-serif; 
font-size : 24px; 
font-weight : bold; 
color : #999999; 
} 
.titre1 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 20px; 
font-weight : bold; 
color : #FF6633; 
} 
.titre2 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 16px; 
color : #FF6633; 
font-weight : bold; 
} 
.titre3 {
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : bold; 
color : #999999; 
} 
.titrearticle {
font-family : Arial, Helvetica, sans-serif; 
font-size : 16px; 
font-weight : bold; 
color : #999999; 
} 
.titreoffres {
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
font-weight : bold; 
color : #006666; 
} 
.intro {
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
color : #006666; 
text-align : center; 
} 
.copyright {
font-size : 11px; 
width : 100%; 
text-align : center; 
color : #999999; 
} 
.copyright a:link {font-weight : bolder;color : #999999;}
.copyright a:hover {font-weight : bolder;color : #999999;}
.copyright a:visited {font-weight : bolder;color : #999999;}

.texterub {
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-right-style : none; 
border-bottom-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
float : right; 
width : 200px; 
margin : 1px; 
padding : 10px; 
clear : left; 
border-left-style : dashed; 
} 
.surtitre {
font-size : 10px; 
color : #999999; 
} 
.soustitre {
font-size : 11px; 
color : #999999; 
} 
.chapo {
font-size : 11px; 
text-align : center; 
} 
.ps {
font-size : 10px; 
} 
.date {
font-size : 12px; 
color : #006666; 
float : right; 
width : 200px; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-bottom-style : dashed; 
border-left-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
font-weight : bold; 
margin : 2px; 
padding : 5px; 
} 
.lesauteurs {
font-size : 12px; 
color : #999999; 
text-align : left; 
clear : left; 
float : right; 
width : 250px; 
} 
.grasorange {
font-size : 12px; 
font-weight : bold; 
color : #000066; 
} 
.notes {
font-family : Arial, Helvetica, sans-serif; 
text-align : left; 
font-size : 80%; 
} 
.inscription {
	float : right;
	width : 35%;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-bottom-style : dashed;
	border-left-style : dashed;
	border-top-color : #cccccc;
	border-right-color : #cccccc;
	border-bottom-color : #cccccc;
	border-left-color : #cccccc;
	margin : 1px;
	padding : 10px;
	display: block;

} 
.colonnage {
	width : 175px;
	margin : 1px;
	padding : 10px;
	text-align : center;
	vertical-align : middle;
	border : 1px solid #cccccc;
	display: block;
	height: 125px;
} 
.textebreves {
text-align : center; 
vertical-align : middle; 
margin : 5px; 
padding : 10px; 
width : 300px; 
clear : both; 
} 
.forumformulaire {
width : 50%; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
margin : 1px; 
padding : 10px; 
} 
.boxvisite {
float : right; 
width : 75%; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-bottom-style : dashed; 
border-left-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
margin : 1px; 
padding : 10px; 
clear : left; 
} 

.boxpopulaire {
float : right; 
width : 200px; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-bottom-style : dashed; 
border-left-style : dashed; 
border-top-color : #cccccc; 
border-right-color : #cccccc; 
border-bottom-color : #cccccc; 
border-left-color : #cccccc; 
margin : 1px; 
padding : 10px; 
} 
.grasbeige {
font-size : 12px; 
font-weight : bold; 
color : #999999; 
}
.hiddenform {
	display: none;
}

<!-- CSS Code for the Menu -->

#dmenu {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
	line-height:20px;
}

.topmenuul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.topmenuli{
	list-style-type:none;
	float:left;
	color: #FFFFFF;
}

.topmenuli a {
	color: #FFFFFF;
}

.topmenuli a:visited {
	color: #FFFFFF;
}

.topmenutitle{
	display:block;
	width:200px;
	text-indent:0px;
	text-decoration: none;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	text-align:center;
	padding:0px;
	margin-left:2px;
	line-height:18px;
}

.submenuul{
	list-style-type:none;
	position:relative;
	margin: 0px;
	padding:0px;
	display:none;
	margin-top:0px;
	background-color:#999999;
	background-position: top left;
	background-repeat: repeat-x;
	border-top:3px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-left:5px solid #FFFFFF;
}
.submenuli {
   	background: #FFFFFF;
	background-position: left center;
    margin: 1;
	text-align:left;
}

.submenuli a{
	text-decoration: none;
	color: #000000;
	display:block;
	width:200px;

}

.submenuli a:visited{
	color: #000000;
}

.submenuli a:hover{
	text-decoration: none;
	background:#999999;
	color: #FFFFFF;
}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
	position: absolute;
    align:left;
}

#dmenu li>ul { 
	top: auto;
	left: auto;
}

#content {
	clear: left;
}