/************************************************************/
/*********************** GENERAL ****************************/
/************************************************************/

body
{
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	color:#000000;
}

H1, .h1
{
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#E0651D;
	display:block;
	margin: 0px 0px 14px 34px;
	padding:0px;
	text-align:left;
}

.titreActu
{
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#E0651D;
	display:block;
	padding: 0px 0px 14px 55px;
	margin:0px;
	background-image:url(titres/picto_actuTitre.gif);
	background-position:left top;
	background-repeat:no-repeat;
	min-width:300px;
	line-height:48px;
	text-align:left;
}

.titreII
{
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#E0651D;
	display:block;
	padding: 0px 0px 14px 55px;
	margin:0px;
	background-image:url(titres/picto_IITitre.gif);
	background-position:left top;
	background-repeat:no-repeat;
	min-width:300px;
	line-height:48px;
	text-align:left;
}

.titreRef
{
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#E0651D;
	display:block;
	padding: 0px 0px 14px 55px;
	margin:0px;
	background-image:url(titres/picto_RefTitre.gif);
	background-position:left top;
	background-repeat:no-repeat;
	min-width:300px;
	line-height:48px;
	text-align:left;
}

.titreSavoirFaire
{
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#E0651D;
	display:block;
	padding: 0px 0px 14px 55px;
	margin:0px;
	background-image:url(titres/picto_SavoirFaireTitre.gif);
	background-position:left top;
	background-repeat:no-repeat;
	min-width:300px;
	line-height:48px;
	text-align:left;
}

.titreSolutions
{
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#E0651D;
	display:block;
	padding: 0px 0px 14px 55px;
	margin:0px;
	background-image:url(titres/picto_solutionsTitre.gif);
	background-position:left top;
	background-repeat:no-repeat;
	min-width:300px;
	line-height:48px;
	text-align:left;
}

H2, .h2
{
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	color:#E0651D;	
	display:block;
	padding: 0px 0px 0px 34px;
	margin: 0px;
}

p
{
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	color:#000000;
	text-align:justify;		
	/*margin:0px;*/
	padding:0px;	
	margin: 12px 0px 12px 0px;
}

a
{
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	color: #333333;
}

a:hover
{
	color : #E0651D;
}

a:visited
{
	color : #E0651D;
}

.date 
{
	color:#000CFF;
	font-family:Arial;
	font-size:11px;
	padding-bottom:5px;
	padding-left:5px;
	text-indent:1px;
}

ul
{
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	color:#000000;
	text-align:justify;		
	/*margin:0px;*/
	padding:0px;	
	margin: 12px 0px 12px 0px;
	
	list-style: none;
}

li
{
	margin: 8px 0px 8px 0px;
}

/************************************************************/
/********************* FIN GENERAL **************************/
/************************************************************/


/************************************************************/
/******************** MASTERPAGE ****************************/
/************************************************************/

body
{
	margin:0px;
	padding:0px;
	/*text-align:center;*/
}

div#dmain
{
	/*position:absolute;
	top:2px;
	left:2px;*/
	margin:0px auto;
	padding:0px;
	width:1000px;
	background-image:url('masterpage/fond_basV3.jpg');
	background-repeat:no-repeat;
	background-position:bottom right;	
	/*background-color:Fuchsia;*/
	
}

table#tmain
{
	border:solid 1px #727272;
	width:100%;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	
}

table#tmain td
{
	margin:0px;
	padding:0px;
}



div#fond_haut
{	
	height:230px;
	width:100%;
	margin:0px;
	padding:0px;
	background-image:url('masterpage/fond_hautV3.jpg');
	background-repeat:no-repeat;
	background-position:top right;	
	/*background-color:Yellow;*/
	/*border : solid 1px transparent;*/
	z-index:80;
	margin-bottom:-176px;
}

div#fond_haut table, div#fond_haut table td
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	vertical-align:top;
	height:1px;
}

div#fond_haut td#logo
{
	z-index:100;	
	width:190px;	
}

div#fond_haut td#logo img
{
	border:none;	
}

div#fond_haut td#menu_haut
{
	z-index:100;	
	background-image:url('masterpage/menu_haut05.gif');
	background-repeat:no-repeat;
	background-position:top left;
	width:800px;
	padding: 0px 0px 0px 1px;
}



#tableSMain
{			
	height:546px;/*taille-min : on souhaite avoir 600px de haut min pour le total*/
	width:1000px;	
	border-collapse:collapse;
	margin:0px;
	padding:0px;	
}

