{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

select {border:1px solid grey;}

body {
    text-align: center;
    background: url('../images/navigation-bg.gif') 0 100px repeat-x;
    font: 62.5% Verdana, Arial, Helvetica, Sans-serif;
    color: #26494d;
}

#elected {width:160px;height:125px;}
#elected div {position:absolute;width:100%;text-align:center;}

.HSS,.NEA,.LRG,.PUt,.GEC,.EXE {text-align:center;background:no-repeat scroll left top;}
.EXE {background:#8800aa;color:white;}
.HSS {background:#e7df00;}
.NEA {background:#e70071;color:white;}
.LRG {background:#00a6ef;}
.PUt {background:#e75500;}
.GEC {color:white;}

#main h2.EXE {
background:#8800aa url(../images/nav-EXCO.gif) no-repeat scroll left top;
padding-left:60px;
height:55px;
}


#main h2.HSS {
background:#e7df00 url(../images/nav-3.gif) no-repeat scroll left top;
padding-left:60px;
height:55px;
}

#main h2.NEA {
background:#e70071 url(../images/nav-5.gif) no-repeat scroll left top;
padding-left:60px;
height:55px;
}
#main h2.LRG {
background:#00a6ef url(../images/nav-6.gif) no-repeat scroll left top;
padding-left:60px;
height:55px;
}

#main h2.PUt {
background:#e75500 url(../images/nav-4.gif) no-repeat scroll left top;
padding-left:60px;
height:55px;
}

#main h2.GEC {
background:#0f3e98 url(../images/nav-8.gif) no-repeat scroll left top;
padding-left:60px;
height:55px;
}


div#main .bigger {font-size:120%;}
div#main h2.bigger a{
background: url('../images/bullet.gif') 2px center no-repeat;
padding-left:22px;
}

.smaller {font-size:80%;}

.important {
background:  url('../images/important.gif') no-repeat 2px 2px;
padding: 3px 0 2px 35px;
min-height:27px;
}

* html .important {height:30px;}

a {
    text-decoration: none;
    color: #26494d;
}
a img {border:none;}

a:hover {text-decoration:underline;}

hr {display:block;
border:1px solid;
clear:both;
}

.clear {clear:both;}

div#container {
    margin: auto;
    font-size: 1.2em;
    text-align: left;
    width: 1000px;
}

div#header {
    padding: 20px 0 0 0;
    background: url('../images/logo.gif') 0 20px no-repeat;
    height: 180px;
    position: relative;
}

div#legend {
position:absolute;
left:20px;
top:100px;
font-size:120%;
}

div#header h1 {
    padding: 0 0 0 220px;
    font-size: 1.666666666666667em;
    font-weight: normal;
}

#related #tide {height:80px}

#tide div#header h1 a {
color:red;}

div#header h2 {
    padding: 0 0 0 220px;
    font-size: 1.166666666666667em;
    font-weight: normal;
}

div#header h2 {
    margin: 0 0 20px 0;
}

#fadeoutnav {
position:absolute;
top:137px;
left:60px;
width:800px;
text-align:center;
font-size: 18px;
}

div#header ul.navigation {
    width: 100%;
    margin:0;
    position: absolute;
    top: 120px;
}

div#header ul.navigation li, div#header ul.navigation li a {
    float: left;
    display: inline;
}

div#header ul.navigation li {
    margin: 0 15px;
    width: 55px;
    cursor: pointer;
    position: relative;
}

div#header ul.navigation li a {
    width: 55px;
    height: 55px;
    text-indent: -10000px;
}

div#header ul.navigation li ul {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    padding-left:0;
    z-index:10000;
}

* html div#header ul.navigation li ul {
 left:-45px;
    z-index:10000;
}
*:first-child+html div#header ul.navigation li ul{
 left:-40px;

}

* html .hover {
z-index:100000;
position:relative;
zoom:1;
}

.sector a {
border-bottom:white 1px solid;
font-weight:bold;
}

div#header ul.navigation li ul li {
    margin: 0;
    display: block;
    z-index:10000;
}

div#header ul.navigation li:hover ul, div#header ul.navigation li.hover ul {
    display: block;
    z-index:10000;
}

div#header ul.navigation li ul li a {
    padding: 5px 10px;
    background: #ccc;
    text-indent: 0;
    width: 130px;
    height: auto;
    display: block;
}

div#header ul.navigation li ul li a:hover {
    background: #dbe10d;
    text-decoration:none;
}

div#header div.search, div#header #language {
    position: absolute;
    right: 0;
    top: 125px;
    z-index:10000;
}

div#header div.search form div {background: #DAE2E4;padding:3px 10px;}

