/*--> CSS ICPE GoroNickel <--*/



body{
background-color:#FFFFFF;
background:url(images/BGhaut.jpg) repeat-x left top;
color:#000000;
margin:0px 0px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}
/*---->  LOADER  <----*/
html, body { height:100%; margin:0px; padding:0px; background-color:#FFFFFF;}

#preloader {
position:absolute; 
background-color:white; 
height:100%; 
width:100%;
left:0px;
display:none;
z-index:100;
margin-left: 0px;
padding-left:0px;
}

#preloadIMG {
position:absolute;
left:46%;
width:10%;
margin-left:-10px;
height:20px;
top:150px;
 text-align:center;
}
 .loader{
 text-align:center;
 margin: 0 auto;
 top: 0px;
 padding-top:0px;
 color:#996633;
 }
 /*---->  End Loader  <----*/
 
 /*-----------------------
      contenu menu gauche >> 
------------------------*/
#center ul {
text-align:left;
list-style:none; 
font-size:1em; 
margin:0px; 
padding:0px;
}

#center ul li.kwe {
padding-left:9px; 
font-weight:bold;
color:#336699;
}

#center ul li.global a: {
padding-left:0px; 
font-weight:normal;
color:#339933;
}

#center ul li.global a:hover {
padding-left:18px; 
font-weight:bold;
color:#339933;
}

#center ul li.global a:active {
padding-left:18px; 
font-weight:bold;
color:#993300;
}

 /*---->  End menu gauche  <----*/
 
/*-----------------------
      contenu TOTAL >> 
------------------------*/
#container {
margin: 0 auto;
width: 936px;
/*  width: 0px;*/
}
 a {
  text-decoration:none;
  color:#339933;
 }
  a.hover {
  text-decoration:underline;
  color:#339933;
 }
 a img {
 border: 0;
 }
  h4, h2, h2.bienvenue, h3 {
color:#339933;
margin-top: 0px;
padding-top: 4px;
padding-left:2px;
/*word-spacing:5px;*/
}
h2.bienvenue{
background: transparent;
	font-size: 1.8em;
}

p.bienvenue{
font-size:1.1em;
line-height: 1.4em;
}
h1{color:#996633;}
h2{
padding: 10px 0px 0px 40px;
background: url(images/puceTxt.gif) no-repeat left;
	font-size: 1.2em;
}
h3{
	font-size: 1.2em;
	font-weight:bolder;
}
h4{
	font-size: 1em;
}
h3{
color:#993300;
}
h3.vert {
color:#339933;
}
h4 {
color:#336699;
}
h3.newsletter {
color:#993300;
word-spacing:0px;
}
p {
padding-top:0px;
font-size:0.8em;
}
p.content{
font-size:1em;
text-align:justify;
}
/*-----------------------
-->        HEADER         <--
---------------------------*/

#header {
     margin: 0px auto;
     height:270px;
     color:#000;
     background: url(images/fond-haut.jpg) no-repeat;
 }
#header-home {
     margin: 0px auto;
     height:270px;
     color:#000;
     background: url(images/fond-haut-home.jpg) no-repeat;
 }
#titre{
    float:left;
    text-align:left;
    width:360px; 
    margin:0px 0px 0px 0px;
    padding: 40px 0px 10px 235px;
/*background: url(images/bg-titre.png) no-repeat bottom right;*/
    z-index:90;
 }
h1.title{
 	margin-top:4px !important;
	margin-top:6px;
    font-size: 1.6em;
    color: #fff;
 }
 #soustitre{
 position: absolute;
 top: 160px;
 padding-left: 240px !important;
 padding-left: 238px ;
 width: 400px;
 /*z-index:99;*/
 }
