/* 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 CONTENU */
#texte h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;
	line-height:30px;
	height:30px;
	color:#000;
	margin:7px 0px 20px 60px;
	font:150% "Trebuchet MS", Verdana, Arial, sans-serif;
}
#texte h2{
	font-size:1.3em;
	border-bottom:1px dotted #2B8B00;
	display:block;
	font-weight:bold;
	float:left;
	width:640px;
	line-height:22px;
	text-align:left;
	color:#2B8B00;
	margin:10px 0px 5px 0;
}
#texte a:link, #texte a:visited{
	font-weight:bold;
	text-decoration:underline;
	color: #4F9802;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:none;
	color: #4F9802;
}

/* ------------------------------------------ANNONCES--------------------------------- */
#annonces{
	float:left;
	width:670px;
	min-height:104px;
	height:auto !important;
	height:104px;
	border:1px solid #5e3c23;
	margin-bottom:10px;
}
#annonces img{
	margin:5px;
	float:left;
}
#annonces p{
	margin:20px 5px 5px 5px;
	
}
#titre-annonce{
	float:left;
	width:666px;
	height:16px;
	background:#ebcc8b;
	padding:4px 0 0 4px;
	color:#643f24;
	font-weight:bold;
	font-size:12px;
}
.majuscule{
	text-transform:uppercase;
}
#titre-annonce2{
	float:left;
	width:500px;
}
#prix{
	width:50px;
	float:right;
	color:#000000;
}
/* ------------------------------------------FIN ANNONCES--------------------------------- */
/* 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;
}
/*----------------------------------------- INTEGRATION CEDRIC ---------------------------*/

/*-- PRODUITS --*/
.animation-produits {
	width:634px;
	height:205px;
	float:left;
	margin:15px 0 0 0;
	}
/*-- VDI --*/
.vdi {
	background-image:url(../images/charte/vdi.jpg);
	height:430px;
	width:640px;
	background-repeat:no-repeat;
	background-position:bottom left;
	}
.vdi-visuel {
	width:282px;
	height:206px;
	position:absolute;
	background-image:url(../images/charte/vdi-cours.jpg);
	top:260px;
	left:600px;
	}
/*-- ACTU --*/
#collRight{
	float:right;
	width:192px;
	height:279px;
	background-image:url(../images/charte/actualites.jpg);
	margin:50px 0 0 10px;
}
.actu-date {
	color:#4E9602;
	width:150px;
	float:left;
	text-align:center;
	margin:2px 0 0 31px;
	height:34px;
	}
.actu-titre {
	width:150px;
	height:34px;
	float:left;
	margin:60px 0 0 30px;
	text-align:center;
	}
.actu-visu img { border:1px solid white;}
.actu-visu {
	width:150px;
	height:105px;
	float:left;
	margin:0 0 0 31px;
	text-align:center;
	}
#container .actu-info a{
	color:#480F0F;
	text-decoration:none;
	}
#container .actu-info a:hover{
	color:#480F0F;
	text-decoration:underline;
	}
.actu-info {
	width:100px;
	margin:7px 0 0 60px;
	float:left;
	height:20px;
	color:#480F0F;
	}
/*-- PRODUCTION --*/
.production-recuperation {
	position:absolute;
	width:220px;
	top:180px;
	left:0;
	}
.production-laine {
	position:absolute;
	width:220px;
	top:180px;
	left:430px;
	}
.production-traitement {
	position:absolute;
	width:300px;
	top:320px;
	left:170px;
	}
.production-schema {
	background-image:url(../images/charte/isolation-naturelle.gif);
	background-repeat:no-repeat;
	width:650px;
	float:left;
	height:410px;
	position:relative;
	}
.production-achemminement img{ float:left; margin:0 10px 0 0;}
.production-achemminement {
	width:640px;
	float:left;
	margin:5px 0 10px 0;
	border-bottom:1px solid #C7A67B;
	padding-bottom:10px;
	}
.UL_production {
	margin:5px 0 10px 30px;
	}
.UL_production li {
	margin:0 0 3px 0;
	list-style-image:url(../images/charte/puce.gif);
	}
.production-acarien {
	background-image:url(../images/charte/acariens.gif);
	width:603px;
	height:146px;
	float:left;
	margin:5px 0 0 15px;
	}
.production-rongeur {
	background-image:url(../images/charte/rongeurs.gif);
	width:250px;
	height:190px;
	float:left;
	margin:20px 0 0 0;
	}
.producteur-rongeur-texte {
	width:360px;
	float:left;
	margin:30px 0 0 15px;
	}
	
/*-- ACTUALITES --*/
.foires, .evenements {
	width:317px;
	float:left;
	background-position:center top;
	background-repeat:no-repeat;
	padding:60px 0 0 0;
	}
