/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
/*subtitles*/
  .subtitle-box,
   .subtitle-box1{
     width:185px;
     height:90px;
     float:right;
     background: url(../images/charte/bg-subtitle.jpg) no-repeat left center;
     padding-top:35px;
     padding-left:32px;
     padding-right:5px;
  }
  .subtitle-box1{
     background: url(../images/charte/bg-subtitle1.jpg) no-repeat left center;
     height:126px;
  }
  .subtitle-left,
  .subtitle-left1,
  .subtitle-left2,
  .subtitle-left3,
  .subtitle-left4{
    width:50%;
    background:url(../images/charte/bg-sub.jpg) no-repeat left top;
    padding-top:12px;
    padding-left:14px;
    float:left;
    }
    .subtitle-left1{
      background:url(../images/charte/bg-sub-1.jpg) no-repeat left top;
      }
    .subtitle-left2{
      background:url(../images/charte/bg-sub-2.jpg) no-repeat left top;
      }
    .subtitle-left3{
      background:url(../images/charte/bg-sub-3.jpg) no-repeat left top;
      }
    .subtitle-left4{
      background:url(../images/charte/bg-sub-4.jpg) no-repeat left top;
      }
    .subtitle-left  div,
    .subtitle-left1  div,
    .subtitle-left2  div,
    .subtitle-left3  div,
    .subtitle-left4  div{
      background:#E6D6B6 url(../images/charte/bg-sub2.jpg) no-repeat left top;
      padding-top:10px;
      }
      .subtitle-left1  div{
        background:#E6D6B6 url(../images/charte/bg-sub-11.jpg) no-repeat left top;
        }
      .subtitle-left2  div{
        background:#E6D6B6 url(../images/charte/bg-sub-21.jpg) no-repeat left top;
        }
      .subtitle-left3  div{
        background:#E6D6B6 url(../images/charte/bg-sub-31.jpg) no-repeat left top;
        }
      .subtitle-left4  div{
        background:#E6D6B6 url(../images/charte/bg-sub-41.jpg) no-repeat left top;
        }
    #contenuTexte .subtitle-left p,
    #contenuTexte .subtitle-left1 p,
    #contenuTexte .subtitle-left2 p,
    #contenuTexte .subtitle-left3 p,
    #contenuTexte .subtitle-left4 p{
      padding:0 10px 10px 22px;
      color:#473F32;
      }
  .subtitle-right{
    width:50%;
    background:url(../images/charte/bg-sub.jpg) no-repeat left top;
    padding-top:12px;
    padding-left:14px;
    float:right;
    }
    .subtitle-right div{
      background:#E6D6B6 url(../images/charte/bg-sub2.jpg) no-repeat left top;
      padding-top:10px;
      }
    #contenuTexte .subtitle-right p{
      padding:0 10px 10px 22px;
      color:#473F32;
      }
/*end subtitles*/

/*images*/
.image-left{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  }
.image-right{
  float:right;
  margin-left:10px;
  }
/* end images*/
.line{
  background-color:#E4D5B7;
  border:1px solid #C2B08B;
  width:100%;
  height:2px;
  clear:both;
  line-height:0px;
  font-size:1px;
  margin:5px 0;
  }
.line3{
  background-color:#E4D5B7;
  border:1px solid #C2B08B;
  width:440px;
  height:2px;
  clear:both;
  line-height:0px;
  font-size:1px;
  margin:5px 0;

  }
.line1{
  border-bottom:1px dotted #C2B08B;
  width:100%;
  height:0px;
  clear:both;
  line-height:0px;
  font-size:1px;
  margin:5px 0;
  }
.line2{
  clear:both;
  height:5px;
  line-height:0px;
  font-size:1px;
  }
#contenu .small{
  border-top:1px solid #938469;
  font-size:10px;
  margin-top:7px;
  }
/*accueil*/
.box-detail{
  width:390px;
  float:left;
  }
.button-detail{
  width:93px;
  height:23px;
  background: url(../images/charte/bg-detail.jpg) no-repeat left center;
  padding-left:207px;
  padding-top:7px;
  float:left;
  }
