* {margin: 0px;padding: 0px;border: 0px;}

#body {
	width: 100%;
	height: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	font: 0.9em Arial, Helvetica, sans-serif ;
	/*font: 0.9em Arial, Helvetica, sans-serif ;*/
	/*font: 0.9em "Trebuchet MS", helvetica, sans-serif ;*/
	background: #e0e0e0 ;
}

.imgecomate{
	float: right;
}
/* 	 Light Box
----------------------------------------------------------------------------------------------------------
*/
#imgcontent{
	margin:5px;
	height:550px;
}	
#minis img{
	width:50px;
}
#darkbox{
	float:left;
	position:fixed;
	margin-top:-10px;
	/*margin-left:-160px;*/
	display:none;
	width:100%;
	height:100%;
	overflow:none;
	background-image:url(../img/darkbox.png);
}
#closebox{
	background-image:url(../img/close.png);
	width:16px;
	height:16px;
	float:right;
	margin-right:10px;
}
#lightbox{
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	padding:5px;
	width:810px;
	height:600px;
	background-color:#e0e0e1;
}
#lightbox img#grande{
	width:800px;
	/*height:600px;*/
}

#oubli, #form{
	border:solid 1px #336699;
	margin-top:25px;
	padding:5px;
}

#retour{
	display:block;
	margin-top:25px;
	margin-bottom:22px;
	margin-left:auto;
	margin-right:auto;
	width:100px;
	padding:2px;
	background-color:#c0c0c0;
	color:#003399;
	text-decoration:none;
	border:solid 1px #336699;
}

/* 	
----------------------------------------------------------------------------------------------------------  	
---------------------------------------------------------------------------------------------------------- 
GLOBAL 
---------------------------------------------------------------------------------------------------------- 
----------------------------------------------------------------------------------------------------------
*/
#global {
	background-color: #FFFFFF;
	width: 955px;
	margin-left: auto;/*Condition FF : pour centrage dans le body*/
	margin-right: auto;/*Condition FF : pour centrage dans le body*/
	text-align: left;	
}




/* 	
----------------------------------------------------------------------------------------------------------  	
---------------------------------------------------------------------------------------------------------- 
EN TETE
---------------------------------------------------------------------------------------------------------- 
----------------------------------------------------------------------------------------------------------
*/
#header {
	width:100%;
	height: 155px ;
}


/*
---------------------------------------------------------------
 	En-tete / Partie Visuel & Flash
---------------------------------------------------------------
*/
#header_haut {
	width:100%;
	height: 100px ;
	background: url(../img/head_ecocube.gif) no-repeat left top #003366;
	
}
#header_logo {/* En-tete / BALISE <a> du Logo Ecocube */
	width: 180px;
	height: 100px ;
	line-height: 100px ;
	float: left;
	display: block;
}
/*
---------------------------------------------------------------
 	En-tete / Partie Menu
---------------------------------------------------------------
*/
#header_menu {
	height: 25px;
	/*background: url(../img/head_EcoCube_bas.gif) no-repeat left top;*/
	/*padding-left: 149px;*/
	border-right: 1px solid #003366;
	border-left: 1px solid #003366;
}
/* ----------------------------------------------------------------------------------------------------- */
	ul#menu {/*------------ En-tete / <u> Menu */
			height: 25px;
			list-style-type: none;
			/*margin-left:10px;*/
			}
	ul#menu li {/*---------- En-tete / <li> Boutons du Menu */
			float: left ;
			text-align: center ;
			background-color: #efefef;
			}
			
			
	ul#menu li a {/* En-tete / <a> Boutons du Menu */
			width: 158px ;
			line-height: 25px ;
			font-size: 0.9em;
			font-weight: normal;
			letter-spacing: 0px;
			color: #003366;
			display: block;
			text-decoration: none ;
			}
	ul#menu li a:hover {color: #336699 ;}/* En-tete / <a>(passage de la souris) Boutons du Menu */
	ul#menu li a span {font-weight: bold;}/* En-tete / <a>(passage de la souris) Boutons du Menu */
	#nav1 {
			background-image: url(../img/head_BtMenu03bis.GIF);
			background-repeat: no-repeat;
			background-position: left top;
			border-right: 1px solid #336699;
			}
	#nav2 {
			background-image: url(../img/head_BtMenu02.gif);
			background-repeat: no-repeat;
			background-position: left top;
			border-right: 1px solid #336699;
			}
	#nav3 {
			background-image: url(../img/head_BtMenu02.gif);
			background-repeat: no-repeat;
			background-position: left top;
			border-right: 1px solid #336699;
			}
	#nav4 {
			background-image: url(../img/head_BtMenu02.gif);
			background-repeat: no-repeat;
			background-position: left top;
			border-right: 1px solid #336699;
			}
	#nav5 {
			background-image: url(../img/head_BtMenu02.gif);
			background-repeat: no-repeat;
			background-position: left top;
			border-right: 1px solid #336699;
			}	
	#nav6 {
			background-image: url(../img/head_BtMenu03.gif);
			background-repeat: no-repeat;
			background-position: left top;
			}
