/* 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) */
.invisible
{
	display:none;
}

.cyc {
	position: absolute;
	top: -10000px;
}
.text{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #FF6C00;
}
.text1{
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  color: #FF6C00;
  line-height: 20px;
}
.text2{
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #FF6C00;
  line-height: 20px;
}
.bg-page{
  background:url(../images/charte/bg-page.jpg) no-repeat left top;
  width: 387px;
  height: 263px;
  padding-top: 15px;
  padding-right: 20px;
}
  .bg-page p{
    font-size:11px;
  	line-height:15px;
    font-weight:normal;
  	color:#353535;
    padding-top: 25px !important;
    padding-left:0px;
  }
.bg-bacAluminium{
  background:url(../images/charte/bg-bacAluminium.jpg) no-repeat left top;
  width: 399px;
  height: 216px;
  padding-top: 15px;
  padding-right: 8px;
}
  .bg-bacAluminium p{
    font-size:11px;
  	line-height:15px;
    font-weight:normal;
  	color:#353535;
    padding-top: 25px;
    padding-left:15px;
    width: 360px;
  }

ul.list{
	 		padding:10px 0px 2px 21px;
			list-style:none;
			float:left;
      width:344px;
		 	}
		ul.list li{
			color:#353535;
      font-family: Arial;
      font-size:11px;
      font-weight: normal;
			text-align:justify;
			margin-top:10px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:30px;
			line-height:14px;
			}
#coordonnees{
  border-left:solid 1px #FF6C00;
  border-bottom:solid 1px #FF6C00;
  border-right:solid 1px #FF6C00;
  margin-bottom: 20px;
  width: 204px;
  height: 295px;
  margin-left: 58px !important;
}
    #coordonnees p{
      font-family: Arial;
      font-size: 11px;
      color:#353535;
      font-weight: bold;
      margin: 0 auto;
      text-align: center!important;
    }
#coordonnees1{
  border-left:solid 1px #FF6C00;
  border-bottom:solid 1px #FF6C00;
  border-right:solid 1px #FF6C00;
  margin-bottom: 20px;
  width: 204px;
  height: 133px;
  margin-left: 58px !important;
}
    #coordonnees1 p{
      font-family: Arial;
      font-size: 11px;
      color:#353535;
      font-weight: bold;
      margin: 0 auto;
      text-align: center!important;
    }
#contact-link {
        		color:#FF6C00;
        		font:normal 11px Arial;
        		text-align:center;
            margin: 0 auto;
            margin-left: 15px;
        		}
          		#contact-link:link, #contact-link:visited{
          				font:normal 11px Arial;
          				text-decoration:underline !important;
          				color:#FF6C00 !important;
                  text-align: center;
          				}
          		#contact-link:hover, #contact-link:active{
          				font:normal 11px Arial;
          				text-decoration:none;
          				color:#BC4F52 !important;
                  text-align: center;
                  }
#page-link {
        		color:#FF6C00;
        		font:normal 11px Arial;
        		text-align:center;
            margin: 0 auto;
        		}
          		#page-link:link, #page-link:visited{
          				font:normal 11px Arial;
          				text-decoration:underline !important;
          				color:#FF6C00 !important;
                  text-align: center;
          				}
          		#page-link:hover, #page-link:active{
          				font:normal 11px Arial;
          				text-decoration:none;
          				color:#BC4F52 !important;
                  text-align: center;
                  }
#text-colLeft{
  margin-top: 25px;
  width: 230px;
  height: 133px;
  margin-left: 45px;
}
  #text-colLeft p{
    text-align: center;
  }
.img-logo{
  float:right;
  padding-right:20px;
  padding-top:10px;
}

.images{
  width: 150px;
  height: 120px;
  float: left;
  margin-right:10px;
  border: solid 1px #FF7612;

}
.images1{
  width: 150px;
  height: 120px;
  float: left;
  margin-right: 4px;
  border: solid 1px #FF7612;
}
.aluminium-images{
  width:650px;
  float:left;
  padding-left:0px;
  padding-top: 25px;
}
.aluminium-images1{
  width:650px;
  float:left;
  padding-left:0px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.aluminium-images2{
  width:490px;
  float:left;
  padding-left:75px;
  padding-top: 10px;
  padding-bottom: 20px;
}
.page-line{
  width: 300px;
  height: 30px;
  float: left;
  margin-right: 30px;
}
.page-text{
  border-left:solid 1px #000000;
  border-right:solid 1px #000000;
  border-bottom: solid 1px #000000;
  width:361px;
  margin-top:0px;
  padding-top:15px;
  padding-left:15px;
  padding-right: 10px;
  float: left;
  margin-right: 20px;
}
.image-left{
		float:left;
    margin-right:15px;
    margin-top:2px;
    border: solid 1px #FF7612;
		}
.image-left1{
		float:left;
    margin-right:15px;
    margin-top:2px;
    margin-bottom: 10px;
		}
.image-left2{
    margin-right:0px;
    margin-left:3px;
    border: solid 1px #FF7612;
}
.image-right{
		float:right;
    margin-left:10px;
    margin-top:2px;
		}
ul.list{
	 		padding:10px 0px 2px 21px;
			list-style:none;
			float:left;
      width:344px;
		 	}
		ul.list li{
			color:#353535;
      font-family: Arial;
      font-size:11px;
      font-weight: normal;
			text-align:justify;
			margin-top:10px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:30px;
			line-height:14px;
			}
ul.list0{
	 		padding:5px 0px 2px 21px;
			list-style:none;
			float:left;
      width:300px;
		 	}
		ul.list0 li{
			color:#353535;
      font-family: Arial;
      font-size:11px;
      font-weight: normal;
			text-align:justify;
			margin-bottom:5px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:30px;
			line-height:14px;
			}
ul.list1{
	 		padding:0px 0px 0px 61px;
			list-style:none;
			float:left;
      width:300px;
		 	}
		ul.list1 li{
			color:#353535;
      font-family: Arial;
      font-size:11px;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 3px;
			padding-left:30px;
			line-height:13px;
			}
ul.list2{
	 		padding:5px 0px 2px 21px;
			list-style:none;
			float:left;
      width:600px;
		 	}
		ul.list2 li{
			color:#353535;
      font-family: Arial;
      font-size:11px;
      font-weight: normal;
			text-align:justify;
			margin-bottom:5px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 4px;
			padding-left:30px;
			line-height:14px;
			}
ul.list3{
	 		padding:0px 15px 0px 20px;
			list-style:none;
			float:left;
      width:170px;
		 	}
		ul.list3 li{
			color:#353535;
      font-family: Arial;
      font-size:11px;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 3px;
			padding-left:30px;
			line-height:13px;
			}
ul.list4{
	 		padding:0px 15px 0px 20px;
			list-style:none;
			float:left;
      width:280px;
      border: solid 1px red;
		 	}
		ul.list4 li{
			color:#353535;
      font-family: Arial;
      font-size:11px;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 3px;
			padding-left:30px;
			line-height:13px;
			}
ul.list5{
	 		padding:0px 0px 0px 65px;
			list-style:none;
			float:left;
      width:200px;
		 	}
		ul.list5 li{
			color:#353535;
      font-family: Arial;
      font-size:11px;
      font-weight: normal;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 3px;
			padding-left:30px;
			line-height:13px;
			}