/* 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) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* 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;
}
/* ajouté par développeur */
#actualite .titre{
	color:#666666;
	font-weight:bold;
	font-size:1.3em;
	text-align:left;
	margin:5px 0px ; 
}

#actualite img{
margin-bottom:10px;}

/* fin ajouté par développeur */


#contenuTexte h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#00A7EE;
	font-weight:bold;
	margin:10px 0;
}

#contenuTexte p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	line-height:18px;
	padding-left:10px;
}

/**** ACCUEIL ****/
.ul_acc {
margin-left:30px;}

.ul_acc li {
	list-style-image:url(../images/charte/puce-acc.jpg);
	margin-left:20px;
	margin-top:10px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	}
	
/*  PRODUIT  */

.ul_prod {
margin-left:30px;
width:280px;}

.ul_prod li {
	list-style-image:url(../images/charte/puce-acc.jpg);
	margin-left:20px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:20px;
	}
	
	
.ul_prod1 {
float:left;
margin-left:20px;
width:280px;}

.ul_prod1 li {
	list-style-image:url(../images/charte/puce-acc.jpg);
	margin-left:20px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-top:20px;
	}
/* MACHINES */

.machine_top{
float:left;
width:630px;
margin-bottom:20px;
padding:10px;
border:1px solid  #E8E8E8;
background-color: #F7F7F7;
}

.machine_left{
float:left;
margin:5px;
padding:5px;
width:300px;
}

.flash_prod{
float:right;
width:310px;
}

.machine_right{
float:left;
margin:5px;
padding:5px;}

	
.video_ico{
float:left;
margin-right:5px;}

.link_video{
float:left;
width:295px;
height:40px;
margin-left:15px;
}


/*-------------------------- Galerie  ---------------------------*/

#galerie {
	margin-top:20px;
	width:600px;
	float:left;
	margin-left:50px;
	height:96px;
	padding-bottom:50px;	
}

#contenuTexte #defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
  }
#contenuTexte #defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
  }

#contenuTexte #flowcut {
  width: 502px;
  overflow: hidden;
  position: relative;
  }
#contenuTexte #flow{
  position: relative;
  }
#contenuTexte .vign{
  float: left;
  margin-right :10px;
  }
  #contenuTexte .vign:hover{
filter: alpha(opacity=70);
	-moz-opacity: 0.70; opacity:0.70;
  }
  
  /*_______________________________________________________________Nos Rfeferences */
  
.ref_left{
	float:left;
	margin-left:40px;
}

.ref_bloc_img_left{
	float:left;
	width:310px;
	text-align:center;
	margin:10px 0px 0px 5px ;
	border:1px solid #CCCCCC;
}

.ref_bloc_img_left h2{
color:#00A7EE; 
}

.ref_bloc_img_left img{
	float:left;
	margin:2px;
	margin-top:20px;
	border:0;
}

.ref_bloc_img_left img:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity:0.70;
	border:0;
}


/***________________________________________________________________contact**/

#bloc-contact {
	width: 400px;
	float:left;
	margin:0px 0 20px 20px ;
	padding:0;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	letter-spacing:0.03em;
}

#contactTxte{
	width:220px;
	float:right;
	text-align:left;
	font-family:   Arial, Helvetica, sans-serif;
	color: #999999;
	text-align:right;
	font-size:12px;
}
#bloc-contact #contactPlan{
	width:45%;
	float:right;
}
#bloc-contact  #formContact input, #bloc-contact #formContact textarea{
	width:250px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #999999;
	padding:2px;
	border:   1px solid #999999;
	background:none;
	
}

#bloc-contact  #formContact select{
	width:256px;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;

	padding:1px;
	margin-left:0;
	border:   1px solid #999999;
	color: #999999;
	background: #FFFFE7;
	
}

#bloc-contact  #formContact .radio{
	width:10%;
	border:none;
}

#bloc-contact  #formContact .bouton{
	width:123px;
	height:20px;
	cursor:pointer;
	border:   1px solid #999999;
	color:#999999;
	background: #FFFFE7;
	padding:0 5px 2px 0px;
	margin-right:1px;
	font-size:12px;
}
#bloc-contact  #formContact .bouton:hover, #bloc-contact  #formContact .bouton:active {
	color: #0099FF;
	border:1px solid  #0099FF;
}
#bloc-contact  #formContact input:focus,#bloc-contact  #formContact textarea:focus{
	color: #0099FF;
	border:1px solid  #0099FF;
}
.capa_text{
	font-size:10px;
	color: #999;
	text-align:justify;
	padding:5px;}


#bloc-contact  #formContact .input_capa{
	width:60px;
	border:   1px solid #999;
	color: #999;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size : 11px;
	padding:0px 5px;
	margin:0 0 18px 5px;
}

.nota{
	color: #999;
	font-size:9px;
}

#bloc-merci {
	width:600px;
	margin:10px 0px 5px 10px ;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
}

.bloc_coord_contact{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	margin-top:80px;
	margin-left:30px;
	line-height:30px;	
}

.bloc_coord_contact .bloc_coord_contact-i{
	font-style: italic;	
}


.img_contact{
	float:left;
	margin:70px 10px 0px 60px;
	padding:5px;
}

.div_middle {
	float:left;
	margin:0 0 0 0px;
}

/**----FIN CONTACT-----------***/