/*
---------------------------------------------------------------
 	En-tete / Partie Sous Menu
---------------------------------------------------------------
*/
#header_smenu {
	height: 30px;
	border-right: 1px solid #003366;
	border-left: 1px solid #003366;
	
}
	ul#smenu {/*Attention Définition IE dans globalIE.css*/
			height: 25px;
			background-image: url(../img/head_BtSMenu.gif);
			background-repeat: no-repeat;
			list-style-type: none;
			float:left;

			/*margin-left: 430px;/*Attention Définition IE : margin-left: 150px;*/
			margin-left:280px;
			}
	ul#smenu li {
			height: 25px;
			float: left ;
			text-align: center ;
			}
	ul#smenu li a {
			width: 80px;
			font-size: 0.9em;
			font-weight: normal;
			color: #003366;
			display: block;
			text-decoration: none;	
			}
	ul#smenu li a:hover {color: #336699 ;}
	ul#smenu li a span {font-weight: bold;}
/*
---------------------------------------------------------------
 	En-tete / Partie Sous Menu / Contact
---------------------------------------------------------------
*/
#header_contact{
	width:180px;
	height:30px;
	background-image: url(../img/contact_pict_pt.gif);
	background-repeat: no-repeat;
	float:right;
	font-size: 0.8em;
	margin: 10px;
	text-align: left;
}


/* 	
----------------------------------------------------------------------------------------------------------  	
---------------------------------------------------------------------------------------------------------- 
 CENTRE
---------------------------------------------------------------------------------------------------------- 
----------------------------------------------------------------------------------------------------------
*/
#center{

	clear:both;/*Condition FF : pour pousser le bord bas de #header_smenu sous sont contenu*/
	/*height: 1%;*/
	overflow: visible;
	border-right: 1px solid #003366;
	border-left: 1px solid #003366;
	padding-top:15px;
}
.center_clear{/*Condition FF : pour pousser le bord bas de #center sous sont contenu*/
	clear:both;
	height: 40px;
}

/* 	
---------------------------------------------------------------------------------------------------------- 
 COLONNE PRINCIPALE
----------------------------------------------------------------------------------------------------------
*/
#center_mainCol{
	width: 692px;
	float:left;
}


/*
---------------------------------------------------------------
 	Colonne principale : Titre
---------------------------------------------------------------
*/
#center_titre{/* Zone titre // non présent dans le DWT */
	width: 512px;
	height: 25px;
	background-image: url(../img/center_Titre.gif);
	background-repeat: no-repeat;
	margin-left: 185px;
	color: #003366;
	line-height: 25px;
	font-size: 1.2em;
	font-weight: bold;
	text-indent: 10px;
	
}
#center_titre span{
	font-weight: normal;
}
#center_titre p{
height: 25px;
}
#center_titre ul{
list-style-type:none;
font-size:12px;
margin-left:40px;
}
#center_titre ul li{
display:inline;
float:left;
padding-right:2px;
}
#center_titre ul li a{
width:105px;
text-decoration:none;
color:#003366;
display:block;
}
#center_titre .menuG{
border-right-width:1px;
border-right-color:#336699;
border-right-style:solid;
}
#center_titre .menuD{
border-left-width:1px;
border-left-color:#336699;
border-left-style:solid;
}
#center_titre .actif{
background-image:url(../img/head_BtMenu02.gif);
}

