/* ------------------ head --------*/
#header{
position:absolute;
width:800px;
height:160px;
background-image:url(../img/header.gif);
background-repeat:no-repeat;
margin:0;
padding:0;
border:none;
}
#logo{
position:absolute;
left:20px;
top:10px;
width:302px;
height:69px;
background-image:url(../img/logopro.jpg);
background-color:#FFFFFF;
background-repeat:no-repeat;
margin:0;
padding:0;
border:none;
}
#telban {
position:absolute;
left:580px;
top:30px;
height:42px;
width:202px;
background-image:url(../img/tel3.gif);
background-position:center;
background-repeat:no-repeat;  
border:none;
}
#particulier {
position:absolute;
left:0px;
top:120px;
height:40px;
width:190px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:red;
text-align:center;
font-size:14px;
font-weight:bold; 
border:none;
}
html>body #particulier {
position:absolute;
left:0px;
top:118px;
height:40px;
width:190px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:red;
text-align:center;
font-size:14px;
font-weight:bold; 
border:none;
}
#part a:hover {
background-image:url(../img/barre_de_titrerg.gif);
background-position:bottom left;
background-repeat:no-repeat; 
text-decoration: none; 
}
#actp {
position:absolute;
left:Opx;
top:120px;
height:40px;
width:190px;
background-image:url(../img/barre_de_titrerg.gif);
background-position:bottom left;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:red;
text-align:center;
font-size:14px;
font-weight:bold; 
border:none;
}
html>body #actp {
position:absolute;
left:Opx;
top:118px;
height:40px;
width:190px;
background-image:url(../img/barre_de_titrerg.gif);
background-position:bottom left;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;  
color:red;
text-align:center;
font-size:14px;
font-weight:bold; 
border:none;
}
#entreprise {
position:absolute;
left:613px;
top:120px;
height:40px;
width:190px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:red;
text-align:center;
font-size:14px;
font-weight:bold;  
border:none;
}
html>body #entreprise {
position:absolute;
left:613px;
top:118px;
height:40px;
width:190px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:red;
text-align:center;
font-size:14px;
font-weight:bold;  
border:none;
}
#entrep a:hover {
background-image:url(../img/barre_de_titrerd.gif);
background-position:bottom left;
background-repeat:no-repeat;
text-decoration: none;    
}
#actentrep {
position:absolute;
left:613px;
top:120px;
height:40px;
width:190px;
background-image:url(../img/barre_de_titrerd.gif);
background-position:bottom left;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:red;
text-align:center;
font-size:14px;
font-weight:bold;   
border:none;
}
html>body #actentrep {
position:absolute;
left:613px;
top:118px;
height:40px;
width:190px;
background-image:url(../img/barre_de_titrerd.gif);
background-position:bottom left;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:red;
text-align:center;
font-size:14px;
font-weight:bold;   
border:none;
}
#fonddeg {
position:absolute;
left:100px;
top:95px;
height:30px;
width:700px;
}
html>body #fonddeg {
position:absolute;
left:100px;
top:90px;
height:30px;
width:700px;
}
#titre {
position:relative;
left:0px;
top:5px;
height:30px;
width:600px; 
border:none;
}
html>body #titre {
position:relative;
left:0px;
top:0px;
height:30px;
width:600px; 
border:none;
}