#tableSMain td
{	
	vertical-align:top;	
	margin:0px;
	padding:0px;	
}

#tableSSMain td.bandeau
{
	height: 170px;
	width:765px;
	padding-left:14px;	
	padding-bottom: 0px;
	padding-right:0px;
	padding-top:0px;		
}

#tableSSMain
{
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	width:100%;	
}

#tableSSMain td
{
	vertical-align:top;	
	margin:0px;
	padding:0px;
}

#tableSSMain td#contenu
{
	/*background-color:Fuchsia;*/
	/*width:100%;*/	
	height:300px;
	padding: 10px 10px 10px 10px;
	margin:0px;
}

#tableSSMain td#menuGauche
{
	/*background-color:Yellow;	*/
	width:1px;	
}



#tableSMain td#colonneDroite
{
	/*background-color:Blue;*/
	height:100%;
	width:208px;
	padding-left:15px;
}

#tableSMain td#colonneDroite div#ActuContact
{
	background-image:url('masterpage/actu_contact.gif');
	background-position:right top;
	background-repeat:no-repeat;		
	width : 192px;
	height : 550px;
}

#tableSMain td#colonneDroite div#ProduitContact
{
	background-image:url('masterpage/produit_contact.gif');
	background-position:right top;
	background-repeat:no-repeat;
	width : 192px;
	height : 550px;
}

td#piedPage
{
	height: 10px;
	text-align:center;
	padding : 2px 0px 2px 0px;
	color:#727375;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;	
	/*background-color:Purple;*/
}

td#piedPage a
{
	text-decoration:none;
	color:#727375;
}

td#piedPage a:hover
{
	color:#999999;
}

/************************************************************/
/**************** FIN MASTERPAGE ****************************/
/************************************************************/






/************************************************************/
/**************** MENU GAUCHE *******************************/
/************************************************************/

div#menugBandeau
{	
	width:140px;
	height:36px;
	margin:0px;
	padding:0px;
	margin-bottom:-6px;
}

div#menugBandeau div.menugTitre
{
	position:relative;
	margin-top:-27px;
	margin-left:40px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#707172;	
}

div#menugBandeau img.menugImg
{
	position:relative;	
	margin-left:12px;	
	display:block;
}

td#menuGauche div.MenuOnglet 
{		
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	width:198px;
}

td#menuGauche div.MenuOnglet ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin:0px 0px 0px 15px;
}

td#menuGauche div.MenuOnglet li
{		
	display: inline;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;
	margin: 0px;
	padding: 0px;	
}

td#menuGauche div.MenuOnglet li a
{		
	font-family:Arial;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	text-decoration:none;
	padding: 5px 5px 0px 15px;
	margin:0px 0px 0px 0px;
	/*min-width:1px;*/
	white-space:nowrap;
	display:block;	
	color:#707172;	
	
	height:18px; /* or use height (tricks IE into letting you click anywhere on the block, not just the text */
	width:163px;
	
	background-image:url('masterpage/menu_gauche02.gif');
	background-position:left top;
	background-repeat:no-repeat;
}

td#menuGauche div.MenuOnglet li.liout a
{
	
}

td#menuGauche div.MenuOnglet li.liover a,
td#menuGauche div.MenuOnglet li a:hover
{	
	color : #E0651D;
	background-image:url('masterpage/menu_gauche_over03.gif');
}

td#menuGauche div.MenuOnglet li.selected a
{		
	color : #E0651D;
}

td#menuGauche div.MenuOnglet li.selected a:hover
{		
	color : #E0651D;
}

/************************************************************/
/**************** FIN MENU GAUCHE ***************************/
/************************************************************/



/************************************************************/
/******************** BLOC COM ******************************/
/************************************************************/

div#com
{
	position:relative;
	top:0px;
	left:9px;
	background-image:url('masterpage/com03.gif');
	background-position:left top;
	background-repeat:no-repeat;
	width:176px;
	height:177px;
}

div#com div.comTitre
{
	position:relative;
	top:24px;
	left:56px;
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#e0651d;
}

div#com div.comContenu
{
	/*position:relative;*/
	margin-top:36px;
	margin-left:12px;
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	color:Black;
	width:160px;
	text-indent:44px;
}

div#com a.btnCom
{	
	text-decoration:none;
	margin:10px 0px 0px 47px;
	padding:0px;	
	background-image:url('masterpage/bt_suite02.gif');
	background-position:left top;
	background-repeat:no-repeat;
	width:73px;
	height:16px;
	display:block;	
}

