/* 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";
h1{
  display:block;
  padding-bottom:0px;
  font-size:20px;
  line-height:66px;
  color:#2D5C9C;
  letter-spacing:0px;
  font-weight:lighter;
}
h2{
  font-size:16px;
  font-weight:bold;
  color:#275390;
}
h3{
  display:block;
  padding-bottom:0px;
  border-bottom:1px solid #7FBCDD;
  font-size:18px;
  color:#FFAA06;
  letter-spacing:-1px;
}
.petit{
  font-size:9px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#FFAA06;
}
.invisible{
	display:none;
}
#presentation_h1{
  background-image: url(../images/presentation/h1-presentation.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  height: 66px;
  display: block;
  text-align: center;
}
#ats_200_300_h1{
  background-image: url(../images/ats-200-300/h1-ats-200-300.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  height: 66px;
  display: block;
  text-align: center;
}
#exemple_h1{
  background-image: url(../images/exemple-produits/h1-exemple-produits.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  height: 66px;
  display: block;
  text-align: center;
}
#conditionnement_h1{
  background-image: url(../images/conditionnement/h1-conditionnement.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  height: 66px;
  display: block;
  text-align: center;
}
#partenariat_h1{
  background-image: url(../images/partenariat/h1-partenariat.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  height: 66px;
  display: block;
  text-align: center;
}
#presentation_content{
  background-image: url(../images/presentation/bg-presentation.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  text-align: justify;
  margin-top: 20px;
  width: 900px;
  height: 370px;
}
#ats_200_300_content{
  background-image: url(../images/ats-200-300/bg-ats-200-300.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  text-align: justify;
  margin-top: 20px;
  width: 900px;
  height: 354px;
}
#atb_300_500_content{
  background-image: url(../images/atb-300-500/bg-atb-300-500.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  text-align: justify;
  margin-top: 20px;
  width: 900px;
  height: 176px;
}
#exemple_content{
  background-image: url(../images/exemple-produits/bg-exmple.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  margin-top: 20px;
  margin-left: 50px;
  width: 850px;
  height: 354px;
}
.color_b{
  font-weight: bold;
  color: #ffaa07;
}
.separator{
  clear: left;
  font-size: 0px;
  width: 398px;
}
ul.list{
	margin-top:0px;
}
.left{ float: left;}
.right{ float: right;}
.list li{
	list-style-type:none;
	background-image:url(../images/charte/pointer.gif);
	background-position: 0px 3px;
	background-repeat:no-repeat;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
ul.list1{
	margin-top:0px;
}
.list1 li{
	list-style-type:none;
	background-image:url(../images/charte/pointer1.gif);
	background-position: 0px 6px;
	background-repeat:no-repeat;
  line-height: 25px;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
}
ul.list2{
	margin-top:0px;
}
.list2 li{
	list-style-type:none;
	background-image:url(../images/partenariat/envelope.jpg);
	background-position: 0px 3px;
	background-repeat:no-repeat;
  line-height: 20px;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 30px;
}
ul.list3{
	margin-top:0px;
}
.list3 li{
	list-style-type:none;
	background-image:url(../images/charte/pointer2.gif);
	background-position: 3px 5px;
	background-repeat:no-repeat;
  line-height: 16px;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
}
/*-----------table----------*/
#ats_200_300 table {
  border-collapse: collapse;
  border: 2px solid #898388;
  color: #333333;
  background: #ffe3ac;
}
#ats_200_300 tbody td {
  text-align: center;
}
#ats_200_300 tbody th {
  color: #000000;
}
#ats_200_300 td, th {
  color: #000000;
  border: 1px solid #898388;
  padding: 2px;
}
#ats_200_300 tbody th, tbody td {
  vertical-align: top;
  text-align: left;
}
#ats_200_300 .odd {
  background: #d3dff0;
}
#ats_200_300 tbody tr:hover {
  color: #333444;
  background: #9cb0dd;
}
#ats_200_300 tbody tr:hover th,
#ats_200_300 tbody tr.odd:hover th {
  background: #7f96ca;
}
/*-----------end table----------*/
#sachets_left{
  background-image: url(../images/type-sachets/bg-sachets-left.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  text-align: center;
  color: #285491;
  margin-top: 15px;
  float: left;
  width: 250px;
}
#contact_left{
  background-image: url(../images/contact/bg-contact-left.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  text-align: left;
  color: #285491;
  margin-top: 15px;
  float: left;
  width: 280px;
  height: 290px;
}
.sachets_box{
  color: #285491;
  float: left;
  text-align: center;
  margin-top: 5px;
  width: 190px;
  height: 192px;
}
.empty{
  float: left;
  width: 19px;
  height: 156px;
}
.sachets_box_picture{
  height: 160px;
}
.sachets_box_texte{
  font-size: 12px;
  padding-top: 7px;
}
.exemple_box1{
  float: left;
  width: 153px;
  height: 353px;
}
.exemple_box2{
  text-align: center;
  margin-left: 6px;
  float: left;
  width: 201px;
  height: 384px;
}
.exemple_box3{
  text-align: center;
  margin-left: 6px;
  float: left;
  width: 267px;
  height: 352px;
}
#bg_conditionnement{
/*  background-image: url(../images/conditionnement/bg-conditionnement.jpg); */
  background-position: left top;
  background-repeat: no-repeat;
  width: 900px;
  height: 350px;
}
#conditionnement_left{
  text-align: center;
  float: left;
  width: 474px;
  height: 375px;
}
#conditionnement_right{
  background-image: url(../images/conditionnement/bg-conditionnement-right.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  text-align: left;
  float: left;
  width: 867px;
  height: 350px;
}
#bg_partenariat{
  background-image: url(../images/partenariat/bg-partenariats.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width: 900px;
  height: 145px;
}
.partenariat_box{
  background-image: url(../images/partenariat/partenariat-box.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  margin-top: 25px;
  width: 617px;
  height: 111px;
}
.partenariat_sbox{
  float: left;
  width: 225px;
  text-align: center;
}
/*--------plan-------*/
#plan_site table {
  border-collapse: collapse;
  border: 2px solid #898388;
  color: #333333;
  background: #ffe3ac;
}
#plan_site tbody th {
  color: #000000;
}
#plan_site td, th {
  color: #000000;
  border: 1px solid #898388;
  padding: 2px;
}
#plan_site tbody th, tbody td {
  vertical-align: top;
  text-align: left;
}
#plan_site tbody th:hover {
  background-image: url(../images/charte/bg-table.gif);
  background-position: left top;
  background-repeat: repeat;
}
/********end plan------*/
.actualites_box_top{
  background-image: url(../images/actualites/actualite-box-top.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 12px;
  margin-top: 10px;
  width: 900px;
  height: 17px;
}
.actualites_box_middle{
  background-image: url(../images/actualites/actualite-box-middle.jpg);
  background-position: left top;
  background-repeat: repeat-y;
  text-align: justify;
  display: table;
  line-height: 12px;
  width: 900px;
}
.actualites_box_bottom{
  background-image: url(../images/actualites/actualite-box-bottom.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  line-height: 12px;
  width: 900px;
  height: 17px;
}