/* CSS Document */

body{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	/*padding: 10px;*/
	text-align: justify;
	background-color: rgb(204,234,250);
  }
  
table {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
  }

.main {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-right: auto;
  margin-left:-500px;
	width: 1000px;
	height: 720px;
  /*border-bottom: 1px rgb(156,156,150) solid;*/
  background-image: url(image/fond.jpg);
  background-repeat: no-repeat;  
  }
  
.mainplug {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-right: auto;
  margin-left:-500px;
	width: 1000px;
	height: 720px;
  /*border-bottom: 1px rgb(156,156,150) solid;*/
  background-image: url(image/fondplug.jpg);
  background-repeat: no-repeat;  
  }
  
.mainnoplug {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-right: auto;
  margin-left:-500px;
	width: 1000px;
	height: 720px;
  /*border-bottom: 1px rgb(156,156,150) solid;*/
  background-image: url(image/fondnoplug.jpg);
  background-repeat: no-repeat;  
  }
  
.mainpreamb {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-right: auto;
  margin-left:-500px;
	width: 1000px;
	height: 720px;
  /*border-bottom: 1px rgb(156,156,150) solid;*/
  background-image: url(image/fondpreamb.jpg);
  background-repeat: no-repeat;  
  }
  
.mainsign {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-right: auto;
  margin-left:-500px;
	width: 1000px;
	height: 720px;
  /*border-bottom: 1px rgb(156,156,150) solid;*/
  background-image: url(image/fondsign.jpg);
  background-repeat: no-repeat;  
  }
  
.mainaction {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-right: auto;
  margin-left:-500px;
	width: 1000px;
	height: 720px;
  /*border-bottom: 1px rgb(156,156,150) solid;*/
  background-image: url(image/fondaction.jpg);
  background-repeat: no-repeat;  
  }
  
.maincontact {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-right: auto;
  margin-left:-500px;
	width: 1000px;
	height: 720px;
  /*border-bottom: 1px rgb(156,156,150) solid;*/
  background-image: url(image/contact.jpg);
  background-repeat: no-repeat;  
  }
  
.text {
  position: absolute;
  top: 246px;
  left: 47px;
  width: 905px;
  height: 435px;
  color: #4C4C4C;
  z-index: 0;
  }
  
.texts {
  position: absolute;
  top: 246px;
  left: 47px;
  width: 820px;
  height: 250px;
  color: #4C4C4C;
  z-index: 0;
  }
  
.textp {
  position: absolute;
  top: 246px;
  left: 47px;
  width: 905px;
  height: 435px;
  color: #4C4C4C;
  background-image: url(image/preambule.jpg);
  background-repeat: no-repeat; 
  z-index: 0; 
  }
  
.colonne {
  position: absolute;
  top: 10px;
  left: 300px;
  width: 580px;
  }

/* PAGE ACCUEIL */  
.accueil{
  position: absolute;
  top: 0px;
  left: 50%;
  margin-right: auto;
  margin-left:-500px;
	width: 1000px;
	height: 720px;
  background-image: url(image/accueil.jpg);
  background-repeat: no-repeat;  
  }

/* FIN ACCUEIL */

/* NAVIGATION */
a.fr {
  position: absolute;
  top: 640px;
  left: 140px;
  width: 63px;
  height: 14px;
  background: url(image/menu/fr.gif);
  background-repeat: no-repeat;
}

a.en {
  position: absolute;
  top: 640px;
  left: 820px;
  width: 63px;
  height: 11px;
  background: url(image/menu/fr.gif);
  background-repeat: no-repeat;
}

a.menu1 {
  position: absolute;
  top: 229px;
  left: 43px;
  width: 97px;
  height: 13px;
  background: url(image/menu/menu_1.jpg);
  background-repeat: no-repeat;
}

a.menu1:hover {
  background: url(image/menu/menu_1b.jpg);
  background-repeat: no-repeat;  
}

