/* ************************************************************ View css ************************************************************ */

/* ***** General ***** */
body  { background: #000; color: #fff; font: 12px Helvetica, Arial, Verdana; }
#global { width: 933px; margin: 40px 0 0 40px; }
#index { margin-top: 200px; }
#header { background: url(../images/bgdot.png) top left repeat-x; width: 933px; padding: 10px 0; }
	#headertop { background: url(../images/bgviewlogo.png) top right no-repeat; width: 933px; height: 92px; position: relative; }
	#headernav { width: 933px; height: 102px; }
#contenter { background: url(../images/bgdot.png) top left repeat-x; width: 933px; padding: 10px 0; }
	#column1 { float: left; width: 230px; }
	#column2 { float: right; width: 703px; }
#footer { background: url(../images/bgdot.png) top left repeat-x; width: 933px; padding: 10px 0;}


/* ***** Nav ***** */
#headernav #nav { margin: 0; padding: 0; }
#headernav #nav li { display: inline; }
#headernav #nav li a { background: url(../images/bgnav.png) no-repeat; float: left; height: 102px; overflow: hidden; }

#headernav #nav li#menu0 a { background-position: 0 0; width: 933px; height: 17px; }
#headernav #nav li#menu1 a { background-position: 0 -17px; width: 933px; height: 17px; }
#headernav #nav li#menu2 a { background-position: 0 -34px; width: 933px; height: 17px; }
#headernav #nav li#menu3 a { background-position: 0 -51px; width: 933px; height: 17px; }
#headernav #nav li#menu4 a { background-position:  0 -68px; width: 933px; height: 17px; }
#headernav #nav li#menu5 a { background-position: 0 -85px; width: 933px; height: 17px; }

#headernav #nav li#menu0 a:hover { background-position: 0 -102px; width: 933px; height: 17px; }
#headernav #nav li#menu1 a:hover { background-position: 0 -119px; width: 933px; height: 17px; }
#headernav #nav li#menu2 a:hover { background-position: 0 -136px; width: 933px; height: 17px; }
#headernav #nav li#menu3 a:hover { background-position: 0 -153px; width: 933px; height: 17px; }
#headernav #nav li#menu4 a:hover { background-position: 0 -170px; width: 933px; height: 17px; }
#headernav #nav li#menu5 a:hover { background-position: 0 -187px; width: 933px; height: 17px; }

#headernav #nav li#menu0 a.active { background-position: 0 -102px; width: 933px; height: 17px; }
#headernav #nav li#menu1 a.active { background-position: 0 -119px; width: 933px; height: 17px; }
#headernav #nav li#menu2 a.active { background-position: 0 -136px; width: 933px; height: 17px; }
#headernav #nav li#menu3 a.active { background-position: 0 -153px; width: 933px; height: 17px; }
#headernav #nav li#menu4 a.active { background-position: 0 -170px; width: 933px; height: 17px; }
#headernav #nav li#menu5 a.active { background-position: 0 -187px; width: 933px; height: 17px; }


/* ***** Subnav ***** */
.subnav { width: 220px; }
.subnav .menuheader { color: #CCFF00; font: 12px Helvetica, Arial, Verdana; margin-bottom: 5px; text-transform: uppercase; padding: 0; cursor: hand; cursor: pointer; font-weight: bold; }
.subnav .openheader { color: #CCFF00; }
.archives { font-weight: normal; margin-top: 30px; }
.subnav ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
.subnav ul li { padding-bottom: 1px; }
.subnav ul li a { font: 12px Helvetica, Arial, Verdana; display: block; color: #fff; padding: 1px 0; text-decoration: none; font-weight: lighter; }
.subnav ul li a:hover { color: #CCFF00; }
.subnav ul li a.active { font: 12px Helvetica, Arial, Verdana; display: block; color: #CCFF00; padding: 1px 0; text-decoration: none; font-weight: lighter; }


/* ***** Reset ***** */
h1, h2, h3, h4, h5, p, form { margin: 0; padding: 0; }


/* ***** Blocks ***** */
.block703 { width: 703px; margin: 0; }

/* ***** Images ***** */
img { border: 0; margin: 0; padding: 0; }


/* ***** Tags ***** */
table.2cols { width: 100%; margin: 0; padding: 0; }
table.tblcontent { width: 100%; margin: 0; padding: 0; }
table.tblcontent td.contimg { background: #09201D; }
table.tblcontent td.lastcont { padding: 2px 5px 4px 5px;  background: #09201D; }

table.detail { width: 100%; padding: 0; margin: 0 0 8px 0; }
table.detail td { padding: 0; margin: 0; width: 175px; }
table.detail td.real { padding: 0; margin: 0; width: 280px; }
table.detail td.last { padding: 0; margin: 0; text-align: right; }

table.tblheader td.recherche { padding-left: 20px; }

.pagination { margin: 20px 0 0 0; text-align: center; word-spacing: 4px; line-height: 15px; }
.on { color: #CCFF00; font-size: 11px; border: 1px solid #CCFF00; padding: 2px 3px 0 3px; }

.text { word-spacing: 2px; line-height: 15px; letter-spacing: 0.04em; }
.separ { background: url(../images/bgdot.png) center left repeat-x; width: 703px; height: 20px; }
.skip { text-align: right; margin: 5px 0 10px 0; font-size: 10px; padding-right: 78px; }
.green { color: #CCFF00; }
.hidden { display: none; }

p { padding: 0 0 10px 0; }

.clear { clear: both; display: block; height: 0px; margin: 0; padding: 0; font-size: 0px; line-height: 0px; }


/* ***** Links ***** */ 
a { color: #CCFF00; text-decoration: none; }
a.lkwhite { color: #fff; text-decoration: none; }
.home { position: absolute; left: 735px; top: 0; width: 197px; height: 57px; }
a.lien_pagination { color: #fff; font-size: 11px; border: 1px solid #fff; padding: 2px 3px 0 3px; }
a.lien_pagination:hover { color: #CCFF00; font-size: 11px; border: 1px solid #CCFF00; padding: 2px 3px 0 3px; }



/* ***** SPIP ***** */
p.spip { margin-bottom: 10px; }
.spip_logos { margin: 0; padding: 0; border: 0; }
.forml { font-size: 11px; padding: 1px; border: 1px solid #333; background: #fff; color: #000; }
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