/* ------------------ barre de menu --------*/
#navcontainer {
position:absolute;
top:160px;
left:3px;
width:100%;
}
html>body #navcontainer {
position:absolute;
top:160px;
left:2px;
width:95%;
}
#navcontainer ul {
font-family: verdana;
text-align:center;
font-size:14px;
font-weight:normal;
color: white;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
html>body #navcontainer ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:13px;
font-weight:600;
color: white;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
#navcontainer ul li {
display: inline;
margin-left: -6px;
}
html>body #navcontainer ul li {
display: inline;
margin-left: -4px;
}
#navcontainer ul li a {
padding: 3px 10px 4px 10px;
color: white;
text-decoration: none;
border-top: 2px solid red;
z-index:1;
}
html>body #navcontainer ul li a {
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-top: 2px solid red;
}
#navcontainer ul li a:hover {
background-color:red;
}
#navcontainerpro {
position:absolute;
top:160px;
left:3px;
width:100%;
}
html>body #navcontainerpro {
position:absolute;
top:160px;
left:2px;
width:95%;
}
#navcontainerpro ul {
font-family: verdana;
text-align:center;
font-size:14px;
font-weight:normal;
color: white;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
html>body #navcontainerpro ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:13px;
font-weight:600;
color: white;
padding-bottom: 5px;
padding-top: 5px;
}
#navcontainerpro ul li {
display: inline;
margin-left: -6px;
}
html>body #navcontainerpro ul li {
display: inline;
margin-left: -4px;
}
#navcontainerpro ul li a {
padding: 3px 17px 4px 18px;
color: white;
text-decoration: none;
border-top: 2px solid red;
z-index:1;
}
html>body #navcontainerpro ul li a {
padding: 5px 18px 5px 17.5px;
color: white;
text-decoration: none;
border-top: 2px solid red;
}
#navcontainerpro ul li a:hover {
background-color:red;
}
#active a { 
background:red;
}
#borderl {
padding-bottom: 5px;
padding-top: 5px;
}
#borderla a{
background:red;
}
#borderlp {
padding-bottom: 5px;
padding-top: 5px;
}
#borderlap a{
background:red;
}
/* --------------- Corp -------------- */
body {
margin: 0; 
padding: 0;
background-image:url(../img/gris_396.gif)

}
#Boite {
position:absolute;
left:50%;
margin-left:-400px;
width:800px;
height:99%;
border:none;
}
html>body #Boite {
position:absolute;
left:50%;
margin-left:-400px;
width:800px;
height:100%;
border:none;
}
#body1 {
position:absolute;
top:200px;
left:0px;
width:100%;
height:auto;
background-color:#FFFFFF;
border:none;
}
html>body #body1 {
position:absolute;
top:200px;
left:0px;
width:100%;
height:auto;
background-color:#FFFFFF;
border:none;
}
#body1P {
position:absolute;
top:195px;
left:0px;
width:100%;
height:auto;
background-color:#FF80FF;
border:none;
}
html>body #body1P { /* ---div de fichier de police--- */
position:absolute;
top:188px;
left:0px;
width:100%;
height:auto;
background-color:#FF80FF;
border:none;
}
#headerh {
position:absolute;
top:185px;
left:0px;
width:100%;
height:20px;
background-image:url(../img/headerh.gif);
border:none;
}
#corptitre {/* --- corp de text avec marge G et D --- */
position:relative;
top:15px;
left:20px;
width:95%;
height:auto;
border:none;
}
html>body #corptitre {
position:relative;
top:15px;
left:20px;
width:95%;
height:auto;
border:none;
}
#corptextaccueil {/* --- corp de text avec marge G et D --- */
position:relative;
top:25px;
left:20px;
width:95%;
height:auto;
border:none;
}
html>body #corptextaccueil {
position:relative;
top:25px;
left:20px;
width:95%;
height:auto;
border:none;
}
#corptext {/* --- corp de text avec marge G et D --- */
position:relative;
top:10px;
left:20px;
width:95%;
height:auto;
border:none;
}
html>body #corptext {
position:relative;
top:10px;
left:20px;
width:95%;
height:auto;
border:none;
}
#corptarif {
position:relative;
top:0px;
left:50px;
width:95%;
height:auto;
border:none;
}
#corpmargedroite {/* --- corp de text avec marge G et D --- */
position:relative;
top:0px;
left:20px;
width:95%;
height:auto;
border:none;
}
html>body #corpmargedroite {
position:relative;
top:2px;
left:20px;
width:95%;
height:auto;
border:none;
}
#cadre1 {/* -----cadre service en float right--- */
float:right;
top:195px;
left:620px;
width:170px;
height:auto;
border:none;
z-index:1;
}
html>body #cadre1 {
float:right;
top:188px;
left:610px;
width:170px;
height:auto;
border:none;
z-index:1;
}
#cadre1bis {
float:right;
top:195px;
left:0px;
width:400px;
height:auto;
border:none;
z-index:1;
}
html>body #cadre1bis {
float:right;
top:188px;
left:0px;
width:400px;
height:auto;
border:none;
z-index:1;
}
#cadre2 {
position:relative;
top:0px;
left:7px;
width:162px;
height:93px;
background-image:url(../img/cadre_offre4.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;  
border:none;
}
#cadre2bis {
position:relative;
top:0px;
left:7px;
width:162px;
height:113px;
background-image:url(../img/cadre_offre3.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;  
border:none;
}
#cadre3 {
position:relative;
top:5px;
left:0px;
width:162px;
height:30px; 
color:#FFF;
text-align:center;
font-size:14px;
font-style:bold;
border:none;
}
#cadre4 {
position:relative;
top:5px;
left:0px;
width:162px;
height:30px; 
text-align:center;
color:#FF0000;
font-size:12px;
font-style:normal;
border:none;
}
#cadre5 {
position:relative;
top:0px;
left:0px;
width:160px;
height:61px; 
color:#FFF;
border:none;
}
#cadre5bis {
position:relative;
top:6px;
left:0px;
width:160px;
height:61px; 
color:#FFF;
border:none;
}
#cadre5ters {
position:relative;
top:6px;
left:0px;
width:160px;
height:81px; 
color:#FFF;
border:none;
}
#cadre6 {
position:relative;
top:4px;
left:0px;
width:160px;
height:29px;
color:#FFF;
border:none;
}
#cadre_service {
position:relative;
top:0px;
left:70px;
width:300px;
height:219px; 
background-image:url(../img/cadre_service.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:none;
}
html>body #cadre_service {
position:relative;
top:0px;
left:70px;
width:298px;
height:219px; 
background-image:url(../img/cadre_service.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:none;
}
#cadre_service1 {
position:relative;
top:0px;
left:35px;
width:298px;
height:219px; 
background-image:url(../img/cadre_service.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:none;
}
html>body #cadre_service1 {
position:relative;
top:0px;
left:35px;
width:298px;
height:219px; 
background-image:url(../img/cadre_service.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:none;
}
#cadre_service2 {
width:255px;
height:300px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
border:none;
}
html>body #cadre_service2 {
width:255px;
height:300px; 
font-family:Verdana, Arial, Helvetica, sans-serif;
border:none;
}
#cadre7 {
position:relative;
top:0px;
left:20px;
width:210px;
height:290px;
border:none;
}