div#header #language {
top:40px;
background:#CCCCCC;
padding:11px;
}

div#header #language {display:none;}

div#header div.search a {
    border-right: 1px solid #b1bdbd;
    padding: 0 10px;
}

div#header div.search {right:-20px;}

div.search form {
    margin: 20px 0 0 10px;
    display: none;
}

div.search label {display:none;}

div.search input.query {
    margin: 0 5px 0 0;
    padding: 2px 5px;
    border: 1px solid #b1bdbd;
    color: #b1bdbd;
    width: 100px;
}

div.search input.submit {
    padding: 0 0 2px 0;
    vertical-align: bottom;
}

div#related {
    margin: 0 75px 0 0;
    padding: 0 0 20px 0;
    width: 199px;
    float: left;
}

div#main {
    margin: 0 75px 0 0;
    padding: 0 0 20px 0;
    width: 452px;
    float: left;
}
* html div#main {
margin-right:20px;
}

div#sidebar {
    padding: 0 0 20px 0;
    width: 199px;
    float: left;
overflow:hidden;
}

.hometide #sidebar {
position:absolute;
top:0px;
right:10px;
z-index:10000;
width:200px;
height:100px;
}

.hometide #conteneur {
position:relative;
}

.hometide #sidebar div {
position:absolute;
top:0;
left:0;
}


div#related ul {
    margin: 0 0 20px 0;
    padding:0;
    list-style: none;
}

div#related ul ul {
    display:none;
    margin-left:20px;
}
div#related ul li {
    margin: 0 0 2px 0;
}

* html div#related ul li {height: 1%;}

div#related ul li a {
    padding: 0 0 0 22px;
    background: url('../images/bullet.gif') 2px center no-repeat;
    display: block;
}
div#related p {
margin:2px; 0;
}

#logo {
width:200px;
height:80px;
position:absolute;
display:block;
left:0px;
top:20px;
}

div#related ul li a:hover {
    background-color: #e7ecef;
    text-decoration:none;
}

div#related div.contact-details {
    margin: 0 0 20px 0;
    padding: 0 20px 10px 20px;
    background: #e7ecef url('../images/contact-details-bottom.gif') bottom left no-repeat;
    width: 159px;
}

#sidebar div.roll {
    margin: 0 0 20px 0;
    padding: 0 20px 10px 20px;
    background: #e7ecef url('../images/contact-details-bottom.gif') bottom left no-repeat;
    width: 159px;
}

#sidebar .roll h2 {
    margin: 0 -20px 10px -20px;
    padding: 10px 20px 5px 20px;
    font-size:100%;
    border-bottom: 2px dotted #abb7b7;
    background: #e7ecef url('../images/contact-details-top.gif') top left no-repeat;
}


div#related div.contact-details h4 {
    margin: 0 -20px 10px -20px;
    padding: 10px 20px 5px 20px;
    border-bottom: 2px dotted #abb7b7;
    background: #e7ecef url('../images/contact-details-top.gif') top left no-repeat;
}

div#related div.contact-details a {
    font-size: 0.916666666666667em;
    text-decoration: underline;
}

div#related div.green-box {
    margin: 0 0 20px 0;  
    padding: 0 0 10px 0;
    border: 1px solid #7e8e8d;
    border-top: none;
    width: 197px;
}

div#related div.green-box h4 {
    margin: 0 -1px 20px -1px;
    padding: 0 10px;
    background: url('../images/greenbox-top.gif') top left no-repeat;
    font-size: 0.916666666666667em;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
}

div#related div.green-box {
    text-align: center;
}

div#related div.red-box {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    background: #e7ecef;
    width: 199px;
}

div#related div.red-box h4 {
    margin: 0 0 20px 0;
    padding: 0 10px;
    background: url('../images/redbox-top.gif') top left no-repeat;
    font-size: 0.916666666666667em;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
}

div#related div.red-box {
    text-align: center;
}

div#sidebar img.photo {
    margin: 0 0 20px 0;
}

div#sidebar div.events-box {
    margin: 0 0 20px 0;
    padding: 0 10px 10px 10px;
    background: #d9e1e4;
    width: 179px;
}

div#sidebar div.events-box h4 {
    margin: 0 -10px 10px -10px;
    padding: 0 0 0 40px;
    border-bottom: 1px solid #fff;
    background: url('../images/events-box-top.gif') top left no-repeat;
    font-size: 0.916666666666667em;
    text-transform: uppercase;
    color: #fff;
}

div#sidebar div.events-box h5 {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    font-weight: bold;
}

.location {
    border-bottom: 2px dotted #abb7b7;
    padding-bottom:4px;
    margin:0;
}

