/*
 * Généralités
 */

body{
	background: url(../images/bg.jpg);
	margin: 0px;
	color: #666666;
}

a:link		{color: #36B7F6; text-decoration: none;}
a:visited	{color: #36B7F6; text-decoration: none;}
a:hover		{color: #36B7F6; text-decoration: underline;}

strong		{font-weight: bold;}
.strong		{font-weight: bold;}
.ita			{font-style: italic;}
.center		{text-align: center;}
.right		{text-align: right;}

p					{margin: 0px 0px 20px 0px;}
img				{border: 0px;}
form			{margin: 0px;}


.blue			 {color: #188ecd;}
.bluestrong{font-weight: bold;color: #416BA5;}
.grey                    {color: #666666;}
.greystrong{font-weight: bold;color: #666666;}

/*
 * Généralités
 */
 
#general{
	width: 978px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 4px 0px 4px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}


#product_details{
	margin-left: auto;
	margin-right: auto;
	padding: 0px 4px 0px 4px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}
#conteneur{
	width: 970px;
	overflow: auto;
	height: 1%;
	background: #FFFFFF;
	position: relative;
	margin-bottom: 3px;
}

#conteneur_prod {
	width: 970px;
	overflow: auto;
	height: 1%;
	background: #FFFFFF;
	position: relative;
	margin-bottom: 3px;
	font-size: 10px;
}
#colleft{
	float: left;
	width: 219px;
	padding-bottom: 225px;
	z-index:1;
	/*visibility: hidden;*/
}

#colright{
	float: left;
	width: 751px;
}


/*
 * Colonne de gauche
 */

#logo{
	margin-bottom: 35px;
}

#colleft .titre_bleu{
	background: #36B7F6;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 3px 3px 12px;
	margin: 0px 11px 1px 11px
}

#colleft .titre_gris{
	background: #C1C0BF;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 3px 3px 12px;
	margin: 0px 11px 1px 11px
}


#colleft .titre_pr{
	background: url(../images/fleche_bleue.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	padding-left: 10px;
	font-weight: bold;
}


#colleft .menu_gauche{
	margin: 0px 11px 0px 11px;
	padding: 0px;
	list-style-type: none;
}

#colleft .menu_gauche li{
	background: url(../images/bg_bottom_block.jpg) #F0F0F0;
	background-position: bottom;
	background-repeat: repeat-x;
	margin-bottom: 1px;
	padding: 0px 0px 1px 0px;
	height: 24px;
}

#colleft .menu_gauche li a:link, #colleft .menu_gauche li a:visited{
	display: block;
	height: 19px;
	padding: 5px 0px 0px 25px;
	background: url(../images/fleche_bleue.jpg) #F0F0F0;
	background-position: 12px 9px;
	background-repeat: no-repeat;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

#colleft .menu_gauche li a:hover{
	display: block;
	height: 19px;
	padding: 5px 0px 0px 25px;
	background: url(../images/fleche_bleue.jpg) #e2e2e2;
	background-position: 12px 9px;
	background-repeat: no-repeat;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}


#colleft .menu_gauche li a.secniv:link, #colleft .menu_gauche li a.secniv:visited{
	display: block;
	height: 19px;
	padding: 5px 0px 0px 45px;
	background: url(../images/fleche_bleue.jpg) #e2e2e2;
	background-position: 32px 9px;
	background-repeat: no-repeat;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}

#colleft .menu_gauche li a.secniv:hover{
	display: block;
	height: 19px;
	padding: 5px 0px 0px 45px;
	background: url(../images/fleche_bleue.jpg) #F0F0F0;
	background-position: 32px 9px;
	background-repeat: no-repeat;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}




/*
 * Colonne de droite
 */
 
#bluedegrad{
	height: 74px;
	background: url(../images/bg_faq.jpg);
	position: relative;
}

#faq{
	position: absolute;
	top: 30px;
	right: 50px;
	background: url(../images/fleche_faq.jpg);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#faq a:link		{color: #ffffff; font-weight: bold; text-decoration: none;}
#faq a:visited{color: #ffffff; font-weight: bold; text-decoration: none;}
#faq a:hover	{color: #ffffff; font-weight: bold; text-decoration: underline;}

/* Menu */

ul#menu{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 2px;
	bottom: 2px;
}

ul#menu li{
	float: left;
	height: 24px;
	display: block;
}

ul#menu li a:link, ul#menu li a:visited{
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none;
	text-align: center;
	height: 24px; 
	display: block; 
	height: 19px;
	padding-top: 5px;
	background: url(../images/bg_menu.jpg); 
	background-repeat: repeat-x; 
	background-position: 0px 0px;
}

