/* CSS Document */

#global
{
	width:100%;
	background-color:#FFFFFF;
}

#zone_contenu
{
	position:absolute;
	width:955px;
	height:400px;
	left:50%;
	margin-left:-477px;
}


/*-----------------------------------------BANNIERE HAUT------------------------------------------*/

#zone_banniere_haut
{
	width:100%;
	height:166px;
	background-color:#0069a9;
	background-image:url(../images/fond_body.gif);
	background-repeat:repeat-y;
}

#banniere_haut
{
	position:absolute;
	width:955px;
	height:166px;
	margin-left:-477px;
	left:50%;
}

#logo_nge
{
	width:223px;
	height:166px;
	background-image:url(../images/logo_nge.jpg);
	background-repeat:no-repeat;
}

#haut_2
{
	width:448px;
	height:166px;
	background-image:url(../images/haut_2.jpg);
	background-repeat:no-repeat;
	margin-left:223px;
	margin-top:-166px;
}

#haut_3
{
	width:284px;
	height:166px;
	background-image:url(../images/haut_3.jpg);
	background-repeat:no-repeat;
	margin-left:671px;
	margin-top:-166px;
}

/*-----------------------------------------------------------------------------------------------*/


/*-------------------------------------------MENU------------------------------------------------*/

#barre_menu
{
	width:100%;
	height:32px;
	background-image:url(../images/fond_men.gif);
	background-repeat:repeat;
}

#zone_menu_btn
{
	position:absolute;
	width:955px;
	height:32px;
	margin-left:-477px;
	left:50%;
	top:0px;
	text-align:right;
	z-index:4;
}

#ombre_menu
{
	width:100%;
	height:9px;
	background-image:url(../images/omb_men.gif);
	background-repeat:repeat;
}

/*-----------------------------------------------------------------------------------------------*/


/*-----------------------------------------SOUS MENU---------------------------------------------*/

#menuDeroulant
{
 width: 955px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute; /*Le menu dispose d'une position statique par dfaut. En l'tat,  chaque fois qu'il sera droul, il dcalera tout le contenu dclar aprs le menu dans le code (X)HTML. Pour y remdier, nous allons lui donner une position absolue*/
 top: 166px;
 left: 50%;
 margin-left:-477px;
}

#menuDeroulant li
{
 float: left;
 width: 120px;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li:hover > .sousMenu { display: block; } /*Appliquer un tat :hover aux lments <li> de notre liste de premier niveau. Donc permettre d'afficher le sous menu*/

#menuDeroulant .sousMenu
{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 display: none; /*Pour masquer le sous menu.*/
}

#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 149px;
 height:25px;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 32px; /*corrige bug sous IE 7*/
 color: #FFF;
 /*background: #3B4E77;*/
/* background-image:url(../images/fond_men.gif);*/
 margin: 0;
 text-align:center;
 /*padding: 4px 8px;*/
 /*border-right: 1px solid transparent;*/
 text-decoration: none;
 line-height:32px;
 font-weight:bold;
}

#menuDeroulant li a:hover { background-image:url(../images/men_over.gif); }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: transparent url("../images/ss_men.png") repeat;
 font-weight:bold;
 height:25px;
 line-height:25px;
}

#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #a30621;
}

#menuDeroulant .selected
{
	background-image:url(../images/men_over.gif);
	background-repeat:repeat-x;
}

/*-----------------------------------------------------------------------------------------------*/


/*---------------------------------------SOUS MENU BIS-------------------------------------------*/

#sous_menu_bis
{
	width:250px;
	height:200px;
	padding-top:40px;
	margin-left:695px;
	/*border: 1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*------------------------------------------ACCUEIL----------------------------------------------*/

#texte_accueil
{
	width:630px;
	/*margin-left:10px;*/
	margin-top:-270px;
	text-align:justify;
	/*border: 1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*----------------------------------------ACTUALITE----------------------------------------------*/

#actualite
{
	width:275px;
	margin-left:680px;
	/*margin-top:-180px;*/
	margin-top:20px;
	text-align:justify;
}

#titre_actualite
{
	width:100%;
	height:40px;
	background-image:url(../images/actu_top.gif);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#cc0d2f;
}

#texte_actualite
{
	width:265px;
	height:250px;
	padding:10px 5px;
	text-align:justify;
	/*overflow:auto;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*----------------------------------GALLERIE IMAGE JQUERY----------------------------------------*/

#slideshow {
	margin:0 auto;
	width:660px;
	height:263px;
	position:relative;
	margin-top:20px;
	padding-bottom:20px;
	/*border:1px solid #00FF00;*/
} 

#slideshow #slidesContainer {
  margin:0 auto;
  width:560px;
  height:272px;
  overflow:auto; /* affiche une scrollbar au cas ou */
  position:relative;
  border:1px solid #464646;
}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:560px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
  height:272px;
}

