/************contenu.css**************/
/************ feuille de style pour la mise en forme du contenu du site sentech international**********/
/************realise par Onyme****************/
#contenu{
	float: left;
	margin : 8px 0px 5px 15px;
	width: 650px; 
}

#news {
	padding-top:2px;
	text-align:left;
	height:450px;
	margin:0px;
	background-color:#8DA5A2;
}


/*** elements specifique pour page cable-speciaux-levage.jsp **/
#bloc-r {
	float : left;
	height : 1900px;
	width : 70%;
	margin: 0px 0px 0px 0px;
}

#presentation2 {
	position : absolute;
	top : 220px;
	left : 243px;
	width:1100px;
	margin: 0px 0px 0px 0px;
}

#presentation2 td.construction{
	width : 140px;
}
#presentation2 td.core{
	width : 70px;
}
#presentation2 td.strands{
	width : 80px;
}

#presentation2 td.label-construction{
	text-align : left;
	font-weight : bold;
	background-color:#E8E8E8;
	color: #808080 ;
	border : 1px solid #808080;
}
#presentation2 td.galvanise{
	text-align : center;
	font-weight : bold;
	background-color:#808080;
	color: #FFFFFF ;
}

#presentation2 td.ungalvanise{
	text-align : center;
	font-weight : bold;
	background-color:#E8E8E8;
	color: #808080 ;
}

#presentation2 td.interligne{
	line-height : 4px;
}

#presentation2 td.diametre{
	width : 20px;
}

/*

#presentation p {
	width:380px;
	padding : 0px 0px 0px 0px;
}

*/
#presentation ul{
	width:330px;
	padding : 0px 0px 0px 20px;
}

#presentation-cable{
	float : left;
	width : 380px;
	margin: 0px 0px 0px 0px;
}
#presentation {
	float : left;
	width : 100%;
	margin: 0px 0px 0px 0px;
}

#presentation #contenu-centre {
	text-align : center;
} 

#presentation p.logo, #presentation2 p.logo{
	float : left;
	width : 450px;
}

#presentation p.keni{
	float : left;
	width : 380px;
}
#presentation #commentaires, #presentation2 #commentaires {
	float : left;
	width : 100%;
}

#presentation img.logo-image, #presentation2 img.logo-image{
	float : right;
}

#presentation img.logo-image-gauche{
	float : left;
}

#presentation img.image-droit{
	float : top;
	margin-left:5px;
}
#presentation a, #presentation-cable a{
	text-decoration: underline;
	font-size : 10px;
	color : black;
}

#presentation a:hover{
	text-decoration: none;
}


#presentation table, #presentation2 table{
	float : left;
	border-collapse: collapse;
	border-spacing:0px;
	width : 100%;
}

#presentation th, #presentation2 th{
	padding:2px 2px 2px 2px;
	border : 1px solid #808080;
	text-align:center;
	font-size : 10px;
}


#presentation th.grade, #presentation2 th.grade{
	border : 0px solid #808080;
}

#presentation td.grade, #presentation2 td.grade{
	border : 0px solid #808080;
}

#presentation td, #presentation2 td{
	padding:2px 0px 2px 0px;
	border : 1px solid #808080;
	text-align:center;
	font-size : 10px;
}

#presentation td.diametre{
	width : 25px;
}

#presentation td.fond-bleu, #presentation2 td.fond-bleu{
	background-color:#8092C4;
}

#presentation td.fond-gris, #presentation2 td.fond-gris{
	background-color:#BCB5A0;
}
#presentation td.fond-vert{
	background-color:#57AF47;
}
#presentation td.fond-jaune{
	background-color:#fff500;
}

#image{
	float : right;
	width:225px;
	margin:0px 20px 0px 0px;
}

#presentation #bloc {
float : left;
width :100%;
height : 10px;
}
.separateur{
	float: left;
	width:100%;
	border-bottom:1px solid #6C7A7D;
	height:3px;
	margin: 1px 0px 1px 0px;
}

