/* 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 "reset.css";
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
  display:none;
}
/*--title*/
#contenuTexte h1 span{
	display:none;
  }
  h1{
	height:22px;
	width:300px;
	margin:40px 0px 10px 0px
  }
  #presentation{
  	background:url(../images/charte/titre-accueil.jpg) no-repeat top left;
    }
  #maconnerie{
  	background:url(../images/charte/titre-maconnerie.jpg) no-repeat top left;
    }
  #nos-realisations{
  	background:url(../images/charte/titre-realisations.jpg) no-repeat top left;
    }
  #devis{
  	background:url(../images/charte/titre-devis.jpg) no-repeat top left;
    }
  #facade{
  	background:url(../images/charte/titre-facade.jpg) no-repeat top left;
    }
  #contact{
  	background:url(../images/charte/titre-contact.jpg) no-repeat top left;
    }
  #mentions-legales{
  	background:url(../images/charte/titre-mentions.jpg) no-repeat top left;
    }
  #merci{
  	background:url(../images/charte/titre-merci.jpg) no-repeat top left;
    }
  #mise-en-oeuvre{
  	background:url(../images/charte/titre-mise.jpg) no-repeat top left;
    }
/*--end title--*/

/*--  subtitle --*/
div.subtitle-contact{
  background: url(../images/charte/subtitle-contact.jpg) no-repeat left top;
  width:394px;
  height:88px;
  margin:0 auto;
  }
  #contenuTexte div.subtitle-contact p{
    width:218px;
    color:#fff;
    margin-left:15px;
    padding-top:15px;
    text-align:center;
    font-weight:bold;
    }
h3.subtitle1-left,
h3.subtitle1-right
  {
  background: url(../images/charte/subtitle1.jpg) no-repeat left top;
  width:210px;
  height:110px;
  padding-top:30px;
  padding-left:10px;
  padding-right:20px;
  text-align:center;
  font:bold 1.2em Arial;
  line-height:1.6em;
  float:left;
  margin-left:10px;
  border-bottom:none;
  }
  h3.subtitle1-right{
    float:right;
    }
div.subtitle-plan{
  background: url(../images/charte/subtitle-contact.jpg) no-repeat left top;
  width:394px;
  height:88px;
  margin:0 auto;
  }
/*-- end subtitle --*/

/*--links*/
#contenuTexte .subtitle-contact a:link, #contenuTexte .subtitle-contact a:visited{
	color: #FFE362;
	text-decoration:none;
  font-size:12px;
  }
#contenuTexte .subtitle-contact a:hover, #contenuTexte .subtitle-contact a:active{
	color:#fff;
	text-decoration:underline;
  font-size:12px;
  }
/*--end links*/

/*--list--*/
ul.list,
ul.list1
  {
  list-style-type: none;
  margin-left:10px;
  }
  ul.list li,
  ul.list1 li
    {
    margin-top:5px;
    background:url(../images/charte/icon-link.jpg) no-repeat left 3px;
    padding-left:15px;
    font:normal 1.2em Arial;
    }
ul.list1{
  margin-left:200px;
  margin-bottom:10px;
  }
  ul.list1 li{
  background:url(../images/charte/icon-list1.jpg) no-repeat left 6px;
  padding-left:13px;
  }
ul.list2{
  margin-left:0px;
  margin-bottom:10px;
  list-style:none;
  }
  ul.list2 li{
  padding-left:13px;
  background:none;
  font-size:12px;
  }
/*--end list--*/

/*---contact---*/
#contact-adresse{
  width:230px;
  padding-left:35px;
  float:left;
  }
#contact-adresse p{
  margin-top:18px;
  padding-left:20px;
  color:#DE4900;
  font-size:13px;
  font-weight:bold;
  }
.contact-box{
	width:520px;
	padding-top:15px;
	border:1px solid #84AEDD;
	background-color:#5C93D2;
	padding-bottom:10px;
	}
.contact-box .contact-content{
	width:500px;
	}
.inputForm{
	border:1px solid #6C6A6B;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
  width:180px;
	}
.inputFormOver{
	border:1px solid #FFCA48;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
  color:#003366;
  width:180px;
	}
.button{	border:none;
  background-color:transparent;
	width:47px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	}
.buttonOver{
	border:none;
	background-color:transparent;
	width:47px;
	color:#1C4879;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor:pointer;
	font-weight:bold;
	}
.mail_label{
	width:150px;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#10496F;
	font:normal 11px Arial;
	text-align:left;
	}
	.mail_input{
	width:140px;
	color:#10496F;
  font:normal 11px Arial;
  margin-bottom:5px;
	}
	textarea{
		width:120px;
		height:100px;
		}
#contenuTexte p.small{
	font-size:11px;
	text-align:center;
	}
#contenuTexte .petit{
  font-size:11px;
  margin-left:180px;
  color:#DE4900;
  }
#contact-plan{
  width:394px;
  height:88px;
  background:url(../images/charte/bg-plan.jpg) no-repeat  right top;
  float:left;
  margin-top:60px;
  padding-left:50px;
  }
/*--end contact--*/

/*--devis--*/
.form-bg{
  float:left;
  padding:10px 0px 10px 20px;
  background:url(../images/charte/form-repeat.jpg) repeat-y left center;
  }
.buttons-bg{
  background:url(../images/charte/form-bottom.jpg) no-repeat left top;
  width:659px;
  height:35px;
  clear:both;
  padding-top:16px;
  padding-top:14px;
  padding-right:10px;
  }
/*--end devis--*/

/*--nos realisations--*/
.realisations-box{
  float:left;
  width:160px;
  height:220px;
  margin-left:15px;
  margin-top:10px;
  }
.realisations-content{
  border:1px solid #A7A7A7;
  width:160px;
  height:174px;
  }
table.galerie_title{
  font:bold 13px Arial;
  color:#DE4900;
  height:40px;
  width:100%;
  text-align:center;
  font-weight:bold;

  }
table.galerie_title td{
  margin:auto;
  vertical-align:middle;
  text-align:center;
  font-weight:bold;
  }
#contenuTexte .pagination{
  font:normal 11px arial;
  text-align:center;
  padding:5px 0px 10px 0px;
  }
/*--end nos realisations--*/

/*--facade--*/
#apres-avant-box{
  width:340px;
  float:right;
  background-color:#fff;
  margin-top:10px;
  }
#apres-avant-content{
  border:1px solid #B5B5B5;
  float:right;
  width:320px;
  padding-left:5px;
  padding-right:5px;
  background-color:#EDEDED;
  }
#facade-content h3{
  font:bold 13px Arial;
  border-bottom:1px dotted #A7A7A7;
  color:#DE4900;
  margin-top:7px;
  }
#facade-content h2{
  font-size:13px;
  color:#0066CC;
  border:none;
  }
#contenuTexte .title-photo{
  color:#1685D3;
  margin:0;
  padding-top:5px;
  font:bold 11px Arial;
  text-align:center;
  }
/*--end facade--*/

.line{
  background:url(../images/charte/line.jpg) repeat-x left center;
  width:100%;
  height:11px;
  clear:both;
  }
#diapo{
  text-align:center;
  }
span{
color:#D99A03;
font-weight:bold;
  }