.control {
  display:block;
  width:39px;
  height:272px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
  top:0;
  left:0;
  background-image:url(../images/microsoft_days/control_left.jpg);
  background-repeat:no-repeat;
}
#rightControl {
  top:0;
  right:0;
  background-image:url(../images/microsoft_days/control_right.jpg);
  background-repeat:no-repeat;
}

/*-----------------------------------------------------------------------------------------------*/


/*---------------------------------------INFORMATIONS--------------------------------------------*/

#zone_informations
{
	width:955px;
	margin-top:70px;
	/*border:1px solid #000000;*/
}

/*--------------------------INFO--------------------------*/

#info_1
{
	width:335px;
	height:231px;
	/*background-color:#0069a9;*/
	/*background-image:url(../images/tableaux_infos/info_bot.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;*/
}

#info_top
{
	width:335px;
	height:41px;
	background-image:url(../images/tableaux_infos/info_tit.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#info_top_2
{
	width:275px;
	height:41px;
	background-image:url(../images/tableaux_infos/info_tit2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#info_contenu
{
	width:335px;
	height:174px;
	background-image:url(../images/tableaux_infos/info_cont.jpg);
	background-repeat:no-repeat;
}

#info_contenu_2
{
	width:275px;
	height:174px;
	background-image:url(../images/tableaux_infos/info_cont2.jpg);
	background-repeat:no-repeat;
}

#info_2
{
	width:335px;
	height:231px;
	/*background-image:url(../images/tableaux_infos/info_bot.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;*/
	margin-top:-231px;
	margin-left:340px;
}

#info_3
{
	width:275px;
	height:231px;
	/*background-image:url(../images/tableaux_infos/info_bot2.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;*/
	margin-top:-231px;
	margin-left:680px;
}

/*--------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/


/*--------------------------------------TEXTE COPYRIGHT------------------------------------------*/

#texte_copyright
{
	width:955px;
	height:20px;
	margin-top:40px;
	padding-bottom:40px;
	text-align:center;
}

/*-----------------------------------------------------------------------------------------------*/


/*----------------------------------------TEXTE TEST---------------------------------------------*/

#texte_test
{
	width:660px;
	/*margin-left:10px;*/
	margin-top:-242px;
	padding-top:20px;
	text-align:justify;
	/*border: 1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*------------------------------------PRESENTATION GROUPE----------------------------------------*/

#texte_pres_1
{
	width:660px;
	margin-top:-550px;
	padding-top:20px;
	text-align:justify;	
}

#texte_pres_2
{
	width:472px;
	height:153px;
	margin-top:10px;
	margin-left:30px;
	padding-top:45px;
	padding-left:135px;
	background-image:url(../images/fo_3.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

#espace_info_pres
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;
	padding-top:30px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

#espace_info_pres_1
{
	width:250px;
	height:220px;
	margin-top:25px;
	text-align:center;
}

#espace_info_pres_2
{
	width:250px;
	height:90px;
	margin-top:25px;
}

#espace_info_pres_3
{
	width:250px;
	height:120px;
}

#espace_info_pres_4
{
	width:250px;
	height:120px;
}

/*-----------------------------------------------------------------------------------------------*/


/*-------------------------------------------METIER----------------------------------------------*/

#texte_metier_1
{
	width:660px;
	margin-top:-550px;
	padding-top:20px;
	text-align:justify;
}

#espace_info_metier
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;
	padding-top:30px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*------------------------------------------VALEURS----------------------------------------------*/

#texte_valeurs_1
{
	width:660px;
	margin-top:-555px;
	text-align:justify;
	margin-bottom:80px;
}

#espace_info_valeur
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:30px;
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/

/*------------------------------------------ATOUTS-----------------------------------------------*/

#texte_atouts_1
{
	width:660px;
	margin-top:-540px;
	margin-bottom:80px;
	text-align:justify;
}

#espace_info_atout
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;
	padding-top:30px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*------------------------------------------EQUIPE-----------------------------------------------*/

#texte_equipe_1
{
	width:660px;
	margin-top:-170px;
	margin-bottom:60px;
	text-align:justify;
}

#espace_info_equipe
{
	width:250px;
	height:200px;
	margin-left:705px;
	/*margin-top:-180px;
	padding-top:30px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*------------------------------------------CLIENTS-----------------------------------------------*/

#texte_clients_1
{
	width:600px;
	margin-bottom:50px;
	margin-top:-385px;
	text-align:justify;
}

#espace_info_clients
{
	width:250px;
	margin-left:705px;
	/*margin-top:-180px;
	padding-top:25px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

#espace_info_clients_1
{
	width:250px;
	margin-top:25px;
}

#espace_info_clients_2
{
	width:210px;
	height:81px;
	margin-top:10px;
	padding:10px 20px;
	color:#FFFFFF;
	background-image:url(../images/fo_5.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}

/*-----------------------------------------------------------------------------------------------*/


/*--------------------------------------DISTRIBUTION---------------------------------------------*/

#texte_distribution_1
{
	width:660px;
	margin-top:-790px;
	text-align:justify;
}

#espace_info_dist
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	text-align:justify;
	/*border:1px solid #000000;*/
}

#espace_info_dist_1
{
	width:250px;
	height:200px;
}

/*-----------------------------------------------------------------------------------------------*/


/*----------------------------------------SECURITE-----------------------------------------------*/

#texte_secu_1
{
	width:660px;
	margin-top:-765px;
	text-align:justify;
}

#texte_secu_flash
{
	width:600px;
	height:400px;
	margin-left:30px;
	margin-top:20px;
}

#texte_secu_2
{
	width:660px;
	text-align:justify;
}

#espace_info_secu
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*-------------------------------------INFRASTRUCTURE--------------------------------------------*/

#texte_infra_1
{
	width:660px;
	margin-top:-215px;
	text-align:justify;
}

#texte_infra_2
{
	width:955px;
	margin-top:40px;
	text-align:justify;
	margin-bottom:60px;
}

/*-----------------------------------------------------------------------------------------------*/


/*---------------------------------------ALTERNATIF----------------------------------------------*/

#texte_altern_1
{
	width:660px;
	margin-top:-765px;
	text-align:justify;
}

#texte_altern_2
{
	width:660px;
	margin-top:20px;
	margin-bottom:60px;
}

#espace_info_altern
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

#espace_info_altern_1
{
	width:210px;
	height:161px;
	padding:15px 20px;
	color:#FFFFFF;
	background-image:url(../images/fo_7.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}

#espace_info_altern_2
{
	width:250px;
	height:100px;
	padding-top:60px;
	margin-bottom:40px;
}

/*-----------------------------------------------------------------------------------------------*/


/*---------------------------------------PARTAGE INFO--------------------------------------------*/

#texte_partage_1
{
	width:660px;
	margin-top:-585px;
	margin-bottom:60px;
	text-align:justify;
}

#espace_info_partage
{
	width:250px;
	margin-left:705px;
	/*margin-top:-180px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

#espace_info_partage_1
{
	width:250px;
	height:310px;
	margin-top:60px;
}
/*-----------------------------------------------------------------------------------------------*/


/*------------------------------------------GESTION----------------------------------------------*/

#texte_gestion_1
{
	width:660px;
	margin-top:-760px;
	margin-bottom:60px;
	text-align:justify;
}

#espace_info_gestion
{
	width:250px;
	margin-left:705px;
	/*margin-top:-180px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

#espace_info_gestion_1
{
	width:250px;
	height:310px;
	margin-top:20px;
}

#espace_info_gestion_2
{
	width:210px;
	height:130px;
	margin-top:60px;
	padding:15px 20px;
	color:#FFFFFF;
	background-image:url(../images/fo_4.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}
/*-----------------------------------------------------------------------------------------------*/



/*-------------------------------------------PHEBUX----------------------------------------------*/

#texte_phebux_1
{
	width:600px;
	margin-top:-765px;
	padding-top:20px;
	text-align:justify;
}

#espace_info_phebux
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

#espace_info_phebux_1
{
	width:250px;
}

#espace_info_phebux_2
{
	width:210px;
	height:285px;
	padding:10px 20px;
	color:#FFFFFF;
	background-image:url(../images/fo_8.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
	margin-top:15px;
}

/*-----------------------------------------------------------------------------------------------*/


/*----------------------------------------INFOGERANCE----------------------------------------------*/

#texte_infoger_1
{
	width:660px;
	margin-top:-530px;
	padding-bottom:60px;
	text-align:justify;
}

#espace_info_infog
{
	width:250px;
	height:317px;
	margin-left:705px;
	/*margin-top:-180px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

#im_infog
{
	margin-top:40px;
}

/*-----------------------------------------------------------------------------------------------*/


/*----------------------------------------IMPRESSION---------------------------------------------*/

#texte_impress_1
{
	width:660px;
	margin-top:-530px;
	padding-bottom:20px;
	text-align:justify;
}

#espace_info_impress
{
	width:250px;
	height:317px;
	margin-left:705px;
	/*margin-top:-180px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*------------------------------------------OFFRES-----------------------------------------------*/

#texte_offres_1
{
	width:600px;
	padding-top:45px;
	text-align:justify;
}

#flash_offres
{
	width:955px;
	margin-top:30px;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/



/*---------------------------------SOLUTIONS APPLICATIVES----------------------------------------*/

#texte_sol_appli_1
{
	width:600px;
	margin-top:-780px;
	margin-bottom:60px;
	padding-top:20px;
	text-align:justify;
}

#espace_info_sol_app
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*---------------------------------OPTIMISATION DES COUTS----------------------------------------*/

#texte_opti_cout_1
{
	width:660px;
	margin-top:-215px;
	text-align:justify;
}

#texte_opti_cout_2
{
	width:568px;
	height:45px;
	margin-top:25px;
	padding:10px 20px;
	background-image:url(../images/fo_1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:justify;
}

#texte_opti_cout_3
{
	width:568px;
	height:45px;
	margin-top:10px;
	padding:10px 20px;
	background-image:url(../images/fo_1.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:justify;
}

#texte_opti_cout_4
{
	width:568px;
	height:73px;
	margin-top:10px;
	padding:12px 20px;
	background-image:url(../images/fo_2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:justify;
}

#texte_opti_cout_5
{
	width:760px;
	margin-top:10px;
	text-align:justify;
	padding-bottom:40px;
}


/*-----------------------------------------------------------------------------------------------*/


/*--------------------------------------PARTENAIRES----------------------------------------------*/

#texte_part_1
{
	width:660px;
	margin-top:-530px;
	text-align:justify;
}

#espace_info_part
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	text-align:justify;
	/*border:1px solid #000000;*/
}

#espace_info_part_1
{
	width:210px;
	height:130px;
	margin-top:40px;
	padding:10px 20px;
	color:#FFFFFF;
	background-image:url(../images/fo_6.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}

/*-----------------------------------------------------------------------------------------------*/


/*-------------------------------------CERTIFICATIONS--------------------------------------------*/

#texte_certif_1
{
	width:660px;
	margin-top:-555px;
	margin-bottom:60px;
	text-align:justify;
}

#espace_info_certif
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*-------------------------------------SPECIFICATIONS--------------------------------------------*/

#texte_specif_1
{
	width:660px;
	margin-top:-550px;
	text-align:justify;
}

#espace_info_specif
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*-------------------------------------PAGE ACUTALITE--------------------------------------------*/

#texte_actu_1
{
	width:660px;
	margin-top:-290px;
	margin-bottom:60px;
	text-align:justify;
}

#espace_info_actu
{
	width:250px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*-------------------------------------MICROSOFT DAYS--------------------------------------------*/

#texte_micro_day_1
{
	width:660px;
	margin-top:-450px;
	margin-bottom:60px;
	text-align:justify;
}

#texte_consult_micro_day_1
{
	width:935px;
	margin-top:-50px;
	margin-bottom:60px;
	text-align:justify;
}

#formulaire_micro_day
{
	width:660px;
	margin-top:20px;
}

#espace_info_micro_day
{
	width:250px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	/*text-align:justify;*
	/*border:1px solid #000000;*/
}

#texte_micro_day_bis1
{
	width:660px;
	margin-top:-500px;
	margin-bottom:60px;
	text-align:justify;
}

#espace_info_micro_day_bis
{
	width:250px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	/*text-align:justify;*
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*----------------------------------MICROSOFT DAYS GRENOBLE--------------------------------------*/

#texte_micro_day_gre
{
	width:660px;
	margin-top:-220px;
	margin-bottom:60px;
	text-align:justify;
}

#espace_info_micro_day_gre
{
	width:250px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	/*text-align:justify;*
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*----------------------------------PAGE MENTIONS LEGALES----------------------------------------*/

#texte_legale_1
{
	width:600px;
	margin-top:-555px;
	padding-top:20px;
	text-align:justify;
}

#espace_info_legale
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*---------------------------------------RECRUTEMENT---------------------------------------------*/

#texte_recrut_1
{
	width:660px;
	margin-top:-555px;
	text-align:justify;
}

#espace_info_recrut
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*-----------------------------------------CONTACTS----------------------------------------------*/

#texte_contact_1
{
	width:600px;
	margin-top:-550px;
	padding-top:20px;
	text-align:justify;
}

#texte_contact_2
{
	width:950px;
	text-align:justify;
}

#espace_info_contact
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*-----------------------------------------------------------------------------------------------*/


/*-----------------------------------------FORMULAIRE--------------------------------------------*/

#texte_formulaire_1
{
	width:600px;
	margin-top:-550px;
	padding-top:20px;
	text-align:justify;
}

#espace_info_formulaire
{
	width:250px;
	height:550px;
	margin-left:705px;
	/*margin-top:-180px;*/
	padding-top:25px;
	text-align:justify;
	/*border:1px solid #000000;*/
}

/*---------------Charte formulaire---------------*/
#coordonnees label {
  position:absolute;
  font-size:12px;
  padding-top:4px;
  left:20px;
}

#message  {
  padding-left:20px;
  font-size:12px;
}

#coordonnees input {
  margin-left:140px;
  line-height:1.4em;
  margin-bottom:0.2em;
  width:200px;
}

#coordonnees select {
  margin-left:140px;
  line-height:1.4em;
  margin-bottom:0.2em;
  width:207px;
}

#coordonnees textarea {
  margin-left:140px;
  line-height:1.4em;
  margin-bottom:0.2em;
  width:300px;
}


#civilite {
  font-size:10px;
}

#civilite input {
  margin-left:140px;
  width:20px;
}

#civilite input + input { 
  margin-left:10px;
} /*input + input : consiste  faire un : " #civilite input + input ", de faon  ce que le style soit appliqu uniquement si le champ input radio est prcd d'un autre.*/

/* cases a cocher des centres d'interet */
/*#interets {
  font-size:90%;
}
#interets input {
  margin-left:130px;
}
#interets input +input {
  margin-left:1em;
}
#interets br+input {
  margin-left:130px;
}*//*br+input : Le raisonnement est le mme : s'il y a un lment <br> suivi d'un lment input, ce dernier aura une marge  gauche de 9em.*/
/*-----------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/


/*-------------------------------PAGE PB FORMULAIRE-----------------------------*/

#message_formulaire
{
	position:absolute;
	height:40px;
	width:525px;
	left:220px;
	top:400px;
	text-align:center;
}

/*------------------------------------------------------------------------------*/

/*-----------------------------PAGE CONSULTATION--------------------------------*/

#global_consultation
{
	position:absolute;
	width:955px;
	height:800px;
	left:50%;
	margin-left:-477px;
	background-color:#FFFFFF;
}


#contenu_consultation
{
	position:absolute;
	width:925;
	/*left:10px;*/
	top:330px;
	overflow:auto;
	margin-left:15px;
	margin-right:15px;
}

#contenu_consultation table
{
	border:none;
}