h2.title2{
    color:#DFF8FF;
	padding:0px 0px 0px 10px;
	font-size: 1.2em;
	font-weight:normal;
}
h2.title2 a{
    color:#DFF8FF;
	padding:0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
	font-size: 1.2em;
	font-weight:normal;
	background-image: url(http://www.goronickel-icpe.nc/images/fleche1.gif);
	background-position:-5px;
	background-repeat:no-repeat;
}
h2.title2 a:hover{
    color:#fff;
	font-size: 1.4em;
	padding:0px 0px 0px 16px;
	font-style:italic;
font-weight:normal;
	text-decoration:underline;
		background-image: url(http://www.goronickel-icpe.nc/images/fleche1.gif);
	background-position:0px;
	background-repeat:no-repeat;
}
#menuht {
    margin:41px 0px 0px 0px;
    padding:0px 80px 0px 0px;
    float:right;
    background-color:transparent;
 }
#menuht ul {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
    background-color:transparent;
 }
#menuht ul li {
    float:left;
    color:#FFF;
    font-size:1em;
    text-align:center;
    text-decoration:none;
    font-weight:normal;
    margin-left:0px;
    padding:0px 4px 0px 4px;
    background-color:transparent;
    word-spacing:0.2em;
 }
#menuht ul li em {
    line-height:50px;
 }
#menuht ul li a {
    color:#FFF;
    font-size:0.8em;
    background-color:transparent;
 }
#menuht ul li a:hover {
    text-decoration:underline;
 }
#moteur {
    margin:0px 0px 0px 0px;
    padding: 55px 15px 0px 0px ;
    float:right;
    width:270px;
    height: 40px;
	z-index:1;
 }
#q {
    width: 152px;
    height: 17px;
    margin-left: 15px;
    margin-bottom:4px;
    padding-left: 18px;
    background: #fff url(images/loupe.png) no-repeat scroll 2px 1px ;
    border:#993300 solid 1px;
    color: #993300;
}
.ok{
margin-bottom:0px;
}
 #menuprinc {
 margin-left:0px;
 padding-left:249px;
 padding-top:76px !important;
 padding-top:70px;
 margin-top:0px;
 float:left;
 background-color:transparent;
 width:688px;
 }
 #menuprinc ul {
 margin-top:0px;
 margin-left:0px;
 padding:0px 0px 0px 0px;
 list-style-type:none;
 background-color:transparent;
 }
 #menuprinc ul li {
 width:130px;
 height:34px;
 float:left;
 color:#FFF;
 font-size:0.8em;
 text-align:center;
 text-decoration:none;
 font-weight:bold;
 margin:0px;
 line-height:1.3em;
 background-color:transparent;
 }
 #menuprinc ul li a {
 display: block ;
 width:130px;
 height:34px;
 color:#FFF;
 font-size:1em;
 background-color:transparent;
 padding:2px 0px 0px 0px ;
 }
 #menuprinc ul li.petite {
 width:105px;
 padding-left:14px;
 }
 #menuprinc ul li.bouton1 a {
 background: url(images/btn_1.jpg) no-repeat 0 0 ;

 }
 #menuprinc ul li.bouton1 a:hover {
 background: url(images/btn_1.jpg) no-repeat 0 -34px ;
   margin:3px 0px 0px 0px;
 }

#menuprinc ul li.bouton1b {
 background: url(images/btn_1.jpg) no-repeat 0 -34px ;
 margin:3px 0px 0px 0px;
 text-decoration:underline;
 }
 #menuprinc ul li.bouton1b a:hover {
 background: url(images/btn_1.jpg) no-repeat 0 -34px ;
 }

 #menuprinc ul li.bouton2 a{
 background: url(images/btn_2.jpg) no-repeat 0 0 ;
 }
 #menuprinc ul li.bouton2 a:hover {
 background: url(images/btn_2.jpg) no-repeat 0 -34px ;
  margin:3px 0px 0px 0px;
 }