/*
---------------------------------------------------------------
 	Colonne principale : Sous Menu : ECONET ECOSERVICE ECOMATE
---------------------------------------------------------------
*/
#center_menu{/*Attention DIV non présente dans le DWT*/
	width: 512px;
	height: 25px;
	background-color: #336699;
	margin-left: 185px;
	padding: 0;
	list-style-type: none;
}
	ul#center_menu li {
			float: left ;
			text-align: center ;
			}
	ul#center_menu li a {
			width: 170px ;
			line-height: 25px ;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 0px ;
			color: #003366 ;
			display: block ;
			text-decoration: none ;
			}
	ul#center_menu li a:hover {
			color: #336699 ;
			}
	ul#center_menu li a span {
			font-weight: bold;
			}
	#navcentre1 {
			background-image: url(../img/center_BtMenu01.gif);
			background-repeat: no-repeat;
			background-position: left top;
			border-right: 1px solid #336699;
			}
	#navcentre1 a{
		
		height:150%;
	}
	#navcentre1 ul{
		list-style-type:none;
		display:none;
		margin-top:-3px;
		position:absolute;
		width:168px;
		margin-left:1px;
	}
	#navcentre1 ul li{
		padding-top:5px;
		padding-bottom:5px;
		width:168px;
		background-color:#ffffff;
		float:left;
		border: 1px solid #336699;
	}
	#navcentre1 a:hover +ul{
		display:block;
		position:absolute;
		width:168px;
		margin-left:1px;
	}
	
	#navcentre1 a:hover +ul li{
		padding-top:5px;
		padding-bottom:5px;
		width:168px;
		background-color:#ffffff;
		float:left;
		border: 1px solid #336699;
	}
	
	#navcentre1 ul li a{
		height:100%;
		width:168px;
	}
	
	#navcentre2 {
			background-image: url(../img/center_BtMenu02.gif);
			background-repeat: no-repeat;
			background-position: left top;
			border-right: 1px solid #336699;
			}
	#navcentre3 {
			background-image: url(../img/center_BtMenu03.gif);
			background-repeat: no-repeat;
			background-position: left top;
			}
			
/*
---------------------------------------------------------------
 	Colonne principale : EDITO
---------------------------------------------------------------
*/
#center_edito{
	width: 180px;
	color: #cccccc;
	font-size: 0.8em;
	float: left;
}

.center_edito_content{
	width: 180px;
	/*background-color: #003366;*/
	/*height: 290px;*/
	/*border-top: 1px solid #336699;
	/*border-bottom: 1px solid #336699;*/
}

/*
---------------------------------------------------------------
 	Colonne principale / edito : reprise du MENU général
	(Attention DIV non présente dans le DWT)
---------------------------------------------------------------
*/
#center_edito_menu{
	width: 175px;
	/*height: 290px;*/
	margin-right:0px;
	}
	#center_edito_menu ul{
		list-style-type: none;
	}
	#center_edito_menu li{
		padding-top:10px;
		height: 30px;	
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-bottom-color:#ffffff;
	}
	
	#edito_menu_haut{
		background-image:url(../img/cell_menug_haut.jpg);
		background-repeat:no-repeat;
	}
	.edito_menu_milieu{
		background-image:url(../img/cell_menug.jpg);
		background-repeat:no-repeat;
	}
	#edito_menu_bas{
		background-image:url(../img/cell_menug_bas.jpg);
		background-repeat:no-repeat;
	}
	#center_edito_menu li a{
		padding-left:20px;
		color:#ffffff;
		text-decoration: none;
		font-weight: bold;
		display:block;
		width:inherit;
		height:100%;
	}
	#center_edito_menu li a:hover{
		color:#FFFFFF;
	}
/*----------------------------------------*/


