/* 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 PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}

#formContact input,textarea{
	width:100%;
	border:1px solid #00A8FF;
	background-color:#E2F5FF;
	color:#0C60A9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	width:100%;
	background-color:#FFFFFF;
	color:#0C60A9;
	border:1px solid #00A8FF;
}
#formContact .champRequis{
	color:#0C60A9;
}

#contact_fomulaire {
	width:350px;
	float:left;
	margin-bottom:10px;
}


.txt {
	font-size:11px;
	float:left;
	width:370px}
.tableau{
float:left;
width:350px;

position:relative
}

/*-------------------------- charte---------------------------*/

#bloc-actualites{
	float:right;
	width:178px;
	min-height:225px;
	height:auto !important;
	height:225px;
	background:url(../images/charte/bg-actu.gif) repeat-y top left;
	margin:0 0 0 10px;
}
#bloc-actualites2{
	float:right;
	width:178px;
	min-height:200px;
	height:auto !important;
	height:200px;
}
#bloc-actualites2 ul{
	font-weight:bold;
}
#bloc-actualites2 ul li{
	margin:0 0 5px 40px;
	font-weight:bold;
}
#bloc-actualites2 p{
	margin:0 10px 10px 20px;
}
#bloc-actualites2 a{
	float:right;
	padding:0 10px 0px 0;
}
/*-------------------------- accueil---------------------------*/
.liste{
float:left;
width:250px;
margin-top:10px;


}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006C96;
border:none;

}
 .liste li{
	
	color: #006C96;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 20px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:30px;

}
.txt-left{
float:left;
width:300px;


}

.txt-left ul{

	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006C96;
border:none;


}
 .txt-left li{
	
	color: #006C96;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 20px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:10px;
	margin-top:10px

}
.txt-right{
float:right;
width:300px;
padding-left:50px;
background-image: url(../images/charte/bg.jpg)

}

.txt-right ul{

	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006C96;
border:none;


}
 .txt-right li{
	
	color: #006C96;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 20px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:10px;
	margin-top:10px

}
.liste2{
float:left;
width:250px;
}
.liste2 ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#006C96;
border:none;

}
 .liste2 li{
	
	color: #006C96;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/charte/puce2.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 20px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:40px;

}

#coordonnes {

	width:197px;
	height:158px;
	float:right;
	background-image:url(../images/charte/cordonee.jpg);
	background-repeat:no-repeat;

}

#coordonnes p {
	margin:20px 20px 10px 10px;
	color:#FFFFFF;
	width:197px;
}

.tel{
	font-size:13px;	
	font-weight:bold;
}
.contact{
float:left;
width:650px}

#promogalerie {
	margin-top:30px;
	width:650px;
	float:left;
	
}
/*-------------------------- galerie ---------------------------*/



#container #texte  #defilgauche{
  float: left;
  margin: 0 7px 20px 0;
  cursor: pointer;
  z-index: 9;
  }
#container #texte  #defildroite{
  float: right;
  margin: 0 0 20px 7px;
  cursor: pointer;
  z-index: 10;
  }

#container #texte #flowcut{
  width: 578px;
  overflow: hidden;
  position: relative;
  }
#container #texte #flow{
  position: relative;
  }
#container  #texte .vign{
  float: left;
  margin-right :10px;
  width: 122px;

  }
  #container  #texte .vign img{
  border:1px solid #9A9A9A

  }

#container #texte  .vign  p{
float:left;
  text-align: center;
  width:122px
  }
  /*-------------------------- machines ---------------------------*/
.machines{
font-size:13px;
font-weight:bold;
}
.blanc{
color:#FFFFFF}
.iso{
float:right;
width:180px;
border:1px solid #CCCCCC;
margin-left:50px;
padding:5px}

.nouveaute{
float:left;
padding:3px;
width:137px;
margin-top:20px;
height:170px;
margin-right:6px;
background-image:url(../images/charte/bg1.jpg);
background-repeat:no-repeat}
.nouveaute p{
float:left;
width:130px;
text-align:center
}
.titre{
font-weight:bold;
width:137px;

text-align:center
}
#container .couleure{
color:#FF9200;
font-weight:bold}