a.menu2 {
  position: absolute;
  top: 229px;
  left: 145px;
  width: 138px;
  height: 13px;
  background: url(image/menu/menu_2.jpg);
  background-repeat: no-repeat;
}

a.menu2:hover {
  background: url(image/menu/menu_2b.jpg);
  background-repeat: no-repeat;  
}

a.menu3 {
  position: absolute;
  top: 229px;
  left: 290px;
  width: 158px;
  height: 13px;
  background: url(image/menu/menu_3.jpg);
  background-repeat: no-repeat;
}

a.menu3:hover {
  background: url(image/menu/menu_3b.jpg);
  background-repeat: no-repeat;  
}

a.menu4 {
  position: absolute;
  top: 229px;
  left: 455px;
  width: 190px;
  height: 13px;
  background: url(image/menu/menu_4.jpg);
  background-repeat: no-repeat;
}

a.menu4:hover {
  background: url(image/menu/menu_4b.jpg);
  background-repeat: no-repeat;  
}

a.menu5 {
  position: absolute;
  top: 229px;
  left: 652px;
  width: 162px;
  height: 13px;
  background: url(image/menu/menu_5.jpg);
  background-repeat: no-repeat;
}

a.menu5:hover {
  background: url(image/menu/menu_5b.jpg);
  background-repeat: no-repeat;  
}

a.menu6 {
  position: absolute;
  top: 229px;
  left: 820px;
  width: 140px;
  height: 13px;
  background: url(image/menu/menu_6.jpg);
  background-repeat: no-repeat;
}

a.menu6:hover {
  background: url(image/menu/menu_6b.jpg);
  background-repeat: no-repeat;  
}

a.quitter {
  position: absolute;
  top: 697px;
  left: 40px;
  width: 75px;
  height: 20px;
  background: url(image/menu/quitter_1.jpg);
  background-repeat: no-repeat;
}

a.quitter:hover {
  background: url(image/menu/quitter_2.jpg);
  background-repeat: no-repeat;  
}

a.preambule {
  position: absolute;
  top: 701px;
  left: 475px;
  width: 75px;
  height: 15px;
  background: url(image/menu/preambule_1.jpg);
  background-repeat: no-repeat;
}

a.preambule:hover {
  background: url(image/menu/preambule_2.jpg);
  background-repeat: no-repeat;  
}

a.signataire {
  position: absolute;
  top: 701px;
  left: 563px;
  width: 115px;
  height: 15px;
  background: url(image/menu/signataire_1.jpg);
  background-repeat: no-repeat;
}

a.signataire:hover {
  background: url(image/menu/signataire_2.jpg);
  background-repeat: no-repeat;  
}

a.contact {
  position: absolute;
  top: 701px;
  left: 688px;
  width: 70px;
  height: 15px;
  background: url(image/menu/contact_1.jpg);
  background-repeat: no-repeat;
}

a.contact:hover {
  background: url(image/menu/contact_2.jpg);
  background-repeat: no-repeat;  
}

a.nouveaute {
  position: absolute;
  top: 701px;
  left: 766px;
  width: 90px;
  height: 15px;
  background: url(image/menu/nouveaute_1.jpg);
  background-repeat: no-repeat;
}

a.nouveaute:hover {
  background: url(image/menu/nouveaute_2.jpg);
  background-repeat: no-repeat;  
}

a.utilitaire {
  position: absolute;
  top: 701px;
  left: 882px;
  width: 95px;
  height: 15px;
  background: url(image/menu/utilitaire_1.jpg);
  background-repeat: no-repeat;
}

a.utilitaire:hover {
  background: url(image/menu/utilitaire_2.jpg);
  background-repeat: no-repeat;  
}

a.action {
  position: absolute;
  top: 146px;
  left: 369px;
  width: 137px;
  height: 43px;
  background: url(image/menu/action_1.jpg);
  background-repeat: no-repeat;
}