#menuprinc ul li.bouton2b {
 background: url(images/btn_2.jpg) no-repeat 0 -34px  ;
  margin:3px 0px 0px 0px;
   text-decoration:underline;

 }
 #menuprinc ul li.bouton2b a:hover {
 background: url(images/btn_2.jpg) no-repeat 0 -34px ;
 }

 #menuprinc ul li.bouton3 a{
 background: url(images/btn_3.jpg) no-repeat 0 0 ;
 }
 #menuprinc ul li.bouton3 a:hover {
 background: url(images/btn_3.jpg) no-repeat 0 -34px ;
 margin:3px 0px 0px 0px;
 }
 #menuprinc ul li.bouton3b {
 background: url(images/btn_3.jpg) no-repeat 0 -34px ;
 margin:3px 0px 0px 0px;
 text-decoration:underline;

 }
 #menuprinc ul li.bouton3b a:hover {
 background: url(images/btn_3.jpg) no-repeat 0 -34px ;
 }
 #menuprinc ul li.bouton4 a{
 background: url(images/btn_4.jpg) no-repeat 0 0 ;
 }
 #menuprinc ul li.bouton4 a:hover {
 background: url(images/btn_4.jpg) no-repeat 0 -34px ;
 margin:3px 0px 0px 0px;
 }
#menuprinc ul li.bouton4b {
 background: url(images/btn_4.jpg) no-repeat 0 -34px ;
 margin:3px 0px 0px 0px;
 text-decoration:underline;

 }
 #menuprinc ul li.bouton4b a:hover {
 background: url(images/btn_4.jpg) no-repeat 0 -34px ;
 }
 #menuprinc ul li.bouton5 a{
 background: url(images/btn_5.jpg) no-repeat 0 0 ;
 }
 #menuprinc ul li.bouton5 a:hover {
 background: url(images/btn_5.jpg) no-repeat 0 -34px ;
  margin:3px 0px 0px 0px;
 }
 #menuprinc ul li.bouton5b {
 background: url(images/btn_5.jpg) no-repeat 0 -34px ;
  margin:3px 0px 0px 0px;
   text-decoration:underline;

 }
 #menuprinc ul li.bouton5b a:hover {
 background: url(images/btn_5.jpg) no-repeat 0 -34px ;
 }
  /*
 ------end Header----------
 */
 /*
 -------------------------------
 -->          FOOTER               <--
 -------------------------------
 */
 #pied{
float:left;
background-image: url(images/footer.gif) ;
height:123px;
width: 936px;
background-repeat: no-repeat;
margin: -15px 0px 0px  0px ;
padding: 0px 0px 0px 0px ;
z-index:0;
}
 #plan a {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 float:left;
 margin-top:92px;
 margin-left:524px;
 background-color:#25a032;
 width:98px;
 height:18px;
 font-size:0.8em;
 color:#FFF;
 text-align:center;
 line-height:14px;
 }
 #mentions a {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 float:left;
 text-align:center;
 margin-top:92px;
 margin-left:0px;
 background-color:#dab679;
 width:110px;
 height:18px;
 font-size:0.8em;
 color:#FFF;
 line-height:14px;
 }
 #liens a {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:center;
 float:left;
 margin-top:92px;
 margin-left:0px;
 background-color:#589bcd;
 width:50px;
 height:18px;
 font-size:0.8em;
 color:#FFF;
 line-height:14px;
 }
  #credit {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 text-align:center;
 float:left;
 margin-top:92px;
 margin-left:0px;
 background-color:#e89a20;
 width:136px;
 height:18px;
 font-size:0.8em;
 color:#FFF;
 line-height:14px;
 }
  #liens a:hover, #mentions a:hover, #plan a:hover {
  text-decoration:underline;
  }

/*------end FOOTER---------- */