.bg-contact{
  width:205px;
  background: url(../images/charte/bg-contact.jpg) no-repeat left center;  width:205px;
  height:77px;
  float:left;
  }
  #contenuTexte .bg-contact p{
    padding-top:29px;
    padding-left:50px;
    }
   #contenuTexte .bg-contact b{
     font-size:14px;

     }
 #contenuTexte  a.detail:link, #contenu a.detail:visited{
   font-size:11px;
 	color: #fff;
 	text-decoration:none;
   font-weight:bold;
 }
 #contenuTexte a.detail:hover, #contenu a.detail:active{
 	color: #D0CABE;
 	text-decoration:none;
 }
/*end acceuil*/

#contenuTexte .indent-text{
  padding-left:10px;
  }
div.list-box{
  width:205px;
  height:90px;
  float:left;
  }
ul.list1 {
  list-style-type:none;
  background: url(../images/charte/bg-list.jpg) no-repeat left center;
  width:145px;
  height:82px;
  padding-left:50px;
  padding-top:20px;
  float:left;
  margin-bottom:10px;
  }
  ul.list1 li{
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    font:normal 12px "Trebuchet MS";
    }
ul.list2 {
  list-style-type:none;
  background: url(../images/charte/bg-list.jpg) no-repeat left center;
  padding-left:50px;
  padding-top:20px;
  float:left;
  margin-bottom:10px;
  }
  ul.list2 li{
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    font:normal 12px "Trebuchet MS";
    }
/*diaporama*/
.content-small{
  width:442px;
  float:left;
  padding-right:8px;
  }
.diaporama{
  float:left;
  width:142px;
  height:180px;
  text-align:center;
  padding-left:8px;
  margin-top:15px;
  padding-bottom:5px;
  }
  .diaporama-content{
    background-color:#E2D2B2;
    width:142px;
    height:145px;
    }
 #contenuTexte table.diaporama-title {
  color:#FFE6B6;
  background-color:#473F32;
  text-align:center;
  border-bottom:3px solid #D3BD96;
  height:40px;
  width:100%;
  font:bold 12px "Trebuchet MS";
  }
/*end diaporama

/*---contact---*/
#contact-adresse{
	width:205px;
  height:77px;
	background:url(../images/charte/contact-adresse.jpg) no-repeat left top;
	}
	#contact-adresse p{
		padding-left:40px;
    padding-top:30px;
		}
.contact-box{
	width:520px;
	border:1px solid #CDBD9F;
	background-color:#E7D6B6;
  padding:10px 0;
  margin-top:10px;
	}
.contact-box .contact-content{
	width:500px;
	}
.inputForm{
	border:1px solid #807562;
	background-color:#F8EEDD;
	font-size:12px;
	color:#473F32;
  width:128px;
  height:16px;
	}
.inputFormOver{
	border:1px solid #463F32;
	background-color:#FEF7E9;
	font-size:12px;
	color:#E24C17;
  width:128px;
  height:16px;
	}
.button{	border:0px solid #4974A0;
	background-color:transparent;
	width:65px;
	color:#fff;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	}
.buttonOver{
	border:0px solid #4974A0;
	background-color: transparent;
	width:65px;
	color:#DCD7CF;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	}
.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#332E24;
	font:normal 11px "Trebuchet MS";
	text-align:left;
	}
	.mail_input{
	width:128px;
	float:left;
	margin-top:3px;
	color:#fff;
	}
div.buttons-contact{
  width:550px;
  height:40px;
  background: url(../images/charte/bg-buttons.jpg) no-repeat  center 2px;
  margin-top:5px;
  }
/*---end contact---*/

/*--devis--*/
  .devis-box{
    float:left;
    width:170px;
    }
  .devis-label{
    margin-top:3px;
    color:#332E24;
  	font:normal 11px "Trebuchet MS";
	  text-align:left;
    }
  select.options{
  	border:1px solid #807562;
  	background-color:#F8EEDD;
    font:normal 12px "Trebuchet MS";
    color:#332E24;
    }
/*--end devis--*/