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

a
{
	color: blue;
}

a:hover
{
	color: blue;
}

a:visited
{
	color: blue;
}

body
{

	margin: 0px;
	padding: 1px 0px 0px 0px;
	border: 0px;
	background: transparent url(images/fond_gris.jpg);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#688AA9;
	text-align : left ;
	margin-bottom : 10px;
	font-weight : bold;
} 

/* ********************************
	          CONTAINER
**********************************/
#anim_flash 
{
top : 270px ; 

}

#container
{
	width: 1024px;
	height : 922px; 
	position : relative;
	top : 18px;
	margin-right: auto;
	margin-left: auto;
	text-align: left ;
	/*background-color : #0066cc;  Couleur :  #0068c6   */
}

.bloc_gauche_tele table
{
	width : 90%;
	margin : left;
	border : 2px outset black;
	background-color : white;
	border-collapse: collapse;
	margin: auto;
}

.bloc_gauche_tele th
{
	font-weight : bold;
	font-size : 1.2em;
	color : white;
	margin: auto;
	text-align:center;
	background-color:#3386D2;
}

.bloc_gauche_tele td
{
	border : 1px inset black;
	padding:5px;
	width:50%;
	margin: auto;
	text-align: center;
	vertical-align: center;
	font-size: 0.9em;
}

#decorative_table
{
	width: 80%;
	margin : 5px;
	margin: auto;
	border : 2px inset black;
	background-color : white;
	border-collapse: collapse;
}

#decorative_table th
{
	font-weight : bold;
	font-size : 1.2em;
	color : white;
	margin: auto;
	text-align:center;
	background-color:#3386D2;
}

#decorative_table td
{
	border : 1px inset black;
	padding:3px;
	margin: auto;
	text-align: center;
}

#decorative_table caption
{
   margin: auto; /* Centre le titre du tableau */
   font-weight: bold;
   text-align: center;
   font-size: 1.2em;
   margin-bottom: 10px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

#inter_textarea
{
	width: 290px;
	height: 120px;
	overflow: auto;
	border: inset 2px white;
}

#l_login
{ 
	position: absolute; 
	margin-left :140px; 
	text-align:right; 
	width:135px; 
	font-size: 11pt; 
	font-weight: bold; 
}

#u_login
{ 
	margin-left: 319px; 
	width:120px;
}

#u_mdp
{ 
	margin-left: 
	319px; 
	width:120px;
}

#sub 
{
	margin-left : 353px;
	width:90px
}

#mdp_perdu
{
	margin-left : 40px;
	font-size : 7pt;
}

#civ
{
	margin-left : 49px;
}

select
{
	width : 114px;
}

.l_text
{
	font-weight : bold;
	font-size : 11pt;
	margin-top : 5px;
}

/* ********************************
	  HEADER class du container

********************************
.header
{
	height: 203px;
	width: 1024px;
	position:absolute;
	top: 0px;
	left : 83px;
	right: 0px;
	margin-top: 0px;
	margin-left : 0px;
	margin-right:0px;
	margin-bottom: 0px; 
	background: url(images/banniere.jpg) no-repeat;
	z-index : 1;
}
*/

.header
{
	position: absolute;
	top: 5px;
	right: 90px;
}

.header a 
{
	text-decoration: none;
}

.header a:visited
{
	color: black;
}

.header ul 
{
	list-style-image: url(images/bouton_client.jpg);
}

.header-logged
{
	position: absolute;
	top: 5px;
	left: 340px;
}

.header-logged a 
{
	text-decoration: none;
}

.header-logged a:visited
{
	color: black;
}

/*************************************
                                MENU
**************************************/

.menu
 {
	font-weight : bold;
	color : white ;
	position: absolute;
	top: 203px;
	left : 85px;
	display : table;
	padding:0;
	border-collapse :collapse ;
	cursor : pointer;
	border-spacing : 0px;
	text-align : center;
}
  

* html .menu td 
{

	float : left;
}

.selected a 
{
	height: 18px;
    width: 102px;
	display : block;
	padding:5px 10px; 
	color: red; 
	
	background : url(images/bouton2.jpg);
	text-decoration:none;

}

*html .selected a 
{
text-align : center;
color : white ; 
float : left;
}

 
.unselected a  
 {
	height: 18px;
    width: 102px;
	display : block;
	padding:5px 10px; 
	color:#fff; 
	
	background : url(images/bouton1.jpg);
	text-decoration:none;
}
   html .unselected a 
{
text-align : center;
color : white ; 
float : left;
}

.unselected a:hover 
{

    color : #688AA9;

    background : url(images/bouton2.jpg);
}

 
 

/*input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
/*{
   background-color: #FFFF99;
}
 */
 
 /*
	CONTACT
			*/
 
 
/********************************************************************************
		Bloc central : bloc gauche, droite, table
*********************************************************************************/
#bloc_centre  /* Bloc container du bloc de gauche et du bloc de droite*/ 
{
	background: url(images/support.jpg);
	position : absolute ;
	width:726px ; 
	height : 430px;
	top : 273px;
	left : 150px;
}

.bloc_gauche  /*  Bloc contenant le texte dans le bloc principale bloc_centre*/
{
	float: left ;
	width : 48% ;
	height : 410px;
	font-size : 1.1em;
	padding : 5px ;
	padding-top : 10px;
	padding-left : 8px;
	text-align : left ; 
	text-align : justify ;
	overflow: auto;
}

.bloc_droite 
{
	float: right ;	
	width : 46%;
	height : 400px;
	font-size : 1.2em;
	padding : 5px ;
	padding-top : 10px ;
	padding-left : 8px ;
	text-align : left ;
	text-align : justify ;
	overflow: auto;
}
.bloc_gauche_tele
{
	float: left ;
	width : 50% ;
	height : 410px;
	font-size : 1.2em;
	padding : 5px ;
	padding-top : 10px;
	padding-left : 8px;
	text-align : left ; 
	text-align : justify ;
	overflow : auto;
}

.copyright
{
	position : absolute;
	bottom : 200px;
	left : 480px;
}
/********************************************************************************
						Menu Maintenance
*********************************************************************************/
.menu_maint/* Position principale du menu*/
 {	
	position: absolute; /*position fixe du menu*/
	width : 722px ;
	left : 150px;
	top: 247px;
	display : table;
	padding:0;
	border-collapse :collapse ;
	cursor : pointer;
	border-spacing : 0px;
	text-align : center;
	font-weight : bold;	
}
  
* html .menu_maint td 
{
	float : left;
}
 
.menu_maint a  /*  mise en forme liens dans le menu*/
 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
    width: 125px;
	display : block;
	padding:7px 10px; /* Premier : hauteur de la bande, 2eme : Largeur*/
	color:white; 
	/*background:#08c; */
	background : url(images/bouton_final.jpg);
	text-decoration:none;
	padding-bottom : 2px ;
}
  