ul#menu li a:hover
{
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none;
	text-align: center;
	height: 19px;
	padding-top: 5px;
	display: block; 
	height: 19px; 
	background: url(../images/bg_menu.jpg); 
	background-repeat: repeat-x; 
	background-position: 0px -24px;
}

ul#menu li.pos1	{width: 138px; margin-right: 1px;}
ul#menu li.pos2	{width: 118px; margin-right: 1px;}
ul#menu li.pos3	{width: 114px; margin-right: 1px;}
ul#menu li.pos4	{width: 130px; margin-right: 1px;}
ul#menu li.pos5	{width: 120px; margin-right: 1px;}
ul#menu li.pos6	{width: 122px;}


/* image références */
#references{
	position: absolute;
	left: 4px;
	bottom: 33px;
	z-index:10;
	display : none;
}

/* footer */
#footer{
	color: #CBC9C9;
	height: 22px;
	background: #ffffff;
	padding: 8px 0px 0px 15px;
	font-weight: bold;
	position: relative;
	width: 955px;
}

ul#bottom_links{
	position: absolute;
	top: 7px;
	right: 10px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#bottom_links li{
	display: inline;
	padding: 0px 10px 0px 10px;
	width: 100px;
	text-align: center;
	font-weight: normal;
	color: #0070AD;
	border-right: 1px solid #0070AD;
}

ul#bottom_links li.end{
	border: none;
}

ul#bottom_links li a:link{color: #0070AD; text-decoration: underline;}
ul#bottom_links li a:visited{color: #0070AD; text-decoration: underline;}
ul#bottom_links li a:hover{color: #0070AD; text-decoration: none;}


/* ***************
 * *** CONTENU *** 
 * *************** */

#colright #marge_contenu{
	padding: 0px 40px 0px 40px;
	color: #000000;
	text-align: justify;
}

/* surface utile = 751 - 80 = 671px */

#colright .conteneur{
	overflow: auto;
	height: 1%;
}

#conteneur .float_left{
	float: left;
}

/* balises h */
#colright h2{
	color: #188ecd;
	font-family: helvetica, arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	height: 44px;
	padding: 2px 0px 0px 40px;
	margin: 0px 0px 25px 0px;
	background: url(../images/bg_h2.jpg); 
	background-repeat: no-repeat; 
}


#colright h3{
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 15px 0px
}

#colright h3.h3bleu{
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #188ecd;
	margin: 0px 0px 15px 0px
}

#colright h3.bandeau{
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	background: url(../images/h3_bandeau.jpg) #188ecd;
	background-repeat: no-repeat;
	color: #ffffff;
	padding: 4px 4px 4px 15px;
	font-weight: bold;
	margin: 15px 0px 15px 0px;
}

#colright h3.onglet{
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	background: url(../images/h3_bandeau2.jpg) #188ecd;
	background-repeat: no-repeat;
	color: #ffffff;
	padding: 4px 0px 4px 0px;
	font-weight: bold;
	margin: 15px 0px 1px 0px;
	text-align: center;
	width: 270px;
}

#colright h3.marge_bas{margin-bottom: 15px;}


#colright h3.onglet_doc{
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
	background: url(../images/h3_bandeau2.jpg) #188ecd;
	background-repeat: no-repeat;
	color: #ffffff;
	padding: 4px 0px 4px 0px;
	font-weight: bold;
	margin: 15px 0px 1px 400px;
	text-align: center;
	width: 270px;
}

/* listes */
#colright .cube{
	margin: 7px 0px 13px 20px;
	padding: 0px;
	list-style-type: none;
}

#colright .cube li{
	background: url(../images/puce_cube.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 2px 2px 2px 20px;
	margin: 5px 0px 5px 0px;
}


#colright .cube_prod{
	margin: 5px 0px 5px 20px;
	padding: 0px;
	list-style-type: none;
}

#colright .cube_prod li{
	background: url(../images/puce_cube.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 2px 2px 2px 20px;
	margin: 5px 0px 0px 0px;
}

#colright .cube_doc{
	margin: 7px 0px 13px 400px;
	padding: 0px;
	list-style-type: none;
}

#colright .cube_doc li{
	background: url(../images/puce_cube.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 2px 2px 2px 20px;
	margin: 0px 0px 0px 0px;
}

#colright .list_fleche, #colright .list_fleche_blanche{
	margin: 7px 0px 13px 20px;
	padding: 0px;
	list-style-type: none;
}

#colright .list_fleche li{
	background: url(../images/fleche_bleue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 2px 2px 2px 15px;
}

