/* 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";
a:hover img{
filter: alpha(opacity=70);
-moz-opacity: 0.70; opacity:0.70;

}
div
{
  padding: 0;
  margin: 0;
}

.invisible
{
	display:none;
}

/* STYLE CONTENU */
#contenu h1{
font:bold 1.6em Verdana, Helvetica, sans-serif;
text-align:left;
color:#3CA23C;
margin-bottom:20px;
border-bottom:1px solid #3CA23C;
}
#contenu h2{
font:bold 1.3em Verdana, Helvetica, sans-serif;
text-align:left;
color:#F98F0E;
/*text-decoration: underline;*/
line-height: 10px;
padding-top:10px;
/*clear: both;*/
}
#contenu h3{
font:bold 1.4em Verdana, Helvetica, sans-serif;
text-align:left;
color:#225F22;
line-height: 30px;
clear: both;
}
#contenu p{
font:normal 1.2em Verdana, Helvetica, sans-serif;
text-align:justify;
line-height: 18px;
padding-top: 5px;
color: #3CA23C;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#3CA23C;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color: #F28300;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:none;
color:#9A2223;
}

/* STYLE DE LA PAGE CONTACT */
/*#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}*/
#titre{

width:191px;
padding-left:10px;
font:bold 1.3em Verdana, Helvetica, sans-serif;
text-align:left;
color:#FFFFFF;

border-bottom:1px solid #ccd9e6;
background-color:#1C93FF;
}
#texte-promo{
font:normal 1em Verdana, Helvetica, sans-serif;
text-align:justify;
color: #1C93FF;
}
#texte-promo span.prix{
font:normal 1.5em Verdana, Helvetica, sans-serif;
text-align:justify;
color: #EC8800;
font-weight:bold;

}
#texte-promo a{

color: #EC8800;
}

.image-right{
		float:right;
    padding:2px;
    margin-left:15px;
    margin-top:4px;
    border: 2px solid #4C864C;
		}
.image-right2{
		float:right;
    padding:2px;
    margin-left:15px;
    margin-top:4px;
    border: 2px solid #4C864C;
		}
.image-right1{
		float:righ;
     padding:2px;
    margin-left:15px;
    margin-top:4px;
    border: 2px solid #4C864C;
		}
.image-left{
		float:left;
   /*	padding-right:15px;
    padding-top: 4px;*/
    padding:2px;
    margin-right:15px;
    margin-top:4px;
    border: 2px solid #4C864C;
		}
.image-left1{
		float:left;
    padding:2px;
		margin-right:15px;
    margin-top: 10px;
     border: 2px solid #4C864C;
		}
.image-left2{
		float:left;
     padding:2px;
		margin-right:5px;
    margin-top: 10px;
    border: 2px solid #4C864C;
		}
.line{
		text-align:center;
    padding-top: 15px;
    padding-bottom: 10px;
		}
.line1{
		text-align:center;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
		}
.images{
  padding-left: 35px;
}
.images1{
  padding-left: 100px;
}
.bg-text{
  background: url(../images/charte/bg-text.jpg) no-repeat left top;
  width: 645px;
  height: 107px;
  padding-top: 30px;
  text-align:center;
  margin-top: 5px;
  margin-bottom: 5px;
}
  .bg-text span{
    text-align: center;
    padding-left: 80px;
    padding-right: 20px;
    width:520px;
    color: #225F22;
    font-weight: bold;
    font-size: 14px;
  }
#bg-text{
  background: url(../images/charte/bg-text.jpg) no-repeat left top;
  width: 645px;
  height: 107px;
  padding-top: 30px;
  text-align:center;
  margin-top: 5px;
}
  #bg-text p{
    text-align: center;
   padding-left: 100px;
    width:500px;
    color: #225F22;
    font-weight: bold;
    font-size: 13px;
    font-family: Verdana ;
  }
#bg-text1{
  background: url(../images/charte/bg-text.jpg) no-repeat left top;
  width: 645px;
  height: 107px;
  padding-top: 30px;
  text-align:center;
  margin-top: 5px;
}
  #bg-text1 p{
    text-align: center;
   padding-left: 100px;
    width:500px;
    color: #225F22;
    font-weight: bold;
    font-size: 13px;
    font-family: Verdana ;
  }
