/* CSS Document */
/* margin/padding: TOP RIGHT BOTTOM  LEFT ; */

body{
	background-image:url(../images/fd_bdx.gif);
	background-repeat:repeat-x;
	background-position:0px -5px;
	margin:0;
	padding:0;
}

#global{
	background-image:url(../images/fd_global.gif);
	background-repeat:no-repeat;
	background-position:285px -10px;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

/* menu vertical  *****************/
#colonne{
	position:relative;
	height:612px;
	width:286px;
	margin:0;
	padding:0;
	background-image:url(../images/fd_colonne.gif);
	background-repeat:no-repeat;
	background-position:82px -10px;
	float:left;
}

#contenu_colonne{
	position:relative;
	height:550px;
	width:180px;
	margin:62px 0 0 96px;
}

 /* Navigation Sous Menu  ******************/
#navigation{
	position:relative;
	height:auto;
	width:180px;
	background-color:#FEF0DF;
	padding:0;
	line-height:16px;
}

#navSousmenu li{
	display:inline;
	list-style:none;
	font-size: 11px;
	color: #66787C;
	text-indent:30px;
}
#navSousmenu .sousMenu a,#navSousmenuActif .sousMenu a{
	font-size: 12px;
	text-indent:20px;
	color:#66787C;
	font-weight:bold;
}

#navSousmenu a{
	color:#66787C;
	display:block;
	text-decoration:none;
}

#navSousmenu .select a{
	background-color:#FF7E20;
	color:#fff;
}
#navSousmenu a{
	color:#66787C;
}
#navSousmenu a:hover{
	width:100%;
	background-color:#66787C;
	color:#fff;
}

#navigation ul{
	width:auto;
	margin:0;
	padding:4px 0 0 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	color: #5A6C71;
	text-indent:20px;
}

/****************/
#zoom{
	position:relative;
	height:auto;
	width:180px;
	background-image:url(../images/tre_zoom_en.gif);
	background-repeat:no-repeat;
	background-position:12px 15px;
	background-color:#FF7E20;
	padding:37px 0 12px 0;
	font-family: Verdana, Arial;
	font-size: 10px;
}
#zoom div{
	margin:8px 6px 2px 10px;
	padding:0;
	color:#FEE5C9;
	text-decoration:none;
}
#zoom b, #zoom strong{
	color:#fff;
}
#zoom a{
	text-decoration:none;
	color:#FEE5C9;
}
#zoom a:hover{
	color:#fff;
}
#zoom p{
	margin:0px 0px 0px 0px;
	padding:0;
}

#actu{
	position:relative;
	height:auto;
	width:180px;
	background-image:url(../images/tre_actu_en.gif);
	background-repeat:no-repeat;
	background-position:12px 15px;
	background-color:#FFF1DE;
	padding:37px 0 12px 0;
	font-family: Verdana, Arial;
	font-size: 9px;
	border-top:1px solid #FF7E20;
}
#actu div{
	margin:8px 6px 2px 10px;
	padding:0;
}
#actu div p{
	margin:0px 0px 0px 0px;
	padding:0;
}
#actu a{
	color:#FF8D40;
	text-decoration:none;
}
#actu a:hover{
	color:#FF6D00;
}

#espaceMembre{
	position:relative;
	height:110px;
	width:180px;
	margin-top:6px;
	background-image:url(../images/tre_espacemembres.gif);
	background-repeat:no-repeat;
	background-position:12px 15px;
	background-color:#E7EBEC;
}
#espaceMembre p{
	margin:5px 6px 2px 10px;
	padding:0;
}
#espaceMembre, #espaceMembre a {
	font-family: Verdana, Arial;
	font-size: 9px;
	color:#5D7073;
	line-height:14px;
}
#espaceDownload {
	position:relative;
	width:180px;
	margin-top:6px;
	background-color:#E7EBEC;
}
#espaceDownload h6{
	margin:5px 6px 2px 10px;
	padding:0;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight:bold;
	font-style:normal;
	color: #3F4F53;
	text-transform: uppercase;
	line-height:20px;
}
#espaceDownload p{
	margin:5px 6px 2px 10px;
	padding:0;
}
#espaceDownload ul{
	margin:10px 0 0 16px;
	line-height:12px;
	padding:0;
	list-style-image: url(../images/puce_fleche.gif);
}

