/* Aufibur - Base Auficom */

*{
margin: 0;
padding: 0;
}

/* -------------ELEMENTS SPECIFIQUES À UN MINI-SITE------------- */

.highlight, a{
color: #1d6d1d;
}

body{
background:#1E1E3D;
}

#navig li a:hover{
border-bottom: 3px solid #1d6d1d;
}

/* ************************************* */
/* -------------Généralités------------- */
/* ************************************* */

body{
font: normal 80%/1.3em "Trebuchet MS", Verdana, Arial, sans-serif;
text-align: center;
color: #474644;
padding-bottom: 30px;
}

#latotale{
width: 980px;
margin: 0 auto;
text-align: left;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
background: #f5f5f5 url(../images/footer.jpg) no-repeat bottom;
padding-bottom: 60px;
}

#phantome{
float: left;
width: 610px;
height: 30px;
margin: 10px 25px;
}

#contenu{
overflow: auto;
zoom: 1;
}

a{
border: none;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

#credits{
color: #fff;
display: block;
margin: 10px;
font-size: 0.9em;
}

#credits a{
color: #ccc;
}

/* -------------Mise en page------------- */

.invisible{
visibility: hidden;
}

.center{
text-align: center;
}

.mini{
font-size: 0.8em;
color: #474644;
font-weight: normal;
}

.kingsize{
font-size: 1.5em;
}

/* -------------Titrages------------- */

h1{
width: 200px;
height: 50px;
background: url(../images/groupe_auficom.jpg) no-repeat;
float: left;
position: absolute;
}

h2{
width: 980px;
height: 204px;
background: url(../images/expertise_comptable.jpg) no-repeat;
margin-bottom: 20px;
}

h1 span, h2 span{
display: none;
}

h3{
font-size: 1.2em;
font-weight: normal;
padding: 10px 10px;
}

h4{
display: inline;
margin-right: 5px;
text-decoration: underline;
}

/* -------------Listes------------- */
.cadre li{
list-style: inside square;
margin-left: 20px;
}

.cadre_noir li{
list-style: inside square;
margin-left: 20px;
}

.cadre_noir{
background: url(../images/bg_expert_comptable) no-repeat;
width: 220px;
height:389px;
margin: 10px 25px;
float: left;
padding:1px 0 7px 0;
position: relative;
display: inline;
color:#474644;
}
.cadre_noir p, .cadre_noir li{
color:#474644;
}


/* ************************************ */
/* -------------NAVIGATION------------- */
/* ************************************ */

#navig{
height: 50px;
background: #cfcfcf url(../images/bg_navig.jpg) repeat-x bottom;
padding-left: 200px;
display: block;
}




#navig li{
list-style: none inside;
display: inline;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
line-height: 50px;
font-size: 12px;
padding: 10px;
font-weight: bold;
background: url(../images/separation_navig.jpg) no-repeat right;
}

#navig li a{
color: #474644;
}

#navig li a:hover{
text-decoration: none;
}

#navig li a.courant{
color: #888;
}


/* ********************************* */
/* -------------CONTENU------------- */
/* ********************************* */

.cadre{
background: #e4e4e4;
margin: 10px 25px;
float: left;
padding-bottom: 10px;
position: relative;
display: inline;
}

.anim{
margin: 10px 25px;
float: left;
padding-bottom: 10px;
position: relative;
display: inline;
}

html>body .cadre{
display: block;
}

/* -------------BOUTONS 2------------- */
a.bt2{
width: 230px;
height: 50px;
display: block;
}

.boutons2{
margin: 25px 0;
float: left;
width: 240px;
}

.boutons2 li{
list-style: none;
margin-left: 20px;
}

a.bt2:hover{
background-position: bottom;
text-decoration: none;
}

a.simplifier2{
background: url(../images/boutons/simplifier2.jpg) no-repeat top;
} 

a.anticiper2{
background: url(../images/boutons/anticiper2.jpg) no-repeat top;
} 

a.maitriser2{
background: url(../images/boutons/maitriser2.jpg) no-repeat top;
} 
a.optimiser2{
background: url(../images/boutons/optimiser2.jpg) no-repeat top;
} 

a.securiser2{
background: url(../images/boutons/securiser2.jpg) no-repeat top;
} 

/* -------------PRESENTATION------------- */

#presentation{
width: 610px;
}

#presentation p{
margin: 0 10px 5px 10px;
}

ul.boutons{
text-algin: center;
margin-left: 20px;
}

ul.boutons li{
list-style: none inside ;
margin: 3px;
float: left;
width: 180px;

}

a.bt{
width: 180px;
height: 130px;
display: block;
float: left;
}

a.bt:hover{
background-position: bottom;
text-decoration: none;
}

a.simplifier{
background: url(../images/boutons/simplifier.jpg) no-repeat top;
} 

a.maitriser{
background: url(../images/boutons/maitriser.jpg) no-repeat top;
} 
a.anticiper{
background: url(../images/boutons/anticiper.jpg) no-repeat top;
} 

a.optimiser{
background: url(../images/boutons/optimiser.jpg) no-repeat top;
}

a.securiser{
background: url(../images/boutons/securiser.jpg) no-repeat top;
} 

/* -------------CONTACT------------- */

#contact{
width: 220px;
background: url(../images/bg_contact.jpg) no-repeat;
height: 250px;
}

#contact ul{
font-weight: bold;
font-size: 1.1em;
position: relative;
}

#contact ul li{
list-style: none inside;
line-height: 1.3em;
margin-right: 5px;

}

#contact input.customform{
height: 14px;
font-size: 11px;
margin-right: 5px;
width: 100px;
margin-left: 4px;
}

.submit{
height: 18px;
font-size: 11px;
padding: 0 10px;
text-align: center;
margin-right: 5px;
width:104px;
margin-top: 2px;
}

#rappel{
position: absolute;
right: 22px;
top: 68px;
text-align: right!important;
}

#message{
position: absolute;
left: 45px;
top: 205px;
}

/* -------------ACTUS------------- */

#actus{
width: 610px;
}

.actu{
margin: 0 15px 5px 15px ;
padding: 10px 0;
}

.actu img{
float: left;
margin-right: 10px;
}

.actu p{
margin: 5px 0 10px 0;
}

/* -------------GROUPE------------- */

#groupe{
width: 220px;

}

#groupe p{
margin: 0 8px 10px 8px;
font-size: 0.9em;
line-height: 1.4em;
}


/* -------------EDITORIAL------------- */

#editorial{
width: 610px;
}

#editorial p{
margin: 10px;
}

#editorial h4{
margin: 10px 15px 3px 15px;
display: block;
}

/* -------------MESSAGE------------- */

ul#form_message{
margin-left: 20px;
text-align: left;
}

ul#form_message li{
position: relative;
list-style: none inside;
margin: 3px 0;
width: 300px;
text-align: right;
}

ul#form_message li input{
width: 200px;
margin: 2px 10px;
border: 1px solid #333;
}

ul#form_message li input:focus, ul#form_message li textarea:focus {
background-color:#eee;
}



ul#form_message li textarea{
width: 500px;
margin: 2px 10px;
border: 1px solid #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 3px;
}