/* Tags HTML */

body{
    margin:50px 0 0 0;
    padding:0;
    font-size:0.72em;
    background-color: #CE6E18;
    font-family: Verdana, Arial, Sans serif;
}

p{
    margin:0 0 15px 0;
}

a:hover{
    text-decoration:none;
}

a{
    color:#004990;
}

h3{
    margin:0 0 10px 0;
    height: 25px;
}

h4{
    font-size:1.1em;
    margin: 0 0 15px 30px;
    color:#004991;
}

ul{
    margin:0 0 0 20px;
    padding: 0;
    list-style-type: none;
}

ul li{
    margin-bottom:8px;
    background: url(../images/puce01.gif) no-repeat;
    background-position: 0 6px;
    padding-left: 11px;
}

object{
    width:0;
    height:0;
}

/* CONTAINEURS */

#cont_principal{
    width:946px;
    margin: 0 auto;
    background-color: #FFF;
    border: 2px solid #7F430C;
}

#cont_gauche {
    text-align:justify;
    float:left;
}

#cont_droite{
    text-align:justify;
}

#cont_texte{
    clear:both;
    background: url(../images/degrade-vert.jpg) repeat-y right;
    text-align:justify;
}

#cont_texte #cont_gauche {
    width:425px;
    text-align:justify;
    float:left;
    padding:36px 0 0 30px;
}

#cont_texte #cont_droite{
    margin: 0 0 0 482px;
    text-align:justify;
    padding:36px 0 0 0;
    width:425px;
}

#xiti-logo{
    text-align:center;
    padding-bottom:30px;
    padding-top:20px;
}

/* ENTETE */

#entete{
    height:171px;
    background: url(../images/entete.gif) no-repeat right;
}

#entete img{
    margin: 15px 0 0 18px;
}

#entete h1, #entete h2{
    position: absolute;
    clip: rect(1px 1px 1px 1px);
}

#entete img{
    border:0;
}


/* PAGES */

/* Commun */

#picto{
    position:absolute;
}

#photo{
    width: 483px;
    height: 210px;
    float: left;
}

#fd_telephone{
    width: 174px;
    height: 210px;
    float: left;
    position:relative;
}

#entretien #fd_telephone, #jardinage #fd_telephone, #bricolage #fd_telephone{
    background: url(../images/fd-telephone-vert.gif);
}

p.lettrine:first-letter {
  border:0;
  margin: 0;
  padding: 0;
  font-size: 3em;
}

.tarif{
    border-left:3px solid;
    padding-left: 3px;
    padding-bottom: 1px;
    margin-left: 1px;
}

/* Page accueil */

#index #fd_telephone, #garde_enfants #fd_telephone, #developpement_durable #fd_telephone, #contact #fd_telephone{
    background: url(../images/fd-telephone-rose.gif);
}

#index #photo, #contact #photo{
    background: url(../images/famille.jpg);
}

#index #picto, #contact #picto{
    background: url(../images/picto-index.gif);
    width:111px;
    height:101px;
    top:155px;
    left:88px;
}

#index #cont_texte, #contact #cont_texte{
    background: url(../images/fond01.gif) repeat-y right;
}

#index #cont_texte #cont_gauche {
    width:470px;
    padding:50px 20px 20px 35px;
}

#index #cont_texte #cont_gauche p{
    margin-left:30px;
}

#index #cont_texte #cont_droite{
    margin: 0 0 0 540px;
    padding:50px 0 20px 20px;
    width:320px;
    text-align:left;
}

/* Page entretien de la maison */

#entretien #photo{
    background: url(../images/entretien-maison.jpg);
}

#entretien #picto{
    background: url(../images/picto-entretien.gif);
    width:109px;
    height:126px;
    top:110px;
    left:106px;
}

#entretien .tarif strong, #entretien p.lettrine:first-letter {
  color:#A70069;
}
#entretien .tarif{
    border-color:#A70069;
}


/* Page Garde enfants */

#garde_enfants #photo{
    background: url(../images/garde-enfants.jpg);
}

#garde_enfants #picto{
    background: url(../images/picto-garde-enfants.gif);
    width:108px;
    height:109px;
    top:136px;
    left:95px;
}

#garde_enfants .tarif strong, #garde_enfants p.lettrine:first-letter {
  color:#ABBD27;
}

#garde_enfants .tarif{
    border-color:#ABBD27;
}


/* Page jardinage */

#jardinage #photo{
    background: url(../images/jardinage.jpg);
}

#jardinage #picto{
    background: url(../images/picto-jardinage.gif);
    width:107px;
    height:107px;
    top:138px;
    left:93px;
}

#jardinage .tarif strong, #jardinage p.lettrine:first-letter {
  color:#CE6E18;
}

#jardinage .tarif{
    border-color:#CE6E18;
}


/* Page Bricolage */