/*
---------------------------------------------------------------
 	Colonne principale / edito : DEFINITION DES EDITOS SELON LES PAGES:
	(Attention les DIV sont non présente dans le DWT)
---------------------------------------------------------------
*/
#center_edito_boutique{
	width: 180px;
	height: 290px;
	background-color: #bfe4fe;
	color: #cccccc;
	font-size: 0.8em;
	float: left;
}
#center_edito p{
/*
	padding-left: 15px;
	padding-top: 10px;
*/
	padding: 10px;
}
#edito_conditions{
	font-size: 0.8em;
	/*
	padding-left: 10px;
	height: 500px;
*/
}
#edito_conditions a {
	color: #cccccc;
	display: block;
	text-decoration: none ;
}
#edito_conditions a:hover {
	color: #FFFFFF;
}
#center_edito_img_entreprise{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_entreprise.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_econet{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_econet.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_econet_sp{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_econet_sp.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_ecoservice{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_ecoservice.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_ecoservice_sp{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_ecoservice_sp.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_ecomate{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_ecomate.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_ecomate_sp{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_ecomate_sp.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_recrutement{
	width: 180px;
	height: 137px;
	background-image: url(../img/edito_img_recrutement.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_contact{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_contact.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_ecosysteme{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_ecosysteme.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_IPBX{
	width: 180px;
	height: 290px;
	background-image: url(../img/edito_img_IPBX.jpg);
	background-repeat: no-repeat;
}
#center_edito_img_presse{
	width: 180px;
	height: 290px;
	/*
	background-image: url(../img/edito_img_IPBX.jpg);
	background-repeat: no-repeat;
	*/
}
.confidradio{
	border:none;
	width:auto;
}
/*
--------------------------------------------------------------
	Colonne principale : CONTENU
--------------------------------------------------------------
*/
#center_contenu{/* Contenu */
	width: 512px;
	/*float: left;
	position:relative;*/
	margin-left:185px;
	background-color: #f8f8f8;
}
			#center_econet{
				width: 170px;
				height: 286px;
				background-color: #003366;
				float: left;
				background-image: url(../img/center_econet.jpg);
				background-repeat: no-repeat;
				}
			#center_ecoservice{
				width: 171px;
				height: 286px;
				background-color: #336699;
				float: left;
				background-image: url(../img/center_ecoservice.jpg);
				background-repeat: no-repeat;
				}
			#center_ecomate{
				width: 171px;
				height: 286px;
				background-color: #579fd1;
				float: left;
				background-image: url(../img/center_ecomate.jpg);
				background-repeat: no-repeat;
				overflow: visible;				
				}
				
	#center_contenu_H0{/* Contenu / Barre Horizontale de séparation Titre/Contenu*/
		width: 510px;
		height: 4px;
		background-image: url(../img/center_contenu_H_index.gif);
		background-repeat: no-repeat;
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
		float: left;
		font-size: 4px;	
		}
	#center_contenu_H1{/* Contenu / Barre Horizontale de séparation Titre/Contenu pour ECONET*/
		width: 510px;
		height: 4px;
		background-image: url(../img/center_contenu_H_net.gif);
		background-repeat: no-repeat;
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
		float: left;
		}
	#center_contenu_H2{/* Contenu / Barre Horizontale de séparation Titre/Contenu pour ECOSERVICE*/
		width: 510px;
		height: 4px;
		background-image: url(../img/center_contenu_H_ser.gif);
		background-repeat: no-repeat;
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
		float: left;
		}
	#center_contenu_H3{/* Contenu / Barre Horizontale de séparation Titre/Contenu pour ECOMATE*/
		width: 510px;
		height: 4px;
		background-image: url(../img/center_contenu_H_mat.gif);
		background-repeat: no-repeat;
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
		float: left;
		}
		
	#center_contenu_H_innov1{
		width: 510px;
		height: 4px;
		background-image: url(../img/center_contenu_H_innov1.gif);
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
	}
	#center_contenu_H_innov2{
		width: 510px;
		height: 4px;
		background-image: url(../img/center_contenu_H_innov2.gif);
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
	}
	#center_contenu_H_innov3{
		width: 510px;
		height: 4px;
		background-image: url(../img/center_contenu_H_innov3.gif);
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
	}
	#center_contenu_H_innov4{
		width: 510px;
		height: 4px;
		background-image: url(../img/center_contenu_H_innov4.gif);
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
	}

	#center_contenu_C{
		width: 510px;
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
		float: left;
		
		}
	#center_contenu_Cb{
		width: 510px;
		border-right: 1px solid #336699;
		border-left: 1px solid #336699;
		float: left;
		}
	#center_contenu_C_intro{
		padding-top: 30px;
		padding-bottom: 20px;
		padding-right: 60px;
		padding-left: 60px;
		}
	#center_contenu_C_txt{
		padding-top: 20px;
		padding-right: 40px;
		padding-left: 40px;
		text-align: justify;
		font-size: 0.9em;
		max-height:400px;
		min-height:250px;
		background-color:#f8f8f8;
		overflow:auto;
		}
	#center_contenu_C_txt p{
		padding-top: 10px;
		text-align: justify;
		}
	#center_contenu_C_txt ul{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#center_contenu_C_col1{
		width: 210px;
		padding-top: 10px;
		padding-right: 8px;
		text-align: justify;
		font-size: 0.9em;
		/*color: #666666;*/
		float: left;
		}
	#center_contenu_C_col2{
		width: 204px;
		padding-top: 10px;
		padding-left: 8px;
		text-align: justify;
		font-size: 0.9em;
		/*color: #666666;*/
		float: left;
		}
	#center_contenu_C_col3{
		width: 200px;
		padding-top: 10px;
		float: left;
		
		}
	#center_contenu_C_col4{
		width: 210px;
		padding-top: 10px;
		padding-left: 5px;
		text-align: justify;
		font-size: 0.9em;
		float: left;
		}
	#center_contenu_C_logos p{
		padding-top: 30px;
		padding-left: 10px;
		line-height: 50px;
		}
		
	#center_contenu_C_logos {
		padding-top: 30px;
		padding-left: 10px;
		line-height: 50px;
		}
	#center_contenu_C_logos a, #center_contenu_C_logos a:visited {
		text-decoration:none;
		color:#336699;
	}
	#center_contenu_C_boutique{
		height: 300px;
		border-left: 1px solid #336699;
		border-right: 1px solid #336699;
		text-align: justify;
		font-size: 0.9em;
		}
	#center_contenu_B{
		width: 512px;
		height: 20px;
		background-image: url(../img/center_contenu_B.gif);
		background-repeat: no-repeat;
		float: left;
		}
	#center_contenu_C_txt table img{
		float:left;
		margin-right:3px;
		margin-left:3px;
		width:80px;
	}
	
	#center_contenu_C_txt .icone{
		width:16px;
		height:16px;
		float:right;
		cursor:pointer;
	}
	.imgbtn{
		cursor:pointer;
	}
		
