/* CSS Document site APX : positionnement des blocs */

/************************************** * DEFINITION GENERALE * ************************************/
body {
	margin:auto;
	padding:0px;
	text-align: center;
	background-color:#e0e0e0;
}

#bordures {
	margin-left: auto;
	margin-right: auto;
	width:1021px;
	background-image:url(../images/degrades.jpg);
	display:block;
	/*border:#000000 1px solid;*/
}

#general {
	margin-left: auto;
	margin-right: auto;
	/*height:708px;*/
	width:995px;
	border:1px solid black;
	background-color:#ffffff;
	display:block;
	text-align: left;
	overflow: auto;
	/*background-color:#ffffff;*/
}

/***************************************** * general * *********************************************/
#bandeau_accueil {
	width: 993px;
	padding-top:6px;
	padding-bottom:6px;
	height:15px;
	display:block;
}


#bandeau_image {
  width: 993px;
  display:block;
}

#contenu{
	width:993px;
	height:auto;
	overflow: auto;
	/*border:#000000 1px solid;*/
}

#ligne_bas_page {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	width: 973px;
	border-top:#aeaeaf 1px solid;
}

#centre{
	display:block;
	width:600px;
	padding-left:10px;
	padding-right:0px;
	text-align:justify;
}

#centre .une_col{
	float:left;
	width:590px;
	padding:0px 5px 0px 5px;
}

#centre .deux_col_1{
	float:left;
	width:290px;
	padding:0px 0px 0px 5px;
}
#centre .deux_col_2{
	float:left;
	width:290px;
	padding:0px 5px 0px 0px;
}

#centre .deux_col_1l{
	float:left;
	width:190px;
	padding:0px 0px 0px 5px;
}
#centre .deux_col_2l{
	float:left;
	width:390px;
	padding:0px 5px 0px 0px;
	text-align:left;
}

#centre .deux_col_2l img{
	text-align:right;
}

#centre .deux_col_2l .align-left{
	float:left;
	width:390px;
	padding:0px 5px 0px 0px;
	text-align:left !important;
}

#centre .trois_col_1{
	float:left;
	width:190px;
	overflow: auto;
	padding:0px 0px 0px 5px;
}
#centre .trois_col_2{
	float:left;
	width:200px;
	overflow: auto;
}
#centre .trois_col_3{
	float:left;
	width:190px;
	overflow: auto;
	padding:0px 5px 0px 0px;
}


#centreint{
	display:block;
	width:803px;
	padding-left:10px;
	text-align:justify;
	/*border:#000000 1px solid;*/
}

#centreint .une_col{
	float:left;
	width:785px;
	padding:0px 15px 0px 5px;
}

#centreint .deux_col_1{
	float:left;
	width:388px;
	padding:0px 0px 0px 5px;
}
#centreint .deux_col_2{
	float:left;
	width:383px;
	padding:0px 15px 0px 0px;
}

#centreint .deux_col_1l{
	float:left;
	width:588px;
	padding:0px 0px 0px 5px;
	text-align:left;
}
#centreint .deux_col_2l{
	float:left;
	width:183px;
	padding:0px 15px 0px 0px;
	text-align:left;
	/*text-align:right;*/
}

#centre .deux_col_2l img{
	text-align:right;
}

#centre .deux_col_2l p{
	float:left;
	width:390px;
	padding:0px 5px 0px 0px;
	text-align:left !important;
}

#centreint .trois_col_1{
	float:left;
	width:251px;
	overflow: auto;
	padding:0px 15px 0px 5px;
	/*border:1px solid black;*/
}
#centreint .trois_col_2{
	float:left;
	width:251px;
	overflow: auto;
}
#centreint .trois_col_3{
	float:left;
	width:251px;
	overflow: auto;
	padding:0px 15px 0px 15px;
}
/***************************************** * bandeau accueil  * *********************************************/

#contact {
	display:block;
	float:left;
}

#chercher {
	display:block;
	float:right;
}

/***************************************** * contenu * *********************************************/

#colonne_gauche{
	float:left;
	width: 159px;
	margin-top:25px;
	padding-left:15px;
	/*position:relative;*/
}

#colonne_centre{
	float:left;
	width:607px;
	margin: 0;
	padding: 0;
}

#colonne_droite{
	float:left;
	width:193px;
	margin-top:15px;
    padding-left:10px;
	/*border:1px solid black;*/
}


/***************************************** * colonne_gauche * *********************************************/

#menu_gauche {  
	margin-top: 20 px;
}

#milieu_gauche {  
	margin-top: 25px;
	margin-bottom: 15px;
	margin-left:15px;
	background:url(../images/logoGetronics.gif) no-repeat;
	height:55px;
	display:block;
	/*border:#000000 1px solid;*/
}


#milieu_gauche:hover {  
	margin-top: 25px;
	margin-left:15px;
	background-image:url(../images/logoGetronics-hover.gif);
	height:55px;
	display:block;
	cursor:pointer;
	/*border:#000000 1px solid;*/
}

#bas_gauche {
		margin-top:35px;
		width: 159px;
		text-align:center;
}

#bas_gauche H1{
		width: 159px;
		text-align:center;
}

#keep{
	background-repeat:no-repeat;
	background-image:url(../images/keep.gif);
	height:41px;
	width:161px;
	left:21px;
	margin-top:10px;
}