p#no-product{
	width:100%;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	color:#808080;
}
#tableau{
	float :left;
	margin: 5px 0px 5px 0px;
}

#tableau table{
	width : 600px;
	border-collapse: collapse;
	border-spacing:0px;
}

#tableau td{
	padding:4px 4px 4px 4px;
	border : 3px solid #FFFFFF;
	text-align:center;
}

#tableau td.construction{
	background-color:#BCB5A0;
	color:#000;
	font-size:12px;
	font-style:italic;
	width:15%;
}

#tableau td.section{
	background-color:#8092C4;
	color:#FFFFFF;
	font-size:12px;
	font-style:italic;
	width:15%;
}

#tableau td.lien, #tableau td.family{
	background-color:#E8E8E8;
	font-size:12px;

}
#tableau td.lien{
	color:#808080;	
	text-align:right;
	padding-right:15px;	
}
#tableau td.family{
	width:45%;
	color:#000;
	text-align:left;
	text-indent:5px;	
}
#tableau td.lien .produit, #tableau td.lien .norme{font-style:italic}
#tableau a{	
	color:#000;
	font-style:normal;
	text-decoration:none;
}


#tableau a:hover{
		text-decoration:underline;
}

#choix td {
	vertical-align: top;
}

#actualite{
	float:left;
	margin:5px 0 0;
	overflow:auto;
	width:640px;
}
/* variante pour la page de détails */
#actualite_detail{
	float:left;
	margin :5px 0px 0px 0px;	
	width : 640px;	
}

#actualite #actu-contenu {float:left;width:450px;}
/* variante pour la page de détails */
#actualite_detail #actu-contenu {float:left; width:100%;}

#actu-contenu h1{
	width:100%;
	font-size: 16px ;
	font-weight:bold;
	letter-spacing:1px;
	color: #FF4200 ;
	margin:5px 0px 0px 0px;
	padding:0px 0px 4px 0px;
	float:left;
}
#actu-contenu h2{
	width:100%;
	font-size: 16px ;
	font-style:italic;
	font-weight:normal;
	letter-spacing:1px;
	color: #FF4200 ;
	padding:0px 0px 0px 0px;
	margin:0px;
	/*line-height : 6px;*/
	float:left;
}
#actu-contenu p{
	margin-top:5px;
	width:100%;
	float:left;	
}

#actu-texte h1{
	background:#8092C4;
	color:#fff;
	font-size: 14px;
	font-weight:bold;
	float:left;
	width:100%;
}
#actu-texte h2{
	font-size: 14px ;
	letter-spacing:1px;
	color: #808080 ;
	padding:0px 0px 0px 0px;
	margin:2px 0px;
	line-height : 13px;
}


#actu-contenu a,#actu-texte a{
	color : #8092C4;
	text-decoration : none;
}

#actu-contenu span.more{
	width:100%;
	float:left;
	text-align:right;
}

#actu-contenu a:hover{
	color : #8092C4;
	text-decoration : underline;
}

#actu-vignette{
	float : left;
	width : 130px;
	margin: 15px 5px 10px 10px;
}
#actu-image{
	float : left;
	width : 99%;
	margin: 15px 0px 10px 10px;
	text-align:center;
}

/** page demande_pv et recherche.jsp **/

div#pvform-container, div#searchform-container{
	width:400px;
	margin:50px 0px 10px 0px;
	padding : 2px;
	display:block;
	height:150px;
	border-top:solid 2px #eaeaea;
	border-left:solid 2px #eaeaea;	
	border-right:solid 2px #bbb;	
	border-bottom:solid 2px #bbb;			

}

div#pvform-container table#tableau, div#searchform-container table#tableau{
	width:100%;
	padding:0px;
	border-collapse : collapse;
}

div#pvform-container table#tableau tr td, div#searchform-container table#tableau tr td{
	font-size:8pt;
	text-align:left;
	margin : 0px;
	padding : 0px;
	height:28px;
}