/*
--------------------------
-->         CENTER        <--
--------------------------
*/
#center{
float:left;
top:270px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background:transparent url(images/hautContainer.jpg) no-repeat ;
background-position:top;
width: 936px;
z-index:50;
}
#center-home{
float:left;
top:270px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
background:transparent url(images/hautContainer-home.jpg) no-repeat ;
background-position:top;
width: 936px;
z-index:50;
}
.sideBar{
display: block;
float:left;
padding:0px 20px 15px 0px;
margin-left:0px;
height: 100%;
}
.contentBar{
display: block;
float:left;
padding-left: 15px;
width: 610px;
margin-top: 0px;
width: 630px;
}
.img-gde{
display:inline;
float:right;
margin-top: 32px;
padding-left: 0px;
padding-right:16px;
width:306px;
}
.img{
border: 1px solid #ccc;
padding: 2px;
}
.nav-box{
display: block;
float:left;
padding-left: 255px;
margin-top: 10px;
width: 670px;
font-size: 0.8em;
color:#993300;
}
.scroll{
float: right; padding:8px 0px 0px 0px; text-align:right; font-size:0.8em; font-weight: bold; color:#336699;
}

.content-box, .content-box-page{
margin: 19px 0px 0px 0px ;
padding: 10px 0px 0px 20px;
background: url(images/encart.gif) no-repeat left top;
width: 280px;
min-height: 90px;
}
.content-box-page{
width: 600px;
}
.corner-box-haut, .corner-box{
margin: 1px 0px 0px 27px ;
padding: 16px 0px 0px 20px;
background: url(images/encartHaut.jpg) no-repeat left top;
width: 200px;
min-height: 70px;
color:#336699;
}