ul.list{
	 		padding:5px 10px;
			list-style:none;
			float:left;
		 	}
		ul.list li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:5px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul.list1{
	 		padding:5px 10px;
			list-style:none;
			float:left;
      width:400px;
		 	}
		ul.list1 li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul.list2{
	 		padding:15px 40px;
			list-style:none;
			float:left;
      width:400px;
		 	}
		ul.list2 li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul#list3{
	 		padding:0px 40px;
			list-style:none;
			float:left;
      width:320px;
		 	}
		ul#list3 li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background:url(../images/charte/icon-list3.jpg)no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul#list3a{
	 		padding:0px 40px;
			list-style:none;
			float:left;
      width:320px;
		 	}
		ul#list3a li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background:url(../images/charte/icon-list3.jpg)no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul#list3b{
	 		padding:0px 40px;
			list-style:none;
			float:left;
      width:320px;
		 	}
		ul#list3b li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background:url(../images/charte/icon-list3.jpg)no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul#list3c{
	 		padding:0px 40px;
			list-style:none;
			float:left;
      width:320px;
		 	}
		ul#list3c li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background:url(../images/charte/icon-list3.jpg)no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul.list4{
	 		padding:5px 10px;
			list-style:none;
			float:left;
      width:400px;
		 	}
		ul.list4 li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
      clear: both;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul.list5{
	 		padding:20px 10px;
			list-style:none;
			float:left;
      width:400px;
		 	}
		ul.list5 li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul.list6{
	 		padding:5px 20px;
			list-style:none;
			float:left;
      width:550px;
		 	}
		ul.list6 li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul.list7{
	 		padding:5px 10px;
			list-style:none;
			float:left;
      width:400px;
		 	}
		ul.list7 li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
      clear: both;
			margin-top:5px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}
ul.list8{
	 		padding:5px 30px;
			list-style:none;
			float:left;
		 	}
		ul.list8 li{
			color:#3CA23C;
      font-family: Verdana;
      font-size:1.2em;
      font-weight: normal;
			text-align:justify;
			margin-top:5px;
			background: url(../images/charte/icon-list3.jpg) no-repeat left 4px;
			padding-left:20px;
			line-height:18px;
			}

.list-text{
  float:left;
  margin-top:1px;
}
.txt{
  padding-top: 35px;
}
.txt0{
  margin-top:25px;
}
.txt1{
  margin-top:40px;
}
.txt2{
  margin-top: 20px;
}
.txt3{
  margin-top:50px;
}
.txt4{
  margin-top:60px;
}
.txt5{
  margin-top: 30px;
}

.text-soude{
  float:left;
  width:350px;
  padding-top:40px;
}
.images-soude{
  float:left;
  width:250px;
}
.images-occulation{
  float:right;
  width:210px;
}
.text-occulation{
  float:left;
  width:350px;
  padding-top:5px;
}
.text-galvanise{
  float:right;
  padding-right: 10px;
}
.text-panneaux{
  text-align: center;
  font:bold 1.2em Verdana;
  color: #3CA23C;
  padding: 10px;
  margin-top: 30px;
  width: 620px;
  background-color: #CAF4A4;
}
    .text-panneaux span{
      color: #367F36;
    }
.name-text{
  color: #9A2222;
  font-weight: bold;
}
.text-mentions{
  text-align: center;
  margin-left: 100px;
  font:normal 1.2em Verdana;
  color: #3CA23C;
  padding: 10px;
  width: 400px;
  margin-bottom: 5px;
  margin-top: 5px;
  background-color: #CAF4A4;
}
    .text-mentions span{
      color: #367F36;
    }

/*table  */
table{
	background-color:#E7F4DB;
	font:normal 1.1em Verdana;
	text-align: justify;
	color:#3CA23C;
	border:1px solid #225F22;
  margin-top: 20px;
	}
	table td {
		height:30px;
		padding-left:2px;
		font:normal 1.1em Verdana;
		text-align: center;
		color:#225F22;
		border:1px solid #486948;
		background-color:#225F22;
		}