/* ------------------ barre de publicité --------*/
#pubcontainer {
position:relative;
top:10px;

width:95%;
border:none;
text-decoration: none;
}
#pubcontainer ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:13px;
font-weight:600;
color: white;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
text-decoration: none;
}
#pubcontainer ul li {
display: inline;
margin-left: -6px;
text-decoration: none;
}
html>body #pubcontainer ul li {
display: inline;
margin-left: -4px;
text-decoration: none;
}
#pubcontainer ul li a {
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
}
#puba {
text-decoration: none;
}
/* -------------- divers -------------- */
#imgimpot {
position:absolute;
top:10px;
left:5px;
background:url(../img/credit_impot2.gif);
background-repeat:no-repeat;
height:80px; 
width:197px;
z-index:2;
border:none;
}
#imgansp {
position:relative;
top:5px;
left:20px;
width:133px;
height:82px;
background:url(../img/sap.gif);
background-repeat:no-repeat;
border:none;
z-index:1;
}
#imgansp2 {
float:right;
top:0px;
left:620px;
width:133px;
height:82px;
background:url(../img/sap.gif);
background-repeat:no-repeat;
border:none;
z-index:1;
}
#impcertcrosoft {
float:right;
top:195px;
left:620px;
width:100px;
height:45px;
background:url(../img/certcrosoft.gif);
background-repeat:no-repeat;
border:none;
z-index:1;
}
html>body #impcertcrosoft {
float:right;
top:188px;
left:600px;
width:100px;
height:45px;
background:url(../img/certcrosoft.gif);
background-repeat:no-repeat;
border:none;
z-index:1;
}
#imgpub {
position:relative;
top:0px;
left:25px;
width:120px;
height:auto;
border:none;
}
#xiti {
position:relative;
left:50%;
margin-left:-20px;
top:1px;
text-decoration:none;
height:25px;
width:40px;
border:none;
} 
#imgcontact {
float:left;
top:5px;
left:0;
width:170px;
height:170px;
background:url(../img/contact.gif);
background-repeat:no-repeat;
}
#img a {
text-decoration: none;
border-right: 1px solid #fff;
}
#imgup {
position:relative;
top:1px;
left:95%;
text-decoration:none;
height:16px; /* hauteur de la boite */
width:15px; /* largeur de la boite */
} 
/* -------------- Tableau ------------ */
#table {
border-style:solid; 
border-width:1px;
border-color:white; 
border-collapse:collapse;
}
#tdtitre { 
background:#FF8000;
text-align:center;
border-style:solid; 
border-width:1px; 
border-color:white;
} 
#tdtitreg { 
background:url(../img/tdtitregauche.gif) no-repeat;
font-size:15px;
text-align:center;
border-style:solid; 
border-width:1px; 
border-color:white;
} 
#tdtitred { 
background:url(../img/tdtitredroit.gif) no-repeat;
font-size:15px;
text-align:center;
border-style:solid; 
border-width:1px; 
border-color:white;
} 
#tdcorpc { 
text-align:center;
border-style:solid; 
border-width:1px; 
border-color:white;
} 
#tdcorp { 
margin-left:20px;
border-style:solid; 
border-width:1px; 
border-color:white;
}  
/* ----------- Pied de page ----------- */
#footer { 
position:absolute;
bottom:0px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:1px;
text-decoration:none;
color:#0000FF ;
font-size:12px;
font-style:normal;
text-align:center;
background-color:#FFFFFF;
border:none;
}
#footer a:hover {
color:red;
}
/* --------------------------------------------*/
/* ---------------FORMULAIRE-------------------*/
.form_title{
color : #000000;
font-size: 13px;
font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
}
.form_field {
font-size : 13px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #474747;
font-weight : bold;
text-align:left;
}
.form_text{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
}
.text_box{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
width:200px;
}
.text_area{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
width:200px;
height:60px;
}
.text_select{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
}
.form_error{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ff0000;
font-weight : bold;
}
.copyright{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
}
/* --------------------- POLICE -------*/
a {text-decoration: none}

