/*	CSS ArPub
	Création Grain de Sel le 15/09/2006 */

/* Redefinition de balises */
body {
	margin:0px; 
	padding:0px; 
	background-color:#192C4F;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
img {border: 0;}

ul{list-style-type: none;}

/*Declaration de structure qui suis je*/
#Content {
	position:absolute;
	left:50%;
	width:780px;
	margin-left:-390px;
	height:650px;
	margin-top:30px;
	text-align:left;
	padding:0px; 
	border:0px;
	background-color:#fff;
	background-image: url("../images/gaucheID.jpg");
	background-repeat: no-repeat;
	background-position: top left;
}

#lienReference  {	
	position: absolute;
	top:20px;
	left:105px;
	display: block;	
	height: 90px;
	width: 69px;
}
#lienReference:hover  {	
	position: absolute;
	top:20px;
	left:109px;
	display: block;	
	height: 90px;
	width: 71px;
	background-image: url("../images/fleurEnfonce.jpg");
	background-repeat: no-repeat;
}
#lienContact {	
	position: absolute;
	top:60px;
	left:15px;
	display: block;	
	height: 80px;
	width: 80px;
}
#lienContact:hover {	
	position: absolute;
	top:60px;
	left:15px;
	display: block;	
	height: 80px;
	width: 80px;
	background-image: url("../images/rondEnfonce.gif");
	background-repeat: no-repeat;
	background-position:21px 27px;
}

#lienQuiSuisJe{	
	position: absolute;
	top:370px;
	left:105px;
	display: block;	
	height: 120px;
	width: 150px;
}

#texte {
	position:absolute;
	width:437px;
	height:464px;
	top:0;
	margin:0;
	padding:0; 
	left:323px;
	background-color:#fff;
	background-image: url("../images/imgID.gif");
	background-repeat: no-repeat;
	background-position: 340px 255px ;
	padding-left:20px;
	padding-top:30px;
}

h1{
margin:0;
padding:0;
}
p{
margin:0;
padding:0;
}

.arpub {
	left:0;
	top:0;
	margin:0;
	padding:0;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14px;
	color: #06497D;
	font-weight:bold;
	 }

.chapeau{
	left:0;
	top:0;
	margin:0;
	padding:0;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #06497D;
	font-weight:bold;
	width:410px;

	 }
	 
.texteQui{
	margin:0;
	padding:0;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #192C4F;
	font-weight:normal;
	left:0;
	top:0;
	text-align:justify;
	width:298px;
	 }
	 
 #footer{
	position:absolute;
	margin:0;
	padding:0;
	top:494px;
	left:0;
	width:780px;
	height:156px;
	background-image: url("../images/basID.gif");
	background-repeat: no-repeat;
}

#lienArPub {
	position: absolute;
	top:490px;
	left:315px;
	display: block;	
	height: 70px;
	width: 194px;
	}
#quiSuisJe {
	position: absolute;
	top:470px;
	left:625px;
	display: block;	
	height: 110px;
	width: 110px;
	}
	
#bas li {	
	margin:0;
	text-align:right;
	height:15px;
}

#bas {
	list-style-type: none;	
	position: absolute;
	left:0;
	margin:0;
	padding:0;
	width: 112px;
	padding-right:90px;
	margin-top:77px;
}
#bas a {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
}
#bas a:hover {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#004075;
	text-decoration: none;
}

.adresseID {
	position: absolute;
	top:108px;
	left:210px;
	height:24px;
	width:610px;
	margin:0;
	padding:0;
	border:0px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#06497D;
}

#fil{
	position:absolute;
	margin:0;
	padding:0;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	list-style-type: none;
	top:12px;
	left:50%;
	width:780px;
	margin-left:-390px;
	line-height:12px;
	}
	
#fil a {	
	color:  #ffffff;
	font-size: 9px;
	text-decoration: none;
	}

#fil a:hover {
	color:  #ffffff;
	text-decoration: underline; 
	}
	
#fil li {
	display: inline;
	color:  #ffffff;
	font-size: 9px;
	}
#fil li h3 {
	margin:0;
	padding:0;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:normal;
	color:#fff;
	display:inline;
}