.table0{
  text-align: center;
  background-color: #E1EFE1;
}
.table1 {
	text-align:center;
	background-color:#CCE2CC;
	}
.table2{
  text-align:center;
  background-color:#B1CEB1;
}
.table3{
  text-align: center;
  background-color: #9CBE9C;
}
.table4{
  text-align: center;
  background-color: #86AD86;
}

/*diaporama*/
.diaporama{
  width: 568px;
  height: 140px;
  text-align: center;
  margin-left: 37px;
  margin-top: 10px;
  margin-bottom: 10px;

}

/*---Devis---*/

.devis{
  width:630px;
  float:left;
}
.devis-title{
  width:500px;
  float:left;
  padding-top: 10px;
  padding-left: 10px;
}
    .devis-title span{
       font:bold 1.1em Verdana;
       color: #21411A;
       float:left;
       margin-right:5px;
       margin-top:1px;
    }
input{
  float:left;
  margin-top:8px;
  clear: left;
  margin-right: 3px;
  size: 5px;

}
    .text-input p{
       font:bold 1.1em Verdana;
       color: #000000;
       margin-left: 0px;
       margin-top:1px;
    }
#devis-left{
  float:left;
  width:170px;
  margin-left:40px;
}
    #devis-left p{
     font:normal 1.1em Verdana;
       color: #235F23;
       margin-top:1px;
       height: 25px;
       padding-top: 5px;
    }
.form{
  float:left;
  width:200px;
}
.devis-table{
  width:633px;
  height: 588px;
  padding-bottom:10px;
  float:left;
  background: url(../images/charte/bg-deviz.jpg) no-repeat left 4px;
}




/*promotion */
	.detail-link {
		color:#FF8D00;
		font:normal 1.1em Verdana;
		text-align:right;
    width: 150px;
    padding-top: 5px;
    float:right;
    padding-right: 10px;
		}
		.detail-link a:link, .detail-link a:visited{
				font:bold 1.1em Verdana;
				text-decoration:none;
				color:#FF8D00;
				}
		.detail-link a:hover, .detail-link a:active{
				font:bold 1.1em Verdana;
				text-decoration:underline;
				color:#73AEFF;
				}
.promotion-text{
  text-align: center;
  width:600px;
  padding-top:100px;
  clear:both;

}
.promotion-box{
  width:630px;
  background-color:#E8EDE7;
  padding-bottom:5px;
  border: solid 1px #3C733A;
  margin-bottom:10px;
  height: 180px;
}
.title-bg{
  height:25px;
  padding-top:10px;
  background-color:#C4D8B3;
  border-bottom:solid 1px #ACBC9F;
  margin-bottom:5px;
}
.title-text{
  padding-left:5px;
  font:bold 12px Verdana;
  color:#225F22;
}
.image-bg{
  width:150px;
  height: 140px;
  text-align:left;
  float:left;
  padding-left:10px;
}
.image{
  border:solid 2px #A4BB90;
  padding:2px;
}

.non-image{
  border:solid 2px #A4BB90;
  padding:2px;
}
.page-text{
  margin:0 auto;
  width:600px;
  float:left;
}
.promotion-detail{
  width:630px;
  background-color:#E8EDE7;
  padding-bottom:5px;
  border: solid 1px #3C733A;
  margin-bottom:10px;
  display: table;
}

.promotion-text1{
  text-align: center;
  width:600px;
  padding-top:100px;
  clear:both;
  padding: 5px;
}
.detail-images{
  width:134px;
  height:134px;
  float:left;
  text-align:center;
  margin-left:12px;
  border:solid 2px #769776;
  padding:2px;
}
	.retour-link {
		color:#FF8D00;
		font:normal 1.2em Verdana;
		text-align:justify;
    float:left;
    padding-top: 10px;
    clear: both;
    padding-left: 10px;
    height: 20px;
		}
		.retour-link:link, .retour-link:visited{
				font:bold 1.2em Verdana;
				text-decoration:none;
				color:#FF8D00;
				}
		.retour-link:hover, .retour-link:active{
				font:bold 1.2em Verdana;
				text-decoration:underline;
				color:#73AEFF;
				}