body{
	margin: 0px; padding: 0px; background: #036; text-align: center; font: 12px arial; color: #036;
}
#form fieldset, #form2 fieldset{
	border:0px; margin:0px; padding: 0px; float: left;
}
a{
	color: #036;
}
a:hover{
	color: #C30;
}
#page{
	margin: 20px auto; padding: 0px; width: 800px; background: #FFF; text-align: left;
}
h1{
	display: block; width: 800px; height: 282px; margin: 0px; padding: 0px; background: url("logo.gif") no-repeat; text-indent:-2000px;
}
#header{
	background: url("logo.jpg");
}
#navigation li{
	float: left; display: block;
}
#main{
	clear: both;
}
#navigation{
	margin: 0px 35px; padding: 0px;
}
#navigation li{
	text-indent: -2000px; margin-bottom: 35px;
}
#nav-accueil{
	background: url("accueil.gif"); display: block; width: 71px; height: 22px;
}
#nav-societe{
	background: url("societe.gif"); display: block; width: 90px; height: 22px;
}
#nav-tarifs{
	background: url("tarifs.gif"); display: block; width: 139px; height: 22px;
}
#nav-zone{
	background: url("zones.gif"); display: block; width: 147px; height: 22px;
}
#nav-devis{
	background: url("devis.gif"); display: block; width: 61px; height: 22px;
}
#nav-glossaire{
	background: url("glosaire.gif"); display: block; width: 86px; height: 22px;
}
#nav-liens{
	background: url("liens.gif"); display: block; width: 63px; height: 22px;
}
#nav-contact{
	background: url("contact.gif"); display: block; width: 73px; height: 22px;
}
#nav-accueil-selected,#nav-accueil:hover{
	background: url("accueil_selected.gif"); display: block; width: 71px; height: 22px;
}
#nav-societe-selected,#nav-societe:hover{
	background: url("societe_selected.gif"); display: block; width: 90px; height: 22px;
}
#nav-tarifs-selected,#nav-tarifs:hover{
	background: url("tarifs_selected.gif"); display: block; width: 139px; height: 22px;
}
#nav-zone-selected,#nav-zone:hover{
	background: url("zones_selected.gif"); display: block; width: 147px; height: 22px;
}
#nav-devis-selected,#nav-devis:hover{
	background: url("devis_selected.gif"); display: block; width: 61px; height: 22px;
}
#nav-glossaire-selected,#nav-glossaire:hover{
	background: url("glosaire_selected.gif"); display: block; width: 86px; height: 22px;
}
#nav-liens-selected,#nav-liens:hover{
	background: url("liens_selected.gif"); display: block; width: 63px; height: 22px;
}
#nav-contact-selected,#nav-contact:hover{
	background: url("contact_selected.gif"); display: block; width: 73px; height: 22px;
}
#main{
	display: block; float: left; width: 512px;
}
h2{
	color: #C30; font: italic bold 16px arial; margin: 0px 35px;
}
#footer{
	clear: both; text-align: right; background: #036 url("footer-bg.gif") repeat-x; height: 40px; color: #FFF; padding-top: 25px;
}

#footer_ref {
	 text-align: center; background-color: #036; font-size:10px;  color: #dddddd; padding-top: 0px;
}

#footer_ref a {
	 color: #FFFFFF; 
}


#main p{
	margin: 15px 35px;
}
h4{
	margin: 0px 35px; font-size: 13px;
}
#main ul,#main2 ul{
	margin: 15px 0px; padding: 0px;
}
#main li,#main2 li{
	margin: 0px 35px; text-indent: 0px; padding: 0px; list-style: inside url("list-square.gif");
}
#demande-devis{
	display: block; width:360; height: 65px; margin: 26px; padding: 0px; text-indent: -2000px; background: url("devis-express.jpg") no-repeat;
}
#col{
	float: right; display: block; width: 285px; margin: 0px; padding: 0px; background: url("col-bg.gif") repeat-y;
}
h3{
	display: block; color: #C30; margin: 0px; font: italic bold 12px arial; background: url("solutions.jpg") no-repeat; height: 273px;
	background-color:white;
	background-position:bottom left;
	
}
h3 a {
color: #C30;
text-decoration:none;
}

#col b{
	margin: 2px 20px;
}


#list li {
    list-style-type:square;
    list-style-position:outside; 
    margin-left:60px;
}