div#pvform-container td.section{text-align:left;width:200px}
div#pvform-container td.produit{text-align:center;width:150px}
div#pvform-container table#tableau td.help{text-align:left;width:50px}
div#pvform-container table#tableau td.produit input{width:145px;height:22px;}

div#searchform-container td.section{text-align:left;width:150px}
div#searchform-container td.produit{text-align:center;width:250px}
div#searchform-container td.produit select{width:246px;height:20px;}
td#submit input{float:right;width:150px;}

/** Mise en page des promotions : promotions.jsp **/
div.promotion{
	width:100%;
	float:left;
	margin: 5px 0px;
}
div.promotion div.title{
	width:70%;
	float:left;
}
div.promotion div.title h1{
	font-size: 19px ;
	font-weight:bold;
	letter-spacing:1px;
	color: #FF4200 ;
	margin:0px;
	padding:0px;
}

div.promotion div.dates{
	width:30%;
	float:left;
	font-style:italic;
	line-height:19px;
}

div.promotion div.description{
	width:100%;
	float:left;
}
div.promotion div.fiche{
	width:100%;
	float:left;
	text-align:right;
}


/** page unauthorized.jsp **/
#erreur{
	width:450px;
	padding:0px;
	margin:25px 110px 25px 110px;
	float:left;
	background:#8092C4 url(../images/unauth_header.jpg) 0px 0px no-repeat;
	height:100px;
}

#erreur #message{
	width:425px;
	padding:0px;
	background:#fff;
	height:80px;
	margin-top:10px;
	margin-left:5px;	
	float:left;
}

#erreur #message p{
	padding:0px;
	margin-top: 10px;
}

/** page contact.jsp **/
#formulaire{
	float :left;	
	background:#E8E8E8;
	padding:1px;
	margin-top : 5px;
}

#formulaire table#tableau_contact{
	float : left;
	border-collapse: collapse;
	border-spacing:0px;
	width : 100%;
	background:#fff;
}

#formulaire thead th{
	padding:0px 0px 2px 0px;
	border:none;
	text-align : left;
	font-size : 10px;
	font-weight: bold;
}

#formulaire table#tableau_contact thead td.valueForm,#formulaire table#tableau_contact thead td.labelForm{
	border:1px solid #8092C4;
}

#formulaire table#tableau_contact tfoot td{
	border:none;
	text-align:right;
}

#formulaire td.valueForm{
	padding:0px;
	/*border-bottom : 1px solid #808080;*/
	font-size : 10px;
	width : 70%;
}
#formulaire td.infos {height:22px}

#formulaire td.valueForm input{border:none;width:100%}

#formulaire thead td.labelForm{width:10%;}
#formulaire td.blank{border:none;height:15px;}
#formulaire td.labelForm{
	padding:0px 0px 0px 0px;
	font-size : 10px;
}
#formulaire td.messageLabel,#formulaire tbody td.subjectLabel{
	background:#E8E8E8;
	font-size : 10px;
}
#formulaire td.messageLabel{height:25px;padding:10px 0px 0px 0px;}
#formulaire tbody td.subjectLabel input{padding:1px 0px; border:1px solid #8092C4;background:#fff;width:598px}
#formulaire td.valueForm textarea{
	width:100%;
	height:150px;
	margin:0px;
	border:solid 1px #ccc;
}


/*************pied de page liens ***********/
#footer{
	float :left;
	width:900px;
	height:100px;
	padding: 0px 0px 0px 0px;   
	color:#6C7A7D;
	font-size : 10px;
}

#footer #leftfooter{
	float :left;
	width:189px;
	height:100px;
	padding: 5px 5px 0px 5px;   
}

#footer #middlefooter{
	float :left;
	width:217px;
	height:100px;
	padding: 5px 5px 0px 5px; 
	border-left : 1px solid #6C7A7D;
}


#footer a, #footer a:visited{
	text-decoration: none;
	font-size : 10px;
	color:#6C7A7D;
}

#footer a:hover{
	text-decoration: underline;
}