/*
--------------------------------------------------------------
	Colonne principale / CONTENU / style txt :
--------------------------------------------------------------
*/
.txt_intro{
	
	text-align: justify;
	font-size: 0.9em;
	color: #0084d9;
	/*
	color: #003366;
	font-style: italic;
	*/
}	
.t1{
	font-size: 1.1em;
	font-weight: bolder;
	/*color: #003366;*/
	font-style: italic;
	color: #0084d9;
}
.t2{
	font-size: 1.1em;
	font-weight: bolder;
	/*
	color: #6699cc;
	text-transform: uppercase;
	*/
	color: #0084d9;
	font-style: italic;
}
.b1{
	font-weight: bold;
}
.b2{
	font-weight: bold;
	color: #003366;
}
.b3{
	font-weight: bold;
	color: #6699cc;
}
.t3b{
	font-weight: bold;
	color: #FFFFFF;
}
.barreH{
	border-top: 4px solid #003366;
	margin-top: 20px;
}
.bouton{
	width : 90px;
	height: 18px;
	background-color: #bfe4fe;
	font-size: 0.9em;
}

.ulform_right{
	text-align: right;
}
.ulform_right li{
	display: block;
	text-decoration: none;
	list-style-type: none;
	margin: 3px;
}		
.ulform_right li select, input, textarea{
border: 1px solid #6699cc;
width: 200px;
}	


.callback{
	width:80px;
	background-image:url(../img/callback.gif);
	background-repeat:no-repeat;
	padding-left:15px;
}

