/* CSS IA 30 en consultation */
* {
margin: 0; padding: 0;
}
html, body {
height: 100%;
}
body {
font-family: "Trebuchet", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1;
background: url(../images/consult_fondcol2.png) repeat-y 200px #F9F9EE;
}
/* Balises html */
a {
color: #0F516A;
text-decoration: none;
}
h1, h2, h3, h4, dt {
font-family: Georgia, "Times New Roman", Times, serif;
}
p, dd {
font-size: 0.75em;
color: #514724;
line-height: 1.1em;
}
ul {
list-style: none;
}
input, select {
font-size: 1em;
color: #65582E;
}
option{
padding:0 10px 0 4px;
}
label, input, select {
margin: 4px 0 2px 0;
}
label {
display: block;
}
/*En-tête*/
#entete {
background: url(../images/fondepage.png) repeat-x 0 0;
}
#entete #menu_princip{
height:127px;
padding:0 0 0 266px;
font-size: .75em;
text-transform: uppercase;
}
#entete #menu_princip ul li{
float:left;
position:relative;
margin-right: 26px;
height:81px;
color: #D6D3AE;
}
#entete #menu_princip ul li a{
display:block;
padding:54px 6px 0 6px;
color: #D6D3AE;
}
#entete #menu_princip ul li a:hover{
color: #FFF;
}
#entete #menu_princip ul li.active a{
color:#FFF;
}
#entete li.accueil:hover {
background: url(../images/accueil_fondmenu_hover.png) repeat-x bottom left;
color: #FFF;
}
#entete li.annuaire:hover  {
background: url(../images/annuaire_fondmenu_hover.png) repeat-x bottom left;
color: #FFF;
}
#entete li.avotreservice:hover {
background: url(../images/avotreservice_fondmenu_hover.png) repeat-x bottom left;
color: #FFF;
}
#entete li.dossiers:hover {
background: url(../images/dossiers_fondmenu_hover.png) repeat-x bottom left;
color: #FFF;
}
#menu_princip{
position:relative;
z-index:1;
}
#menu_princip ul#nav ul.menu{
position:absolute;
top:81px;
left:0;
width:280px;
display:none;
padding-top:10px;
z-index:1000;
background-color:#DFDFC3;
white-space: nowrap;
}
#menu_princip ul#nav li.accueil ul.menu{
border-bottom: 3px solid #C5DEED;
}
#menu_princip ul#nav li.annuaire ul.menu{
border-bottom: 3px solid #CF8442;
}
#menu_princip ul#nav li.avotreservice ul.menu{
border-bottom: 3px solid #598FB3;
}
#menu_princip ul#nav li.dossiers ul.menu{
border-bottom: 3px solid #DC585B;
}
#menu_princip ul#nav ul.menu li{
height:20px;
margin:0 0 0 10px;
padding:0;
clear:left;
}
#menu_princip ul#nav ul.menu li a{
margin:0;
padding:0;
text-transform: none;
color: #0F516A;
}
#menu_princip ul#nav ul.menu li a:hover{
text-decoration:underline;
}
/*Colonne 1 menu gauche*/
#col1 {
position: absolute;
top: 127px;
left: 0;
width: 200px;
}
#col1 h1, #col2 h1{
margin-top: 20px;
padding: 2px 10px 3px 0;
text-align: right;
font-size: 0.88em;
font-weight: normal;
color: #5B5542;
border-bottom: 1px solid #A0967E;
}
#col1 h1{
border-top: 1px solid #A0967E;
}
#col1 ul{
margin-top: 4px;
padding-right:10px;
}
#col1 li{
line-height: 1em;
text-align: right;
}
#col1 li a, #col3 li a{
font-size: .69em;
text-decoration: none;
}
#col1 li.active a, #col3 li.active a{
color: #A0967E;
}
#col1 li.active a:hover{
text-decoration: none;
}
#col1 li a:hover, #col3 li a:hover{
text-decoration: underline;
}
/*Colonne 2 contenu central*/
#col2 {
position: absolute;
top: 122px;
left: 200px;
width: 470px;
padding: 0 15px 40px 15px;
}
#col2 a:hover{
text-decoration: underline;
}
#col2 h1{
margin: 5px -15px 15px -15px;
border-top: 1px solid #EEEED5;
}
#col2 h2{
margin: 12px 0 24px 0;
padding-left: 14px;
font-size: 1em;
font-weight:normal;
line-height: 1.5;
color: #808831;
background: url(../images/puce_accueil.png) no-repeat 0 7px;
}
#col2 h2.deuz {
margin-bottom: 0;
}
#col2 h3{
margin:10px 0 4px 0;
font-size: 0.88em;
font-weight:normal;
line-height: 1.3;
color: #FF6600;
border-bottom: 1px dotted #FF6600;
}
#col2 h4{
line-height: 1.2em;
margin: 6px 0 3px 0;
font-size: .69em;
color: #514724;
}
#col2 p{
line-height: 1.2em;
margin-bottom: 3px;
}
#col2 ul {
margin-left: 24px;
list-style: circle;
}
#col2 li{
line-height: 1.5em;
font-size: .69em;
color: #514724;
}
#col2 dl.liste{
margin-top: 16px;
}
#col2 dl.liste dt{
margin-bottom: 10px;
font-size: 0.69em;
line-height:1.2;
}
#col2 dl.liste dt a{
display:block;
width:470px;
padding: 0 0 0 12px;
text-decoration: none;
background: url(../images/fleche_liste.png) no-repeat 0 0;
}
#col2 dl.liste dt a:hover{
background: url(../images/liste_hover.png) no-repeat 0 0px;
color:#A4AF40;
}
#col2 dl.liste .date{
float: right;
padding-right: 15px;
}
#col2 img.img_info {
padding: 4px 10px 0 0;
float: left;
}
#col2 img.img_info_larg {
padding-top: 4px;
}
#col2 dl.rubriques dt{
margin:4px 0 0 0;
padding:0;
font-size: 1em;
font-weight:normal;
line-height: 1.5;
}
#col2 dl.rubriques dt a{
display:inline-table;
height:22px;
padding: 0 0 0 17px;
text-decoration: none;
background: url(../images/fleche_a.png) no-repeat 0 6px;
}
#col2 dl.rubriques dt a:hover{
background: url(../images/avotreservice_hover.png) no-repeat 0 6px;
color:#598FB3;
}
#col2 dl.rubriques dt.no_lien{
background: url(../images/fonddt.png) no-repeat 0 0;
}
#col2 dl.rubriques dd{
font-size: 0.75em;
line-height: 1.2em;
}
/*affichage des documents*/
#col2 dl.documents{
margin-top: 6px;
}
#col2 dl.documents dt{
margin: 8px 0 2px 0;
padding: 8px 0 2px 20px;
font-size: 0.75em;
background: url(../images/document.png) no-repeat 0 2px #E0E0B4;
border-bottom: 1px dotted #A0967E;
}
#col2 dl.documents dt a{
display:inline-table;
}
#col2 dl.documents dt a:hover{
text-decoration:none;
}
#col2 dl.documents dt:hover{
background-color:#D0D8C1;
}
#col2 dl.documents dd{
margin-left: 20px;
}
#col2 dl.documents dd.dd1{
padding-bottom:2px;
font-size: 0.94em;
border-bottom: 1px dotted #A0967E;
}
#col2 dl.documents dd.dd2{
font-size: 0.75em;
margin-bottom: 10px;
}
#col2 dl.documents dd.dd2 p{
color: #A0967E;
}
/*Colonne 3*/
#col3 {
position: absolute;
top: 81px;
left: 700px;
width: 270px;
padding-top:45px;
}
#col3 ul {
padding-bottom:30px;
}
#col3 ul li{
line-height: 1em;
padding-left: 6px; 
}
#col3 h1{
margin: 20px 0 6px 8px;
font-size: 0.75em;
font-weight:normal;
color: #5B5542;
}
#col3 h1.prem {
margin-top:35px;
padding-bottom:6px;
}
#col3 form {
margin-left:14px;
}
#col3 .presentation{
padding: 0 0 30px 6px;
}
/* Pied de page
--------------------------------------------- */
#piedepage {
margin-top: 30px;
padding-top: 5px;
text-align:center;
border-top: 1px solid #A0967E;
}
/* Styles pour loading xajax
--------------------------------------------- */
#loading {
background-color: #F2F2E1;
padding: 20px;
display: none; /* hidden */
position: absolute;    
left: 50%;
margin-left: -100px;
top: 25%;
width: 200px;
height: 50px;
margin-top: -50px;
font-weight: bold;
font-size: large;
}
/* Styles pour les popup HighSlide
--------------------------------------------- */
.highslide-wrapper, .rounded-white {
background-color: #F2F2E1;
}
.highslide-wrapper .highslide-html-content {
width: 500px;
padding: 10px 15px 15px 15px;
}
.highslide-wrapper h1{
padding: 0 0 8px 4px;
font-size: 0.88em;
line-height: 1.3;
color: #A4AF40;
}
.highslide-wrapper h2{
margin-bottom: 4px;
padding: 4px 0 0 0;
font-size: 0.88em;
font-weight:normal;
line-height: 1.4;
color: #A4AF40;
border-bottom: 1px dotted #A4AF40;
}
.highslide-wrapper p{
line-height: 1.5;
}
.highslide-wrapper img.img_info {
float:left;
padding: 0 10px 10px 0;
}
.clear {
clear: left;
}
.highslide-wrapper .highslide-header {
padding-bottom: 15px;
}
.highslide-wrapper .highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-wrapper .highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
display: none;
}
.highslide-wrapper .highslide-header a {
font-size: 0.75em;
color: #0F516A;
text-transform: uppercase;
text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
text-decoration: underline;
}
.highslide-wrapper .highslide-header .highslide-move a {
cursor: move;
}
.highslide-wrapper .highslide-header .highslide-close a {
}
.highslide-wrapper .highslide-footer {
height: 15px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
float: right;
margin-top: 4px;
height: 11px;
width: 11px;
background: url(../../generique/images/highslide/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
cursor: move;
}
.highslide-resize {
cursor: nw-resize;
}