/************************************************************/
/******************* FIN BLOC COM ***************************/
/************************************************************/



/************************************************************/
/********************** BLOC PRODUIT ************************/
/************************************************************/

div#blocProduit
{
	/*position:relative;*/	
	margin:0px 0px 0px 12px;
	padding-top: 21px;	
	padding-left:5px;
	height:80px;
}

div#blocProduit div.produitTitre
{
	margin: 10px 10px 21px 43px;
}

div#blocProduit div.produitTitre a
{	
	
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#e0651d;
	text-decoration:none;
}

/************************************************************/
/********************* FIN BLOC PRODUIT *********************/
/************************************************************/

/************************************************************/
/********************** BLOC CLIENT *************************/
/************************************************************/

div.dvFond
{
	height:100%;
	width:100%;
	background-position:top left;
	background-repeat:no-repeat;
}

div#blocClient
{
	/*position:relative;*/	
	margin:0px;	
	padding:0px;
	height:96px;
}

div#blocClient div.clientTitre
{
	padding: 25px 10px 21px 60px;
}

div#blocClient div.clientTitre a
{		
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#e0651d;
	text-decoration:none;
}

/************************************************************/
/********************* FIN BLOC CLIENT **********************/
/************************************************************/


/************************************************************/
/********************** BLOC ACTU ***************************/
/************************************************************/

div#blocActu
{
	/*position:relative;*/	
	margin-left:12px;
	padding-top: 21px;	
	padding-left:5px;
	height:176px;
}

div#blocActu div.actuTitre
{	
	margin: 0px 0px 21px 51px;
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#e0651d;
}

div#blocActu div.actuContenu
{	
	font-family:Arial;
	font-weight:normal;
	font-size:11px;
	color:#000000;
	padding: 0px 6px 0px 5px;
}

div#blocActu a.btnActu
{
	text-decoration:none;
	margin: 8px 0px 0px 47px;
	padding:0px;	
	background-image:url('masterpage/bt_suite02.gif');
	background-position:left top;
	background-repeat:no-repeat;
	width:73px;
	height:16px;
	display:block;	
}

/************************************************************/
/********************* FIN BLOC ACTU ************************/
/************************************************************/


/************************************************************/
/******************** BLOC CONTACT **************************/
/************************************************************/

div#blocContact
{		
	margin-left:12px;
	padding-top: 7px;
	padding-left:5px;
}

div#blocContact div.contactTitre
{
	margin: 0px 0px 23px 51px;
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#e0651d;
}

table#tContact
{
	margin:0px;
	padding:0px;
}

table#tContact td
{
	font-family:Arial;
	font-size:10px;
	font-weight:normal;
	color:Black;
	line-height:19px;
	white-space:nowrap;
}

table#tContact td input.ctext
{
	width:120px;
}

table#tContact td textarea.ctextArea
{
	width:164px;
	height:60px;
}





table#tContact td table.lBox
{	
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}




table#tContact td table.lBox td input
{		
	vertical-align:middle;
	line-height:19px;
	display:block;
	float:left;
}

table#tContact td table.lBox td label
{		
	vertical-align:middle;
	line-height:19px;
	display:block;	
}

td#tdBtnContact a
{	
	text-decoration:none;
	margin: 2px 0px 0px 47px;
	padding:0px;	
	background-image:url('masterpage/bt_envoyer02.gif');
	background-position:left top;
	background-repeat:no-repeat;
	width:73px;
	height:16px;
	display:block;	
}

span.bulleContainer
{
	position:relative;
}

span.bulle 
{   	
	display:block;   
	font-family:Tahoma;
	font-size:12px;
	font-style:normal;
	font-weight:bold; 
	position:absolute;    
	top:4px;
	left:0px;  
	padding:2px;   
	border:1px solid #FF09F0;   
	background-color: #BCF301;   
	color:#e0651d;
	min-width:162px;
	font-size: 99%;		
	line-height:normal;
}

/************************************************************/
/******************* FIN BLOC CONTACT ***********************/
/************************************************************/


/************************************************************/
/******************** BLOC ACTU SOMMAIRE ********************/
/************************************************************/

div#blocActuSommaire
{		
	margin-left:12px;
	padding-top: 7px;
	padding-left:5px;
}

div#blocActuSommaire div.actuSommaireTitre
{
	margin: 0px 0px 23px 51px;
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	color:#e0651d;
}

/************************************************************/
/******************* FIN BLOC ACTU SOMMAIRE *****************/
/************************************************************/