/* CSS Document */
/*-------------------------- Pied ---------------------------------*/

h1.titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-bottom:10px;
	font-size:20px;
	text-transform:uppercase;
	text-align:left;
	margin-bottom:10px;
	font-weight:normal;
	background:url(../../Templates/defaultcms/images/dotted_ccc_1-3px.gif) repeat-x;
	background-position:bottom;
}

h1.titre span{
	text-transform:none;
}

h2.titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	text-align:left;
	margin-bottom:10px;
	font-weight:normal;
}

div.pointilles {
	display:block;
	min-height:3px;
	background:url(../../Templates/defaultcms/images/dotted_ccc_1-3px.gif) repeat-x;
	background-position:bottom;
} 

/* ******* HOMEPAGE ************** */
.accueil_intro {
	font-size:13px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	height:150px;
}

.accueil_texte {
	float:left;
	width:435px;
}

.accueil_devis {
	float:right;
	width:252px;
	height:127px;
	background:url(../../images/bouton_devis_background.gif) 0px 0px no-repeat;
	padding-top:18px;
	text-align:center;
}

.accueil_devis h1 {
	font-size:18px;
	color:#cd0b24;
	text-align:center;
}

.accueil_devis h2 {
	font-size:16px;
	color:#000000;
	text-align:center;
	font-weight:normal;
}

.accueil_devis a {
	display:block;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../../images/bouton_devis.gif) 0px 0px no-repeat;
	width:107px;
	height:23px;
	text-decoration:none;
	text-align:center;
	padding-top:4px;
	margin-left:74px;
	margin-top:12px;
}

.accueil_devis a:hover {
	background-position:0px -27px;
}

.accueil_nav_produits {
	float:left;
	width:694px;
}
		
#accueil_multibroche, #accueil_cn, #accueil_usinage, #accueil_assemblage {
	float:left;
	width:169px;
	margin-right:6px;
	height:246px;
	text-align:center;
}

#accueil_multibroche a, 
#accueil_cn a, 
#accueil_usinage a, 
#accueil_assemblage a {
	color:#104e77;
	font-size:12px;
	font-weight:bold;
	display:block;
	background:url(../../images/bouton_accueil_pieces.gif) 0px 0px no-repeat;
	width:77px;
	height:19px;
	padding-top:2px;
	text-decoration:none;
	margin-top:210px;
	margin-left:46px;
}

#accueil_multibroche a:hover, 
#accueil_cn a:hover, 
#accueil_usinage a:hover, 
#accueil_assemblage a:hover {
 background-position:0px -21px;
}



#accueil_multibroche {
	background:url(../../images/piece_decolletage_multibroche.jpg) 0px 0px no-repeat;
}

#accueil_cn {
	background:url(../../images/piece_decolletage_cn.jpg) 0px 0px no-repeat;
}

#accueil_usinage {
	background:url(../../images/piece_usinage-sur-centre.jpg) 0px 0px no-repeat;
}

#accueil_assemblage {
	background:url(../../images/piece_assemblage.jpg) 0px 0px no-repeat;
	margin-right:0px;
}

/* ******* /HOMEPAGE ************** */


.institutionnel_row{
	padding-bottom:0px;
	margin-bottom:10px;
/*	background:url(../../Templates/defaultcms/images/dotted_ccc_1-3px.gif) repeat-x;*/
	background-position:bottom;
	padding-bottom:10px;
}

.institutionnel a:hover{
	color:#ffeb00;
	text-decoration: underline;
}

.institutionnel_visuel{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.institutionnel_visuel img{
border:#ffeb00 solid 1px;
}

.institutionnel_titre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	padding-top:0px;
	padding-bottom:10px;
}

.institutionnel_titre strong {
	color: #FFFFFF;
}

.institutionnel_titre ul {
	list-style: circle;
}

.institutionnel_titre a{
	color:#999;
}



.institutionnel_accroche, .institutionnel_intro, .institutionnel_corps {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:left;
color:#999;
padding-bottom:20px;
}

.institutionnel_corps a {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#999999;
text-decoration:none;
}

.institutionnel_corps a:hover {
color:#ffeb00;
}

.trombinoscope {
border-bottom:#003366 solid 1px;
padding-bottom:10px;
padding-top:10px;
}

.trombinoscope div {
float:left;
padding-right:10px;
color:#999999;
}

.trombinoscope div a{
color:#999999;
}

.trombinoscope div a:hover{
color:#ffeb00;
}