div#sidebar div.events-box p.date {
    font-size: 0.916666666666667em;
    color: #f00;
    margin:0;
}

div#sidebar div.events-box p.location {
    font-size: 0.916666666666667em;
}

div#sidebar div.photo-box {
    margin: 0 0 20px 0;
    width: 199px;
    position: relative;
}

div#sidebar h4 {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    border-bottom: 2px dotted #abb7b7;
    font-weight: bold;
}


div#sidebar div.photo-box p {
    font-size: 0.916666666666667em;
}

div#main h1, div#main h2 {
    margin: 0 0 20px 0;
    padding: 0 10px;
    background: url('../images/main-grisclair-bg.gif') top left no-repeat;
    font-size: 1.166666666666667em;
    font-weight: normal;
}

div#main .rub28 {background-image:url('../images/main-h9-bg.gif');color:white;}
div#main .rub28 a {color:white;}
div#main .rub16 {background-image:url('../images/main-h5-bg.gif');}
div#main .rub3 {background-image:url('../images/main-h7-bg.gif');}
div#main .rub87 {background-image:url('../images/main-h4-bg.gif');}
div#main .rub72 {background-image:url('../images/main-h3-bg.gif');color:white;}
div#main .rub72 a {color:white;}

div#main .rub395 {background-image:url('../images/main-h8-bg.gif');color:white;}
div#main .rub395 a {color:white;}

div#main .rub4 {background-image:url('../images/main-h6-bg.gif');color:white;}
div#main .rub4 a {color:white;}

div#main .rub2 {background-image:url('../images/main-h2-bg.gif');}


div#main h2 {
    margin: 20px 0 5px 0;
    padding: 0 10px;

}

div#main .list-articles h2 {
background:url("");

}

div#main h3 {
    margin: 10px 0 5px 0;
    font-size:1.2em;
    clear:both;
    padding:5px;
    background: url('../images/main-grisclair-bg.gif') top left no-repeat;
}
div#main div.story h3 {
background:transparent;
}

div#main div.story {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 2px dotted #abb7b7;
}

div#main div.story:after {    content: "."; display: block; height: 0; clear: both; visibility: hidden;}

div#main p.date {
    margin: -10px 0 20px 0;
    font-size: 0.916666666666667em;
}

div#main p img.left {
    margin: 5px 20px 5px 0;
    float: left;
}

div#main div.page {
    margin: 0 0 10px 0;
    padding: 0 0 40px 0;
    background: url('../images/main-page-bg.gif') bottom right no-repeat;
    min-width:456px;
}

div#main div.page div.body,div#main div.page div.chapo {
    padding: 0 10px 0 0;
    awidth: 272px;
    afloat: right;
}

.rubriques  {
    margin: 0 20px 0 0;
    padding: 15px 0 0 0;
    background: url('../images/main-page-links.gif') top right no-repeat;
    list-style: none;
    width: 150px;
    float: left;
}

p.spip a,#main a {
  text-decoration:none;
  color:blue;
}

p.spip a:visited,#main a:visited {
  color:#9d11b3;
}

p.spip a:hover,#main a:hover {
  text-decoration:underline;
}

#main h1 a,#main h2 a,#main h3 a {text-decoration:none;}
#main h1 a:hover,#main h2 a:hover,#main h3 a:hover {text-decoration:underline;}

.intro, .h2intro,.h1intro {
  line-height:1.5em;
}

p.spip {
  text-align:justify;
  line-height:1.5em;
  margin-bottom:10px;
}

ul.spip {
  margin:3px 0 3px 20px ;
}

div#main div.page ul li {
    margin: 0 25px 0 0;
    border-bottom: 1px solid #e8e8e8;
}

#main .rubriques a {
text-decoration:none;}

#main .rubriques a:hover {
    background: #dbe10d;
    text-decoration:none;

}

div#main div.page ul li a {
    padding: 2px 0;
    display: block;

}

div#footer {
    padding: 70px;
    background: url('../images/footer-bg.gif') top left repeat-x;
    clear: both;
}

div#header ul.navigation li {
background: url('../images/nav-1.gif') top left no-repeat;}