* html .menu_maint a 
{
	text-align : center;
	color : white; 
	float : left;
}

.menu_maint a:hover  /* Liens du menu on focus*/
{
	/*color:#000; 
	background:#d4d4d4;*/
	color : red;
    background : url(images/bouton_final2.jpg); 
}

/********************************************************************************
					MENU Installation
*********************************************************************************/

.menu_install/* Position principale du menu*/
 {	
	position: absolute; /*position fixe du menu*/
	font-size : 0.9em;
	width : 721px ;
	left : 150px;
	top: 247px;
	display : table;
	padding:0;
	border-collapse :collapse ;
	cursor : pointer;
	border-spacing : 0px;
	text-align : center;
	font-weight : bold;	
}
  
* html .menu_install td 
{
	float : left;
}
 
.menu_install a  /*  mise en forme liens dans le menu*/
 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
    width: 101px;
	font-size : 1em;
	display : block;
	padding:7px 10px; /* Premier : hauteur de la bande, 2eme : Largeur*/
	color:/*#688AA9*/ white; 
	/*background:#08c; */
	background : url(images/bouton_final.jpg);
	text-decoration:none;
	padding-bottom : 2px ;
}
  
* html .menu_install a 
{
	text-align : center;
	color : /*#688AA9*/ red; 
	float : left;
}

.menu_install a:hover  /* Liens du menu on focus*/
{
	/*color:#000; 
	background:#d4d4d4;*/
	color :red ;
    background : url(images/bouton_final2.jpg); 
}

/********************************************************************************
					MENU Produits
*********************************************************************************/

.menu_prod/* Position principale du menu*/
 {	
	position: absolute; /*position fixe du menu*/
	font-size : 0.9em;
	width : 721px ;
	left : 151px;
	top: 247px;
	display : table;
	padding:0;
	border-collapse :collapse ;
	cursor : pointer;
	border-spacing : 0px;
	text-align : center;
	font-weight : bold;	
}
  
* html .menu_prod td 
{
	float : left;
}
 
.menu_prod a  /*  mise en forme liens dans le menu*/
 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
    width: 105px; 
	font-size : 1em;
	display : block;
	padding:6px 8px; /* Premier : hauteur de la bande, 2eme : Largeur*/
	color:/*#688AA9*/ white; 
	/*background:#08c; */
	background : url(images/bouton_final.jpg);
	text-decoration:none;
	padding-bottom : 2px ;
}
  
* html .menu_prod a 
{
	text-align : center;
	color : white; 
	float : left;
}

.menu_prod a:hover  /* Liens du menu on focus*/
{
	/*color:#000; 
	background:#d4d4d4;*/
	color : red ;
    background : url(images/bouton_final2.jpg); 
}