#bricolage #photo{
    background: url(../images/bricolage.jpg);
}

#bricolage #picto{
    background: url(../images/picto-bricolage.gif);
    width:106px;
    height:107px;
    top:139px;
    left:90px;
}

#bricolage .tarif strong, #bricolage p.lettrine:first-letter {
  color:#004990;
}

#bricolage .tarif{
    border-color:#004990;
}

/* Page Développement durable */

#developpement_durable #photo{
    background: url(../images/dr.jpg);
}

#developpement_durable #cont_texte{
    padding: 50px 35px 25px 10px;
}

#developpement_durable #cont_texte p{
    margin-left:30px;
}

#developpement_durable #cont_texte img{
    float: left;
}

#developpement_durable #picto{
    background: url(../images/picto-dr.gif);
    width:110px;
    height:100px;
    top:155px;
    left:88px;
}

#developpement_durable h3{
    padding-left: 26px;
    height:30px;
}

#developpement_durable ul li{
    margin-left:10px;
    background: url(../images/puce02.gif) no-repeat;
    background-position: 0 6px;
}


/* Page contacts */

#contact #cont_texte{
    background: url(../images/fond02.gif) repeat-y right;
}

#contact #cont_texte #cont_gauche {
    width:300px;
    padding:50px 20px 20px 35px;
}

#contact #cont_texte #cont_gauche p{
    margin-left:30px;
}

#contact #cont_texte #cont_droite{
    margin: 0 0 0 350px;
    padding:50px 0 20px 20px;
    width:550px;
}

/* Formulaire */

#contact #cont_texte #cont_droite form{
    margin-left:30px;
    font-size:0.95em;
}

#cont_droite form p{
    margin-bottom:6px;
}

#contact label{
    display:block;
    font-weight: bold;
}

table.partenaires{
    margin-left:27px;
}
table.partenaires td.logo{
    text-align:right;
    padding: 2px;
}
table.partenaires td.logo img{
    border:1px solid #A5B0D4;
}

table#table_case{
    background-color: #D1D8EE;
    width:500px;
    padding:3px;
    margin-bottom:15px;
}

input{
border:1px solid #8895C0;
margin:0;
color:#004E7B;
padding-left:3px;
font-size:0.85em;
}
input.case{
border:0;
}
table{
border-spacing:0;
border-collapse:collapse;
border:0;
margin:0 0 10px 0;
padding:0;
font-size:1em;
}
td{
    border:0;
    margin:0;
    padding:0 10px 0 0;
}
table .tcase{
width:200px;
padding:0 0 0 0;
}
#table_case{
margin:0 0 20px 0;
padding:15px;
}
#table_case td{
margin:0 10px 0 10px;
padding:3px 5px 3px 5px;
}
#table_case label{
color:#414661;
font-weight:normal;
}
input#submit{
margin-top:25px;
margin-bottom:5px;
background-color:#637192;
color:#fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
font-size:1.2em;
}


/* MENU */

#cont_menu dl{
    width:285px;
    float:left;
    list-style-type: none;
    margin:0;
    padding: 0;
}

#cont_menu dl dd{
    height:30px;
    margin:0;
    padding: 0;
    line-height: 30px;
}

#cont_menu dl dd#btn1.actif, #cont_menu dl dd#btn1 a:hover{
    background-color: #7B89B7;
}

#cont_menu dl dd#btn2.actif, #cont_menu dl dd#btn2 a:hover{
    background-color: #A7046A;
}

#cont_menu dl dd#btn3.actif, #cont_menu dl dd#btn3 a:hover{
    background-color: #ABBD25;
}

#cont_menu dl dd#btn4.actif, #cont_menu dl dd#btn4 a:hover{
    background-color: #CD6B14;
}

#cont_menu dl dd#btn5.actif, #cont_menu dl dd#btn5 a:hover{
    background-color: #014990;
}

#cont_menu dl dd#btn6.actif, #cont_menu dl dd#btn6 a:hover{
    background-color: #ABBD25;
}

#cont_menu dl dd#btn7.actif, #cont_menu dl dd#btn7 a:hover{
    background-color: #7988B6;
}

#cont_menu dl dd img{
    display:block;
    border:0;
}

#cont_menu dl dd a {
    display:block;
}


/* DIVERS Mise en page */

.clearboth{
    clear:both;
    font-size:0;
    height:15px;
}

.float_right{
    float: right;
}

.credits{
    font-size:0.9em;
    margin-bottom: 5px;
}

.info {
font-size:0.85em;
color:#000;
}

.message{
color:#A80069;
}

.erreur {
color:#A80069;
}


/* PIED DE PAGE */

#cont_pied{
    padding-bottom: 25px;
    text-align: center;
    color:#fff;
    width:946px;
    margin: 5px auto 0 auto;
}

#cont_pied a{
    color:#fff;
}