.foires {margin:0 15px 0 0;background-image:url(../images/charte/tit-foires-salons.gif); border-right:1px solid #CBB99F;}
.evenements {background-image:url(../images/charte/tit-evenements.gif);margin:0;}

.actualite {
	width:300px;
	background-color:#EBDECB;
	border:1px solid #CBB99F;
	float:left;
	margin:0 0 15px 0;
	}
.actualite-visuel img{ border:none;}
.actualite-visuel {
	width:104px;
	height:78px;
	float:left;
	margin:3px 0 5px 5px;
	}
.actualite-date {
	width:300px;
	float:left;
	text-align:center;
	margin:3px 0 13px 0;
	color:#2B5200;
	}
.actualite-titre {
	width:180px;
	float:left;
	margin:0 0 0 5px;
	}
.actualite-descriptif p{ margin:0 0 2px 0;}
.actualite-descriptif {
	width:180px;
	float:left;
	font-size:11px;
	margin:6px 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	}
/*-- POSE APPLICATIONS --*/
.pose {
	position:relative;
	width:657px;
	height:339px;
	float:left;
	margin:40px 0 0 0;
	text-align:center;
	}
.comment1 {
	width:200px;
	position:absolute;
	top:-25px;
	left:230px;
	}
.comment2 {
	width:200px;
	position:absolute;
	top:0;
	left:450px;
	}
.comment3 {
	width:150px;
	position:absolute;
	top:50px;
	left:500px;
	}
.comment4 {
	width:150px;
	position:absolute;
	top:260px;
	left:500px;
	}
.comment5 {
	width:150px;
	position:absolute;
	top:305px;
	left:34px;
	}
.comment6 {
	width:100px;
	position:absolute;
	top:70px;
	left:25px;
	}
.comment7 {
	width:200px;
	position:absolute;
	top:-5px;
	left:21px;
	}
.projection img{ border:1px solid #4D9905;}
.projection td{
	text-align:center;
	padding:3px;
	border:none;
	}
/*- MACHINES -*/
.machines {
	position:relative;
	width:657px;
	height:339px;
	float:left;
	margin:40px 0 0 0;
	text-align:center;
	}
.machines-titre {
	color:#FF0000;
	}
#machines1 {
	background-color:#F6E7D2;
	border:1px dotted black;
	float:left;
	margin:20px 0 0 0;
	padding:5px;
	}
#machines2 {
	background-color:#F6E7D2;
	border:1px dotted black;
	float:left;
	margin:20px 0 0 0;
	padding:5px;
	}
#machines3 {
	background-color:#F6E7D2;
	border:1px dotted black;
	float:left;
	margin:20px 0 0 0;
	padding:5px;
	}
#machines4 {
	background-color:#F6E7D2;
	border:1px dotted black;
	float:left;
	margin:20px 0 0 0;
	padding:5px;
	}
.machines-cliquez {
	display:block;
	color:#FF0000;
	text-align:center;
	margin:30px 0 0 0;
	}
.visu-machines img{ border:1px solid #FFF;}
.visu-machines {
	float:right; 
	width:100px; 
	height:90px;
	margin:0 0 0 7px;
	}
/*------------------- CONTACT ------------------------------*/
input:focus {border:1px solid #FEC11B;}
input {
	width:130px;
	height:16px;
	border:1px solid #C6A479;
	font-size:11px;
	color:#000;
	padding:0 2px;
	font-family:"Trebuchet MS";
	}
textarea:focus {border:1px solid #FEC11B;}
textarea {
	width:130px;
	height:80px;
	font-size:11px;
	color:#000;
	border:1px solid #C6A479;
	font-family:"Trebuchet MS";
	padding:2px;
	}
#contact {
	font-family:"Trebuchet MS";
	font-size:12px;
	background-color:#F5E7D5;
	padding:10px;
	margin:10px 0;
	float:left;
	width:630px;
	background-repeat:no-repeat;
	color:#000;
	}
#contact select {
	width:130px;
	background-color:#F5E7D5;
	border:1px solid #C6A479;
	font-size:12px;
	}
.bouton:focus {
	background-repeat:no-repeat;
	background-color:none;
	cursor:pointer;
	color:#493003;
	outline:none;
	}
.bouton {
	background-image:url(../images/charte/bouton-contact.jpg);
	width:174px;
	background-repeat:no-repeat;
	height:35px;
	border:0px solid #FEC11B;
	background-color:none;
	cursor:pointer;
	color:#FFF;
	outline:none;
	font-size:14px;
	}
.petit {font-size:9px;}
.contact-loi {float:left; width:600px;}
.merci {font-size:12px; margin:80px 0 0 120px; font-family:"Trebuchet MS";}
.bloc-adresse {	
	width:630px;
	text-align:center;
	float:left;
	margin:5px 20px 0 0;
	}
/*-- TELECHARGER --*/
.UL_pdf {
	margin:30px 0 0 70px;
	}
#container .UL_pdf li a { text-decoration:none;}
#container .UL_pdf li a:hover { text-decoration:underline;}
.UL_pdf li {
	margin:0 0 8px 0;
	list-style-image:url(../images/charte/pdf.gif);
	}
/*- MACHINES -*/
.machines-pop {
	width:350px;
	float:left;
	padding:15px;
	text-align:justify;
	}
/*- PRESSE -*/
.UL_presse {
	margin:0 0 0 50px;
	}
.UL_presse li img{ border:none; vertical-align:bottom;}
.UL_presse li {
	margin:0 0 3px 0;
	list-style-image:url(../images/presse/puce.gif);
	}