.callbackbtn{
	width:65px;	
}
.callbackname{
	width:163px;
	margin-bottom:2px;	
	font-style:italic;
	color:#b0b0b0;
}		
/*
--------------------------------------------------------------
	Colonne principale : CONTACT
--------------------------------------------------------------
*/
#contact {
	/*width: 180px;*/
	height: 50px;
	text-align:center;
	/*background-image: url(../img/contact_pict.gif);
	background-repeat: no-repeat;*/
}
.contact_txt{
	font-size: 16px;
	font-weight: bold;
	margin-left: 5px;
	/*color: #2060c0;*/
	color: #6699cc;
	font-family: Arial, Helvetica, sans-serif;
}
.contact_tel {
	color: #2040a0;
	font-size: 120%;
}
.contact_min {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}

/*
--------------------------------------------------------------
	Colonne principale : COMMUNICATION PRODUIT
--------------------------------------------------------------
*/

#center_comProduits{
	/*
	clear:both;
	border: 1px solid #CC66CC;
	*/
	float: right;
	width:470px;
	height:80px;
	margin-top: 10px;
	margin-right: 12px;
	
}



/*
----------------------------------------------------------------------------------------------------------  	
---------------------------------------------------------------------------------------------------------- 
COLONNE DE DROITE : Espace Client & News
----------------------------------------------------------------------------------------------------------  	
---------------------------------------------------------------------------------------------------------- 

*/
#center_rightCol {
	float: right;
	width: 230px;
	margin-right: 5px;
	/*border: 1px solid #CC3333;*/
}
/*
--------------------------------------------------------------
	COLONNE DE DROITE : Espace Client
--------------------------------------------------------------
*/

#espace_client, #espace_call{
	background-color: #f8f8f8;
	color: #003366;
	padding: 5px;
	font-size: 10px;
	border: 1px solid #003366;
}
	#espace_client_title{

	}
	#espace_client_title_a{
	padding-left: 15px;
	background-image: url(../img/center_client.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
	#espace_client_title_a:hover{
	text-decoration: underline;
	}
	#espace_client_conect{
		display:none;
	}
	#espace_call{
		width:165px;
	}
		#espace_client span, #espace_call span{
			font-size: 110%;
			font-style: italic;
			}
		#espace_client form input {
			width: 100px;
			margin-top: 2px;
			margin-left: 5px;
			margin-bottom: 2px;
			border: 1px solid #003366;
			}
		#espace_client a {
			display: block;
			text-decoration: none;
			font-weight: bold;
			color: #003366;
			}
		
		#client_menu ul{
			list-style-type:none;
		}
		#client_menu li{
			padding-top:10px;
			height: 30px;
			border-bottom-style:solid;
			border-bottom-width:1px;
			border-bottom-color:#ffffff;
		}
		
		#client_menu li a{
			/*display: block;
			text-decoration: none;
			color: #ffffff;
			padding-top: 10px;	
			padding-left: 10px;	
			
			/*border-bottom-style:solid;
			border-bottom-color:#ffffff;
			border-bottom-width:1px;*/
			padding-left:20px;
			color:#ffffff;
			text-decoration: none;
			font-weight: bold;
			display:block;
			width:inherit;
			height:35px;
			}
		#client_menu li a:hover{
			text-decoration: underline;
			font-weight: bold;
			}
	#tableClient{
		/*border-color:#000000;
		border-style:solid;
		border-width:1px;*/
	}
	.c2g, .c1g{
		background-color:#00c0ff;
		padding:2px;
	}

/*
--------------------------------------------------------------
	COLONNE DE DROITE : News
--------------------------------------------------------------
*/

h2{
	margin-top:5px;
	margin-bottom:5px;
	color:#2060c0;
	font-style:italic;
}

#center_news{
	list-style-type: none;
	font-size: 0.75em;
}

#actus, #actus a, #actu a:visited{
	font-style:italic;
	color:#2040a0;
	text-decoration:none;
}

#actus p{
	padding:5px;
}

#actus p:hover{
	background-color:#efefef;
}