/************************** *colonne_centre * ************************/
#fil_Ariane{
  padding-bottom:5px;
  padding-left:15px;
}

#Tableau{
	margin-left:17px;
	/*overflow: auto;*/
	width: 590px;
}

#TroisZones {
  /*position:static;*/
  width:590px;
  margin-left:17px;
}

/************************** *Tableau * ************************/
#introduction{
	width:580px;
	display:block;
	float:left;
	margin-bottom:5px;
}
#introduction p{
	color:#969696;
	text-align:justify;
}
#Tab_metier1{
	display:block;
	float:left;

}
/*#Tab_metier2{
	display:block;
	float:left;
}
#Tab_metier3{
	display:block;
	float:left;
}
#Tab_metier4{
	display:block;
	float:left;
}*/

#Tab_Text{
	float:left;
	margin-left:17px;
	width: 430px;
	height:271px;
	text-align:justify;
}

#Tab_Text p{
	text-align:justify;
	margin:0px 0px 0px 0px;
}

#Tab_Text H2{
	margin:5px 0px 0px 0px;
	padding:0px;
}
/***************************************** * TroisZones * *********************************************/

#Zone_focus{
	margin-top:10px;
	display:block;
	float:left;
	width:187px;
}



#Zone_client{
	margin-top:10px;
	display:block;
	float:left;
	width:187px;
	margin-left:14px;
}

#Zone_rejoindre{
	margin-top:10px;
	display:block;
	float:left;
	margin-left:14px;
	width:187px;
}

 #Zone_focus p{
	text-align:left;
	padding:0px 5px 0px 5px;
}

 #Zone_client p{
	text-align:left;
	padding:0px 5px 0px 5px;
}

 #Zone_rejoindre p{
	text-align:left;
	padding:0px 5px 0px 5px;
}

 #Zone_focus h2{
	text-align:left;
	padding:0px 5px 0px 5px;
}

 #Zone_client h2{
	text-align:left;
	padding:0px 5px 0px 5px;
}

 #Zone_rejoindre h2{
	text-align:left;
	padding:0px 5px 0px 5px;
}
/***************************************** * colonne droite * *********************************************/
#news{
   margin-top:4px;
   width: 180px;
   margin-right:5px;
}

.newshaut{
	/*text-align:center;*/
	background-image:url(../images/fd-menu-actualite-haut.jpg);
	background-repeat:no-repeat;
	height:6px;
}

.newsmilieu{
	/*text-align:center;*/
	background-image:url(../images/fd-menu-actualite-milieu.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#afafaf;
	height:127px;
	vertical-align: top;
	padding:0px 5px 0px 5px;
}

.newsbas{
	background-image:url(../images/fd-menu-actualite-bas.jpg);
	background-position:bottom;
	height:13px;
	background-repeat:no-repeat;
	text-align:right;
}

.newsavantbas{
	/*background-image:url(../images/fd-menu-actualite-bas.jpg);
	background-position:bottom;*/
	background-color:#e5e5e5;
	height:16px;
	background-repeat:no-repeat;
	text-align:right;
	vertical-align:top;
}

#solutioncenter {
	display:block;
	height:60px;
	margin-top:6px;
	padding:3px 5px;
	width:180px;
}

#agenda {
   margin-top:6px;
   width:180px;
}

#droite_bas {
   /*margin-top:10px;
   margin-bottom:10px;
   /*margin-left:15px;
   margin-right:25px;*/
   text-align:center;
}

#droite_bas p{
   text-align:center;
   
}
/***************************************** * droite_bas * *********************************************/
#liste_client {
  margin-top: 5px;
}

#chercher input{
	height:12px;
	font-size:10px;
	width:100px;
	cursor:default;
	/*margin-bottom:5px;*/
}

#chercher form{
	margin:0;
	padding:0;
}

#chercher a{
	font-family:"Trebuchet MS", verdana;
	font-size:12px;
	width:100px;
	color:#325b8d;
	font-weight:bold;
	/*font-style:italic;*/
	padding-right:10px;
	cursor:default;
}

#chercher a:hover{
	font-family:"Trebuchet MS", verdana;
	font-size:14px;
	width:100px;
	color:#aeaeaf;
	/*font-weight:bold;*/
	cursor:pointer;
	/*font-style:italic;*/
}

/************************************** * DEFINITION MODULE NEWS ET AGENDA* ************************************/

.news-list-date{
	font-size:14px;
	color:#aeaeaf;
}

.news-list-item h2 a{
	font-size:14px;
	font-weight:bold;
	color:#325b8d;
	text-decoration:none;
	
}

.news-list-morelink a{
	font-size:14px;
	color:#325b8d;
	text-decoration:none;
}

.news-list-item h2 a:hover{
	font-size:14px;
	font-weight:bold;
	color:#325b8d;
	text-decoration:underline;
	
}

.news-list-morelink a:hover{
	font-size:14px;
	color:#325b8d;
	text-decoration:underline;
}

.texteNoirGras{
	font-size:14px;
	color:#325b8d;
	font-weight:bold;
}

.texteNoir{
font-size:14px;
	color:#325b8d;
	font-weight:bold;
	/*font-weight:bold;*/
}

.underline{
	text-decoration:underline;
}

.date{
	font-size:13px;
	color:#325b8d;
}