#liste-solution{
	margin: 10px 20px;  padding: 0px;
}
#liste-solution li{
	list-style: inside url("list-anchor.gif");
    text-indent:-23px; 
    margin-left: 10px; 
    padding-left: 5px;
    margin-right:18px;
}
#encart{
	float: right;
}
#main2{
	display: block; float: left; width: 380px;
}
#main2 p{
	margin: 15px 35px;
}
#main2 li{
	list-style: outside url("list-square.gif"); margin-left: 50px;
}
#footer img{
	border: 0px; vertical-align: middle;
}
#col2{
	background: url("col-2_bg.gif") left bottom no-repeat; display: block; float: right; width: 350px; padding: 0px 35px; margin: 0px;
}
#col2 h2, #col2-1 h2{
	text-indent: -2000px;
}
#col2-1{
	margin: 0px 35px; clear: both;
}
#main3{
	clear: both; margin: 0px 35px; padding:0px 
}
#main3 h2{
	margin:0px; 
}
#main3 table{
	width: 100%; padding: 0px; margin: 10px 0px 30px 0px;
}
#main3 th{
	color: #FFF; background: #036; padding: 5px; text-align: center;
}
#main3 td{
	background: #ebeff3; padding: 5px; text-align: center;  color: #d42400;
}
#main3 .first-col{
	text-align: left; color: #036;
}
#main3 .first-col-header{
	text-align: left;
}
#main3 span{
	font-style: italic; font-size: 10px;
}
#demande-devis2{
	display: block; width: 360px; height: 65px; text-indent: -2000px; background: url("devis-express.jpg") no-repeat; margin: 0px 30px 0px 0px; padding: 0px; float: left;
}
#main3 p{
	display: block; padding: 0px; margin: 0px; font-size: 10px;
}
#zonestd{
	float: left; margin-right: 100px;
}
#zone-list{
	margin: 0px; padding: 0px;
}
#zone-list li{
	margin: 8px; padding: 0px; list-style: outside url("list-square.gif"); 
}
#zones-contrats{
	padding: 20px 0px;
}
#def-list{
	margin: 0px; padding: 0px; list-style-type: none;
}
#def-list li{
	margin : 15px 0px 0px 0px; padding: 0px;list-style-type: none;
}
#def-list b{
	background: #e5eaef; color: #d42400; padding: 2px 20px; 
}
#def-list dt{
	font-weight: bold; margin: 5px 0px 0px 0px; background: url("def-arrow.gif")  no-repeat; text-indent : 10px;
}
#def-list dd{
	text-indent: 0px; padding: 0px; margin: 0px;
}
label{
	width: 80px; display: block; float: left;
}
#form{
	width: 690px; background: #f5f7f9; padding: 20px;
}
#form form{
	margin : 20px; float: left;
}
#form form input, #form form textarea,#form form select{
	border: solid 1px #036; margin: 2px 0px; background: #d9e1e8; color: #036; width: 238px;
}
#form form textarea{
	height : 107px; overflow-x: hidden; overflow-y: scroll;
}
#form .submit,#form2 .submit{
 width: 89px; height: 30; margin: 15px 0px 0px 80px; border: 0px;
}
#form2 .formsubmit{
 width: 89px; height: 30; margin: 15px 0px 0px 0px; border: 0px;
}
#form span{
	margin : 20px;
}
#map{
	text-align: center; margin:0px; padding: 0px;
}
#map img{
	border: 0px;
}
.clear{
	clear: both;
}
#lien-list{
	margin:margin: 0px 0px 0px 0px;
    padding: 0px;
    width:690px;
}
#lien-list li{
	list-style-type: square; margin: 10px 0px 0px 16px; padding: 0px;
	text-align:justify;
}

#lien-list li b{
	display: block; text-indent: 15px; background: url("def-arrow.gif")  no-repeat; margin: 0px; padding: 0px;
}

#lien-list .imgLogo {
    float:right;
}

#lien-list .imgLogo img {
    border-style:solid;
    border-width:1px;
    border-color:#bbbbbb;
    margin-left: 15px;
    margin-bottom:0px;
    margin-right:0px;
    margin-top:0px;
}

#lien-list li ul,#lien-list li ul li{
 margin: 0px; padding:0px;
}
#form2{
	width: 690px; background: #f5f7f9; padding: 20px;
}
#form2 form{
	margin : 20px; float: left;
}
#form2 form input, #form2 form textarea,#form2 form select{
	border: solid 1px #036; margin: 2px 0px; background: #d9e1e8; color: #036; float: left;
}
#form2 .first-input{
	margin-right: 20px;
}
#form2 .large-input{
	width: 386px;
}

#form2 table{
	width: 600px; margin: 0px; padding: 0px;
}
#form2 td{
	background: #f5f7f9; color:#036; text-align: left;	
}
.formlist{
	width: 169px;
}
.formtxt{
	width: 165px;
}
.formlbl{
	width: 125px; vertical-align: top;
}
.formline{
	width: 443px;
}
.formchk{
	clear: left; border: 0px; background: #f5f7f9;
}