/*page contact*/
#formulaire{
	position:absolute;
	margin:0; 
	width:397px;
	height:360px;
	top:40px;
	left:293px;
	background-color:#fff;
	padding-top:20px;
	}
	
 #frmSaisie {
	margin:0;
	padding:0;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	}
	
	label{
	margin:0;
	padding:0;
	width:30px;
	color:#192C4F;
	margin-top:20px;
	margin-left:20px;
}
	
	.chpAreaA{
	background-color: #D5E39A; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	padding-left: 3px; 
	padding-top: 2px;
	margin:0;
	width: 350px;
	display:block;
	border:0;
	margin-left:20px;
	border:1px solid #192C4F;
	}
	.chpTxt {
	margin:0;
	padding:0;
	height: 12px;
	background-color: #D5E39A; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	padding-left: 3px; 
	padding-top: 2px;
	width: 350px;
	display:block;
	border:0;
	margin-left:20px;
	border:1px solid #192C4F;
	}
	.bouton{
	position:absolute;
	top:388px;
	left:140px;
	margin:0;
	padding:0;
	display: block;	
	height: 34px;
	width: 99px;
	background-image: url("../images/btnEnvoyer.gif");
	background-repeat: no-repeat;
	color:#fff;
	text-align:center;
	line-height:26px;
	text-decoration:none;
	font-weight:bold;
}
.bouton:hover{
	background-image: url("../images/btnEnvoyerEnfonce.gif");
	background-repeat: no-repeat;
}

 #footer2{
	position:absolute;
	margin:0;
	padding:0;
	top:461px;
	left:0;
	width:780px;
	height:189px;
	background-image: url("../images/bas.gif");
	background-repeat: no-repeat;
}

#bas2 li {	
	margin:0;
	text-align:right;
	height:15px;
}

#bas2 {
	list-style-type: none;	
	position: absolute;
	left:0px;
	margin:0;
	padding:0;
	width: 112px;
	padding-right:90px;
	margin-top:109px;
}
#bas2 a {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
}
#bas2 a:hover {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#004075;
	text-decoration: none;
}

.adresse {
	position: absolute;
	top:142px;
	left:210px;
	height:24px;
	width:610px;
	margin:0;
	padding:0;
	border:0px;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#06497D;
}

/*accueil référence*/
#Content2 {
	position:absolute;
	left:50%;
	width:780px;
	margin-left:-390px;
	height:650px;
	margin-top:30px;
	text-align:left;
	padding:0px; 
	border:0px;
	background-color:#fff;
	background-image: url("../images/gauche.gif");
	background-repeat: no-repeat;
	background-position: top left;
}

#references {
	position:absolute;
	width:437px;
	height:331px;
	top:173px;
	margin:0;
	padding:0; 
	left:165px;
	background-color:#fff;
	background-image: url("../images/references.gif");
	background-repeat: no-repeat;
	}
	.titreRef {
	left:0;
	top:0;
	margin:0;
	padding:0;
	margin-left:270px;
	margin-top:15px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #06497D;
	font-weight:bold;
	 }

.texteRef{
	margin:0;
	padding:0;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #192C4F;
	font-weight:normal;
	left:0;
	top:0;
	margin-left:270px;
	text-align:justify;
	width:490px;
	 }
	
.rubrique{
	margin:0;
	margin-top:20px;
	padding:0;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 13px;
	color: #06497D;
	font-weight:bold;
	left:0;
	top:0;
	text-align:right;
	margin-right:20px;
	 }
	
#lienEnseigne{	
	position: absolute;
	top:70px;
	left:35px;
	display: block;	
	height: 50px;
	width:100px;
}
#lienIndustrie{	
	position: absolute;
	top:140px;
	left:65px;
	display: block;	
	height: 30px;
	width:50px;
}
#lienInstitutionnel{	
	position: absolute;
	top:117px;
	left:145px;
	display: block;	
	height: 30px;
	width:80px;
}
#lienTourisme{	
	position: absolute;
	top:170px;
	left:198px;
	display: block;	
	height: 30px;
	width:50px;
}
#lienAgro{	
	position: absolute;
	top:0px;
	left:310px;
	display: block;	
	height: 40px;
	width:90px;
}
#lienCommerce{	
	position: absolute;
	top:130px;
	left:363px;
	display: block;	
	height: 30px;
	width:60px;
}