#espaceDownload, #espaceDownload a {
	font-family: Verdana, Arial;
	font-size: 9px;
	color:#5D7073;
	line-height:14px;
}
#espaceRecherche{
	position:relative;
	width:180px;
	margin-top:6px;
	background-color:#E7EBEC;
	color:#5D7073;
}
#espaceRecherche p{
	color:#5D7073;
	margin:5px 6px 2px 10px;
	padding:0;
}
#espaceRecherche, #espaceRecherche a {
	font-family: Verdana, Arial;
	font-size: 9px;
	color:#5D7073;
	line-height:14px;
}

.formulaire, .formulairePetit, .formulaireContact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A686C;
	border: 1px solid #A6B4B8;
	width: 155px;
	background-color: #F2F2F2;
	height : 18px;
	line-height:14px;
	margin-top:4px;
	padding:2px 11px 0px 4px;
}

.formulairePetit {
	width:110px;
}

.formulaireFocus, .formulairePetitFocus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	width: 155px;
	height : 18px;
	line-height:14px;
	border: 1px solid #92A2A6;/* Bordure de cellule active */
	background-color: #F2F2F2; /*fond de cellule active */
	margin-top:4px;
}

.formulairePetitFocus {
	width:110px;
}

.texteform {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}



/* Partie de droite  ------------------------------------- */
#zoneDroite{
	position:absolute;
	height:612px;/**/
	width:540px;
	margin-left:286px;

	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left:0px;
}
html>body #zoneDroite{
	margin-left:286px;
}

/* gestion du menu et des rollovers...  */
#menu{
	position:relative;
	height:62px;
	width:550px;
}

/* BTN Acc */
#menu_accueil {
	position:absolute;left: 5px;top: 26px;
	width: 58px;height: 26px;
	background: url(../images/bt_accueil2.gif) no-repeat;	/* placement de l'image 2 au second plan */
	background-color:transparent;
}

#menu_accueil a {	/* dýfinition du lien qui occupera toute la place du conteneur */
display: block;width: 100%;height: 100%;
background: white url(../images/bt_accueil1.gif) no-repeat;	/* placement de l'image 1 au premier plan */
}

#menu_accueil a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* BTN Solutions */
#menu_solutions {
	position:absolute;left: 63px;top: 26px;
	width: 73px;height: 26px;
	background: url(../images/bt_solutions2.gif) no-repeat;	/* placement de l'image 2 au second plan */
}

#menu_solutions a {	/* dýfinition du lien qui occupera toute la place du conteneur */
display: block;width: 100%;height: 100%;
background:  url(../images/bt_solutions1.gif) no-repeat;	/* placement de l'image 1 au premier plan */
}

#menu_solutions a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* BTN Technologies */
#menu_technologies {
	position:absolute;left: 136px;top: 26px;
	width: 99px;height: 26px;
	background: url(../images/bt_technologies2.gif) no-repeat;	/* placement de l'image 2 au second plan */
}

#menu_technologies a {	/* dýfinition du lien qui occupera toute la place du conteneur */
display: block;width: 100%;height: 100%;
background: white url(../images/bt_technologies1.gif) no-repeat;	/* placement de l'image 1 au premier plan */
}

#menu_technologies a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* BTN Store */
#menu_store {
	position:absolute;left: 235px;top: 26px;
	width: 81px;height: 26px;
	background: url(../img/bt_store2.jpg) no-repeat;	/* placement de l'image 2 au second plan */
}

#menu_store a {	/* dýfinition du lien qui occupera toute la place du conteneur */
display: block;width: 100%;height: 100%;
background: white url(../img/bt_store1.jpg) no-repeat;	/* placement de l'image 1 au premier plan */
}

#menu_store a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* BTN References */
#menu_references {
	position:absolute;left: 316px;top: 26px;
	width: 88px;height: 26px;
	background: url(../images/bt_references2.gif) no-repeat;	/* placement de l'image 2 au second plan */
}

#menu_references a {	/* dýfinition du lien qui occupera toute la place du conteneur */
display: block;width: 100%;height: 100%;
background: white url(../images/bt_references1.gif) no-repeat;	/* placement de l'image 1 au premier plan */
}

#menu_references a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* BTN Support */
#menu_support {
	position:absolute;left: 404px;top: 26px;
	width: 68px;height: 26px;
	background: url(../images/bt_support2.gif) no-repeat;	/* placement de l'image 2 au second plan */
}

#menu_support a {	/* dýfinition du lien qui occupera toute la place du conteneur */
display: block;width: 100%;height: 100%;
background: white url(../images/bt_support1.gif) no-repeat;	/* placement de l'image 1 au premier plan */
}

#menu_support a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* BTN Actualités */
#menu_actualites {
	position:absolute;left: 472px;top: 26px;
	width: 57px;height: 26px;
	background: url(../images/bt_actualites2.gif) no-repeat;	/* placement de l'image 2 au second plan */
}

