/* dossiers NOUMEA

******************************************/

#dossiers {float:left; margin: 2px 0 0 0; width: 1002px; height: 100%; border:1px solid black; background:#efdbad; padding-bottom:5px;}

.fond, .fond2, .fond3, .fond6, .fondpub, .fond8, .fond9, .fond10 {float:left; position:relative; margin: 5px 2px 0 3px; width: 988px; font-size:0;}

.fond p, .fond2 p {text-align:center; margin: 8px 0 0 0;}

.fond6 {width: 170px;height:450px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px ;}

.fondpub {width: 1008px;height:150px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px ; border:1px solid black;background:url(interface/fondpub.jpg);}

html>body .fond {margin: 5px 0 0 6px; }

.fond div, .fond div a, .fond2 div, .fond2 div a, .fond3 div, .fond3 div a,.fond4 div, .fond4 div a, .fond5 div, .fond5 div a, .fond6 div, .fond6 div a, .fondpub div, .fond8 div, .fond8 div a, .fond9 div, .fond9 div a, .fond10 div, .fond10 div a, .avantage div, .avantage div a {display:block; width:160px; height:105px; position:absolute; border:0px solid #000; background:url(../htm_site/accueil/dossiers/images/mines/pixel.gif);}



.fond div, .fond2 div, .fond3 div, .fond4 div, .fond5 div, .fond6 div, .fondpub div, .fond8 div, .fond9 div, .fond10 div, .avantage div {border:0;}



.fond2 div, .fond3, .fond4 div, .fond5 div, .fond6 div, .fondpub div, .fond8 div, .fond9 div, .fond10 div {width:0; height:0;}



.fond div a:hover, .fond6 div a:hover, div a:hover, .avantage div a:hover { display:block;border:1px solid #efae6b;}



/******* ECONOMIE   ************/

#e div a  {width:149px; height:25px;}

#e div.e9 a  {width:40px; height:44px;border:0;}

#e div.e10 a  {width:170px; height:40px;border:0;}

.e1 {top:65px; left:11px;}

#e div.e1 a:hover {background:url(boutons/b1.gif);border:0;}

.e2 {top:96px; left:11px;}

#e div.e2 a:hover {background:url(boutons/b2.gif);border:0;}

.e3 {top:127px; left:11px;}

#e div.e3 a:hover {background:url(boutons/b3.gif);border:0;}

.e4 {top:158px; left:11px;}

#e div.e4 a:hover {background:url(boutons/b4.gif);border:0;}

.e5 {top:189px; left:11px;}

#e div.e5 a:hover {background:url(boutons/b5.gif);border:0;}

.e6 {top:220px; left:11px;}

#e div.e6 a:hover {background:url(boutons/b6.gif);border:0;}

.e7 {top:251px; left:11px;}

#e div.e7 a:hover {background:url(boutons/b7.gif);border:0;}

.e8 {top:282px; left:11px;}

#e div.e8 a:hover {background:url(boutons/b8.gif);border:0;}

.e9 {top:320px; left:60px;}

#e div.e9 a:hover {border:0;}

.e10 {top:390px; left:0px;}

#e div.e10 a:hover {border:0;}



 /* Compteurs NOUMEA

******************************************/

#compteurs { float: left; height: 28px; width: 845px; padding: 2px 0px 0px 5px;}

.compti5 { float: left; height: 20px; width: 150px;padding: 39px 0px 0px 60px; font-size: 12px; background:url(interface/compteur01.jpg); line-height: 0.6em;}



/* Compteur

******************************************/

#s div a  {width:15px; height:20px;}

.s20 {top:10px; left:50px;}
.s21 {top:10px; left:62px;}
.s22 {top:10px; left:74px;}
.s23 {top:10px; left:86px;}
.s24 {top:10px; left:97px;}
.s25 {top:10px; left:110px;}



/* fixed design

******************************************/

* { padding: 0; margin: 0; border: 0; }



/* Fond Publicite

******************************************/

#pub div a  {width:140px; height:130px;}

.pub1 { top:12px; left:5px ; }

#pub div.pub2 a  {border:0;}

.pub2 { top:61px; left:185px;}



/* Conteneur global

******************************************/

#global {width: 1008px; height :470 ; background:url(interface/imagefond.jpg);}



/* Conteneur GAUCHE

******************************************/

#gauche { width: 180px; height :470 ; background:url(interface/menuG.jpg);}



#menug {float:left; padding: 110px 0px 0px 8px; }

#menug a:link, #menug a:visited {color: #000;text-decoration: none;}

#menug a{display: block;width: 150px; height: 26px; line-height:21px; font-size:13px; padding:0;margin:5px 0 0 0;}

#menug a:hover{background:green;}

#menug a.a1 {background:#0080c0 url(boutons/a1.gif) 0 0 no-repeat;}

#menug a.a1:hover{background:#0080ff url(boutons/a1.gif) -150px 0 no-repeat;}

#menug a.a2 {background:#0080c0 url(boutons/a2.gif) 0 0 no-repeat;}

#menug a.a2:hover{background:#0080ff url(boutons/a2.gif) -150px 0 no-repeat;}

#menug a.a3 {background:#0080c0 url(boutons/a3.gif) 0 0 no-repeat;}

#menug a.a3:hover{background:#0080ff url(boutons/a3.gif) -150px 0 no-repeat;}

#menug a.a4 {background:#0080c0 url(boutons/a4.gif) 0 0 no-repeat;}

#menug a.a4:hover{background:#0080ff url(boutons/a4.gif) -150px 0 no-repeat;}

#menug a.a5 {background:#0080c0 url(boutons/a5.gif) 0 0 no-repeat;}

#menug a.a5:hover{background:#0080ff url(boutons/a5.gif) -150px 0 no-repeat;}

#menug a.a6 {background:#0080c0 url(boutons/a6.gif) 0 0 no-repeat;}

#menug a.a6:hover{background:#0080ff url(boutons/a6.gif) -150px 0 no-repeat;}

#menug a.a7 {background:#0080c0 url(boutons/a7.gif) 0 0 no-repeat;}

#menug a.a7:hover{background:#0080ff url(boutons/a7.gif) -150px 0 no-repeat;}

#menug a.a8 {background:#0080c0 url(boutons/a8.gif) 0 0 no-repeat;}

#menug a.a8:hover{background:#0080ff url(boutons/a8.gif) -150px 0 no-repeat;}

#menug a.a9 {background:#0080c0 url(boutons/a9.gif) 0 0 no-repeat;}

#menug a.a9:hover{background:#0080ff url(boutons/a9.gif) -150px 0 no-repeat;}



/* Conteneur DROITE

******************************************/

#droite { float:right; width: 825px; height :490 ;border:1px solid #000;}

.droite img { border:1px solid #000; margin: 0px 0px 0px 5 px; }





/* base

******************************************/

.compti { float: left; width: 170px; height: 21px; padding: 45px 0px 0px 35px; }



strong{ font-weight: bold; }

.souligne { text-decoration: underline ; }



/* Liens

******************************************/

a { text-decoration: none; color:#fff; outline: none; }

a:hover { color:#FFCC33; text-decoration: none; }

/* Tete

******************************************/





/* centre

******************************************/

.imgright { float: right;margin: 15px 5px 0 0;}

.imgleft { float:left; margin: 20px 0 0 10px; border:1px solid #000;}

#centre {float: left;width: 820px; margin: 7px 0 50px 2px;text-align: left; display: inline; padding:0;}



/* page contact

******************************************/

#bloccontact {float:left;border: 1px solid #000; margin:38px 0 0 26px; width:700px; height: 510px;background:#FFAE63; }

html>body #bloccontact { margin-left: 53px;}

#bloccontact p {color:#000; }

/* formulaire

******************************************/

#corpscadre { clear:left;height: 490px; margin: 9px 10px 0 10px ; background-color: #efdbad; font-size: 12px; border: 1px solid #000;}

#corpscadre a { padding: 0; line-height: 1; text-decoration: none; color: #03C; }

#corpscadre p { font-size: 14px;margin-left:5px; line-height:20px;}

#cadreg { float:left; border: #666 1px solid; width: 380px; margin:5px;}

#cadred { float:left; border: #666 1px solid; width: 380px; margin:5px;}

#cadred1 { float:left; border: #666 1px solid; width: 100px; margin:5px;}

#cadred2 { float:left; border: #666 1px solid; width: 100px; margin:5px;}

form { margin: 0; padding:0; font: 14px Verdana, Arial, Helvetica, sans-serif;}

.inscription { color:#000; }

.fieldset { padding-top: 10px; margin:0; background:url(interface/fond2.jpg); height: 310px; border: 1px solid #000; border-width: 1px 0 0 0; }

FORM P { clear: both; margin: 0; }

FORM LABEL { float: left; width: 20%; text-align: right; }

TEXTAREA, INPUT, LABEL { margin: 0;}

TEXTAREA, INPUT { border: #666 1px solid; background-color: #fff; width: 250px; }

TEXTAREA { width: 20%px; height: 150px }

#submit { border: 1px #000 solid; cursor: pointer; padding: 1px; color: #fff; background-color: #006633; width: auto; }

#submit:hover { border: 1px red solid }

.alerte { }

.focus { background: #ff9 }