#colright .list_fleche_blanche li{
	background: url(../images/fleche_blanche.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 2px 2px 2px 15px;
}



#colright .secniv{
	list-style-type: none;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}

#colright .troisniv{
	list-style-type: none;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}


/* bloc photo */

#colright .bloc_photo{
	overflow: auto;
	height: 1%;
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #d2d2d2;
}

#colright .bloc_photo .photo{
	float: left;
	padding: 0px 10px 10px 0px;
}

#colright .bloc_photo .photo2{
	float: left;
	padding: 0px 40px 10px 0px;
}

#colright .bloc_photo .photoright{
	float: right;
	padding: 0px 0px 10px 10px;
}

#colright .comment_photo{
	margin-left: 150px;
}

/* images */
#colright .img_margeleft{
	margin: 10px 0px 15px 30px;
}

#colright .img_center{
	float: center;
	margin: 10px 0px 15px 15px;
}

#colright .img_right{
	float: right;
	margin: 0px 0px 15px 15px;
}

#colright .img_left{
	float: left;
	margin: 0px 15px 15px 0px;
}

#colright .img_marge{
	margin: 15px 0px 15px 0px;
}

#colright .marge_left_275{
	margin-left: 275px;
}

#colright .marge_left_190{
	margin-left: 190px;
}


#colright .img_prod_right{
	float: right;
	margin: 0px 0px 0px 0px;
}


#colright .img_textprod_right{
	float: right;
	margin: 0px 50px 0px 0px;
}

#colright .img_textprod_left{
	float: left;
	margin: 0px 50px 0px 100px;
}



/* cadres */

.cadre{
	background: #eeeeee;
	padding: 5px;
	border: 1px solid black;
	margin: 0px 0px 10px 0px;
}

.cadre_degrad{
	background: url(../images/bg_degrad_gris.jpg) #eeeeee;
	background-repeat: repeat-x;
	padding: 5px;
	/*border: 1px solid black;*/
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #d2d2d2;
}


/* spécifique services */

#services_customer, #services_puzzle{
	float: right;
	padding: 0px 0px 0px 15px;
}

#colright #list_services{
	margin-top: 60px;
}

/* services_pro */
#colright #tbl_services_pro{
	margin-bottom: 15px;
}
#colright #tbl_services_pro td{
	padding-left: 15px;
}

/* manufacturing */
#colright #cadre_manufacturing{
	margin-left: 160px;
}

#colright #scan_iso{
	margin-left: 140px;
}

/* spécifique press releases */
#colright .press_info{
	margin-bottom: 20px;
	border-bottom: 1px dotted #d2d2d2;
}

#colright .press_info_date{
	background: url(../images/fleche_bleue.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	color: #188ecd;
}

#colright .press_info p{
	margin-left: 25px;
}

/* spécifique automotive */
#colright #automotive_can{
	font-size: 10px;
	border-collapse: collapse;
	border: 1px solid black;
	margin-bottom: 15px;
}

#colright #automotive_can td, #colright #automotive_can th{
	text-align: center;
	padding:2px;
	border-right: 1px solid black;
}

#colright #automotive_can td.products{
	background: #4187a7;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

#colright #automotive_can tr{
	height: 25px;
}

#colright #automotive_can tr.line1{
	background: #b1d5e5;
}

#colright #automotive_can tr.line2{
	background: #93bfd3;
}

#colright #automotive_can th{
	background: #b2b2b2;
	color: #fff;
	font-weight: bold;
	height: 30px;
}

/* spécifique techno IPS */

#colright .ips_titre{
	width: 350px;
	/*margin: 0px auto 0px auto;*/
	background: #016fac;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
}

#colright .ips_comment{
	width: 330px;
	/*margin: 0px auto 15px auto;*/
	margin: 0px 0px 15px 0px;
	/*background: #36b7f6;*/
	background: #f0f0f0;
	text-align: left;
	color: #666;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
}

/* spécificité partners */

#colright .partners_logo{
	width: 168px;
	float: left;
	text-align:center;
}

/* spécificité FAQ */

#colright .bloc_faq{
	display: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #d2d2d2;
}

#colright a.faqlink					{cursor:pointer; color: #36B7F6; text-decoration: none;}
#colright a.faqlink:link		{color: #36B7F6; text-decoration: none;}
#colright a.faqlink:visited	{color: #36B7F6; text-decoration: none;}
#colright a.faqlink:hover		{color: #36B7F6; text-decoration: none;}
#colright a.faqlink img 		{cursor:pointer; margin-right: 5px;}