/*#72 = nav-1
#87 = nav-2 (shake hand)
#395 = nav-8 int
#28 = nav-8 gender
#2 = nav -health
#3 = nav -loc gov brush
#4 = nav (nation adm. desk)
#7 = public ut = pylon
*/
div#header ul.navigation li#nav-1 {background: url('../images/nav-about.gif') top left no-repeat;}
div#header ul.navigation li#nav-72 {background: url('../images/nav-1.gif') top left no-repeat;}
div#header ul.navigation li#nav-87 {background: url('../images/nav-2.gif') top left no-repeat;}
div#header ul.navigation li#nav-395 {background: url('../images/nav-7.gif') top left no-repeat;}
div#header ul.navigation li#nav-28 {background: url('../images/nav-8.gif') top left no-repeat;}
div#header ul.navigation li#nav-2 {background: url('../images/nav-3.gif') top left no-repeat;}
div#header ul.navigation li#nav-3 {background: url('../images/nav-6.gif') top left no-repeat;}
div#header ul.navigation li#nav-4 {background: url('../images/nav-5.gif') top left no-repeat;}
div#header ul.navigation li#nav-16 {background: url('../images/nav-4.gif') top left no-repeat;}

.hidden {display:hidden;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}

#hierarchie 
{position:relative;
top:-20px;
left:40px;
    z-index:5000;
height:20px;
}

.logo {float:right;
margin:0 0 10px 10px;
}

* html h2 {clear:right;}


.caption {font-style:italic;}

.spip_documents_left {
margin:0 10px 10px 0;
aaclear:left;
}

.spip_documents_right {
margin:0 0 10px 10px;
clear:right;
}

.spip_documents_center {
text-align:center;
display:block;
}

.pagination {border:1px solid lightgrey;
padding:10px 5px;
font-size:120%;
background:transparent url(../images/footer-bg.gif) repeat-x scroll left top;
}


.spip-admin-float,.spip-admin-bloc {
position:absolute;
right:10px;
top:10px;
}

.spip-admin-boutons {
background:transparent url(../images/footer-bg.gif) repeat-x scroll left top;
border:1px solid lightgrey;
padding:5px;
display:block;
margin:2px 0;
}

th {background:#A2BAB8 none repeat scroll 0 0;padding:2px;font-weight:normal;}
td {border-bottom:1px solid #A2BAB8;padding:2px 0;}

.surtitre {margin-bottom:10px;font-size:110%}
.surtitre a {color:red;font-size:120%}
.soustitre {margin-top:-10px;}

.spip_doc_titre {font-size:80%;}

#map {
position:relative;
}


	.rollover { display:block; position:absolute;background-color: #FFFFFF}
	.rollover img { border:none}

        .rollover a { display:block; background-color: #a2bab8;}
        .rollover a:hover { background-color: #ff1300;}

#sidebar .cob {margin:0;padding:0}
#sidebar ul {padding-left:14px;}
#sidebar .cob li {list-style:none;}

.date {font-style:italic;}
.story .date {font-style:italic;text-align:right;}

#sidebar .externalnews h4 {margin-top:10px;}

.nettoyeur {height:1px;margin:0;padding:0;clear:both;}


#documents th.headerSortUp { 
    background-image: url('../images/asc.gif'); 
    background-color: #3399FF; 
}

#documents th.headerSortDown { 
    background-image: url('../images/desc.gif'); 
    background-color: #3399FF; 
} 

#documents th { 
    background-image: url('../images/bg.gif');     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
}  

.accordion h3 {
    background:#A2BAB8 no-repeat center left;
    background-image: url('../images/bg.gif');     
    padding-left: 20px; 
    cursor: pointer; 
}

.accordion h3.expended { 
    background-image: url('../images/asc.gif'); 
} 

#map1 {width:700px;height:550px;
background:pink;
}

#tide #related {background:#E7171B 0 0 no-repeat;color:white;
margin-bottom:20px;}

#tide #related #contact {border-top:20px white solid;color:black;}

.slogan {font-size:130%; margin:10px 5px;font-weight:bold;}
.slogan2 {font-size:130%; margin:10px 5px;font-weight:bold;color:black;}

#tabs {
padding:5px 10px;
background:#f00 repeat-x scroll 0 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

div#main #tabs li a {display:inline;text-decoration:none;color:white}
div#main #tabs li.current a {color:black}
div#main #tabs li {margin:0;border:none}

#tabs {margin-top:40px}
#tabs li {list-style:none;display:inline;
border-right:1px white solid;
padding:0 10px;
}
#over {float:right;width:200px}
#tabs li.current a {background: white; }
#tabs li a:hover {border:1px solid white;color:white:}
#panes {width:800px}

.sorting,.sorting_asc,.sorting_desc {
  cursor:pointer;
  background: grey no-repeat scroll right center;
}

.sorting {background-image:url('../images/sort.gif');}
.sorting_asc {background-image:url('../images/sort_up.gif');}
.sorting_desc {background-image:url('../images/sort_down.gif');}




.more {float:right;clear:right;margin:5px 0 10px 0;}
.article h2 {clear:right;}