.corner-box{
margin: 16px 0px 0px 27px !important;
margin: 20px 0px 0px 27px;
background: url(images/encart.gif) no-repeat left top;
font-size:0.9em;
line-height:normal;
}
#corner-box-haut {
 margin-left:0px;
 padding-left:248px;
 padding-top:85px;
 margin-top:20px;
 float:left;
 background-color:transparent;
 width:688px;
 }
   /*---------------------------------
 ----->     sous menu      <------
 ---------------------------------*/
 .sousMenu {
 width: 184px;
 min-height: 100px;
 padding-bottom:8px;
 }
 .sousMenu ul {
 margin:7px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 list-style-type:none;
 background-color:transparent;
 text-align:left;
 }
 .sousMenu ul li {
 display:block;
 float:left;
 color:#FFF;
 font-size:0.8em;
 font-weight:bold;
 text-decoration:none;

 width:184px;
 }
 .sousMenu ul li.ghost a {
 background: url(images/ssBtn.jpg) no-repeat 0 0px ;
 display: block ;
 height:31px;
 margin-bottom:-4px;
 padding: 4px 0px 0px 12px;
 color:#FFF;
 font-size:1em;
 }
 .sousMenu ul li.ghost a:hover {
 background: url(images/ssBtn.jpg) no-repeat 0 -31px ;
  text-decoration:underline;
 }
 .sousMenu ul li.current a {
 background: url(images/ssBtn.jpg) no-repeat 0 -31px ;
  text-decoration:underline;
   display: block ;
 height:31px;
 margin-bottom:-4px;
 padding: 4px 0px 0px 12px;
 color:#FFF;
 font-size:1em;
 }
 .sousMenu ul li.current a:hover {
 background: url(images/ssBtn.jpg)no-repeat 0 -31px ;
 display: block ;
 height:31px;
 margin-bottom:-4px;
 padding: 4px 0px 0px 12px;
 color:#FFF;
 font-size:1em;
 text-decoration:underline;
 }
    /*---------------------------------
 ----->     sous menu  2    <------
 ---------------------------------*/
 .sousMenu2 {
 width: 184px;
 min-height: 100px;
 padding-bottom:8px;
 }
 .sousMenu2 ul {
 margin:7px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 list-style-type:none;
 background-color:transparent;
 text-align:left;
 }
 .sousMenu2 ul li {
 display:block;
 float:left;
 color:#FFF;
 font-size:0.8em;
 font-weight:bold;
 text-decoration:none;

 width:184px;
 }
 .sousMenu2 ul li.ghost a {
 background: url(images/ssBtn2.jpg) no-repeat 0 0px ;
 display: block ;
 height:31px;
 margin-bottom:-4px;
 padding: 4px 0px 0px 12px;
 color:#FFF;
 font-size:1em;
 }
 .sousMenu2 ul li.ghost a:hover {
 background: url(images/ssBtn2.jpg) no-repeat 0 -31px ;
  text-decoration:underline;
 }
 .sousMenu2 ul li.current a {
 background: url(images/ssBtn2.jpg) no-repeat 0 -31px ;
  text-decoration:underline;
   display: block ;
 height:31px;
 margin-bottom:-4px;
 padding: 4px 0px 0px 12px;
 color:#FFF;
 font-size:1em;
 }
 .sousMenu2 ul li.current a:hover {
 background: url(images/ssBtn2.jpg)no-repeat 0 -31px ;
 display: block ;
 height:31px;
 margin-bottom:-4px;
 padding: 4px 0px 0px 12px;
 color:#FFF;
 font-size:1em;
 text-decoration:underline;
 }

  /*---------------------------------
 ----->     newsletter      <------
 ---------------------------------*/
 #contenuboite2 {
 width:245px;
 }
 #contenuboite2 h6.rouge {
  color:#666666;
  font-size:0.9em;
  line-height:13px;
  font-weight:normal;
 }
 #contenuboite2 h6.asterisque {
 color:#c30e0e;
 font-weight:normal;
 font-size:0.8em;
 line-height:0.8em;
 }
 h6.asterisque {
 margin-bottom: 0px;
 margin-top:5px;
 }
 #contenuboite2 em {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#000;
 font-weight:normal;
 font-size:1.1em;
 }
 /*---------------------------------
 ----->     phototheque      <------
 ---------------------------------*/
  .vignette {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 float: left;
 min-height:200px;
 }
 .vignette ul {
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 list-style-type:none;
 background-color:transparent;
 text-align:left;
  width:620px;
 }
 .vignette ul li {
 display:block;
 float:left;
 margin:10px 8px 0px 8px;
 color:#FFF;
 font-size:0.8em;
 font-weight:bold;
 text-decoration:none;
 background-color:transparent;

 }
 .vignette ul li a {
 display: block ;
 padding:3px 3px 3px 3px;
 border:#DFDFDF solid 1px;
 color:#FFF;
 font-size:1em;
 background-color:transparent;
 }
 .vignette ul li a:hover {
  border:#339933 solid 1px;
 }

 /*
 ------  end CEnter  ----------
 */
  /*---------------------------------
 ----->     tableau      <------
 ---------------------------------*/
 #case #case2 {
 display: block;
 font-size:10px;
 }
 #case a {
 font-size:10px;
 display: block;
 float: left;
 border:#DFDFDF solid 1px;
 background-color:#F7F7F7; 
 padding: 0px;
 width:600px;
 margin: 0px;
 margin-top: 10px;
 cursor:auto;
 }
 #case a:hover, #case2 a:hover {
 background-color:#ffcc99;
 cursor:pointer;
 }
 #case2 a {
 font-size:10px;
 display: block;
 float: left;
 border:#DFDFDF solid 1px;
 background-color:#e4f2fe; 
 padding: 0px;
 padding-left: 0px;
 width:600px;
 margin: 0px;
 margin-top: 5px !important;
 margin-top: 0px;
 margin-bottom: 14px !important;
 margin-bottom: 8px;
 }
 #nom  {

 float: left;
 width: 415px;
 padding: 0px;
 padding-left: 5px;
 margin: 0px;
 }
 #fichier {

 float:left;
 width:100px;
 margin: 0px;
 padding: 0px;
 text-align: right;
 }
  #poids {
 
 float:left;
 width:60px;
 padding: 0px;
 padding-left: 8px;
 margin: 0px;
 text-align:right;
 }
 .annexes {float:left;}
 /*
 ------  end tableau  ----------
 */