#menu_actualites a {	/* dýfinition du lien qui occupera toute la place du conteneur */
display: block;width: 100%;height: 100%;
background: white url(../images/bt_actualites1.gif) no-repeat;	/* placement de l'image 1 au premier plan */
}

#menu_actualites a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* BTN Société */
#menu_societe {
	position:absolute;left: 529px;top: 26px;
	width: 80px;height: 26px;
	background: url(../images/bt_societe2.gif) no-repeat;	/* placement de l'image 2 au second plan */
}

#menu_societe a {	/* dýfinition du lien qui occupera toute la place du conteneur */
display: block;width: 100%;height: 100%;
background: white url(../images/bt_societe1.gif) no-repeat;	/* placement de l'image 1 au premier plan */
}

#menu_societe a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* zone d'anim flash (acc) ou bandeaux image */
#bdxFlash{
	position:relative;
	height:130px;/*158px;*/
	width:594px;
	/*background-image:url(../images/_fd_flash.jpg);*/
	background-repeat:no-repeat;
}

/* zone outils / langues... */
#outils{
	position:relative;
	height:15px;
	width:550px;
	text-align:right;
	color:#92A2A6;
	line-height:14px;
	font-family: verdana, arial;
	font-size:9px;
}
#outils a{
	color:#92A2A6;
	text-decoration:none;
}
#outils a:hover{
	color:#fff;
}

/*chemin de consultation pour pages intýrieures */
#cheminConsult{
	position:relative;
	height:15px;
	width:530px;
	text-align:left;
	color:#517C8B;
	line-height:14px;
	font-family: verdana, arial;
	font-size:9px;
	margin:10px 0 10px 30px;
}
#cheminConsult a{
	color:#7B9EAB;
	font-family: verdana, arial;
	font-size:9px;
	text-decoration:none;
}
#cheminConsult a:hover{
	color:#FF7E20;
}


/* Coeur de page : 1e paragraphe (de présentation)*/
#paragrapheIntro, #paragrapheActu{
	position:relative;
	margin:0px 0 0 30px;
	width:540px;
	border-bottom:1px solid #C5CFD2;
	padding:0 0 10px 0;
	font-family: verdana, Arial;
	font-size:11px;
	color: #5A6C71;
	line-height:14px;
}
#paragrapheIntro p, #paragrapheActu p{
	margin:4px 0 0 0;
	padding:0;
}


/* paragraphes suivant (en général sur 2 colonnes */
#paragraphe{
	position:relative;
	margin:15px 0 0 30px;
	width:540px;
	overflow:hidden;
	font-family: verdana;
	font-size:10px;color: #5A6C71;
}
#paragraphe p{
	padding:0 0 0 0;
	margin:4px 0 4px 0;
}

/****************/

/* Fond de page */
#piedPage{
	position:relative;
	height:15px;
	width:530px;
/*	background-image:url(../images/fd_piedPage.gif);
	background-repeat:repeat-x; */
	float:none; 
	margin:0px 0 0 30px;
	color:#92A2A6;
	line-height:20px;
	font-family: verdana, arial;
	font-size:10px;
	text-align:right;
}
/* zone admin (au dessus du pied de page) */
#admin{
	position:relative;
	height:9px;
	width:530px;
	background-image:url(../images/fd_piedPage.gif);
	background-repeat:repeat-x;
	float:none;
	margin:20px 0 0 30px;
	text-align:right;
	color:#92A2A6;
	line-height:9px;
	font-family: verdana, arial;
	font-size:9px;
}
#admin a{
	color:#92A2A6;
	text-decoration:none;
}
#admin a:hover{
	color:#fff;
}
#paragrapheActu h1, #paragrapheActu h1 i{
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16px;
	color: #5A6C71;
	text-transform: uppercase;
	font-style:normal;
	padding:0;
	margin:0 0 8px 0;
	line-height:17px;
}

#paragrapheActu h1 i{
	font-size: 10px;
	color: #FF8D40;
	font-weight:normal;
}
#paragrapheActu img{
	margin:0 10px 6px 0;


}
#paragrapheActu p{
	padding:4px 0 14px 0;
}
#paragrapheActu a{
	color:#FF7E20;
	text-decoration:none;
}


textarea,input,select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A686C;
	border: 1px solid #A6B4B8;
}
.noborder {
	border:0px;
}
.actudate {
}
.actutitre {
	font-size: 12px;
	color: #5A6C71;
	font-weight:bold;
}
.acturesum {
	font-size: 11px;
	color: #5A6C71;
	font-weight:normal;
}