a.action:hover {
  background: url(image/menu/action_2.jpg);
  background-repeat: no-repeat;  
}

a.actionb {
  position: absolute;
  top: 146px;
  left: 369px;
  width: 137px;
  height: 43px;
  background: url(image/menu/action_1b.jpg);
  background-repeat: no-repeat;
}

a.actionb:hover {
  background: url(image/menu/action_2b.jpg);
  background-repeat: no-repeat;  
}

a.dpi {
  position: absolute;
  top: 590px;
  left: 28px;
  width: 10px;
  height: 90px;
  background: url(image/dpidesign.gif);
}

a.plug1 {
  position: absolute;
  top: 312px;
  left: 288px;
  width: 100px;
  height: 140px;
  background: url(image/plug.gif);
}

a.plug2 {
  position: absolute;
  top: 312px;
  left: 388px;
  width: 100px;
  height: 140px;
  background: url(image/plug.gif);
}

a.plug3 {
  position: absolute;
  top: 312px;
  left: 515px;
  width: 100px;
  height: 140px;
  background: url(image/plug.gif);
}

a.plug4 {
  position: absolute;
  top: 312px;
  left: 619px;
  width: 100px;
  height: 140px;
  background: url(image/plug.gif);
}
/* FIN NAVIGATION */

img{
  border: 0;
  }
  
a{ text-decoration: none; }
a:link { color: #0D3F96; }    /* cibles non encore visitées */
a:visited { color: #0D3F96; } /* cibles visitées */
a:hover { color: white; }   /* Liens pour "MouseOver" */
a:active { color: #0D3F96; }  /* Liens cliqués */

input {
   font-family: Arial, Helvetica, sans-serif;
   font-size: x-small;
   z-index:1;
}

textarea {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #555566;
   font-size: x-small;
   background-color: #ffffff;
   border: 1px solid #000000;
   z-index:1;
  }

option {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #555566;
   background-color: #ffffff;
  }
  
/* ACTION */

a.action1 {
  position: absolute;
  top: 263px;
  left: 255px;
  width: 100px;
  height: 100px;
  background: url(image/actionv.gif);
}

a.action2 {
  position: absolute;
  top: 263px;
  left: 465px;
  width: 100px;
  height: 100px;
  background: url(image/actionv.gif);
}

a.action3 {
  position: absolute;
  top: 263px;
  left: 665px;
  width: 100px;
  height: 100px;
  background: url(image/actionv.gif);
}

a.action4 {
  position: absolute;
  top: 395px;
  left: 255px;
  width: 100px;
  height: 100px;
  background: url(image/actionv.gif);
}

a.action5 {
  position: absolute;
  top: 395px;
  left: 465px;
  width: 100px;
  height: 100px;
  background: url(image/actionv.gif);
}

a.action6 {
  position: absolute;
  top: 395px;
  left: 665px;
  width: 100px;
  height: 100px;
  background: url(image/actionv.gif);
}

a.action7 {
  position: absolute;
  top: 525px;
  left: 465px;
  width: 100px;
  height: 100px;
  background: url(image/actionv.gif);
}

a.contact0 {
  position: absolute;
  top: 310px;
  left: 360px;
  width: 240px;
  height: 20px;
  background: url(image/contactv.gif);
}

a.contact2 {
  position: absolute;
  top: 355px;
  left: 360px;
  width: 240px;
  height: 20px;
  background: url(image/contactv.gif);
}

a.contact3 {
  position: absolute;
  top: 400px;
  left: 360px;
  width: 240px;
  height: 20px;
  background: url(image/contactv.gif);
}

a.contact4 {
  position: absolute;
  top: 445px;
  left: 360px;
  width: 240px;
  height: 20px;
  background: url(image/contactv.gif);
}

a.contact5 {
  position: absolute;
  top: 510px;
  left: 360px;
  width: 240px;
  height: 20px;
  background: url(image/contactv.gif);
}