.center_news_block{
	margin-top: 10px;
	/*padding-top: 10px;
	border: 1px solid #003366;*/
	border-top: 4px solid #003366;
}
.center_news_img{
	width: 70px;
	height: 70px;
	margin-right: 8px;
	float: left;
}
.center_news_txt{
	padding-top: 5px;
}
.savoir_plus{
	text-align: right;
	clear: both;
}
.savoir_plus a{
	color: #003366;
	text-decoration: none;
}
.savoir_plus a:hover{
	color: #336699;
}

a.gratuite{
	font-weight:bold;
	text-decoration:none;
	color:#336699;
}
a.gratuite:hover{
	text-decoration:underline;
}

.inscription{
	width:125px;
}
/* 	
----------------------------------------------------------------------------------------------------------  	
---------------------------------------------------------------------------------------------------------- 
PIED DE PAGE
---------------------------------------------------------------------------------------------------------- 
----------------------------------------------------------------------------------------------------------
*/

.imgbas{
	margin-top:15px;
}

#footer {
	border-top: 4px solid #003366;
	width: 100%;
	height: 20px;
	clear:both;
}

/* 	 Footer / UL / LI ...
----------------------------------------------------------------------------------------------------------
*/
	ul#footer_menu {
	height: 20px;
	background-image: url(../img/footer_menu.gif);
	background-repeat: no-repeat;
	background-color: #efefef;
	margin: 0;
	padding: 0;
	padding-left:170px;
	list-style-type: none;	
	}
	ul#footer_menu li {
		float: left ;
		text-align: center ;
		padding-top:3px;
		}
	ul#footer_menu li a {
		font-size: 10pt;
		font-weight: normal;
		letter-spacing: 0px;
		color: #003366;
		display: block;
		text-decoration: none;
		padding-right: 20px;
		padding-left: 20px;
		}
	ul#footer_menu li a:hover {
		color: #336699 ;
		}
	ul#footer_menu li a span {
		font-weight: bold;
	}
	#navfooter1 {
		border-right: 1px solid #336699;
	}
	#navfooter2 {
		border-right: 1px solid #336699;
		}
	#navfooter3 {
		border-right: 1px solid #336699;
		}
	#navfooter4 {
		/*border-right: 1px solid #336699;*/
		}
	#navfooter5 {
		}

/* 	---------------------------------------------------------------------------------------------------------- */
/* 	---------------------------------------------------------------------------------------------------------- */	
/* 	---------------------------------------------------------------------------------------------------------- */
/* 	---------------------------------------------------------------------------------------------------------- */
/* 	---------------------------------------------------------------------------------------------------------- */
	
	/* 	Contenu
----------------------------------------------------------------------------------------------------------
*/

/* 	 Presentation interactive du Pbx
----------------------------------------------------------------------------------------------------------
*/
#glob{
	/*background-color:#aaaaaa;*/
	width:425px;
	height:350px;
}
#pbx_glob{
	background-image:url(../img/05_seul_roll.jpg);
	background-repeat:no-repeat;
	width:425px;
	height:225px;
}

#zones{
	position:relative;
	padding-top:50px;
}
#zone1, #zone2, #zone3{
	/*position:absolute;*/
	background-image:url(../img/zone3.png);
	cursor:pointer;
}
#zone1:hover, #zone2:hover, #zone3:hover{
	background-image:url(../img/zone2.png);
}
#zone1{
	border-color:#fefefe;
	border-style:solid;
	border-width:1px;
	width:50px;
	height:50px;
	margin-left:50px;
	margin-top:0px;
}
#zone2{
	border-color:#fefefe;
	border-style:solid;
	border-width:1px;
	width:50px;
	height:50px;
	margin-left:350px;
	margin-top:-50px;
}

#zone3{
	border-color:#fefefe;
	border-style:solid;
	border-width:1px;
	width:50px;
	height:50px;
	margin-left:215px;
	margin-top:-5px;
}

#explic1, #explic2, #explic3{
	margin-left:20px;
	display:none;
	width:375px;
	padding:3px;
	background-color:#efefef;
	text-align:justify
}

/* la tagsphere */
#tagsphere a{
	text-decoration:none;
	font-weight:bold;
	color:#003366;
	display:block;
}