#ab {color:#FFF;
}
#an {color:#000;
}
H1 {
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
text-align:center;
}
html>body H1 {
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
text-align:center;
}
#h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
text-align:left;
font-size:14px;
font-weight:bold;
}
#h2c {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
text-align:center;
font-size:14px;
font-weight:bold;
}
#h2cn {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
font-size:14px;
font-weight:bold;
}
#h2cb {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
font-size:14px;
font-weight:bold;
}
#h3c {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
text-align:center;
font-size:18px;
font-style:normal
}
#h3cn {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
font-size:18px;
font-style:normal
}
#h3cb {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
font-size:18px;
font-style:normal
}
#h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
color:#000;
font-size:12px;
font-style:normal;
text-align:left;
}
#h4r {
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:18px;
color:#FF0000;
font-size:12px;
font-style:normal;
text-align:center;
}
#h4r200 {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:200px;
line-height:18px;
color:#FF0000;
font-size:12px;
font-style:normal;
text-align:center;
}
#h4m10 {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:10px;
line-height:18px;
color:#000;
font-size:12px;
font-style:normal;
text-align:left;
}
#h4m20 {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:20px;
line-height:18px;
color:#000;
font-size:12px;
font-style:normal;
text-align:left;
}
#h4m20puce {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:40px;
height:20px;
line-height:18px;
color:#000;
font-size:12px;
font-style:normal;
text-align:left;
background-image:url(../img/cochev.gif);
background-position:top left;
background-repeat:no-repeat;
}
#h4c {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
line-height:18px;
font-size:12px;
font-style:normal;
text-align:center;
}
#red {
color:#FF0000;
}