/* CSS globale au site Aginius */

#html, body {
margin: 0;
}

#global {
margin: 0 auto;
width: 1001px;
}

#pageHaut {
background:url(../images/ombre_site_header.png);
/*width: px;*/
height:20px;
background-repeat: no-repeat;
}

#pageCentre {
background:url(../images/ombre_site_corp.png);
background-repeat: repeat-y;
}

/* commun à tout ce qui doit être au centre
de la page (divCentr et pageBas0 actuellement) */
.fondPage {
margin-left: 13px;
margin-right: 13px;
background-color: white;
}

#divCentre {
overflow: auto; /* la magie est ici ! (occupe tout jusqu'au pied de page)*/
height: 100%; /* hack pour IE6 qui ne comprend pas l'overflow */
}

#pageBas0 {
background: url(../images/ombre_site_corp.png);
clear: both;
}

#pageBas {
background: url(../images/ombre_site_footer.png);
height: 20px;
background-repeat: no-repeat;
}

#pageBasInner {
font-family: Arial, sans-serif;
font-size: 0.9em;
color: #99a9b8;
padding: 10px;
text-align: justify;
}

#header {
margin-top: 15px;
}

/* centrage image */
#header img {
display: block;
margin: 0 auto;
}

.contenu {
/*border: 1px solid black;*/
background-color: white; /* redondant ... mais permet de limiter la casse sous IE6 en attendant mieux ... comme ombre_site_corp.png avec un fond blanc*/
}

#contenuGauche {
clear: both;
float: left;
width: 180px;
}

#contenuCentre {
width: 585px;
float: left;
padding: 20px;
padding-top:0px;
}

#contenuDroite {
float: left;
width: 130px;
}

#contenuGauche h3 {
color: #f08600;
margin: 0px;
padding: 0px;
margin-left: 10px;
padding-left: 10px;
border-left: 1.5px solid #003976;
padding-bottom:10px;
padding-top:10px;
}

.menuCotes {
font-family: Arial, sans-serif;
font-size: 0.8em;
/*font-weight: bold; */
padding: 10px;
}

.menuCotes a:link {
text-decoration:none;
color: #231f20; /* voir ul et :visited */
}
.menuCotes a:visited {
text-decoration:none;
color: #231f20; /* voir ul et :link */
}

.menuCotes a:hover {
color: #e06600;
}

.menuCotes ul {
color: #231f20;
margin: 0px;
padding: 0px;
border-left: 1.5px solid #003976;
margin-left: 10px;
padding-left: 10px;
}


.menuCotes li {
list-style-type: none;
background-image: url(../images/puce-defaut.gif);
background-repeat: no-repeat;
background-position: 0 0.12em;
padding-left: 17px;
margin-left: -17px;
padding-bottom: 10px;
}

/* Menu haut ------------------ */

/* est complètement "replié" sur lui-même */
#menuHaut {
/*background-image : url(../images/bande.gif);
background-repeat: repeat;*/
/*border: 1px solid black;*/
/*overflow: auto;*/
/*height:100%;*/ /* aucun sens ... workaround pour IE qui ne comprend pas l'overflow */
padding-left: 17px;
padding-right: 17px;
padding-bottom: 66px;
}

#menuHaut ul {
margin: 0;
padding: 0;
z-index: 10;
}

#menuHaut li {
float: left;
list-style-type: none;
/*font-weight: bold;*/
font-family: Arial, sans-serif;
color: #666;
font-size: 0.8em;
text-align: center;

padding-top: 9px;
width: 160px;
margin-right: 3px;
margin-right: 3px;

}

/* "sous-div" dédié au texte (pour l'effet de bordure en bas) */
#menuHaut ul li div {
border-bottom: 10px solid #c5c3d0;
/* OBLIGATOIRE pour IE7 ... Vous avez le droit de ne pas me croire
mais si on ne met pas de couleur de fond, il ne dessine pas la zone
et ne capture donc pas l'event hover. Incroyable. */
background-color: white;
}

/*
#menuHaut ul li div:hover {
border-bottom: 10px solid #4c445c;
}
*/

#menuHaut a:link {
text-decoration:none;
color: #666; /* voir li et :visited */
}

#menuHaut a:visited {
text-decoration:none;
color: #666; /* voir li et :link */
}

#menuHaut ul li ul {
display: none;
}


#menuHaut ul li:hover ul,  #menuHaut ul li.sfhover ul {
display: block;
}

/* on sort les menus déroulants du flux ... */
#menuHaut ul li ul {
position: absolute;
padding: 0;
margin: 0;
}

#menuHaut ul li ul li {
clear: both; /* les uns en dessous des autres ... */
/*background-color: #4c445c;*/
background-color: #eff3f8;
padding: 0;
}

#menuHaut ul li ul li:hover, #menuHaut ul li ul li.sfhover{
background-color: #dfe3e8;
}


#menuHaut ul li ul li span {
display: block;
/*font-size: 1.25em;*/
font-size: 1.4em;
/*font-weight: bold;*/
text-align: left;
padding: 6px;
padding-left: 10px;
border-top: 1px solid white;
}

/* fin menu haut -------------------------- */

#contenuDroite ul {
border-left: 1.5px solid #f08600;
padding-top: 10px;
}

#contenuDroite li.img {
background-image: none;
margin-left: -28px;
}

li#recherche {
float: right;
width: 200px;
border: 0;
text-align: right;
margin-top: 9px;
}

#recherche input {
/*background-color: #c5c3d0;*/
background-color: #eff3f8;
border: 0;
/*color: white;*/
color: #666;
width: 170px;
vertical-align: bottom;
}

#recherche button {
background-image: url(../images/go.gif);
/*background-repeat: no-repeat;*/
width: 22px;
height: 18px;
border: 0;
vertical-align: bottom;
}

img {
border: 0;
}

.gmap {
width: 500px;
height: 400px;
}