/********************************************************************************
					MENU Certif
*********************************************************************************/

.menu_certif/* Position principale du menu*/
 {	
	position: absolute; /*position fixe du menu*/
	font-size : 0.9em;
	width : 722px ;
	left : 150px;
	top: 247px;
	display : table;
	padding:0;
	border-collapse :collapse ;
	cursor : pointer;
	border-spacing : 0px;
	text-align : center;
	font-weight : bold;	
}
  
* html .menu_certif td 
{
	float : left;
}
 
.menu_certif a  /*  mise en forme liens dans le menu*/
 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
    width: 165px; 
	font-size : 1em;
	display : block;
	padding:6px 8px; /* Premier : hauteur de la bande, 2eme : Largeur*/
	color:white; 
	/*background:#08c; */
	background : url(images/bouton_final.jpg);
	text-decoration:none;
	padding-bottom : 2px ;
}
  
* html .menu_certif a 
{
	text-align : center;
	color : white; 
	float : left;
}

.menu_certif a:hover  /* Liens du menu on focus*/
{
	/*color:#000; 
	background:#d4d4d4;*/
	color : red ;
    background : url(images/bouton_final2.jpg); 
}

/********************************************************************************
					MENU telechargements
*********************************************************************************/

.menu_tele/* Position principale du menu*/
 {	
	position: absolute; /*position fixe du menu*/
	font-size : 0.9em;
	width : 722px ;
	left : 150px;
	top: 247px;
	display : table;
	padding:0;
	border-collapse :collapse ;
	cursor : pointer;
	border-spacing : 0px;
	text-align : center;
	font-weight : bold;	
}
  
* html .menu_tele td 
{
	float : left;
}
 
.menu_tele a  /*  mise en forme liens dans le menu*/
 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
    width: 165px; 
	font-size : 1em;
	display : block;
	padding:6px 8px; /* Premier : hauteur de la bande, 2eme : Largeur*/
	color:white; 
	/*background:#08c; */
	background : url(images/bouton_final.jpg);
	text-decoration:none;
	padding-bottom : 2px ;
}
  
* html .menu_tele a 
{
	text-align : center;
	color : white; 
	float : left;
}

.menu_tele a:hover  /* Liens du menu on focus*/
{
	/*color:#000; 
	background:#d4d4d4;*/
	color : red ;
    background : url(images/bouton_final2.jpg); 
}

.menu_client/* Position principale du menu*/
 {	
	position: absolute; /*position fixe du menu*/
	font-size : 0.9em;
	width : 722px ;
	left : 150px;
	top: 247px;
	display : table;
	padding:0;
	border-collapse :collapse ;
	cursor : pointer;
	border-spacing : 0px;
	text-align : center;
	font-weight : bold;	
}
  
* html .menu_client td 
{
	float : left;
}
 
.menu_client a  /*  mise en forme liens dans le menu*/
 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
    width: 129px; 
	font-size : 1em;
	display : block;
	padding:6px 8px; /* Premier : hauteur de la bande, 2eme : Largeur*/
	color:white; 
	/*background:#08c; */
	background : url(images/bouton_final.jpg);
	text-decoration:none;
	padding-bottom : 2px ;
}
  
* html .menu_client a 
{
	text-align : center;
	color : white; 
	float : left;
}

.menu_client a:hover  /* Liens du menu on focus*/
{
	/*color:#000; 
	background:#d4d4d4;*/
	color :#666666 ;
    background : url(images/bouton_final2.jpg); 
}

/**************************** FORMULAIRE
              ET TEXTAREA**********************/

textarea 
{
	float: left ;
	background-color : white;
	font-size : 12px;
	width : 350px;
	border-width :0px;
	padding : 5px ;
	padding-left : 8px;
	font-family : Arial;
	text-align : left ; 
	text-align : justify ;
	overflow:hidden;
}

fieldset
{
padding : 10px ;
}



#contact_nom
{
	margin-right : 60px;
}

#contact_societe
{
	margin-right : 43px;
}

#contact_tel
{
	margin-right : 28px;
}

#contact_mail
{
	margin-right : 54px;
}

#civ
{
	width : 146px;
	margin-left : 54px;
}

#contact_nom2
{
	margin-right : 59px;
}

#contact_societe2
{
	margin-right : 45px;
}

#contact_tel2
{
	margin-right : 27px;
}

#civ2
{
	width : 146px;
	margin-left : 53px;
}

#contact_mail2
{
	margin-right : 54px;
}


img 
{
	border : none;
}

.mentions 
{
position: absolute ;
top : 750px ;
left : 790px;
font-size : 0.8em;
}

#box_titre
{
position: absolute ;
top : 5px ;
left : 85px;
width :200px;
height : 70px;
cursor:pointer;
}